/* =========================================================
   PRODE TOURS — FLEET V1 / SIGNATURE EDITORIAL
   Fleet-only visual layer. No booking/application logic.
   ========================================================= */

.fleet-v1{
  --fleet-ink:#101915;
  --fleet-muted:#67716c;
  --fleet-green:#10251c;
  --fleet-green-2:#1b3a2d;
  --fleet-gold:#aa7a43;
  --fleet-gold-soft:#e2c59d;
  --fleet-paper:#fbf7ef;
  --fleet-card:#fffdfa;
  --fleet-line:rgba(20,31,27,.10);
  --fleet-shadow:0 26px 68px rgba(14,23,19,.10);
  background:var(--fleet-paper);
}

/* ---------- Hero ---------- */
.fleet-v1 .fleet-hero{
  min-height:0;
  height:clamp(535px,67svh,640px);
  align-items:end;
  background:#0b1611;
}
.fleet-v1 .fleet-hero img{
  transform:none;
  object-fit:cover;
  object-position:center 54%;
  filter:saturate(.96) contrast(1.025);
}
.fleet-v1 .fleet-hero::before{
  background:
    linear-gradient(92deg,rgba(4,10,7,.88) 0%,rgba(4,10,7,.68) 34%,rgba(4,10,7,.24) 63%,rgba(4,10,7,.08) 100%),
    linear-gradient(180deg,rgba(3,8,6,.08) 0%,rgba(3,8,6,.12) 48%,rgba(3,8,6,.66) 100%);
}
.fleet-v1 .fleet-hero::after{
  left:-210px;
  bottom:-310px;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(223,190,142,.18),transparent 68%);
}
.fleet-v1 .fleet-hero .page-hero-content{
  width:min(100%,1280px);
  max-width:none;
  margin-inline:auto;
  padding:130px clamp(24px,5vw,72px) 66px;
}
.fleet-v1 .fleet-hero .eyebrow{
  margin-bottom:14px;
  color:var(--fleet-gold-soft);
}
.fleet-v1 .fleet-hero h1{
  max-width:11ch;
  margin:0 0 18px;
  font-size:clamp(54px,5.8vw,82px);
  line-height:.94;
  letter-spacing:-.058em;
  text-wrap:balance;
}
.fleet-v1 .fleet-hero p{
  max-width:650px;
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.65;
  color:rgba(255,255,255,.88);
}

/* ---------- Vehicle collection ---------- */
.fleet-v1 .fleet-hero + .section{
  position:relative;
  padding-top:clamp(86px,8vw,118px);
  padding-bottom:clamp(94px,8vw,126px);
  background:
    radial-gradient(circle at 7% 7%,rgba(170,122,67,.075),transparent 23rem),
    linear-gradient(180deg,#fbf8f2 0%,#f6efe5 100%);
}
.fleet-v1 .fleet-grid{
  width:min(calc(100% - 48px),1280px);
  margin-inline:auto;
  gap:24px;
  align-items:stretch;
}
.fleet-v1 .vehicle{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(170,122,67,.15);
  border-radius:32px;
  background:linear-gradient(180deg,#fffefa,#fcf8f1);
  box-shadow:0 22px 58px rgba(15,24,20,.075);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.fleet-v1 .vehicle::before{
  position:absolute;
  z-index:3;
  top:18px;
  left:18px;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(9,18,14,.40);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  backdrop-filter:blur(12px);
}
.fleet-v1 .vehicle:nth-child(1)::before{content:"01"}
.fleet-v1 .vehicle:nth-child(2)::before{content:"02"}
.fleet-v1 .vehicle:nth-child(3)::before{content:"03"}
.fleet-v1 .vehicle:hover{
  transform:translateY(-7px);
  border-color:rgba(170,122,67,.28);
  box-shadow:0 34px 78px rgba(15,24,20,.13);
}
.fleet-v1 .vehicle img{
  width:100%;
  height:315px;
  object-fit:cover;
  object-position:center 55%;
  background:#eee7dc;
  filter:saturate(.95) contrast(1.02);
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.fleet-v1 .vehicle:hover img{transform:scale(1.024)}
.fleet-v1 .vehicle-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:30px 29px 32px;
}
.fleet-v1 .vehicle h3{
  margin:0 0 13px;
  font-size:clamp(29px,2.4vw,37px);
  line-height:1.03;
  letter-spacing:-.035em;
  color:var(--fleet-ink);
}
.fleet-v1 .vehicle p{
  margin:0 0 26px;
  font-size:14.5px;
  line-height:1.72;
  color:var(--fleet-muted);
}
.fleet-v1 .vehicle .text-link{
  align-self:flex-start;
  margin-top:auto;
  padding:11px 15px;
  border:1px solid rgba(170,122,67,.22);
  border-radius:999px;
  background:#f8f1e6;
  color:var(--fleet-green);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.fleet-v1 .vehicle .text-link:hover{
  border-color:rgba(170,122,67,.45);
  background:#f1e5d3;
}

/* ---------- Standards ---------- */
.fleet-v1 .fleet-standards{
  position:relative;
  overflow:hidden;
  padding-top:clamp(88px,8vw,120px);
  padding-bottom:clamp(94px,8vw,128px);
  background:
    radial-gradient(circle at 9% 10%,rgba(226,197,157,.14),transparent 26rem),
    radial-gradient(circle at 92% 88%,rgba(226,197,157,.08),transparent 24rem),
    linear-gradient(135deg,#0c1b14,#163326 60%,#10251c);
}
.fleet-v1 .fleet-standards::before{
  content:"";
  position:absolute;
  right:-150px;
  top:-180px;
  width:520px;
  height:520px;
  border:1px solid rgba(226,197,157,.08);
  border-radius:50%;
  pointer-events:none;
}
.fleet-v1 .standards-head{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0 auto 52px;
}
.fleet-v1 .standards-head h2{
  margin-bottom:16px;
  color:#fff8ed;
  font-size:clamp(42px,4.6vw,62px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.045em;
}
.fleet-v1 .standards-head p{
  max-width:560px;
  margin-inline:auto;
  color:rgba(255,255,255,.76);
  font-size:15.5px;
  line-height:1.7;
}
.fleet-v1 .fleet-standards .feature-grid{
  position:relative;
  z-index:1;
  width:min(calc(100% - 48px),1180px);
  margin-inline:auto;
  gap:18px;
}
.fleet-v1 .fleet-standards .feature{
  min-height:300px;
  padding:36px 30px 34px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 22px 56px rgba(2,8,5,.12);
  backdrop-filter:blur(14px);
}
.fleet-v1 .feature-icon{
  width:70px;
  height:70px;
  margin-bottom:22px;
  opacity:.94;
}
.fleet-v1 .fleet-standards .feature h3{
  margin-bottom:14px;
  color:var(--fleet-gold-soft);
  font-size:clamp(30px,2.8vw,40px);
  font-weight:400;
  line-height:1;
}
.fleet-v1 .fleet-standards .feature p{
  max-width:330px;
  color:rgba(255,255,255,.78);
  font-size:14.5px;
  line-height:1.72;
}

/* ---------- Tablet ---------- */
@media (max-width:980px){
  .fleet-v1 .fleet-hero{height:560px}
  .fleet-v1 .fleet-hero .page-hero-content{padding-top:118px;padding-bottom:54px}
  .fleet-v1 .fleet-hero h1{font-size:clamp(48px,7vw,66px);max-width:12ch}
  .fleet-v1 .fleet-grid{grid-template-columns:1fr 1fr}
  .fleet-v1 .vehicle:nth-child(3){grid-column:1/-1;width:min(100%,620px);justify-self:center}
  .fleet-v1 .vehicle img{height:300px}
  .fleet-v1 .fleet-standards .feature-grid{grid-template-columns:1fr 1fr}
  .fleet-v1 .fleet-standards .feature:nth-child(3){grid-column:1/-1;width:min(100%,560px);justify-self:center}
}

/* ---------- Mobile: preserve the whole vehicle lineup ---------- */
@media (max-width:640px){
  .fleet-v1 .fleet-hero{
    height:auto;
    min-height:510px;
    display:block;
    padding-top:0;
    background:#0c1813;
  }
  .fleet-v1 .fleet-hero img{
    position:absolute;
    inset:64px 0 auto;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center top;
    transform:none;
  }
  .fleet-v1 .fleet-hero::before{
    z-index:1;
    background:
      linear-gradient(180deg,rgba(8,16,12,.04) 64px,rgba(8,16,12,.05) 180px,rgba(8,16,12,.88) 292px,#0c1813 78%);
  }
  .fleet-v1 .fleet-hero .page-hero-content{
    min-height:510px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:300px 20px 42px;
  }
  .fleet-v1 .fleet-hero h1{
    max-width:none;
    font-size:clamp(40px,11.7vw,52px);
    line-height:.96;
  }
  .fleet-v1 .fleet-hero p{font-size:15px;line-height:1.58}

  .fleet-v1 .fleet-hero + .section{padding:70px 0 78px}
  .fleet-v1 .fleet-grid{width:calc(100% - 28px);grid-template-columns:1fr;gap:17px}
  .fleet-v1 .vehicle:nth-child(3){grid-column:auto;width:100%}
  .fleet-v1 .vehicle{border-radius:25px}
  .fleet-v1 .vehicle img{height:auto;aspect-ratio:4/3;object-position:center 56%}
  .fleet-v1 .vehicle-body{padding:24px 22px 27px}
  .fleet-v1 .vehicle h3{font-size:29px}
  .fleet-v1 .vehicle p{font-size:14px;line-height:1.68;margin-bottom:22px}

  .fleet-v1 .fleet-standards{padding:72px 0 80px}
  .fleet-v1 .standards-head{width:calc(100% - 36px);margin-bottom:34px}
  .fleet-v1 .standards-head h2{font-size:clamp(38px,10.7vw,48px)}
  .fleet-v1 .fleet-standards .feature-grid{width:calc(100% - 28px);grid-template-columns:1fr;gap:14px}
  .fleet-v1 .fleet-standards .feature:nth-child(3){grid-column:auto;width:100%}
  .fleet-v1 .fleet-standards .feature{min-height:0;padding:29px 23px 31px;border-radius:24px}
  .fleet-v1 .feature-icon{width:62px;height:62px;margin-bottom:18px}
}

@media (prefers-reduced-motion:reduce){
  .fleet-v1 .vehicle,
  .fleet-v1 .vehicle img{transition:none}
}