/* ================================================================
   7MIRRORS — MASTER CSS (PERFORMANCE OPTIMISED)
   Changes vs original:
   - overflow-x: hidden on html/body (fixes horizontal scroll)
   - overscroll-behavior-x: none (prevents bounce repaints)
   - backdrop-filter disabled on mobile < 768px
   - backdrop-filter removed from non-essential desktop elements
   - will-change + translateZ(0) on animated cards
   - Heavy hover box-shadows reduced
   - Duplicate .sm-home-intro-media/.sm-glass-note block removed
   - isolation:isolate removed from checkout steps (stacking ctx fix)
   - scroll-behavior: smooth added
   - prefers-reduced-motion: disables all transitions/animations
   ================================================================ */

/* ================================================================
   PERF-0: CRITICAL GLOBAL FIXES (applied before everything else)
   ================================================================ */

/* 1) Prevent horizontal scroll */
html {
  overflow-x: hidden;
  max-width: 100%;
}
body {
  /* Remove overflow-x: hidden from body — move it to html only */
  overscroll-behavior-x: none;
  max-width: 100%;
}
section#mphb-coupon-details{
	display:none;
}


/* 2) Prevent overscroll bounce causing repaints on mobile */
body {
  overscroll-behavior-x: none;
}

/* 3) Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* 4) Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    will-change: auto !important;
  }
}

/* 5) MOBILE: disable ALL backdrop-filter — biggest scroll perf fix */
@media (max-width: 768px) {
  *,
  *::before,
  *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* 6) DESKTOP: remove backdrop-filter from non-essential elements */
@media (min-width: 769px) {
  .sevenmirrors-mphb-booking-under-calendar .mphb_sc_booking_form-wrapper,
  .sevenmirrors-seo-boost,
  .sevenmirrors-maps,
  .safar-mphb-single-sidebar .safar-mphb-single-sidebar-widget.sevenmirrors-sidebar-amenities,
  .safar-mphb-single-sidebar .safar-mphb-single-sidebar-widget.sevenmirrors-sidebar-weather,
  .sevenmirrors-sidebar-weather__body .splw-lite-wrapper,
  .safar-mphb-step-progress,
  .sm-faq-item,
  .sm-chip,
  .sm-pill,
  .sm-badge,
  .sm-badge2,
  .elementor-element-c0642ce .sm-gc-perks,
  .elementor-element-c0642ce .sm-faq,
  #mphb-services-details-0.mphb-services-details,
  .post-37726 #mphb-services-details-0.mphb-services-details,
  .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
  .wp-block-woocommerce-cart .wc-block-cart__sidebar,
  .omnivalt-terminals-list .inner-container,
  .safar-mphb-similar-accommodation .safar-accommodation-4__wrap,
  .pillupdate .sm-pill,
  .elementor-element-48842a5 p,
  .elementor-element-48842a5 .elementor-widget-container p,
  .elementor-37195 .safar-accommodation-adventure-item,
  .sm-exp-card,
  .sm-rev-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* 7) GPU compositing layers for animated elements */
.safar-accommodation-17__item,
.safar-mphb-similar-accommodation .safar-accommodation-9__item,
.elementor-element-13c2afb .safar-accommodation-adventure-item,
.elementor-37195 .safar-accommodation-adventure-item,
.sm-card,
.sm-exp-card,
.sm-rev-card,
.ios26-toc-card,
.sm-partner {
  will-change: transform;
  transform: translateZ(0);
}

/* 8) Prevent Elementor sections from causing horizontal overflow */
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-column,
.e-con,
.e-con-inner {
  max-width: 100%;
  min-width: 0;
}




/* ================================================================
   SECTION 0: GLOBAL CSS VARIABLES (consolidated from 6 :root blocks)
   ================================================================ */

:root {
  /* Brand colours */
  --sm-accent:       #DF895B;
  --sm-accent-2:     #C97A4F;
  --sm-green:        #22463B;
  --sm-green-light:  rgba(34,70,59,.08);
  --sm-amber:        #df895b;
  --sm-amber-2:      #C97A4F;
  --sm-amber-light:  rgba(223,137,91,.14);

  /* Ink / text */
  --sm-ink:          #101828;
  --sm-text:         rgba(16,24,40,.88);
  --sm-muted:        rgba(0,0,0,.60);

  /* Glass surfaces */
  --sm-glass:        rgba(255,255,255,.82);
  --sm-glass-2:      rgba(255,255,255,.62);
  --sm-card:         rgba(255,255,255,.78);
  --sm-card-border:  rgba(0,0,0,.08);
  --sm-glass-border: rgba(0,0,0,.07);

  /* Borders */
  --sm-border:       rgba(0,0,0,.08);
  --sm-bg:           rgba(255,255,255,1);
  --sm-soft:         rgba(223,137,91,.10);

  /* Shadows */
  --sm-shadow:       0 18px 48px rgba(16,24,40,.10);
  --sm-shadow-sm:    0 8px 22px rgba(16,24,40,.07);
  --sm-shadow-soft:  0 10px 30px rgba(0,0,0,.06);

  /* Shape */
  --sm-radius:       22px;
  --sm-radius-sm:    14px;
  --sm-blur:         blur(16px);

  /* Calendar-specific */
  --sm-shadow-soft:  0 10px 24px rgba(16,24,40,.10);

  /* Glass variables (Apple tinted system) */
  --glass-bg:        rgba(255,255,255,.10);
  --glass-tint:      rgba(226,147,104,.16);
  --glass-border:    rgba(255,255,255,.22);
  --glass-edge:      rgba(0,0,0,.08);
  --glass-shadow:    0 18px 60px rgba(9,9,11,.12);
  --glass-shadow-hover: 0 28px 88px rgba(9,9,11,.18);
  --glass-radius:    18px;
  --glass-blur:      18px;
}


/* ================================================================
   SECTION 1: MENU COMPACT (NUKE)
   ================================================================ */

/* Nav links: remove theme padding, compact sizing */
.safar-header-area.safar-navbar-expand-lg ul.safar-navbar-nav > li > a.nav-link,
.safar-header-area ul.safar-navbar-nav > li > a,
.safar-header-navbar ul#primary-menu-custom-id > li > a.nav-link {
  padding: 0 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: auto !important;
  letter-spacing: 0.15px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: nowrap;
  height: 64px !important;
  line-height: 64px !important;
}

/* Nav list: smaller gap */
.safar-header-area ul.safar-navbar-nav,
.safar-header-navbar ul#primary-menu-custom-id {
  gap: 6px !important;
  column-gap: 6px !important;
}

/* Nav items: no flex stretch */
.safar-header-area ul.safar-navbar-nav > li,
.safar-header-navbar ul#primary-menu-custom-id > li {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Dropdown caret */
.safar-header-area ul.safar-navbar-nav > li.menu-item-has-children > a::before {
  inset-inline-end: -5px !important;
  inset-block-end: 32px !important;
  font-size: 12px !important;
  opacity: .75 !important;
}

/* Dropdown menu */
.safar-header-area .main-navigation ul ul.safar-dropdown-menu,
.safar-header-navbar #primary-menu-custom-id .safar-dropdown-menu {
  padding: 10px 0 !important;
  min-width: 210px !important;
  border-radius: 14px !important;
}

.safar-header-area ul.safar-navbar-nav .dropdown ul.safar-dropdown-menu li a,
.safar-header-navbar #primary-menu-custom-id .safar-dropdown-menu > li > a.nav-link {
  padding: 8px 14px !important;
  width: 100% !important;
  font-size: 13.5px !important;
  letter-spacing: 0.1px !important;
}

@media (max-width: 1366px) {
  .safar-header-area.safar-navbar-expand-lg ul.safar-navbar-nav > li > a.nav-link,
  .safar-header-area ul.safar-navbar-nav > li > a {
    padding: 0 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 13.5px !important;
  }
}


/* ================================================================
   SECTION 2: STICKY HEADER — Apple tinted glass
   ================================================================ */

#masthead.header-get-sticky.safar-header-sticky {

  top: 0;
  z-index: 9999;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  border-bottom: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 60px rgba(9,9,11,.10);
}

#masthead.header-get-sticky.safar-header-sticky::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -60%;
  height: 120%;
  background: radial-gradient(closest-side, rgba(255,255,255,.28), rgba(255,255,255,0));
  pointer-events: none;
}

#masthead.header-get-sticky.safar-header-sticky .theme-header-1-navigation,
#masthead.header-get-sticky.safar-header-sticky .safar-header-right {
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 12px 40px rgba(9,9,11,.10);
  backdrop-filter: blur(14px) saturate(1.25);
  -webkit-backdrop-filter: blur(14px) saturate(1.25);
}

#masthead.header-get-sticky.safar-header-sticky .safar-header-area .main-navigation ul ul.safar-dropdown-menu {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid rgba(0,0,0,.06);
}

#masthead.header-get-sticky.safar-header-sticky .safar-header-area ul.safar-navbar-nav li a {
  color: rgba(0,0,0,.82) !important;
}

#masthead.header-get-sticky.safar-header-sticky .safar-header-area ul.safar-navbar-nav > li:hover > a,
#masthead.header-get-sticky.safar-header-sticky .safar-header-area ul.safar-navbar-nav > li.menu-item-has-children:hover > a {
  color: var(--safar-primary-color) !important;
}

#masthead.header-get-sticky.safar-header-sticky .theme-header-1 .safar-header-area {
  height: 100px;
}


/* ================================================================
   SECTION 3: PAGE LAYOUT TWEAKS
   ================================================================ */

.elementor-page.single .safar-main-content-inner,
.safar-section-gap,
.safar-main-content-inner {
  padding-block-start: 15px;
}

.safar-hotel-details__border {
  display: none;
}


/* ================================================================
   SECTION 4: iOS26 LEGAL UI (Light Luxury)
   ================================================================ */

.ios26-legal-wrap {
  padding: clamp(36px, 5vw, 60px) 0;
}

.ios26-legal-container {
  width: min(1100px, 92vw);
  margin: 0 auto;
}

/* Hero */
.ios26-legal-hero {
  background: #ffffff;
  border: 1px solid #ECEEF2;
  border-radius: 26px;
  padding: clamp(28px, 3.5vw, 48px);
  box-shadow: 0 20px 60px rgba(16,24,40,.06);
}

.ios26-legal-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #F2F4F7;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #344054;
}

.ios26-legal-hero__title {
  margin: 18px 0 12px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -.5px;
  color: #101828;
}

.ios26-legal-hero__subtitle {
  margin: 0;
  font-size: 16.5px;
  line-height: 1.7;
  max-width: 68ch;
  color: #475467;
}

.ios26-legal-hero__meta {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

/* Meta items */
.ios26-meta-item {
  background: #F9FAFB;
  border: 1px solid #E4E7EC;
  border-radius: 18px;
  padding: 14px 16px;
}

.ios26-meta-label {
  font-size: 12px;
  color: #667085;
}

.ios26-meta-value {
  margin-top: 4px;
  font-weight: 600;
  font-size: 15px;
  color: #101828;
}

/* Headings */
.ios26-legal-h2 {
  margin: 40px 0 18px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.2px;
  color: #101828;
}

/* Summary cards grid */
.ios26-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.ios26-summary-card {
  background: #ffffff;
  border: 1px solid #ECEEF2;
  border-radius: 22px;
  padding: 18px;
  display: flex;
  gap: 14px;
  box-shadow: 0 8px 24px rgba(16,24,40,.04);
}

.ios26-summary-card__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #F2F4F7;
  font-size: 18px;
}

.ios26-summary-card__title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
}

.ios26-summary-card__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #475467;
}

/* TOC cards */
.ios26-toc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.ios26-toc-card {
  display: block;
  text-decoration: none !important;
  color: inherit;
  background: #ffffff;
  border: 1px solid #ECEEF2;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 12px 34px rgba(16,24,40,.05);
  transition: all .2s ease;
}

.ios26-toc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
  border-color: #D0D5DD;
}

.ios26-toc-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.ios26-toc-card__pill {
  font-size: 12px;
  font-weight: 600;
  padding: 7px 12px;
  border-radius: 999px;
  background: #F2F4F7;
  color: #344054;
}

.ios26-toc-card__arrow {
  font-size: 18px;
  opacity: .6;
}

.ios26-toc-card__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}

.ios26-toc-card__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #475467;
}

/* Mini card */
.ios26-mini-card {
  background: #ffffff;
  border: 1px solid #ECEEF2;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 10px 28px rgba(16,24,40,.04);
}

.ios26-mini-list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.65;
  color: #475467;
}

/* Note */
.ios26-legal-note {
  margin-top: 18px;
  background: #F9FAFB;
  border: 1px solid #E4E7EC;
  border-radius: 18px;
  padding: 16px 18px;
  font-size: 14.5px;
  color: #475467;
}

/* Footer card */
.ios26-legal-footer__card {
  margin-top: 40px;
  background: #ffffff;
  border: 1px solid #ECEEF2;
  border-radius: 26px;
  padding: 26px;
  box-shadow: 0 20px 60px rgba(16,24,40,.06);
}

.ios26-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
  margin-top: 18px;
}

.ios26-contact-item {
  background: #F9FAFB;
  border: 1px solid #E4E7EC;
  border-radius: 18px;
  padding: 16px;
}

.ios26-contact-label {
  font-size: 12px;
  color: #667085;
  display: block;
  margin-bottom: 6px;
}

.ios26-contact-link {
  font-weight: 600;
  color: #101828;
  text-decoration: none;
}

.ios26-legal-footer__fine {
  margin-top: 18px;
  font-size: 12px;
  color: #98A2B3;
}

/* Table */
.ios26-table-wrap {
  margin-top: 12px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid #ECEEF2;
  box-shadow: 0 12px 30px rgba(16,24,40,.05);
}

.ios26-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.ios26-table th {
  text-align: left;
  padding: 16px;
  font-size: 13px;
  font-weight: 600;
  background: #F9FAFB;
  border-bottom: 1px solid #ECEEF2;
  color: #344054;
}

.ios26-table td {
  padding: 16px;
  font-size: 14.5px;
  border-bottom: 1px solid #F2F4F7;
  color: #475467;
}

.ios26-table tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 820px) {
  .ios26-summary-grid,
  .ios26-toc-grid,
  .ios26-legal-hero__meta,
  .ios26-contact-grid {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   SECTION 5: iOS26 ROOM HERO CARDS
   ================================================================ */

.ios26-room-hero {
  margin: 0 0 42px;
}

.ios26-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}

.ios26-hero-card {
  padding: 28px;
}

.ios26-eyebrow {
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
}

.ios26-title {
  margin: 0 0 10px;
  letter-spacing: -0.02em;
  font-size: 28px !important;
}

.ios26-subtitle {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(0,0,0,.72);
  max-width: 72ch;
}

.ios26-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 22px;
}

.ios26-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(34,70,59,.08);
  color: #22463B;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.ios26-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 6px;
}

.ios26-mini {
  padding: 18px 18px 16px;
}

.ios26-mini-title {
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.ios26-mini-subtitle {
  margin: 14px 0 10px;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
}

.ios26-list {
  margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.72);
}

.ios26-list li {
  margin: 0 0 8px;
  line-height: 1.55;
}

.ios26-kv {
  display: grid;
  gap: 10px;
}

.ios26-kv-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}

.ios26-kv-row span {
  color: rgba(0,0,0,.6);
}

.ios26-kv-row strong {
  color: rgba(0,0,0,.85);
  font-weight: 800;
}

.ios26-pillrow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ios26-pill {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.035);
  border: 1px solid rgba(0,0,0,.06);
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,.75);
}

.ios26-cta-row {
  margin-top: 16px;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(34,70,59,.06), rgba(34,70,59,.03));
  border: 1px solid rgba(34,70,59,.10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.ios26-muted {
  margin: 6px 0 0;
  color: rgba(0,0,0,.68);
  line-height: 1.55;
}

.ios26-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .02em;
  border: 1px solid transparent;
  white-space: nowrap;
}

.ios26-btn-primary {
  background: #22463B;
  color: #fff !important;
  border-color: #22463B;
}

.ios26-btn-primary:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
}

@media (max-width: 991px) {
  .ios26-hero-grid {
    grid-template-columns: 1fr;
  }
  .ios26-cta-row {
    flex-direction: column;
    align-items: stretch;
  }
  .ios26-btn {
    width: 100%;
  }
}


/* ================================================================
   SECTION 6: MPHB CALENDAR (availability + booking)
   ================================================================ */

.safar-mphb-single-availability-wrap {
  margin-block-end: 56px;
}

.safar-mphb-single-availability-wrap .safar-booking-single-component-heading {
  letter-spacing: .3px;
  margin-block-end: 22px;
}

/* Glass card */
.safar-mphb-single-availability-calendar .datepick {
  border: 1px solid var(--sm-card-border) !important;
  border-radius: var(--sm-radius) !important;
  overflow: hidden;
  background: var(--sm-card) !important;
  box-shadow: var(--sm-shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Nav bar */
.safar-mphb-single-availability-calendar .datepick .datepick-nav {
  background: linear-gradient(180deg, rgba(223,137,91,.95), rgba(223,137,91,.82)) !important;
  border-bottom: 1px solid rgba(255,255,255,.25);
}

.safar-mphb-single-availability-calendar .datepick .datepick-nav a {
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: .6px;
  padding: 14px 18px !important;
  opacity: .95;
}

.safar-mphb-single-availability-calendar .datepick .datepick-nav a:hover {
  background: rgba(0,0,0,.12) !important;
}

/* Month header */
.safar-mphb-single-availability-calendar .datepick .datepick-month-header {
  background: var(--sm-ink) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
  margin: 6px 10px 12px 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

.safar-mphb-single-availability-calendar .datepick .datepick-month-header,
.safar-mphb-single-availability-calendar .datepick .datepick-month-header select {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .6px;
}

/* Weekday row */
.safar-mphb-single-availability-calendar .datepick table thead th {
  background: transparent !important;
  border: none !important;
  color: rgba(0,0,0,.55) !important;
}

.safar-mphb-single-availability-calendar .datepick table thead th span {
  padding: 6px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase;
}

/* Grid spacing */
.safar-mphb-single-availability-calendar .datepick .datepick-month {
  padding: 10px 12px 14px 12px !important;
}

.safar-mphb-single-availability-calendar .datepick table {
  table-layout: fixed !important;
}

.safar-mphb-single-availability-calendar .datepick table tbody td {
  padding: 4px !important;
  background: transparent !important;
}

/* Date cells */
.safar-mphb-single-availability-calendar .mphb-calendar .mphb-date-cell {
  border-radius: 14px !important;
  position: relative;
  overflow: hidden;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  padding: 8px 6px !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
  font-weight: 700;
}

.safar-mphb-single-availability-calendar .mphb-date-cell {
  min-width: 0 !important;
}

/* Date cell price */
.safar-mphb-single-availability-calendar .mphb-calendar .mphb-date-cell__price {
  margin-top: 4px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: .95;
}

.safar-mphb-single-availability-calendar .mphb-calendar .mphb-price {
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* Available date */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-available-date {
  background: rgba(223,137,91,.14) !important;
  border: 1px solid rgba(223,137,91,.20);
  color: var(--sm-ink) !important;
}

.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-selectable-date--check-in:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(223,137,91,.20);
  filter: saturate(1.1);
}

/* Not available */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-not-available-date,
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-booked-date,
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-out-of-season-date {
  background: rgba(0,0,0,.06) !important;
  border: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.38) !important;
}

/* Unselectable checkout dates — grayed out FIRST (lowest priority) */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-unselectable-date--check-out {
  background: rgba(0,0,0,.05) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  color: rgba(0,0,0,.32) !important;
  opacity: 0.45 !important;
  filter: grayscale(0.3);
  pointer-events: none;
}

/* Selectable checkout dates (after check-in picked) — green tint, overrides gray */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-selectable-date--check-out {
  background: rgba(34,70,59,.13) !important;
  border: 1px solid rgba(34,70,59,.22) !important;
  color: var(--sm-ink) !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-selectable-date--check-out:hover {
  background: rgba(34,70,59,.22) !important;
  border-color: rgba(34,70,59,.38) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(34,70,59,.18) !important;
}

/* Selected check-in date — green, highest priority, overrides unselectable gray */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-selected-date--check-in,
.safar-mphb-single-availability-calendar .mphb-calendar td .datepick-selected,
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-unselectable-date--check-out.mphb-selected-date--check-in,
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-unselectable-date--check-out.datepick-selected {
  background: var(--sm-green) !important;
  color: #fff !important;
  border: 1px solid rgba(34,70,59,.30) !important;
  box-shadow: 0 12px 26px rgba(34,70,59,.28) !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}

/* Selected check-out date — green */
.safar-mphb-single-availability-calendar .mphb-calendar td .mphb-selected-date--check-out {
  background: var(--sm-green) !important;
  color: #fff !important;
  border: 1px solid rgba(34,70,59,.30) !important;
  box-shadow: 0 12px 26px rgba(34,70,59,.28) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Cell layout fix */
.safar-mphb-single-availability-calendar .datepick-month td a.mphb-date-cell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Bottom bar */
.safar-mphb-single-availability-calendar .datepick .datepick-ctrl {
  background: rgba(255,255,255,.70) !important;
  border-top: 1px solid rgba(0,0,0,.06);
  border-radius: 0 0 var(--sm-radius) var(--sm-radius) !important;
  padding: 12px 12px !important;
  gap: 10px;
}

.safar-mphb-single-availability-calendar .datepick .mphb-calendar__selected-dates {
  font-weight: 700;
  letter-spacing: .3px;
  color: rgba(0,0,0,.70);
}

.safar-mphb-single-availability-calendar .datepick .datepick-cmd-clear {
  color: var(--sm-accent) !important;
  font-weight: 800 !important;
  border-radius: 999px;
  padding: 6px 12px !important;
}

.safar-mphb-single-availability-calendar .datepick .datepick-cmd-clear:hover {
  background: rgba(223,137,91,.14) !important;
  color: var(--sm-accent-2) !important;
}

@media (max-width: 1100px) {
  .safar-mphb-single-availability-calendar .datepick table tbody td {
    padding: 3px !important;
  }
  .safar-mphb-single-availability-calendar .mphb-calendar .mphb-date-cell {
    padding: 7px 5px !important;
    font-size: 13px !important;
  }
  .safar-mphb-single-availability-calendar .mphb-calendar .mphb-price {
    font-size: 10.5px !important;
  }
}

@media (max-width: 767px) {
  .safar-mphb-single-availability-calendar .datepick {
    border-radius: 18px !important;
  }
  .safar-mphb-single-availability-calendar .datepick table tbody td {
    padding: 4px !important;
  }
  .safar-mphb-single-availability-calendar .mphb-calendar .mphb-date-cell {
    border-radius: 12px !important;
    padding: 9px 6px !important;
    font-size: 14px !important;
  }
  .safar-mphb-single-availability-calendar .mphb-calendar .mphb-price {
    font-size: 11px !important;
  }
}

/* Under-calendar booking form */
.sevenmirrors-mphb-booking-under-calendar .mphb_sc_booking_form-wrapper {
  margin-top: 18px;
  border: 1px solid var(--sm-card-border);
  border-radius: var(--sm-radius);
  background: var(--sm-card);
  box-shadow: var(--sm-shadow-soft);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 18px 18px 12px 18px;
}

/* Hide unnecessary UI */
.sevenmirrors-mphb-booking-under-calendar .mphb-required-fields-tip,
.sevenmirrors-mphb-booking-under-calendar .mphb-check-in-date-wrapper,
.sevenmirrors-mphb-booking-under-calendar .mphb-check-out-date-wrapper {
  display: none !important;
}

/* Reserve button — green pill */
.sevenmirrors-mphb-booking-under-calendar .mphb-reserve-btn.button {
  width: 100%;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  background: #22463B !important;
  border-color: #22463B !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .6px;
  box-shadow: 0 14px 30px rgba(34,70,59,.22);
}

.sevenmirrors-mphb-booking-under-calendar .mphb-reserve-btn.button:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Confirm reservation — amber */
.sevenmirrors-mphb-booking-under-calendar .mphb-confirm-reservation {
  width: 100%;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  background: var(--sm-accent) !important;
  border-color: var(--sm-accent) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .6px;
  box-shadow: 0 14px 30px rgba(223,137,91,.25);
}

.sevenmirrors-mphb-booking-under-calendar .mphb-confirm-reservation:hover {
  background: var(--sm-accent-2) !important;
  border-color: var(--sm-accent-2) !important;
}

.sevenmirrors-mphb-booking-under-calendar .mphb-rooms-quantity-wrapper {
  margin: 0 0 12px 0 !important;
  font-weight: 700;
  color: rgba(0,0,0,.70);
}

/* Font families for booking form buttons */
.mphb_sc_booking_form-wrapper input.mphb-reserve-btn.button,
.mphb_sc_booking_form-wrapper input.button.mphb-button.mphb-confirm-reservation {
  font-family: Manrope !important;
}


/* =========================================================
   MPHB DATEPICKER POPUP — FIXED PROPERLY
   ========================================================= */

/* Let MotoPress position popup itself */
.mphb-datepick-popup.datepick,
.datepick.mphb-datepick-popup {
  position: absolute !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;

  width: min(560px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  box-sizing: border-box !important;
  z-index: 999999 !important;
  margin-top: 8px !important;
}

/* keep popup inside viewport visually */
.mphb-datepick-popup {
  overflow: hidden !important;
  border-radius: 22px !important;
}

/* 2 months on desktop */
.mphb-datepick-popup .datepick-month-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.mphb-datepick-popup .datepick-month {
  width: 50% !important;
  max-width: 50% !important;
  box-sizing: border-box !important;
}

.mphb-datepick-popup .datepick-month.first {
  border-right: 1px solid rgba(0,0,0,.10) !important;
}

.mphb-datepick-popup table {
  width: 100% !important;
  table-layout: fixed !important;
}

.mphb-datepick-popup th,
.mphb-datepick-popup td {
  text-align: center !important;
}

.mphb-datepick-popup table tbody td {
  padding: 3px !important;
}

.mphb-datepick-popup table tbody td a,
.mphb-datepick-popup table tbody td span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Selects in header */
.mphb-datepick-popup .datepick-month-header select {
  max-width: 100% !important;
}

/* Mobile */
@media (max-width: 767px) {
  .mphb-datepick-popup.datepick,
  .datepick.mphb-datepick-popup {
    width: min(360px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    font-size: 12px !important;
  }

  .mphb-datepick-popup .datepick-month-row {
    flex-wrap: wrap !important;
  }

  

  .mphb-datepick-popup .datepick-month.first {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }

  .mphb-datepick-popup table tbody td {
    padding: 2px !important;
  }

  .mphb-datepick-popup table tbody td a,
  .mphb-datepick-popup table tbody td span {
    min-height: 30px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }
}
/* =========================================================
   MOBILE DATEPICKER FIX — 1 month only, tighter, easier tap
   ========================================================= */
@media (max-width: 767px) {

  /* popup directly under field, full visible width */
  .mphb-datepick-popup.datepick,
  .datepick.mphb-datepick-popup {
    width: calc(100vw - 24px) !important;
    max-width: 360px !important;
    left: 12px !important;
    right: 12px !important;
    transform: none !important;
    margin-top: 6px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    z-index: 999999 !important;
  }

  /* show only first month */
  .mphb-datepick-popup .datepick-month-row {
    display: block !important;
  }

  .mphb-datepick-popup .datepick-month {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mphb-datepick-popup .datepick-month.last {
    display: none !important;
  }

  .mphb-datepick-popup .datepick-month.first {
    border-right: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* tighter header */
  .mphb-datepick-popup .datepick-nav a {
    padding: 12px 14px !important;
    font-size: 15px !important;
  }

  .mphb-datepick-popup .datepick-month-header {
    margin: 8px 10px 10px !important;
    padding: 10px 12px !important;
  }

  .mphb-datepick-popup .datepick-month-header select,
  .mphb-datepick-popup .datepick-month-header {
    font-size: 14px !important;
  }

  /* compact weekday row */
  .mphb-datepick-popup thead th span {
    font-size: 12px !important;
    letter-spacing: .04em !important;
    padding: 4px 0 !important;
  }

  /* nicer tap targets */
  .mphb-datepick-popup table tbody td {
    padding: 3px !important;
  }

  .mphb-datepick-popup table tbody td a,
  .mphb-datepick-popup table tbody td span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    width: 100% !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  /* bottom actions more compact */
  .mphb-datepick-popup .datepick-ctrl {
    padding: 10px 12px !important;
  }

  .mphb-datepick-popup .datepick-cmd-clear,
  .mphb-datepick-popup .datepick-cmd-close {
    font-size: 14px !important;
  }
}
/* ================================================================
   SECTION 8: UNDER-CALENDAR SIDEBAR BLOCKS
   ================================================================ */

.safar-mphb-single-sidebar h2,
.safar-mphb-single-sidebar h1,
.safar-mphb-single-sidebar p {
  font-family: Manrope !important;
}

.sevenmirrors-under-calendar {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.sevenmirrors-seo-boost,
.sevenmirrors-maps {
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Sidebar widgets */
.safar-mphb-single-sidebar .safar-mphb-single-sidebar-widget.sevenmirrors-sidebar-amenities,
.safar-mphb-single-sidebar .safar-mphb-single-sidebar-widget.sevenmirrors-sidebar-weather {
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 16px 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  margin-bottom: 16px;
}

.sevenmirrors-sidebar-title {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 12px 0;
}

/* Amenities list — combined (sidebar 2-col + single col variants) */
.sevenmirrors-amenities-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

.sevenmirrors-amenity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.sevenmirrors-amenity__icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.04);
  flex: 0 0 28px;
  overflow: hidden;
}

.sevenmirrors-amenity__icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

.sevenmirrors-amenity__dot {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(0,0,0,.25);
}

.sevenmirrors-amenity__label {
  font-size: 14px;
  line-height: 1.2;
  opacity: .92;
}

@media (max-width: 767px) {
  .sevenmirrors-amenities-list {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   SECTION 9: SIDEBAR WEATHER WIDGET
   ================================================================ */

.sevenmirrors-sidebar-weather__body .splw-lite-wrapper {
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-soft) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
  text-align: left !important;
  color: var(--sm-ink) !important;
  padding-bottom: 0 !important;
}

.sevenmirrors-sidebar-weather__body .splw-lite-templates-body {
  padding: 16px 16px 12px 16px !important;
}

.sevenmirrors-sidebar-weather__body,
.sevenmirrors-sidebar-weather__body * {
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.sevenmirrors-sidebar-weather__body .splw-lite-header-title {
  color: var(--sm-ink) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px 0 !important;
}

.sevenmirrors-sidebar-weather__body .splw-lite-current-time {
  color: var(--sm-muted) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
}

.sevenmirrors-sidebar-weather__body .splw-cur-temp {
  justify-content: flex-start !important;
  gap: 10px;
}

.sevenmirrors-sidebar-weather__body
.splw-lite-wrapper .splw-lite-current-temp span.cur-temp {
  font-size: 40px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: var(--sm-ink) !important;
}

.sevenmirrors-sidebar-weather__body .splw-lite-current-temp .temperature-scale {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--sm-muted) !important;
  margin-top: 6px !important;
}

.sevenmirrors-sidebar-weather__body
.splw-lite-wrapper .splw-lite-current-temp .splw-weather-icon {
  width: 46px !important;
  height: 46px !important;
  filter: saturate(1.05) contrast(1.05);
}

.sevenmirrors-sidebar-weather__body .splw-weather-icons.icons_splw {
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.sevenmirrors-sidebar-weather__body .splw-icon-wind {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(226,147,104,.6);
  border: 1px solid rgba(0,0,0,.06);
  color: #000 !important;
}

.sevenmirrors-sidebar-weather__body i.splwp-icon-wind-1 {
  color: #000 !important;
}

.sevenmirrors-sidebar-weather__body .lw-footer,
.sevenmirrors-sidebar-weather__body .splw-weather-attribution {
  display: none !important;
}

@media (max-width: 767px) {
  .sevenmirrors-sidebar-weather__body .splw-lite-templates-body {
    padding: 14px 14px 10px 14px !important;
  }
  .sevenmirrors-sidebar-weather__body
  .splw-lite-wrapper .splw-lite-current-temp span.cur-temp {
    font-size: 36px !important;
  }
}


/* ================================================================
   SECTION 10: SIMILAR ACCOMMODATION — Apple tinted glass + badges
   ================================================================ */

.safar-mphb-similar-accommodation .safar-accommodation-9__item {
  background: linear-gradient(135deg, var(--glass-tint), rgba(255,255,255,.06)) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(1.35);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.35);
  overflow: hidden;
  position: relative;
}

.safar-mphb-similar-accommodation .safar-accommodation-9__item::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto -20%;
  height: 70%;
  background: radial-gradient(closest-side, rgba(255,255,255,.38), rgba(255,255,255,0));
  pointer-events: none;
  transform: rotate(-8deg);
}

.safar-mphb-similar-accommodation .safar-accommodation-9__item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
  pointer-events: none;
}

.safar-mphb-similar-accommodation .safar-accommodation-9__item:hover {
  transform: translateY(-4px);
  box-shadow: var(--glass-shadow-hover) !important;
  border-color: rgba(255,255,255,.30) !important;
}

.safar-mphb-similar-accommodation .safar-accommodation-4__wrap {
  background: rgba(255,255,255,.86);
  border-top: 1px solid rgba(255,255,255,.35);
}

.safar-mphb-similar-accommodation .safar-accommodation-4__thumb {
  position: relative;
}

/* Default badge */
.safar-mphb-similar-accommodation .safar-accommodation-4__thumb::after {
  content: "Seven Mirrors";
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 8px 10px;
  border-radius: 999px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  color: rgba(0,0,0,.78);
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(9,9,11,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
}

/* Category badge overrides */
.safar-mphb-similar-accommodation .mphb_room_type_category-skriveri .safar-accommodation-4__thumb::after,
.safar-mphb-similar-accommodation .mphb_room_type_category-murjani .safar-accommodation-4__thumb::after {
  content: "Spoguļu nams";
}

.safar-mphb-similar-accommodation .post-37671 .safar-accommodation-4__thumb::after {
  content: "Family House";
}

@media (max-width: 767px) {
  .safar-mphb-similar-accommodation .safar-accommodation-4__thumb::after {
    top: 12px;
    left: 12px;
    padding: 7px 10px;
    font-size: 11.5px;
  }
}


/* ================================================================
   SECTION 11: SEARCH RESULTS (iOS26 Glass)
   ================================================================ */

/* Step progress */
.safar-mphb-search-result-wrapper .progress-container {
  margin-bottom: 28px;
}

.safar-mphb-step-progress {
  padding: 24px 32px 20px !important;
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-glass-border) !important;
  border-radius: var(--sm-radius) !important;
  backdrop-filter: var(--sm-blur) !important;
  -webkit-backdrop-filter: var(--sm-blur) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  margin-bottom: 0 !important;
}

.safar-mphb-step-progress::before {
  background: rgba(0,0,0,.10) !important;
  top: 50px !important;
}

.safar-mphb-progress-line {
  top: 50px !important;
  background: linear-gradient(90deg, var(--sm-green), var(--sm-amber)) !important;
}

.safar-mphb-step-circle {
  width: 44px !important;
  height: 44px !important;
  background: rgba(0,0,0,.06) !important;
  border: 2px solid rgba(0,0,0,.10) !important;
  margin-bottom: 10px !important;
}

.safar-mphb-step-number {
  font-family: Manrope, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: rgba(0,0,0,.38) !important;
}

.safar-mphb-step-title {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  color: var(--sm-muted) !important;
  margin-bottom: 2px !important;
}

.safar-mphb-step-description {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sm-muted) !important;
}

.safar-mphb-step.active .safar-mphb-step-circle {
  background: var(--sm-green) !important;
  border-color: var(--sm-green) !important;
  box-shadow: 0 10px 24px rgba(34,70,59,.30) !important;
  animation: none !important;
  transform: none !important;
}

.safar-mphb-step.active .safar-mphb-step-number {
  color: #fff !important;
}

.safar-mphb-step.active .safar-mphb-step-title {
  color: var(--sm-ink) !important;
  font-weight: 800 !important;
}

.safar-mphb-step.active .safar-mphb-step-description {
  color: var(--sm-ink) !important;
  font-weight: 700 !important;
}

/* Date pill */
.mphb_sc_search_results-wrapper .mphb_sc_search_results-info {
  font-family: Manrope, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--sm-muted) !important;
  margin-bottom: 20px !important;
  padding: 11px 20px !important;
  background: var(--sm-green-light) !important;
  border: 1px solid rgba(34,70,59,.16) !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

/* Cart */
.mphb_sc_search_results-wrapper .mphb-reservation-cart {
  background: var(--sm-glass) !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--sm-radius) !important;
  backdrop-filter: var(--sm-blur) !important;
  -webkit-backdrop-filter: var(--sm-blur) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  padding: 18px 22px !important;
  margin-bottom: 24px !important;
}

.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-confirm-reservation {
  border-radius: 999px !important;
  background: var(--sm-green) !important;
  border-color: var(--sm-green) !important;
  color: #fff !important;
  font-family: Manrope, sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 13px 24px !important;
  box-shadow: 0 12px 28px rgba(34,70,59,.25) !important;
}

.mphb_sc_search_results-wrapper .mphb-cart-total-price-value {
  font-weight: 900 !important;
  font-size: 20px !important;
}

/* Card wrapper */
.mphb_sc_search_results-wrapper .mphb-room-type {
  display: block !important;
  margin-top: 24px !important;
}

.mphb_sc_search_results-wrapper .mphb-room-type:first-of-type {
  margin-top: 0 !important;
}

.safar-mphb-search-result-item-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-glass-border) !important;
  border-radius: var(--sm-radius) !important;
  backdrop-filter: var(--sm-blur) !important;
  -webkit-backdrop-filter: var(--sm-blur) !important;
  box-shadow: var(--sm-shadow) !important;
  overflow: hidden !important;
  transition: box-shadow .25s, transform .25s !important;
}

.safar-mphb-search-result-item-wrapper:hover {
  box-shadow: 0 28px 72px rgba(16,24,40,.15) !important;
  transform: translateY(-3px) !important;
}

/* Image column */
.safar-mphb-search-result-item-wrapper .safar-mphb-result-thumb {
  width: 40% !important;
  flex: 0 0 40% !important;
  height: auto !important;
  min-height: 340px !important;
  padding-inline-end: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  align-self: stretch !important;
}

.safar-mphb-search-result-item-wrapper .safar-mphb-result-thumb img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  transition: transform .45s ease !important;
}

.safar-mphb-search-result-item-wrapper:hover .safar-mphb-result-thumb img {
  transform: scale(1.04) !important;
}

/* Price badge */
.safar-mphb-result-thumb .safar-mphb-result-price {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  inset-block-start: 16px !important;
  inset-inline-start: 16px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 999px !important;
  padding: 9px 16px 10px !important;
  text-align: left !important;
  background: rgba(255,255,255,.75) !important;
  border: 1px solid rgba(255,255,255,.60) !important;
  backdrop-filter: blur(20px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.8) !important;
  box-shadow: 0 8px 24px rgba(9,9,11,.18), inset 0 1px 0 rgba(255,255,255,.80) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1px !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.safar-mphb-result-thumb .safar-mphb-result-price span:first-child {
  font-family: Manrope, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.45) !important;
  line-height: 1 !important;
  display: block !important;
}

.safar-mphb-result-thumb .safar-mphb-result-price .price {
  font-family: Manrope, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--sm-ink) !important;
  line-height: 1.05 !important;
  display: block !important;
  letter-spacing: -.01em !important;
}

.safar-mphb-result-thumb .safar-mphb-result-price.sevenmirrors-is-total {
  background: rgba(223,137,91,.22) !important;
  border-color: rgba(223,137,91,.50) !important;
  box-shadow: 0 8px 28px rgba(223,137,91,.30), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.safar-mphb-result-thumb .safar-mphb-result-price.sevenmirrors-is-total span:first-child {
  color: var(--sm-amber-2) !important;
}

.safar-mphb-result-thumb .safar-mphb-result-price.sevenmirrors-is-total .price {
  color: white !important;
}

/* Content column */
.safar-mphb-search-result-item-wrapper .safar-mphb-result-content {
  width: 60% !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 22px 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* Attributes */
.safar-mphb-search-result-item-wrapper .mphb-single-room-type-attributes {
  padding-inline-start: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 8px !important;
  overflow: visible !important;
}

.safar-mphb-search-result-item-wrapper .mphb-single-room-type-attributes li {
  display: inline-flex !important;
  align-items: center !important;
  position: static !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  font-family: Manrope, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--sm-ink) !important;
  list-style: none !important;
  white-space: nowrap !important;
}

.safar-mphb-search-result-item-wrapper .mphb-single-room-type-attributes li::before {
  display: none !important;
}

.safar-mphb-search-result-item-wrapper .mphb-single-room-type-attributes .mphb-room-type-facilities {
  display: none !important;
}

.safar-mphb-search-result-item-wrapper .mphb-attribute-title {
  color: var(--sm-muted) !important;
  font-weight: 700 !important;
  margin-right: 2px !important;
}

.safar-mphb-search-result-item-wrapper .mphb-room-type-categories {
  background: rgba(223,137,91,.14) !important;
  border-color: rgba(223,137,91,.25) !important;
  color: var(--sm-amber-2) !important;
}

.safar-mphb-search-result-item-wrapper .mphb-room-type-categories a {
  color: var(--sm-amber-2) !important;
}

.safar-mphb-search-result-item-wrapper.show-size .mphb-room-type-size {
  display: inline-flex !important;
}

/* Title */
.safar-mphb-search-result-item-wrapper .safar-mphb-result-title {
  font-family: "Playfair Display", serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}

.safar-mphb-search-result-item-wrapper .safar-mphb-result-title a {
  color: var(--sm-ink) !important;
  text-decoration: none !important;
}

.safar-mphb-search-result-item-wrapper .safar-mphb-result-title a:hover {
  color: var(--sm-green) !important;
}

.safar-mphb-search-result-item-wrapper .safar-excerpt-content p {
  font-family: Manrope, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(0,0,0,.62) !important;
  margin-bottom: 0 !important;
}

/* Reserve section */
.safar-mphb-search-result-item-wrapper .mphb-reserve-room-section {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.safar-mphb-search-result-item-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper {
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  border-radius: var(--sm-radius-sm) !important;
  background: var(--sm-green-light) !important;
  border: 1px solid rgba(34,70,59,.14) !important;
}

.safar-mphb-search-result-item-wrapper .mphb-rooms-reservation-message {
  font-family: Manrope, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--sm-green) !important;
}

.safar-mphb-search-result-item-wrapper .mphb-remove-from-reservation {
  font-family: Manrope, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--sm-amber-2) !important;
  border-bottom: none !important;
  border: 1px solid rgba(223,137,91,.35) !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  float: none !important;
}

.mphb-view-details-button-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Buttons */
.mphb_sc_search_results-wrapper button.button,
.mphb_sc_search_results-wrapper .button {
  font-family: Manrope, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: filter .15s, transform .15s, box-shadow .15s !important;
}

.safar-mphb-result-content .button::before,
.safar-mphb-result-content button.button::before {
  display: none !important;
}

.safar-mphb-result-content .mphb-book-button {
  background: var(--sm-amber-light) !important;
  border: 2px solid var(--sm-amber) !important;
  color: var(--sm-amber-2) !important;
}

.safar-mphb-result-content .mphb-book-button:hover {
  background: var(--sm-amber) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(223,137,91,.32) !important;
}

.safar-mphb-result-content .mphb-confirm-reservation {
  background: var(--sm-amber) !important;
  border: 2px solid var(--sm-amber) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(223,137,91,.28) !important;
}

.safar-mphb-result-content .mphb-confirm-reservation:hover {
  background: var(--sm-amber-2) !important;
  border-color: var(--sm-amber-2) !important;
  transform: translateY(-1px) !important;
}

.safar-mphb-result-content .mphb-view-details-button {
  background: var(--sm-green) !important;
  border: 2px solid var(--sm-green) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(34,70,59,.22) !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

.safar-mphb-result-content .mphb-view-details-button:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

.safar-mphb-result-content .mphb-view-details-button::before {
  display: none !important;
}

@media (max-width: 991px) {
  .safar-mphb-search-result-item-wrapper {
    flex-direction: column !important;
  }
  .safar-mphb-search-result-item-wrapper .safar-mphb-result-thumb {
    width: 100% !important;
    flex: 0 0 auto !important;
    height: 260px !important;
    min-height: unset !important;
  }
  .safar-mphb-search-result-item-wrapper .safar-mphb-result-content {
    width: 100% !important;
    padding: 18px 20px !important;
  }
}

@media (max-width: 560px) {
  .safar-mphb-step-progress { padding: 16px 14px 14px !important; }
  .safar-mphb-step-circle { width: 36px !important; height: 36px !important; }
  .safar-mphb-result-content { padding: 14px 16px !important; }
  .mphb-reserve-room-section .button { width: 100% !important; }
}


/* ================================================================
   SECTION 12: ACCOMMODATIONS PAGE (Elementor #37195)
   ================================================================ */

.elementor-37195 {
  --sm-green: #22463B;
  --sm-amber: #df895b;
  --sm-ink: #101828;
  --sm-muted: rgba(0,0,0,.58);
  --sm-glass: rgba(255,255,255,.84);
  --sm-glass-2: rgba(255,255,255,.72);
  --sm-border: rgba(0,0,0,.08);
  --sm-shadow: 0 18px 48px rgba(16,24,40,.10);
  --sm-shadow-sm: 0 10px 26px rgba(16,24,40,.08);
  --sm-radius: 22px;
  --sm-radius-sm: 14px;
  --sm-blur: blur(16px);
}

.elementor-37195 .elementor-element-6d0ac07 {
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(223,137,91,.10), transparent 55%),
    radial-gradient(900px 500px at 85% 10%, rgba(34,70,59,.10), transparent 50%),
    rgba(34,70,59,.06) !important;
}

/* Breadcrumbs */
.elementor-37195 .rank-math-breadcrumb {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--sm-glass);
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
  backdrop-filter: var(--sm-blur);
  -webkit-backdrop-filter: var(--sm-blur);
}

.elementor-37195 .rank-math-breadcrumb p {
  margin: 0 !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(0,0,0,.65);
}

.elementor-37195 .rank-math-breadcrumb a {
  color: var(--sm-ink);
  text-decoration: none;
}

.elementor-37195 .rank-math-breadcrumb .separator {
  opacity: .35;
  margin: 0 8px;
}

/* Search form */
.elementor-37195 .safar-mphb-room-search-widget-wrapper { z-index: 5; }

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper {
  display: block;
  background: var(--sm-glass);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-radius);
  box-shadow: var(--sm-shadow);
  backdrop-filter: var(--sm-blur);
  -webkit-backdrop-filter: var(--sm-blur);
  padding: 18px 18px 16px;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper form {
  display: grid !important;
  grid-template-columns: 1fr 1fr auto;
  gap: 14px !important;
  align-items: end !important;
  justify-content: stretch !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper p label {
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.55) !important;
  margin-bottom: 8px !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper
.mphb_sc_search-wrapper p.mphb_sc_search-check-in-date::before,
.elementor-37195 .safar-mphb-room-search-widget-wrapper
.mphb_sc_search-wrapper p.mphb_sc_search-check-out-date::before {
  display: none !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper p {
  width: auto !important;
  margin: 0 !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper input[type="text"] {
  height: 54px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.70) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
  padding: 0 44px 0 16px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: rgba(0,0,0,.78) !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-check-in-date,
.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-check-out-date {
  position: relative !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-check-in-date::after,
.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-check-out-date::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  opacity: .55;
  pointer-events: none;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper input[type="text"]:focus {
  outline: none !important;
  border-color: rgba(34,70,59,.35) !important;
  box-shadow: 0 0 0 4px rgba(34,70,59,.10), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-submit-button-wrapper {
  width: auto !important;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper input[type="submit"].button {
  height: 54px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(34,70,59,.15) !important;
  background: linear-gradient(180deg, rgba(34,70,59,1), rgba(26,56,46,1)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 30px rgba(34,70,59,.18) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
  font-family: manrope;
}

.elementor-37195 .safar-mphb-room-search-widget-wrapper input[type="submit"].button:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(34,70,59,.22) !important;
}

/* Room cards */
.elementor-37195 .safar-room-widget-result-wrap.safar-row {
  row-gap: 18px !important;
}

.elementor-37195 .safar-accommodation-adventure-item {
  border-radius: var(--sm-radius) !important;
  overflow: hidden !important;
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border) !important;
  box-shadow: var(--sm-shadow) !important;
  backdrop-filter: var(--sm-blur);
  -webkit-backdrop-filter: var(--sm-blur);
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.elementor-37195 .safar-accommodation-adventure-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 28px 72px rgba(16,24,40,.14) !important;
}

.elementor-37195 .safar-accommodation-adventure-item .thumb { transform: none !important; }

.elementor-37195 .safar-accommodation-adventure-item .thumb::before {
  background: linear-gradient(180deg, rgba(0,0,0,0.00), rgba(0,0,0,.20)) !important;
  opacity: .35 !important;
}

.elementor-37195 .safar-accommodation-adventure-item .thumb img {
  min-height: 360px !important;
  height: 360px !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

/* Price badge */
.elementor-37195 .safar-accommodation-adventure-item .badge-position {
  inset-block-start: 14px !important;
  inset-inline-start: 14px !important;
}

.elementor-37195 .safar-accommodation__badge span {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
  display: inline-flex !important;
  align-items: center !important;
}

.elementor-37195 .safar-accommodation-adventure-item
.mphb-regular-price .mphb-price-period::before {
  display: none !important;
  content: none !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-regular-price strong {
  display: none !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-regular-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: var(--sm-ink) !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-regular-price .mphb-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  color: var(--sm-ink) !important;
  line-height: 1 !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-regular-price .mphb-currency {
  font-weight: 900 !important;
  opacity: .9 !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-regular-price .mphb-price-period {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  color: rgba(0,0,0,.60) !important;
  margin: 0 !important;
  text-transform: none !important;
  border-bottom: 0 !important;
}

.elementor-37195 .safar-accommodation-adventure-item
.safar-accommodation__badge span p,
.elementor-37195 .safar-accommodation-adventure-item
.safar-accommodation__badge span span {
  padding: 0 !important;
}

/* Content block */
.elementor-37195 .safar-accommodation-adventure-item .content {
  position: relative !important;
  inset: auto !important;
  padding: 16px 16px 18px !important;
  background: transparent !important;
}

.elementor-37195 .safar-accommodation-adventure-item .content::before {
  display: none !important;
}

.elementor-37195 .safar-accommodation-adventure-item h2.entry-title {
  margin: 0 0 10px !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-room-type-title {
  font-family: "Playfair Display", serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: var(--sm-ink) !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-room-type-title a {
  color: var(--sm-ink) !important;
  background-image: none !important;
}

.elementor-37195 .safar-accommodation-adventure-item .mphb-room-type-title a:hover {
  color: var(--sm-green) !important;
}

.elementor-37195 .safar-accommodation-adventure-item .content p {
  color: rgba(0,0,0,.62) !important;
  opacity: 1 !important;
  margin: 0 !important;
  line-height: 1.55 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper form {
    grid-template-columns: 1fr 1fr;
  }
  .elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-submit-button-wrapper {
    grid-column: 1 / -1;
  }
  .elementor-37195 .safar-mphb-room-search-widget-wrapper input[type="submit"].button {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .elementor-37195 .safar-mphb-room-search-widget-wrapper .mphb_sc_search-wrapper form {
    grid-template-columns: 1fr;
  }
  .elementor-37195 .safar-accommodation-adventure-item .thumb img {
    height: 300px !important;
    min-height: 300px !important;
  }
}


/* ================================================================
   SECTION 13: CHECKOUT PAGE
   ================================================================ */

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper {
  max-width: 1180px;
  margin: 0 auto;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form {
  display: grid !important;
  grid-template-columns: 1fr 420px !important;
  grid-auto-rows: min-content !important;
  gap: 26px !important;
  align-content: start !important;
  align-items: start !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > section {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > #mphb-coupon-details {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > #mphb-price-details {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: 10px !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > p.mphb-total-price {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: start !important;
  margin: 12px 0 0 !important;
}

/* Fix coupon floating */
.sevenmirrors-mphb-checkout-widget #mphb-coupon-details,
.sevenmirrors-mphb-checkout-widget #mphb-coupon-details * {
  position: static !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper .mphb-coupon-code-wrapper {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: 100% !important;
}

.sevenmirrors-mphb-checkout-widget #mphb-coupon-details {
  padding: 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: none !important;
}

.sevenmirrors-mphb-checkout-widget #mphb-price-details {
  padding: 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: none !important;
}

/* Inputs */
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper .mphb-customer-details input,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper .mphb-customer-details textarea,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper .mphb-customer-details .nice-select {
  width: 100% !important;
  max-width: 100% !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper p {
  margin: 0 0 14px !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-wrapper p:last-child {
  margin-bottom: 0 !important;
}

.mphb_sc_checkout-wrapper .mphb_sc_checkout-form .mphb-check-in-date span:first-child,
.mphb_sc_checkout-wrapper .mphb_sc_checkout-form .mphb-check-out-date span:first-child {
  font-family: manrope;
}

/* 2-column customer details */
@media (min-width: 768px) {
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
  }
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details .mphb-customer-details-title,
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details .mphb-required-fields-tip {
    grid-column: 1 / -1;
    margin: 0 0 6px !important;
  }
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details p {
    margin: 0 !important;
  }
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details .mphb-customer-country,
  .sevenmirrors-mphb-checkout-widget #mphb-customer-details .mphb-customer-note {
    grid-column: 1 / -1;
  }
}

/* Checkout buttons */
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form .button,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form button,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form input[type="submit"] {
  font-family: Manrope, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  padding: 12px 22px !important;
  height: auto !important;
  white-space: nowrap !important;
  transition: filter .15s, transform .15s, box-shadow .15s !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form .button::before,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form button::before {
  display: none !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-submit-wrapper .button,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-submit-wrapper input[type="submit"] {
  background: var(--sm-green, #22463B) !important;
  border: 2px solid var(--sm-green, #22463B) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(34,70,59,0.22) !important;
}

.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-submit-wrapper .button:hover,
.sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-submit-wrapper input[type="submit"]:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

.sevenmirrors-mphb-checkout-widget .mphb-apply-coupon-code-button {
  background: var(--sm-amber, #DF895B) !important;
  border: 2px solid var(--sm-amber, #DF895B) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(223,137,91,0.25) !important;
  height: auto !important;
  line-height: 1 !important;
}

.sevenmirrors-mphb-checkout-widget .mphb-apply-coupon-code-button:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 991px) {
  .sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > #mphb-coupon-details,
  .sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > #mphb-price-details,
  .sevenmirrors-mphb-checkout-widget .mphb_sc_checkout-form > p.mphb-total-price {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}


/* ================================================================
   SECTION 14: SHARED LEGAL BLOCK (consolidated — was duplicated)
   ================================================================ */

.sm-legal {
  margin-top: 18px;
  padding: 18px;
  border-radius: 14px;
  background: rgba(0,0,0,0.02);
  border: 1px solid rgba(0,0,0,0.08);
}

.sm-legal__title { margin: 0 0 6px !important; }
.sm-legal__subtitle { margin: 0 0 14px !important; opacity: .8; }

.sm-legal__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.sm-legal__pill {
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: #fff;
  font-size: 13px;
}

.sm-legal__accordions { display: grid; gap: 10px; }

.sm-legal__item {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: #fff;
  overflow: hidden;
}

.sm-legal__summary {
  cursor: pointer;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.sm-legal__summary-title { font-weight: 800; }
.sm-legal__meta { font-size: 12px; opacity: .7; white-space: nowrap; }
.sm-legal__content { padding: 0 14px 14px; }

.sm-legal__list {
  margin: 10px 0 12px;
  padding-left: 18px;
}

.sm-legal__doc {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.sm-legal__link {
  font-weight: 800;
  text-decoration: underline;
}


/* ================================================================
   SECTION 15: CONTACTS PAGE (page-id-37783)
   ================================================================ */

.page-id-37783 {
  --sm-border:   rgba(16,24,40,.10);
  --sm-border2:  rgba(16,24,40,.08);
  --sm-bg:       #ffffff;
  --sm-soft:     rgba(16,24,40,.03);
  --sm-text:     rgba(16,24,40,.90);
  --sm-muted:    rgba(16,24,40,.62);
  --sm-green:    #22463B;
  --sm-amber:    #DF895B;
  --sm-accent:   #DF895B;
  --sm-accent2:  #22463B;
  --sm-accent-soft:  rgba(223,137,91,.12);
  --sm-accent-soft2: rgba(34,70,59,.10);
}

.page-id-37783 .elementor-element-2860c6c h1,
.page-id-37783 .elementor-element-2860c6c h2 {
  line-height: 1.05;
  margin: 0 0 16px;
}

@media (max-width: 1200px) {
  .page-id-37783 .elementor-element-2860c6c h1 { font-size: 44px; }
  .page-id-37783 .elementor-element-2860c6c h2 { font-size: 34px; }
}

/* Headings with accent underline */
.page-id-37783 h1.elementor-heading-title,
.page-id-37783 h2.elementor-heading-title {
  position: relative;
}

.page-id-37783 h1.elementor-heading-title:after,
.page-id-37783 h2.elementor-heading-title:after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, var(--sm-accent), rgba(223,137,91,.15));
}

/* Contact cards */
.page-id-37783 .sm-contact-card {
  background: var(--sm-bg);
  border: 1px solid var(--sm-border2);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(16,24,40,.08);
}

.page-id-37783 .sm-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.page-id-37783 .sm-contact-item {
  background: linear-gradient(180deg, #fff, var(--sm-accent-soft)) !important;
  border: 1px solid var(--sm-border2);
  border-radius: 14px;
  padding: 14px;
  min-width: 0;
}

.page-id-37783 .sm-contact-label {
  display: block;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
  color: var(--sm-muted);
  margin-bottom: 6px;
}

.page-id-37783 .sm-contact-text {
  font-weight: 650;
  color: var(--sm-text);
  line-height: 1.25;
}

.page-id-37783 .sm-contact-link {
  font-weight: 800;
  color: var(--sm-text);
  text-decoration: none;
  border-bottom: 1px solid rgba(223,137,91,.35);
}

.page-id-37783 .sm-contact-link:hover {
  color: var(--sm-amber);
  border-bottom-color: rgba(223,137,91,.75);
}

/* Rekvizīti */
.page-id-37783 .sm-rekv-list {
  display: grid;
  gap: 10px;
}

.page-id-37783 .sm-rekv-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 10px;
  background: linear-gradient(180deg, #fff, var(--sm-accent-soft2)) !important;
  border: 1px solid var(--sm-border2);
  border-radius: 14px;
  padding: 12px 14px;
}

.page-id-37783 .sm-rekv-label {
  font-size: 12px;
  font-weight: 800;
  color: var(--sm-muted);
  letter-spacing: .02em;
  align-self: center;
}

.page-id-37783 .sm-rekv-value {
  font-size: 14px;
  font-weight: 650;
  color: var(--sm-text);
  line-height: 1.25;
  min-width: 0;
  word-break: break-word;
}

.page-id-37783 .sm-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  letter-spacing: .01em;
}

/* Contact form */
.page-id-37783 .elementor-element-b81e333 .elementor-field-label {
  font-size: 12px;
  font-weight: 750;
  color: var(--sm-muted);
  margin-bottom: 8px;
}

.page-id-37783 .elementor-element-b81e333 .elementor-field {
  border-radius: 12px !important;
  border: 1px solid var(--sm-border) !important;
  background: #fff !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: var(--sm-text) !important;
  box-shadow: none !important;
}

.page-id-37783 .elementor-element-b81e333 textarea.elementor-field {
  min-height: 120px !important;
  resize: vertical !important;
}

.page-id-37783 .elementor-element-b81e333 .elementor-field:focus {
  outline: none !important;
  border-color: rgba(34,70,59,.45) !important;
  box-shadow: 0 0 0 4px rgba(34,70,59,.12) !important;
}

.page-id-37783 .elementor-element-b81e333 .elementor-button {
  width: 100% !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  border: 2px solid var(--sm-green) !important;
  background: linear-gradient(180deg, #22463B, #1B3C33) !important;
  border-color: rgba(34,70,59,.35) !important;
  color: #fff !important;
  font-family: Manrope, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 14px 30px rgba(34,70,59,.18) !important;
}

.page-id-37783 .elementor-element-b81e333 .elementor-button:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(34,70,59,.22) !important;
}

.page-id-37783 .elementor-element-b81e333 .elementor-form-fields-wrapper {
  gap: 12px;
}

/* Map card */
.page-id-37783 .sevenmirrors-map-card {
  background: var(--sm-bg);
  border: 1px solid rgba(223,137,91,.18);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(16,24,40,.08);
}

.page-id-37783 #sevenmirrorsMap {
  width: 100%;
  height: 380px;
}

@media (max-width: 820px) {
  .page-id-37783 #sevenmirrorsMap { height: 320px; }
  .page-id-37783 .sm-contact-grid { grid-template-columns: 1fr; }
  .page-id-37783 .sm-rekv-row { grid-template-columns: 1fr; }
}

/* FAQ accordion */
.page-id-37783 .e-n-accordion {
  display: grid;
  gap: 12px;
}

.page-id-37783 .e-n-accordion-item {
  border-radius: 16px;
  border: 1px solid var(--sm-border2);
  background: var(--sm-bg);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(16,24,40,.06);
  position: relative;
}

.page-id-37783 .e-n-accordion-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, var(--sm-accent), rgba(223,137,91,.20));
}

.page-id-37783 .e-n-accordion-item-title {
  padding: 14px 16px !important;
  background: #fff !important;
}

.page-id-37783 .e-n-accordion-item-title-text {
  font-weight: 800;
  color: var(--sm-text);
}

.page-id-37783 .e-n-accordion-item[open] .e-n-accordion-item-title {
  background: rgba(16,24,40,.02) !important;
}

.page-id-37783 .e-n-accordion-item .elementor-widget-text-editor {
  padding: 0 16px 16px;
  color: var(--sm-text);
}

.page-id-37783 .e-n-accordion-item svg { opacity: .75; }

.page-id-37783 .e-n-accordion-item-title:hover .e-n-accordion-item-title-text {
  color: var(--sm-accent2);
}

/* Info pill */
.page-id-37783 .sm-info-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .02em;
  background: linear-gradient(180deg, rgba(223,137,91,.12), rgba(223,137,91,.05));
  border: 1px solid rgba(223,137,91,.25);
  color: rgba(16,24,40,.85);
  margin-top: 6px;
  margin-bottom: 18px;
}

.page-id-37783 .sm-info-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22463B;
  box-shadow: 0 0 0 4px rgba(34,70,59,.15);
}

.page-id-37783 .sm-info-pill:hover {
  border-color: rgba(223,137,91,.45);
  transform: translateY(-1px);
}


/* ================================================================
   SECTION 16: FAQ (standalone HTML widget)
   ================================================================ */

.sm-faq-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 0 30px;
}

.sm-faq-header {
  margin-bottom: 18px;
}

.sm-faq-title {
  margin: 10px 0 6px;
}

.sm-faq-subtitle {
  margin: 0;
  color: var(--sm-muted);
  max-width: 72ch;
}

.sm-faq-group {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.08);
}

.sm-faq-group-title {
  margin: 0 0 12px;
  position: relative;
}

.sm-faq-group-title:after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, var(--sm-accent), rgba(223,137,91,.15));
}

.sm-faq-item {
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 0;
  margin: 10px 0;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
  position: relative;
}

.sm-faq-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, var(--sm-accent), rgba(223,137,91,.18));
}

.sm-faq-q {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px 16px 22px;
  font-weight: 750;
  color: rgba(16,24,40,.88);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sm-faq-q::-webkit-details-marker { display: none; }

.sm-faq-q::after {
  content: "+";
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(34,70,59,.08);
  border: 1px solid rgba(34,70,59,.14);
  color: var(--sm-accent2, #22463B);
  font-weight: 900;
  flex: 0 0 auto;
}

.sm-faq-a {
  padding: 0 18px 16px 22px;
  color: rgba(16,24,40,.70);
  line-height: 1.6;
}

.sm-faq-item[open] {
  border-color: rgba(223,137,91,.35);
  box-shadow: 0 18px 40px rgba(2,6,23,.08);
}

.sm-faq-item[open] .sm-faq-q {
  background: linear-gradient(180deg, rgba(223,137,91,.10), rgba(223,137,91,.03));
}

.sm-faq-item[open] .sm-faq-q::after {
  content: "–";
  background: rgba(223,137,91,.16);
  border-color: rgba(223,137,91,.22);
}

.sm-faq-link {
  color: #22463B;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sm-faq-link:hover { opacity: .85; }

/* Inline  FAQ widget (spa/romantic pages) */
.sm-faq {
  margin-top: 10px;
  border-radius: 16px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.72);
  overflow: hidden;
}

.sm-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 12px;
  font-weight: 900;
  color: rgba(16,24,40,.82);
}

.sm-faq summary::-webkit-details-marker { display: none; }

.sm-faq__a {
  padding: 0 12px 12px 12px;
  color: rgba(16,24,40,.70);
  font-size: 13.5px;
  line-height: 1.65;
}

@media (max-width: 767px) {
  .sm-faq-wrap { padding: 6px 0 22px; }
  .sm-faq-q { padding: 14px 14px 14px 18px; }
  .sm-faq-a { padding: 0 14px 14px 18px; }
}


/* ================================================================
   SECTION 17: ABOUT PAGE
   ================================================================ */

.sm-about {
  --sm-ink:    #0f172a;
  --sm-muted:  #475569;
  --sm-bg:     #ffffff;
  --sm-line:   #e6e8ef;
  --sm-soft:   #f6f7fb;
  --sm-accent: #d08b5b;
  --sm-green:  #0f3b2f;
  --sm-shadow: 0 18px 45px rgba(15,23,42,.12);
  --sm-radius: 18px;
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--sm-ink);
}

.sm-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.sm-h2 {
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: 1.12;
  margin: 0 0 12px;
}

.sm-h2--white { color: #fff; }

.sm-text {
  font-size: 16px;
  line-height: 1.7;
  color: var(--sm-muted);
  margin: 0 0 14px;
}

.sm-muted-text {
  font-size: 15px;
  line-height: 1.7;
  color: var(--sm-muted);
  margin: 0;
}

.sm-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.sm-kicker__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--sm-accent);
  box-shadow: 0 0 0 6px rgba(208,139,91,.18);
}

.sm-kicker__text {
  font-weight: 700;
  color: #0b1220;
  opacity: .88;
  letter-spacing: .2px;
}

/* Buttons */
.sm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
  user-select: none;
}

.sm-btn:active { transform: translateY(1px); }

.sm-btn--primary {
  color: #fff;
  background: var(--sm-green);
  box-shadow: 0 14px 26px rgba(15,59,47,.25);
}

.sm-btn--primary:hover { box-shadow: 0 18px 34px rgba(15,59,47,.33); }

.sm-btn--ghost {
  color: #fff;
  border: 1px solid rgba(255,255,255,.30);
  background: rgba(255,255,255,.10);
}

.sm-btn--ghost:hover {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.40);
}

.sm-btn--light {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 14px 26px rgba(0,0,0,.16);
}

.sm-btn--outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
}

.sm-btn--outline:hover { background: rgba(255,255,255,.10); }

/* About hero */
.sm-about-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 64px 0;
  margin-bottom: 46px;
}

.sm-about-hero__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sm-about-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.02) contrast(1.02);
}

.sm-about-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 520px at 25% 35%, rgba(0,0,0,.35), rgba(0,0,0,.72)),
    linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.78));
}

.sm-about-hero__inner {
  position: relative;
  z-index: 1;
  text-align: left;
}

.sm-about-hero__title {
  margin: 14px 0 10px;
  font-weight: 900;
  letter-spacing: .5px;
  color: #fff;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.04;
  text-transform: uppercase;
}

.sm-about-hero__subtitle {
  margin: 0 0 22px;
  color: rgba(255,255,255,.88);
  font-size: 16px;
  line-height: 1.7;
  max-width: 760px;
}

.sm-about-hero__cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Split layout */
.sm-about-split {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items: start;
  margin-bottom: 56px;
}

.sm-about-split__img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
}

.sm-about-split__content { padding-top: 8px; }

.sm-bullets {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.sm-bullet {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(208,139,91,.10);
  border: 1px solid rgba(208,139,91,.18);
}

.sm-bullet__icon {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #1b140f;
  background: rgba(208,139,91,.25);
}

.sm-bullet__text {
  color: var(--sm-ink);
  font-weight: 700;
  line-height: 1.45;
  font-size: 14px;
}

/* Features grid */
.sm-about-features { margin-bottom: 54px; }

.sm-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.sm-grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 16px;
}

.sm-feature {
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-line);
  background: #fff;
  padding: 16px 16px 18px;
  box-shadow: 0 14px 32px rgba(15,23,42,.08);
  position: relative;
  overflow: hidden;
}

.sm-feature:before {
  content: "";
  position: absolute;
  inset: -20% -20% auto auto;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(208,139,91,.20), rgba(208,139,91,0));
  transform: translate(30px, -30px);
}

.sm-feature__icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,59,47,.08);
  border: 1px solid rgba(15,59,47,.12);
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}

.sm-feature__icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
}

.sm-feature__title {
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}

.sm-feature__desc {
  color: var(--sm-muted);
  line-height: 1.55;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.sm-soft-card {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-line);
  background: linear-gradient(180deg, #fff, #fbfbfe);
  padding: 18px;
  box-shadow: 0 18px 40px rgba(15,23,42,.09);
}

.sm-soft-card__title { font-weight: 900; margin-bottom: 6px; }
.sm-soft-card__text { color: var(--sm-muted); line-height: 1.65; font-size: 14px; }
.sm-soft-card__right { min-width: 260px; text-align: right; }
.sm-soft-card__meta { margin-top: 10px; color: var(--sm-muted); font-size: 13px; }

/* Partners */
.sm-about-partners { margin-bottom: 54px; }

.sm-partner-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

.sm-partner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 86px;
  min-width: 220px;
  padding: 14px 18px;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-line);
  background: #fff;
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
  text-decoration: none;
}

.sm-partner img {
  max-height: 42px;
  max-width: 180px;
  object-fit: contain;
  display: block;
  filter: saturate(1.02);
}

/* CTA */
.sm-about-cta { padding-bottom: 18px; }

.sm-cta-card {
  border-radius: 22px;
  padding: 22px;
  background:
    radial-gradient(600px 260px at 30% 0%, rgba(208,139,91,.22), rgba(208,139,91,0)),
    linear-gradient(135deg, #0f3b2f, #0b2c23);
  box-shadow: 0 22px 55px rgba(15,59,47,.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sm-cta-card__text {
  margin: 8px 0 0;
  color: rgba(255,255,255,.85);
  line-height: 1.6;
  max-width: 720px;
}

.sm-cta-card__right {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* About page cards (generic) */
.sm-card--about {
  border: 1px solid var(--sm-line);
  border-radius: var(--sm-radius);
  background: var(--sm-bg);
  box-shadow: var(--sm-shadow);
  overflow: hidden;
}

.sm-card--media {
  box-shadow: 0 22px 55px rgba(15,23,42,.18);
}

/* Pills (about context) */
.pillupdate .sm-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,140,60,.16);
  border: 1px solid rgba(255,170,110,.32);
  box-shadow: 0 10px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  color: #ffffff;
  position: relative;
}

.pillupdate .sm-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.06) 45%, rgba(255,255,255,.00) 80%);
  pointer-events: none;
}

.pillupdate .sm-pill--accent {
  color: #1b140f;
  background: rgba(208,139,91,.14);
  border: 1px solid rgba(208,139,91,.28);
}

@media (max-width: 1024px) {
  .sm-grid4 { grid-template-columns: repeat(2, 1fr); }
  .sm-about-split { grid-template-columns: 1fr; }
  .sm-about-split__img { height: 420px; }
  .sm-soft-card { flex-direction: column; }
  .sm-soft-card__right { text-align: left; min-width: auto; }
  .sm-section-head { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
  .sm-container { width: calc(100% - 28px); }
  .sm-grid4 { grid-template-columns: 1fr; }
  .sm-about-hero { padding: 54px 0; }
  .sm-about-hero__title { letter-spacing: .2px; }
}


/* ================================================================
   SECTION 18: SHARED EXPERIENCE PAGE COMPONENTS
   (Activities / Romantic / SPA — shared glass system)
   ================================================================ */

/* Page wrappers set their own scoped vars */
.sm-activities,
.sm-rom,
.sm-spa {
  --sm-green:    #22463B;
  --sm-amber:    #DF895B;
  --sm-ink:      #101828;
  --sm-muted:    rgba(16,24,40,.68);
  --sm-glass:    rgba(255,255,255,.84);
  --sm-glass-2:  rgba(255,255,255,.62);
  --sm-border:   rgba(16,24,40,.10);
  --sm-shadow:   0 18px 48px rgba(16,24,40,.10);
  --sm-shadow-sm: 0 10px 26px rgba(16,24,40,.08);
  --sm-radius:   22px;
  --sm-radius-sm: 16px;
  color: var(--sm-ink);
}

.sm-activities { padding: clamp(26px, 4vw, 54px) 0; }
.sm-rom        { padding: clamp(18px, 3vw, 42px) 0; }
.sm-spa        { padding: clamp(18px, 3vw, 42px) 0; }

/* Shared wrappers */
.sm-activities__wrap,
.sm-rom__wrap,
.sm-spa__wrap {
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
}

/* Section heads */
.sm-activities__head {
  margin: 0 0 18px 0;
  padding: 18px 18px 0 18px;
}

.sm-activities__head--spaced {
  margin-top: clamp(18px, 3vw, 34px);
  padding-top: clamp(18px, 3vw, 34px);
  border-top: 1px solid rgba(16,24,40,.06);
}

.sm-exp__head,
.sm-rom__section-head { margin: 0 0 14px 0; }

/* Kickers (shared pattern) */
.sm-activities__kicker,
.sm-exp__kicker,
.sm-rom__kicker,
.sm-map__kicker,
.sm-spa-hero__kicker,
.sm-rom-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(16,24,40,.62);
}

.sm-spa-hero__kicker,
.sm-rom-hero__kicker {
  color: rgba(255,255,255,.92);
}

/* Titles */
.sm-activities__title,
.sm-exp__title,
.sm-map__title {
  margin: 10px 0 8px 0;
  font-size: clamp(22px, 2.5vw, 34px);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.sm-exp__title { font-size: clamp(26px, 3vw, 40px); }

/* Sub text */
.sm-activities__sub,
.sm-exp__sub,
.sm-map__sub {
  margin: 0;
  max-width: 72ch;
  font-size: 15px;
  line-height: 1.6;
  color: var(--sm-muted);
}

.sm-map__sub { max-width: 78ch; margin-bottom: 12px; }

/* Section h2 + p (rom/spa) */
.sm-rom__h2, .sm-spa__h2 {
  margin: 0;
  font-size: 20px;
  letter-spacing: -0.01em;
}

.sm-rom__p, .sm-spa__p {
  margin: 8px 0 0 0;
  color: var(--sm-muted);
  font-size: 14px;
  line-height: 1.7;
}

.sm-rom__p { max-width: 92ch; }
.sm-spa__p { max-width: 95ch; }

/* ---- SHARED GRID ---- */
.sm-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  margin-top: 14px;
}

/* Glass cards (activities) */
.sm-card {
  grid-column: span 6;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
  overflow: hidden;
  position: relative;
  isolation: isolate;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.sm-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background:
    radial-gradient(900px 240px at 18% 0%, rgba(223,137,91,.22), transparent 55%),
    radial-gradient(900px 240px at 82% 0%, rgba(34,70,59,.18), transparent 55%);
  z-index: -1;
}

.sm-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--sm-shadow);
  border-color: rgba(16,24,40,.14);
}

.sm-card__img {
  display: block;
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.sm-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.sm-card:hover .sm-card__img img { transform: scale(1.06); }

.sm-card__body { padding: 14px 14px 16px 14px; }

.sm-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.sm-card__title {
  margin: 2px 0 0 0;
  font-size: 16px;
  line-height: 1.28;
  letter-spacing: -0.01em;
}

.sm-card__text {
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--sm-muted);
}

.sm-card__actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
}

/* ---- ICON ---- */
.sm-ico {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(16,24,40,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 18px rgba(16,24,40,.08);
  font-size: 18px;
}

/* Cardwide uses 40px */
.sm-cardwide .sm-ico {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}

.sm-ico--green {
  background: radial-gradient(120px 120px at 30% 20%, rgba(34,70,59,.20), rgba(255,255,255,.75));
  border-color: rgba(34,70,59,.22);
}

.sm-ico--amber {
  background: radial-gradient(120px 120px at 30% 20%, rgba(223,137,91,.22), rgba(255,255,255,.75));
  border-color: rgba(223,137,91,.24);
}

/* ---- BADGE (consolidated — was defined 3x) ---- */
/* Default badge: simple glass */
.sm-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  /* iOS tinted glass orange pill */
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)),
    radial-gradient(140px 60px at 20% 0%, rgba(223,137,91,.55), rgba(223,137,91,0) 70%);
  border: 1px solid rgba(223,137,91,.32);
  box-shadow: 0 14px 34px rgba(16,24,40,.10), inset 0 1px 0 rgba(255,255,255,.55);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  font-size: 12px;
  font-weight: 900;
  color: rgba(16,24,40,.78);
  letter-spacing: .01em;
}

.sm-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(223,137,91,.95);
  box-shadow: 0 0 0 3px rgba(223,137,91,.18);
  flex: 0 0 7px;
}

/* sm-badge2: absolute badge on addon images */
.sm-badge2 {
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)),
    radial-gradient(140px 60px at 20% 0%, rgba(223,137,91,.55), rgba(223,137,91,0) 70%);
  border: 1px solid rgba(223,137,91,.32);
  box-shadow: 0 14px 34px rgba(16,24,40,.10), inset 0 1px 0 rgba(255,255,255,.55);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  font-size: 12px;
  font-weight: 950;
  color: rgba(16,24,40,.78);
}

.sm-badge2::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(223,137,91,.95);
  box-shadow: 0 0 0 3px rgba(223,137,91,.18);
}

.sm-badge2--wow {
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)),
    radial-gradient(160px 70px at 18% 0%, rgba(34,70,59,.45), rgba(34,70,59,0) 70%);
  border-color: rgba(34,70,59,.28);
}

.sm-badge2--wow::before {
  background: rgba(34,70,59,.95);
  box-shadow: 0 0 0 3px rgba(34,70,59,.18);
}

/* ---- SHARED PILL (sm-pill) ---- */
.sm-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58));
  border: 1px solid rgba(16,24,40,.12);
  box-shadow: 0 12px 30px rgba(16,24,40,.10);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  font-size: 13px;
  font-weight: 850;
  color: rgba(16,24,40,.78);
}

.sm-pill:hover { transform: translateY(-1px); border-color: rgba(16,24,40,.18); }

.sm-pill--active,
.sm-pill--amber {
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.56)),
    radial-gradient(160px 70px at 18% 0%, rgba(223,137,91,.55), rgba(223,137,91,0) 70%);
  border-color: rgba(223,137,91,.30);
}

/* FAQ context: sm-pill has different padding */
.sm-faq-header .sm-pill {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  background: linear-gradient(180deg, rgba(223,137,91,.10), rgba(223,137,91,.04));
  border: 1px solid rgba(223,137,91,.25);
  color: rgba(16,24,40,.78);
  box-shadow: none;
  backdrop-filter: none;
}

/* ---- sm-pill2 ---- */
.sm-pill2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(16,24,40,.10);
  font-size: 12px;
  font-weight: 850;
  color: rgba(16,24,40,.72);
}

.sm-pill2--amber {
  background:
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58)),
    radial-gradient(160px 70px at 18% 0%, rgba(223,137,91,.45), rgba(223,137,91,0) 70%);
  border-color: rgba(223,137,91,.30);
}

/* ---- sm-chip ---- */
/* On dark hero backgrounds */
.sm-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  text-decoration: none;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 12px 30px rgba(16,24,40,.12);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  font-size: 13px;
  font-weight: 850;
  color: rgba(255,255,255,.92);
}

/* On light backgrounds (map chips) */
.sm-map .sm-chip,
.sm-map__chips .sm-chip {
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58));
  border: 1px solid rgba(16,24,40,.12);
  color: rgba(16,24,40,.78);
}

.sm-map .sm-chip:hover { border-color: rgba(16,24,40,.18); transform: translateY(-1px); }

.sm-chip--amber {
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14)),
    radial-gradient(160px 70px at 18% 0%, rgba(223,137,91,.62), rgba(223,137,91,0) 70%);
  border-color: rgba(223,137,91,.35);
}

.sm-map__chips .sm-chip--amber {
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.56)),
    radial-gradient(160px 70px at 18% 0%, rgba(223,137,91,.55), rgba(223,137,91,0) 70%);
  border-color: rgba(223,137,91,.30);
}

/* ---- LINKS / DOTS ---- */
.sm-link {
  color: rgba(16,24,40,.82);
  font-weight: 800;
  font-size: 12.5px;
  text-decoration: none;
  border-bottom: 1px dashed rgba(16,24,40,.26);
  padding-bottom: 2px;
}

.sm-link:hover { border-bottom-color: rgba(16,24,40,.55); }

.sm-dot { color: rgba(16,24,40,.34); }

/* ---- HERO cards (activities / romantic / spa) ---- */
.sm-activities-hero,
.sm-rom-hero,
.sm-spa-hero {
  position: relative;
  border-radius: var(--sm-radius);
  overflow: hidden;
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow);
  background: #fff;
  min-height: 360px;
}

.sm-activities-hero__img,
.sm-rom-hero__img,
.sm-spa-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  transform: scale(1.02);
}

.sm-rom-hero__overlay,
.sm-spa-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 360px at 18% 0%, rgba(223,137,91,.36), transparent 60%),
    radial-gradient(900px 360px at 82% 0%, rgba(34,70,59,.28), transparent 60%),
    linear-gradient(180deg, rgba(16,24,40,.18), rgba(16,24,40,.40));
}

.sm-spa-hero__overlay {
  background:
    radial-gradient(900px 360px at 18% 0%, rgba(223,137,91,.36), transparent 60%),
    radial-gradient(900px 360px at 82% 0%, rgba(34,70,59,.28), transparent 60%),
    linear-gradient(180deg, rgba(16,24,40,.18), rgba(16,24,40,.40));
}

.sm-rom-hero__content,
.sm-spa-hero__content {
  position: relative;
  z-index: 2;
  padding: clamp(18px, 3vw, 30px);
}

.sm-rom-hero__content { max-width: 84ch; }
.sm-spa-hero__content { max-width: 92ch; }

.sm-rom-hero__title,
.sm-spa-hero__title {
  margin: 10px 0 8px 0;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff;
}

.sm-rom-hero__sub,
.sm-spa-hero__sub {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

.sm-rom-hero__chips,
.sm-spa-hero__chips {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---- GRIDS (rom/spa) ---- */
.sm-rom-grid,
.sm-spa-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* ---- ADDON2 (shared between romantic + spa — was duplicated) ---- */
.sm-addon2 {
  display: flex;
  gap: 12px;
  align-items: stretch;
  padding: 10px;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
  overflow: hidden;
  position: relative;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.sm-addon2__img {
  position: relative;
  width: 256px;
  height: 256px;
  flex: 0 0 256px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(16,24,40,.10);
}

.sm-addon2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
}

.sm-addon2__main { flex: 1 1 auto; min-width: 0; }

.sm-addon2__top {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
}

.sm-addon2__title {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 950;
}

.sm-addon2__muted {
  font-weight: 900;
  color: rgba(16,24,40,.55);
}

.sm-addon2__desc {
  margin: 6px 0 0 0;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.sm-addon2__price {
  font-weight: 950;
  letter-spacing: -0.01em;
  color: rgba(16,24,40,.86);
  font-size: 16px;
  white-space: nowrap;
}

.sm-addon2__meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ---- NOTE (rom) ---- */
.sm-rom-note {
  margin-top: 14px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
}

.sm-rom-note__ico {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(16,24,40,.10);
  box-shadow: 0 8px 18px rgba(16,24,40,.08);
  flex: 0 0 40px;
}

.sm-rom-note__text {
  color: rgba(16,24,40,.72);
  font-size: 13.5px;
  line-height: 1.65;
}

/* ---- FAQ sections (rom/spa) ---- */
.sm-rom-faq,
.sm-spa-faq {
  margin-top: 18px;
  padding: 14px;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
}

/* ---- Intro blocks (spa) ---- */
.sm-spa-intro,
.sm-spa-seo {
  margin-top: 18px;
  padding: 14px;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
}

/* ---- Cardwide (spa) ---- */
.sm-cardwide {
  grid-column: span 2;
  border-radius: var(--sm-radius);
  overflow: hidden;
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
}

.sm-cardwide__img {
  position: relative;
  width: 100%;
  aspect-ratio: 21/9;
  overflow: hidden;
  border-bottom: 1px solid rgba(16,24,40,.10);
}

.sm-cardwide__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 55%;
  transform: scale(1.03);
}

.sm-cardwide__body { padding: 14px; }

.sm-cardwide__top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.sm-cardwide__title {
  margin: 0;
  font-weight: 950;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.sm-cardwide__text {
  margin: 8px 0 0 0;
  color: rgba(16,24,40,.70);
  font-size: 14px;
  line-height: 1.7;
}

.sm-list {
  margin: 10px 0 0 18px;
  color: rgba(16,24,40,.70);
  font-size: 14px;
  line-height: 1.75;
}

/* Responsive experience pages */
@media (max-width: 920px) {
  .sm-card { grid-column: span 12; }
  .sm-rom-grid { grid-template-columns: 1fr; }
  .sm-spa-grid { grid-template-columns: 1fr; }
  .sm-cardwide { grid-column: span 1; }
  .sm-rom-hero,
  .sm-spa-hero { min-height: 420px; }
  .sm-addon { grid-column: span 12; }
  .sm-addon__img { width: 110px; flex-basis: 110px; }
}

@media (max-width: 520px) {
  .sm-rom-hero__chips,
  .sm-spa-hero__chips { gap: 8px; }
  .sm-chip { width: 100%; justify-content: center; }
  .sm-pill { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .sm-card, .sm-card__img img { transition: none; }
  .sm-card:hover { transform: none; }
}


/* ================================================================
   SECTION 19: ACTIVITIES ADD-ONS (checkbox + image + price)
   ================================================================ */

.sm-addons {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}

.sm-addon {
  grid-column: span 6;
  display: flex;
  gap: 12px;
  align-items: stretch;
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow-sm);
  overflow: hidden;
  position: relative;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.sm-addon__check {
  padding: 14px 0 14px 14px;
  display: flex;
  align-items: flex-start;
}

.sm-addon input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--sm-amber);
}

.sm-addon__img {
  width: 120px;
  flex: 0 0 120px;
  overflow: hidden;
}

.sm-addon__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
}

.sm-addon__body {
  padding: 12px 12px 12px 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.sm-addon__name {
  margin: 0;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.35;
}

.sm-addon__desc {
  margin: 0;
  color: var(--sm-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.sm-addon__price {
  padding: 12px 12px 12px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 92px;
  font-weight: 950;
  letter-spacing: -0.01em;
  color: rgba(16,24,40,.85);
}

.sm-addon__tag {
  position: absolute;
  right: 12px;
  bottom: 12px;
  transform: scale(.96);
}

/* Mini pill row inside cards */
.sm-mini {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sm-mini .sm-pill {
  padding: 8px 10px;
  font-size: 12px;
}


/* ================================================================
   SECTION 20: MAP CARD (shared)
   ================================================================ */

.sm-map {
  --sm-green:   #22463B;
  --sm-amber:   #DF895B;
  --sm-ink:     #101828;
  --sm-muted:   rgba(16,24,40,.68);
  --sm-glass:   rgba(255,255,255,.82);
  --sm-glass-2: rgba(255,255,255,.62);
  --sm-border:  rgba(16,24,40,.10);
  --sm-shadow:  0 18px 48px rgba(16,24,40,.10);
  padding: clamp(26px, 4vw, 54px) 0;
}

.sm-map__wrap {
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
}

.sm-map__head {
  margin: 0 0 14px 0;
  padding: 0 6px;
}

.sm-map__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* Map card wrapper */
.sevenmirrors-map-card {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--sm-border);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-glass-2));
  box-shadow: var(--sm-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#sevenmirrorsMap {
  width: 100%;
  height: clamp(320px, 44vw, 520px);
}

@media (max-width: 520px) {
  .sm-map .sm-chip { width: 100%; justify-content: center; }
}

header#masthead {
    z-index: 99999;
}
/* =========================
   Seven Mirrors — HOME add-ons (new)
   ========================= */

.sm-home-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.sm-kicker{
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(16,24,40,.55);
  margin-bottom:10px;
}

.sm-h2{
  font-size: clamp(26px, 3.2vw, 44px);
  line-height: 1.1;
  margin: 0 0 10px 0;
  color:#101828;
}

.sm-lead{
  font-size: 15px;
  line-height: 1.75;
  color: rgba(16,24,40,.68);
  margin: 0;
}

.sm-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  text-decoration:none;
  font-weight: 700;
  font-size: 14px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color:#101828;
}
.sm-btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(16,24,40,.12); }
.sm-btn--primary{
  background: linear-gradient(135deg, rgba(223,137,91,.95), rgba(223,137,91,.78));
  border-color: rgba(223,137,91,.45);
  color:#101828;
}
.sm-btn--ghost{
  background: rgba(255,255,255,.60);
}

.sm-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(16,24,40,.72);
  font-size: 13px;
  font-weight: 600;
}

/* Intro */
.sm-home-intro{ padding: 32px 0 10px; }
.sm-home-intro-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: stretch;
}
@media(max-width: 900px){
  .sm-home-intro-grid{ grid-template-columns: 1fr; }
}
.sm-home-intro-media{
  margin:0;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.65);
  box-shadow: 0 20px 60px rgba(16,24,40,.12);
}
.sm-home-intro-media img{
  width:100%;
  height:100%;
  display:block;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.sm-home-intro-media figcaption{
  padding: 10px 14px;
  font-size: 12px;
  color: rgba(16,24,40,.55);
}

.sm-usp-chips{ margin-top: 14px; display:flex; flex-wrap:wrap; gap:10px; }
.sm-home-cta{ margin-top: 18px; display:flex; flex-wrap:wrap; gap:10px; }

.sm-glass-note{
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: rgba(16,24,40,.70);
}

/* Rooms head */
.sm-home-rooms-head{ padding: 22px 0 8px; }
.sm-rooms-head{
  display:flex;
  gap:18px;
  justify-content: space-between;
  align-items: flex-end;
}
@media(max-width: 900px){
  .sm-rooms-head{ flex-direction: column; align-items: flex-start; }
}
.sm-rooms-actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Experience block — full width vibe */
.sm-home-experience{
  padding: 28px 0;
  margin-top: 14px;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(223,137,91,.18), transparent 60%),
    radial-gradient(800px 260px at 80% 0%, rgba(34,70,59,.14), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
}
.sm-exp-head{
  display:flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 14px;
}
@media(max-width: 900px){
  .sm-exp-head{ flex-direction: column; align-items: flex-start; }
}
.sm-exp-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media(max-width: 1100px){ .sm-exp-grid{ grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 520px){ .sm-exp-grid{ grid-template-columns: 1fr; } }

.sm-exp-card{
  text-decoration:none;
  border-radius: 22px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
  color:#101828;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sm-exp-card:hover{ transform: translateY(-2px); box-shadow: 0 24px 66px rgba(16,24,40,.14); }
.sm-exp-card__top{ display:flex; justify-content: space-between; align-items:center; gap: 10px; }
.sm-exp-ico{ font-size: 18px; }
.sm-exp-tag{ font-size: 12px; color: rgba(16,24,40,.58); }
.sm-exp-card h3{ margin: 10px 0 6px; font-size: 18px; }
.sm-exp-card p{ margin:0; color: rgba(16,24,40,.65); line-height:1.65; font-size: 13.5px; }
.sm-exp-link{ display:inline-block; margin-top: 10px; font-weight: 800; font-size: 13px; }

/* Gallery head */
.sm-home-gallery-head{ padding: 18px 0 10px; }
.sm-gallery-head{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
}
@media(max-width: 900px){
  .sm-gallery-head{ flex-direction: column; align-items:flex-start; }
}

/* Map */
.sm-home-map{ padding: 26px 0 10px; }
.sm-map-head{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 12px;
}
@media(max-width: 900px){
  .sm-map-head{ flex-direction: column; align-items:flex-start; }
}
.sm-map-chips{ margin-top: 12px; display:flex; flex-wrap:wrap; gap:10px; }
.sm-map-actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* Reviews */
.sm-home-reviews{ padding: 26px 0 6px; }
.sm-rev-head{
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
  gap: 18px;
  margin-bottom: 14px;
}
@media(max-width: 900px){
  .sm-rev-head{ flex-direction: column; align-items:flex-start; }
}
.sm-rev-badges{ display:flex; gap:10px; flex-wrap:wrap; }
.sm-rev-badge{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
}
.sm-rev-badge strong{ font-size: 18px; }
.sm-rev-badge span{ font-size: 12px; color: rgba(16,24,40,.62); line-height:1.25; }

.sm-rev-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media(max-width: 1000px){ .sm-rev-grid{ grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 600px){ .sm-rev-grid{ grid-template-columns: 1fr; } }

.sm-rev-card{
  border-radius: 22px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
}
.sm-rev-top{ display:flex; justify-content: space-between; gap: 10px; align-items:center; margin-bottom: 8px; }
.sm-rev-name{ font-weight: 900; color:#101828; }
.sm-rev-stars{ letter-spacing: 1px; font-size: 14px; }
.sm-rev-card p{ margin:0; color: rgba(16,24,40,.70); line-height:1.7; font-size: 13.5px; }
.sm-rev-src{ margin-top: 10px; font-size: 12px; color: rgba(16,24,40,.52); }

/* FAQ */
.sm-home-faq{ padding: 26px 0 40px; }
.sm-faq-head{ margin-bottom: 12px; }
.sm-faq-list{ display:grid; gap: 10px; }
.sm-faq-item{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 0;
  overflow:hidden;
}
.sm-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding: 14px 14px;
  font-weight: 900;
  color:#101828;
}
.sm-faq-item summary::-webkit-details-marker{ display:none; }
.sm-faq-body{
  padding: 0 14px 14px 14px;
  color: rgba(16,24,40,.70);
  line-height:1.75;
  font-size: 13.5px;
}

/* ── SECTION 1: Hero badge — Option A (single pill) ── */
.elementor-element-48842a5 p,
.elementor-element-48842a5 .elementor-widget-container p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 700;
  color: rgba(16,24,40,.84);
  background: 
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.64)),
    radial-gradient(180px 80px at 20% 0%, rgba(223,137,91,.72), rgba(223,137,91,0) 72%);
  border: 1px solid rgba(223,137,91,.38);
  box-shadow: 
    0 14px 38px rgba(16,24,40,.10),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(223,137,91,.12);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  letter-spacing: .01em;
}
/* orange dot before */
.elementor-element-48842a5 p::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(223,137,91,.95);
  box-shadow: 0 0 0 3px rgba(223,137,91,.22);
  flex: 0 0 7px;
}

/* ── SECTION 2: Intro — iOS26 glass upgrades ── */

/* Richer image frame */
.sm-home-intro-media {
  background: rgba(255,255,255,.70);
  box-shadow: 
    0 14px 36px rgba(16,24,40,.10),
    inset 0 0 0 1px rgba(255,255,255,.55);
  position: relative;
}
.sm-home-intro-media::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    rgba(223,137,91,.22) 0%,
    rgba(223,137,91,0) 40%,
    rgba(34,70,59,.12) 100%
  );
  z-index: 0;
  pointer-events: none;
}

/* Enhanced USP chips */
.sm-usp-chips .sm-chip {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.60)),
    radial-gradient(120px 60px at 15% 0%, rgba(223,137,91,.32), transparent 65%);
  border-color: rgba(223,137,91,.22);
  box-shadow: 0 8px 20px rgba(16,24,40,.07), inset 0 1px 0 rgba(255,255,255,.75);
  font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease;
}
.sm-usp-chips .sm-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(16,24,40,.10);
}

/* Pro tip glass note — orange tint */
.sm-glass-note {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.72)),
    radial-gradient(500px 140px at 8% 0%, rgba(223,137,91,.38), transparent 55%);
  border: 1px solid rgba(223,137,91,.24);
  box-shadow: 
    0 10px 28px rgba(16,24,40,.07),
    inset 0 1px 0 rgba(255,255,255,.82);
  font-weight: 600;
}
.sm-glass-note strong {
  color: #C97A4F;
}
/* ── SECTION 3: Rooms head — iOS26 premium separator ── */
.sm-home-rooms-head {
  position: relative;
  padding-top: 28px;
}
.sm-home-rooms-head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(223,137,91,0),
    rgba(223,137,91,.45) 30%,
    rgba(223,137,91,.45) 70%,
    rgba(223,137,91,0)
  );
}
.sm-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sm-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #DF895B, #C97A4F);
  box-shadow: 0 0 0 3px rgba(223,137,91,.18);
}
.sm-rooms-actions .sm-btn--ghost {
  background: rgba(255,255,255,.75);
  border-color: rgba(0,0,0,.10);
  color: #101828;
}
/* ── SECTION 4: Room card grid — iOS26 glass enhancements ── */

/* Card container — richer frosted glass */
.elementor-element-13c2afb .safar-accommodation-adventure-item {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82)) !important;
  box-shadow: 
    0 22px 56px rgba(16,24,40,.10),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.elementor-element-13c2afb .safar-accommodation-adventure-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 
    0 16px 40px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Price badge — iOS26 tinted orange pill */
.elementor-element-13c2afb .safar-accommodation__badge span {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.68)),
    radial-gradient(140px 60px at 18% 0%, rgba(223,137,91,.60), transparent 68%) !important;
  border: 1px solid rgba(223,137,91,.32) !important;
  box-shadow: 
    0 12px 28px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

/* Price number style */
.elementor-element-13c2afb .mphb-price {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.80)) !important;
  border: 1px solid rgba(223,137,91,.24) !important;
  font-size: 16px !important;
}

/* Title font */
.elementor-element-13c2afb .mphb-room-type-title {
  font-family: "Playfair Display", serif !important;
  font-size: 19px !important;
  letter-spacing: -0.01em !important;
}

/* Image height */
.elementor-element-13c2afb .safar-accommodation-adventure-item .thumb img {
  height: 320px !important;
  min-height: 320px !important;
  transition: transform .38s ease !important;
}
.elementor-element-13c2afb .safar-accommodation-adventure-item:hover .thumb img {
  transform: scale(1.05) !important;
}

/* ── SECTION 6: Activities cards — iOS26 glass upgrade ── */

.sm-home-experience {
  background: 
    radial-gradient(1000px 300px at 18% 0%, rgba(223,137,91,.14), transparent 55%),
    radial-gradient(800px 280px at 82% 0%, rgba(34,70,59,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
}

.sm-exp-card {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78));
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: 
    0 18px 48px rgba(16,24,40,.08),
    inset 0 1px 0 rgba(255,255,255,.90);
  position: relative;
  overflow: hidden;
}
/* Top edge highlight */
.sm-exp-card::before {
  content: "";
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.90) 50%,
    rgba(255,255,255,0)
  );
}
.sm-exp-card:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 28px 68px rgba(16,24,40,.14),
    inset 0 1px 0 rgba(255,255,255,.90);
  border-color: rgba(223,137,91,.20);
}

.sm-exp-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: 
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58)),
    radial-gradient(80px 60px at 20% 0%, rgba(223,137,91,.40), transparent 70%);
  border: 1px solid rgba(223,137,91,.20);
  box-shadow: 0 6px 16px rgba(16,24,40,.08);
}

.sm-exp-card h3 {
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.sm-exp-link {
  color: #C97A4F;
  font-weight: 800;
  font-size: 12.5px;
  letter-spacing: .01em;
}
/* ── SECTION 7: Gallery head ── */
.sm-home-gallery-head {
  padding: 24px 0 12px;
}
.sm-gallery-count-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .04em;
  background: 
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58)),
    radial-gradient(120px 60px at 18% 0%, rgba(223,137,91,.45), transparent 65%);
  border: 1px solid rgba(223,137,91,.28);
  color: rgba(16,24,40,.72);
  margin-left: 10px;
  vertical-align: middle;
}
/* ── SECTION 9: Reviews — iOS26 glass cards ── */

.sm-rev-card {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.80)),
    radial-gradient(280px 140px at 0% 0%, rgba(223,137,91,.16), transparent 60%);
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: 
    0 18px 48px rgba(16,24,40,.08),
    inset 0 1px 0 rgba(255,255,255,.90);
  transition: transform .18s ease, box-shadow .18s ease;
}
.sm-rev-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(16,24,40,.12);
  border-color: rgba(223,137,91,.18);
}

.sm-rev-stars {
  color: #DF895B;
  letter-spacing: 1.5px;
  font-size: 13px;
  text-shadow: 0 0 8px rgba(223,137,91,.40);
}

.sm-rev-src {
  font-size: 11px;
  color: rgba(16,24,40,.42);
  display: flex;
  align-items: center;
  gap: 5px;
}
.sm-rev-src::before {
  content: "✓";
  color: #22463B;
  font-weight: 900;
}

.sm-rev-badge {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74)),
    radial-gradient(180px 80px at 10% 0%, rgba(223,137,91,.28), transparent 65%);
  border: 1px solid rgba(223,137,91,.22);
  box-shadow: 0 8px 22px rgba(16,24,40,.07), inset 0 1px 0 rgba(255,255,255,.80);
}
.sm-rev-badge strong {
  color: #C97A4F;
  font-size: 22px;
  letter-spacing: -0.01em;
}
/* ── SECTION 10: Map — iOS26 glass wrapper ── */

.sm-home-map {
  padding: 30px 0 16px;
}

.sm-map-chips .sm-chip {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62)),
    radial-gradient(120px 60px at 16% 0%, rgba(223,137,91,.38), transparent 65%);
  border-color: rgba(223,137,91,.25);
  color: rgba(16,24,40,.78);
  box-shadow: 0 8px 20px rgba(16,24,40,.07), inset 0 1px 0 rgba(255,255,255,.75);
}

/* Map card frame */
.sevenmirrors-map-card,
.sm-home-map .sevenmirrors-map-card {
  border: 1px solid rgba(223,137,91,.20);
  box-shadow: 
    0 24px 64px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.70);
  overflow: hidden;
  border-radius: 22px;
}

.sm-map-actions .sm-btn--primary {
  background: linear-gradient(135deg, rgba(223,137,91,.95), rgba(193,112,60,.90));
  border-color: rgba(223,137,91,.50);
  box-shadow: 0 12px 28px rgba(223,137,91,.28);
  color: #fff;
}
.sm-map-actions .sm-btn--ghost {
  background: rgba(255,255,255,.75);
  border-color: rgba(0,0,0,.10);
  color: #101828;
}
/* ── SECTION 11: FAQ — iOS26 glass accordion ── */

.sm-faq-item {
  background: 
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: 
    0 10px 30px rgba(16,24,40,.06),
    inset 0 1px 0 rgba(255,255,255,.90);
  position: relative;
  transition: box-shadow .18s ease, border-color .18s ease;
}
/* Orange left accent bar */
.sm-faq-item::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  border-radius: 18px 0 0 18px;
  background: linear-gradient(180deg, #DF895B, rgba(223,137,91,.25));
  opacity: 0;
  transition: opacity .18s ease;
}
.sm-faq-item[open]::before,
.sm-faq-item:hover::before {
  opacity: 1;
}
.sm-faq-item[open] {
  border-color: rgba(223,137,91,.18);
  box-shadow: 
    0 14px 38px rgba(16,24,40,.09),
    inset 0 1px 0 rgba(255,255,255,.90);
}

.sm-faq-item summary {
  padding: 16px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14.5px;
}
/* Plus/minus toggle */
.sm-faq-item summary::after {
  content: "+";
  font-size: 20px;
  font-weight: 300;
  color: #DF895B;
  flex: 0 0 auto;
  transition: transform .18s ease, content .0s;
  line-height: 1;
}
.sm-faq-item[open] summary::after {
  content: "−";
  transform: rotate(0deg);
}

.sm-faq-body {
  padding: 0 18px 16px 18px;
  border-top: 1px solid rgba(0,0,0,.05);
  margin-top: 0;
  padding-top: 12px;
}

/* FAQ section header */
.sm-home-faq .sm-kicker::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 999px;
  background: #DF895B;
  box-shadow: 0 0 0 3px rgba(223,137,91,.18);
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}

/* ================================================================
   SECTION 12: Room cards — safar-accommodation-17 iOS26 glass
   (used by elementor-element-13c2afb with data-style="20")
   ================================================================ */

/* Equal-height columns — make each col a flex container */
.safar-mphb-room-style-20.safar-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.safar-mphb-room-style-20.safar-row > [class*="safar-col"] {
  display: flex !important;
  flex-direction: column !important;
  padding: 10px !important;
}

/* Card wrapper — full height flex column */
.safar-accommodation-17__item {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  box-shadow:
    0 22px 56px rgba(16,24,40,.10),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
  position: relative !important;
}

/* Top highlight edge */
.safar-accommodation-17__item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 10% !important; right: 10% !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,0)
  ) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.safar-accommodation-17__item:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 40px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  border-color: rgba(223,137,91,.16) !important;
}

/* Thumb — fixed height, no flex shrink */
.safar-accommodation-17__item .thumb {
  position: relative !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}
.safar-accommodation-17__item .thumb img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .40s ease !important;
}
.safar-accommodation-17__item:hover .thumb img {
  transform: scale(1.05) !important;
}

/* ---- Price badge — iOS26 amber glass pill (top-left over image) ---- */
.safar-accommodation-17__item .price.safar-mphb-price-style {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 4 !important;
  background: rgba(223,137,91,.85) !important;
  border: 1px solid rgba(223,137,91,.55) !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.25), inset 0 1px 0 rgba(255,255,255,.30) !important;
  border-radius: 999px !important;
  padding: 5px 11px !important;
  backdrop-filter: blur(12px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* "No" label */
.safar-accommodation-17__item .price.safar-mphb-price-style > span:first-child {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.85) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
}

/* The tag breaks flex — force it inline */
.safar-accommodation-17__item .mphb-regular-price {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 2px !important;
  line-height: 1 !important;
}
/* Hide verbose label */
.safar-accommodation-17__item .mphb-regular-price strong {
  display: none !important;
}
/* Price number — white on amber */
.safar-accommodation-17__item .price.safar-mphb-price-style .mphb-price,
.safar-accommodation-17__item .price .mphb-price {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
  background: none !important;
  line-height: 1 !important;
}
/* Currency symbol */
.safar-accommodation-17__item .price.safar-mphb-price-style .mphb-currency,
.safar-accommodation-17__item .price .mphb-currency {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  line-height: 1 !important;
}
/* Hide period text */
.safar-accommodation-17__item .mphb-price-period {
  display: none !important;
}

/* ---- CTA button — text + icon, glass pill ---- */
.safar-accommodation-17__item .btn-arrow {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
}
.safar-accommodation-17__item .circle-run-btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  height: 32px !important;
  padding: 0 14px 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.18), inset 0 1px 0 rgba(255,255,255,.80) !important;
  color: #101828 !important;
  text-decoration: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: background .18s ease, box-shadow .18s ease, color .18s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: 200px !important;
}
/* Icon — hidden completely */
.safar-accommodation-17__item .circle-run-btn .icon {
  display: none !important;
}
/* Text — after icon */
.safar-accommodation-17__item .circle-run-btn .text {
  display: inline !important;
  order: 2 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.safar-accommodation-17__item .circle-run-btn:hover {
  background: linear-gradient(135deg, #DF895B, #C97A4F) !important;
  color: #fff !important;
  border-color: rgba(223,137,91,.55) !important;
  box-shadow: 0 8px 22px rgba(223,137,91,.32) !important;
}

/* ---- Content area — flex grow to equalise card heights ---- */
.safar-accommodation-17__item .content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 18px 18px !important;
  background: transparent !important;
}

/* Title */
.safar-accommodation-17__item .mphb-room-type-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}
.safar-accommodation-17__item .mphb-room-type-title a {
  color: #101828 !important;
  text-decoration: none !important;
}
.safar-accommodation-17__item .mphb-room-type-title a:hover {
  color: #C97A4F !important;
}

/* Excerpt */
.safar-accommodation-17__item .content > p {
  flex: 1 1 auto !important;
  margin: 0 0 10px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: rgba(16,24,40,.62) !important;
}

/* Location — force visible dark text */
.safar-accommodation-17__item .location,
.safar-accommodation-17__item .location p,
.safar-accommodation-17__item .location * {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  color: rgba(16,24,40,.52) !important;
  margin-bottom: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.safar-accommodation-17__item .location p {
  display: block !important;
  margin: 0 !important;
}
.safar-accommodation-17__item .location i {
  display: inline-block !important;
  color: #C97A4F !important;
  font-size: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ---- Info row (33m² badge) — forced visible amber pill ---- */
.safar-accommodation-17__item .info {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: auto !important;
}
.safar-accommodation-17__item .info-item,
.safar-accommodation-17__item .info-item * {
  opacity: 1 !important;
  visibility: visible !important;
}
.safar-accommodation-17__item .info-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #C97A4F !important;
  background: rgba(223,137,91,.12) !important;
  border: 1px solid rgba(223,137,91,.30) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
}
.safar-accommodation-17__item .info-item i,
.safar-accommodation-17__item .info-item span {
  color: #C97A4F !important;
  font-size: 12px !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ================================================================
   SECTION 13: Map — fix height + duplicate card + overflow
   ================================================================ */

/* Ensure the map card wraps properly and has correct height */
.sm-home-map .sevenmirrors-map-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(223,137,91,.20) !important;
  box-shadow:
    0 24px 64px rgba(16,24,40,.12),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
  /* ensure the card itself has a defined height so the map renders */
  min-height: clamp(320px, 44vw, 520px) !important;
}

/* The map div MUST fill the card */
.sm-home-map .sevenmirrors-map-card #sevenmirrorsMap,
#sevenmirrorsMap {
  width: 100% !important;
  height: clamp(320px, 44vw, 520px) !important;
  display: block !important;
}

/* Hide the second (duplicate) empty map card that has no map inside */
.sm-home-map .sevenmirrors-map-card:empty,
.sm-home-map .sevenmirrors-map-card + .sevenmirrors-map-card {
  display: none !important;
}

/* The blank space below the map — prevent extra height from empty duplicate div */
.sm-home-map .sevenmirrors-map-card ~ .sevenmirrors-map-card {
  display: none !important;
}

@media (max-width: 767px) {
  .sm-home-map .sevenmirrors-map-card,
  .sm-home-map .sevenmirrors-map-card #sevenmirrorsMap,
  #sevenmirrorsMap {
    height: 320px !important;
    min-height: 320px !important;
  }
}

/* ================================================================
   DAVANU KARTES LAPA virtuāla
   ================================================================ */
/* ================================================================
   7MIRRORS — Gift Card (iOS 26.2 Glass) — WooCommerce Product Page
   Scope: ONLY the Gift Card product section container (elementor id c0642ce)
   Paste into your main 7mirrors_cleaned.css (bottom is fine)
   ================================================================ */

.elementor-element-c0642ce{
  --gc-ink: var(--sm-ink);
  --gc-text: var(--sm-text);
  --gc-muted: var(--sm-muted);

  --gc-green: var(--sm-green);
  --gc-accent: var(--sm-accent);
  --gc-accent2: var(--sm-accent-2);

  --gc-glass: var(--sm-card);
  --gc-glass2: var(--sm-glass-2);
  --gc-border: var(--sm-card-border);

  --gc-radius: 22px;
  --gc-radius-sm: 14px;

  --gc-shadow: var(--sm-shadow);
  --gc-shadow-sm: var(--sm-shadow-sm);

  --gc-blur: 18px;
}

/* --- layout --- */
.elementor-element-c0642ce > .e-con-inner{
  gap: 22px !important;
  align-items: stretch !important;
}

.elementor-element-c0642ce .elementor-element-2a2e545,
.elementor-element-c0642ce .elementor-element-68f55f0{
  border-radius: var(--gc-radius) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.64)) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: var(--gc-shadow-sm) !important;
  backdrop-filter: blur(var(--gc-blur));
  -webkit-backdrop-filter: blur(var(--gc-blur));
  overflow: hidden;
}

/* Right column gets a bit more “card” feel */
.elementor-element-c0642ce .elementor-element-68f55f0{
  padding: 22px !important;
}

/* Left image frame */
.elementor-element-c0642ce .woocommerce-product-gallery{
  padding: 18px !important;
  height: 100%;
}

.elementor-element-c0642ce .woocommerce-product-gallery__wrapper{
  margin: 0 !important;
  border-radius: calc(var(--gc-radius) - 6px) !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(16,24,40,.08);
}

.elementor-element-c0642ce .woocommerce-product-gallery__image--placeholder img,
.elementor-element-c0642ce .woocommerce-product-gallery__wrapper img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transform: scale(1.01);
}

/* --- typography --- */
.elementor-element-c0642ce h1.elementor-heading-title{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--gc-ink) !important;
  margin: 2px 0 10px !important;
  font-size: clamp(28px, 2.1vw, 38px) !important;
  line-height: 1.12 !important;
}

/* Price pill */
.elementor-element-c0642ce .elementor-element-4dfeab0 .price{
  margin: 0 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(223,137,91,.18), rgba(255,255,255,.62)) !important;
  border: 1px solid rgba(223,137,91,.28) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  color: var(--gc-ink) !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
}

.elementor-element-c0642ce .elementor-element-4dfeab0 .price bdi{
  font-size: 16px !important;
}

.elementor-element-c0642ce .elementor-element-4dfeab0 .woocommerce-price-suffix{
  font-weight: 700 !important;
  opacity: .75 !important;
  font-size: 12px !important;
}

/* Product description */
.elementor-element-c0642ce .elementor-element-ac20e43{
  color: var(--gc-text) !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.elementor-element-c0642ce .elementor-element-ac20e43 p{
  margin: 0 0 10px !important;
  line-height: 1.55 !important;
  font-size: 14.5px !important;
}

.elementor-element-c0642ce .elementor-element-ac20e43 strong{
  color: rgba(16,24,40,.92) !important;
  font-weight: 800 !important;
}

/* --- variations: make it modern + stacked --- */
.elementor-element-c0642ce form.variations_form{
  margin-top: 12px !important;
}

.elementor-element-c0642ce table.variations{
  width: 100% !important;
  border: 0 !important;
  margin: 0 0 12px !important;
}

.elementor-element-c0642ce table.variations tr{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 12px !important;
  border-radius: var(--gc-radius-sm) !important;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.elementor-element-c0642ce table.variations th.label{
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
}

.elementor-element-c0642ce table.variations th.label label{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  color: rgba(16,24,40,.9) !important;
  font-size: 13px !important;
}

.elementor-element-c0642ce table.variations td.value{
  padding: 0 !important;
  border: 0 !important;
}

/* Nice-select (dropdown) */
.elementor-element-c0642ce .nice-select{
  width: 100% !important;
  float: none !important;
  height: 46px !important;
  line-height: 44px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.58)) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.07) !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: rgba(16,24,40,.88) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.elementor-element-c0642ce .nice-select:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(16,24,40,.10) !important;
  border-color: rgba(223,137,91,.40) !important;
}

.elementor-element-c0642ce .nice-select:after{
  right: 16px !important;
  width: 8px !important;
  height: 8px !important;
  border-bottom: 2px solid rgba(16,24,40,.55) !important;
  border-right: 2px solid rgba(16,24,40,.55) !important;
}

.elementor-element-c0642ce .nice-select .list{
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 18px 48px rgba(16,24,40,.14) !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.elementor-element-c0642ce .nice-select .option{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: rgba(16,24,40,.86) !important;
}

.elementor-element-c0642ce .nice-select .option.selected,
.elementor-element-c0642ce .nice-select .option:hover{
  background: rgba(223,137,91,.14) !important;
}

/* Reset variations link -> mini chip */
.elementor-element-c0642ce a.reset_variations{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.65) !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  color: rgba(16,24,40,.74) !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.elementor-element-c0642ce a.reset_variations:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16,24,40,.08);
  border-color: rgba(223,137,91,.35) !important;
}

/* --- PW Gift Cards fields (Kam/No/Ziņa) --- */
.elementor-element-c0642ce #pwgc-purchase-container{
  padding: 14px 0 6px !important;
}

.elementor-element-c0642ce .pwgc-field-container{
  margin-bottom: 14px !important;
  padding: 12px !important;
  border-radius: var(--gc-radius-sm) !important;
  background: rgba(255,255,255,.52) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.elementor-element-c0642ce .pwgc-label{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  color: rgba(16,24,40,.9) !important;
  margin-bottom: 6px !important;
}

.elementor-element-c0642ce .pwgc-subtitle{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  color: rgba(16,24,40,.60) !important;
}

.elementor-element-c0642ce .pwgc-input-text,
.elementor-element-c0642ce #pwgc-custom-amount,
.elementor-element-c0642ce #pwgc-message,
.elementor-element-c0642ce input.qty{
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62)) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.06) !important;
  padding: 12px 14px !important;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 650 !important;
  color: rgba(16,24,40,.88) !important;
  outline: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.elementor-element-c0642ce #pwgc-message{
  min-height: 118px !important;
  resize: vertical !important;
}

.elementor-element-c0642ce .pwgc-input-text:focus,
.elementor-element-c0642ce #pwgc-custom-amount:focus,
.elementor-element-c0642ce #pwgc-message:focus,
.elementor-element-c0642ce input.qty:focus{
  border-color: rgba(223,137,91,.55) !important;
  box-shadow: 0 18px 38px rgba(16,24,40,.10) !important;
  transform: translateY(-1px);
}

/* Hide the PW plugin inline style block if it appears */
.elementor-element-c0642ce .woocommerce-variation-add-to-cart > style{
  display: none !important;
}

/* --- buttons (Preview + Add to cart) --- */
.elementor-element-c0642ce .pwgc-email-preview-button,
.elementor-element-c0642ce .single_add_to_cart_button{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  padding: 12px 16px !important;
  letter-spacing: .01em !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}

/* Preview = ghost glass */
.elementor-element-c0642ce .pwgc-email-preview-button{
  background: rgba(255,255,255,.62) !important;
  color: rgba(16,24,40,.82) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.06) !important;
}

.elementor-element-c0642ce .pwgc-email-preview-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(16,24,40,.10) !important;
  border-color: rgba(223,137,91,.40) !important;
}

/* Add to cart = premium CTA */
.elementor-element-c0642ce .single_add_to_cart_button{
  width: 100% !important;
  margin-top: 10px !important;
  background: linear-gradient(180deg, rgba(34,70,59,1), rgba(20,46,38,1)) !important;
  color: #fff !important;
  border-color: rgba(34,70,59,.55) !important;
  box-shadow: 0 18px 48px rgba(16,24,40,.18) !important;
}

.elementor-element-c0642ce .single_add_to_cart_button:hover{
  transform: translateY(-1px);
  box-shadow: 0 26px 74px rgba(16,24,40,.22) !important;
  filter: brightness(1.02);
}

.elementor-element-c0642ce .single_add_to_cart_button:active{
  transform: translateY(0px) scale(.99);
}

/* Quantity block */
.elementor-element-c0642ce .quantity{
  margin-top: 10px !important;
  width: 100% !important;
}

.elementor-element-c0642ce .quantity input.qty{
  height: 46px !important;
}

/* Responsive */
@media (max-width: 1024px){
  .elementor-element-c0642ce .elementor-element-2a2e545,
  .elementor-element-c0642ce .elementor-element-68f55f0{
    padding: 16px !important;
  }
}

@media (max-width: 767px){
  .elementor-element-c0642ce > .e-con-inner{
    gap: 14px !important;
  }
  .elementor-element-c0642ce .elementor-element-68f55f0{
    padding: 16px !important;
  }
}
/* Gift Card extra blocks */
.elementor-element-c0642ce .sm-gc-perks{
  margin-top: 16px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.56));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.elementor-element-c0642ce .sm-gc-chip{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 12px;
  color: rgba(16,24,40,.80);
  border: 1px solid rgba(223,137,91,.30);
  background: rgba(223,137,91,.12);
}

.elementor-element-c0642ce .sm-gc-perks__title{
  margin: 10px 0 6px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: 18px;
  color: rgba(16,24,40,.92);
}

.elementor-element-c0642ce .sm-gc-perks__sub{
  margin: 0 0 12px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 650;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(16,24,40,.66);
}

.elementor-element-c0642ce .sm-gc-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.elementor-element-c0642ce .sm-gc-card{
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(16,24,40,.07);
}

.elementor-element-c0642ce .sm-gc-ico{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(34,70,59,.10);
  border: 1px solid rgba(34,70,59,.18);
  font-size: 18px;
}

.elementor-element-c0642ce .sm-gc-card__t{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: rgba(16,24,40,.90);
  margin-bottom: 3px;
}

.elementor-element-c0642ce .sm-gc-card__d{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 650;
  font-size: 12.7px;
  line-height: 1.45;
  color: rgba(16,24,40,.68);
}

.elementor-element-c0642ce .sm-gc-note{
  margin-top: 12px;
  padding: 12px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(34,70,59,.10), rgba(255,255,255,.56));
  border: 1px solid rgba(34,70,59,.18);
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  color: rgba(16,24,40,.78);
}

@media (max-width: 767px){
  .elementor-element-c0642ce .sm-gc-grid{ grid-template-columns: 1fr; }
}
/* FAQ (Gift Card) */
.elementor-element-c0642ce .sm-faq{
  margin-top: 18px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.58));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.elementor-element-c0642ce .sm-faq__title{
  margin: 0 0 6px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: 18px;
  color: rgba(16,24,40,.92);
}

.elementor-element-c0642ce .sm-faq__sub{
  margin: 0 0 14px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 650;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(16,24,40,.66);
}

.elementor-element-c0642ce .sm-faq__sub a{
  color: rgba(34,70,59,.95);
  font-weight: 850;
  text-decoration: none;
  border-bottom: 1px solid rgba(34,70,59,.25);
}

.elementor-element-c0642ce .sm-faq__sub a:hover{
  border-bottom-color: rgba(223,137,91,.55);
}

.elementor-element-c0642ce .sm-faq__list{
  display: grid;
  gap: 10px;
}

.elementor-element-c0642ce details.sm-faq__item{
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(16,24,40,.07);
  overflow: hidden;
}

.elementor-element-c0642ce details.sm-faq__item summary{
  cursor: pointer;
  list-style: none;
  padding: 14px 14px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 13.5px;
  color: rgba(16,24,40,.88);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.elementor-element-c0642ce details.sm-faq__item summary::-webkit-details-marker{
  display: none;
}

.elementor-element-c0642ce details.sm-faq__item summary:after{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(16,24,40,.55);
  border-bottom: 2px solid rgba(16,24,40,.55);
  transform: rotate(45deg);
  transition: transform .18s ease;
  margin-left: auto;
}

.elementor-element-c0642ce details.sm-faq__item[open] summary:after{
  transform: rotate(-135deg);
}

.elementor-element-c0642ce .sm-faq__body{
  padding: 0 14px 14px;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 650;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(16,24,40,.70);
}
/* =============================================================
   7MIRRORS — MPHB Checkout “Papildu pakalpojumi” iOS26 Glass
   Target: #mphb-services-details-0 (services list with thumbs)
   ============================================================= */

/* Section card */
.post-37726 #mphb-services-details-0.mphb-services-details{
  margin-top: 14px;
  padding: clamp(16px, 2.2vw, 22px);
  border-radius: var(--sm-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.64));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--sm-shadow-sm);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Title */
.post-37726 #mphb-services-details-0 .mphb-services-details-title{
  margin: 0 0 12px;
  color: var(--sm-ink);
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(16px, 1.35vw, 19px);
}

/* List layout */
.post-37726 #mphb-services-details-0 .mphb_checkout-services-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

/* Two columns on wider screens */
@media (min-width: 900px){
  .post-37726 #mphb-services-details-0 .mphb_checkout-services-list{
    grid-template-columns: 1fr 1fr;
  }
}

/* Each item (label is the “card”) */
.post-37726 #mphb-services-details-0 .mphb_checkout-services-list > li{
  margin: 0;
}

.post-37726 #mphb-services-details-0 .mphb-checkbox-label{
  display: grid;
  grid-template-columns: 24px 128px 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  cursor: pointer;
  user-select: none;

  padding: 12px 12px;
  border-radius: calc(var(--sm-radius-sm) + 2px);
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

/* Hover lift */
@media (hover:hover){
  .post-37726 #mphb-services-details-0 .mphb-checkbox-label:hover{
    transform: translateY(-1px);
    border-color: rgba(223,137,91,.22);
    box-shadow: 0 16px 34px rgba(16,24,40,.12);
  }
}

/* Checkbox — iOS-ish */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.16);
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 18px rgba(16,24,40,.10);
  display: grid;
  place-items: center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

/* Checkmark */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]::after{
  content: "";
  width: 10px;
  height: 6px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) scale(0);
  transition: transform .16s ease;
}

/* Checked state */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:checked{
  background: linear-gradient(135deg, var(--sm-amber), var(--sm-amber-2));
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 18px 44px rgba(223,137,91,.22);
}
.post-37726 #mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:checked::after{
  transform: rotate(-45deg) scale(1);
}

/* Focus ring */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:focus{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(223,137,91,.18),
    0 12px 26px rgba(16,24,40,.12);
}

/* Thumb */
.post-37726 #mphb-services-details-0 .sm-mphb-service-thumb{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, rgba(34,70,59,.08), rgba(255,255,255,.60));
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
  display: grid;
  place-items: center;
}

.post-37726 #mphb-services-details-0 .sm-mphb-service-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Empty thumb placeholder */
.post-37726 #mphb-services-details-0 .sm-mphb-service-thumb.is-empty{
  background:
    radial-gradient(circle at 30% 25%, rgba(223,137,91,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.54));
}
.post-37726 #mphb-services-details-0 .sm-mphb-service-thumb.is-empty::after{
  content: "＋";
  font-weight: 900;
  color: rgba(16,24,40,.45);
  font-size: 18px;
}

/* Service name (label text) */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label{
  color: var(--sm-ink);
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-size: 14.5px;
}

/* Price meta */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label em{
  font-style: normal;
  color: rgba(16,24,40,.62);
  font-weight: 750;
  white-space: nowrap;
  margin-left: 10px;
  font-size: 13px;
}

.post-37726 #mphb-services-details-0 .mphb-checkbox-label .mphb-price{
  color: rgba(16,24,40,.85);
  font-weight: 900;
}

.post-37726 #mphb-services-details-0 .mphb-checkbox-label .mphb-currency{
  color: rgba(16,24,40,.70);
  font-weight: 900;
}

/* When checked: tint whole card (uses :has for modern browsers) */
.post-37726 #mphb-services-details-0 .mphb-checkbox-label:has(input[type="checkbox"]:checked){
  background: linear-gradient(180deg, rgba(223,137,91,.16), rgba(255,255,255,.66));
  border-color: rgba(223,137,91,.28);
  box-shadow: 0 18px 48px rgba(223,137,91,.14), 0 18px 48px rgba(16,24,40,.10);
}

/* Better wrapping on small screens */
@media (max-width: 520px){
  .post-37726 #mphb-services-details-0 .mphb-checkbox-label{
    grid-template-columns: 24px 46px 1fr;
    grid-auto-rows: auto;
  }
  .post-37726 #mphb-services-details-0 .mphb-checkbox-label em{
    grid-column: 1 / -1;
    margin-left: 0;
    white-space: normal;
    opacity: .9;
  }
  .post-37726 #mphb-services-details-0 .sm-mphb-service-thumb{
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
}
/* =============================================================
   7MIRRORS — MPHB “Papildu pakalpojumi” iOS26 Glass (NO post scope)
   Targets ONLY: #mphb-services-details-0 and its children
   ============================================================= */

/* ---------- Section container ---------- */
#mphb-services-details-0.mphb-services-details{
  margin: 16px 0;
  padding: clamp(14px, 2vw, 20px);
  border-radius: 22px;

  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.64));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 26px rgba(16,24,40,.08);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Title */
#mphb-services-details-0 .mphb-services-details-title{
  margin: 0 0 12px;
  color: #101828;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(16px, 1.3vw, 19px);
}

/* ---------- List layout ---------- */
#mphb-services-details-0 .mphb_checkout-services-list{
  list-style: none;
  padding: 0;
  margin: 0;

  display: grid;
  gap: 10px;
}

/* 2 columns on desktop */
@media (min-width: 900px){
  #mphb-services-details-0 .mphb_checkout-services-list{
    grid-template-columns: 1fr 1fr;
  }
}

/* Prevent theme styles from ruining spacing */
#mphb-services-details-0 .mphb_checkout-services-list > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- “Card” label ---------- */
#mphb-services-details-0 .mphb-checkbox-label{
  display: grid;
  grid-template-columns: 26px 128px 1fr auto;
  align-items: center;
  gap: 12px;

  width: 100%;
  cursor: pointer;
  user-select: none;

  padding: 12px 12px;
  border-radius: 18px;

  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(16,24,40,.08);

  color: #101828;
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1.25;
  font-size: 14.5px;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

@media (hover:hover){
  #mphb-services-details-0 .mphb-checkbox-label:hover{
    transform: translateY(-1px);
    border-color: rgba(223,137,91,.22);
    box-shadow: 0 16px 34px rgba(16,24,40,.12);
  }
}

/* ---------- Checkbox (custom iOS-ish) ---------- */
#mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;

  width: 22px;
  height: 22px;
  margin: 0 !important;

  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.16);
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 18px rgba(16,24,40,.10);

  display: grid;
  place-items: center;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

/* Checkmark */
#mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]::after{
  content: "";
  width: 10px;
  height: 6px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) scale(0);
  transition: transform .16s ease;
}

/* Checked */
#mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:checked{
  background: linear-gradient(135deg, #df895b, #f3b59a);
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 18px 44px rgba(223,137,91,.22);
}
#mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:checked::after{
  transform: rotate(-45deg) scale(1);
}

/* Focus ring */
#mphb-services-details-0 .mphb-checkbox-label input[type="checkbox"]:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(223,137,91,.18), 0 12px 26px rgba(16,24,40,.12);
}

/* ---------- Thumbnail ---------- */
#mphb-services-details-0 .sm-mphb-service-thumb{
  width: 128px;
  height: 128px;
  border-radius: 16px;
  overflow: hidden;

  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, rgba(34,70,59,.08), rgba(255,255,255,.60));
  box-shadow: 0 10px 24px rgba(16,24,40,.08);

  display: grid;
  place-items: center;
}

#mphb-services-details-0 .sm-mphb-service-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Empty placeholder */
#mphb-services-details-0 .sm-mphb-service-thumb.is-empty{
  background:
    radial-gradient(circle at 30% 25%, rgba(223,137,91,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.54));
}
#mphb-services-details-0 .sm-mphb-service-thumb.is-empty::after{
  content: "＋";
  font-weight: 900;
  color: rgba(16,24,40,.45);
  font-size: 18px;
}

/* ---------- Price meta ---------- */
#mphb-services-details-0 .mphb-checkbox-label em{
  font-style: normal;
  color: rgba(16,24,40,.62);
  font-weight: 750;
  white-space: nowrap;
  margin-left: 10px;
  font-size: 13px;
}

#mphb-services-details-0 .mphb-checkbox-label .mphb-price{
  color: rgba(16,24,40,.88);
  font-weight: 900;
}
#mphb-services-details-0 .mphb-checkbox-label .mphb-currency{
  color: rgba(16,24,40,.70);
  font-weight: 900;
}

/* ---------- “Selected” card tint ---------- */
/* Modern browsers */
#mphb-services-details-0 .mphb-checkbox-label:has(input[type="checkbox"]:checked){
  background: linear-gradient(180deg, rgba(223,137,91,.16), rgba(255,255,255,.66));
  border-color: rgba(223,137,91,.28);
  box-shadow: 0 18px 48px rgba(223,137,91,.14), 0 18px 48px rgba(16,24,40,.10);
}

/* Fallback if :has is not supported — still shows checked checkbox (so it’s OK) */
@supports not selector(:has(*)){
  #mphb-services-details-0 .mphb-checkbox-label{
    background: rgba(255,255,255,.62);
  }
}

/* ---------- Mobile wrapping ---------- */
@media (max-width: 520px){
  #mphb-services-details-0 .mphb-checkbox-label{
    grid-template-columns: 26px 48px 1fr;
  }

  #mphb-services-details-0 .mphb-checkbox-label em{
    grid-column: 1 / -1;
    margin-left: 0;
    white-space: normal;
    opacity: .92;
  }

  #mphb-services-details-0 .sm-mphb-service-thumb{
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
}
h4.mphb-services-details-title{
	font-family:marope!important;
}
/* ================================================================
   7MIRRORS — CHECKOUT FINAL v4
   IMPORTANT: Uses .wp-block-woocommerce-checkout wrapper for
   specificity to beat wc-blocks.css which loads after us.
   ================================================================ */

/* ================================================================
   LAYOUT — must beat .wc-block-components-sidebar-layout { display:flex }
   and .wc-block-components-sidebar { width:35% }
   from wc-blocks.css
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  grid-template-rows: auto !important;
  gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
  flex-wrap: unset !important;
  margin: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 110px !important;
}

@media (max-width: 980px) {
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
  }
  .wp-block-woocommerce-checkout .wc-block-components-main {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .wp-block-woocommerce-checkout .wc-block-components-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
  }
}


/* ================================================================
   STEP CARDS — beat .wc-block-components-form .wc-block-components-checkout-step
   { background:none; border:none; padding:0 }
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-checkout-step,
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step {
  background: rgba(255, 255, 255, 0.90) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.07) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 24px !important;
  margin: 0 !important;
  overflow: visible !important;
  position: relative !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading-container {
  margin-bottom: 18px !important;
  gap: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
.wp-block-woocommerce-checkout .wc-block-components-title.wc-block-components-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #101828 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  vertical-align: unset !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-step__content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Content children spacing — beat "> * { margin-bottom:16px }" */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__content > * {
  margin-bottom: 0 !important;
}


/* ================================================================
   ORDER NOTES — lighter card, no heading
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-checkout__order-notes {
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: none !important;
  padding: 18px 22px !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__order-notes .wc-block-components-checkout-step__heading-container {
  display: none !important;
}


/* ================================================================
   TERMS — bare text
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-checkout__terms {
  background: none !important;
  border: none !important;
  border-top: none !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  color: rgba(0, 0, 0, 0.42) !important;
  line-height: 1.6 !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__terms a {
  color: #DF895B !important;
  font-weight: 700 !important;
}


/* ================================================================
   ACTIONS — no card, just the button row
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-checkout__actions {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__actions_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  font-size: unset !important;
  line-height: unset !important;
}

/* Return to cart — ghost pill */
.wp-block-woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 12px 18px 12px 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  color: rgba(0, 0, 0, 0.55) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  position: static !important; /* beat .wc-block-components-checkout-return-to-cart-button { position:relative } */
  transition: background 0.18s ease, color 0.18s ease !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-return-to-cart-button svg {
  fill: currentColor !important;
  position: static !important; /* beat absolute SVG positioning */
  transform: none !important;
  top: auto !important;
  left: auto !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
}

/* Place order — amber pill */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
  flex: 1 !important;
  min-height: unset !important;
  padding: 15px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  background: linear-gradient(130deg, #DF895B, #C97A4F) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 10px 28px rgba(223, 137, 91, 0.30) !important;
  cursor: pointer !important;
  transition: filter 0.18s ease, transform 0.18s ease !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 560px) {
  .wp-block-woocommerce-checkout .wc-block-checkout__actions_row {
    flex-direction: column-reverse !important;
  }
  .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button,
  .wp-block-woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* ================================================================
   INPUTS — beat wc-blocks.css input styles
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-text-input {
  position: relative !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  line-height: normal !important;
  white-space: normal !important;
}

/* First input no extra top margin */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step .wc-block-components-text-input:first-of-type {
  margin-top: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-text-input input[type="text"],
.wp-block-woocommerce-checkout .wc-block-components-text-input input[type="email"],
.wp-block-woocommerce-checkout .wc-block-components-text-input input[type="tel"] {
  width: 100% !important;
  height: 52px !important;
  min-height: 0 !important;
  padding: 22px 14px 7px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.14) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #101828 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-checkout .wc-block-components-text-input input:focus {
  border-color: #DF895B !important;
  box-shadow: 0 0 0 3px rgba(223, 137, 91, 0.14) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-width: 1.5px !important;
  padding: 22px 14px 7px 14px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-text-input input[aria-invalid="true"] {
  border-color: rgba(210, 50, 50, 0.50) !important;
  background: rgba(255, 248, 248, 1) !important;
}

/* Floating label — beat wc-blocks top:25px transform scale */
.wp-block-woocommerce-checkout .wc-block-components-text-input label {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transform-origin: top left !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.40) !important;
  pointer-events: none !important;
  cursor: text !important;
  font-family: Manrope, system-ui, sans-serif !important;
  line-height: 1 !important;
  max-width: calc(100% - 28px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: all 0.14s ease !important;
  margin: 0 !important;
}

/* Floated state */
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active label,
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.is-active label {
  top: 9px !important;
  transform: none !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, 0.42) !important;
}

/* Email specific floated padding — beat .is-active input[type=email] { padding:24px 9px 8px } */
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input[type="email"],
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"] {
  padding: 22px 14px 7px 14px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"]:focus,
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input[type="email"]:focus {
  padding: 22px 14px 7px 14px !important;
}


/* ================================================================
   ADDRESS FORM GRID
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-address-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-form__country,
.wp-block-woocommerce-checkout .wc-block-components-address-form__address_1,
.wp-block-woocommerce-checkout .wc-block-components-address-form__city,
.wp-block-woocommerce-checkout .wc-block-components-address-form__phone {
  grid-column: 1 / -1 !important;
}

/* "Add apartment" toggle */
.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
  grid-column: 1 / -1 !important;
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #DF895B !important;
  cursor: pointer !important;
  font-family: Manrope, system-ui, sans-serif !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-decoration: none !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
  line-height: 1.4 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle:hover {
  text-decoration: underline !important;
  opacity: 0.80 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-hidden-input {
  position: absolute !important;
  left: -20000px !important;
}

@media (max-width: 560px) {
  .wp-block-woocommerce-checkout .wc-block-components-address-form {
    grid-template-columns: 1fr !important;
  }
  .wp-block-woocommerce-checkout .wc-block-components-address-form > * {
    grid-column: 1 !important;
  }
}


/* ================================================================
   COUNTRY SELECT — beat wc-blocks select styles
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-country-input {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  grid-column: 1 / -1 !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select {
  margin-top: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__form .wc-blocks-components-select {
  margin-top: 0 !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__container {
  position: relative !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 14px !important;
  line-height: normal !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__label {
  position: absolute !important;
  left: 14px !important;
  top: 9px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, 0.42) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-width: calc(100% - 38px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__select {
  width: 100% !important;
  height: 52px !important;
  padding: 22px 38px 7px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.14) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #101828 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__select:focus {
  border-color: #DF895B !important;
  box-shadow: 0 0 0 3px rgba(223, 137, 91, 0.14) !important;
  border-width: 1.5px !important;
  padding: 22px 38px 7px 14px !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__expand {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  fill: rgba(0, 0, 0, 0.40) !important;
  color: rgba(0, 0, 0, 0.40) !important;
  width: 20px !important;
  height: 20px !important;
}


/* ================================================================
   ADDRESS CARD (saved address)
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-address-address-wrapper.is-editing .wc-block-components-address-card-wrapper {
  opacity: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.09) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.05) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  justify-content: flex-start !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card address {
  font-style: normal !important;
  margin: 0 !important;
  gap: 2px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card__address-section--primary {
  font-weight: 700 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card__address-section--secondary {
  color: rgba(0, 0, 0, 0.55) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card__edit {
  margin-left: auto !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(223, 137, 91, 0.22) !important;
  background: rgba(223, 137, 91, 0.08) !important;
  color: #DF895B !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  transition: background 0.15s ease !important;
}

.wp-block-woocommerce-checkout .wc-block-components-address-card__edit:hover {
  background: rgba(223, 137, 91, 0.16) !important;
  text-decoration: none !important;
}


/* ================================================================
   PAYMENT OPTIONS — beat inset box-shadow highlight from WC
   ================================================================ */

/* Kill the default WC highlight box-shadow approach */
.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  box-shadow: none !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked::after {
  display: none !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option {
  border-radius: 16px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.10) !important;
  background: rgba(255, 255, 255, 0.80) !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  position: relative !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option:last-child {
  margin-bottom: 0 !important;
}

/* Kill the ::after divider lines WC adds */
.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option::after {
  display: none !important;
}

/* Selected option */
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: rgba(223, 137, 91, 0.35) !important;
  background: linear-gradient(160deg, rgba(255,255,255,0.99), rgba(253,244,236,0.94)) !important;
}

/* Payment label row — beat padding:16px 16px 16px 48px */
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 15px 16px !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Kill ::after line on option */
.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option::after {
  display: none !important;
}

/* Custom radio — beat position:absolute left:16px */
.wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input {
  -webkit-appearance: none !important;
  appearance: none !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(0, 0, 0, 0.22) !important;
  background: #fff !important;
  cursor: pointer !important;
  position: static !important;  /* beat position:absolute */
  top: auto !important;
  left: auto !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  outline: none !important;
  transition: border-color 0.15s ease !important;
}

/* Kill WC ::before dot, use ::after instead */
.wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
  display: none !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #DF895B !important;
  opacity: 0 !important;
  transform: scale(0) !important;
  transition: opacity 0.15s ease, transform 0.15s ease !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
  border-color: #DF895B !important;
  border: 2px solid #DF895B !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::after {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__option-layout {
  flex: 1 !important;
  min-width: 0 !important;
  flex-direction: row !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__label-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__label {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #101828 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 8px !important;
}

/* Montonio payment label has nested span > span > img */
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__label > span {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__label img {
  height: 20px !important;
  width: auto !important;
  max-height: 24px !important;
  object-fit: contain !important;
  object-position: right !important;
}

/* Accordion content */
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content {
  font-size: 13px !important;
  line-height: 1.55 !important;
  padding: 0 16px 16px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content:empty {
  display: none !important;
}

/* Montonio test notice */
.wp-block-woocommerce-checkout .montonio-payment-block-description,
.wp-block-woocommerce-checkout .montonio-payment-block-description > div {
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.50) !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin: 0 0 12px !important;
  line-height: 1.55 !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

.wp-block-woocommerce-checkout .montonio-payment-block-description strong {
  color: rgba(180, 40, 40, 0.80) !important;
}

/* Montonio iframe */
.wp-block-woocommerce-checkout #montonio-card-form-wrapper {
  position: relative !important;
  min-height: 32px !important;
  padding: 0 !important;
}

.wp-block-woocommerce-checkout #montonio-card-form iframe {
  display: block !important;
  width: 100% !important;
  border-radius: 12px !important;
  border: none !important;
  background: #ffffff !important;
}


/* ================================================================
   CHECKBOX — beat WC checkbox styles
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-checkbox {
  line-height: normal !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 0 !important;
  position: relative !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 7px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.90) !important;
  background: rgba(255, 255, 255, 0.90) !important;
  cursor: pointer !important;
  position: static !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  transition: all 0.15s ease !important;
  outline: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #DF895B, #f0a880) !important;
  background-color: #DF895B !important;
  border-color: transparent !important;
  box-shadow: 0 4px 10px rgba(223, 137, 91, 0.25) !important;
}

/* Kill WC ::before/::after on checkbox and use our own */
.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]::before,
.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]::after {
  content: "" !important;
  display: block !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked::after {
  width: 9px !important;
  height: 5px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(-45deg) translateY(-1px) !important;
  border-top: none !important;
  border-right: none !important;
}

/* Hide the inline SVG mark — WC shows it via CSS on :not(:checked) */
.wp-block-woocommerce-checkout .wc-block-components-checkbox__mark {
  display: none !important;
}

/* Also hide via the WC "not checked" rule by overriding */
.wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:not(:checked) + .wc-block-components-checkbox__mark {
  display: none !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox__label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(16, 24, 40, 0.88) !important;
  font-family: Manrope, system-ui, sans-serif !important;
  line-height: 1.4 !important;
}


/* ================================================================
   ORDER SUMMARY SIDEBAR
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-sidebar {
  background: transparent !important;
}

.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1.5px solid rgba(0, 0, 0, 0.09) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.09) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Summary title bar — beat margin-top:16px and odd flex */
.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding: 16px 20px !important;
  margin-top: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  background: rgba(0, 0, 0, 0.025) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #101828 !important;
  margin: 0 0 0 0 !important;  /* beat margin: 0 0 8px 16px */
  font-family: Manrope, system-ui, sans-serif !important;
  flex-grow: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-price {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #101828 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

/* Hide chevron icon — summary always visible */
.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__title-icon {
  display: none !important;
}

/* Force content always visible */
.wp-block-woocommerce-checkout .wc-block-components-checkout-order-summary__content {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
  padding: 0 !important;
}


/* ================================================================
   ORDER SUMMARY — cart items
   ================================================================ */

.wp-block-woocommerce-checkout .wc-block-components-order-summary {
  padding: 14px 20px !important;
}

/* Beat display:table */
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Beat display:flex on item + table-cell on children */
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  display: block !important;
  position: relative !important;
  flex-shrink: 0 !important;
  width: 56px !important;
  height: 56px !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: unset !important;
}

.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  display: block !important;
  vertical-align: unset !important;
}

/* Quantity badge */
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  background: #101828 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  min-height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  transform: translate(40%, -40%) !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

/* Description cell — beat display:table-cell + padding */
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  vertical-align: unset !important;
  word-break: break-word !important;
}

/* Product name — beat WC sidebar override */
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-product-name,
.wp-block-woocommerce-checkout .wc-block-components-product-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #101828 !important;
  line-height: 1.4 !important;
  margin: 0 0 4px !important;
  font-family: Manrope, system-ui, sans-serif !important;
  display: block !important;
  flex-grow: unset !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}

.wp-block-woocommerce-checkout .wc-block-components-order-summary-item__individual-prices {
  font-size: 12.5px !important;
  color: rgba(0, 0, 0, 0.50) !important;
  font-weight: 600 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  display: block !important;
}

/* Total price — beat margin-left:auto; padding-top:4px */
.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
  flex-shrink: 0 !important;
  text-align: right !important;
  margin-left: auto !important;
  padding-top: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #101828 !important;
  letter-spacing: -0.02em !important;
  font-family: Manrope, system-ui, sans-serif !important;
}


/* ================================================================
   TOTALS — coupon, subtotal, footer
   ================================================================ */

/* Coupon row */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
  padding: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-coupon.wc-block-components-panel {
  padding: 10px 20px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-panel__button {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #DF895B !important;
  cursor: pointer !important;
  font-family: Manrope, system-ui, sans-serif !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  width: auto !important;
  text-align: left !important;
  position: relative !important;
  word-break: normal !important;
  height: auto !important;
  box-sizing: border-box !important;
  transition: opacity 0.15s ease !important;
}

.wp-block-woocommerce-checkout .wc-block-components-panel__button:hover {
  opacity: 0.72 !important;
  cursor: pointer !important;
  padding-left: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-panel__button > .wc-block-components-panel__button-icon {
  color: #DF895B !important;
  fill: #DF895B !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
}

/* Totals wrapper — beat border-top:1px + padding:16px 0 */
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper {
  padding: 0 20px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-bottom: none !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper:empty,
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper:has(> :only-child:empty) {
  display: none !important;
  padding: 0 !important;
  border: none !important;
}

/* Totals item — beat align-items:center flex-wrap:wrap */
.wp-block-woocommerce-checkout .wc-block-components-totals-item {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  width: 100% !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-item__label {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: rgba(0, 0, 0, 0.52) !important;
  font-family: Manrope, system-ui, sans-serif !important;
  flex-grow: 1 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-item__value {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #101828 !important;
  letter-spacing: -0.015em !important;
  font-family: Manrope, system-ui, sans-serif !important;
  white-space: nowrap !important;
}

/* Footer total — beat font-size:1.25em and font-weight:500 */
.wp-block-woocommerce-checkout .wc-block-components-totals-footer-item {
  padding: 14px 0 !important;
  margin: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item {
  margin: 0 !important;
  padding: 14px 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wp-block-woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #101828 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-footer-item-tax-value {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #101828 !important;
  letter-spacing: -0.03em !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

.wp-block-woocommerce-checkout .wc-block-components-totals-footer-item-tax {
  font-size: 11.5px !important;
  color: rgba(0, 0, 0, 0.42) !important;
  font-weight: 600 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  display: flex !important;
  align-items: center !important;
  margin: 2px 0 0 !important;
  white-space: normal !important;
}

/* Footer total wrapper green tint */
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) {
  background: rgba(34, 70, 59, 0.04) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
}

/* Totals subtotals block — beat border-top on wrapper */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
  border-top: none !important;
  padding-bottom: 0 !important;
}

.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper {
  border: 0 !important;
  padding-bottom: 0 !important;
}

/* Cart items wrapper inside order summary */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block {
  padding: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: none !important;
}


/* ================================================================
   FONT + BOX-SIZING BASELINE
   ================================================================ */

.wp-block-woocommerce-checkout *,
.wp-block-woocommerce-checkout {
  box-sizing: border-box !important;
  font-family: Manrope, system-ui, -apple-system, sans-serif;
}

.wp-block-woocommerce-checkout .screen-reader-text,
.wp-block-woocommerce-checkout legend.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 980px) {
  .wp-block-woocommerce-checkout .wc-block-components-checkout-step,
  .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step {
    padding: 20px !important;
    border-radius: 18px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="text"],
  .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="email"],
  .wp-block-woocommerce-checkout .wc-block-components-text-input input[type="tel"],
  .wp-block-woocommerce-checkout .wc-blocks-components-select__select {
    font-size: 16px !important;
  }
}

@media (max-width: 420px) {
  .wp-block-woocommerce-checkout .wc-block-components-checkout-step,
  .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step {
    padding: 16px !important;
    border-radius: 16px !important;
  }
}
/* =============================================================
   iOS26 — Variations table (Gift card amount)
   Targets: .variations + WVS buttons + nice-select
   ============================================================= */

.variations.table{
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  margin: 0 0 16px !important;
}

.variations.table tbody tr{
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.66));
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(16,24,40,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}

.variations.table th.label,
.variations.table td.value{
  border: 0 !important;
  padding: 16px !important;
  vertical-align: top;
}

@media (max-width: 820px){
  .variations.table th.label,
  .variations.table td.value{
    display: block;
    width: 100%;
  }
  .variations.table th.label{
    padding-bottom: 10px !important;
  }
  .variations.table td.value{
    padding-top: 0 !important;
  }
}

/* Label + selected value (": 230") */
.variations.table th.label label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: rgba(16,24,40,.92);
  font-size: 15px;
  margin: 0 !important;
}

.variations.table th.label .woo-selected-variation-item-name{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(223,137,91,.14); /* amber tint */
  border: 1px solid rgba(223,137,91,.22);
  color: rgba(16,24,40,.88);
  font-weight: 900;
  font-size: 13px;
}

/* Hide raw select already hidden inline, but keep safe */
.variations .woo-variation-raw-select{
  display: none !important;
}

/* nice-select (dropdown) — if you ever switch from buttons */
.variations .nice-select.woo-variation-raw-select{
  width: 100%;
  max-width: 360px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  padding: 12px 14px;
  font-weight: 850;
  color: rgba(16,24,40,.88);
}

.variations .nice-select.woo-variation-raw-select:after{
  border-color: rgba(16,24,40,.55) !important;
}

.variations .nice-select .list{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 16px 44px rgba(16,24,40,.14);
  overflow: hidden;
}

.variations .nice-select .option{
  font-weight: 800;
}

/* WVS buttons row */
.variations .variable-items-wrapper.button-variable-items-wrapper{
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Individual option pill */
.variations .variable-item.button-variable-item{
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  min-height: 42px;
}

.variations .variable-item.button-variable-item .variable-item-contents{
  padding: 10px 14px;
}

.variations .variable-item-span-button{
  font-weight: 950 !important;
  letter-spacing: -0.01em;
  color: rgba(16,24,40,.88);
  font-size: 14px;
}

/* Hover */
@media (hover:hover){
  .variations .variable-item.button-variable-item:hover{
    transform: translateY(-1px);
    border-color: rgba(223,137,91,.22) !important;
    box-shadow: 0 16px 34px rgba(16,24,40,.12);
    background: rgba(255,255,255,.82) !important;
  }
}

/* Selected */
.variations .variable-item.button-variable-item.selected,
.variations .variable-item.button-variable-item[aria-checked="true"]{
  border-color: rgba(223,137,91,.32) !important;
  background: linear-gradient(135deg, rgba(223,137,91,.18), rgba(255,255,255,.82)) !important;
  box-shadow: 0 18px 44px rgba(223,137,91,.16), 0 18px 44px rgba(16,24,40,.10);
}

.variations .variable-item.button-variable-item.selected .variable-item-span-button{
  color: rgba(16,24,40,.94);
}

/* Keyboard focus */
.variations .variable-item.button-variable-item:focus,
.variations .variable-item.button-variable-item:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 4px rgba(223,137,91,.18),
    0 16px 34px rgba(16,24,40,.12) !important;
}

/* Reset link "Notīrīt" */
.variations a.reset_variations{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  color: rgba(16,24,40,.72);
  font-weight: 900;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.variations a.reset_variations:hover{
  background: rgba(223,137,91,.10);
  border-color: rgba(223,137,91,.24);
  transform: translateY(-1px);
}

/* Optional: make the whole row feel like iOS card even if Bootstrap adds stripes */
.variations.table-striped > tbody > tr:nth-of-type(odd) > *{
  background: transparent !important;
}
/* =============================================================
   iOS26 — Variation price (230,00 € ar PVN)
   Targets: .woocommerce-variation-price .price .woocommerce-price-suffix
   ============================================================= */

.woocommerce-variation-price{
  margin: 12px 0 6px !important;
}

.woocommerce-variation-price .price{
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid var(--sm-border);
  background: linear-gradient(180deg, var(--sm-glass), var(--sm-card));
  box-shadow: var(--sm-shadow-sm);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.woocommerce-variation-price .woocommerce-Price-amount{
  font-weight: 950;
  letter-spacing: -0.02em;
  color: var(--sm-ink);
  font-size: 20px;
  line-height: 1;
}

.woocommerce-variation-price .woocommerce-Price-currencySymbol{
  opacity: .9;
}

.woocommerce-variation-price .woocommerce-price-suffix{
  font-weight: 850;
  color: rgba(16,24,40,.70);
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--sm-amber-light);
  border: 1px solid rgba(223,137,91,.22);
}


/* =============================================================
   iOS26 — CART (Woo Blocks) — 7Mirrors glass cards
   Targets: .wp-block-woocommerce-cart, .wc-block-cart-items, sidebar totals
   ============================================================= */

.wp-block-woocommerce-cart.alignwide{
  width: min(1180px, 96vw);
  margin: 0 auto;
}

/* Make main + sidebar breathe */
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout{
  gap: 22px !important;
  align-items: start;
}

/* MAIN cart card */
.wp-block-woocommerce-cart .wc-block-cart__main{
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.66));
  border: 1px solid var(--sm-border);
  border-radius: 26px;
  box-shadow: var(--sm-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 18px 18px 10px;
}

/* table base */
.wp-block-woocommerce-cart table.wc-block-cart-items{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
}

/* header row */
.wp-block-woocommerce-cart .wc-block-cart-items__header th{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(16,24,40,.55);
  padding: 10px 12px !important;
  border: 0 !important;
}

/* line item row as a card */
.wp-block-woocommerce-cart .wc-block-cart-items__row{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: var(--sm-shadow-sm);
  overflow: hidden;
}

.wp-block-woocommerce-cart .wc-block-cart-items__row > td{
  border: 0 !important;
  padding: 16px 14px !important;
  vertical-align: top;
}

/* product image */
.wp-block-woocommerce-cart .wc-block-cart-item__image a,
.wp-block-woocommerce-cart .wc-block-cart-item__image img{
  display: block;
}

.wp-block-woocommerce-cart .wc-block-cart-item__image img{
  width: 74px !important;
  height: 74px !important;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
}

/* product name */
.wp-block-woocommerce-cart a.wc-block-components-product-name{
  display: inline-block;
  font-weight: 950;
  letter-spacing: -0.02em;
  color: var(--sm-ink);
  text-decoration: none !important;
  font-size: 16px;
  line-height: 1.25;
  margin: 2px 0 6px;
}

.wp-block-woocommerce-cart a.wc-block-components-product-name:hover{
  color: rgba(16,24,40,.90);
  text-decoration: underline !important;
}

/* price under name */
.wp-block-woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price__value{
  font-weight: 900;
  color: rgba(16,24,40,.85);
}

/* metadata pill "Dāvanu kartes summa: 300€" */
.wp-block-woocommerce-cart .wc-block-components-product-details__d-vanu-kartes-summa{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(223,137,91,.12);
  border: 1px solid rgba(223,137,91,.20);
}

.wp-block-woocommerce-cart .wc-block-components-product-details__name{
  font-weight: 900;
  color: rgba(16,24,40,.75);
}

.wp-block-woocommerce-cart .wc-block-components-product-details__value{
  font-weight: 950;
  color: rgba(16,24,40,.92);
}

/* quantity selector */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector{
  margin-top: 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  padding: 8px;
  gap: 10px;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button{
  border-radius: 999px !important;
  background: rgba(0,0,0,.03) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector__input{
  border: 0 !important;
  background: transparent !important;
  font-weight: 950 !important;
  color: var(--sm-ink) !important;
  width: 52px !important;
}

/* remove link */
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(16,24,40,.65);
  font-weight: 850;
  text-decoration: none !important;
}

.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover{
  color: rgba(223,137,91,.95);
  text-decoration: underline !important;
}

/* total column */
.wp-block-woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value{
  font-weight: 950;
  color: var(--sm-ink);
  font-size: 16px;
}

/* SIDEBAR summary card */
.wp-block-woocommerce-cart .wc-block-cart__sidebar{
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.66));
  border: 1px solid var(--sm-border);
  border-radius: 26px;
  box-shadow: var(--sm-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 18px;
}

.wp-block-woocommerce-cart .wc-block-cart__totals-title{
  font-weight: 950;
  letter-spacing: -0.02em;
  color: var(--sm-ink);
  margin: 2px 0 10px;
  text-transform: uppercase;
}

/* totals rows spacing */
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper{
  border: 0 !important;
  padding: 0 !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item{
  padding: 12px 0 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item__label{
  font-weight: 900;
  color: rgba(16,24,40,.65);
}

.wp-block-woocommerce-cart .wc-block-components-totals-item__value{
  font-weight: 950;
  color: var(--sm-ink);
}

.wp-block-woocommerce-cart .wc-block-components-totals-footer-item{
  margin-top: 8px;
  padding-top: 14px !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-footer-item-tax{
  color: rgba(16,24,40,.60);
  font-weight: 750;
}

/* Proceed button */
.wp-block-woocommerce-cart .wc-block-cart__submit-button{
  border-radius: 18px !important;
  border: 1px solid rgba(223,137,91,.22) !important;
  background: linear-gradient(135deg, rgba(223,137,91,.18), rgba(255,255,255,.86)) !important;
  box-shadow: 0 18px 44px rgba(223,137,91,.14), 0 18px 44px rgba(16,24,40,.10) !important;
  min-height: 56px;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text{
  font-weight: 950;
  color: rgba(16,24,40,.92);
  letter-spacing: -0.01em;
}

@media (max-width: 920px){
  .wp-block-woocommerce-cart .wc-block-cart__main,
  .wp-block-woocommerce-cart .wc-block-cart__sidebar{
    border-radius: 22px;
  }
}


/* =============================================================
   CHECKOUT — FIX: Omniva pakomātu izvēlne slēpjas zem "Norēķinu iespējas"
   Iemesls gandrīz vienmēr ir stacking context / z-index / overflow.
   Zemāk paceļam shipping soli un dropdown listu virs payment fieldset.
   ============================================================= */

/* Give each step its own stacking context */
.wc-block-components-checkout-step{
  position: relative;
  overflow: visible !important;
  /* isolation: isolate removed — stacking context fix */
}

/* Shipping step above payment step */
fieldset#wc-block-checkout__shipping-option,
fieldset#wc-block-checkout__shipping-option,
fieldset#shipping-option{
  position: relative;
  z-index: 40 !important;
  margin-bottom: 18px !important; /* lai vizuāli nesēžas virsū nākamajam blokam */
}

fieldset#payment-method,
fieldset.wc-block-checkout__payment-method{
  position: relative;
  z-index: 10 !important;
}

/* Omnivalt dropdown/list containers must float above everything */
.omnivalt-container,
.omnivalt-map-select,
.omnivalt-terminals-list{
  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.omnivalt-terminals-list .inner-container{
  position: relative !important;
  z-index: 10000 !important;
}

/* The WP Components select (the  wrapper) also can be clipped */
.omnivalt-terminal-select-container,
.omnivalt-org-select,
.omnivalt-terminal-container-org,
#omnivalt-terminal-container-org{
  position: relative !important;
  z-index: 9998 !important;
  overflow: visible !important;
}

/* Some themes add overflow hidden on checkout content blocks */
.wc-block-components-checkout-step__content,
.wp-block-woocommerce-checkout,
.wc-block-checkout{
  overflow: visible !important;
}

/* =============================================================
   OPTIONAL iOS26 look for Omniva selector (keeps your style consistent)
   ============================================================= */

.omnivalt-terminal-select-container .components-input-control__container select,
.omnivalt-terminal-select-container select.components-select-control__input{
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  padding: 12px 14px !important;
  font-weight: 900 !important;
  color: rgba(16,24,40,.88) !important;
}

.omnivalt-terminals-list .dropdown{
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 10px 22px rgba(16,24,40,.07);
  padding: 12px 14px !important;
  font-weight: 900 !important;
}

.omnivalt-terminals-list .inner-container{
  margin-top: 10px;
  border-radius: 18px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 22px 70px rgba(16,24,40,.16) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.omnivalt-terminals-list .search-input{
  width: calc(100% - 28px);
  margin: 12px 14px 10px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  padding: 10px 12px;
  font-weight: 850;
  outline: none;
}

.omnivalt-terminals-list ul{
  max-height: 360px;
  overflow: auto;
  padding: 0 8px 12px;
}

.omnivalt-terminals-list ul li{
  border-radius: 12px;
  padding: 10px 10px;
}

.omnivalt-terminals-list ul li.city{
  font-weight: 950;
  color: rgba(16,24,40,.70);
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  margin-top: 10px;
}

.omnivalt-terminals-list ul li[data-id]:hover{
  background: rgba(223,137,91,.10);
  cursor: pointer;
}

/* error line looks nicer */
.wc-block-components-validation-error.omnivalt-terminal-error{
  border-radius: 16px;
  border: 1px solid rgba(255,0,0,.22);
  background: rgba(255,0,0,.04);
  padding: 10px 12px;
}
/* =============================================================
   FIX — CART layout uniformity (make rows a real grid)
   Paste AFTER your current cart CSS
   ============================================================= */

/* tighter spacing overall */
.wp-block-woocommerce-cart .wc-block-cart__main{
  padding: 16px !important;
}

/* remove weird table spacing gaps (we'll control spacing inside rows) */
.wp-block-woocommerce-cart table.wc-block-cart-items{
  border-spacing: 0 12px !important;
}

/* Row becomes a grid: [image | product info | total] */
.wp-block-woocommerce-cart .wc-block-cart-items__row{
  display: grid !important;
  grid-template-columns: 92px 1fr 140px;
  gap: 16px;
  align-items: start;
  padding: 16px !important;
}

/* make td behave inside grid */
.wp-block-woocommerce-cart .wc-block-cart-items__row > td{
  padding: 0 !important;
  background: transparent !important;
}

/* map columns */
.wp-block-woocommerce-cart .wc-block-cart-item__image{
  grid-column: 1;
}
.wp-block-woocommerce-cart .wc-block-cart-item__product{
  grid-column: 2;
  min-width: 0; /* prevents overflow */
}
.wp-block-woocommerce-cart .wc-block-cart-item__total{
  grid-column: 3;
  display: flex;
  justify-content: flex-end;
}

/* nicer image sizing and consistent vertical alignment */
.wp-block-woocommerce-cart .wc-block-cart-item__image img{
  width: 86px !important;
  height: 86px !important;
  border-radius: 18px !important;
}

/* product block spacing */
.wp-block-woocommerce-cart .wc-block-cart-item__wrap{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* name + price should not push layout */
.wp-block-woocommerce-cart a.wc-block-components-product-name{
  margin: 0 !important;
}

/* price under name */
.wp-block-woocommerce-cart .wc-block-cart-item__prices{
  margin: 0 !important;
}

/* metadata pill should sit nicely */
.wp-block-woocommerce-cart .wc-block-components-product-metadata{
  margin-top: 2px !important;
}

/* quantity + remove — align nicer and reduce “random” blank space */
.wp-block-woocommerce-cart .wc-block-cart-item__quantity{
  margin-top: 6px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* make quantity selector not too huge */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector{
  width: fit-content;
}

/* total column: align to top, keep consistent */
.wp-block-woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper{
  margin-top: 6px;
}

/* header row also grid-aligned (so columns match the row) */
.wp-block-woocommerce-cart .wc-block-cart-items__header{
  display: grid !important;
  grid-template-columns: 92px 1fr 140px;
  gap: 16px;
  align-items: center;
}

.wp-block-woocommerce-cart .wc-block-cart-items__header th{
  border: 0 !important;
  padding: 10px 0 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items__header-image{ grid-column: 1; }
.wp-block-woocommerce-cart .wc-block-cart-items__header-product{ grid-column: 2; }
.wp-block-woocommerce-cart .wc-block-cart-items__header-total{ grid-column: 3; text-align: right; }

/* sidebar: make it visually match main card rhythm */
.wp-block-woocommerce-cart .wc-block-cart__sidebar{
  padding: 18px !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item{
  border-top: 1px solid rgba(0,0,0,.06) !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-item__label{
  font-weight: 850 !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-footer-item{
  border-top: 1px solid rgba(0,0,0,.08) !important;
}

/* Mobile stacking */
@media (max-width: 780px){
  .wp-block-woocommerce-cart .wc-block-cart-items__row{
    grid-template-columns: 92px 1fr;
    grid-template-rows: auto auto;
  }
  .wp-block-woocommerce-cart .wc-block-cart-item__total{
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 6px;
  }
  .wp-block-woocommerce-cart .wc-block-cart-items__header{
    grid-template-columns: 92px 1fr;
  }
  .wp-block-woocommerce-cart .wc-block-cart-items__header-total{
    display: none; /* on mobile header "Kopā" is redundant */
  }
}
/* =============================================================
   CART — force 2-column layout (summary on the RIGHT)
   Targets Woo Blocks layout wrappers
   ============================================================= */

.wp-block-woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 22px;
  align-items: start;
}

/* Left side (items) */
.wp-block-woocommerce-cart .wc-block-components-main.wc-block-cart__main{
  min-width: 0;
}

/* Right side (summary) */
.wp-block-woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar{
  width: auto !important;
  min-width: 0;
  position: sticky;      /* nice UX */
  top: 16px;             /* adjust if you have sticky header */
  align-self: start;
}

/* Prevent accidental full-width forcing */
.wp-block-woocommerce-cart .wc-block-components-main,
.wp-block-woocommerce-cart .wc-block-components-sidebar{
  float: none !important;
  flex: none !important;
}

/* Responsive: stack */
@media (max-width: 980px){
  .wp-block-woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart{
    grid-template-columns: 1fr;
  }
  .wp-block-woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar{
    position: static;
  }
}
/* =========================================================
   7MIRRORS — iOS26 Mobile Bottom Nav (4 items)
   ========================================================= */

:root{
  --sm-nav-bg: rgba(255,255,255,.72);
  --sm-nav-border: rgba(255,255,255,.42);
  --sm-nav-stroke: rgba(16,24,40,.08);
  --sm-nav-text: #182230;
  --sm-nav-muted: rgba(24,34,48,.72);
  --sm-nav-cta: #DF895B;
  --sm-nav-shadow:
    0 20px 40px rgba(16,24,40,.10),
    0 8px 18px rgba(16,24,40,.06);
  --sm-nav-radius: 28px;
}

.sm-bottom-nav{
  position: fixed;
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 9999;

  width: calc(100% - 20px);
  max-width: 430px;
  min-height: 76px;
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom));

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  gap: 8px;

  border-radius: var(--sm-nav-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
  border: 1px solid var(--sm-nav-border);
  box-shadow: var(--sm-nav-shadow);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.sm-bottom-nav::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(255,255,255,.18);
}

.sm-bottom-nav__item{
  position: relative;
  z-index: 1;
  min-height: 54px;
  border-radius: 22px;
  text-decoration: none;
  color: var(--sm-nav-muted);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;

  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease;
}

.sm-bottom-nav__icon{
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sm-bottom-nav__icon svg{
  width: 22px;
  height: 22px;
  display: block;
}

.sm-bottom-nav__label{
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.01em;
  white-space: nowrap;
}

/* no highlighted active state */
.sm-bottom-nav__item.is-active{
  color: var(--sm-nav-muted);
  background: transparent;
  box-shadow: none;
}

/* optional subtle hover/tap */
.sm-bottom-nav__item:hover{
  color: var(--sm-nav-text);
}

.sm-bottom-nav__item--cta{
  color: #fff;
  background: linear-gradient(135deg, #e79a70, var(--sm-nav-cta));
  box-shadow:
    0 12px 28px rgba(223,137,91,.30),
    inset 0 1px 0 rgba(255,255,255,.28);
  transform: translateY(-14px);
  min-height: 64px;
  border-radius: 24px;
}

.sm-bottom-nav__item--cta .sm-bottom-nav__label{
  color: #fff;
}

.sm-bottom-nav__item--cta .sm-bottom-nav__icon{
  width: 24px;
  height: 24px;
}

.sm-bottom-nav__item:active{
  transform: scale(.97);
}

.sm-bottom-nav__item--cta:active{
  transform: translateY(-14px) scale(.97);
}

/* hide on desktop */
@media (min-width: 768px){
  .sm-bottom-nav{
    display: none;
  }
}

/* show on mobile */
@media (max-width: 767px){
  body{
    padding-bottom: 110px;
  }
}
/* ============================================================
   MOBILE NAV — force fixed positioning to work on all devices
   ============================================================ */
@media (max-width: 767px) {
  .sm-bottom-nav {
    position: fixed !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
    background: rgba(255,255,255,.92) !important;
    /* Fix: 5 items now, not 4 */
    grid-template-columns: repeat(5, 1fr) !important;
    max-width: 480px !important;
  }

  
  /* Sticky header — same fix */
  #masthead.header-get-sticky.safar-header-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99998 !important;
    background: rgba(255,255,255,.95) !important;
  }
}
.sm-bottom-nav {
  /* change 4 to 5 */
  grid-template-columns: repeat(5, 1fr);
  max-width: 480px;
  /* rest stays the same */
}