/* ═══════════════════════════════════════════════════════════════
   LUXURY WHITE (v10) — matches the approved white homepage design
   Loaded AFTER luxury-dark.css only when mla_v10 cookie / ?v10=1.
   Tokens: white bg · #141412 ink · light-gray surfaces · dark buttons
   Fonts: Clash Display (display) + Instrument Sans (body)
   Delete the conditional include in head.blade.php to remove.
   ═══════════════════════════════════════════════════════════════ */

   :root{
    --w-bg:#FFFFFF; --w-bg2:#F7F6F4; --w-ink:#141412; --w-dim:#6B6963;
    --w-line:#E8E6E1; --w-line2:#D9D6CF; --w-dark:#0B0B09; --w-gold:#C9A84C;
    --w-disp:'Figtree',system-ui, sans-serif;
    --w-sans:'Instrument Sans','Barlow',system-ui,sans-serif;
  }
  
  /* ── base ─────────────────────────────────────────── */
  html,body{background:var(--w-bg) !important;color:var(--w-ink) !important;}
  body, p, li, span, div, a, td, th, label, input, select, textarea, button, summary, small{
    font-family:var(--w-sans) !important; color:inherit;
  }
  h1,h2,h3,h4,h5,.section-title,.title,.heading{
    font-family:var(--w-disp) !important; color:var(--w-ink) !important;
    font-weight:600 !important; letter-spacing:-.02em;
  }
  p{color:var(--w-dim) !important;}
  a{color:var(--w-ink) !important;}
  a:hover{color:var(--w-dark) !important;}
  section, .section, main, .main-content, .page-content, .content-area,
  .container-fluid, .inner-page, .listing-page{
    background:transparent !important;
  }
  
  /* generic dark-surface neutraliser: anything the dark theme painted near-black goes white */
  [class*="dark"], .bg-dark, .black-bg{background:var(--w-bg) !important;color:var(--w-ink) !important;}
  
  /* ── header / nav ─────────────────────────────────── */
  header:not(.site-header), .header, .navbar, .nav-bar, .top-bar, .menu-bar, .header-area{
    background:var(--w-bg) !important; border-bottom:1px solid var(--w-line) !important;
    box-shadow:none !important;
  }
  .site-header{
    background:transparent !important; border-bottom-color:transparent !important;
    box-shadow:none !important;
  }
  header a, .navbar a, .header a, .menu a, nav a{color:var(--w-ink) !important;}
  header a:hover, .navbar a:hover, nav a:hover{color:var(--w-dark) !important; opacity:.7;}
  .header-mob, .mobile-header, .mobile-menu, .offcanvas, .side-menu{
    background:var(--w-bg) !important; color:var(--w-ink) !important;
  }
  .mobile-menu a, .offcanvas a, .side-menu a{color:var(--w-ink) !important;}
  /* hamburger lines */
  .menu-toggle span, .hamburger span, .navbar-toggler span{background:var(--w-ink) !important;}
  
  /* ── footer ───────────────────────────────────────── */
  footer, .site-footer, .footer, .footer-area, .footer-widget, .copyright, .footer-bottom{
    background:var(--w-bg2) !important; color:var(--w-dim) !important;
    border-top:1px solid var(--w-line) !important;
  }
  footer a, .footer a{color:var(--w-ink) !important;}
  footer h1, footer h2, footer h3, footer h4, footer h5, .footer h4{color:var(--w-ink) !important;}
  footer p, .footer p, .copyright p{color:var(--w-dim) !important;}
  
  /* ── cards / villa tiles / listings ───────────────── */
  .card, .property-card, .villa-card, .listing-card, .item-card, .box, .info-box,
  .property-box, .property-item, .grid-item, .villa-item, .amenity-box, .review-card,
  .testimonial, .testimonial-box, .faq-box, .accordion-item{
    background:var(--w-bg) !important; border:1px solid var(--w-line) !important;
    color:var(--w-ink) !important; box-shadow:0 1px 2px rgba(20,20,18,.04) !important;
    border-radius:14px;
  }
  .card h1,.card h2,.card h3,.card h4,.property-card h3,.listing-card h3{color:var(--w-ink) !important;}
  .price, .property-price, .amount, .rate{color:var(--w-ink) !important;}
  
  /* ── buttons: dark primary (Andrew's style), gold reserved for BOOK ── */
  .btn, .button, button[type=submit], .theme-btn, .main-btn, .site-btn, input[type=submit]{
    background:var(--w-dark) !important; color:#fff !important;
    border:none !important; border-radius:8px !important;
    font-family:var(--w-sans) !important; font-weight:500 !important;
    box-shadow:none !important; text-shadow:none !important;
  }
  .btn:hover, .button:hover, .theme-btn:hover{background:#26241f !important; color:#fff !important;}
  /* primary booking actions stay gold */
  .book-now, .book-btn, .btn-book, .reserve-btn, a.book-now.sticky, .book-now-mob a{
    background:var(--w-gold) !important; color:#141006 !important;
    border:none !important; font-weight:600 !important;
  }
  .book-now:hover, .book-btn:hover{background:#E4C878 !important; color:#141006 !important;}
  .btn-outline, .outline-btn, .btn-border{
    background:transparent !important; color:var(--w-ink) !important;
    border:1px solid var(--w-line2) !important;
  }
  
  /* ── forms / inputs ───────────────────────────────── */
  input, select, textarea, .form-control{
    background:var(--w-bg) !important; color:var(--w-ink) !important;
    border:1px solid var(--w-line2) !important; border-radius:8px !important;
  }
  input::placeholder, textarea::placeholder{color:#A5A29A !important;}
  input:focus, select:focus, textarea:focus, .form-control:focus{
    border-color:var(--w-ink) !important; box-shadow:0 0 0 3px rgba(20,20,18,.08) !important;
  }
  label{color:var(--w-ink) !important;}
  
  /* ── CALENDAR / datepicker: white + light gray (user spec) ── */
  .datepicker, .datepicker-dropdown, .ui-datepicker, .daterangepicker,
  .calendar, .cal, .datepicker table, .fc, .fc-view-harness{
    background:var(--w-bg) !important; color:var(--w-ink) !important;
    border:1px solid var(--w-line) !important; box-shadow:0 12px 40px -12px rgba(20,20,18,.18) !important;
    border-radius:12px !important;
  }
  .datepicker table tr td, .datepicker table tr th,
  .ui-datepicker td a, .ui-datepicker th, .daterangepicker td, .daterangepicker th,
  .cal-day, .day{
    background:var(--w-bg) !important; color:var(--w-ink) !important;
    border-radius:8px !important;
  }
  .datepicker table tr td.day:hover, .ui-datepicker td a:hover,
  .daterangepicker td.available:hover, .cal-day:hover{
    background:var(--w-bg2) !important; color:var(--w-ink) !important;
  }
  /* selected date = dark ink block */
  .datepicker table tr td.active, .datepicker table tr td.active:hover,
  .ui-datepicker td a.ui-state-active, .daterangepicker td.active,
  .daterangepicker td.active:hover, .cal-day.sel, .day.selected{
    background:var(--w-dark) !important; color:#fff !important;
  }
  /* in-range = light gray band */
  .datepicker table tr td.range, .daterangepicker td.in-range, .cal-day.mid{
    background:var(--w-bg2) !important; color:var(--w-ink) !important;
  }
  /* disabled / booked */
  .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover,
  .ui-datepicker .ui-state-disabled, .daterangepicker td.off,
  .daterangepicker td.disabled, .cal-day.dis, .day.disabled, td.not-available{
    background:var(--w-bg) !important; color:#C9C6BF !important;
    text-decoration:line-through; opacity:1 !important;
  }
  /* month header + arrows: dark on white (kills the gold arrows) */
  .datepicker .datepicker-switch, .datepicker th, .ui-datepicker-header,
  .daterangepicker .drp-calendar th, .month-name, .cal-head{
    background:var(--w-bg) !important; color:var(--w-ink) !important;
  }
  .datepicker th.prev, .datepicker th.next, .ui-datepicker-prev, .ui-datepicker-next,
  .cal-nav, .cal-arrow{
    color:var(--w-ink) !important; background:var(--w-bg) !important; filter:none !important;
  }
  
  /* ── badges / pills / labels ──────────────────────── */
  .badge, .pill, .tag, .label, .chip{
    background:var(--w-bg2) !important; color:var(--w-ink) !important;
    border:1px solid var(--w-line) !important;
  }
  
  /* ── alternating sections rhythm like the white homepage ── */
  .section-alt, .gray-section, .bg-section, .amenities-section, .review-section{
    background:var(--w-bg2) !important;
  }
  
  /* ── misc dark-theme artifacts ────────────────────── */
  hr{border-color:var(--w-line) !important;}
  .overlay, .dark-overlay{background:rgba(255,255,255,0) !important;}
  .breadcrumb, .breadcrumb-area, .page-title-area, .banner-header{
    background:var(--w-bg2) !important; color:var(--w-ink) !important;
  }
  .breadcrumb a, .page-title-area a{color:var(--w-ink) !important;}
  .breadcrumb h1, .page-title-area h1, .banner-header h1{color:var(--w-ink) !important; text-shadow:none !important;}
  ::selection{background:rgba(20,20,18,.12);}
  img{filter:none !important;}
  .swiper-pagination-bullet{background:var(--w-ink) !important;}
  .swiper-button-next, .swiper-button-prev{color:var(--w-ink) !important;}
  
  /* floating chat / call buttons keep contrast */
  .floating-call, .float-btn, .whatsapp-btn{
    background:var(--w-dark) !important; color:#fff !important;
  }
  
  /* ── villas list page specifics (list-banner, search bar, mobile nav) ── */
  .list-banner, .listing-banner, .archive-banner{background:var(--w-bg2) !important;color:var(--w-ink) !important;}
  .list-banner h1,.list-banner h2,.list-banner p{color:var(--w-ink) !important;text-shadow:none !important;}
  .search-bar, .search-bar-inner, .filter-bar, .filters{background:var(--w-bg) !important;border:1px solid var(--w-line) !important;border-radius:12px;}
  .search-bar select, .search-bar input, .search-bar .form-control{background:var(--w-bg) !important;color:var(--w-ink) !important;border-color:var(--w-line2) !important;}
  .mobile-nav, .menu-bar-in, .nav-overlay{background:var(--w-bg) !important;color:var(--w-ink) !important;}
  .mobile-nav a, .menu-bar-in a{color:var(--w-ink) !important;}
  .property-listing, .listing-grid, .properties-wrap{background:transparent !important;}
  
  /* ── HotelDatepicker (the site's ACTUAL calendar) — white / light gray / dark-ink selection ── */
  .datepicker{background:#FFFFFF !important;border:1px solid var(--w-line) !important;color:var(--w-ink) !important;
    box-shadow:0 24px 60px -24px rgba(20,20,18,.25) !important;}
  .datepicker__inner{background:transparent !important;}
  .datepicker__topbar{color:var(--w-ink) !important;}
  .datepicker__info--selected{color:var(--w-ink) !important;}
  .datepicker__month{color:var(--w-ink) !important;}
  .datepicker__month-caption{color:var(--w-ink) !important;border-bottom:1px solid var(--w-line) !important;}
  .datepicker__week-days th, .datepicker__week-name{color:#A5A29A !important;}
  .datepicker__month-day{color:var(--w-ink) !important;background:transparent !important;}
  .datepicker__month-day--valid{color:var(--w-ink) !important;}
  .datepicker__month-day--valid:hover{background:var(--w-bg2) !important;color:var(--w-ink) !important;}
  .datepicker__month-day--hovering{background:#EFEDE8 !important;color:var(--w-ink) !important;}
  .datepicker__month-day--selected{background:#EFEDE8 !important;color:var(--w-ink) !important;}
  .datepicker__month-day--first-day-selected,
  .datepicker__month-day--last-day-selected{background:var(--w-dark) !important;color:#fff !important;}
  .datepicker__month-day--disabled, .datepicker__month-day--invalid,
  .datepicker__month-day--no-checkin, .datepicker__month-day--no-checkout{color:#C9C6BF !important;}
  .datepicker__month-day--today{color:var(--w-ink) !important;background:transparent !important;box-shadow:none !important;font-weight:600;}
  .datepicker__month-button{color:var(--w-ink) !important;background:#fff !important;border:1px solid var(--w-line2) !important;}
  .datepicker__month-button:hover{border-color:var(--w-ink) !important;}
  .datepicker__close-button, .datepicker__clear-button{background:#fff !important;color:var(--w-ink) !important;border:1px solid var(--w-line2) !important;}
  .datepicker__close-button:hover, .datepicker__clear-button:hover{border-color:var(--w-ink) !important;}
  .datepicker__tooltip{background:var(--w-dark) !important;color:#fff !important;}
  /* the gray plates around villa cards/reviews from dark theme */
  .property-list, .reviews-list{background-color:#FFFFFF !important;border:1px solid var(--w-line) !important;}
  
  /* ID-scoped mirror: luxury-dark uses #datepicker-demo17 (higher specificity than a class) */
  #datepicker-demo17.datepicker, [id^="datepicker-"].datepicker{background:#FFFFFF !important;}
  /* villa calendar — today + selected (must beat hotel-datepicker color:#fff on .--selected) */
  html.mla-villa #datepicker-demo17 .datepicker__month-day--today:not(.datepicker__month-day--first-day-selected):not(.datepicker__month-day--last-day-selected):not(.datepicker__month-day--selected){
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#141412 !important;
    font-weight:600 !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--today.datepicker__month-day--selected:not(.datepicker__month-day--first-day-selected):not(.datepicker__month-day--last-day-selected){
    color:#141412 !important;
    background:linear-gradient(#F2F0EC,#F2F0EC) center / 100% 28px no-repeat !important;
    font-weight:500 !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--selected{
    background:linear-gradient(#F2F0EC,#F2F0EC) center / 100% 28px no-repeat !important;
    color:#141412 !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--first-day-selected{
    background:
      radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%),
      linear-gradient(#F2F0EC,#F2F0EC) 100% 50% / 50% 28px no-repeat !important;
    color:#fff !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--last-day-selected{
    background:
      radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%),
      linear-gradient(#F2F0EC,#F2F0EC) 0 50% / 50% 28px no-repeat !important;
    color:#fff !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--first-day-selected.datepicker__month-day--last-day-selected{
    background:radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%) !important;
    color:#fff !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--today.datepicker__month-day--first-day-selected{
    background:
      radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%),
      linear-gradient(#F2F0EC,#F2F0EC) 100% 50% / 50% 28px no-repeat !important;
    color:#fff !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--today.datepicker__month-day--last-day-selected{
    background:
      radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%),
      linear-gradient(#F2F0EC,#F2F0EC) 0 50% / 50% 28px no-repeat !important;
    color:#fff !important;
  }
  html.mla-villa #datepicker-demo17 .datepicker__month-day--today.datepicker__month-day--first-day-selected.datepicker__month-day--last-day-selected{
    background:radial-gradient(14px 14px at 50% 50%, #0B0B09 99%, transparent 100%) !important;
    color:#fff !important;
  }
  /* villa page booking box (dark bg comes from the base theme) */
  .booking-box{background:#FFFFFF !important;border:1px solid var(--w-line) !important;color:var(--w-ink) !important;
    box-shadow:0 1px 2px rgba(20,20,18,.05) !important;border-radius:14px !important;}
  .booking-box label, .booking-box .price, .booking-box h3, .booking-box h4, .booking-box span{color:var(--w-ink) !important;}
  .booking-box input, .booking-box select{background:#fff !important;color:var(--w-ink) !important;border-color:var(--w-line2) !important;}
  /* Beat details.css + luxury-dark booking fields even before/without .mla-villa JS (live FOUC). */
  section.details .booking-box{background:#FFFFFF !important;color:var(--w-ink) !important;}
  section.details .booking-box h4,
  section.details .booking-box label,
  section.details .booking-box .prc,
  section.details .booking-box .prc *{color:var(--w-ink) !important;}
  section.details .booking-box input.form-control,
  section.details .booking-box select,
  section.details .booking-box .booking_form .form-control,
  .booking_form .form-control,
  .booking_form input[type=text]{
    background:#fff !important;color:var(--w-ink) !important;border-color:var(--w-line2) !important;
  }
  section.details .booking-box input.form-control:focus,
  section.details .booking-box input.form-control:focus-visible,
  .booking_form .form-control:focus{
    background:#fff !important;color:var(--w-ink) !important;border-color:var(--w-line2) !important;
  }
  section.details .booking-box input::placeholder{color:rgba(18,18,17,.4) !important;}
  html.mla-villa .guest-counter-control,
  .mla-villa .guest-counter-control{
    background-color:#fff !important;border-color:rgba(18,18,17,.16) !important;
  }
  html.mla-villa input.gst,
  html.mla-villa input[type=number].gst,
  .mla-villa input.gst,
  .mla-villa input[type=number].gst{
    background-color:transparent !important;color:#121211 !important;border-color:transparent !important;
  }
  
  
  /* ═══ INVISIBLE-TEXT FIXES (found by visual audit, verified white-on-white) ═══ */
  
  /* 1. villa card specs "12 Guests / 6 Bedrooms / 3 Baths" — the white retrofit
        patched h3+p but MISSED li, so 60 elements rendered white on white. */
  section.properties-list .property-list li,
  section.properties-list .property-list ul.list-amenity li,
  section.properties-list .property-list ul.list-amenity li span,
  .details-content ul.amenity li,
  .details-content ul.amenity li span,
  .property-list .list-content li,
  .property-list .list-content li span{
    color:#141412 !important;
  }
  
  /* 2. the SEO copy block on the villas list — dark-theme --primary-color on white */
  .long-sec, .long-sec p, .long-sec li, .long-sec ul li, .long-sec strong, .long-sec h2, .long-sec h3, .long-sec h4{
    color:#141412 !important;
  }
  .long-sec p, .long-sec li{ color:#3a3a37 !important; }
  
  /* 3. any other element still inheriting a dark-theme text token on a light bg */
  [style*="ECE8E1"], .text-white:not(.banner-header *):not(.hero *){ color:#141412 !important; }
  
  /* ═══ dark leftovers found on the villa page (measured, not guessed) ═══ */
  /* mobile sticky book bar + the booking box column were still painted near-black
     while their text had been turned dark by the white theme = unreadable */
  .book-now-mob{ background:#FFFFFF !important; border-top:1px solid var(--w-line) !important;
    box-shadow:0 -4px 18px -8px rgba(20,20,18,.18) !important; }
  .book-now-mob .price, .book-now-mob .price *{ color:var(--w-ink) !important; }
  .col-4.details-amenities, .details-amenities{ background:#FFFFFF !important; }
  .booking-box, .booking-form{ background:#FFFFFF !important; }
  .booking-box h4.prc, .booking-box .prc, .booking-box .prc *{ color:var(--w-ink) !important; }
  /* datepicker instruction text was 1.92:1 — it tells people what to do */
  .datepicker__info--feedback, .datepicker__info--help, .datepicker__info{
    color:#4A4844 !important; }
  
  /* villas-list search bar: "Check Availability" button + guest stepper were
     styled for the dark theme (1.34:1 / 2.99:1 measured on white) */
  .check-availability, .check-availability p, .search-bar .btn p, .search-btn p{
    color:#FFFFFF !important; }
  .check-availability, .search-btn{ background:var(--w-dark) !important; border:none !important; }
  .guest-input-wrapper button{ color:#141412 !important; }
  
  /* the search-bar CELLS themselves were still near-black (rgb 45,45,45) while
     their text had been turned dark — measured on the rendered page */
  .col-3.check, .check, .check-in, .check-out, .check.guests, .guests,
  .check-detail, .guest-detail, .guest-input-wrapper, .datepicker-common-2{
    background:#FFFFFF !important; }
  .check input, .check-detail input{ background:#FFFFFF !important; color:var(--w-ink) !important;
    border:1px solid var(--w-line2) !important; }
  .check i, .check-detail i{ color:var(--w-gold) !important; }
  
  /* ═══════════════════════════════════════════════════════════
     v12 redesign — villa list + villa page match the landing
     (style.css is linked after this file on both pages; these
     rules do the page-specific work on top of it)
     ═══════════════════════════════════════════════════════════ */
  
  /* ── both pages: landing-style header (no menu links) ── */
  .mla-list .navbar-nav, .mla-villa .deskheader .navbar-nav{ display:none; }
  .mla-list .deskheader, .mla-villa .deskheader{ border-bottom:1px solid rgba(18,18,17,.07); }
  
  /* ── villa list: hero — half height, landing typography ── */
  /* the white-redesign above flattens .list-banner with !important — the doc
     wants a copy of the LANDING hero here, so these must out-!important it */
  .mla-list .list-banner{
    position:relative; padding:132px 0 46px; min-height:0;
    background:#0C0C0B url('https://miamiluxuryaccess.com/front/media/v10/img/hero/hero-1.avif') center 58%/cover no-repeat !important;
    color:#fff !important;
  }
  .mla-list .list-banner .overlay{
    position:absolute; inset:0;
    background:linear-gradient(to bottom, rgba(10,10,9,.62) 0%, rgba(10,10,9,.35) 45%, rgba(10,10,9,.6) 100%) !important;
  }
  .mla-list .list-banner .container{ position:relative; z-index:2; }
  .vl-eyebrow{
    text-align:center; font-size:11px; font-weight:500; letter-spacing:.16em;
    text-transform:uppercase; color:#E6C193 !important; margin-bottom:10px;
    text-shadow:0 1px 8px rgba(0,0,0,.4);
  }
  .mla-list .list-banner h1{
    font-family:'Figtree',sans-serif; font-weight:600;
    font-size:clamp(30px,4vw,54px); letter-spacing:-.02em; color:#fff !important;
  }
  .mla-list .list-banner .vl-sub{
    text-align:center; margin:14px auto 26px; max-width:52ch;
    font-size:16px; font-weight:300; color:rgba(255,255,255,.82) !important;
  }
  
  /* ── villa list: property cards like the landing carousel ── */
  .mla-list .property-list{
    border:1px solid rgba(18,18,17,.07); border-radius:16px; overflow:hidden;
    background:#fff;
    box-shadow:0 1px 3px rgba(18,18,17,.04), 0 14px 32px -18px rgba(18,18,17,.16);
    transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
  }
  .mla-list .property-list:hover{
    transform:translateY(-5px);
    box-shadow:0 3px 10px rgba(18,18,17,.06), 0 28px 50px -22px rgba(18,18,17,.26);
  }
  .mla-list .list-image{ position:relative; }
  .mla-list .list-image img{ aspect-ratio:4/3; object-fit:cover; width:100%; }
  .vl-chip{ position:absolute; top:10px; left:10px; }
  .mla-list .list-content{ position:relative; padding:16px 18px 18px; }
  .mla-list .list-content h3{ display:inline-block; max-width:78%; }
  .mla-list .list-content h3 a{
    font-family:'Figtree',sans-serif; font-weight:600; font-size:18px;
    letter-spacing:-.02em; color:#0B0B09;
  }
  .vl-rating{ float:right; margin-top:5px; }
  .mla-list .list-amenity li{ font-size:12px; color:rgba(20,20,18,.6); }
  .mla-list .list-amenity li i{ color:#A9713F; }
  .mla-list .price p{
    font-family:'Figtree',sans-serif; font-weight:600; color:#0B0B09;
  }
  .mla-list .main-btn{
    background:#0B0B09; color:#fff; border-radius:999px;
    font-size:12.5px; font-weight:500; letter-spacing:.02em;
    padding:11px 20px; border:0; transition:background .25s ease;
  }
  .mla-list .main-btn:hover{ background:#2A2A26; color:#fff; }
  
  /* ── villa list: SEO text block ── */
  .mla-list .abt-long{ background:#F6F6F5; padding:36px 0; }
  .mla-list .abt-long p{
    margin-top: 18px;
    font-size:15.5px; font-weight:300; line-height:1.75; color:rgba(20,20,18,.7);
  }
  .mla-list .abt-long h2, .mla-list .abt-long h3{
    margin-top: 20px;
    font-family:'Figtree',sans-serif; letter-spacing:-.02em;
  }
  .seo-media{
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
    margin:26px auto;
  }
  .seo-media img{
    width:100%; aspect-ratio:3/2; object-fit:cover;
    border-radius:16px; border:1px solid rgba(18,18,17,.07);
  }
  
  /* ── villa page: desktop keeps logo+phone only; mobile is imagery-first ── */
  @media (max-width:860px){
    .mla-villa .deskheader, .mla-villa .mob-header{ display:none !important; }
    .mla-villa .details-header{
      position:absolute; top:0; left:0; right:0; z-index:30;
      padding:14px 4px; background:none;
    }
    .mla-villa .details{ position:relative; padding-top:0; }
  }
  .mla-villa .details-icon a, .mla-villa .details-share{
    display:flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:50%;
    background:#fff; color:#0B0B09; border:1px solid rgba(18,18,17,.1);
    box-shadow:0 2px 10px rgba(0,0,0,.18); cursor:pointer;
  }
  .mla-villa .details-share{ margin-left:auto; }
  
  /* ── Airbnb-style gallery overlay ── */
  .vg-overlay{ position:fixed; inset:0; z-index:200; background:#fff; }
  .vg-overlay[hidden]{ display:none; }
  .vg-overlay-bar{
    position:sticky; top:0; z-index:2;
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 20px; background:rgba(255,255,255,.94);
    backdrop-filter:blur(10px); border-bottom:1px solid rgba(18,18,17,.08);
  }
  .vg-overlay-close{
    display:inline-flex; align-items:center; gap:8px;
    background:#fff; border:1px solid rgba(18,18,17,.14); border-radius:999px;
    padding:9px 16px; font-size:13px; font-weight:500; cursor:pointer;
  }
  .vg-overlay-close svg{ width:12px; height:12px; }
  .vg-overlay-count{ font-size:12.5px; color:rgba(20,20,18,.55); }
  .vg-overlay-scroll{
    height:calc(100% - 61px); overflow-y:auto;
    padding:22px 16px 60px;
  }
  .vg-overlay-scroll figure{
    max-width:860px; margin:0 auto 18px;
  }
  .vg-overlay-scroll img{
    width:100%; border-radius:14px; display:block;
  }
  .vg-overlay-scroll figcaption{
    margin-top:7px; font-size:12.5px; color:rgba(20,20,18,.55);
  }
  
  /* ── both pages: call button pinned bottom-LEFT (chat widget owns the right) ── */
  .phone-fab{ right:auto; left:18px; }
  
  /* legacy bottom reviews widget — superseded by the landing testimonials block */
  .mla-list .reviews-section{ display:none; }
  
  /* villa page mobile polish */
  .mla-villa .details-icon a i, .mla-villa .details-share i{
    font-size:15px; color:#0B0B09; line-height:1;
  }
  @media (max-width:860px){
    /* clear the sticky BOOK NOW bar at the bottom */
    .mla-villa .phone-fab{ bottom:92px; }
    /* long slash-separated names shouldn't break mid-word */
    .mla-villa .details h1, .mla-villa .details-content h1{
      overflow-wrap:break-word; word-break:normal; font-size:clamp(24px,7vw,32px);
    }
  }
  
  /* ═══ villa list v2 — landing components verbatim ═══ */
  /* short landing hero (no CTA/badges/stats on this page) */
  .mla-list .hero{ height:clamp(330px, 42vh, 460px); }
  .mla-list .hero-inner{ padding-bottom:40px; }
  
  /* landing cards in a grid instead of a carousel */
  .villas-grid-sec{ padding:56px 0 96px; }
  .villa-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:20px 20px;
  }
  .villa-grid .villa-card{ min-width:0; }
  @media (max-width:1180px){ .villa-grid{ grid-template-columns:repeat(3, 1fr); } }
  @media (max-width:860px){
    .villa-grid{ grid-template-columns:repeat(2, 1fr); gap:16px; }
    .villas-grid-sec{ padding:36px 0 64px; }
    .mla-list .hero{ height:auto; }
    .mla-list .hero-inner{ padding-top:172px; padding-bottom:30px; }
  }
  @media (max-width:600px){ .villa-grid{ grid-template-columns:1fr; } }
  
  /* landing header/hero must beat the white-redesign ink+background rules */
  .mla-list .site-header{
    background:transparent !important; box-shadow:none !important;
    border-bottom:1px solid transparent !important;
  }
  .mla-list .site-header.scrolled{
    background:rgba(12,12,11,.72) !important;
    border-bottom-color:rgba(255,255,255,.1) !important;
    box-shadow:0 8px 30px -14px rgba(0,0,0,.6) !important;
  }
  .mla-list .hero h1{ color:#fff !important; }
  .mla-list .hero-sub{ color:rgba(255,255,255,.78) !important; }
  .mla-list .hero-sub em{ color:#fff !important; }
  
  /* a generic section{padding:100px 12px} rule inflates the landing strips here */
  .mla-list .proofbar{ padding:0 !important; }
  .mla-list .reviews{ padding:96px 0 104px !important; }
  .mla-list .concierge{ padding:104px 0 110px !important; }
  .mla-list .villas-grid-sec{ padding:56px 0 96px !important; }
  @media (max-width:860px){
    .mla-list .reviews{ padding:76px 0 80px !important; }
    .mla-list .concierge{ padding:76px 0 80px !important; }
    .mla-list .villas-grid-sec{ padding:36px 0 64px !important; }
  }
  
  /* ═══ villa list v3 ═══ */
  /* smaller hero: title up top, wide search bar anchored at the bottom */
  .mla-list .hero{ height:clamp(300px, 38vh, 400px); }
  .mla-list .hero-inner{
    display:flex; flex-direction:column;
    padding-bottom:28px;
  }
  .mla-list .hero-top{
    display:flex; align-items:center; justify-content:space-between;
    gap:40px; margin-top:14px;
  }
  .mla-list .hero-top .hero-copy{ margin:0; }
  .mla-list .hero-top .hero-badges{ align-self:center; margin:0; }
  .mla-list .searchbar{
    position:relative !important; left:auto !important; transform:none !important;
    margin-top:auto;
    width:100%; max-width:920px; margin-left:auto; margin-right:auto;
    display:flex;
  }
  .mla-list .searchbar .sb-field{ flex:1; justify-content:center; }
  .mla-list .searchbar .sb-go{ flex:0 0 auto; }
  .mla-list .sb-pop{ text-align:left; }
  .mla-list .sb-pop-cal{ left:50%; }
  
  /* phone number readable over the photo */
  .mla-list .header-phone{
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
    border-color:rgba(255,255,255,.2) !important;
  }
  .mla-list .header-phone svg{ color:#D4A574 !important; }
  .mla-list .site-header.scrolled .header-phone{ color:#fff !important; }
  
  /* cards: no borders, landing-gold Book now, whole card is the link */
  .mla-list .villa-card{
    display:block; color:inherit;
    border:0 !important; box-shadow:none !important; background:none !important;
    border-radius:0; padding:0;
  }
  .mla-list .villa-media{ border:0 !important; }
  .mla-list .villa-card .villa-book{
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    margin-top:14px; padding:12px 26px; width:auto;
    border-top:0; border-radius:999px;
    background:#C9A84C; font-size:13.5px; font-weight:500; letter-spacing:.02em;
    color:#141006 !important;
    transition:background .2s ease, transform .12s ease;
  }
  .mla-list .villa-card:hover .villa-book{ background:#E4C878; }
  .mla-list .villa-card .villa-book:active{ transform:translateY(1px) scale(.98); }
  .mla-list .villa-card:hover .villa-book svg{ transform:translateX(3px); }
  .mla-list .villa-card .villa-book svg{ transition:transform .25s ease; }
  .mla-list .villa-card:hover .villa-media img{ transform:scale(1.045); }
  
  @media (max-width:860px){
    .mla-list .hero{ height:auto; }
    .mla-list .hero-inner{ padding-top:128px; padding-bottom:20px; }
    .mla-list .hero-top{ flex-direction:column; align-items:flex-start; gap:18px; }
    .mla-list .hero-top .hero-badges{ width:100%; }
    .mla-list .searchbar{ margin-top:22px; }
  }
  
  /* v3 fixes: make the inner column fill the hero; compact the badges row */
  .mla-list .hero-inner{ height:100%; }
  .mla-list .hero-top .hero-copy{ flex:1 1 auto; min-width:0; }
  .mla-list .hero-top .hero-copy h1{ font-size:clamp(30px, 3.6vw, 50px); }
  .mla-list .hero-top .hero-badges{ flex-shrink:1; }
  .mla-list .hero-badges li{ padding:0 16px !important; }
  .mla-list .hero-badges li:first-child{ padding-left:0 !important; }
  .mla-list .hero-badges li:last-child{ padding-right:0 !important; }
  .mla-list .hero-badges img{ height:44px !important; }
  
  /* the old sheet centers .hero children and rejects the 100% height —
     force the landing geometry */
  .mla-list .hero{ align-items:stretch !important; }
  .mla-list .hero-inner{ height:100% !important; }
  
  /* pin the search bar to the hero's lower edge (sidesteps the height fight) */
  .mla-list .hero-inner{ position:static !important; }
  .mla-list .searchbar{
    position:absolute !important;
    left:50% !important; transform:translateX(-50%) !important;
    bottom:26px !important; top:auto !important;
    width:min(920px, calc(100% - 64px)) !important;
    margin:0 !important; z-index:5;
  }
  @media (max-width:860px){
    .mla-list .searchbar{ bottom:18px !important; width:calc(100% - 36px) !important; }
    .mla-list .hero{ height:430px !important; }
  }
  
  /* title block higher, clear of the search bar */
  .mla-list .hero-inner{ padding-top:80px !important; }
  .mla-list .hero-top{ margin-top:0; }
  
  /* ═══ villa list v4 ═══ */
  /* hero back to its previous size; sub-line returned */
  .mla-list .hero{ height:clamp(330px, 42vh, 460px) !important; }
  .mla-list .hero-inner{ padding-top:96px !important; }
  
  /* search pill back to its natural (landing) size, still at the hero's foot */
  .mla-list .searchbar{ width:auto !important; }
  .mla-list .searchbar .sb-field{
    flex:0 0 auto; min-width:162px; justify-content:flex-start;
  }
  
  /* awards: right edge, on the search bar's level */
  .mla-list .hero-top .hero-badges{
    position:absolute; right:34px; bottom:31px;
    margin:0; align-self:auto;
  }
  
  @media (max-width:1180px){
    /* keep badges clear of the centred bar on narrower desktops */
    .mla-list .hero-top .hero-badges{ position:static; margin-top:10px; }
  }
  @media (max-width:860px){
    /* no ratings strip on mobile */
    .mla-list .proofbar{ display:none !important; }
    .mla-list .hero{ height:470px !important; }
    .mla-list .searchbar{ width:calc(100% - 36px) !important; }
    .mla-list .searchbar .sb-field{ flex:1; min-width:0; }
  }
  
  /* v4.1 — popovers were clipped by .hero{overflow:hidden} now that the bar
     sits at the hero's foot: let them escape and stack above what follows */
  .mla-list .hero{ overflow:visible !important; }
  .mla-list .hero .hero-media{ overflow:hidden; }
  .mla-list .searchbar{ z-index:80 !important; }
  
  /* ══════════════════════════════════════════════════════════
     VILLA PAGE v3 — full redesign to the landing design system
     (Clash Display headings / Instrument Sans body, white bg,
     ink #121211, gold #A9713F). All scoped .mla-villa.
     ══════════════════════════════════════════════════════════ */
  
  /* — header: landing look (compact, logo + phone pill) — */
  .mla-villa .deskheader{
    background:#fff !important; border-bottom:1px solid rgba(18,18,17,.08);
    padding:14px 0 !important;
  }
  .mla-villa .deskheader .header-logo img{ width:74px; height:auto; }
  .mla-villa .deskheader .header-contact{ display:flex; justify-content:flex-end; align-items:center; }
  .mla-villa .deskheader .reservations{ display:flex; align-items:center; }
  .mla-villa .deskheader .reservations .icon{ display:none; }
  .mla-villa .deskheader .reservations .text p{ display:none; }
  .mla-villa .deskheader .reservations .text a{
    display:inline-flex; align-items:center; gap:9px;
    font-family:'Instrument Sans',sans-serif; font-weight:500;
    font-size:15px; letter-spacing:.01em; color:#121211 !important;
    border:1px solid rgba(18,18,17,.18); border-radius:999px;
    padding:11px 20px; background:#fff; white-space:nowrap;
    transition:background .2s ease,border-color .2s ease;
  }
  .mla-villa .deskheader .reservations .text a::before{
    content:''; width:15px; height:15px; flex:0 0 auto;
    background:#121211;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02z'/></svg>") center/contain no-repeat;
            mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02z'/></svg>") center/contain no-repeat;
  }
  .mla-villa .deskheader .reservations .text a:hover{ background:#F6F6F5; border-color:rgba(18,18,17,.32); }
  
  /* — gallery: rounded, Airbnb-style white pill buttons — */
  .mla-villa .details-gallery .gallery img{ border-radius:18px; }
  .mla-villa .details-gallery .gallery .left > a > img{ border-radius:22px; }
  .mla-villa .details-gallery .main-btn,
  .mla-villa .details-gallery button.main-btn{
    background:#fff !important; color:#121211 !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    font-size:14px !important; letter-spacing:.01em !important; text-transform:none !important;
    border:1px solid rgba(18,18,17,.16) !important; border-radius:999px !important;
    padding:11px 20px !important; box-shadow:0 6px 18px rgba(18,18,17,.16) !important;
    transition:background .2s ease !important;
  }
  .mla-villa .details-gallery .main-btn:hover{ background:#F6F6F5 !important; }
  
  /* — title block — */
  .mla-villa .details-content h1{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    letter-spacing:-.02em !important; color:#121211 !important;
    font-size:clamp(30px, 3vw, 42px) !important; line-height:1.06 !important;
  }
  .mla-villa .details-content .addr{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300;
    color:rgba(18,18,17,.62) !important; font-size:16px;
  }
  .mla-villa .details-content .addr i{ color:#A9713F; }
  .mla-villa .details-content ul.amenity li{
    font-family:'Instrument Sans',sans-serif !important; font-weight:400;
    color:#121211 !important; font-size:15px;
  }
  .mla-villa .details-content ul.amenity li i{ color:rgba(18,18,17,.45) !important; }
  
  /* — description — */
  .mla-villa .instructions p, .mla-villa .instructions pre{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
    font-size:17px !important; line-height:1.65 !important;
    color:rgba(18,18,17,.78) !important;
  }
  .mla-villa .space-btn .main-btn{
    background:#fff !important; color:#121211 !important;
    border:1px solid rgba(18,18,17,.16) !important;
    box-shadow:0 2px 10px rgba(18,18,17,.06) !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    font-size:14px !important; letter-spacing:.02em !important; text-transform:none !important;
    border-radius:999px !important; padding:13px 24px !important;
    display:inline-flex !important; align-items:center; gap:8px;
    transition:background .2s ease !important;
  }
  .mla-villa .space-btn .main-btn:hover{ background:#F6F6F5 !important; }
  .mla-villa .space-btn .main-btn svg{ fill:#121211; }
  .mla-villa .details hr{ border-color:rgba(18,18,17,.08); }
  
  /* — booking box: landing card — */
  .mla-villa .booking-box{
    background:#fff !important; border:1px solid rgba(18,18,17,.10) !important;
    border-radius:22px !important;
    box-shadow:0 24px 60px -28px rgba(18,18,17,.22), 0 3px 10px rgba(18,18,17,.05) !important;
    padding:26px !important;
  }
  .mla-villa .booking-box .prc{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    letter-spacing:-.02em !important; color:#121211 !important; font-size:28px !important;
  }
  .mla-villa .booking-box .prc span{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
    color:rgba(18,18,17,.55) !important; font-size:15px !important; letter-spacing:0 !important;
  }
  .mla-villa .booking-box .req{
    font-family:'Instrument Sans',sans-serif !important; font-weight:400 !important;
    color:rgba(18,18,17,.6) !important; font-size:14px !important;
    text-transform:none !important; letter-spacing:.01em !important;
  }
  .mla-villa .booking-box label{
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important;
    color:rgba(18,18,17,.55) !important;
  }
  .mla-villa .booking-box .form-control,
  .mla-villa .booking-box input[type="text"]{
    background:#fff !important; color:#121211 !important;
    border:1px solid rgba(18,18,17,.16) !important; border-radius:12px !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:400 !important;
    height:48px !important; box-shadow:none !important;
  }
  .mla-villa .booking-box .form-control::placeholder{ color:rgba(18,18,17,.4) !important; }
  .mla-villa .booking-box .form-text i{ color:#A9713F !important; }
  /* guest stepper (beats the inline <style> in the template) */
  .mla-villa .guest-counter-control{
    background:#fff !important; border:1px solid rgba(18,18,17,.16) !important;
    border-radius:12px !important;
  }
  .mla-villa .guest-counter-control .btn-counter{ color:#A9713F !important; font-weight:500 !important; }
  .mla-villa .guest-counter-control .btn-counter:active{ background:rgba(169,113,63,.08) !important; }
  .mla-villa .guest-counter-control .gst{ color:#121211 !important; font-weight:500 !important; }
  .mla-villa .booking-box #submit-button-gaurav-data1{
    background:#121211 !important; color:#fff !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    font-size:15px !important; letter-spacing:.02em !important; text-transform:none !important;
    border:0 !important; border-radius:999px !important; width:100%;
    padding:15px 24px !important; transition:background .2s ease !important;
  }
  .mla-villa .booking-box #submit-button-gaurav-data1:hover{ background:#2A2A26 !important; }
  .mla-villa .booking-box .close2{ color:rgba(18,18,17,.5); }
  
  /* — featured properties: items ARE landing villa-cards now — */
  .mla-villa .featured-row h3{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    letter-spacing:-.02em !important; color:#121211 !important;
    font-size:clamp(26px, 2.4vw, 34px) !important; margin-bottom:22px !important;
  }
  .mla-villa .villa-card{
    display:block; width:100%;
    border:0 !important; box-shadow:none !important; background:none !important;
    border-radius:0 !important; padding:0 !important;
  }
  .mla-villa .villa-card .villa-book{ color:#141006 !important; }
  .mla-villa .featured-slider .owl-item{ padding:0 2px; }
  
  /* — sticky mobile book bar — */
  .mla-villa .book-now-mob{
    background:rgba(255,255,255,.94) !important; backdrop-filter:blur(10px);
    border-top:1px solid rgba(18,18,17,.1) !important;
  }
  .mla-villa .book-now-mob .price{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    color:#121211 !important; letter-spacing:-0.02em !important;
  }
  .mla-villa .book-now-mob .price span{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
    color:rgba(18,18,17,.55) !important;
  }
  .mla-villa .book-now-mob .main-btn{
    background:#121211 !important; color:#fff !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    letter-spacing:.02em !important; text-transform:none !important;
    border:0 !important; border-radius:999px !important;
  }
  
  /* — footer typography to landing — */
  .mla-villa footer h4{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    letter-spacing:.02em !important; color:#121211 !important;
  }
  .mla-villa footer a, .mla-villa footer p, .mla-villa footer li{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
    color:rgba(18,18,17,.72) !important;
  }
  .mla-villa footer a:hover{ color:#A9713F !important; }
  .mla-villa .booking-box input[type="number"],
  .mla-villa .booking-box .gst{
    background:transparent !important; color:#121211 !important;
  }
  .mla-villa .guest-counter-control .input-wrapper label{ color:rgba(18,18,17,.5) !important; }
  /* datepicker polish */
  .mla-villa .datepicker{
    font-family:'Instrument Sans',sans-serif !important;
    border:1px solid rgba(18,18,17,.1) !important; border-radius:22px !important;
    box-shadow:0 28px 70px -22px rgba(18,18,17,.35), 0 4px 14px rgba(18,18,17,.07) !important;
  }
  .mla-villa .datepicker button, .mla-villa .datepicker .datepicker__clear-button,
  .mla-villa .datepicker .datepicker__close-button{
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    border-radius:999px !important; text-transform:none !important;
  }
  /* villa page v3 — mobile pass */
  @media (max-width:860px){
    .mla-villa .details-content h1{
      font-size:27px !important; line-height:1.12 !important;
      word-break:normal !important; overflow-wrap:anywhere;
    }
    /* gallery: tighter, one-screen */
    .mla-villa .details-gallery .gallery{ row-gap:8px; }
    .mla-villa .details-gallery .gallery .left > a > img{ aspect-ratio:4/3; object-fit:cover; border-radius:16px; }
    .mla-villa .details-gallery .gallery img{ border-radius:12px; }
    .mla-villa .details-gallery .gallery .right .row{ margin-top:0; }
    .mla-villa .details-gallery .gallery .right .col-6 img{ aspect-ratio:1/1; object-fit:cover; }
    /* sticky book bar: one line each */
    .mla-villa .book-now-mob{
      display:flex !important; align-items:center; justify-content:space-between;
      gap:12px; padding:10px 16px !important;
    }
    .mla-villa .book-now-mob .price{ margin:0 !important; font-size:18px !important; white-space:nowrap; }
    .mla-villa .book-now-mob .price span{ font-size:13px !important; }
    .mla-villa .book-now-mob .main-btn{
      white-space:nowrap !important; padding:13px 22px !important; font-size:14px !important;
      flex:0 0 auto;
    }
  }
  
  /* ═══ villa page v4 fixes ═══ */
  
  /* both pages: the call FAB icon draws with currentColor — keep it white */
  .mla-list .phone-fab, .mla-villa .phone-fab{ color:#ffffff !important; }
  
  /* datepicker like the landing calendar: square months, compact round days */
  .mla-villa .datepicker__month{ width:252px !important; }
  .mla-villa .datepicker__month-day{
    height:40px !important; font-size:13px !important;
    border-radius:0 !important; vertical-align:middle !important;
  }
  .mla-villa .datepicker__month-caption{ font-size:14px !important; font-weight:500; }
  .mla-villa .datepicker__week-name{ font-size:11px !important; letter-spacing:.04em; }
  
  /* back / share buttons: true 40px circles */
  .mla-villa .details-icon a, .mla-villa .details-share{
    width:40px !important; height:40px !important;
    min-width:40px; padding:0 !important; border-radius:50% !important;
  }
  
  /* mobile booking popup: real overlay, above everything, visible close */
  @media (max-width:860px){
    /* closed: the form must not exist on mobile (the legacy fixed block floats
       transparently over the page and swallows taps). The BOOK NOW bar's own
       script (end of the page) toggles .bf-open. */
    .mla-villa #book{ display:none !important; }
    .mla-villa #book.bf-open{
      display:block !important;
      position:fixed !important; inset:0 !important; top:0 !important;
      z-index:2147483000 !important; background:rgba(10,10,9,.55) !important;
      padding:9vh 16px 24px !important; overflow-y:auto;
      transform:translateZ(0); will-change:transform;
    }
    /* while the popup is open: no call/chat buttons, no sticky bar, no
       background scroll (body gets .bf-lock from the popup controller) */
    body.bf-lock{ overflow:hidden !important; }
    body.bf-lock .phone-fab, body.bf-lock .chat-fab,
    body.bf-lock .book-now-mob, body.bf-lock .details-header{
      visibility:hidden !important;
    }
    /* full-screen sheet (the box paints its own white; #book's background
       does not composite over this page's legacy fixed layers) */
    .mla-villa #book.bf-open{ padding:0 !important; }
    .mla-villa #book.bf-open .booking-box{
      max-width:none !important; width:100% !important; min-height:100% !important;
      margin:0 !important; position:relative;
      border:0 !important; border-radius:0 !important;
      padding:74px 22px 30px !important;
      box-shadow:0 0 0 100vmax #fff !important;
      display:flex; flex-direction:column;
    }
    .mla-villa #book.bf-open .prc{ font-size:34px !important; }
    .mla-villa #book.bf-open .req{ margin-bottom:8px; }
    .mla-villa #book.bf-open .check-form{ margin-bottom:6px; }
    .mla-villa #book.bf-open .form-control{
      height:56px !important; font-size:16px !important;
      padding:0 42px 0 14px !important;
    }
    .mla-villa #book.bf-open .form-text{ margin-bottom:10px; }
    .mla-villa #book.bf-open .form-text i{ bottom:21px; }
    .mla-villa #book.bf-open label{ font-size:12px !important; margin-bottom:6px; }
    .mla-villa #book.bf-open .guest-counter-control{ height:56px !important; }
    .mla-villa #book.bf-open #submit-button-gaurav-data1{
      padding:17px 24px !important; font-size:16px !important; margin-top:18px;
    }
    .mla-villa #book.bf-open .close2{
      top:18px !important; right:18px !important;
      width:40px !important; height:40px !important; font-size:17px !important;
    }
    /* popup: keep the field icons inside their inputs (legacy positioning was
       scoped to section.details and is lost when the popup moves to <body>) */
    .mla-villa #book.bf-open .form-text{ position:relative; }
    .mla-villa #book.bf-open .form-text i{
      position:absolute; right:14px; bottom:15px; pointer-events:none;
    }
    .mla-villa .booking-box .close2{
      position:absolute !important; top:14px !important; right:14px !important;
      left:auto !important; z-index:5;
      display:flex !important; align-items:center; justify-content:center;
      width:34px; height:34px; border-radius:50%;
      background:#F6F6F5 !important; color:#121211 !important;
      font-size:15px !important; cursor:pointer;
    }
    /* the overlay's scrim covers the call/chat FABs (z 90 < 300) — nothing else needed */
  }
  
  /* font safety net: everything inside the page inherits Instrument Sans
     (Clash/FA set their own families on top) */
  .mla-villa section.details, .mla-villa footer, .mla-villa .featured-row,
  .mla-villa .book-now-mob, .mla-villa .datepicker{
    font-family:'Instrument Sans', sans-serif;
  }
  /* datepicker layout: months side by side like the landing calendar */
  .mla-villa .datepicker{ width:584px !important; max-width:calc(100vw - 32px); }
  .mla-villa .datepicker__months{
    display:flex !important; gap:20px; align-items:flex-start;
  }
  .mla-villa .datepicker__month{
    width:50% !important; flex:1 1 0; float:none !important; margin:0 !important;
  }
  .mla-villa .datepicker__month-day{ padding:0 !important; line-height:32px !important; }
  @media (max-width:860px){
    .mla-villa .datepicker{ width:auto !important; }
    .mla-villa .datepicker__months{ display:flex !important; flex-direction:column !important; }
    .mla-villa .datepicker__month,
    .mla-villa .datepicker__month--month2{ width:100% !important; display:table !important; }
  }
  /* legacy floating gold call button — superseded by .phone-fab */
  .mla-list .call-btn, .mla-villa .call-btn{ display:none !important; }
  /* owl's img rules force height:auto — make card photos fill their 4:3 box */
  .mla-villa .featured-slider .villa-media img{
    width:100% !important; height:100% !important; object-fit:cover !important;
  }
  
  /* ═══ villa page v4.3 — mobile booking sheet, landing design ═══ */
  @media (max-width:860px){
    /* sheet order: title → price → fields; Book Now pinned to the bottom */
    .mla-villa #book.bf-open .booking-box{ display:flex !important; flex-direction:column !important; }
    .mla-villa #book.bf-open .req{
      order:1;
      font-family:'Figtree',sans-serif !important; font-weight:600 !important;
      letter-spacing:-.02em !important; color:#121211 !important;
      font-size:27px !important; line-height:1.1 !important;
      margin:0 0 6px !important; text-transform:none !important;
    }
    .mla-villa #book.bf-open .prc{
      order:2;
      font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
      font-size:17px !important; letter-spacing:0 !important;
      color:rgba(18,18,17,.62) !important;
      margin:0 0 26px !important;
    }
    .mla-villa #book.bf-open .prc span{ font-size:15px !important; color:rgba(18,18,17,.45) !important; }
    .mla-villa #book.bf-open form.booking_form{
      order:3; flex:1; display:flex; flex-direction:column;
    }
    /* fields */
    .mla-villa #book.bf-open label{
      font-size:11px !important; letter-spacing:.1em !important;
      color:rgba(18,18,17,.5) !important; margin-bottom:7px;
    }
    .mla-villa #book.bf-open .form-control{
      height:58px !important; border-radius:16px !important;
      border:1px solid rgba(18,18,17,.14) !important;
      font-size:16px !important; color:#121211 !important;
    }
    .mla-villa #book.bf-open .form-control::placeholder{ color:rgba(18,18,17,.35) !important; }
    .mla-villa #book.bf-open .form-text i{
      color:rgba(18,18,17,.4) !important; font-size:15px; bottom:22px;
    }
    /* guest stepper — landing popover style: round bordered − / + */
    .mla-villa #book.bf-open .guest-counter-control{
      height:58px !important; border-radius:16px !important;
      border:1px solid rgba(18,18,17,.14) !important;
      padding:0 12px !important;
    }
    .mla-villa #book.bf-open .btn-counter{
      width:36px !important; height:36px !important; border-radius:50% !important;
      border:1px solid rgba(18,18,17,.2) !important;
      background:#fff !important; color:#121211 !important;
      font-size:19px !important; font-weight:400 !important; line-height:1 !important;
    }
    .mla-villa #book.bf-open .btn-counter:active{ background:#F6F6F5 !important; transform:none !important; }
    .mla-villa #book.bf-open .gst{ font-size:17px !important; font-weight:500 !important; }
    /* Book Now stays black, pinned at the sheet's foot */
    .mla-villa #book.bf-open #submit-button-gaurav-data1{
      margin-top:auto !important; width:100%;
      padding:18px 24px !important; font-size:16px !important;
    }
    .mla-villa #book.bf-open .guest-form{ display:flex; flex-direction:column; flex:1; }
    .mla-villa #book.bf-open .guest-form > .col-12:last-child{ margin-top:auto; padding-top:18px; }
    .mla-villa #book.bf-open #submit-button-gaurav-data1{ margin-top:0 !important; }
    /* close: landing overlay-style circle */
    .mla-villa #book.bf-open .close2{
      background:#fff !important; border:1px solid rgba(18,18,17,.14) !important;
      box-shadow:0 2px 10px rgba(18,18,17,.08);
    }
    .mla-villa #book.bf-open .text-danger{ min-height:0; }
  }
  
  /* ═══ villa page v4.5 ═══ */
  
  /* desktop booking card — landing-grade redesign, grouped Airbnb-style fields */
  @media (min-width:861px){
    .mla-villa .booking-box{ padding:28px !important; border-radius:24px !important; }
    .mla-villa .booking-box .prc{ font-size:30px !important; margin-bottom:2px !important; }
    .mla-villa .booking-box .req{ margin:0 0 18px !important; font-size:13.5px !important; }
    /* date group: one bordered container, split down the middle */
    .mla-villa .booking-box .check-form{
      display:flex !important; flex-wrap:nowrap !important; margin:0 !important;
      border:1px solid rgba(18,18,17,.18); border-radius:16px 16px 0 0;
      position:relative; background:#fff;
    }
    .mla-villa .booking-box .check-form .col-6{ width:50% !important; padding:0 !important; }
    .mla-villa .booking-box .check-form .col-6:first-child{ border-right:1px solid rgba(18,18,17,.18); }
    .mla-villa .booking-box .check-form .form-text{ padding:11px 14px 9px !important; position:relative; margin:0 !important; }
    .mla-villa .booking-box .check-form label{
      font-size:10px !important; letter-spacing:.1em !important; margin:0 0 3px !important; display:block;
    }
    .mla-villa .booking-box .check-form .form-control{
      border:0 !important; height:24px !important; padding:0 !important;
      border-radius:0 !important; font-size:15px !important; background:transparent !important;
    }
    .mla-villa .booking-box .check-form .form-text i{
      position:absolute !important; right:13px !important; top:50% !important;
      transform:translateY(-50%); color:rgba(18,18,17,.35) !important; font-size:14px;
    }
    /* the invisible datepicker trigger covers the whole date group */
    .mla-villa .booking-box .datepicker-main{ position:absolute !important; inset:0 !important; width:100% !important; background:transparent !important; }
    .mla-villa .booking-box #demo17{ width:100% !important; height:100% !important; top:0 !important; left:0 !important; }
    /* guests row: attached beneath, closing the group */
    .mla-villa .booking-box .guest-form{ margin:0 !important; }
    .mla-villa .booking-box .guest-form .guest{ padding:0 !important; }
    .mla-villa .booking-box .guest-form .guest .form-text{
      border:1px solid rgba(18,18,17,.18); border-top:0;
      border-radius:0 0 16px 16px; padding:11px 14px 10px !important; margin:0 0 10px !important;
    }
    .mla-villa .booking-box .guest-form label{
      font-size:10px !important; letter-spacing:.1em !important; margin:0 0 4px !important; display:block;
    }
    .mla-villa .guest-counter-control{
      border:0 !important; height:30px !important; padding:0 !important; background:transparent !important;
    }
    .mla-villa .guest-counter-control .btn-counter{
      width:30px !important; height:30px !important; border-radius:50% !important;
      border:1px solid rgba(18,18,17,.22) !important; background:#fff !important;
      color:#121211 !important; font-size:17px !important; font-weight:400 !important; line-height:1 !important;
      touch-action:manipulation !important; -ms-touch-action:manipulation;
    }
    .mla-villa .guest-counter-control .btn-counter:hover{ border-color:rgba(18,18,17,.45) !important; }
    .mla-villa .guest-counter-control .gst{ font-size:16px !important; }
    /* the CTA — biggest thing on the card, warm glow */
    .mla-villa .booking-box #submit-button-gaurav-data1{
      padding:18px 24px !important; font-size:16.5px !important;
      box-shadow:0 14px 30px -10px rgba(201,168,76,.55), 0 3px 8px rgba(18,18,17,.12) !important;
      transition:transform .18s ease, background .2s ease, box-shadow .2s ease !important;
    }
    .mla-villa .booking-box #submit-button-gaurav-data1:hover{
      transform:translateY(-1px);
      box-shadow:0 18px 36px -10px rgba(201,168,76,.65), 0 4px 10px rgba(18,18,17,.14) !important;
    }
    .mla-villa .booking-box form.booking_form::after{
      content:"You\2019 re saving up to 15% on platform fees by booking directly.";
      display:block; text-align:center; margin-top:13px;
      font-family:'Instrument Sans',sans-serif; font-weight:300;
      font-size:12.5px; color:rgba(18,18,17,.5);
    }
  }
  
  /* mobile gallery: breathing room up top, sharp corners that connect */
  @media (max-width:860px){
    .mla-villa .details-gallery{ padding-top:14px; }
    .mla-villa .details-header{ top:14px; }
    .mla-villa .details-gallery .gallery .left > a > img{
      border-radius:16px 16px 0 0 !important;
    }
    .mla-villa .details-gallery .gallery .right img{ border-radius:0 !important; }
  }
  
  /* ═══ villa page v5 — price breakdown, reassurance, location map ═══ */
  .mla-villa .bk-quote{
    margin:4px 0 14px; padding:14px 16px;
    border:1px solid rgba(18,18,17,.12); border-radius:14px; background:#FAFAF9;
    font-family:'Instrument Sans',sans-serif;
  }
  .mla-villa .bk-row{
    display:flex; justify-content:space-between; gap:12px;
    font-size:14px; font-weight:300; color:rgba(18,18,17,.7); padding:2px 0;
  }
  .mla-villa .bk-row.bk-total{
    margin-top:8px; padding-top:10px; border-top:1px solid rgba(18,18,17,.1);
    font-size:15px; font-weight:500; color:#121211;
  }
  .mla-villa .bk-note{
    margin:8px 0 0; font-size:12px; font-weight:300; color:rgba(18,18,17,.45);
  }
  .mla-villa .bk-reassure{
    margin:11px 0 0; text-align:center;
    font-family:'Instrument Sans',sans-serif; font-weight:300;
    font-size:12.5px; color:rgba(18,18,17,.5);
  }
  @media (min-width:861px){
    /* the savings line moves below the reassurance via the existing ::after */
    .mla-villa .booking-box form.booking_form::after{ margin-top:6px; }
  }
  
  /* location section */
  .mla-villa .loc-row{ margin-top:8px; }
  .mla-villa .loc-title{
    font-family:'Figtree',sans-serif !important; font-weight:600 !important;
    letter-spacing:-.02em !important; color:#121211 !important;
    font-size:clamp(26px, 2.4vw, 34px) !important; margin:26px 0 10px !important;
  }
  .mla-villa .loc-lede{
    font-family:'Instrument Sans',sans-serif !important; font-weight:300 !important;
    font-size:17px !important; line-height:1.6 !important;
    color:rgba(18,18,17,.7) !important; max-width:640px; margin:0 0 18px !important;
  }
  .mla-villa .loc-map{
    height:400px; border-radius:22px; overflow:hidden;
    border:1px solid rgba(18,18,17,.1);
    filter:saturate(.55) contrast(.98);
  }
  .mla-villa .loc-map .leaflet-control-attribution{
    font-size:9px; background:rgba(255,255,255,.7);
  }
  .mla-villa .loc-label{
    font-family:'Instrument Sans',sans-serif; font-weight:500; font-size:13px;
    color:#121211; text-align:center; background:#fff;
    border:1px solid rgba(18,18,17,.15); border-radius:999px;
    line-height:22px; box-shadow:0 4px 14px rgba(18,18,17,.15);
  }
  .mla-villa .loc-chips{
    list-style:none; display:flex; flex-wrap:wrap; gap:10px;
    margin:16px 0 34px; padding:0;
  }
  .mla-villa .loc-chips li{
    font-family:'Instrument Sans',sans-serif; font-weight:300; font-size:14px;
    color:rgba(18,18,17,.75);
    border:1px solid rgba(18,18,17,.14); border-radius:999px;
    padding:9px 16px; background:#fff;
  }
  .mla-villa .loc-chips li b{ font-weight:500; color:#121211; margin-right:6px; }
  @media (max-width:860px){
    .mla-villa .loc-map{ height:260px; border-radius:16px; }
    .mla-villa .loc-chips{ margin-bottom:26px; }
  }
  
  /* guest-count honesty tip — always visible under the stepper */
  .mla-villa .guest-tip{
    position:relative; left:auto; right:auto; top:auto; bottom:auto;
    z-index:5; width:100%; box-sizing:border-box;
    flex:0 0 auto; order:0;
    margin:10px 0 4px; pointer-events:none;
    background:#F7F6F4 !important; color:#5A5852 !important;
    border:1px solid rgba(18,18,17,.08) !important;
    border-radius:10px; padding:11px 13px;
    font-family:'Instrument Sans',sans-serif; font-weight:400;
    font-size:12.5px; line-height:1.5;
    box-shadow:none !important;
  }
  .mla-villa .guest-tip b{ color:#141412 !important; font-weight:500; }
  .mla-villa .guest-tip::after{ display:none !important; content:none !important; }
  @media (max-width:860px){
    .mla-villa #book.bf-open .guest-tip{ margin:10px 0 0 !important; }
  }
  
  /* ═══ villa page v7 — glassy photo buttons, washed fields, gold CTAs ═══ */
  /* photo-overlay buttons: translucent glass, equal size, don't cover the shot */
  .mla-villa .details-gallery .main-btn,
  .mla-villa .details-gallery button.main-btn{
    background:rgba(20,20,18,.34) !important; color:#fff !important;
    border:1px solid rgba(255,255,255,.55) !important;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:158px; text-align:center;
    padding:11px 18px !important; font-size:13.5px !important;
    box-shadow:none !important;
  }
  .mla-villa .details-gallery .main-btn:hover{ background:rgba(20,20,18,.5) !important; }
  
  /* booking fields: washed white, a shade off the page */
  .mla-villa .booking-box .check-form,
  .mla-villa .booking-box .guest-form .guest .form-text{ background:#F7F6F4 !important; }
  .mla-villa .booking-box .check-form .form-control{ background:transparent !important; }
  .mla-villa .guest-counter-control{ background:transparent !important; }
  @media (max-width:860px){
    .mla-villa #book.bf-open .form-control{ background:#F7F6F4 !important; }
    .mla-villa #book.bf-open .guest-counter-control{ background:#F7F6F4 !important; }
  }
  
  /* Book Now: gold with a real press */
  .mla-villa .booking-box #submit-button-gaurav-data1,
  .mla-villa .book-now-mob .main-btn{
    background:#C9A84C !important; color:#141006 !important;
    transition:background .2s ease, transform .12s ease, box-shadow .2s ease !important;
  }
  .mla-villa .booking-box #submit-button-gaurav-data1:hover,
  .mla-villa .book-now-mob .main-btn:hover{ background:#E4C878 !important; }
  .mla-villa .booking-box #submit-button-gaurav-data1:active,
  .mla-villa .book-now-mob .main-btn:active{ transform:translateY(1px) scale(.98); }
  
  /* v13.1: card bottoms align — flex column, price+button pinned down */
  .mla-list .villa-card, .mla-villa .villa-card{ display:flex; flex-direction:column; }
  .mla-list .villa-body, .mla-villa .villa-body{ flex:1; display:flex; flex-direction:column; }
  .mla-list .villa-price, .mla-villa .villa-price{ margin-top:auto; padding-top:12px; }
  
  /* guests field: visible placeholder, clearly typeable */
  .mla-villa .guest-counter-control .gst::placeholder{
    color:rgba(18,18,17,.38); font-weight:400;
  }
  
  /* ═══ v12.1 live fixes ═══ */
  /* villas list: compact header band (logo was oversized, band too tall) */
  .mla-list .site-header .header-inner{ height:74px; padding-top:0; padding-bottom:0; }
  .mla-list .site-header .wordmark img{ height:44px; }
  /* sticky page headers must sit BELOW the fixed promo banner, not under it */
  .mla-villa .deskheader{ top:34px !important; }
  @media (max-width:860px){
    .mla-villa .deskheader, .mla-villa .mob-header{ top:32px !important; }
  }
  
  /* ═══ v12.2 — villas list phone header matches the homepage ═══ */
  @media (max-width:860px){
    /* the search pill docks next to the logo in the fixed header */
    .mla-list .searchbar{
      position:fixed !important; top:42px !important;
      left:112px !important; right:10px !important; bottom:auto !important;
      transform:none !important; width:auto !important; margin:0 !important;
      z-index:70 !important; min-width:0;
    }
    .mla-list .searchbar .sb-field{ flex:1 !important; min-width:0 !important; padding:0 8px !important; height:40px; }
    .mla-list .searchbar .sb-label{ font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .mla-list .searchbar .sb-ico{ width:13px; height:13px; }
    .mla-list .searchbar .sb-go{ width:36px; height:36px; min-width:36px; }
    /* its popovers pin under the search pill (not a hardcoded viewport Y) */
    .mla-list .sb-pop{
      position:absolute !important; left:0 !important; right:0 !important;
      top:calc(100% + 12px) !important; bottom:auto !important;
      transform:none !important; width:auto !important; max-width:none !important;
      z-index:95 !important;
    }
    /* hero: title breathes without the pill at its foot */
    .mla-list .hero{ height:400px !important; }
    .mla-list .hero-inner{ padding-top:72px !important; }
  }
  
  /* ═══ v12.4 — doc-2 batch ═══ */
  /* villas list DESKTOP: bar lives in the fixed header (like home), always visible */
  @media (min-width:861px){
    .mla-list .searchbar{
      position:fixed !important; top:47px !important; left:50% !important;
      transform:translateX(-50%) !important; bottom:auto !important;
      width:auto !important; z-index:120 !important; margin:0 !important;
    }
    .mla-list .hero{ height:clamp(280px, 34vh, 360px) !important; }
    .mla-list .hero-inner{ padding-top:120px !important; }
  }
  /* scroll cue (desktop only) */
  .mla-list .scroll-cue{
    position:absolute; left:50%; bottom:14px; transform:translateX(-50%);
    width:40px; height:40px; display:flex; align-items:center; justify-content:center;
    color:rgba(255,255,255,.85); z-index:12;
    animation:mlaCue 2.2s ease-in-out infinite;
  }
  .mla-list .scroll-cue svg{ width:26px; height:26px; }
  @keyframes mlaCue{ 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,7px)} }
  @media (max-width:860px){
    .mla-list .scroll-cue{ display:none; }
    /* MOBILE: bar back under the badges, half-hanging over the hero's edge */
    .mla-list .searchbar{
      position:absolute !important; top:auto !important; bottom:-27px !important;
      left:16px !important; right:16px !important; transform:none !important;
      width:auto !important; margin:0 !important; z-index:40 !important;
    }
    .mla-list .searchbar .sb-field{ flex:1 !important; min-width:0 !important; }
    .mla-list .hero{ height:380px !important; overflow:visible !important; }
    .mla-list .hero-inner{ padding-top:64px !important; }
    .mla-list .hero-badges{ position:static !important; margin-top:14px !important; }
    .mla-list .villas-grid-sec{ padding-top:52px; }
    .mla-list .sb-pop{
      position:absolute !important; left:0 !important; right:0 !important;
      top:calc(100% + 12px) !important; bottom:auto !important;
      transform:none !important; width:auto !important; max-width:none !important;
      z-index:95 !important;
    }
  }
  /* villa page: back/share circles inside the photo (mobile) */
  @media (max-width:860px){
    .mla-villa .details-header{ padding-top:28px !important; }
  }
  /* amenities / important notes: no more white-on-white from inline DB styles */
  .mla-villa .instructions, .mla-villa .instructions p, .mla-villa .instructions li,
  .mla-villa .instructions span, .mla-villa .instructions pre, .mla-villa .instructions h6{
    color:rgba(18,18,17,.78) !important;
  }
  .mla-villa .instructions h6{ color:#121211 !important; }
  /* any leftover embedded google map dies */
  .mla-villa iframe[src*="google.com/maps"]{ display:none !important; }
  /* non-Miami villas: hide the Miami drive-time chips */
  .mla-villa .loc-nomi .loc-chips{ display:none !important; }
  
  /* v12.4b — decisive bar positioning (outranks all earlier searchbar rules) */
  @media (min-width:861px){
    body.mla-list .searchbar{
      position:fixed !important; top:47px !important; left:50% !important;
      transform:translateX(-50%) !important; bottom:auto !important;
      width:auto !important; z-index:120 !important; margin:0 !important;
    }
  }
  @media (max-width:860px){
    body.mla-list .searchbar{
      position:absolute !important; top:auto !important; bottom:-27px !important;
      left:16px !important; right:16px !important; transform:none !important;
      width:auto !important; z-index:40 !important; margin:0 !important;
    }
  }
  
  /* v12.6 — desktop back button; amenities text black */
  @media (min-width:861px){
    .mla-villa .details-header{
      display:block !important; position:absolute; top:168px; left:0; right:0;
      z-index:30; background:none; padding:0;
    }
  }
  .mla-villa .amenities, .mla-villa .amenities *:not(.main-btn):not(.show-space){
    color:#141412 !important;
  }
  .mla-villa .amenities h6{ color:#121211 !important; }
  
  /* v12.7 — guest reviews on villa pages */
  .mla-villa .vrev-row{ margin-top:10px; }
  .mla-villa .vrev-sum{ font-family:'Instrument Sans',sans-serif; font-size:16px; color:rgba(18,18,17,.75); margin:0 0 16px; }
  .mla-villa .vrev-sum b{ color:#121211; font-size:18px; }
  .mla-villa .vrev-star{ color:#C9A84C; }
  .mla-villa .vrev-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:34px; }
  .mla-villa .vrev-card{
    margin:0; padding:26px 24px 22px;
    border:1px solid rgba(18,18,17,.1); border-radius:18px;
    background:#fff;
    box-shadow:0 1px 3px rgba(18,18,17,.04), 0 14px 32px -18px rgba(18,18,17,.18);
  }
  .mla-villa .vrev-card .rv-stars{ display:flex; gap:4px; }
  .mla-villa .vrev-card .rv-stars svg{ width:14px; height:14px; color:#C9A84C; }
  .mla-villa .vrev-card p{
    font-family:'Instrument Sans',sans-serif; font-weight:300;
    font-size:14.5px; line-height:1.65; color:rgba(18,18,17,.75) !important;
    margin:16px 0 0;
  }
  .mla-villa .vrev-who{
    display:flex; flex-direction:column; gap:4px;
    margin-top:18px; padding-top:16px;
    border-top:1px solid rgba(18,18,17,.1);
    background:none !important;
  }
  .mla-villa .vrev-who b{
    font-family:'Instrument Sans',sans-serif; font-size:14px; font-weight:500;
    color:#121211 !important;
  }
  .mla-villa .vrev-who span{
    font-family:'Instrument Sans',sans-serif; font-size:11px; font-weight:500;
    letter-spacing:.08em; text-transform:uppercase; color:rgba(18,18,17,.45);
  }
  @media (max-width:860px){ .mla-villa .vrev-grid{ grid-template-columns:1fr; } }
  
  /* ═══ v13 — yacht & car pages on the white/gold system (.mla-svc) ═══ */
  .mla-svc .banner-header{ min-height:0 !important; height:auto !important; padding:56px 0 6px !important; background:#fff !important; }
  .mla-svc .banner-header *{ color:#121211 !important; }
  .mla-svc .yachts-details, .mla-svc .limo-overview{ background:#fff !important; }
  .mla-svc .yachts-details h2{ color:#121211 !important; }
  .mla-svc .prop-card, .mla-svc .prop-card .pro-cont, .mla-svc .prop-card .pro-img{ background:transparent !important; border:0 !important; box-shadow:none !important; }
  .mla-svc .prop-card{ margin-bottom:30px; }
  .mla-svc .prop-card .pro-img img{ border-radius:18px; }
  .mla-svc .pro-cont{ padding:16px 4px 0 !important; }
  .mla-svc .pro-cont, .mla-svc .pro-cont h3, .mla-svc .pro-cont h3 a, .mla-svc .pro-cont h5,
  .mla-svc .pro-cont p, .mla-svc .pro-cont li, .mla-svc .pro-cont span{ color:#141412 !important; }
  .mla-svc .pro-cont .amn li{ color:rgba(18,18,17,.75) !important; font-weight:300; }
  .mla-svc .pro-cont .amn li i{ color:rgba(18,18,17,.5) !important; }
  .mla-svc .pro-cont .descp, .mla-svc .pro-cont .descp *{ color:rgba(18,18,17,.7) !important; font-weight:300; }
  .mla-svc .main-btn{
    background:#C9A84C !important; color:#141006 !important;
    border:0 !important; border-radius:999px !important; padding:13px 26px !important;
    font-weight:500 !important; text-transform:none !important; letter-spacing:.02em !important;
    transition:background .2s ease, transform .12s ease !important;
  }
  .mla-svc .main-btn:hover{ background:#E4C878 !important; }
  .mla-svc .main-btn:active{ transform:translateY(1px) scale(.98); }
  .mla-svc .reviews-section{ display:none !important; }
  
  /* v13.1 — yacht/car cards aligned + contact actions */
  .mla-svc .prop-card{ display:flex; flex-direction:column; }
  .mla-svc .pro-cont{ display:flex; flex-direction:column; flex:1; }
  .mla-svc .prop-view-btn{ margin-top:auto !important; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .mla-svc .svc-actions{ display:flex; gap:10px; }
  .mla-svc .svc-msg{
    display:inline-flex; align-items:center; padding:13px 22px;
    border:1px solid rgba(18,18,17,.2) !important; border-radius:999px;
    background:#fff !important; color:#141412 !important; font-weight:500; font-size:14px;
  }
  .mla-svc .svc-msg:hover{ background:#F6F6F5 !important; }
  /* v13.1b — car cards share the alignment + white text fix */
  .mla-svc .limos-details{ display:flex; flex-direction:column; height:100%; background:transparent !important; border:0 !important; }
  .mla-svc .limo-content{ display:flex; flex-direction:column; flex:1; background:transparent !important; }
  .mla-svc .limo-content, .mla-svc .limo-content *{ color:#141412 !important; }
  .mla-svc .limo-content .svc-actions{ margin-top:auto; padding-top:12px; }
  .mla-svc .limo-images img{ border-radius:18px; }
  /* v13.2 — no wrapping in price/buttons row */
  .mla-svc .prop-view-btn .view h5, .mla-svc .prop-view-btn .view p{ white-space:nowrap; font-size:17px !important; }
  .mla-svc .svc-actions a{ white-space:nowrap; padding:12px 20px !important; font-size:13.5px !important; }
  /* v13.3 — price above, buttons below (no more column bleed) */
  .mla-svc .prop-view-btn{ flex-wrap:wrap !important; justify-content:flex-start !important; gap:8px 12px !important; }
  .mla-svc .prop-view-btn .view{ flex:1 1 100%; }
  
  
  /* ═══ v13.4 — Andrew doc-3 batch ═══ */
  /* 4) amenities Show More matches the description one (white pill) */
  .mla-villa .amn-btn .main-btn{
    background:#fff !important; color:#121211 !important;
    border:1px solid rgba(18,18,17,.16) !important;
    box-shadow:0 2px 10px rgba(18,18,17,.06) !important;
    font-family:'Instrument Sans',sans-serif !important; font-weight:500 !important;
    font-size:14px !important; letter-spacing:.02em !important; text-transform:none !important;
    border-radius:999px !important; padding:13px 24px !important;
    display:inline-flex !important; align-items:center; gap:8px;
    transition:background .2s ease !important;
  }
  .mla-villa .amn-btn .main-btn:hover{ background:#F6F6F5 !important; }
  .mla-villa .amn-btn .main-btn svg{ fill:#121211; }
  
  /* 2) mobile Book Now: gentle attention pulse every 5s */
  @keyframes mlaBookPulse{
    0%, 86%, 100%{ scale:1; box-shadow:none; }
    93%{ scale:1.05; box-shadow:0 6px 22px rgba(201,168,76,.55); }
  }
  @media (max-width:860px){
    .mla-villa .book-now-mob .book-now{ animation:mlaBookPulse 5s ease-in-out infinite; }
  }
  
  /* 1) villas list — bar must paint ABOVE the darkened header.
     hero-inner is a flex child: any z-index other than auto traps the fixed
     bar inside that layer, and the header (z 100) covers it on scroll.
     Leave hero-inner at auto so the bar's own z-index can sit above the header.
     Clicks pass through the empty parts so the logo stays usable. */
  .mla-list .site-header{ z-index:100; }
  .mla-list .hero-inner{ z-index:auto; pointer-events:none; }
  .mla-list .hero-inner *{ pointer-events:auto; }
  @media (min-width:861px){
    .mla-list .searchbar{ box-shadow:0 10px 28px rgba(0,0,0,.16); }
  }
  /* 1+3) mobile: tighter hero (bar nearer the badges, villas arrive sooner),
     and the bar pins under the promo strip once you scroll past the hero */
  @media (max-width:860px){
    .mla-list .hero{ height:330px !important; }
    .mla-list .hero-inner{ padding-top:56px !important; }
    .mla-list .hero-badges{ margin-top:10px !important; }
    body.mla-list.sb-stuck .hero-inner{ z-index:110; }
    body.mla-list.sb-stuck .searchbar{
      position:fixed !important; top:36px !important; bottom:auto !important;
      left:12px !important; right:12px !important; z-index:110 !important;
      box-shadow:0 10px 26px rgba(0,0,0,.22);
    }
  }
  
  /* v13.6 — car cards: the contact buttons inherited the old full-card
     overlay-anchor styling (huge, stacked on top of each other). Real pills. */
  .mla-svc .limo-content .svc-actions{ display:flex !important; gap:10px; }
  .mla-svc .limo-content .svc-actions a{
    position:static !important; inset:auto !important;
    width:auto !important; height:auto !important; min-height:0 !important;
    flex:1 1 0; display:flex !important; align-items:center; justify-content:center;
    padding:12px 18px !important; border-radius:999px !important;
    font-size:13.5px !important; white-space:nowrap; box-shadow:none;
  }
  .mla-svc .limo-content .svc-actions .main-btn{ background:#C9A84C !important; border:0 !important; }
  .mla-svc .limo-content .svc-actions .svc-msg{ background:#fff !important; border:1px solid rgba(18,18,17,.18) !important; }
  
  
  /* ═══ v13.7 — villa-page calendar: readable range fill + clean tooltip ═══ */
  .mla-villa .datepicker__month-day--selected{ color:#121211 !important; }
  .mla-villa .datepicker__month-day--selected::before{ background:rgba(201,168,76,.25) !important; }
  .mla-villa .datepicker__month-day--first-day-selected,
  .mla-villa .datepicker__month-day--last-day-selected{ color:#fff !important; }
  .mla-villa .datepicker__month-day--first-day-selected::before,
  .mla-villa .datepicker__month-day--last-day-selected::before{ background:#C9A84C !important; }
  body .datepicker__tooltip{ background:#fff !important; color:#121211 !important; border:1px solid rgba(18,18,17,.14) !important;
    border-radius:8px !important; padding:5px 9px !important; font-size:12px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.14) !important; white-space:nowrap;
    opacity:1 !important; z-index:10000 !important; pointer-events:none; position:absolute !important; }
  body .datepicker__tooltip::after, body .datepicker__tooltip::before{ display:none !important; }
  
  /* v13.8 — the selected-day markers never painted: the ::before pseudo had content:none.
     Endpoints = solid gold circles, in-between days = a continuous soft band. */
  .mla-villa .datepicker__month-day{ position:relative; }
  .mla-villa .datepicker__month-day--selected::before,
  .mla-villa .datepicker__month-day--first-day-selected::before,
  .mla-villa .datepicker__month-day--last-day-selected::before{
    content:'' !important; position:absolute !important; z-index:-1;
  }
  .mla-villa .datepicker__month-day--selected::before{
    inset:3px 0 !important; width:auto !important; height:auto !important; border-radius:0 !important;
  }
  .mla-villa .datepicker__month-day--first-day-selected::before,
  .mla-villa .datepicker__month-day--last-day-selected::before{
    inset:0 !important; margin:auto !important; width:34px !important; height:34px !important; border-radius:50% !important;
  }
  .mla-villa .datepicker__month-day--selected,
  .mla-villa .datepicker__month-day--first-day-selected,
  .mla-villa .datepicker__month-day--last-day-selected{ z-index:1; }
  
  /* v13.8b — pseudo-element markers lost the paint-order fight; draw straight on the cells */
  .mla-villa .datepicker__month-day--selected::before,
  .mla-villa .datepicker__month-day--first-day-selected::before,
  .mla-villa .datepicker__month-day--last-day-selected::before{ display:none !important; }
  .mla-villa .datepicker__month-day--selected{
    background:linear-gradient(rgba(201,168,76,.25), rgba(201,168,76,.25)) !important;
    color:#121211 !important;
  }
  .mla-villa .datepicker__month-day--first-day-selected,
  .mla-villa .datepicker__month-day--last-day-selected{
    background:radial-gradient(circle 17px at center, #C9A84C 97%, rgba(201,168,76,.25) 100%) !important;
    color:#fff !important;
  }
  
  /* ═══ v14.0 — calendar unified to the checkout style + explicit guests ═══ */
  .mla-villa .datepicker__month-day--first-day-selected,
  .mla-villa .datepicker__month-day--last-day-selected{
    background:radial-gradient(circle 17px at center, #0B0B09 97%, #F2F0EC 100%) !important;
    color:#fff !important;
  }
  .mla-villa .datepicker__month-day--selected{ background:#F2F0EC !important; color:#141412 !important; }
  .mla-villa .datepicker__month-day--checkout-enabled{ color:#A8A59E !important; text-decoration:none !important; }
  /* guests control — quiet gray box like the checkout, loud red when ignored */
  .mla-villa .guest-counter-control{
    border:1px solid rgba(18,18,17,.16) !important; border-radius:11px !important;
    background:#F4F3F0 !important; transition:border-color .2s ease, background .2s ease;
  }
  .mla-villa .guest-counter-control .gst{ background:transparent !important; }
  .mla-villa .guest-counter-control .gst::placeholder{ color:rgba(18,18,17,.45); font-size:13px; }
  .mla-villa .guest-counter-control.gv-error{
    border:1.6px solid #C0392B !important; background:rgba(192,57,43,.07) !important;
    animation:gvShake .3s ease 1;
  }
  @keyframes gvShake{ 0%,100%{transform:translateX(0)} 30%{transform:translateX(-4px)} 60%{transform:translateX(4px)} }
  
  /* ═══ v14.1 — calendar polish ═══ */
  /* endpoints must beat the cream --selected rule (both classes sit on the same day) */
  html body.mla-villa .datepicker__month-day--first-day-selected,
  html body.mla-villa .datepicker__month-day--last-day-selected{
    color:#fff !important; border-radius:0 !important;
  }
  /* date + guests fields: one family, one weight — no odd fonts */
  .mla-villa .check-form input, .mla-villa .booking-box .gst{
    font-family:'Instrument Sans', sans-serif !important; font-size:15px !important;
    font-weight:500 !important; color:#121211 !important; letter-spacing:0 !important;
  }
  /* quote recalculates quietly in place: no collapse, just a soft dim */
  .mla-villa #gaurav-new-data-area{ min-height:0; transition:opacity .18s ease; }
  .mla-villa #gaurav-new-data-area:empty{ display:none; }
  .mla-villa .booking-box .gst-word{
    display:inline !important; margin-left:0; font-size:15px; font-weight:500; color:#121211 !important;
    white-space:nowrap;
  }
  .mla-villa .guest-counter-control .input-wrapper{
    display:flex !important; align-items:center; justify-content:center; gap:6px;
  }
  .mla-villa .guest-counter-control .gst{
    width:1.6em !important; min-width:1.2em !important; flex:0 0 auto !important;
  }
  .mla-villa .guest-counter-control .input-wrapper > label{ display:none !important; }
  .mla-villa .booking-box .bk-sheet-meta,
  .mla-villa .booking-box .bk-sheet-secure,
  .mla-villa .booking-box .bk-sheet-arrow{ display:none; }
  
  /* ═══ v15 — mobile Book Now sheet (client mock) ═══ */
  @media (max-width:860px){
    .mla-villa #book.bf-open .booking-box{
      padding:22px 22px 28px !important;
      background:#fff !important;
    }
    .mla-villa #book.bf-open .close2{
      top:16px !important; right:16px !important;
      width:36px !important; height:36px !important;
      background:#F1F0EE !important; border:0 !important; box-shadow:none !important;
      color:#121211 !important;
    }
    .mla-villa #book.bf-open .req{
      order:1; font-family:'Figtree',sans-serif !important; font-weight:600 !important;
      font-size:34px !important; line-height:1.05 !important; letter-spacing:-.02em !important;
      color:#121211 !important; margin:42px 0 8px !important;
    }
    .mla-villa #book.bf-open .prc{
      order:2; font-family:'Instrument Sans',sans-serif !important; font-weight:400 !important;
      font-size:16px !important; color:rgba(18,18,17,.62) !important; margin:0 0 28px !important;
    }
    .mla-villa #book.bf-open .prc em{
      font-style:normal; font-weight:500; color:#C9A84C !important;
    }
    .mla-villa #book.bf-open .prc span{ color:rgba(18,18,17,.45) !important; font-size:16px !important; }
    .mla-villa #book.bf-open form.booking_form{ order:3; flex:1; display:flex; flex-direction:column; }
    .mla-villa #book.bf-open .guest-form{ flex:1 1 auto; display:flex; flex-direction:column; }
    .mla-villa #book.bf-open .guest-form > .col-12:last-child{ margin-top:0; padding-top:0; }
  
    /* dates: one white card, gold labels */
    .mla-villa #book.bf-open .check-form{
      display:flex !important; flex-wrap:nowrap !important; margin:0 0 12px !important;
      background:#fff !important; border:1px solid rgba(18,18,17,.12) !important;
      border-radius:16px !important; overflow:hidden; position:relative;
    }
    .mla-villa #book.bf-open .check-form .col-6{ width:50% !important; padding:0 !important; }
    .mla-villa #book.bf-open .check-form .col-6:first-child{ border-right:1px solid rgba(18,18,17,.1); }
    .mla-villa #book.bf-open .check-form .form-text{
      margin:0 !important; padding:14px 16px 12px !important; background:transparent !important;
    }
    .mla-villa #book.bf-open .check-form label{
      color:#C9A84C !important; font-size:10px !important; letter-spacing:.14em !important;
      font-weight:500 !important; margin:0 0 6px !important;
    }
    .mla-villa #book.bf-open .check-form .form-control{
      height:auto !important; min-height:0 !important; border:0 !important; padding:0 28px 0 0 !important;
      background:transparent !important; font-size:16px !important; font-weight:400 !important;
      border-radius:0 !important; color:#121211 !important;
    }
    .mla-villa #book.bf-open .check-form .form-text i{
      color:#C9A84C !important; right:14px; top:50%; bottom:auto; transform:translateY(-10%);
      font-size:15px;
    }
    .mla-villa #book.bf-open .datepicker-main{ position:absolute !important; inset:0 !important; background:transparent !important; }
    .mla-villa #book.bf-open #demo17{ width:100% !important; height:100% !important; }
  
    /* guests: matching card + pill stepper */
    .mla-villa #book.bf-open .guest-form{ margin:0 !important; }
    .mla-villa #book.bf-open .guest-form .guest{ padding:0 !important; }
    .mla-villa #book.bf-open .guest-form .guest .form-text{
      margin:0 !important; padding:14px 16px 14px !important;
      background:#fff !important; border:1px solid rgba(18,18,17,.12) !important;
      border-radius:16px !important;
    }
    .mla-villa #book.bf-open .guest-form label{
      color:#C9A84C !important; font-size:10px !important; letter-spacing:.14em !important;
      font-weight:500 !important; margin:0 0 8px !important;
    }
    .mla-villa #book.bf-open .guest-counter-control{
      height:48px !important; padding:0 6px !important;
      background:#fff !important; border:1px solid rgba(18,18,17,.14) !important;
      border-radius:999px !important;
    }
    .mla-villa #book.bf-open .btn-counter{
      width:34px !important; height:34px !important; border-radius:50% !important;
      border:1px solid rgba(18,18,17,.16) !important; background:#fff !important;
      color:#121211 !important; font-size:18px !important; font-weight:400 !important;
    }
    .mla-villa #book.bf-open .input-wrapper{
      display:flex !important; align-items:center; justify-content:center; gap:6px;
    }
    .mla-villa #book.bf-open .gst{
      width:1.35em !important; flex:none; font-size:16px !important; font-weight:500 !important;
      color:#121211 !important; background:transparent !important;
    }
    .mla-villa #book.bf-open .gst-word{
      display:inline !important; font-family:'Instrument Sans',sans-serif;
      font-size:16px; font-weight:500; color:#121211;
    }
    .mla-villa #book.bf-open .guest-tip{ margin:10px 0 0 !important; }
  
    /* trust block + gold CTA pinned to the foot */
    .mla-villa #book.bf-open .bk-sheet-foot{ margin-top:auto; padding-top:8px; }
    .mla-villa #book.bf-open .bk-sheet-meta{ display:block; }
    .mla-villa #book.bf-open .bk-sheet-rule{
      height:1px; background:rgba(18,18,17,.1); position:relative; margin:18px 0 20px;
    }
    .mla-villa #book.bf-open .bk-sheet-rule::after{
      content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
      width:7px; height:7px; border-radius:50%; background:#C9A84C;
    }
    .mla-villa #book.bf-open .bk-sheet-trust{
      list-style:none; margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:16px;
    }
    .mla-villa #book.bf-open .bk-sheet-trust li{
      display:flex; align-items:flex-start; gap:12px;
    }
    .mla-villa #book.bf-open .bk-sheet-trust svg{
      width:22px; height:22px; flex:none; color:#C9A84C; margin-top:1px;
    }
    .mla-villa #book.bf-open .bk-sheet-trust b{
      display:block; font-family:'Instrument Sans',sans-serif; font-weight:600;
      font-size:15px; color:#121211; line-height:1.25;
    }
    .mla-villa #book.bf-open .bk-sheet-trust b i{
      font-style:normal; color:#C9A84C;
    }
    .mla-villa #book.bf-open .bk-sheet-trust span{
      display:block; font-family:'Instrument Sans',sans-serif; font-weight:300;
      font-size:13.5px; color:rgba(18,18,17,.5); margin-top:2px;
    }
    .mla-villa #book.bf-open .bk-sheet-cta{ padding:0 !important; width:100%; }
    .mla-villa #book.bf-open #submit-button-gaurav-data1{
      display:flex !important; align-items:center; justify-content:center; gap:10px;
      width:100%; margin:0 !important; padding:16px 24px !important;
      background:#C9A84C !important; color:#fff !important;
      font-size:16.5px !important; font-weight:500 !important;
      border-radius:14px !important; box-shadow:none !important;
    }
    .mla-villa #book.bf-open .bk-sheet-arrow{ display:block; width:16px; height:16px; }
    .mla-villa #book.bf-open .bk-sheet-secure{
      display:flex; align-items:center; justify-content:center; gap:7px;
      margin:12px 0 0; font-family:'Instrument Sans',sans-serif; font-weight:400;
      font-size:12.5px; color:rgba(18,18,17,.42);
    }
    .mla-villa #book.bf-open .bk-sheet-secure svg{ width:13px; height:13px; }
    .mla-villa #book.bf-open .discount-box{ display:none !important; }
  }
  
  /* villa calendar: sit under the date fields on the right, not the screen center */
  /* invisible #demo17 must cover the whole date row so the calendar can open */
  .mla-villa .booking-box .check-form{ position:relative !important; }
  .mla-villa .booking-box .datepicker-main{
    position:absolute !important; inset:0 !important; z-index:8 !important;
    pointer-events:auto !important; background:transparent !important;
  }
  .mla-villa .booking-box #demo17{
    position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important;
    top:0 !important; left:0 !important; bottom:auto !important;
    opacity:0 !important; z-index:9 !important; cursor:pointer !important;
    pointer-events:auto !important;
  }
  .mla-villa #datepicker-demo17.datepicker{ z-index:40 !important; }
  .mla-villa #datepicker-demo17.datepicker--closed{ pointer-events:none !important; }
  @media (min-width:861px){
    .mla-villa .details-amenities,
    .mla-villa .booking-box,
    .mla-villa .booking-box .check-form,
    .mla-villa .booking-box .datepicker-main{
      overflow:visible !important;
    }
    html.mla-villa body #datepicker-demo17.datepicker{
      position:absolute !important;
      top:calc(100% + 10px) !important;
      left:auto !important;
      right:0 !important;
      transform:none !important;
      margin:0 !important;
    }
    html.mla-villa body #datepicker-demo17.datepicker.datepicker--closed{
      transform:none !important;
    }
  }
  

/* 11 Oct: the old theme's heading font (--secondary-font, Gilda Display serif) -> the site heading font, so headings
   like the villa page's "Neighborhood" match the rest (Andrew's font change, 10 Oct) */
:root{ --secondary-font:'Figtree', system-ui, sans-serif; }