body.budget_hotel .budget-hotel-hero-area {
  position: relative;
  overflow: hidden;
}

body.budget_hotel .budget-hotel-hero-bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
}

body.budget_hotel .budget-hotel-hero-area:before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(19, 19, 22, var(--hero-overlay-alpha, .52));
}

body.budget_hotel .budget-hotel-hero-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 0;
  color: #fff;
}

body.budget_hotel .budget-hotel-hero-title {
  font-size: clamp(38px, 5.4vw, 76px);
  line-height: 1.35;
  color: #fff;
  margin: 0 0 16px;
}

body.budget_hotel .budget-hotel-hero-text {
  line-height: 1.8;
  color: #f2f2f2;
}

body.budget_hotel .budget-hotel-section-title {
  font-size: clamp(28px, 3.4vw, 52px);
  line-height: 1.12;
  color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-section-subtitle {
  line-height: 1.85;
  color: var(--body-color, #52505e);
}

body.budget_hotel .budget-hotel-intro-top {
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  gap: 52px;
  align-items: center;
}

body.budget_hotel .budget-hotel-counter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: 42px;
}

body.budget_hotel .budget-hotel-counter-item {
  text-align: center;
}

body.budget_hotel .budget-hotel-counter-number {
  font-size: 52px;
  line-height: 1;
  font-weight: 700;
  color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}

body.budget_hotel .budget-hotel-service-item i {
  font-size: 1rem;
  color: var(--main-color-one, #4d34dd);
}

body.budget_hotel .budget-hotel-blog-slider {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

body.budget_hotel .budget-hotel-blog-nav {
  position: absolute;
  top: -50px;
  width: 36px;
  height: 36px;
  border: 1px solid #d9d9ea;
  background: #fff;
  color: var(--main-color-one, #4d34dd);
}

body.budget_hotel .budget-hotel-blog-nav--prev {
  right: 44px;
}

body.budget_hotel .budget-hotel-blog-nav--next {
  right: 0;
}

body.budget_hotel .budget-hotel-offers-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

body.budget_hotel .budget-hotel-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body.budget_hotel .budget-hotel-stars {
  position: relative;
  width: 88px;
  height: 16px;
}

body.budget_hotel .budget-hotel-stars:before,
body.budget_hotel .budget-hotel-stars:after {
  content: '锟斤拷锟斤拷锟斤拷';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  letter-spacing: 2px;
}

body.budget_hotel .budget-hotel-stars:before {
  color: #d8d3fb;
}

body.budget_hotel .budget-hotel-stars:after {
  color: var(--main-color-one, #4d34dd);
  width: var(--rating-percent);
  overflow: hidden;
  white-space: nowrap;
}

body.budget_hotel .budget-hotel-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

body.budget_hotel .budget-hotel-footer__inner {
  background: #fff;
  padding: 0 20px;
  border-top: 1px solid var(--new-color, #e0e3eb);
}

body.budget_hotel .budget-hotel-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 56px;
}

body.budget_hotel .budget-hotel-footer-col,
body.budget_hotel .budget-hotel-footer-col * {
  text-align: left;
}

body.budget_hotel .budget-hotel-footer-col a {
  color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-footer-col a:hover {
  color: var(--main-color-one, #4d34dd);
}

body.budget_hotel .budget-hotel-footer__copyright {
  margin-top: 18px;
  padding: 16px 0;
  border-top: 1px solid color-mix(in srgb, var(--new-color, #e0e3eb) 78%, transparent);
}

body.budget_hotel .navbar-area.nav-absolute.budget-home-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}

body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav li a {
  color: #fff;
}

body.budget_hotel .navbar-area.nav-absolute.budget-inner-nav {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eceaf8;
}

@media (max-width:1199.98px) {
  body.budget_hotel .budget-hotel-intro-top {
      grid-template-columns: 1fr;
  }

  body.budget_hotel .budget-hotel-service-grid,
  body.budget_hotel .budget-hotel-info-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.budget_hotel .budget-hotel-blog-slider {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:991.98px) {
  body.budget_hotel .budget-hotel-counter-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.budget_hotel .budget-hotel-offers-grid,
  body.budget_hotel .budget-hotel-testimonial-grid {
      grid-template-columns: 1fr;
  }

  body.budget_hotel .budget-hotel-footer-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 28px rgba(16, 42, 92, .1);
      /*padding: 8px 0;*/
      overflow: hidden;
  }
}

@media (max-width:575.98px) {

  body.budget_hotel .budget-hotel-blog-slider,
  body.budget_hotel .budget-hotel-footer-grid {
      grid-template-columns: 1fr;
  }
}

\n\n

/* budget-hotel-hero-overlay: ensure visible mask + layering */
\nbody.budget_hotel .budget-hotel-hero-area {
  position: relative;
  isolation: isolate;
}

\nbody.budget_hotel .budget-hotel-hero-bg {
  z-index: 0;
}

\nbody.budget_hotel .budget-hotel-hero-area:before {
  z-index: 1;
  pointer-events: none;
}

\nbody.budget_hotel .budget-hotel-hero-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 0;
  color: #fff;
}

\n\n

/* homepage nav fusion: navbar overlays hero immediately */
\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 50;
  background: transparent;
}

\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav.navbar-border {
  border-bottom-color: transparent;
}

\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .nav-container {
  padding-top: 18px;
}

\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav li a,
\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .nav-right-content ul li a,
\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list .single-icon i,
\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .login-account .accounts i {
  color: #fff;
}

\nbody.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-toggler {
  filter: invert(1);
}

\n\n

/* inner pages: keep readable */
\nbody.budget_hotel .navbar-area.nav-absolute.budget-inner-nav {
  position: relative;
  background: #fff;
}

/* ===== Budget Hotel hero/nav refinement ===== */
/* Hero overlay: official-like gradient mask */
body.budget_hotel .budget-hotel-hero-area{
position:relative;
isolation:isolate;
}
body.budget_hotel .budget-hotel-hero-bg{
position:absolute;
inset:0;
z-index:0;
}
body.budget_hotel .budget-hotel-hero-area::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background-color:transparent;
background-image:linear-gradient(135deg, var(--main-color-one, #4d34dd) 0%, #000000 100%);
opacity:calc(var(--hero-overlay-alpha, .52) * .62);
}
body.budget_hotel .budget-hotel-hero-content{
position:relative;
z-index:2;
display: flex;
flex-direction: column;
gap: 20px;
}

/* Home nav fusion */
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav{
position:absolute;
left:0;
right:0;
top:0;
z-index:80;
background:transparent;
border-bottom-color:transparent;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .nav-container{
padding-top:18px;
padding-bottom:14px;
}

/* Menu links: bright and with breathing room */
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav{
gap:20px;
display: flex;
justify-content: center;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav li > a{
color:#ffffff !important;
padding:8px 14px !important;
border-radius:6px;
transition:all .2s ease;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav li > a:hover,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .navbar-nav li.current-menu-item > a{
/*background:rgba(255,255,255,.16);*/
color: var(--main-color-one, #4d34dd) !important;
}

/* Right icon buttons: transparent square + clear hover */
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02{
display:flex;
align-items:center;
gap:20px;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon.cart-shopping > a.icon,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .login-account > a.accounts{
width:48px;
height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
/*border-radius:6px;*/
background:rgba(255,255,255,.08);
/*border:1px solid rgba(255,255,255,.28);*/
color:#ffffff !important;
transition:all .2s ease;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon i,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon.cart-shopping > a.icon i,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .login-account > a.accounts i{
color:#ffffff !important;
}
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon:hover,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .track-icon-list.style-02 .single-icon.cart-shopping > a.icon:hover,
body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .login-account > a.accounts:hover{
background:var(--main-color-one, #4d34dd);
border-color:var(--main-color-one, #4d34dd);
transform:translateY(-1px);
}

/* Keep inner page readable */
body.budget_hotel .navbar-area.nav-absolute.budget-inner-nav{
position:relative;
background:#ffffff;
}


/* hero-100vh: occupy current viewport */
body.budget_hotel .budget-hotel-hero-area{min-height:100vh;}


/* hero-center-layout: viewport-based vertical centering */
body.budget_hotel .budget-hotel-hero-area > .container{
min-height:100vh;
display:flex;
align-items:center;
}

/* hero button colors */
body.budget_hotel .budget-hotel-hero-area .budget-hotel-btn.budget-hotel-btn-primary{
display:inline-flex;
align-items:center;
width: fit-content;
justify-content:center;
min-height:44px;
padding:12px 24px;
border-radius:6px;
border:1px solid var(--main-color-one, #4d34dd);
background:var(--main-color-one, #4d34dd);
color:#ffffff !important;
font-weight:600;
line-height:1;
text-decoration:none;
transition:all .2s ease;
}
body.budget_hotel .budget-hotel-hero-area .budget-hotel-btn.budget-hotel-btn-primary:hover,
body.budget_hotel .budget-hotel-hero-area .budget-hotel-btn.budget-hotel-btn-primary:focus{
background:var(--main-color-two, #2e1ba0);
border-color:var(--main-color-two, #2e1ba0);
color:#ffffff !important;
}
/* intro block spacing + typography (match official) */
body.budget_hotel .budget-hotel-intro-content{
display:flex;
flex-direction:column;
gap:15px;
}
body.budget_hotel .budget-hotel-intro-title{
font-size:42px;
line-height:1.2;
margin:0;
}
body.budget_hotel .budget-hotel-intro-subtitle,
body.budget_hotel .budget-hotel-intro-text{
margin:0;
}

/* ===== intro area visual match (image-driven) ===== */
body.budget_hotel .budget-hotel-intro-area{
background:var(--section-bg-2, #f7f6fe);
}
body.budget_hotel .budget-hotel-intro-top{
align-items:center;
gap:clamp(34px, 4vw, 64px);
}
body.budget_hotel .budget-hotel-intro-content{
display:flex;
flex-direction:column;
gap:15px;
max-width:620px;
}
body.budget_hotel .budget-hotel-intro-title{
margin:0;
font-size:42px;
line-height:1.42;
letter-spacing:0;
color:var(--heading-color, #131316);
font-weight:600;
}
body.budget_hotel .budget-hotel-intro-subtitle{
margin:0;
color:var(--heading-color, #131316);
font-size:37px;
line-height:1.75;
font-weight:600;
max-width:58ch;
}
body.budget_hotel .budget-hotel-intro-text{
margin:0;
color:var(--body-color, #52505e);
font-size:34px;
line-height:1.9;
max-width:64ch;
}

/* Intro CTA: filled background + hover color */
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline{
align-self:flex-start;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:12px 22px;
border-radius:8px;
border:1px solid var(--main-color-one, #4d34dd);
background:var(--main-color-one, #4d34dd);
color:#fff !important;
font-size:28px;
font-weight:600;
line-height:1;
text-decoration:none;
transition:all .2s ease;
}
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline:hover,
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline:focus{
background:var(--main-color-two, #2e1ba0);
border-color:var(--main-color-two, #2e1ba0);
color:#fff !important;
}

@media (max-width: 991.98px){
body.budget_hotel .budget-hotel-intro-title{font-size:36px;}
body.budget_hotel .budget-hotel-intro-subtitle,
body.budget_hotel .budget-hotel-intro-text{font-size:16px;}
}

/* intro area final sizing fix */
body.budget_hotel .budget-hotel-intro-subtitle{
font-size:16px;
line-height:1.75;
}
body.budget_hotel .budget-hotel-intro-text{
font-size:16px;
line-height:1.9;
margin-bottom: 20px;
}
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline{
font-size:26px;
}
@media (max-width: 991.98px){
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline{font-size:15px;}
}

/* intro button readable size */
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline{
font-size:18px;
}
@media (max-width: 991.98px){
body.budget_hotel .budget-hotel-intro-area .budget-hotel-btn.budget-hotel-btn-outline{font-size:15px;}
}

/* ===== counter grid: match official (stacked + centered) ===== */
body.budget_hotel .budget-hotel-counter-grid{
margin-top:clamp(54px, 4.6vw, 74px);
}
body.budget_hotel .budget-hotel-counter-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:10px;
text-align:center;
}
body.budget_hotel .budget-hotel-counter-number{
display:block;
font-family:var(--heading-font);
letter-spacing:0;
}
body.budget_hotel .budget-hotel-counter-label{
display:block;
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--body-color, #52505e);
}

/* ===== service area: match official (icon top, centered grid) ===== */
body.budget_hotel .budget-hotel-service-area{
background:var(--section-bg-2, #f7f6fe);
}
body.budget_hotel .budget-hotel-service-area .budget-hotel-section-head{
margin-bottom:clamp(34px, 3.6vw, 56px);
}
body.budget_hotel .budget-hotel-service-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:clamp(34px, 3.6vw, 56px) clamp(18px, 2.2vw, 34px);
align-items:start;
}
body.budget_hotel .budget-hotel-service-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
gap:14px;
}
body.budget_hotel .budget-hotel-service-item i{
font-size:clamp(34px, 3.6vw, 46px);
line-height:1;
color:var(--main-color-one, #4d34dd);
}
body.budget_hotel .budget-hotel-service-item span{
font-size:16px;
font-weight:600;
color:var(--heading-color, #131316);
line-height:1.35;
}

@media (max-width: 991.98px){
body.budget_hotel .budget-hotel-service-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 575.98px){
body.budget_hotel .budget-hotel-service-grid{grid-template-columns:1fr;}
}

/* service spacing enlarge (less compact) */
body.budget_hotel .budget-hotel-service-area{
padding-top:clamp(76px, 7vw, 118px);
padding-bottom:clamp(76px, 7vw, 118px);
}
body.budget_hotel .budget-hotel-service-area .budget-hotel-section-head{
margin-bottom:clamp(44px, 4.8vw, 78px);
}
body.budget_hotel .budget-hotel-service-grid{
gap:clamp(44px, 4.8vw, 78px) clamp(18px, 2.2vw, 34px);
}

/* service heading spacing + subtitle max-width */
body.budget_hotel .budget-hotel-service-area .budget-hotel-section-head{
display:flex;
flex-direction:column;
align-items:center;
}
body.budget_hotel .budget-hotel-service-area .budget-hotel-section-head .budget-hotel-section-title{
margin:0;
}
body.budget_hotel .budget-hotel-service-area .budget-hotel-section-head .budget-hotel-section-subtitle{
margin-top:clamp(16px, 1.8vw, 24px);
max-width:min(70ch, 100%);
text-wrap:balance;
}

/* ===== blog area: 3-up manual carousel (not compact) ===== */
body.budget_hotel .budget-hotel-blog-area{
background:var(--section-bg-2, #f7f6fe);
}
body.budget_hotel .budget-hotel-blog-shell{
display:flex;
flex-direction:column;
gap:clamp(26px, 3.2vw, 44px);
}
body.budget_hotel .budget-hotel-blog-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
}
body.budget_hotel .budget-hotel-blog-head__nav{
display:flex;
gap:10px;
}
body.budget_hotel .budget-hotel-blog-head__nav .budget-hotel-blog-nav{
width:40px;
height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
/* border-radius:8px; */
border:1px solid color-mix(in srgb, var(--main-color-one, #4d34dd) 30%, var(--new-color, #e0e3eb));
background:#fff;
color:var(--main-color-one, #4d34dd);
transition:all .2s ease;
}
body.budget_hotel .budget-hotel-blog-head__nav .budget-hotel-blog-nav:hover{
background:var(--main-color-one, #4d34dd);
border-color:var(--main-color-one, #4d34dd);
color:#fff;
}
body.budget_hotel .budget-hotel-blog-viewport{
overflow:hidden;
}
body.budget_hotel .budget-hotel-blog-track{
display:flex;
gap:clamp(18px, 2.2vw, 28px);
}
body.budget_hotel .budget-hotel-blog-card{
flex:0 0 calc((100% - 2 * clamp(18px, 2.2vw, 28px)) / 3);
display:flex;
flex-direction:column;
gap:14px;
}
body.budget_hotel .budget-hotel-blog-card__thumb img{
width:100%;
display:block;
border-radius:10px;
aspect-ratio: 16 / 10;
object-fit:cover;
}
body.budget_hotel .budget-hotel-blog-card__title{
margin:0;
color:var(--heading-color, #131316);
font-size:22px;
line-height:1.25;
font-weight:600;
max-width:28ch;
}
body.budget_hotel .budget-hotel-blog-card__meta{
margin-top:-4px;
}
body.budget_hotel .budget-hotel-blog-card__category{
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--body-color, #52505e);
}
body.budget_hotel .budget-hotel-blog-card__btn{
align-self:flex-start;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:10px 18px;
/* border-radius:8px; */
border:1px solid color-mix(in srgb, var(--main-color-one, #4d34dd) 35%, var(--new-color, #e0e3eb));
background:#fff;
color:var(--main-color-one, #4d34dd);
font-weight:600;
text-decoration:none;
transition:all .2s ease;
}
body.budget_hotel .budget-hotel-blog-card__btn:hover{
background:var(--main-color-one, #4d34dd);
border-color:var(--main-color-one, #4d34dd);
color:#fff;
}

@media (max-width: 991.98px){
body.budget_hotel .budget-hotel-blog-card{flex-basis:calc((100% - 1 * clamp(18px, 2.2vw, 28px)) / 2);}
}
@media (max-width: 575.98px){
body.budget_hotel .budget-hotel-blog-card{flex-basis:100%;}
}

/* blog nav buttons in header row: override old absolute rules */
body.budget_hotel .budget-hotel-blog-head__nav .budget-hotel-blog-nav{
position:static;
top:auto;
right:auto;
margin:0;
}

/* ===== offers area: spacing and text hierarchy ===== */
body.budget_hotel .budget-hotel-offers-area {
padding-top: clamp(78px, 7.2vw, 120px);
padding-bottom: clamp(78px, 7.2vw, 120px);
background: var(--section-bg-2, #f7f6fe);
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-section-head--split {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: clamp(34px, 3.4vw, 50px);
padding-right: 0;
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-section-head--split .budget-hotel-section-title {
margin: 0;
color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-section-head--split .budget-hotel-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 20px;
border-radius: 6px;
color: var(--main-color-one, #4d34dd);
border: 1px solid color-mix(in srgb, var(--main-color-one, #4d34dd) 40%, #d8d8e6);
background: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1;
text-decoration: none;
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-section-head--split .budget-hotel-btn:hover {
color: #fff;
background: var(--main-color-one, #4d34dd);
border-color: var(--main-color-one, #4d34dd);
}

body.budget_hotel .budget-hotel-offers-grid {
gap: clamp(26px, 2.4vw, 34px);
}

body.budget_hotel .budget-hotel-offer-card {
display: flex;
flex-direction: column;
}

body.budget_hotel .budget-hotel-offer-card__thumb {
margin-bottom: 22px;
}

body.budget_hotel .budget-hotel-offer-card__title {
margin: 0 0 12px;
color: var(--heading-color, #131316);
font-size: clamp(34px, 2.6vw, 38px);
line-height: 1.28;
font-weight: 600;
}

body.budget_hotel .budget-hotel-offer-card__text {
margin: 0 0 18px;
color: var(--body-color, #52505e);
font-size: 16px;
line-height: 1.82;
max-width: 56ch;
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-link-arrow {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--main-color-one, #4d34dd);
font-size: 16px;
font-weight: 600;
text-decoration: none;
}

body.budget_hotel .budget-hotel-offers-area .budget-hotel-link-arrow:hover {
color: var(--main-color-two, #2e1ba0);
}

@media (max-width: 767.98px) {
body.budget_hotel .budget-hotel-offers-area .budget-hotel-section-head--split {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 30px;
  padding-right: 0;
}

body.budget_hotel .budget-hotel-offer-card__thumb {
  margin-bottom: 18px;
}

body.budget_hotel .budget-hotel-offer-card__title {
  margin-bottom: 10px;
  font-size: 32px;
}
}


/* offers media fill full card width */
body.budget_hotel .budget-hotel-offer-card__thumb {
width: 100%;
margin-bottom: 22px;
}

body.budget_hotel .budget-hotel-offer-card__thumb img {
width: 100% !important;
max-width: none;
display: block;
border-radius: 10px;
}

/* testimonial stars glyph fix */
body.budget_hotel .budget-hotel-stars:before,
body.budget_hotel .budget-hotel-stars:after {
content: "\2605\2605\2605\2605\2605" !important;
}

/* ===== testimonial area: official-like card layout ===== */
body.budget_hotel .budget-hotel-testimonial-area {
padding-top: clamp(78px, 7vw, 118px);
padding-bottom: clamp(78px, 7vw, 118px);
background: var(--section-bg-2, #f7f6fe);
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-section-head {
margin-bottom: clamp(30px, 3.2vw, 48px);
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-section-head .budget-hotel-section-title {
margin: 0;
color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-section-head .budget-hotel-section-subtitle {
margin: 14px 0 0;
max-width: 64ch;
color: var(--body-color, #52505e);
line-height: 1.85;
}

body.budget_hotel .budget-hotel-testimonial-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(24px, 2.4vw, 34px);
}

body.budget_hotel .budget-hotel-testimonial-card {
min-height: 188px;
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 0 !important;
padding: clamp(24px, 2.2vw, 30px);
/* border: 1px solid color-mix(in srgb, var(--new-color, #e0e3eb) 74%, #d8d6e8); */
border-radius: 12px;
/* background: #fff; */
}

/* cleaner star style: base stars + clipped fill */
body.budget_hotel .budget-hotel-stars {
--star-size: 16px;
--star-gap: 2px;
position: relative;
display: inline-block;
width: calc(var(--star-size) * 5 + var(--star-gap) * 4);
height: var(--star-size);
line-height: 1;
}

body.budget_hotel .budget-hotel-stars::before,
body.budget_hotel .budget-hotel-stars::after {
content: "\2605\2605\2605\2605\2605";
position: absolute;
left: 0;
top: 0;
font-size: var(--star-size);
letter-spacing: var(--star-gap);
line-height: 1;
white-space: nowrap;
}

body.budget_hotel .budget-hotel-stars::before {
color: #ddd9ee;
}

body.budget_hotel .budget-hotel-stars::after {
color: var(--main-color-one, #4d34dd);
width: var(--rating-percent);
overflow: hidden;
}

body.budget_hotel .budget-hotel-testimonial-text {
margin: 0;
color: var(--secondary-color-two, #52505e);
font-size: 16px;
line-height: 1.85;
}

body.budget_hotel .budget-hotel-testimonial-person {
margin-top: auto;
display: flex;
align-items: center;
gap: 12px;
}

body.budget_hotel .budget-hotel-testimonial-person img {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
display: block;
}

body.budget_hotel .budget-hotel-testimonial-person span {
color: var(--heading-color, #131316);
font-size: 17px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.2;
}

@media (max-width: 991.98px) {
body.budget_hotel .budget-hotel-testimonial-grid {
  grid-template-columns: 1fr;
  gap: 20px;
}

body.budget_hotel .budget-hotel-testimonial-card {
  min-height: 0;
}
}

/* testimonial stars: icon-based (full/half/empty) */
body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-stars {
display: inline-flex;
align-items: center;
gap: 3px;
width: auto;
height: auto;
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-stars::before,
body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-stars::after {
content: none !important;
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-stars i {
font-size: 14px;
line-height: 1;
color: var(--main-color-one, #4d34dd);
}

body.budget_hotel .budget-hotel-testimonial-area .budget-hotel-stars i.is-empty {
color: #d7d3e8;
}

/* ===== info area: official-like refinement ===== */
body.budget_hotel .budget-hotel-info-area {
padding-top: clamp(74px, 6.8vw, 112px);
padding-bottom: clamp(74px, 6.8vw, 112px);
background: var(--section-bg-2, #f7f6fe);
}

body.budget_hotel .budget-hotel-info-area .budget-hotel-section-head {
margin-bottom: clamp(30px, 3.1vw, 46px);
}

body.budget_hotel .budget-hotel-info-area .budget-hotel-section-title {
margin: 0;
color: var(--heading-color, #131316);
}

body.budget_hotel .budget-hotel-info-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(24px, 2.4vw, 34px);
align-items: flex-start;
}

body.budget_hotel .budget-hotel-info-col {
display: flex;
flex-direction: column;
gap: clamp(18px, 2vw, 28px);
}

body.budget_hotel .budget-hotel-info-item {
display: flex;
flex-direction: column;
gap: 8px;
}

body.budget_hotel .budget-hotel-info-item__head {
display: flex;
align-items: center;
gap: 10px;
min-height: 24px;
}

body.budget_hotel .budget-hotel-info-item__head i {
color: var(--main-color-one, #4d34dd);
font-size: 18px;
line-height: 1;
width: 16px;
text-align: center;
transform: translateY(-1px);
}

body.budget_hotel .budget-hotel-info-item__head h4 {
margin: 0;
color: var(--heading-color, #131316);
font-size: 22px;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.02em;
}

body.budget_hotel .budget-hotel-info-item p {
margin: 0;
color: var(--body-color, #52505e);
font-size: 16px;
line-height: 1.82;
}

body.budget_hotel .budget-hotel-info-col:first-child .budget-hotel-info-item p {
max-width: 30ch;
}

@media (max-width: 1199.98px) {
body.budget_hotel .budget-hotel-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 575.98px) {
body.budget_hotel .budget-hotel-info-grid {
  grid-template-columns: 1fr;
  gap: 20px;
}

body.budget_hotel .budget-hotel-info-col {
  gap: 16px;
}
}

/* homepage global background (exclude footer and inner pages) */
body.budget_hotel:has(.navbar-area.budget-home-nav) {
background: var(--section-bg-2, #f7f6fe);
}

body.budget_hotel:has(.navbar-area.budget-home-nav) .budget-hotel-footer__inner,
body.budget_hotel:has(.navbar-area.budget-home-nav) .budget-hotel-footer__copyright,
body.budget_hotel:has(.navbar-area.budget-home-nav) .footer-area,
body.budget_hotel:has(.navbar-area.budget-home-nav) .copyright-area {
background: #fff;
}


.current-menu-item {
  font-weight: 500;
}

.multi-action{
  display: none !important;
}
/* homepage only: keep lighter --new-color */
body.budget_hotel:has(.navbar-area.budget-home-nav) {
  --new-color: #f7f6fe;
}

/* mobile navbar dropdown: enforce white panel structure */
@media (max-width: 991.98px) {
  body.budget_hotel .navbar-area.nav-absolute.budget-home-nav .nav-container .navbar-collapse,
  body.budget_hotel .navbar-area.nav-absolute.budget-inner-nav .nav-container .navbar-collapse {
    background: #ffffff !important;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(16, 42, 92, .12);
    border: 1px solid #eceaf8;
    overflow: hidden;
    margin-top: 8px;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    gap: 0 !important;
    margin: 0;
    /*padding: 4px 0;*/
    background: #ffffff !important;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    margin: 0;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li > a {
    display: block;
    color: var(--heading-color, #131316) !important;
    background: transparent !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    padding: 14px 18px !important;
    border-bottom: 1px solid #f1effa;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child > a {
    border-bottom: 0;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li > a:hover,
  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item > a {
    color: var(--main-color-one, #4d34dd) !important;
    background: #f7f6fe !important;
  }
}

@media (max-width: 991.98px) {
  body.budget_hotel .navbar-area .nav-container .navbar-collapse.show .navbar-nav {
    background: #ffffff !important;
  }

  body.budget_hotel .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    background: #ffffff !important;
  }
}


/* mobile navbar index-02 compact padding */
@media (max-width: 991.98px) {
  body.budget_hotel .navbar-area.index-02 {
    padding: 10px 0 !important;
  }
}