@font-face{font-family:WidgetInter;src:url('Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:WidgetInter;src:url('Inter-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
.tf,.tf *{box-sizing:border-box}.tf{margin:0;background:#f6f8f9;color:#08090a;font-family:WidgetInter,Inter,Arial,sans-serif}.tf button,.tf select,.tf input{font:inherit}.tf button{cursor:pointer}.tf [hidden]{display:none!important}.tf{min-height:100vh;background:radial-gradient(ellipse at 50% 70%,#fff 40%,#f0f3f5 100%)}.tf-banner{height:196px;background:#080a0b url('approved-tire-header.webp') center 48%/cover no-repeat}.tf-banner-inner{max-width:1536px;margin:auto;padding:40px 4.5%;height:100%;display:flex;align-items:center;gap:40px}.tf-logo{width:225px;height:110px;object-fit:contain}.tf-divider{height:82px;width:1px;background:#bec0c2;margin:0 0 0 17px}.tf-banner h1{font-size:56px;line-height:1.1;letter-spacing:-2.6px;color:white;margin:0;font-weight:800;white-space:nowrap}.tf-banner h1 span{color:#E11F26}.tf-storebar{min-height:58px;padding:12px 4.6%;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 3px 12px #14233512}.tf-store{display:flex;align-items:center;gap:17px;font-size:16px}.tf-store>svg{width:22px;height:25px;color:#E11F26}.tf-store-divider{height:23px;width:1px;background:#cbd0d5}.tf-store button{background:none;border:0;color:#E11F26;padding:0}.tf-store button span{padding-left:12px}.tf-powered{display:flex;align-items:center;gap:10px;font-size:12px;color:#737983}.tf-powered strong{font-style:italic;color:#08090a;font-size:16px;font-weight:800;letter-spacing:-.7px}.tf-powered strong span{color:red}.tf-powered svg{width:24px;height:24px;color:#08090a;margin-left:3px}.tf-card{max-width:1406px;width:calc(100% - 8.6%);margin:26px auto 70px;display:grid;grid-template-columns:47.7% 52.3%;border:2px solid white;outline:1px solid #dce1e5;border-radius:14px;background:white;overflow:hidden;box-shadow:0 15px 30px #16233316}.tf-controls{padding:24px 25px 26px 46px;min-width:0}.tf-tabs{display:flex;border-bottom:1px solid #cdd5de;gap:14px;margin-bottom:31px}.tf-tabs button{display:flex;align-items:center;gap:16px;background:none;color:#747a84;border:0;border-bottom:4px solid transparent;padding:0 14px 14px;font-weight:700;font-size:20px;white-space:nowrap}.tf-tabs button[aria-selected=true]{color:#050608;border-bottom-color:#E11F26}.tf-tabs svg{height:36px;width:43px}.tf h2{font-weight:800;font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 26px}.tf-vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px}.tf-vehicle-field{display:block;border:1px solid #c8cfd7;border-radius:7px;padding:14px 20px 11px;color:#5e6571;font-size:12px;letter-spacing:1.3px;font-weight:700}.tf-vehicle-field :is(select,.tf-select-button){border:0;display:block;width:100%;font-size:23px;line-height:1.2;color:#0a0b0c;padding:3px 25px 3px 0;background-color:transparent;letter-spacing:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='m2 3 6 6 6-6' fill='none' stroke='%2306090b' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.tf select:disabled{color:#9298a1}.tf select:focus-visible,.tf button:focus-visible{outline:3px solid #E11F2680;outline-offset:4px}.tf h3{font-size:27px;letter-spacing:-.9px;margin:32px 0 12px;font-weight:800}.tf-fitment{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#f1f2f3;border-radius:7px;padding:20px 28px;margin-bottom:16px;min-height:94px}.tf-fitment>div+div{border-left:1px solid #ced4db;padding-left:28px}.tf-fitment span{display:block;color:#606774;font-size:12px;font-weight:700;letter-spacing:1.2px;margin:3px 0 8px}.tf-fitment strong{font-size:20px;font-weight:400;white-space:normal}.tf-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:8px;background:linear-gradient(105deg,#E11F26,#E11F26);color:white;font-size:27px;font-weight:700;min-height:70px;padding:15px 28px;margin-top:16px;box-shadow:inset 0 1px 2px #fff3}.tf-submit svg{width:32px;height:32px}.tf-submit:disabled{opacity:.55;cursor:not-allowed}.tf-status{font-size:14px;color:#626975;margin:10px 0 0;line-height:1.4}.tf-status:empty{display:none}.tf-vehicle-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:628px;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#eff2f4 43%,#e5e9ec 100%);overflow:hidden}.tf-vehicle-visual:after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(178deg,transparent,#d8dce042 50%,#fff7 58%,#d5dbe125);pointer-events:none}.tf-car-stage{width:100%;position:relative;display:grid;place-items:center;min-height:360px;margin-top:110px}.tf-car-stage:after{content:'';position:absolute;width:75%;height:25px;bottom:32px;border-radius:50%;background:#6c737b3d;filter:blur(13px)}.tf-car-stage canvas{width:100%;height:auto;position:relative;z-index:1;mix-blend-mode:multiply}.tf-car-stage p{color:#6b737c;font-size:20px}.tf-car-caption{padding:8px 40px 42px;z-index:2}.tf-car-caption>span{display:block;width:27px;height:4px;background:#E11F26;transform:skew(-25deg);margin-bottom:8px}.tf-car-caption h2{font-size:27px;letter-spacing:-.7px;margin:0 0 2px}.tf-car-caption p{font-size:18px;color:#68717c;margin:0}.tf-label{display:block;font-size:14px;font-weight:700;color:#5b626e;letter-spacing:.3px}.tf-label>span{color:red;padding-left:4px}.tf-label :is(select,.tf-select-button){display:block;width:100%;appearance:none;border:1px solid #aab2bf;border-radius:7px;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='m2 3 6 6 6-6' fill='none' stroke='%2306090b' stroke-width='2'/%3E%3C/svg%3E") right 17px center/16px no-repeat;padding:11px 40px 11px 16px;margin-top:6px;font-size:18px;font-weight:400;color:#606774;min-height:47px}.tf-size-fields{display:grid;gap:19px}.tf-toggle{display:flex;align-items:center;gap:13px;margin:21px 0 23px;font-size:16px}.tf-toggle input{position:absolute;opacity:0;width:60px;height:34px}.tf-switch{display:block;width:60px;height:34px;background:#d2d5d8;border-radius:20px;padding:4px;flex-shrink:0}.tf-switch:before{content:'';display:block;background:white;border-radius:50%;height:26px;width:26px;box-shadow:0 1px 3px #0002;transition:transform .15s}.tf-toggle input:checked+.tf-switch{background:#E11F26}.tf-toggle input:checked+.tf-switch:before{transform:translateX(26px)}.tf-toggle input:focus-visible+.tf-switch{outline:3px solid #E11F2680}.tf-info{display:inline-grid;place-items:center;background:#787c82;color:white;font-size:15px;font-weight:700;border-radius:50%;width:21px;height:21px;flex-shrink:0}.tf-more{border-block:1px solid #d6dde4;margin-bottom:16px}.tf-more summary{padding:9px 0;list-style:none;font-size:17px;font-weight:700;cursor:pointer}.tf-more summary span{padding-left:12px}.tf-more[open] summary span{display:inline-block;transform:rotate(180deg)}#extra-vehicle-fields,#rear-fields,#more-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#extra-vehicle-fields:not(:empty){margin-top:16px}#rear-fields:not([hidden]){margin-bottom:16px}#more-fields:not(:empty){padding:6px 0 16px}.tf-size-guide{background:#f0f2f4;border-radius:10px;margin:86px 32px 26px 34px;overflow:hidden;align-self:start}.tf-guide-heading{padding:23px 36px 14px}.tf-guide-heading h2{font-size:36px;margin-bottom:8px}.tf-guide-heading p{font-size:18px;line-height:1.4;color:#616875;margin:0}.tf-tire-photo{height:235px;background:#16191c url('approved-tire-header.webp') right 75%/180% auto;position:relative;overflow:hidden}.tf-tire-photo span{position:absolute;left:12%;top:38%;color:#acafb1;text-shadow:2px 3px 2px #000;font-weight:800;font-style:italic;font-size:64px;letter-spacing:2px;transform:rotate(-6deg)}.tf-size-metrics{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:27px 15px 20px}.tf-size-metrics>div+div{border-left:1px solid #d5dbe1}.tf-size-metrics strong{font-size:18px}.tf-size-metrics b{display:block;font-size:44px;line-height:1.1;color:#E11F26;margin:7px 0 3px}.tf-size-metrics p{font-size:15px;line-height:1.25;color:#626975;margin:0}.tf-guide-note{margin:4px 20px 20px;background:#e7eaee;border-radius:8px;padding:17px 18px;display:flex;align-items:center;gap:15px;font-size:14px}.tf-guide-note .tf-info{width:27px;height:27px;font-size:20px}.tf[data-mode=size] .tf-banner{height:175px}.tf[data-mode=size] .tf-storebar{min-height:48px}.tf[data-mode=size] .tf-card{margin-top:20px;grid-template-columns:53.4% 46.6%;position:relative}.tf[data-mode=size] .tf-controls{padding:20px 26px 26px 46px}.tf[data-mode=size] .tf-tabs{margin-bottom:34px;position:relative}.tf[data-mode=size] .tf-tabs:after{content:'';height:1px;background:#cdd5de;position:absolute;left:100%;right:-640px;bottom:-1px}.tf[data-mode=size] h2{font-size:36px;margin-bottom:14px}.tf[data-mode=size] .tf-submit{min-height:58px;font-size:23px}.tf[data-mode=size] .tf-logo{width:210px}.tf[data-mode=size] .tf-banner-inner{gap:40px}.tf[data-mode=size] .tf-divider{margin-left:9px}
#native-shell{position:fixed;left:-12000px;top:0;width:1100px;height:1000px;overflow:hidden;contain:layout style paint;transform:translateZ(0);pointer-events:none}#store-dialog{border:0;border-radius:12px;padding:32px;width:min(1000px,94vw);max-height:90vh;overflow:auto}#store-dialog::backdrop{background:#0009}#close-store{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}#store-dialog h2{font-size:26px}#store-dialog #native-shell{position:relative;left:auto;top:auto;width:100%;height:auto;overflow:visible;contain:none;pointer-events:auto}
@media(min-width:1600px){.tf-banner-inner{max-width:1600px}.tf-storebar{padding-inline:max(4.6%,calc((100vw - 1406px)/2))}}
@media(max-width:1100px){.tf-banner h1{font-size:43px}.tf-banner-inner{gap:26px}.tf-logo{width:190px}.tf-divider{margin-left:0}.tf-controls{padding-left:28px}.tf-tabs button{font-size:17px;padding-inline:8px;gap:10px}.tf h2{font-size:29px}.tf-vehicle-field{padding-inline:14px}.tf-vehicle-field :is(select,.tf-select-button){font-size:20px}.tf-fitment{padding-inline:16px;gap:14px}.tf-fitment>div+div{padding-left:14px}.tf-fitment strong{font-size:17px}.tf-size-guide{margin-inline:15px}.tf-guide-heading{padding-inline:22px}.tf-guide-heading p{font-size:15px}.tf-desktop-break{display:none}.tf-tire-photo span{font-size:47px}.tf-guide-note{font-size:12px;margin-inline:12px;padding-inline:12px}}
@media(max-width:760px){.tf-banner,.tf[data-mode=size] .tf-banner{height:144px}.tf-banner-inner,.tf[data-mode=size] .tf-banner-inner{padding:22px;gap:18px}.tf-logo,.tf[data-mode=size] .tf-logo{width:125px;height:85px}.tf-divider,.tf[data-mode=size] .tf-divider{height:65px;margin:0}.tf-banner h1{font-size:32px;line-height:1.1;letter-spacing:-1.2px;white-space:normal;max-width:250px}.tf-storebar,.tf[data-mode=size] .tf-storebar{padding:12px 20px;gap:8px;min-height:55px}.tf-store{gap:9px;font-size:13px;flex-wrap:wrap}.tf-store>svg{width:17px;height:21px}.tf-store-divider{height:17px}.tf-store button{font-size:13px}.tf-store button span{display:none}.tf-powered>span,.tf-powered>svg{display:none}.tf-powered strong{font-size:12px}.tf-card,.tf[data-mode=size] .tf-card{width:calc(100% - 28px);margin:20px auto 30px;grid-template-columns:1fr;border-radius:12px}.tf-controls,.tf[data-mode=size] .tf-controls{padding:20px}.tf-tabs{margin-bottom:23px;gap:10px}.tf-tabs button{font-size:17px;padding:0 6px 12px;gap:9px;flex:1;justify-content:center}.tf-tabs svg{width:34px;height:30px}.tf h2,.tf[data-mode=size] h2{font-size:28px;margin-bottom:21px}.tf-vehicle-grid{gap:12px}.tf-vehicle-field{padding:12px 13px 9px;font-size:11px}.tf-vehicle-field :is(select,.tf-select-button){font-size:18px;padding-top:6px}.tf h3{font-size:23px;margin-top:24px}.tf-fitment{min-height:82px;padding:14px;gap:13px}.tf-fitment strong{font-size:15px}.tf-fitment span{font-size:11px;letter-spacing:.8px}.tf-submit,.tf[data-mode=size] .tf-submit{min-height:58px;font-size:22px;padding:14px 20px}.tf-vehicle-visual{min-height:300px}.tf-car-stage{min-height:210px;margin:0}.tf-car-stage canvas{max-height:280px;object-fit:contain}.tf-car-caption{padding:0 24px 24px}.tf-car-caption h2{font-size:24px;margin-bottom:3px}.tf-car-caption p{font-size:16px}.tf-car-stage p{font-size:16px}.tf[data-mode=size] .tf-tabs:after{display:none}.tf[data-mode=size] .tf-tabs{margin-bottom:25px}.tf-size-fields{gap:15px}.tf-label{font-size:12px}.tf-label :is(select,.tf-select-button){font-size:16px;min-height:46px}.tf-toggle{font-size:13px;gap:10px;margin-block:20px}.tf-switch{width:49px;height:29px}.tf-switch:before{width:21px;height:21px}.tf-toggle input:checked+.tf-switch:before{transform:translateX(20px)}.tf-size-guide{margin:0 20px 20px}.tf-guide-heading{padding:22px}.tf-guide-heading h2{margin-bottom:9px!important}.tf-guide-heading p{font-size:15px}.tf-tire-photo{height:190px}.tf-tire-photo span{font-size:45px;left:8%}.tf-size-metrics{padding-inline:7px;padding-block:22px}.tf-size-metrics strong{font-size:14px}.tf-size-metrics b{font-size:35px}.tf-size-metrics p{font-size:12px}.tf-guide-note{margin:0 12px 15px;font-size:12px;gap:10px;padding:12px}.tf-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tf *{transition:none!important}}
.tf-card{position:relative}.tf-banner{background-image:linear-gradient(90deg,#05070840 40%,transparent 72%),url('approved-tire-header.webp')}.tf-vehicle-field :is(select,.tf-select-button){font-weight:400}.tf-vehicle-visual{justify-content:flex-end}.tf-car-stage{margin-top:90px;min-height:360px}.tf-native-car{position:absolute!important;visibility:visible!important;right:0!important;top:126px!important;width:52.3%!important;height:auto!important;z-index:2!important;pointer-events:none;mix-blend-mode:multiply}#native-shell{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;contain:none;transform:none;overflow:visible;visibility:hidden;pointer-events:none}#native-shell .tf-image-path{position:static!important;overflow:visible!important;transform:none!important;max-width:none!important;min-height:0!important}#native-shell :not(.tf-native-car){visibility:hidden!important}.tf[data-mode=size] #native-shell .tf-native-car{visibility:hidden!important}#fitment-summary{position:relative}#fitment-choice{margin:0;height:0;position:relative;top:-110px}#fitment-choice label{color:transparent;position:absolute;inset:0;height:94px}#fitment-choice select{opacity:0;position:absolute;inset:0;width:100%;height:94px;cursor:pointer}#fitment-choice:not([hidden]):after{content:'⌄';position:absolute;right:12px;top:35px;pointer-events:none}#store-dialog #native-shell{position:relative;inset:auto;visibility:visible;pointer-events:auto}#store-dialog #native-shell *{visibility:visible!important}#store-dialog .tf-native-car{position:static!important;width:100%!important}#extra-vehicle-fields:has(>label):not(:has(>label:not([hidden]))){display:none}#store-dialog{z-index:10}.tf-status{min-height:0}
@media(max-width:760px){.tf-native-car{width:100%!important;top:auto!important;bottom:70px!important;max-height:280px!important;object-fit:contain}.tf-car-stage{min-height:230px;margin:0}#fitment-choice{top:-98px}#fitment-choice label,#fitment-choice select{height:82px}#fitment-choice:not([hidden]):after{top:30px}}
.tf-tire-photo{background:#f0f2f4 url('tire-sidewall.jpg') center center/cover no-repeat}.tf-tire-photo span{display:none}
/* Keep SDK request feedback local to the field, rather than blocking the page. */
body:has(.tf:not([hidden])) .woqwgtt:has([data-tctid="loader"]){display:none!important}
.tf-native-car{visibility:hidden!important}.tf[data-mode=vehicle]:has(select[name=model] option:checked:not([value=""])) .tf-native-car{visibility:visible!important}
#native-shell{overflow:clip;contain:layout style paint}
/* Compact local preview proportions. */
.tf-banner,.tf[data-mode=size] .tf-banner{height:134px}
.tf-banner-inner,.tf[data-mode=size] .tf-banner-inner{max-width:1280px;padding:22px 34px;gap:27px}
.tf-logo,.tf[data-mode=size] .tf-logo{width:165px;height:82px}
.tf-divider,.tf[data-mode=size] .tf-divider{height:62px;margin:0}
.tf-banner h1{font-size:40px;letter-spacing:-1.6px}
.tf-storebar,.tf[data-mode=size] .tf-storebar{min-height:46px;padding:10px max(34px,calc((100vw - 1210px)/2));box-shadow:0 2px 8px #1423350b}
.tf-store{font-size:14px;gap:12px}
.tf-powered{font-size:10px}.tf-powered strong{font-size:14px}
.tf-card,.tf[data-mode=size] .tf-card{max-width:1210px;width:calc(100% - 64px);margin:22px auto 36px;border-radius:11px;box-shadow:0 9px 26px #16233310}
.tf-controls,.tf[data-mode=size] .tf-controls{padding:23px 27px}
.tf-tabs,.tf[data-mode=size] .tf-tabs{gap:12px;margin-bottom:24px}
.tf-tabs button{font-size:16px;gap:11px;padding:0 10px 11px;border-bottom-width:3px}
.tf-tabs svg{width:33px;height:29px}
.tf h2,.tf[data-mode=size] h2{font-size:27px;letter-spacing:-.8px;margin-bottom:20px}
.tf-vehicle-grid{gap:12px}
.tf-vehicle-field{padding:10px 14px 9px;font-size:10px;letter-spacing:1px}
.tf-vehicle-field :is(select,.tf-select-button){font-size:18px;padding-top:5px}
.tf h3{font-size:21px;letter-spacing:-.6px;margin:23px 0 11px}
.tf-fitment{min-height:76px;padding:14px 18px;gap:18px;margin-bottom:13px}
.tf-fitment>div+div{padding-left:18px}.tf-fitment span{font-size:10px;margin:2px 0 6px}.tf-fitment strong{font-size:16px}
.tf-submit,.tf[data-mode=size] .tf-submit{min-height:51px;font-size:19px;padding:12px 20px;margin-top:13px;border-radius:6px}
.tf-submit svg{width:26px;height:26px}.tf-status{font-size:12px;margin-top:8px}
.tf-vehicle-visual{min-height:474px}.tf-car-stage{min-height:275px;margin-top:50px}.tf-car-stage p{font-size:16px}
.tf-native-car{top:70px!important}
.tf-car-caption{padding:8px 30px 28px}.tf-car-caption h2{font-size:23px;margin:0 0 3px}.tf-car-caption p{font-size:15px}
.tf-label{font-size:12px}.tf-label :is(select,.tf-select-button){font-size:16px;min-height:42px;padding:9px 36px 9px 13px}
.tf-size-fields{gap:14px}.tf-toggle{font-size:14px;gap:10px;margin:17px 0}.tf-switch{width:48px;height:28px;padding:3px}.tf-switch:before{height:22px;width:22px}.tf-toggle input:checked+.tf-switch:before{transform:translateX(20px)}
.tf-more summary{font-size:14px;padding:9px 0}.tf-more{margin-bottom:13px}
.tf-size-guide{margin:74px 24px 24px 22px}.tf-guide-heading{padding:20px 25px 13px}.tf-guide-heading h2,.tf[data-mode=size] .tf-guide-heading h2{font-size:28px;margin-bottom:9px}.tf-guide-heading p{font-size:15px;line-height:1.4}.tf-desktop-break{display:none}
.tf-tire-photo{height:185px}.tf-size-metrics{padding:20px 12px 17px}.tf-size-metrics strong{font-size:15px}.tf-size-metrics b{font-size:35px;margin:6px 0 3px}.tf-size-metrics p{font-size:12px}
.tf-guide-note{font-size:12px;padding:12px 14px;gap:11px;margin:0 16px 16px}.tf-guide-note .tf-info{width:23px;height:23px;font-size:16px}
#fitment-choice{top:-89px}#fitment-choice label,#fitment-choice select{height:76px}#fitment-choice:not([hidden]):after{top:26px}
@media(max-width:760px){
.tf-banner,.tf[data-mode=size] .tf-banner{height:104px}.tf-banner-inner,.tf[data-mode=size] .tf-banner-inner{padding:17px 19px;gap:16px}.tf-logo,.tf[data-mode=size] .tf-logo{width:108px;height:67px}.tf-divider,.tf[data-mode=size] .tf-divider{height:49px}.tf-banner h1{font-size:25px;letter-spacing:-.8px;max-width:230px}
.tf-storebar,.tf[data-mode=size] .tf-storebar{padding:10px 17px;min-height:44px}.tf-store,.tf-store button{font-size:12px}.tf-store{gap:8px}.tf-powered strong{font-size:10px}
.tf-card,.tf[data-mode=size] .tf-card{width:calc(100% - 24px);margin:15px auto 24px;grid-template-columns:1fr}.tf-controls,.tf[data-mode=size] .tf-controls{padding:18px}.tf-tabs,.tf[data-mode=size] .tf-tabs{margin-bottom:21px;gap:6px}.tf-tabs button{font-size:15px;gap:9px;padding:0 5px 10px}.tf-tabs svg{width:30px;height:27px}
.tf h2,.tf[data-mode=size] h2{font-size:24px;margin-bottom:17px}.tf-vehicle-field{padding:10px 11px 8px}.tf-vehicle-field :is(select,.tf-select-button){font-size:16px}.tf h3{font-size:19px;margin-top:20px}.tf-fitment{padding:13px 12px;gap:12px}.tf-fitment>div+div{padding-left:12px}.tf-fitment strong{font-size:14px}.tf-submit,.tf[data-mode=size] .tf-submit{font-size:18px;min-height:48px}
.tf-vehicle-visual{min-height:255px}.tf-car-stage{min-height:185px;margin:0}.tf-native-car{top:auto!important;bottom:63px!important;max-height:235px!important}.tf-car-caption{padding:0 22px 22px}.tf-car-caption h2{font-size:21px;margin-bottom:3px}.tf-car-caption p{font-size:14px}
.tf-size-guide{margin:0 18px 18px}.tf-guide-heading{padding:19px}.tf-guide-heading h2,.tf[data-mode=size] .tf-guide-heading h2{font-size:25px}.tf-guide-heading p{font-size:14px}.tf-tire-photo{height:160px}.tf-label :is(select,.tf-select-button){font-size:16px;min-height:43px}.tf-size-metrics strong{font-size:13px}.tf-size-metrics b{font-size:31px}.tf-guide-note{font-size:11px;margin:0 12px 13px;padding:11px}.tf-toggle{font-size:12px}
}
.tf-empty-vehicle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;width:100%;color:#778390;text-align:center;font-size:13px}.tf-empty-vehicle svg{width:min(75%,340px);height:auto;opacity:.85}.tf-vehicle-visual:not(:has(.tf-empty-vehicle[hidden])) .tf-car-stage:after{opacity:.35}
@media(max-width:760px){.tf-empty-vehicle{gap:7px;padding:12px;font-size:12px}.tf-empty-vehicle svg{max-width:245px}}
.tf-empty-vehicle{padding:8px 18px 14px;gap:2px}.tf-empty-vehicle img{display:block;width:min(94%,500px);height:auto;max-height:280px;object-fit:contain}.tf-vehicle-visual:not(:has(.tf-empty-vehicle[hidden])) .tf-car-stage:after{display:none}
@media(max-width:760px){.tf-empty-vehicle{padding:4px 12px 12px}.tf-empty-vehicle img{max-width:320px;max-height:185px}}
.tf-vehicle-visual{background:#eff2f4 url('vehicle-studio.jpg') center center/cover no-repeat;box-shadow:inset 1px 0 0 #fff9}
.tf-vehicle-visual:after{background:linear-gradient(180deg,transparent 40%,#ffffff12);height:100%}
.tf-car-stage:after{height:18px;bottom:18px;background:#4f59632b;filter:blur(12px)}
.tf-car-caption{position:relative;text-shadow:0 1px 2px #fff8}
.tf-native-car{mix-blend-mode:multiply}
.tf select:focus,.tf select:focus-visible{outline:none!important;box-shadow:none!important}
.tf button:focus,.tf button:focus-visible{outline:none!important}
.tf-dropdown{position:fixed;z-index:1000;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #c8cfd7;border-radius:7px;padding:4px;box-shadow:0 8px 24px #18253426;font-family:WidgetInter,Inter,Arial,sans-serif}
.tf-dropdown button{display:block;width:100%;border:0;border-radius:4px;background:white;color:#101214;text-align:left;padding:9px 10px;font-family:inherit;font-size:14px;line-height:1.3}
.tf-dropdown button:hover,.tf-dropdown button:focus-visible,.tf-dropdown button[aria-selected=true]{background:#edf1f4;outline:none}
.tf-dropdown button:disabled{color:#9298a1}
.tf-tabs button[aria-selected=true]{color:#E11F26}
.tf-size-fields{grid-template-columns:minmax(0,1fr)}
#rear-fields>label:has(select[name="rim_1"]){grid-column:1/-1}
/* Both search modes share the same geometry. Reserve dependent vehicle rows
   so loading a different model cannot move the fitment, button or artwork. */
.tf-card,.tf[data-mode=size] .tf-card{grid-template-columns:50% 50%;align-items:stretch}
.tf-logo,.tf[data-mode=size] .tf-logo{width:165px}
.tf-divider,.tf[data-mode=size] .tf-divider{margin-left:0}
.tf-tabs button{flex:1;justify-content:center}
.tf-tabs:after{display:none!important}
#finder-form{display:block}
#panel-vehicle,#panel-size{grid-column:1;grid-row:1;min-width:0;min-height:0}
#panel-vehicle[hidden],#panel-size[hidden]{display:none!important}
#extra-vehicle-fields,#extra-vehicle-fields:has(>label):not(:has(>label:not([hidden]))){display:grid;min-height:0;align-content:start;margin-top:16px}
#extra-vehicle-fields:empty,#extra-vehicle-fields:has(>label):not(:has(>label:not([hidden]))){display:none;margin:0}
.tf-status{display:block;min-height:0;margin-top:8px}
.tf-status:empty{display:none;margin:0}
.tf-vehicle-visual{justify-content:flex-end}
.tf-car-stage{height:275px;min-height:275px;flex:none}
.tf-empty-vehicle{position:absolute;inset:0;justify-content:center}
.tf-car-caption{min-height:95px}
.tf-more{margin-bottom:0}
.tf-vehicle-visual{min-height:430px}
.tf-size-guide{margin-top:74px;margin-bottom:20px}
.tf-tire-photo{height:145px}
.tf-size-metrics{padding-top:15px;padding-bottom:13px}
@media(min-width:761px){
.tf-size-guide{margin-top:74px;margin-bottom:18px}
.tf-guide-heading{padding:16px 24px 11px}
.tf-guide-heading h2,.tf[data-mode=size] .tf-guide-heading h2{font-size:25px;margin-bottom:7px}
.tf-guide-heading p{font-size:14px;line-height:1.35}
.tf-tire-photo{height:110px}
.tf-size-metrics{padding:11px 12px 10px}
.tf-size-metrics b{font-size:31px;margin:4px 0 2px}
.tf-size-metrics strong{font-size:14px}
.tf-size-metrics p{font-size:11px}
.tf-guide-note{padding:10px 12px;margin:0 14px 13px;font-size:11px}
}
.tf-more summary{display:flex;align-items:center;gap:12px;line-height:20px}
.tf-more summary span,.tf-more[open] summary span{display:block;width:7px;height:7px;padding:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;font-size:0;transform:translateY(-2px) rotate(45deg)}
.tf-more[open] summary span{transform:translateY(2px) rotate(225deg)}
.tf[data-mode=vehicle] .tf-native-car{visibility:visible!important}
#image-placeholder{display:none!important}
@media(max-width:760px){
.tf-card,.tf[data-mode=size] .tf-card{grid-template-columns:1fr}
.tf-logo,.tf[data-mode=size] .tf-logo{width:108px}
.tf-car-stage{height:265px;min-height:265px}
.tf-vehicle-visual{height:360px;min-height:360px}
.tf-size-guide{height:360px;margin:0 18px;align-self:stretch}
.tf-tire-photo{height:95px}
.tf-guide-heading{padding:14px 17px 10px}
.tf-guide-heading h2,.tf[data-mode=size] .tf-guide-heading h2{font-size:22px;margin-bottom:6px}
.tf-guide-heading p{font-size:12px}
.tf-size-metrics{padding:13px 7px}
.tf-car-caption{height:95px}
}
/* Preserve the complete tire artwork at its original proportions. */
.tf-tire-photo{height:auto;aspect-ratio:1983/793;background-size:contain;background-position:center}
@media(max-width:760px){.tf-size-guide{height:auto;align-self:start}}

.tf[hidden],#tf-native-results[hidden]{display:none!important}
#native-shell.tf-native-results{position:relative;inset:auto;width:100%;height:auto;contain:none;overflow:visible;visibility:visible;pointer-events:auto}
#native-shell.tf-native-results *{visibility:visible!important}
.tf button,.tf select,.tf input{font-family:WidgetInter,Inter,Arial,sans-serif;letter-spacing:normal;text-transform:none}
.tf button{line-height:1.3}.tf label{margin-bottom:0}.tf svg{flex-shrink:0}
#tf-native-results{max-width:1210px;margin:24px auto;padding:0 16px}

.tf{min-height:0}

.tf h1,.tf h2,.tf h3,.tf p,.tf label,.tf strong,.tf b,.tf button,.tf-dropdown button{font-family:WidgetInter,Inter,Arial,sans-serif}
.tf-source-select{display:none!important}
.tf-select-button{text-align:left;cursor:pointer;box-shadow:none;text-transform:none}
.tf-select-button:disabled{color:#9298a1;cursor:default}
.tf-vehicle-field .tf-select-button{font-weight:400;border-radius:0;min-height:0}
#fitment-choice .tf-select-button{opacity:0;position:absolute;inset:0;width:100%;height:76px;cursor:pointer}

.tf-card,.tf[data-mode=size] .tf-card{border:0}
.tf-vehicle-visual{box-shadow:none}

.tf label.tf-toggle{margin:16px 0 14px}

#extra-vehicle-fields>label:has(select[name="bodyType"]){grid-column:1/-1}

/* SDK dropdown portals must not duplicate the presentation controls. */
body:has(.tf:not([hidden])) #tcwlw_o .o1yjb7vp:has(li[data-tcwlw-value]){display:none!important}

#extra-vehicle-fields{grid-template-columns:minmax(0,1fr)}
#extra-vehicle-fields>label{grid-column:1/-1}

.tf input,.tf select{box-shadow:none!important}.tf-logo{object-fit:contain}.tf{width:100%;max-width:none}#native-shell{width:100%;box-sizing:border-box}

.tf-dropdown{z-index:10001}.tf-select-button,#tf-native-results [data-tctid="select"],#tf-native-results [data-tctid="request_appointment"]{scroll-margin-top:calc(var(--tr-site-header-height,200px) + 24px)}

/* Remove the inline-image baseline gap below the existing offer banner. */
.worryFree.badge-wrapper > picture,
.worryFree.badge-wrapper > picture > img{display:block}

/* Store bar: more room above, less below, so it reads as part of the card */
.tf[data-mode]>.tf-storebar{padding-top:18px;padding-bottom:4px}.tf[data-mode]>.tf-card{margin-top:8px}
@media(max-width:760px){.tf[data-mode]>.tf-storebar{padding-top:14px;padding-bottom:4px}.tf[data-mode]>.tf-card{margin-top:6px}}
