/* Mobile storefront: scoped overrides after the retained desktop theme. */
.mobile-menu-button,.mobile-dock{display:none}
.product-results{font-size:12px;color:#6b5f73;margin:0 0 16px}
html:has(dialog[open]){overflow:hidden}
dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
dialog .close{display:grid;place-items:center;min-width:44px;min-height:44px;top:8px;right:8px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #34214312}
.mobile-menu{width:min(390px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0 auto 0 0;padding:64px 24px 28px;background:#fff;border-radius:0 20px 20px 0}
.mobile-menu h2{font-size:28px;color:var(--wine);margin:0 0 24px}
.mobile-menu nav{display:flex;flex-direction:column;gap:5px;width:100%;font-size:16px}
.mobile-menu nav a{padding:14px 8px;border-bottom:1px solid #eee6f4;min-height:48px}
.mobile-menu p{font-size:13px;color:#695c72;margin-top:24px}
.mobile-menu .menu-library{margin-top:12px;padding:18px;border-radius:12px;background:#f3ebfb;color:var(--wine);font-weight:700}
#toast{white-space:normal;overflow-wrap:anywhere;text-align:center;width:max-content}
@media(max-width:760px){
 html{scroll-padding-top:20px}
 body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 :is(body,#ageSiteContent)>header{padding:12px 16px;gap:8px;min-height:120px;height:auto;flex-wrap:wrap}
 .utility{height:auto;min-height:38px;padding:0 16px;background:#f7f3fb}
 .utility button{font-size:12px;min-height:38px;padding:4px 0}
 .utility>div{gap:12px;width:100%;justify-content:space-between}
 .utility>div>span,.utility>span{display:none}
 .mobile-menu-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #eee3f7;background:white;border-radius:12px;color:var(--wine);flex:none}
 .mobile-menu-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 :is(body,#ageSiteContent)>header .brand{font-size:32px;letter-spacing:-1.8px;flex:none;gap:4px}
 :is(body,#ageSiteContent)>header .brand-mark{font-size:36px;letter-spacing:-3px}
 .header-actions{margin-left:auto;gap:2px}
 .header-actions .icon-btn,.header-actions .bag{min-width:44px;min-height:44px;justify-content:center;border-radius:12px}
 .header-actions .bag{position:relative;padding-right:8px}
 .bag span{position:absolute;top:1px;right:0;font-size:10px;min-width:18px}
 .header-search{order:3;flex:1 0 100%;max-width:100%;margin:2px 0 0;padding:4px 4px 4px 16px;border:1px solid #e7dcec;background:#f8f5fb;border-radius:14px;min-width:0}
 .header-search input{font-size:16px;min-height:40px}
 .header-search button{width:44px;height:44px;border-radius:11px}
 .main-nav{height:50px;min-height:50px;overflow-x:auto;justify-content:flex-start;padding:0 16px;gap:8px;scrollbar-width:none;overscroll-behavior-x:contain;border-top:0;border-bottom:1px solid #eee6f4}
 .main-nav a{font-size:12px;min-height:44px;padding:0 14px;flex:none;border-radius:20px;border-bottom:0;background:#f7f3fb;margin-bottom:6px}
 .privacy-bar{height:auto;min-height:34px;padding:8px 16px;font-size:11px;line-height:1.5;text-align:center}
 .demo-strip{font-size:11px;line-height:1.5;padding:8px 16px}
 .hero{grid-template-columns:minmax(0,1fr);margin:0;min-height:0}
 .hero-copy{padding:28px 20px 0;align-items:center;text-align:center;min-width:0}
 .hero-pill{font-size:11px;align-self:center;padding:8px 12px;letter-spacing:1px}
 .hero h1{font-size:clamp(29px,8.2vw,48px);line-height:1.12;letter-spacing:-1px;max-width:100%;margin-bottom:18px}
 .hero h1 span{white-space:normal;padding:3px 8px;border-radius:4px}
 .hero-desc{font-size:15px;line-height:1.65;margin-bottom:20px}
 .hero .light{font-size:13px;min-height:48px;align-self:center;padding:13px 24px;border-radius:10px}
 .hero-showcase{width:min(360px,100%);min-height:235px;margin:auto}
 .showcase-circle{width:72%;height:210px;left:14%;top:20px}
 .hero-item-one{width:42%;height:178px;left:10%;top:26px;border-width:5px}
 .hero-item-two{width:35%;height:148px;left:53%;top:64px;border-width:5px}
 .hero-sticker{width:66px;height:66px;top:8px;right:5%;font-size:9px}
 .hero-sticker strong{font-size:13px}
 .campaign-strip{display:flex;flex-wrap:wrap;gap:16px;padding:22px 20px}
 .campaign-strip strong{font-size:22px}.campaign-label{font-size:10px}
 .campaign-strip>p{display:none}.campaign-strip a{font-size:12px;min-height:44px;width:auto;padding:13px 18px;border-radius:8px;white-space:normal}
 .values{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 16px;padding:22px 0;gap:18px 12px}
 .values>div{padding:0;gap:8px;justify-content:flex-start;align-items:flex-start;min-width:0}
 .values>div+div{border:0}.values strong{font-size:12px;line-height:1.4}.values small{font-size:11px;line-height:1.5;margin-top:4px;display:block}.values>div>span{font-size:22px;min-width:20px}
 .category-section{padding:28px 16px 0}.category-section h2{font-size:24px;line-height:1.3}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:540px}
 .category-grid a{padding:14px 8px;border:1px solid #eae1f0;background:#fbf8fd;border-radius:16px;min-width:0}
 .category-photo{width:min(100%,104px);height:auto;aspect-ratio:1;border-width:3px;margin-bottom:12px}
 .category-grid strong{font-size:13px;line-height:1.5}
 .collection{padding:32px 16px 28px}.section-head{display:block}.section-head h2{font-size:24px;line-height:1.3}.section-head>p{font-size:14px}.section-head .eyebrow{font-size:11px}
 .collection-controls{display:block;margin:20px 0}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:3px 1px 8px;scrollbar-width:thin}
 .tabs button{flex:none;min-height:44px;font-size:12px;padding:10px 16px}
 .sort{display:flex;justify-content:flex-end;margin-top:10px}.sort select{border:1px solid #e7dcec;border-radius:8px;padding:10px;min-height:44px;font-size:16px;max-width:100%;background:#fff}
 .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .product-visual{border-radius:14px}.favorite{width:44px;height:44px;top:6px;right:6px;font-size:24px;line-height:1;display:grid;place-items:center}
 .badge{top:auto;bottom:8px;left:8px;max-width:calc(100% - 16px);padding:5px 7px;font-size:9px;letter-spacing:.2px;line-height:1.3;border-radius:5px}
 .product-category{font-size:10px;letter-spacing:.2px;margin:12px 0 6px}.product-title{font-size:14px;line-height:1.45;min-height:42px;overflow-wrap:anywhere}
 .product-bottom{align-items:stretch;flex-direction:column;gap:10px;margin-top:10px}.price{font-size:18px}.add{min-height:44px;font-size:12px;background:#f2e9fb;border:0;border-radius:9px;font-weight:700;padding:10px 8px}
 .catalog-note{font-size:12px;line-height:1.6;color:#75667b}
 .promo-grid{grid-template-columns:minmax(0,1fr);padding:0 16px 28px;gap:16px}.promo-card{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);border-radius:16px;min-height:210px}.promo-card>div:first-child{padding:22px 0 22px 20px;min-width:0}.promo-card h2{font-size:clamp(21px,5.8vw,29px);line-height:1.15}.promo-card span{font-size:10px}.promo-card a{font-size:11px;min-height:44px;padding:12px 0;line-height:1.4}.promo-photo{width:90%;height:165px;max-width:160px;margin-right:0;justify-self:center}
 .welcome{padding:28px 20px}.welcome h2{font-size:24px;line-height:1.35}.welcome p{font-size:15px}.welcome a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .blog-preview{margin:12px 16px 32px;padding:24px 20px;grid-template-columns:minmax(0,1fr);gap:12px;border-radius:16px}.blog-preview h2{font-size:25px;line-height:1.25}.blog-preview p{font-size:14px}.blog-preview a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5}.blog-preview-links a{display:block;padding:15px 0}
 .guide{grid-template-columns:minmax(0,1fr);margin:32px 20px;gap:16px}.guide h2{font-size:24px}.questions summary{font-size:15px;gap:16px;line-height:1.5;min-height:52px}.questions summary span{flex:none}.questions details p{font-size:14px;line-height:1.7}
 footer{padding:28px 20px 0}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div>strong{font-size:14px;margin-bottom:10px}.footer-top>div>a:not(.brand),.footer-top button{font-size:13px;min-height:44px;margin:0;padding:10px 0;line-height:1.5}.footer-top p{font-size:12px}.footer-note{text-align:left}.footer-bottom{font-size:11px;line-height:1.6;flex-direction:column;gap:8px}
 .search-wrap{padding:14px;gap:10px;flex-wrap:wrap;border-radius:12px}.search-wrap label{width:100%;font-size:14px}.search-wrap input{font-size:16px;min-height:44px;width:100%;flex-basis:100%;border-radius:8px}.search-wrap button{min-height:44px;font-size:14px}
 dialog{max-width:calc(100vw - 16px);width:calc(100% - 16px);max-height:calc(100dvh - 24px);padding:60px 20px 24px;border-radius:18px;margin:auto}
 .detail-dialog{padding:60px 20px 24px;max-height:calc(100dvh - 24px)}.detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}.detail-image{width:min(100%,300px);max-height:none;justify-self:center;border-radius:12px}.detail-copy h2{font-size:25px;line-height:1.25}.detail-copy p{font-size:14px;line-height:1.7}.detail-copy label{font-size:14px}.detail-copy select{font-size:16px;min-height:48px;max-width:none;border-radius:8px}.detail-copy .button{min-height:50px;font-size:15px;border-radius:10px}
 .cart-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:64px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0}
 .cart-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.cart-thumb{height:64px;border-radius:8px}.cart-row h3{font-size:15px;line-height:1.45}.cart-row p{font-size:13px}.qty{gap:8px;flex-wrap:wrap}.qty button{width:44px;height:44px;border-radius:8px;font-size:18px}.qty .remove{font-size:12px;min-height:44px;padding:6px}.cart-summary p,.cart-summary small{font-size:12px}.cart-summary .button{font-size:14px;min-height:50px;border-radius:10px}
 .auth-dialog{padding:60px 20px 24px;max-height:calc(100dvh - 24px)}.auth-dialog input[type=email],.auth-dialog input[type=text]{font-size:16px;min-height:48px}.auth-dialog h2{font-size:25px}.auth-links{flex-wrap:wrap;gap:8px}.auth-links button,.auth-privacy button,.text-button,.guest-link{min-height:44px}.info-dialog{padding:60px 24px 24px}.info-dialog p{font-size:15px;overflow-wrap:anywhere}.about-dialog{padding:0;max-height:calc(100dvh - 24px)}.about-heading{padding:62px 24px 24px}.about-body{padding:22px 24px}.about-body a{display:inline-flex;align-items:center;min-height:44px}
 .mobile-dock{position:fixed;z-index:8;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid #eadff1;box-shadow:0 -4px 20px #3720470b;backdrop-filter:blur(12px)}
 .mobile-dock a,.mobile-dock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:48px;background:none;border:0;color:#695573;font:600 11px Arial,sans-serif;border-radius:10px;position:relative}
 .mobile-dock a:first-child{background:#f1e7fb;color:var(--wine)}.mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-dock .dock-count{position:absolute;top:0;left:calc(50% + 5px);min-width:17px;padding:2px 4px;background:var(--wine);color:white;border-radius:20px;font-size:9px}
 #toast{bottom:calc(86px + env(safe-area-inset-bottom,0px));font-size:13px;padding:12px 18px;max-width:calc(100vw - 32px);border-radius:10px}
 .mobile-menu{padding:64px 24px 28px;width:min(390px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 auto 0 0;border-radius:0 20px 20px 0}
}
@media(min-width:761px) and (max-width:1024px){.main-nav{overflow-x:auto;justify-content:flex-start}.main-nav a{flex:none;min-height:44px}.category-grid{gap:16px}.category-photo{width:110px;height:110px}.promo-grid{gap:16px}.promo-photo{max-width:100%}}