:root{--picker-ease:cubic-bezier(.23,1,.32,1)}.ts-wrapper{width:100%;font-family:Manrope,Arial,sans-serif;font-size:13px;min-width:0}.ts-wrapper.single .ts-control,.ts-control{border:1px solid #3037282a;background:#fffdf6;box-shadow:0 2px 4px #20242003;border-radius:12px;min-height:54px;padding:15px 39px 15px 15px;line-height:1.6;color:var(--ink);align-items:center;gap:0}.ts-control,.ts-control input,.ts-dropdown{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:0}.ts-control input{margin:0!important;color:var(--ink);font-size:13px}.ts-wrapper.single .ts-control:after{border:0!important;content:"";width:7px;height:7px;right:18px;top:23px;margin:0;border-right:1.5px solid #57604f!important;border-bottom:1.5px solid #57604f!important;transform:rotate(45deg);transition:transform 160ms ease}.ts-wrapper.single.dropdown-active .ts-control:after{transform:rotate(225deg);top:27px}.ts-wrapper.focus .ts-control,.ts-wrapper.dropdown-active .ts-control{border-color:var(--orange);box-shadow:0 0 0 3px #e7653810;background:#fffdf9}.ts-wrapper.single .ts-control>.item{min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-wrapper.disabled .ts-control{opacity:.48;background:#e9eae1;cursor:not-allowed}.ts-dropdown{margin:7px 0 0;background:#fffdf9;border:1px solid #d9ded0;box-shadow:0 16px 45px #20242022;border-radius:13px;padding:7px;overflow:hidden;z-index:150;line-height:1.6}.ts-dropdown-content{max-height:270px;padding:0;scrollbar-width:thin;overscroll-behavior:contain}.ts-dropdown .option,.ts-dropdown [data-selectable].option{border-radius:8px;min-height:43px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.5;color:#273023}.ts-dropdown .option.active{background:#ebece1;color:#202420}.ts-dropdown .option.selected{background:#f9e0d56b;color:#a04624}.ts-dropdown .option .highlight{background:transparent;font-weight:700;color:#b34722}.picker-tick{font-size:13px;color:var(--orange);opacity:0}.option.selected .picker-tick{opacity:1}.picker-empty{padding:16px 12px;color:#737d68;font-size:12px}.keyboard-nav .ts-dropdown{animation:none}.ts-wrapper .ts-control>input::placeholder{color:#8a9382}.vehicle-field>span{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:0;margin-bottom:10px}.vehicle-field>span i{font-family:var(--mono);font-size:8px}.vehicle-field>input[type=number]{width:100%;min-height:54px;background:#fffdf6;border:1px solid #3037282a;border-radius:12px;padding:13px 15px;font-family:Manrope,Arial,sans-serif;font-size:14px}.brand-shortcuts{gap:8px;margin:4px 0 24px}.brand-shortcuts button{border-radius:30px;font-size:10px;padding:9px 15px;min-height:38px}.brand-shortcuts button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.service-portal{background:#e8e8de;color:var(--ink);position:relative;overflow:clip}.service-portal .section-heading{margin-bottom:38px}.service-portal .section-heading h2{font-size:clamp(36px,4.7vw,66px);font-family:var(--heading);font-weight:500;letter-spacing:-.06em;line-height:1.09;max-width:800px}.portal-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:5%;align-items:stretch}.portal-layout .car-stage{aspect-ratio:1.5;min-height:0;border:1px solid #3d453328;border-radius:3px}.portal-detail{display:flex;flex-direction:column;justify-content:center;padding:24px 0;min-height:0}.portal-detail h3{font:500 32px/1.12 var(--heading);letter-spacing:-.05em;margin:15px 0 17px;max-width:330px}.portal-kicker{font:9px var(--mono);letter-spacing:.03em;color:#8a4c2c}.portal-detail>p{font-size:12px;line-height:1.9}.portal-detail ul{list-style:none;padding:0;margin:20px 0 28px}.portal-detail li{font-size:10px;line-height:1.8;padding:7px 0;border-bottom:1px solid #252b2420;display:flex;align-items:baseline;gap:10px}.portal-detail li:before{content:"+";color:var(--orange)}.portal-detail .button{align-self:flex-start;font-size:11px;gap:26px;white-space:normal}.portal-path{font:8px var(--mono);color:#79816b;line-height:1.8;margin-top:17px}.portal-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.portal-routes>a{position:relative;display:flex;align-items:center;gap:17px;padding:26px 21px;background:#f3f1e9;border:1px solid #31382c25;min-height:112px;border-radius:3px}.portal-routes>a>span{font:9px var(--mono);color:#8b947d;align-self:flex-start;margin-top:4px}.portal-routes>a h3{font:500 24px var(--heading);letter-spacing:-.045em;margin:0 0 6px}.portal-routes>a p{font-size:10px;color:#748066;line-height:1.8;max-width:200px}.portal-routes>a>b{font-weight:400;color:var(--orange);font-size:25px;margin-left:auto}.portal-routes>a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 250ms var(--camera-ease)}.portal-routes>a[aria-current=true]:after{transform:scaleX(1)}.portal-foot{display:flex;justify-content:space-between;gap:22px;margin-top:24px;font-size:10px;color:#727e64;line-height:1.8}.portal-foot a{color:#384332;text-decoration:underline;text-underline-offset:4px}.config-main{max-width:1500px;margin:auto;padding:120px 5.5% 45px}.config-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 40px}.config-topline a{font-size:11px;color:#68765a}.config-topline>span{font:8px var(--mono);color:#8d957f;letter-spacing:.03em}.config-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.config-heading .section-index{font-size:8px;margin-bottom:19px;color:#7d886f}.config-heading h1{font-family:var(--heading);font-size:clamp(38px,4.5vw,64px);line-height:1.1;font-weight:500;letter-spacing:-.06em;max-width:900px}.config-heading p{font-size:12px;line-height:1.9;color:#737e66;margin-top:18px}.config-car-chip{font:9px/1.8 var(--mono);padding:13px 18px;background:#e8e9de;border:1px solid #222a1b20;border-radius:30px;color:#60744c;white-space:nowrap;flex-shrink:0}.config-flow-nav{display:flex;gap:5px;align-items:center;padding:5px;background:#e6e8dc;border:1px solid #313a2720;border-radius:50px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:32px}.config-flow-nav a{padding:11px 25px;border-radius:40px;font-size:11px;white-space:nowrap}.config-flow-nav a[aria-current=page]{background:var(--ink);color:var(--paper);box-shadow:0 2px 3px #20242010}.config-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:28px;align-items:start}.config-content{min-width:0}.config-main .vehicle-configuration{padding:29px;background:#f8f6ee;margin-bottom:24px;border-radius:5px}.config-main .vehicle-heading{margin-bottom:22px;align-items:start;gap:20px}.config-main .vehicle-heading h3{font-size:27px;margin-top:13px;line-height:1.2;max-width:370px}.config-main .vehicle-heading .section-index{font-size:8px}.remembered-badge{font-size:8px;line-height:1.8;text-align:right;color:#7a856d;max-width:140px;display:block}.config-main .vehicle-fields{grid-template-columns:1fr 1fr;gap:19px 14px;margin:0}.vehicle-retained{font-size:10px;color:#60714d;margin:19px 0 0}.config-main .catalog-note{margin-top:13px}.config-main .catalog-note summary{font-size:9px}.config-options{padding:29px;border:1px solid var(--line);background:#f8f6ee;border-radius:5px}.config-options>header{margin-bottom:26px}.config-options>header .section-index{font-size:8px;margin-bottom:15px}.config-options>header h2{font-family:var(--heading);font-size:29px;font-weight:500;letter-spacing:-.05em;line-height:1.2}.config-summary{position:sticky;top:108px;max-height:calc(100svh - 128px);overflow-y:auto;scrollbar-width:thin;background:#202720;color:#f2f0e8;padding:29px 25px;border-radius:5px}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-top .eyebrow{font:8px var(--mono);letter-spacing:0;color:#a4b395}.summary-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e7653815}.config-summary h2{font-family:var(--heading);font-size:35px;line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:27px 0 21px}.summary-vehicle{font-size:10px;line-height:1.9;color:#c7d1ba;border-bottom:1px solid #b3c29d25;padding-bottom:19px;margin-bottom:18px}.summary-services{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.summary-services span{font-size:8px;padding:6px 9px;border:1px solid #b3c29d33;border-radius:20px;color:#c7d1ba}.config-summary .quote-line{font-size:9px;padding:11px 0;gap:13px;border-color:#b3c29d25;line-height:1.8;color:#c3ccb9}.config-summary .quote-line>span:last-child{font-family:var(--mono);font-size:10px;color:#f2f0e8}.summary-pending{font-size:11px;line-height:1.8;color:#b3bea4;padding:4px 0 25px}.summary-amount{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #b3c29d40;padding:20px 0 0;margin-top:12px}.summary-amount>span{font-size:10px;line-height:1.8}.summary-amount small{display:block;font-size:8px;color:#9dab8c}.summary-amount strong{font-family:var(--mono);font-weight:500;font-size:29px;letter-spacing:-.07em;white-space:nowrap}.summary-duration{font-size:9px;line-height:1.8;color:#9dab8c;margin:13px 0 23px}.config-summary .button{font-size:11px;padding:16px 14px;gap:25px;white-space:normal}.summary-footnote{font-size:8px;line-height:1.9;color:#96a584;margin-top:16px}.config-summary .tyre-availability{padding:17px 0 7px}.config-summary .tyre-availability strong{font-size:10px;color:#d6ddcc}.config-summary .tyre-availability span:not(.stock-light){font-size:8px;color:#a2b18f}.config-main .tyre-configurator{border:0;padding:0;margin:0;background:transparent}.config-main .tyre-heading{display:block}.config-main .tyre-heading h3{font-size:29px}.config-main .tyre-heading .section-index{display:none}.config-main .demo-stock-tag{display:inline-block;margin-top:15px;font-size:8px}.config-main .tyre-dimensions{grid-template-columns:.7fr 1.2fr;gap:20px}.config-main .tyre-fields{padding:21px 18px 20px 0;gap:16px 10px}.config-main .tyre-fields .vehicle-field>span{font-size:9px}.config-main .tyre-brands{grid-template-columns:repeat(2,1fr)}.config-main .tyre-actions{display:none}.config-main .tyre-brand-title{display:block}.config-main .tyre-brand-title>span:last-child{display:block;margin-top:7px;font-size:9px}.config-main .tyre-brand{min-height:135px}.config-main .tyre-brand strong{font-size:17px}.config-main .tyre-visual{padding:20px 16px;min-height:270px}.config-main .tyre-size-label{font-size:12px}.config-main .tyre-visual svg{width:150px}.config-main .tyre-fields .fitment-note{font-size:9px}.config-main .tyre-price strong{font-size:30px}.maintenance-simulation>div:first-child>.eyebrow{font-size:8px}.maintenance-simulation h3{font:500 25px/1.2 var(--heading);letter-spacing:-.05em;margin:14px 0}.maintenance-simulation p{font-size:11px;color:#727c66;line-height:1.9;max-width:650px}.manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.technical-match{font-size:10px;color:#738163;line-height:1.8;margin-bottom:18px}.config-main .oil-result{display:block;padding:23px;border-radius:3px}.config-main .oil-spec{position:relative;margin-bottom:23px}.config-main .oil-spec>strong{font-size:43px;margin-top:20px}.config-main .oil-facts{position:absolute;right:0;top:14px;display:flex;flex-direction:column;gap:17px;margin:0}.config-main .oil-approval{max-width:68%;font-size:8px}.config-main .oil-facts b{font-size:14px}.config-main .oil-calculation .quote-line{font-size:10px}.config-empty{padding:24px;background:#e9eadd;border-radius:4px;line-height:1.8}.config-empty>span,.config-empty h3{font-family:var(--heading);font-size:25px;font-weight:500;letter-spacing:-.04em}.config-empty p{font-size:12px;color:#707d62;margin-top:10px}.config-empty strong{display:block;font-family:var(--mono);font-size:24px;margin-top:20px}.brake-product{background:#e8e8df;border:1px solid #26301e1a;border-radius:4px;overflow:hidden}.brake-product img{width:100%;max-height:270px;object-fit:cover}.brake-product>div{padding:24px}.brake-product .eyebrow{font-size:8px}.brake-product h3{font:500 27px/1.2 var(--heading);letter-spacing:-.05em;margin:16px 0}.brake-product p{font-size:11px;line-height:1.9;color:#6a785b}.brake-product strong{font:500 26px var(--mono);display:block;margin-top:20px;letter-spacing:-.04em}.brake-product strong small{font:9px Manrope,sans-serif;color:#738163;letter-spacing:0}.config-extras{margin-top:28px;border-top:1px solid var(--line);padding:19px 0 0}.config-extras summary{font-size:11px;cursor:pointer;min-height:35px;padding:5px 0}.config-extras #service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.config-service-choice{display:flex;align-items:center;text-align:left;gap:10px;background:transparent;padding:12px;border:1px solid var(--line);border-radius:7px;min-height:55px;font-size:10px}.config-service-choice span{color:#8d9c7a;font-size:15px;font-weight:400}.config-service-choice b{font-size:10px;font-weight:500}.config-service-choice[aria-pressed=true]{border-color:var(--orange);background:#f9e0d538}.config-service-choice[aria-pressed=true] span{color:var(--orange)}.config-demo-note{font-size:10px;line-height:1.9;color:#7d896e;max-width:900px;margin-top:26px}.config-demo-note a{text-decoration:underline;text-underline-offset:4px}.config-mobile-bar{display:none}.config-main~.site-footer{margin-top:25px}body.keyboard-nav .portal-routes>a:after{transition:none}@media(hover:hover) and (pointer:fine){.portal-routes>a:hover{background:#f8f6ee}.portal-routes>a:hover:after{transform:scaleX(1)}.ts-dropdown .option:hover{background:#ecefe3}.config-flow-nav a:hover{background:#dce0d0}.config-flow-nav a[aria-current=page]:hover{background:var(--ink)}}@media(max-width:1000px){.portal-layout{grid-template-columns:1.3fr .8fr;gap:4%}.portal-detail h3{font-size:27px}.portal-detail>p{font-size:11px}.portal-detail li{font-size:9px}.portal-detail ul{margin:15px 0 22px}.portal-routes>a{padding:22px 16px;gap:12px}.portal-routes>a h3{font-size:21px}.portal-routes>a p{font-size:9px}.config-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:20px}.config-main{padding-left:4%;padding-right:4%}.config-main .vehicle-configuration,.config-options{padding:22px}.config-heading{display:block}.config-car-chip{display:inline-block;margin-top:22px}.config-main .vehicle-heading{display:block}.remembered-badge{text-align:left;max-width:none;margin-top:12px}.config-summary{padding:24px 20px}.config-main .tyre-dimensions{display:block}.config-main .tyre-visual{flex-direction:row;min-height:0;gap:22px;padding:18px}.config-main .tyre-visual svg{width:110px}.config-main .tyre-size-label{font-size:15px;max-width:180px;line-height:1.8;margin:0;text-align:left}.config-main .tyre-fields{padding:20px 17px}}
@media(max-width:720px){.ts-control,.ts-wrapper.single .ts-control{min-height:55px;padding:15px 34px 15px 13px;border-radius:11px}.ts-control,.ts-control input,.ts-dropdown{font-size:15px}.ts-control input{font-size:16px}.ts-dropdown .option{min-height:48px;padding:13px 12px}.ts-dropdown-content{max-height:235px}.ts-wrapper.single .ts-control:after{right:16px}.service-portal{padding-top:55px;padding-bottom:45px}.service-portal .section-heading{margin-bottom:25px}.service-portal .section-heading h2{font-size:38px;line-height:1.1}.service-portal .section-heading>p{font-size:11px;margin-top:22px;max-width:330px}.portal-layout{display:block}.portal-layout .car-stage{aspect-ratio:1.2}.portal-detail{display:none}.portal-routes{grid-template-columns:1fr;gap:10px;margin-top:20px}.portal-routes>a{min-height:89px;padding:20px 18px;gap:19px}.portal-routes>a h3{font-size:24px;margin-bottom:3px}.portal-routes>a p{font-size:10px;max-width:none}.portal-routes>a>span{font-size:9px;margin-top:3px}.portal-routes>a>b{font-size:26px}.portal-foot{display:block;font-size:9px;margin-top:20px}.portal-foot a{display:inline-block;margin-top:12px}.config-main{padding:105px 20px 100px}.config-topline{display:block;margin:4px 0 28px}.config-topline a{font-size:11px}.config-topline>span{display:block;font-size:7px;margin-top:22px}.config-heading{margin-bottom:25px}.config-heading .section-index{font-size:7px;line-height:1.9;margin-bottom:15px}.config-heading h1{font-size:37px;line-height:1.1}.config-heading p{font-size:11px;margin-top:15px}.config-car-chip{font-size:9px;white-space:normal;padding:10px 15px;margin-top:18px}.config-flow-nav{width:100%;border-radius:12px;gap:4px;padding:5px;margin-bottom:24px}.config-flow-nav a{padding:11px 14px;font-size:10px;border-radius:8px}.config-grid{display:block}.config-main .vehicle-configuration{padding:23px 16px;margin-bottom:20px}.config-main .vehicle-heading h3{font-size:26px;max-width:290px}.config-main .vehicle-heading .section-index{font-size:8px}.remembered-badge{font-size:8px;line-height:1.7;max-width:none}.config-main .vehicle-fields{gap:19px 11px}.config-main .vehicle-fields .vehicle-field:nth-child(3),.config-main .vehicle-fields .vehicle-field:nth-child(4){grid-column:1/-1}.vehicle-field>span{font-size:11px}.brand-shortcuts button{font-size:11px;min-height:42px}.vehicle-retained{font-size:10px;line-height:1.9}.config-main .catalog-note summary{font-size:9px}.config-options{padding:23px 16px}.config-options>header h2{font-size:28px}.config-options>header .section-index{font-size:8px}.config-options>header{margin-bottom:24px}.config-main .tyre-heading h3{font-size:28px}.config-main .tyre-fields{padding:20px 14px;gap:17px 12px}.config-main .tyre-fields .vehicle-field{grid-column:auto}.config-main .tyre-fields .vehicle-field>span{font-size:10px}.config-main .tyre-visual{padding:18px 12px;gap:15px}.config-main .tyre-visual svg{width:90px}.config-main .tyre-size-label{font-size:13px;max-width:150px}.config-main .tyre-brand{padding:18px 11px;min-height:140px}.config-main .tyre-brand strong{font-size:15px}.config-main .tyre-brand>b{font-size:22px}.config-main .tyre-availability span:not(.stock-light){font-size:10px}.manual-fields{grid-template-columns:1fr;gap:18px;margin:23px 0}.maintenance-simulation h3{font-size:25px}.maintenance-simulation p{font-size:11px;line-height:1.9}.vehicle-field>input[type=number]{font-size:16px}.config-main .oil-result{padding:20px 15px}.config-main .oil-spec>strong{font-size:37px}.config-main .oil-facts{top:30px;gap:13px}.config-main .oil-facts b{font-size:12px}.config-main .oil-approval{max-width:65%;font-size:8px}.config-main .oil-calculation .quote-line{font-size:9px}.config-main .oil-total strong{font-size:28px}.brake-product>div{padding:20px}.brake-product h3{font-size:25px}.config-summary{position:static;max-height:none;margin-top:22px;padding:28px 23px;overflow:visible}.config-summary h2{font-size:35px}.summary-vehicle{font-size:11px}.config-summary .quote-line{font-size:10px}.summary-amount strong{font-size:32px}.config-summary .button{font-size:12px;min-height:55px}.summary-footnote{font-size:9px}.summary-duration{font-size:10px}.config-summary .tyre-availability strong{font-size:11px}.config-summary .tyre-availability span:not(.stock-light){font-size:9px}.config-demo-note{font-size:9px;margin:22px 0 0}.config-mobile-bar{position:fixed;z-index:80;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f8f6eef5;backdrop-filter:blur(12px);padding:13px 20px max(13px,env(safe-area-inset-bottom));border-top:1px solid #2d38211c}.config-mobile-bar small{font:7px var(--mono);color:#6f7d60;display:block;margin-bottom:5px}.config-mobile-bar strong{font:500 23px var(--mono);letter-spacing:-.055em;white-space:nowrap}.config-mobile-bar .button{font-size:10px;padding:12px 16px;min-height:47px;gap:0;white-space:normal;border-radius:3px}.config-main~.site-footer{padding-bottom:130px}.config-extras #service-tabs{gap:8px}.config-service-choice{font-size:9px;padding:12px 10px}.config-service-choice b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portal-routes>a:after,.ts-wrapper.single .ts-control:after{transition:none}.ts-dropdown{animation:none}}


.ts-wrapper.single .ts-control:after{position:absolute;pointer-events:none}.ts-wrapper.single .ts-control{position:relative}