/* Shared KidMoto brand and page furniture. Loaded after page-specific styles. */
@font-face{font-family:Barlow;src:url('/assets/barlow.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#101110;--paper:#f0f0e8;--orange:#ff571c;--pad:clamp(22px,4.5vw,90px);--km-panel:#1c1d1c;--km-muted:#b9bab4;--km-border:#3b3d3b;--km-warm:#ff571c}
.site-brand{display:block;position:relative;flex:0 0 auto;width:175px;height:50px;overflow:visible;background:none}
.site-brand img,.brand.site-brand img{display:block;position:static;width:100%;height:auto;max-width:100%;left:auto;top:auto;object-fit:contain}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:none;min-height:88px;margin:0;padding:18px var(--pad);border-bottom:1px solid var(--km-border);background:var(--ink);color:var(--paper);font-family:Barlow,Arial,sans-serif}
.site-header nav{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;margin:0}
.site-header nav>a{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:0;color:var(--paper);font:700 13px/1.3 Barlow,Arial,sans-serif;letter-spacing:.025em;text-decoration:none;border:0;background:none;white-space:nowrap}
.site-header .site-bike-link{margin-left:4px;padding-left:28px;border-left:1px solid var(--km-border)}
.site-bike-link>span{color:var(--orange);font-size:24px;line-height:1}
.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:var(--orange)}
.site-header--checkout .checkout-brand{flex:0 0 auto}.site-header--checkout .test{align-self:center;margin:0;font:700 11px/1.4 Barlow,Arial,sans-serif;color:var(--orange);letter-spacing:.1em}
.site-footer{display:block;max-width:none;margin:0;background:#000;color:var(--paper);padding:40px var(--pad) 26px;border:0;font:14px/1.6 Barlow,Arial,sans-serif;letter-spacing:0;text-align:left}
.site-footer a,.site-footer button{text-decoration:none!important;text-underline-offset:initial}
.site-footer a:hover,.site-footer button:hover{color:var(--orange)}
.site-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 28px}
.site-contact{display:inline-flex;align-items:center;gap:16px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.site-contact>span{color:var(--orange)}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid var(--km-border);color:#b9bab4;font-size:13px;line-height:1.5}
.site-footer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 26px;margin:0;padding:0;font-size:13px;line-height:1.5}
.site-footer-controls>a,.site-footer-controls>button,.site-footer .cookie-preferences{appearance:none;display:inline-flex;align-items:center;gap:9px;width:auto;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:400 13px/1.5 Barlow,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.site-footer-controls>a:hover,.site-footer-controls>button:hover{color:var(--orange)}
.site-footer-controls [hidden]{display:none!important}.site-footer-controls span{color:var(--orange)}
.site-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 26px;margin:14px 0 0;padding:0;font:400 14px/1.5 Barlow,Arial,sans-serif}
.site-footer-links>a{display:inline-flex;align-items:center;min-height:36px;padding:0;color:var(--paper)}
.site-footer .site-seller{max-width:900px;margin:17px 0 0;padding:0;color:#979a93;font:400 12px/1.8 Barlow,Arial,sans-serif}
.site-header a:focus-visible,.site-footer a:focus-visible,.site-footer button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.cookie-panel,.cookie-panel p,.cookie-panel button,.cookie-panel h2,.cookie-settings label{font-family:Barlow,Arial,sans-serif}.cookie-panel{border-color:var(--km-border);border-radius:0;background:#1c1d1c}.cookie-panel button{border-radius:0}

/* Shared content system: homepage typefaces, square actions and neutral surfaces. */
@font-face{font-family:Display;src:url('/assets/display-italic.ttf') format('truetype');font-style:italic;font-weight:900;font-display:swap}
:root{--km-panel:#1c1d1c;--km-raised:#262726;--km-muted:#b9bab4;--km-border:#3b3d3b;--km-warm:var(--orange);--km-section:clamp(44px,6vw,80px);--km-title:clamp(52px,6.2vw,94px);--km-heading:clamp(40px,4.6vw,66px)}
.site-page{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.6 Barlow,Arial,sans-serif;--guide-muted:var(--km-muted);--guide-border:var(--km-border);--guide-panel:var(--km-panel);--panel:var(--km-panel);--muted:var(--km-muted);--line:var(--km-border)}
.site-page h1,.site-page h2{font-family:Display,Impact,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.015em;line-height:.96;color:var(--paper)}
.site-page h1{font-size:var(--km-title)}.site-page h2{font-size:var(--km-heading);text-transform:uppercase}
.site-page h1 em,.site-page h2 em{font-style:inherit;color:var(--orange)}
.site-page h3,.site-page h4{font-family:Barlow,Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:0;line-height:1.3}
.site-page .eyebrow,.site-page .mini-title{font:700 11px/1.5 Barlow,Arial,sans-serif;letter-spacing:.12em;color:var(--km-muted)}
.site-page button,.site-page input,.site-page select{font-family:Barlow,Arial,sans-serif}
.site-page a:focus-visible,.site-page button:focus-visible,.site-page input:focus-visible,.site-page select:focus-visible,.site-page summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-page :is(.visual-guide,.essentials-main,.ride-shell,.mix-main){max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.site-page.mix-tool-page main{max-width:1440px;padding-inline:var(--pad)}
.site-page :is(.guide-hero,.essentials-hero,.tool-intro){padding-block:clamp(38px,5vw,72px) 40px;gap:clamp(28px,4vw,56px)}
.site-page :is(.guide-hero,.essentials-hero,.tool-intro) h1{font-size:var(--km-title);margin:22px 0 24px}
.site-page :is(.guide-lead,.hero-intro,.intro-copy>p:not(.mini-title),.hero-deck){font-size:20px;line-height:1.5;color:var(--paper)}
.site-page :is(.guide-hero-copy,.essentials-hero)>p:not(.eyebrow):not(.guide-lead):not(.hero-intro){color:var(--km-muted)}
.site-page :is(.guide-section,.gear-section,.ride-section,.table-section,.how-section,.oil-section,.faq-section){padding-block:var(--km-section)}
.site-page :is(.guide-section-heading,.gear-heading,.section-heading,.section-top){margin-bottom:32px;gap:36px;align-items:end}
.site-page :is(.guide-section-heading,.gear-heading,.section-heading,.section-top) h2{font-size:var(--km-heading);margin-top:16px}
.site-page :is(.guide-section-heading,.gear-heading,.section-heading,.section-top)>p{font-size:16px;line-height:1.65;color:var(--km-muted)}
/* Primary actions use the same orange, weight, height and square outline. */
.site-page :is(.guide-action,.hero-cta,.primary-link,.oil-shop-action,.route-action,.support-action,.kit-shop-link),.checkout-page .panel button:not(#edit-delivery){display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:15px 22px;border:1px solid var(--orange);border-radius:0;background:var(--orange);color:var(--ink);font:700 14px/1.4 Barlow,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;text-decoration:none;box-shadow:none}
.site-page :is(.guide-action,.hero-cta,.primary-link,.oil-shop-action,.route-action,.support-action,.kit-shop-link):hover,.checkout-page .panel button:not(#edit-delivery):hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.site-page :is(.guide-action,.hero-cta,.primary-link,.oil-shop-action,.route-action,.support-action,.kit-shop-link)>span{font:400 24px/1 Barlow,Arial,sans-serif;flex-shrink:0}
.site-page :is(.text-link,.guide-inline-link){display:inline-flex;align-items:center;gap:26px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--orange);color:var(--paper);font:700 14px/1.5 Barlow,Arial,sans-serif;text-decoration:none}
.site-page :is(.text-link,.guide-inline-link):hover{color:var(--orange)}
.site-page :is(.text-link,.guide-inline-link)>span{color:var(--orange);font-size:24px;line-height:1}
/* The article, gear and riding chapter share a calm charcoal canvas. */
.guide-hero-art,.guide-size-art,.guide-rider-art,.kit-look .rider-panel{background:radial-gradient(ellipse at center,#30312f,var(--km-panel) 72%)}
.guide-hero-art,.guide-size-art,.fit-first,.affiliate-disclosure,.kit-look .product-card,.kit-look .products-panel,.place-details,.kit-card{border-color:var(--km-border);border-radius:0}
.essentials-page .fit-first{border-top-color:var(--orange)}.guide-hero-facts strong{font-size:24px}.guide-hero-art figcaption{color:var(--km-muted)}
.guide-topics,.adventure-nav{background:var(--ink);border-color:var(--km-border)}
.guide-topics a,.adventure-nav a{font:700 13px/1.4 Barlow,Arial,sans-serif;min-height:56px;border-color:var(--km-border);text-decoration:none}
.guide-topics a:hover,.guide-topics a[aria-current=location]{background:var(--km-raised);color:var(--orange)}
.guide-inline-note,.guide-control-tabs a[aria-selected=true],.kit-look .fit-strip,.kit-look .kit-fit-details .fit-tip{background:var(--km-raised)}
.guide-path-card,.guide-audience-other,.guide-gear-layout,.guide-ride-principles article,.guide-care-card,.fit-first,.affiliate-disclosure{background:var(--km-panel);border-color:var(--km-border)}
.guide-audience-suits,.guide-price-card{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.guide-audience-suits h3,.guide-price-card h3{color:var(--ink)}.guide-audience-suits .guide-mini-label{color:#555753}
.guide-product-art{position:relative;margin:0;padding:48px 18px 0;border:1px solid var(--km-border);background:radial-gradient(ellipse at center,#30312f,var(--km-panel) 72%);overflow:hidden}
.guide-product-word{position:absolute;top:22px;left:22px;color:var(--paper);opacity:.07;font:900 italic clamp(60px,7vw,100px)/1 Display,Impact,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.guide-product-art>img{position:relative;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 18px 15px #0004)}
.guide-product-art figcaption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:17px 4px;border-top:1px solid var(--km-border);color:var(--km-muted);font-size:11px;line-height:1.5}
.guide-product-art figcaption>span{font-size:10px;font-weight:700;letter-spacing:.06em}.guide-product-art figcaption a{color:var(--orange);font-size:12px;text-decoration:none}
.kit-look{--kit-muted:var(--km-muted);--kit-border:var(--km-border);--kit-panel:var(--km-panel)}
.kit-look .illustration-note{background:var(--km-panel);border-color:var(--km-border);color:var(--km-muted)}
.kit-look .stage-word{color:var(--paper)}.kit-look .stage-word span{color:var(--orange)}
.kit-look .product-name{font-family:Barlow,Arial,sans-serif;font-style:normal}
.kit-look .amazon-link{border-color:#777a74;border-radius:0;min-height:52px}.kit-look .amazon-link:hover{border-color:var(--orange);background:var(--km-raised)}
.site-page .affiliate-disclosure{border-left-color:var(--orange);color:var(--km-muted)}
/* Calculator: paper output, orange quantity, charcoal controls. */
.mix-tool-page .tool-intro{grid-template-columns:1.3fr 1fr}
.mix-tool-page .calculator{background:var(--km-panel);border-color:var(--km-border)}
.mix-tool-page .mix-form{padding:32px}.mix-tool-page .mix-form :is(input,select,option){background:var(--ink);border-color:#777a74;border-radius:0}
.mix-tool-page .mix-result{background:var(--paper);color:var(--ink);color-scheme:light;padding:32px}
.mix-tool-page .result-heading{border-color:#10111040;color:#555753}.mix-tool-page .result-label,.mix-tool-page .mix-result .mini-title{color:#555753}.mix-tool-page .result-heading>span:last-child,.mix-tool-page .result-note,.mix-tool-page .mixture-total span,.mix-tool-page .empty-result p{color:#555753}
.mix-tool-page .oil-result>output{color:#b8370e}.mix-tool-page .oil-result>span{color:var(--ink)}
.mix-tool-page .measure{border-color:#555753}.mix-tool-page .measure>span{background:var(--paper)}.mix-tool-page .measure-fill{background:#10111015}.mix-tool-page .oil-measure .measure-fill{background:var(--orange)}.mix-tool-page .measure i{background:repeating-linear-gradient(to bottom,transparent 0,transparent 12px,#10111055 12px,#10111055 13px)}
.mix-tool-page .mix-sign{color:#555753}.mix-tool-page .result-actions button{border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);min-height:48px;font-size:13px;font-weight:700}.mix-tool-page .result-actions button:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.mix-tool-page .empty-result>span{color:#10111080}.mix-tool-page .quick-amounts button{color:var(--paper);border-color:#777a74}.mix-tool-page .quick-amounts button:hover,.mix-tool-page .quick-amounts button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.mix-tool-page .fuel-warning{background:var(--km-panel);border:1px solid var(--orange);border-left-width:3px}.mix-tool-page .fuel-warning p{color:var(--km-muted)}.mix-tool-page .fuel-warning strong{color:var(--orange)}
.mix-tool-page :is(.mix-steps li,.table-wrap,.oil-shopping,.trail-cta){background:var(--km-panel);border-color:var(--km-border);border-radius:0}
.mix-tool-page .mix-steps svg{color:var(--orange)}
.oil-shop-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:24px 28px;margin-top:22px;border:1px solid var(--km-border);border-left:3px solid var(--orange);background:var(--km-panel)}
.oil-shop-strip .mini-title{color:var(--orange)}.oil-shop-strip p{font-size:14px;line-height:1.6;color:var(--km-muted);margin-top:7px;max-width:55ch}.oil-shop-strip small{display:block;max-width:44ch;font-size:11px;line-height:1.5;color:var(--km-muted);margin-top:10px}
.oil-shopping{border-top:3px solid var(--orange)!important}.oil-shopping .oil-shop-action{display:flex;margin-top:22px}.oil-shopping .amazon-link{display:block;max-width:210px;min-height:0;margin-top:22px}.oil-shopping .affiliate-note{margin-top:22px}.oil-shopping h3{font-size:26px}
/* The illustrated guide uses the same typography, chapters and action language. */
.ride-guide-page .hero-copy{max-width:1440px;padding:clamp(38px,5vw,72px) var(--pad)}
.ride-guide-page .hero-copy h1{font-size:var(--km-title)}.ride-guide-page .hero-copy .eyebrow{color:var(--paper)}
.ride-guide-page .hero-shade{background:linear-gradient(90deg,#101110ed,#101110ad 35%,#10111008 70%)}
.ride-guide-page .cream-section{background:var(--paper);color:var(--ink)}.ride-guide-page .cream-section h2{color:var(--ink)}
.ride-guide-page .cream-section .section-top>p{color:#555753}.ride-guide-page .cream-section .eyebrow{color:#b8370e}
.ride-guide-page .chapter-image,.ride-guide-page .planning-story figcaption,.ride-guide-page .packing-badge,.ride-guide-page .kit-card,.ride-guide-page .search-row input{border-radius:0}
.ride-guide-page .planning-story figcaption,.ride-guide-page .packing-badge{transform:none;box-shadow:none;margin-inline:0}
.ride-guide-page .motion-toggle,.ride-guide-page .lap-button{border-radius:0;font:700 12px/1.4 Barlow,Arial,sans-serif;letter-spacing:.02em;min-height:44px}
.ride-guide-page .lap-button{background:var(--paper);color:var(--ink);border:1px solid var(--paper)}
.ride-guide-page .kit-link-panel .kit-shop-link{display:flex;font-size:14px}.ride-guide-page .kit-link-panel p{color:var(--km-muted)}
.ride-guide-page .planning-step .route-action{font-size:12px;min-height:44px;padding:11px 14px;gap:12px}.ride-guide-page .search-row input{min-height:44px;font:400 15px/1.4 Barlow,Arial,sans-serif}
/* Support and legal reading widths follow the homepage grid, with readable lines. */
.info-page .policy-main{max-width:1440px;padding:0 var(--pad);margin:auto}
.info-intro{padding:clamp(38px,5vw,72px) 0 40px}
.info-page .info-intro h1{font-size:var(--km-title);margin:22px 0 26px;max-width:15ch}
.info-page .info-intro>.policy-intro{font-size:20px;line-height:1.5;color:var(--paper);max-width:60ch;margin:0}
.info-page .policy-main>section{border-color:var(--km-border);padding:48px 0;max-width:none}
.info-page .policy-main>section>p,.info-page .policy-main>section>ul,.info-page .policy-main>section>address{max-width:78ch;font-size:16px;line-height:1.75;color:var(--km-muted)}
.info-page .policy-main>section>h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:22px}
.info-page .policy-nav{display:flex;flex-wrap:wrap;gap:0;margin:30px 0 0;border-block:1px solid var(--km-border)}
.info-page .policy-nav a{padding:15px 22px 15px 0;margin-right:25px;min-height:52px;display:inline-flex;align-items:center;font:700 13px/1.4 Barlow,Arial,sans-serif;color:var(--paper);text-decoration:none}
.info-page .policy-nav a:hover{color:var(--orange)}
.info-page .policy-main a:not(.support-action):not(.text-link){text-underline-offset:4px;text-decoration-thickness:1px}
.info-page .policy-main .support-facts{border-color:var(--km-border);margin-top:30px}
.info-page .policy-main .support-action{color:var(--ink);font-size:13px}
.info-page .policy-main .model-cancellation{background:var(--km-panel);border:1px solid var(--km-border);padding:24px}
.info-page .support-email{font-family:Barlow,Arial,sans-serif;font-style:normal}
/* Checkout stays recognisably KidMoto all the way to Stripe. */
.checkout-page main{max-width:1440px;padding:clamp(38px,5vw,72px) var(--pad);grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px)}
.checkout-page .summary h1{font-size:var(--km-title);letter-spacing:-.015em;margin:22px 0 30px}
.checkout-page .summary h2{text-transform:none;font:700 24px/1.3 Barlow,Arial,sans-serif}
.checkout-page .summary p{color:var(--km-muted);font-size:15px;line-height:1.65}
.checkout-page .summary dl div{border-color:var(--km-border);padding-block:14px}
.checkout-page .panel{border:1px solid var(--km-border);border-top:3px solid var(--orange);border-radius:0;background:var(--km-panel);padding:30px}
.checkout-page .panel h2{text-transform:none;font:700 24px/1.3 Barlow,Arial,sans-serif;margin-top:0}
.checkout-page .panel input,.checkout-page .delivery-review{border-radius:0;border-color:#777a74;background:var(--ink);color:var(--paper)}
.checkout-page .panel .instructions-note{background:var(--km-raised);border-left-color:var(--orange)}
.checkout-page .panel button:disabled{cursor:wait;opacity:.6}
.checkout-page .delivery-review #edit-delivery{border-radius:0;font:700 12px/1.4 Barlow,Arial,sans-serif;background:transparent;color:var(--paper);border-color:#777a74}
.site-page .safety-summary{background:var(--km-panel);border-color:var(--orange);border-radius:0}
@media(max-width:1000px){.oil-shop-strip{grid-template-columns:1fr;gap:18px}.oil-shop-strip small{max-width:none}.site-header nav{gap:20px}.site-header .site-bike-link{padding-left:20px}.site-footer-bottom{align-items:flex-start}.site-footer-bottom>span{padding-top:12px;white-space:nowrap}}
@media(max-width:900px){.site-header .site-nav-link{display:none}.site-header .site-bike-link{padding-left:0;border:0}.site-footer-controls{gap:0 20px}.site-footer-bottom{flex-wrap:wrap;gap:0}.site-footer-bottom>span{padding:8px 0}.site-footer-controls{width:100%}}
@media(max-width:760px){:root{--pad:22px;--km-title:clamp(48px,11.5vw,72px);--km-heading:clamp(38px,8.8vw,50px);--km-section:44px}.site-header{min-height:76px;padding:13px var(--pad);gap:16px}.site-brand{width:143px;height:42px}.site-header nav>a{font-size:12px;gap:12px}.site-header .site-bike-link{margin:0}.site-bike-link>span{font-size:22px}.site-footer{padding:30px var(--pad) 25px}.site-footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:22px}.site-contact{font-size:14px;gap:10px}.site-footer-bottom{padding-top:14px}.site-footer-controls{gap:0 22px}.site-footer-controls>a,.site-footer-controls>button,.site-footer .cookie-preferences{font-size:13px;min-height:44px}.site-footer-links{font-size:13px;gap:2px 22px;margin-top:17px}.site-footer-links>a{min-height:38px}.site-footer .site-seller{font-size:12px;margin-top:16px}.site-page :is(.guide-hero,.essentials-hero,.tool-intro){padding-block:38px 30px;gap:22px}.site-page :is(.hero-intro,.intro-copy>p:not(.mini-title),.hero-deck){font-size:18px}.mix-tool-page .tool-intro{grid-template-columns:1fr}.site-page :is(.guide-section-heading,.gear-heading,.section-heading,.section-top){gap:20px;margin-bottom:26px}.site-page :is(.guide-action,.hero-cta,.primary-link,.oil-shop-action,.support-action,.kit-shop-link){padding:14px 18px;gap:20px;font-size:13px}.guide-product-art{padding:40px 12px 0}.guide-product-word{top:17px;left:17px;font-size:65px}.guide-product-art figcaption{gap:15px;padding-block:16px}.guide-product-art figcaption>span{font-size:9px}.guide-product-art figcaption a{font-size:11px}.oil-shop-strip{padding:22px 20px;margin-top:20px}.oil-shop-strip .oil-shop-action{display:flex}.oil-shop-strip p{font-size:13px}.mix-tool-page .mix-form,.mix-tool-page .mix-result{padding:24px}.ride-guide-page .hero-shade{background:linear-gradient(180deg,#101110ed,#101110ad 43%,#10111008 72%)}.ride-guide-page .hero-copy h1{max-width:11ch}.info-page .info-intro>.policy-intro{font-size:18px}.info-page .policy-main>section{padding-block:36px}.info-page .policy-main>section>h2{font-size:38px}.info-page .policy-nav a{font-size:12px;padding-right:12px;margin-right:15px}.checkout-page main{grid-template-columns:1fr;gap:30px}.checkout-page .panel{padding:24px}.checkout-page .summary dl{margin:24px 0}.checkout-page .summary h2,.checkout-page .panel h2{font-size:22px}}
@media(max-width:350px){:root{--km-title:44px;--km-heading:36px}.site-brand{width:127px;height:38px}.site-header{gap:12px}.site-header nav>a{gap:8px;font-size:11px}.site-footer-controls{gap:0 18px}.site-contact{font-size:13px}.guide-product-art figcaption{align-items:flex-start;flex-direction:column;gap:7px}.checkout-page .panel{padding:18px}.mix-tool-page .mix-form,.mix-tool-page .mix-result{padding:20px}}
@media(prefers-reduced-motion:reduce){.site-page *{scroll-behavior:auto}.site-header *,.site-footer *,.oil-shop-action{transition:none!important}}
@media print{.site-header,.site-footer,.oil-shop-strip{display:none!important}.mix-tool-page .mix-result{background:#fff;color:#111}.mix-tool-page .measure>span{background:#fff}.mix-tool-page .measure-fill{background:#ddd}}

@media print{.site-page{background:#fff;color:#111}.mix-tool-page main{padding:0}.mix-tool-page h2{color:#111;font-size:30px}.mix-tool-page .calculator{background:#fff}.mix-tool-page .table-wrap{background:#fff}.mix-tool-page .mix-result{padding:15px 0}}