.brand-shortcuts{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;margin:-4px 0 22px;padding:3px 2px 8px}.brand-shortcuts button{flex:0 0 auto;border:1px solid #30372830;background:transparent;padding:9px 14px;font-size:10px;min-height:38px}.brand-shortcuts button[aria-pressed=true]{border-color:var(--orange);background:#f9e0d588;color:#74331d}.tyre-configurator{margin:26px 0 30px;border:1px solid #252b2430;background:#f8f6ee;padding:32px;scroll-margin-top:105px}.tyre-configurator[hidden]{display:none}.tyre-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:24px}.tyre-heading h3{font:500 36px/1.1 var(--heading);letter-spacing:-.055em;margin:14px 0 0}.tyre-heading h3 span{color:#7a8171}.demo-stock-tag{font:9px var(--mono);border:1px solid #282e2430;padding:9px 12px;color:#7b4931;white-space:nowrap}.tyre-quantity{display:flex;gap:7px;align-items:center;margin:0 0 18px;font-size:11px}.tyre-quantity>span{margin-right:auto}.tyre-quantity button{background:transparent;border:1px solid var(--line);padding:9px 17px;min-height:42px;font-size:11px}.tyre-quantity button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.season-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.season-options button{background:#eeeee5;border:1px solid #30372825;padding:19px;display:grid;grid-template-columns:35px 1fr;gap:2px 12px;text-align:left;align-items:center;min-height:83px}.season-options button[aria-pressed=true]{border-color:var(--orange);background:#f9e0d54a;box-shadow:inset 0 -2px var(--orange)}.season-icon{grid-row:span 2;font-size:25px;color:var(--orange);line-height:1}.season-options strong{font-family:var(--heading);font-size:17px;font-weight:500;letter-spacing:-.025em}.season-options small{font-size:9px;color:#6a725f}.tyre-dimensions{display:grid;grid-template-columns:.75fr 1.4fr;gap:30px;background:#e8e8df;margin-bottom:24px;border:1px solid var(--line)}.tyre-visual{background:#202720;color:#e8e8df;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;min-height:310px}.tyre-visual svg{display:block;width:220px;max-width:100%;height:auto}.tyre-size-label{font:500 17px var(--mono);letter-spacing:-.045em;margin-top:14px;color:#f2f0e8;text-align:center}.tyre-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:26px 26px 22px 0;align-content:center}.tyre-fields .vehicle-field small{font-size:8px;color:#6f7767}.tyre-fields .vehicle-field select{font-family:var(--mono);font-size:15px}.fitment-note{grid-column:1/-1;font-size:10px;line-height:1.8;color:#6c7462;margin:0}.tyre-brand-title{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;margin-bottom:14px}.tyre-brand-title .eyebrow{font-size:9px}.tyre-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px}.tyre-brand{position:relative;border:1px solid #31382c30;background:transparent;padding:22px 18px;text-align:left;display:flex;flex-direction:column;gap:11px;min-height:150px}.tyre-brand[aria-pressed=true]{border-color:var(--orange);background:#f9e0d540;box-shadow:inset 0 -2px var(--orange)}.tyre-brand strong{font-family:var(--heading);font-size:19px;font-weight:500;letter-spacing:-.045em;padding-right:20px}.tyre-brand>b{font-family:var(--mono);font-size:22px;font-weight:500;letter-spacing:-.055em}.brand-check{position:absolute;right:15px;top:23px;font-size:14px;color:#879178}.tyre-brand[aria-pressed=true] .brand-check{color:var(--orange)}.tyre-brand small{font-size:9px;margin-top:auto;line-height:1.6}.in-stock{color:#476441}.on-order{color:#8d5932}.tyre-result{border-top:1px solid #252c242c}.tyre-availability{display:flex;gap:12px;align-items:flex-start;padding:21px 0}.stock-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#688159;flex-shrink:0;margin-top:5px}.tyre-availability.ordered .stock-light{background:var(--orange)}.tyre-availability strong{font-size:12px;font-weight:700;display:block}.tyre-availability span:not(.stock-light){font-size:10px;line-height:1.8;color:#69715e;display:block;margin-top:4px}.tyre-availability.waiting{display:block}.tyre-price{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #252c242c;padding:20px 0 8px;font-size:12px}.tyre-price small{display:block;font-size:9px;line-height:1.8;margin-top:5px;color:#6d7664}.tyre-price>strong{font-family:var(--mono);font-size:37px;letter-spacing:-.07em;font-weight:500;white-space:nowrap}.tyre-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0}.tyre-actions>a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.tyre-actions .button{font-size:11px}.tyre-footnote{font-size:9px;line-height:1.9;color:#727965;margin-top:17px;max-width:850px}.tyre-footnote a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.date-button:disabled{opacity:1;color:#9c9e92;border-color:#b7bcad55;background:repeating-linear-gradient(135deg,#e9e9df,#e9e9df 5px,#e3e4da 5px,#e3e4da 6px);cursor:not-allowed}.date-button:disabled span{font-size:7px}.booking-step .tyre-heading h3{font-size:27px}.booking-step .tyre-heading .section-index{font-size:7px}.booking-step .demo-stock-tag{font-size:7px;padding:7px 8px}.booking-step .season-options button{padding:13px;grid-template-columns:25px 1fr;gap:3px 8px;min-height:70px}.booking-step .season-options strong{font-size:14px}.booking-step .season-options small{font-size:8px}.booking-step .season-icon{font-size:22px}.booking-step .tyre-dimensions{grid-template-columns:.65fr 1.4fr;gap:17px}.booking-step .tyre-visual{min-height:260px;padding:15px}.booking-step .tyre-size-label{font-size:11px}.booking-step .tyre-fields{padding:20px 18px 17px 0;gap:14px 10px}.booking-step .tyre-fields select{font-size:13px}.booking-step .fitment-note{font-size:9px}.booking-step .tyre-brand{padding:17px 12px;min-height:125px}.booking-step .tyre-brand strong{font-size:15px}.booking-step .tyre-brand>b{font-size:19px}.booking-step .brand-check{top:17px;right:10px}.booking-step .tyre-brand small{font-size:8px}.booking-step .tyre-brand-title{font-size:8px}.booking-step .tyre-brand-title .eyebrow{font-size:8px}.booking-tyres-edit{padding:16px 0;border-top:1px solid var(--line);margin-bottom:8px}.booking-tyres-edit>summary{font-size:12px;cursor:pointer;line-height:1.7;padding:5px 0}.booking-tyres-edit[open]>summary{margin-bottom:23px}.appointment-tyres{padding:20px;background:#e8e8df;margin:19px 0;border-left:2px solid var(--orange);font-size:11px}.appointment-tyres>.eyebrow{font-size:8px;margin-bottom:13px}.appointment-tyres>strong{display:block;font-family:var(--heading);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.035em}.appointment-tyres p{font-size:10px;line-height:1.9;color:#626d59;margin-top:10px}.appointment-tyres button{margin-top:16px;font-size:10px;white-space:normal}.stock-manager{margin:25px 0 45px;border:1px solid var(--line);background:#f8f6ee}.stock-manager>details>summary{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;border-bottom:1px solid var(--line);list-style:none}.stock-manager>details>summary>span{font-family:var(--heading);font-size:23px;letter-spacing:-.045em;font-weight:500;display:flex;align-items:center;gap:12px}.stock-manager summary small{font-family:var(--mono);font-size:9px;color:#7a826c;white-space:nowrap}.stock-content{padding:0 26px 24px}.stock-content>p{font-size:11px;line-height:1.9;color:#68725e;max-width:800px;margin:22px 0}.stock-filters{display:grid;grid-template-columns:1fr 1.5fr .6fr;gap:15px;margin-bottom:25px;max-width:700px}.stock-filters .field{font-size:10px}.stock-filters select{min-height:44px;font-size:12px;background:#fffdf5}.stock-rows{border-top:1px solid var(--line)}.stock-row{display:grid;grid-template-columns:1.2fr .8fr 1fr .8fr;gap:22px;align-items:end;border-bottom:1px solid var(--line);padding:20px 0}.stock-row>div>strong{font-family:var(--heading);font-size:20px;font-weight:500;display:block;letter-spacing:-.035em}.stock-row>div small{display:block;font-family:var(--mono);font-size:9px;margin:5px 0}.stock-row>div span{display:block;font-size:10px;color:#68725e}.stock-row>label{display:flex;flex-direction:column;font-size:10px;gap:6px;line-height:1.5}.stock-row>label small{font-size:8px;opacity:.6}.stock-row input{background:#fffdf5;border:1px solid #333c2c40;min-width:0;width:100%;min-height:43px;padding:9px 12px;font-family:var(--mono);font-size:13px;color:var(--ink)}.stock-row button{font-size:10px;padding:10px 13px;min-height:43px}.stock-content .stock-calendar-note{font-size:9px;margin:21px 0 0}.booking-oil:empty{display:none}
@media(max-width:850px){.tyre-configurator{padding:25px}.tyre-dimensions{gap:22px;grid-template-columns:.7fr 1.3fr}.tyre-visual{padding:18px}.tyre-fields{padding:22px 20px 20px 0}.tyre-actions{align-items:stretch;flex-direction:column}.tyre-actions>a{padding:8px 0}.tyre-brand strong{font-size:16px}.tyre-heading h3{font-size:31px}.tyre-brand-title{font-size:9px}}
@media(max-width:720px){.brand-shortcuts{gap:6px;margin:0 0 19px}.brand-shortcuts button{padding:10px 13px;font-size:11px;min-height:44px}.vehicle-field select,.booking-step .vehicle-field select{font-size:16px;min-height:48px}.tyre-configurator{padding:22px 16px;margin-top:20px}.tyre-heading{display:block;margin-bottom:20px}.tyre-heading h3{font-size:31px}.demo-stock-tag{display:inline-block;font-size:8px;margin-top:17px}.tyre-quantity{font-size:11px}.tyre-quantity button{padding:10px 13px;min-height:44px}.season-options{gap:6px}.season-options button,.booking-step .season-options button{display:flex;flex-direction:column;padding:15px 6px;min-height:101px;text-align:center;justify-content:center;gap:9px}.season-options strong,.booking-step .season-options strong{font-size:15px}.season-options small,.booking-step .season-options small{font-size:8px;line-height:1.5}.season-icon,.booking-step .season-icon{font-size:24px}.tyre-dimensions,.booking-step .tyre-dimensions{display:block}.tyre-visual,.booking-step .tyre-visual{min-height:0;padding:18px;position:relative;flex-direction:row;gap:16px;justify-content:flex-start}.tyre-visual svg{width:100px}.tyre-size-label,.booking-step .tyre-size-label{font-size:14px;text-align:left;max-width:145px;line-height:1.8;margin:0}.tyre-fields,.booking-step .tyre-fields{padding:20px 16px;gap:17px 12px}.tyre-fields .vehicle-field>span{font-size:10px}.tyre-fields .vehicle-field select,.booking-step .tyre-fields select{font-size:16px}.fitment-note,.booking-step .fitment-note{font-size:9px}.tyre-brands{grid-template-columns:1fr 1fr;gap:8px}.tyre-brand,.booking-step .tyre-brand{padding:18px 12px;min-height:144px;gap:13px}.tyre-brand strong,.booking-step .tyre-brand strong{font-size:16px;padding-right:15px}.brand-check,.booking-step .brand-check{right:10px;top:20px;font-size:12px}.tyre-brand>b,.booking-step .tyre-brand>b{font-size:23px}.tyre-brand small,.booking-step .tyre-brand small{font-size:9px}.tyre-brand-title{display:block}.tyre-brand-title>span:last-child{display:block;font-size:9px;margin-top:8px}.tyre-availability strong{font-size:11px}.tyre-availability span:not(.stock-light){font-size:10px}.tyre-price{align-items:flex-start;flex-direction:column;gap:13px;font-size:12px}.tyre-price small{font-size:9px}.tyre-price>strong{font-size:34px}.tyre-actions{gap:13px;margin-top:20px}.tyre-actions .button{font-size:11px;padding:15px 12px;white-space:normal}.tyre-footnote{font-size:9px}.booking-step .tyre-heading h3{font-size:27px}.booking-step .demo-stock-tag{font-size:8px}.appointment-tyres{padding:17px}.appointment-tyres>strong{font-size:16px}.appointment-tyres p{font-size:10px}.stock-manager>details>summary{display:block;padding:21px 17px}.stock-manager>details>summary>span{font-size:23px;line-height:1.2;align-items:baseline}.stock-manager summary small{font-size:8px;display:block;margin:12px 0 0 19px}.stock-content{padding:0 17px 21px}.stock-content>p{font-size:11px}.stock-filters{grid-template-columns:1fr 1.4fr;gap:14px 10px}.stock-filters .field{font-size:10px}.stock-filters select{font-size:15px;min-height:46px}.stock-filters .field:last-child{grid-column:1/-1}.stock-row{grid-template-columns:1fr 1fr;gap:16px 12px;padding:23px 0}.stock-row>div{grid-column:1/-1}.stock-row>div>strong{font-size:21px}.stock-row>div small{font-size:10px}.stock-row>div span{font-size:11px}.stock-row>label{font-size:11px}.stock-row input{font-size:16px;min-height:46px}.stock-row button{grid-column:1/-1;font-size:11px;min-height:46px}.stock-content .stock-calendar-note{font-size:9px}}


.tyre-fields .vehicle-field{grid-column:auto}