/* Matched endpoints with eased colour stops; no borders at section joins. */
.footer-transition{--footer-start:#F2EFE7;display:block;position:relative;width:100%;height:clamp(220px,28svh,360px);flex:none;pointer-events:none;background:linear-gradient(180deg,#f2efe7 0%,#ecebe4 10%,#dce1dd 20%,#c5d1d2 30%,#a9bec5 40%,#8aaab7 50%,#6c95a9 60%,#50829c 70%,#397291 80%,#29688a 90%,#236487 100%)}
.footer-transition+.kb-footer{position:relative;border-top:0!important;margin-top:-1px!important;box-shadow:0 -2px 0 #236487}
:root[data-page=apex] .footer-transition{background:linear-gradient(180deg,#f8f6f1 0%,#f2f2ee 10%,#e2e7e6 20%,#cad6da 30%,#adc3cc 40%,#8eadbc 50%,#6e97ac 60%,#51849e 70%,#397392 80%,#29688a 90%,#236487 100%)}
/* A transparent start lets Mango's same fixed silver wall continue underneath. */
:root[data-page=mango] .footer-transition{z-index:1;background:linear-gradient(180deg,rgba(35,100,135,0.000) 0%,rgba(35,100,135,0.028) 10%,rgba(35,100,135,0.104) 20%,rgba(35,100,135,0.216) 30%,rgba(35,100,135,0.352) 40%,rgba(35,100,135,0.500) 50%,rgba(35,100,135,0.648) 60%,rgba(35,100,135,0.784) 70%,rgba(35,100,135,0.896) 80%,rgba(35,100,135,0.972) 90%,rgba(35,100,135,1.000) 100%)}
/* Home's final pixels are the actual footer colour, in both light states. */
.concept-film .universe-mist,:root[data-theme=azure] .concept-film .universe-mist{background:linear-gradient(180deg,var(--ivory) 0%,transparent 42%),linear-gradient(180deg,#23648700 52%,#23648712 60%,#23648742 68%,#23648780 76%,#236487c4 84%,#236487ed 92%,#236487 99%)}
.concept-film .universe::after{display:none}
/* Preserve complete bottle arrangements within the approved card footprint. */
.product-image img{object-fit:contain;object-position:center!important}
.product-image{background:#d3d6d4}
.product-image[data-product="1"]{background:#f2efe7}
.product-image[data-product="2"]{background:#454643}
.trade-card>img{object-position:45% 60%}

/* The supplied landscape Mango artwork fills the square Home card. */
.product-image img[src*="/mango-"]{object-fit:cover;object-position:50% 50%!important}