/* Mobile storefront only: the desktop header keeps its existing layout. */
.mobile-bottom-nav,.mobile-fulfilment,.mobile-profile-settings{display:none}
@media(max-width:767px){
 body{--store-nav-height:calc(64px + max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px)));padding-bottom:var(--store-nav-height)}
 .store-desktop-fulfilment{display:none}
 .store-header{padding:16px 16px 12px;border-bottom:0}
 .store-header .site-header-row{justify-content:center;min-height:44px;flex-wrap:nowrap}
 .store-header .site-brand-languages{justify-content:center;width:100%}
 .store-header .site-brand-languages>.site-language-control,.store-header .store-header-actions{display:none}
 .store-header .brand-logo--main{width:196px;max-width:65vw}
 .store-search-row{display:block}
 .store-search-row input[type=search]{height:44px;border-radius:16px;background:#f5f5f6;font-size:14px!important}
 .mobile-fulfilment{display:block;padding:0 16px 12px}
 .mobile-fulfilment>div{display:grid;max-width:540px;margin:0 auto;background:#f5f5f6}
 .mobile-fulfilment button{min-height:40px}
 .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--store-nav-height);padding:8px 8px max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #f0f0f2;box-shadow:0 -4px 24px #17171704}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:4px;font:500 11px/1.3 Inter,system-ui,sans-serif;color:#737378;text-decoration:none;border:0;background:transparent;border-radius:12px;padding:3px}
 .mobile-bottom-nav .is-active{color:#dc2626}
 .mobile-bottom-nav svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
 .mobile-bottom-nav :focus-visible{outline:2px solid #dc2626;outline-offset:-2px}
 .mobile-nav-icon{display:block;position:relative}
 .mobile-nav-count{position:absolute;top:-6px;right:-13px;min-width:17px;height:17px;border-radius:10px;padding:1px 4px;background:#dc2626;color:#fff;font-size:10px;line-height:15px;border:1px solid #fff}
 .mobile-nav-dot{position:absolute;right:-4px;top:0;width:7px;height:7px;border-radius:50%;background:#dc2626;border:1px solid #fff}
 .store-floating-cart{bottom:var(--store-nav-height);padding-bottom:8px}
 .mobile-profile-settings{display:block}
 .mobile-profile-language{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f5f6;border-radius:16px;font-size:14px;font-weight:600}
 .mobile-profile-language select{background:#fff;min-height:40px;width:78px}
 .mobile-profile-guest{padding:20px 0 4px;font-size:14px;color:#737378;line-height:1.6}
 .mobile-profile-guest button{margin-top:16px;width:100%;min-height:46px;background:#dc2626;color:white;border-radius:14px;font-weight:600}
}

/* Telegram Mini App uses the compact navigation at every viewport width. */

 body.telegram-storefront{--store-nav-height:calc(64px + max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px)));padding-bottom:var(--store-nav-height)}
 .telegram-storefront .store-desktop-fulfilment{display:none}
 .telegram-storefront .store-header{padding:16px 16px 12px;border-bottom:0}
 .telegram-storefront .store-header .site-header-row{justify-content:center;min-height:44px;flex-wrap:nowrap}
 .telegram-storefront .store-header .site-brand-languages{justify-content:center;width:100%}
 .telegram-storefront .store-header .site-brand-languages>.site-language-control,.telegram-storefront .store-header .store-header-actions{display:none}
 .telegram-storefront .store-header .brand-logo--main{width:196px;max-width:65vw}
 .telegram-storefront .store-search-row{display:block}
 .telegram-storefront .store-search-row input[type=search]{height:44px;border-radius:16px;background:#f5f5f6;font-size:14px!important}
 .telegram-storefront .mobile-fulfilment{display:block;padding:0 16px 12px}
 .telegram-storefront .mobile-fulfilment>div{display:grid;max-width:540px;margin:0 auto;background:#f5f5f6}
 .telegram-storefront .mobile-fulfilment button{min-height:40px}
 .telegram-storefront .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--store-nav-height);padding:8px 8px max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #f0f0f2;box-shadow:0 -4px 24px #17171704}
 .telegram-storefront .mobile-bottom-nav>a,.telegram-storefront .mobile-bottom-nav>button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:4px;font:500 11px/1.3 Inter,system-ui,sans-serif;color:#737378;text-decoration:none;border:0;background:transparent;border-radius:12px;padding:3px}
 .telegram-storefront .mobile-bottom-nav .is-active{color:#dc2626}
 .telegram-storefront .mobile-bottom-nav svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
 .telegram-storefront .mobile-bottom-nav :focus-visible{outline:2px solid #dc2626;outline-offset:-2px}
 .telegram-storefront .mobile-nav-icon{display:block;position:relative}
 .telegram-storefront .mobile-nav-count{position:absolute;top:-6px;right:-13px;min-width:17px;height:17px;border-radius:10px;padding:1px 4px;background:#dc2626;color:#fff;font-size:10px;line-height:15px;border:1px solid #fff}
 .telegram-storefront .mobile-nav-dot{position:absolute;right:-4px;top:0;width:7px;height:7px;border-radius:50%;background:#dc2626;border:1px solid #fff}
 .telegram-storefront .store-floating-cart{bottom:var(--store-nav-height);padding-bottom:8px}
 .telegram-storefront .mobile-profile-settings{display:block}
 .telegram-storefront .mobile-profile-language{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f5f6;border-radius:16px;font-size:14px;font-weight:600}
 .telegram-storefront .mobile-profile-language select{background:#fff;min-height:40px;width:78px}
 .telegram-storefront .mobile-profile-guest{padding:20px 0 4px;font-size:14px;color:#737378;line-height:1.6}
 .telegram-storefront .mobile-profile-guest button{margin-top:16px;width:100%;min-height:46px;background:#dc2626;color:white;border-radius:14px;font-weight:600}