/* Shopping controls share CKCP's restrained storefront typography and palette. */
@font-face{font-family:CKCP Manrope;src:url('fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
.cs-page,.cs-product-actions,.cs-header-tools,.pd-mobile-dock[data-shop-product]{--cs-paper:#f8f8f5;--cs-ink:#202321;--cs-muted:#59635b;--cs-line:#d5dcd0;--cs-dark:#171b19;--cs-soft:#edf0e9;--cs-accent:#536749;--cs-focus:#607953}
.cs-page{margin:0;background:var(--cs-paper);color:var(--cs-ink);font:400 16px/1.7 'CKCP Manrope','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cs-page *,.cs-product-actions *,.cs-header-tools *{box-sizing:border-box}
.cs-page :is(h1,h2,h3,p,figure,dl,dd,ul){margin:0}
.cs-page :is(h1,h2,h3){font-weight:500;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}
.cs-page :is(a,button,input),.cs-product-actions :is(a,button,input),.cs-header-tools a{font:inherit}
.cs-page a{color:inherit;text-underline-offset:4px}
.cs-page button,.cs-product-actions button{cursor:pointer;border-radius:0}
.cs-page button:disabled,.cs-product-actions button:disabled{cursor:not-allowed;opacity:.65}
.cs-page img{display:block;max-width:100%}
.cs-page [hidden],.cs-product-actions [hidden],.cs-header-tools [hidden]{display:none!important}
.cs-page :is(a,button,input,summary):focus-visible,.cs-product-actions :is(a,button,input):focus-visible,.cs-header-tools a:focus-visible{outline:2px solid var(--cs-focus);outline-offset:4px}
.cs-shell{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}
.cs-masthead{background:var(--cs-dark);color:#f4f5ef}
.cs-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.cs-brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;text-decoration:none}
.cs-brand img{display:block;width:160px;height:auto;object-fit:contain}
.cs-brand>strong{font-size:30px;line-height:1.1;letter-spacing:-1px}
.cs-brand>span{display:block;font-size:14px;line-height:1.5;color:#e0e5da}
.cs-header-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 30px}
.cs-header-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:16px}
.cs-header-nav a:hover{text-decoration:underline}
/* One quiet utility group: icons, plain labels and a count that stays aligned. */
.cs-header-tools{display:flex;align-items:center;gap:4px;flex-shrink:0;color:#edf0e9;font-size:15px;line-height:1.4}
.cs-header-tools .cs-header-tool{position:relative;display:inline-grid;grid-template-columns:22px auto minmax(22px,auto);align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:48px;padding:10px;border:1px solid transparent;border-radius:2px;color:inherit!important;text-decoration:none!important;white-space:nowrap;transition:background-color .16s,border-color .16s}
.cs-header-tool-icon{display:block;width:22px;height:22px;flex-shrink:0;color:#e4e8e0;stroke-width:1.5;overflow:visible}
.cs-header-tool-label{display:block;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0}
.cs-header-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #d6ddd0;border-radius:12px;background:#e6ebdf;color:#20281d;font-size:14px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.cs-header-count.is-zero{border-color:#697267;background:transparent;color:#d3dacd;font-weight:400}
.cs-header-tools .cs-header-tool:is(.is-current,[aria-current=page]){background:#ffffff0a;border-color:#64705f}
.cs-header-tools .cs-header-tool:is(.is-current,[aria-current=page]) .cs-header-tool-label{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.cs-header-tools .cs-header-tool:focus-visible{outline:2px solid #dce5d2;outline-offset:3px;background:#ffffff0d}
.cs-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;flex-shrink:0}
.cs-header-actions>.cs-header-tools{padding-right:18px;border-right:1px solid #485044}
.cs-header-actions>:is(.pd-header-contact,.vs-contact-link){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #6c7567;color:#e7ece2;font-size:15px;font-weight:400;line-height:1.5;text-decoration:none;white-space:nowrap}
.cs-header-actions>:is(.pd-header-contact,.vs-contact-link):focus-visible{outline:2px solid #dce5d2;outline-offset:4px}
@media(hover:hover){.cs-header-tools .cs-header-tool:hover{background:#ffffff09;border-color:#4d5847}.cs-header-actions>:is(.pd-header-contact,.vs-contact-link):hover{background:#ffffff08;border-color:#a6b19d}}
.cs-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:18px 56px;padding-block:56px 36px;border-bottom:1px solid var(--cs-line)}
.cs-intro h1{grid-column:1;font-size:44px;max-width:20ch}
.cs-intro p{max-width:55ch;color:var(--cs-muted);font-size:16px;line-height:1.75}
.cs-intro .cs-eyebrow{grid-column:1/-1;font-size:14px;font-weight:500;letter-spacing:.08em}
.cs-intro .cs-mode{grid-column:1/-1;max-width:none;font-size:14px;padding-top:10px}
.cs-intro>div>p{margin-top:14px}
.cs-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--cs-line);margin-top:24px}
.cs-tabs button{min-height:54px;padding:12px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--cs-muted);font-size:16px}
.cs-tabs :is([aria-selected=true],[aria-current=page],.is-active){border-bottom-color:var(--cs-ink);color:var(--cs-ink);font-weight:600}
.cs-notice{margin-top:22px!important;padding:14px 18px;border-left:2px solid #829374;background:var(--cs-soft);font-size:14px;line-height:1.7;color:#3f4f36}
.cs-notice:empty{display:none}
.cs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:64px;align-items:start;padding-block:32px 56px}
.cs-layout.cs-layout--saved{grid-template-columns:minmax(0,1fr)}
.cs-lines{min-width:0}
.cs-line{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px 24px;padding:26px 0;border-bottom:1px solid var(--cs-line);align-items:start}
.cs-line:first-child{padding-top:0}
.cs-line-image{width:116px;height:116px;aspect-ratio:1;object-fit:contain;border:1px solid #e2e6dc;background:#fff}
.cs-line>a:has(.cs-line-image){display:block;text-decoration:none}
.cs-line-body{min-width:0}
.cs-line-title{display:inline-block;color:var(--cs-ink);font-size:20px!important;font-weight:500;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.cs-line-title:hover{text-decoration:underline}
.cs-line-vehicle{color:var(--cs-muted);font-size:14px;line-height:1.65;margin-top:8px!important}
.cs-line-price{margin-top:8px!important;font-size:17px;line-height:1.6;font-variant-numeric:tabular-nums}
.cs-line-price small{display:block;font-size:14px;color:var(--cs-muted)}
.cs-line-subtotal{margin-top:6px!important;font-size:14px;line-height:1.65;color:var(--cs-muted);font-variant-numeric:tabular-nums}
.cs-line-image-link{display:block;min-width:0;text-decoration:none}
.cs-line-controls{grid-column:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 22px;min-width:0}
.cs-quantity-stepper{display:flex;align-items:stretch;min-height:44px;border:1px solid #abb6a5;background:transparent;width:fit-content;max-width:100%}
.cs-quantity-step{width:44px;min-width:44px;min-height:44px;padding:4px;border:0;background:transparent;color:var(--cs-ink);font-size:21px!important;line-height:1}
.cs-quantity-step:hover{background:var(--cs-soft)}
.cs-line-quantity{width:50px;min-width:0;min-height:44px;margin:0;border:0;border-inline:1px solid var(--cs-line);border-radius:0;background:#fff;color:var(--cs-ink);text-align:center;font-size:16px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.cs-line-quantity::-webkit-inner-spin-button,.cs-line-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cs-line-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px}
.cs-text-button{min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--cs-muted);font-size:14px!important;line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:4px}
.cs-text-button:hover{color:var(--cs-ink)}
.cs-summary{padding:28px;background:var(--cs-soft);border-top:2px solid #89967f;min-width:0}
.cs-summary h2{font-size:24px;margin-bottom:24px}
.cs-summary-total{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:20px;border-bottom:1px solid #cdd5c5;font-size:16px}
.cs-summary-total strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.025em}
.cs-summary-note{font-size:14px;line-height:1.75;color:var(--cs-muted);margin-block:18px!important}
.cs-button,.cs-primary,.cs-secondary,.cs-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid var(--cs-ink);border-radius:0;background:var(--cs-ink);color:#fff;font-size:16px!important;font-weight:500;line-height:1.5;text-align:center;text-decoration:none!important;transition:background-color .16s,border-color .16s,color .16s}
.cs-button:hover,.cs-primary:hover{background:#364032;border-color:#364032}
.cs-page a.cs-button{color:#fff}
.cs-secondary,.cs-save,.cs-button.cs-secondary,.cs-page a.cs-button.cs-secondary{background:transparent;color:var(--cs-ink);border-color:#aeb9a7}
.cs-secondary:hover,.cs-save:hover,.cs-button.cs-secondary:hover{background:#e9eee3;border-color:#839377}
.cs-save[aria-pressed=true]{background:#e3eadc;border-color:#8a9b7c;color:#35462c}
.cs-summary>.cs-button,.cs-summary>[data-shop-review]{width:100%;margin-top:12px}
.cs-summary>.cs-secondary{margin-top:12px}
.cs-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
.cs-storage-notice{margin-top:14px!important;font-size:14px;line-height:1.7;color:#59635b}.cs-storage-notice>.cs-text-link{margin:0 0 0 .35em}
.cs-empty{text-align:center;padding:65px 24px 80px;border-bottom:1px solid var(--cs-line)}
.cs-empty-title{font-size:28px;line-height:1.25}
.cs-empty-copy{max-width:46ch;margin:18px auto 24px!important;color:var(--cs-muted);font-size:16px;line-height:1.75}
.cs-empty .cs-button{min-width:210px}
.cs-review-panel{margin-block:0 60px;padding:36px;border:1px solid #c3cdbb;background:#fff;scroll-margin-top:30px}
.cs-review-title{font-size:30px}
.cs-review-note{max-width:68ch;margin-top:16px!important;color:var(--cs-muted);font-size:16px;line-height:1.75}
.cs-review-list{list-style:none;padding:0;margin-block:24px!important}
.cs-review-line{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:17px 0;border-bottom:1px solid var(--cs-line);font-size:16px}
.cs-review-line:first-child{border-top:1px solid var(--cs-line)}
.cs-review-line>span:first-child{flex:1;min-width:200px}
.cs-review-line small{display:block;font-size:14px;color:var(--cs-muted)}
.cs-review-line>span:last-child,.cs-review-line>strong{font-variant-numeric:tabular-nums}
.cs-review-product{flex:1;min-width:0}
.cs-review-product .cs-line-title{font-size:18px!important}
.cs-review-line>strong{white-space:nowrap;font-weight:500}
.cs-review-total{display:flex;justify-content:space-between;gap:24px;font-size:20px;font-variant-numeric:tabular-nums;margin-bottom:24px!important}
.cs-review-total strong{font-weight:500}
.cs-footer{border-top:1px solid var(--cs-line);padding-block:30px 44px;margin-top:12px;font-size:14px;color:var(--cs-muted)}
.cs-footer .cs-shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px}
.cs-footer a{display:inline-flex;align-items:center;min-height:44px}
.cs-product-actions{padding-block:6px 24px;margin-bottom:24px;border-bottom:1px solid var(--cs-line);color:var(--cs-ink);font-size:16px;line-height:1.6}
.cs-purchase-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:end}
.cs-quantity{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--cs-muted)}
.cs-quantity input{width:100%;min-height:52px;padding:10px 12px;border:1px solid #acb5a5;border-radius:0;background:#fff;color:var(--cs-ink);font-size:16px;text-align:center;font-variant-numeric:tabular-nums}
.cs-purchase-row .cs-primary{width:100%;min-height:52px}
.cs-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.cs-secondary-actions>*{min-width:0;padding-inline:12px}
.cs-product-actions .cs-save{border-color:#c1c9b9}
.cs-product-actions .cs-save[aria-pressed=true]{background:#e7ecdf;border-color:#788c68;color:#35462c}
.cs-product-actions>.cs-save{min-width:180px}
.cs-product-actions .cs-status a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.cs-product-actions .cs-status a:focus-visible{outline-offset:2px}
.cs-page [data-shop-account-actions]{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:14px}
.cs-page [data-shop-account-actions]>.cs-notice{width:100%;margin-top:0!important}
.cs-product-actions .cs-mode{font-size:14px;line-height:1.65;color:var(--cs-muted);margin-top:14px}
.cs-product-actions .cs-status{font-size:14px;line-height:1.65;color:#415835;margin-top:8px;min-height:0}
.cs-product-actions .cs-status:empty{display:none}
.cs-product-actions .cs-status[data-error=true],.cs-notice[data-error=true]{color:#833728}
.cs-dock-status{grid-column:1/-1;font-size:14px;line-height:1.5;color:#415835;margin:0}
.cs-dock-status:empty{display:none}
@media(min-width:901px){.cs-summary{position:sticky;top:24px}}
@media(min-width:701px) and (max-width:1200px){.vs-header>.cs-header-actions{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:1100px){.cs-shell{width:calc(100% - 64px)}.cs-layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(260px,310px)}.cs-header{flex-wrap:wrap}.cs-header-nav{gap:8px 22px}.cs-line{grid-template-columns:98px minmax(0,1fr);gap:16px 20px}.cs-line-image{width:98px;height:98px}.cs-summary{padding:24px}}
@media(max-width:900px){.cs-layout{grid-template-columns:1fr;gap:32px}.cs-summary{position:static}.cs-intro{display:block}.cs-intro h1{margin-top:14px}.cs-intro>p{margin-top:18px}.cs-line-controls{justify-content:flex-start;gap:8px 28px}}
@media(max-width:760px){
  .cs-shell{width:calc(100% - 40px)}
  .cs-header{min-height:88px;gap:10px 18px;padding-block:14px}
  .cs-brand img{width:140px}.cs-brand>span{font-size:14px}
  .cs-header-nav{width:100%;gap:4px 24px;border-top:1px solid #475143;padding-top:6px}
  .cs-header-nav a{font-size:15px}
  .cs-header-tools{gap:4px}
  .cs-header-tools .cs-header-tool{grid-template-columns:22px minmax(20px,auto);gap:3px 4px;min-width:62px;min-height:60px;padding:6px}
  .cs-header-tool-label{grid-column:1/-1;grid-row:2;justify-self:center;font-size:14px;line-height:1.35}
  .cs-header-count{min-width:20px;height:20px;padding-inline:4px;font-size:14px}
  .cs-header-actions{gap:0}
  .cs-header-actions>.cs-header-tools{padding-right:0;border-right:0}
  .pd-header:has(>.cs-header-actions),.vs-header:has(>.cs-header-actions){column-gap:12px}
  .pd-header>.cs-header-actions>.pd-header-contact,.vs-header>.cs-header-actions>.vs-contact-link{display:none}
  .cs-intro{padding-block:34px 26px}.cs-intro h1{font-size:32px}.cs-intro p{font-size:16px}
  .cs-tabs{margin-top:12px;gap:26px}.cs-tabs button{min-height:52px}
  .cs-notice{padding:12px 14px;font-size:14px}
  .cs-layout{padding-block:26px 38px;gap:30px}
  .cs-line{grid-template-columns:82px minmax(0,1fr);gap:15px 16px;padding-block:22px}
  .cs-line-image{width:82px;height:82px}
  .cs-line-title{font-size:18px!important;line-height:1.45}
  .cs-line-vehicle{margin-top:6px!important}
  .cs-line-price{font-size:16px;margin-top:6px!important}
  .cs-line-controls{grid-column:1/-1;justify-content:space-between;gap:8px 20px}
  .cs-line-actions{gap:4px 16px}
  .cs-quantity-step{width:44px;min-width:44px}.cs-line-quantity{width:44px}
  .cs-summary{padding:24px 20px}.cs-summary h2{font-size:24px}
  .cs-summary-total strong{font-size:24px}
  .cs-empty{padding:44px 0 56px}.cs-empty-title{font-size:25px}
  .cs-review-panel{padding:24px 20px;margin-bottom:40px}.cs-review-title{font-size:26px}
  .cs-review-line{display:block}.cs-review-line>span:last-child,.cs-review-line>strong{display:block;margin-top:6px}
  .cs-footer{padding-block:24px 36px}.cs-footer .cs-shell{display:block}.cs-footer a{margin-top:10px}
  .cs-product-actions{margin-bottom:20px;padding-bottom:20px}
  .cs-purchase-row{grid-template-columns:80px minmax(0,1fr);gap:12px}
  .cs-secondary-actions{gap:10px}.cs-secondary-actions>*{padding-inline:9px}
  .pd-mobile-dock[data-shop-product]>.cs-primary{min-height:44px;padding:10px 12px;width:100%;font-size:15px!important}
  .pd-mobile-dock[data-shop-product]>.cs-primary:focus-visible{outline:2px solid var(--cs-focus);outline-offset:3px}
  .pd-mobile-dock[data-shop-product]>.cs-dock-status{font-size:14px}
}
@media(max-width:360px){.cs-secondary-actions{grid-template-columns:1fr}.cs-header-tools{gap:0}.cs-header-tools .cs-header-tool{min-width:56px;padding-inline:3px}.cs-line-controls{display:grid;justify-content:start}.cs-shell{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.cs-button,.cs-primary,.cs-secondary,.cs-save,.cs-header-tools .cs-header-tool{transition:none}}

.cs-tabs>a{display:inline-flex;align-items:center;min-height:54px;text-decoration:none;padding:12px 0}
.cs-native-purchase{margin-bottom:18px}.cs-native-purchase>.cs-secondary{width:100%;margin-top:12px}.cs-native-price{font-size:24px;line-height:1.5;margin-bottom:18px!important}.cs-native-price small{display:block;font-size:14px}.cs-native-purchase .cs-purchase-row{align-items:end}
