/* Mobile content responsive fixes only - 20260604-mobile-content-clean-2.
   Header rules live in mobile-header-fix.css; footer rules live in mobile-footer-fix.css. */

@media (max-width: 767.98px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body,
  body.frontend-site,
  body.frontend-site main,
  body.frontend-site .site-content,
  body.frontend-site .main-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.frontend-site img,
  body.frontend-site picture,
  body.frontend-site picture img,
  body.frontend-site video,
  body.frontend-site iframe {
    max-width: 100% !important;
  }

  body.frontend-site img,
  body.frontend-site picture img {
    height: auto !important;
  }

  body.frontend-site .container,
  body.frontend-site .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.frontend-site .premium-home-hero,
  body.frontend-site .premium-home-hero-slides,
  body.frontend-site .premium-home-hero-slide {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.frontend-site .premium-home-hero-slide img,
  body.frontend-site .premium-home-hero img,
  body.frontend-site .banner img,
  body.frontend-site .hero img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  body.frontend-site .premium-category-section .container,
  body.frontend-site .premium-monthly-section .container,
  body.frontend-site .home-umre-cards .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body.frontend-site .premium-category-section .row,
  body.frontend-site .premium-monthly-section .row,
  body.frontend-site .home-umre-cards .umre-track.is-grid,
  body.frontend-site .home-umre-cards.shape-dome.mode-grid .umre-track.is-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.frontend-site .premium-category-section .row > [class*="col-"],
  body.frontend-site .premium-monthly-section .row > [class*="col-"],
  body.frontend-site .home-umre-cards .umre-track.is-grid > .umre-item,
  body.frontend-site .home-umre-cards.shape-dome.mode-grid .umre-track.is-grid > .umre-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-card,
  body.frontend-site .premium-monthly-section .premium-month-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 10px 14px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-frame {
    width: min(100%, var(--umre-circle-width-mobile, 260px)) !important;
    max-width: min(100%, var(--umre-circle-width-mobile, 260px)) !important;
    height: var(--umre-circle-height-mobile, 260px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    aspect-ratio: auto !important;
    position: relative !important;
    overflow: visible !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media,
  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-fallback {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-frame::before {
    inset: 0 !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-content,
  body.frontend-site .premium-category-section.shape-dome .premium-category-label,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-label,
  body.frontend-site .premium-month-detail-button,
  body.frontend-site .premium-month-inline-price,
  body.frontend-site .premium-month-tag {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    text-align: center !important;
  }

  body.frontend-site .premium-monthly-section .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-square .premium-month-media {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
    height: auto !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.frontend-site .premium-monthly-section .premium-month-media img,
  body.frontend-site .premium-monthly-section .premium-month-media picture,
  body.frontend-site .premium-monthly-section .premium-month-media picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.frontend-site .premium-monthly-section .premium-month-room-prices,
  body.frontend-site.desktop-locked .premium-monthly-section .premium-month-card .premium-month-room-prices,
  body.frontend-site.desktop-locked .premium-monthly-section.card-shape-dome .premium-month-room-prices,
  body.frontend-site.desktop-locked .premium-monthly-section.card-shape-square .premium-month-room-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.frontend-site .premium-month-room-box,
  body.frontend-site .premium-month-room-label,
  body.frontend-site .premium-month-room-value {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    justify-content: center !important;
  }

  body.frontend-site .page-content,
  body.frontend-site .content-area,
  body.frontend-site .post-content,
  body.frontend-site .safe-seo-content,
  body.frontend-site .sifla-umre-info-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow-x: hidden !important;
    font-size: clamp(14px, 3.7vw, 16px) !important;
    line-height: 1.55 !important;
  }
}

.sifla-social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  --sifla-social-icon-size: 42px;
}

.sifla-social-icons,
.sifla-social-icons li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.sifla-social-icons li {
  flex: 0 0 auto;
}

.sifla-social-link {
  width: var(--sifla-social-icon-size);
  height: var(--sifla-social-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  text-decoration: none;
  line-height: 1;
  flex: 0 0 auto;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.sifla-social-link:hover {
  transform: translateY(-2px);
}

.sifla-social-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.sifla-social-icon--image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.sifla-social-icon--fallback {
  color: #7f6320;
  fill: currentColor;
}

.sifla-social-icon--fallback svg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 767.98px) {
  .sifla-social-icons {
    justify-content: center;
    gap: 10px;
  }

  .sifla-social-link {
    width: calc(var(--sifla-social-icon-size) - 4px);
    height: calc(var(--sifla-social-icon-size) - 4px);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.frontend-site .premium-category-section .row,
  body.frontend-site .premium-monthly-section .row,
  body.frontend-site .home-umre-cards .umre-track.is-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@supports (-webkit-touch-callout: none) {
  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome,
  body.frontend-site .premium-monthly-section .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-square .premium-month-media,
  body.frontend-site .sifla-dome-card,
  body.frontend-site .sifla-dome-wrap,
  body.frontend-site .sifla-umre-center-media-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: 1 / 1.12 !important;
    contain: layout paint !important;
    isolation: isolate !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome {
    max-width: 360px !important;
    padding: 12px 10px 14px !important;
    background: #fff !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-frame {
    position: relative !important;
    width: min(100%, var(--umre-circle-width-mobile, 260px)) !important;
    max-width: min(100%, var(--umre-circle-width-mobile, 260px)) !important;
    height: var(--umre-circle-height-mobile, 260px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media,
  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-fallback,
  body.frontend-site .home-umre-cards.shape-dome .umre-media-wrap.is-dome .umre-media-frame::before,
  body.frontend-site .premium-monthly-section .premium-month-media img,
  body.frontend-site .premium-monthly-section .premium-month-media picture,
  body.frontend-site .premium-monthly-section .premium-month-media picture img,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > img,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > picture,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > picture img,
  body.frontend-site .premium-monthly-section.card-shape-square .premium-month-media img,
  body.frontend-site .sifla-dome-photo,
  body.frontend-site .sifla-dome-frame,
  body.frontend-site .sifla-umre-center-media-wrap img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body.frontend-site .premium-monthly-section .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media,
  body.frontend-site .premium-monthly-section.card-shape-square .premium-month-media {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media {
    padding: 14px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
  }

  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    pointer-events: none !important;
    background: url('/assets/images/umre-dome-frame.svg?v=20260526-single') center / 100% 100% no-repeat !important;
  }

  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > img,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > picture,
  body.frontend-site .premium-monthly-section.card-shape-dome .premium-month-media > picture img {
    -webkit-mask-image: var(--sifla-dome-window) !important;
    mask-image: var(--sifla-dome-window) !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
  }

  body.frontend-site .sifla-dome-card,
  body.frontend-site .sifla-dome-wrap {
    width: min(100%, 210px) !important;
    height: auto !important;
    aspect-ratio: 210 / 238 !important;
  }

  body.frontend-site .sifla-dome-wrap {
    overflow: hidden !important;
  }

  body.frontend-site .sifla-dome-photo,
  body.frontend-site .sifla-dome-frame {
    border-radius: 0 !important;
  }

  body.frontend-site .sifla-dome-frame {
    z-index: 4 !important;
    pointer-events: none !important;
  }

  body.frontend-site .sifla-umre-center-media-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: 1 / 1.12 !important;
    overflow: hidden !important;
  }

  body.frontend-site .sifla-umre-center-media-wrap img {
    object-fit: cover !important;
  }
}

/* SIFLA_UMRE_TITLE_FIX_20260614_V2 */
@media (min-width: 768px) {
  body.frontend-site.desktop-locked .premium-category-card.mode-rooms {
    gap: 8px !important;
  }

  body.frontend-site.desktop-locked .premium-category-card.mode-rooms .premium-category-label.sifla-home-umre-title,
  body.frontend-site.desktop-locked .premium-month-card .premium-month-label.sifla-card-title-standard {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, var(--umre-circle-width, 238px)) !important;
    max-width: min(100%, var(--umre-circle-width, 238px)) !important;
    min-height: 46px !important;
    margin: 0 auto !important;
    padding: 8px 14px !important;
    border-radius: 12px 12px 0 0 !important;
    background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
    color: #3c3c3c !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: clamp(15px, 1.3vw, 20px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.frontend-site.desktop-locked .premium-category-card.mode-rooms .premium-category-subtitle.sifla-home-umre-subtitle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, var(--umre-circle-width, 238px)) !important;
    max-width: min(100%, var(--umre-circle-width, 238px)) !important;
    margin: 8px auto 0 !important;
    padding: 0 8px !important;
    color: #1f2f52 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: clamp(11px, 0.82vw, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.frontend-site.desktop-locked .premium-category-card.mode-rooms .premium-category-meta.sifla-home-umre-meta {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: min(100%, var(--umre-circle-width, 238px)) !important;
    max-width: min(100%, var(--umre-circle-width, 238px)) !important;
    margin: 6px auto 0 !important;
    color: #3f3a34 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: clamp(13px, 1.05vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
  }

  body.frontend-site.desktop-locked .premium-category-card.mode-rooms .premium-category-meta-item {
    position: relative !important;
    padding-left: 24px !important;
    white-space: nowrap !important;
  }

  body.frontend-site.desktop-locked .premium-category-card.mode-rooms .premium-category-meta-item::before {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    border-width: 2px !important;
  }
}

/* SIFLA_CARD_TEXT_ORDER_FINAL_20260614 */
body.frontend-site.desktop-locked .premium-category-section .sifla-card-date-line,
body.frontend-site.desktop-locked .premium-monthly-section .sifla-card-date-line {
  display: block !important;
  margin: 10px auto 4px !important;
  padding: 0 10px !important;
  color: #1f2f52 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.frontend-site.desktop-locked .premium-category-section .sifla-card-main-title,
body.frontend-site.desktop-locked .premium-monthly-section .sifla-card-main-title {
  display: block !important;
  margin: 0 auto 10px !important;
  padding: 0 8px !important;
  color: #0b1b3d !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.frontend-site.desktop-locked .premium-category-section .sifla-card-title-standard,
body.frontend-site.desktop-locked .premium-monthly-section .sifla-card-title-standard,
body.frontend-site.desktop-locked .premium-category-section .premium-category-label,
body.frontend-site.desktop-locked .premium-monthly-section .premium-month-label {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}

body.frontend-site.desktop-locked .premium-monthly-section .premium-month-card .premium-month-label.sifla-card-title-standard,
body.frontend-site.desktop-locked .premium-monthly-section .premium-month-card .sifla-card-main-title.premium-month-label.sifla-card-title-standard {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

@media (max-width: 767.98px) {
  body.frontend-site.desktop-locked .premium-category-section .sifla-card-date-line,
  body.frontend-site.desktop-locked .premium-monthly-section .sifla-card-date-line {
    font-size: 13px !important;
    margin-top: 8px !important;
  }

  body.frontend-site.desktop-locked .premium-category-section .sifla-card-main-title,
  body.frontend-site.desktop-locked .premium-monthly-section .sifla-card-main-title {
    font-size: 15px !important;
  white-space: nowrap !important;
  }
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-departure,
body.frontend-site.desktop-locked .premium-category-section .premium-month-label,
body.frontend-site.desktop-locked .premium-category-section .premium-month-meta,
body.frontend-site.desktop-locked .premium-category-section .premium-month-room-prices,
body.frontend-site.desktop-locked .premium-category-section .premium-month-detail-button {
  width: 100% !important;
  max-width: 100% !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-departure,
body.frontend-site.desktop-locked .premium-category-section .premium-month-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1f2f52 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
  margin-bottom: 4px !important;
  margin-top: 8px !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.2px !important;
  line-height: 1.05 !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  color: #3f3a34 !important;
  font-size: clamp(13px, 1.05vw, 17px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px !important;
  width: var(--month-content-width) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-meta-item {
  position: relative !important;
  padding-left: 24px !important;
  flex: 0 0 auto !important;
  min-width: auto !important;
  line-height: 1.25 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  white-space: nowrap !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-meta-item::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  border: 2px solid #c19b46 !important;
  background: linear-gradient(180deg, #fffaf0 0%, #f3e3ba 100%) !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c19b46 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-meta-item.is-duration::before {
  content: 'S' !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-meta-item.is-date::before {
  content: 'T' !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-room-prices {
  width: var(--month-content-width) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
  align-items: stretch !important;
  margin: 8px auto 0 !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-room-box {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  box-sizing: border-box !important;
  border: 2px solid #c6a052 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 8px rgba(44, 32, 10, 0.08) !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-room-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 16px !important;
  padding: 1px 4px !important;
  background: linear-gradient(180deg, #c49a43 0%, #af8330 100%) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-room-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 2px 4px !important;
  color: #0f1c38 !important;
  font-size: clamp(14px, 1.2vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body.frontend-site.desktop-locked .premium-category-section .premium-month-detail-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 10px auto 0 !important;
  border: 1px solid #c6a052 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
  color: #1f2f52 !important;
  font-size: clamp(14px, 1.12vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

@media (max-width: 767.98px) {
  body.frontend-site.desktop-locked .premium-category-section .premium-month-departure,
  body.frontend-site.desktop-locked .premium-category-section .premium-month-label {
    font-size: 13px !important;
    margin-top: 8px !important;
  }

  body.frontend-site.desktop-locked .premium-category-section .premium-month-meta {
    gap: 12px !important;
  }

  body.frontend-site.desktop-locked .premium-category-section .premium-month-detail-button {
    min-height: 46px !important;
  }
}

/* SIFLA_FIXED_SECTION_MONTH_CLASS_SCOPE_20260614 */
body.frontend-site .premium-category-section .premium-month-label {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1f2f52 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
  margin-bottom: 4px !important;
  margin-top: 8px !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.2px !important;
  line-height: 1.05 !important;
}

body.frontend-site .premium-category-section .sifla-card-date-line.premium-month-departure {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1f2f52 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
  margin-bottom: 4px !important;
  margin-top: 8px !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0.2px !important;
  line-height: 1.05 !important;
}

body.frontend-site .premium-category-section .premium-month-meta {
  order: 0 !important;
  width: var(--month-content-width) !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  color: #3f3a34 !important;
  font-size: clamp(13px, 1.05vw, 17px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item {
  position: relative !important;
  padding-left: 24px !important;
  flex: 0 0 auto !important;
  min-width: auto !important;
  line-height: 1.25 !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  white-space: nowrap !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item.is-date {
  text-align: left !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item::before {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  border: 2px solid #c19b46 !important;
  background: linear-gradient(180deg, #fffaf0 0%, #f3e3ba 100%) !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c19b46 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item.is-duration::before {
  content: 'S' !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item.is-date::before {
  content: 'T' !important;
}

body.frontend-site .premium-category-section .premium-month-room-prices {
  width: var(--month-content-width) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
  align-items: stretch !important;
}

body.frontend-site .premium-monthly-section .premium-month-room-box,
body.frontend-site .premium-category-section .premium-month-room-box {
  min-width: 0 !important;
  min-height: 68px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  border: 2px solid #c6a052 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 8px rgba(44, 32, 10, 0.08) !important;
  height: 100% !important;
  padding-bottom: 6px !important;
}

body.frontend-site .premium-monthly-section .premium-month-room-label,
body.frontend-site .premium-category-section .premium-month-room-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 16px !important;
  padding: 1px 4px !important;
  background: linear-gradient(180deg, #c49a43 0%, #af8330 100%) !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  line-height: 1.05 !important;
  text-align: center !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

body.frontend-site .premium-monthly-section .premium-month-room-value,
body.frontend-site .premium-category-section .premium-month-room-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-height: 32px !important;
  padding: 6px 4px 8px !important;
  color: #0f1c38 !important;
  font-size: clamp(14px, 1.2vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body.frontend-site .premium-monthly-section .premium-month-detail-button,
body.frontend-site .premium-category-section .premium-month-detail-button {
  width: var(--month-content-width) !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin-top: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #c6a052 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
  color: #1f2f52 !important;
  font-size: clamp(14px, 1.12vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

body.frontend-site .premium-category-section .premium-category-card.mode-services .premium-month-room-prices {
  gap: 3px !important;
}

body.frontend-site .premium-category-section .premium-category-card.mode-services .premium-month-room-box {
  position: relative !important;
  min-height: 68px !important;
  border-radius: 12px !important;
  padding-top: 18px !important;
  padding-bottom: 6px !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.frontend-site .premium-category-section .premium-category-card.mode-services .premium-month-room-box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 16px !important;
  background: linear-gradient(180deg, #c49a43 0%, #af8330 100%) !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.frontend-site .premium-category-section .premium-category-card.mode-services .premium-month-room-value {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  min-height: 32px !important;
  padding: 6px 4px 8px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: clamp(15px, 1.18vw, 20px) !important;
}

body.frontend-site .premium-category-section .premium-category-card.mode-services .premium-month-room-label {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 16px !important;
  margin-top: -14px !important;
  padding: 1px 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.frontend-site .premium-category-section .premium-category-card {
  --month-track-width: min(100%, var(--umre-circle-width, 220px));
  --month-content-width: min(100%, var(--month-track-width));
  gap: 5px !important;
}

body.frontend-site .premium-category-section .premium-month-meta {
  width: min(100%, var(--month-track-width, 220px)) !important;
  margin: 6px auto 2px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  color: #1f2f52 !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item {
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

body.frontend-site .premium-category-section .premium-month-meta-item::before {
  width: 22px !important;
  height: 22px !important;
  font-size: 12px !important;
}

body.frontend-site .premium-category-section .sifla-card-date-line.premium-month-departure {
  width: min(100%, var(--month-track-width, 220px)) !important;
  margin: 10px auto 4px !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1f2f52 !important;
}

/* SIFLA_IOS_FIXED_HOME_DOME_20260614 */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 767.98px) {
    body.frontend-site .premium-category-section.shape-dome .premium-category-media,
    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome {
      position: relative !important;
      width: min(100%, var(--umre-circle-width, 238px)) !important;
      max-width: min(100%, var(--umre-circle-width, 238px)) !important;
      height: var(--umre-circle-height, 238px) !important;
      min-height: var(--umre-circle-height, 238px) !important;
      margin-left: auto !important;
      margin-right: auto !important;
      overflow: visible !important;
      box-sizing: border-box !important;
    }

    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome-media {
      --sifla-dome-window: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 456' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M260 39 L408 137 C445 162 468 198 468 231 L468 393 L52 393 L52 231 C52 198 75 162 112 137 Z'/%3E%3C/svg%3E");
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      overflow: hidden !important;
      contain: layout paint !important;
      isolation: isolate !important;
      transform: translateZ(0) !important;
      -webkit-transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
    }

    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome-media > picture,
    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome-photo,
    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome-media > picture img {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center center !important;
      border-radius: 0 !important;
      -webkit-mask-image: var(--sifla-dome-window) !important;
      mask-image: var(--sifla-dome-window) !important;
      -webkit-mask-size: 100% 100% !important;
      mask-size: 100% 100% !important;
      -webkit-mask-position: center center !important;
      mask-position: center center !important;
      -webkit-mask-repeat: no-repeat !important;
      mask-repeat: no-repeat !important;
      transform: translateZ(0) !important;
      -webkit-transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
    }

    body.frontend-site .premium-category-section.shape-dome .sifla-home-umre-dome-frame {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      display: block !important;
      object-fit: contain !important;
      object-position: center center !important;
      pointer-events: none !important;
      z-index: 5 !important;
      transform: translateZ(1px) !important;
      -webkit-transform: translateZ(1px) !important;
    }
  }
}

/* SIFLA_IOS_DETAIL_DOME_20260614 */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 767.98px) {
    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-col,
    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-card {
      overflow: visible !important;
    }

    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-wrap {
      overflow: hidden !important;
    }

    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-photo,
    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-frame,
    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-wrap::before {
      transform: translateZ(0) !important;
      -webkit-transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
    }

    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-photo {
      -webkit-mask-image: var(--sifla-dome-window) !important;
      mask-image: var(--sifla-dome-window) !important;
      -webkit-mask-size: 100% 100% !important;
      mask-size: 100% 100% !important;
      -webkit-mask-position: center center !important;
      mask-position: center center !important;
      -webkit-mask-repeat: no-repeat !important;
      mask-repeat: no-repeat !important;
    }

    body.frontend-site .monthly-umrah-detail.umre-detail .sifla-dome-frame {
      z-index: 5 !important;
      pointer-events: none !important;
      transform: translateZ(1px) !important;
      -webkit-transform: translateZ(1px) !important;
    }
  }
}

/* SIFLA_IOS_HOTEL_OVERFLOW_20260614 */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 767.98px) {
    body.frontend-site.hotels-list-page,
    body.frontend-site.hotels-list-page .hotels-page {
      overflow-x: hidden !important;
      max-width: 100vw !important;
    }

    body.frontend-site.hotels-list-page .hotels-container {
      width: calc(100% - 24px) !important;
      max-width: calc(100% - 24px) !important;
      grid-template-columns: 1fr !important;
      gap: 16px !important;
      overflow-x: hidden !important;
    }

    body.frontend-site.hotels-list-page .hotels-grid {
      grid-template-columns: 1fr !important;
      gap: 16px !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }

    body.frontend-site.hotels-list-page .hotel-card,
    body.frontend-site.hotels-list-page .hotel-card-body {
      min-width: 0 !important;
      max-width: 100% !important;
    }

    body.frontend-site.hotels-list-page .hotel-card-image {
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 16 / 10 !important;
    }

    body.frontend-site.hotels-list-page .hotel-card-image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center center !important;
    }

    body.frontend-site.hotels-list-page .hotel-card-title a,
    body.frontend-site.hotels-list-page .hotel-card-location,
    body.frontend-site.hotels-list-page .hotel-card-desc {
      overflow-wrap: anywhere !important;
      word-break: break-word !important;
    }
  }
}