/* Studio theme, variant d (/pages/apparel-deal): the apparel page (variant c) dressed for a sale.
 * Page-specific rules only; scope every rule body:has(.pb-theme-studio.pb-tv-d). Shared studio rules live in pb-theme-studio.css. */
body:has(.pb-theme-studio.pb-tv-d){--st-accent:#A27A4A;--st-dark:#2F3833;--deal:#9E1B16;--xp-badge-bg:var(--deal);}

/* Same layout tweaks as the apparel page (pb-theme-studio-c.css). */
body:has(.pb-theme-studio.pb-tv-d) #layers{padding-top:0;}
body:has(.pb-theme-studio.pb-tv-d) #layers .mx-head{margin-bottom:28px;}
body:has(.pb-theme-studio.pb-tv-d) .gx-feature.gx-tone-linen .gx-feature-media{position:relative;min-height:0;aspect-ratio:5/4;max-height:600px;}
body:has(.pb-theme-studio.pb-tv-d) .gx-feature.gx-tone-linen .gx-feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;}
@media(max-width:760px){body:has(.pb-theme-studio.pb-tv-d) .gx-feature.gx-tone-linen .gx-feature-media{aspect-ratio:4/5;max-height:none;}}
body:has(.pb-theme-studio.pb-tv-d) .pb-faq-list{max-width:100%;}

/* Hero: the site's blue <em> accent is unreadable over the dark photo. */
body:has(.pb-theme-studio.pb-tv-d) .pb-hero :is(h1,h2) em{color:#F0D2A4;}

/* Deal tiers (#tiers, a link-chips block in Pills style): one card per tier, the amount (the chip's small note) set large above the styles it covers. */
body:has(.pb-theme-studio.pb-tv-d) #tiers{padding:clamp(28px,3.4vw,44px) 0 0;}
body:has(.pb-theme-studio.pb-tv-d) #tiers .wrap{display:block;overflow:visible;text-align:center;}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-label{display:block;margin-bottom:16px;color:var(--deal);font-weight:600;}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:22px 14px;border-radius:var(--st-radius);background:var(--gx-plate);white-space:normal;text-align:center;text-wrap:balance;font:500 .84rem/1.35 Inter,system-ui,sans-serif;color:var(--st-ink);}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-note{order:-1;font:500 clamp(1.7rem,1.2rem + 1.5vw,2.5rem)/1 Fraunces,Georgia,serif;letter-spacing:-.01em;color:var(--deal);}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-chip:hover{border-color:var(--deal);background:var(--deal);color:#fff;}
body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-chip:hover .lc-note{color:#fff;opacity:1;}
@media(max-width:900px){body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list{grid-template-columns:repeat(6,minmax(0,1fr));}
  body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list li{grid-column:span 2;}
  body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list li:nth-child(n+4){grid-column:span 3;}}
@media(max-width:600px){body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list li,body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list li:nth-child(n+4){grid-column:auto;}
  body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-list li:last-child{grid-column:1 / -1;}
  body:has(.pb-theme-studio.pb-tv-d) #tiers .lc-chip{padding:18px 10px;}}

/* Coupon code banner (#code): the code set large enough to read at a glance. */
body:has(.pb-theme-studio.pb-tv-d) #code .pb-cta-coupon{margin-top:1em;padding:12px 24px;border-radius:10px;font-size:1.25rem;letter-spacing:.14em;}
