.th-cat4{--c4-ease:var(--fog-ease,cubic-bezier(.2, .7, .2, 1));--c4-slow:.75s;--c4-fast:.35s;--c4-ink:var(--fog-text,#11151b);--c4-muted:var(--fog-muted,#4f5866);--c4-blue:var(--fog-cta,#2a56c6);--c4-display:var(--fog-font-display,"Unbounded", "Onest", Arial, sans-serif);--c4-ui:var(--fog-font-ui,"Onest", Arial, sans-serif);gap:16px;margin:0;padding:0;list-style:none;display:grid}.th-cat4-item{min-width:0;display:flex}.th-cat4-card{isolation:isolate;width:100%;min-width:0;color:var(--c4-ink);-webkit-tap-highlight-color:transparent;transition:transform var(--c4-slow) var(--c4-ease), box-shadow var(--c4-slow) var(--c4-ease), opacity var(--c4-slow) var(--c4-ease), filter var(--c4-slow) var(--c4-ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.th-cat4-card:focus-visible{outline:3px solid var(--fog-ring,#4a7bf073);outline-offset:4px}.th-cat4-media{z-index:0;pointer-events:none;position:absolute;inset:0}.th-cat4-img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;width:var(--img-w,80%);left:var(--img-x,10%);top:var(--img-y,6%);transform-origin:50% 70%;transition:transform var(--c4-slow) var(--c4-ease), filter var(--c4-slow) var(--c4-ease);position:absolute;transform:translate(0,0)scale(1)}.th-cat4-light{z-index:0;pointer-events:none;opacity:0;transition:opacity var(--c4-slow) var(--c4-ease);position:absolute;inset:0}.th-cat4-copy{z-index:2;gap:8px;display:grid;position:relative}.th-cat4-eyebrow{font:600 11.5px/1.2 var(--c4-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c4-muted)}.th-cat4-title{font:600 26px/1.08 var(--c4-display);letter-spacing:-.01em;color:inherit;margin:0}.th-cat4-text{font:400 14.5px/1.45 var(--c4-ui);color:var(--c4-muted);max-width:30ch}.th-cat4-cta{z-index:2;font:600 15px var(--c4-ui);align-items:center;gap:12px;display:inline-flex;position:relative}.th-cat4-arrow{width:44px;height:44px;transition:transform var(--c4-fast) var(--c4-ease), background-color var(--c4-fast), color var(--c4-fast), box-shadow var(--c4-fast);border-radius:50%;place-items:center;display:grid}.th-cat4-soon{z-index:3;height:28px;font:600 12px var(--c4-ui);letter-spacing:.02em;border-radius:14px;align-items:center;padding:0 12px;display:inline-flex;position:absolute;top:22px;right:22px}.th-cat4-card.is-soon{cursor:default}.th-cat4--showcase{grid-template-columns:1.45fr 1fr 1fr 1fr}.th-cat4--showcase .th-cat4-card{background:radial-gradient(120% 70% at 50% 0,#fff 0%,#fff0 62%),linear-gradient(172deg,#fcfdfe 0%,#eef2f8 50%,#dbe2ec 100%);border:1px solid #fffffff2;border-radius:28px;gap:18px;min-height:440px;padding:28px;box-shadow:inset 0 1px #fff,0 1px 2px #1420400d,0 30px 58px -38px #1420408c}.th-cat4--showcase .th-cat4-card:after{content:"";z-index:-1;left:10%;right:10%;bottom:var(--floor,22%);pointer-events:none;background:radial-gradient(closest-side,#ffffffb3,#fff0);border-radius:50%;height:16%;position:absolute}.th-cat4--showcase .th-cat4-light{background:radial-gradient(60% 46% at var(--glow-x,50%) var(--glow-y,42%), #4a7bf029, #4a7bf000 72%)}.th-cat4--showcase .th-cat4-soon{color:var(--c4-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;box-shadow:inset 0 1px #fff,0 6px 14px -10px #14204066}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card{color:#fff;--img-w:96%;--img-x:30%;--img-y:15%;--glow-x:72%;--glow-y:52%;--floor:6%;background:radial-gradient(70% 62% at 78% 46%,#4a7bf057,#4a7bf000 70%),radial-gradient(50% 40% at 8% 0,#ffffff14,#fff0 70%),linear-gradient(158deg,#2b313b 0%,#181b21 56%,#0f1115 100%);border-color:#ffffff14;justify-content:space-between;box-shadow:inset 0 1px #ffffff1a,0 34px 64px -36px #0a1028d9}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card:after{background:radial-gradient(closest-side,#7896ff38,#7896ff00);left:34%;right:-10%}.th-cat4--showcase .th-cat4-item--parts .th-cat4-light{background:radial-gradient(52% 46% at 72%,#6e96ff6b,#6e96ff00 72%)}.th-cat4--showcase .th-cat4-item--parts .th-cat4-eyebrow{color:#a9c0ff}.th-cat4--showcase .th-cat4-item--parts .th-cat4-title{font-size:32px}.th-cat4--showcase .th-cat4-item--parts .th-cat4-text{color:#b9c2d0;max-width:21ch}.th-cat4--showcase .th-cat4-item--parts .th-cat4-arrow{background:var(--c4-blue);color:#fff;box-shadow:inset 0 1px #ffffff4d,0 14px 24px -12px #2a56c6e6}.th-cat4--showcase .th-cat4-item--tires .th-cat4-card{--img-w:98%;--img-x:1%;--img-y:-1%;--glow-y:30%;--floor:40%;justify-content:flex-end}.th-cat4--showcase .th-cat4-item--wheels .th-cat4-card{--img-w:112%;--img-x:4%;--img-y:30%;--glow-x:58%;--glow-y:66%;--floor:0%;justify-content:flex-start}.th-cat4--showcase .th-cat4-item--oils .th-cat4-card{--img-w:92%;--img-x:4%;--img-y:3%;--glow-y:34%;--floor:38%;justify-content:flex-end}.th-cat4--showcase .th-cat4-item--wheels .th-cat4-soon{top:auto;bottom:22px}@media (hover:hover) and (pointer:fine){.th-cat4--showcase .th-cat4-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fff,0 2px 4px #1420400d,0 48px 76px -40px #1420409e}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card:hover{box-shadow:inset 0 1px #ffffff1f,0 52px 86px -40px #0a1028f2}.th-cat4--showcase .th-cat4-card.is-soon:hover{transform:translateY(-3px)}.th-cat4-card:hover .th-cat4-light{opacity:1}.th-cat4--showcase .th-cat4-card:hover .th-cat4-img{transform:translate(-1.2%,-1.6%)scale(1.045)}.th-cat4--showcase .th-cat4-card.is-soon:hover .th-cat4-img{transform:translateY(-1%)scale(1.025)}.th-cat4-card:hover .th-cat4-arrow{transform:translate(5px)}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card:hover .th-cat4-arrow{background:var(--fog-cta-hover,#3a68da)}}.th-cat4-card:focus-visible .th-cat4-light{opacity:1}.th-cat4-card:focus-visible .th-cat4-arrow{transform:translate(5px)}@media (hover:none),(pointer:coarse){.th-cat4-card:active{transition-duration:.18s;transform:scale(.985)}.th-cat4-card:active .th-cat4-light{opacity:1;transition-duration:.18s}.th-cat4-card.is-soon:active{transform:none}}@media (max-width:1180px){.th-cat4--showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.th-cat4--showcase .th-cat4-item--parts{grid-column:1/-1}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card{--img-w:58%;--img-x:44%;--img-y:-14%;min-height:320px}.th-cat4--showcase .th-cat4-item--parts .th-cat4-text{max-width:30ch}.th-cat4--showcase .th-cat4-card{min-height:380px}}@media (max-width:900px){.th-cat4--showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.th-cat4--showcase .th-cat4-item--oils{grid-column:1/-1}.th-cat4--showcase .th-cat4-item--tires .th-cat4-card,.th-cat4--showcase .th-cat4-item--wheels .th-cat4-card{--img-w:70%;--img-x:15%;--img-y:-3%;--floor:46%;justify-content:flex-end;min-height:360px}.th-cat4--showcase .th-cat4-item--wheels .th-cat4-soon{top:16px;bottom:auto}.th-cat4--showcase .th-cat4-item--oils .th-cat4-card{--img-w:50%;--img-x:48%;--img-y:-16%;--floor:6%;--glow-x:74%;--glow-y:50%;justify-content:center;min-height:230px}.th-cat4--showcase .th-cat4-item--oils .th-cat4-copy{max-width:48%}.th-cat4--showcase .th-cat4-card{border-radius:24px;min-height:330px;padding:22px}.th-cat4--showcase .th-cat4-title{font-size:22px}.th-cat4--showcase .th-cat4-item--parts .th-cat4-title{font-size:28px}.th-cat4--showcase .th-cat4-text{font-size:14px}.th-cat4--showcase .th-cat4-soon{top:16px;right:16px}}@media (max-width:640px){.th-cat4{gap:12px}.th-cat4--showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.th-cat4--showcase .th-cat4-item--oils{grid-column:1/-1}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card{--img-w:82%;--img-x:26%;--img-y:42%;--glow-y:74%;min-height:400px;padding:22px}.th-cat4--showcase .th-cat4-item--parts .th-cat4-cta{margin-top:auto}.th-cat4--showcase .th-cat4-item--parts .th-cat4-title{font-size:26px}.th-cat4--showcase .th-cat4-item--parts .th-cat4-text{max-width:24ch}.th-cat4--showcase .th-cat4-item--tires .th-cat4-card,.th-cat4--showcase .th-cat4-item--wheels .th-cat4-card{--img-w:84%;--img-x:8%;--img-y:-5%;--floor:48%;justify-content:flex-end;min-height:290px;padding:16px}.th-cat4--showcase .th-cat4-item--wheels .th-cat4-soon{top:12px;bottom:auto}.th-cat4--showcase .th-cat4-item--oils .th-cat4-card{--img-w:54%;--img-x:47%;--img-y:3%;--floor:6%;--glow-x:74%;--glow-y:50%;justify-content:center;min-height:200px;padding:20px}.th-cat4--showcase .th-cat4-item--oils .th-cat4-copy{max-width:46%}.th-cat4--showcase .th-cat4-soon{height:24px;padding:0 10px;font-size:11px;top:12px;right:12px}.th-cat4--showcase .th-cat4-title{font-size:19px}.th-cat4--showcase .th-cat4-text{font-size:13px;line-height:1.4}.th-cat4--showcase .th-cat4-eyebrow{font-size:10.5px}}@media (max-width:360px){.th-cat4--showcase{grid-template-columns:minmax(0,1fr)}.th-cat4--showcase .th-cat4-item--oils{grid-column:auto}.th-cat4--showcase .th-cat4-item--parts .th-cat4-card{--img-w:104%;--img-x:10%;--img-y:38%;min-height:330px}.th-cat4--showcase .th-cat4-item:not(.th-cat4-item--parts) .th-cat4-card{--img-w:62%;--img-x:48%;--img-y:-10%;--floor:4%;--glow-x:76%;--glow-y:50%;justify-content:center;min-height:150px;padding:16px}.th-cat4--showcase .th-cat4-item:not(.th-cat4-item--parts) .th-cat4-copy{max-width:56%}.th-cat4--showcase .th-cat4-item:not(.th-cat4-item--parts) .th-cat4-text{display:none}.th-cat4--showcase .th-cat4-item--wheels .th-cat4-soon{position:absolute;inset:auto auto 12px 16px}.th-cat4--showcase .th-cat4-item:not(.th-cat4-item--parts) .th-cat4-soon{inset:auto auto 14px 16px}}@media (prefers-reduced-motion:reduce){.th-cat4-card,.th-cat4-img,.th-cat4-arrow{transition:opacity .2s linear,box-shadow .2s linear,background-color .2s linear!important}.th-cat4-card:hover,.th-cat4-card:active,.th-cat4-card:hover .th-cat4-img,.th-cat4-card:hover .th-cat4-arrow,.th-cat4-card:focus-visible .th-cat4-arrow{transform:none!important}}@media (max-width:360px){.th-cat4--showcase .th-cat4-item.th-cat4-item--oils .th-cat4-card.is-soon{--img-w:50%;--img-x:50%;--img-y:12%}}.th-help2{--h2-blue:var(--fog-cta,#2a56c6);--h2-ease:var(--fog-ease,cubic-bezier(.2, .7, .2, 1));grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.th-help2 .th-help2-card{isolation:isolate;min-width:0;transition:transform .45s var(--h2-ease), box-shadow .45s var(--h2-ease);border-radius:28px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:22px;padding:32px;display:flex;position:relative;overflow:hidden}.th-help2-eyebrow{letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.th-help2-title{font-family:var(--fog-font-display,Unbounded, sans-serif);letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1.15}.th-help2 .th-help2-text{max-width:40ch;margin-top:10px;font-size:15px;line-height:1.55}.th-help2-vin{color:var(--fog-text);background:radial-gradient(120% 90% at 100% 0,#fff 0%,#fff0 55%),linear-gradient(160deg,#f7f9fc 0%,#e9edf3 58%,#dde3ec 100%);border:1px solid #ffffffe6;box-shadow:inset 0 1px #fff,0 30px 60px -38px #1a264673,0 2px 6px -2px #1a264614}.th-help2-vin .th-help2-eyebrow{color:var(--fog-accent-text,#2a56c6)}.th-help2 .th-help2-vin .th-help2-text{color:var(--fog-muted,#4f5866)}.th-help2 .th-help2-plate{color:#e8edf5;transition:transform .45s var(--h2-ease);background:linear-gradient(#ffffff17,#fff0 42%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 3px),linear-gradient(135deg,#3a414c 0%,#252a32 48%,#1a1e25 100%);border-radius:16px;gap:10px;padding:20px 26px 16px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 22px 34px -22px #0e1424cc}.th-help2-rivet{background:radial-gradient(circle at 35% 30%,#d9dee6,#6c747f 60%,#2a2f37);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 1px 1px #00000080}.th-help2-rivet:first-child{top:10px;left:10px}.th-help2-rivet:nth-child(2){top:10px;right:10px}.th-help2-rivet:nth-child(3){bottom:10px;left:10px}.th-help2-rivet:nth-child(4){bottom:10px;right:10px}.th-help2-plate-label{letter-spacing:.3em;color:#8fa6d9;font-size:11px;font-weight:600}.th-help2-code{font-family:var(--fog-font-display,Unbounded, sans-serif);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#f2f5fa;text-shadow:0 1px #0009,0 -1px #ffffff1f;flex-wrap:wrap;gap:4px 14px;font-size:clamp(18px,2vw,26px);font-weight:500;display:flex}.th-help2-code b{font-weight:inherit}.th-help2-code b:first-child{color:#a9c0ff}.th-help2-count{color:#98a2b1;justify-self:end;font-size:12px}.th-help2-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:auto;display:flex}.th-help2-where{color:var(--fog-muted,#4f5866);font-size:14px;line-height:1.45}.th-help2-where span{color:var(--fog-text);font-weight:600}.th-help2-btn{white-space:nowrap;height:52px;transition:background-color .3s var(--h2-ease), box-shadow .3s var(--h2-ease);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.th-help2-btn--blue{background:var(--h2-blue);color:#fff;box-shadow:inset 0 1px #ffffff47,0 16px 28px -14px #2a56c6d9}.th-help2-arrow{width:38px;height:38px;transition:transform .35s var(--h2-ease);background:#ffffff29;border-radius:50%;place-items:center;display:grid}.th-help2-btn:focus-visible{outline:3px solid var(--fog-accent,#4a7bf0);outline-offset:3px}.th-help2 .th-help2-mgr{color:#f2f5fa;background:radial-gradient(70% 80% at 100% 0,#4a7bf057,#4a7bf000 70%),linear-gradient(160deg,#2b313b 0%,#1b1f27 55%,#12151b 100%);border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff1a,0 34px 64px -38px #0a1028d9}.th-help2-mgr .th-help2-eyebrow{color:#a9c0ff}.th-help2 .th-help2-mgr .th-help2-text{color:#b9c2d0;margin-top:10px}.th-help2-waves{z-index:-1;pointer-events:none;width:380px;height:380px;transition:transform .8s var(--h2-ease);background:repeating-radial-gradient(circle,#a9c0ff24 0 1px,#a9c0ff00 1px 38px);border-radius:50%;position:absolute;top:-120px;right:-120px;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.th-help2-call{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.th-help2-phone{color:#fff;font-family:var(--fog-font-display,Unbounded, sans-serif);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:12px;font-size:clamp(20px,2vw,26px);font-weight:500;text-decoration:none;display:inline-flex}.th-help2-phone-ico{color:#a9c0ff;width:44px;height:44px;transition:background-color .3s var(--h2-ease);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;place-items:center;display:grid}.th-help2-phone:hover{color:#fff}.th-help2-phone:hover .th-help2-phone-ico{background:var(--h2-blue);color:#fff}.th-help2-phone:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #a9c0ff}.th-help2-hours{color:#98a2b1;align-items:center;gap:6px;font-size:13px;display:inline-flex}.th-help2-form{margin-top:auto}.th-help2-mgr .callback-quick{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px;display:grid}.th-help2-mgr .callback-quick input{color:#fff;height:48px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:16px}.th-help2-mgr .callback-quick input::placeholder{color:#8d97a6}.th-help2-mgr .callback-quick input:focus-visible{box-shadow:inset 0 0 0 2px #a9c0ff}.th-help2-mgr .callback-quick [data-slot=dialog-trigger]{background:var(--fog-orange,#ff7a2e);height:48px;color:var(--fog-orange-fg,#14171c);border:0;border-radius:999px;padding:0 22px;font-size:15px;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 14px 26px -14px #ff7a2ecc}.th-help2-mgr .callback-quick [data-slot=dialog-trigger]:hover{background:#ff8f4d}.th-help2-mgr .callback-quick small{grid-column:1/-1;display:none}@media (hover:hover) and (pointer:fine){.th-help2-card:hover{transform:translateY(-4px)}.th-help2-vin:hover{box-shadow:inset 0 1px #fff,0 44px 76px -40px #1a26468c,0 2px 6px -2px #1a264614}.th-help2-vin:hover .th-help2-plate{transform:translateY(-3px)rotate(-.6deg)}.th-help2-mgr:hover{box-shadow:inset 0 1px #ffffff1f,0 50px 84px -40px #0a1028f2}.th-help2-mgr:hover .th-help2-waves{transform:scale(1.08)}.th-help2-btn--blue:hover{background:var(--fog-cta-hover,#3a68da)}.th-help2-btn:hover .th-help2-arrow{transform:translate(4px)}}@media (max-width:1180px){.th-help2 .th-help2-card{padding:28px}.th-help2-title{font-size:24px}}@media (max-width:900px){.th-help2{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.th-help2{gap:14px;margin-top:14px}.th-help2 .th-help2-card{border-radius:24px;gap:18px;padding:22px}.th-help2-title{font-size:22px}.th-help2 .th-help2-text{font-size:14px}.th-help2 .th-help2 .th-help2-plate{padding:18px 18px 14px}.th-help2-code{letter-spacing:.1em;gap:2px 10px}.th-help2-foot{flex-direction:column;align-items:stretch}.th-help2-btn{justify-content:space-between}.th-help2-mgr .callback-quick{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:10px;padding:0}.th-help2-mgr .callback-quick input{background:#ffffff12;border:1px solid #ffffff24}}@media (max-width:360px){.th-help2 .th-help2-card{padding:18px}.th-help2-title{font-size:20px}.th-help2-phone{gap:10px;font-size:19px}.th-help2-code{font-size:16px}}@media (prefers-reduced-motion:reduce){.th-help2-card,.th-help2-plate,.th-help2-waves,.th-help2-arrow{transition:none!important;transform:none!important}}.th-help2-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.th-help2-list li{color:#d3d9e3;align-items:center;gap:10px;font-size:14px;display:flex}.th-help2 .th-help2-list .fog-icon{color:#a9c0ff;background:#4a7bf038;border-radius:50%;flex:none;width:22px;height:22px;padding:3px}@media (max-width:640px){.th-help2-list li{font-size:13.5px}.th-help2-code{letter-spacing:.06em;flex-wrap:nowrap;gap:8px;font-size:clamp(14px,4.4vw,19px)}}@media (max-width:360px){.th-help2-code{letter-spacing:.04em;gap:6px;font-size:13.5px}.th-help2 .th-help2 .th-help2-plate{padding:16px 14px 12px}.th-help2-phone{gap:8px;font-size:17px}.th-help2-phone-ico{width:36px;height:36px}}.th-help2 .th-help2-hours .fog-icon{width:16px;height:16px}.th-help2 .th-help2-arrow .fog-icon{width:18px;height:18px}.th-help2 .th-help2-mgr .callback-quick [data-slot=dialog-trigger]{min-width:0}
.homepage-production .search-area{width:min(1120px,84%)}.homepage-production .search-tabs[data-slot=tabs-list]{height:54px;position:relative}.homepage-production .search-tabs [data-slot=tabs-trigger]{min-width:0;color:var(--muted-foreground);gap:9px;padding-inline:clamp(12px,2vw,22px);font-size:16px;font-weight:750}.homepage-production .search-tabs [data-slot=tabs-trigger]:after{opacity:0;transform-origin:50%;height:2px;transition:opacity var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-emphasis);left:clamp(12px,2vw,22px);right:clamp(12px,2vw,22px);transform:scaleX(.25)}.homepage-production .search-tabs [data-slot=tabs-trigger][data-state=active]:after{opacity:1;transform:scaleX(1)}.homepage-production .search-tabs [data-slot=tabs-trigger] svg{width:21px;height:21px;transition:color var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-emphasis)}.homepage-production .search-tabs [data-slot=tabs-trigger][data-state=active] svg{color:var(--fog-accent);transform:translateY(-1px)scale(1.04)}.homepage-production .vin-form>[data-slot=field-group]{grid-template-columns:minmax(285px,.7fr) minmax(0,2fr);grid-template-areas:"intro form";align-items:center;gap:28px;min-height:0;padding:22px 24px 24px;display:grid}.homepage-production .vin-intro{grid-area:intro;grid-template-columns:64px minmax(0,1fr);align-self:center;align-items:center;gap:14px;min-width:0;margin:0;padding:0;display:grid}.homepage-production .search-intro-icon{border:1px solid var(--accent-soft);background:var(--surface);width:64px;height:64px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-normal) ease, transform var(--motion-normal) var(--motion-ease-emphasis);border-radius:50%;flex:0 0 64px;place-items:center;margin:0;display:grid;box-shadow:0 2px 8px #1e2d5a0f}.homepage-production .search-intro-icon img{border-radius:inherit;width:100%;height:100%}.homepage-production .vin-intro>div{min-width:0}.homepage-production .vin-intro h2{max-width:none;color:var(--navy);text-wrap:balance;margin:0;font-size:clamp(16px,1.3vw,18px);font-weight:750;line-height:1.3}.homepage-production .vin-intro p{max-width:31ch;color:var(--muted-foreground);margin:6px 0 0;font-size:12px;line-height:1.45}.homepage-production .vin-form-area{grid-area:form;gap:13px;min-width:0;display:grid}.homepage-production .vin-primary-row{grid-template-columns:minmax(0,1fr) minmax(168px,190px);align-items:start;gap:12px;min-width:0;display:grid}.homepage-production .vin-request-row{grid-template-columns:minmax(0,1fr) minmax(154px,180px);align-items:end;gap:12px;min-width:0;display:grid}.homepage-production .vin-form [data-slot=field]{gap:5px;min-width:0}.homepage-production .vin-form [data-slot=field-label]{color:var(--muted-foreground);transition:color var(--motion-fast) ease;font-size:12px;font-weight:700;line-height:1.35}.homepage-production .vin-code-field{grid-column:auto}.homepage-production .vin-code-field>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.homepage-production .vin-input-shell{border:1px solid var(--input);background:var(--surface);border-radius:10px;grid-template-columns:50px minmax(0,1fr) 48px;align-items:center;min-width:0;padding:0;display:grid;overflow:hidden;box-shadow:0 2px 8px #1e2d5a0f}.homepage-production .vin-input-shell>.mi-search-input-lead{border-right:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.045em;align-self:stretch;place-items:center;font-size:11px;font-weight:850;display:grid}.homepage-production .vin-input-shell [data-slot=input]{height:52px;color:var(--navy);letter-spacing:.01em;box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 48px 10px 12px;font-size:15px;font-weight:650}.homepage-production .vin-input-shell.mi-search-input:focus-within{border-color:var(--ring);box-shadow:none;outline:2px solid var(--ring);outline-offset:2px;transform:none}.homepage-production .vin-input-shell input:focus-visible{box-shadow:none;outline:0}.homepage-production .vin-request-field{position:relative}.homepage-production .vin-request-field:focus-within>label{color:var(--accent-text)}.homepage-production .vin-request-field [data-slot=textarea]{border:1px solid var(--border);background:var(--background);height:48px;min-height:48px;color:var(--navy);resize:vertical;transition:border-color var(--motion-fast) ease, background-size var(--motion-normal) var(--motion-ease-emphasis), box-shadow var(--motion-fast) ease;border-radius:9px;padding:13px 12px;font-size:12px;font-weight:650;line-height:20px;display:block;overflow:hidden}.homepage-production .vin-request-field [data-slot=textarea]:focus-visible{background-size:calc(100% - 18px) 2px;border-color:#4a7bf07a;outline:0;box-shadow:0 0 0 3px #4a7bf014}.homepage-production .vin-attachments{grid-area:auto;align-self:end;display:block}.homepage-production .vin-photo-actions{grid-template-columns:minmax(0,1fr) 48px;gap:7px;display:grid}.homepage-production .vin-photo-actions>[data-slot=button]{border:1px solid var(--border);min-width:48px;min-height:48px;color:var(--muted-foreground);padding:0}.homepage-production .vin-attachments .file-picker{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--muted-foreground);box-shadow:none;border-radius:9px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.2;display:flex;overflow:hidden}.homepage-production .photo-action-copy{align-items:center;gap:7px;min-width:0;display:inline-flex}.homepage-production .photo-action-icons{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.homepage-production .photo-action-icons svg{width:19px;height:19px;transition:opacity var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-emphasis);grid-area:1/1}.homepage-production .photo-action-success{opacity:0;transform:scale(.65)rotate(-12deg)}.homepage-production .vin-attachments[data-photo-state=selected] .file-picker{color:#176d43;background:#eef8f2;border-color:#9bcbb0}.homepage-production .vin-attachments[data-photo-state=selected] .photo-action-camera{opacity:0;transform:translateY(-4px)scale(.7)}.homepage-production .vin-attachments[data-photo-state=selected] .photo-action-success{opacity:1;transform:none}.homepage-production .vin-attachments[data-photo-state=error] .file-picker{color:#9c3040;background:#fff6f7;border-color:#dba8af}.homepage-production .photo-list{align-items:center;gap:8px;min-width:0;margin-top:7px;font-size:11px;display:flex}.homepage-production .photo-list p{margin:0}.homepage-production .photo-list span{text-overflow:ellipsis;white-space:nowrap;max-width:18ch;overflow:hidden}.homepage-production .photo-list [data-slot=button]{min-height:44px;padding-inline:9px;font-size:11px}.homepage-production .vin-photo-previews{overscroll-behavior-inline:contain;gap:7px;max-width:100%;margin-top:8px;padding-bottom:3px;display:flex;overflow-x:auto}.homepage-production .vin-photo-previews figure{border:1px solid var(--border);background:var(--surface);border-radius:9px;flex:0 0 84px;width:84px;margin:0;position:relative;overflow:hidden}.homepage-production .vin-photo-previews img{object-fit:cover;width:84px;height:58px;display:block}.homepage-production .vin-photo-previews figcaption{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:9px;overflow:hidden}.homepage-production .vin-photo-previews button{width:28px;height:28px;color:var(--surface);cursor:pointer;background:#091d30d1;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.homepage-production .vin-photo-previews button svg{width:14px;height:14px}.vin-created{padding:18px}.vin-created-summary{color:#176d43;background:#f8fcfa;border:1px solid #cce4d6;border-radius:13px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.vin-created-summary>span{background:#e4f4ea;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.vin-created-summary>span svg{width:20px;height:20px}.vin-created-summary>div{min-width:0}.vin-created-summary h2,.vin-created-summary p{margin:0}.vin-created-summary h2{color:#143f2b;text-wrap:balance;font-size:17px;line-height:1.3}.vin-created-summary p{color:#4e6f5e;max-width:64ch;margin-top:4px;font-size:12px;line-height:1.45}.vin-created-summary a{color:#176d43;text-underline-offset:3px;align-items:center;gap:4px;min-height:36px;font-size:12px;font-weight:800;display:inline-flex}.vin-created-summary a:hover{text-decoration:underline}.vin-created-summary a:focus-visible{outline:2px solid var(--fog-accent);outline-offset:2px;border-radius:4px}body:has(.vin-created) .homepage-production .hero-media{translate:none}@media (prefers-reduced-motion:no-preference){.vin-created-status{animation:.18s ease-out both vin-created-status-in}}@keyframes vin-created-status-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}.homepage-production .vin-consent-field{min-width:0;color:var(--muted-foreground);flex-flow:wrap;grid-area:auto;align-items:center;display:flex;gap:3px 18px!important}.homepage-production .vin-consent-field .consent{width:auto;min-width:0;min-height:44px;color:var(--navy);align-items:center;gap:9px;padding:0;font-size:11px;font-weight:650;line-height:1.35;display:inline-flex;position:relative}.homepage-production .vin-consent-field input{z-index:2;opacity:0;cursor:pointer;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.homepage-production .vin-consent-check{border:1px solid var(--input);background:var(--surface);width:20px;height:20px;color:var(--surface);pointer-events:none;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-spring);border-radius:5px;flex:0 0 20px;place-items:center;display:grid}.homepage-production .vin-consent-check svg{opacity:0;width:14px;height:14px;transition:opacity var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-spring);transform:scale(.45)rotate(-12deg)}.homepage-production .consent input:focus-visible+.vin-consent-check{border-color:var(--ring);box-shadow:0 0 0 3px #1e2d5a38}.homepage-production .consent input:checked+.vin-consent-check{border-color:var(--fog-accent);background:var(--fog-accent);color:var(--navy);transform:scale(1.04)}.homepage-production .consent input:checked+.vin-consent-check svg{opacity:1;transform:none}.homepage-production .vin-privacy-copy{flex-wrap:wrap;align-items:center;gap:5px 15px;min-width:0;display:inline-flex}.homepage-production .vin-consent-field .policy-link{width:auto;min-height:28px;color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.35}.homepage-production .vin-data-trust{width:auto;color:var(--muted-foreground);opacity:.72;transition:opacity var(--motion-normal) ease, transform var(--motion-normal) var(--motion-ease-emphasis);align-items:center;gap:5px;margin:0;font-size:11px;line-height:1.35;display:inline-flex;transform:translate(-2px)}.homepage-production .vin-data-trust svg{color:#39765a;width:15px;height:15px}.homepage-production .vin-form:has(#vin-consent:checked) .vin-data-trust{opacity:1;transform:none}.homepage-production .vin-consent-field>[data-slot=field-error]{flex-basis:100%}.homepage-production .vin-form .form-actions{grid-area:auto;padding:0;display:block}.homepage-production .vin-form .form-actions [data-slot=button]{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;height:52px;min-height:52px;color:var(--muted-foreground);opacity:1;transition:color var(--motion-normal) ease, background-color var(--motion-normal) var(--motion-ease-standard), border-color var(--motion-normal) ease, box-shadow var(--motion-normal) ease, transform var(--motion-fast) var(--motion-ease-standard);border-radius:10px;padding-inline:16px;font-size:14px;font-weight:800;overflow:hidden;box-shadow:0 2px 8px #1e2d5a0f}.homepage-production .vin-form .form-actions [data-slot=button]:disabled{cursor:not-allowed}.homepage-production .vin-form .form-actions [data-slot=button]:not(:disabled){border-color:var(--fog-accent);background-color:var(--fog-accent);color:var(--navy);box-shadow:0 2px 8px #1e2d5a0f}.homepage-production .vin-form .form-actions [data-slot=button]:not(:disabled):hover{border-color:var(--fog-accent);background-color:var(--fog-accent);box-shadow:0 2px 8px #1e2d5a0f}.homepage-production .vin-form .form-actions [data-slot=button]:not(:disabled) .vin-submit-search{animation:vin-cta-ready var(--motion-normal) var(--motion-ease-emphasis) both}.homepage-production .vin-submit-icons{place-items:center;width:20px;height:20px;display:grid}.homepage-production .vin-submit-icons svg{width:20px;height:20px;transition:opacity var(--motion-fast) ease, transform var(--motion-normal) var(--motion-ease-emphasis);grid-area:1/1}.homepage-production .vin-submit-success{opacity:0;transform:translateY(5px)scale(.7)}.homepage-production [data-vin-submit-state=success]{color:var(--white)!important;background:#168250!important;border-color:#168250!important;box-shadow:0 7px 16px #16825026!important}.homepage-production [data-vin-submit-state=success] .vin-submit-search{opacity:0;transform:translateY(-5px)scale(.7)}.homepage-production [data-vin-submit-state=success] .vin-submit-success{opacity:1;transform:none}.homepage-production [data-vin-submit-state=error]{box-shadow:0 7px 16px #b63b491a}.homepage-production .vin-form .form-status{color:#176d43;animation:vin-status-resolve var(--motion-normal) var(--motion-ease-emphasis) both;background:#eef8f2;border-radius:8px;grid-column:auto;margin:0;padding:10px 12px;font-size:11px;line-height:1.45}.homepage-production .vin-form[data-vin-state=error] .form-status{color:#9c3040;background:#fff6f7}@media (hover:hover) and (pointer:fine){.homepage-production .search-tabs [data-slot=tabs-trigger]:hover svg{transform:none}.homepage-production .vin-attachments .file-picker:hover{border-color:var(--text-on-dark-muted);background:var(--surface)}.homepage-production .vin-attachments .file-picker:hover .photo-action-camera{transform:none}}@media (prefers-reduced-motion:no-preference){.homepage-production .vin-intro{animation:vin-info-arrive .22s var(--motion-ease-emphasis) both}.homepage-production .vin-form:focus-within .search-intro-icon{border-color:var(--accent-soft);transform:scale(1.025);box-shadow:0 8px 20px #14263a14,0 0 0 4px #4a7bf00f}.homepage-production .vin-form[data-vin-state=success] .search-intro-icon{animation:vin-info-resolve .22s var(--motion-ease-spring) both}.homepage-production .vin-attachments[data-photo-state=selected] .photo-action-success{animation:vin-photo-check .22s var(--motion-ease-spring) both}}@media (max-width:1199px){.homepage-production .search-area{width:100%}.homepage-production .vin-form>[data-slot=field-group]{grid-template-columns:1fr;grid-template-areas:"intro""form";gap:16px}.homepage-production .vin-intro{grid-template-columns:58px minmax(0,1fr);max-width:580px}.homepage-production .search-intro-icon{width:58px;height:58px}.homepage-production .vin-intro p{max-width:58ch}.homepage-production .vin-input-shell{padding-bottom:0}.homepage-production .vin-form input::placeholder,.homepage-production .vin-form textarea::placeholder{font-weight:650}}@media (max-width:640px){.homepage-production .search-tabs[data-slot=tabs-list]{height:52px}.homepage-production .search-tabs [data-slot=tabs-trigger]{gap:6px;padding-inline:6px;font-size:12px}.homepage-production .search-tabs [data-slot=tabs-trigger] svg{width:18px;height:18px;display:block}.homepage-production .vin-form>[data-slot=field-group]{gap:14px;padding:16px 14px 18px}.homepage-production .vin-intro{grid-template-columns:52px minmax(0,1fr);gap:12px}.homepage-production .search-intro-icon{width:52px;height:52px}.homepage-production .vin-intro h2{text-wrap:initial;font-size:16px}.homepage-production .vin-intro p{max-width:none;margin-top:3px;font-size:11px}.homepage-production .vin-form-area{gap:12px}.homepage-production .vin-primary-row,.homepage-production .vin-request-row{grid-template-columns:minmax(0,1fr);gap:9px}.homepage-production .vin-input-shell{grid-template-columns:42px minmax(0,1fr) 46px}.homepage-production .vin-input-shell [data-slot=input]{height:50px;min-height:50px;padding-inline:10px 46px;font-size:14px}.homepage-production .vin-form .form-actions [data-slot=button]{height:48px;min-height:48px}.homepage-production .vin-request-field [data-slot=textarea]{height:52px;min-height:52px;padding-block:14px}.homepage-production .vin-attachments .file-picker{min-height:46px}.homepage-production .vin-consent-field{display:grid;gap:2px!important}.homepage-production .vin-consent-field .consent{width:100%}.homepage-production .vin-privacy-copy{gap:2px 13px;padding-left:29px}.homepage-production .vin-consent-field .policy-link{min-height:32px}.homepage-production .vin-form .form-status{margin-top:1px}}@media (max-width:359px){.homepage-production .vin-form>[data-slot=field-group]{padding-inline:12px}.homepage-production .vin-intro{grid-template-columns:46px minmax(0,1fr);gap:9px}.homepage-production .search-intro-icon{width:46px;height:46px}.homepage-production .vin-intro h2{font-size:15px}.homepage-production .vin-intro p{font-size:10.5px}.homepage-production .vin-privacy-copy{flex-direction:column;align-items:flex-start}}@keyframes vin-info-arrive{0%{opacity:.62;transform:translate(-7px)}to{opacity:1;transform:none}}@keyframes vin-info-resolve{45%{transform:scale(1)}to{transform:none}}@keyframes vin-photo-check{0%{opacity:.35;transform:scale(.62)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes vin-cta-ready{0%{opacity:.45;transform:scale(.78)}to{opacity:1;transform:none}}@keyframes vin-status-resolve{0%{opacity:.5;clip-path:inset(0 0 25%);transform:translateY(4px)}to{opacity:1;clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){.homepage-production .search-tabs [data-slot=tabs-trigger]:after,.homepage-production .search-tabs [data-slot=tabs-trigger] svg,.homepage-production .search-intro-icon,.homepage-production .vin-request-field [data-slot=textarea],.homepage-production .photo-action-icons svg,.homepage-production .vin-consent-check,.homepage-production .vin-consent-check svg,.homepage-production .vin-data-trust,.homepage-production .vin-form .form-actions [data-slot=button],.homepage-production .vin-submit-icons svg{transition:none;animation:none;transform:none}.homepage-production .vin-form .form-status{animation:none}}@media (max-width:560px){.vin-created{padding:10px}.vin-created-summary{gap:11px;padding:14px}.vin-created-summary>span{flex-basis:34px;width:34px;height:34px}.vin-created .vin-fitment.is-compact{margin:12px 0 0}}.homepage-production .vin-input-shell:has(input[aria-invalid=true]):focus-within{border-color:var(--destructive);outline-color:var(--destructive)}
