/* ==========================================================
   QINELLE BRAS & TOPS — CATEGORY HUB VISUAL SYSTEM V1
   Presentation only. No content / SEO changes.
   ========================================================== */

body.page-id-53261{
  --qbt-ink:#302729;
  --qbt-muted:#756769;
  --qbt-soft:#fbf6f5;
  --qbt-soft-2:#f7eeee;
  --qbt-line:#e9dcde;
  --qbt-rose:#a76576;
  --qbt-deep:#5a3642;
}


/* ----------------------------------------------------------
   A. PAGE / HERO
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras{
  color:var(--qbt-ink)!important;
  padding-top:0!important;
  padding-bottom:70px!important;
}

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-shell{
  width:min(1180px,calc(100% - 48px))!important;
  margin-inline:auto!important;
}


/* Current global header overlaps page content visually.
   Give the hub the same safe breathing room as other Qinelle hubs. */

@media (min-width:901px){

  body.page-id-53261
  .qinelle-cat-v1--bras{
    padding-top:116px!important;
  }

}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-breadcrumb{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;

  margin:0 0 20px!important;

  color:#8c7d80!important;

  font-size:12px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-breadcrumb a{
  color:#9c777f!important;
  text-decoration:none!important;
}

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-breadcrumb > br{
  display:none!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-eyebrow{
  display:block!important;

  margin:0 0 10px!important;

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

  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-hero{
  max-width:860px!important;
  margin:0 0 52px!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-hero h1{
  max-width:760px!important;

  margin:0 0 18px!important;

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

  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(50px,4.6vw,68px)!important;
  font-weight:500!important;
  line-height:.98!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-lead{
  max-width:720px!important;

  margin:0 0 20px!important;

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

  font-size:15px!important;
  font-weight:400!important;
  line-height:1.72!important;
}


/* Hero support-type links:
   existing content remains exactly as authored;
   make the two paths feel like real navigation. */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-hero a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:37px!important;

  margin:5px 7px 0 0!important;
  padding:0 14px!important;

  border:1px solid #dfcdd1!important;
  border-radius:999px!important;

  background:rgba(255,255,255,.88)!important;

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

  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;

  text-decoration:none!important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease!important;
}

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-hero a:hover{
  transform:translateY(-1px)!important;
  border-color:#cfaeb6!important;
  background:#fff!important;
}


/* ----------------------------------------------------------
   B. SECTION RHYTHM
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide{
  position:relative!important;

  margin:0 0 22px!important;
  padding:34px!important;

  border:1px solid var(--qbt-line)!important;
  border-radius:20px!important;

  background:#fff!important;

  box-shadow:
    0 12px 34px rgba(63,42,47,.035)!important;
}


/* alternate only enough to create rhythm, not stripes */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide:nth-of-type(even){
  background:
    linear-gradient(
      145deg,
      rgba(251,246,245,.84),
      rgba(255,255,255,.98)
    )!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-section-head{
  max-width:820px!important;
  margin:0 0 25px!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-kicker{
  margin:0 0 8px!important;

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

  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-section-head h2{
  max-width:800px!important;

  margin:0!important;

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

  font-family:"Cormorant Garamond",Georgia,serif!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;
}


/* ----------------------------------------------------------
   C. GUIDE GRID / CARDS
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;

  min-width:0!important;
  min-height:0!important;

  padding:22px!important;

  border:1px solid #eadcdf!important;
  border-radius:16px!important;

  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #fcf7f6 100%
    )!important;

  box-shadow:none!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item strong{
  display:block!important;

  margin:0 0 10px!important;

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

  font-size:14px!important;
  font-weight:650!important;
  line-height:1.4!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item span,
body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item p{
  display:block!important;

  margin:0!important;

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

  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.65!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item a{
  color:#a76576!important;
  font-weight:600!important;
  text-decoration:none!important;
}


/* ----------------------------------------------------------
   D. LIGHT OUTLINE ICON BADGES
   Decorative only; no text/meaning is replaced.
   First four guide groups receive micro-icons.
   FAQ remains intentionally quieter.
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide:not(.qinelle-cat-guide--faq)
.qinelle-cat-guide__item::before{
  content:""!important;

  display:block!important;
  flex:0 0 auto!important;

  width:25px!important;
  height:25px!important;

  margin:0 0 15px!important;

  border:1px solid #e3cdd2!important;
  border-radius:9px!important;

  background-color:#a76576!important;

  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;

  -webkit-mask-position:center!important;
  mask-position:center!important;

  -webkit-mask-size:14px 14px!important;
  mask-size:14px 14px!important;
}


/* garment / layer */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide:not(.qinelle-cat-guide--faq)
.qinelle-cat-guide__item:nth-child(3n+1)::before{
  -webkit-mask-image:
    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='M8 4 5 5.5 2.5 9 6 11v9h12v-9l3.5-2L19 5.5 16 4c-.6 1.5-2 2.5-4 2.5S8.6 5.5 8 4Z'/%3E%3C/svg%3E")!important;

  mask-image:
    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='M8 4 5 5.5 2.5 9 6 11v9h12v-9l3.5-2L19 5.5 16 4c-.6 1.5-2 2.5-4 2.5S8.6 5.5 8 4Z'/%3E%3C/svg%3E")!important;
}


/* measure / sizing */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide:not(.qinelle-cat-guide--faq)
.qinelle-cat-guide__item:nth-child(3n+2)::before{
  -webkit-mask-image:
    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='M3 17 17 3l4 4L7 21H3v-4Z'/%3E%3Cpath d='m14 6 4 4M11 9l2 2M8 12l2 2'/%3E%3C/svg%3E")!important;

  mask-image:
    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='M3 17 17 3l4 4L7 21H3v-4Z'/%3E%3Cpath d='m14 6 4 4M11 9l2 2M8 12l2 2'/%3E%3C/svg%3E")!important;
}


/* fit / check */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide:not(.qinelle-cat-guide--faq)
.qinelle-cat-guide__item:nth-child(3n)::before{
  -webkit-mask-image:
    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%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")!important;

  mask-image:
    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%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")!important;
}


/* ----------------------------------------------------------
   E. FAQ — lighter than decision cards
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide--faq{
  background:#fff!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide--faq
.qinelle-cat-guide__grid{
  gap:9px!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide--faq
.qinelle-cat-guide__item{
  padding:16px 18px!important;

  border-radius:12px!important;

  background:#fff!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide--faq
.qinelle-cat-guide__item strong{
  margin:0!important;
  font-size:12.5px!important;
}


/* ----------------------------------------------------------
   F. PRODUCTS — unify without changing the 8-product set
   ---------------------------------------------------------- */

body.page-id-53261
.qinelle-cat-v1--bras
.woocommerce ul.products,
body.page-id-53261
.qinelle-cat-v1--bras
ul.products{
  gap:15px!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product{
  overflow:hidden!important;

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

  background:#fff!important;

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


body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product img{
  border-radius:0!important;
}


body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product
.astra-shop-summary-wrap{
  padding:13px 14px 15px!important;
}


/* ----------------------------------------------------------
   G. RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:900px){

  body.page-id-53261
  .qinelle-cat-v1--bras{
    padding-top:44px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-guide{
    padding:27px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-guide__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

}


@media (max-width:600px){

  body.page-id-53261
  .qinelle-cat-v1--bras{
    padding-top:26px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-shell{
    width:min(100% - 28px,1180px)!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-hero{
    margin-bottom:38px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-hero h1{
    font-size:clamp(40px,12vw,51px)!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-guide{
    margin-bottom:16px!important;
    padding:22px!important;
    border-radius:17px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-section-head h2{
    font-size:30px!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-guide__grid{
    grid-template-columns:1fr!important;
  }

  body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-guide__item{
    padding:19px!important;
  }

}


/* ==========================================================
   QINELLE BRAS & TOPS TYPOGRAPHY V1.1
   Shared Qinelle Category Hub typography + final hero clearance
   ========================================================== */


/* ----------------------------------------------------------
   TYPOGRAPHY TOKENS
   Display = Cormorant Garamond
   UI / body = Jost
   ---------------------------------------------------------- */

html body.page-id-53261
.qinelle-cat-v1--bras{
  --q-font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --q-font-sans:"Jost","Helvetica Neue",Arial,sans-serif;

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


/* Body / UI */

html body.page-id-53261
.qinelle-cat-v1--bras p,
html body.page-id-53261
.qinelle-cat-v1--bras span,
html body.page-id-53261
.qinelle-cat-v1--bras a,
html body.page-id-53261
.qinelle-cat-v1--bras button,
html body.page-id-53261
.qinelle-cat-v1--bras strong,
html body.page-id-53261
.qinelle-cat-v1--bras summary,
html body.page-id-53261
.qinelle-cat-v1--bras .qinelle-cat-breadcrumb,
html body.page-id-53261
.qinelle-cat-v1--bras .qinelle-cat-kicker,
html body.page-id-53261
.qinelle-cat-v1--bras .qinelle-cat-eyebrow{
  font-family:var(--q-font-sans)!important;
}


/* Display headings */

html body.page-id-53261
.qinelle-cat-v1--bras h1,
html body.page-id-53261
.qinelle-cat-v1--bras h2{
  font-family:var(--q-font-display)!important;
  color:#302729!important;
  font-weight:500!important;
  text-transform:none!important;
}


/* H1 follows the same Qinelle editorial scale */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-hero h1{
  margin:0 0 18px!important;

  font-size:clamp(52px,4.8vw,70px)!important;
  line-height:.97!important;
  letter-spacing:-.027em!important;
  font-weight:500!important;
}


/* Section H2 follows the same scale as the other hubs */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-section-head h2{
  margin:0!important;

  font-size:clamp(32px,2.8vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.023em!important;
  font-weight:500!important;
}


/* Eyebrows / kickers */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-eyebrow,
html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-kicker{
  color:#a76576!important;

  font-size:10px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}


/* Lead */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-lead{
  color:#756769!important;

  font-size:15px!important;
  line-height:1.72!important;
  font-weight:400!important;
}


/* Card title */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item strong{
  color:#302729!important;

  font-size:13.5px!important;
  line-height:1.42!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
}


/* Card copy */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item span,
html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-guide__item p{
  color:#756769!important;

  font-size:12.5px!important;
  line-height:1.66!important;
  font-weight:400!important;
}


/* Breadcrumb */

html body.page-id-53261
.qinelle-cat-v1--bras
.qinelle-cat-breadcrumb{
  color:#8c7d80!important;

  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}


/* ----------------------------------------------------------
   FINAL DESKTOP HEADER CLEARANCE

   Higher specificity deliberately overrides the historical
   qinelle-category-desktop-final-authority rules.
   ---------------------------------------------------------- */

@media (min-width:901px){

  html body.page-id-53261
  main#main
  .qinelle-cat-v1--bras{
    padding-top:138px!important;
  }

  html body.page-id-53261
  main#main
  .qinelle-cat-v1--bras
  .qinelle-cat-shell{
    padding-top:0!important;
  }

  html body.page-id-53261
  main#main
  .qinelle-cat-v1--bras
  .qinelle-cat-hero{
    margin-top:0!important;
  }

}


/* ----------------------------------------------------------
   MOBILE TYPE SCALE
   ---------------------------------------------------------- */

@media (max-width:600px){

  html body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-hero h1{
    font-size:clamp(41px,12vw,52px)!important;
    line-height:.98!important;
  }

  html body.page-id-53261
  .qinelle-cat-v1--bras
  .qinelle-cat-section-head h2{
    font-size:30px!important;
    line-height:1.04!important;
  }

}



/* ==========================================================
   QINELLE BRAS & TOPS PRODUCT GRID FLOW V1.2
   Keep all 8 products in normal document flow.
   Prevent historical Woo/Astra floats from allowing the next
   guide section to overlap row two.
   ========================================================== */

html body.page-id-53261
.qinelle-cat-v1--bras
.woocommerce{
  display:block!important;
  width:100%!important;
  height:auto!important;
  clear:both!important;
  overflow:visible!important;
}


html body.page-id-53261
.qinelle-cat-v1--bras
.woocommerce ul.products,
html body.page-id-53261
.qinelle-cat-v1--bras
ul.products{
  display:grid!important;

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

  gap:24px 14px!important;

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

  margin:0!important;
  padding:0!important;

  clear:both!important;
  float:none!important;

  overflow:visible!important;
}


html body.page-id-53261
.qinelle-cat-v1--bras
ul.products::before,
html body.page-id-53261
.qinelle-cat-v1--bras
ul.products::after{
  content:none!important;
  display:none!important;
}


html body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product{
  display:block!important;

  float:none!important;

  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;

  margin:0!important;

  position:relative!important;
  inset:auto!important;

  clear:none!important;

  overflow:hidden!important;
}


html body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product img{
  display:block!important;

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

  aspect-ratio:4/5!important;
  object-fit:cover!important;
  object-position:center top!important;
}


html body.page-id-53261
.qinelle-cat-v1--bras
ul.products li.product
.astra-shop-summary-wrap{
  display:block!important;
  position:relative!important;
  height:auto!important;
}


/* Make sure the next authored guide starts after the
   complete two-row product grid. */

html body.page-id-53261
.qinelle-cat-v1--bras
.woocommerce + .qinelle-cat-guide,
html body.page-id-53261
.qinelle-cat-v1--bras
ul.products + .qinelle-cat-guide{
  clear:both!important;
}


/* Tablet */

@media(max-width:900px){

  html body.page-id-53261
  .qinelle-cat-v1--bras
  .woocommerce ul.products,
  html body.page-id-53261
  .qinelle-cat-v1--bras
  ul.products{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


/* Mobile remains compact: two products per row. */

@media(max-width:600px){

  html body.page-id-53261
  .qinelle-cat-v1--bras
  .woocommerce ul.products,
  html body.page-id-53261
  .qinelle-cat-v1--bras
  ul.products{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:16px 10px!important;
  }

}