/* TeslaRepair English V2 — quarter-panel anatomy and image guides; loaded only on the quarter-panel page. */
body.tr-v2-site #tr-quarter.tr-v2 .tr-pricing{padding-bottom:30px}
body.tr-v2-site #tr-quarter.tr-v2 #options{padding-top:38px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-models{padding-bottom:58px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:36px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading h2{margin-bottom:0;max-width:540px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading>p{margin:0;color:#cbd3dd;font-size:16px;max-width:510px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-visual{position:relative;align-self:center}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-image{position:relative;overflow:hidden;border-radius:var(--tr-radius);border:1px solid #56616e}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-image img{aspect-ratio:1400/933;object-fit:contain}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-image:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0002;border-radius:inherit}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--tr-white);border-radius:50%;background:#151b23ed;color:var(--tr-white);font:700 16px/1 var(--tr-font);box-shadow:0 0 0 5px #ffffff25;transition:background .2s,box-shadow .2s}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin[aria-pressed=true],body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin:hover{background:var(--tr-red);box-shadow:0 0 0 7px var(--tr-red-halo)}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-visual figcaption{color:#b9c2ce;font-size:12px;margin-top:12px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item{padding:17px 0 17px 18px;border-top:1px solid #46505b;border-left:2px solid transparent;transition:background .2s,border-color .2s}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item:first-child{border-top-color:transparent}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item.is-active{border-left-color:var(--tr-accent-light);background:linear-gradient(90deg,#ffffff08,transparent)}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item h3{margin:0 0 8px;font-size:20px;line-height:1.3}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-zone-label{all:unset;cursor:pointer;display:flex;gap:12px;align-items:baseline;color:var(--tr-white);font:700 20px/1.3 var(--tr-font);letter-spacing:-.02em}
body.tr-v2-site #tr-quarter.tr-v2 .tr-zone-label span{font-size:12px;color:var(--tr-accent-pale);font-weight:600;letter-spacing:0}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item p{font-size:15px;line-height:1.6;color:#cbd3dd;margin:0;padding-left:29px}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin:focus-visible,body.tr-v2-site #tr-quarter.tr-v2 button.tr-zone-label:focus-visible{outline:3px solid var(--tr-focus);outline-offset:5px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-guide{margin-top:29px;padding-top:24px;border-top:1px solid #ffffff2b}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-guide h3{font-size:17px;margin-bottom:14px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid figure{min-width:0}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-frame{position:relative;border:1px solid #6b707a;border-radius:var(--tr-radius-sm);overflow:hidden;background:#343940}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-frame:after{content:'';position:absolute;inset:9px;border:1px solid #ffffff8c;border-radius:2px;pointer-events:none}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-frame img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;opacity:.86}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid figcaption{font-size:12px;color:#d7dce4;margin-top:7px;line-height:1.4}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid figcaption span{font-weight:700;color:var(--tr-accent-pale);margin-right:5px}
@media(max-width:1100px){
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading{gap:36px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-layout{gap:28px;grid-template-columns:1.2fr 1fr}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-zone-label{font-size:18px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item p{font-size:14px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item{padding-left:12px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid{gap:9px}
}
@media(max-width:900px){
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-layout{grid-template-columns:1fr}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading{grid-template-columns:1fr;gap:20px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading>p{max-width:650px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-visual{max-width:760px;width:100%;margin:auto}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item:first-child{border-top-color:#46505b}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item p{font-size:15px}
}
@media(max-width:800px){
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-guide{max-width:560px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-models{padding-bottom:49px}
}
@media(max-width:540px){
body.tr-v2-site #tr-quarter.tr-v2 .tr-pricing{padding-bottom:23px}
body.tr-v2-site #tr-quarter.tr-v2 #options{padding-top:26px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-list{grid-template-columns:1fr}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-heading{margin-bottom:25px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item{padding:19px 0 19px 12px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-anatomy-item p{font-size:15px}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-zone-label{font-size:19px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-grid{gap:10px}
body.tr-v2-site #tr-quarter.tr-v2 .tr-photo-frame img{aspect-ratio:1.35}
}
@media(max-width:540px){
body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin[data-zone="1"]{left:28%;top:49%}
body.tr-v2-site #tr-quarter.tr-v2 button.tr-pin[data-zone="2"]{top:18%}
}