/* Two-column hero for /inspect + /inspect/al-* (EN + AR): copy and car visual on one side,
   request card on the other, over a faint red grid with a red glow behind the card. */
.dzh{--dzh-red:var(--brand-red,#d3142a);--dzh-ink:#2b2d2e;position:relative;padding:60px 72px;background:url(../pictures/heroes/dz-grid.svg) 0 0/cover no-repeat,radial-gradient(25% 50% at 75% 50%,rgba(211,20,42,.6) 1.5%,rgba(211,20,42,.3) 22%,rgba(211,20,42,0) 91%);color:var(--dzh-ink)}
[dir=rtl] .dzh{background:url(../pictures/heroes/dz-grid.svg) 0 0/cover no-repeat,radial-gradient(25% 50% at 25% 50%,rgba(211,20,42,.6) 1.5%,rgba(211,20,42,.3) 22%,rgba(211,20,42,0) 91%)}
.dzh__wrap{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.dzh__copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.dzh__head{display:flex;flex-direction:column;gap:8px}
.dzh__title{margin:0;font-weight:700;color:var(--dzh-ink);letter-spacing:-.01em}
.dzh__brand{display:block;font-size:56px;line-height:60px;background:linear-gradient(to right,#e00000,#5a3333);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[dir=rtl] .dzh__brand{background-image:linear-gradient(to left,#e00000,#5a3333);line-height:1.3}
.dzh__name{display:block;font-size:clamp(34px,3.3vw,48px);line-height:1.15}
[dir=rtl] .dzh__name{line-height:1.4}
.dzh__sub{font-size:20px;line-height:1.3;color:var(--dzh-ink);max-width:480px}
.dzh__sub p{margin:0}
.dzh__outline{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 21px;border:1px solid var(--dzh-red);border-radius:6px;color:var(--dzh-red);font-size:14px;font-weight:600;line-height:24.5px;background:#fff;transition:background .2s}
.dzh__outline:hover{background:rgba(211,20,42,.05);color:var(--dzh-red)}
[dir=rtl] .dzh__outline svg{transform:scaleX(-1)}
.dzh__visual{position:relative;margin-inline-start:-30px;width:calc(100% + 60px);max-width:600px}
.dzh__visual img{display:block;width:auto;max-width:100%;max-height:420px;height:auto;margin-inline:auto}
.dzh__chip{position:absolute;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(17,24,39,.12);font-size:15px;font-weight:600;line-height:1.15;color:#23262a;white-space:nowrap;animation:dzhFloat 5s ease-in-out infinite}
.dzh__chip--1{top:2%;inset-inline-start:6%}
.dzh__chip--2{top:30%;inset-inline-end:-2%;animation-delay:-1.6s}
.dzh__chip--3{bottom:6%;inset-inline-start:14%;animation-delay:-3.2s}
.dzh__ico{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.dzh__ico--blue{background:#e8efff;color:#3b5bdb}
.dzh__ico--violet{background:#f4e8ff;color:#9b3fd1}
.dzh__ico--green{background:#e6f6ec;color:#1f9d55}
@keyframes dzhFloat{50%{transform:translateY(-6px)}}

/* request card */
.dzh__card{justify-self:end;width:100%;max-width:480px;padding:20px;background:#fff;border-radius:6px;color:#23262a;box-shadow:0 4px 8px -2px rgba(0,0,0,.02),0 3px 8px rgba(0,0,0,.02),0 1px 10px rgba(0,0,0,.04)}
.dzh__card>h2,.dzh__card .ifp>h2,.dzh__card #formWrap>h2{margin:0;font-size:24px;line-height:32px;font-weight:700;color:#23262a}
.dzh__card>p,.dzh__card .ifp>p,.dzh__card .card__sub{margin:0 0 20px;font-size:16px;line-height:24px;color:#23262a}
.dzh__card .lp-form{padding:0;border:0;border-radius:0;background:transparent;gap:16px}
.dzh__card .lp-form__grid{gap:12px}
.dzh__card .lp-form label{gap:6px;font-size:15px;font-weight:600;color:#3a3f47}
.dzh__card .lp-form input,.dzh__card .lp-form select,.dzh__card .lp-form textarea{height:48px;padding:0 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font:16px/1.4 inherit;font-family:inherit;color:#23262a;box-shadow:0 4px 12px rgba(51,65,85,.08);transition:border-color .2s}
.dzh__card .lp-form textarea{height:72px;padding:12px 14px}
.dzh__card .lp-form input:focus,.dzh__card .lp-form select:focus,.dzh__card .lp-form textarea:focus{outline:0;border-color:var(--dzh-red)}
.dzh__card .phone-input{height:48px;border:1px solid #e0e1e3;border-radius:6px;box-shadow:0 4px 12px rgba(51,65,85,.08)}
.dzh__card .phone-input input{height:46px;box-shadow:none}
.dzh__card .phone-prefix{align-self:stretch;display:flex;align-items:center;background:#fff;color:#23262a;font-weight:400}
.dzh__card .lp-form__actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:4px}
.dzh__card .lp-form__actions .lp-btn{height:48px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;background:var(--dzh-red);border-color:var(--dzh-red)}
.dzh__card .lp-form__actions .lp-btn:hover{transform:none;background:var(--brand-red-dark,#b40f22)}
.dzh__card .lp-form__call{display:flex;justify-content:center;align-items:center;gap:4px;height:48px;font-size:14px;color:var(--dzh-red)}


/* other card forms (pre-purchase .pp-form, pick & drop) share the same field look */
.dzh__card .pp-form{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.dzh__card .pp-form__grid{gap:12px}
.dzh__card .pp-form label,.dzh__card .fld>span,.dzh__card .seg legend{font-size:15px;font-weight:600;color:#3a3f47}
.dzh__card .pp-form input:not(.pp-hp),.dzh__card .pp-form select,.dzh__card .pp-form textarea,.dzh__card .fld input,.dzh__card .fld select{min-height:48px;padding:0 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-family:inherit;font-size:16px;color:#23262a;box-shadow:0 4px 12px rgba(51,65,85,.08)}
.dzh__card .pp-form textarea{min-height:72px;padding:12px 14px}
.dzh__card .pp-form input:focus,.dzh__card .pp-form select:focus,.dzh__card .pp-form textarea:focus,.dzh__card .fld input:focus,.dzh__card .fld select:focus{outline:0;border-color:var(--dzh-red)}
.dzh__card .pp-form__submit,.dzh__card .btn--primary.btn--block{height:48px;padding:8px 16px;border-radius:6px;border:0;background:var(--dzh-red);color:#fff;font-size:14px;font-weight:600;box-shadow:none}
.dzh__card .pp-form__submit:hover,.dzh__card .btn--primary.btn--block:hover{transform:none;background:var(--brand-red-dark,#b40f22)}
.dzh__card .pp-note,.dzh__card .card__foot{font-size:12.5px;color:#6b7280}

@media(max-width:1100px){
  .dzh{padding:48px 32px}
  .dzh__wrap{gap:40px}
  .dzh__brand{font-size:46px;line-height:1.1}
}
@media(max-width:900px){
  .dzh,[dir=rtl] .dzh{padding:24px 16px 40px;background:url(../pictures/heroes/dz-grid.svg) 0 0/auto 767px repeat-x,radial-gradient(60% 30% at 50% 85%,rgba(211,20,42,.35) 0,rgba(211,20,42,0) 90%)}
  .dzh__wrap{grid-template-columns:1fr;gap:24px}
  .dzh__copy{gap:20px}
  .dzh__brand{font-size:40px;line-height:1.1}
  .dzh__name{font-size:32px}
  .dzh__sub{font-size:17px;line-height:1.45}
  .dzh__outline{display:none}
  .dzh__visual{margin-inline:auto;width:100%}
  .dzh__chip{font-size:11px;padding:6px 8px;gap:6px}
  .dzh__ico{width:24px;height:24px}
  .dzh__ico svg{width:14px;height:14px}
  .dzh__card{justify-self:stretch;max-width:none}
}
@media(max-width:700px){.dzh__card .lp-form{padding:0}}
@media(prefers-reduced-motion:reduce){.dzh__chip{animation:none}}
.dzh__sub .lp-hero__typewriter{margin:0;font-size:clamp(20px,2vw,26px)}
.dzh__sub .lp-hero__typewriter-word{background-image:linear-gradient(90deg,#e00000,#5a3333)}

/* photo variant (pick-and-drop): full-bleed photo, copy over the sky top-left, card on the right */
.dzh.dzh--photo{background:#0d3f73;overflow:hidden;min-height:min(56.25vw,860px);padding-top:56px;padding-bottom:56px}
.dzh__bg{position:absolute;inset:0}
.dzh__bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.dzh--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(4,26,54,.62) 0,rgba(4,26,54,.28) 38%,rgba(4,26,54,0) 60%),linear-gradient(180deg,rgba(4,26,54,.25) 0,rgba(4,26,54,0) 45%)}
[dir=rtl] .dzh--photo::before{background:linear-gradient(-100deg,rgba(4,26,54,.62) 0,rgba(4,26,54,.28) 38%,rgba(4,26,54,0) 60%),linear-gradient(180deg,rgba(4,26,54,.25) 0,rgba(4,26,54,0) 45%)}
.dzh--photo .dzh__wrap{position:relative;z-index:2}
.dzh--photo .dzh__title,.dzh--photo .dzh__sub{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.dzh--photo .dzh__brand{background:none;color:#fff;-webkit-text-fill-color:#fff}
.dzh--photo .dzh__brand::after{content:"";display:block;width:64px;height:4px;margin-top:10px;border-radius:2px;background:var(--dzh-red)}
.dzh--photo .dzh__sub{max-width:460px}
.dzh__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 30px;border-radius:6px;background:var(--dzh-red);color:#fff;font-size:16px;font-weight:700;box-shadow:0 10px 30px -8px rgba(211,20,42,.6);transition:background .2s,transform .2s}
.dzh__cta:hover{background:var(--brand-red-dark,#b40f22);color:#fff;transform:translateY(-2px)}
[dir=rtl] .dzh__cta svg{transform:scaleX(-1)}
.dzh--photo .dzh__card{box-shadow:0 30px 70px -20px rgba(4,26,54,.55)}
@media(max-width:900px){
  .dzh.dzh--photo,[dir=rtl] .dzh.dzh--photo{min-height:0;padding:0 0 32px;background:#fff}
  .dzh--photo::before,[dir=rtl] .dzh--photo::before{bottom:auto;aspect-ratio:413/466;background:linear-gradient(180deg,rgba(4,26,54,.55) 0,rgba(4,26,54,.15) 45%,rgba(4,26,54,0) 60%)}
  .dzh--photo .dzh__bg{position:relative;inset:auto}
  .dzh--photo .dzh__bg img{aspect-ratio:413/466;height:auto}
  .dzh--photo .dzh__wrap{position:static;gap:0}
  .dzh--photo .dzh__copy{position:absolute;z-index:2;top:0;left:0;right:0;padding:22px 16px 0}
  .dzh--photo .dzh__brand{font-size:30px}
  .dzh--photo .dzh__brand::after{width:44px;height:3px;margin-top:6px}
  .dzh--photo .dzh__name{font-size:24px}
  .dzh--photo .dzh__sub{font-size:15px}
  .dzh__cta{display:none}
  .dzh--photo .dzh__card{position:relative;z-index:2;margin:-28px 16px 0;width:auto;box-shadow:0 10px 40px -10px rgba(4,26,54,.35)}
}
@media(min-width:901px){
  .dzh.dzh--photo{padding-top:40px}
  .dzh--photo .dzh__copy{gap:18px}
  .dzh--photo .dzh__brand{font-size:48px;line-height:1.15}
  .dzh--photo .dzh__name{font-size:clamp(28px,2.6vw,38px)}
  .dzh--photo .dzh__sub{font-size:18px}
}
/* the photo's subject sits left, so Arabic keeps copy-left / card-right and only flips text direction */
[dir=rtl] .dzh--photo .dzh__wrap{direction:ltr}
[dir=rtl] .dzh--photo .dzh__copy,[dir=rtl] .dzh--photo .dzh__card{direction:rtl}
[dir=rtl] .dzh.dzh--photo::before{background:linear-gradient(100deg,rgba(4,26,54,.62) 0,rgba(4,26,54,.28) 38%,rgba(4,26,54,0) 60%),linear-gradient(180deg,rgba(4,26,54,.25) 0,rgba(4,26,54,0) 45%)}
@media(max-width:900px){[dir=rtl] .dzh.dzh--photo::before{background:linear-gradient(180deg,rgba(4,26,54,.55) 0,rgba(4,26,54,.15) 45%,rgba(4,26,54,0) 60%)}}
@media(max-width:900px){
  .pd-photo .hdr__row{height:76px}
  .pd-photo .logo img{height:56px}
  .dzh--photo .dzh__copy{padding-top:26px;gap:14px}
  .dzh--photo .dzh__brand{font-size:40px;line-height:1.1}
  .dzh--photo .dzh__brand::after{width:52px;height:4px;margin-top:8px}
  .dzh--photo .dzh__name{font-size:30px;line-height:1.18}
  .dzh--photo .dzh__sub{font-size:18px;line-height:1.4}
  .dzh--photo::before,[dir=rtl] .dzh.dzh--photo::before{background:linear-gradient(180deg,rgba(4,26,54,.62) 0,rgba(4,26,54,.3) 50%,rgba(4,26,54,0) 68%)}
}
@media(max-width:900px){
  .dzh--photo .dzh__bg{display:block;padding-top:96px;background:linear-gradient(90deg,#2995ee 0,#46a0f1 50%,#6cadf5 100%)}
  .dzh--photo .dzh__bg img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 36px);mask-image:linear-gradient(180deg,transparent 0,#000 36px)}
  .dzh--photo::before,[dir=rtl] .dzh.dzh--photo::before{aspect-ratio:auto;height:calc(96px + 112.83vw)}
}

/* light photo variant (chassis, comprehensive, inspect): photos already fade to white, so dark copy and no tint */
.dzh.dzh--light{background:#fff;min-height:min(56.25vw,1080px)}
.dzh--light .dzh__bg img{object-position:center top}
.dzh.dzh--light::before,[dir=rtl] .dzh.dzh--light::before{display:none}
.dzh--light .dzh__title,.dzh--light .dzh__sub{color:var(--dzh-ink);text-shadow:0 0 16px rgba(255,255,255,.9),0 0 4px rgba(255,255,255,.8)}
.dzh--light .dzh__brand{background:linear-gradient(to right,#e00000,#5a3333);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
[dir=rtl] .dzh--light .dzh__brand{background-image:linear-gradient(to left,#e00000,#5a3333)}
.dzh--light .dzh__brand::after{display:none}
@media(min-width:901px){
  /* dzh--ondark: desktop photo is dark behind the copy (chassis) -> white copy over a left shade */
  .dzh.dzh--ondark::before,[dir=rtl] .dzh.dzh--ondark::before{display:block;background:linear-gradient(100deg,rgba(10,14,20,.72) 0,rgba(10,14,20,.4) 38%,rgba(10,14,20,0) 60%)}
  .dzh--ondark .dzh__title,.dzh--ondark .dzh__sub{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
  .dzh--ondark .dzh__brand,[dir=rtl] .dzh--ondark .dzh__brand{background:none;color:#fff;-webkit-text-fill-color:#fff}
  .dzh--ondark .dzh__brand::after{display:block}
}
@media(max-width:900px){
  .dzh.dzh--light,[dir=rtl] .dzh.dzh--light{display:flex;flex-direction:column;padding:0 0 32px}
  .dzh--light .dzh__wrap{display:contents}
  .dzh--light .dzh__copy{order:1;position:relative;z-index:2;padding:22px 16px 0}
  .dzh--light .dzh__bg{order:2;z-index:1;margin-top:-40px;padding-top:0;background:none}
  .dzh--light .dzh__bg img{-webkit-mask-image:none;mask-image:none}
  .dzh--light .dzh__card{order:3}
}

/* breathing room between brand / title / sub / CTA (all dz-hero landing pages) */
.dzh .dzh__head{gap:16px}
.dzh .dzh__copy,.dzh--photo .dzh__copy{gap:36px}
.dzh .dzh__name{line-height:1.22}
[dir=rtl] .dzh .dzh__name{line-height:1.45}
.dzh .dzh__sub{line-height:1.55}
.dzh--photo .dzh__brand::after{margin-top:16px}
@media(max-width:900px){
  .dzh .dzh__head{gap:12px}
  .dzh .dzh__copy,.dzh--photo .dzh__copy{gap:24px}
  .dzh--photo .dzh__brand::after{margin-top:12px}
  .dzh--light .dzh__bg{margin-top:-16px}
}