/* Category photographs sit behind selectable page headings. */
.shop-catalogue .shop-intro[data-scene] {
 position:relative; isolation:isolate; box-sizing:border-box; border:0; border-radius:0;
 display:flex; align-items:center; min-height:clamp(190px,19vw,265px);
 padding:24px clamp(20px,4vw,56px); margin:20px 0; overflow:hidden;
 background-color:#332e28; background-image:linear-gradient(90deg,rgba(20,16,12,.88),rgba(20,16,12,.64) 42%,transparent 75%),var(--scene);
 background-size:cover; background-position:center; color:white;
}
.shop-catalogue .shop-intro[data-scene] .eyebrow{display:none}
.shop-catalogue .shop-intro[data-scene] h1,.shop-catalogue .shop-intro[data-scene] p{color:#fff}
.shop-catalogue .shop-intro[data-scene] h1{margin:0 0 6px;font-size:clamp(26px,3.3vw,46px);line-height:1.08}
.shop-catalogue .shop-intro[data-scene] p{max-width:37ch;margin:0}
.shop-intro[data-scene]::after{content:"";position:absolute;inset:auto 28% 6% auto;width:clamp(64px,10vw,125px);height:70%;background:var(--pack) center bottom/contain no-repeat;pointer-events:none}
@media(max-width:760px){
 .shop-catalogue .shop-intro[data-scene]{min-height:124px;padding:18px;margin:12px 0;background-position:70% center}
 .shop-catalogue .shop-intro[data-scene] h1{max-width:12ch;margin:0;font-size:26px}
 .shop-catalogue .shop-intro[data-scene] p{display:none}
 .shop-intro[data-scene]::after{right:18%;width:52px;height:65%}
}
.shop-intro[data-scene="best-sellers"]{--scene:url("/assets/category/best-sellers.webp");--pack:url("/item-aloe.png")}
.shop-intro[data-scene="weight-management"]{--scene:url("/assets/category/c9-kitchen.webp")}
.shop-intro[data-scene="nutrition"]{--scene:url("/assets/category/argi-gym.webp")}
.shop-intro[data-scene="beauty"]{--scene:url("/assets/category/facial-milk-routine.webp")}
.shop-intro[data-scene="care"]{--scene:url("/assets/category/toothgel-morning.webp")}
.shop-intro[data-scene="infinite"]{--scene:url("/assets/category/infinite-four-products.webp")}
@media(max-width:760px){.shop-catalogue .shop-intro[data-scene] .catalogue-banner-copy{max-width:57%}}


.shop-intro[data-scene="all"] {--scene:url("/assets/category/all-aloe-morning.webp")}
.shop-intro[data-scene="best-sellers"] {--scene:url("/assets/category/aloe-breakfast-clean.webp")}
.shop-intro[data-scene="joint-mobility"] {--scene:url("/assets/category/move-outdoors.webp")}
.shop-intro:is([data-scene="all"],[data-scene="best-sellers"],[data-scene="joint-mobility"],[data-scene="nutrition"],[data-scene="weight-management"],[data-scene="beauty"],[data-scene="care"])::after {display:none}
.shop-catalogue .shop-intro:is([data-scene="all"],[data-scene="best-sellers"],[data-scene="joint-mobility"],[data-scene="nutrition"],[data-scene="weight-management"],[data-scene="beauty"],[data-scene="care"]) {
 min-height:clamp(210px,25vw,350px);align-items:flex-end;background-position:center right;
}
@media(max-width:760px){
 .shop-catalogue .shop-intro:is([data-scene="all"],[data-scene="best-sellers"],[data-scene="joint-mobility"],[data-scene="nutrition"],[data-scene="weight-management"],[data-scene="beauty"],[data-scene="care"]){min-height:144px;background-position:70% center}
}

.shop-intro[data-scene="infinite"]::after{display:none}
.shop-catalogue .shop-intro[data-scene="infinite"]{aspect-ratio:3/1;min-height:0;align-items:flex-end;background-position:center;background-image:linear-gradient(90deg,rgba(20,16,12,.55),transparent 57%),var(--scene)}
.shop-catalogue .shop-intro[data-scene="infinite"] .catalogue-banner-copy{flex:0 1 45%}
@media(max-width:760px){
 .shop-catalogue .shop-intro[data-scene="infinite"]{min-height:118px;background-position:52% center;padding:16px}
 .shop-catalogue .shop-intro[data-scene="infinite"] h1{font-size:clamp(22px,4vw,28px)}
}