/* Mobile navigation and purchase controls share the existing brand tokens. */
.hsn-menu-heading,.hsn-menu-backdrop { display:none; }
.hsn-mobile-order[hidden] { display:none !important; }
@media(max-width:1199px) {
 html.hsn-menu-open,body.hsn-menu-open { overflow:hidden; overscroll-behavior:none; }
 .hsn-navigation { z-index:1050; }
 .hsn-menu-backdrop { display:block; position:fixed; inset:0; background:rgba(21,62,53,.42); opacity:0; visibility:hidden; transition:opacity .24s,visibility .24s; }
 .hsn-menu-open .hsn-menu-backdrop { opacity:1; visibility:visible; }
 .hsn-navigation .hsn-navigation-body,.hsn-navigation .hsn-navigation-body.hsn-open { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; position:fixed; top:0; right:0; bottom:0; width:min(360px,calc(100% - 36px)); height:100vh; height:100dvh; padding:calc(22px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom)); background:var(--hsn-white); overflow-y:auto; overscroll-behavior:contain; transform:translateX(100%); visibility:hidden; transition:transform .28s ease,visibility .28s; box-shadow:-12px 0 40px rgba(21,62,53,.12); }
 .hsn-navigation .hsn-navigation-body.hsn-open { transform:translateX(0); visibility:visible; }
 .hsn-menu-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:24px; margin-bottom:12px; border-bottom:1px solid var(--hsn-line); font-size:22px; }
 .hsn-menu-close { border:1px solid var(--hsn-line); border-radius:4px; background:var(--hsn-white); color:var(--hsn-ink); width:44px; height:44px; font-size:28px; line-height:1; }
 .hsn-navigation-links > li > a { padding:18px 0; font-size:17px; border-bottom:1px solid var(--hsn-line); }
 .hsn-navigation .hsn-account-links { display:flex; flex-wrap:wrap; gap:18px; margin-top:auto; padding-top:32px; border-top:0; }
 .hsn-account-links > li:first-child { flex-basis:100%; }
 .hsn-navigation .hsn-language > div { position:static; box-shadow:none; margin:10px 0; }
}
@media(max-width:991px) {
 .hsn-mobile-order-page { padding-bottom:calc(var(--hsn-order-bar-height, 73px) + 16px); }
 .hsn-mobile-order { display:flex; align-items:center; gap:12px; position:fixed; inset:auto 0 0; z-index:100; padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); background:var(--hsn-white); border-top:1px solid var(--hsn-line); box-shadow:0 -4px 20px rgba(21,62,53,.06); }
 .hsn-order-toggle { display:flex; align-items:center; gap:14px; flex:1; min-width:0; padding:0; border:0; background:transparent; color:var(--hsn-ink); text-align:left; min-height:48px; }
 .hsn-order-chevron { width:10px; height:10px; margin-left:4px; flex-shrink:0; border-top:2px solid currentColor; border-left:2px solid currentColor; transform:rotate(45deg); }
 .hsn-order-toggle[aria-expanded=true] .hsn-order-chevron { transform:rotate(225deg); }
 .hsn-order-amount { min-width:0; }
 .hsn-order-amount small,.hsn-order-total { display:block; }
 .hsn-order-amount small { color:var(--hsn-muted); font-size:11px; }
 .hsn-order-total { font-size:22px; line-height:1.3; overflow-wrap:anywhere; }
 .hsn-mobile-order .hsn-order-action { background:var(--hsn-green); color:var(--hsn-white); min-height:48px; padding:12px 18px; gap:14px; flex-shrink:0; }
 .hsn-order-action[aria-disabled=true] { opacity:.5; cursor:wait; }
 .hsn-theme #order-standard_cart #scrollingPanelContainer { float:none !important; }
 .hsn-theme #order-standard_cart #orderSummary.hsn-mobile-summary { position:fixed !important; inset:auto 0 var(--hsn-order-bar-height, 73px); width:100%; margin:0 !important; padding:0 !important; max-height:calc(100vh - 155px - env(safe-area-inset-bottom)); max-height:calc(100dvh - 155px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--hsn-line); border-radius:12px 12px 0 0; background:var(--hsn-white); box-shadow:0 -12px 40px rgba(21,62,53,.12); z-index:99; visibility:hidden; transform:translateY(100%); opacity:0; transition:transform .2s ease,opacity .2s,visibility .2s; }
 .hsn-theme #order-standard_cart #orderSummary.hsn-mobile-summary.hsn-expanded { visibility:visible; opacity:1; transform:translateY(0); }
 .hsn-theme #order-standard_cart #orderSummary.hsn-mobile-summary h2 { font-size:18px; padding:16px 20px; margin:0; }
 .hsn-theme #order-standard_cart #orderSummary.hsn-mobile-summary .summary-container { padding:20px; }
 .hsn-mobile-summary .hsn-config-submit,.hsn-mobile-summary #checkout { display:none !important; }
 .hsn-config-sidebar { margin:0; }
 .hsn-theme #order-standard_cart .secondary-cart-body { margin-top:0 !important; }
}
@media(prefers-reduced-motion:reduce) { .hsn-navigation .hsn-navigation-body,.hsn-menu-backdrop,.hsn-theme #order-standard_cart #orderSummary.hsn-mobile-summary { transition:none; } }

/* Icon controls remain borderless in all interaction states. */
.hsn-theme .hsn-menu-toggle,.hsn-theme .hsn-menu-close,
.hsn-theme .hsn-menu-toggle:is(:hover,:active,:focus,:focus-visible),
.hsn-theme .hsn-menu-close:is(:hover,:active,:focus,:focus-visible) { border:0 !important; outline:none !important; box-shadow:none !important; }
.hsn-theme .hsn-menu-toggle:focus-visible,.hsn-theme .hsn-menu-close:focus-visible { background:var(--hsn-paper); }

/* Keep account actions outside the drawer's independently scrolling links. */
.hsn-menu-scroll{display:contents}
.hsn-menu-language{display:none}
@media(max-width:1199px){
 .hsn-theme .hsn-navigation .hsn-navigation-body{width:min(300px,calc(100% - 56px));padding:calc(10px + env(safe-area-inset-top)) 16px 0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-content:stretch}
 .hsn-theme .hsn-menu-heading{padding-bottom:8px;margin-bottom:4px;gap:12px}
 .hsn-menu-brand{display:inline-flex;align-items:center}
 .hsn-menu-brand img{width:140px;height:auto;object-fit:contain}
 .hsn-theme .hsn-menu-close{flex-shrink:0;display:flex;align-items:center;justify-content:center}
 .hsn-menu-scroll{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
 .hsn-theme .hsn-navigation-links>li>a{padding:12px 0;font-size:16px}
 .hsn-menu-language{display:block;margin-top:16px}
 .hsn-theme .hsn-navigation .hsn-menu-language .hsn-language{width:100%}
 .hsn-theme .hsn-navigation .hsn-menu-language summary{padding:12px 0;font-size:14px}
 .hsn-theme .hsn-navigation .hsn-language>div{position:absolute;inset:auto 0 calc(100% + 6px);width:100%;margin:0;box-sizing:border-box;box-shadow:0 -6px 20px #153e3512}
 .hsn-theme .hsn-navigation .hsn-language>div>a{padding:10px;font-size:14px}
 .hsn-theme .hsn-navigation .hsn-account-links{display:flex;flex-wrap:nowrap;gap:8px;margin:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--hsn-line);background:var(--hsn-white)}
 .hsn-theme .hsn-account-links>li:first-child{display:none}
 .hsn-theme .hsn-account-links>li:not(:first-child){flex:1;min-width:0}
 .hsn-theme .hsn-account-links>li>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 8px;font-size:16px;border:1px solid var(--hsn-green);border-radius:3px;text-align:center}
 .hsn-theme .hsn-account-links .hsn-register-link{background:var(--hsn-green);color:var(--hsn-white)}
}
