/* Public website design layer, enabled only with the website redesign flag. */

html[data-font] body.shikari-ui{--font-body:var(--w-font);--font-head:var(--w-font);--font-nav:var(--w-font);--head-weight:800;--head-style:normal;font-family:var(--w-font);font-size:var(--w-body);line-height:var(--w-leading)}
html[data-font] body.shikari-ui.theme-expedition{--ink:var(--w-panel);--deep:var(--w-bg);--paper:var(--w-ink);--mint:var(--w-accent);--muted:var(--w-muted);--line:var(--w-line);background:var(--w-bg);color:var(--w-ink)}
html[data-font] .shikari-ui :is(h1,h2,h3,button,input,select,textarea,.button,.btn,.site-header nav,.site-header nav a,.assistant-launch b){font-family:var(--w-font);font-style:normal}
html[data-font] .shikari-ui :is(h1,h2,h3){font-weight:var(--w-bold);font-variation-settings:'wdth' var(--w-width-heading);letter-spacing:var(--w-heading-tracking);line-height:var(--w-heading-leading)}
html[data-font] .shikari-ui.theme-expedition h1{font-size:var(--w-h1)}
html[data-font] .shikari-ui.theme-expedition h2{font-size:var(--w-h2)}
html[data-font] .shikari-ui.theme-expedition h3{font-size:var(--w-h3)}
html[data-font] .shikari-ui :is(.product h2,.card-name,.store-product h2){font-size:var(--w-card-title);line-height:1.3}
html[data-font] .shikari-ui :is(.button,.btn){display:inline-flex;align-items:center;justify-content:center;gap:var(--w-small-gap);min-height:var(--w-touch);font-size:var(--w-small);font-weight:var(--w-medium);line-height:1.35;letter-spacing:.08em;text-align:center;text-decoration:none;border-radius:var(--w-form-radius);padding:var(--w-control-padding) var(--w-gap);white-space:normal;max-width:100%}
html[data-font] .shikari-ui .cta-arrow{display:block;width:20px;height:20px;flex:0 0 20px;align-self:center;margin:0;vertical-align:middle;position:static;transform:none}
html[data-font] .shikari-ui :is(.button,.btn):hover .cta-arrow{transform:none}
html[data-font] .shikari-ui .button{background:var(--w-ink);color:var(--w-bg);border:1px solid transparent}
html[data-font] .shikari-ui :is(.button,.btn-fill):hover{background:var(--w-accent);color:var(--w-bg)}
html[data-font] .shikari-ui :is(.btn-ghost,.button.outline,.button.secondary){background:var(--ui-glass);border:var(--w-border);color:var(--w-ink);backdrop-filter:blur(var(--ui-blur));-webkit-backdrop-filter:blur(var(--ui-blur))}
html[data-font] .shikari-ui :is(input,select,textarea){font-family:var(--w-font);border-radius:var(--w-form-radius)}
html[data-font] .shikari-ui :focus-visible{outline:var(--w-focus);outline-offset:3px}
/* Assistant has explicit dimensions and type: no inherited hero/header/button styles. */
html[data-font] .shikari-ui #shikari-chat{width:var(--ui-chat-width);max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border:var(--w-border);border-radius:var(--w-radius);padding:0;background:var(--w-bg);color:var(--w-ink);font-family:var(--w-font);font-size:var(--w-body);line-height:1.5;letter-spacing:normal;overflow:auto}
html[data-font] .shikari-ui #shikari-chat[open]{display:flex;flex-direction:column}
html[data-font] .shikari-ui #shikari-chat::backdrop{background:rgba(12,12,13,.5);backdrop-filter:blur(3px)}
html[data-font] .shikari-ui #shikari-chat .chat-heading{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--w-small-gap);padding:var(--ui-chat-pad);background:transparent;mix-blend-mode:normal;border-bottom:var(--w-border);flex-shrink:0}
html[data-font] .shikari-ui #shikari-chat h2{font:700 var(--ui-chat-title)/1.2 var(--w-font);text-transform:none;letter-spacing:0;margin:4px 0 0}
html[data-font] .shikari-ui #shikari-chat .eyebrow{font-size:9px;letter-spacing:.1em;color:var(--w-muted)}
html[data-font] .shikari-ui #shikari-chat button{font-family:var(--w-font);font-size:var(--w-small);font-weight:var(--w-medium);font-style:normal;line-height:1.35;letter-spacing:0;border:var(--w-border);border-radius:var(--w-form-radius);color:var(--w-ink);background:var(--w-panel);margin:0;text-transform:none}
html[data-font] .shikari-ui #shikari-chat .chat-close{display:grid;place-items:center;width:var(--ui-close-size);min-width:var(--ui-close-size);height:var(--ui-close-size);min-height:var(--ui-close-size);padding:0;font-size:22px;line-height:1;background:transparent;align-self:center}
html[data-font] .shikari-ui #shikari-chat .chat-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--w-small-gap);align-items:stretch}
html[data-font] .shikari-ui #shikari-chat .chat-actions button{display:flex;align-items:center;justify-content:center;gap:var(--w-tiny-gap);width:100%;min-height:var(--w-touch);height:auto;max-width:none;padding:var(--w-control-padding);font:700 var(--w-small)/1.35 var(--w-font);letter-spacing:0;text-align:center;white-space:normal}
html[data-font] .shikari-ui #shikari-chat .chat-actions button[type=submit]{background:var(--w-accent);color:var(--w-bg)}
html[data-font] .shikari-ui #shikari-chat button:disabled{opacity:.5;cursor:not-allowed}
html[data-font] .shikari-ui #shikari-chat .chat-actions .cta-arrow{width:18px;height:18px;flex-basis:18px;margin:0;align-self:center}
html[data-font] .shikari-ui #shikari-chat :is(.chat-model,.chat-messages,.chat-suggestions,.chat-form,.assistant-contact-form){padding:var(--w-small-gap) var(--ui-chat-pad)}
html[data-font] .shikari-ui #shikari-chat form{margin:0;width:100%;max-width:none}
html[data-font] .shikari-ui #shikari-chat :is(input:not([type=checkbox]),select,textarea){font:400 16px/1.4 var(--w-font);background:var(--w-panel);color:var(--w-ink);border:var(--w-border);border-radius:var(--w-form-radius);padding:8px;width:100%;min-width:0}
html[data-font] .shikari-ui #shikari-chat .chat-bubble{background:var(--w-panel);border:var(--w-border);border-radius:var(--w-radius);font-size:13px;padding:var(--w-small-gap);color:var(--w-ink)}
html[data-font] .shikari-ui #shikari-chat .chat-bubble.from-user{background:var(--w-accent);color:var(--w-bg)}
html[data-font] .shikari-ui #shikari-chat :is(.chat-note,.chat-status,.contact-consent){color:var(--w-muted);line-height:1.5}
html[data-font] .shikari-ui #shikari-chat .assistant-contact-form h3{font-size:var(--ui-chat-title)}
html[data-font] .shikari-ui #shikari-chat [hidden]{display:none!important}
html[data-font] .shikari-ui .assistant-launch{font-family:var(--w-font);background:var(--w-assistant-background);background-image:none;backdrop-filter:blur(var(--ui-blur));-webkit-backdrop-filter:blur(var(--ui-blur));height:var(--w-touch);min-height:var(--w-touch);padding:var(--w-assistant-padding);gap:var(--w-small-gap);border-radius:var(--w-radius);line-height:1;color:var(--w-ink)}
html[data-font] .shikari-ui .assistant-launch span{display:flex;align-items:center;gap:var(--w-tiny-gap);font-size:var(--w-small)}
html[data-font] .shikari-ui .assistant-launch b{display:inline;font-size:var(--w-small)}
@supports(backdrop-filter:blur(8px)){html[data-font] .shikari-ui #shikari-chat{background:var(--ui-chat-glass);backdrop-filter:blur(var(--ui-blur))}}
@media(pointer:coarse){html[data-font] .shikari-ui #shikari-chat .chat-close{min-width:var(--w-touch);min-height:var(--w-touch)}}
@media(prefers-reduced-motion:reduce){html[data-font] .shikari-ui :is(.button,.btn,.assistant-launch){transition:none}}
html[data-font] .shikari-ui .assistant-launch{bottom:max(calc(var(--w-assistant-bottom) + env(safe-area-inset-bottom)),var(--assistant-footer-lift,0px))}

/* Typography candidate A; final family choice remains with the owner. */

@font-face{font-family:'Roboto Condensed';src:url('fonts/RobotoCondensed.woff2') format('woff2');font-weight:100 900;font-display:swap}
html[data-font] body.shikari-ui{--font-body:var(--font-text);--font-head:var(--font-heading);--font-nav:var(--font-text);font-family:var(--font-text)}
html[data-font] .shikari-ui :is(h1,h2,h3){font-family:var(--font-heading);font-variation-settings:normal}
html[data-font] .shikari-ui :is(.sn,.sec-num,.kicker,.card-price,.kit-price,.stat b){font-family:var(--font-label);font-variant-numeric:tabular-nums}
html[data-font] .shikari-ui :is(.card-name,.card-name small){font-family:var(--font-condensed)}

/* Fallback metrics measured against Manrope WOFF2 (x-height and hhea). */


html[data-font] body.shikari-ui{--sans:var(--font-text)}
html[data-font] .shikari-ui.template-wheels .wheel-catalog .card-name,html[data-font] .shikari-ui.template-wheels .wheel-catalog .card-name small{font-family:var(--font-condensed)}

@font-face{font-family:Manrope;src:url('fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}

@font-face{font-family:'Shikari Fallback';src:local('Trebuchet MS');size-adjust:103.261%;ascent-override:103.234%;descent-override:29.053%;line-gap-override:0%}