/* Upper-page geometry measured from the live Auto Gearbox Repairs page.
   Seven Gearbox keeps its own Persian content, assets and approved copper palette. */
.reference-template .hero{position:relative;isolation:isolate;overflow:hidden;color:white}.reference-template .hero-grid{position:relative}.reference-template .hero h1{color:white}
.shell { width:min(1240px,calc(100% - 100px)); }
.header { position:relative; top:auto; z-index:20; border-bottom:1px solid #FFFFFF15; }
.header-inner { height:88px; min-height:88px; gap:0; justify-content:space-between; }
.header .brand { flex:none; }
.brand-logo { display:block; max-inline-size:100%; block-size:auto; }
.header .brand-logo { inline-size:148px; }
.footer .brand-logo { inline-size:172px; }
.header .nav { display:flex; align-items:center; gap:28px; margin-inline-start:auto; }
.header .nav a,.nav-disclosure>summary { font-size:12px; font-weight:700; }
.header .nav>a,.nav-disclosure>summary { padding:12px 0; white-space:nowrap; }
.header-utility { display:contents; }
.header .header-desktop-cta { display:inline-flex; flex:none; min-height:42px; margin-inline-start:28px; padding:11px 18px; font-size:12px; line-height:1.5; }
.header-phone { display:flex; flex:none; align-items:flex-end; min-width:132px; margin-inline-start:auto; font-size:14px; gap:5px; }
.header-phone span { font-size:8px; line-height:1.4; }
.header-phone bdi { font-size:14px; line-height:1.4; }
.nav-disclosure { position:relative; }
.nav-disclosure>summary { min-height:0; gap:10px; }
.nav-dropdown { inset-inline-start:-30px; top:45px; min-width:460px; display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:16px; color:var(--deep); background:#FFF; border:1px solid #D3D3CA; box-shadow:0 20px 35px #0003; }
.header .nav-dropdown>a { border:0; padding:12px 14px; color:var(--deep); font-size:12px; white-space:normal; }
.header .nav-dropdown>a:hover { background:#F0ECE1; color:var(--deep); }
.header .nav-dropdown>a[aria-current=page] { color:var(--accent-ink); }
.header .menu-toggle { display:none; }

/* A photographic hero, with the image occupying the opposite side of the copy. */
.hero-mobile-break{display:none}.reference-template .hero-actions .shift-mark{width:20px;height:20px}.header .menu-toggle{gap:9px;font-size:10px;width:auto;min-width:70px;height:36px;min-height:36px}.header .menu-lines{flex:none;display:block;width:15px;height:11px}.header .menu-lines::after{inset:4px 0 auto}
@media(max-width:480px){.hero-mobile-break{display:block}.reference-template .hero-copy>p{min-height:96.2px}.reference-template .hero-phone{line-height:1.7}}
@media(min-width:821px){.reference-template .hero-copy>p{min-height:78.75px}}
.reference-template .hero { padding:0; background:var(--deep); }
.reference-template .hero-grid { display:grid; grid-template-columns:1fr .6fr; gap:60px; min-height:635px; padding:64px 0 130px; align-items:start; }
.reference-template .hero-copy { position:static; max-width:720px; }
.reference-template .hero-image { inset:0 auto 0 0; width:61%; z-index:-2; opacity:1; }
.reference-template .hero-image img { height:100%; width:100%; object-fit:cover; object-position:50% 48%; transform:scaleX(-1); filter:grayscale(.4); }
.reference-template .hero-image::after { background:linear-gradient(270deg,#111315,#111315B0 20%,#11131515 58%,#11131510),linear-gradient(0deg,#111315D9,transparent 40%); }
.reference-template .hero .eyebrow { font-size:10px; line-height:1.7; margin:0; color:#D2D2C6; }
.reference-template .hero h1 { font-size:clamp(56px,5.65vw,84px); font-weight:900; line-height:1.12; margin:22px 0 26px; max-width:720px; letter-spacing:0; }
.reference-template .hero h1 .lime { display:block; white-space:normal; }
.reference-template .hero-copy>p { max-width:495px; color:#D0D0C8; font-size:15px; line-height:1.75; margin:0; }
.reference-template .hero-actions { display:flex; align-items:center; flex-wrap:nowrap; gap:29px; margin-top:29px; }
.reference-template .hero-actions .button { min-height:52px; padding:15px 20px; font-size:12px; line-height:1.4; gap:35px; }
.page-home .hero-actions .button { min-inline-size:220px; }
.reference-template .hero-phone { display:block; color:#FFF; font-size:13px; font-weight:700; white-space:nowrap; }
.reference-template .hero-phone small { display:block; font-size:8px; font-weight:400; line-height:1.4; margin:0 0 7px; color:#BFC0B5; }
.reference-template .hero-phone>span { margin-inline-start:8px; color:var(--accent); }
.reference-template .hero-note { position:absolute; inset:auto auto 122px 0; align-self:end; justify-self:end; max-width:none; width:auto; margin:0; padding:0 0 0 15px; text-align:left; border:0; border-left:3px solid var(--accent); }
.reference-template .hero-note strong { display:block; color:#FFF; font-size:20px; line-height:1.15; font-weight:850; }
.reference-template .hero-note a { display:block; color:#D0D0C8; font-size:9px; line-height:1.5; margin-top:8px; }
.reference-template .hero::after { bottom:12px; left:-12px; height:2px; width:100px; }

/* The quote panel uses the reference's compact heading + one row + footnote anatomy. */
.home-intake-wrap { position:relative; z-index:3; margin-top:-77px; }
.reference-template .home-intake-wrap .vehicle-intake { margin:0; padding:0; }
.reference-template .vehicle-intake>.shell { padding:30px; background:#FFF; border-top:4px solid var(--accent); box-shadow:0 20px 60px #0001; }
.reference-template .v-section-meta { display:block; padding:0; margin:0; color:var(--accent-ink); font-size:9px; line-height:1.7; }
.reference-template .v-layout { display:block; position:relative; padding:0; }
.reference-template .v-intro {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:0;
  margin:0 0 19px;
  max-width:none;
  position:static;
}
.reference-template .v-intro h2 {
  margin:4px 0 0;
  font-size:30px;
  font-weight:850;
  line-height:1.35;
}
.v-reference-progress { display:flex; align-items:center; gap:12px; margin:0; padding:0; list-style:none; font-size:10px; line-height:1.4; }
.v-reference-progress li { display:flex; align-items:center; gap:7px; color:var(--muted); white-space:nowrap; }
.v-reference-progress li+li::before { content:''; display:block; width:45px; height:1px; background:#DADBD3; margin-inline-end:5px; }
.v-reference-progress b { font-size:21px; font-weight:850; line-height:1; }
.v-reference-progress .is-current,.v-reference-progress [aria-current=step] { color:var(--accent-ink); }
.reference-template .v-intro>.v-reference-progress { flex:none; }
.reference-template .has-selects .v-ticket { display:grid; grid-template-columns:1fr 1.25fr 1fr .8fr; align-items:start; gap:17px; padding:0; min-height:0; }
.reference-template .has-selects .v-dropdowns { display:contents; }
.reference-template .has-selects .v-dropdowns:has(#v-model-select-field[hidden]) { display:contents; grid-column:auto; }
.reference-template .v-dropdowns>div { min-width:0; }
.reference-template .v-dropdowns label,.reference-template .v-custom-field label,.reference-template .v-selected-label { color:#34352F; font-size:11px; line-height:1.7; font-weight:650; margin:0 0 6px; display:block; }
.reference-template .v-dropdowns select,.reference-template .v-custom-field input { display:block; width:100%; height:48px; min-height:48px; max-width:100%; min-width:0; margin:0; padding:10px 13px; font-size:14px; line-height:1.5; color:#222; border:1px solid var(--line); background:#F8F8F5; border-radius:0; box-shadow:none; }
.reference-template .v-dropdowns select:disabled { color:#808176; }
.reference-template #v-brand-select { background:#fbf1ea; border-color:#b77355; }
.reference-template .v-dropdowns select:focus,.reference-template .v-custom-field input:focus { border-color:var(--accent-ink); }
.reference-template .has-selects .v-model-area { display:block; grid-column:2; grid-row:1; min-height:0; margin:0; padding:0; border:0; align-self:start; }
.reference-template .has-selects .v-model-area:has(#v-custom-field[hidden]) { display:none; }
.reference-template .has-selects .v-model-area:has(#v-custom-field:not([hidden])) { grid-column:2; grid-row:1; align-self:start; }
.reference-template .v-custom-field { margin:0; }
.reference-template .v-custom-field label { min-height:18.7px; white-space:normal; }
.reference-template .v-confirm { display:contents; padding:0; margin:0; min-height:0; }
.reference-template .v-selection { grid-column:3; grid-row:1; display:block; min-width:0; min-height:0; margin:0; padding:0; }
.reference-template .v-selection strong { display:flex; align-items:center; min-height:48px; color:#222; background:#F8F8F5; border:1px solid var(--line); padding:10px 13px; font-size:14px; font-weight:500; line-height:1.5; }
.reference-template #v-selected-detail { display:block; margin:5px 0 0; color:#828379; font-size:9px; font-weight:400; line-height:1.5; }
.reference-template .v-continue { grid-column:4; grid-row:1; align-self:start; min-width:0; width:100%; min-height:48px; margin:24.7px 0 0; padding:12px 14px; display:flex; justify-content:space-between; gap:13px; color:var(--deep); font-size:11px; line-height:1.4; }
.reference-template .v-button-mark { border:0; padding:0; margin:0; width:auto; }
.reference-template .v-button-mark svg { display:none; }
.reference-template .v-button-mark::after { content:'←'; font:20px/1 Arial,sans-serif; }
.reference-template .v-bottom { display:flex; align-items:start; justify-content:space-between; gap:20px; padding:12px 0 0; margin:16px 0 0; border-top:1px solid #EDEDE6; }
.reference-template .v-bottom>p { margin:0; color:#61625D; font-size:11px; line-height:1.5; }
.v-intake-guide { color:var(--muted); font-size:11px; line-height:1.7; }
.v-intake-guide>summary { cursor:pointer; list-style:none; text-decoration:underline; text-underline-offset:3px; }
.v-intake-guide>summary::-webkit-details-marker { display:none; }
.v-intake-guide-content { margin-top:12px; font-size:11px; line-height:1.8; }
.v-intake-guide-content p { margin:5px 0 10px; }
.v-intake-guide-content .v-kicker { display:block; font-size:10px; }
.reference-template .v-intake-guide .v-ticket-head,.v-intake-guide .v-ticket-head { position:static; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:15px; margin:12px 0; padding:0; border:0; font-size:10px; }
.reference-template .v-intake-guide .v-route { font-size:10px; gap:18px; }
.home-intake-wrap:not([data-intake-step="2"]) #home-request-stage { display:none; }
.home-intake-wrap[data-intake-step="2"] #vehicle-intake { display:none; }

/* Step two replaces the first panel rather than adding a second long panel below it. */
.reference-template .home-request-stage { padding:30px; margin-inline:auto; background:#FFF; border-top:4px solid var(--accent); box-shadow:0 20px 60px #0001; }
.reference-template .home-request-stage>summary { display:none; }
.intake-stage-header { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:4px; }
.intake-stage-header>.page-kicker { color:var(--accent-ink); font-size:9px; line-height:1.7; }
.intake-stage-header .v-reference-progress li:last-child { color:var(--accent-ink); }
.reference-template .home-request-stage .request-section { background:transparent; padding:0; }
.reference-template .home-request-stage .request-section>.shell { width:100%; max-width:none; }
.reference-template .home-request-stage .r-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin:0 0 22px; }
.reference-template .home-request-stage .r-heading h2 { max-width:none; font-size:28px; line-height:1.4; margin:4px 0 0; }
.reference-template .home-request-stage .r-heading>p { max-width:300px; margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.reference-template .home-request-stage .r-form { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; border:0; background:transparent; }
.reference-template .home-request-stage .r-context { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:22px; padding:15px 0; margin:0; background:transparent; border-block:1px solid var(--line); }
.reference-template .home-request-stage .r-context-line { gap:13px; }
.reference-template .home-request-stage .r-context-line>span { font-size:11px; }
.reference-template .home-request-stage .r-context-line strong { font-size:13px; }
.reference-template .home-request-stage .r-choices { grid-column:1/-1; border:0; padding:0; }
.reference-template .home-request-stage .r-choices h3 { font-size:16px; line-height:1.5; margin:0; }
.reference-template .home-request-stage .r-help { font-size:11px; margin:5px 0 12px; }
.reference-template .home-request-stage .r-symptoms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.reference-template .home-request-stage .r-choice-body { padding:11px 12px; min-height:44px; font-size:12px; line-height:1.6; }
.reference-template .home-request-stage .r-details { display:contents; padding:0; margin:0; }
.reference-template .home-request-stage .r-summary { grid-column:1/-1; padding:13px 0; margin:0; background:transparent; border-block:1px solid var(--line); }
.reference-template .home-request-stage .r-summary h3 { font-size:14px; line-height:1.5; margin:0 0 10px; }
.reference-template .home-request-stage .r-summary-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.reference-template .home-request-stage .r-summary-list>div { display:block; padding:0; margin:0; border:0; }
.reference-template .home-request-stage .r-summary-list dt { font-size:10px; line-height:1.5; }
.reference-template .home-request-stage .r-summary-list dd { margin:4px 0 0; font-size:12px; line-height:1.7; }
.reference-template .home-request-stage .r-contact { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
.reference-template .home-request-stage .r-field { margin:0; }
.reference-template .home-request-stage .r-field label { color:#34352F; font-size:12px; line-height:1.7; margin:0 0 6px; }
.reference-template .home-request-stage .r-form input:not([type=checkbox]),.reference-template .home-request-stage .r-form textarea,.reference-template .home-request-stage .r-form select { background:#F8F8F5; border-color:var(--line); min-height:48px; margin:0; padding:10px 13px; font-size:14px; }
.reference-template .home-request-stage .r-contact .r-submit { grid-column:2; justify-self:end; width:auto; min-width:230px; margin:0; min-height:50px; font-size:12px; }
.reference-template .home-request-stage .r-footnote { grid-column:1; grid-row:2; align-self:center; font-size:11px; margin:0; line-height:1.7; }
.reference-template .home-request-stage .r-form-message { grid-column:1/-1; margin:0; font-size:12px; }
.intake-back { display:inline-flex; align-items:center; background:transparent; color:var(--muted); border:0; border-bottom:1px solid #AAAFA6; padding:0 0 4px; margin:18px 0 0; cursor:pointer; font:500 11px/1.7 Vazirmatn,sans-serif; }

@media(min-width:1151px) and (max-width:1599px) {
  .reference-template .hero-grid { min-height:659px; }
}
@media(min-width:1600px) {
  .reference-template .hero-grid { min-height:685px; padding-top:80px; }
  .reference-template .hero h1 { font-size:88px; }
  .reference-template .hero-image { width:59%; }
}
@media(max-width:1150px) {
  .shell { width:calc(100% - 64px); }
  .header .nav { gap:20px; }
  .header-phone { display:none; }
  .header .nav a,.nav-disclosure>summary { font-size:11px; }
  .header .header-desktop-cta { margin-inline-start:20px; font-size:11px; padding-inline:14px; }
  .reference-template .hero-grid { grid-template-columns:1fr .35fr; gap:20px; }
  .reference-template .hero h1 { font-size:70px; }
  .reference-template .hero-note { bottom:106px; }
  .reference-template .hero-note strong { font-size:17px; }
  .reference-template .hero-note a { font-size:8px; }
  .reference-template .hero-image { width:61%; }
  .reference-template .has-selects .v-ticket { grid-template-columns:1fr 1.2fr 1fr .8fr; gap:12px; }
  .reference-template .v-continue { font-size:10px; padding-inline:10px; gap:8px; }
}
@media(max-width:820px) {
  .shell { width:calc(100% - 44px); }
  .header-inner { height:74px; min-height:74px; gap:15px; }
  .header .brand-logo { inline-size:128px; }
  .header .nav,.header .header-desktop-cta { display:none; }
  .header .menu-toggle { display:flex; border:1px solid #55584A; color:var(--accent); min-height:36px; padding:8px 13px; }
  .header-phone { display:none; }
  .header-utility { display:none; }
  .mobile-nav:not([hidden]) {
    position:absolute;
    inset:100% 0 auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    max-block-size:calc(100dvh - 135px);
    overflow-y:auto;
    padding:20px 22px;
    background:#1C1F21;
    border-top:1px solid #343A36;
  }
  .mobile-nav .nav-disclosure>summary,.mobile-nav>a {
    min-height:36px;
    padding:8px 0;
    border:0;
    font-size:12px;
    line-height:1.7;
  }
  .mobile-nav .nav-dropdown {
    position:static;
    inset:auto;
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:5px;
    box-shadow:none;
  }
  .header .mobile-nav .nav-dropdown>a {
    min-height:44px;
    padding:10px 12px;
    line-height:1.65;
  }
  .header .mobile-nav .mobile-nav-quote {
    align-self:start;
    min-height:42px;
    max-width:240px;
    margin-top:8px;
    padding:10px 18px;
    color:var(--deep);
  }
  .reference-template .hero-grid { display:block; min-height:615px; padding:49px 0 126px; }
  .reference-template .hero-copy { max-width:620px; }
  .reference-template .hero h1 { font-size:clamp(52px,8.5vw,72px); max-width:580px; line-height:1.16; }
  .reference-template .hero-image { width:100%; opacity:.44; }
  .reference-template .hero-image::after { background:linear-gradient(270deg,#111315A8,#11131552),linear-gradient(0deg,#111315,transparent 66%); }
  .reference-template .hero-copy>p { font-size:14px; max-width:470px; }
  .reference-template .hero-note { display:none; }
  .reference-template .has-selects .v-ticket { grid-template-columns:1fr 1fr; gap:16px; }
  .reference-template .v-selection { grid-column:1; grid-row:2; }
  .reference-template .v-continue { grid-column:2; grid-row:2; align-self:start; margin-top:24.7px; font-size:12px; }
  .reference-template .v-bottom { flex-direction:column; gap:5px; margin-top:17px; padding-top:12px; }
  .reference-template .home-request-stage .r-heading { display:block; }
  .reference-template .home-request-stage .r-heading>p { max-width:none; margin-top:10px; }
  .reference-template .home-request-stage .r-symptoms { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .shell { width:calc(100% - 36px); }
  .reference-template .vehicle-intake>.shell,.reference-template .home-request-stage { padding:22px 18px; }
  .reference-template .has-selects .v-ticket { grid-template-columns:1fr; gap:13px; }
  .reference-template .v-dropdowns>div,.reference-template .has-selects .v-model-area:has(#v-custom-field:not([hidden])),.reference-template .v-selection,.reference-template .v-continue { grid-column:1; grid-row:auto; }
  .reference-template .v-continue { margin-top:3px; font-size:12px; }
  .reference-template .v-intro h2 { font-size:27px; }
  .page-home .v-intro { margin-block-end:12px; }
  .page-home .v-bottom { min-block-size:64px; }
  .v-reference-progress { gap:7px; font-size:9px; }
  .v-reference-progress b { font-size:18px; }
  .v-reference-progress li { gap:5px; }
  .v-reference-progress li+li::before { width:22px; margin-inline-end:2px; }
  .reference-template .v-dropdowns select,.reference-template .v-custom-field input,.reference-template .home-request-stage .r-form input:not([type=checkbox]),.reference-template .home-request-stage .r-form textarea,.reference-template .home-request-stage .r-form select { font-size:16px; min-height:46px; height:46px; }
  .reference-template .v-custom-field label { font-size:10px; }
  .reference-template .v-selection strong { min-height:46px; font-size:13px; }
  .reference-template .v-bottom>p { font-size:10px; }
  .reference-template .v-intake-guide-content .v-ticket-head { position:static; }
  .reference-template .home-request-stage .r-context,.reference-template .home-request-stage .r-contact,.reference-template .home-request-stage .r-summary-list { grid-template-columns:1fr; gap:13px; }
  .reference-template .home-request-stage .r-contact .r-submit,.reference-template .home-request-stage .r-footnote { grid-column:1; grid-row:auto; width:100%; }
  .reference-template .home-request-stage .r-contact .r-submit { font-size:11px; min-width:0; }
  .reference-template .home-request-stage .r-heading h2 { font-size:26px; }
  .intake-stage-header { align-items:start; gap:15px; }
  .intake-stage-header>.page-kicker { font-size:8px; max-width:140px; }
}

@media(max-width:820px){
  .mobile-cta { border:0; }
  .mobile-cta .button {
    min-height:43px;
    padding-block:9px;
    font-size:12px;
    line-height:1.4;
  }
  .mobile-cta .mobile-call {
    align-items:center;
    border:1px solid var(--dark-line);
  }
}
@media(max-width:480px) {
  .header-inner { height:70px; min-height:70px; }
  .reference-template .hero-grid { min-height:614px; padding:36px 0 114px; }
  .reference-template .hero h1 { font-size:clamp(42px,11.8vw,57px); line-height:1.12; margin:21px 0 22px; }
  .reference-template .hero-copy>.eyebrow { font-size:8px; line-height:1.8; }
  .reference-template .hero-copy>p { font-size:13px; line-height:1.85; max-width:340px; }
  .reference-template .hero-actions { align-items:start; flex-direction:column; gap:16px; margin-top:25px; }
  .reference-template .hero-actions .button { min-width:220px; font-size:12px; }
  .reference-template .hero-phone { font-size:12px; }
  .reference-template .hero-phone small { display:inline; margin-inline-end:10px; font-size:8px; }
  .home-intake-wrap { margin-top:-70px; }
  .reference-template .v-intro h2 { font-size:25px; }
  .reference-template .v-section-meta { font-size:8px; }
  .reference-template .v-reference-progress { font-size:8px; }
  .reference-template .v-dropdowns label,.reference-template .v-selected-label { font-size:10px; }
  .reference-template .home-request-stage .r-choice-body { font-size:11px; padding-inline:10px; }
}