/* Ecommerce navigation uses the existing Vedic palette and font families. */
:root{--commerce-nav-height:80px;--commerce-bottom-height:calc(64px + env(safe-area-inset-bottom,0px))}
.commerce-header{position:fixed;inset:0 0 auto;z-index:9999;background:rgba(253,251,247,.98);border-bottom:1px solid #e8d8c3;box-shadow:0 3px 16px #1a161208;color:#1a1612}
.commerce-header-inner{max-width:1480px;min-height:80px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.commerce-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;white-space:nowrap}
.commerce-brand img{width:64px;height:64px;object-fit:contain}.commerce-brand span{font-size:24px;font-weight:700;letter-spacing:-.5px}
.commerce-desktop-links{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:14px;white-space:nowrap}
.commerce-desktop-links>a{padding:14px 0;min-height:44px;display:flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer}
.commerce-desktop-links [aria-current=page],.commerce-desktop-links a:hover{color:#8c651f}
.commerce-header-tools{display:flex;align-items:center;gap:5px;flex-shrink:0}
.commerce-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;flex-shrink:0;border-radius:12px;color:#1a1612;background:transparent;text-decoration:none;border:0;cursor:pointer}
.commerce-icon:hover{color:#8c651f;background:#f6efe5}.commerce-icon svg{display:block;width:22px;height:22px;flex:none}
.commerce-count{position:absolute;top:1px;right:0;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:10px;font-weight:700;line-height:1;color:#fffdf9;background:#8c651f;border:1px solid #fffdf9}
.commerce-menu-toggle{margin-left:5px;border:1px solid #e8d8c3}
.commerce-dialog{background:#fffdf9;color:#1a1612;border:1px solid #e8d8c3;border-radius:20px;padding:24px;width:calc(100% - 32px);max-width:560px;max-height:90dvh;overflow:auto;margin:auto;font-family:inherit}
.commerce-dialog::backdrop{background:rgba(26,22,18,.5);backdrop-filter:blur(3px)}
.commerce-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.commerce-dialog-heading h2{font-size:28px;line-height:1.15;color:#003552}.commerce-dialog-heading button{border:1px solid #e8d8c3}
.commerce-menu-dialog{max-width:420px;max-height:100dvh;height:100dvh;margin:0 0 0 auto;border-radius:20px 0 0 20px}
.commerce-drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.commerce-drawer-links>a{padding:12px;min-height:46px;border-radius:9px;font-size:14px}.commerce-drawer-links>a:hover{background:#f6efe5;color:#8c651f}
.commerce-search-dialog form>label{display:block;margin-bottom:10px;font-size:14px}.commerce-search-dialog form>div{display:flex;gap:10px}.commerce-search-dialog input{font:inherit;font-size:16px;min-height:48px;min-width:0;width:100%;border:1px solid #d6c6ac;border-radius:12px;padding:10px;background:#fdfbf7}
.commerce-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.commerce-header :focus-visible,.commerce-dialog :focus-visible,.commerce-bottom-nav :focus-visible,.shop-save-form :focus-visible{outline:2px solid #8c651f;outline-offset:3px}
.vsv-shop .shop-card{position:relative}.shop-save-overlay{position:absolute;top:14px;right:14px;z-index:2}.shop-save-overlay button{background:#fffdf9;border:1px solid #eadbc8;box-shadow:0 2px 8px #1a161212}.shop-save-form [aria-pressed=true]{color:#8c651f}.shop-save-form [aria-pressed=true] svg{fill:#f3de9c}
.shop-save-form .shop-button{gap:8px}.shop-save-form button:disabled{opacity:.55}.shop-account-intro{font-size:.9rem;line-height:1.8;color:#57534e;max-width:750px}.shop-account-panel{padding:24px;display:grid;gap:16px}.shop-account-panel h2{font-size:26px}.shop-account-order{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid #eadbc8;font-size:14px;line-height:1.7}.shop-account-order small{display:block;color:#78716c}
@media(max-width:1279px){.commerce-header-inner{gap:16px;padding:0 20px}.commerce-brand span{font-size:21px}.commerce-brand img{width:56px;height:56px}.commerce-desktop-links{gap:16px;font-size:13px}.commerce-header-tools{gap:2px}}
@media(max-width:1099px){.commerce-desktop-links{display:none}.commerce-header-inner{max-width:100%;gap:12px}.commerce-header-tools{margin-left:auto}.commerce-brand span{font-size:23px}}
@media(max-width:767px){
 .commerce-header-inner{min-height:80px;padding:0 12px;gap:8px}.commerce-brand{gap:7px}.commerce-brand img{width:48px;height:56px}.commerce-brand span{font-size:20px;letter-spacing:-.6px}.commerce-desktop-tool{display:none}.commerce-header-tools{gap:0}.commerce-menu-toggle{margin-left:2px}
 .commerce-dialog{padding:18px}.commerce-menu-dialog{width:calc(100% - 20px)}.commerce-dialog-heading h2{font-size:25px}.commerce-search-dialog form>div{flex-wrap:wrap}.commerce-search-dialog form button{width:100%}
 .shop-save-overlay{top:9px;right:9px}.shop-save-overlay .commerce-icon{width:44px;height:44px}.shop-account-panel{padding:18px}
 .shop-product-dock:not([hidden]){bottom:calc(var(--commerce-bottom-height) + 8px)}
 .shop-order-summary .shop-checkout-button{bottom:calc(var(--commerce-bottom-height) + 10px)}
}
@media(max-width:359px){.commerce-header-inner{padding:0 8px;gap:4px}.commerce-brand{gap:4px}.commerce-brand img{width:40px}.commerce-brand span{font-size:17px}.commerce-menu-toggle{margin-left:0}.commerce-drawer-links{grid-template-columns:1fr}.commerce-bottom-nav>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.commerce-dialog::backdrop{backdrop-filter:none}}
.commerce-drawer-category-link{display:block;margin-top:20px;padding:14px 12px;border-top:1px solid #e8d8c3;font-size:14px;color:#8c651f;min-height:48px}
#shop-categories{scroll-margin-top:100px}
@media(max-width:1023px){#shop-filter-dialog .shop-filter-modal-header{position:sticky;top:-1.5rem;z-index:3;background:var(--color-card,#fffdf9);padding:.5rem 0}#shop-filter-dialog #shop-categories{scroll-margin-top:80px}}

#shop-categories:focus{outline:none}