/* Camper / motorhome trip planner · extends Gasolineras visual system */
.cf-camper-page .cf-camper-shell{overflow:hidden}
.cf-camper-hero .cf-fuel-hero-grid{align-items:center}
.cf-camper-tool{padding:28px 38px 34px;background:#fff;border-top:1px solid #eef2f7}
.cf-camper-section-head{max-width:840px;margin-bottom:20px}.cf-camper-section-head h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.cf-camper-section-head p{margin:7px 0 0;color:#64748b;line-height:1.6;font-size:.9rem}
.cf-camper-location-row{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:12px;align-items:center;margin-bottom:18px}.cf-camper-locate{min-height:52px}.cf-camper-location-state{font-size:.78rem;color:#64748b}.cf-camper-location-state.is-ok{color:#047857;font-weight:800}.cf-camper-location-state.is-error{color:#9f1239;font-weight:800}
.cf-camper-grid{display:grid;gap:14px}.cf-camper-trip-grid{grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);margin-bottom:14px}.cf-camper-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.cf-camper-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cf-camper-inline button{border:1px solid #fecdd3;border-radius:13px;background:#fff7f8;color:#9f1239;font:inherit;font-weight:900;padding:10px 14px;cursor:pointer;white-space:nowrap}.cf-camper-inline button:hover{background:#ffe4e6}.cf-camper-inline button:disabled{opacity:.6;cursor:wait}.cf-camper-destination small,.cf-camper-grid .cf-fuel-field>small{display:block;margin-top:6px;color:#7c8798;font-size:.69rem;line-height:1.45}.cf-camper-destination small.is-ok{color:#047857}.cf-camper-destination small.is-error{color:#9f1239}
.cf-camper-static-field{min-height:48px;display:flex;align-items:center;padding:13px 14px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#334155;font-weight:800}
.cf-camper-calc{width:100%;max-width:520px;min-height:56px;margin-top:20px;border:0;border-radius:17px;background:linear-gradient(135deg,#d51f2b,#b91c1c);color:#fff;font:inherit;font-size:1rem;font-weight:950;padding:14px 18px;cursor:pointer;box-shadow:0 13px 28px rgba(185,28,28,.2)}.cf-camper-calc:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(185,28,28,.25)}.cf-camper-calc:disabled{opacity:.6;cursor:wait;transform:none}.cf-camper-privacy{display:block!important;margin-top:12px!important;max-width:940px!important}
.cf-camper-results{padding:30px 38px 38px;background:linear-gradient(180deg,#fbfdff,#fffafa);border-top:1px solid #e2e8f0;scroll-margin-top:10px}.cf-camper-results[hidden]{display:none}.cf-camper-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.cf-camper-results-head h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.cf-camper-results-head p{margin:5px 0 0;color:#64748b;font-size:.82rem}.cf-camper-results-head>span{font-size:.72rem;color:#64748b}
.cf-camper-verdict{position:relative;overflow:hidden;margin:18px 0;padding:20px 22px;border-radius:22px;border:1px solid #dbe4ef;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.055)}.cf-camper-verdict:after{content:"🚐";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:3.2rem;opacity:.16}.cf-camper-verdict.is-now{border-color:#fecaca;background:linear-gradient(135deg,#fff7f7,#fff)}.cf-camper-verdict.is-wait{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.cf-camper-verdict.is-route{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fff)}.cf-camper-verdict span{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:950;letter-spacing:.035em;text-transform:uppercase}.cf-camper-verdict.is-now span{background:#fee2e2;color:#991b1b}.cf-camper-verdict.is-wait span{background:#dcfce7;color:#166534}.cf-camper-verdict.is-route span{background:#fef3c7;color:#92400e}.cf-camper-verdict h3{margin:10px 0 5px;font-size:1.65rem;line-height:1.1;letter-spacing:-.035em;max-width:780px}.cf-camper-verdict p{margin:0;max-width:820px;color:#475569;line-height:1.55;font-size:.88rem}
.cf-camper-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.cf-camper-metrics>div{min-height:110px;padding:15px 16px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035)}.cf-camper-metrics span{display:block;color:#64748b;font-size:.72rem;font-weight:800;line-height:1.35}.cf-camper-metrics strong{display:block;margin-top:8px;color:#172033;font-size:1.28rem;letter-spacing:-.02em}
.cf-camper-station{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid #fecdd3;border-radius:20px;background:linear-gradient(135deg,#fff7f8,#fff)}.cf-camper-station>div>span{display:block;color:#9f1239;font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.cf-camper-station h3{margin:5px 0 3px;font-size:1.25rem;letter-spacing:-.02em}.cf-camper-station p{margin:0;color:#475569;font-size:.84rem}.cf-camper-station small{display:block;margin-top:6px;color:#64748b;font-size:.72rem;line-height:1.45}.cf-camper-station a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border-radius:12px;background:#b91c1c;color:#fff;text-decoration:none;font-size:.78rem;font-weight:900}
.cf-camper-method{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:13px}.cf-camper-method summary{cursor:pointer;color:#9f1239;font-size:.8rem;font-weight:900}.cf-camper-method p{color:#64748b;font-size:.76rem;line-height:1.58;max-width:930px}.cf-camper-footer{padding:24px 38px 28px}
@media(max-width:820px){
 .cf-camper-page .cf-fuel-hero{padding-top:52px!important}.cf-camper-page .cf-fuel-brand{grid-template-columns:72px 1fr!important}.cf-camper-page .cf-fuel-brand img{width:72px!important;height:72px!important}
 .cf-camper-tool{padding:20px 18px 24px}.cf-camper-section-head h2{font-size:1.28rem}.cf-camper-section-head p{font-size:.78rem}.cf-camper-location-row{grid-template-columns:1fr}.cf-camper-trip-grid,.cf-camper-vehicle-grid{grid-template-columns:1fr 1fr}.cf-camper-destination{grid-column:1/-1}.cf-camper-calc{max-width:none}.cf-camper-results{padding:24px 14px 30px}.cf-camper-metrics{grid-template-columns:1fr 1fr}.cf-camper-station{grid-template-columns:1fr}.cf-camper-station a{width:100%}.cf-camper-footer{padding:20px 18px 24px}
}
@media(max-width:520px){
 .cf-camper-page .cf-fuel-brand{grid-template-columns:62px 1fr!important}.cf-camper-page .cf-fuel-brand img{width:62px!important;height:62px!important}.cf-camper-page .cf-fuel-brand strong{font-size:1rem!important}.cf-camper-page .cf-fuel-hero h1{font-size:2rem!important;max-width:none!important}.cf-camper-inline{grid-template-columns:1fr}.cf-camper-inline button{width:100%}.cf-camper-trip-grid,.cf-camper-vehicle-grid,.cf-camper-metrics{grid-template-columns:1fr}.cf-camper-verdict{padding-right:18px}.cf-camper-verdict:after{display:none}.cf-camper-metrics>div{min-height:auto}.cf-camper-location-row{margin-bottom:14px}
}

.cf-camper-osm-attrib{margin:4px 0 0;color:#94a3b8;font-size:.66rem}.cf-camper-osm-attrib a{color:#64748b}
@media(min-width:821px){
  .cf-camper-page .cf-camper-hero h1{
    width:100%!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:normal!important;
    font-size:clamp(2.75rem,4.15vw,3.6rem)!important;
    line-height:1.02!important;
    text-wrap:balance;
    overflow-wrap:normal;
  }
}


/* Crawlable Camper explainer + FAQ · 2026-10-01 · no calculator logic */
.cf-camper-seo{padding:34px 38px 10px;background:#fff;border-top:1px solid #eef2f7}.cf-camper-seo-inner{max-width:980px;margin:0 auto}.cf-camper-seo-kicker{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff1f2;color:#9f1239;font-size:.68rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.cf-camper-seo h2{margin:10px 0 10px;font-size:1.5rem;letter-spacing:-.03em}.cf-camper-seo p{color:#64748b;line-height:1.65;font-size:.86rem}.cf-camper-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.cf-camper-seo-grid article{padding:16px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.cf-camper-seo-grid strong{display:block;color:#172033;font-size:.9rem}.cf-camper-seo-grid p{margin:6px 0 0;font-size:.76rem;line-height:1.55}.cf-camper-seo-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 26px}.cf-camper-seo-links a{display:inline-flex;padding:8px 10px;border:1px solid #e2e8f0;border-radius:999px;color:#9f1239;text-decoration:none;font-size:.74rem;font-weight:850}.cf-camper-faq{padding-top:22px;border-top:1px solid #eef2f7}.cf-camper-faq h2{margin-top:0}.cf-camper-faq details{margin:8px 0;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.cf-camper-faq summary{cursor:pointer;color:#172033;font-size:.82rem;font-weight:900}.cf-camper-faq details p{margin:8px 0 0;font-size:.76rem}
@media(max-width:820px){.cf-camper-seo{padding:26px 18px 8px}.cf-camper-seo-grid{grid-template-columns:1fr}.cf-camper-seo h2{font-size:1.28rem}}

/* =====================================================================
   Camper premium responsive redesign · 2026-10-01
   Visual/layout only. Calculator IDs and JS contract remain untouched.
   ===================================================================== */
.cf-camper-page{
  --camper-ink:#10213f;
  --camper-muted:#66758d;
  --camper-coral:#ff4f66;
  --camper-red:#e93048;
  --camper-violet:#6c52f5;
  --camper-blue:#4a73ff;
  --camper-soft:#fff7f7;
  --camper-line:#e7eaf1;
  background:
    radial-gradient(circle at 10% 3%,rgba(255,125,138,.14),transparent 27%),
    radial-gradient(circle at 92% 12%,rgba(91,114,255,.10),transparent 26%),
    #fbfafb!important;
  color:var(--camper-ink);
}
.cf-camper-page main{position:relative;max-width:1240px!important;padding:18px 18px 70px!important}
.cf-camper-page .back{display:none!important}
.cf-camper-page .cf-fuel-language-switch{
  position:absolute!important;z-index:20;top:28px!important;right:42px!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:6px!important;
  gap:2px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(32,42,75,.08)!important;
}
.cf-camper-page .cf-fuel-language-switch a{
  min-width:34px!important;min-height:30px!important;padding:5px 8px!important;border:0!important;
  background:transparent!important;color:#64748b!important;font-size:.72rem!important;font-weight:900!important;
}
.cf-camper-page .cf-fuel-language-switch a[aria-current="page"]{
  background:#fff!important;color:var(--camper-red)!important;box-shadow:0 4px 13px rgba(31,41,55,.10)!important;
}
.cf-camper-page .cf-camper-shell{
  overflow:hidden!important;border:1px solid rgba(234,218,220,.86)!important;border-radius:30px!important;
  background:#fff!important;box-shadow:0 26px 80px rgba(54,37,65,.10)!important;
}

/* Hero */
.cf-camper-page .cf-camper-hero{
  position:relative;overflow:hidden;padding:32px 34px 26px!important;border-bottom:0!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,139,151,.18),transparent 34%),
    linear-gradient(135deg,#fff7f7 0%,#fff 52%,#f4f6ff 100%)!important;
}
.cf-camper-page .cf-camper-hero:before{
  content:"";position:absolute;inset:auto auto -150px -100px;width:380px;height:380px;border-radius:50%;
  background:rgba(255,88,104,.07);filter:blur(5px);pointer-events:none
}
.cf-camper-page .cf-camper-hero .cf-fuel-hero-grid{
  position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:34px!important;align-items:center!important
}
.cf-camper-page .cf-fuel-brand{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 18px!important}
.cf-camper-page .cf-fuel-brand img{width:58px!important;height:58px!important;border-radius:19px!important;box-shadow:0 10px 25px rgba(209,35,59,.16)!important}
.cf-camper-page .cf-fuel-brand strong{color:var(--camper-ink)!important;font-size:1.08rem!important;font-weight:950!important;letter-spacing:-.025em!important}
.cf-camper-page .cf-fuel-brand small{margin-top:2px!important;color:#7a8799!important;font-size:.69rem!important;font-weight:650!important}
.cf-camper-page .cf-fuel-eyebrow{
  margin-top:4px!important;padding:7px 11px!important;border:1px solid rgba(255,80,102,.16)!important;
  border-radius:999px!important;background:#fff0f2!important;color:#d92b43!important;font-size:.72rem!important;font-weight:950!important;
  box-shadow:0 4px 12px rgba(213,31,43,.05)!important
}
.cf-camper-page .cf-camper-hero h1{
  max-width:690px!important;margin:16px 0 10px!important;color:var(--camper-ink)!important;
  font-size:clamp(2.8rem,4.8vw,4.45rem)!important;line-height:.98!important;letter-spacing:-.055em!important;
  text-wrap:balance!important
}
.cf-camper-page .cf-fuel-promise{
  max-width:670px!important;margin:0!important;color:#41516a!important;font-size:1.08rem!important;line-height:1.48!important;font-weight:780!important
}
.cf-camper-page .cf-fuel-lead{display:none!important}
.cf-camper-hero-visual{
  position:relative;min-height:352px;align-self:stretch;border-radius:28px;overflow:hidden;
  background:#eaf0ff;box-shadow:0 18px 42px rgba(43,51,78,.14);isolation:isolate
}
.cf-camper-hero-visual:after{
  content:"Viaja más · gasta menos";position:absolute;left:24px;bottom:20px;z-index:2;padding:8px 12px;
  border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);
  color:#24324b;font-size:.76rem;font-weight:900;box-shadow:0 6px 18px rgba(20,28,48,.10)
}
.cf-camper-hero-visual img{width:100%;height:100%;min-height:352px;object-fit:cover;display:block}
.cf-camper-page .cf-fuel-trust{
  grid-column:1/-1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:22px 0 0!important
}
.cf-camper-page .cf-fuel-trust span{
  position:relative;display:flex!important;align-items:center!important;min-height:72px;padding:14px 14px 14px 52px!important;
  border:1px solid rgba(225,228,238,.92)!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;
  color:#263653!important;font-size:.73rem!important;font-weight:900!important;line-height:1.28!important;box-shadow:0 9px 25px rgba(31,41,55,.055)!important
}
.cf-camper-page .cf-fuel-trust span:before{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:11px;
  background:#fff0f2;box-shadow:inset 0 0 0 1px rgba(255,83,104,.10);font-size:.95rem
}
.cf-camper-page .cf-fuel-trust span:nth-child(1):before{content:"●";color:#ff3f65}
.cf-camper-page .cf-fuel-trust span:nth-child(2):before{content:"▦";color:#6955ef;background:#f1efff}
.cf-camper-page .cf-fuel-trust span:nth-child(3):before{content:"⛽";background:#eafaf1}
.cf-camper-page .cf-fuel-trust span:nth-child(4):before{content:"▥";color:#e69a24;background:#fff7e7}

/* Planner card */
.cf-camper-page .cf-camper-tool{
  position:relative;margin:24px 28px 30px;padding:26px 28px 24px!important;border:1px solid #f1dadd!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 0 0,rgba(255,100,118,.09),transparent 25%),
    linear-gradient(180deg,#fff9f9 0,#fff 55%)!important;
  box-shadow:0 14px 34px rgba(107,65,72,.065)!important
}
.cf-camper-page .cf-camper-section-head{position:relative;max-width:930px!important;margin:0 0 20px!important;padding-left:52px}
.cf-camper-page .cf-camper-section-head:before{
  content:"↗";position:absolute;left:0;top:-3px;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;
  background:linear-gradient(145deg,#ff5b70,#ed3150);color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 8px 18px rgba(229,48,73,.20)
}
.cf-camper-page .cf-camper-section-head h2{color:var(--camper-ink)!important;font-size:1.42rem!important;font-weight:950!important;letter-spacing:-.035em!important}
.cf-camper-page .cf-camper-section-head p{margin-top:5px!important;color:#77849a!important;font-size:.78rem!important;line-height:1.52!important}
.cf-camper-page .cf-camper-location-row{grid-template-columns:minmax(270px,370px) minmax(0,1fr)!important;gap:12px!important;margin:0 0 18px!important}
.cf-camper-page .cf-camper-locate{
  min-height:46px!important;border-radius:14px!important;background:linear-gradient(100deg,#ff4d64 0%,#e63158 48%,#7157ef 100%)!important;
  font-size:.82rem!important;font-weight:950!important;box-shadow:0 10px 20px rgba(109,78,228,.15)!important
}
.cf-camper-page .cf-camper-location-state{font-size:.72rem!important}
.cf-camper-page .cf-camper-grid{gap:14px 16px!important}
.cf-camper-page .cf-camper-trip-grid{grid-template-columns:minmax(0,1.8fr) minmax(210px,.55fr)!important;margin:0 0 14px!important}
.cf-camper-page .cf-camper-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:0!important}
.cf-camper-page .cf-fuel-field label{margin:0 0 7px!important;color:#23324c!important;font-size:.73rem!important;font-weight:900!important;letter-spacing:-.01em!important}
.cf-camper-page .cf-fuel-field input,.cf-camper-page .cf-fuel-field select,.cf-camper-page .cf-camper-static-field{
  min-height:46px!important;border:1px solid #cfd8e8!important;border-radius:12px!important;background:#fff!important;
  color:#17243b!important;font-size:.82rem!important;font-weight:650!important;box-shadow:0 2px 5px rgba(31,41,55,.015)!important
}
.cf-camper-page .cf-fuel-field input:focus,.cf-camper-page .cf-fuel-field select:focus{
  border-color:#6d69ef!important;box-shadow:0 0 0 4px rgba(108,82,245,.10)!important
}
.cf-camper-page .cf-camper-inline{gap:8px!important}
.cf-camper-page .cf-camper-inline button{
  min-width:102px;border-color:#ffc8d0!important;border-radius:12px!important;background:#fff4f5!important;color:#d72f47!important;
  font-size:.73rem!important;font-weight:950!important
}
.cf-camper-page .cf-camper-destination small,.cf-camper-page .cf-camper-grid .cf-fuel-field>small{font-size:.64rem!important;color:#8a96a8!important}
.cf-camper-page .cf-camper-static-field{padding:12px 13px!important;background:#f8fafc!important;color:#334155!important}
.cf-camper-page .cf-camper-calc{
  width:100%!important;max-width:none!important;min-height:54px!important;margin:20px 0 0!important;border-radius:14px!important;
  background:linear-gradient(100deg,#ff5266 0%,#df2f57 47%,#6654f7 100%)!important;color:#fff!important;
  font-size:.9rem!important;letter-spacing:-.015em!important;box-shadow:0 13px 28px rgba(101,83,244,.17)!important
}
.cf-camper-page .cf-camper-calc:after{content:"  →";font-size:1.05rem}
.cf-camper-page .cf-camper-privacy{
  max-width:none!important;margin:10px auto 0!important;text-align:center!important;color:#7c8899!important;font-size:.62rem!important;line-height:1.45!important
}
.cf-camper-page .cf-camper-osm-attrib{text-align:center!important;font-size:.58rem!important;color:#a0a9b7!important}
.cf-camper-page .cf-camper-osm-attrib a{color:#77849a!important}
.cf-camper-page .cf-fuel-status{max-width:none!important;border-radius:12px!important}

/* Results */
.cf-camper-page .cf-camper-results{
  margin:0 28px 30px;padding:24px 26px 28px!important;border:1px solid #e4e8f1!important;border-radius:24px!important;
  background:linear-gradient(180deg,#fbfcff,#fff)!important;box-shadow:0 12px 30px rgba(31,41,55,.045)!important
}
.cf-camper-page .cf-camper-results-head h2{color:var(--camper-ink)!important;font-size:1.38rem!important;font-weight:950!important}
.cf-camper-page .cf-camper-verdict{border-radius:18px!important;box-shadow:none!important}
.cf-camper-page .cf-camper-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.cf-camper-page .cf-camper-metrics>div{min-height:96px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(31,41,55,.035)!important}
.cf-camper-page .cf-camper-station{border-radius:18px!important}

/* Explainer */
.cf-camper-page .cf-camper-seo{padding:26px 34px 16px!important;border-top:0!important;background:#fff!important}
.cf-camper-page .cf-camper-seo-inner{
  max-width:none!important;display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);grid-template-rows:auto auto auto auto;column-gap:54px;align-items:start
}
.cf-camper-page .cf-camper-seo-kicker{grid-column:1;grid-row:1;width:max-content;padding:0!important;background:transparent!important;color:#f0475d!important;font-size:.66rem!important}
.cf-camper-page .cf-camper-seo-kicker:before{content:"● ";font-size:.7rem}
.cf-camper-page .cf-camper-seo h2{grid-column:1;grid-row:2;margin:8px 0 10px!important;color:var(--camper-ink)!important;font-size:2.05rem!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.045em!important}
.cf-camper-page .cf-camper-seo-inner>p{grid-column:1;grid-row:3;margin:0!important;color:#68778e!important;font-size:.82rem!important;line-height:1.62!important}
.cf-camper-page .cf-camper-seo-grid{grid-column:2;grid-row:1/5;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
.cf-camper-page .cf-camper-seo-grid article{
  position:relative;min-height:88px;padding:16px 16px 14px 68px!important;border:0!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 5px 18px rgba(30,41,59,.04)!important
}
.cf-camper-page .cf-camper-seo-grid article:before{
  position:absolute;left:16px;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;font-size:1rem;font-weight:900
}
.cf-camper-page .cf-camper-seo-grid article:nth-child(1):before{content:"🚙";background:#edf4ff}
.cf-camper-page .cf-camper-seo-grid article:nth-child(2):before{content:"↗";color:#694df3;background:#f1efff}
.cf-camper-page .cf-camper-seo-grid article:nth-child(3):before{content:"€";color:#f13e65;background:#fff0f3}
.cf-camper-page .cf-camper-seo-grid strong{font-size:.86rem!important;color:#21304b!important}
.cf-camper-page .cf-camper-seo-grid p{margin:4px 0 0!important;font-size:.72rem!important;color:#77849a!important;line-height:1.45!important}
.cf-camper-page .cf-camper-seo-links{grid-column:1;grid-row:4;margin:16px 0 0!important}
.cf-camper-page .cf-camper-seo-links a{border-color:#e4e7ee!important;background:#fff!important;color:#52617a!important;font-size:.68rem!important}
.cf-camper-page .cf-camper-faq{grid-column:1/-1;grid-row:5;margin-top:26px;padding:22px 0 0!important;border-top:1px solid #eef1f5!important}
.cf-camper-page .cf-camper-faq h2{font-size:1.05rem!important;margin:0 0 10px!important;letter-spacing:-.02em!important}
.cf-camper-page .cf-camper-faq details{margin:7px 0!important;padding:11px 14px!important;border-color:#e6e9ef!important;border-radius:12px!important;background:#fff!important}
.cf-camper-page .cf-camper-faq summary{font-size:.75rem!important;color:#25334e!important}
.cf-camper-page .cf-camper-faq details p{font-size:.7rem!important;color:#748197!important}
.cf-camper-page .cf-camper-footer{margin:0!important;padding:22px 34px 26px!important;border-top:1px solid #f0edef!important;background:#fff!important}

/* Tablet */
@media(max-width:980px){
  .cf-camper-page main{padding:12px 10px 48px!important}
  .cf-camper-page .cf-fuel-language-switch{top:22px!important;right:24px!important}
  .cf-camper-page .cf-camper-hero{padding:28px 24px 22px!important}
  .cf-camper-page .cf-camper-hero .cf-fuel-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)!important;gap:22px!important}
  .cf-camper-page .cf-camper-hero h1{font-size:clamp(2.4rem,5.7vw,3.5rem)!important}
  .cf-camper-hero-visual,.cf-camper-hero-visual img{min-height:320px}
  .cf-camper-page .cf-fuel-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cf-camper-page .cf-camper-tool{margin:20px 18px 26px!important;padding:22px 22px 20px!important}
  .cf-camper-page .cf-camper-seo{padding-left:26px!important;padding-right:26px!important}
  .cf-camper-page .cf-camper-seo-inner{column-gap:30px!important}
  .cf-camper-page .cf-camper-seo h2{font-size:1.75rem!important}
}

/* Mobile: intentionally composed, not just scaled down */
@media(max-width:720px){
  .cf-camper-page{background:#fff!important}
  .cf-camper-page main{padding:0 0 38px!important}
  .cf-camper-page .cf-camper-shell{border:0!important;border-radius:0!important;box-shadow:none!important}
  .cf-camper-page .cf-fuel-language-switch{
    top:16px!important;right:14px!important;padding:4px!important;gap:0!important;background:rgba(255,255,255,.92)!important;
    box-shadow:0 5px 16px rgba(31,41,55,.08)!important
  }
  .cf-camper-page .cf-fuel-language-switch a{min-width:29px!important;min-height:27px!important;padding:4px 5px!important;font-size:.62rem!important}
  .cf-camper-page .cf-camper-hero{padding:14px 14px 18px!important;border-radius:0!important;background:linear-gradient(180deg,#fff8f8 0,#fff 100%)!important}
  .cf-camper-page .cf-camper-hero .cf-fuel-hero-grid{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important}
  .cf-camper-page .cf-fuel-brand{padding-right:148px;margin-bottom:14px!important}
  .cf-camper-page .cf-fuel-brand img{width:48px!important;height:48px!important;border-radius:16px!important}
  .cf-camper-page .cf-fuel-brand strong{font-size:.86rem!important;white-space:nowrap}
  .cf-camper-page .cf-fuel-brand small{font-size:.58rem!important;white-space:nowrap}
  .cf-camper-page .cf-fuel-eyebrow{font-size:.61rem!important;padding:6px 8px!important;margin-top:0!important}
  .cf-camper-page .cf-camper-hero h1{margin:10px 0 8px!important;font-size:clamp(2.12rem,10.8vw,3rem)!important;line-height:.98!important;max-width:100%!important}
  .cf-camper-page .cf-fuel-promise{font-size:.85rem!important;line-height:1.42!important}
  .cf-camper-hero-visual{order:2;min-height:210px;border-radius:20px!important;box-shadow:0 10px 25px rgba(31,41,55,.12)!important}
  .cf-camper-hero-visual img{min-height:210px;height:210px!important;object-position:64% 52%!important}
  .cf-camper-hero-visual:after{left:12px;bottom:11px;padding:6px 8px;font-size:.62rem}
  .cf-camper-page .cf-fuel-hero-grid>div:first-child{display:contents}
  .cf-camper-page .cf-fuel-brand{order:0}
  .cf-camper-page .cf-fuel-eyebrow{order:1;width:max-content;max-width:100%}
  .cf-camper-page .cf-camper-hero h1{order:2}
  .cf-camper-page .cf-fuel-promise{order:3}
  .cf-camper-page .cf-fuel-lead{order:4}
  .cf-camper-page .cf-fuel-trust{order:3;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
  .cf-camper-page .cf-fuel-trust span{min-height:54px!important;padding:10px 8px 10px 40px!important;border-radius:14px!important;font-size:.61rem!important;line-height:1.2!important}
  .cf-camper-page .cf-fuel-trust span:before{left:9px;width:25px;height:25px;border-radius:9px;font-size:.78rem}

  .cf-camper-page .cf-camper-tool{margin:14px 10px 20px!important;padding:18px 14px 16px!important;border-radius:20px!important}
  .cf-camper-page .cf-camper-section-head{padding-left:43px;margin-bottom:15px!important}
  .cf-camper-page .cf-camper-section-head:before{width:33px;height:33px;border-radius:12px}
  .cf-camper-page .cf-camper-section-head h2{font-size:1.18rem!important}
  .cf-camper-page .cf-camper-section-head p{font-size:.68rem!important}
  .cf-camper-page .cf-camper-location-row{grid-template-columns:1fr!important;margin-bottom:14px!important}
  .cf-camper-page .cf-camper-locate{min-height:45px!important;font-size:.76rem!important}
  .cf-camper-page .cf-camper-trip-grid{grid-template-columns:1fr!important;margin-bottom:12px!important}
  .cf-camper-page .cf-camper-vehicle-grid{grid-template-columns:1fr 1fr!important;gap:11px!important}
  .cf-camper-page .cf-camper-vehicle-grid>.cf-fuel-field:nth-child(1),
  .cf-camper-page .cf-camper-vehicle-grid>.cf-fuel-field:nth-child(6){grid-column:1/-1}
  .cf-camper-page .cf-fuel-field label{font-size:.64rem!important;margin-bottom:5px!important;line-height:1.25!important}
  .cf-camper-page .cf-fuel-field input,.cf-camper-page .cf-fuel-field select,.cf-camper-page .cf-camper-static-field{min-height:43px!important;padding:10px 10px!important;font-size:.74rem!important;border-radius:10px!important}
  .cf-camper-page .cf-camper-inline{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .cf-camper-page .cf-camper-inline button{width:auto!important;min-width:78px!important;padding:9px 8px!important;font-size:.64rem!important}
  .cf-camper-page .cf-camper-destination small,.cf-camper-page .cf-camper-grid .cf-fuel-field>small{font-size:.57rem!important}
  .cf-camper-page .cf-camper-calc{min-height:50px!important;margin-top:15px!important;font-size:.77rem!important;border-radius:12px!important}
  .cf-camper-page .cf-camper-privacy{font-size:.54rem!important;padding:0 4px!important}
  .cf-camper-page .cf-camper-osm-attrib{font-size:.52rem!important}

  .cf-camper-page .cf-camper-results{margin:0 10px 20px!important;padding:18px 14px 20px!important;border-radius:20px!important}
  .cf-camper-page .cf-camper-results-head{align-items:flex-start!important}
  .cf-camper-page .cf-camper-results-head h2{font-size:1.16rem!important}
  .cf-camper-page .cf-camper-metrics{grid-template-columns:1fr 1fr!important}
  .cf-camper-page .cf-camper-metrics>div{min-height:82px!important;padding:12px!important}
  .cf-camper-page .cf-camper-metrics strong{font-size:1.02rem!important}

  .cf-camper-page .cf-camper-seo{padding:18px 14px 8px!important}
  .cf-camper-page .cf-camper-seo-inner{display:block!important}
  .cf-camper-page .cf-camper-seo h2{margin:7px 0 8px!important;font-size:1.72rem!important;line-height:1.02!important;max-width:370px}
  .cf-camper-page .cf-camper-seo-inner>p{font-size:.76rem!important;line-height:1.55!important}
  .cf-camper-page .cf-camper-seo-grid{display:grid!important;grid-template-columns:1fr!important;margin:16px 0 0!important}
  .cf-camper-page .cf-camper-seo-grid article{min-height:78px!important;padding:13px 13px 12px 60px!important;border:1px solid #f0f1f4!important}
  .cf-camper-page .cf-camper-seo-grid article:before{left:13px;top:13px;width:34px;height:34px}
  .cf-camper-page .cf-camper-seo-links{margin-top:12px!important;gap:6px!important}
  .cf-camper-page .cf-camper-seo-links a{font-size:.61rem!important;padding:7px 8px!important}
  .cf-camper-page .cf-camper-faq{margin-top:20px!important;padding-top:17px!important}
  .cf-camper-page .cf-camper-faq h2{font-size:.98rem!important}
  .cf-camper-page .cf-camper-faq details{padding:10px 11px!important}
  .cf-camper-page .cf-camper-faq summary{font-size:.7rem!important;line-height:1.35!important}
  .cf-camper-page .cf-camper-footer{padding:18px 14px 22px!important;font-size:.62rem!important}
}

@media(max-width:390px){
  .cf-camper-page .cf-fuel-brand{padding-right:132px}
  .cf-camper-page .cf-fuel-brand strong{font-size:.79rem!important}
  .cf-camper-page .cf-fuel-brand small{font-size:.53rem!important}
  .cf-camper-page .cf-fuel-language-switch a{min-width:26px!important;padding-left:4px!important;padding-right:4px!important}
  .cf-camper-page .cf-camper-hero h1{font-size:2rem!important}
  .cf-camper-page .cf-camper-vehicle-grid{gap:9px!important}
  .cf-camper-page .cf-camper-inline{grid-template-columns:1fr!important}
  .cf-camper-page .cf-camper-inline button{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
  .cf-camper-page *{scroll-behavior:auto!important;transition:none!important}
}
@media(max-width:720px){
  .cf-camper-page .cf-fuel-brand{order:0!important}
  .cf-camper-page .cf-fuel-eyebrow{order:1!important}
  .cf-camper-page .cf-camper-hero h1{order:2!important}
  .cf-camper-page .cf-fuel-promise{order:3!important}
  .cf-camper-page .cf-fuel-lead{order:3!important}
  .cf-camper-page .cf-camper-hero-visual{order:4!important}
  .cf-camper-page .cf-fuel-trust{order:5!important}
}
.cf-camper-page .cf-camper-accent{color:var(--camper-coral)}

/* Camper route planner · 2026-10-01 */
.cf-camper-page .cf-camper-route-plan{margin:18px 0 0;padding:20px;border:1px solid #e4e8f1;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcff)}
.cf-camper-page .cf-camper-route-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.cf-camper-page .cf-camper-route-head h3{margin:5px 0 0;color:var(--camper-ink);font-size:1.12rem;font-weight:950;letter-spacing:-.025em}
.cf-camper-page .cf-camper-route-head>a{flex:0 0 auto;font-size:.7rem;font-weight:850;color:#5d4be7;text-decoration:none}
.cf-camper-page .cf-camper-route-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1efff;color:#5f4de0;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.cf-camper-page .cf-camper-route-note{margin:6px 0 14px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#65748a;font-size:.73rem;line-height:1.5}
.cf-camper-page .cf-camper-route-note.is-ok{background:#effbf5;color:#237a52}
.cf-camper-page .cf-camper-route-note.is-warn{background:#fff8e8;color:#8b6412}
.cf-camper-page .cf-camper-route-stops{display:grid;gap:10px}
.cf-camper-page .cf-camper-route-stop{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid #e7eaf1;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(31,41,55,.025)}
.cf-camper-page .cf-camper-route-stop-index{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#ff5b70,#6654f7);color:#fff;font-size:.78rem;font-weight:950}
.cf-camper-page .cf-camper-route-stop-copy>span{display:block;color:#7c8899;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.02em}
.cf-camper-page .cf-camper-route-stop-copy h4{margin:3px 0 2px;color:#1f2d47;font-size:.88rem;font-weight:950}
.cf-camper-page .cf-camper-route-stop-copy p{margin:0;color:#7a879b;font-size:.67rem;line-height:1.35}
.cf-camper-page .cf-camper-route-stop-copy small{display:block;margin-top:5px;color:#42516b;font-size:.66rem;font-weight:800}
.cf-camper-page .cf-camper-route-stop>a{padding:8px 10px;border:1px solid #dedff3;border-radius:10px;background:#f8f7ff;color:#5e4ce4;text-decoration:none;font-size:.65rem;font-weight:900;white-space:nowrap}
.cf-camper-page .cf-camper-route-source{display:block;margin-top:10px;color:#9aa4b2;font-size:.58rem}
@media(max-width:720px){
  .cf-camper-page .cf-camper-route-plan{padding:14px 12px;border-radius:16px}
  .cf-camper-page .cf-camper-route-head{display:block}
  .cf-camper-page .cf-camper-route-head>a{display:inline-block;margin-top:6px}
  .cf-camper-page .cf-camper-route-stop{grid-template-columns:32px minmax(0,1fr);padding:11px 10px;gap:9px}
  .cf-camper-page .cf-camper-route-stop-index{width:30px;height:30px;border-radius:10px}
  .cf-camper-page .cf-camper-route-stop>a{grid-column:2;justify-self:start}
  .cf-camper-page .cf-camper-route-note{font-size:.66rem}
}