/*!
Theme Name: chalet
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chalet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

chalet is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:root {
      --purple-1: #7f49d9;
      --purple-2: #7a3fcd;
      --mint: #dff7e7;
      --lavender: #e7ccff;
      --muted: #6b7280;
      --text: #0b1b2b;
      --accent: #2b45a7;
      --container-w: 1180px;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color: var(--text);
      background: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* Top mini row inside container */
    .top-mini {
      max-width: var(--container-w);
      margin: 14px auto 8px;
      padding: 6px 12px;
      display: flex;
      gap: 28px;
      align-items: center;
      font-size: 14px;
      color: var(--muted);
    }

    .top-mini .right {
      margin-left: auto;
      display: flex;
      gap: 12px;
      align-items: center;
      color: var(--muted);
    }

    /* Main container wrapper */
    .wrapper {
      max-width: var(--container-w);
      margin: 25px auto 27px;
      padding: 0 16px;
    }

    /* Purple nav (large pill) */
    .site-nav {
      position: relative;
      background: linear-gradient(90deg, var(--purple-1), var(--purple-2));
      border-radius: 999px;
      padding: 18px 54px;
      margin: 12px 0 18px;
      display: flex;
      align-items: center;
      gap: 28px;
      box-shadow: 0 6px 20px rgba(124, 66, 215, 0.08);
    }

    /* circular logo overlapping the pill */
    .logo-wrap {
      position: absolute;
      left: 22px;
      top: 50%;
      transform: translateY(-50%);
      width: 104px;
      height: 104px;
      border-radius: 50%;
      background: linear-gradient(180deg, #fff, #f4f9ff);
      display: flex;
      align-items: center;
      justify-content: center;
      /* border:6px solid rgba(255,255,255,0.7); */
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    }

    .logo-wrap img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* nav links */
    .site-nav .nav-link {
      color: #fff;
      font-weight: 600;
      padding: 6px 18px;
      white-space: nowrap;
      font-size: 16px;
    }

    .site-nav .nav-right {
      margin-left: auto;
      display: flex;
      gap: 12px;
      align-items: center;
    }

    .avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid rgba(255, 255, 255, 0.18);
    }

    .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Announcement banner */
    .announce {
      background: var(--mint);
      border-radius: 28px;
      padding: 14px 22px;
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 20px;
      border: 1px solid rgba(15, 143, 90, 0.04);
    }

    .announce i {
      color: #0f8f5a;
      font-size: 18px;
    }

    /* Content area uses bootstrap row but contained in wrapper */
    .content-row {
      display: flex;
      gap: 34px;
      align-items: flex-start;
    }

    /* Left card */
    .search-card {
      background: var(--lavender);
      border-radius: 16px;
      padding: 24px;
      width: 320px;
      box-shadow: 0 14px 30px rgba(124, 66, 215, 0.06);
      flex: 0 0 320px;
    }

    .search-card .form-control,
    .search-card .form-select {
      border-radius: 10px;
      background: #fff;
      border: 0;
      padding: 14px 12px;
      font-weight: 600;
      box-shadow: none;
    }

    .search-card .input-group-text {
      background: transparent;
      border: 0;
      padding-left: 6px;
    }

    /* Right side (main) - takes remaining width */
    .main {
      flex: 1 1 auto;
      min-width: 0;
    }

    .section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 18px;
    }

    .section-title h2 {
      font-size: 28px;
      margin: 0;
      font-weight: 700;
      color: var(--text);
    }

    .section-title a {
      color: var(--accent);
      text-decoration: none;
      font-weight: 600;
    }

    /* thumbnails row */
    .thumbs {
      display: flex;
      gap: 18px;
      align-items: flex-start;
      margin-bottom: 18px;
      flex-wrap: wrap;
    }

    .thumb {
      width: 190px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      text-align: left;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
      border: 1px solid rgba(11, 27, 39, 0.03);
    }

    .thumb img {
      width: 100%;
      height: 135px;
      object-fit: cover;
      display: block;
    }

    .thumb a {
      display: block;
      padding: 8px 10px;
      color: var(--accent);
      font-weight: 600;
      text-decoration: underline;
      font-size: 15px;
    }

    /* more card (square pale) */
    .more-card {
      width: 190px;
      height: 135px;
      border-radius: 10px;
      background: #f3f8ff;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .more-card a {
      color: var(--accent);
      font-weight: 600;
      text-decoration: underline;
    }

    /* Filters area & results header */
    .filters-row {
      display: flex;
      gap: 18px;
      margin-top: 18px;
      align-items: flex-start;
      flex-wrap: wrap;
    }

    .results-meta {
      margin-top: 6px;
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .tag {
      background: #e8f5ff;
      padding: 6px 10px;
      border-radius: 8px;
      color: var(--accent);
      font-weight: 600;
    }

    .tw-flex.tw-gap-1 span {
      background: #06b06a;
      font-size: 9px;
      padding: 3px;
      border-radius: 4px;
    }

    .logo-wrap {
      border: 2px solid #dcc8fe;
    }

    .site-nav {
      padding-left: 154px;
    }

    .site-nav .nav-link {
      color: #fff;
      font-weight: 600;
      padding: 6px 10px;
      white-space: nowrap;
      font-size: 16px;
    }

    .announce {
      color: #066426;
    }

    /* .announce:hover,
    .announce:hover i {
      background: #066426;
      color: #fff;
    } */

    .section-title h2 {
      font-size: 18px;
      margin: 0;
      font-weight: 700;
      color: var(--text);
    }

    .search-card .input-group-text {
      background: #fff;
      border: 0;
      padding-left: 6px;
    }

    .search-card {
      background: var(--lavender);
      border-radius: 16px;
      padding: 24px;
      width: 320px;
      box-shadow: 0 14px 30px rgba(124, 66, 215, 0.06);
      flex: 0 0 266px;
    }

    .thumbs .more-card,
    .thumbs .thumb {
      width: 18.2%;
    }
.thesl-t .singlepahe-rtic.price-main {
  font-size: 18px;
}
.laggids table {
  width: 100%;
}
.laggids table tr td:first-child {
  text-align: left;
}

.thesl-t {
  margin-top: 11px;
}
.the-price-blcoks {
  padding: 15px 15px;
}
    /* Responsive */
    @media (max-width: 1100px) {
      :root {
        --container-w: 960px;
      }

      .logo-wrap {
        left: 14px;
        width: 88px;
        height: 88px;
      }

      .search-card {
        width: 280px;
        flex: 0 0 300px;
      }

      .thumb {
        width: 170px;
      }

      .more-card {
        width: 170px;
        height: 120px;
      }
    }

    @media (max-width: 768px) {
      .site-nav {
        padding: 14px 20px;
      }

      .logo-wrap {
        display: none;
      }

      /* hide overlapping logo for small screens */
      .top-mini {
        padding-left: 8px;
        padding-right: 8px;
      }

      .content-row {
        flex-direction: column;
        gap: 18px;
      }

      .search-card {
        width: 100%;
        flex: unset;
      }

      .thumbs {
        justify-content: flex-start;
      }

      .thumb {
        width: 48%;
      }

      .more-card {
        width: 48%;
      }
    }



	 body {
      font-family: Arial, sans-serif;
      background: #f7f8fa;
    }

    .container {
      /* display: flex; */
      gap: 40px;
      padding: 30px;
    }

    /* SIDEBAR FILTERS */
    .filters {
      width: 250px;
    }

    .filters h2 {
      margin-bottom: 20px;
    }

    .filter-block {
      margin-bottom: 20px;
    }

    .filter-block label {
      font-weight: 600;
      display: block;
      margin-bottom: 8px;
    }

    select {
      width: 100%;
      padding: 8px;
      border-radius: 8px;
      border: 1px solid #ccc;
    }

    .options {
      list-style: none;
      padding: 0;
    }

    .options li {
      display: flex;
      /* justify-content: space-between; */
      gap: 10px;
      padding: 6px 0;
    }

    .card-img-top.wp-post-image {
  height: auto;
}

.filters h3 {
  font-size: 17px;
  color: rgb(8, 38, 78);
  font-weight: bold;
}
    /* RESULTS */
    .results {
      flex: 1;
    }

    .results-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .tag {
      background: #e6f3ff;
      padding: 6px 12px;
      border-radius: 8px;
    }

    /* PROPERTY CARD */
    .card {
      display: flex;
      gap: 20px;
      background: white;
      border-radius: 16px;
      overflow: hidden;
      margin-top: 20px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .card-img {
      width: 350px;
      height: auto;
      object-fit: cover;
    }

    .card-body {
      padding: 20px;
    }

    .location {
      color: #777;
      margin-bottom: 5px;
    }

    .card-footer {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .badge {
      background: #ff8c00;
      color: white;
      padding: 4px 10px;
      border-radius: 6px;
    }

    .amount {
      font-size: 22px;
      font-weight: bold;
      margin-left: 10px;
    }

    .variants-btn {
      padding: 10px 16px;
      background: #e8f0ff;
      border: none;
      border-radius: 12px;
      cursor: pointer;
    }

    .property-card {
      display: flex;
      gap: 32px;
      background: #ffffff;
      border-radius: 22px;
      padding: 22px;
      box-shadow: 0 8px 20px rgba(12, 24, 40, 0.06);
      margin-bottom: 28px;
    }

    /* IMAGE SIDE */
    .property-image {
      position: relative;
      width: 520px;
      height: 330px;
      border-radius: 22px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .property-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* HEART */
    .heart {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 48px;
      height: 48px;
      background: #ffffff;
      border-radius: 50%;
      border: none;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .heart svg {
      width: 22px;
      height: 22px;
      stroke: #e74c3c;
      fill: none;
      stroke-width: 2;
    }

    /* RATING */
    .rating {
      position: absolute;
      bottom: 16px;
      left: 16px;
      background: #c8f6d0;
      color: #0a6b3e;
      padding: 8px 12px;
      border-radius: 10px;
      font-weight: bold;
      font-size: 16px;
    }

    /* RIGHT SIDE DETAILS */
    .property-info {
      flex: 1;
    }

    .location {
      color: #7b8590;
      font-size: 14px;
      margin-bottom: 8px;
    }

    .title {
      font-size: 28px;
      font-weight: 800;
      margin: 0 0 10px 0;
    }

    .stars {
      /* color: #0b3b78; */
      font-size: 18px;
    }

    .variant {
      /* font-weight: 600; */
      margin-bottom: 10px;
      font-size: 15px;
    }

    .description {
      margin-bottom: 20px;
      color: #2b3d4f;
    }

    /* BOTTOM ROW */
    .bottom-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 16px;
    }

    .leadtime {
      font-size: 13px;
      color: #7b8590;
    }

    /* PRICE BLOCK */
    .price-box {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .offer {
      background: #ffe7d6;
      color: #a14b1c;
      font-weight: bold;
      padding: 6px 12px;
      border-radius: 8px;
      font-size: 14px;
    }

    .price {
      font-size: 26px;
      font-weight: 900;
      color: #c92d2d;
    }

    .unit {
      font-size: 13px;
      color: #7b8590;
    }

    .info-circle {
      background: #eef2f6;
      color: #66707a;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    /* VARIANT BUTTON */
    .variant-button {
      width: 100%;
      padding: 16px;
      background: #eef7ff;
      border: none;
      border-radius: 999px;
      font-weight: 700;
      color: #0b3b78;
      cursor: pointer;
      font-size: 16px;
    }

    .property-image {
      position: relative;
      width: 312px;
      height: 330px;
      border-radius: 22px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .title {
      font-size: 16px;
      font-weight: 800;
      margin: 0 0 10px 0;
    }

    .property-card {
      display: flex;
      gap: 32px;
      background: #0000;
      border-radius: 22px;
      padding: 0px;
      box-shadow: 0 8px 20px rgba(12, 24, 40, 0);
      margin-bottom: 28px;
    }

    .leadtime {
      width: 100%;
      text-align: right;
    }

    .bottom-row {
      flex-wrap: wrap;
    }

    .price-box {
      margin-left: auto;
    }

    .price {
      font-size: 16px;
      font-weight: 900;
      color: #c92d2d;
    }

    .results-header h2 {
      font-size: 18px;
      margin-bottom: 0px;
    }

    .results-header {
      margin-bottom: 20px;
    }

    .filters h2 {
      font-size: 21px;
    }

    .filters h3 {
      font-size: 17px;
    }

    .thumb {
      background: #fff0;

      box-shadow: 0 8px 20px rgba(15, 23, 42, 0);
      border: 1px solid rgba(11, 27, 39, 0.03);
    }

    .description {
      font-size: 12px;
    }

    .property-image {
      position: relative;
      width: 366px;
      height: 330px;
      border-radius: 22px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .container {
      max-width: var(--container-w);
      margin: 25px auto 27px;
      padding: 0 16px;
    }

    .acc-btn span {
      margin-left: 12px;
    }




	:root {
      --purple: #6f3acb;
      --purple-2: #7434c8;
      --deep: #5c2aa6;
      --green: #1f7a2b;
      --beige: #fdeee0;
      --muted: #7b7b7b;
    }

    #site-footer-exact .sf-container {
      max-width: 1180px;
      margin: 0 auto;
      box-sizing: border-box;
      font-family: Inter, system-ui, Arial, sans-serif;
    }

    /* Newsletter */
    #site-footer-exact .sf-newsletter {
      display: flex;
      align-items: center;
      gap: 18px;
      justify-content: space-between;
      padding: 16px 22px;
      border-radius: 28px;
      background: linear-gradient(180deg, var(--purple), var(--purple-2));
      color: #fff;
      margin: 22px 0;
    }

    .sf-news-left {
      display: flex;
      flex-direction: column;
      line-height: 1.15;
      font-weight: 600;
      font-size: 15px
    }

    .sf-news-form {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-left: auto
    }

    .sf-input {
      border-radius: 28px;
      padding: 10px 16px;
      border: 0;
      min-width: 360px;
      height: 44px;
      background: #fff;
      color: #222;
    }

    .sf-cta {
      background: var(--green);
      color: #fff;
      border-radius: 28px;
      padding: 10px 18px;
      border: 3px solid rgba(255, 255, 255, 0.12);
      width: 161px;
      font-size: 16px;
    }

    /* socials */
    .sf-socials {
      display: flex;
      gap: 12px
    }

    .sf-social {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      background: #fff;
    }

    .sf-social svg {
      width: 22px;
      height: 22px
    }

    /* Beige area */
    .sf-beige {
      background: var(--beige);
      border-radius: 14px;
      padding: 28px;
      margin-top: 18px
    }

    .sf-top {
      display: flex;
      gap: 24px;
      align-items: flex-start;
      justify-content: space-between
    }

    .sf-col {
      flex: 1;
      min-width: 220px
    }

    .sf-col h5 {
      color: var(--deep);
      font-size: 20px;
      margin: 0 0 12px;
      font-weight: 700
    }

    .sf-col ul {
      list-style: none;
      padding: 0;
      margin: 0
    }

    .sf-col li {
      margin-bottom: 10px
    }

    .sf-col a {
      color: var(--deep);
      text-decoration: underline;
      font-size: 14px
    }

    .sf-contact-lines {
      color: var(--deep);
      line-height: 1.6
    }

    /* Payments / legal */
    .sf-pay-legal {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 16px;
      border-top: 1px solid rgba(0, 0, 0, 0.04);
      margin-top: 18px
    }

    .pay {
      width: 46px;
      height: 30px;
      background: #fff;
      border-radius: 6px;
      display: inline-block
    }

    .sf-legal {
      display: flex;
      gap: 18px;
      font-size: 14px
    }

    .sf-legal a {
      color: var(--muted);
      text-decoration: none
    }

    .sf-badges {
      display: flex;
      gap: 8px
    }

    .badge {
      background: #fff;
      border-radius: 4px
    }

    /* 4 headings */
    .sf-headings {
      display: flex;
      gap: 18px;
      justify-content: space-between;
      padding-top: 22px
    }

    .sf-heading {
      font-size: 20px;
      color: var(--deep);
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer
    }

    .sf-chev {
      width: 12px;
      height: 12px;
      border-bottom: 2px solid var(--deep);
      border-right: 2px solid var(--deep);
      transform: rotate(90deg);
    }

    #footerAccordion {
      justify-content: space-between;
    }

    /* Mobile accordion */
    .sf-accordion {
      display: flex;
      margin-top: 18px
    }

    .acc-btn {
      width: 100%;
      text-align: left;
      font-size: 18px;
      font-weight: 700;
      padding: 10px 0;
      color: var(--deep);
      background: none;
      border: 0;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .acc-panel {
      display: none;
      padding: 10px 0 16px
    }

    .acc-panel a {
      display: block;
      padding: 6px 0;
      color: #333;
      text-decoration: none
    }

    .chev-sm {
      width: 10px;
      height: 10px;
      border-bottom: 2px solid var(--deep);
      border-right: 2px solid var(--deep);
      transform: rotate(0deg);
      transition: .15s;
    }

    .sf-social svg {

      width: 36px;
      height: 36px;
    }

    .bottonsecrion {
      padding-top: 20px;
      border-top: 1px solid #e0e0e0;
      margin-top: 25px;
    }
.search-card i {
  color: #d1b6ff;
  font-size: 17px;
  padding-left: 5px;
}



#ajax-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.7);
  display: none;
  z-index: 9999;
}

#ajax-overlay .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border: 5px solid #ddd;
  border-top-color: #000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 0.8s linear infinite;
}
.ajax-wrrkeing {
  display: 
  none;
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 11px;
}
.wrapper {
  max-width: 1180px;
  padding-left: 0;
  padding-right: 0;
}

.textblek {
  display: flex;
  align-items: center;
  gap: 20px;
}
.textblek h1 {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: bold;
}
.boxed-singlebs img {
  height: 180px;
  margin-bottom: 20px;
}
.thepane {
  font-size: 31px;
}
.Feateured-images-bockj img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.Feateured-images-bockj img {
  height: 380px;
}
.boxed-singlebs img {
  height: 180px;
  margin-bottom: 20px;
}

.singlepahe-rtic {
  font-size: 27px;
  font-weight: bold;
}
.the-price-blcoks {
  padding: 15px;
}
.the-price-blcoks {
  padding: 31px 15px;
  background: #fff2e3;
  border-radius: 30px;
}
.thesl-t {
  margin-top: 23px;
}

.iconimahge {
  position: absolute;
  text-decoration: none;
  color: #fff;
  background: #0009;
  padding: 5px;
  border-radius: 5px;
  bottom: 36px;
  right: 17px;
  font-size: 12px;
}
.stickynavigahtionBar ul {
  list-style: none;
  display: flex;
  gap: 30px;
  justify-content: center;
  font-size: 13px;
}
#booking_dates {
  padding: 13px 6px;
  display: block;
  width: 100%;
  /* text-align: center; */
  border-radius: 13px;
  border: none;
}
.booking-field label {
  margin-bottom: 6px;
}
.hotel-booking-box {
  margin-top: 21px;
}
.booking-field {
  margin-bottom: 20px;
}
#book-now {
  width: 100%;
  background: #0f8237;
  border-radius: 50px;
  padding: 16px 10px;
  display: block;
}
.booking-field small {
  font-size: 12px;
  color: red;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
#persons {
  display: inline-block;
  width: 82%;
  padding: 20;
  padding: 13px 6px;
  display: block;
  width: 100%;
  /* text-align: center; */
  border-radius: 13px;
  border: none;
}
.checklist {
  list-style: none;
  padding: 0;
  font-size: 13px;
}
.checklist i {
  color: #51b173;
  margin-right: 8px;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

    /* Responsive */
    @media (max-width:980px) {
      .sf-top {
        display: block
      }

      .sf-headings {
        display: none
      }

      .sf-accordion {
        display: flex
      }

      .sf-newsletter {
        flex-direction: column;
        align-items: flex-start
      }

      .sf-input {
        min-width: 220px
      }
    }

    @media (min-width:981px) {
      .sf-accordion {
        display: flex
      }
    }











    .baokr {
    max-width: 720px;
}

.baokr h2  ,.photots-section h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Content wrapper */
.sontye {
    position: relative;
    max-height: 110px; /* collapsed height */
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6;
    color: #1a1a1a;
    transition: max-height 0.4s ease;
}

/* Fade effect */
.sontye::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        #fff
    );
}

/* Expanded state */
.sontye.expanded {
    max-height: 1000px;
}

.sontye.expanded::after {
    display: none;
}

/* Read more button */
.read-more-btn {
    margin-top: 10px;
    background: none;
    border: none;
    padding: 0;
    color: #1a73e8;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.read-more-btn i {
    transition: transform 0.3s ease;
}

/* Rotate icon when open */
.read-more-btn.open i {
    transform: rotate(180deg);
}

.baokr {
  margin-bottom: 44px;
}

.thesfg  , .laggids h2{
  font-size: 27px;
  font-weight: bold;
}
.laggids table, .laggids table tr, .laggids table tr td, .laggids table, .laggids table tr, .laggids table tr th , .layout__item.lap-and-up-1\/2 tr ,.layout__item.lap-and-up-1\/2 tr td , .layout__item.lap-and-up-1\/2 tr th 
, #surveys-summary tr , #surveys-summary tr td , #surveys-summary tr th
{
  background: none !important;
  border: none;
  font-size: 16px;
  padding: 10px;
  font-weight: 500;
}
.laggids table tr td {
  text-align: right;
}
.laggids table tr:nth-child(odd) , .layout__item.lap-and-up-1\/2 tr:nth-child(odd) , #surveys-summary tr:nth-child(odd) {
  background: #eff7ff !important;

}

.map-blocksd iframe {
  width: 100%;
}


















/* ===== REVIEWS WRAPPER ===== */
.reviews {
    max-width: 1100px;
    margin: 40px auto;
    font-family: inherit;
}

/* ===== TITLE & AVERAGE ===== */
.reviews__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__title-heading {
    font-size: 26px;
    font-weight: 700;
    color: #0a2540;
}

.reviews__title-average {
    background: #00a650;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 8px;
    line-height: 1;
}

.reviews__title-content {
    font-size: 16px;
    color: #0a2540;
}

/* ===== TABS ===== */
.nav-tabs {
    display: flex;
    border-bottom: 2px solid #cbd5e1;
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
}

.nav-tabs li {
    margin-right: 10px;
}

.nav-tabs a {
    display: block;
    padding: 10px 16px;
    border: 1px solid #cbd5e1;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    color: #0a2540;
    font-weight: 600;
    text-decoration: none;

}

.nav-tabs li.active a,
.nav-tabs a:hover {
    background: #f8fafc;
}

/* ===== TABS CONTENT ===== */
.tabs__pane {
    display: none;
}

.tabs__pane.active {
    display: block;
}

/* ===== LAYOUT GRID ===== */
.layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.layout__item {
    flex: 1 1 48%;
}

/* ===== SUMMARY TABLE ===== */
.reviews__summary-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
}

.reviews__summary-table th,
.reviews__summary-table td {
    padding: 14px 16px;
    text-align: left;
}

.reviews__summary-table td {
    text-align: right;
    font-weight: 600;
}

.reviews__summary-table tr:nth-child(even) {
    background: #eef6fc;
}

/* ===== REVIEW CARD ===== */
.review {
    padding: 20px 0;
    border-top: 1px solid #e5e7eb;
}

.review__rating {
    background: #00a650;
    color: #fff;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 6px;
    margin-right: 10px;
    display: inline-block;
}

.review__author {
    font-weight: 600;
    color: #0a2540;
}

.review__date {
    color: #64748b;
    font-size: 14px;
}

.review p {
    margin-top: 10px;
    font-size: 16px;
    color: #1f2937;
    line-height: 1.6;
}

/* ===== UNEVEN TABLE (RIGHT SIDE) ===== */
.reviews__summary-table--uneven tr:nth-child(odd) {
    background: #eef6fc;
}
.daededv {
  display: flex;
  gap: 10px;
  align-items: center;
}
.reviews__title-content {
  display: flex;
  gap: 5px;
  font-size: 15px;
  flex-wrap: wrap;
}
.layout__item.lap-and-up-1\/2 {
  width: 49%;
  flex: 1;
}

#reviews .active a {
  color: #000;
  background: #fff;
}

.blcosk-ehmls-photos.sontye {
  max-height: 271px;
}
.blcosk-ehmls-photos.sontye .col-md-6 img {
  width: 100%;
  height: 177px;
  
}
.blcosk-ehmls-photos.sontye img {
  border-radius: 20px;
  object-fit: cover;
}
.blcosk-ehmls-photos.sontye .col-md-3 , .blcosk-ehmls-photos.sontye .col-md-6 {
  margin-bottom: 20px;
}
.blcosk-ehmls-photos.sontye .col-md-3 img {
  height: 100px;
  width: 100%;
}
.blcosk-ehmls-photos.sontye.expanded {
  max-height: 80000px;
}
.stickynavigahtionBar {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 62px;
  z-index: 999;
}

.stickynavigahtionBar {
  padding: 16px 31px;
  border-radius: 50px;
}

.stickynavigahtionBar ul {
margin: 0;
padding: 0;
}
.stickynavigahtionBar.is-sticky {
  background: #814ddb;
}
.stickynavigahtionBar.is-sticky ul li a {
  color: #fff;
}
.stickynavigahtionBar {
  margin-bottom: 33px;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .layout {
        flex-direction: column;
    }

    .reviews__title {
        flex-direction: column;
        align-items: flex-start;
    }
}








.random-product-card {
    border: 1px solid #9fb3d9;
    border-radius: 6px;
    padding: 16px;
    max-width: 340px;
    background: #fff;
}

.rpc-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0a2540;
}

.rpc-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 12px;
}

.rpc-btn {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #1a73e8;
    font-weight: 600;
    text-decoration: underline;
}

select option:disabled {
    color: #b5b5b5;
}

/* ============================= */
/* MOBILE NAV – FULLSCREEN MENU  */
/* ============================= */

@media (max-width: 980px) {

  /* Hide desktop nav links inside pill */
  .site-nav .nav {
    position: fixed;
    inset: 0;
    background: linear-gradient(
      180deg,
      var(--purple-1),
      var(--purple-2)
    );
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 90px 26px 40px;
    gap: 26px;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    z-index: 9999;
  }

  /* Open state */
  .site-nav .nav.active {
    transform: translateX(0);
  }

  /* Nav links */
  .site-nav .nav-link {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 0;
  }

  /* Active link (rounded pill) */
  .site-nav .nav-link.active {
    border: 2px solid rgba(255,255,255,0.7);
    border-radius: 999px;
    padding: 14px 22px;
  }

  /* Close button */
  .menu-close {
    position: absolute;
    top: 26px;
    left: 26px;
    font-size: 34px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
  }

  /* Language flag */
  .menu-lang {
    position: absolute;
    top: 28px;
    right: 26px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
  }

  .menu-lang img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Hide pill logo on mobile */
  .logo-wrap {
    display: none;
  }

  /* Hamburger button */
  .hamburger {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    z-index: 10000;
  }

  .hamburger span {
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
  }

  /* Reduce pill padding */
  .site-nav {
    padding: 14px 20px;
    border-radius: 18px;
}
.thumbs .more-card, .thumbs .thumb {
  width: 30.2%;
}
.container.d-flex {
  flex-wrap: wrap;
  width: 100%;
}
.filters {
  width: 1000%;
}
.property-card {
  flex-wrap: wrap;
}
.property-image {
  width: 100%;
}
.sf-pay-legal {
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
#mobileNav .nav-link {
  width: 100%;
}

.boxed-singlebs.position-relative {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
  .layout__item.lap-and-up-1\/2 {
  width: 100%;
  flex: 2;
}


  .sf-input {
    min-width: 100%;
  }
  .sf-cta {
  width: 100%;
}
.sf-news-form {
  flex-wrap: wrap;
}
}