/* Equal mobile menu tracks; the existing hamburger track stays unchanged. */
@media(max-width:700px){
 .campaign-header .menu-row>nav.primary-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}
 .campaign-header .menu-row>nav.primary-navigation>a{justify-content:center;text-align:center}
 /* Shared grid rows reserve the tallest copy block for every slide, so the
    phone canvas never changes size when the active story changes. */
 .loyalty-story .loyalty-art{height:clamp(280px,100vw,430px)}
 .is-mobile-story.is-enhanced .loyalty-panels{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;row-gap:7px;padding:15px 0 10px}
 .is-mobile-story.is-enhanced .loyalty-panel{position:relative;inset:auto;grid-column:1;grid-row:1 / 3;grid-template-rows:subgrid;gap:7px;padding:0;min-height:0;min-width:0}
 .is-mobile-story.is-enhanced .loyalty-panel .loyalty-art{height:100%;min-height:0}
 .is-mobile-story.is-enhanced .loyalty-panel .loyalty-copy{align-self:start;margin:0 auto}
}

/* Shop your way: campaign crimson, satin gold and ivory shopping artwork. */
.campaign-carousel .banner-shopping{background:radial-gradient(ellipse at 76% 35%,#e7294866,transparent 60%),linear-gradient(115deg,#72001e,#ba002c 62%,#7e001f);color:#fff8ef}
.banner-shopping .banner-copy .eyebrow,.banner-shopping .banner-footnote{color:#f4d594}
.banner-shopping .banner-copy .banner-title{color:#fffaf0;text-shadow:none}
.banner-shopping .banner-copy .banner-title em{color:#f4d594;text-shadow:none}
.banner-shopping .banner-copy>p{color:#ffe9e7}
.shop-channel-art{position:relative;width:min(100%,510px);aspect-ratio:1.15;container-type:inline-size;isolation:isolate}
.shop-art-orbit{position:absolute;inset:4% 8%;border:1px solid #f3d39555;border-radius:50%;background:radial-gradient(ellipse,#eab95b22,transparent 70%);transform:rotate(-16deg)}
.shop-art-orbit:after{content:'';position:absolute;inset:8%;border:1px dashed #f9e0ab40;border-radius:50%}
.shop-bag{position:absolute;left:5%;top:24%;width:51%;height:64%;background:linear-gradient(125deg,#c39a4e,#fff6d6 42%,#e6c986 72%,#ae8137);border:1px solid #f9e5b8;border-radius:2cqw 2cqw 1cqw 1cqw;box-shadow:2cqw 4cqw 8cqw #37001555;transform:rotate(-8deg);display:flex;align-items:center;flex-direction:column;padding:9cqw 4cqw 3cqw;color:#422816}
.shop-bag-handle{position:absolute;width:41%;height:29%;top:-19%;left:29.5%;border:1.2cqw solid #f3da9b;border-bottom:0;border-radius:50% 50% 0 0;box-shadow:inset 1px 1px #fff8dd}
.shop-bag img{display:block;width:88%;height:auto;object-fit:contain}
.shop-bag-rule{height:1px;width:75%;background:#9d743a66;margin:4cqw 0}
.shop-bag>strong{font:600 4.1cqw/1.35 var(--heading);text-align:center;letter-spacing:-.1cqw}
.shop-bag>small{font:600 1.6cqw var(--heading);letter-spacing:.25cqw;margin-top:auto}
.shop-mobile{position:absolute;right:7%;top:6%;width:36%;height:73%;border:.9cqw solid #d7b16b;border-radius:5cqw;background:#fffaf0;box-shadow:1cqw 3cqw 6cqw #3c001750;transform:rotate(9deg);padding:7.5cqw 2.5cqw 3cqw;display:flex;flex-direction:column;color:#72102a}
.shop-mobile-camera{position:absolute;top:2cqw;left:35%;width:30%;height:1.5cqw;border-radius:2cqw;background:#332214}
.shop-url{font:600 2cqw var(--heading);text-align:center;padding-bottom:2.5cqw;border-bottom:1px solid #decba8}
.shop-mobile-heading{font:800 4.3cqw/1.15 var(--heading);margin:3.5cqw 0;color:#97092d;letter-spacing:-.15cqw}
.shop-bottles{display:flex;align-items:flex-end;justify-content:center;gap:1.5cqw;flex:1;padding:4cqw 0 3cqw;border-radius:1cqw;background:radial-gradient(ellipse,#ecd9b3,transparent 80%)}
.shop-bottles i{display:block;position:relative;width:7cqw;height:12cqw;border:1px solid #be9454;background:linear-gradient(110deg,#fff2bf,#d0a44e 55%,#a67724);border-radius:.8cqw;box-shadow:1cqw 1cqw 2cqw #9c733733}
.shop-bottles i:before{content:'';position:absolute;top:-3cqw;left:20%;width:60%;height:3cqw;background:#4d2630;border-radius:.5cqw .5cqw 0 0}
.shop-bottles i:after{content:'';position:absolute;top:35%;left:15%;width:70%;height:35%;background:#fffae3;border:1px solid #bca274}
.shop-bottles i:nth-child(2){height:16cqw;background:linear-gradient(110deg,#e16679,#9f0d35 75%)}
.shop-online-label{display:block;background:#97092d;color:#fff1ce;text-align:center;padding:2cqw .5cqw;border-radius:1cqw;font:600 1.65cqw var(--heading);margin-top:2cqw}
.shop-art-seal{position:absolute;right:2%;bottom:1%;display:flex;align-items:center;gap:2cqw;transform:rotate(-4deg);background:var(--essenzi-cta-gradient);color:#39240e;padding:3cqw 4cqw;border:1px dashed #b98b3b;border-radius:1cqw;box-shadow:0 2cqw 5cqw #40001644}
.shop-art-seal svg{width:5cqw;height:5cqw}
.shop-art-seal strong{display:block;font:700 2.4cqw var(--heading)}
.shop-art-seal small{display:block;font:400 1.8cqw var(--heading);margin-top:.6cqw}
@media(min-width:701px){.shopping-showcase{height:auto;min-height:0}.banner-shopping .banner-grid{grid-template-columns:1fr 1.12fr}}
@media(max-width:700px){
 .banner-shopping .mobile-promo{color:#fffaf0}
 .banner-shopping .mobile-promo h2{color:#fffaf0;text-shadow:none}
 .banner-shopping .mobile-promo h2 em,.banner-shopping .mobile-promo .eyebrow{color:#f4d594}
 .banner-shopping .mobile-promo-copy>p{color:#ffe9e7}
 .banner-shopping .shop-channel-art{height:100%;width:auto;max-width:100%;aspect-ratio:1.15}
}
