/* Option F - Route Composite: Option C's route and overlapping photographs, with the full
   "Why is the inspection free?" answer as a card inside the opening (from Option A) and the
   phone action bar (from Option E). Opening order on phones: headline, intro, reassurance,
   actions, why-free, photographs. */
.rt-opt-f section h2{font-size:clamp(28px,3vw,38px)}

/* ---------------------------------------------------------------- opening */
.rt-opt-f .c-hero{background:linear-gradient(105deg,rgba(1,42,41,.97) 0%,rgba(1,42,41,.92) 42%,rgba(0,86,85,.82) 70%,rgba(1,42,41,.9) 100%),url('../inspection-images/hero-background.webp') 50% 40%/cover no-repeat var(--rt-deep);padding:50px 0 78px;position:relative;overflow:hidden}
.rt-opt-f .c-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--rt-green) 0 46px,transparent 46px 74px);opacity:.9}
.rt-opt-f .f-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"open photos" "open why";grid-template-rows:auto auto;gap:32px 56px;align-items:start}
.rt-opt-f .f-open{grid-area:open;align-self:center}
.rt-opt-f .f-photos{grid-area:photos}
.rt-opt-f .f-why{grid-area:why}
.rt-opt-f .rt-h1{font-size:clamp(36px,4.4vw,58px);max-width:15ch}
.rt-opt-f .rt-support{color:#dcefe9;max-width:48ch}
.rt-opt-f .rt-reassure-list{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:22px}
.rt-opt-f .rt-reassure-list li{font-size:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px 8px 10px;align-items:center}
.rt-opt-f .f-act .rt-status{color:#dcefe9}
.rt-opt-f .f-act .rt-bookhelp{color:#b9d6cf}

/* Photos can overlap each other, not the trust card. Intrinsic grid sizing reserves
   their real height; stage padding also allows for the rotated painted corners. */
.rt-opt-f .f-photos{position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:auto;padding:8px 8px 12px}
.rt-opt-f .c-ph{position:relative;grid-area:1/1;align-self:start;margin:0;border-radius:12px;overflow:hidden;border:6px solid #fff;box-shadow:0 22px 46px rgba(0,0,0,.35)}
.rt-opt-f .c-ph img{width:100%;height:100%;object-fit:cover}
.rt-opt-f .c-ph-1{width:70%;aspect-ratio:3/2;transform:rotate(-2deg)}
.rt-opt-f .c-ph-2{justify-self:end;width:58%;margin-top:58px;aspect-ratio:3/2;transform:rotate(2.5deg)}

/* Full early transparency answer, with a separate row below the photo stage. */
.rt-opt-f .f-why{position:relative;z-index:2;margin-top:0;background:#fff;color:var(--rt-ink);border-radius:12px;border-top:5px solid var(--rt-green);padding:26px 28px 24px;box-shadow:0 22px 48px rgba(0,0,0,.32)}
.rt-opt-f .f-why h2{color:var(--rt-deep);font-size:clamp(24px,2.3vw,30px);margin:0 0 12px;padding-right:44px}
.rt-opt-f .f-why .rt-why-body p{font-size:16px;line-height:1.65;color:#2f3a37}
.rt-opt-f .f-why .rt-why-body p+p{margin-top:10px}
.rt-opt-f .f-why-badge{position:absolute;top:-22px;right:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rt-green);border:4px solid #fff;box-shadow:0 0 0 2px var(--rt-teal)}
.rt-opt-f .f-why-ico{width:22px;height:22px;fill:none;stroke:#03211a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------- route (Option C, five stops) */
.rt-opt-f .c-body{background:var(--rt-off);padding:64px 0 76px}
.rt-opt-f .c-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.rt-opt-f .c-route{position:relative;display:grid;gap:34px}
.rt-opt-f .c-route::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:4px;background:repeating-linear-gradient(180deg,var(--rt-teal) 0 18px,transparent 18px 30px);border-radius:2px}
.rt-opt-f .c-stop{display:grid;grid-template-columns:50px minmax(0,1fr);gap:22px;position:relative}
.rt-opt-f .c-marker{position:sticky;top:110px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--rt-deep);color:#fff;font:700 20px/1 Oswald,Arial,sans-serif;border:4px solid var(--rt-off);box-shadow:0 0 0 2px var(--rt-teal)}
.rt-opt-f .c-stop-form .c-marker{background:var(--rt-green);color:#03211a}
.rt-opt-f .c-stop-body{background:#fff;border-radius:12px;padding:30px 32px;border:1px solid var(--rt-line);min-width:0}
.rt-opt-f .rt-scope-intro{margin:12px 0 22px;font-size:16.5px;line-height:1.6}
.rt-opt-f .c-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.rt-opt-f .c-scope-grid .rt-scope-item{border-left:4px solid var(--rt-teal);padding:4px 0 4px 16px}
.rt-opt-f .c-scope-grid .rt-sico{width:36px;height:36px;padding:7px;margin-bottom:8px}
.rt-opt-f .c-scope-grid h3{font-size:18.5px;line-height:1.2;margin-bottom:10px}
.rt-opt-f .c-scope-grid p{font-size:14.8px;color:#3b4542}
.rt-opt-f .c-further{margin-top:22px;background:#eef6f3;border-radius:10px;padding:20px 22px}
.rt-opt-f .c-further h3{font-size:21px;line-height:1.2;margin-bottom:12px}
.rt-opt-f .rt-report-text{margin-bottom:22px}
.rt-opt-f .rt-report-text h2{margin-bottom:16px}
.rt-opt-f .rt-report-text p{line-height:1.7;margin-bottom:10px;max-width:70ch}
/* Optional report depth: the proof and fictional-example disclosure stay visible.
   Native details supports pointer, keyboard and no-JavaScript operation. */
.rt-opt-f .f-report-disclosure{border:1px solid #b8d2c8;border-radius:10px;background:#fff}
.rt-opt-f .f-report-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:18px 20px;list-style:none;cursor:pointer;border-radius:10px;background:#eef6f3;color:var(--rt-deep)}
.rt-opt-f .f-report-disclosure>summary::-webkit-details-marker{display:none}
.rt-opt-f .f-report-disclosure>summary:hover{background:#e2f0e9}
.rt-opt-f .f-report-disclosure>summary:focus-visible{outline:3px solid var(--rt-teal);outline-offset:3px}
.rt-opt-f .f-report-summary-copy{display:grid;gap:6px;min-width:0}
.rt-opt-f .f-report-open-label,.rt-opt-f .f-report-close-label{font:700 20px/1.2 Oswald,Arial,sans-serif;text-transform:uppercase}
.rt-opt-f .f-report-summary-help{font:400 14px/1.5 Poppins,Arial,sans-serif;color:#3b4542}
.rt-opt-f .f-report-chevron{width:24px;height:24px;color:var(--rt-teal)}
.rt-opt-f .f-report-close-label{display:none}
.rt-opt-f .f-report-disclosure[open]>summary{border-radius:10px 10px 0 0}
.rt-opt-f .f-report-disclosure[open]>summary .f-report-open-label{display:none}
.rt-opt-f .f-report-disclosure[open]>summary .f-report-close-label{display:inline}
.rt-opt-f .f-report-disclosure[open]>summary .f-report-chevron{transform:rotate(180deg)}
.rt-opt-f .f-report-panel{padding:20px 12px 12px;min-width:0}
.rt-opt-f ol.rt-steps.c-steplist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0}
.rt-opt-f .c-steplist .rt-step{background:var(--rt-off);border-radius:10px;padding:20px}
.rt-opt-f .c-steplist .rt-step-n{width:36px;height:36px;border-radius:8px;background:var(--rt-teal);color:#fff;margin-bottom:16px}
.rt-opt-f .c-steplist h3{font-size:18.5px;line-height:1.2;margin-bottom:12px}
.rt-opt-f .c-steplist p{font-size:14.6px;line-height:1.6;color:#3b4542}
.rt-opt-f .rt-travel{margin-top:24px;padding-top:18px;border-top:1px solid var(--rt-line)}
.rt-opt-f .c-request{scroll-margin-top:100px}
.rt-opt-f .c-request:focus{outline:none}
.rt-opt-f .c-stop-form .c-stop-body{border:2px solid var(--rt-teal)}
.rt-opt-f .rt-booking .formcard{border:0;box-shadow:none;padding:0;margin-top:16px}
.rt-opt-f .c-visit h2{margin-bottom:16px}
.rt-opt-f .c-visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.rt-opt-f .c-visit-photo{margin:0}
.rt-opt-f .c-visit-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.rt-opt-f .c-final{margin-top:26px;padding-top:22px;border-top:1px solid var(--rt-line)}
.rt-opt-f .c-final .rt-final-reassure{font:700 22px/1.25 Oswald,Arial,sans-serif;text-transform:uppercase;color:var(--rt-deep)}

/* desktop side card (Option C): beside the route only, never over content */
.rt-opt-f .c-side{position:sticky;top:110px}
.rt-opt-f .c-trip{background:var(--rt-deep);color:#fff;border-radius:12px;padding:24px 22px;border-top:6px solid var(--rt-green)}
.rt-opt-f .c-trip-name{font:700 21px/1.15 Oswald,Arial,sans-serif;text-transform:uppercase}
.rt-opt-f .c-trip .rt-status{color:#cfe5df;font-size:13.5px}
.rt-opt-f .c-trip .rt-actions{flex-direction:column;align-items:stretch;margin-top:16px}
.rt-opt-f .c-trip .rt-book-secondary{background:transparent;color:#fff;border-color:#fff}
.rt-opt-f .c-trip .rt-book-secondary:hover{background:#fff;color:var(--rt-deep)}
.rt-opt-f .c-trip :focus-visible{outline-color:#fff}
.rt-opt-f .c-trip-addr{display:flex;gap:9px;margin-top:16px!important;font-size:13.5px;color:#cfe5df;line-height:1.5}
.rt-opt-f .c-trip .rt-vico{color:#8ff0c0}

/* ---------------------------------------------------------------- intermediate widths */
@media(max-width:1180px){
  .rt-opt-f .f-hero-grid{column-gap:40px}
  .rt-opt-f .f-why{padding:24px 24px 22px}
}
@media(max-width:1100px){
  .rt-opt-f .c-body-grid{grid-template-columns:minmax(0,1fr)}
  .rt-opt-f .c-side{display:none}
  .rt-opt-f ol.rt-steps.c-steplist{grid-template-columns:minmax(0,1fr)}
  .rt-opt-f .c-ph-2{margin-top:48px}
}
/* single column: headline, intro, reassurance, actions, why-free, photographs */
@media(max-width:960px){
  .rt-opt-f .f-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"open" "why" "photos";row-gap:30px}
  .rt-opt-f .f-open{align-self:start}
  .rt-opt-f .f-why{margin-top:0;max-width:820px}
  .rt-opt-f .f-why .rt-why-body p{max-width:68ch}
  .rt-opt-f .f-photos{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;padding:8px 4px 10px}
  .rt-opt-f .c-ph{position:relative;grid-area:auto;width:auto;inset:auto;margin:0;transform:none;aspect-ratio:3/2;border-width:4px;box-shadow:0 12px 28px rgba(0,0,0,.3)}
  .rt-opt-f .c-ph-1{transform:rotate(-1.2deg)}
  .rt-opt-f .c-ph-2{margin-top:0;transform:rotate(1.2deg)}
}
@media(max-width:760px){
  .rt-opt-f .c-hero{padding:34px 0 50px}
  .rt-opt-f .f-why{padding:24px 20px 20px}
  .rt-opt-f .f-why-badge{width:38px;height:38px;top:-19px;right:18px}
  .rt-opt-f .f-why-ico{width:19px;height:19px}
  .rt-opt-f .c-body{padding:40px 0 56px}
  .rt-opt-f .c-route{gap:26px}
  .rt-opt-f .c-route::before{left:15px}
  .rt-opt-f .c-stop{grid-template-columns:34px minmax(0,1fr);gap:12px}
  .rt-opt-f .c-marker{width:34px;height:34px;font-size:15px;border-width:3px}
  .rt-opt-f .c-stop-body{padding:22px 18px}
  .rt-opt-f .c-scope-grid,.rt-opt-f .c-visit-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
  .rt-opt-f .c-hero{padding-top:20px}
  .rt-opt-f .rt-shopid{margin-bottom:8px}
  .rt-opt-f .rt-h1{font-size:clamp(30px,8.6vw,36px)}
  .rt-opt-f .rt-reassure-list{gap:6px;margin-top:14px}
  .rt-opt-f .rt-reassure-list li{font-size:14px;padding:4px 12px 4px 8px}
  .rt-opt-f .f-photos{gap:10px}
}
@media(max-width:400px){
  .rt-opt-f .c-route::before{display:none}
  .rt-opt-f .c-stop{grid-template-columns:minmax(0,1fr)}
  .rt-opt-f .c-marker{position:relative;top:auto;margin-bottom:-6px}
  .rt-opt-f .c-stop-body{padding:20px 16px}
}
/* short landscape screens */
@media(min-width:961px) and (max-height:820px){
  .rt-opt-f .c-hero{padding-top:28px}
  .rt-opt-f .rt-reassure-list{margin-top:14px}
  .rt-opt-f .c-ph-2{margin-top:44px}
}

/* ---------------------------------------------------------------- phone action bar (Option E) */
@media(max-width:860px){
  .rt-opt-f .rt-sticky .rt-btn{white-space:nowrap}
  /* once stepped aside, the bar is also hidden so it cannot peek in on overscroll */
  .rt-opt-f .rt-sticky{transition:transform .2s ease,visibility 0s linear 0s}
  .rt-opt-f .rt-sticky.rt-sticky-away{visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
}

/* ---------------------------------------------------------------- confirmation */
.rt-opt-f.rt-confirm .rt-confirm-hero{background:var(--rt-deep)}
.rt-opt-f.rt-confirm .rt-confirm-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,var(--rt-green) 0 46px,transparent 46px 74px)}
.rt-opt-f.rt-confirm .rt-confirm-visit{background:var(--rt-deep);color:#fff;border-top:6px solid var(--rt-green)}
.rt-opt-f.rt-confirm .rt-confirm-visit h2,.rt-opt-f.rt-confirm .rt-confirm-visit .rt-visit-name{color:#fff}
.rt-opt-f.rt-confirm .rt-confirm-visit .rt-vico,.rt-opt-f.rt-confirm .rt-confirm-visit .rt-directions{color:#8ff0c0}
.rt-opt-f.rt-confirm .rt-confirm-visit .rt-hours div{border-color:#ffffff2b}
.rt-opt-f.rt-confirm .rt-confirm-visit :focus-visible{outline-color:#fff}