.hkmd-trigger{display:none}.hkmd-dialog:not([open]){display:none!important}
.hkmd-dialog{direction:rtl;position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(340px,88vw);max-width:88vw;height:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:var(--hk-surface,#fff);color:var(--hk-text,#001e4b);overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 40px #0002;font-size:14px;line-height:1.8;text-align:right}
.hkmd-dialog::backdrop{background:rgba(0,12,30,.5)}
.hkmd-dialog *{box-sizing:border-box}
.hkmd-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:88px;padding:15px 44px;border-bottom:1px solid var(--hk-border,#eee)}
.hkmd-logo img{display:block;max-width:165px;max-height:55px;width:auto;height:auto;object-fit:contain}
.hkmd-logo strong{font-size:24px;color:var(--hk-primary,#001ee6)}.hkmd-logo small{display:block;font-size:12px;letter-spacing:3px;text-align:center}
.hkmd-close{position:absolute;top:10px;left:8px;border:0;background:transparent;color:var(--hk-muted,#687788);width:36px;height:36px;font-size:26px;cursor:pointer}
.hkmd-account{display:flex;align-items:center;gap:12px;min-height:80px;padding:14px 20px;border-bottom:1px solid var(--hk-border,#eee)}
.hkmd-account>.hk-icon{width:40px;height:40px;color:var(--hk-muted,#7d8791)}.hkmd-account small{display:block;color:var(--hk-muted,#7d8791);font-size:12px}.hkmd-account strong{font-weight:500;font-size:13px}
.hkmd-theme,.hkmd-orders{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:10px 20px;border:0;background:transparent;color:inherit;text-align:right;text-decoration:none;font:inherit;font-size:13px}
.hkmd-theme{cursor:pointer}.hkmd-orders{justify-content:flex-start}.hkmd-orders .hk-icon{width:23px;height:23px}
.hkmd-switch{position:relative;display:block;flex:0 0 50px;width:50px;height:27px;background:#dce3ec;border-radius:20px;color:#526580;text-align:left;padding-left:7px;line-height:27px;font-size:19px}
.hkmd-switch::after{content:'';position:absolute;top:3px;right:3px;width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #001e4b33;transition:transform .15s}
.hkmd-theme[aria-checked=true] .hkmd-switch{background:#3667ed;color:white}.hkmd-theme[aria-checked=true] .hkmd-switch::after{transform:translateX(-23px)}.hkmd-theme[aria-checked=true] .hkmd-switch>span{visibility:hidden}
.hkmd-navigation{border-top:8px solid var(--hk-bg,#f5f6f8);padding:13px 0 max(20px,env(safe-area-inset-bottom))}
.hkmd-navigation h2{font-size:12px;font-weight:400;color:var(--hk-muted,#7d8791);margin:0;padding:0 20px 9px}
.hkmd-list{list-style:none;margin:0;padding:0}.hkmd-list li{margin:0;padding:0}
.hkmd-list summary,.hkmd-leaf{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 20px;cursor:pointer;color:inherit;list-style:none;text-decoration:none;line-height:1.9}
.hkmd-list summary::-webkit-details-marker{display:none}.hkmd-list summary::marker{content:''}
.hkmd-category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:26px}.hkmd-category-icon svg,.hkmd-category-icon img{width:24px;height:24px;object-fit:contain}
.hkmd-category-label{flex:1;min-width:0;overflow-wrap:anywhere}.hkmd-plus{position:relative;display:block;flex:0 0 16px;width:16px;height:16px}
.hkmd-plus::before,.hkmd-plus::after{content:'';position:absolute;top:7px;left:2px;width:12px;height:2px;background:currentColor;border-radius:1px}.hkmd-plus::after{transform:rotate(90deg)}
.hkmd-list details[open]>summary{color:var(--hk-primary,#001ee6);background:var(--hk-primary-soft,#f4f6ff)}.hkmd-list details[open]>summary .hkmd-plus::after{transform:none}
.hkmd-children{margin:0 20px 6px 12px;border-inline-start:1px solid var(--hk-border,#e4e9f2);padding-inline-start:9px}.hkmd-children summary,.hkmd-children .hkmd-leaf{min-height:44px;padding:10px 9px;font-size:12px}.hkmd-view-all{display:block;padding:12px 9px;color:var(--hk-primary,#001ee6);font-size:12px}
.hkmd-dialog :is(a,button,summary):focus-visible{outline:2px solid var(--hk-primary,#001ee6);outline-offset:-3px;border-radius:4px}
.hkm-theme-desktop{border:0;background:transparent;color:var(--hk-text);font:inherit;font-size:12px;cursor:pointer;min-height:44px;padding:5px}
@media(max-width:760px){
 .hk-header--mobile-v2.hkmd-ready .hkmd-trigger{position:absolute;top:56px;right:14px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;z-index:3;border:0;background:transparent;color:var(--hk-muted,#81878f);padding:0;cursor:pointer}
 .hk-header--mobile-v2.hkmd-ready .hkmd-trigger .hk-icon{width:27px;height:27px}
 .hk-header--mobile-v2.hkmd-ready .hk-nav .hkm-menu>summary{display:none!important}
 .hk-header--mobile-v2.hkmd-ready .hk-nav .hkm-menu .hkm-dropdown{display:none!important}
 .hkm-theme-desktop{display:none}
}
@media(prefers-reduced-motion:reduce){.hkmd-switch::after{transition:none}}
/* Expanded category presentation matches the supplied reference. */
.hkmd-children{margin:0;padding:4px 12px 10px 14px;background:#f8f9fb;border:0}
.hkmd-children>.hkmd-list>li>:is(details)>summary,.hkmd-children .hkmd-leaf{min-height:48px;padding:12px 10px}
.hkmd-children .hkmd-children{padding-inline-start:16px;border-inline-start:1px solid var(--hk-border,#e5e9f0)}

/* Mobile bottom navigation, outside the header stacking context. */
.hkmb-nav{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .hkmb-nav{position:fixed;z-index:80;inset-inline:8px;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:rtl;align-items:center;box-sizing:border-box;min-height:72px;padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));border:1px solid #f1f2f5;border-bottom:0;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -4px 20px #001e4b08;color:#383838}
 .hkmb-nav>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:56px;padding:0 2px;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;font-size:11px;font-weight:400;line-height:1.7;-webkit-tap-highlight-color:transparent}
 .hkmb-nav>a>span{display:block;white-space:nowrap}
 .hkmb-nav svg{display:block;flex:none;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .hkmb-nav .hkmb-grid{fill:currentColor;stroke:none}
 .hkmb-nav>a:hover,.hkmb-nav>a[aria-current=page],.hkmb-nav>a[aria-expanded=true]{color:var(--hk-primary,#001ee6)}
 .hkmb-nav>a:focus-visible{outline:2px solid var(--hk-primary,#001ee6);outline-offset:-2px;border-radius:9px}
 .hkmb-nav .hk-cart-link b{position:absolute;top:-5px;left:calc(50% + 7px);right:auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;box-sizing:content-box;border:2px solid #fff;border-radius:50%;background:#ec1762;color:#fff;font-size:10px;line-height:18px;font-weight:700}
 .hk-compare-bar{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 html[data-hk-theme=dark] .hkmb-nav{background:var(--hk-surface,#1a2433);color:var(--hk-text,#e8eef8);border-color:var(--hk-border,#354358)}
 html[data-hk-theme=dark] .hkmb-nav .hk-cart-link b{border-color:var(--hk-surface,#1a2433)}
 html[data-hk-theme=dark] .hkmb-nav>a[aria-current=page],html[data-hk-theme=dark] .hkmb-nav>a[aria-expanded=true]{color:#b7c6ff}
}