/* ==========================================================
   QINELLE ACTIVEWEAR — VISUAL SYSTEM V1
   Customer-browsing first.
   Content / taxonomy / products / SEO remain unchanged.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets{
  --qa-ink:#302729;
  --qa-muted:#74686a;
  --qa-line:#e8dcde;
  --qa-soft:#fbf6f5;
  --qa-soft2:#f7eeee;
  --qa-rose:#a76576;
  --qa-deep:#593843;
  --qa-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --qa-sans:"Jost","Helvetica Neue",Arial,sans-serif;
}


/* ==========================================================
   1. TOP / HEADER CLEARANCE
   Customer must always see location + H1 below global nav.
   ========================================================== */

@media (min-width:901px){

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear{
    padding-top:136px!important;
  }

}

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear{
  color:var(--qa-ink)!important;
  font-family:var(--qa-sans)!important;
}


/* shared page width */

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-shell{
  width:min(1180px,calc(100% - 48px))!important;
  margin-inline:auto!important;
}


/* ==========================================================
   2. BREADCRUMB / LOCATION
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-breadcrumb{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;

  margin:0 0 19px!important;

  color:#8c7d80!important;

  font-family:var(--qa-sans)!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-breadcrumb a{
  color:#98737c!important;
  text-decoration:none!important;
}

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-breadcrumb > br{
  display:none!important;
}


/* ==========================================================
   3. HERO TYPOGRAPHY
   Same Qinelle language, slightly cleaner for Activewear.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-eyebrow{
  display:block!important;

  margin:0 0 10px!important;

  color:var(--qa-rose)!important;

  font-family:var(--qa-sans)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-hero{
  max-width:850px!important;
  margin:0 0 40px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-hero h1{
  max-width:820px!important;

  margin:0 0 16px!important;

  color:var(--qa-ink)!important;

  font-family:var(--qa-display)!important;
  font-size:clamp(50px,4.5vw,67px)!important;
  font-weight:500!important;
  line-height:.98!important;
  letter-spacing:-.026em!important;
  text-transform:none!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-lead{
  max-width:760px!important;

  margin:0!important;

  color:var(--qa-muted)!important;

  font-family:var(--qa-sans)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.72!important;
}


/* ==========================================================
   4. SHOP BY STYLE
   First customer decision: 4 real category paths.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-paths{
  margin-top:0!important;
  margin-bottom:42px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-section-head{
  max-width:820px!important;
  margin:0 0 25px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-section-head h2{
  margin:0!important;

  color:var(--qa-ink)!important;

  font-family:var(--qa-display)!important;
  font-size:clamp(31px,2.8vw,41px)!important;
  font-weight:500!important;
  line-height:1.02!important;
  letter-spacing:-.022em!important;
  text-transform:none!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card{
  overflow:hidden!important;

  min-width:0!important;

  border:1px solid var(--qa-line)!important;
  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 8px 24px rgba(62,42,47,.035)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card:hover{
  transform:translateY(-2px)!important;

  box-shadow:
    0 14px 30px rgba(62,42,47,.07)!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card img{
  display:block!important;

  width:100%!important;
  height:auto!important;

  aspect-ratio:4/3!important;

  object-fit:cover!important;
  object-position:center!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card__body{
  padding:17px 17px 19px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card__body strong{
  color:var(--qa-ink)!important;

  font-family:var(--qa-sans)!important;
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.38!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-cat-v1--activewear
.qinelle-cat-card__body span{
  color:var(--qa-muted)!important;

  font-family:var(--qa-sans)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}


/* ==========================================================
   5. PRODUCT BROWSING
   Keep the archive as a true full collection.
   12 products/page, pagination preserved.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:28px 16px!important;

  height:auto!important;

  margin-bottom:34px!important;

  clear:both!important;
}


html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products::before,
html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products::after{
  content:none!important;
  display:none!important;
}


html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products
li.product{
  float:none!important;

  width:auto!important;
  max-width:none!important;

  margin:0!important;

  position:relative!important;

  overflow:hidden!important;

  border:1px solid var(--qa-line)!important;
  border-radius:15px!important;

  background:#fff!important;

  box-shadow:
    0 7px 20px rgba(65,43,48,.032)!important;
}


html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products
li.product img{
  display:block!important;

  width:100%!important;

  aspect-ratio:4/5!important;

  object-fit:cover!important;
  object-position:center top!important;

  margin:0!important;
}


html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
.astra-shop-summary-wrap{
  padding:13px 14px 16px!important;
}


html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
.woocommerce-loop-product__title{
  min-height:2.8em!important;

  color:var(--qa-ink)!important;

  font-family:var(--qa-sans)!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.4!important;
}


/* buttons */

html body.tax-product_cat.term-activewear-sets
.ast-woocommerce-container
ul.products
.button{
  min-height:35px!important;

  border-radius:999px!important;

  font-family:var(--qa-sans)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}


/* pagination remains obvious but quiet */

html body.tax-product_cat.term-activewear-sets
.woocommerce-pagination{
  margin:4px 0 62px!important;
}

html body.tax-product_cat.term-activewear-sets
.woocommerce-pagination
.page-numbers{
  font-family:var(--qa-sans)!important;
}


/* ==========================================================
   6. ACTIVEWEAR FIT GUIDE
   Customer help appears AFTER shopping, not before products.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3{
  width:min(1180px,calc(100% - 48px))!important;

  margin:66px auto 0!important;

  color:var(--qa-ink)!important;

  font-family:var(--qa-sans)!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__header{
  max-width:820px!important;
  margin:0 0 34px!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3
h2{
  color:var(--qa-ink)!important;

  font-family:var(--qa-display)!important;
  font-size:clamp(31px,2.8vw,41px)!important;
  font-weight:500!important;
  line-height:1.02!important;
  letter-spacing:-.022em!important;
  text-transform:none!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3
h3{
  color:var(--qa-ink)!important;

  font-family:var(--qa-sans)!important;
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.4!important;
}


/* section rhythm */

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__section{
  margin:0 0 20px!important;
  padding:30px!important;

  border:1px solid var(--qa-line)!important;
  border-radius:19px!important;

  background:#fff!important;

  box-shadow:
    0 9px 28px rgba(62,42,47,.03)!important;
}


html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__fit{
  background:
    linear-gradient(
      145deg,
      rgba(250,244,244,.9),
      rgba(255,255,255,.98)
    )!important;
}


/* Small icon language.
   Decorative only — text still carries all meaning. */

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__section
h3::before{
  content:""!important;

  display:inline-block!important;

  width:22px!important;
  height:22px!important;

  margin:0 9px -6px 0!important;

  border:1px solid #e2cdd2!important;
  border-radius:8px!important;

  background-color:var(--qa-rose)!important;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M12 4v16'/%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E")
    center/13px 13px no-repeat!important;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M12 4v16'/%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E")
    center/13px 13px no-repeat!important;
}


/* FAQ */

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__faq{
  background:#fff!important;
}

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__faq
details{
  border-color:var(--qa-line)!important;
}

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__faq
summary{
  color:var(--qa-ink)!important;

  font-family:var(--qa-sans)!important;
  font-size:12.5px!important;
  font-weight:650!important;
}


/* Continue shopping */

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__continue{
  margin-top:28px!important;
  padding-top:27px!important;

  border-top:1px solid var(--qa-line)!important;
}

html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__continue a{
  border-color:var(--qa-line)!important;
  border-radius:999px!important;

  color:var(--qa-deep)!important;

  font-family:var(--qa-sans)!important;
}


/* ==========================================================
   7. STICKY HEADER / ANCHOR SAFETY
   Internal jumps should never land underneath the header.
   ========================================================== */

html body.tax-product_cat.term-activewear-sets
#qinelle-activewear-style-title,
html body.tax-product_cat.term-activewear-sets
.qinelle-cat-paths,
html body.tax-product_cat.term-activewear-sets
ul.products,
html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3,
html body.tax-product_cat.term-activewear-sets
.qinelle-activewear-guide-v3__section{
  scroll-margin-top:140px!important;
}


/* ==========================================================
   8. RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear{
    padding-top:44px!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear
  .qinelle-cat-card-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .ast-woocommerce-container
  ul.products{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


@media(max-width:600px){

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear{
    padding-top:26px!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear
  .qinelle-cat-shell,
  html body.tax-product_cat.term-activewear-sets
  .qinelle-activewear-guide-v3{
    width:min(100% - 28px,1180px)!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear
  .qinelle-cat-hero h1{
    font-size:clamp(41px,12vw,52px)!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear
  .qinelle-cat-card-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:10px!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear
  .qinelle-cat-card img{
    aspect-ratio:1/1!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .ast-woocommerce-container
  ul.products{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:16px 10px!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-activewear-guide-v3__section{
    padding:21px!important;
    border-radius:16px!important;
  }

  html body.tax-product_cat.term-activewear-sets
  .qinelle-activewear-guide-v3
  h2{
    font-size:30px!important;
  }

}



/* ==========================================================
   QINELLE ACTIVEWEAR HERO CLEARANCE V1.1
   Reduce excessive desktop whitespace while preserving
   safe separation from the global navigation.
   ========================================================== */

@media (min-width:901px){

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear{
    padding-top:84px!important;
  }

}



/* ==========================================================
   QINELLE ACTIVEWEAR HERO CLEARANCE V1.2
   Final customer-browsing desktop spacing.
   ========================================================== */

@media (min-width:901px){

  html body.tax-product_cat.term-activewear-sets
  .qinelle-cat-v1--activewear{
    padding-top:56px!important;
  }

}