/* A compact, readable boutique in the original cipria palette. */
.storefront{--ink:#68464e;color:#68464e}
.storefront p{color:#705c62}
.storefront .notice{font-size:12px;letter-spacing:.8px;padding:8px 14px}
.storefront .shop-header{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:24px;padding:0 4%;background:#fffafaf5;backdrop-filter:blur(12px);box-shadow:0 3px 15px #64384507}
.storefront .shop-header .official-brand{width:125px;height:86px}
.storefront .shop-header .official-brand img{width:180px;height:180px}
#site-menu{justify-content:center;gap:22px;flex-wrap:nowrap}
#site-menu a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
#site-menu button{padding:10px 0;border:0;border-radius:0;font-size:12px;white-space:nowrap}
.shop-utilities{display:flex;gap:9px;align-items:center}
.shop-utilities button{min-height:44px;font-size:13px}
.shop-utilities #bag{border-radius:6px;padding:10px 14px}
#menu-toggle{display:none;border:0;background:transparent;color:inherit;min-height:44px}
.storefront .hero-refresh{min-height:0;grid-template-columns:1.12fr 1fr;max-width:1500px;margin:auto;overflow:hidden}
.hero-refresh .hero-copy{padding:52px 0 52px 9%}
.hero-refresh h1{font-size:clamp(42px,4.65vw,70px);margin:16px 0 24px;line-height:1.06;color:#80535f;letter-spacing:-2px}
.hero-refresh h1 em{color:#996773}
.hero-description{max-width:465px;font-size:16px;margin:0;line-height:1.75!important}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.hero-actions .btn{margin:0;background:#81515f;color:#fff;padding:16px 23px}
.text-link{display:inline-block;border:0;background:transparent;padding:8px 0;color:#754954;text-decoration:underline;text-underline-offset:5px;font-size:13px;cursor:pointer}
.hero-refresh .hero-delivery{font-size:11px;margin:21px 0 0;line-height:1.6!important}
.hero-refresh .hero-still{position:relative;align-self:stretch;padding:0;min-height:490px}
.hero-circle{position:absolute;inset:10% 6% 9%;border-radius:50% 50% 43% 43%;background:radial-gradient(at 35% 25%,#fce9df,#f1d5d4 70%);box-shadow:inset -10px -10px 50px #fff6ee55}
.hero-still img{position:absolute;height:84%;width:83%;object-fit:contain;filter:drop-shadow(10px 18px 12px #936a5c24)}
.hero-still .hero-bottle{top:1%;left:-6%;transform:rotate(-7deg)}
.hero-still .hero-serum{top:13%;right:-5%;width:72%;height:73%;transform:rotate(8deg)}
.hero-still-label{position:absolute;bottom:5%;left:5%;right:5%;text-align:center;font:27px Georgia,serif;letter-spacing:4px;color:#7a4a4c}
.hero-still-label small{font:8px Arial,sans-serif;letter-spacing:1.4px;display:block;margin-top:8px}
.shop-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #eedade;border-bottom:1px solid #eedade;background:#f9edf0;padding:18px 5%}
.shop-benefits a{text-align:center;padding:0 12px;border-right:1px solid #e4cad1}
.shop-benefits a:last-child{border:0}
.shop-benefits strong{display:block;font-size:13px;font-weight:600}
.shop-benefits span{display:block;font-size:11px;margin-top:3px}
.storefront .catalog{padding:48px 5% 28px;scroll-margin-top:90px}
.storefront .sectionhead{gap:20px;align-items:center}
.storefront .sectionhead h2{font-size:clamp(30px,3.4vw,46px);margin:13px 0}
.storefront .filters{margin:22px 0 18px;gap:8px}
.storefront .filters button{min-height:44px}
.storefront .delivery-banner{padding:12px 16px;margin:0;font-size:12px}
.storefront .promo-cart{padding:12px 16px;font-size:13px}
.storefront .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;margin-top:25px}
.storefront .product{padding:12px;box-shadow:none}
.storefront .product img{height:auto;display:block}
.storefront .product h3{font-size:23px;overflow-wrap:anywhere}
.storefront .product .price{font-size:19px!important}
.storefront .product .actions{flex-direction:column;align-items:stretch;gap:8px}
.storefront .actions button{min-height:44px;font-size:12px}
.storefront .actions button[data-add]{width:100%;padding:11px 8px}
.storefront .actions button[data-detail]{align-self:start}
.storefront .gift-section{width:calc(100% - 10%);max-width:1300px;grid-template-columns:repeat(2,minmax(0,1fr));margin:34px auto 54px;padding:28px 0;gap:40px}
.storefront .gift-section>div{min-width:0}
.storefront .gift-copy h2{font-size:clamp(33px,3.7vw,52px)}
.storefront .selection-section{padding:36px 0 28px;border-bottom:1px solid #ead6db}
.storefront #selection-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.storefront .gift-choice{grid-template-columns:54px minmax(0,1fr) auto;padding:13px;gap:12px}
.storefront .gift-choice h4{overflow-wrap:anywhere;line-height:1.4}
.storefront .gift-choice>img{width:54px}
.storefront .gift-qty{gap:8px}
.storefront .gift-qty button{min-width:44px;min-height:44px}
.storefront .gift-net{flex-wrap:wrap;font-size:21px}
.brand-story{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;background:#f4e4e7;padding:64px 6%;scroll-margin-top:86px}
.brand-story h2{font-size:clamp(34px,3.8vw,52px)}
.brand-story>div{min-width:0}
.brand-story p{font-size:14px;line-height:1.8}
.story-player{aspect-ratio:16/10;position:relative;background:#e8d0d4;border:1px solid #dfbfc8;box-shadow:0 15px 40px #6b3c4912;overflow:hidden}
#story-play{width:100%;height:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(at 15% 10%,#fffbf5,#f1d9da);color:#80535f;padding:28px;gap:22px}
.story-year{display:flex;flex-direction:column;align-items:center}
.story-year>span{font-size:10px;letter-spacing:3px}
.story-year strong{font:clamp(65px,8vw,110px)/1.2 Georgia,serif;letter-spacing:-5px}
.story-play-label{font-size:12px;display:flex;align-items:center;gap:12px}
.story-play-label i{width:45px;height:45px;display:grid;place-items:center;border:1px solid #bb8e9c;border-radius:50%;font-style:normal;font-size:12px}
.story-player iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.story-film>p{font-size:11px;line-height:1.6}
.story-film a{text-decoration:underline;text-underline-offset:3px}
.storefront .ritual-guide{padding:52px 6%;scroll-margin-top:86px}
.storefront .ritual-heading{text-align:left;max-width:1300px;margin:0 auto 30px}
.storefront .ritual-heading h2 br{display:none}
.storefront .ritual-heading h2{font-size:clamp(32px,3.4vw,46px)}
.storefront .ritual-heading>p:last-child{max-width:620px;font-size:14px}
.storefront .ritual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:1300px;align-items:start}
.routine-accordion{border-bottom:1px solid #ddbdc6}
.routine-accordion summary{padding:20px 0;display:flex;gap:20px;align-items:center;cursor:pointer;font:24px Georgia,serif;list-style:none}
.routine-accordion summary::-webkit-details-marker{display:none}
.routine-accordion summary>span{font:12px Arial,sans-serif;letter-spacing:1px;color:#976c79}
.routine-accordion summary>b{font:22px Arial,sans-serif;margin-left:auto}
.routine-accordion[open] summary>b{transform:rotate(45deg)}
.storefront .ritual-step{padding:10px 0 24px;border:0;gap:20px;grid-template-columns:130px minmax(0,1fr)}
.storefront .ritual-photos{flex-wrap:wrap;gap:12px}
.storefront .ritual-product{min-width:80px}
.storefront .ritual-product img{max-width:120px;margin:auto}
.storefront .ritual-copy>p:last-child{font-size:13px}
.storefront .shop-help{padding:52px 6%;gap:48px}
.storefront .legal-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.storefront footer{gap:20px;padding:35px 5%}
.storefront footer a{overflow-wrap:anywhere}
.storefront footer .official-brand{width:125px;height:86px}
.storefront footer .official-brand img{width:180px;height:180px}
.storefront .legal-links{gap:5px 24px}
.storefront dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
.storefront dialog h2{overflow-wrap:anywhere}
.storefront .close{width:44px;height:44px;z-index:2}
.storefront .cartrow button{min-width:44px;min-height:44px;padding:5px}
.storefront .cartrow>div{white-space:nowrap}
.storefront #coupon-input{min-width:0;width:100%;max-width:100%;flex:1 1 180px;font-size:16px}
.storefront #coupon-apply button{min-height:44px;font-size:13px}
.storefront #clear{min-height:44px}
.storefront #restock-form input,.storefront #restock-form select{font-size:16px}
#cart-feedback{position:fixed;z-index:30;bottom:18px;left:50%;transform:translate(-50%,20px);margin:0;width:max-content;max-width:calc(100% - 24px);padding:10px 18px;display:flex;align-items:center;gap:24px;background:#714754;color:white;border-radius:8px;box-shadow:0 6px 30px #55313d25;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none;font-size:13px}
#cart-feedback.visible{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
#cart-feedback button{border:0;background:transparent;color:white;text-decoration:underline;min-height:44px;font-size:13px;white-space:nowrap}
@media(max-width:1150px){
 .storefront .shop-header{grid-template-columns:110px minmax(0,1fr) auto;gap:12px;padding:0 3%}
 #site-menu{gap:14px;font-size:12px}#site-menu button{white-space:normal;max-width:95px;line-height:1.3}
 .hero-refresh h1{font-size:clamp(42px,5vw,64px)}
 .storefront .gift-choice{grid-template-columns:48px minmax(0,1fr)}
 .gift-choice .gift-qty{grid-column:2;justify-self:start}
}
@media(max-width:850px){
 .storefront .shop-header{grid-template-columns:105px 1fr auto;gap:6px;padding:0 4%;min-height:70px}
 .storefront .shop-header .official-brand{width:105px;height:70px}
 .storefront .shop-header .official-brand img{width:150px;height:150px}
 #menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:3;grid-row:1;font-size:12px;padding:6px}
 .shop-utilities{grid-column:2;grid-row:1;justify-self:end;gap:6px}
 .shop-utilities #account-button{font-size:12px;padding:9px 11px}
 .shop-utilities #bag{font-size:12px;padding:9px 11px}
 #site-menu{display:none;grid-column:1/-1;padding:12px 0 20px;flex-direction:column;align-items:stretch;gap:2px;border-top:1px solid #ebd5dc}
 .menu-open #site-menu{display:flex}
 .storefront #site-menu a{display:flex;padding:8px 12px;font-size:14px}
 #site-menu button{text-align:left;font-size:14px;padding:12px;max-width:none}
 .storefront .hero-refresh{grid-template-columns:1.1fr 1fr}
 .hero-refresh .hero-copy{padding:35px 0 35px 9%}
 .hero-refresh h1{font-size:43px;letter-spacing:-1.5px}
 .hero-refresh .hero-still{min-height:400px}
 .hero-description{font-size:14px}.hero-actions{gap:10px;margin-top:20px}
 .hero-actions .text-link{font-size:12px}
 .hero-refresh .hero-delivery{max-width:260px}
 .storefront .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .storefront .gift-section{gap:25px}.storefront #selection-options{gap:12px}
 .brand-story{gap:30px;padding:44px 5%}
}
@media(max-width:600px){
 .storefront .notice{font-size:11px;letter-spacing:.3px;padding:7px 8px}
 .storefront .shop-header{padding:0 12px;grid-template-columns:78px minmax(0,1fr) 47px;gap:4px;min-height:63px}
 .storefront .shop-header .official-brand{width:78px;height:62px}
 .storefront .shop-header .official-brand img{width:124px;height:124px}
 .shop-utilities{gap:5px}
 .shop-utilities #account-button{padding:8px;font-size:11px;border:0;background:transparent;border-radius:0}
 .shop-utilities #bag{padding:8px;font-size:11px;white-space:nowrap}
 #count{margin-left:3px;padding:2px 5px}
 #menu-toggle{font-size:10px;gap:3px;flex-direction:column;line-height:1.1;min-width:44px}
 #menu-toggle span{font-size:17px;order:-1}
 .storefront .hero-refresh{grid-template-columns:1fr}
 .hero-refresh .hero-copy{padding:28px 6% 4px}
 .hero-refresh h1{font-size:43px;letter-spacing:-1.4px;margin:12px 0 17px}
 .hero-description{max-width:400px;font-size:14px;line-height:1.65!important}
 .hero-actions{gap:20px;margin-top:20px}
 .hero-actions .btn{padding:14px 17px;font-size:12px}
 .hero-actions .text-link{font-size:12px}
 .hero-refresh .hero-delivery{font-size:10px;max-width:none;margin:16px 0 0}
 .hero-refresh .hero-still{min-height:245px;height:245px;width:100%;max-width:390px;margin:auto}
 .hero-circle{inset:10% 20% 13%}
 .hero-still .hero-bottle{left:4%;width:68%;height:92%;top:-5%}
 .hero-still .hero-serum{right:0;width:60%;height:79%;top:7%}
 .hero-still-label{font-size:20px;bottom:7%}
 .hero-still-label small{font-size:6px;margin-top:4px}
 .shop-benefits{padding:14px 10px;gap:0}
 .shop-benefits a{padding:0 7px;line-height:1.5}
 .shop-benefits strong{font-size:11px}.shop-benefits span{font-size:10px}
 .storefront .catalog{padding:30px 14px 18px;scroll-margin-top:65px}
 .storefront .sectionhead{display:block}.storefront .sectionhead h2{font-size:31px;max-width:330px}
 .storefront .sectionhead .text-link{font-size:12px;min-height:44px}
 .storefront .filters{flex-wrap:nowrap;overflow-x:auto;margin:12px -2px 18px;padding:4px 2px 8px;scrollbar-width:thin;max-width:100%;gap:7px}
 .storefront .filters button{white-space:nowrap;padding:8px 14px;font-size:12px}
 .storefront .delivery-banner{font-size:11px;padding:11px 12px}
 .storefront .promo-cart{font-size:12px;padding:12px}
 .storefront .grid{gap:18px 10px;margin-top:18px}
 .storefront .product{padding:9px;border-radius:9px}
 .storefront .product h3{font-size:20px;line-height:1.15}
 .storefront .product>.eyebrow{letter-spacing:1px;margin-top:14px;font-size:8px}
 .storefront .product>p{font-size:12px;line-height:1.5}
 .storefront .product .price{font-size:18px!important;margin:10px 0}
 .storefront .actions button[data-detail]{font-size:11px;text-align:left;line-height:1.4}
 .storefront .actions button[data-add]{font-size:11px;padding:10px 5px;line-height:1.45;min-height:50px}
 .storefront .restock-button{font-size:11px!important;padding:10px 6px!important}
 .storefront .gift-section{width:auto;margin:22px 16px 40px;padding:22px 0;grid-template-columns:minmax(0,1fr);gap:18px}
 .storefront .gift-copy h2{font-size:36px}.storefront .gift-copy p{font-size:14px}
 .storefront .gift-hint{font-size:12px}.storefront .gift-animation-note{font-size:11px}
 .storefront .gift-section .btn{font-size:12px}
 .storefront .selection-builder{padding-top:20px}.selection-builder>h3{font-size:25px}
 .storefront #selection-options{grid-template-columns:minmax(0,1fr);margin:20px 0}
 .storefront .gift-choice{grid-template-columns:48px minmax(0,1fr);padding:12px;gap:8px 12px}
 .storefront .gift-choice>img{width:48px;height:62px;grid-row:1/3;align-self:center}
 .storefront .gift-choice .gift-qty{grid-column:2;grid-row:2;justify-self:start}
 .storefront .gift-choice h4{font-size:15px;margin-bottom:4px}
 .storefront #selection-summary>div{gap:10px}.storefront #selection-summary small{font-size:11px}
 .brand-story{grid-template-columns:minmax(0,1fr);padding:34px 6%;gap:20px;scroll-margin-top:65px}
 .brand-story h2{font-size:35px}.brand-story .story-film{order:2}
 .story-player{aspect-ratio:16/10}.story-year strong{font-size:72px}
 #story-play{padding:16px;gap:14px}.story-play-label{font-size:11px}
 .storefront .ritual-guide{padding:34px 6%;scroll-margin-top:65px}
 .storefront .ritual-list{grid-template-columns:minmax(0,1fr);gap:0}
 .storefront .ritual-step{grid-template-columns:100px minmax(0,1fr);gap:16px}
 .storefront .ritual-heading h2 br{display:block}
 .routine-accordion summary{font-size:23px;padding:18px 0}
 .storefront .ritual-note{font-size:12px;text-align:left;margin:25px auto 10px}
 .storefront .shop-help{grid-template-columns:minmax(0,1fr);padding:34px 6%;gap:26px}
 .storefront .shop-help h2{font-size:34px}
 .storefront footer{padding:28px 6%;gap:18px}
 .storefront .legal-links{flex-direction:column;align-items:start;gap:0}
 .storefront footer p{font-size:12px}
 .storefront dialog{width:calc(100% - 20px);padding:40px 18px 24px}
 .storefront dialog h2{font-size:30px}
 .storefront #checkout,.storefront #account,.storefront #orders{padding:38px 18px 24px}
 .storefront .delivery-options{padding:10px;min-width:0;font-size:13px}
 .storefront .delivery-options small{margin-left:0;font-size:11px}
 .storefront .cartrow{font-size:13px;gap:10px}
 .storefront #checkout-address{min-width:0;padding:10px}
 #cart-feedback{gap:10px;padding:7px 12px;font-size:11px;bottom:12px}
 #cart-feedback button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-still img{transform:none}#cart-feedback{transition:none}}
.selection-builder>summary,.gift-demo>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;font-size:18px;list-style:none}
.selection-builder>summary::-webkit-details-marker,.gift-demo>summary::-webkit-details-marker{display:none}
.selection-builder[open]>summary>span{transform:rotate(45deg)}
.storefront .selection-builder{grid-column:1/-1;min-width:0}
.gift-demo{margin:35px 5%;border-bottom:1px solid #ead6db}
.gift-demo>summary{font:25px Georgia,serif;padding:20px 0}
.storefront .gift-demo .gift-section{width:100%;margin:0;padding:25px 0 35px}
@media(max-width:600px){
 .storefront .hero-refresh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px 8px;padding:24px 6% 22px;align-items:center}
 .hero-refresh .hero-copy{display:contents}
 .hero-refresh .eyebrow{grid-column:1/-1;grid-row:1;margin:0;font-size:10px}
 .hero-refresh h1{grid-column:1/-1;grid-row:2;font-size:clamp(32px,9.2vw,38px);margin:0;line-height:1.08;letter-spacing:-1px}
 .hero-refresh .hero-description{grid-column:1;grid-row:3;font-size:13px;line-height:1.65!important}
 .hero-refresh .hero-still{grid-column:2;grid-row:3;position:relative;width:100%;max-width:none;min-height:175px;height:175px;margin:0}
 .hero-still .hero-circle{inset:15% 0 12%}
 .hero-still .hero-bottle{width:120%;height:100%;left:-34%;top:-4%;transform:rotate(-6deg)}
 .hero-still .hero-serum{width:116%;height:78%;right:-29%;top:20%;transform:rotate(7deg)}
 .hero-refresh .hero-actions{grid-column:1/-1;grid-row:4;margin:0;gap:12px;flex-wrap:wrap}
 .hero-actions .btn{font-size:12px;padding:14px 16px;flex:1;text-align:center}
 .hero-actions .text-link{font-size:12px}
 .hero-refresh .hero-delivery{grid-column:1/-1;grid-row:5;margin:0;font-size:11px;line-height:1.6!important}
 .shop-benefits{padding:11px 8px}
 .shop-benefits a{padding:0 6px}
 .shop-benefits strong{font-size:11px}.shop-benefits span{font-size:10px}
 .storefront .catalog .delivery-banner{display:none}
 .storefront .product>p{font-size:13px}
 .storefront .product .price{font-size:20px!important}
 .storefront .product .product-format{font-size:12px}
 .storefront .product .actions button[data-detail]{font-size:12px}
 .storefront .product .actions button[data-add]{font-size:12px;min-height:54px}
 .storefront .product h3{font-size:21px}
 .selection-builder>summary{font-size:15px;line-height:1.5}
 .gift-demo{margin:24px 6%}
 .gift-demo>summary{font-size:22px;line-height:1.2}
 .storefront .gift-demo .gift-section{margin:0}
 .storefront .selection-section{margin-bottom:25px}
 .storefront #details,.storefront #cart,.storefront #account,.storefront #checkout,.storefront #orders,.storefront #skin-consultant,.storefront #restock{width:calc(100% - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);margin:auto}
 .storefront .detailgrid{gap:18px}
 .storefront .detailgrid>img{max-height:190px}
 .storefront .detailgrid>div>p{font-size:14px;line-height:1.6}
}
/* Mobile edition of the original blush boutique. Desktop remains unchanged. */
@media(max-width:850px){
 .storefront{--ink:#795459;color:#795459}
 .storefront .hero-refresh{display:none!important}
 .storefront .hero.desktop-only{display:flex!important;flex-direction:column;padding:32px 22px 28px;text-align:center;min-height:0;gap:0;background:#fff7f7}
 .hero.desktop-only>div{display:contents}
 .hero.desktop-only .eyebrow{order:0;font-size:9px;letter-spacing:1.5px;margin:0 auto 16px;max-width:310px}
 .hero.desktop-only h1{order:1;font-size:clamp(37px,10vw,48px);line-height:1.04;letter-spacing:-1.3px;margin:0 0 22px}
 .hero.desktop-only h1 br:first-of-type{display:none}
 .hero.desktop-only .desktop-collection{display:block;order:2;width:100%;max-width:440px;aspect-ratio:1122/1270;overflow:hidden;border-radius:100px 100px 4px 4px;margin:0 auto 20px}
 .desktop-collection img{display:block;width:100%;height:auto}
 .hero.desktop-only p:not(.eyebrow):not(.signature){order:3;font-size:14px;line-height:1.7!important;margin:0 auto;max-width:360px}
 .hero.desktop-only .btn{order:4;background:#ebc9d2;color:#593c44;width:100%;max-width:360px;margin:20px auto 0;padding:16px}
 .hero.desktop-only .signature{order:5;font-size:14px;margin:16px 0 0}
 .shop-benefits{background:#faedef;border-color:#f0dce2}
 .storefront .catalog{padding:36px 18px 20px}
 .storefront .sectionhead h2{font-size:34px;line-height:1.1}
 .storefront .grid{gap:26px 12px}
 .storefront .product{padding:0 0 16px;border:0;border-radius:0;background:transparent}
 .storefront .product .photo{background:#fff5f4;border-radius:12px}
 .storefront .product h3{font-size:23px}
 .storefront .product .actions button[data-add]{background:#ebc9d2;color:#593c44;border-color:#dfb8c1;border-radius:6px}
 .storefront .selection-section{padding:30px 0;border-top:1px solid #ead6db}
 .storefront .gift-copy h2{font-size:39px}
 .storefront .gift-stage{max-width:460px;margin:auto}
}

/* A compact mobile footer with customer links grouped by purpose. */
.storefront .desktop-footer{display:none}
.storefront .mobile-footer{display:block;padding:30px 24px 20px;background:#f8edef;border-top:1px solid #e8cfd6}
.footer-intro{text-align:center;padding-bottom:20px}
.footer-intro .official-brand{margin:auto}
.storefront .footer-intro p{font:italic 19px Georgia,serif;color:#956c75;margin:6px 0 12px}
.footer-group{border-top:1px solid #e5cdd4}
.footer-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:14px;font-size:14px;color:#68464e;cursor:pointer}
.footer-group summary::-webkit-details-marker{display:none}
.footer-group summary>span{font-size:23px;font-weight:300;transition:transform .2s}
.footer-group[open] summary>span{transform:rotate(45deg)}
.storefront .footer-group nav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 15px;font-size:13px}
.storefront .footer-group nav>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;padding:8px 2px;color:#705c62;text-decoration:none}
.footer-group nav>a span{color:#ac7c89}
.footer-group-content{padding:0 0 20px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.footer-group-content p{margin:0 0 10px}
.footer-bottom{border-top:1px solid #e5cdd4;padding-top:18px;text-align:center}
.storefront .footer-bottom p{font-size:10px;margin:0 0 10px;color:#8f737c}
.footer-bottom>a{display:inline-block;font-size:11px;color:#8f737c;padding:8px;text-decoration:underline;text-underline-offset:4px}
.storefront .payment-brands{background:#f8edef;border:0;padding-top:5px}

/* Mobile storefront: a concise shopping journey. */
.storefront .hero.desktop-only,.storefront .hero-refresh,.storefront .shop-benefits,.storefront #gift-demo{display:none!important}
.mobile-boutique{display:block;text-align:center;background:linear-gradient(150deg,#fffafa,#f8e9eb);padding:27px 22px 20px;overflow:hidden}
.mobile-boutique .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 14px}
.mobile-boutique h1{font-size:clamp(29px,8vw,43px);line-height:1.15;letter-spacing:-1px;margin:0}
.mobile-boutique>p:not(.eyebrow){font-size:13px;margin:12px 0 0}
.boutique-still{height:240px;position:relative;max-width:440px;margin:8px auto 0}
.boutique-still:after{content:"";position:absolute;bottom:18px;left:13%;right:13%;height:12px;background:#8e62652a;filter:blur(12px);border-radius:50%}
.boutique-still img{position:absolute;object-fit:contain;filter:drop-shadow(3px 8px 6px #8e62651a);z-index:1}
.still-foam{width:76%;height:100%;left:-16%;top:0}
.still-serum{width:66%;height:78%;left:21%;top:23%}
.still-cream{width:58%;height:62%;right:-16%;top:40%}
.mobile-boutique .btn{width:100%;max-width:380px;margin:7px 0 0;background:#ebc9d2;color:#593c44}
.mobile-boutique .boutique-delivery{font-size:10px!important;line-height:1.6}
.storefront .catalog .sectionhead h2{font-size:30px}
.storefront .catalog .sectionhead .text-link{font-size:12px}
.storefront .catalog .promo-cart{font-size:12px;background:#f8edf0}
.storefront .product>p:not(.eyebrow):not(.product-format):not(.price){display:none}
.storefront .product img{aspect-ratio:1;object-fit:contain;background:#fff5f4}
.storefront .product h3{font-size:22px;margin-top:10px}
.storefront .selection-section{margin-top:22px;padding-top:22px}
.storefront .brand-story{padding:35px 24px;gap:20px}
.storefront .brand-story h2{font-size:33px}
.storefront .brand-story>div:last-child>p:not(.eyebrow){font-size:13px;line-height:1.7}
.storefront .story-player{aspect-ratio:16/9}
#routine-more{margin:0;padding:0 24px;background:#fff7f7;border-bottom:1px solid #ead6db}
#routine-more>summary{display:flex!important;align-items:center;justify-content:space-between;min-height:66px;list-style:none;font-size:14px;cursor:pointer}
#routine-more>summary::-webkit-details-marker{display:none}
#routine-more>summary span{font-size:22px}
#routine-more[open]>summary span{transform:rotate(45deg)}
.storefront #routine-more .ritual-guide{padding:14px 0 30px}
