/* =====================================================================
   yacht-search.css  –  CRITICAL (render-blocking, NO defer)
   Only what the first screen needs, on phone to large desktop:
   tokens/base, header guards, crumb, hero + offer chip, occasion tiles,
   "Find your yacht" filters/sort, and the first listing cards.
   Everything else is in yacht-search-listing.css (deferred).
   ===================================================================== */

/* ---------- Base – design tokens, page base ---------- */
:root { --orange-600:#CC4700; --orange-text:#8C450D; --orange-tint:#FDF0E9; --orange-tint-line:#F0DFD4; --text-heading:#373737; --text-body:#4D4D4D; --text-soft:#6B6B6B; --text-faint:#767676; --bw-100:#F3F3F3; --line:#E6E6E6; --line-soft:#F0F0F0; --bg-alt:#FAFAFA; --bg-page:#F4F5F7; --white:#FFFFFF; --radius-xs:8px; --radius-sm:12px; --shadow-pop:0 12px 34px #00000024, 0 2px 8px #0000000F; }
* { box-sizing:border-box }
html { -webkit-text-size-adjust:100% }
body { margin:0; background:#fff; font-family:'Mulish',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; -webkit-font-smoothing:antialiased; }
.ocds-container { max-width:1400px;margin:0 auto;padding:0 24px }
img[hidden] { display:none }
@media (max-width:767px) {
  .ocds-container { padding:0 14px }
  .yd-tools__end:has(.yd-chip:not([hidden])) {
  display: block !important;
}
.yd-tools__end:has(.yd-chip:not([hidden])) #ydSort {
  margin-top: 12px !important;
}
}

/* ---------- Keep the live header/footer CSS off this page's content ----------
   style_newheader-*.css resets body / a / img for the whole document
   (body 0.9rem + line-height 1.5, links orange with no underline, images
   vertical-align middle). Re-state this page's own base on its own blocks
   only, so the live header and footer keep their styles. These selectors
   are weaker than every class rule below. */
:where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) { color: var(--text-heading); font-size: 16px; line-height: normal }
:where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) a { color: inherit; text-decoration: underline; background-color: transparent }
:where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) a:hover { color: inherit }
:where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) img { vertical-align: baseline }
:where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) button { font-family: inherit }
@media (prefers-reduced-motion:reduce) {
  :where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast), :where(.ocds-crumb, .yd-hero, .yd-sec, .yd-find, .ps-fab, .ps-pop, .dp-toast) * { transition: none !important }
}

/* mobile image sources: the <picture> wrapper must not change the layout */
picture.alt-pic, picture.yd-occ__pic { display: contents }
img.lazy-image:not([src]) { visibility: hidden }   /* no broken icon / alt text before data-srclog loads */
.alt-card--yacht .alt-slide.lazy-image:not([src]) { min-height: 262px; background: #f2f2f2; }

/* live header/footer: container width + modal base */
@media (min-width: 1280px) {
  section.yd-sec:has(.review-section) {padding: 0 0 24px}
  .cantenar { max-width: 1400px; }
}
.modal {
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    transition: opacity .2s ease-in;
    pointer-events: auto;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* ==========================================================
   Design rules (dev.oneclickdrive.biz/yacht-design, merged Oct 2026)
   ========================================================== */
:root { --orange-600: #CC4700; --orange-500: #F58220; --orange-text: #8C450D; --orange-tint: #FFF0E6; --ink: #373737; --text-body: #4D4D4D; --text-muted: #545454; --text-faint: #7B7B7B; --line: #EAEAEA; --line-soft: #F1F1F1; --bg: #F4F5F7; --white: #FFFFFF; --green: #0B602B; --green-tint: #E7F6ED; --wa: #007B00; --call: #751FFF; --call-tint: #F4F0FF; --call-line: #D1B5FF; --radius: 20px }
.alt-card { display:grid;grid-template-columns:minmax(0, 1fr) 336px clamp(196px, calc(55% - 255px), 264px);column-gap:20px;padding:14px 16px 14px 14px;background:var(--white);border:1px solid #EFEFEF;border-radius:var(--radius);transition:border-color .15s ease }
.alt-card:hover { border-color:var(--orange-600) }
.alt-media { position:relative;align-self:stretch;min-height:var(--photo-min, 240px);max-height:300px;margin:0;border-radius:16px;overflow:hidden;background:#EDEDED }
.alt-slider { position:absolute;inset:0;touch-action:pan-y;cursor:grab }
.alt-slider:active { cursor:grabbing }
.alt-slider__track { display:flex;height:100%;transform:translate3d(0,0,0);backface-visibility:hidden;transition:transform .32s cubic-bezier(.22, .61, .27, 1) }
.alt-slide { user-select:none;-webkit-user-select:none;-webkit-user-drag:none;flex:0 0 100%;width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s cubic-bezier(.2, .7, .2, 1) }
@media (hover:hover) {
  .alt-card:hover .alt-slide--on { transform:scale(1.035) }
}
.alt-badges { position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 60px) }
.alt-badge { display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #FFFFFF4D;border-radius:999px;background:#15181DC7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12px;font-weight:600;line-height:1.15;color:#FFFFFF;white-space:nowrap }
.alt-badge img { width:13px;height:13px;display:block;flex:none }
.alt-fav { position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #FFFFFF;border-radius:50%;background:#FFFFFFBF;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;transition:background-color .15s ease, transform .15s ease }
.alt-fav:hover, .alt-fav:focus { background:#FFFFFF;transform:scale(1.08) }
.alt-fav img { width:16px;height:16px;display:block }
.alt-fav .alt-fav__on { display:none }
.alt-fav__fill { position:absolute;width:16px;height:16px;background-color:#E23D3D;pointer-events:none;-webkit-mask:url("../images/icons/heart.svg?ver=1.73") center / 16px no-repeat;mask:url("../images/icons/heart.svg?ver=1.73") center / 16px no-repeat;clip-path:inset(100% 0 0 0);transition:clip-path .5s cubic-bezier(.3, .8, .3, 1) }
@media (hover:hover) {
  .alt-fav:not([aria-pressed="true"]):hover .alt-fav__fill { clip-path:inset(0 0 0 0) }
}
.alt-card--fill2 { --photo-min:235px }
.alt-card--fill1 { --photo-min:230px }
.alt-card [data-tip] * { pointer-events:none }
@media (min-width:900px) and (max-width:1023px) {
  .alt-card { column-gap:12px;padding:12px 16px 12px 14px }
  .alt-media { min-height:var(--photo-min, 190px);max-height:268px }
  .alt-card { --photo-min:190px }
  .alt-card--fill2 { --photo-min:186px }
  .alt-card--fill1 { --photo-min:182px }
}
@media (max-width:899px) {
  .alt-card { display:flex;flex-direction:column;gap:0;padding:0 0 16px;border-radius:16px }
  .alt-media { order:1;align-self:stretch;min-height:0;max-height:none;border-radius:16px 16px 0 0;aspect-ratio:var(--photo-ar, 16 / 11) }
  .alt-card--fill1 { --photo-ar:16 / 10 }
  .alt-badges { gap:6px }
}
@media (prefers-reduced-motion:reduce) {
  .alt-card,.alt-slide,.alt-slider__track,.alt-fav { transition:none;animation:none }
}
.ocds-view-grid .alt-card { display:flex;flex-direction:column;gap:0;padding:0 0 16px;border-radius:16px }
.ocds-view-grid .alt-media { order:1;align-self:stretch;min-height:0;max-height:none;border-radius:16px 16px 0 0;aspect-ratio:var(--photo-ar, 16 / 11) }
.ocds-view-grid .alt-card--fill1 { --photo-ar:16 / 10 }
.ocds-view-grid .alt-badges { gap:6px }
.ocds-crumb { background: var(--bg-alt); border-bottom: 1px solid var(--line-soft) }
.ocds-crumb .ocds-container { display: flex; align-items: center; gap: 8px; padding-top: 11px; padding-bottom: 11px; font-size: 13px; color: var(--text-soft); white-space: nowrap; overflow-x: auto; scrollbar-width: none }
.ocds-crumb .ocds-container::-webkit-scrollbar { display: none }
.ocds-crumb a { text-decoration: none; color: var(--text-soft) }
.ocds-crumb a:hover { color: var(--orange-text) }
.ocds-crumb .ocds-sep { flex: none; width: 12px; height: 12px }
.ocds-crumb .ocds-cur { color: var(--text-heading); font-weight: 500 }
.ocds-crumb .ocds-back { display: inline-flex; align-items: center; justify-content: center; flex: none; margin-inline-end: -2px }
.ocds-results { padding:32px 0 56px;background:var(--bg-page) }
.ocds-list { display:flex;flex-direction:column;gap:22px }
.ocds-list.ocds-view-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px;align-items:start }
@media (max-width:1023px) {
  .ocds-list.ocds-view-grid { grid-template-columns:repeat(2,1fr) }
}
@media (max-width:640px) {
  .ocds-list.ocds-view-grid { grid-template-columns:1fr }
}
@media (max-width:767px) {
  .ocds-crumb .ocds-container { font-size: 12px; padding-top: 8px; padding-bottom: 8px }
  .ocds-results { padding:14px 0 32px }
}
:root { --orange-600: #CC4700; --orange-text: #8C450D; --orange-tint: #FFF0E6; --ink: #373737; --text-body: #4D4D4D; --text-muted: #545454; --line: #EAEAEA; --line-soft: #F1F1F1; --white: #FFFFFF }
.ps-fab { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-width: 48px; height: 48px; padding: 0 13px; border: 1px solid #DEDEDE; border-radius: 48px; background: var(--white); box-shadow: 0 4px 14px #0000001F; font-size: 14px; font-weight: 700; color: var(--orange-text); cursor: pointer }
.ps-fab img { width: 20px; height: 20px; flex: none }
.ps-fab__t:empty { display: none }
.ps-fab:focus-visible { outline: 2px solid var(--orange-600); outline-offset: 2px }
[data-tip] { cursor: pointer }
.yd-page [hidden] {display: none !important;}
html:has(.yd-page) { scroll-behavior: smooth; scroll-padding-top: 24px }
@media (prefers-reduced-motion:reduce) {
  html:has(.yd-page) { scroll-behavior: auto }
}
.yd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 26px; border: 1.5px solid transparent; border-radius: 999px; font: 700 16px/1 'Mulish', sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background .15s ease, border-color .15s ease }
.yd-btn--fill { background: var(--orange-600); color: #FFFFFF }
.yd-btn--fill:hover { background:#B03D00 }
.yd-btn:focus-visible, .yd-pill:focus-visible, .yd-dd__b:focus-visible, .yd-dd__o:focus-visible, .yd-occ__b:focus-visible { outline:2px solid var(--orange-600);outline-offset:2px }
.yd-dd { position:relative }
.yd-dd__b { display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#FFFFFF;font:600 14px/1 'Mulish', sans-serif;color:var(--text-heading);white-space:nowrap;cursor:pointer }
.yd-dd__b:hover, .yd-dd__b:focus { border-color:#BDBDBD }
.yd-dd__k { font-weight:500;color:var(--text-body) }
.yd-dd__cv { flex:none;margin-inline-start:2px;transition:transform .15s ease }
.yd-page--search .dp-toast { position: fixed; bottom: 24px; z-index: 9999; margin: 0; padding: 10px 18px; border-radius: 999px; background: #2A2A2A; font: 600 14px/1.3 'Mulish', sans-serif; color: #FFFFFF; opacity: 0; transform: translate(-50%, 12px); transition: opacity .2s ease, transform .2s ease; pointer-events: none }
/* dev v17 merge */
.yd-page--search .dp-toast { inset-inline-start: auto; left: 50% }
.yd-page--search .dp-toast b { font-weight: 700 }
.yd-page--search .dp-toast--two { display: grid; justify-items: center; gap: 4px; width: max-content; max-width: calc(-28px + 100vw); padding: 12px 18px; border-radius: var(--radius-md, 16px); text-align: center }
.yd-page--search .dp-toast--two b { font-size: 15px }
.yd-page--search .dp-toast--two span { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.85) }
.yd-page--search .dp-toast--two img { flex: 0 0 auto; padding: 3px; border-radius: 50%; background: rgb(0, 123, 0); box-sizing: content-box; width: 14px; height: 14px }
.yd-hero { position: relative; display: flex; align-items: center; overflow: hidden; background: #15181D }
/* Hero LCP: layer picture + hide broken-image alt flash; flip photo via picture, not img (ui-dev) */
.yd-hero > picture { position: absolute; inset: 0; display: block; transform-origin: center center; pointer-events: none; }
.yd-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 46%; color: transparent; overflow: hidden; font-size: 0; text-indent: -9999px; }
.yd-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #15181DD9 0%, #15181D99 36%, #15181D00 68%) }
[dir="rtl"] .yd-hero::after { background: linear-gradient(270deg, #15181DE6 0%, #15181DB3 40%, #15181D00 74%) }
.yd-hero__in { position: relative; z-index: 1; width: 100% }
.yd-hero__h { font-weight: 800; line-height: 1.1 }
.yd-hero__usps { display:grid;grid-template-columns:minmax(0, 1fr);padding:0;list-style:none }
[dir="rtl"] .yd-hero__h, [dir="rtl"] .yd-hero__usps, [dir="rtl"] .yd-occ__t b, [dir="rtl"] .yd-find__h { letter-spacing:0 }
.yd-hero__usps li { display: flex; align-items: center }
.yd-hero__usps li::before { content: ""; flex: none; border-radius: 50% }
.yd-sec { padding-block: 64px; background: #FFFFFF }
.yd-sec--tight { padding-block: 30px 12px }
.yd-occ { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none }
.yd-occ__b { position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius-md, 16px);overflow:hidden;background:#15181D;text-align:start;cursor:pointer;text-decoration:none;color:inherit }
.yd-occ__b img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1) }
.yd-occ__b:hover img { transform: scale(1.04) }
.yd-occ__b::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #15181D00 38%, #15181DE6 100%) }
.yd-occ__t { position:absolute;inset-inline:18px;bottom:18px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#FFFFFF }
.yd-occ__t b { font-size: 34px; font-style: italic; font-weight: 600; line-height: 1 }
[dir="rtl"] .yd-occ__t b {font-size:22px;font-style:normal;font-weight:800 }
.yd-occ__t span { font-size: 14px; font-weight: 500 }
.yd-occ__t i { margin-top: 6px; padding: 7px 14px; border-radius: 999px; background: #FFFFFF; font-size: 13px; font-style: normal; font-weight: 700; color: var(--text-heading) }
.yd-find { background:#FFFFFF }
.yd-find>.ocds-container { padding-top:40px }
.yd-find__h { margin:0 0 6px;font-size:clamp(24px, 2.6vw, 30px);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--text-heading) }
.yd-find__p { margin:0 0 24px;font-size:16px;color:var(--text-body) }
.yd-tools { display:flex;align-items:center;justify-content:space-between;gap:12px 18px;padding-bottom:18px }
.yd-pills { display:flex;flex-wrap:wrap;gap:8px;min-width:0 }
.yd-pill { height:40px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#FFFFFF;font:600 14px/1 'Mulish', sans-serif;color:var(--text-heading);white-space:nowrap;cursor:pointer;transition:border-color .15s ease, background .15s ease, color .15s ease }
.yd-pill:hover, .yd-pill:focus { border-color:#BDBDBD }
.yd-pill[aria-pressed="true"] { border-color:var(--orange-600);background:var(--orange-600);color:#FFFFFF }
.yd-dd--sort { flex:none }
.yd-tools__end { display: flex; align-items: center; gap: 14px; flex: none }
.yd-count { font-size:14px;color:var(--text-body);white-space:nowrap }
.yd-count strong { font-weight:700;color:var(--text-heading) }
@media (min-width:1024px) {
  .yd-find .ocds-container { max-width:calc(1240px + 2 * var(--yd-gut, 24px)) }
  .yd-page--search .ocds-list { gap:18px }
}
.yd-fab { position: fixed; right: 20px; bottom: 24px; z-index: 11; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s ease, transform .2s ease }
@media (max-width:1023px) {
  .yd-occ { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 210px; gap: 12px; margin-inline: -24px; padding-inline: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 24px; scrollbar-width: none }
  .yd-occ::-webkit-scrollbar { display: none }
  .yd-occ>li { scroll-snap-align: start }
}
@media (max-width:767px) {
  .yd-page--search { overflow-x:clip }
  .yd-hero::after { background: linear-gradient(180deg, #15181D33 0%, #15181DE6 78%) }
  .yd-hero__usps { grid-template-columns:minmax(0, 1fr);margin-top:24px }
  .yd-sec { padding-block: 40px;}
  section.yd-sec:has(.yd-steps) {
    padding-bottom: 0px;
}
section.yd-sec.yd-seo{padding-bottom:0px!important}
  .yd-sec--tight { padding-block: 18px 6px }
  /* Match --yd-gut (14px): overrides 1023px -24px bleed so the page does not scroll sideways */
  .yd-occ { gap:10px;margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px;overscroll-behavior-x:contain }
  .yd-occ__t { inset-inline: 12px; bottom: 12px }
  [dir="rtl"] .yd-occ__t b { font-size: 16px }
  .yd-occ__t span { font-size: 12px }
  .yd-occ__t i { padding: 6px 12px; font-size: 12px }
  .yd-find>.ocds-container { padding-top:24px }
  .yd-find__p { margin-bottom:18px;font-size:14px }
  .yd-tools { flex-direction:column;align-items:stretch;padding-bottom:12px }
  .yd-pills { flex-wrap:nowrap;margin-inline:-14px;padding-inline:14px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch }
  .yd-pills::-webkit-scrollbar { display:none }
  .yd-pill { height:36px;padding:0 14px;font-size:13px }
  .yd-dd--sort .yd-dd__b { height:36px;font-size:13px }
  .yd-tools__end { justify-content: space-between; gap: 10px }
  .yd-count { font-size:13px }
  /* Mobile: count + sort sit under the filter row (pills, filters, count + sort, luxury band) */
  .yd-find>.ocds-container { display:flex;flex-direction:column }
  .yd-tools { display:contents }
  .yd-pills { order:1;margin-bottom:12px }
  .yd-fs { order:2 }
  .yd-tools__end { order:3;padding-bottom:12px }
  .yd-page--search .dp-toast { bottom: 88px }
  .yd-fab { right: 20px; bottom: 18px }
  [dir="rtl"] .yd-fab { left: 20px; right: auto }
}
@media (prefers-reduced-motion:reduce) {
  .yd-occ__b img, .yd-fab { transition: none }
  .yd-occ__b:hover img { transform: none }
}
.yd-hero__offer { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 6px 14px 6px 10px; border: 1px solid #FFFFFF59; border-radius: 999px; font-size: 13px; font-weight: 700; text-decoration: none }
.yd-hero__offer::before { content: ""; width: 8px; height: 8px; border-radius: 50% }
.yd-hero__offer:focus-visible { outline-offset: 2px }
.yd-hero__offer[hidden] { display: none }
.yd-hero { min-height:480px }
.yd-hero__in { display:grid;grid-template-columns:minmax(0, 1fr) 372px;gap:32px;padding-block:56px }
.yd-hero__main { min-width:0 }
.yd-hero__side { padding:16px 20px 18px;border-radius:var(--radius-md, 16px);background:#FFFFFFF2;color:var(--text-heading-soft, #373737) }
.yd-hero__pay { display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:8px;margin:0;padding:0;list-style:none }
.yd-hero__pay li { display:flex;align-items:center;justify-content:center;height:36px }
.yd-hero__pay img { width:34px;height:34px;object-fit:contain }
.yd-hero__help { margin:14px 0 2px;padding-top:14px;border-top:1px solid #EEEEEE;font-size:16px;line-height:1.5 }
.yd-hero__contact { margin:0;font-size:16px;line-height:1.5;white-space:nowrap }
.yd-hero__tel { display:inline-block;unicode-bidi:isolate;direction:ltr;font-weight:700;color:var(--orange-text, #8C450D);text-decoration:none }
.yd-hero__wa { font-weight:700;color:#007B00;text-decoration:none }
.yd-hero__wa:hover, .yd-hero__wa:focus { color:#007B00!important }
.yd-hero__tel:hover, .yd-hero__wa:hover { text-decoration:underline;color:var(--orange-text, #8C450D)!important }
.yd-hero__tel:focus-visible, .yd-hero__wa:focus-visible { outline:2px solid #CC4700;outline-offset:2px;border-radius:4px }
@media (max-width:1023px) {
  .yd-hero { min-height:420px }
  .yd-hero__in { grid-template-columns:minmax(0, 1fr) 300px;gap:20px;padding-block:40px }
  .yd-hero__contact { white-space:normal }
}
@media (max-width:767px) {
  .yd-hero__in { grid-template-columns:minmax(0, 1fr);gap:20px;padding-block:24px }
  .yd-hero__help, .yd-hero__contact { font-size:14px }
}
.yd-occ__b { height:300px }
.yd-occ__b img { object-position:center 28% }
@media (max-width:1023px) {
  .yd-occ__b { height:250px }
}
/* dev v17 merge */
.yd-hero::after, [dir="rtl"] .yd-hero::after { content: none }
.yd-hero__in { align-items: center }
.yd-hero__main { justify-self: start; max-width: 600px; padding: 28px 32px; border-radius: var(--radius-md, 16px); background: rgb(255, 255, 255) }
.yd-hero__h { margin: 0px 0px 18px; font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -0.02em; text-transform: none; color: var(--orange-text, #8C450D) }
.yd-hero__usps { gap: 10px; margin: 0px; font-size: 18px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: var(--text-body, #4D4D4D) }
.yd-hero__usps li { gap: 10px; line-height: 1.35 }
.yd-hero__usps li::before { width: 20px; height: 20px; background: url("../yacht_new/images/dp/check-white.svg?ver=1.73") center center / 11px no-repeat rgb(77, 77, 77) }
.yd-hero__offer { border-color: var(--orange-tint-line, #F0DFD4); background: var(--orange-tint, #FFF0E6); color: var(--orange-text, #8C450D) }
.yd-hero__offer::before { background: rgb(204, 71, 0) }
.yd-hero__offer:hover { border-color: rgb(204, 71, 0) }
.yd-hero__offer:focus-visible { outline: rgb(204, 71, 0) solid 2px; box-shadow: none }
@media (max-width: 767px) {
  .yd-hero { align-items: flex-end }
  .yd-hero__main { justify-self: stretch; max-width: none }
  .yd-hero { display: block; min-height: 0px; background: rgb(255, 255, 255) }
  .yd-hero > picture { position: static; display: block; transform: none; pointer-events: auto; }
  [dir="rtl"] .yd-hero > picture { transform: scaleX(-1); }
  .yd-hero__img { position: static; display: block; width: 100%; height: 190px; text-indent: 0; }
  .yd-hero__in { display: block; padding: 0px 14px 14px }
  .yd-hero__main { position: relative; margin-top: -44px; padding: 16px 16px 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 24px }
  .yd-hero__offer { max-width: 100%; margin-bottom: 8px; padding: 5px 10px 5px 8px; font-size: 11.5px; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block }
  .yd-hero__offer::before { display: inline-block; margin-inline-end: 7px; vertical-align: 1px }
  .yd-hero__h { margin-bottom: 12px; font-size: 30px }
  .yd-hero__usps { display: flex; gap: 8px; margin-inline: -14px; padding-inline: 14px; overflow-x: auto; scroll-snap-type: x; scroll-padding-inline: 14px; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; font-size: 13px }
  .yd-hero__usps::-webkit-scrollbar { display: none }
  .yd-hero__usps li { flex: 0 0 auto; gap: 7px; padding: 7px 12px 7px 8px; border: 1px solid var(--line, #EAEAEA); border-radius: 999px; background: rgb(250, 250, 250); line-height: 1.2; white-space: nowrap; scroll-snap-align: start }
  .yd-hero__usps li::before { width: 16px; height: 16px; background-size: 9px }
  .yd-hero__side { margin-top: 12px; padding: 0px; border-radius: 0px; text-align: center }
  .yd-hero__pay { display: flex; justify-content: center; gap: 14px }
  .yd-hero__pay li { height: 26px }
  .yd-hero__pay img { width: 26px; height: 26px }
  .yd-hero__help { margin: 8px 0px 0px; padding-top: 0px; border-top: 0px; font-size: 13px; color: var(--text-body) }
  .yd-hero__contact { font-size: 14px }
  .yd-sec.yd-sec--tight { padding-block: 6px 18px }
  .yd-occ { grid-auto-columns: 132px }
  .yd-occ__b { height: 150px }
  .yd-occ__t span, .yd-occ__t i { display: none }
  .yd-occ__t b { font-size: 24px }
}
.yd-hero__main, .yd-hero__side { border: 1px solid rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.78); backdrop-filter: blur(14px) saturate(140%) }
.yd-hero__main { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px }
@media (max-width: 767px) {
  .yd-hero__main { background: rgba(255, 255, 255, 0.88) }
  .yd-hero__side { border: 0px; background: none; backdrop-filter: none }
  .yd-hero__tel, .yd-hero__wa { display: inline-block; padding-block: 8px }
  .yd-hero__help { margin-bottom: -4px }
}
/* dev 12 Oct merge: hero redesign (glass side card, text on a soft glow, photo flipped on desktop) */
.yd-hero__img { object-position:50% 72% }
[dir="rtl"] .yd-hero > picture { transform:scaleX(-1) }
.yd-hero__offer { margin:18px 0 0 }
@media (max-width:767px) {
  .yd-hero__offer { margin:10px 0 0 }
}
@media (min-width:768px) {
  .yd-hero { min-height:520px }
  .yd-hero__in { grid-template-columns:minmax(0, 500px);place-content:center start;gap:14px;padding-block:32px }
  .yd-hero > picture { transform:scaleX(-1) }
  [dir="rtl"] .yd-hero > picture { transform:none }
  .yd-hero__main { position:relative;isolation:isolate;justify-self:stretch;max-width:none;padding:8px 0 8px 18px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none }
  [dir="rtl"] .yd-hero__main { padding:8px 18px 8px 0 }
  .yd-hero__main::before { content:"";position:absolute;z-index:-1;inset:-70px -110px -50px;background:radial-gradient(closest-side, #FFF4E8EB 0%, #FFF4E8C7 50%, #FFF4E800 100%);pointer-events:none }
  .yd-hero__side { justify-self:start;width:min(100%, 500px);padding:14px 18px 16px;border:1px solid #FFFFFFB3;background:linear-gradient(135deg, #FFF0E6B3 0%, #FFF0E68C 100%);box-shadow:0 12px 36px #0000001F, inset 0 1px 0 #FFFFFFE6, inset 0 0 0 1px #FFFFFF33;backdrop-filter:blur(22px) saturate(170%) }
  .yd-hero__side .yd-hero__pay li { display:grid;place-items:center;justify-self:center;width:44px;height:44px;border-radius:50%;background:#FFFFFF }
  .yd-hero__side .yd-hero__pay img { width:28px;height:28px }
  .yd-hero__side .yd-hero__help { border-top-color:#FFFFFFB3 }
}
@media (min-width:768px) and (max-width:1100px) {
  .yd-hero__in { grid-template-columns:minmax(0, 400px) }
  .yd-hero__main { padding:8px 0 8px 8px }
  [dir="rtl"] .yd-hero__main { padding:8px 8px 8px 0 }
  .yd-hero__img { object-position:0% 72% }
}
/* dev 13 Oct merge: lighter type (700 instead of 800, smaller headings) */
.yd-page--search .yd-hero__h { font-size:34px;font-weight:700;letter-spacing:0 }
.yd-page--search .yd-hero__usps { font-size:16px }
.yd-page--search .yd-hero__usps li { font-weight:400 }
.yd-page--search .yd-occ__t b {font-size:26px;font-weight: 400;letter-spacing: -0.6px;}
.yd-page--search .yd-find__h { font-size:24px;font-weight:700;letter-spacing:0;text-transform:none }
.yd-page--search .yd-sec li > b { font-size:16px;font-weight:700 }
.yd-page--search .yd-find__p, .yd-page--search .yd-sec li > span { font-size:15px }
@media (max-width:767px) {
  .yd-page--search .yd-hero__h { font-size:26px }
  .yd-page--search .yd-occ__t b { font-size:22px }
  .yd-page--search .yd-find__h { font-size:20px }
  .yd-page--search .yd-sec li > b { font-size:15px }
  .yd-page--search .yd-find__p, .yd-page--search .yd-sec li > span { font-size:14px }
}
/* dev 13 Oct merge: sort menu with a hint line and an icon per option */
.yd-dd--sort .yd-dd__b { gap:6px;font-weight:500 }
.yd-dd--sort .yd-dd__b[aria-expanded="true"] { border-color:#CC4700;background:#FFF4EC }
.yd-dd--sort .yd-dd__m { top:calc(100% + 9px);width:298px;min-width:0;max-height:none;padding:0;overflow:hidden;border:1px solid #E6E6E6;border-radius:14px;box-shadow:0 12px 34px #00000024, 0 2px 8px #0000000F }
.yd-dd__o.yd-so { gap:12px;padding:9px 16px;border-radius:0;font-weight:400 }
.yd-dd__o.yd-so:first-child { padding-block:12px;margin-bottom:6px }
.yd-dd__o.yd-so:last-child { margin-bottom:6px }
.yd-dd__o.yd-so:hover { background:#FAF7F5 }
.yd-dd__o.yd-so[aria-selected="true"] { background:#FFF4EC;font-weight:400 }
.yd-page--search .ocds-list.ocds-view-grid { grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;align-items:stretch }
@media (max-width:1023px) {
  .yd-page--search .ocds-list.ocds-view-grid { grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px }
}
@media (max-width:699px) {
  .yd-page--search .ocds-list.ocds-view-grid { grid-template-columns:minmax(0, 1fr) }
}
.yd-page--search .ocds-view-grid .alt-card--yacht .alt-media { flex:none;align-self:start;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:8 / 5 }
@media (min-width:1024px) {
  .yd-page--search .ocds-view-grid .alt-card { display:flex;flex-direction:column;gap:0;padding:0 0 16px;border-radius:16px }
  .yd-page--search .ocds-view-grid .alt-media { order:1;align-self:stretch;min-height:0;max-height:none;border-radius:16px 16px 0 0;aspect-ratio:var(--photo-ar, 16 / 11) }
  .yd-page--search .ocds-view-grid .alt-card--fill1 { --photo-ar:16 / 10 }
  .yd-page--search .ocds-view-grid .alt-badges { gap:6px }
}
.alt-nav { position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:32px;height:32px;margin-top:-16px;padding:0;border:0;border-radius:50%;background:#15181D8C;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease, background-color .15s ease }
.alt-nav--prev { inset-inline-start:10px }
.alt-nav--next { inset-inline-end:10px }
.alt-nav img { display:block;width:15px;height:15px }
.alt-nav:hover, .alt-nav:focus { background:#15181DD9 }
.alt-dots  {  position:absolute;left:50%;bottom:18px;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#00000033;pointer-events:none  }
.alt-dot  {  display:block;width:6px;height:6px;border-radius:999px;background:#FFFFFFB8;transition:width .2s ease, background-color .2s ease  }
.alt-dot[aria-current="true"] { width:16px;background:#FFFFFF }
.alt-body { display:flex;flex-direction:column;gap:var(--body-gap, 12px);min-width:0;padding-top:6px }
.alt-title { display:block;margin:0;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-0.3px;color:var(--ink);text-decoration:none }
.alt-title:hover { color:var(--orange-text) }
.alt-title a:hover { color:var(--orange-text) }
.alt-desc { margin:-4px 0 0;font-size:14px;font-weight:400;line-height:19px;letter-spacing:-0.1px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.alt-desc::first-letter { text-transform:uppercase }
.alt-specs { display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:600;color:#474747 }
.alt-specs li { display:inline-flex;align-items:center;white-space:nowrap }
.alt-specs li+li::before { content:"";width:1px;height:13px;margin-inline-end:12px;background:#D8D8D8 }
.alt-feats { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px 16px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--ink) }
.alt-feats li { display:flex;align-items:center;gap:8px;min-width:0 }
.alt-feats li::before { content:"";flex:none;width:18px;height:18px;border-radius:999px;background:var(--green-tint) url("../yacht_new/images/icons/check-orange.svg?ver=1.73") center / 11px no-repeat }
.alt-feats { grid-auto-flow:row dense }
.alt-ledger { display:flex;flex-direction:column;justify-content:space-between;gap:var(--led-gap, 18px);min-width:0;padding:6px 0 0;padding-inline-start:20px;margin-inline-start:40px;border-inline-start:1px solid var(--line-soft);text-align:end }
.alt-ledger .alt-price { align-items:flex-end }
.alt-ledger .alt-price__top, .alt-ledger .alt-price__now { justify-content:flex-end }
.alt-ledger .alt-foot { align-items:flex-end }
.alt-ledger .alt-seller { justify-content:flex-end }
.alt-prices { display:flex;flex-direction:column;gap:14px }
.alt-ledger__rates { flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;padding-top:12px }
.alt-price { display:flex;min-width:0;flex-direction:column;gap:4px;text-decoration:none }
.alt-price+.alt-price { padding-top:14px;border-top:1px solid var(--line-soft) }
.alt-price__top { display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-faint) }
.alt-price__top:empty { display:none }
.alt-price__top s { text-decoration:line-through;white-space:nowrap }
.alt-price__top em { font-style:normal;padding:1px 6px;border-radius:4px;background:var(--green-tint);font-size:11px;font-weight:800;color:var(--green);direction:ltr;unicode-bidi:isolate }
.alt-price__lbl { color:var(--text-muted) }
.alt-price__top:has(>.alt-price__lbl) { min-height:0;height:auto;line-height:15px }
.alt-price:has(>.alt-price__top>.alt-price__lbl) { gap:2px }
.alt-price__now { display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;margin:0;font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-0.4px;color:var(--orange-600);white-space:nowrap }
.alt-price__cur { font-size:13px;font-weight:500;letter-spacing:.6px;color:var(--ink) }
.alt-price__unit { font-size:13px;font-weight:500;letter-spacing:0;color:var(--text-muted) }
.alt-price--sub .alt-price__now { font-size:16px }
.alt-foot { display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line-soft) }
.alt-seller { display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;min-width:0;max-width:100% }
.alt-seller__tile { display:grid;place-items:center;width:92px;height:52px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--white);flex:none;cursor:default }
.alt-seller__tile img { max-width:100%;max-height:40px;width:auto;object-fit:contain }
.alt-loc { display:inline-flex;align-items:center;flex:0 0 auto;max-width:100%;gap:4px;font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap }
.alt-loc__t { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.alt-loc img { opacity:.8;flex:none }
.alt-where { display:none;align-items:center;gap:4px;min-width:0;margin:-2px 0 0;font-size:13px;font-weight:500;line-height:1.3;color:var(--text-muted);white-space:nowrap }
.alt-where img { flex:none;opacity:.8 }
.alt-where__a { min-width:0;overflow:hidden;text-overflow:ellipsis }
.alt-cta { display:flex;gap:12px;margin-top:auto;padding-top:14px }
.alt-cta__logo { display:none }
.alt-btn { position:relative;flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 10px;border-radius:999px;border:1.5px solid transparent;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;transition:background-color .25s ease, border-color .25s ease, color .25s ease, transform .12s ease }
.alt-btn:active { transform:scale(.985) }
.alt-btn img { display:block;width:20px;height:20px;flex:none }
.alt-btn .alt-btn__ic--light { display:none }
.alt-btn__long,.alt-btn__short { display:inline-block;overflow:hidden;white-space:nowrap;transition:max-width .32s cubic-bezier(.2, .7, .2, 1), opacity .22s ease }
.alt-btn__long { max-width:0;opacity:0;font-size:12.5px;font-weight:600;line-height:1.2 }
.alt-btn__short { max-width:110px;opacity:1 }
.alt-btn--call { background-color:var(--white);border-color:var(--call-line);color:var(--call) }
.alt-btn--wa { background-color:var(--white);border-color:#8CC38C;color:var(--wa) }
@media (hover:hover) {
  .alt-btn--call:not(.alt-btn--done):not(.alt-btn--shown):hover { background-color:var(--call);border-color:var(--call);color:var(--white) }
  .alt-btn--wa:not(.alt-btn--done):not(.alt-btn--shown):hover { background-color:var(--wa);border-color:var(--wa);color:var(--white) }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover { flex-direction:column;gap:2px }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover img { width:17px;height:17px }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__ic--dark { display:none }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__ic--light { display:block }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__short { display:none }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__long { max-width:190px;opacity:1 }
  .alt-media:hover .alt-nav { opacity:1;pointer-events:auto }
}
.alt-btn__done { display:none }
.alt-btn--call:not(.alt-btn--done):not(.alt-btn--shown):focus-visible { background-color:var(--call);border-color:var(--call);color:var(--white);flex-direction:column;gap:2px }
.alt-btn--wa:not(.alt-btn--done):not(.alt-btn--shown):focus-visible { background-color:var(--wa);border-color:var(--wa);color:var(--white);flex-direction:column;gap:2px }
.alt-btn:not(.alt-btn--done):not(.alt-btn--shown):focus-visible img { width:17px;height:17px }
.alt-btn:not(.alt-btn--done):not(.alt-btn--shown):focus-visible .alt-btn__ic--dark { display:none }
.alt-btn:not(.alt-btn--done):not(.alt-btn--shown):focus-visible .alt-btn__ic--light { display:block }
.alt-btn:not(.alt-btn--done):not(.alt-btn--shown):focus-visible .alt-btn__short { display:none }
.alt-btn:not(.alt-btn--done):not(.alt-btn--shown):focus-visible .alt-btn__long { max-width:190px;opacity:1 }
@media (min-width:900px) and (max-width:1023px) {
  .alt-title { font-size:18px }
  .alt-specs { font-size:13px;gap:0 10px }
  .alt-specs li+li::before { margin-inline-end:10px }
  .alt-feats { font-size:13px;gap:8px 8px }
  .alt-feats li { gap:6px }
  .alt-feats li::before { width:16px;height:16px;background-size:10px }
  .alt-ledger { padding-inline-start:16px;margin-inline-start:8px }
  .alt-price__now { font-size:21px }
  .alt-price--sub .alt-price__now { font-size:16px }
  .alt-price+.alt-price { padding-inline-start:12px;margin-inline-start:12px }
  .alt-seller__tile { width:78px;height:46px }
  .alt-seller__tile img { max-height:34px }
  .alt-seller { gap:10px }
  .alt-cta { gap:10px }
  .alt-btn { height:44px;font-size:13px }
  .alt-btn__long { display:none }
}
@media (max-width:899px) {
  .alt-body { display:contents }
  .alt-body>* { order:2;padding-inline:16px }
  .alt-body>*+* { margin-top:12px }
  .alt-body>*:first-child { margin-top:16px }
  .alt-title { min-height:0;font-size:18px;font-weight:700;line-height:23px }
  .alt-desc,.alt-card--longtitle .alt-desc { display:block;margin-top:8px;font-size:14px }
  .alt-desc+.alt-where { margin-top:8px }
  .alt-where+.alt-specs { margin-top:18px }
  .alt-specs,.alt-feats { margin-top:12px }
  .alt-feats { margin-inline:16px;padding:12px 0 0;border-top:1px solid var(--line-soft) }
  .alt-card:not(.alt-ad) .alt-ledger>:first-child { padding-top:12px;border-top:1px solid var(--line-soft) }
  .alt-specs { font-size:13px }
  .alt-feats { font-size:13px;gap:8px 10px }
  .alt-feats li { gap:6px }
  .alt-feats li::before { width:16px;height:16px;background-size:10px }
  .alt-ledger { order:3;flex:1 1 auto;margin-top:0;margin-inline-start:0;padding:12px 16px 0;border-inline-start:0;gap:12px }
  .alt-ledger { text-align:start;align-items:stretch }
  .alt-ledger .alt-price { text-align:start;align-items:flex-start }
  .alt-ledger .alt-price__top, .alt-ledger .alt-price__now { justify-content:flex-start }
  .alt-ledger .alt-foot { align-items:stretch }
  .alt-ledger .alt-seller { justify-content:flex-start }
  .alt-loc { display:none }
  .alt-where { display:flex }
  .alt-foot { padding-top:12px }
  .alt-prices { display:grid;grid-auto-flow:column;grid-template-columns:minmax(max-content, 1fr) minmax(max-content, 1fr);grid-auto-columns:minmax(0, 1fr);align-items:stretch;gap:0;margin:0 }
  .alt-price:first-child:not(:only-child) { padding-inline-end:16px }
  .alt-price { justify-content:center;min-width:0;padding-inline-end:12px }
  .alt-price+.alt-price { padding:0;padding-inline-start:16px;margin-inline-start:0;border-top:0;border-inline-start:1px solid var(--line) }
  .alt-price__now { flex-wrap:wrap;gap:5px 5px;font-size:20px }
  .alt-price--sub .alt-price__now { font-size:16px }
  .alt-price__top { flex-wrap:wrap;gap:4px 6px }
  .alt-cta { order:4;margin-top:24px;padding:0 16px;align-items:center;gap:10px }
  .alt-btn__short { flex:none }
  .alt-cta__logo { display:grid;place-items:center;flex:none;width:60px;height:40px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--white);cursor:default }
  .alt-cta__logo img { display:block;width:auto;max-width:100%;max-height:30px;object-fit:contain }
  .alt-ledger .alt-foot:has(.alt-seller__tile) { display:none }
  .alt-btn { height:46px }
  .alt-btn__long { display:none }
  .alt-btn--call:not(.alt-btn--done):not(.alt-btn--shown):hover { background-color:var(--white);border-color:var(--call-line);color:var(--call) }
  .alt-btn--wa:not(.alt-btn--done):not(.alt-btn--shown):hover { background-color:#007B000D;border-color:#8CC38C;color:var(--wa) }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__ic--dark { display:block }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__ic--light { display:none }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover .alt-btn__short { display:inline-block;max-width:110px;opacity:1 }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover { flex-direction:row;gap:8px }
  .alt-btn:not(.alt-btn--done):not(.alt-btn--shown):hover img { width:20px;height:20px }
}
@media (prefers-reduced-motion:reduce) {
  .alt-btn,.alt-dot { transition:none;animation:none }
}
.alt-btn__ico { position:relative;display:inline-flex;flex:none }
.alt-btn__tick { position:absolute;inset-inline-end:-4px;bottom:-3px;display:none;width:13px;height:13px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 1px #00000014 }
.alt-btn__tick::before { content:"";position:absolute;inset:0;background-color:var(--orange-600);-webkit-mask:url("../yacht_new/images/icons/check-orange.svg.svg?ver=1.73") center / 9px no-repeat;mask:url("../yacht_new/images/icons/check-orange.svg?ver=1.73") center / 9px no-repeat }
@media (max-width:399px), (min-width:700px) and (max-width:799px) {
  .alt-card .alt-price__cur,.alt-card .alt-price__unit,.alt-card .alt-price__top { font-size:12px }
  .alt-card .alt-price__now { gap:2px 4px }
}
@media (max-width:399px) {
  .alt-card .alt-price__now { gap:2px 3px }
  .alt-card .alt-price__cur { font-size:11px }
}
.ocds-view-grid .alt-body { display:contents }
.ocds-view-grid .alt-body>* { order:2;padding-inline:16px }
.ocds-view-grid .alt-body>*+* { margin-top:12px }
.ocds-view-grid .alt-body>*:first-child { margin-top:16px }
.ocds-view-grid .alt-title { min-height:0;font-size:18px;font-weight:700;line-height:23px }
.ocds-view-grid .alt-offer:not(:empty)+.alt-title { margin-top:8px }
.ocds-view-grid .alt-desc, .ocds-view-grid .alt-card--longtitle .alt-desc { display:block;margin-top:8px;font-size:14px }
.ocds-view-grid .alt-desc+.alt-where { margin-top:8px }
.ocds-view-grid .alt-where+.alt-specs { margin-top:18px }
.ocds-view-grid .alt-specs, .ocds-view-grid .alt-feats { margin-top:12px }
.ocds-view-grid .alt-feats { margin-inline:16px;padding:12px 0 0;border-top:1px solid var(--line-soft) }
.ocds-view-grid .alt-card:not(.alt-ad) .alt-ledger>:first-child { padding-top:12px;border-top:1px solid var(--line-soft) }
.ocds-view-grid .alt-specs { font-size:13px }
.ocds-view-grid .alt-feats { font-size:13px;gap:8px 10px }
.ocds-view-grid .alt-feats li { gap:6px }
.ocds-view-grid .alt-feats li::before { width:16px;height:16px;background-size:10px }
.ocds-view-grid .alt-ledger { order:3;flex:1 1 auto;margin-top:0;margin-inline-start:0;padding:12px 16px 0;border-inline-start:0;gap:12px }
.ocds-view-grid .alt-ledger { text-align:start;align-items:stretch }
.ocds-view-grid .alt-ledger .alt-price { text-align:start;align-items:flex-start }
.ocds-view-grid .alt-ledger .alt-price__top, .ocds-view-grid .alt-ledger .alt-price__now { justify-content:flex-start }
.ocds-view-grid .alt-ledger .alt-foot { align-items:stretch }
.ocds-view-grid .alt-ledger .alt-seller { justify-content:flex-start }
.ocds-view-grid .alt-where { display:flex }
.ocds-view-grid .alt-foot { padding-top:12px }
.ocds-view-grid .alt-prices { display:grid;grid-auto-flow:column;grid-template-columns:minmax(max-content, 1fr) minmax(max-content, 1fr);grid-auto-columns:minmax(0, 1fr);align-items:stretch;gap:0;margin:0 }
.ocds-view-grid .alt-price:first-child:not(:only-child) { padding-inline-end:16px }
.ocds-view-grid .alt-price { justify-content:center;min-width:0;padding-inline-end:12px }
.ocds-view-grid .alt-price+.alt-price { padding:0;padding-inline-start:16px;margin-inline-start:0;border-top:0;border-inline-start:1px solid var(--line) }
.ocds-view-grid .alt-price__now { flex-wrap:wrap;gap:5px 5px;font-size:20px }
.ocds-view-grid .alt-price--sub .alt-price__now { font-size:16px }
.ocds-view-grid .alt-price__top { flex-wrap:wrap;gap:4px 6px }
.ocds-view-grid .alt-offer { min-height:19px }
.ocds-view-grid .alt-offer:empty { display:flex }
.ocds-view-grid .alt-cta { order:4;margin-top:24px;padding:0 16px;align-items:center;gap:10px }
.ocds-view-grid .alt-btn__short { flex:none }
.ocds-view-grid .alt-cta__logo { display:grid;place-items:center;flex:none;width:60px;height:40px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--white);cursor:default }
.ocds-view-grid .alt-cta__logo img { display:block;width:auto;max-width:100%;max-height:30px;object-fit:contain }
.ocds-view-grid .alt-ledger .alt-foot:has(.alt-seller__tile) { display:none }
.ocds-view-grid .alt-btn { height:46px }
.ocds-view-grid .alt-btn__long { display:none }
.ocds-view-grid .alt-loc { display:none }
.ocds-view-grid .alt-card .alt-price__cur, .ocds-view-grid .alt-card .alt-price__unit, .ocds-view-grid .alt-card .alt-price__top { font-size:12px }
.ocds-view-grid .alt-card .alt-price__now { gap:2px 3px }
.ocds-view-grid .alt-card .alt-price__cur { font-size:11px }
/* :lang(ar) { font-family: Mulish,Arial,sans-serif!importan÷÷÷÷÷÷ʔʔ÷÷÷÷÷÷÷ʔʔt}
/* :lang(ar) { font-family: Mulish,Arial,sans-serif!importan÷÷÷÷÷÷ʔʔ÷÷÷÷÷÷÷ʔʔt}
.ps-fab { font-family: Mulish, Arial, sans-serif } */
.ps-seg__x[hidden] { display: none }
.ps-pop[hidden] {display: none;}
.ps-pop__dates[hidden], .ps-dates [hidden] { display: none }
.ps-day:not(:disabled):hover span { background: var(--line-soft) }
/* .yd-btn { font-family:'Mulish', sans-serif;font-feature-settings:normal }
.yd-dd__b { font-family:'Mulish', sans-serif;font-feature-settings:normal }
.yd-page--search .dp-toast { font-family:'Mulish', sans-serif;font-feature-settings:normal }
.yd-occ__t { font-family:'Mulish', sans-serif }
.yd-occ__t b { font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif }
[dir="rtl"] .yd-occ__t b { font-family:'Mulish', sans-serif }
.yd-pill { font-family:'Mulish', sans-serif;font-feature-settings:normal } */
.yd-offer[hidden] { display:none }
.yd-page .alt-card--yacht .alt-seller__tile { width:58px;height:34px;padding:3px;border-radius:6px }
.yd-page .alt-card--yacht .alt-seller__tile img { max-height:26px }
.yd-fs { display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:18px }
.yd-f { position:relative }
.yd-f__b { display:inline-flex;align-items:center;gap:8px;height:40px;max-width:300px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-xs);background:#FFFFFF;font:600 14px/1 'Mulish', sans-serif;color:var(--text-heading);white-space:nowrap;cursor:pointer;transition:border-color .15s ease, background .15s ease }
.yd-f__v { overflow:hidden;text-overflow:ellipsis;line-height:1.3 }
.yd-f__b:hover, .yd-f__b:focus { border-color:#BDBDBD }
.yd-f__b[aria-expanded="true"] { border-color:var(--orange-600) }
.yd-f__cv { flex:none;transition:transform .15s ease }
.yd-f__b[aria-expanded="true"] .yd-f__cv { transform:rotate(180deg) }
.yd-f.is-on .yd-f__b { border-color:var(--orange-tint-line);background:var(--orange-tint);font-weight:700;color:var(--orange-text) }
.yd-f__p { position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:999;width:280px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#FFFFFF;box-shadow:var(--shadow-pop) }
.yd-f__p[hidden] { display:none }
.yd-f--wide .yd-f__p { width:360px}

.yd-f__h { margin:0 0 10px;font-size:14px;font-weight:800;color:var(--text-heading) }
.yd-f__h--cols { display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:10px }
.yd-f__os { display:grid;gap:2px }
.yd-f__os--2 { grid-template-columns:repeat(2, minmax(0, 1fr));gap:2px 8px }
.yd-f__o { display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-xs);font-size:14px;font-weight:500;color:var(--text-heading);text-decoration:none;cursor:pointer }
.yd-f__o:hover { background:#FFF5EE }
.yd-f__o input {flex:none;width:18px;height:18px;margin:0;accent-color:var(--orange-600);cursor:pointer;opacity: 1;}
.yd-f__t { flex:1 1 auto;min-width:0 }
.yd-f__n { font-size:13px;font-weight:600;color:var(--text-body) }
.yd-f__o:has(input:checked) { background:var(--orange-tint);font-weight:700;color:var(--orange-text) }
.yd-f__o--a { padding-inline-start:38px }
[dir="rtl"] .yd-f__o--a img { transform:scaleX(-1) }
.yd-f__money { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px }
.yd-f__fld { display:grid;gap:6px }
.yd-f__fl { font-size:13px;font-weight:700;color:var(--text-body) }
.yd-f__in { display:flex;align-items:center;height:48px;border:1.5px solid #E0E0E0;border-radius:var(--radius-xs);background:#FFFFFF;overflow:hidden;transition:border-color .18s ease }
.yd-f__in:focus-within { border-color:var(--orange-600) }
.yd-f__cur { display:flex;align-items:center;height:100%;padding:0 10px;border-inline-end:1px solid #EEEEEE;background:#F3F3F3;font-size:13px;color:var(--text-heading) }
.yd-f__in input { width:100%;min-width:0;height:100%;padding:0 10px;border:0;outline:0;background:none;color:#000000;border:0px!important }
.yd-f__in input::placeholder { font-weight:400;color:#9E9E9E }
.yd-f__act { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line) }
.yd-f__clr, .yd-fs__clr { padding:0;border:0;background:none;font:700 14px/1.3 'Mulish', sans-serif;color:var(--orange-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer }
.yd-fs__clr { flex:none;margin-inline-start:6px;white-space:nowrap }
.yd-fs__clr[hidden] { display:none }
.yd-f__go { height:40px;padding:0 18px;border:0;border-radius:var(--radius-xs);background:var(--orange-600);font:700 14px/1 'Mulish', sans-serif;color:#FFFFFF;white-space:nowrap;cursor:pointer;transition:background .15s ease }
.yd-f__go:hover, .yd-f__go:focus { background:#B03D00;color:#fff !important }
@media (max-width:767px) {
  .yd-fs { flex-wrap:nowrap;padding:0 14px 12px 0;overflow-x:auto;
    /* scrollbar-width:none; */
    overscroll-behavior-x:contain;
    /* -webkit-overflow-scrolling:touch */
   }
   /* .yd-fs { flex-wrap:nowrap;padding:0 14px 12px 0;overflow-x:auto;overscroll-behavior-x:contain }
html.yd-f-open .yd-fs { overflow:visible } */
  .yd-fs::-webkit-scrollbar { display:none }
  .yd-f { position:static;flex:none }
  .yd-f__b { height:36px;font-size:13px }
  .yd-f__p:not([hidden]), .yd-f--wide .yd-f__p:not([hidden]) { position:fixed;inset:auto 0 0 0;z-index:10000;width:auto!important;max-height:42vh;padding:20px 16px 16px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:16px 16px 0 0;background:#FFFFFF;box-shadow:0 0 0 100vmax #0000007A;isolation:isolate }
  /* Transparent hit layer for tap-outside-to-close; dim is from box-shadow (not over the sheet). */
  .yd-f__p:not([hidden])::before, .yd-f--wide .yd-f__p:not([hidden])::before { content:"";position:fixed;inset:0;z-index:0;background:transparent;pointer-events:auto }
  .yd-f__p:not([hidden]) > *, .yd-f--wide .yd-f__p:not([hidden]) > * { position:relative;z-index:1 }
  .yd-f__h { font-size:16px }
  .yd-f__o { padding:12px 10px }
  .yd-f__go { height:48px;font-size:16px }
  /* Full-width sheet on RTL/LTR (overrides desktop price popover alignment below 1200px). */
  .yd-f.yd-f--wide[data-f="price"] .yd-f__p:not([hidden]), [dir="rtl"] .yd-f.yd-f--wide[data-f="price"] .yd-f__p:not([hidden]) { inset-inline:0;left:0;right:0 }
  html.yd-f-open { overflow:hidden;overscroll-behavior:none }
}
@media (min-width:1024px) {
  .yd-page--search .ocds-view-grid .alt-body { display:contents }
  .yd-page--search .ocds-view-grid .alt-body>* { order:2;padding-inline:16px }
  .yd-page--search .ocds-view-grid .alt-body>*+* { margin-top:12px }
  .yd-page--search .ocds-view-grid .alt-body>*:first-child { margin-top:16px }
  .yd-page--search .ocds-view-grid .alt-title { min-height:0;font-size:18px;font-weight:700;line-height:23px }
  .yd-page--search .ocds-view-grid .alt-offer:not(:empty)+.alt-title { margin-top:8px }
  .yd-page--search .ocds-view-grid .alt-desc, .yd-page--search .ocds-view-grid .alt-card--longtitle .alt-desc { display:block;margin-top:8px;font-size:14px }
  .yd-page--search .ocds-view-grid .alt-desc+.alt-where { margin-top:8px }
  .yd-page--search .ocds-view-grid .alt-where+.alt-specs { margin-top:18px }
  .yd-page--search .ocds-view-grid .alt-specs, .yd-page--search .ocds-view-grid .alt-feats { margin-top:12px }
  .yd-page--search .ocds-view-grid .alt-feats { margin-inline:16px;padding:12px 0 0;border-top:1px solid var(--line-soft) }
  .yd-page--search .ocds-view-grid .alt-card:not(.alt-ad) .alt-ledger>:first-child { padding-top:12px;border-top:1px solid var(--line-soft) }
  .yd-page--search .ocds-view-grid .alt-specs { font-size:13px }
  .yd-page--search .ocds-view-grid .alt-feats { font-size:13px;gap:8px 10px }
  .yd-page--search .ocds-view-grid .alt-feats li { gap:6px }
  .yd-page--search .ocds-view-grid .alt-feats li::before { width:16px;height:16px;background-size:10px }
  .yd-page--search .ocds-view-grid .alt-ledger { order:3;flex:1 1 auto;margin-top:0;margin-inline-start:0;padding:12px 16px 0;border-inline-start:0;gap:12px }
  .yd-page--search .ocds-view-grid .alt-ledger { text-align:start;align-items:stretch }
  .yd-page--search .ocds-view-grid .alt-ledger .alt-price { text-align:start;align-items:flex-start }
  .yd-page--search .ocds-view-grid .alt-ledger .alt-price__top, .yd-page--search .ocds-view-grid .alt-ledger .alt-price__now { justify-content:flex-start }
  .yd-page--search .ocds-view-grid .alt-ledger .alt-foot { align-items:stretch }
  .yd-page--search .ocds-view-grid .alt-ledger .alt-seller { justify-content:flex-start }
  .yd-page--search .ocds-view-grid .alt-loc { display:none }
  .yd-page--search .ocds-view-grid .alt-where { display:flex }
  .yd-page--search .ocds-view-grid .alt-foot { padding-top:12px }
  .yd-page--search .ocds-view-grid .alt-prices { display:grid;grid-auto-flow:column;grid-template-columns:minmax(max-content, 1fr) minmax(max-content, 1fr);grid-auto-columns:minmax(0, 1fr);align-items:stretch;gap:0;margin:0 }
  .yd-page--search .ocds-view-grid .alt-price:first-child:not(:only-child) { padding-inline-end:16px }
  .yd-page--search .ocds-view-grid .alt-price { justify-content:center;min-width:0;padding-inline-end:12px }
  .yd-page--search .ocds-view-grid .alt-price+.alt-price { padding:0;padding-inline-start:16px;margin-inline-start:0;border-top:0;border-inline-start:1px solid var(--line) }
  .yd-page--search .ocds-view-grid .alt-price__now { flex-wrap:wrap;gap:5px 5px;font-size:20px }
  .yd-page--search .ocds-view-grid .alt-price--sub .alt-price__now { font-size:16px }
  .yd-page--search .ocds-view-grid .alt-price__top { flex-wrap:wrap;gap:4px 6px }
  .yd-page--search .ocds-view-grid .alt-offer { min-height:19px }
  .yd-page--search .ocds-view-grid .alt-offer:empty { display:flex }
  .yd-page--search .ocds-view-grid .alt-cta { order:4;margin-top:24px;padding:0 16px;align-items:center;gap:10px }
  .yd-page--search .ocds-view-grid .alt-btn__short { flex:none }
  .yd-page--search .ocds-view-grid .alt-cta__logo { display:grid;place-items:center;flex:none;width:60px;height:40px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--white);cursor:default }
  .yd-page--search .ocds-view-grid .alt-cta__logo img { display:block;width:auto;max-width:100%;max-height:30px;object-fit:contain }
  .yd-page--search .ocds-view-grid .alt-ledger .alt-foot:has(.alt-seller__tile) { display:none }
  .yd-page--search .ocds-view-grid .alt-btn { height:46px }
  .yd-page--search .ocds-view-grid .alt-btn__long { display:none }
}

/* ==========================================================
   Local customisations (kept through the dev merge)
   ========================================================== */
/* Arabic page: the photo slider keeps left-to-right order, so the slider JS works unchanged */
[dir="rtl"] .alt-slider { direction:ltr }
/* Whole card is the yacht link: the name link (h3.alt-title > a) stretches over the card with ::after.
   The photo slider sits above it (its click opens the link in JS); buttons and tooltip items sit above that. */
.alt-title a { color:inherit;text-decoration:none }
.alt-card--yacht { position:relative }
.alt-card--yacht .alt-title > a::after { content:"";position:absolute;inset:0;z-index:1 }
.alt-card--yacht .alt-slider { z-index:2 }
.alt-card--yacht .alt-btn,
.alt-card--yacht .alt-cta__logo,
.alt-card--yacht .alt-seller__tile,
.alt-card--yacht .yd-least { position:relative;z-index:3 }
/* = .ocds-container side padding; the swipe rows bleed to the screen edge by this much */
.yd-page { --yd-gut:24px }
@media (max-width:767px) { .yd-page { --yd-gut:14px } }
/* The live header CSS turns every button's text orange on hover and focus
   (button:hover, button:focus { color:#ed8413 }) and links orange on hover.
   Keep the design colours, so hover and focus look the same as the design. */
.yd-btn--fill:hover { color:#FFFFFF }
.yd-hero__offer:hover { color: var(--orange-text, #8C450D) }
button.yd-pill:where(:hover, :focus),
button.yd-dd__b:where(:hover, :focus),
button.yd-f__b:where(:hover, :focus) { color:var(--text-heading) !important }
.yd-pill[aria-pressed="true"]:hover, .yd-pill[aria-pressed="true"]:focus {color:var(--white) !important}
button.yd-chip:where(:hover, :focus),
button.yd-f__clr:where(:hover, :focus),
button.yd-fs__clr:where(:hover, :focus),
button.yd-empty__b:where(:hover, :focus),
button.ps-fab:where(:hover, :focus) { color:var(--orange-text) }
button.yd-f__go:where(:hover, :focus),
button.ps-seg__x:where(:hover, :focus) { color:#FFFFFF }
button.ps-pop__x:where(:hover, :focus) { color:var(--ink) !important }
button.yd-occ__b:where(:hover, :focus),
button.yd-exp__b:where(:hover, :focus),
button.alt-nav:where(:hover, :focus),
button.alt-fav:where(:hover, :focus),
button.yd-xp__x:where(:hover, :focus),
button.ps-cal__nav:where(:hover, :focus) { color:inherit }
/* contrast (Lighthouse): old price */
.alt-price__top s { color:#585858 }
.yd-pop .ps-seg__b { font-size: 14px; }
.ps-pop.yd-pop:not(.yd-pop--full) { right: 20px; bottom: 96px; width: min(440px, calc(100vw - 40px)); padding: 18px 18px 16px; border: 1px solid #F0D4C2; border-radius: 18px; background: #FFFFFF; box-shadow: 0 12px 32px #0000001F; -webkit-backdrop-filter: none; backdrop-filter: none; animation: psPopIn .22s cubic-bezier(.3,.7,.3,1) 1; }
.yd-pop .ps-pop__hd { align-items: center; margin-bottom: 4px; }
.yd-pop:not(.yd-pop--full) .ps-pop__h { font-size: 22px; font-weight: 700; line-height: 1.25; color: #222222; }
.yd-pop:not(.yd-pop--full) .ps-pop__x { width: 32px; height: 32px; background: #F2F2F2; font-size: 20px; color: #4D4D4D; }
.yd-pop__l { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: var(--text-heading); }
.yd-pop__why { margin: 0 0 14px; font-size: 14px; line-height: 1.4; color: #6B6B6B; }
.yd-pop__day { display: flex; align-items: center; gap: 10px; width: 100%; height: 52px; padding: 0 14px; border: 1px solid #E0E0E0; border-radius: 12px; background: #FFFFFF; font: 700 15px/1 'Mulish', sans-serif; color: #222222; cursor: pointer; text-align: start; }
.yd-pop__day img { width: 18px; height: 18px; flex: none; filter: brightness(0); }
.yd-pop__day:hover{border-color: var(--orange-600);color:var(--text-heading)!important}
.yd-pop__day:focus{color:var(--text-heading)!important}
.yd-pop__chg { margin-inline-start: auto; font-size: 15px; font-weight: 600; color: var(--orange-text); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
#ydFab.yd-fab { width: 48px; height: 48px; min-width: 48px; padding: 0; border: 1px solid #DEDEDE; border-radius: 48px; background: #FFFFFF; box-shadow: 0 8px 18px #0000001F; }
#ydFab:has(.ps-fab__t:not(:empty)) {
    padding: 0 16px 0 13px;width:auto}
#ydFab.yd-fab img { width: 24px; height: 24px; filter: none; }
#ydFab.yd-fab:hover, #ydFab.yd-fab:focus { background: #FFFFFF; color: var(--orange-text); border-color: var(--orange-600); }
.yd-pop--full { width: 400px; }
.yd-pop .ps-dates .ps-pop__acts { display: none; }
.yd-pop__full .yd-pop__l:not(:first-child) { margin-top: 12px; }
.yd-pop__full[hidden], .yd-pop__day[hidden], .yd-pop__e[hidden], .yd-pop__clear[hidden] { display: none; }
.yd-times { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 12px; scrollbar-width: thin; }
.yd-time { flex: none; height: 36px; padding: 0 12px; border: 1px solid #E0E0E0; border-radius: 999px; background: #FFFFFF; font: 600 13px/1 'Mulish', sans-serif; color: var(--text-heading); cursor: pointer; white-space: nowrap; }
.yd-time:hover { border-color: var(--orange-600);color: var(--text-heading) }
.yd-time[aria-pressed="true"] { border-color: var(--orange-600); background: var(--orange-tint); color: var(--orange-text); }
.yd-pop label.yd-cel { display: flex; align-items: flex-start; gap: 10px; width: 100%; box-sizing: border-box; margin: 12px 0 0; padding: 10px 12px; border: 1.5px solid #E0E0E0; border-radius: var(--radius-xs); background: #FFFFFF; cursor: pointer; font-weight: 400; }
.yd-pop label.yd-cel:hover { border-color: #BDBDBD; }
.yd-pop label.yd-cel:has(input:checked) { border-color: var(--orange-600); background: var(--orange-tint); }
.yd-pop label.yd-cel input[type="checkbox"] { flex: none; width: 18px; height: 18px; min-width: 18px; margin: 1px 0 0; accent-color: var(--orange-600); cursor: pointer; }
.yd-pop label.yd-cel input:focus-visible { outline: 2px solid var(--orange-600); outline-offset: 2px; }
.yd-pop .yd-cel__t { display: grid; gap: 2px; flex: 1; min-width: 0; }
.yd-pop .yd-cel__h { font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--text-heading); }
.yd-pop .yd-cel__sub { font-size: 12.5px; line-height: 1.4; color: var(--text-body); }
.yd-pop__e { margin: 10px 0 0; font-size: 13px; font-weight: 600; color: #E53935; }
.yd-pop__acts { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 14px; }
.yd-pop__clear { padding: 6px 4px; border: 0; background: none; font: 600 14px/1.4 'Mulish', sans-serif; color: var(--text-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.yd-pop__done { width: 100%; height: 48px; border: 0; border-radius: var(--radius-xs); background: var(--orange-600); font: 700 15px/1 'Mulish', sans-serif; color: #FFFFFF; cursor: pointer; }
.yd-pop__done:hover { background: #B03D00; color: #FFFFFF; }
.yd-pop__day:focus-visible, .yd-pop__done:focus-visible, .yd-pop__clear:focus-visible { outline: 2px solid var(--orange-600); outline-offset: 2px; }
#ydPop:not([hidden]) { z-index: 10001; }
html:has(#ydPop:not([hidden])) .yd-f__p:not([hidden])::before { pointer-events: none; }
.yd-times, .yd-times .yd-time, .yd-pop .ps-seg__b { touch-action: manipulation; }
@media (max-width: 767px) {
  .ps-pop.yd-pop:not(.yd-pop--full), .yd-pop.yd-pop--full { inset-inline: 12px; bottom: 88px; width: auto; padding: 16px 14px 14px; }
  .yd-pop:not(.yd-pop--full) .ps-pop__h { font-size: 20px; }
}
body:has(.yd-fab) .fixed-buttons {bottom: 80px;}
.fixed-buttons{z-index:99}
[dir=rtl] #ydFab{left:20px;right:auto}
.yd-rev__all{flex: none;margin-bottom: 30px;font-size: 16px;font-weight: 700;color: var(--orange-text);text-decoration: underline;text-underline-offset: 3px;}
.yd-split {display: flex;align-items: flex-start;justify-content: space-between;gap: 24px 48px;}
@media (min-width:1199px){header.cs-header.nosearch{border-bottom:0px!important;}}
@media (min-width:767px) and (max-width:1025px){.yd-tools {align-items:baseline;}}
html { overflow: unset }
@media (max-width: 1200px){.yd-f.yd-f--wide[data-f="price"] .yd-f__p{right:0;left:auto}[dir="rtl"] .yd-f.yd-f--wide[data-f="price"] .yd-f__p{left:0;right:auto}}
@media (max-width: 1300px){html{overflow-x:hidden !important;}}
.circle-button:has(.ocd-qr-popup).mobile-app-swipe:hover{border:0px!important}
.cookies-box{width:100%;margin:0 auto;position:fixed;bottom:0;background:#fff;padding:24px;border-radius:0;left:0;right:0;z-index:9999;box-shadow:0 2px 8px #0000001f}.cookies-box .icon-coo{font-size:18px;font-weight:700;color:#000;letter-spacing:-.5px;line-height:20px}.cookies-box .icon-coo img{width:50px;height:30px;object-fit:contain;margin-right:6px}.cookies-box .coo-text{font-size:15px;margin:8px 0 16px;color:#4d4d4d;font-weight:400;letter-spacing:-.5px;line-height:20px}
/* Experience route dialog (#ydExpPop): lock page scroll without blocking touch scroll inside .yd-xp__box */
html.yd-xp-open,
html:has(#ydExpPop:not([hidden])) {
  overflow: hidden !important;
  overscroll-behavior: none;
}
.yd-xp:not([hidden]) { overflow: hidden; overscroll-behavior: none; }
.yd-xp__box {
  max-height: min(calc(100vh - 48px), calc(100dvh - 48px));
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
@media (max-width: 767px) {
  .yd-xp:not([hidden]) { display: flex; align-items: flex-end; justify-content: center; }
  .yd-xp__box {
    flex: 0 1 auto;
    width: 100%;
    min-height: 0;
    max-height: min(88vh, 88dvh);
  }
}
.alt-card--yacht .alt-desc[data-tip] { position:relative; z-index:3 }