/* Toyota Iran — Figma 875:8336. Plain, editable CSS; no build required. */
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--red:#c30400;--bright-red:#ec2d30;--ink:#000;--muted:#8e8e8e;--line:#efefef;--soft:#fafafa;--content:1248px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:white;font:400 14px/1.57 Anjoman,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
p,h1,h2,h3,figure,dl,dd{margin:0}
img{display:block;max-width:100%}
button{border:0;background:none}
ul{list-style:none;padding:0;margin:0}
em{font-style:normal}
main,section,article,nav,div{min-width:0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #0075ff;outline-offset:4px}
.container{width:min(var(--content),calc(100% - 64px));margin-inline:auto}
.section{position:relative}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 24px;border:1px solid var(--line);border-radius:4px;background:white;font-size:12px;line-height:19px;text-align:center}
.button:hover{filter:brightness(.96)}
.button .icon{flex-shrink:0}
.icon{width:18px;height:18px;object-fit:contain}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;inset-block-start:-80px;inset-inline-start:16px;padding:12px;background:white;color:black;border:2px solid var(--red)}
.skip-link:focus{top:12px}
.logo{display:inline-block;position:relative;flex-shrink:0;overflow:hidden;width:71px;height:29px}
.logo img{position:absolute;max-width:none;height:232.26%;width:271.12%;left:-170.65%;top:-29.03%}
.full-logo{width:154px;height:23px}
.full-logo img{width:100.35%;left:-.17%}
.section-heading{text-align:center}
.section-heading h2{display:flex;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:500;line-height:38px}
.section-heading p{font-size:14px;font-weight:300;line-height:22px;color:#1f1f1f;margin-top:8px}
.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.image-button{display:block;padding:0;position:relative;overflow:hidden}
.eyebrow{font-size:14px;line-height:22px}

/* Footer */
.site-footer{position:relative;background:black;color:white;padding-top:88px;overflow:hidden}
.footer-inner{position:relative;z-index:1}
.footer-glow{position:absolute;top:-180px;left:calc(50% - 500px);width:1000px;height:620px;background:radial-gradient(ellipse,rgba(80,80,100,.38),transparent 65%);pointer-events:none}
.footer-intro{text-align:center}
.footer-intro .full-logo{display:block;margin-inline:auto;width:458px;height:67px;max-width:100%}
.footer-intro>p{font-size:15px;line-height:30px;letter-spacing:-.3px;width:760px;max-width:100%;margin:24px auto}
.footer-contact{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;width:826px;max-width:100%;margin:0 auto;font-style:normal;text-align:center;padding-block:24px}
.footer-contact:before,.footer-contact:after{content:'';height:1px;background:#252525;position:absolute;left:41px;right:41px;top:0}
.footer-contact:after{top:auto;bottom:0}
.footer-contact>div{flex:1}
.footer-contact h3{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:21px;font-weight:700;margin-bottom:4px}
.footer-contact p,.footer-contact a{font-size:12px;line-height:22px;font-weight:300}
.footer-contact .icon{width:18px;height:18px}
.footer-links{display:flex;justify-content:space-between;width:744px;max-width:100%;margin:56px auto 64px}
.footer-links h3{font-size:16px;line-height:24px;font-weight:600;margin-bottom:24px}
.footer-links ul{display:flex;flex-direction:column;gap:16px}
.footer-links li,.text-button{font-size:14px;line-height:21px;font-weight:400}
.text-button{border:0;background:none;padding:0;min-height:21px;text-align:right}
.copyright{position:relative;display:flex;align-items:center;justify-content:center;background:#262626;gap:0;min-height:32px}
.copyright p{font-size:15px;line-height:30px;letter-spacing:-.3px;white-space:nowrap}
.copyright [lang=en]{font-size:14px;line-height:32px;width:378px}

/* Local dialogs and accessible interaction states */
dialog{width:min(520px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:12px;color:black;background:white;box-shadow:0 24px 80px #0004}
dialog::backdrop{background:rgba(0,0,0,.72)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.dialog-heading h2{font-size:20px;font-weight:600}
#notice-text{font-size:15px;line-height:28px}
.gallery-dialog{width:min(1000px,calc(100% - 32px))}
.gallery-dialog figure img{width:100%;height:min(64vh,660px);object-fit:contain;background:#fafafa}
.gallery-dialog figcaption{margin-top:12px;text-align:center}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.noscript-note{padding:16px;background:#fff9ee;text-align:center}

@font-face{font-family:Arizonia;src:url('assets/fonts/Arizonia-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--content:1250px}
.container{width:min(1250px,calc(100% - 64px))}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:34px;gap:22px;margin-top:56px;z-index:5}
.main-navigation{display:flex;gap:24px;align-items:center;white-space:nowrap}
.main-navigation a,.nav-button{position:relative;font-size:12px;line-height:20px;font-weight:400;padding:0;min-height:20px}
.design-current:after{content:'';position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);width:36px;height:2px;border-radius:32px;background:var(--red)}
.header-tools{display:flex;align-items:center;gap:24px}.socials{display:flex;gap:16px;align-items:center}.socials img{width:14px;height:14px;object-fit:contain}.icon-button{padding:0}
.dashboard{background:#f5f5f5;color:#181d28;width:162px;min-height:34px;padding:8px 20px;font-size:12px;line-height:18px;border:0;white-space:nowrap}.dashboard .icon{width:14px;height:14px}.menu-toggle{display:none}
/* Onsite service page: positions and crops from Figma 875:8336. */
.mobile-header-tools{display:none}
.onsite-main{margin-top:48px;display:flex;flex-direction:column;gap:48px}
.hero-shell{position:relative}.hero{height:583px;position:relative;background:#fafafa;border-radius:16px;overflow:hidden}
.hero-art{position:absolute;inset:0;pointer-events:none}.hero-art img,.mechanic-top img{max-width:none;position:absolute}
.map-placement{position:absolute;left:-108.11px;top:-247.72px;width:1036.228px;height:1344.893px;display:flex;justify-content:center;align-items:center;direction:ltr;mask-image:url('assets/imgImage1.svg');mask-size:564px 564px;mask-position:236.115px 212.725px;mask-repeat:no-repeat;mask-mode:alpha}
.map-image{position:relative;width:564px;height:1221.066px;transform:rotate(25.6deg)}
.map-image img{inset:0;width:100%;height:100%;object-fit:cover}
.garage{position:absolute;width:366px;height:800px;left:-16px;top:-40px;overflow:hidden}.garage img{height:100%;width:312.28%;left:-8.19%;top:0}
.mechanic{position:absolute;left:0;top:0;width:667px;height:583px;overflow:hidden;transform:scaleX(-1)}.mechanic img{height:177.17%;width:221.11%;left:-99.14%;top:-17.2%}
.mechanic-top{position:absolute;top:-30px;left:-61px;width:728px;height:30px;overflow:hidden;transform:scaleX(-1);pointer-events:none}.mechanic-top img{height:3442.96%;width:202.58%;left:-90.83%;top:-234.34%}
.hero-copy{position:absolute;right:107px;top:78px;width:430px}.hero-copy h1{font-size:32px;line-height:64px;font-weight:500}.hero-copy h1>span{display:block}.hero-copy h1 strong{font-weight:500;color:#ec2d30}.hero-copy>p{margin-top:24px;font-size:13px;font-weight:300;line-height:22px;color:#1f1f1f}
.hero-contact{position:absolute;top:415px;right:107px;width:451px}.hero-contact address{font-size:13px;font-weight:300;line-height:22px;font-style:normal;color:#1f1f1f}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:24px}.phone-group{display:flex;gap:8px;align-items:center;flex:none}.phone-icon{width:41px;height:41px;border-radius:6px;background:#ffebee;display:flex;justify-content:center;align-items:center}.phone-icon img{width:16px;height:16px}.phone-group>div{width:229px}.phone-group p{font-size:12px;line-height:22px;font-weight:300;white-space:nowrap}.phone-numbers{display:flex;gap:16px;justify-content:flex-start;font-size:18px;font-weight:600;line-height:28px;white-space:nowrap}.request-button{flex:none;display:flex;gap:8px;align-items:center;background:#c30400;color:white;border-radius:4px;padding:8px 32px 8px 16px;font-size:12px;line-height:19px}.request-button img{width:24px;height:24px}
.services{padding-block:64px}.services-heading{position:relative;height:147px;text-align:center}.script-title{position:absolute;left:50%;top:-56px;transform:translateX(-50%);font:400 100px/125px Arizonia,cursive;color:transparent;background:linear-gradient(180deg,#e1e1e1 25.2%,rgba(225,225,225,.2) 75.467%);background-clip:text;pointer-events:none}.services-heading h2{position:relative;font-size:32px;line-height:50px;font-weight:600;color:#ec2d30}.services-heading>p:not(.script-title){position:relative;max-width:942px;margin:8px auto 0;font-size:16px;font-weight:300;line-height:30px;color:#1f1f1f}.service-list{display:flex;flex-direction:column;gap:16px}.service-row{display:flex;direction:ltr;justify-content:center;gap:16px}.service-row li{width:var(--pill-width);flex-shrink:1;padding:19px 15px;border:1px solid #efefef;border-radius:8px;text-align:center;font-size:16px;line-height:25px;font-weight:500;white-space:nowrap}
.overview{padding-block:100px;display:grid;grid-template-columns:511fr 707fr;gap:32px;align-items:start}.overview-copy h2{font-size:24px;line-height:48px;font-weight:500}.overview-copy h2 strong{color:#ec2d30;font-weight:500}.overview-description{margin-top:24px;font-size:13px;font-weight:300;line-height:22px;color:#1f1f1f}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:24px}.feature-icon{width:40px;height:40px;border-radius:4px;padding:12px;display:block;margin-bottom:8px}.feature-icon img{width:16px;height:16px}.feature-icon.green{background:#f2faf6}.feature-icon.yellow{background:#fff9ee}.feature-icon.blue{background:#0075ff1a}.feature-icon.red{background:#fef2f2}.feature h3{font-size:16px;line-height:25px;font-weight:500;margin-bottom:4px}.feature p{font-size:12px;line-height:22px;font-weight:300;color:#1f1f1f}
.collage{position:relative;height:515px;direction:ltr}.collage-photo{padding:0;position:absolute;overflow:hidden;border-radius:8px}.collage-photo img{width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none}.photo-489{left:34.0877%;top:-35px;width:31.8246%;height:376px}.photo-492{left:0;top:148px;width:31.8246%;height:193px}.photo-490{left:68.1754%;top:188px;width:31.8246%;height:284px}.photo-493{left:68.1754%;top:37px;width:31.8246%;height:132px}.photo-493 img{position:absolute;left:0;top:-131.91%;width:100%;height:288.57%}.photo-494{left:0;top:32px;width:31.8246%;height:98px}.photo-494 img{position:absolute;left:0;top:-68.91%;width:100%;height:174.35%}.photo-491{left:10.8911%;top:359px;width:55.0212%;height:191px}
.reviews{padding-block:32px}.reviews-heading{text-align:center}.reviews-heading h2,.faq-heading h2{font-size:24px;font-weight:600;line-height:48px}.reviews-heading h2 strong,.faq-heading h2 strong{font-weight:600;color:#ec2d30}.reviews-heading p{font-size:13px;line-height:22px;font-weight:300}.reviews-viewport{margin-top:16px;overflow-x:auto;direction:ltr;scrollbar-width:none;overscroll-behavior-x:contain}.reviews-viewport::-webkit-scrollbar{display:none}.reviews-viewport:focus-visible{outline-offset:-4px}.reviews-track{display:flex;gap:16px;width:max-content;min-width:100%;justify-content:center;padding-inline:0}.review-card{width:546px;min-height:248px;border:1px solid #efefef;border-radius:8px;padding:23px;flex:none}.review-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid #efefef;gap:12px}.review-author{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500;line-height:22px}.review-author img{width:22px;height:22px;border-radius:50%}.rating{display:flex;align-items:center;gap:4px;font-size:12px;line-height:22px;direction:ltr}.rating img{width:20px;height:20px}.review-copy{margin-top:20px;font-size:14px;line-height:25.718px}.review-copy h3{font-size:14px;font-weight:600;line-height:25.718px;margin-bottom:8px}.review-copy p{font-weight:400}
.faq{background:#fafafa;padding:72px 0}.faq-heading{text-align:center}.faq-heading>p{max-width:1014px;margin:8px auto 0;font-size:16px;line-height:30px;font-weight:300;color:#1f1f1f}.faq-grid{display:grid;grid-template-columns:622fr 594fr;gap:32px;margin-top:64px;align-items:start}.faq-photo{width:100%;height:480px;object-fit:cover;border-radius:8px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item:not(:first-child){padding-bottom:15px;border-bottom:1px solid #efefef}.faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;width:100%;padding:8px 0;font-size:16px;line-height:25px;font-weight:400}.faq-item:first-child .faq-toggle{padding:0}.faq-toggle img{width:24px;height:24px;flex:none}.faq-answer{margin-top:16px;background:white;border-radius:8px;padding:32px}.faq-answer h4{margin:0 0 24px;font-size:16px;font-weight:500;line-height:32px}.faq-answer p{font-size:14px;line-height:25px;font-weight:300;color:#1f1f1f}
.site-footer{margin-top:48px}.footer-glow{background:none;top:-131px;left:calc(50% - 170px);width:340px;height:340px}.footer-glow img{position:absolute;inset:-205.88%;width:511.76%;height:511.76%;max-width:none}.copyright{flex-wrap:wrap}
@media(min-width:1380px){.container{width:calc(100% - 190px);max-width:1250px}}
@media(max-width:1300px){.main-navigation{gap:14px}.header-tools{gap:14px}.socials{gap:10px}.dashboard{width:145px;padding-inline:10px}.hero-copy,.hero-contact{right:40px}.hero-art{left:-80px}.mechanic-top{left:-141px}.service-row{flex-wrap:wrap}.service-row li{white-space:normal;flex-shrink:0}.services-heading{height:auto;padding-bottom:32px}.overview{grid-template-columns:1fr 1.2fr}.overview-copy h2{font-size:22px}.features{gap:24px}.faq-toggle{font-size:14px}.faq-answer{padding:24px}.faq-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.site-header{margin-top:32px}.menu-toggle{display:block;min-height:34px;background:#f5f5f5}.header-tools{margin-inline-start:auto}.main-navigation{display:none;position:absolute;top:50px;left:0;right:0;padding:24px;background:white;border:1px solid #eee;box-shadow:0 12px 30px #0002;border-radius:8px;flex-direction:column;align-items:stretch;gap:18px}.main-navigation.is-open{display:flex}.main-navigation a,.nav-button{text-align:right;font-size:14px}.design-current:after{display:none}.hero-art{left:-180px;opacity:.5}.mechanic-top{display:none}.hero-copy{right:32px}.hero-contact{right:32px}.hero-copy,.hero-contact{z-index:1}.hero-copy>p,.hero-contact{background:#fafafae6;border-radius:8px}.overview{grid-template-columns:minmax(0,1fr);gap:72px;padding-block:48px}.overview-copy{max-width:707px;margin-inline:auto}.overview-description{font-size:14px;line-height:26px}.features{gap:32px 40px}.collage{width:707px;max-width:100%;margin-inline:auto}.faq-grid{grid-template-columns:1fr;gap:32px}.faq-photo{height:auto;aspect-ratio:622/480;max-height:480px}.faq-list{max-width:707px;width:100%;margin-inline:auto}.faq-toggle{font-size:16px}.faq-answer{padding:32px}.faq-heading p{max-width:707px}.faq-grid{margin-top:40px}.copyright{padding-inline:16px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.site-header{margin-top:24px;gap:12px}.header-tools{display:none}.menu-toggle{margin-inline-start:auto;min-height:40px}.onsite-main{margin-top:32px;gap:40px}.hero{height:auto;padding:28px 24px 0;display:flex;flex-direction:column}.hero-art{position:relative;order:3;left:auto;inset:auto;width:calc(100% + 48px);margin:28px -24px 0;height:300px;overflow:hidden;opacity:1}.garage{width:190px;height:414px;left:-8px;top:-21px}.mechanic{width:346px;height:302px;left:0;top:0}.map-placement{left:-260px;top:-380px}.hero-copy,.hero-contact{position:relative;inset:auto;width:100%;background:none}.hero-copy h1{font-size:25px;line-height:48px}.hero-copy>p{font-size:13px;line-height:24px;margin-top:20px;background:none}.hero-contact{margin-top:24px}.hero-contact address{font-size:12px;line-height:24px}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:20px}.phone-group{max-width:100%;gap:8px}.phone-icon{width:34px;height:34px;flex:none}.phone-group>div{width:auto;min-width:0}.phone-group p{font-size:12px;white-space:normal;line-height:20px}.phone-numbers{font-size:16px;gap:12px;justify-content:space-between;line-height:28px}.request-button{min-height:44px;padding-inline:24px}.services{padding-block:48px 24px}.services-heading h2{font-size:28px;line-height:44px}.script-title{font-size:82px;line-height:110px;top:-48px}.services-heading>p:not(.script-title){font-size:14px;line-height:28px}.service-list{gap:12px}.service-row{gap:12px}.service-row li{width:100%;padding:14px;font-size:14px;line-height:24px}.overview{padding-block:24px 40px;gap:44px}.overview-copy h2{font-size:20px;line-height:40px}.overview-description{margin-top:20px;font-size:13px;line-height:25px}.features{gap:28px 20px}.feature h3{font-size:14px}.feature p{font-size:12px;line-height:22px}.collage{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto}.collage-photo{position:relative;inset:auto;width:100%;height:190px}.collage-photo img{position:static;width:100%;height:100%;object-fit:cover}.photo-489,.photo-490{height:260px}.reviews{padding-block:24px}.reviews-heading h2,.faq-heading h2{font-size:22px;line-height:40px}.review-card{width:calc(100vw - 56px);padding:20px;min-height:0}.reviews-track{padding-inline:20px;gap:16px}.review-copy{font-size:13px;line-height:25px}.review-copy h3{font-size:14px}.faq{padding-block:48px}.faq-heading>p{font-size:14px;line-height:28px}.faq-grid{margin-top:32px}.faq-toggle{font-size:14px;line-height:26px;gap:12px}.faq-answer{padding:20px}.faq-answer h4{font-size:14px;line-height:28px;margin-bottom:16px}.faq-answer p{font-size:13px;line-height:25px}.faq-list{gap:16px}.gallery-controls{gap:8px}.gallery-controls .button{padding-inline:12px}.gallery-dialog{padding:20px}.gallery-dialog figure img{height:55vh}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero{padding-inline:18px}.hero-art{width:calc(100% + 36px);margin-inline:-18px}.hero-copy h1{font-size:22px;line-height:42px}.phone-group p{font-size:11px}.phone-numbers{font-size:14px;gap:10px}.phone-icon{width:30px;height:30px}.feature h3{font-size:13px}.collage-photo{height:160px}.photo-489,.photo-490{height:220px}.footer-links{gap:28px 16px}.footer-links li,.text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){.mobile-header-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #efefef;padding-top:16px}.mobile-header-tools .icon-button{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}}

@media(max-width:700px){
 .site-footer{padding-top:48px;margin-top:40px}.footer-intro .full-logo{width:290px;height:43px}.footer-intro>p{font-size:14px;line-height:28px;margin-block:24px}.footer-contact{flex-direction:column;gap:24px;padding-block:24px}.footer-contact:before,.footer-contact:after{left:0;right:0}.footer-contact>div{width:100%;max-width:310px}.footer-contact p,.footer-contact a{font-size:13px}.footer-links{margin-block:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}.footer-links h3{font-size:15px;margin-bottom:16px}.footer-links li,.text-button{font-size:13px;line-height:22px}.footer-links ul{gap:14px}.text-button{min-height:22px}.copyright{gap:4px;padding:12px 20px;text-align:center}.copyright p{white-space:normal;font-size:12px;line-height:22px}.copyright [lang=en]{font-size:12px;line-height:22px;width:100%}.dialog-heading h2{font-size:17px}.dialog-heading{gap:12px}
}