/* Partners, desktop (draft12 tab 4, 12 Oct 2026): four frames. The hero, the days drawn in four
   steps, what you get beside your side, and the booking close. Phones are in m/partners.css. */
.p-days h2, .p-offer h2 { margin:0; font:400 var(--fs-h2)/1.1 Plex,sans-serif; letter-spacing:-.025em; color:var(--ink); }
.p-days .partners-figure { margin:48px 0 0; }
@media (min-width:900px) {
  .p-days .gap-options { gap:clamp(32px,3.6vw,56px); }
  .p-days .gap-option { border-top:1px solid var(--ink); padding-top:20px; }
  .p-days .gap-scene { max-width:none; width:100%; aspect-ratio:280/200; }
  .p-days .gap-label { margin-top:18px; font:500 var(--fs-row)/1.25 Plex,sans-serif; letter-spacing:-.01em; color:var(--ink); }
  .p-days .gap-option p { max-width:26ch; margin-top:8px; font-size:17px; }
}
@media (max-height:820px) and (min-width:900px) { .p-days .gap-scene { max-height:200px; } .p-days .partners-figure { margin-top:36px; } }

.p-offer { display:grid; grid-template-columns:1fr 1fr; gap:var(--col-gap,64px); align-items:start; }
.p-offer > .p-col { min-width:0; }
.p-get, .p-need { list-style:none; margin:32px 0 0; padding:0; border-top:1px solid var(--ink); }
.p-get li { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
.p-get .og-mark { width:28px; height:28px; display:block; fill:#e9f6ef; stroke:#17834f; stroke-width:1.6; }
.p-get .og-mark path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.p-get h3 { margin:0 0 6px; font:500 var(--fs-row)/1.3 Plex,sans-serif; letter-spacing:-.01em; color:var(--ink); white-space:nowrap; }
.p-get p, .p-need p { margin:0; max-width:40ch; font:400 var(--fs-body)/1.5 Plex,sans-serif; color:var(--ink); text-wrap:balance; }
.p-need li { display:grid; align-items:start; grid-template-columns:9.5em minmax(0,1fr); column-gap:20px; padding:16px 0; border-bottom:1px solid var(--line); }
.p-need p { max-width:none; }
.p-need h4 { margin:0; font:500 17px/1.45 Plex,sans-serif; color:var(--ink); }
.p-terms { margin:24px 0 0; max-width:40ch; font:500 var(--fs-body)/1.5 Plex,sans-serif; color:var(--ink); text-wrap:balance; }

.p-close .close-line { color:var(--ink); }
@media (max-width:1199px) and (min-width:900px) { .p-need li { grid-template-columns:1fr; row-gap:2px; } }
@media (min-width:900px) { .partners-lead .p-line { display:block; } .page-heading .partners-lead { text-wrap:wrap; } }