/* Native-header preview. The existing Design System remains the token owner. */
.tkbhf-native-header { background:#000; color:#fff; position:relative; z-index:1001; }
#header-icons-section > .tkbhf-native-row { display:grid; grid-template-columns:clamp(230px,25vw,300px) minmax(0,1fr) max-content; align-items:center; gap:20px; width:var(--tkb-site-content-width,87%); max-width:var(--tkb-site-content-max,1440px); margin:0 auto; padding:10px 0; min-height:76px; }
.tkbhf-native-row > * { min-width:0; }
.tkbhf-native-brand { display:flex; align-items:center; }
.tkbhf-native-brand img { display:block; width:100%; max-width:320px; height:auto; }
.tkbhf-native-row .tkb-v2-search-wrap, .tkbhf-native-row .tkb-v2-search { width:100%; }
.tkbhf-native-row .tkb-v2-actions { justify-content:flex-end; }
#header-icons-section > .tkbhf-native-row > .tkb-v2-actions { display:flex!important; align-items:center; width:auto!important; gap:8px; }
.tkbhf-native-menu-fallback, .tkbhf-native-menu-close { display:none!important; }
.tkbhf-native-menu { border-top:1px solid #1a1a1a; }
.tkbhf-native-menu > ul { display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; list-style:none; gap:0 clamp(14px,2vw,36px); padding:0; margin:0 auto; width:var(--tkb-site-content-width,87%); max-width:var(--tkb-site-content-max,1440px); }
.tkbhf-native-menu li { position:relative; list-style:none; }
.tkbhf-native-menu a { display:block; color:#fff; font-weight:700; text-decoration:none; padding:15px 0; }
.tkbhf-native-menu a:hover, .tkbhf-native-menu a:focus-visible { color:var(--tkb-orange,#ff9900); }
.tkbhf-native-menu .sub-menu { display:none; position:absolute; top:100%; left:0; min-width:230px; padding:10px 20px; margin:0; background:#111; border:1px solid #333; z-index:1005; }
.tkbhf-native-menu .sub-menu a { padding:9px 0; }
.tkbhf-native-menu .sub-menu .sub-menu { left:100%; top:0; }
.tkbhf-native-menu li:hover > .sub-menu, .tkbhf-native-menu li:focus-within > .sub-menu { display:block; }
.tkbhf-native-menu li:has(> .sub-menu) > a { padding-right:20px; }
.tkbhf-native-menu li:has(> .sub-menu) > a::after { content:''; display:inline-block; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-left:9px; vertical-align:3px; }
.tkbhf-native-header :focus-visible, .tkb-v2-drawer :focus-visible { outline:2px solid var(--tkb-orange,#ff9900); outline-offset:3px; }
.tkbhf-native-header .tkbhf-trust-bar.has-desktop { min-height:31px; }
html:not(.tkbhf-native-js) .tkbhf-native-header .tkb-v2-burger,
html:not(.tkbhf-native-js) .tkbhf-native-header .tkbhf-language-control { display:none!important; }
.tkbhf-native-language-fallback { position:relative; }
.tkbhf-native-language-fallback > summary { display:flex; align-items:center; justify-content:center; min-width:42px; min-height:44px; cursor:pointer; font-weight:700; }
.tkbhf-native-language-links { position:absolute; right:0; top:100%; min-width:140px; padding:8px; background:#111; color:#fff; border:1px solid #333; z-index:1006; }
.tkbhf-native-language-links a { display:block; padding:8px; color:#fff; }
html.tkbhf-native-js .tkbhf-native-language-fallback,
.tkbhf-native-menu > .tkbhf-native-language-fallback { display:none; }
@media (max-width:980px) {
  #header-icons-section > .tkbhf-native-row { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:60px 44px; gap:8px clamp(10px,3vw,18px); width:100%; min-height:132px; padding:8px 12px 12px; }
  .tkbhf-native-brand { grid-column:1; grid-row:1; }
  .tkbhf-native-brand img { max-width:210px; }
  .tkbhf-native-row .tkb-v2-actions { grid-column:2; grid-row:1; }
  .tkbhf-native-row > .tkb-v2-search-wrap { grid-column:1 / -1; grid-row:2; }
  .tkbhf-native-header .tkbhf-trust-bar.has-mobile { min-height:31px; }
  .tkbhf-native-menu { display:none; }
  .tkbhf-native-menu:target { display:block; }
  .tkbhf-native-menu > ul { flex-direction:column; padding:8px 0; }
  .tkbhf-native-menu .sub-menu { display:block; position:static; min-width:0; border:0; padding-left:20px; }
  .tkbhf-native-menu:target .tkbhf-native-menu-close { display:block!important; text-align:right; padding:12px; }
  html:not(.tkbhf-native-js) .tkbhf-native-menu-fallback { display:flex!important; }
  html:not(.tkbhf-native-js) .tkbhf-native-menu > .tkbhf-native-language-fallback { display:block; padding:0 12px 12px; }
  .tkbhf-native-menu .tkbhf-native-language-links { position:static; }
  .tkbhf-checkout-mode #header-icons-section > .tkbhf-native-row { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; min-height:92px; padding:10px 12px; }
  .tkbhf-checkout-mode .tkbhf-native-brand { grid-column:1; grid-row:1; }
  .tkbhf-checkout-mode .tkbhf-checkout-header-help { grid-column:2; grid-row:1; }
  .tkbhf-checkout-mode .tkbhf-checkout-header-trust { grid-column:1 / -1; grid-row:2; justify-content:center; }
}