/* =========================================================
   STAYMAPP CORE 0.3 · OFFICIAL PALETTE
   ========================================================= */

#staymapp-core{

  --sm-bg:#FCFAF9;

  --sm-white:#FFFFFF;

  --sm-ink:#2D2D2E;

  --sm-text:#3B3B3C;

  --sm-muted:#74706E;

  --sm-accent:#BA6248;

  --sm-accent-dark:#9F4F39;

  --sm-accent-soft:#F8EEE9;

  --sm-map-line:#E4B19F;

  --sm-line:#E9DDD7;

  --sm-line-strong:#DFC8BE;

  --sm-soft:#F6F1EE;

  width:100%;

  min-width:0;

  margin:0;

  background:var(--sm-bg);

  color:var(--sm-text);

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  -webkit-font-smoothing:antialiased;

}


#staymapp-core *,
#staymapp-core *::before,
#staymapp-core *::after{

  box-sizing:border-box;

}



/* =========================================================
   PRODUCT
   ========================================================= */

#staymapp-core .sm-product{

  display:grid;

  grid-template-columns:
    410px minmax(0,1fr);

  height:calc(100dvh - 85px);

  min-height:700px;

  border-top:1px solid var(--sm-line);

}



/* =========================================================
   SIDEBAR
   ========================================================= */

#staymapp-core .sm-sidebar{

  position:relative;

  z-index:10;

  min-width:0;

  height:100%;

  padding:20px 18px 18px;

  overflow-x:hidden;

  overflow-y:auto;

  background:var(--sm-white);

  border-right:1px solid var(--sm-line);

  scrollbar-width:thin;

  scrollbar-color:
    var(--sm-map-line)
    transparent;

}


#staymapp-core .sm-sidebar::-webkit-scrollbar{

  width:6px;

}


#staymapp-core .sm-sidebar::-webkit-scrollbar-thumb{

  border-radius:20px;

  background:var(--sm-map-line);

}



/* =========================================================
   INTRO
   ========================================================= */

#staymapp-core .sm-intro{

  margin-bottom:17px;

}


#staymapp-core .sm-eyebrow,
#staymapp-core .sm-content-eyebrow{

  display:block;

  margin:0 0 5px;

  color:var(--sm-accent);

  font-size:10px;

  line-height:13px;

  font-weight:800;

  letter-spacing:.10em;

  text-transform:uppercase;

}


#staymapp-core .sm-title{

  margin:0 0 6px !important;

  padding:0 !important;

  color:var(--sm-ink) !important;

  font-size:28px !important;

  line-height:32px !important;

  font-weight:800 !important;

  letter-spacing:-.9px;

}


#staymapp-core .sm-description{

  margin:0 !important;

  color:var(--sm-muted) !important;

  font-size:12.5px !important;

  line-height:18px !important;

}



/* =========================================================
   INVENTORY
   ========================================================= */

#staymapp-core .sm-inventory{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:8px;

  margin-bottom:17px;

}


#staymapp-core .sm-inventory-button{

  min-width:0;

  min-height:58px;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:9px;

  margin:0 !important;

  padding:8px 10px !important;

  border:1px solid var(--sm-line) !important;

  border-radius:12px !important;

  background:#fff !important;

  color:var(--sm-text) !important;

  font-family:inherit !important;

  text-align:left !important;

  box-shadow:none !important;

  appearance:none !important;

  -webkit-appearance:none !important;

  cursor:pointer;

  transition:
    border-color .16s ease,
    background .16s ease,
    transform .16s ease;

}


#staymapp-core .sm-inventory-button:hover{

  border-color:var(--sm-map-line) !important;

  transform:translateY(-1px);

}


#staymapp-core .sm-inventory-button.active{

  border-color:var(--sm-map-line) !important;

  background:var(--sm-accent-soft) !important;

}


#staymapp-core .sm-inventory-icon{

  width:31px;

  height:31px;

  flex:0 0 31px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:9px;

  background:var(--sm-soft);

  color:var(--sm-accent);

}


#staymapp-core .sm-inventory-button.active .sm-inventory-icon{

  background:#fff;

}


#staymapp-core .sm-inventory-icon svg{

  width:18px;

  height:18px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;

}


#staymapp-core .sm-inventory-button strong{

  display:block;

  color:var(--sm-ink) !important;

  font-size:12px !important;

  line-height:15px !important;

  font-weight:700 !important;

}


#staymapp-core .sm-inventory-button.active strong{

  color:var(--sm-accent-dark) !important;

}


#staymapp-core .sm-inventory-button small{

  display:block;

  margin-top:1px;

  color:var(--sm-muted) !important;

  font-size:9.5px !important;

  line-height:12px !important;

}



/* =========================================================
   FIELD LABELS
   ========================================================= */

#staymapp-core .sm-field{

  min-width:0;

  margin-bottom:10px;

}



#staymapp-core .sm-field-head{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;

  margin-bottom:5px;

}


#staymapp-core .sm-field-head .sm-label{

  margin-bottom:0 !important;

}


#staymapp-core .sm-locale-selectors{

  display:flex;

  align-items:center;

  gap:6px;

  flex-wrap:nowrap;

}


#staymapp-core .sm-language-selector,
#staymapp-core .sm-currency-selector{

  min-width:72px;

  height:26px;

  margin:0 !important;

  padding:0 22px 0 9px !important;

  border:1px solid var(--sm-line) !important;

  border-radius:999px !important;

  background-color:#fff !important;

  color:var(--sm-accent-dark) !important;

  font-family:inherit !important;

  font-size:9.5px !important;

  line-height:24px !important;

  font-weight:800 !important;

  cursor:pointer;

  box-shadow:none !important;

  outline:none !important;

}


#staymapp-core .sm-language-selector{

  min-width:52px;

  padding-left:8px !important;

}


#staymapp-core .sm-language-selector:hover,
#staymapp-core .sm-language-selector:focus,
#staymapp-core .sm-currency-selector:hover,
#staymapp-core .sm-currency-selector:focus{

  border-color:var(--sm-map-line) !important;

}


#staymapp-core .sm-language-selector:disabled,
#staymapp-core .sm-currency-selector:disabled{

  cursor:default;

  opacity:.72;

  background:var(--sm-soft) !important;

}


#staymapp-core .sm-label{

  display:block;

  margin:0 0 5px !important;

  color:#686462 !important;

  font-size:9.5px !important;

  line-height:12px !important;

  font-weight:800 !important;

  letter-spacing:.09em;

  text-transform:uppercase;

}



/* =========================================================
   DESTINATION
   ========================================================= */

#staymapp-core .sm-destination-field{

  position:relative;

  z-index:50;

}


#staymapp-core .sm-destination-box{

  width:100%;

  height:45px;

  display:grid;

  grid-template-columns:
    36px minmax(0,1fr) 40px;

  align-items:center;

  overflow:hidden;

  border:1px solid var(--sm-line);

  border-radius:11px;

  background:#fff;

  transition:
    border-color .16s ease,
    box-shadow .16s ease;

}


#staymapp-core .sm-destination-box:focus-within{

  border-color:var(--sm-accent);

  box-shadow:
    0 0 0 3px rgba(186,98,72,.10);

}


#staymapp-core .sm-destination-pin{

  width:36px;

  height:100%;

  display:flex;

  align-items:center;

  justify-content:center;

  color:var(--sm-accent);

}


#staymapp-core .sm-destination-pin svg{

  width:17px;

  height:17px;

  display:block;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;

}


#staymapp-core .sm-destination-input{

  width:100% !important;

  min-width:0 !important;

  height:43px !important;

  margin:0 !important;

  padding:0 5px !important;

  border:0 !important;

  outline:0 !important;

  background:#fff !important;

  color:var(--sm-ink) !important;

  font-family:inherit !important;

  font-size:13px !important;

  font-weight:500 !important;

  box-shadow:none !important;

}


#staymapp-core .sm-destination-submit{

  width:32px;

  height:32px;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  margin:0 !important;

  padding:0 !important;

  border:0 !important;

  border-radius:8px !important;

  background:var(--sm-accent) !important;

  color:#fff !important;

  cursor:pointer;

  transition:
    background .16s ease,
    transform .16s ease;

}


#staymapp-core .sm-destination-submit:hover{

  background:var(--sm-accent-dark) !important;

  transform:translateX(1px);

}


#staymapp-core .sm-destination-submit svg{

  width:16px;

  height:16px;

  fill:none;

  stroke:currentColor;

  stroke-width:2;

  stroke-linecap:round;

  stroke-linejoin:round;

}



/* =========================================================
   AUTOCOMPLETE
   ========================================================= */

#staymapp-core .sm-suggestions{

  position:absolute;

  left:0;

  right:0;

  top:68px;

  z-index:100;

  display:none;

  overflow:hidden;

  border:1px solid var(--sm-line);

  border-radius:12px;

  background:#fff;

  box-shadow:
    0 16px 40px rgba(45,45,46,.12);

}


#staymapp-core .sm-suggestions.show{

  display:block;

}


#staymapp-core .sm-suggestion{

  width:100%;

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  gap:12px;

  margin:0 !important;

  padding:10px 12px !important;

  border:0 !important;

  border-bottom:1px solid var(--sm-line) !important;

  background:#fff !important;

  color:var(--sm-text) !important;

  text-align:left !important;

  font-family:inherit !important;

  cursor:pointer;

}


#staymapp-core .sm-suggestion:last-child{

  border-bottom:0 !important;

}


#staymapp-core .sm-suggestion:hover{

  background:var(--sm-accent-soft) !important;

}


#staymapp-core .sm-suggestion strong{

  display:block;

  color:var(--sm-ink);

  font-size:11.5px;

  line-height:14px;

}


#staymapp-core .sm-suggestion small{

  display:block;

  margin-top:2px;

  color:var(--sm-muted);

  font-size:9.5px;

}


#staymapp-core .sm-suggestion-type{

  flex:0 0 auto;

  padding:4px 7px;

  border-radius:99px;

  background:var(--sm-soft);

  color:var(--sm-accent-dark);

  font-size:8.5px;

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.04em;

}



/* =========================================================
   GENERIC DESTINATION
   ========================================================= */

#staymapp-core .sm-generic-note{
  display:none;
  align-items:flex-start;
  gap:9px;
  margin:8px 0 14px;
  padding:10px 11px;
  border:1px solid var(--sm-line);
  border-radius:10px;
  background:var(--sm-accent-soft);
}

#staymapp-core.is-generic .sm-generic-note{
  display:flex;
}

#staymapp-core .sm-generic-note-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#fff;
  color:var(--sm-accent);
  font-size:14px;
  font-weight:800;
}

#staymapp-core .sm-generic-note strong{
  display:block;
  color:var(--sm-ink);
  font-size:10.5px;
  line-height:14px;
}

#staymapp-core .sm-generic-note small{
  display:block;
  margin-top:2px;
  color:var(--sm-muted);
  font-size:9.5px;
  line-height:13px;
}

#staymapp-core.is-generic .sm-local-only{
  display:none !important;
}

#staymapp-core.is-generic .sm-content{
  display:none !important;
}


/* =========================================================
   CONTROLS
   ========================================================= */

#staymapp-core .sm-control{

  width:100% !important;

  height:42px !important;

  margin:0 !important;

  padding:0 10px !important;

  border:1px solid var(--sm-line) !important;

  border-radius:10px !important;

  background:#fff !important;

  color:var(--sm-ink) !important;

  font-family:inherit !important;

  font-size:12px !important;

  font-weight:500 !important;

  outline:none !important;

  box-shadow:none !important;

}


#staymapp-core .sm-control:focus{

  border-color:var(--sm-accent) !important;

  box-shadow:
    0 0 0 3px rgba(186,98,72,.08) !important;

}


#staymapp-core .sm-two-columns{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:8px;

}


#staymapp-core .sm-three-columns{

  display:grid;

  grid-template-columns:1fr 1fr 1fr;

  gap:8px;

}



/* =========================================================
   FILTER SECTIONS
   ========================================================= */

#staymapp-core .sm-filter-section{

  margin-top:5px;

  padding:13px 0;

  border-top:1px solid var(--sm-line);

}


#staymapp-core .sm-section-heading{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  margin-bottom:9px;

  color:var(--sm-ink);

  font-size:12.5px;

  line-height:16px;

  font-weight:700;

}


#staymapp-core .sm-current-value{

  max-width:55%;

  overflow:hidden;

  color:var(--sm-accent);

  font-size:11px;

  line-height:14px;

  font-weight:800;

  white-space:nowrap;

  text-overflow:ellipsis;

}



/* =========================================================
   MODES
   ========================================================= */

#staymapp-core .sm-mode-grid{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:7px;

}


#staymapp-core .sm-mode{

  min-width:0;

  min-height:50px;

  display:flex !important;

  flex-direction:column;

  align-items:flex-start !important;

  justify-content:center !important;

  margin:0 !important;

  padding:7px 10px !important;

  border:1px solid var(--sm-line) !important;

  border-radius:10px !important;

  background:#fff !important;

  color:var(--sm-text) !important;

  text-align:left !important;

  font-family:inherit !important;

  cursor:pointer;

  appearance:none !important;

  transition:
    border-color .16s ease,
    background .16s ease;

}


#staymapp-core .sm-mode:hover{

  border-color:var(--sm-map-line) !important;

}


#staymapp-core .sm-mode strong{

  color:var(--sm-ink) !important;

  font-size:11.5px !important;

  line-height:14px !important;

  font-weight:700 !important;

}


#staymapp-core .sm-mode small{

  margin-top:1px;

  color:var(--sm-muted) !important;

  font-size:9.5px !important;

  line-height:12px !important;

}


#staymapp-core .sm-mode.active{

  border-color:var(--sm-map-line) !important;

  background:var(--sm-accent-soft) !important;

}


#staymapp-core .sm-mode.active strong{

  color:var(--sm-accent-dark) !important;

}



/* =========================================================
   CHIPS
   ========================================================= */

#staymapp-core .sm-chips{

  display:flex;

  flex-wrap:wrap;

  gap:6px;

}


#staymapp-core .sm-chip{

  min-height:30px;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  margin:0 !important;

  padding:6px 9px !important;

  border:1px solid var(--sm-line) !important;

  border-radius:999px !important;

  background:#fff !important;

  color:var(--sm-text) !important;

  font-family:inherit !important;

  font-size:10.5px !important;

  line-height:15px !important;

  font-weight:600 !important;

  white-space:nowrap;

  cursor:pointer;

  appearance:none !important;

  transition:
    color .16s ease,
    border-color .16s ease,
    background .16s ease;

}


#staymapp-core .sm-chip:hover{

  border-color:var(--sm-map-line) !important;

}


#staymapp-core .sm-chip.active{

  border-color:var(--sm-map-line) !important;

  background:var(--sm-accent-soft) !important;

  color:var(--sm-accent-dark) !important;

  font-weight:700 !important;

}



/* =========================================================
   PRICE RANGE
   ========================================================= */

#staymapp-core .sm-price-slider{

  padding:2px 2px 0;

}


#staymapp-core .sm-slider-container{

  position:relative;

  height:24px;

}


#staymapp-core .sm-slider-background{

  position:absolute;

  top:9px;

  left:0;

  right:0;

  height:6px;

  overflow:hidden;

  border-radius:99px;

  background:#E8DFDB;

}


#staymapp-core .sm-slider-fill{

  width:100%;

  height:100%;

  border-radius:99px;

  background:var(--sm-accent);

}


#staymapp-core .sm-range{

  position:absolute;

  inset:0;

  z-index:2;

  width:100% !important;

  height:24px !important;

  margin:0 !important;

  padding:0 !important;

  border:0 !important;

  background:transparent !important;

  appearance:none !important;

  -webkit-appearance:none !important;

  cursor:pointer;

}


#staymapp-core .sm-range::-webkit-slider-runnable-track{

  height:6px;

  background:transparent;

}


#staymapp-core .sm-range::-webkit-slider-thumb{

  width:18px;

  height:18px;

  margin-top:-6px;

  border:2px solid #fff;

  border-radius:50%;

  background:var(--sm-accent);

  box-shadow:
    0 1px 5px rgba(45,45,46,.20);

  appearance:none !important;

  -webkit-appearance:none !important;

}


#staymapp-core .sm-range::-moz-range-track{

  height:6px;

  background:transparent;

}


#staymapp-core .sm-range::-moz-range-thumb{

  width:18px;

  height:18px;

  border:2px solid #fff;

  border-radius:50%;

  background:var(--sm-accent);

}


#staymapp-core .sm-range-values{

  display:flex;

  justify-content:space-between;

  margin-top:1px;

  color:var(--sm-muted);

  font-size:9.5px;

}



/* =========================================================
   AUTO UPDATE
   ========================================================= */

#staymapp-core .sm-auto-update{

  display:flex;

  align-items:center;

  gap:6px;

  margin-top:10px;

  padding-top:11px;

  border-top:1px solid var(--sm-line);

  color:var(--sm-muted);

  font-size:9.5px;

}


#staymapp-core .sm-live-dot{

  width:7px;

  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:var(--sm-accent);

  box-shadow:
    0 0 0 3px rgba(186,98,72,.12);

}


#staymapp-core .sm-reset{

  margin:0 0 0 auto !important;

  padding:4px 7px !important;

  border:0 !important;

  background:transparent !important;

  color:var(--sm-accent-dark) !important;

  font-family:inherit !important;

  font-size:9.5px !important;

  font-weight:800 !important;

  cursor:pointer;

}



/* EXPERIENCE */

#staymapp-core.is-experience .sm-stay-only{

  display:none !important;

}



/* =========================================================
   MAP
   ========================================================= */

#staymapp-core .sm-map-area{

  position:relative;

  min-width:0;

  min-height:0;

  overflow:hidden;

  background:#F0EFED;

}


#staymapp-core .sm-map{

  position:absolute;

  inset:0;

  display:block;

  width:100% !important;

  height:100% !important;

  margin:0 !important;

  padding:0 !important;

  border:0 !important;

}


#staymapp-core .sm-map-status{

  position:absolute;

  top:14px;

  left:14px;

  z-index:5;

  display:flex;

  align-items:center;

  gap:8px;

  max-width:300px;

  padding:8px 11px;

  border:1px solid var(--sm-line);

  border-radius:11px;

  background:rgba(255,255,255,.95);

  box-shadow:
    0 8px 30px rgba(45,45,46,.09);

  backdrop-filter:blur(8px);

  pointer-events:none;

}


#staymapp-core .sm-map-status-pin{

  width:28px;

  height:28px;

  flex:0 0 28px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:8px;

  background:var(--sm-accent-soft);

  color:var(--sm-accent);

}


#staymapp-core .sm-map-status-pin svg{

  width:15px;

  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

}


#staymapp-core .sm-map-status strong{

  display:block;

  color:var(--sm-ink);

  font-size:10.5px;

  line-height:13px;

}


#staymapp-core .sm-map-status small{

  display:block;

  margin-top:1px;

  color:var(--sm-muted);

  font-size:9px;

  line-height:11px;

}



/* LOADER */

#staymapp-core .sm-map-loading{

  position:absolute;

  inset:0;

  z-index:15;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:10px;

  background:rgba(252,250,249,.80);

  backdrop-filter:blur(2px);

  color:var(--sm-ink);

  font-size:11px;

  font-weight:700;

  opacity:0;

  visibility:hidden;

  transition:.15s;

  pointer-events:none;

}


#staymapp-core .sm-map-loading.active{

  opacity:1;

  visibility:visible;

}


#staymapp-core .sm-loader{

  width:28px;

  height:28px;

  border:3px solid #E8DDD8;

  border-top-color:var(--sm-accent);

  border-radius:50%;

  animation:sm-v4-spin .7s linear infinite;

}


@keyframes sm-v4-spin{

  to{

    transform:rotate(360deg);

  }

}



/* =========================================================
   SEO CONTENT
   ========================================================= */

#staymapp-core .sm-content{

  padding:88px 24px 100px;

  background:var(--sm-bg);

}


#staymapp-core .sm-content-inner{

  width:min(1180px,100%);

  margin:0 auto;

}


#staymapp-core .sm-content-intro{

  max-width:720px;

  margin-bottom:40px;

}


#staymapp-core .sm-content h2{

  margin:0 0 15px !important;

  color:var(--sm-ink) !important;

  font-size:36px !important;

  line-height:1.12 !important;

  font-weight:800 !important;

  letter-spacing:-1.3px;

}


#staymapp-core .sm-content-intro p,
#staymapp-core #sm-guide-copy p{

  margin:0 0 14px !important;

  color:#686462 !important;

  font-size:15px !important;

  line-height:1.75 !important;

}



/* AREA CARDS */

#staymapp-core .sm-area-grid{

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;

}


#staymapp-core .sm-area-card{

  min-height:300px;

  display:flex;

  flex-direction:column;

  padding:24px;

  border:1px solid var(--sm-line);

  border-radius:18px;

  background:#fff;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;

}


#staymapp-core .sm-area-card:hover{

  transform:translateY(-3px);

  border-color:var(--sm-map-line);

  box-shadow:
    0 14px 40px rgba(45,45,46,.07);

}


#staymapp-core .sm-card-number{

  margin-bottom:28px;

  color:var(--sm-accent);

  font-size:10px;

  font-weight:800;

}


#staymapp-core .sm-area-card h3{

  margin:0 0 10px !important;

  color:var(--sm-ink) !important;

  font-size:20px !important;

  line-height:24px !important;

  font-weight:700 !important;

}


#staymapp-core .sm-area-card p{

  margin:0 0 18px !important;

  color:var(--sm-muted) !important;

  font-size:12.5px !important;

  line-height:1.65 !important;

}


#staymapp-core .sm-card-tags{

  display:flex;

  flex-wrap:wrap;

  gap:5px;

  margin-bottom:20px;

}


#staymapp-core .sm-card-tags span{

  padding:5px 8px;

  border-radius:99px;

  background:var(--sm-accent-soft);

  color:var(--sm-accent-dark);

  font-size:9px;

  font-weight:700;

}


#staymapp-core .sm-content-map-button{

  width:100%;

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  margin:auto 0 0 !important;

  padding:0 !important;

  border:0 !important;

  background:transparent !important;

  color:var(--sm-accent) !important;

  font-family:inherit !important;

  font-size:11px !important;

  font-weight:800 !important;

  cursor:pointer;

}



/* =========================================================
   GUIDE
   ========================================================= */

#staymapp-core .sm-guide{

  display:grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,.95fr);

  gap:80px;

  margin-top:100px;

  padding:60px;

  border-radius:24px;

  background:var(--sm-ink);

}


#staymapp-core .sm-guide h2{

  color:#fff !important;

}


#staymapp-core .sm-guide .sm-content-eyebrow{

  color:var(--sm-map-line);

}


#staymapp-core #sm-guide-copy p{

  color:rgba(255,255,255,.68) !important;

}


#staymapp-core .sm-guide-points{

  display:flex;

  flex-direction:column;

}


#staymapp-core .sm-guide-point{

  display:grid;

  grid-template-columns:36px 1fr;

  gap:16px;

  padding:18px 0;

  border-bottom:
    1px solid rgba(228,177,159,.20);

}


#staymapp-core .sm-guide-point > span{

  color:var(--sm-map-line);

  font-size:10px;

  font-weight:800;

}


#staymapp-core .sm-guide-point strong{

  color:#fff;

  font-size:13px;

}


#staymapp-core .sm-guide-point p{

  margin:5px 0 0 !important;

  color:rgba(255,255,255,.58) !important;

  font-size:11px !important;

  line-height:1.6 !important;

}



/* =========================================================
   FAQ
   ========================================================= */

#staymapp-core .sm-faq{

  display:grid;

  grid-template-columns:300px 1fr;

  gap:80px;

  margin-top:100px;

}


#staymapp-core .sm-faq-items{

  border-top:1px solid var(--sm-line);

}


#staymapp-core .sm-faq details{

  border-bottom:1px solid var(--sm-line);

}


#staymapp-core .sm-faq summary{

  position:relative;

  padding:20px 35px 20px 0;

  color:var(--sm-ink);

  font-size:13px;

  font-weight:700;

  cursor:pointer;

  list-style:none;

}


#staymapp-core .sm-faq summary::-webkit-details-marker{

  display:none;

}


#staymapp-core .sm-faq summary::after{

  content:"+";

  position:absolute;

  top:17px;

  right:5px;

  color:var(--sm-accent);

  font-size:20px;

}


#staymapp-core .sm-faq details[open] summary::after{

  content:"−";

}


#staymapp-core .sm-faq details p{

  margin:0 !important;

  padding:0 35px 20px 0 !important;

  color:var(--sm-muted) !important;

  font-size:12.5px !important;

  line-height:1.7 !important;

}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  #staymapp-core .sm-area-grid{

    grid-template-columns:1fr 1fr;

  }

}


@media(max-width:980px){

  #staymapp-core .sm-product{

    display:block;

    height:auto;

    min-height:0;

  }


  #staymapp-core .sm-sidebar{

    height:auto;

    overflow:visible;

    border-right:0;

    border-bottom:1px solid var(--sm-line);

  }


  #staymapp-core .sm-map-area{

    height:650px;

  }


  #staymapp-core .sm-guide{

    grid-template-columns:1fr;

    gap:30px;

  }


  #staymapp-core .sm-faq{

    grid-template-columns:1fr;

    gap:25px;

  }

}


@media(max-width:620px){

  #staymapp-core .sm-sidebar{

    padding:17px 14px;

  }


  #staymapp-core .sm-title{

    font-size:25px !important;

    line-height:29px !important;

  }


  #staymapp-core .sm-inventory-button small{

    display:none;

  }


  #staymapp-core .sm-map-area{

    height:560px;

  }


  #staymapp-core .sm-content{

    padding:60px 16px 70px;

  }


  #staymapp-core .sm-content h2{

    font-size:29px !important;

  }


  #staymapp-core .sm-area-grid{

    grid-template-columns:1fr;

  }


  #staymapp-core .sm-area-card{

    min-height:245px;

  }


  #staymapp-core .sm-guide{

    margin-top:70px;

    padding:32px 24px;

  }


  #staymapp-core .sm-faq{

    margin-top:70px;

  }

}


@media(max-width:430px){

  #staymapp-core .sm-three-columns{

    grid-template-columns:1fr 1fr;

  }


  #staymapp-core .sm-three-columns .sm-field:last-child{

    grid-column:1 / -1;

  }

}

/* StayMapp Core 0.4 full-width managed destination pages */
body.staymapp-fullwidth-page #main-content,
body.staymapp-fullwidth-page .staymapp-plugin-page{padding:0!important;margin:0!important;background:transparent!important}
body.staymapp-fullwidth-page #main-content>.container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}

/* StayMapp Core 1.1.2: product-route layout hardening */
body.staymapp-fullwidth-page .staymapp-plugin-page > #staymapp-core{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.staymapp-fullwidth-page .staymapp-plugin-page > #staymapp-core .sm-product{
  width:100%!important;
  max-width:none!important;
}
