/* GENERATED from style.css (mtime 1783339131) by inc/css-split.php — DO NOT EDIT. Edit style.css. */
/* Override property_unit.php Bootstrap card styles */
.listing_wrapper{ padding: 0 !important; }
.property_listing{
  display: flex; flex-direction: column; gap: 14px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
}
.property_listing .mo_badges{ margin-bottom: 0; }
.single_yacht_title{
  font-family: var(--serif) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: var(--txt) !important;
  margin: 8px 0 4px !important;
}
.single_yacht_price, .mo_green{
  font-family: var(--serif) !important;
  font-size: 18px !important;
  color: var(--txt) !important;
}
.row.fourths{
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--txt-3);
  border-top: 1px solid rgba(20,32,46,0.08);
  padding-top: 12px;
  margin-top: 8px;
}
.conversion_buttons .btn-blue,
.conversion_buttons .btn.mo_moinfo{
  font-family: var(--sans);
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase;
  padding: 14px 22px;
  border: 1px solid var(--navy);
  background: transparent; color: var(--navy);
  border-radius: 0;
  transition: background 350ms ease, color 350ms ease;
}
.conversion_buttons .btn-blue:hover,
.conversion_buttons .btn.mo_moinfo:hover{
  background: var(--navy); color: var(--ivory);
}
.conversion_buttons .trigger_yachtmodal{
  font-family: var(--sans);
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase;
  padding: 14px 22px;
  background: var(--navy); color: var(--ivory);
  border: 1px solid var(--navy); border-radius: 0;
  transition: background 350ms ease;
}
.conversion_buttons .trigger_yachtmodal:hover{
  background: var(--ink);
}
.dma-brokers__grid .col-md-4,
.dma-brokers__grid .digislide{
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--rule) !important;
  border-right: 1px solid var(--rule) !important;
}
/* Drop the trailing right border so the grid edge matches the (border-less) left edge.
   :nth-child(4n) handles the desktop 4-col grid; :last-child handles tail. */
.dma-brokers__grid .col-md-4:nth-child(4n),
.dma-brokers__grid .digislide:nth-child(4n),
.dma-brokers__grid .col-md-4:last-child,
.dma-brokers__grid .digislide:last-child{
  border-right: 0 !important;
}
@media (max-width: 991px){
/* 2-col on tablet — drop right border on every 2nd card */
  .dma-brokers__grid .col-md-4,
  .dma-brokers__grid .digislide{ border-right: 1px solid var(--rule) !important; }
.dma-brokers__grid .col-md-4:nth-child(2n),
  .dma-brokers__grid .digislide:nth-child(2n){ border-right: 0 !important; }
}
@media (max-width: 520px){
/* 1-col on phone — no right border at all */
  .dma-brokers__grid .col-md-4,
  .dma-brokers__grid .digislide{ border-right: 0 !important; }
}
/* Kill the inner Bootstrap .container that constrains card width */
.dma-brokers__grid .col-md-4 > .container,
.dma-brokers__grid .digislide > .container{
  max-width: 100% !important;
  width: 100% !important;
  padding: 28px 24px 24px !important;
  margin: 0 !important;
}
.mo_filters .filtersContainer,
.mo_filters .filtersInnerContainer{ /* remove default styles */ }
.filterCheckboxes h3.panel-title,
.filterSlider h3.panel-title{
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--txt-3) !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
}
.filterCheckboxes .btn-group.flat .btn-clean,
.filterCheckboxes .btn-group.flat label{
  font-family: var(--mono) !important;
  font-size: 10px !important; letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--rule) !important;
  border-radius: 0 !important; background: transparent !important;
  color: var(--txt) !important; padding: 7px 14px !important;
  transition: background 250ms ease, color 250ms ease, border-color 250ms ease;
}
.filterCheckboxes .btn-group.flat label.active,
.filterCheckboxes .btn-group.flat .btn.active{
  background: var(--txt) !important; color: var(--ivory) !important;
  border-color: var(--txt) !important;
}
.location_menu{ border-radius: 0 !important; border: 1px solid var(--rule) !important; }
/* -----------------------------------------------------------------------------
   Theme-aligned filter sidebar (used on destination/listing pages)
   Targets the raw mo_filter plugin markup so the filter looks coherent
   wherever it's rendered, not only on .dma-landing pages.
   ----------------------------------------------------------------------------- */

/* Panel wrapper / section spacing */
.mo_filters .filterCheckboxes,
.mo_filters .filterSlider{
  border: 0 !important;
  background: transparent !important;
  padding: 18px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--rule) !important;
  box-shadow: none !important;
}
.mo_filters .filterCheckboxes:last-child,
.mo_filters .filterSlider:last-child{ border-bottom: 0 !important; }
.mo_filters .panel-heading{
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 12px !important;
}
.mo_filters .panel-body{
  padding: 0 !important;
  background: transparent !important;
}
.mo_filters h3.panel-title{
  font-family: var(--mono) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--txt-2, #4a5566) !important;
  margin: 0 0 10px !important;
}
.mo_filters .panel-title .withdate{ color: inherit !important; }
/* Dropdowns (Locations, Builders) */
.mo_filters .location_menu,
.mo_filters .dropdown > .btn,
.mo_filters select{
  width: 100% !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-radius: 0 !important;
  color: var(--txt) !important;
  padding: 12px 16px !important;
  text-align: left !important;
  transition: border-color 200ms ease, background 200ms ease;
}
.mo_filters .location_menu:hover,
.mo_filters .dropdown > .btn:hover{
  border-color: var(--navy) !important;
  background: rgba(14,27,42,0.02) !important;
}
.mo_filters .dropdown-menu{
  border-radius: 0 !important;
  border: 1px solid var(--rule) !important;
  box-shadow: 0 8px 24px rgba(14,27,42,0.08) !important;
  font-family: var(--sans) !important;
}
.mo_filters .dropdown-menu .dropdown-item:hover{
  background: var(--ivory-2) !important;
  color: var(--navy) !important;
}
/* Date input */
.mo_filters .mo_daterange,
.mo_filters input[name="datefilter"]{
  width: 100% !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  color: var(--txt) !important;
}
/* Boat-type / Hull toggle buttons (sail/power, catamaran/monohull) */
.mo_filters .btn-group.flat{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100% !important;
}
.mo_filters .btn-group.flat label,
.mo_filters .btn-group.flat .btn-clean{
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 10px !important;
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-radius: 0 !important;
  color: var(--txt) !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}
.mo_filters .btn-group.flat label:hover{
  border-color: var(--navy) !important;
  background: rgba(14,27,42,0.03) !important;
}
.mo_filters .btn-group.flat .selecticon{
  width: 36px !important;
  height: 36px !important;
  object-fit: contain;
  opacity: 0.85;
  transition: filter 200ms ease, opacity 200ms ease;
}
.mo_filters .btn-group.flat .type_caption{
  font: inherit !important;
  color: inherit !important;
  margin: 0 !important;
}
.mo_filters .btn-group.flat label > input[type="checkbox"]{ display: none !important; }
/* Selected state — dark fill, ivory text, invert dark icons to read on navy */
.mo_filters .btn-group.flat label.active,
.mo_filters .btn-group.flat label.btn.active,
.mo_filters .btn-group.flat .btn.active{
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: var(--ivory) !important;
}
.mo_filters .btn-group.flat label.active .type_caption,
.mo_filters .btn-group.flat .btn.active .type_caption{
  color: var(--ivory) !important;
}
.mo_filters .btn-group.flat label.active .selecticon,
.mo_filters .btn-group.flat .btn.active .selecticon{
  filter: invert(1) brightness(2);
  opacity: 1;
}
/* Numeric stepper (Guests Minimum, Max Price) */
.mo_filters .input-group{
  display: flex !important;
  align-items: stretch;
  width: 100% !important;
}
.mo_filters .input-group .btn-number{
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-radius: 0 !important;
  color: var(--txt) !important;
  padding: 0 14px !important;
  font-family: var(--serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  min-width: 44px;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}
.mo_filters .input-group .btn-number:hover{
  background: var(--navy) !important;
  color: var(--ivory) !important;
  border-color: var(--navy) !important;
}
.mo_filters .input-group .btn-number .moplusminus{
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  font-weight: 300 !important;
}
.mo_filters .input-group .form-control,
.mo_filters .input-group input[type="text"],
.mo_filters .input-group input[type="number"]{
  flex: 1 !important;
  text-align: center !important;
  font-family: var(--serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  color: var(--txt) !important;
  padding: 8px !important;
  box-shadow: none !important;
}
.mo_filters .input-group .form-control:focus{
  outline: 0 !important;
  border-color: var(--navy) !important;
}
/* Chip-style amenity checkboxes (Jetski, Jacuzzi, etc.) */
.mo_filters .checkbox.devmodex{
  display: inline-flex !important;
  margin: 0 8px 8px 0 !important;
  padding: 0 !important;
}
.mo_filters .checkbox.devmodex label{
  display: inline-flex !important;
  align-items: center;
  gap: 0 !important;
  padding: 8px 14px !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--txt) !important;
  background: transparent !important;
  border: 1px solid var(--rule) !important;
  border-radius: 999px !important;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
  margin: 0 !important;
}
.mo_filters .checkbox.devmodex label:hover{
  border-color: var(--navy) !important;
}
.mo_filters .checkbox.devmodex input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}
.mo_filters .checkbox.devmodex:has(input:checked) label{
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: var(--ivory) !important;
}
/* "REFINE SEARCH" eyebrow + helper text */
.mo_filters .filtersContainer > .panel-title:first-child,
.mo_filters .refine-search-title,
.dma-filter-sidebar > h3,
.dma-filter-sidebar > .filter-title{
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--txt-2, #4a5566) !important;
  font-weight: 400 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--rule) !important;
  margin: 0 0 8px !important;
}
.mo_filters .alert,
.mo_filters .help-block,
.mo_filters small{
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--txt-3) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 6px 0 !important;
  line-height: 1.5;
}
/* =============================================================================
   LISTINGS PAGE LAYOUT
   ============================================================================= */

.dma-listings{
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 56px;
  align-items: start;
}
.dma-listings__header{
  display: flex; justify-content: space-between;
  align-items: baseline;
  margin-bottom: 32px; padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
}
.dma-listings__count{
  font-family: var(--serif); font-size: 32px; font-weight: 300;
}
.dma-listings__grid{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;
}
@media (max-width: 540px){
.dma-yacht-grid,
  .dma-listings__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 1024px){
.dma-listings{ grid-template-columns: 1fr; }
.dma-listings__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px){
.dma-listings__grid{ grid-template-columns: 1fr; }
}
/* =============================================================================
   EXPLORE / LISTING PAGE  (template-landing.php)
   Contemporary crisp — pure white page, cards with subtle elevation, image-led.
   Defensive !important throughout (plugin CSS contests width / padding /
   background / button styling on these classes).
   ============================================================================= */

.dma-landing,
body.page-template-template-landing{
    --xp-bg:        #FAFAF8;
    --xp-card:      #FFFFFF;
    --xp-ink:       #0E1B2A;
    --xp-ink-2:     #3F4D5E;
    --xp-mute:      #6F7A89;
    --xp-faint:     #9AA2AE;
    --xp-accent:    #1B3A57;
    --xp-accent-2:  #2D5279;
    --xp-gold:      #B89766;
    --xp-rule:      rgba(14, 27, 42, 0.08);
    --xp-rule-2:    rgba(14, 27, 42, 0.04);
    --xp-shadow-sm: 0 1px 2px rgba(14,27,42,0.04);
    --xp-shadow-md: 0 8px 24px rgba(14,27,42,0.06), 0 2px 6px rgba(14,27,42,0.04);
    --xp-shadow-lg: 0 24px 60px rgba(14,27,42,0.10), 0 6px 16px rgba(14,27,42,0.06);
    --xp-easing:    cubic-bezier(.16,.84,.32,1);
}
/* ---------- Page canvas: pure clean white-ish, no grain, no warm tone */
.dma-landing{
    padding: 56px 0 120px !important;
    min-height: 60vh;
    background: var(--xp-bg) !important;
    position: relative;
}
.dma-landing__inner{
    max-width: min(1920px, 100% - clamp(2rem, 4vw, 5rem)) !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative;
}
/* Plugin .container-* would otherwise inject default Bootstrap maxes/paddings */
.dma-landing .container-xxl,
.dma-landing .container-fluid,
.dma-landing .container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0 !important;
    background: transparent !important;
}
.dma-landing .nopadding{ padding: 0 !important; }
/* ---------- Empty intro (Explore page is empty content) */
.dma-landing .mo_expand.expand-50{ max-height: none !important; overflow: visible !important; }
.dma-landing .expand-overlay{ display: none !important; }
.dma-landing > .dma-landing__inner > .container-xxl > .mo_spacer{ display: none; }
.dma-landing .mo_header{ margin-bottom: 0; }
.dma-landing .mo_header:not(:has(h1)):not(:has(p:not(:empty))){ display: none; }
.dma-landing .mo_header h1{
    font-family: var(--serif);
    font-weight: 300;
    font-size: clamp(44px, 5vw, 80px);
    line-height: 1;
    letter-spacing: -0.022em;
    color: var(--xp-ink);
    margin: 0 0 28px;
    text-align: left;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--xp-rule);
}
.dma-landing .mo_header p{
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.65;
    color: var(--xp-ink-2);
    margin: 0 0 16px;
}
/* ---------- Layout: filter rail + results column */
.dma-landing .mt-3{
    display: grid !important;
    grid-template-columns: clamp(320px, 21vw, 400px) 1fr !important;
    gap: clamp(32px, 2.5vw, 64px) !important;
    margin-top: 40px !important;
    align-items: start !important;
    position: relative !important;
    background: transparent !important;
}
@media (max-width: 991px){
.dma-landing .mt-3{ grid-template-columns: 1fr !important; gap: 32px !important; }
}
/* ---------- FILTER SIDEBAR — its own white card, not cut off */
.dma-landing .mo_filters{
    background: var(--xp-card) !important;
    border: 1px solid var(--xp-rule) !important;
    border-radius: 4px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: clamp(320px, 21vw, 400px) !important;
    box-shadow: var(--xp-shadow-sm) !important;
}
/* Disable the JS sticky/fixed positioning so the sidebar can grow tall without
   cutting off — it just scrolls with the page. Keeps all data-* attrs intact. */
.dma-landing #filtersContainer{
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    padding: 24px 22px !important;
}
.dma-landing #filters.mo_filters{ position: static !important; max-height: none !important; overflow: visible !important; }
@media (min-width: 1200px){
.dma-landing #filters.mo_filters{
        position: sticky !important;
        /* clear the fixed header so the filter's top isn't hidden under it.
           Tightened top + bottom gaps so the compacted filter fits the viewport
           without internal scrolling on laptop screens. */
        top: calc(var(--dma-header-h, 80px) + 14px) !important;
        align-self: start;
        max-height: calc(100vh - var(--dma-header-h, 80px) - 24px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
/* logged-in: also clear the 32px WP admin bar above the fixed header */
    .admin-bar .dma-landing #filters.mo_filters{
        top: calc(var(--dma-header-h, 80px) + 46px) !important;
        max-height: calc(100vh - var(--dma-header-h, 80px) - 56px) !important;
    }
.dma-landing #filters.mo_filters::-webkit-scrollbar{ width: 8px; }
.dma-landing #filters.mo_filters::-webkit-scrollbar-thumb{
        background: rgba(14,27,42,0.18); border-radius: 4px;
    }
}
.dma-landing .mo_filters .filtersInnerContainer{ display: block !important; }
/* Filter section labels */
.dma-landing .mo_filters .panel-heading,
.dma-landing .mo_filters .tightHeadings{
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    padding: 0 0 7px !important;
    margin: 14px 0 9px !important;
    border-bottom: 1px solid var(--xp-rule-2) !important;
    background: transparent !important;
    font-weight: 500 !important;
}
.dma-landing .mo_filters .panel-heading:first-of-type,
.dma-landing .mo_filters .tightHeadings:first-of-type{ margin-top: 0 !important; }
.dma-landing .mo_filters .panel-body{ padding: 0 !important; background: transparent !important; }
.dma-landing .mo_filters .filterCheckboxes,
.dma-landing .mo_filters .filterSlider{ margin-bottom: 11px; }
/* Sail/Power/Catamaran/Monohull toggles */
.dma-landing .mo_filters .btn-group.flat{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    background: transparent !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 12px !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    color: var(--xp-ink-2) !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    margin: 0 !important;
    transition: all 200ms var(--xp-easing) !important;
    box-shadow: none !important;
    background-image: none !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn:hover{
    border-color: var(--xp-ink) !important;
    color: var(--xp-ink) !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn.active,
.dma-landing .mo_filters .btn-group.flat label.btn.btn-primary{
    background: var(--xp-ink) !important;
    color: var(--xp-card) !important;
    border-color: var(--xp-ink) !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn img,
.dma-landing .mo_filters .filtersContainer label img,
.dma-landing .mo_filters .filtersContainer .checkbox img{ display: none !important; }
/* Number input +/- */
.dma-landing .mo_filters .input-group{
    display: grid !important;
    grid-template-columns: 36px 1fr 36px !important;
    border: 1px solid var(--xp-rule) !important;
    overflow: hidden !important;
    background: var(--xp-card) !important;
    border-radius: 3px !important;
    transition: border-color 200ms var(--xp-easing), box-shadow 200ms var(--xp-easing);
}
.dma-landing .mo_filters .input-group:focus-within{
    border-color: var(--xp-accent) !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
.dma-landing .mo_filters .input-group .btn-number{
    border: 0 !important;
    background: transparent !important;
    color: var(--xp-ink) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: background 150ms var(--xp-easing) !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover{ background: rgba(14,27,42,0.04) !important; }
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus{
    border: 0 !important;
    border-left: 1px solid var(--xp-rule-2) !important;
    border-right: 1px solid var(--xp-rule-2) !important;
    text-align: center !important;
    font-family: var(--mono) !important;
    font-size: 13px !important;
    color: var(--xp-ink) !important;
    background: transparent !important;
    padding: 8px 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    font-feature-settings: "tnum" 1;
}
.dma-landing .mo_filters .input-group .input-number:focus{ outline: none !important; }
/* Date / name / dropdown text inputs */
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"],
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"]{
    width: 100% !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    border-radius: 3px !important;
    padding: 10px 12px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--xp-ink) !important;
    transition: border-color 200ms var(--xp-easing), box-shadow 200ms var(--xp-easing) !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters input.mo_daterange:focus,
.dma-landing .mo_filters input#byname:focus,
.dma-landing .mo_filters input[name="byname"]:focus{
    border-color: var(--xp-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* Dropdown trigger (locations / builders) */
.dma-landing .mo_filters .dropdown{ width: 100% !important; margin-bottom: 10px !important; }
.dma-landing .mo_filters .dropdown > .btn,
.dma-landing .mo_filters .dropdown-toggle{
    width: 100% !important;
    text-align: left !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    color: var(--xp-ink) !important;
    padding: 10px 12px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    border-radius: 3px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: border-color 200ms var(--xp-easing) !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters .dropdown-toggle:hover{ border-color: var(--xp-ink) !important; }
.dma-landing .mo_filters .dropdown-menu.mo{
    width: 100% !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    border-radius: 3px !important;
    box-shadow: var(--xp-shadow-md) !important;
    padding: 6px 0 !important;
    max-height: 320px !important;
    overflow-y: auto !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a,
.dma-landing .mo_filters .dropdown-menu.mo li > a{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 14px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--xp-ink-2) !important;
    cursor: pointer !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a:hover{
    background: rgba(27,58,87,0.06) !important;
    color: var(--xp-ink) !important;
}
.dma-landing .mo_filters .dropdown-menu.mo .checked,
.dma-landing .mo_filters .dropdown-menu.mo .selected,
.dma-landing .mo_filters .dropdown-menu.mo a.active{
    color: var(--xp-accent) !important;
    font-weight: 500 !important;
    background: rgba(27,58,87,0.06) !important;
}
/* Checkboxes */
.dma-landing .mo_filters .checkbox.devmodex,
.dma-landing .mo_filters .checkbox{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--xp-ink-2) !important;
    cursor: pointer !important;
    background: transparent !important;
}
.dma-landing .mo_filters .checkbox input[type="checkbox"]{
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--xp-accent) !important;
    margin: 0 !important;
    cursor: pointer !important;
}
/* Apply / Go button */
.dma-landing .mo_filters .go_button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding: 13px 18px !important;
    background: var(--xp-ink) !important;
    color: var(--xp-card) !important;
    border: 0 !important;
    border-radius: 3px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 220ms var(--xp-easing) !important;
    background-image: none !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters .go_button:hover{ background: var(--xp-accent) !important; }
/* ---------- RESULTS COLUMN — open canvas (no card wrapping the whole column) */
.dma-landing .mo_results{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    min-width: 0;
}
.dma-landing .mo_results > div,
.dma-landing .mo_results > .col-md-12,
.dma-landing #mo_ajax_container{ width: 100% !important; background: transparent !important; }
.dma-landing .mo_results .col-md-12{ padding: 0 !important; background: transparent !important; }
.dma-landing .mo_results > .col-md-12 > .col{ padding: 0 !important; background: transparent !important; }
/* Results header / chip row — sits on the open canvas, separated by a hairline */
.dma-landing .mo_quick_pricerange{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 28px !important;
    padding: 0 0 24px !important;
    border-bottom: 1px solid var(--xp-rule) !important;
    background: transparent !important;
}
.dma-landing .mo_quick_pricerange h3{
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    font-weight: 500 !important;
    margin: 0 0 12px !important;
    flex: 0 0 100% !important;
    background: transparent !important;
}
/* Outlined ink pill chips, fill on hover/active */
.dma-landing .mo_quick_pricerange .mo_pricerange_btn,
.dma-landing .mo_quick_pricerange .btn,
.dma-landing .mo_quick_pricerange .btn-blue,
.dma-landing .mo_quick_pricerange .btn-large{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 13px !important;
    margin: 0 !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    background-image: none !important;
    color: var(--xp-ink) !important;
    font-family: var(--mono) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 220ms var(--xp-easing) !important;
    text-decoration: none !important;
    box-shadow: var(--xp-shadow-sm) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.dma-landing .mo_quick_pricerange .mo_pricerange_btn:hover,
.dma-landing .mo_quick_pricerange .btn:hover{
    border-color: var(--xp-ink) !important;
    color: var(--xp-card) !important;
    background: var(--xp-ink) !important;
}
.dma-landing .mo_quick_pricerange .mo_pricerange_btn.active,
.dma-landing .mo_quick_pricerange .btn-blue.active{
    background: var(--xp-ink) !important;
    color: var(--xp-card) !important;
    border-color: var(--xp-ink) !important;
}
/* Dock pagination */
.dma-landing #mo_ajax_container > .col.text-center{
    margin: 0 0 28px !important;
    padding: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
}
.dma-landing .previousdock,
.dma-landing .nextdock{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 12px 28px !important;
    border: 1px solid var(--xp-ink) !important;
    background: var(--xp-card) !important;
    background-image: none !important;
    color: var(--xp-ink) !important;
    border-radius: 3px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 220ms var(--xp-easing) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    box-shadow: var(--xp-shadow-sm) !important;
}
.dma-landing .previousdock:hover,
.dma-landing .nextdock:hover{
    background: var(--xp-ink) !important;
    color: var(--xp-card) !important;
}
/* ---------- CARD GRID — proper gap, full bleed */
.dma-landing .listitempage{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 48px 36px !important;
    margin: 0 !important;
    width: 100% !important;
    --bs-gutter-x: 0 !important;
    background: transparent !important;
}
/* Match the row gap between successive AJAX-loaded grid batches.
   Each "more" page is a sibling .listitempage; add the same 48px above it. */
.dma-landing .listitempage + .listitempage,
.dma-landing .morex.listitempage,
.dma-landing #mo_ajax_loadmore .listitempage{
    margin-top: 48px !important;
}
.dma-landing .listing_wrapper{
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex: 1 1 calc(33.333% - 24px) !important;
    max-width: calc(33.333% - 24px) !important;
    width: auto !important;
    --bs-gutter-x: 0 !important;
    background: transparent !important;
    opacity: 0;
    transform: translateY(20px);
    animation: dmaXpEntrance 600ms var(--xp-easing) forwards;
}
@media (max-width: 960px){
.dma-landing .listing_wrapper{
        flex: 1 1 calc(50% - 24px) !important;
        max-width: calc(50% - 24px) !important;
    }
}
@media (max-width: 540px){
.dma-landing .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
.dma-landing .firstx .listing_wrapper:nth-child(1){ animation-delay:  40ms; }
.dma-landing .firstx .listing_wrapper:nth-child(2){ animation-delay:  90ms; }
.dma-landing .firstx .listing_wrapper:nth-child(3){ animation-delay: 140ms; }
.dma-landing .firstx .listing_wrapper:nth-child(4){ animation-delay: 190ms; }
.dma-landing .firstx .listing_wrapper:nth-child(5){ animation-delay: 240ms; }
.dma-landing .firstx .listing_wrapper:nth-child(6){ animation-delay: 290ms; }
.dma-landing .firstx .listing_wrapper:nth-child(7){ animation-delay: 340ms; }
.dma-landing .firstx .listing_wrapper:nth-child(8){ animation-delay: 390ms; }
.dma-landing .firstx .listing_wrapper:nth-child(9){ animation-delay: 440ms; }
.dma-landing .firstx .listing_wrapper:nth-child(n+10){ animation-delay: 490ms; }
@media (prefers-reduced-motion: reduce){
.dma-landing .listing_wrapper{ opacity: 1 !important; transform: none !important; animation: none !important; }
}
@media (max-width: 1199px){
.dma-landing .listing_wrapper{
        flex: 1 1 calc(50% - 18px) !important;
        max-width: calc(50% - 18px) !important;
    }
}
@media (max-width: 600px){
.dma-landing .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
/* ---------- YACHT CARD — white surface, subtle elevation, lifts on hover */
.dma-landing .property_listing{
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: var(--xp-card) !important;
    border: 1px solid var(--xp-rule) !important;
    border-radius: 4px !important;
    box-shadow: var(--xp-shadow-sm) !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    transition: transform 320ms var(--xp-easing), box-shadow 320ms var(--xp-easing), border-color 320ms var(--xp-easing) !important;
}
/* Move price to the top-right of the card body (next to the title).
   Body stays a normal flex column; price is absolute-positioned within it. */
.dma-landing .dma-card__body{
    position: relative !important;
}
.dma-landing .dma-card__body{ gap: 4px !important; }
.dma-landing .dma-card__body > .single_yacht_title.dma-card__title{
    padding-right: 0 !important;
}
.dma-landing .dma-card__body > .single_yacht_price.dma-card__price{
    position: static !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}
.dma-landing .property_listing:hover{
    transform: translateY(-3px);
    box-shadow: var(--xp-shadow-lg) !important;
    border-color: rgba(14,27,42,0.14) !important;
}
/* IMAGE */
.dma-landing .dma-card__media{
    position: relative !important;
    aspect-ratio: 3 / 2 !important; /* #13: wider, less "square" yacht cards */
    background: rgba(14,27,42,0.04) !important;
    overflow: hidden !important;
    margin: 0 !important;
}
.dma-landing .dma-card__media .swiper,
.dma-landing .dma-card__media .swiper-container{ position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
.dma-landing .dma-card__media .swiper-slide{ width: 100% !important; height: 100% !important; }
.dma-landing .dma-card__media img,
.dma-landing .dma-card__media .swiper-slide img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 800ms var(--xp-easing) !important;
}
.dma-landing .property_listing:hover .dma-card__media img,
.dma-landing .property_listing:hover .dma-card__media .swiper-slide img{ transform: scale(1.04); }
.dma-landing .mo_singlespinner{
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: var(--xp-mute) !important;
    z-index: 1 !important;
}
/* Swiper UI */
.dma-landing .swiper-button-next,
.dma-landing .swiper-button-prev{
    color: var(--xp-card) !important;
    --swiper-navigation-size: 18px !important;
    z-index: 6 !important;
}
.dma-landing .swiper-pagination-bullet{ background: var(--xp-card) !important; opacity: 0.55 !important; }
.dma-landing .swiper-pagination-bullet-active{ background: var(--xp-card) !important; opacity: 1 !important; }
/* Badges */
.dma-landing .mo_badges{
    position: absolute !important;
    top: 12px; left: 12px;
    z-index: 4 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;     /* prevent stretch to tallest badge */
    gap: 5px;
    background: transparent !important;
}
.dma-landing .mo_badges > *{
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;       /* center text horizontally */
    gap: 4px !important;
    padding: 4px 12px !important;
    height: 22px !important;                  /* uniform height across all badges */
    width: auto !important;                   /* override plugin's fixed 81px width */
    min-width: 0 !important;
    max-width: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;           /* never wrap text to a 2nd line */
    text-align: center !important;
    background: rgba(14,27,42,0.82) !important;
    color: var(--xp-card) !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 2px !important;
}
.dma-landing .mo_badges > * br{ display: none !important; }
.dma-landing .mo_badges > * .fa,
.dma-landing .mo_badges > * i{ font-size: 9px !important; }
/* CARD BODY — left-aligned, generous internal padding, type takes the lead */
.dma-landing .dma-card__body{
    padding: 22px 22px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    flex: 1 !important;
    text-align: left !important;
    align-items: stretch !important;
    background: transparent !important;
}
.dma-landing .single_yacht_title.dma-card__title,
.dma-landing .single_yacht_title.dma-card__title.overflow-hidden{
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--xp-ink) !important;
    margin: 0 !important;
    text-align: left !important;
    width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    transition: color 220ms var(--xp-easing) !important;
}
.dma-landing .dma-card__title a{ color: inherit !important; transition: color 220ms var(--xp-easing) !important; }
.dma-landing .property_listing:hover .dma-card__title{ color: var(--xp-accent) !important; }
/* Optional facts (captain / flag) — tiny eyebrow */
.dma-landing .yachtfacts.dma-card__fact{
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    padding: 0 !important;
    background: transparent !important;
}
/* Price — gold serif, the only colored moment on the card */
.dma-landing .single_yacht_price.dma-card__price{
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-family: var(--serif) !important;
    color: var(--xp-ink) !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    background: transparent !important;
}
.dma-landing .dma-card__price-prefix{
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    font-weight: 500 !important;
}
.dma-landing .dma-card__price-value{
    font-size: 26px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: var(--xp-gold) !important;
    font-family: var(--serif) !important;
    font-feature-settings: "tnum" 1, "lnum" 1;
}
.dma-landing .dma-card__price-suffix{
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
}
/* Specs: aligned 3-column grid so every card has the same vertical rhythm
   regardless of how many specs the yacht reports (4–6 in practice). */
.dma-landing .dma-card__specs.row.fourths{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px 16px !important;
    margin: 0 !important;
    padding: 14px 0 4px !important;
    width: 100% !important;
    border: 0 !important;
    border-top: 1px solid var(--xp-rule) !important;
    align-items: start !important;
    background: transparent !important;
}
.dma-landing .dma-card__specs .dma-card__spec.overflow-hidden,
.dma-landing .dma-card__specs .dma-card__spec{
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Let long brand names wrap instead of truncating mid-word
       ("SUNREEF Y…" → "SUNREEF YACHTS"). */
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    height: auto !important;
    min-height: 0 !important;
    text-align: left !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    color: var(--xp-ink-2) !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
    font-feature-settings: "tnum" 1, "lnum" 1;
    background: transparent !important;
}
/* No bullet separators — cells are visually separated by the grid gap. */
.dma-landing .dma-card__specs .dma-card__spec + .dma-card__spec::before{
    content: none !important;
}
@media (max-width: 600px){
.dma-landing .dma-card__specs.row.fourths{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* CTAs — clean row at the bottom of the card, View ghost + Inquire filled */
.dma-landing .conversion_buttons.dma-card__cta{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
    background: transparent !important;
}
.dma-landing .dma-card__cta .dma-btn--ghost-ink.btn,
.dma-landing .dma-card__cta a.dma-btn--ghost-ink{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--xp-ink) !important;
    border: 1px solid var(--xp-rule) !important;
    padding: 12px 16px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    border-radius: 3px !important;
    transition: all 220ms var(--xp-easing) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
}
.dma-landing .dma-card__cta .dma-btn--ghost-ink.btn:hover,
.dma-landing .dma-card__cta a.dma-btn--ghost-ink:hover{
    border-color: var(--xp-ink) !important;
    background: var(--xp-card) !important;
    color: var(--xp-ink) !important;
}
.dma-landing .dma-card__cta .dma-btn--gold.btn,
.dma-landing .dma-card__cta button.dma-btn--gold{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--cta) !important; /* #14: bright teal so INQUIRE stands out */
    background-image: none !important;
    color: var(--cta-ink) !important;
    border: 1px solid var(--cta) !important;
    padding: 12px 16px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    transition: all 220ms var(--xp-easing) !important;
    cursor: pointer !important;
    box-shadow: var(--xp-shadow-sm) !important;
    line-height: 1 !important;
}
.dma-landing .dma-card__cta .dma-btn--gold.btn:hover,
.dma-landing .dma-card__cta button.dma-btn--gold:hover{
    background: var(--cta-deep) !important;
    border-color: var(--cta-deep) !important;
    color: #fff !important;
}
/* Skeleton loader */
.dma-landing #mo_ajax_loadmore{ width: 100%; background: transparent !important; }
.dma-landing #mo_ajax_loadmore .listing_wrapper.uninitialized .property_listing{
    background: linear-gradient(90deg, var(--xp-card) 0%, rgba(14,27,42,0.04) 50%, var(--xp-card) 100%) !important;
    background-size: 200% 100% !important;
    animation: dmaXpSkeleton 1.6s ease-in-out infinite !important;
}
@media (max-width: 1199px){
.dma-landing__inner{ padding: 0 28px !important; }
.dma-landing .mt-3{ grid-template-columns: 220px 1fr !important; gap: 32px !important; }
.dma-landing .mo_filters{ max-width: 220px !important; }
}
@media (max-width: 991px){
.dma-landing .mo_filters{ max-width: 100% !important; }
}
@media (max-width: 767px){
.dma-landing{ padding-bottom: 80px !important; }
.dma-landing__inner{ padding: 0 20px !important; }
.dma-landing .mo_header h1{ font-size: clamp(36px, 9vw, 56px) !important; }
.dma-landing .single_yacht_title.dma-card__title{ font-size: 24px !important; }
.dma-landing .conversion_buttons.dma-card__cta{ grid-template-columns: 1fr !important; gap: 8px !important; }
.dma-landing .dma-card__body{ padding: 18px !important; }
}
/* =============================================================================
   EXPLORE / LISTING — additional visual structure (hero, chip strip, depth)
   ============================================================================= */

/* HERO: navy band directly under nav, gives the page a clear opening section */
.dma-landing{ padding: 0 0 120px !important; }
.dma-landing__hero{
    background: linear-gradient(135deg, #0E1B2A 0%, #142333 100%);
    color: #F4EFE6;
    padding: 140px 40px 64px;
    position: relative;
    overflow: hidden;
}
.admin-bar .dma-landing__hero{ padding-top: 172px; }
.dma-landing__hero::before{
    content: "";
    position: absolute;
    top: -40%; right: -10%;
    width: 60%; height: 180%;
    background: radial-gradient(ellipse at center, rgba(184,151,102,0.08) 0%, transparent 60%);
    pointer-events: none;
}
.dma-landing__hero::after{
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 1px;
    background: linear-gradient(to right, transparent 0%, rgba(184,151,102,0.5) 30%, rgba(184,151,102,0.5) 70%, transparent 100%);
}
.dma-landing__hero-inner{
    max-width: none;
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: end;
    position: relative;
    z-index: 1;
}
.dma-landing__hero-text{ display: flex; flex-direction: column; gap: 16px; }
.dma-landing__eyebrow{
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.34em;
    text-transform: uppercase;
    color: #B89766;
    font-weight: 500;
}
.dma-landing__title{
    font-family: var(--serif);
    font-weight: 300;
    font-size: clamp(48px, 6vw, 92px);
    line-height: 0.96;
    letter-spacing: -0.025em;
    color: #F4EFE6;
    margin: 0;
}
.dma-landing__hero-meta{
    display: flex;
    gap: 36px;
    align-items: flex-end;
    padding-bottom: 6px;
}
.dma-landing__stat{
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-left: 1px solid rgba(244,239,230,0.18);
    padding-left: 18px;
    min-width: 110px;
}
.dma-landing__stat-value{
    font-family: var(--serif);
    font-weight: 300;
    font-size: 38px;
    line-height: 1;
    color: #B89766;
    letter-spacing: -0.02em;
    font-feature-settings: "tnum" 1, "lnum" 1;
}
.dma-landing__stat-label{
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(244,239,230,0.6);
    font-weight: 500;
    line-height: 1.5;
}
@media (max-width: 991px){
.dma-landing__hero{ padding: 120px 28px 48px; }
.dma-landing__hero-inner{ grid-template-columns: 1fr; gap: 32px; align-items: start; }
.dma-landing__hero-meta{ gap: 24px; flex-wrap: wrap; }
.dma-landing__stat{ min-width: 90px; }
.dma-landing__stat-value{ font-size: 30px; }
}
@media (max-width: 600px){
.dma-landing__hero{ padding: 100px 20px 40px; }
.dma-landing__hero-meta{ gap: 16px; }
.dma-landing__stat{ padding-left: 14px; min-width: 0; flex: 1; }
.dma-landing__stat-value{ font-size: 24px; }
}
/* Pull the page content up flush against the hero */
.dma-landing > .dma-landing__inner{ padding-top: 0 !important; }
/* The mo_filter plugin wraps the chip strip in a Bootstrap `.col.mt-0.pb-3.ps-3`
   which adds ~16px of left padding — that pushes the chips right of the yacht
   grid edge. Strip it so chips and cards share the same left boundary. */
.dma-landing .mo_results .col.mt-0.pb-3.ps-3,
.dma-landing .mo_results > .col-md-12 > .col{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* The yacht grid sits inside an inner Bootstrap .row that carries the
   default negative gutter margin (~-11.25px). That pulls the cards 11px
   to the LEFT of the chip strip above. Zero it so they share an edge. */
.dma-landing .container-fluid.nopadding > .row,
.dma-landing .listitempage > .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* CHIP STRIP: flush-aligned with yacht grid (no card wrapper, no horizontal padding) */
.dma-landing .mo_quick_pricerange{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 24px !important;
    margin: 0 0 32px !important;
    border-bottom: 1px solid var(--xp-rule) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    position: relative !important;
}
.dma-landing .mo_quick_pricerange > .col-md-12{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    background: transparent !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.dma-landing .mo_quick_pricerange h3{
    flex: 0 0 auto !important;
    margin: 0 14px 0 0 !important;
    padding-right: 16px !important;
    border-right: 1px solid var(--xp-rule) !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    font-weight: 500 !important;
    background: transparent !important;
}
/* CARD DEPTH: stronger shadow, accent underline that grows on hover */
.dma-landing .property_listing{
    border-radius: 6px !important;
    transition: transform 360ms var(--xp-easing), box-shadow 360ms var(--xp-easing) !important;
    box-shadow: 0 1px 2px rgba(14,27,42,0.05), 0 4px 16px rgba(14,27,42,0.04) !important;
}
.dma-landing .property_listing::after{
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(to right, #B89766 0%, #1B3A57 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 500ms var(--xp-easing);
    z-index: 5;
}
.dma-landing .property_listing:hover{
    transform: translateY(-6px) !important;
    box-shadow: 0 24px 60px rgba(14,27,42,0.14), 0 8px 20px rgba(14,27,42,0.08) !important;
    border-color: rgba(14,27,42,0.10) !important;
}
.dma-landing .property_listing:hover::after{ transform: scaleX(1); }
/* Section dividers between major regions */
.dma-landing #mo_ajax_container > .col.text-center{
    padding: 24px 0 !important;
    margin: 0 0 32px !important;
    border-top: 1px solid var(--xp-rule) !important;
    border-bottom: 1px solid var(--xp-rule) !important;
}
/* Filter sidebar — add a kicker label at top */
.dma-landing .mo_filters #filtersContainer{ padding: 16px 20px 18px !important; position: relative; }
.dma-landing .mo_filters #filtersContainer::before{
    content: "Refine search";
    display: block;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--xp-ink);
    padding-bottom: 9px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--xp-ink);
    width: 32px;
    position: relative;
}
.dma-landing .mo_filters #filtersContainer::after{
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 20px; right: 20px;
    height: 1px;
    background: var(--xp-rule);
    z-index: -1;
}
@media (max-width: 991px){
.dma-landing > .dma-landing__inner{ padding-top: 0 !important; }
}
/* =============================================================================
   FILTER SIDEBAR — input polish
   Plugin CSS sometimes injects font-family on labels + form-validation styles
   leak orange borders. Cover all the bases.
   ============================================================================= */

/* All text inside the filter rail uses Inter sans by default */
.dma-landing .mo_filters,
.dma-landing .mo_filters *{
    font-family: var(--sans) !important;
}
/* But preserve mono on small kicker labels */
.dma-landing .mo_filters .panel-heading,
.dma-landing .mo_filters .tightHeadings,
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus,
.dma-landing .mo_filters .go_button,
.dma-landing .mo_filters #filtersContainer::before{
    font-family: var(--mono) !important;
}
/* Kill any orange/red form-validation rings + outlines */
.dma-landing .mo_filters input,
.dma-landing .mo_filters input:focus,
.dma-landing .mo_filters input:invalid,
.dma-landing .mo_filters input:required,
.dma-landing .mo_filters select,
.dma-landing .mo_filters select:focus{
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.dma-landing .mo_filters input:invalid{
    box-shadow: none !important;
    border-color: var(--xp-rule) !important;
}
/* Number input — cleaner: no inner divider lines, larger numerals */
.dma-landing .mo_filters .input-group{
    display: grid !important;
    grid-template-columns: 40px 1fr 40px !important;
    border: 1px solid var(--xp-rule) !important;
    overflow: hidden !important;
    background: var(--xp-card) !important;
    border-radius: 3px !important;
    transition: border-color 200ms var(--xp-easing), box-shadow 200ms var(--xp-easing);
    height: 44px !important;
}
.dma-landing .mo_filters .input-group:focus-within{
    border-color: var(--xp-accent) !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
.dma-landing .mo_filters .input-group .btn-number{
    border: 0 !important;
    background: transparent !important;
    color: var(--xp-ink) !important;
    font-family: var(--sans) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    height: 100% !important;
    transition: background 150ms var(--xp-easing), color 150ms var(--xp-easing) !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover{
    background: rgba(14,27,42,0.04) !important;
    color: var(--xp-accent) !important;
}
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus{
    border: 0 !important;
    text-align: center !important;
    font-family: var(--mono) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--xp-ink) !important;
    background: transparent !important;
    padding: 0 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    font-feature-settings: "tnum" 1, "lnum" 1;
}
.dma-landing .mo_filters .input-group .input-number::-webkit-outer-spin-button,
.dma-landing .mo_filters .input-group .input-number::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.dma-landing .mo_filters .input-group .input-number{ -moz-appearance: textfield; }
/* Date / name text inputs — taller, cleaner */
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"],
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"]{
    width: 100% !important;
    height: 44px !important;
    border: 1px solid var(--xp-rule) !important;
    background: var(--xp-card) !important;
    border-radius: 3px !important;
    padding: 0 14px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--xp-ink) !important;
    transition: border-color 200ms var(--xp-easing), box-shadow 200ms var(--xp-easing) !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters input.mo_daterange::placeholder,
.dma-landing .mo_filters input#byname::placeholder{ color: var(--xp-faint); }
.dma-landing .mo_filters input.mo_daterange:focus,
.dma-landing .mo_filters input#byname:focus{
    border-color: var(--xp-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* Dropdown trigger — same height as inputs for rhythm */
.dma-landing .mo_filters .dropdown > .btn,
.dma-landing .mo_filters .dropdown-toggle{
    height: 44px !important;
    padding: 0 14px !important;
}
/* Sail/Power/Catamaran/Monohull toggles — match input height */
.dma-landing .mo_filters .btn-group.flat label.btn{ height: 44px !important; padding: 0 12px !important; }
/* CHECKBOXES — clean alignment, sans label */
.dma-landing .mo_filters .checkbox.devmodex,
.dma-landing .mo_filters .checkbox{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
}
.dma-landing .mo_filters .checkbox label,
.dma-landing .mo_filters .checkbox.devmodex label,
.dma-landing .mo_filters .checkbox span,
.dma-landing .mo_filters .checkbox.devmodex span{
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--xp-ink-2) !important;
    cursor: pointer !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.dma-landing .mo_filters .checkbox input[type="checkbox"]{
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    accent-color: var(--xp-accent) !important;
    flex: 0 0 16px !important;
}
/* Field group spacing — give each filter section breathing room */
.dma-landing .mo_filters .filterCheckboxes,
.dma-landing .mo_filters .filterSlider{
    margin-bottom: 22px !important;
}
/* MAX PRICE / GUESTS MINIMUM labels — small, cleaner above the input */
.dma-landing .mo_filters #filtersContainer label[for],
.dma-landing .mo_filters .filterSlider > label{
    display: block !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: var(--xp-mute) !important;
    font-weight: 500 !important;
    margin: 0 0 8px !important;
}
/* =============================================================================
   FILTER RAIL — "NAVIGATION CONSOLE" REDESIGN
   Deep navy panel, ivory text, gold section labels, cobalt + gold accents.
   Pure CSS over plugin-emitted markup. Defensive !important throughout.
   ============================================================================= */

.dma-landing .mo_filters{
    --rail-bg-1:     #0E1B2A;
    --rail-bg-2:     #142333;
    --rail-bg-3:     #1A2A3D;
    --rail-ivory:    #EFE7D6;
    --rail-ivory-2:  rgba(239,231,214,0.78);
    --rail-mute:     rgba(239,231,214,0.55);
    --rail-faint:    rgba(239,231,214,0.32);
    --rail-rule:     rgba(239,231,214,0.10);
    --rail-rule-2:   rgba(239,231,214,0.18);
    --rail-gold:     #B89766;
    --rail-gold-2:   #C9A878;
    --rail-cobalt:   #4A7BAF;

    background: linear-gradient(180deg, var(--rail-bg-1) 0%, var(--rail-bg-2) 100%) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: clamp(320px, 21vw, 400px) !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.04) inset,
        0 24px 60px rgba(14,27,42,0.18),
        0 4px 12px rgba(14,27,42,0.10) !important;
    overflow: hidden !important;
    position: relative !important;
    color: var(--rail-ivory) !important;
}
/* Faint gold hairline at the very top — like a console power-rail */
.dma-landing .mo_filters::before{
    content: "" !important;
    position: absolute !important;
    top: 0; left: 24px; right: 24px;
    height: 1px !important;
    background: linear-gradient(to right, transparent 0%, var(--rail-gold) 30%, var(--rail-gold) 70%, transparent 100%) !important;
    opacity: 0.6 !important;
    z-index: 2 !important;
}
/* Inner container */
.dma-landing .mo_filters #filtersContainer{
    padding: 28px 24px 28px !important;
    background: transparent !important;
    position: relative !important;
}
.dma-landing .mo_filters #filtersContainer::before{
    content: "Refine search" !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.34em !important;
    text-transform: uppercase !important;
    color: var(--rail-gold) !important;
    margin: 0 0 24px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rail-rule) !important;
    width: auto !important;
    background: transparent !important;
}
.dma-landing .mo_filters #filtersContainer::after{ display: none !important; }
.dma-landing .mo_filters .filtersInnerContainer{ display: block !important; background: transparent !important; }
/* Section eyebrows */
.dma-landing .mo_filters .panel-heading,
.dma-landing .mo_filters .tightHeadings,
.dma-landing .mo_filters #filtersContainer label[for],
.dma-landing .mo_filters .filterSlider > label{
    display: block !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.34em !important;
    text-transform: uppercase !important;
    color: var(--rail-gold) !important;
    padding: 0 !important;
    margin: 14px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
}
.dma-landing .mo_filters .panel-heading:first-of-type,
.dma-landing .mo_filters .tightHeadings:first-of-type{ margin-top: 0 !important; }
.dma-landing .mo_filters .panel-body{ padding: 0 !important; background: transparent !important; }
.dma-landing .mo_filters .filterCheckboxes,
.dma-landing .mo_filters .filterSlider{ margin-bottom: 13px !important; background: transparent !important; }
/* Sans by default; mono only for numerals/labels/eyebrows */
.dma-landing .mo_filters,
.dma-landing .mo_filters *{ font-family: var(--sans) !important; }
.dma-landing .mo_filters .panel-heading,
.dma-landing .mo_filters .tightHeadings,
.dma-landing .mo_filters #filtersContainer::before,
.dma-landing .mo_filters #filtersContainer label[for],
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus,
.dma-landing .mo_filters .go_button{ font-family: var(--mono) !important; }
/* ---------- DROPDOWNS ------------------------------------------------- */
.dma-landing .mo_filters .dropdown{
    width: 100% !important;
    margin-bottom: 10px !important;
    background: transparent !important;
}
.dma-landing .mo_filters .dropdown > .btn,
.dma-landing .mo_filters .dropdown-toggle{
    width: 100% !important;
    height: 42px !important;
    text-align: left !important;
    border: 1px solid var(--rail-rule-2) !important;
    background: rgba(239,231,214,0.04) !important;
    color: var(--rail-ivory) !important;
    padding: 0 16px 0 14px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    border-radius: 4px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: border-color 220ms var(--xp-easing), background 220ms var(--xp-easing) !important;
    box-shadow: none !important;
    background-image: none !important;
    cursor: pointer !important;
    position: relative !important;
}
.dma-landing .mo_filters .dropdown-toggle::after{
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border: 0 !important;
    border-right: 1.5px solid var(--rail-gold) !important;
    border-bottom: 1.5px solid var(--rail-gold) !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 280ms var(--xp-easing), border-color 220ms var(--xp-easing) !important;
    margin: 0 0 0 8px !important;
}
.dma-landing .mo_filters .dropdown.show .dropdown-toggle::after,
.dma-landing .mo_filters .dropdown-toggle[aria-expanded="true"]::after{
    transform: rotate(-135deg) translateY(2px) !important;
}
.dma-landing .mo_filters .dropdown-toggle:hover{
    border-color: var(--rail-rule-2) !important;
    background: rgba(239,231,214,0.07) !important;
}
.dma-landing .mo_filters .dropdown-toggle:focus,
.dma-landing .mo_filters .dropdown-toggle:focus-visible{
    border-color: var(--rail-rule-2) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters .dropdown-menu.mo{
    width: 100% !important;
    border: 1px solid var(--rail-rule-2) !important;
    background: var(--rail-bg-3) !important;
    border-radius: 4px !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.4) !important;
    padding: 6px 0 !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    margin-top: 4px !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a,
.dma-landing .mo_filters .dropdown-menu.mo li > a{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 14px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--rail-ivory-2) !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    transition: background 160ms var(--xp-easing), color 160ms var(--xp-easing) !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a:hover{
    background: rgba(184,151,102,0.10) !important;
    color: var(--rail-ivory) !important;
}
.dma-landing .mo_filters .dropdown-menu.mo .checked,
.dma-landing .mo_filters .dropdown-menu.mo .selected,
.dma-landing .mo_filters .dropdown-menu.mo a.active{
    color: var(--rail-gold) !important;
    background: rgba(184,151,102,0.12) !important;
    font-weight: 600 !important;
}
.dma-landing .mo_filters .dropdown-menu.mo::-webkit-scrollbar{ width: 6px; }
.dma-landing .mo_filters .dropdown-menu.mo::-webkit-scrollbar-thumb{ background: var(--rail-rule-2); border-radius: 3px; }
/* ---------- DATE RANGE — calendar icon embedded ----------------------- */
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"]{
    width: 100% !important;
    height: 46px !important;
    border: 1px solid var(--rail-rule-2) !important;
    background-color: rgba(239,231,214,0.04) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B89766' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M16 3v4M8 3v4M3 10h18'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 16px 16px !important;
    border-radius: 4px !important;
    padding: 0 14px 0 40px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--rail-ivory) !important;
    transition: border-color 220ms var(--xp-easing), background-color 220ms var(--xp-easing), box-shadow 220ms var(--xp-easing) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.dma-landing .mo_filters input.mo_daterange::placeholder,
.dma-landing .mo_filters input[name="datefilter"]::placeholder{ color: var(--rail-mute); }
.dma-landing .mo_filters input.mo_daterange:hover{ border-color: var(--rail-rule-2) !important; }
.dma-landing .mo_filters input.mo_daterange:focus,
.dma-landing .mo_filters input[name="datefilter"]:focus{
    border-color: var(--rail-rule-2) !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: rgba(239,231,214,0.07) !important;
}
/* ---------- SEGMENTED TOGGLES (Sail/Power, Catamaran/Monohull) ------- */
.dma-landing .mo_filters .btn-group.flat{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    background: rgba(239,231,214,0.04) !important;
    border: 1px solid var(--rail-rule-2) !important;
    border-radius: 4px !important;
    padding: 4px !important;
    position: relative !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--rail-ivory-2) !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    margin: 0 !important;
    transition: color 240ms var(--xp-easing), background 360ms var(--xp-easing) !important;
    box-shadow: none !important;
    z-index: 1 !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn:hover{
    color: var(--rail-ivory) !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn.active,
.dma-landing .mo_filters .btn-group.flat label.btn.btn-primary{
    background: var(--rail-gold) !important;
    color: var(--rail-bg-1) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.05) inset !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn img,
.dma-landing .mo_filters .filtersContainer label img,
.dma-landing .mo_filters .filtersContainer .checkbox img{ display: none !important; }
.dma-landing .mo_filters .btn-group.flat input[type="radio"],
.dma-landing .mo_filters .btn-group.flat input[type="checkbox"]{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* ---------- NUMBER INPUTS — large mono numerals + framed +/- --------- */
.dma-landing .mo_filters .input-group{
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
    border: 1px solid var(--rail-rule-2) !important;
    overflow: hidden !important;
    background: rgba(239,231,214,0.04) !important;
    border-radius: 4px !important;
    transition: border-color 220ms var(--xp-easing), background 220ms var(--xp-easing), box-shadow 220ms var(--xp-easing) !important;
    height: 46px !important;
    margin-bottom: 10px !important;
}
.dma-landing .mo_filters .input-group:hover{ border-color: var(--rail-rule-2) !important; }
.dma-landing .mo_filters .input-group:focus-within{
    border-color: var(--rail-rule-2) !important;
    background: rgba(239,231,214,0.07) !important;
    box-shadow: none !important;
}
.dma-landing .mo_filters .input-group .btn-number{
    border: 0 !important;
    background: transparent !important;
    color: var(--rail-ivory-2) !important;
    font-family: var(--sans) !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    height: 100% !important;
    transition: background 180ms var(--xp-easing), color 180ms var(--xp-easing), transform 200ms var(--xp-easing) !important;
    user-select: none !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover{
    background: var(--rail-gold) !important;
    color: var(--rail-bg-1) !important;
}
.dma-landing .mo_filters .input-group .btn-number:active{
    transform: scale(0.92) !important;
}
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus{
    border: 0 !important;
    text-align: center !important;
    font-family: var(--mono) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: var(--rail-ivory) !important;
    background: transparent !important;
    padding: 0 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    font-feature-settings: "tnum" 1, "lnum" 1;
    letter-spacing: 0.02em !important;
}
.dma-landing .mo_filters .input-group .input-number:focus{ outline: 0 !important; box-shadow: none !important; }
.dma-landing .mo_filters .input-group .input-number::-webkit-outer-spin-button,
.dma-landing .mo_filters .input-group .input-number::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0 !important; }
.dma-landing .mo_filters .input-group .input-number{ -moz-appearance: textfield !important; }
/* ---------- SEARCH BY NAME — magnifying-glass icon -------------------- */
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"]{
    width: 100% !important;
    height: 46px !important;
    border: 1px solid var(--rail-rule-2) !important;
    background-color: rgba(239,231,214,0.04) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B89766' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 16px 16px !important;
    border-radius: 4px !important;
    padding: 0 14px 0 40px !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    color: var(--rail-ivory) !important;
    transition: border-color 220ms var(--xp-easing), background-color 220ms var(--xp-easing), box-shadow 220ms var(--xp-easing) !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.dma-landing .mo_filters input#byname::placeholder{ color: var(--rail-mute); }
.dma-landing .mo_filters input#byname:hover{ border-color: var(--rail-rule-2) !important; }
.dma-landing .mo_filters input#byname:focus{
    border-color: var(--rail-rule-2) !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: rgba(239,231,214,0.07) !important;
}
/* ---------- TAG-PILL CHECKBOXES (Jetski / Jacuzzi / Scuba) ---------- */
.dma-landing .mo_filters .checkbox.devmodex,
.dma-landing .mo_filters .checkbox{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 14px !important;
    margin: 0 6px 6px 0 !important;
    background: rgba(239,231,214,0.04) !important;
    border: 1px solid var(--rail-rule-2) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 220ms var(--xp-easing) !important;
    position: relative !important;
}
.dma-landing .mo_filters .checkbox:hover,
.dma-landing .mo_filters .checkbox.devmodex:hover{
    border-color: var(--rail-rule-2) !important;
    background: rgba(239,231,214,0.07) !important;
}
.dma-landing .mo_filters .checkbox label,
.dma-landing .mo_filters .checkbox.devmodex label,
.dma-landing .mo_filters .checkbox span,
.dma-landing .mo_filters .checkbox.devmodex span{
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--rail-ivory-2) !important;
    cursor: pointer !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.dma-landing .mo_filters .checkbox input[type="checkbox"],
.dma-landing .mo_filters .checkbox.devmodex input[type="checkbox"]{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
.dma-landing .mo_filters .checkbox:has(input:checked),
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked){
    background: var(--rail-gold) !important;
    border-color: var(--rail-gold) !important;
}
.dma-landing .mo_filters .checkbox:has(input:checked) label,
.dma-landing .mo_filters .checkbox:has(input:checked) span,
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked) label,
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked) span{
    color: var(--rail-bg-1) !important;
    font-weight: 600 !important;
}
.dma-landing .mo_filters .filterCheckboxes:has(.checkbox),
.dma-landing .mo_filters .panel-body:has(> .checkbox){
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}
/* ---------- APPLY / GO BUTTON ---------------------------------------- */
.dma-landing .mo_filters .go_button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 18px !important;
    padding: 14px 18px !important;
    background: var(--rail-gold) !important;
    color: var(--rail-bg-1) !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 220ms var(--xp-easing), transform 200ms var(--xp-easing) !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(184,151,102,0.28) !important;
}
.dma-landing .mo_filters .go_button:hover{
    background: var(--rail-gold-2) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(184,151,102,0.36) !important;
}
.dma-landing .mo_filters .go_button:active{ transform: translateY(0) !important; }
/* ---------- DEFEND TEXT COLORS --------------------------------------- */
.dma-landing .mo_filters,
.dma-landing .mo_filters p,
.dma-landing .mo_filters span,
.dma-landing .mo_filters label,
.dma-landing .mo_filters div,
.dma-landing .mo_filters a{
    color: inherit !important;
}
.dma-landing .mo_filters input,
.dma-landing .mo_filters select{
    color: var(--rail-ivory) !important;
    -webkit-text-fill-color: var(--rail-ivory) !important;
}
/* Outer grid widened a bit for the new rail */
.dma-landing .mt-3{ grid-template-columns: 290px 1fr !important; gap: 40px !important; }
@media (max-width: 1199px){
.dma-landing .mt-3{ grid-template-columns: 240px 1fr !important; gap: 28px !important; }
.dma-landing .mo_filters{ max-width: 240px !important; }
.dma-landing .mo_filters #filtersContainer{ padding: 24px 18px !important; }
}
@media (max-width: 1199px){
/* #15 — collapse to single column + drawer across all tablets */
    .dma-landing .mo_filters{ max-width: 100% !important; }
.dma-landing .mt-3{ grid-template-columns: 1fr !important; }
}
/* =============================================================================
   FILTER RAIL — REVERT TO LIGHT CARD, KEEP MODERN INPUT DESIGNS
   This block wins over the "Navigation Console" navy treatment above. We keep
   all the input modernizations (icons, segmented control, pill checkboxes,
   big mono numerals, focus glows) but recolor everything back to the light
   palette and fix the disjointed +/- input.
   ============================================================================= */

/* ---------- LIGHT CARD SHELL ---------------------------------------- */
.dma-landing .mo_filters{
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid rgba(14,27,42,0.08) !important;
    border-radius: 6px !important;
    color: #0E1B2A !important;
    box-shadow: 0 1px 2px rgba(14,27,42,0.04), 0 8px 24px rgba(14,27,42,0.05) !important;
}
.dma-landing .mo_filters::before{ display: none !important; }
.dma-landing .mo_filters #filtersContainer{
    background: transparent !important;
    color: #0E1B2A !important;
}
.dma-landing .mo_filters #filtersContainer::before{
    color: #0E1B2A !important;
    border-bottom-color: rgba(14,27,42,0.10) !important;
}
/* ---------- TEXT / SECTION LABELS (light) -------------------------- */
.dma-landing .mo_filters,
.dma-landing .mo_filters p,
.dma-landing .mo_filters span,
.dma-landing .mo_filters label,
.dma-landing .mo_filters div{
    color: #0E1B2A !important;
}
.dma-landing .mo_filters .panel-heading,
.dma-landing .mo_filters .tightHeadings,
.dma-landing .mo_filters #filtersContainer label[for],
.dma-landing .mo_filters .filterSlider > label{
    color: #6F7A89 !important;
}
/* ---------- DROPDOWNS — light surface, ink text -------------------- */
.dma-landing .mo_filters .dropdown > .btn,
.dma-landing .mo_filters .dropdown-toggle{
    background: #FFFFFF !important;
    border-color: rgba(14,27,42,0.10) !important;
    color: #0E1B2A !important;
}
.dma-landing .mo_filters .dropdown-toggle::after{
    border-right-color: #0E1B2A !important;
    border-bottom-color: #0E1B2A !important;
}
.dma-landing .mo_filters .dropdown-toggle:hover{
    border-color: #0E1B2A !important;
    background: #FAFAF8 !important;
}
.dma-landing .mo_filters .dropdown-toggle:focus,
.dma-landing .mo_filters .dropdown-toggle:focus-visible{
    border-color: #1B3A57 !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
.dma-landing .mo_filters .dropdown-menu.mo{
    background: #FFFFFF !important;
    border-color: rgba(14,27,42,0.10) !important;
    box-shadow: 0 12px 40px rgba(14,27,42,0.12) !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a,
.dma-landing .mo_filters .dropdown-menu.mo li > a{
    color: #3F4D5E !important;
}
.dma-landing .mo_filters .dropdown-menu.mo a:hover{
    background: rgba(27,58,87,0.06) !important;
    color: #0E1B2A !important;
}
.dma-landing .mo_filters .dropdown-menu.mo .checked,
.dma-landing .mo_filters .dropdown-menu.mo .selected,
.dma-landing .mo_filters .dropdown-menu.mo a.active{
    color: #1B3A57 !important;
    background: rgba(27,58,87,0.08) !important;
}
/* ---------- DATE INPUT — light surface, dark icon ------------------- */
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"]{
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E1B2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M16 3v4M8 3v4M3 10h18'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 16px 16px !important;
    border-color: rgba(14,27,42,0.10) !important;
    color: #0E1B2A !important;
}
.dma-landing .mo_filters input.mo_daterange::placeholder{ color: #9AA2AE !important; }
.dma-landing .mo_filters input.mo_daterange:hover{ border-color: #0E1B2A !important; }
.dma-landing .mo_filters input.mo_daterange:focus,
.dma-landing .mo_filters input[name="datefilter"]:focus{
    border-color: #1B3A57 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* ---------- SEARCH INPUT — light surface, dark icon ----------------- */
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"]{
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E1B2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 16px 16px !important;
    border-color: rgba(14,27,42,0.10) !important;
    color: #0E1B2A !important;
}
.dma-landing .mo_filters input#byname::placeholder{ color: #9AA2AE !important; }
.dma-landing .mo_filters input#byname:hover{ border-color: #0E1B2A !important; }
.dma-landing .mo_filters input#byname:focus{
    border-color: #1B3A57 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* ---------- SEGMENTED TOGGLES — light frame, ink fill on active ----- */
.dma-landing .mo_filters .btn-group.flat{
    background: #F4F4F1 !important;
    border-color: rgba(14,27,42,0.08) !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn{
    color: #6F7A89 !important;
    background: transparent !important;
}
.dma-landing .mo_filters .btn-group.flat label.btn:hover{ color: #0E1B2A !important; }
.dma-landing .mo_filters .btn-group.flat label.btn.active,
.dma-landing .mo_filters .btn-group.flat label.btn.btn-primary{
    background: #0E1B2A !important;
    color: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(14,27,42,0.20) !important;
}
/* ---------- NUMBER INPUTS — UNIFIED PILL, +/- merged inside --------- */
.dma-landing .mo_filters .input-group{
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
    border: 1px solid rgba(14,27,42,0.10) !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border-radius: 4px !important;
    height: 48px !important;
    margin-bottom: 14px !important;
    transition: border-color 220ms cubic-bezier(.16,.84,.32,1), box-shadow 220ms cubic-bezier(.16,.84,.32,1) !important;
}
.dma-landing .mo_filters .input-group:hover{ border-color: #0E1B2A !important; }
.dma-landing .mo_filters .input-group:focus-within{
    border-color: #1B3A57 !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
    background: #FFFFFF !important;
}
.dma-landing .mo_filters .input-group .btn-number{
    border: 0 !important;
    background: #F4F4F1 !important;
    color: #0E1B2A !important;
    font-family: var(--sans) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    height: 100% !important;
    box-shadow: none !important;
    transition: background 180ms cubic-bezier(.16,.84,.32,1), color 180ms cubic-bezier(.16,.84,.32,1) !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover{
    background: #0E1B2A !important;
    color: #FFFFFF !important;
}
.dma-landing .mo_filters .input-group .btn-number:active{
    transform: scale(0.94) !important;
}
/* CRITICAL FIX: kill any inner border on the input that would visually split
   the pill into 3 disconnected segments. */
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus{
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    text-align: center !important;
    font-family: var(--mono) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0E1B2A !important;
    background: #FFFFFF !important;
    padding: 0 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    font-feature-settings: "tnum" 1, "lnum" 1;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.dma-landing .mo_filters .input-group .input-number:focus{ outline: 0 !important; box-shadow: none !important; }
/* ---------- TAG-PILL CHECKBOXES — light, ink fill on active --------- */
.dma-landing .mo_filters .checkbox.devmodex,
.dma-landing .mo_filters .checkbox{
    background: #FFFFFF !important;
    border-color: rgba(14,27,42,0.10) !important;
}
.dma-landing .mo_filters .checkbox label,
.dma-landing .mo_filters .checkbox.devmodex label,
.dma-landing .mo_filters .checkbox span,
.dma-landing .mo_filters .checkbox.devmodex span{
    color: #3F4D5E !important;
}
.dma-landing .mo_filters .checkbox:hover,
.dma-landing .mo_filters .checkbox.devmodex:hover{
    border-color: #0E1B2A !important;
    background: #FAFAF8 !important;
}
.dma-landing .mo_filters .checkbox:has(input:checked),
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked){
    background: #0E1B2A !important;
    border-color: #0E1B2A !important;
}
.dma-landing .mo_filters .checkbox:has(input:checked) label,
.dma-landing .mo_filters .checkbox:has(input:checked) span,
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked) label,
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked) span{
    color: #FFFFFF !important;
}
/* ---------- APPLY / GO BUTTON — ink filled, no gold ---------------- */
.dma-landing .mo_filters .go_button{
    background: #0E1B2A !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(14,27,42,0.16) !important;
}
.dma-landing .mo_filters .go_button:hover{
    background: #1B3A57 !important;
    box-shadow: 0 8px 18px rgba(14,27,42,0.20) !important;
}
/* Force input text color to dark on light bg (override any leftover ivory) */
.dma-landing .mo_filters input,
.dma-landing .mo_filters select{
    color: #0E1B2A !important;
    -webkit-text-fill-color: #0E1B2A !important;
}
/* Card grid: bigger spacing between yachts on the same row AND between rows */
.dma-landing .listitempage{
    gap: 40px 36px !important;   /* row-gap | column-gap */
}
.dma-landing .listing_wrapper{
    flex: 1 1 calc(33.333% - 24px) !important;
    max-width: calc(33.333% - 24px) !important;
}
@media (max-width: 1199px){
.dma-landing .listitempage{ gap: 32px 28px !important; }
.dma-landing .listing_wrapper{
        flex: 1 1 calc(50% - 14px) !important;
        max-width: calc(50% - 14px) !important;
    }
}
@media (max-width: 600px){
.dma-landing .listitempage{ gap: 24px !important; }
.dma-landing .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
/* =============================================================================
   FINAL OVERRIDES — +/- button hover fill + card grid spacing (last word)
   ============================================================================= */

/* Force +/- buttons to fully fill their grid cell so the hover bg paints correctly */
.dma-landing .mo_filters .input-group{
    display: grid !important;
    grid-template-columns: 48px 1fr 48px !important;
    align-items: stretch !important;
    height: 48px !important;
    overflow: hidden !important;
    border: 1px solid rgba(14,27,42,0.10) !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
}
.dma-landing .mo_filters .input-group .btn,
.dma-landing .mo_filters .input-group .btn-number,
.dma-landing .mo_filters .input-group button{
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #F4F4F1 !important;
    background-image: none !important;
    color: #0E1B2A !important;
    font-family: var(--sans) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: 0 !important;
    transition: background 180ms cubic-bezier(.16,.84,.32,1), color 180ms cubic-bezier(.16,.84,.32,1) !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover,
.dma-landing .mo_filters .input-group button:hover{
    background: #0E1B2A !important;
    color: #FFFFFF !important;
}
.dma-landing .mo_filters .input-group .btn-number:active{
    background: #1B3A57 !important;
    color: #FFFFFF !important;
}
.dma-landing .mo_filters .input-group .input-number,
.dma-landing .mo_filters .input-group .plusminus,
.dma-landing .mo_filters .input-group input[type="text"],
.dma-landing .mo_filters .input-group input[type="number"]{
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: #0E1B2A !important;
    -webkit-text-fill-color: #0E1B2A !important;
    text-align: center !important;
    font-family: var(--mono) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.dma-landing .mo_filters .input-group:hover{ border-color: #0E1B2A !important; }
.dma-landing .mo_filters .input-group:focus-within{
    border-color: #1B3A57 !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* ---------- CARD GRID SPACING — last-word version ------------------- */
.dma-landing #mo_ajax_container > .firstx,
.dma-landing #mo_ajax_container > .morex,
.dma-landing .listitempage,
.dma-landing .firstx.listitempage,
.dma-landing .morex.listitempage{
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 48px !important;
    column-gap: 36px !important;
    margin: 0 !important;
    width: 100% !important;
}
.dma-landing .listing_wrapper{
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 1 calc((100% - 72px) / 3) !important;
    max-width: calc((100% - 72px) / 3) !important;
    width: calc((100% - 72px) / 3) !important;
}
@media (max-width: 1199px){
.dma-landing #mo_ajax_container > .firstx,
    .dma-landing .listitempage{ row-gap: 36px !important; column-gap: 28px !important; }
.dma-landing .listing_wrapper{
        flex: 0 1 calc((100% - 28px) / 2) !important;
        max-width: calc((100% - 28px) / 2) !important;
        width: calc((100% - 28px) / 2) !important;
    }
}
@media (max-width: 600px){
.dma-landing .listitempage{ row-gap: 28px !important; column-gap: 0 !important; }
.dma-landing .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
/* =============================================================================
   FILTER FINAL: navy borders only (no gold), keep +/- glyphs visible on hover
   ============================================================================= */

/* Force ALL borders inside the rail to navy/ink — kill any leftover gold tints */
.dma-landing .mo_filters .dropdown > .btn,
.dma-landing .mo_filters .dropdown-toggle,
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"],
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"],
.dma-landing .mo_filters .input-group,
.dma-landing .mo_filters .checkbox,
.dma-landing .mo_filters .checkbox.devmodex,
.dma-landing .mo_filters .btn-group.flat{
    border-color: rgba(14,27,42,0.10) !important;
}
.dma-landing .mo_filters .dropdown-toggle:hover,
.dma-landing .mo_filters input.mo_daterange:hover,
.dma-landing .mo_filters input#byname:hover,
.dma-landing .mo_filters .input-group:hover,
.dma-landing .mo_filters .checkbox:hover,
.dma-landing .mo_filters .checkbox.devmodex:hover{
    border-color: #0E1B2A !important;
}
.dma-landing .mo_filters .dropdown-toggle:focus,
.dma-landing .mo_filters .dropdown-toggle:focus-visible,
.dma-landing .mo_filters input.mo_daterange:focus,
.dma-landing .mo_filters input[name="datefilter"]:focus,
.dma-landing .mo_filters input#byname:focus,
.dma-landing .mo_filters input[name="byname"]:focus,
.dma-landing .mo_filters .input-group:focus-within{
    border-color: #1B3A57 !important;
    box-shadow: 0 0 0 3px rgba(27,58,87,0.10) !important;
}
/* Custom dropdown chevron — navy, not gold */
.dma-landing .mo_filters .dropdown-toggle::after{
    border-right-color: #0E1B2A !important;
    border-bottom-color: #0E1B2A !important;
}
/* Date / search SVG icons — navy stroke (re-emit the SVGs in ink) */
.dma-landing .mo_filters input.mo_daterange,
.dma-landing .mo_filters input[name="datefilter"]{
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E1B2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M16 3v4M8 3v4M3 10h18'/></svg>") !important;
}
.dma-landing .mo_filters input#byname,
.dma-landing .mo_filters input[name="byname"]{
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E1B2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") !important;
}
/* Active checkbox: navy fill (no gold) */
.dma-landing .mo_filters .checkbox:has(input:checked),
.dma-landing .mo_filters .checkbox.devmodex:has(input:checked){
    background: #0E1B2A !important;
    border-color: #0E1B2A !important;
}
/* Active segmented toggle: navy fill */
.dma-landing .mo_filters .btn-group.flat label.btn.active,
.dma-landing .mo_filters .btn-group.flat label.btn.btn-primary{
    background: #0E1B2A !important;
    color: #FFFFFF !important;
    border-color: #0E1B2A !important;
}
/* ---------- KEEP +/- GLYPHS VISIBLE ON HOVER ------------------------- */
/* The plugin sometimes wraps the symbol in a span/i; cascade color to all
   descendants and kill text-shadow/filter that may hide the glyph. */
.dma-landing .mo_filters .input-group .btn-number,
.dma-landing .mo_filters .input-group .btn-number *,
.dma-landing .mo_filters .input-group button,
.dma-landing .mo_filters .input-group button *{
    color: #0E1B2A !important;
    -webkit-text-fill-color: #0E1B2A !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.dma-landing .mo_filters .input-group .btn-number:hover,
.dma-landing .mo_filters .input-group .btn-number:hover *,
.dma-landing .mo_filters .input-group button:hover,
.dma-landing .mo_filters .input-group button:hover *{
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.dma-landing .mo_filters .input-group .btn-number:active,
.dma-landing .mo_filters .input-group .btn-number:active *{
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* =============================================================================
   MOBILE + DRAWER LAYER
   - Bootstrap 5 offcanvas drawers for filter (left) and nav (right)
   - Card spacing definitive fix using simpler flex math
   - Mobile breakpoints raised so phones+small tablets get 1 col
   - Hides desktop filter rail at <992px (delegating to drawer)
   ============================================================================= */

/* ---------- DESKTOP CARD SPACING — DEFINITIVE FIX ----------------------- */
/* Switch from calc-based widths to simpler flex-basis with gap doing the
   spacing math. flex: 0 0 cap so cards don't grow to fill row when fewer than 3. */
.dma-landing #mo_ajax_container > .firstx,
.dma-landing #mo_ajax_container > .morex,
.dma-landing .listitempage,
.dma-landing .firstx.listitempage,
.dma-landing .morex.listitempage{
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 48px !important;
    column-gap: 36px !important;
    margin: 0 !important;
    width: 100% !important;
    --bs-gutter-x: 0 !important;
    background: transparent !important;
}
/* Add a gap above any AJAX-loaded grid that follows another grid */
.dma-landing #mo_ajax_container > .listitempage + .listitempage,
.dma-landing #mo_ajax_container > .firstx + .morex,
.dma-landing #mo_ajax_container > .morex + .morex,
.dma-landing #mo_ajax_container > .morex{
    margin-top: 48px !important;
}
.dma-landing #mo_ajax_container > .firstx{
    margin-top: 0 !important;
}
.dma-landing .listing_wrapper{
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 calc(33.3333% - 24px) !important;   /* 24px = 2 gaps × 36px / 3 cards */
    max-width: calc(33.3333% - 24px) !important;
    width: calc(33.3333% - 24px) !important;
    --bs-gutter-x: 0 !important;
    background: transparent !important;
}
/* ---------- Island/area single: "Yachts available in <area>" section ----- *
 * single-island.php reuses the .dma-landing card grid (so cards look identical
 * to /explore/), but it's a content section, not the full landing page — trim
 * the landing base (no 60vh min-height) and style the section heading. */
.dma-island-yachts.dma-landing{
    min-height: 0 !important;
    padding: 8px 0 96px !important;
    background: transparent !important;
}
.dma-island-yachts.dma-landing .dma-landing__inner{
    max-width: 1440px !important;
    padding: 0 56px !important;
}
@media (max-width: 991px){
.dma-island-yachts.dma-landing .dma-landing__inner{ padding: 0 32px !important; }
}
@media (max-width: 768px){
.dma-island-yachts.dma-landing .dma-landing__inner{ padding: 0 20px !important; }
}
@media (max-width: 1199px){
.dma-landing #mo_ajax_container > .firstx,
    .dma-landing #mo_ajax_container > .morex,
    .dma-landing .listitempage{
        row-gap: 36px !important;
        column-gap: 28px !important;
    }
.dma-landing .listing_wrapper{
        flex: 0 0 calc(50% - 14px) !important;
        max-width: calc(50% - 14px) !important;
        width: calc(50% - 14px) !important;
    }
}
@media (max-width: 768px){
.dma-landing #mo_ajax_container > .firstx,
    .dma-landing #mo_ajax_container > .morex,
    .dma-landing .listitempage{
        row-gap: 32px !important;
        column-gap: 0 !important;
    }
.dma-landing .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 1199px){
.dma-landing .mt-3{
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
.dma-landing .mo_filters,
    .dma-landing #filters.mo_filters{
        /* When the filter is in the drawer, this rule wins. When on desktop
           layout (and mq removed it from drawer), nothing applies because
           min-width: 992px on the desktop block. */
    }
/* Make sure .mo_filters inside drawer is fully visible & full width */
    #dma-filter-target #filters.mo_filters,
    #dma-filter-target .mo_filters{
        display: block !important;
        background: transparent !important;
        border: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-shadow: none !important;
        position: static !important;
    }
#dma-filter-target #filtersContainer{
        padding: 0 !important;
        position: static !important;
    }
}
/* ---------- MOBILE/TABLET TOOLBAR (visible at <=1199px) --------------- */
.dma-landing__mobile-toolbar{ display: none; }
@media (max-width: 1199px){
.dma-landing__mobile-toolbar{
        display: flex;
        align-items: center;
        justify-content: flex-end; /* #15 — filter button sits on the right, above the thumbnails */
        gap: 12px;
        margin: 0 0 20px;
        padding: 0;
    }
}
.dma-filter-trigger{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: var(--xp-card, #FFFFFF);
    border: 1px solid var(--xp-ink, #0E1B2A);
    color: var(--xp-ink, #0E1B2A);
    border-radius: 999px;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 220ms cubic-bezier(.16,.84,.32,1), color 220ms cubic-bezier(.16,.84,.32,1);
    box-shadow: 0 1px 2px rgba(14,27,42,0.06);
}
.dma-filter-trigger:hover{
    background: var(--xp-ink, #0E1B2A);
    color: var(--xp-card, #FFFFFF);
}
.dma-filter-trigger svg{ display: block; }
.dma-filter-trigger__count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    margin-left: 4px;
    background: var(--xp-gold, #B89766);
    color: var(--xp-ink, #0E1B2A);
    border-radius: 999px;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
}
.dma-drawer__footer{
    padding: 18px 24px;
    border-top: 1px solid rgba(14,27,42,0.10);
    background: #FFFFFF;
    flex-shrink: 0;
}
.dma-drawer__done{
    display: block;
    width: 100%;
    padding: 14px 18px;
    background: var(--navy);
    color: var(--ivory);
    border: 0;
    border-radius: 4px;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 220ms cubic-bezier(.16,.84,.32,1);
}
.dma-drawer__done:hover{ background: var(--gold-deep, #9A7B4D); color: #FFFFFF; }
/* ---------- FILTER DRAWER ------------------------------------------- */
.dma-drawer--filter{
    width: 340px !important;
    max-width: 92vw !important;
    background: var(--ivory-2) !important;
    color: var(--txt);
}
/* Mariner has its own eyebrow + title + close-equivalent already; drop the
   drawer header so the mobile drawer matches the desktop sidebar exactly.
   The X close button is re-projected as a floating control in the corner. */
.dma-drawer--filter .dma-drawer__header{
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;                /* must beat the body's scrolling content */
}
.dma-drawer--filter .dma-drawer__header .dma-drawer__eyebrow{ display: none !important; }
/* Give the X its own opaque pill so scrolling content can't bleed through it and
   so it visually separates from the CLEAR (n) button next to it. */
.dma-drawer--filter .dma-drawer__close{
    width: 36px !important;
    height: 36px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(14, 27, 42, 0.10) !important;
    box-shadow: 0 2px 6px rgba(14, 27, 42, 0.08) !important;
    color: var(--navy, #0E1B2A) !important;
}
.dma-drawer--filter .dma-drawer__close:hover{
    background: var(--navy, #0E1B2A) !important;
    border-color: var(--navy, #0E1B2A) !important;
    color: var(--ivory, #F4EFE6) !important;
}
/* Push the first content row inside the drawer body down so it doesn't collide
   with the floating X. CLEAR(n) lives in that first row. */
.dma-drawer--filter .dma-drawer__body{ padding: 0 !important; padding-top: 56px !important; }
.dma-drawer--filter .dma-drawer__filter-mount{
    /* The plugin's #filters element gets moved in here at <992px */
    width: 100%;
}
/* Inside the drawer, let Mariner fill the full width — desktop sticky/max-width
   doesn't apply here. */
#dma-filter-target .mariner-filter{
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
}
/* When mounted in drawer, override any leftover desktop styles on #filters */
.dma-drawer--filter #filters,
.dma-drawer--filter #filtersContainer{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
}
.dma-drawer--filter #filtersContainer::before{
    /* The "Refine search" pseudo eyebrow already exists on the desktop filter
       — hide it inside the drawer because the drawer header already has its
       own "REFINE SEARCH" eyebrow. */
    display: none !important;
}
@media (max-width: 768px){
.dma-landing__hero{
        padding: 100px 22px 40px !important;
    }
.dma-landing__hero-inner{
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        align-items: start !important;
    }
.dma-landing__title{
        font-size: clamp(36px, 9vw, 56px) !important;
    }
.dma-landing__hero-meta{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding-bottom: 0 !important;
    }
.dma-landing__stat{
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 12px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(244,239,230,0.18) !important;
        padding: 12px 0 0 0 !important;
        min-width: 0 !important;
        width: 100% !important;
    }
.dma-landing__stat-value{
        font-size: 28px !important;
        flex: 0 0 auto !important;
    }
.dma-landing__stat-label{
        line-height: 1.3 !important;
        flex: 1 1 auto !important;
    }
.dma-landing__stat-label br{ display: none; }
/* --- mobile: hide the hero stats block (2,231 / 33 / 22) — wastes vertical space --- */
    .dma-landing__hero-meta{ display: none !important; }
/* Mobile: keep the FILTERS button inline at the top-right, ABOVE the thumbnails
       (mo #15) — same placement as tablet — with a slightly larger tap target.
       (Was previously a fixed bottom-left pill, which diverged from mo's requested
       placement and floated over card content.) */
    .dma-filter-trigger{
        padding: 13px 22px !important;
        font-size: 12px !important;
    }
}
@media (max-width: 480px){
.dma-landing__hero{ padding: 90px 18px 32px !important; }
.dma-landing__title{ font-size: clamp(32px, 10vw, 44px) !important; }
}
@media (max-width: 768px){
.dma-landing .mo_quick_pricerange{
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 16px 18px !important;
        gap: 8px !important;
        position: relative !important;
        margin: 0 0 24px !important;
    }
.dma-landing .mo_quick_pricerange::-webkit-scrollbar{ display: none; }
.dma-landing .mo_quick_pricerange h3{
        flex: 0 0 auto !important;
        margin: 0 12px 0 0 !important;
        padding-right: 12px !important;
    }
.dma-landing .mo_quick_pricerange .mo_pricerange_btn,
    .dma-landing .mo_quick_pricerange .btn{
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 991px){
.dma-landing__inner{ max-width: 100% !important; padding: 0 22px !important; }
.dma-landing > .dma-landing__inner{ padding-top: 28px !important; }
}
@media (max-width: 600px){
.dma-landing__inner{ max-width: 100% !important; padding: 0 16px !important; }
}
@media (max-width: 991px){
.dma-drawer--filter .mo_filters .dropdown-menu.mo{
        max-height: 220px !important;
    }
}
/* ---------- WHEN FILTER IS IN DRAWER, override sidebar-only styles -- */
.dma-drawer--filter .mo_filters .filtersContainer{
    padding: 0 !important;
}
.dma-drawer--filter .mo_filters #filtersContainer::before{ display: none !important; }
/* Mobile drawer — mirror the theme-aligned filter styling (boosted specificity
   so it wins regardless of any plugin CSS loading after style.css). */
.dma-drawer--filter .mo_filters .filterCheckboxes,
.dma-drawer--filter .mo_filters .filterSlider{
    border: 0 !important;
    background: transparent !important;
    padding: 18px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--rule) !important;
    box-shadow: none !important;
}
.dma-drawer--filter .mo_filters .filterCheckboxes:last-child,
.dma-drawer--filter .mo_filters .filterSlider:last-child{ border-bottom: 0 !important; }
.dma-drawer--filter .mo_filters .panel-heading{
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 12px !important;
}
.dma-drawer--filter .mo_filters .panel-body{
    padding: 0 !important;
    background: transparent !important;
}
.dma-drawer--filter .mo_filters h3.panel-title{
    font-family: var(--mono) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--txt-2, #4a5566) !important;
    margin: 0 0 10px !important;
}
.dma-drawer--filter .mo_filters .location_menu,
.dma-drawer--filter .mo_filters .dropdown > .btn,
.dma-drawer--filter .mo_filters select,
.dma-drawer--filter .mo_filters .mo_daterange,
.dma-drawer--filter .mo_filters input[name="datefilter"]{
    width: 100% !important;
    font-family: var(--sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: transparent !important;
    border: 1px solid var(--rule) !important;
    border-radius: 0 !important;
    color: var(--txt) !important;
    padding: 12px 16px !important;
    text-align: left !important;
    box-shadow: none !important;
}
.dma-drawer--filter .mo_filters .location_menu:hover,
.dma-drawer--filter .mo_filters .dropdown > .btn:hover{
    border-color: var(--navy) !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat label,
.dma-drawer--filter .mo_filters .btn-group.flat .btn-clean{
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 14px 10px !important;
    background: transparent !important;
    border: 1px solid var(--rule) !important;
    border-radius: 0 !important;
    color: var(--txt) !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat .selecticon{
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    opacity: 0.85 !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat .type_caption{
    font: inherit !important;
    color: inherit !important;
    margin: 0 !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat label > input[type="checkbox"]{ display: none !important; }
.dma-drawer--filter .mo_filters .btn-group.flat label.active,
.dma-drawer--filter .mo_filters .btn-group.flat label.btn.active,
.dma-drawer--filter .mo_filters .btn-group.flat .btn.active{
    background: var(--navy) !important;
    border-color: var(--navy) !important;
    color: var(--ivory) !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat label.active .type_caption,
.dma-drawer--filter .mo_filters .btn-group.flat .btn.active .type_caption{
    color: var(--ivory) !important;
}
.dma-drawer--filter .mo_filters .btn-group.flat label.active .selecticon,
.dma-drawer--filter .mo_filters .btn-group.flat .btn.active .selecticon{
    filter: invert(1) brightness(2) !important;
    opacity: 1 !important;
}
.dma-drawer--filter .mo_filters .input-group{
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}
.dma-drawer--filter .mo_filters .input-group .btn-number{
    background: transparent !important;
    border: 1px solid var(--rule) !important;
    border-radius: 0 !important;
    color: var(--txt) !important;
    padding: 0 14px !important;
    font-family: var(--serif) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    min-width: 44px !important;
    box-shadow: none !important;
}
.dma-drawer--filter .mo_filters .input-group .btn-number:hover{
    background: var(--navy) !important;
    color: var(--ivory) !important;
    border-color: var(--navy) !important;
}
.dma-drawer--filter .mo_filters .input-group .form-control,
.dma-drawer--filter .mo_filters .input-group input[type="text"],
.dma-drawer--filter .mo_filters .input-group input[type="number"]{
    flex: 1 !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: 16px !important;
    background: transparent !important;
    border: 1px solid var(--rule) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    color: var(--txt) !important;
    padding: 8px !important;
    box-shadow: none !important;
}
.dma-drawer--filter .mo_filters .input-group .form-control:focus{
    outline: 0 !important;
    border-color: var(--navy) !important;
    box-shadow: none !important;
}
.dma-drawer--filter .mo_filters .checkbox.devmodex{
    display: inline-flex !important;
    margin: 0 8px 8px 0 !important;
    padding: 0 !important;
}
.dma-drawer--filter .mo_filters .checkbox.devmodex label{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 8px 14px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--txt) !important;
    background: transparent !important;
    border: 1px solid var(--rule) !important;
    border-radius: 999px !important;
    margin: 0 !important;
}
.dma-drawer--filter .mo_filters .checkbox.devmodex input[type="checkbox"]{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
.dma-drawer--filter .mo_filters .checkbox.devmodex:has(input:checked) label{
    background: var(--navy) !important;
    border-color: var(--navy) !important;
    color: var(--ivory) !important;
}
@media (max-width: 600px){
.dma-landing .previousdock,
    .dma-landing .nextdock{
        width: 100% !important;
        padding: 14px 18px !important;
        font-size: 9px !important;
    }
.dma-landing #mo_ajax_container > .col.text-center{
        margin-bottom: 24px !important;
    }
}
@media (max-width: 768px){
.dma-brokers__grid .col-md-4,
    .dma-brokers__grid .digislide,
    .dma-brokers__grid .col{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
.dma-brokers__grid .container,
    .dma-brokers__grid .col-md-4 > .container,
    .dma-brokers__grid .digislide > .container{
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
    }
}
.dma-brokers__grid .col-md-4,
.dma-brokers__grid .digislide,
.dma-brokers__grid .col{
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* =============================================================================
   OVERRIDES — defeat dma_mo/dma.css ID-specificity gold borders, and fix
   yacht-grid spacing (cards live inside an intermediate .row, so gap must be
   applied there, not on .listitempage).
   ============================================================================= */

/* Kill the gold ring on every filter input — beats #filters input (1,0,1)
   with #filters.mo_filters ... (1,1,1+). */
.dma-landing #filters.mo_filters input,
.dma-landing #filters.mo_filters input:hover,
.dma-landing #filters.mo_filters input:focus,
.dma-landing #filters.mo_filters input:focus-visible,
.dma-landing #filters.mo_filters input:invalid,
.dma-landing #filters.mo_filters input:required,
.dma-landing #filters.mo_filters select,
.dma-landing #filters.mo_filters .input-group,
.dma-landing #filters.mo_filters .input-group:hover,
.dma-landing #filters.mo_filters .input-group:focus-within,
.dma-landing #filters.mo_filters .dropdown-toggle,
.dma-landing #filters.mo_filters .dropdown-toggle:hover,
.dma-landing #filters.mo_filters .dropdown-toggle:focus,
.dma-landing #filters.mo_filters .dropdown-toggle:focus-visible{
    border-color: var(--rail-rule-2, rgba(239,231,214,0.18)) !important;
    outline: 0 !important;
    box-shadow: none !important;
}
/* The .input-number children get borders from the cascade as well; flatten. */
.dma-landing #filters.mo_filters .input-group .input-number,
.dma-landing #filters.mo_filters .input-group .plusminus,
.dma-landing #filters.mo_filters .input-group .input-number:hover,
.dma-landing #filters.mo_filters .input-group .input-number:focus{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
/* Pill checkboxes (Jetski/Jacuzzi/etc.) — kill gold hover ring */
.dma-landing #filters.mo_filters .checkbox,
.dma-landing #filters.mo_filters .checkbox:hover,
.dma-landing #filters.mo_filters .checkbox.devmodex,
.dma-landing #filters.mo_filters .checkbox.devmodex:hover{
    border-color: var(--rail-rule-2, rgba(239,231,214,0.18)) !important;
    box-shadow: none !important;
}
/* Yacht grid lives inside .listitempage > .row > .listing_wrapper. The .row
   is what actually holds the cards as flex children — so gap goes here. */
.dma-landing .listitempage > .row,
.dma-landing .firstx > .row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 36px !important;
    margin: 0 !important;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    width: 100% !important;
}
.dma-landing .listitempage > .row > .listing_wrapper,
.dma-landing .firstx > .row > .listing_wrapper{
    flex: 1 1 calc(33.333% - 24px) !important;
    max-width: calc(33.333% - 24px) !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 1300px){
.dma-landing .listitempage > .row > .listing_wrapper,
    .dma-landing .firstx > .row > .listing_wrapper{
        flex: 1 1 calc(50% - 18px) !important;
        max-width: calc(50% - 18px) !important;
    }
}
@media (max-width: 600px){
.dma-landing .listitempage > .row > .listing_wrapper,
    .dma-landing .firstx > .row > .listing_wrapper{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
/* =============================================================================
   CHIP STRIP — tighten the gap above the "Unlock more" button, and make sure
   the strip renders on tablet/phone.
   ============================================================================= */

/* Kill the bottom margin/padding on the chip strip and trim the divider band
   below so the chips sit close to the next region. */
.dma-landing .mo_quick_pricerange{
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}
.dma-landing .mo_results > .col-md-12 > .col{
    padding: 0 !important;
    margin: 0 !important;
}
.dma-landing #mo_ajax_container > .col.text-center{
    padding: 12px 0 !important;
    margin: 14px 0 18px !important;
    border-top: 1px solid var(--xp-rule) !important;
    border-bottom: 1px solid var(--xp-rule) !important;
}
@media (max-width: 991px){
.dma-landing .mo_quick_pricerange,
    .dma-landing .mo_results,
    .dma-landing .mo_results > .col-md-12,
    .dma-landing .mo_results > .col-md-12 > .col{
        display: block !important;
    }
.dma-landing .mo_quick_pricerange{
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 0 12px !important;
        overflow: visible !important;
    }
.dma-landing .mo_quick_pricerange > .col-md-12{
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
.dma-landing .mo_quick_pricerange .mo_pricerange_btn,
    .dma-landing .mo_quick_pricerange .btn{
        flex: 0 0 auto !important;
    }
}
@media (max-width: 991px){
.dma-landing .mo_quick_pricerange,
    .dma-landing .mo_results > .col-md-12:has(.mo_quick_pricerange),
    .dma-landing #mo_ajax_container > .col.text-center,
    .dma-landing .previousdock,
    .dma-landing .nextdock{
        display: none !important;
    }
}
/* =============================================================================
   MOBILE FILTER DRAWER — wrapper reset only
   When #filters is relocated into #dma-filter-target, ensure the .mo_filters
   wrapper itself has no padding/border/background. The inner plugin UI is
   hidden by mariner-filter.css; Mariner provides all visual styling.
   ============================================================================= */
#dma-filter-target .mo_filters{
    background: transparent !important;
    color: var(--txt) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
    position: static !important;
}
#dma-filter-target .mo_filters::before,
#dma-filter-target .mo_filters::after{
    display: none !important;
    content: none !important;
}
/* Wipe all the old card chrome and column borders. Each card is now naked. */
body .dma-brokers__grid .col-md-4,
body .dma-brokers__grid .digislide,
body .dma-brokers__grid .col{
  counter-increment: roster;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transition: transform 500ms cubic-bezier(.2,.7,.2,1) !important;
}
/* The inner .container Bootstrap wrap — strip every default to zero */
body .dma-brokers__grid .col-md-4 > .container,
body .dma-brokers__grid .digislide > .container,
body .dma-brokers__grid .col > .container{
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* ============================================================
   EXPLORE/LISTING FIXED BOTTOM BAR — mirrors the single-yacht bar.
   FILTER (ghost) opens #dma-filter-drawer; START NOW (teal) opens the
   typeform (#mo-inquiry-popup) via .dma-inquiry-trigger. Two equal
   buttons spanning the row. Mobile/tablet only (<=1199px); desktop has
   the inline sidebar filter + header CTA. z-index 900: above content,
   below the open drawer (1080), modals and the chat.
   ============================================================ */
.dma-explore-bottombar{ display: none; }
@media (max-width: 1199px){
.dma-explore-bottombar{
    display: flex; gap: 10px; align-items: stretch;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(244,246,248,0.96);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    border-top: 1px solid var(--rule);
    box-shadow: 0 -4px 24px rgba(14,27,42,0.14);
  }
.dma-explore-bottombar .btn{
    flex: 1 1 0; min-width: 0; min-height: 46px; padding: 0 12px; gap: 7px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px; letter-spacing: 0.08em; white-space: nowrap;
  }
.dma-explore-bottombar__count{
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 18px; height: 18px; padding: 0 5px; margin-left: 2px;
    background: var(--navy); color: #fff; border-radius: 999px;
    font-size: 10px; font-weight: 700; letter-spacing: 0;
  }
}