/* ═══════════════════════════════════════════════════════════════════════
   Audioengine – Custom CSS
   ═══════════════════════════════════════════════════════════════════════ */
.inr-cat-list .ae-product-filter {
    background: none;
}
/* ═══════════════════════════════════════════════════════════════════════
   Explore Single Post — Blog Detail Content
   Targets Oxygen (.ct-inner-content) and theme (.ae-single-content__inner)
   ═══════════════════════════════════════════════════════════════════════ */
/* ── Merch Category Filter Bar ─────────────────────────────────────── */
body.ae-checkout{
    
}
.fpg-filter-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1.5rem;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.fpg-filter-bar label {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #2c2c2c;
  white-space: nowrap;
  margin: 0;
}

.fpg-filter-bar .product-category-filter {
  appearance: none;
  -webkit-appearance: none;
  padding: 0.5rem 2.25rem 0.5rem 0.875rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: #333;
  cursor: pointer;
  min-width: 180px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  line-height: 1.4;
}

.fpg-filter-bar .product-category-filter:hover {
  border-color: #aaa;
}

.fpg-filter-bar .product-category-filter:focus {
  outline: none;
  border-color: var(--color-primary, #b22222);
  box-shadow: 0 0 0 3px rgba(178, 34, 34, 0.12);
}
.checkout-form-inner-wrapper .shipping-details-col{
    position: sticky !important;
    top: 25px !important;
    margin: 0 0 25px 0 !important;
    background-color: #fff!important;
    padding: 20px!important;
    border-radius: 10px!important;
    border: 1px solid #e5e5e5!important;

}
.shop_table.woocommerce-checkout-review-order-table tr{
    visibility: visible !important;
    display: revert!important;
}
/* ── No-results message ─────────────────────────────────────────────── */

.no-products-message {
  grid-column: 1 / -1;
  padding: 2.5rem 1rem;
  text-align: center;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  color: #888;
}

/* ── Responsive ─────────────────────────────────────────────────────── */

@media (max-width: 480px) {
  .fpg-filter-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .fpg-filter-bar .product-category-filter {
    width: 100%;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   Video Learning — Detail Page  (.ae-vld)
   ═══════════════════════════════════════════════════════════════════════ */

.ae-vld {
  padding: 3rem 1rem 5rem;
  background: #fff;
}

.ae-vld__container {
  max-width: 900px;
  margin: 0 auto;
}

/* ── Back link ──────────────────────────────────────────────────────── */

.ae-vld__back {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #555;
  text-decoration: none;
  margin-bottom: 1.75rem;
  transition: color 0.2s ease;
}

.ae-vld__back svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.ae-vld__back:hover {
  color: var(--color-primary, #b22222);
}

/* ── Video embed ────────────────────────────────────────────────────── */

.ae-vld__video-wrap {
  margin-bottom: 1.75rem;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  background: #111;
}

.ae-vld__video-ratio {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.ae-vld__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.ae-vld__video-ratio--thumb {
  background: #1a1a1a;
}

.ae-vld__fallback-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Title ──────────────────────────────────────────────────────────── */

.ae-vld__title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  font-weight: 700;
  color: #111;
  line-height: 1.25;
  margin: 0 0 1rem;
}

/* ── Divider ────────────────────────────────────────────────────────── */

.ae-vld__divider {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 0 0 1.75rem;
}

/* ── Content / description ──────────────────────────────────────────── */

.ae-vld__content {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: #333;
}

.ae-vld__content p {
  margin: 0 0 1.25rem;
}

.ae-vld__content p:last-child {
  margin-bottom: 0;
}

.ae-vld__content a {
  color: var(--color-primary, #b22222);
  text-decoration: underline;
}

.ae-vld__content ul,
.ae-vld__content ol {
  padding-left: 1.5rem;
  margin: 0 0 1.25rem;
}

.ae-vld__content li {
  margin-bottom: 0.375rem;
}

/* ── Prev / Next navigation ─────────────────────────────────────────── */

.ae-vld__nav {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
  margin-top: 3rem;
  padding-top: 1.75rem;
  border-top: 1px solid #e5e5e5;
}

.ae-vld__nav-prev,
.ae-vld__nav-next {
  flex: 1;
}

.ae-vld__nav-next {
  display: flex;
  justify-content: flex-end;
}

.ae-vld__nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;
  color: inherit;
  max-width: 340px;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ae-vld__nav-link:hover {
  border-color: var(--color-primary, #b22222);
  box-shadow: 0 2px 10px rgba(178, 34, 34, 0.1);
}

.ae-vld__nav-arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: var(--color-primary, #b22222);
}

.ae-vld__nav-arrow svg {
  width: 20px;
  height: 20px;
}

.ae-vld__nav-meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.ae-vld__nav-label {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #999;
}

.ae-vld__nav-post-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #222;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ae-vld__nav-link--next .ae-vld__nav-meta {
  text-align: right;
}

/* ── Responsive ─────────────────────────────────────────────────────── */

@media (max-width: 600px) {
  .ae-vld {
    padding: 2rem 1rem 3.5rem;
  }

  .ae-vld__nav {
    flex-direction: column;
  }

  .ae-vld__nav-next {
    justify-content: flex-start;
  }

  .ae-vld__nav-link {
    max-width: 100%;
    width: 100%;
  }

  .ae-vld__nav-link--next .ae-vld__nav-meta {
    text-align: left;
  }
}

/* Support Enquiry 30-05-2026 */
:root {
    --action-link: #b22222;
    --action-hover: #cf2727;
    --white: #FFFFFF;
    --gray-drk: #333333;
    --gray-md: #404040;
    --white-lght: #f4f4f4;
    --gray-lght: #d9d9d9;
}

.support-inquiry .inr-hero-banner h2 {
    font-size: 76px;
    line-height: 1.2;
}
.support-inquiry main .inr-hero-banner p {
    font-size: 16px;
    line-height: 1.5;
}
.support-inquiry main .inr-hero-banner p a {
    color: var(--action-link);
}
.support-inquiry main .inr-hero-banner p a:hover,
.support-inquiry main .inr-hero-banner p a:focus {
    color: var(--action-hover);
}
.support-inquiry main .inr-hero-banner .support-search {
    border-radius: 6px;
}
.support-inquiry main .inr-hero-banner .support-search__input {
    padding-top: 10.5px!important;
    padding-bottom: 10.36px!important;
    font-size: 12px !important;
    line-height: 1.15;
}
.support-inquiry main .inr-hero-banner button.support-search__btn {
    width: 40px;
    height: 40px;
    max-width: 40px;
    padding: 0;
    border: none;
}
.support-inquiry main .inr-hero-banner button.support-search__btn:hover {
    background-color: transparent;
    box-shadow: none;
}
.support-inquiry main .inr-hero-banner button.support-search__btn svg {
    width: 20px;
    height: 20px;
}
.support-inquiry main .inr-hero-banner button.support-search__btn svg {
    display: none !important;
}
.support-inquiry main .inr-hero-banner button.support-search__btn::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center / contain;
}
.support-inquiry main .order-returns {
    gap: 30px;
    background-color: var(--white-lght);
}
.support-inquiry main .order-returns h3,
.support-inquiry main .find-help-prod-cat h3,
.support-inquiry main .find-help-by-topic h3 {
    line-height: 1.2;
}
.support-inquiry main .order-returns a {
    background-color: var(--action-link)!important;
    box-shadow: none!important;
    border-color: var(--action-link)!important;
    white-space: nowrap;
}
.support-inquiry main .order-returns a:hover,
.support-inquiry main .order-returns a:focus {
    background-color: var(--action-hover)!important;
    border-color: var(--action-hover)!important;
}
.support-inquiry main .find-help-prod-cat .e-con-inner,
.support-inquiry main .find-help-by-topic .e-con-inner,
.support-inquiry main .ae-additional-suprt .e-con-inner,
.support-inquiry main .ae-support-ph .e-con-inner {
    max-width: 1320px;
    gap: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.support-inquiry main .find-help-prod-cat .e-con-inner {
    padding-bottom: .5rem;
    padding-left: 2px;
    padding-right: 2px;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-nav-wrap {
    background-color: transparent!important;
    background: transparent;
    border: none;
    padding-bottom: 4.5rem;
    padding-left: 28px;
    padding-right: 28px;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-nav {
    gap: 20px;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item {
    /* border-bottom: none; */
    border-radius: 6px;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item:hover {
    border-bottom-color: transparent;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item.is-active {
    border-bottom-color: var(--action-link);
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item .cpw-cat-card {
    background-color: var(--white);
    padding: 14px;
    gap: 18px;
    border-radius: 6px;
    border: 1px solid var(--white-lght);
    transition-duration: .25s;
    transition-timing-function: ease;
    transition-property: box-shadow;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item .cpw-cat-card:hover {
    box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item.is-active .cpw-cat-card {
    box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
}
.support-inquiry main .find-help-prod-cat .cpw-cat-card .cpw-cat-thumb {
    width: 60px;
}
.support-inquiry main .find-help-prod-cat .cpw-cat-card .cpw-cat-name {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray-md);
}
.support-inquiry main .find-help-prod-cat .cpw-cat-item.is-active .cpw-cat-card .cpw-cat-name {
    font-weight: 400;
    color: var(--gray-md);
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap {
    padding-left: 0;
    padding-right: 0;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-grid {
    gap: 20px;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-product-card {
    padding: 45px 30px;
    border-radius: 6px;
    border-color: var(--white-lght);
    gap: 0px;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-card-header {
    flex-direction: row;
    align-items: center;
    gap: 13px;
    font-weight: 600;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-thumb {
    width: 60px;
    height: 60px;
    background: transparent;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-product-name {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray-drk);
    padding-top: 0;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-links {
    margin-top: 1rem;
    margin-bottom: 1rem;
    gap: 0px;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-link-item {
    font-family: "Montserrat", sans-serif;
    display: list-item;
    font-size: 12px;
    margin-bottom: 13.9px;
    font-weight: 400;
    color: var(--gray-drk);
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-link-item:last-child {
    margin-bottom: 0px;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-link-item a {
    color: var(--gray-drk);
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-link-item a:hover,
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-link-item a:focus {
    color: var(--action-hover);
    text-decoration: none;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-product-btn {
    font-family: "Montserrat", sans-serif;
    background-color: transparent;
    border: 2px solid var(--action-link);
    border-radius: 5px;
    color: var(--action-link);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-product-btn:hover,
.support-inquiry main .find-help-prod-cat .find-help-prod-listing .cpw-grid-wrap .cpw-product-btn:focus {
    background-color: var(--action-hover);
    border: 2px solid var(--action-hover);
    color: var(--white);
    text-decoration: none;
}

.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block {
    padding: 30px;
    box-shadow: none;
    gap: 14.5px;
    border: 1px solid var(--white-lght);
}
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block:hover {
    box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08)
}
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--gray-md);
}
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-md);
    font-style: normal;
}
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block a {
    height: 44px!important;
    max-width: 200px!important;
    background-color: transparent!important;
    border-color: var(--action-link)!important;
    color: var(--action-link);
    box-shadow: none;
    padding: 12px 15px;
    line-height: 1;
    font-size: 16px;
}
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block a:hover,
.support-inquiry main .find-help-by-topic .find-help-by-topic-grid .find-help-by-topic-grid-block a:focus {
    background-color: var(--action-hover)!important;
    border-color: var(--action-hover)!important;
    color: var(--white);
}

.support-inquiry main .ae-additional-suprt {
    margin-bottom: 115px;
}
.support-inquiry main .ae-additional-suprt .ae-support-frm-wrapper {
    gap: 30px;
}
.support-inquiry main .ae-additional-suprt .ct-text-block {
    font-size: 21.3px;
    color: var(--gray-drk);
    line-height: 1.5;
}
.support-inquiry main .ae-additional-suprt .support-form-notice {
    width: 80%;
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(252, 133, 30, .05);
    color: #884002;
    font-size: 16px;
    line-height: 1.5;
    text-shadow: none;
    margin-right: auto;
    margin-left: auto;
}
.support-inquiry main .ae-additional-suprt .support-form-notice b {
    font-weight: bolder;
}
.support-inquiry main .ae-additional-suprt .support-form-container {
    padding: 30px!important;
    width: 80%;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--white-lght);
    margin-right: auto;
    margin-left: auto;
}
.support-inquiry main .ae-additional-suprt .support-form-container h2 {
    margin: 10px 0 6px 0;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.2;
}
.support-inquiry main .ae-additional-suprt .support-form-container p {
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray-md);
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.support-inquiry main .ae-additional-suprt .support-form-container form label {
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0.5em !important;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}
.zd-article-list li{
    padding: 8px 0!important;
}
.support-inquiry main .ae-additional-suprt .support-form-container form .support-question-selection label .gfield_required {
    color: #790000;
    margin-left: 4px;
}
.support-inquiry main .ae-additional-suprt .support-form-container form .ginput_container {
    margin-top: 8px;
}
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-presale a,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper a,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-order-status a {
    background-color: transparent!important;
    border: 2px solid var(--action-link)!important;
    border-radius: 5px;
    color: var(--action-link);
    box-shadow: none;
    padding: 12px 24px;
    line-height: 1;
    font-size: 16px;
    
    margin-right: 0;
}
.woocommerce .form-row input[type="text"],
.woocommerce .form-row input[type="email"],
.woocommerce .form-row input[type="tel"]{
    height: 55px!important;
    border-radius: 6px!important;
}
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-presale a:hover,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-presale a:focus,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper a:hover,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper a:focus,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-order-status a:hover,
.support-inquiry main .ae-additional-suprt .support-form-container form #more-help-wrapper-order-status a:focus   {
    background-color: var(--action-hover)!important;
    border-color: var(--action-hover)!important;
    color: var(--white);
}

.ae-support-frm-wrapper form #more-help-wrapper a,
.ae-support-frm-wrapper form #more-help-wrapper-order-status a {
    background-color: transparent!important;
    border: 2px solid var(--action-link)!important;
    border-radius: 5px;
    color: var(--action-link);
    box-shadow: none;
    padding: 12px 24px;
    line-height: 1;
    font-size: 16px;
    margin-right: 0;
}
.ae-support-frm-wrapper form #more-help-wrapper a:hover,
.ae-support-frm-wrapper form #more-help-wrapper a:focus,
.ae-support-frm-wrapper form #more-help-wrapper-order-status a:hover,
.ae-support-frm-wrapper form #more-help-wrapper-order-status a:focus {
    background-color: var(--action-hover)!important;
    border-color: var(--action-hover)!important;
    color: var(--white);
}
.chosen-container.chosen-container-multi .chosen-choices .search-choice{
    background-color: #fc851e!important;
}
.chosen-container.chosen-container-multi{
    width: 100%!important;
}
.gform_wrapper .chosen-container-single .chosen-single {
    height: 50px!important;
    display: flex!important;
    align-items: center!important;
}
.support-inquiry main .ae-additional-suprt .support-form-container form #start-over-btn {
    font-size: 8px;
    color: var(--action-link);
}

.support-inquiry main .ae-support-ph .e-con-inner {
    padding-top: 0;
    padding-bottom: 0;
}
.support-inquiry main .ae-support-ph p {
    text-align: center;
    font-size: 20px;
    font-weight: 900!important;
    line-height: 1.5;
    color: var(--gray-md)!important;
}
.order-status .order-title > .e-con-inner {
    gap: 30px;
    padding-top: 60px;
    padding-bottom: 40px;
}
.order-status .order-title > .e-con-inner .elementor-widget-text-editor {
    max-width: 60%!important;
    margin-left: auto;
    margin-right: auto;
}
.order-status .order-title > .e-con-inner .elementor-widget-text-editor p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-md);
}
.order-description > .e-con-inner .elementor-widget-shortcode {
    border-radius: 10px!important;
    border: 1px solid var(--gray-lght);
    padding: 30px!important;
    box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08)!important;
}
.order-description > .e-con-inner .elementor-widget-shortcode form > p {
    font-size: 12px;
    color: var(--gray-drk);
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1em;
    margin-bottom: 1em;
}
.order-description > .e-con-inner .elementor-widget-shortcode form p label {
    font-weight: 600;
    color: var(--gray-drk);
    font-size: 12px;
}
.order-description > .e-con-inner .elementor-widget-shortcode form .form-row .input-text {
    font-size: 14px;
    border: 1px solid #d3ced2;
    background: #ffffff;
    color: #000000;
    outline: none;
    padding: 8px 12px;
    border-radius: 4px;
    line-height: 1.15;
}
.order-description > .e-con-inner .elementor-widget-shortcode form .form-row  button {
    background-color: transparent;
    cursor: pointer;
    color: var(--action-link);
    padding: 0.75em 1.5em;
    border-radius: 0.25em;
    font-weight: 400;
    border: 2px solid var(--action-link);
    line-height: 1;
    min-width: 12.5rem;
    font-size: 18px;
    box-shadow: none;
}
.order-description > .e-con-inner .elementor-widget-shortcode form .form-row  button:hover {
    background-color: var(--action-hover);
    color: var(--white);
    border-color: var(--action-link);
}
/* Support Enquiry - 30-05-2026 */

/* Newsroom - 03-06-2026 */
.page .n2-newsroom-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;
    gap: 30px;
    max-width: 1320px;
}
.n2-newsroom-main,
.n2-newsroom-sidebar {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}
.page .n2-newsroom-wrap .n2-newsroom-main {
    width: 80%;
}
.page .n2-newsroom-wrap .n2-newsroom-sidebar {
    width: 20%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
.page .n2-newsroom-wrap .n2-newsroom-sidebar div {
    width: 100%;
}
.page .n2-newsroom-wrap .n2-newsroom-sidebar .n2-newsroom-filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.page .n2-newsroom-wrap .n2-newsroom-sidebar #filter-newsroom li {
    display: list-item;
    margin: 0 !important;
    padding: 13px 0 13.5px;
    border-bottom: 1px solid #ddd !important;
    font-size: 12px;
    color: var(--gray-md);
}
.page .n2-newsroom-wrap .n2-newsroom-sidebar .n2-newsroom-filter-list li.active {
    color: var(--gray-md);
    font-weight: 400;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-newsroom-grid {
    gap: 30px;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__img-link {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__img-link .n2-card__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    transition-property: transform;
    will-change: transform;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__img-link:hover .n2-card__img,
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__img-link:focus .n2-card__img {
    transform: scale(1.05);
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__body {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0;
    align-items: flex-start;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__tag--press-releases,
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__tag--archive {
    color: var(--action-link);
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__tag {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-transform: capitalize;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__title a {
    color: #000;
    text-decoration: none;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__title a:hover,
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__title a:focus {
    color: var(--action-hover);
    text-decoration: none;
}
.page .n2-newsroom-wrap .n2-newsroom-main .n2-card__excerpt {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: var(--gray-drk);
    line-height: 1.5;
    font-weight: 400;
    overflow: hidden;
    margin: 0;
}
/* Newsroom - 03-06-2026 */

/* ═══════════════════════════════════════════════════════════════════════
   Return Page — Progress Step Tabs  (#form-tabs)
   ═══════════════════════════════════════════════════════════════════════ */

/* Utility classes used by the HTML */
.flex       { display: flex; }
.flex-row   { flex-direction: row; }
.flex-top   { align-items: flex-start; }

/* Container */
#form-tabs {
    display: flex;
    flex-direction: row;
    background: #fff;
    /* border: 1px solid #e2e2e2; */
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

/* Each step column */
.form-tabs__col {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    /* border-right: 1px solid #e2e2e2; */
    position: relative;
}

.form-tabs__col:last-child {
    border-right: none;
}

/* Step number */
.form-tabs__num {
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    color: #1a1a1a;
    flex-shrink: 0;
    letter-spacing: -0.02em;
    font-family: inherit;
    transition: color 0.2s ease;
}

/* Active / completed step — red number */
.form-tabs__col.done .form-tabs__num {
    color: var(--action-link, #b22222);
}

/* Step label text */
.form-tabs__txt {
    font-size: 13.5px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.4;
}

.form-tabs__txt span {
    display: block;
    color: #555;
}

.form-tabs__col.done .form-tabs__txt {
    color: #1a1a1a;
}

.form-tabs__col.done .form-tabs__txt span {
    color: var(--action-link, #b22222);
}

/* ── Orange progress bar at the bottom ─────────────────────────────── */
#form-tabs::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background: #f97316;
    width: 0%;
    transition: width 0.35s ease;
    border-radius: 0 2px 0 0;
}

/* Width based on which step is "done" — uses :has() (93%+ browser support) */
#form-tabs:has(.form-tabs__col:nth-child(1).done)::after { width: 25%; }
#form-tabs:has(.form-tabs__col:nth-child(2).done)::after { width: 50%; }
#form-tabs:has(.form-tabs__col:nth-child(3).done)::after { width: 75%; }
#form-tabs:has(.form-tabs__col:nth-child(4).done)::after { width: 100%; }

.form-tabs__num {
    font-weight: 600;
    font-size: 4em !important;
    margin-right: 10px !important;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    #form-tabs {
        flex-wrap: wrap;
    }

    .form-tabs__col {
        flex: 1 1 50%;
        border-right: none;
        border-bottom: 1px solid #e2e2e2;
        padding: 14px 16px;
    }

    .form-tabs__col:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
    }

    .form-tabs__col:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .form-tabs__num {
        font-size: 42px;
    }
}

@media (max-width: 480px) {
    .form-tabs__col {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px solid #e2e2e2;
    }

    .form-tabs__col:last-child {
        border-bottom: none;
    }

    .form-tabs__num {
        font-size: 36px;
    }

    #form-tabs::after {
        height: 3px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════
   Return Page — Order Lookup Form  (.get-order-form)
   ═══════════════════════════════════════════════════════════════════════ */

.get-order-form,.store-credit-form,.resend-store-credit-form {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px !important;
    margin-top: 1.5rem !important;
}

/* Inputs */
.get-order-form input[type="text"], .store-credit-form input[type="text"],.resend-store-credit-form input[type="text"]{
    flex: 1;
    min-width: 0;
    padding: 12px 16px !important;
    font-size: 14px;
    font-family: inherit;
    color: #333;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  border-right: 0px;
  border-left: 0px;
    /* border-radius: 5px; */
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    line-height: 1.4;
    -webkit-appearance: none;
    appearance: none;
}

.get-order-form input[type="text"]::placeholder {
    color: #6b8eae;
    opacity: 1;
}

.get-order-form input[type="text"]:focus {
    border-color: var(--color-primary, #b22222);
    box-shadow: 0 0 0 3px rgba(178, 34, 34, 0.1);
}

/* Next / submit button */
.get-order-form .check-order-info,
.get-order-form .btn--action,.store-credit-form a, .resend-store-credit-form a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    white-space: nowrap;
    background: #fff;
    color: var(--color-primary, #b22222);
    border: 2px solid var(--color-primary, #b22222);
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
    line-height: 1.4;
    text-align: center;
}
h4.credit-forms__title{
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.get-order-form .check-order-info:hover,
.get-order-form .btn--action:hover {
    background: var(--color-primary, #b22222);
    color: #fff;
}

/* Error message */
.get-order-form .order-error {
    display: none;
    width: 100%;
    font-size: 13px;
    color: var(--color-primary, #b22222);
    margin-bottom: 0.5rem;
}

.get-order-form .order-error:not(:empty) {
    display: block;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .get-order-form {
        flex-direction: column;
        gap: 10px;
    }

    .get-order-form input[type="text"],
    .get-order-form .check-order-info,
    .get-order-form .btn--action {
        width: 100%;
        flex: none;
    }
}

/* ── Content column: narrow & centered ───────────────────────────────── */
/* 04-06-2026 */
.ct-inner-content,
.ae-single-content__inner {
    max-width: 1260px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

/* ── Paragraphs ──────────────────────────────────────────────────────── */
.ct-inner-content p,
.ae-single-content__inner p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-md);
    margin-bottom: 16px;
}
.ae-single-content__inner p strong,
.ae-single-content__inner p b {
    font-weight: bolder;
}
.ae-single-content__inner p:empty,
.ae-single-content__inner p:contains(" ") {
    display: none;
}
.single .ae-newsletter .ae-newsletter__inner a img {
    width: 100%;
    max-width: 600px !important;
    align-self: center;
    position: static;
}
#more-articles-section > .elementor-containerm,
.single #more-articles-section > .elementor-container {
    max-width: 1320px;
    width: 100%;
    padding: 100px 30px;
}
#more-articles-section > .elementor-container .ae-more-articles {
    padding: 0;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid {
    gap: 45px;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    line-height: normal;
    margin: 0;
    aspect-ratio: 4 / 3;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__img-wrap .ae-more-articles__img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    transition-property: transform;
    will-change: transform;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__img-wrap:hover .ae-more-articles__img {
    transform: scale(1.05);
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__body {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
    flex-wrap: nowrap;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__body .ae-more-articles__title {
    font-size: 18px;
    color: #000;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Sans-serif;
    line-height: 1.2;
    max-inline-size: 100%;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__body .ae-more-articles__title a {
    color: #000;
}
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__body .ae-more-articles__title a:hover,
#more-articles-section > .elementor-container .ae-more-articles .ae-more-articles__grid .ae-more-articles__card .ae-more-articles__body .ae-more-articles__title a:focus {
    color: var(--action-hover);
}
.single .elementor-section-boxed .elementor-widget-heading .elementor-heading-title {
    color: #000;
    font-size: 30px;
}
/* 04-06-2026 */
/* ── H2 headings ─────────────────────────────────────────────────────── */
.ct-inner-content h2,
.ae-single-content__inner h2 {
   
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #111111 !important;
    margin: 24px 0 8px !important;
    padding: 0 !important;
    border: none !important;
}

.ct-inner-content h2 strong,
.ae-single-content__inner h2 strong {
    font-weight: 700;
    font-size: inherit;
}

/* ── H3 headings ─────────────────────────────────────────────────────── */
.ct-inner-content h3,
.ae-single-content__inner h3 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #111111 !important;
    margin: 24px 0 8px !important;
}

/* ── Inline images ───────────────────────────────────────────────────── */
.ct-inner-content p img,
.ae-single-content__inner p img {
    display: block;
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin: 24px auto !important;
}

/* ── Links in content ────────────────────────────────────────────────── */
.ct-inner-content a,
.ae-single-content__inner a {
    color: #b71c1c;
    text-decoration: none;
}

.ct-inner-content a:hover,
.ae-single-content__inner a:hover {
    text-decoration: underline;
}

/* ── Playlist icons row ──────────────────────────────────────────────── */
.ct-inner-content div[style*="repeat(5"],
.ae-single-content__inner div[style*="repeat(5"] {
    max-width: 320px !important;
    margin: 16px auto !important;
}

/* ── Newsletter footer image (Oxygen .ct-link img) ──────────────────── */
.ct-section .ct-link > img.ct-image {
    display: block;
    max-width: 400px;
    width: 100%;
    margin: 32px auto 0;
    border-radius: 6px;
}

/* ── Section wrapper ─────────────────────────────────────────────────── */
.ct-section.site-main {
    background: #ffffff;
    padding-top: 40px !important;
    padding-bottom: 48px !important;
}

.ct-section.site-main .ct-section-inner-wrap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px;
}

/* ── ae-single-wrap (theme template) ────────────────────────────────── */
.ae-single-wrap {
    background: #ffffff;
    padding: 40px 24px 48px;
}
/* 04-06-2026 */
.ae-single-content {
    max-width: 1260px;
    padding-left:10px!important;
    padding-right: 10px!important;
    width: 100%!important;
    margin: 0 auto;
}
.ae-single-content > .ae-single-content__inner > .elementor > .elementor-element.e-con-boxed.e-parent {
    padding: 0;
}
.ae-single-content > .ae-single-content__inner > .elementor > .elementor-element.e-con-boxed.e-parent > .e-con-inner {
    padding-top: 45px;
    padding-bottom: 45px;
}
body.single-explore_posts .ae-single-content{
    padding-top:70px ;
}
.ae-newsletter{
    padding: 0 10px!important;
}
/* 04-06-2026 */

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .ct-inner-content,
    .ae-single-content__inner {
        padding: 0 16px;
    }

    .ct-inner-content p,
    .ae-single-content__inner p {
        font-size: 14px !important;
    }

    .ct-inner-content h2,
    .ae-single-content__inner h2 {
        font-size: 17px !important;
    }
}

/* #cpg-1 .fpg-card__btn,.product-actions-wrapper a.button.product-buy-now{
    display: none !important;
} */
#also-bought #cpg-1 .fpg-card__btn,#also-bought #cpg-1 .fpg-card__foot{
    display: none !important;
 }
.product-actions-wrapper a.button.product-buy-now{
    display: none !important;
}

/* ── Shop Auto-Load Spinner ──────────────────────────────────────────── */
.ae-load-more-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 0 16px;
    width: 100%;
    min-height: 60px;
}

.ae-load-more-sentinel {
    position: absolute;
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.ae-load-more-spinner {
    display: none;
    width: 28px;
    height: 28px;
    border: 3px solid #dddddd;
    border-top-color: #111111;
    border-radius: 50%;
    animation: ae-spin 0.7s linear infinite;
}

.ae-load-more-wrap.is-loading .ae-load-more-spinner {
    display: block;
}

@keyframes ae-spin {
    to { transform: rotate(360deg); }
}

/* ── Shop Stock Summary Bar ──────────────────────────────────────────── */
.ae-stock-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 10px 16px;
    margin-bottom: 16px;
    background: #f7f7f7;
    border-radius: 6px;
    font-size: 13px;
    color: #444;
}

.ae-stock-summary__sep {
    color: #ccc;
}

.ae-stock-summary__item strong {
    font-weight: 700;
    color: #111;
}

.ae-stock-summary__item--in strong {
    color: #2e7d32;
}

.ae-stock-summary__item--out strong {
    color: #b71c1c;
}

.single-newsroom_posts .ae-single-wrap{
    margin-top:3rem;
}

/* ── 2026-06-19 | Product grid — responsive breakpoints ─────────────────── */

/* ── Product grid base: force grid, kill WooCommerce floats ─────────────── */
/* .woocommerce ul.products,
ul.products {
    display: grid !important;
    float: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
}
.woocommerce ul.products li.product,
ul.products li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
} */

/* Tablet landscape (≤ 1199px): 3 columns */
/* @media (max-width: 1199px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
} */

/* Tablet portrait (≤ 900px): 2 columns, shorter image */
@media (max-width: 1024px) {
    .inr-cat-list ul.products,
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
    .products .product {
        padding: 24px !important;
    }
    .products .product .product-image-wrapper,
    .products .product .product-image-wrapper a {
        height: 260px !important;
    }
}

/* Mobile (≤ 767px): 1 column product grid + stacked filter ─────────── */
@media (max-width: 767px) {

    /* Product grid */
    .inr-cat-list ul.products,
    ul.products {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    .inr-cat-list ul.products li.product,
    ul.products li.product {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .products .product {
        padding: 16px !important;
    }
    .products .product .product-image-wrapper,
    .products .product .product-image-wrapper a {
        height: 240px !important;
    }
    .product-info-wrapper a .product-title-wrapper .woocommerce-loop-product__title {
        font-size: 14px !important;
    }
    .product-info-wrapper .product-price-wrapper .price {
        font-size: 14px !important;
    }
    .product-actions-wrapper .button,
    .product-actions-wrapper .add_to_cart_button,
    .product-actions-wrapper .product_type_variable {
        font-size: 13px !important;
        height: 36px !important;
    }

    /* Filter: stack dropdowns vertically */
   
}

/* ── 2026-06-19 | Sale: Color of the Year — Column order fixes ───────────
   Body class ae-page-coty is added via PHP body_class filter (slug-based).
   Two editorial 2-col sections have image/text swapped vs the reference.
   Target: .ae-page-coty scopes to this page only — no element IDs used.
──────────────────────────────────────────────────────────────────────────── */

/* "An Audioengine Tradition": image is currently the LAST column — pull it first */
.ae-page-coty .elementor-section:nth-of-type(3) > .elementor-container > .elementor-column:last-child {
    order: -1;
}
.ae-page-coty .elementor-section:nth-of-type(3) > .elementor-container > .elementor-column:first-child {
    --padding-left: 126px !important;
    --padding-right: 0px !important;
}

/* "Your Votes, Your Color": image is currently the FIRST column — push it last */
.ae-page-coty .elementor-section:nth-of-type(5) > .elementor-container > .elementor-column:first-child {
    order: 1;
}
.ae-page-coty .elementor-section:nth-of-type(5) > .elementor-container > .elementor-column:last-child {
    order: -1;
    --padding-left: 0px !important;
    --padding-right: 126px !important;
}

/* Mobile: reset stacked layout */
@media (max-width: 767px) {
    .ae-page-coty .elementor-section:nth-of-type(3) > .elementor-container > .elementor-column,
    .ae-page-coty .elementor-section:nth-of-type(5) > .elementor-container > .elementor-column {
        order: unset;
        --padding-left: 0px !important;
        --padding-right: 0px !important;
    }
}

/* ==========================================================
   BEGIN: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19
   Shortcode: [category_products category="speakers" filter="true"]
   Scope root: .cpg-section  (unique to category_products — not shared with featured_products)

   CSS source load order:
     1. frontend.min.css (Elementor) — global resets
     2. theme.css        — filter overrides with !important (READ-ONLY, other developer)
     3. product-filter.css — filter base styles, no !important
     4. fpg_print_styles() inline <style> — #cpg-1 ID-scoped card/grid base styles (1,x,x)
     5. custom-css.css   — this file, loaded last

   !important is used ONLY where required by the above sources:
     A) Where theme.css uses !important → must counter with higher-spec !important
     B) Where fpg_print_styles() uses ID selectors → class selectors cannot beat (1,x,x) without !important
     All other rules use plain specificity.

   Specificity wins per critical property:
     flex-wrap:  .cpg-section .ae-product-filter .ae-product-filter__inner (0,3,0) > theme.css (0,2,0)
     min-width:  .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle (0,4,0) > theme.css (0,3,0)
     max-width:  same (0,4,0) > theme.css (0,3,0)
     :hover/:focus min/max-width: explicit (0,5,0) rule > theme.css (0,4,0)
     nth-child(5): (0,5,0) > theme.css (0,4,0)
     grid columns: class + !important > inline #cpg-1 (1,1,0) without !important

   Layout targets:
     ≤1260px:           filter 3-col [F1][F2][F3] / [F4][F5][Reset] / [Price—full]
     ≤991px:            filter 2-col [F1][F2] / [F3][F4] / [F5][Reset] / [Price—full]
     768px–425px:       filter stays 2-col; product grid switches to 1-col at ≤767px
     ≤424px:            filter 1-col full-width stacked, 44px touch targets
========================================================== */
@media (max-width: 1650px) {
    .inr-cat-list .child-category-hero__col {
        padding-right: 4rem;
    }
    .inr-cat-list .inr-hero-banner {
        min-height: auto;
        padding-left: 0px;
        padding-right: 0px;
        gap: 0;
    }
    .inr-cat-list .inr-hero-banner > .e-con-boxed {
        padding: 80px 30px;
    }
    .inr-cat-list .inr-hero-banner .elementor-widget-heading h1,
    .inr-cat-list .inr-hero-banner .elementor-widget-heading .elementor-heading-title,
    .inr-cat-list .inr-hero-banner .child-category-hero__title,
    .inr-cat-list .inr-hero-banner .child-category-hero__title h1 {
        font-size: 55px!important;
        line-height: 1.2;
    }
    .inr-cat-list .inr-hero-banner .elementor-widget-heading {
        padding-bottom: 0!important;
    }
}

@media (max-width: 1400px) {
    .inr-cat-list .elementor-102562 > .e-con.e-parent {
        margin-top: 12em;
    }
    .inr-cat-list .site-main {
        overflow-x: hidden;
    }
}
@media (max-width: 1160px) {
   .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper {
        flex-direction: column-reverse;
        gap: 0;
        min-height: fit-content!important;
        justify-content: flex-end;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-right-video {
        width: 100% !important;
        min-height: fit-content !important;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-right-video .banner-right-video-block {
        position: relative!important;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-right-video .banner-right-video-block iframe {
        position: relative!important;
        top: 0 !important;
        left: 0 !important;
        transform: none!important;
        width: 100% !important;
        height: 100% !important;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-left-content {
        width: 100% !important;
        padding-top: 60px;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-left-content .floating-banner-title {
        padding-bottom: 20px;
    }
    .inr-cat-list .inr-hero-banner.fifty-fifty-banner-wrapper .fifty-fifty-banner-left-content h1 {
        font-size: 50px;
        line-height: 1.2;
    }
}
/* ══════════════════════════════════════════════════════════
   WIDE TABLET / SMALL DESKTOP — max-width: 1260px
   Filter switches to 3-col wrap to prevent overflow below 1260px.
══════════════════════════════════════════════════════════ */

@media (max-width: 1260px) {

    .inr-cat-list .product-listing-wrapper {
        padding: 20px 0;
    }

    /* ── Filter Area ──────────────────────────────────────────────────── */
    .cpg-section .ae-product-filter {
        overflow-x: visible!important;
        max-width: 100%;
    }

    /* CORE FIX — (0,3,0) beats theme.css (0,2,0) flex-wrap: nowrap !important */
    .cpg-section .ae-product-filter .ae-product-filter__inner {
        flex-wrap: wrap !important;
        gap: 0.5rem;
        max-width: 100%;
    }

    /* Filter label — full-width row */
    .cpg-section .ae-product-filter .ae-product-filter__label {
        flex: 1 1 100%;
    }

    /* Dropdowns — 3-column grid */
    .cpg-section .ae-product-filter .ae-filter-dropdown {
        flex: 1 1 calc(33.333% - 0.5rem);
        min-width: 0;
    }

    /* Toggle width fix — (0,4,0) beats theme.css (0,3,0) min-width/max-width !important */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* :hover/:focus — (0,5,0) beats theme.css (0,4,0) */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:hover,
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:focus {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* nth-child(5) — Ideal Listening Space — (0,5,0) beats theme.css (0,4,0) */
    .cpg-section .ae-product-filter .ae-filter-dropdown:nth-child(5) .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Reset — same width as one dropdown column */
    .cpg-section .ae-product-filter .ae-product-filter__reset {
        flex: 1 1 calc(33.333% - 0.5rem);
        min-width: 0;
    }

    /* ── Price Slider — full-width row below all dropdowns ───────────── */
    .cpg-section .ae-filter-price {
        flex: 1 1 100%;
        order: 10;
        margin-left: 0;
    }

    .cpg-section .ae-filter-price__slider {
        flex: 1;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .cpg-section .ae-filter-price__label {
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* ── Filter Area ──────────────────────────────────────────────────── */
    .cpg-section .ae-product-filter {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }

    /* ── Product Grid ─────────────────────────────────────────────────── */
    .cpg-section .fpg-grid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-cs-slider-wrapper > .e-con-inner,
    .comp-serv-info > .e-con-inner {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

/* ── Color of the Year — 1024px ──────────────────────────────────────── */

@media (max-width: 1024px) {

    /* ── Section headings ──────────────────────────────────────────────── */
    /* .inr-cat-list .elementor-widget-heading .elementor-heading-title {
        font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;
    } */

    /* ── Container inner padding ───────────────────────────────────────── */
    .inr-cat-list .e-con > .e-con-inner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .inr-cat-list .e-con > .e-con-inner .e-con > .e-con-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .inr-cat-list .e-con > .e-con-inner .e-con > .e-con-inner .e-con > .e-con-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .inr-cat-list .swiper-slide.blog-slide {
        padding-left: 3rem;
        padding-right: 3rem;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .inr-cat-list .swiper-slide.blog-slide h3 {
        font-size: 23px;
        line-height: 1.3;
    }
    .inr-cat-list .swiper-slide.blog-slide .blog-excerpt {
        margin-bottom: 10px;
    }
    .inr-cat-list .swiper-slide.blog-slide .read-more {
        margin-bottom: 15px;
    }
}

/* ==========================================================
   BEGIN: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19

   TABLET — max-width: 1023px & max-width: 991px
   Overrides 1260px 3-col → 2-col at this breakpoint.
========================================================== */

@media (max-width: 1023px) {
    .inr-cat-list .inr-hero-banner {
        height: 55vh!important;
    }
    .inr-cat-list .inr-hero-banner .elementor-widget-heading h1,
    .inr-cat-list .inr-hero-banner .elementor-widget-heading .elementor-heading-title,
    .inr-cat-list .elementor-widget-heading h1,
    .inr-cat-list .inr-hero-banner .elementor-widget-heading h1 {
        font-size: 45px!important;
    }
}

@media (max-width: 991px) {

    /* ── Section ──────────────────────────────────────────────────────── */
    /* !important required: fpg_print_styles() sets #cpg-1.fpg-section { padding: 48px 0 } (1,1,0) */
    .cpg-section {
        padding: 32px 0 !important;
    }

    /* ── Filter Area ──────────────────────────────────────────────────── */
    .cpg-section .ae-product-filter {
        overflow-x: visible;
        max-width: 100%;
    }

    /* CORE FIX — (0,3,0) beats theme.css (0,2,0) flex-wrap: nowrap !important */
    .cpg-section .ae-product-filter .ae-product-filter__inner {
        flex-wrap: wrap !important;
        gap: 0.5rem;
        max-width: 100%;
    }

    /* Filter label — full-width row before the 2-col grid */
    .cpg-section .ae-product-filter .ae-product-filter__label {
        flex: 1 1 100%;
    }

    /* Dropdowns — 2-column grid (50% each) */
    .cpg-section .ae-product-filter .ae-filter-dropdown {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }

    /* Toggle width fix — (0,4,0) beats theme.css (0,3,0) min-width/max-width !important */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Explicit :hover/:focus — (0,5,0) beats theme.css (0,4,0) min-width/max-width !important */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:hover,
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:focus {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* nth-child(5) — Ideal Listening Space — (0,5,0) beats theme.css (0,4,0) min-width: 214px !important */
    .cpg-section .ae-product-filter .ae-filter-dropdown:nth-child(5) .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Reset — pairs with last dropdown in the 2-col grid */
    .cpg-section .ae-product-filter .ae-product-filter__reset {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
        height: 60px !important;
    }

    /* ── Price Slider ─────────────────────────────────────────────────── */
    /* Pushes to its own full-width row below the 2-col filter grid */
    .cpg-section .ae-filter-price {
        flex: 1 1 100%;
        order: 10;
        margin-left: 0;
    }

    .cpg-section .ae-filter-price__slider {
        flex: 1;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .cpg-section .ae-filter-price__label {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .inr-cat-list .inr-hero-banner.child-category-hero {
        width: 100%;
        background-color: #333;
        position: relative;
        min-height: fit-content!important;
        height: auto!important;
        border-bottom: 1px solid #cecece;
        display: flex;
        flex-direction: column;
    }
    .inr-cat-list .inr-hero-banner.child-category-hero.ae-product-banner-rt-img-lt-cnt {
        flex-direction: column-reverse;
    }
    .inr-cat-list .child-category-hero__media-col {
        width: 100%!important;
        position: relative;
        background-position: 0 100%!important;
        background-size: 82%;
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-rt-img-lt-cnt .child-category-hero__media-col {
        background-position: 100% 100%!important;
        background-size: 75%;
    }
    .inr-cat-list .child-category-hero__img-container {
        transform: translate(-50%, 5%);
        position: relative;
        width: 70%;
        padding: 0;
        right: auto;
        bottom: 0px;
        left: 50%;
        z-index: 20;
    }    
    .inr-cat-list .inr-hero-banner.ae-product-banner-rt-img-lt-cnt .child-category-hero__img-container {
        transform: translate(-50%, 15%);
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-lt-img-rt-cnt .child-category-hero__img-container {
        transform: translate(-50%, 30%);
        width: 100%;
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-lt-img-rt-cnt.ae-product-banner-left-img-r-cnt .child-category-hero__img-container {
        transform: translate(-50%, 20%);
        width: 70%!important;
    }
    .inr-cat-list .child-category-hero__img img {
        max-width: 100%;
        background-size: contain;
        width: 100%;
        object-fit: contain;
        aspect-ratio: 4 / 3;
    }
    .inr-cat-list .child-category-hero__col {
        display: flex;
        flex-direction: row !important;
        justify-content: center;
        width: 100%;
        background-color: #f4f4f4;
        padding: 60px 0 0;
        text-align: left;
        flex-grow: 1;
        position: relative;
        z-index: 10;
        flex-wrap: nowrap;
        line-height: 1.5;
    }
    .inr-cat-list .child-category-hero__intro {
        text-align: left;
        max-width: 560px;
        width: 100%;
        padding: 25px 25px 35px;
        gap: 1rem;
    }
    .inr-cat-list .inr-hero-banner .child-category-hero__title,
    .inr-cat-list .inr-hero-banner .child-category-hero__title h1 {
        font-size: 45px!important;
        color: #333!important;
        transition-duration: .25s;
        transition-timing-function: ease;
        transition-property: color;
    }
    .inr-cat-list .inr-hero-banner .child-category-hero__title h1 br {
        display: none;
    }
    .inr-cat-list .child-category-hero__text {
        color: #333!important;
        transition-duration: .25s!important;
        transition-timing-function: ease!important;
        transition-property: color!important;
        font-weight: 300;
        font-size: 14.7px;
        line-height: 1.5;
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-rt-img-lt-cnt .child-category-hero__img-container {
        width: 80%;
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-left-img-r-cnt .child-category-hero__img-container {
        width: 100%;
    }
    .inr-cat-list .inr-hero-banner.child-category-hero.ae-product-banner-sm-size .child-category-hero__img-container {
        width: 70%;
    }
    .inr-cat-list .inr-hero-banner .shop-hero-desc p,
    .inr-cat-list .inr-hero-banner .shop-hero-desc {
        font-size: 17px!important;
        line-height: 1.7em!important;
    }
}

/* ==========================================================
   END: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19
========================================================== */

@media (max-width: 768px) {
    .inr-cat-list .e-con > .e-con-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ==========================================================
   BEGIN: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19

   SMALL TABLET / LARGE MOBILE — max-width: 767px
   Filter stays 2-col (inherits 991px rule). Only layout/card
   changes that should kick in below 768px live here.
========================================================== */

@media (max-width: 767px) {

    /* ── Section ──────────────────────────────────────────────────────── */
    /* !important required: fpg_print_styles() inline #cpg-1.fpg-section (1,1,0) */
    .cpg-section {
        padding: 24px 0 !important;
    }

    /* ── Price Slider ─────────────────────────────────────────────────── */
    /* !important insurance: product-filter.css may re-declare at this breakpoint */
    .cpg-section .ae-filter-price {
        flex: 1 1 100% !important;
        order: 10;
        margin-left: 0;
    }

    .cpg-section .ae-filter-price__slider {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    /* ── Product Grid ─────────────────────────────────────────────────── */
    .inr-cat-list #cpg-1 .fpg-grid {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    /* !important required: fpg_print_styles() inline #cpg-1 .fpg-grid { grid-template-columns: repeat(2,1fr) } (1,1,0) */
    .cpg-section .fpg-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* ── Product Card ─────────────────────────────────────────────────── */
    /* !important required: fpg_print_styles() inline #cpg-1 .fpg-card__body { padding: 16px 18px 8px } (1,1,0) */
    .cpg-section .fpg-card__body {
        padding: 12px 14px 8px !important;
    }

    /* !important required: fpg_print_styles() inline #cpg-1 .fpg-card__foot { padding: 8px 18px 18px } (1,1,0) */
    .cpg-section .fpg-card__foot {
        padding: 6px 14px 14px !important;
    }

    /* ── Product Price ────────────────────────────────────────────────── */
    .cpg-section .fpg-card__price-wrap {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    /* ── Compare Button (.woosc-btn inside .fpg-card__img-wrap) ─────────── */
    /* No override needed — compare button is positioned absolutely, renders fine at mobile */

    /* ── Product Action Button ────────────────────────────────────────── */
    /* !important required: fpg_print_styles() inline #cpg-1 .fpg-card__btn { display: inline-block } (1,1,0) */
    .cpg-section .fpg-card__btn {
        display: block !important;
        width: 100%;
        text-align: center;
    }

    /* ── Color Swatches ───────────────────────────────────────────────── */
    /* !important required: fpg_print_styles() inline #cpg-1 .fpg-swatch { width: 18px; height: 18px } (1,1,0) */
    .cpg-section .fpg-swatch {
        width: 22px !important;
        height: 22px !important;
    }
    .single-product .product.type-product .prod-hero > .e-con-boxed,
    .single-product .product.type-product .prod-hero > .e-con-boxed > .e-con-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .single-product .product.type-product .prod-hero .product-details-right-content > .e-con-inner {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list,
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list .slick-slide,
    .single-product .slick-slider .slick-slide,
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list .slick-slide > div,
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list .slick-slide .wvg-gallery-image,
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list .slick-slide .wvg-gallery-image > div,
    .single-product .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper .slick-slider .slick-list .slick-slide .wvg-gallery-image > div > .wvg-single-gallery-image-container {
        height: auto!important;
    }
    body.single-product .elementor-widget-woocommerce-product-title .product_title, body.single-product .elementor-page-title .product_title, body.single-product .elementor-widget-heading .product_title {
        font-size: 28px !important;
        line-height: 1.1;
    }
    .single-product .prod-mod-intro-sec .prod-mod-intro__l-col {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .single-product .prod-mod-intro-sec .prod-mod-info__group {
        gap: 0!important;
        padding: 0;
    }
    .single-product .prod-mod-intro-sec > .e-con-inner {
        padding: 50px 0!important;
    }
    .single-product .prod-mod-intro-sec .prod-mod-intro {
        padding-top: 0px!important;
        padding-bottom: 50px!important;
    }
    .single-product .prod-mod-sec .elementor-widget-html .prod-mod:nth-child(even) .prod-mod__l-col {
        padding: 0 10px;
    }
    .single-product .shop-owner-left {
        padding-left: 0;
        padding-right: 0;
    }
    .single-product .shop-owner-left h3 br {
        display: none;
    }
    .inr-cat-list .elementor-102562 > .e-con.e-parent {
        margin-top: 10em;
    }
    .inr-cat-list .prod-mod-sec .elementor-widget-html .prod-mod {
        gap: 20px;
        flex-direction: column!important;
    }

    .inr-cat-list .child-category-hero__img-container {
        transform: translate(-50%, 7%);
    }
    .inr-cat-list .child-category-hero__img-container {
        width: 80%;
    }
    .inr-cat-list .inr-hero-banner .elementor-widget-heading h1,
    .inr-cat-list .inr-hero-banner .elementor-widget-heading .elementor-heading-title,
    .inr-cat-list .elementor-widget-heading h1 {
        font-size: 35px!important;
    }
    .inr-cat-list .inr-hero-banner > .e-con-boxed {
        padding: 50px 25px;
    }
    .inr-cat-list .inr-hero-banner .shop-arrow-wrap {
        width: 150px;
        height: 37px;
    }
    .inr-cat-list .inr-hero-banner .shop-arrow-link svg:first-child {
        height: 37px;
    }
    .inr-cat-list .inr-hero-banner .shop-arrow-wrap .animated-arrow svg {
        width: 25px !important;
        height: 25px !important;
    }
}

@media (max-width: 540px) {
    .inr-cat-list #cpg-1 .fpg-grid {
        width: 100%;
    }
    /* .inr-cat-list .inr-hero-banner h1 {
        font-size: 32px!important;
    } */
    .inr-cat-list .swiper-slide.blog-slide {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .inr-cat-list .child-category-hero__img-container {
        transform: translate(-50%, 15%);
    }
    .inr-cat-list .child-category-hero__col {
        padding-top: 40px;
    }
    .inr-cat-list .inr-hero-banner .elementor-widget-heading h1,
    .inr-cat-list .inr-hero-banner .elementor-widget-heading .elementor-heading-title,
    .inr-cat-list .inr-hero-banner .child-category-hero__title,
    .inr-cat-list .inr-hero-banner .child-category-hero__title h1 {
        font-size: 30px!important;
    }
    .inr-cat-list .child-category-hero__intro {
        gap: .8rem;
    }
    .inr-cat-list .inr-hero-banner .shop-hero-desc,
    .inr-cat-list .inr-hero-banner .shop-hero-desc p {
        font-size: 15px!important;
        line-height: 1.5em!important;
    }
    .inr-cat-list .inr-hero-banner.ae-product-banner-lt-img-rt-cnt.ae-product-banner-left-img-r-cnt .child-category-hero__img-container {
        transform: translate(-50%, 30%);
        width: 100%!important;
    }
}

/* ==========================================================
   END: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19
========================================================== */


/* ==========================================================
   BEGIN: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19

   SMALL MOBILE — max-width: 419px
   Filter switches from 2-col to 1-col full-width stack.
   product-filter.css sets .ae-filter-dropdown { flex: 1 1 calc(50% - 0.5rem) }
   at 767px — overridden here with !important at (0,4,0).
========================================================== */

@media (max-width: 419px) {

    /* ── Filter Area ──────────────────────────────────────────────────── */
    .cpg-section .ae-product-filter .ae-product-filter__inner {
        flex-wrap: wrap !important;
        gap: 0.5rem;
    }

    .cpg-section .ae-product-filter .ae-product-filter__label {
        flex: 1 1 100%;
    }

    /* 1-col stack — overrides 991px 50% rule and product-filter.css 767px 2-col rule */
    .cpg-section .ae-product-filter .ae-filter-dropdown {
        flex: 1 1 100% !important;
        min-width: 0;
    }

    /* Toggle — 44px min-height meets touch target standard */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100%;
        min-height: 44px;
    }

    /* :hover/:focus — (0,5,0) beats theme.css (0,4,0) */
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:hover,
    .cpg-section .ae-product-filter .ae-filter-dropdown .ae-filter-dropdown__toggle:focus {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* nth-child(5) — Ideal Listening Space — (0,5,0) beats theme.css (0,4,0) */
    .cpg-section .ae-product-filter .ae-filter-dropdown:nth-child(5) .ae-filter-dropdown__toggle {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Reset — full-width, touch-friendly */
    .cpg-section .ae-product-filter .ae-product-filter__reset {
        flex: 1 1 100% !important;
        min-height: 44px;
        min-width: 0;
    }
}

/* ==========================================================
   END: CATEGORY PRODUCTS RESPONSIVE REFACTOR - 2026-06-19
========================================================== */


/* ==========================================================
   BEGIN: COLOR OF THE YEAR PAGE — inr-cat-list fpg-grid responsive
   Scope: body.inr-cat-list
   Product grid: .fpg-grid (same CSS Grid architecture as .cpg-section)
   Shortcodes on this page:
     [featured_products]  → .fpg-section .fpg-grid (no .cpg-section)
     [category_products]  → .fpg-section.cpg-section .fpg-grid
   fpg_print_styles() inline styles ALREADY handle:
     base grid (display:grid, gap:1.5rem, repeat(N,1fr))
     ≤1024px → repeat(2,1fr)  (1,1,0 specificity)
     ≤600px  → 1fr            (1,1,0 specificity)
   This block adds what fpg_print_styles() does NOT provide for
   [featured_products] sections (which lack .cpg-section):
     ≤767px  → 1fr + card padding + button + swatches
   !important is required to beat fpg_print_styles() ID-scoped
   rules (1,x,x) — same reason as .cpg-section block above.
   2026-06-19
========================================================== */

@media (max-width: 767px) {

    /* ── Section padding ────────────────────────────────────────────────── */
    /* !important beats fpg_print_styles() #uid.fpg-section { padding: 48px 0 } (1,1,0) */
    .inr-cat-list .fpg-section {
        padding: 24px 0 !important;
    }

    /* ── Product Grid — 1-col ──────────────────────────────────────────── */
    /* !important beats fpg_print_styles() #uid .fpg-grid { grid-template-columns: repeat(2,1fr) } (1,1,0) */
    .inr-cat-list .fpg-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* ── Product Card ──────────────────────────────────────────────────── */
    /* !important beats fpg_print_styles() #uid .fpg-card__body { padding: 16px 18px 8px } (1,1,0) */
    .inr-cat-list .fpg-card__body {
        padding: 12px 14px 8px !important;
    }

    /* !important beats fpg_print_styles() #uid .fpg-card__foot { padding: 8px 18px 18px } (1,1,0) */
    .inr-cat-list .fpg-card__foot {
        padding: 6px 14px 14px !important;
    }

    /* ── Product Price ──────────────────────────────────────────────────── */
    .inr-cat-list .fpg-card__price-wrap {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    /* ── Product Action Button ──────────────────────────────────────────── */
    /* !important beats fpg_print_styles() #uid .fpg-card__btn { display: inline-block } (1,1,0) */
    .inr-cat-list .fpg-card__btn {
        display: block !important;
        width: 100%;
        text-align: center;
    }

    /* ── Color Swatches ──────────────────────────────────────────────────── */
    /* !important beats fpg_print_styles() #uid .fpg-swatch { width: 18px; height: 18px } (1,1,0) */
    .inr-cat-list .fpg-swatch {
        width: 22px !important;
        height: 22px !important;
    }
}

/* ==========================================================
   END: COLOR OF THE YEAR PAGE — inr-cat-list fpg-grid responsive
========================================================== */
/* ═══════════════════════════════════════════════════════════════════════
   CHECKOUT — Two-column layout
   Body class `ae-checkout` is injected by a plugin on the checkout page.
   Left  : billing + shipping (#customer_details)
   Right : order summary card (#order_review_heading + #order_review, sticky)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Layout grid ──────────────────────────────────────────────────────── */
@media (min-width: 992px) {

    body.ae-checkout form.checkout.woocommerce-checkout .checkout-form-inner-wrapper {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 400px;
        grid-template-rows: auto 1fr;
        column-gap: 25px;
        row-gap: 24px;
        align-items: start;
    }
body.ae-checkout form.checkout.woocommerce-checkout .checkout-form-inner-wrapper .shipping-form-col .col2-set {
    display: flex!important;
    flex-direction: column!important;
    column-gap: 20px!important;
    row-gap: 0px!important;
    width: 100%!important;
        float: none!important;

}
body.ae-checkout form.checkout.woocommerce-checkout .checkout-form-inner-wrapper .shipping-form-col .col2-set .col-1{
    margin-bottom: 25px!important;
}
body.ae-checkout form.checkout.woocommerce-checkout .checkout-form-inner-wrapper .shipping-form-col .col2-set .col-1,
body.ae-checkout form.checkout.woocommerce-checkout .checkout-form-inner-wrapper .shipping-form-col .col2-set .col-2{
    width: 100%!important;
    float: none!important;
}

   
    /* body.ae-checkout #customer_details {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 100%;
        float: none;
    }

  
    body.ae-checkout #order_review_heading {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
    }

    body.ae-checkout #order_review {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        float: none;
        position: sticky;
        top: 24px;
    }

 
    body.ae-checkout #customer_details .col2-set {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
    }

    body.ae-checkout #customer_details .col2-set .col-1,
    body.ae-checkout #customer_details .col2-set .col-2 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
    }

    body.ae-checkout #customer_details .col2-set .col-2 {
        margin-top: 28px;
    } */
}

/* ── Left column: billing / shipping panels ───────────────────────────── */
body.ae-checkout #customer_details .col-1,
body.ae-checkout #customer_details .col-2 {
    background: var(--color-white, #fff);
    border: 1px solid var(--color-gray-lighter, #e8e8e8);
    border-radius: 10px;
    padding: 28px 28px 8px;
}

body.ae-checkout #customer_details h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #D4D4D4;
    color: var(--color-dark, #1a1a1a);
}

/* Form fields */
body.ae-checkout .woocommerce-billing-fields .form-row,
body.ae-checkout .woocommerce-shipping-fields .form-row,
body.ae-checkout .woocommerce-additional-fields .form-row {
    margin-bottom: 16px;
}

body.ae-checkout .form-row label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--color-gray-dark, #555);
}

body.ae-checkout .form-row input.input-text,
body.ae-checkout .form-row textarea,
body.ae-checkout .select2-container .select2-selection,
body.ae-checkout .form-row .select2-selection__rendered {
    width: 100%;
    min-height: 53px;
    line-height: 48px;
    border: 1px solid var(--color-gray-light, #ccc);
    border-radius: 8px;
    padding: 0 14px;
    font-size: 15px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body.ae-checkout .form-row .select2-selection__rendered{
    border: none!important;
}

body.ae-checkout .form-row textarea {
    line-height: 1.5;
    padding: 12px 14px;
    min-height: 90px;
}

body.ae-checkout .form-row input.input-text:focus,
body.ae-checkout .form-row textarea:focus,
body.ae-checkout .select2-container--open .select2-selection {
    border-color: var(--color-primary, #b22222);
    box-shadow: 0 0 0 3px rgba(178, 34, 34, .12);
    outline: none;
}

/* ── Right column: order summary card ─────────────────────────────────── */
body.ae-checkout #order_review_heading {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-dark, #1a1a1a);
    margin: 0 0 12px;
}

body.ae-checkout #order_review {
    background: var(--color-gray-bg, #fff);
    border: 0px solid var(--color-gray-lighter, #e8e8e8);
    border-radius: 12px;
    padding: 0px;
}

/* Product / totals table */
body.ae-checkout #order_review .woocommerce-checkout-review-order-table {
    width: 100%;
    border: none;
    margin: 0 0 18px;
    background: transparent;
}

body.ae-checkout #order_review .woocommerce-checkout-review-order-table thead th {
    border: none;
    border-bottom: 2px solid var(--color-gray-lighter, #e8e8e8);
    padding: 20px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-gray, #888);
}

body.ae-checkout #order_review .woocommerce-checkout-review-order-table tbody td {
    border: none;
    border-bottom: 1px solid var(--color-gray-lighter, #e8e8e8);
    padding: 14px 0;
    font-size: 14px;
    vertical-align: top;
    background: transparent;
}

body.ae-checkout #order_review .product-name {
    color: var(--color-dark, #1a1a1a);
    font-weight: 600;
}

body.ae-checkout #order_review .product-name .product-quantity {
    color: var(--color-gray, #888);
    font-weight: 400;
}

body.ae-checkout #order_review .product-total,
body.ae-checkout #order_review .cart-subtotal td,
body.ae-checkout #order_review .order-total td {
    text-align: right;
    white-space: nowrap;
}

/* Totals (tfoot) */
body.ae-checkout #order_review .woocommerce-checkout-review-order-table tfoot th,
body.ae-checkout #order_review .woocommerce-checkout-review-order-table tfoot td {
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    background: transparent;
}

body.ae-checkout #order_review tfoot .cart-subtotal th,
body.ae-checkout #order_review tfoot .shipping th,
body.ae-checkout #order_review tfoot .cart-discount th {
    font-weight: 500;
    color: var(--color-gray-dark, #555);
}

body.ae-checkout #order_review tfoot .order-total th,
body.ae-checkout #order_review tfoot .order-total td {
     padding: 10px 20px;
    border-top: 2px solid var(--color-gray-lighter, #e8e8e8);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-dark, #1a1a1a);
}
body.ae-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.tax-total td{
    text-align: right!important;
}
.woocommerce-checkout-payment form{
    margin:12px 0!important;
}
.woocommerce-checkout-payment form input[type="text"]{
    width: 100%!important;
    height: 45px!important;
    padding: 10px!important;
    border-radius: 6px!important;
    border: 1px solid #d4d4d4!important;
}
.woocommerce-checkout-payment form input[type="submit"]{
   width: 100% !important;
    min-height: 50px !important;
    margin-top: 12px !important;
    margin-bottom: 25px !important;
    border: none !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 2px solid #b22222 !important;
    border-radius: 8px !important;
    color: #b22222 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: background .15s ease, transform .05s ease !important;
    max-width: 180px!important;
}
.woocommerce-checkout-payment form input[type="submit"]:hover{
    background: #b22222!important;
    color: #fff!important;
    transition: background .15s ease, transform .05s ease!important;
}
body.ae-checkout #order_review tfoot .order-total .amount {
    color: #333!important;
}

/* ── Payment box ──────────────────────────────────────────────────────── */
body.ae-checkout #order_review #payment,
body.ae-checkout #order_review .woocommerce-checkout-payment {
    background: var(--color-white, #fff);
    border: 1px solid var(--color-gray-lighter, #e8e8e8);
    border-radius: 10px;
    padding: 6px 18px;
    margin-top: 4px;
}

body.ae-checkout #order_review #payment ul.payment_methods {
    border: none;
    padding: 8px 0;
    margin: 0;
}

body.ae-checkout #order_review #payment ul.payment_methods li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-gray-lighter, #e8e8e8);
    list-style: none;
}

body.ae-checkout #order_review #payment ul.payment_methods li:last-child {
    border-bottom: none;
}

body.ae-checkout #order_review #payment div.payment_box {
    background: var(--color-gray-bg, #f4f4f4);
    border-radius: 8px;
    margin: 10px 0 4px;
    font-size: 13px;
}

body.ae-checkout #order_review #payment div.payment_box::before {
    display: none;
}

/* Place order button — full width */
body.ae-checkout #order_review #payment #place_order,
body.ae-checkout #order_review #place_order {
    display: block;
    width: 100%;
    min-height: 56px;
    margin-top: 12px;
    border: none;
    border-radius: 8px;
    background: var(--color-primary, #b22222);
    color: var(--color-white, #fff);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .15s ease, transform .05s ease;
}

body.ae-checkout #order_review #payment #place_order:hover {
    background: var(--color-primary-dark, #8e1b1b);
}

body.ae-checkout #order_review #payment #place_order:active {
    transform: translateY(1px);
}

/* ── Mobile: summary moves below the form ─────────────────────────────── */
@media (max-width: 991px) {
    body.ae-checkout #order_review {
        margin-top: 24px;
    }
    body.ae-checkout #customer_details .col-1 {
        margin-bottom: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════
   END: CHECKOUT — Two-column layout
   ═══════════════════════════════════════════════════════════════════════ */
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt{
    background-color:  #b22222 !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Gravity Forms — press-inquiry list markers (::marker)
   The li's ::marker is empty because a reset sets list-style:none.
   Re-enable the list style + add padding so the bullet is visible.
   ═══════════════════════════════════════════════════════════════════════ */
.zd-article-list {
    list-style: disc outside;
    padding-left: 1.25em;
    margin: 0 0 1rem;
}
.zd-article-list li {
    display: list-item;
    list-style: disc outside;
    margin-bottom: 0.5em;
}
.zd-article-list li::marker  {
    font-size: 1em;
}
.zd-article-list li a {
    color: #b22222; 
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview{
    display: none !important;
}

/* 25-07-2026 */
.woocommerce .cuw-fbt-products .cuw-form .cuw-buy-section .blockUI.blockOverlay::before {
    display: none;
}
.woocommerce .cuw-fbt-products .cuw-form .cuw-column.cuw-buy-section .blockUI.blockOverlay::before {
    display: block;
}
.elementor a {
    color: #b22222;
    text-decoration: none;
}
*:focus,
button:focus {
    outline-offset: 0.25em;
    outline-style: solid !important;
    outline-color: #b22222!important;
}
*:focus:not(:focus-visible),
button:focus:not(:focus-visible),
:focus:not(:focus-visible) {
    outline: none;
}
.pro-reviews-sec .pro-review-sec__outline {
    /* transform: translateY(-70%);
    position: absolute; */
    transform: translateY(32%);
    position: relative;
    left: 0px;
    max-width: 131rem;
    margin-right: 20%;
    margin-top: -12%;
    top: 0px;
    opacity: 1;
}
.pro-reviews-sec .pro-review-sec__outline img {
    margin-left: 100px;
    margin-top: 0px;
}
.fpg-section .products .fpg-card .fpg-card__body .fpg-card__title-wrap a {
    display: flex;
}
.qs-support-wrapper .qs-support-section .qs-post-content ul {
    list-style: disc;
    padding-left: 40px;
}
.qs-support-wrapper .qs-support-section .qs-post-content ul li ul {
    padding-left: 0px;
}
.qs-support-wrapper .qs-support-section .qs-post-content ol {
    list-style: decimal-leading-zero;
    padding-left: 50px;
}
.qs-support-wrapper .qs-support-section .qs-post-content ol li ol {
    padding-left: 0;
}
#page-content-wrapper .site-main .elementor-widget-ae_product_tech_spec {
    padding-top: 2.5rem;
}
/* 26-07-2026 */
/* 27-07-2026 */
body.wp-singular.product_tech_specs-template-default.single.single-product_tech_specs {
    background-image: linear-gradient(#fff, #fff) !important;
}
.ae-pts-desc ul {
    list-style: disc;
    padding-left: 40px;
    padding-top: 15px;
}
.ae-pts-desc ul li {
    margin-top: .4rem;
    margin-bottom: .4rem;
}

/* 27-07-2026 */
/* 28-07-2026 */
body.cat-swag .prod-mod-sec, body.cat-swag .prod-specs-sec, body.cat-swag .witb-sec {
    display:none !important;
}
.wca-section .wca-heading {
    text-align: center;
    margin-bottom: 40px;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.wca-section .wca-title {
    font-family: "Lato", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2em;
    color: #1a1a1a;
}
.wca-section .wca__text-span {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}
.wca-section .wca__card-txt {
    font-size: 1rem;
    line-height: 1.5;
    line-height: 1.5;
}
.coupon label[for="pwgc-redeem-gift-card-number"] {
    display: none !important;
}