/* Shared storefront header: one search surface, aligned rows and real category navigation. */
body.store-layout.tn-v5 header.store-header.reference-header.tk-header { --header-ink:var(--v5-ink); --header-muted:var(--v5-muted-strong); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories { color:var(--v5-accent-text); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories .icon { flex:none; color:currentColor!important; filter:none!important; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories>span { white-space:nowrap; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header :is(a,button,summary):focus-visible { outline:3px solid var(--v5-accent-text); outline-offset:3px; }

@media(min-width:1024px), (min-width:821px) and (min-height:501px), (min-width:821px) and (pointer:fine) {
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header { padding:0; background:#fff; border-bottom:1px solid var(--v5-line); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__container { width:calc(100% - 64px); max-width:1520px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__utility,
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__utility>.tk-header__container { min-height:28px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__shell { display:grid; grid-template-columns:210px minmax(240px,1fr) auto; grid-template-areas:'logo search actions' 'nav nav nav'; grid-template-rows:76px 52px; gap:0 24px; padding:0; border:0; border-radius:0; box-shadow:none; background:#fff; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__logo { width:210px; height:48px; justify-self:start; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__logo img { width:100%; height:48px; object-fit:contain; object-position:left center; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .smart-search { display:flex!important; grid-area:search; position:relative; height:48px; margin:0; border:1px solid #cbd5e1; border-radius:10px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .smart-search>input[type=search] { height:46px; padding:10px 14px!important; border-radius:10px 0 0 10px!important; font-size:16px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .smart-search>button { width:80px; min-width:80px; height:46px; min-height:46px; padding:9px 12px; border-radius:0 9px 9px 0; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions { width:auto; gap:4px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>.tn-app-search-shortcut,
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>.tk-header__search-toggle { display:none!important; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>a { min-width:44px; min-height:48px; padding:5px 8px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>.tk-header__favorite,
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>.tk-header__compare { display:flex!important; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions .icon { color:var(--v5-ink); filter:none!important; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__nav { display:flex; flex-wrap:nowrap; align-items:center; gap:24px; height:52px; min-height:52px; margin:0; border-top:1px solid var(--v5-soft); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories { flex:0 0 210px; min-width:210px; min-height:44px; height:44px; margin:0; padding:10px 14px; gap:10px; border-radius:9px; white-space:nowrap; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories>span:not(:last-child) { flex:1; text-align:left; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories .icon { width:20px; height:20px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(max-content,1fr); align-items:stretch; gap:12px; min-width:0; height:100%; padding:0; margin:0; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links>.tk-header__item { min-width:max-content; justify-content:center; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links>.tk-header__item>a,
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__dropdown>summary { min-height:44px; height:100%; padding:8px 4px; white-space:nowrap; border:0; border-radius:0; background:none; color:var(--v5-ink); font-size:14px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links>.tk-header__item>a:hover,
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__dropdown[open]>summary { color:var(--v5-accent-text); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header.is-v5-compact .tk-header__shell { grid-template-areas:'logo search actions'; grid-template-rows:68px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header.is-v5-compact :is(.tk-header__nav,.tk-header__utility) { display:none; }
}
@media(min-width:821px) and (max-width:1199px) and (min-height:501px), (min-width:821px) and (max-width:1199px) and (pointer:fine), (min-width:1024px) and (max-width:1199px) {
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__container { width:calc(100% - 40px); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__shell { grid-template-columns:175px minmax(220px,1fr) auto; column-gap:16px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__logo { width:175px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions>a>span:not(.tk-header__cart-icon) { display:none; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__actions { gap:0; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__nav { gap:16px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__categories { flex-basis:190px; min-width:190px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links { display:flex; justify-content:flex-start; flex-wrap:nowrap; gap:16px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#cbd5e1 transparent; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__links>.tk-header__item { flex:none; }
}

/* Compact category switcher, product preview and actual brand tiles. */
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega { display:flex; flex-direction:column; width:min(1520px,calc(100vw - 64px)); max-width:1520px; max-height:min(520px,calc(100dvh - 180px)); overflow:hidden; border-radius:0 0 14px 14px; box-shadow:0 18px 40px #1018201c; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header.is-v5-compact .tn-v5-mega { max-height:min(520px,calc(100dvh - 84px)); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__mega-heading { flex:none; min-height:54px; padding:5px 16px; background:#fff; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__mega-heading .tn-v5-eyebrow { display:none; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__mega-heading strong { font-size:18px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tk-header__mega-heading>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--v5-accent-text)!important; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__layout { display:grid; flex:1; grid-template-columns:240px minmax(0,1fr) 240px; min-height:0; overflow:hidden; align-items:stretch; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__tabs { min-height:0; overflow-y:auto; overscroll-behavior:contain; gap:4px; padding:16px; background:var(--v5-bg); scrollbar-width:thin; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__tabs>button { display:grid; flex:none; grid-template-columns:32px minmax(0,1fr) 12px; align-items:center; gap:6px; min-height:44px; padding:5px 6px; border-radius:8px; font-size:14px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__tab-photo { display:block; width:32px; height:32px; border-radius:6px; object-fit:cover; background:var(--v5-line); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__panels { min-height:0; overflow:auto; overscroll-behavior:contain; padding:16px; scrollbar-width:thin; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__category-heading { align-items:center; gap:8px 12px; min-height:44px; margin-bottom:12px; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__category-heading h2 { font-size:18px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__category-heading>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; white-space:nowrap; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__category-body { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; gap:16px; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__art { width:180px; border-radius:10px; background:var(--v5-bg); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__art img { width:100%; height:170px; object-fit:cover; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__art>span { min-height:44px; align-items:center; padding:9px 10px; font-size:13px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__products { display:grid; gap:8px; min-width:0; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product { display:grid; grid-template-columns:48px minmax(0,1fr) 12px; align-items:center; gap:10px; min-width:0; min-height:64px; padding:7px 10px; border:1px solid var(--v5-line); border-radius:9px; background:#fff; text-decoration:none; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product:hover { background:var(--v5-bg); border-color:#cbd5e1; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product>img { width:48px; height:48px; object-fit:contain; border-radius:6px; background:var(--v5-bg); }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product>span { min-width:0; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--v5-ink); font-size:14px; font-weight:600; line-height:20px; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__product small { display:block; margin-top:3px; color:var(--v5-muted-strong); font-size:13px; font-weight:600; line-height:18px; font-variant-numeric:tabular-nums; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__products-empty { margin:0; padding:16px; border:1px dashed #cbd5e1; border-radius:9px; color:var(--v5-muted-strong); font-size:14px; line-height:1.6; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__children { display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; margin-top:12px; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__children>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 10px; border:1px solid var(--v5-line); border-radius:8px; color:var(--v5-muted-strong); background:var(--v5-bg); font-size:13px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands { grid-column:auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:16px; border-left:1px solid var(--v5-line); border-top:0; background:#fff; scrollbar-width:thin; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands h2 { margin:0; font-size:15px; line-height:1.5; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:12px; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands>div>a { display:flex; align-items:center; justify-content:space-between; gap:4px; min-height:48px; padding:8px; border:1px solid var(--v5-line); border-radius:8px; color:var(--v5-ink); background:var(--v5-bg); font-size:13px; line-height:1.4; }
body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__all-brands { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; margin-top:8px; padding:8px 0; font-size:14px; }
@media(min-width:821px) and (max-width:1199px) {
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega { width:calc(100vw - 40px); }
}
@media(min-width:821px) and (max-width:1100px) {
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega { max-height:calc(100dvh - 180px); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__layout { grid-template-columns:240px minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__category-body { grid-template-columns:160px minmax(0,1fr); gap:12px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__art { width:160px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__art img { height:160px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands { display:grid; grid-template-columns:90px minmax(0,1fr) auto; align-items:center; gap:12px; grid-column:1/-1; min-width:0; max-height:none; overflow:visible; padding:10px 16px; border-left:0; border-top:1px solid var(--v5-line); }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands h2 { flex:0 0 90px; font-size:14px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; min-width:0; margin:0; overflow:visible; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__brands>div>a { min-width:0; min-height:44px; }
 body.store-layout.tn-v5 header.store-header.reference-header.tk-header .tn-v5-mega__all-brands { flex:none; margin:0; white-space:nowrap; }
}

/* The existing mobile dialog/tab/focus handling remains unchanged. */
body.store-layout.tn-v5 .tn-app-navigation .tn-app-drawer { width:min(420px,calc(100% - 24px)); border-radius:0 18px 18px 0; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-profile a { min-height:44px; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-drawer__tabs>button { min-height:44px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; color:var(--v5-muted-strong); }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-drawer__tabs>button[aria-selected=true] { color:var(--v5-ink); }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list { display:flex; flex-direction:column; gap:10px; border:0; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list>li { border:1px solid var(--v5-line); border-radius:12px; overflow:hidden; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list>li+li { border-top:1px solid var(--v5-line); }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list>li>a,
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list>li>details>summary { display:grid; grid-template-columns:48px minmax(0,1fr) 16px; gap:12px; align-items:center; min-height:76px; padding:12px; color:var(--v5-ink); font-size:15px; line-height:1.4; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-photo { width:48px; height:48px; display:grid; place-items:center; border-radius:8px; overflow:hidden; background:var(--v5-soft); }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-photo>img { display:block; width:100%; height:100%; object-fit:cover; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-photo>.icon { width:24px; height:24px; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list .tn-app-category-label { min-width:0; overflow-wrap:break-word; font-weight:600; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list>li>details>div { padding:0 12px 12px; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-category-list .tn-app-menu-parent { min-height:44px; padding:10px 0; color:var(--v5-accent-text); }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-menu-tree :is(a,summary) { font-family:inherit; }
body.store-layout.tn-v5 .tn-app-navigation :is(a,button,summary):focus-visible { outline:3px solid var(--v5-accent-text); outline-offset:-3px; }

/* Keep visual visibility consistent with the existing Alpine/ARIA closed state. */
body.store-layout.tn-v5 header.store-header.reference-header.tk-header:has([data-header-categories][aria-expanded="false"]) [data-v5-mega] { display:none!important; }
body.store-layout.tn-v5 .tn-app-navigation .tn-app-drawer__top :focus-visible { outline-color:var(--v5-accent); }