@media(max-width:767px){
 .store-body{--mobile-nav-height:116px}
 .mobile-bottom-nav{inset:auto 12px calc(10px + env(safe-area-inset-bottom));height:72px;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 4px;overflow:visible;border:0;border-radius:22px 22px 26px 26px;background:transparent;box-shadow:none;filter:drop-shadow(0 5px 18px #30201b2b);isolation:isolate}
 /* A transparent cutout lets the page show around the raised button. */
 /* Two masked layers create a crisp full outline, including the catalog cutout. */
 .mobile-bottom-nav::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:#cfb9ae;pointer-events:none;-webkit-mask:radial-gradient(circle 39px at 50% 4px,transparent 38.5px,#000 39px);mask:radial-gradient(circle 39px at 50% 4px,transparent 38.5px,#000 39px)}
 .mobile-bottom-nav::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:21px 21px 25px 25px;background:#f4f0ea;pointer-events:none;-webkit-mask:radial-gradient(circle 40px at 50% 3px,transparent 39.5px,#000 40px);mask:radial-gradient(circle 40px at 50% 3px,transparent 39.5px,#000 40px)}
 .mobile-bottom-nav>a{position:relative;display:grid;grid-template-rows:38px 16px;align-content:start;justify-items:center;align-items:center;gap:3px;min-width:0;min-height:64px;padding:7px 0 0;color:#766e68;font-size:10px;font-weight:500;letter-spacing:0;line-height:16px;-webkit-tap-highlight-color:transparent}
 .mobile-bottom-nav .bottom-icon{display:grid;place-items:center;width:36px;height:36px;padding:6px;border:0;border-radius:0;background:transparent;box-shadow:none;transition:color .16s ease}
 .mobile-bottom-nav .bottom-icon svg{width:24px;height:24px;stroke-width:1.65}
 .mobile-bottom-nav>a[aria-current] .bottom-icon{background:transparent;color:#842b32}
 .mobile-bottom-nav>a[aria-current]{color:#842b32;font-weight:700}
 .mobile-bottom-nav .bottom-catalog{color:#842b32;font-weight:700}
 .mobile-bottom-nav .bottom-catalog .bottom-icon{position:absolute;top:-27px;left:calc(50% - 31px);width:62px;height:62px;margin:0;padding:16px;border:1px solid #ffffff38;border-radius:50%;background:#842b32;color:#fff;box-shadow:0 4px 10px #842b3224;transition:background .16s ease}
 .mobile-bottom-nav .bottom-catalog .bottom-icon svg{width:28px;height:28px;stroke-width:1.6}
 .mobile-bottom-nav .bottom-catalog[aria-current] .bottom-icon{background:#71212a;color:#fff}
 .mobile-bottom-nav .bottom-catalog>span:last-child{grid-row:2}
 .mobile-bottom-nav>a>span:last-child{white-space:nowrap}
 .mobile-bottom-nav .bottom-icon b{top:0;right:-2px;min-width:17px;height:17px;padding:0 3px;border:2px solid #fff;border-radius:10px;background:#842b32;color:#fff;font-size:9px;line-height:13px}
 .mobile-bottom-nav>a:focus-visible{outline:2px solid #842b32;outline-offset:0;border-radius:12px}
 .mobile-bottom-nav .bottom-catalog:focus-visible{outline:none}
 .mobile-bottom-nav .bottom-catalog:focus-visible .bottom-icon{outline:2px solid #842b32;outline-offset:4px}
 .mobile-bottom-nav>a:active .bottom-icon{color:#5b1720}
 .mobile-bottom-nav .bottom-catalog:active .bottom-icon{background:#5b1720;color:#fff}
 .store-body>.purchase-row{left:12px;right:12px;border:1px solid #e8e1d8;border-radius:16px;padding:10px 12px;box-shadow:0 3px 16px #30201b0c}
}
@media(max-width:359px){.mobile-bottom-nav{left:8px;right:8px;padding-inline:0}.mobile-bottom-nav>a{font-size:9px}.store-body>.purchase-row{left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav .bottom-icon{transition:none}}
@media(min-width:768px) and (max-width:1250px){.main-nav{gap:18px;font-size:13px}}