/* Approved native shell. Selectors intentionally do not style the shopping canvas. */
.vt-shell-header, .vt-shell-footer, .vt-shell-mobile {
  --shell-panel: #11151a;
  --shell-raised: #151a20;
  --shell-border: #2a3038;
  --shell-text: #f7f7f7;
  --shell-orange: #db6205;
  color: var(--shell-text);
}
.vt-shell-header .container, .vt-shell-footer .container { width: min(var(--vt-container), calc(100% - 48px)); }
.vt-shell-header .vt-shell-garage-fallback > span { font-size: 12px; }
.vt-shell-header .utility-bar { height: 30px; }
.vt-shell-header .utility-bar__inner { display: grid; height: 30px; color: #fff; }
.vt-shell-header .utility-shipping, .vt-shell-header .utility-support, .vt-shell-header .utility-bar nav, .vt-shell-header .utility-whatsapp { display: flex; align-items: center; }
.vt-shell-header .utility-shipping { white-space: nowrap; }
.vt-shell-header .utility-shipping > svg { flex: 0 0 auto; }
.vt-shell-header .utility-shipping b { font-weight: 900; }
.vt-shell-header .utility-support { justify-content: center; margin: 0; white-space: nowrap; }
.vt-shell-header .utility-dot { border-radius: 50%; background: var(--shell-orange); box-shadow: 0 0 0 3px #db62052e; flex: 0 0 auto; }
.vt-shell-header .utility-bar nav { gap: 12px; justify-content: flex-end; }
.vt-shell-header .utility-whatsapp { text-decoration: none; }
.vt-shell-header .utility-whatsapp > span { display: grid; place-items: center; }
.vt-shell-header .utility-whatsapp strong { white-space: nowrap; }
.vt-shell-header .utility-whatsapp small { border-left: 1px solid #34383e; }
.vt-shell-header .theme-toggle--utility { display: none; }
.vt-shell-header .main-header { height: 74px; border-bottom: 1px solid #24272c; }
.vt-shell-header .main-header__inner { display: grid; grid-template-columns: 190px minmax(200px, 1fr) auto; gap: 20px; }
.vt-shell-header .brand, .vt-shell-footer .brand { gap: 12px; color: #f7f7f7; }
.vt-shell-header .brand img, .vt-shell-footer .brand img { display: block; width: 48px; height: 48px; }
.vt-shell-header .brand strong, .vt-shell-footer .brand strong { font-weight: 900; font-size: 24px; letter-spacing: .025em; }
.vt-shell-header .brand small, .vt-shell-footer .brand small { font-size: 9px; }
.vt-shell-search { display: grid; grid-template-columns: 42px minmax(0, 1fr) 68px; height: 46px; border: 1px solid #d8dce0; background: #fff; border-radius: 7px; color: #29313b; }
.vt-shell-search > svg { justify-self: center; }
.vt-shell-search > input { padding: 8px 6px; height: 44px; font-size: 13px; color: #15191f; background: transparent; border: 0; box-shadow: none; }
.vt-shell-search > input::placeholder { color: #707784; opacity: 1; }
.vt-shell-search > button { width: auto; height: 44px; background: var(--shell-orange, #db6205); color: #111; border: 0; border-radius: 0 6px 6px 0; font-size: 13px; font-weight: 850; }
.vt-shell-search:focus-within { outline: 2px solid #687583; outline-offset: 2px; }
.vt-shell-search > input:focus { outline: none; box-shadow: none; }
.vt-shell-header .header-actions > a, .vt-shell-header .header-actions > button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; border: 1px solid #30343b; border-radius: 8px; background: #0d1013; padding: 0; color: #f7f7f7; text-decoration: none; }
.vt-shell-header .header-actions > a > small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.vt-shell-header .header-actions > a:has([data-vtne-favorite-count]) { order: 4; }
.vt-shell-header .vt-shell-account { order: 3; }
.vt-shell-header .vt-shell-cart { order: 5; }
.vt-shell-header .header-actions .theme-toggle { order: 2; }
.vt-shell-header .header-actions .vtne-garage-open, .vt-shell-header .header-actions .vt-shell-garage-fallback { order: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 184px; max-width: 184px; padding: 5px 10px 5px 43px; font-size: 10px; font-weight: 750; text-align: left; line-height: 1.4; }
.vt-shell-header .header-actions .vtne-garage-open small { max-width: 128px; color: #c9cdd4; font-size: 10px; font-weight: 650; }
.vt-shell-header .header-actions .vt-shell-garage-fallback > svg { position: absolute; left: 12px; color: #f58b3d; }
.vt-shell-header .vtwin-cart-count, .vt-shell-header [data-vtne-favorite-count] { position: absolute; background: var(--shell-orange); font-weight: 850; }
.vt-shell-header .header-actions > a:has([data-vtne-favorite-count]) > small { position: static; width: auto; height: auto; overflow: visible; clip-path: none; font-size: 0; margin: 0; }
.vt-shell-menu-toggle { width: 44px; min-width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid #30343b; border-radius: 7px; background: #11151a; color: #f7f7f7; }
.vt-shell-navigation { position: relative; border-bottom: 1px solid #24272c; background: #0b0e11; }
.vt-shell-navigation__inner { display: flex; align-items: stretch; min-height: 44px; }
.vt-shell-categories { position: relative; flex: 0 0 190px; }
.vt-shell-categories > summary { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; list-style: none; padding: 0 15px; border-radius: 5px 5px 0 0; background: var(--shell-orange); color: #111; cursor: pointer; font-size: 12px; font-weight: 850; }
.vt-shell-categories > summary::-webkit-details-marker { display: none; }
.vt-shell-categories[open] > summary > svg:last-child { transform: rotate(180deg); }
.vt-shell-category-panel { position: absolute; top: 100%; left: 0; z-index: 3; width: min(680px, calc(100vw - 48px)); max-height: min(65vh, 540px); overflow: auto; padding: 16px; border: 1px solid var(--shell-border); border-radius: 0 0 8px 8px; background: var(--shell-panel); box-shadow: 0 14px 32px #0008; }
.vt-shell-primary { display: flex; flex: 1; flex-wrap: wrap; align-items: stretch; list-style: none; margin: 0; padding: 0; min-width: 0; }
.vt-shell-primary > li { position: relative; display: flex; flex: 1 1 auto; min-width: 0; }
.vt-shell-primary > li > a { display: flex; flex: 1; align-items: center; justify-content: center; gap: 7px; min-height: 44px; border-right: 1px solid #25292f; padding: 4px 10px; font-size: 11px; font-weight: 800; text-decoration: none; }
.vt-shell-primary > li > a { min-width: 0; overflow-wrap: anywhere; }
.vt-shell-primary .sub-menu { display: none; position: absolute; z-index: 4; top: 100%; left: 0; min-width: 230px; width: max-content; max-width: min(320px, calc(100vw - 48px)); list-style: none; margin: 0; padding: 8px; border: 1px solid var(--shell-border); border-radius: 0 0 8px 8px; background: var(--shell-panel); box-shadow: 0 12px 24px #0006; }
.vt-shell-primary > li:last-child .sub-menu { left: auto; right: 0; }
.vt-shell-primary .sub-menu a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; text-decoration: none; font-size: 12px; overflow-wrap: anywhere; }
.vt-shell-primary .sub-menu .sub-menu { position: static; box-shadow: none; border: 0; max-width: 100%; min-width: 0; width: auto; padding: 0 0 0 12px; }
.vt-shell-primary li:hover > .sub-menu, .vt-shell-primary li:focus-within > .sub-menu, .vt-shell-primary li[data-shell-open] > .sub-menu { display: block; }
.vt-shell-submenu-toggle { display: grid; place-items: center; width: 28px; flex: 0 0 28px; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; }
.vt-shell-header .header-actions > :is(a, button):hover, .vt-shell-primary a:hover { color: #f58b3d; background: #171c22; }
.vt-shell-header[data-compact="true"] .utility-bar:has(:focus-visible) { height: 30px; border-bottom: 1px solid #282b30; }
.vt-shell-header[data-compact="true"] .utility-bar:not(:has(:focus-visible)) { visibility: hidden; }
.vt-shell-footer { background: #0d1014; padding-top: 1px; }
.vt-shell-footer .footer-newsletter { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; padding: 16px 20px; border: 1px solid var(--shell-border); background: var(--shell-panel); }
.vt-shell-footer .footer-newsletter > span { display: grid; }
.vt-shell-footer .footer-newsletter strong { font-size: 14px; text-transform: uppercase; }
.vt-shell-footer .footer-newsletter small { color: var(--shell-muted); }
.vt-shell-footer .footer-newsletter > a { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; border-radius: 5px; background: var(--shell-orange); padding: 8px 17px; color: #111; font-weight: 850; text-decoration: none; }
.vt-shell-footer .footer-top { display: grid; gap: 28px; padding-block: 28px; }
.vt-shell-footer .footer-brand > p { max-width: 310px; margin-block: 15px; color: var(--shell-muted); }
.vt-shell-footer .footer-brand__actions { flex-wrap: wrap; align-items: center; gap: 12px; }
.vt-shell-footer .footer-brand__actions > a { display: inline-flex; align-items: center; gap: 7px; }
.vt-shell-footer .footer-brand__contact { color: #84df9a !important; font-weight: 750; }
.vt-shell-footer .footer-top nav h2 { padding-bottom: 9px; border-bottom: 1px solid #373c43; margin: 0 0 12px; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.vt-shell-footer .footer-top nav a { font-size: 12px; line-height: 1.5; }
.vt-shell-footer .footer-top nav li { margin-block: 6px; }
.vt-shell-footer .footer-top nav .sub-menu { padding-left: 12px; }
.vt-shell-footer .footer-bottom { min-height: 62px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-top: 0; font-size: 10px; border-color: var(--shell-border); }
.vt-shell-footer .footer-company { display: flex; flex-direction: column; overflow-wrap: anywhere; }
.vt-shell-mobile { display: none; }
@media (max-width: 1280px) {
  .vt-shell-header .header-actions .vtne-garage-open, .vt-shell-header .header-actions .vt-shell-garage-fallback { width: 150px; padding-left: 37px; }
  .vt-shell-header .header-actions .vtne-garage-open small { max-width: 100px; }
  .vt-shell-primary > li > a { padding-inline: 7px; font-size: 10px; }
  .vt-shell-categories { flex-basis: 165px; }
}
@media (max-width: 1024px) {
  .vt-shell-header .main-header, .vt-shell-header[data-compact="true"] .main-header { height: 104px; }
  .vt-shell-header .brand { grid-column: 2; grid-row: 1; }
  .vt-shell-header .brand img { width: 34px; height: 34px; }
  .vt-shell-header .brand strong { font-size: 20px; }
  .vt-shell-header .brand small { font-size: 8px; }
  .vt-shell-header .vt-shell-menu-toggle { grid-column: 1; grid-row: 1; }
  .vt-shell-header .header-actions { grid-column: 3; grid-row: 1; }
  .vt-shell-header .header-actions .vtne-garage-open, .vt-shell-header .header-actions .vt-shell-garage-fallback { display: none; }
  .vt-shell-header .vt-shell-search { grid-column: 1 / -1; grid-row: 2; }
  .vt-shell-navigation { max-height: min(70dvh, 600px); overflow: auto; overscroll-behavior: contain; box-shadow: 0 12px 24px #0005; }
  .vt-shell-navigation__inner { display: block; padding-block: 8px; }
  .vt-shell-categories > summary { justify-content: flex-start; border-radius: 5px; }
  .vt-shell-category-panel { position: static; width: auto; max-height: none; box-shadow: none; border-top: 0; }
  .vt-shell-primary { display: block; }
  .vt-shell-primary > li { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--shell-border); }
  .vt-shell-primary > li > a { justify-content: flex-start; min-height: 44px; font-size: 12px; border: 0; padding: 8px 12px; }
  .vt-shell-primary .sub-menu { position: static; flex-basis: 100%; width: 100%; max-width: 100%; border: 0; box-shadow: none; padding: 0 0 8px 24px; }
  .vt-shell-submenu-toggle { width: 44px; flex-basis: 44px; }
  .vt-shell-primary li:hover:not([data-shell-open]):not(:focus-within) > .sub-menu { display: none; }
}
@media (max-width: 760px) {
  .vt-shell-header .utility-bar, .vt-shell-header .utility-bar__inner { height: 36px; }
  .vt-shell-header .utility-bar__inner { grid-template-columns: minmax(0, 1fr) auto; }
  .vt-shell-header .utility-support { display: none; }
  .vt-shell-header .utility-shipping { gap: 5px; font-size: 9px; line-height: 1.25; }
  .vt-shell-header .utility-shipping svg { width: 20px; }
  .vt-shell-header .utility-whatsapp { gap: 5px; }
  .vt-shell-header .utility-whatsapp strong { font-size: 10px; }
  .vt-shell-header .utility-whatsapp small { display: none; }
  .vt-shell-header .utility-bar nav { display: flex; gap: 7px; }
  .vt-shell-header .theme-toggle--utility { display: grid; width: 32px; min-width: 32px; height: 32px; min-height: 32px; border-radius: 8px; }
  .vt-shell-header .theme-toggle--desktop { display: none !important; }
  .vt-shell-header .header-actions .vt-shell-account { display: none; }
  .vt-shell-header .header-actions > a, .vt-shell-header .header-actions > button { width: 44px; min-width: 44px; height: 44px; }
  .vt-shell-header .brand { gap: 7px; }
  .vt-shell-header .site-search input { font-size: 16px; }
  .vt-shell-header[data-compact="true"] .utility-bar:has(:focus-visible) { height: 36px; }
  .vt-shell-footer { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
  .vt-shell-footer .footer-top nav a { align-items: center; }
  .vt-shell-footer .footer-top nav li { margin-block: 0; }
  .vt-shell-footer .footer-newsletter { flex-wrap: wrap; }
  .vt-shell-footer .footer-bottom { justify-content: center; text-align: center; }
  .vt-shell-mobile { display: grid; position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; min-height: calc(52px + env(safe-area-inset-bottom)); grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0 4px env(safe-area-inset-bottom); border-top: 1px solid var(--shell-border); background: #0d1014; box-shadow: 0 -8px 26px #0003; }
  .vt-shell-mobile > a, .vt-shell-mobile > button, .vt-shell-mobile > .vtne-garage-open { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; min-width: 0; padding: 3px; border: 0; border-radius: 0; color: #bdc4ce; background: transparent; text-decoration: none; font-size: 10px; font-weight: 750; line-height: 1.3; }
  .vt-shell-mobile [aria-current], .vt-shell-mobile > :hover { color: #f58b3d; }
}
@media (max-width: 360px) {
  .vt-shell-header .brand img { display: none; }
  .vt-shell-header .utility-whatsapp strong { display: none; }
  .vt-shell-header .utility-whatsapp { min-width: 28px; min-height: 28px; }
  .vt-shell-footer .footer-top { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-shell-header .utility-bar, .vt-shell-header .main-header { transition: none; }
}

/* Effective ApprovedProductionStoreShell cascade: dark-performance, compact,
   production-brand/navigation/support. Native classes only; no canvas overrides. */
.vt-shell-header, .vt-shell-footer, .vt-shell-mobile { --shell-muted: #9da4ad; --shell-accent-text: #ed7a25; }
.vt-shell-header { background: #080a0d; box-shadow: 0 1px 0 #ffffff12; }
.vt-shell-header .utility-bar { background: #06080a; border-color: #252a31; }
.vt-shell-header .utility-bar__inner { grid-template-columns: minmax(max-content, 1fr) minmax(320px, 2fr) minmax(max-content, 1fr); gap: 24px; font-size: 12px; }
.vt-shell-header .utility-shipping { gap: 10px; font-size: 12px; font-weight: 750; }
.vt-shell-header .utility-shipping > svg { color: inherit; }
.vt-shell-header .utility-shipping > :is(span,a) { display: flex; align-items: baseline; gap: 4px; text-decoration: none; }
.vt-shell-header .utility-shipping small { font-size: inherit; font-weight: 750; }
.vt-shell-header .utility-shipping b { color: var(--shell-accent-text); }
.vt-shell-header .utility-support { font-size: 12px; gap: 6px; }
.vt-shell-header .utility-dot { width: 6px; height: 6px; }
.vt-shell-header .utility-whatsapp { gap: 9px; padding-left: 18px; border-left: 1px solid #30343a; }
.vt-shell-header .utility-whatsapp > span { width: 25px; height: 25px; background: #2faf55; border-radius: 6px; }
.vt-shell-header .utility-whatsapp strong { font-size: 13px; }
.vt-shell-header .utility-whatsapp small { padding-left: 10px; font-size: 11px; }
.vt-shell-header .main-header { background: linear-gradient(180deg, #0b0e12, #080a0d); }
.vt-shell-header .brand strong { letter-spacing: -.035em; }
.vt-shell-header .brand small, .vt-shell-footer .brand small { font-weight: 850; letter-spacing: .16em; color: var(--shell-accent-text); }
.vt-shell-header .vt-shell-search { grid-template-columns: 44px minmax(0,1fr) 82px; border-color: #4a5059; }
.vt-shell-header .vt-shell-search > input { padding: 0; font-size: 14px; }
.vt-shell-header .vt-shell-search > input::placeholder { color: #7f8791; }
.vt-shell-header .vt-shell-search > button { font-size: 14px; color: #14171b; }
.vt-shell-header .header-actions { gap: 10px; }
.vt-shell-header .header-actions > :is(a,button):hover { border-color: #575e69; background: var(--shell-raised); color: var(--shell-text); }
.vt-shell-header .header-actions :is(.vtne-garage-open,.vt-shell-garage-fallback).vt-shell-garage { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 184px; min-width: 184px; max-width: 184px; padding: 0 12px; gap: 8px; }
.vt-shell-header .header-actions .vt-shell-garage > svg { position: static; width: 31px; height: 31px; flex-shrink: 0; color: var(--shell-accent-text); }
.vt-shell-header .header-actions .vt-shell-garage > span { display: grid; min-width: 0; line-height: 1.55; }
.vt-shell-header .header-actions .vt-shell-garage small { margin: 0; font-size: 10px; color: #d6d9de; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.vt-shell-header .header-actions .vt-shell-garage strong { max-width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; font-size: 10px; font-weight: 700; color: var(--shell-text); }
.vt-shell-header .header-actions .vt-shell-garage[data-selected="true"] { background: color-mix(in srgb, #168348 10%, var(--shell-panel)); border-color: color-mix(in srgb, #168348 50%, var(--shell-border)); }
.vt-shell-header .header-actions .vt-shell-garage[data-selected="true"] > svg { color: #25d366; }
.vt-shell-header .vtwin-cart-count, .vt-shell-header [data-vtne-favorite-count] { top: -5px; right: -5px; display: grid; place-items: center; width: 18px; min-width: 18px; height: 18px; padding: 0; border: 2px solid #080a0d; border-radius: 50%; color: #14171b; font-size: 9px; line-height: 1; }
.vt-shell-header .vt-shell-menu-toggle { background: transparent; border: 0; border-radius: 0; }
.vt-shell-header .vt-shell-navigation { overflow: visible; background: #0c0f13; border-color: #252a31; box-shadow: none; max-height: none; }
.vt-shell-header .vt-shell-navigation__inner { min-height: 44px; height: 44px; padding-block: 0; }
.vt-shell-header .vt-shell-categories { position: static; flex: 0 0 200px; }
.vt-shell-header .vt-shell-categories > summary { padding: 0 16px; font-size: 12px; font-weight: 800; gap: 6px; text-transform: uppercase; letter-spacing: -.01em; }
.vt-shell-header .vt-shell-primary { flex-wrap: nowrap; }
.vt-shell-header .vt-shell-primary > li > a { font-size: 12px; font-weight: 800; padding: 0 16px; text-transform: uppercase; letter-spacing: -.01em; white-space: nowrap; }
.vt-shell-header .vt-shell-primary > li.vt-shell-campaign { flex: 0 0 auto; }
.vt-shell-header .vt-shell-primary > li.vt-shell-campaign > a { color: var(--shell-accent-text); background: var(--shell-panel); padding-inline: 13px; font-size: 11px; gap: 5px; }
.vt-shell-discount { font-size: 13px; font-weight: 800; line-height: 1; }
.vt-shell-header .vt-shell-primary > li > a:hover { color: var(--shell-accent-text); background: var(--shell-panel); }
.vt-shell-header .vt-shell-category-panel { position: absolute; z-index: 100; top: 100%; left: 0; right: 0; width: 100%; padding: 0; max-height: calc(100dvh - 164px); overflow-y: auto; border: 0; border-top: 3px solid #db6205; border-radius: 0; box-shadow: 0 28px 65px #0000007a; }
.vt-shell-category-panel > .container { padding-block: 10px 8px; }
.vt-shell-category-panel header { display: flex; align-items: center; gap: 18px; margin-bottom: 8px; }
.vt-shell-category-panel h2 { font-size: 16px; line-height: 1.2; margin: 0; }
.vt-shell-category-panel header input { width: 100%; max-width: 260px; height: 30px; padding: 5px 10px; margin-left: auto; border: 1px solid var(--shell-border); border-radius: 6px; background: var(--shell-panel); color: var(--shell-text); font-size: 13px; }
.vt-shell-category-panel header button { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; padding: 0; border: 1px solid var(--shell-border); border-radius: 5px; background: var(--shell-raised); color: var(--shell-text); }
.vt-shell-category-groups { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; gap: 8px 12px; }
.vt-shell-category-root, .vt-shell-category-group { min-width: 0; border: 1px solid var(--shell-border); border-radius: 6px; background: var(--shell-raised); }
.vt-shell-category-root, .vt-shell-category-group > summary { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 38px; padding: 7px 10px; color: var(--shell-text); font-size: 12px; line-height: 1.3; text-decoration: none; }
.vt-shell-category-group > summary { grid-template-columns: minmax(0,1fr) auto 12px; list-style: none; cursor: pointer; }
.vt-shell-category-group > summary::-webkit-details-marker { display: none; }
.vt-shell-category-group > summary::after { content: '›'; color: var(--shell-muted); font-size: 16px; line-height: 1; }
.vt-shell-category-group[open] > summary::after { transform: rotate(90deg); }
.vt-shell-category-root small, .vt-shell-category-group small { color: var(--shell-muted); font-size: 10px; font-weight: 650; }
.vt-shell-category-children { display: grid; padding: 3px 8px 7px; border-top: 1px solid var(--shell-border); }
.vt-shell-category-children > a { display: flex; justify-content: space-between; gap: 8px; min-height: 28px; padding: 5px 3px; border-bottom: 1px solid var(--shell-border); font-size: 11px; line-height: 1.3; text-decoration: none; }
.vt-shell-category-children > a:last-child { border-bottom: 0; }
.vt-shell-category-group[open] > summary, .vt-shell-category-root:hover, .vt-shell-category-group > summary:hover { color: var(--shell-accent-text); background: color-mix(in srgb,#db6205 7%,#151a20); }
.vt-shell-category-panel footer { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--shell-border); font-size: 11px; line-height: 1.4; }
.vt-shell-category-panel footer > a { font-size: 11px; font-weight: 800; text-transform: uppercase; text-decoration: none; }
.vt-shell-mega-bike { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.vt-shell-category-results { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: 18px; max-height: min(210px,38dvh); overflow-y: auto; padding-right: 8px; }
.vt-shell-category-results a { display: flex; align-items: center; min-height: 30px; padding: 5px 3px; border-bottom: 1px solid var(--shell-border); color: var(--shell-text); font-size: 12px; line-height: 1.3; text-decoration: none; }
.vt-shell-category-status { margin: 6px 0 0; color: var(--shell-muted); font-size: 11px; }
.vt-shell-drawer { position: fixed; inset: 0 auto 0 0; width: min(390px,90%); max-width: none; height: 100dvh; max-height: 100dvh; margin: 0; padding: 20px; overflow-y: auto; border: 1px solid var(--shell-border); background: var(--shell-panel); color: var(--shell-text); box-shadow: 30px 0 70px #00000040; }
.vt-shell-drawer::backdrop { background: #050709ad; }
.vt-shell-drawer-close { position: absolute; top: 0; right: 8px; display: grid; place-items: center; width: 44px; height: 24px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--shell-text); }
.vt-shell-drawer nav { margin-top: 4px; }
.vt-shell-drawer-menu { list-style: none; margin: 0; padding: 0; }
.vt-shell-drawer nav a { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--shell-border); font-size: 12px; font-weight: 700; text-decoration: none; }
.vt-shell-drawer nav a svg { flex-shrink: 0; }
.vt-shell-drawer-menu .sub-menu { list-style: none; padding-left: 12px; }
.vt-shell-drawer-whatsapp { display: flex; align-items: center; gap: 7px; margin-top: 20px; color: #25d366; font-size: 11px; font-weight: 800; text-decoration: none; }
.vt-shell-header .vt-shell-search { position: relative; }
.vt-shell-search-panel { position: absolute; z-index: 120; top: calc(100% + 8px); left: 0; right: 0; overflow: hidden; border: 1px solid var(--shell-border); border-radius: 8px; background: var(--shell-panel); color: var(--shell-text); box-shadow: 0 28px 65px #0000007a; }
.vt-shell-search-head { display: flex; align-items: center; justify-content: space-between; height: 42px; border-bottom: 1px solid var(--shell-border); padding-inline: 14px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.vt-shell-search-head button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: var(--shell-text); }
.vt-shell-search-products a { display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 64px; padding: 7px 14px; border-bottom: 1px solid var(--shell-border); color: var(--shell-text); text-decoration: none; }
.vt-shell-search-products a:hover, .vt-shell-search-all:hover { background: var(--shell-raised); }
.vt-shell-search-products img, .vt-shell-search-placeholder { display: grid; place-items: center; width: 48px; height: 48px; object-fit: contain; border: 1px solid var(--shell-border); background: #f7f7f7; color: #69707a; }
.vt-shell-search-products a > span:not(.vt-shell-search-placeholder) { display: grid; min-width: 0; }
.vt-shell-search-products small { color: var(--shell-muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.vt-shell-search-products strong { overflow: hidden; font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.vt-shell-search-products b { font-size: 13px; white-space: nowrap; }
.vt-shell-search-all { display: flex; min-height: 42px; align-items: center; justify-content: space-between; padding: 9px 14px; border-top: 1px solid var(--shell-border); color: var(--shell-accent-text); font-size: 11px; font-weight: 850; text-decoration: none; }
.vt-shell-search-empty { margin: 0; padding: 28px 16px 16px; color: var(--shell-text); font-size: 13px; text-align: center; }
.vt-shell-footer { font-size: 15px; line-height: 1.55; }
.vt-shell-footer .footer-newsletter { border-radius: 10px; }
.vt-shell-footer .footer-newsletter > span { gap: 0; }
.vt-shell-footer .footer-newsletter small { margin-top: 4px; font-size: 12.5px; }
.vt-shell-footer .footer-newsletter > a { font-size: 10px; text-transform: uppercase; }
.vt-shell-footer .footer-top { grid-template-columns: 1.5fr repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--shell-border); }
.vt-shell-footer .brand img { width: 170px; height: 58px; object-fit: contain; }
.vt-shell-footer .brand strong { font-size: 27px; letter-spacing: -.035em; }
.vt-shell-footer .footer-brand > p { margin: 15px 0 0; font-size: 11px; }
.vt-shell-footer .footer-brand__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 16px; }
.vt-shell-footer .footer-brand__actions > a { min-height: 0; }
.vt-shell-footer .footer-brand__actions .footer-brand__about { display: inline-flex; margin-top: 0; gap: 7px; color: var(--shell-text); font-size: 12px; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.vt-shell-footer .footer-brand__actions .footer-brand__contact { display: inline-flex; align-items: center; gap: 7px; color: #66dc8c !important; font-size: 15px; font-weight: 800; }
.vt-shell-footer .footer-brand__contact > svg { vertical-align: middle; }
.vt-shell-footer .footer-top nav li { margin: 0; }
.vt-shell-footer .footer-top nav ul { display: grid; gap: 7px; }
.vt-shell-footer .footer-top nav h2 { margin-bottom: 12px; }
.vt-shell-footer .footer-bottom { border-top: 0; gap: 18px; }
.vt-shell-footer .footer-company { display: grid; min-width: 0; gap: 4px; }
.vt-shell-footer .footer-company__legal-name { font-size: 10px; line-height: 1.4; }
.vt-shell-mobile { background: #0b0e12; }
.vt-shell-mobile .vtne-garage-open > svg { width: 20px; height: 20px; }
.vt-shell-floating-whatsapp { position: fixed; z-index: 40; right: max(20px,env(safe-area-inset-right)); bottom: calc(24px + env(safe-area-inset-bottom)); display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #ffffff40; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 3px 12px #0000002e; text-decoration: none; }
.vt-shell-floating-whatsapp:hover { background: #128c4a; color: #fff; }
.site-shell:has(.vt-shell-drawer[open],.vtne-dialog[open],.vt-shell-categories[open],[data-shell-search-panel]:not([hidden])) .vt-shell-floating-whatsapp { display: none; }
@media (max-width: 1280px) {
  .vt-shell-header .container, .vt-shell-footer .container { width: min(var(--vt-container),calc(100% - 32px)); }
  .vt-shell-header .main-header__inner { grid-template-columns: 190px minmax(200px,1fr) auto; gap: 20px; }
  .vt-shell-header .vt-shell-categories { flex-basis: 165px; }
  .vt-shell-header .vt-shell-primary > li > a { padding-inline: 10px; font-size: 10px; }
  .vt-shell-header .utility-support > span:last-child { display: none; }
}
@media (max-width: 1024px) {
  .vt-shell-header .utility-bar__inner { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .vt-shell-header .utility-support { display: none; }
  .vt-shell-header .utility-shipping { font-size: 10px; }
  .vt-shell-header .utility-shipping > svg { width: 19px; height: 19px; }
  .vt-shell-header .utility-whatsapp small { display: none; }
  .vt-shell-header .main-header__inner { grid-template-columns: 40px minmax(100px,1fr) auto; grid-template-rows: 48px 44px; gap: 4px 8px; }
  .vt-shell-header .vt-shell-menu-toggle { width: 40px; min-width: 40px; height: 40px; }
  .vt-shell-header .header-actions :is(.vtne-garage-open,.vt-shell-garage-fallback).vt-shell-garage { display: flex; justify-content: center; width: 40px; min-width: 40px; max-width: 40px; padding: 0; }
  .vt-shell-header .header-actions .vt-shell-garage > span { display: none; }
  .vt-shell-header .header-actions .vt-shell-garage > svg { width: 23px; height: 23px; }
  .vt-shell-header .header-actions .vt-shell-account { display: inline-flex; }
  .vt-shell-header .vt-shell-search { grid-template-columns: 36px minmax(0,1fr) 62px; grid-template-rows: 44px; height: 46px; }
  .vt-shell-header .vt-shell-search > input, .vt-shell-header .vt-shell-search > button { height: 44px; }
  .vt-shell-header .vt-shell-search > button { width: 62px; }
  .vt-shell-header .vt-shell-navigation__inner { display: flex; width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .vt-shell-header .vt-shell-navigation__inner::-webkit-scrollbar { display: none; }
  .vt-shell-header .vt-shell-primary { display: flex; flex-wrap: nowrap; flex: 1 0 auto; }
  .vt-shell-header .vt-shell-primary > li { display: flex; flex-wrap: nowrap; border: 0; }
  .vt-shell-header .vt-shell-primary > li > a { font-size: 10px; padding-inline: 12px; border-right: 1px solid #252a31; }
  .vt-shell-header .vt-shell-categories { flex: 0 0 auto; }
  .vt-shell-header .vt-shell-categories > summary { padding-inline: 12px; border-radius: 0; font-size: 10px; }
  .vt-shell-header .vt-shell-category-panel { position: absolute; }
  .vt-shell-header[data-compact="true"] .vt-shell-navigation:not(:has(:focus-visible)) { height: 0; border-bottom-width: 0; visibility: hidden; overflow: hidden; }
  .vt-shell-footer .footer-top { grid-template-columns: 1.4fr repeat(2,minmax(0,1fr)); }
  .vt-shell-footer .footer-brand { grid-row: span 2; }
  .vt-shell-category-groups, .vt-shell-category-results { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .vt-shell-header .container, .vt-shell-footer .container { width: min(var(--vt-container),calc(100% - 24px)); }
  .vt-shell-header .utility-bar__inner { height: 36px; min-height: 36px; gap: 8px; }
  .vt-shell-header .utility-shipping { white-space: nowrap; }
  .vt-shell-header .utility-whatsapp { padding-left: 0; border-left: 0; }
  .vt-shell-header .main-header__inner { grid-template-columns: 34px minmax(90px,1fr) auto; }
  .vt-shell-header .vt-shell-menu-toggle { width: 34px; min-width: 34px; }
  .vt-shell-header .header-actions { gap: 3px; }
  .vt-shell-header .header-actions > :is(a,button), .vt-shell-header .header-actions :is(.vtne-garage-open,.vt-shell-garage-fallback).vt-shell-garage { width: 36px; min-width: 36px; max-width: 36px; height: 40px; }
  .vt-shell-header .brand strong { font-size: 18px; }
  .vt-shell-header .brand small { font-size: 6px; letter-spacing: .07em; margin-top: 3px; }
  .vt-shell-header .vt-shell-search > input { font-size: 16px; }
  .vt-shell-header .theme-toggle--utility { color: var(--shell-text); background: var(--shell-panel); }
  .vt-shell-header .vt-shell-search-panel { left: 50%; right: auto; width: min(calc(100vw - 24px),var(--vt-container)); max-height: min(390px,calc(100dvh - 154px - env(safe-area-inset-bottom))); display: grid; grid-template-rows: auto minmax(0,1fr) auto; transform: translateX(-50%); top: calc(100% + 6px); }
  .vt-shell-search-products { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .vt-shell-search-products a { grid-template-columns: 48px minmax(0,1fr); column-gap: 10px; row-gap: 3px; min-height: 58px; padding: 6px 10px; }
  .vt-shell-search-products img, .vt-shell-search-placeholder { grid-column: 1; grid-row: 1 / span 2; }
  .vt-shell-search-products a > span:not(.vt-shell-search-placeholder) { grid-column: 2; grid-row: 1; }
  .vt-shell-search-products b { grid-column: 2; grid-row: 2; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .vt-shell-search-all { min-height: 40px; }
  .vt-shell-footer .footer-newsletter { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px; }
  .vt-shell-footer .footer-newsletter > a { justify-content: center; }
  .vt-shell-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
  .vt-shell-footer .footer-brand { grid-column: 1 / -1; grid-row: auto; text-align: center; }
  .vt-shell-footer .footer-brand > p { margin-inline: auto; }
  .vt-shell-footer .footer-top nav { text-align: center; }
  .vt-shell-footer .footer-top nav a { min-height: 0; display: inline; }
  .vt-shell-footer .footer-bottom { flex-direction: column; padding-block: 16px; }
  .vt-shell-floating-whatsapp { width: 46px; height: 46px; right: max(12px,env(safe-area-inset-right)); bottom: calc(76px + env(safe-area-inset-bottom)); }
  .vt-shell-category-groups, .vt-shell-category-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .vt-shell-header .utility-bar__inner { width: calc(100% - 18px); }
  .vt-shell-header .utility-shipping small { display: none; }
  .vt-shell-header .utility-shipping b { font-size: 9px; }
  .vt-shell-header .utility-whatsapp > span { width: 22px; height: 22px; }
  .vt-shell-header .utility-whatsapp strong { font-size: 10px; }
}
@media (max-width: 440px) {
  .vt-shell-footer .footer-top { grid-template-columns: 1fr; }
}
@media (max-width: 360px) {
  .vt-shell-header .main-header__inner { grid-template-columns: 30px minmax(0,1fr) auto; gap: 6px; }
  .vt-shell-header .vt-shell-menu-toggle { width: 30px; min-width: 30px; }
  .vt-shell-header .header-actions > :is(a,button), .vt-shell-header .header-actions :is(.vtne-garage-open,.vt-shell-garage-fallback).vt-shell-garage { width: 34px; min-width: 34px; max-width: 34px; }
}
html[data-color-scheme="light"] :is(.vt-shell-header,.vt-shell-footer,.vt-shell-mobile) { --shell-panel: #fff; --shell-raised: #f1f3f5; --shell-border: #d5d9df; --shell-text: #14171b; --shell-muted: #5c6570; --shell-accent-text: #a44400; }
html[data-color-scheme="light"] .vt-shell-header { background: #fff; box-shadow: 0 1px 0 #14171b1f; }
html[data-color-scheme="light"] .vt-shell-header .utility-bar { background: #eef1f4; border-color: var(--shell-border); color: #20252b; }
html[data-color-scheme="light"] .vt-shell-header .utility-bar__inner { color: #20252b; }
html[data-color-scheme="light"] .vt-shell-header .utility-bar a, html[data-color-scheme="light"] .vt-shell-header .utility-bar button { color: #20252b; }
html[data-color-scheme="light"] .vt-shell-header .utility-whatsapp > span { color: #fff; }
html[data-color-scheme="light"] .vt-shell-header .main-header { background: #fff; border-color: var(--shell-border); }
html[data-color-scheme="light"] .vt-shell-header .brand strong, html[data-color-scheme="light"] .vt-shell-footer .brand strong { color: var(--shell-text); }
html[data-color-scheme="light"] :is(.vt-shell-header,.vt-shell-footer) .brand img { filter: invert(1); }
html[data-color-scheme="light"] .vt-shell-header .header-actions > :is(a,button) { background: #f7f8f9; border-color: var(--shell-border); color: var(--shell-text); }
html[data-color-scheme="light"] .vt-shell-header .header-actions .vt-shell-garage small { color: var(--shell-muted); }
html[data-color-scheme="light"] .vt-shell-header .vt-shell-navigation { background: #fff; border-color: var(--shell-border); }
html[data-color-scheme="light"] .vt-shell-header .vt-shell-primary > li > a { border-color: var(--shell-border); }
html[data-color-scheme="light"] .vt-shell-footer { background: #eceff2; border-color: var(--shell-border); }
html[data-color-scheme="light"] .vt-shell-footer .footer-bottom, html[data-color-scheme="light"] .vt-shell-footer .footer-brand > p { color: #4f5964; }
html[data-color-scheme="light"] .vt-shell-mobile { background: #fff; border-color: var(--shell-border); box-shadow: 0 -8px 24px #14171b1a; }

.vt-shell-footer .brand { max-width: 100%; }
html[data-color-scheme="light"] .vt-shell-footer a { color: var(--shell-text); }

.vt-shell-header .main-header__inner { padding-block: 0; }
.vt-shell-header .header-actions > a > svg { width: 22px; height: 22px; }
.vt-shell-header .vt-shell-categories > summary, .vt-shell-footer .footer-newsletter > a { color: #14171b; }
.vt-shell-header .vtwin-cart-count, .vt-shell-header [data-vtne-favorite-count] { font-weight: 700; }
@media (max-width: 760px) {
  .vt-shell-footer { padding-bottom: 0; }
  .vt-shell-mobile { gap: 0; padding: 0 0 env(safe-area-inset-bottom); }
  .vt-shell-mobile > a, .vt-shell-mobile > button, .vt-shell-mobile > .vtne-garage-open { color: var(--shell-muted); }
  .vt-shell-mobile [aria-current], .vt-shell-mobile > :hover { color: var(--shell-accent-text); }
}
@media (min-width: 601px) and (max-width: 782px) { .admin-bar .vt-shell-header { top: 46px; } }

/* Preserved production navigation and footer-about cascade. */
.vt-shell-header .vt-shell-navigation__inner { min-width: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-padding-inline: 8px; }
.vt-shell-header .vt-shell-navigation__inner:focus-within { scroll-snap-type: none; }
.vt-shell-header .vt-shell-primary > li > a { flex-shrink: 0; }
.vt-shell-header .vt-shell-navigation :is(a,summary,button):focus-visible { outline: 2px solid var(--shell-accent-text); outline-offset: -3px; }
.vt-shell-drawer nav a { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.vt-shell-footer .footer-brand__about:hover { color: var(--shell-accent-text); }
.vt-shell-footer .footer-brand__about:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (min-width: 1025px) { .vt-shell-footer .footer-top--3-menus { grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr)); } }
@media (max-width: 1024px) {
  .vt-shell-header .vt-shell-discount { display: none; }
  .woocommerce-checkout .vt-shell-floating-whatsapp { display: none; }
}
@media (max-width: 760px) { .vt-shell-footer .footer-brand__actions { align-items: center; margin-inline: auto; } }