/* Homepage edit, 2 Nov 2026: one clear path from hero to collections to products.
   Sections are injected by several scripts at different times, so order is set here
   by section id/class rather than by DOM position. Hidden sections keep their
   content on the collection pages and are not deleted. */
body:has(> main #hero) main{display:flex;flex-direction:column}
:where(body:has(> main #hero)) main>*{order:50}
main>#hero{order:1}
main>#cc-collections-home{order:2}
main>#after-hours-teaser{order:9}
main>.cc-bundle-ad{order:10}
main>#cc-seen-wild{order:11}
main>#next-range-poll{display:none!important}
main>#newsletter{order:13}
main>#shipping-home-banner{order:14}
main>.cc-prime-strip{order:15}

/* Covered by the collection directory, the product pages or the newsletter block. */
main>:is(#clothing-collective,#shop,#shirtfaced-home,.lc-home,#dub-disorder,div:has(> #heads-up),#custom-flags-home,.vice-home,.cc-share-ad,.colour-statement,#secret-circle,.quality-strip,.marquee,#featured,#brand-story,#manifesto,.last-call,.closing,#poor-taste-society,#ladies-after-dark-home,#public-nuisance-home,.cc-advert-carousel){display:none!important}

/* Slimmer top: one fun line, the header, search and the category bar. */
body:has(> main #hero) .announcement{display:none!important}
body:has(> main #hero) .cc-catalogue-finder .cc-finder-collections{display:none!important}
@media(max-width:760px){
 body .cc-offer-strip>button{display:none!important}
 body .cc-offer-strip{grid-template-columns:1fr!important}
}

/* 6 Nov: owner wants the hero big: full width, only capped so it fits one screen. */
@media(min-width:900px){
 main>#hero.festival-campaign-hero img{max-height:82vh!important;height:auto!important;width:100%!important;object-fit:contain!important;object-position:center!important;background:#09090c}
 main>#hero.festival-campaign-hero .range-hero-actions{padding:12px 4% 0!important}
 main>#cc-collections-home{padding-top:18px}
 #cc-collections-home .cch-title{font-size:clamp(34px,3.8vw,60px)}
}
html{scroll-behavior:smooth}
#cc-collections-home{scroll-margin-top:90px}
/* Hero sits in a <picture> (phone art direction). */
main>#hero.festival-campaign-hero picture,main>#hero.festival-campaign-hero picture img{display:block;width:100%;height:auto}