/* Flip Auto: automotive checkup / interactive turntable */
.vehicle-inspection{position:relative;overflow:hidden;background:#09141b;padding:110px 0 112px;border-top:1px solid #21323c;border-bottom:1px solid #20313a;isolation:isolate;color:#eef5f7}
.vehicle-inspection:before{content:"";position:absolute;z-index:-1;inset:-30% -10%;background:radial-gradient(ellipse 52% 32% at 42% 43%,rgba(56,93,113,.18),transparent 84%),linear-gradient(90deg,rgba(13,27,36,.35),transparent);pointer-events:none}
.vehicle-inspection .inspect-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:52px}
.vehicle-inspection .inspect-eyebrow{font:10px/1.6 Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.2em;color:#fe795c;text-transform:uppercase;margin-bottom:20px}
.vehicle-inspection .inspect-eyebrow i{color:#768d9a;font-style:normal;margin-right:12px}
.vehicle-inspection h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.047em;font-size:clamp(30px,4.0vw,61px);font-weight:800;line-height:1.01;text-transform:uppercase;margin:0}
.vehicle-inspection h2 span{color:#8c9da7}
.vehicle-inspection .inspect-head-copy{font-size:13px;line-height:1.75;max-width:315px;color:#b8c7d0;margin:0 0 4px}
.vehicle-inspection .inspect-stage{min-height:520px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);border:1px solid #35434d;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#13232d,#0a151d 74%);box-shadow:0 40px 110px #0004}
.vehicle-inspection .inspect-visual{position:relative;min-width:0;min-height:500px;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 53% 49%,#243844 0,#13242e 48%,#0b1720 100%)}
.vehicle-inspection .inspect-visual:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(255,255,255,.035),transparent 28%,transparent 70%,#050f1688);opacity:.7}
.vehicle-inspection .inspect-visual:after{content:"";height:1px;position:absolute;bottom:82px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#7894a34a,transparent);pointer-events:none}
.vehicle-inspection .inspect-render{position:absolute;inset:30px 6px 40px;width:calc(100% - 12px);height:calc(100% - 70px);touch-action:pan-y;cursor:grab;outline-offset:-8px;user-select:none}
.vehicle-inspection .inspect-render:active{cursor:grabbing}
.vehicle-inspection .inspect-render:focus-visible{outline:2px solid #ff765a}
.vehicle-inspection .inspect-watermark{position:absolute;top:31px;left:34px;font:10px/1.4 monospace;color:#bccad3a8;letter-spacing:.19em;z-index:2}
.vehicle-inspection .inspect-watermark b{display:block;font:700 12px Arial;margin-top:8px;color:#e9f2f4;letter-spacing:.15em}
.vehicle-inspection .inspect-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);width:28px;height:28px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;padding:0;background:#ff6746;color:#fff;box-shadow:0 0 0 8px #ff674629,0 0 28px #ff67467e;cursor:pointer;animation:inspect-pulse 2.5s ease-in-out infinite}
.vehicle-inspection .inspect-marker:before{content:"";width:5px;height:5px;background:white;border-radius:100%}
.vehicle-inspection .inspect-actions{position:absolute;left:31px;right:31px;bottom:25px;z-index:5;display:flex;align-items:center;gap:18px;justify-content:space-between}
.vehicle-inspection .inspect-turn{display:flex;align-items:center;gap:12px}
.vehicle-inspection .inspect-turn button{width:35px;height:35px;display:grid;place-items:center;color:#dbe5e9;border:1px solid #6b839077;background:#13293599;border-radius:50%;cursor:pointer;font-size:21px;transition:background .2s,border-color .2s}
.vehicle-inspection .inspect-turn button:hover{background:#273f4a;border-color:#b5c6ce}
.vehicle-inspection .inspect-drag{font:10px monospace;color:#cad9df;letter-spacing:.08em;white-space:nowrap}
.vehicle-inspection .inspect-drag span{color:#ff886e;margin-right:9px;font-size:15px}
.vehicle-inspection .inspect-panel{border-left:1px solid #40515a;padding:43px 37px 32px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(150deg,#152630cc,#111f28bd)}
.vehicle-inspection .inspect-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:.15em;color:#c1d0d7}
.vehicle-inspection .inspect-panel-head .inspect-count{color:#ff7a5b}
.vehicle-inspection h3{font:bold clamp(23px,2.4vw,36px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:30px 0 16px}
.vehicle-inspection .inspect-description{font:13px/1.72 Arial,Helvetica,sans-serif;color:#aabfc9;margin:0 0 25px;min-height:66px}
.vehicle-inspection .inspect-checks{list-style:none;margin:0 0 36px;padding:0;display:flex;flex-direction:column;gap:14px;color:#dee7eb;font:12px/1.45 Arial,Helvetica,sans-serif}
.vehicle-inspection .inspect-checks li{display:flex;gap:11px;align-items:start}

.vehicle-inspection .inspect-request{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #ff725ca1;background:transparent;color:#fff;border-radius:6px;padding:12px 16px;font-size:11px;letter-spacing:.01em;cursor:pointer;margin-top:auto;transition:background .2s}
.vehicle-inspection .inspect-request:hover{background:#ef684133}
.vehicle-inspection .inspect-request span{font-size:18px;color:#ff7959}
.vehicle-inspection .inspect-tabs{display:flex;gap:5px;margin-top:31px;overflow-x:auto;scrollbar-width:thin}
.vehicle-inspection .inspect-tab{flex:1 0 auto;display:flex;flex-direction:column;gap:11px;text-align:left;min-width:48px;border:0;border-top:2px solid #465661;background:transparent;color:#859ba7;padding:12px 0 0;font:10px/1.25 Arial,Helvetica,sans-serif;cursor:pointer;transition:color .2s,border-color .2s}
.vehicle-inspection .inspect-tab span{font:9px monospace;opacity:.7}
.vehicle-inspection .inspect-tab:hover{color:#f1f4f5}
.vehicle-inspection .inspect-tab[aria-pressed="true"]{border-top-color:#ff6948;color:white}
.vehicle-inspection .inspect-note{margin:14px 0 0;color:#889ba6;font:10px/1.6 Arial,Helvetica,sans-serif}
@keyframes inspect-pulse{0%,100%{box-shadow:0 0 0 8px #ff674629,0 0 25px #ff67466b}50%{box-shadow:0 0 0 12px #ff674612,0 0 32px #ff67467c}}
@media(max-width:1050px){.vehicle-inspection{padding:75px 0}.vehicle-inspection .inspect-stage{grid-template-columns:1fr 340px}.vehicle-inspection .inspect-panel{padding:36px 26px 27px}.vehicle-inspection .inspect-tab{font-size:9px}.vehicle-inspection .inspect-drag{font-size:9px}}
@media(max-width:800px){.vehicle-inspection .inspect-head{align-items:start;flex-direction:column;gap:17px;margin-bottom:30px}.vehicle-inspection .inspect-head-copy{max-width:570px}.vehicle-inspection .inspect-stage{grid-template-columns:1fr}.vehicle-inspection .inspect-visual{min-height:400px}.vehicle-inspection .inspect-render{inset:20px 10px 35px;width:calc(100% - 20px);height:calc(100% - 55px)}.vehicle-inspection .inspect-panel{border-left:0;border-top:1px solid #40515a;padding:30px}.vehicle-inspection .inspect-description{min-height:0}.vehicle-inspection .inspect-tabs{gap:15px}}
@media(max-width:480px){.vehicle-inspection{padding:58px 0 66px}.vehicle-inspection h2{font-size:clamp(31px,8vw,38px)}.vehicle-inspection .inspect-head-copy{font-size:12px}.vehicle-inspection .inspect-stage{border-radius:10px}.vehicle-inspection .inspect-visual{min-height:295px}.vehicle-inspection .inspect-render{inset:9px 0 35px;width:100%;height:calc(100% - 44px)}.vehicle-inspection .inspect-watermark{left:15px;top:17px;font-size:8px}.vehicle-inspection .inspect-watermark b{font-size:9px}.vehicle-inspection .inspect-actions{bottom:14px;left:15px;right:15px}.vehicle-inspection .inspect-turn{gap:7px}.vehicle-inspection .inspect-turn button{width:30px;height:30px;font-size:19px}.vehicle-inspection .inspect-drag{font-size:8px}.vehicle-inspection .inspect-panel{padding:27px 19px 23px}.vehicle-inspection h3{font-size:29px;margin:20px 0 13px}.vehicle-inspection .inspect-checks{gap:10px;margin-bottom:25px}.vehicle-inspection .inspect-tabs{gap:14px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.vehicle-inspection .inspect-marker{animation:none}.vehicle-inspection *, .vehicle-inspection *:before{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){
 .vehicle-inspection{padding:36px 0 30px}
 .vehicle-inspection .inspect-head{gap:0;margin-bottom:14px}
 .vehicle-inspection .inspect-eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:8px}
 .vehicle-inspection h2{font-size:clamp(24px,6.5vw,29px);line-height:1.04}
 .vehicle-inspection .inspect-head-copy{display:none}
 .vehicle-inspection .inspect-stage{min-height:0;border-radius:10px}
 .vehicle-inspection .inspect-stage>.inspect-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:0 10px;background:#11232e;overflow:visible;border-bottom:1px solid #40515a}
 .vehicle-inspection .inspect-tab{min-width:0;min-height:45px;gap:4px;padding:8px 1px;border-top:0;border-bottom:2px solid transparent;font-size:9px;text-align:center;align-items:center}
 .vehicle-inspection .inspect-tab span{font-size:8px}
 .vehicle-inspection .inspect-tab[aria-pressed="true"]{border-bottom-color:#ff6948;background:#ff69480b}
 .vehicle-inspection .inspect-visual{min-height:0;height:clamp(136px,24svh,200px)}
 .vehicle-inspection .inspect-render{inset:0 4px 29px;width:calc(100% - 8px);height:calc(100% - 29px)}
 .vehicle-inspection .inspect-watermark{top:9px;left:12px;font-size:7px;letter-spacing:.08em}
 .vehicle-inspection .inspect-watermark b{font-size:8px;margin-top:3px;letter-spacing:.08em}
 .vehicle-inspection .inspect-actions{left:12px;right:12px;bottom:8px;gap:8px}
 .vehicle-inspection .inspect-turn{gap:6px}
 .vehicle-inspection .inspect-turn button{width:26px;height:26px;font-size:18px}
 .vehicle-inspection .inspect-drag{font-size:7px;letter-spacing:0}
 .vehicle-inspection .inspect-drag span{font-size:12px;margin-right:4px}
 .vehicle-inspection .inspect-marker{width:23px;height:23px}
 .vehicle-inspection .inspect-panel{padding:13px 14px 14px}
 .vehicle-inspection .inspect-panel-head,.vehicle-inspection .inspect-description{display:none}
 .vehicle-inspection h3{font-size:22px;line-height:1.05;margin:0 0 8px}
 .vehicle-inspection .inspect-checks{gap:5px;font-size:10.5px;line-height:1.35;margin:0 0 10px}
 .vehicle-inspection .inspect-checks li{gap:7px}

 .vehicle-inspection .inspect-request{min-height:35px;padding:7px 11px;font-size:10px;margin-top:0}
 .vehicle-inspection .inspect-note{font-size:9px;line-height:1.35;margin-top:9px}
}
@media(max-width:640px) and (max-height:700px){
 .vehicle-inspection{padding-block:20px 24px}
 .vehicle-inspection .inspect-head{margin-bottom:10px}
 .vehicle-inspection h2{font-size:24px}
 .vehicle-inspection .inspect-visual{height:clamp(110px,22svh,150px)}
}