/* Marinova Formula 1 page: the five additional yacht cards, the offer note and the photo viewer (UI-F1-YACHTS-R1).
   Reviewed, hand-written; loaded after the countdown band layer. Every colour is a page token, so Light and Dark follow
   the page theme. The three original cards are not restyled: each card rule below is scoped to .f1y-card--new. */

/* New cards (UI-F1-YACHTS-R2): the original cards' photo framing and edge treatment, unchanged (the 4:3 box filled edge to
   edge, the darkening fade at its foot), so all eight cards read alike. Aarna's wide panorama is centred on its yacht; the
   photo viewer still shows every photograph whole. */
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-img-bg[src$="/aarna-01-exterior-v1.webp"]{object-position:58% 50%}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-price{line-height:1.6}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-rate,.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-price-additions{display:block}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-price-additions{font-size:12.5px;font-weight:400;line-height:1.7;margin-top:2px}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-desc{flex:none}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-extras{flex:1 1 auto;font-size:12.5px;line-height:1.75;color:var(--t2);margin-bottom:18px}
.uirh-service.uirh-service:is(body *) .f1y-card--new .f1y-actions .btn{white-space:normal;text-align:center;max-width:100%}

/* The gallery link (UI-F1-YACHTS-R2): the original cards' album link treatment, unchanged (the small uppercase label at 500
   weight with .5px tracking, the gold underline, the lighter gold on hover and keyboard focus, and the page's shared focus
   ring); the wording stays "View 4 photos" and the target stays 44px tall. Without JavaScript it opens the four-photo strip
   below it. */
.uirh-service.uirh-service:is(body *) .f1g{width:100%;min-width:0}
.uirh-service.uirh-service:is(body *) .f1g-sum{display:list-item;min-height:44px;padding:10px 0 6px;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);cursor:pointer}
.uirh-service.uirh-service:is(body *) .f1g-sum:hover,.uirh-service.uirh-service:is(body *) .f1g-sum:focus-visible{color:var(--gold-h)}
.uirh-service.uirh-service.sv-js:is(body *) .f1g-sum{display:inline-flex;align-items:center;gap:5px;list-style:none;padding:6px 0 2px;border-bottom:1px solid var(--gold-b);transition:border-color var(--ease)}
.uirh-service.uirh-service.sv-js:is(body *) .f1g-sum::-webkit-details-marker{display:none}
.uirh-service.uirh-service:is(body *) .f1g-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 10px}
.uirh-service.uirh-service:is(body *) .f1g-strip > a{flex:0 0 100%;min-width:0;scroll-snap-align:start;color:var(--t2);font-size:12.5px}
.uirh-service.uirh-service:is(body *) .f1g-strip img{display:block;width:100%;height:180px;object-fit:contain;background:var(--navy4);border-radius:8px}
.uirh-service.uirh-service:is(body *) .f1g-strip span{display:block;margin-top:8px}

/* Offer note below the cards: the reading column, boxed like the page's other notes. */
.uirh-service.uirh-service:is(body *) .f1y-offer-note{max-width:760px;margin:28px auto 0;padding:18px 20px;border:1px solid var(--b1);border-radius:14px;background:var(--navy3)}
.uirh-service.uirh-service:is(body *) .f1y-offer-note p{font-size:13.5px;line-height:1.8;color:var(--t2)}
.uirh-service.uirh-service:is(body *) .f1y-offer-note p + p{margin-top:10px}

/* Photo viewer: a native modal dialog. The heading and Close stay at the top while the details scroll; the photograph
   is shown whole on a dark frame in both themes; vertical scrolling stays with the dialog (overscroll contained). */
.uirh-service.uirh-service:is(body *) .f1g-dialog{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0 20px 20px;border:1px solid var(--b2);border-radius:16px;background:var(--navy3);color:var(--t1);box-shadow:0 24px 80px var(--shadow);overflow:auto;overscroll-behavior:contain}
.uirh-service.uirh-service:is(body *) .f1g-dialog::backdrop{background:rgba(3,13,22,.82)}
.uirh-service.uirh-service:is(body *) .f1g-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 12px;background:var(--navy3)}
.uirh-service.uirh-service:is(body *) .f1g-title{font-family:var(--sf);font-weight:400;font-size:22px;line-height:1.3;color:var(--t1);margin:0;min-width:0}
.uirh-service.uirh-service:is(body *) .f1g-close,.uirh-service.uirh-service:is(body *) .f1g-nav{flex:0 0 auto;min-width:44px;min-height:44px;padding:10px 18px;border:1px solid var(--b2);border-radius:999px;background:var(--navy3);color:var(--t1);font:inherit;font-size:13.5px;line-height:1.3;cursor:pointer}
.uirh-service.uirh-service:is(body *) .f1g-close:hover,.uirh-service.uirh-service:is(body *) .f1g-nav:hover{background:var(--navy4)}
.uirh-service.uirh-service:is(body *) .f1g-close:focus-visible,.uirh-service.uirh-service:is(body *) .f1g-nav:focus-visible,.uirh-service.uirh-service:is(body *) .f1g-terms-sum:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.uirh-service.uirh-service:is(body *) .f1g-content{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.uirh-service.uirh-service:is(body *) .f1g-media,.uirh-service.uirh-service:is(body *) .f1g-info{min-width:0}
.uirh-service.uirh-service:is(body *) .f1g-frame{touch-action:pan-y pinch-zoom;border-radius:10px;overflow:hidden;background:var(--panel)}
.uirh-service.uirh-service:is(body *) .f1g-main{display:block;width:100%;height:min(42dvh,420px);object-fit:contain;-webkit-user-drag:none;user-select:none}
.uirh-service.uirh-service:is(body *) .f1g-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.uirh-service.uirh-service:is(body *) .f1g-count{flex:1 1 auto;min-width:0;margin:0;text-align:center;font-size:13px;line-height:1.6;color:var(--t2)}
.uirh-service.uirh-service:is(body *) .f1g-hint{margin:10px 0 0;text-align:center;font-size:12.5px;line-height:1.6;color:var(--t3)}
.uirh-service.uirh-service:is(body *) .f1g-info{padding:18px;border:1px solid var(--b1);border-radius:12px;background:var(--navy)}
.uirh-service.uirh-service:is(body *) .f1g-info-h{font-size:15px;font-weight:500;line-height:1.5;color:var(--t1);margin:0 0 14px}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-maker{margin-bottom:6px}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-maker,.uirh-service.uirh-service:is(body *) .f1g-info .f1y-spec{color:var(--t2)}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-price{margin-bottom:14px;line-height:1.6}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-rate,.uirh-service.uirh-service:is(body *) .f1g-info .f1y-price-additions{display:block}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-price-additions{font-size:12.5px;font-weight:400;line-height:1.7}
.uirh-service.uirh-service:is(body *) .f1g-info .f1y-desc,.uirh-service.uirh-service:is(body *) .f1g-info .f1y-extras{margin:14px 0 0;font-size:13.5px;line-height:1.75;color:var(--t2)}
.uirh-service.uirh-service:is(body *) .f1g-terms{margin-top:16px;border-top:1px solid var(--b1);padding-top:6px}
.uirh-service.uirh-service:is(body *) .f1g-terms-sum{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13.5px;color:var(--gold)}
.uirh-service.uirh-service:is(body *) .f1g-terms p{margin-top:10px;font-size:13px;line-height:1.75;color:var(--t2)}
@media (min-width:950px){
  .uirh-service.uirh-service:is(body *) .f1g-content{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start}
  .uirh-service.uirh-service:is(body *) .f1g-main{height:min(58dvh,620px)}
}
@media (max-width:600px){
  .uirh-service.uirh-service:is(body *) .f1g-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0 14px 14px}
  .uirh-service.uirh-service:is(body *) .f1g-title{font-size:20px}
  .uirh-service.uirh-service:is(body *) .f1g-main{height:min(42dvh,75vw)}
  .uirh-service.uirh-service:is(body *) .f1g-info{padding:14px}
  .uirh-service.uirh-service:is(body *) .f1g-close,.uirh-service.uirh-service:is(body *) .f1g-nav{padding:10px 14px}
}