:root{
      --rose:#b42e60; --rose-2:#e24d7a;
      --bg:#0b0c10; --surface:#101218;
      --text:#ececf3; --muted:#c9cbd2;
      --border:rgba(255,255,255,.14);
      --grad:linear-gradient(135deg, #ede2ac, #d9c785);
      --shadow:0 16px 40px rgba(0,0,0,.35);
      --container:1200px;
    }
    .hethongphongcherrry_hero_desc{
        font-size:20px !important;
    }
    #main, #wrapper{
        background:var(--cherry_hotel_primary) !important; 
    }
   .home h1, .home h2{
        font-family: "Dancing Script", cursive !important;
    }
    .nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
      border-bottom: 0px solid #ececec !important; 
    margin: 0 5px;
    padding-left: 0;
    padding-right: 0;
    color: white;
    font-size: 15px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: px solid #ddd;
    border-radius: 10px;
    background: #254217;
    color: white;
    padding:0 5px;
}
    *{box-sizing:border-box}
    html,body{
      margin:0; background: radial-gradient(1200px 800px at 10% 0%, rgba(180,46,96,.14), transparent 60%), var(--bg);
      color:var(--text);  font-family: "Be Vietnam Pro", sans-serif;; scroll-behavior:smooth
    } 
      
        .btn-book-now {
            position: relative; 
            z-index: 9; 
            
            background-image: url('https://cherrygroup.vn/wp-content/uploads/2025/11/btn_bg.png'); /* Dùng ảnh nền của bạn */
            background-size: 100% 100%; 
            background-repeat: no-repeat;
            
            color: white;
            font-weight: bold;
            font-size: 1.1rem;
            text-decoration: none;
            
            padding: 14px 30px 14px 50px; 
        }
    .button, button, fieldset, input, select, textarea{
        margin-bottom:0px;
    }
    .button, button, input[type=button], input[type=reset], input[type=submit]{
        margin-right:0px;
    }
    .home .header-main.hide-for-sticky{
        background:unset;
    }
    .header-main.hide-for-sticky{
        background:#254218;
        height:90px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}

    /* ===== HEADER ===== */
    .cg_header{position:sticky;top:0;z-index:40;background:rgba(10,11,15,.55);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
    .cg_nav{max-width:var(--container);margin:0 auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .cg_brand{display:flex;align-items:center;gap:12px}
    .cg_brand .logo{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--grad)}
    .cg_menu{display:flex;gap:16px;align-items:center}
    .cg_menu a{padding:8px 12px;border-radius:999px;border:1px solid transparent}
    .cg_menu a:hover{border-color:var(--border);background:rgba(255,255,255,.05)}
    .cg_cta{display:flex;gap:10px;align-items:center}
    .cg_btn{
      display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);
      background:transparent;color:#fff;cursor:pointer;transition:transform .2s ease, filter .2s ease
    }
    .cg_btn--primary{background:var(--grad);color:#111;border:none;box-shadow:0 10px 26px rgba(228,77,122,.28);font-weight:700}
    .cg_btn:hover{transform:translateY(-2px);filter:saturate(1.05)}
    .cg_burger{display:none}
    @media (max-width: 980px){ .cg_menu{display:none} .cg_burger{display:block} }

    /* ===== HERO ===== */
    .cg_hero{position:relative;isolation:isolate;overflow:hidden}
    .cg_hero_inner{max-width:none;margin:0 auto;position:relative}
    .cg_swiper{width:100%;height:800px;}
    .swiper-slide{position:relative;overflow:hidden}
    .cg_slide{
      position:relative;z-index:1;width:100%;height:80%;
      display:grid;grid-template-columns:1fr;gap:28px;align-items:center;
      padding:80px 20px 10px;max-width:var(--container);margin:0 auto;
    }
    #logo { 
    filter: drop-shadow(2px 1px 2px rgba(0, 0, 0, 1));
}
    @media (max-width: 980px){ .cg_slide{gap:22px;padding:58px 16px 24px} }
    .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
        margin-bottom:0px;
    }
    /* NỀN */
    .cg_bg{position:absolute;inset:0;z-index:0}
    .cg_bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 35%, rgb(0 0 0 / 31%), rgb(0 0 0 / 12%))}
    .cg_bg .layer{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.84);
      opacity:0;transform:scale(1.06) translateZ(0);transition:opacity .8s ease, transform 6s ease}
    .swiper-slide-active .cg_bg .layer{opacity:1;transform:scale(1)}

    /* Pointer-events chỉ cho MAIN (không ảnh hưởng thumbs) */
    .cg_swiper.swiper-fade > .swiper-wrapper > .swiper-slide{pointer-events:none}
    .cg_swiper.swiper-fade > .swiper-wrapper > .swiper-slide.swiper-slide-active{pointer-events:auto}

    .cg_tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:#decf91;;font-size:15px;color:black;}
    .cg_title{ font-weight:800; font-family: "Dancing Script", cursive;margin:10px 0 6px;font-size:58px;line-height:1.2;background:#dac785;-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance;filter: drop-shadow(2px 1px 2px rgba(0, 0, 0, 1));}
    .cg_meta{color:#fff;margin:0 0 14px;font-size:18px}
    .cg_ctas{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 8px}
    .cg_chip{margin-top:20px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgb(45 78 48 / 66%);color:#ffdbe6;font-size:14px;border:1px solid rgba(228,77,122,.35)}

    /* Nav & pagination */
    .cg_navbar{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(var(--container), 96%);justify-content:space-between;pointer-events:none}
    .cg_arrow{pointer-events:auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.38);border:1px solid var(--border);backdrop-filter:blur(2px);cursor:pointer}
    .cg_arrow:hover{background:rgba(0,0,0,.55)}
    .cg_pagi{flex:1;display:flex;align-items:center;gap:10px;pointer-events:auto}
    .cg_pagi .swiper-pagination-bullet{background:rgba(255,255,255,.4);opacity:1}
    .cg_pagi .swiper-pagination-bullet-active{background:#fff;box-shadow:0 0 0 4px rgba(228,77,122,.22)}

    /* Thumbnails (đặt NGOÀI main swiper để tránh xung đột) */
    .cg_thumbs_wrap{position:relative;max-width:var(--container);margin:-60px auto 0;padding:0 18px;z-index:5}
    .cg_thumbs{width:100%;padding:8px 2px}
    .cg_thumbs .swiper-slide{cursor:pointer; pointer-events:auto !important;}
    .cg_thumb{
      height:70px;border-radius:12px;border:1px solid var(--border);overflow:hidden;background:#243b1a;display:flex;align-items:center;gap:10px;padding:6px;opacity:.78;transition:opacity .2s, transform .2s
    }
    .nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover{
        color:white;
    }
    .header-main .nav > li > a {
    line-height: 53px;
    color: white;
    font-size: 14px;
    margin: 0 3px;
}
.cg_thumbs_wrap span {
    line-height: 20px;
}
    .cg_thumb:hover{opacity:.95;transform:translateY(-2px)}
    .cg_thumb_img{width:150px;height:100%;border-radius:10px;overflow:hidden;flex:0 0 90px}
    .cg_thumb_img img{width:100%;height:100%;object-fit:cover}
    .cg_thumb_meta{font-size:12px;color:#c9cbd2;line-height:1.2;display:none;}
    .cg_thumb_title{font-weight:700;color:#fff;font-size:13px;margin-bottom:2px}
    .swiper-slide-thumb-active .cg_thumb{opacity:1;border-color:rgba(255,255,255,.45);box-shadow:0 8px 22px rgba(0,0,0,.35)}
    @media (max-width:780px){ .cg_thumb{height:50px} .cg_thumb_img{width:50px;flex-basis:50px} }
    div#guestSummary {
    font-size: 13px;
    height: 30px;
}
    /* ===== SEARCH BOX (bên phải hero) ===== */
    .cg_search {
      position:absolute; right:12%; top:250px; width:min(560px, 96vw);
      
      z-index:12; border-radius:18px; padding:16px;
      background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.08), rgba(0,0,0,.35)), rgba(0,0,0,.25);
      border:1px solid rgba(255,255,255,.18); box-shadow:0 18px 40px rgba(0,0,0,.35);
      backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)
    }
    .cg_search_head{margin:4px 4px 12px;color:var(--cherry_hotel_secondary);font-size:38px;  font-family: "Playball", cursive;}
    .cg_search_row{display:grid;gap:5px}
    .cg_field{
        color:white;
      background:#2d4e30;border:1px solid var(--border);border-radius:14px;padding:0px 10px;
      display:grid;grid-template-columns:15px 1fr auto;gap:10px;align-items:center
    }
    .cg_field input[type="text"], .cg_field input[type="date"], .cg_field select{
      width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:13px; text-algin:left;
    }
    .cg_hint{color:#fff;font-size:12px}
    .cg_row_3{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}
    .cg_search_action{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:10px}
    .cg_btn_find{
      display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:#111;font-weight:800;border:0;border-radius:14px;padding:0px 22px;cursor:pointer;
      box-shadow:0 12px 26px rgba(228,77,122,.28)
    }
    .button, button, input[type=button], input[type=reset], input[type=submit]{
            text-transform: none !important;
    }
    .cg_night{color:#fff;font-weight:700;padding:10px 12px;border-radius:12px;border:1px dashed rgba(255,255,255,.25);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;gap:8px}
    .cg_pop{
      position:absolute; right:16px; top:calc(100%); background:#0f1116; border:1px solid var(--border); border-radius:14px; padding:10px;
      box-shadow:var(--shadow); min-width:260px; z-index:99999999999999; display:none
    }
    .cg_pop_row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0px 0}
    .cg_stepper{display:flex;align-items:center;gap:10px}
    .cg_stepper button{ height:32px;border-radius:999px;border:1px solid var(--border);background:transparent;color:#fff;cursor:pointer}

    @media (max-width:1180px){   }
    @media (max-width:980px){
      .cg_search{ width:auto;margin:16px auto 0}
      .cg_hero_inner{padding:0 0px}
    }

    /* ===== OVERVIEW, CONTACT, FOOTER ===== */
    .cg_section{padding:48px 0}
    .cg_wrap{max-width:var(--container);margin:0 auto;padding:0 18px}
    .cg_title2{font-size:28px;margin:0 0 10px}
    .cg_sub{color:#fff;margin:0}
    .cg_cards{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:18px}
    .cg_card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#14161c,#0e1015);padding:16px;box-shadow:var(--shadow)}
    .cg_card h3{margin:0 0 8px}
    .cg_card p{margin:0;color:#fff}
    @media (max-width:980px){ .cg_cards{grid-template-columns:1fr} }
    .cg_contact{padding:56px 0}
    .cg_contact_box{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
    .cg_form{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#14161c,#0e1015);padding:18px}
    .cg_input,.cg_select,.cg_textarea{width:100%;padding:12px 14px;border-radius:12px;background:#0d0f13;color:#fff;border:1px solid var(--border);outline:none}
    .cg_input:focus,.cg_select:focus,.cg_textarea:focus{border-color:#e24d7a;box-shadow:0 0 0 3px rgba(226,77,122,.12)}
    .cg_grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr}
    @media (max-width:980px){ .cg_contact_box{grid-template-columns:1fr} .cg_grid2{grid-template-columns:1fr} }
    .cg_aside{position:relative;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0e1015}
    .cg_aside_bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1535827841776-24afc1e255ac?q=80&w=1400&auto=format&fit=crop') center/cover;filter:brightness(.6)}
    .cg_aside_overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 40% 40%, rgba(226,77,122,.22), rgba(0,0,0,.55))}
    .cg_aside_content{position:relative;z-index:1;padding:22px;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:flex-end}
    .cg_badges{display:flex;gap:8px;flex-wrap:wrap}
    .cg_badge2{padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.35);color:#ffe0ec;font-size:13px}
    .cg_footer{max-width:var(--container);margin:24px auto 40px;padding:0 18px;color:#fff;font-size:14px;border-top:1px solid var(--border)}
    .cg_footer p{margin:14px 0 0}
    .about-tr .section-content.relative {
    z-index: 3;
}

.box_icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
}

.icon-card {
   background:var(--cherry_hotel_thirt);
  border-radius: 20px;
  padding: 40px 15px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.icon-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(45,78,48,0.08), rgba(45,78,48,0.02));
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.icon-wrap {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #2d4e30, #4b7553);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  color: #fff;
  font-size: 36px;
  box-shadow: 0 6px 15px rgba(45,78,48,0.3);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.icon-card h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 15px 0 10px;
  color: #2d4e30;
  position: relative;
  z-index: 1;
}

.icon-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin: 0;
  position: relative;
  z-index: 1;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: hsl(46.59deg 100% 79.82%) !important;
}
.icon-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.icon-card:hover::before {
  opacity: 1;
}
footer#cherry-footer * {
    color: var(--cherry_hotel_secondary) !important;
}
.icon-card:hover .icon-wrap {
  transform: scale(1.1) rotate(8deg);
  box-shadow: 0 8px 25px rgba(45,78,48,0.45);
  background: linear-gradient(135deg, #4b7553, #2d4e30);
}
.header-main .nav > li > a { 
    filter: drop-shadow(2px 1px 2px rgba(0, 0, 0, 1));
}
/* Mobile responsive */

.text.title-tr h2 { 
    color:var(--cherry_hotel_secondary); 
    margin-top: 30px;
    font-family: "Dancing Script", cursive;
    font-size:40px;
}
 
.about-tr:after {
    content: '';
    position: absolute;
    bottom: -6%;
    height: 140%;
    width: 100%;
    background-image: url(https://cherrygroup.vn/wp-content/themes/flatsome-child/img/nen.png);
    background-position: top;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
} 

.cherrygroup-block{padding:48px 0px; background:white}
.cherrygroup-head{max-width:1200px;margin:0 auto 20px; text-align:center;}

.cherrygroup-head h2{
    font-family: "Dancing Script", cursive;
  font-size:44px;line-height:1.15;font-weight:800;color:var(--cherry_hotel_secondary); margin:0 0 8px
}
.cherrygroup-head img{width:60%;margin:0 auto;}
.cherrygroup-head p{margin:0;font-size:18px;color:var(--cherry_hotel_secondary);}

.cherrygroup-grid{
  max-width:1400px;margin:0 auto;
  display:grid;gap:22px;
  grid-template-columns: repeat(5, 1fr);   /* 5 cột desktop */
}

/* Card */
.cherrygroup-card{
  position:relative;display:block;overflow:hidden;border-radius:var(--radius);
  height:400px;               /* giữ tỉ lệ giống ảnh mẫu */
  background:#eee;box-shadow:var(--shadow);text-decoration:none;
  transform:translateZ(0);  
  border-radius:20px;/* fix blur khi scale */
}
.cherrygroup-card img{
border-radius:20px;
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.22,.8,.24,1), filter .6s;
}
.cherrygroup-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%);
  pointer-events:none;transition:opacity .35s;
}
.cherrygroup-text{
  position:absolute;left:18px;right:18px;bottom:16px;color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.cherrygroup-text h3 {
    margin: 0 0 6px;
    font-weight: 800;
    font-size: 20px;
    color: #dac785;
}
.cherrygroup-text p{margin:0;font-size:15px;line-height:1.45}
.rv-avatar {
  width:40px;
  height:40px;
  border-radius:50%;
  object-fit:cover;
}
button.rv-tab {
    background: #2d4e30;
    margin-bottom: 30px;
    border-radius: 10px;
}
button.rv-tab.active {
    background: #a8923a;
}
.rv-avatar.rv-initial {
  background:#2d4e30;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:18px;
  margin:0 auto;
  text-transform:uppercase;
}

.cherrygroup-card:hover img{transform:scale(1.06);filter:contrast(1.05) saturate(1.05)}
.cherrygroup-card:hover .cherrygroup-overlay{opacity:.95}

/* Responsive */
@media (max-width: 1280px){
  .cherrygroup-grid{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1024px){
  .cherrygroup-head h2{font-size:36px}
  .cherrygroup-grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px){
  .cherrygroup-head h2{font-size:30px}
  .cherrygroup-head p{font-size:16px}
  .cherrygroup-grid{grid-template-columns: repeat(2, 1fr);gap:16px}
  .cherrygroup-text h3{font-size:12px}
  .cherrygroup-text p{font-size:9px}
}
 
.dot{
    padding:5px;
    min-height:5px;
}

/* Scope toàn bộ */
#cherry-footer, #cherry-footer *{box-sizing:border-box}
#cherry-footer a{text-decoration:none;color:inherit}
#cherry-footer img{max-width:100%;display:block}

#cherry-footer{
  --bg:#0a355e; --overlay:#1a3c16e3;
  --text:#ffffff; --muted:#fff; --white:#fff; --accent:#20b3ff; 
  color:var(--text);
 /* background:
    linear-gradient(0deg,var(--overlay),var(--overlay)),
    url('https://cherrygroup.vn/wp-content/uploads/2025/11/476912612_122208689120193222_358650502077463616_n.jpg') center/cover no-repeat;*/
     background:#243b1a!important;
    font-size:13px;
}
#cherry-footer .wrap{max-width:1280px;margin:0 auto;padding:52px 24px 18px}

/* ===== ROW 1: 5 CỘT ===== */
#cherry-footer .row1{
  display:grid;gap:40px;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr; /* 5 cột */
  position:relative;
}
@media (max-width:1200px){
  #cherry-footer .row1{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:28px}
  #cherry-footer .col-menu-3{grid-column:3 / span 2}
}
@media (max-width:920px){
  #cherry-footer .row1{grid-template-columns:1fr 1fr;gap:0px}
  #cherry-footer .col-menu-1, #cherry-footer .col-menu-2, #cherry-footer .col-menu-3{grid-column:auto}
}
@media (max-width:640px){ #cherry-footer .row1{grid-template-columns:1fr} }

#cherry-footer .title{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--white);letter-spacing:.3px}
#cherry-footer p{margin:.35rem 0;line-height:1.6}
#cherry-footer .muted{color:#fff}

#cherry-footer .brand{display:flex;align-items:center;gap:14px;margin-bottom:14px} 

#cherry-footer ul.menu{list-style:none;margin:0;padding:0}
#cherry-footer ul.menu li{margin:10px 0 0 0;padding-left:16px;position:relative;line-height:1.5}
#cherry-footer ul.menu li:before{
  content:"•";position:absolute;left:0;top:5px;color:var(--accent);font-weight:800
}
#cherry-footer ul.menu a{color:var(--text); text-transform: uppercase;}
#cherry-footer ul.menu a:hover{color:var(--accent)}

/* Nhãn dọc “QUẦN THỂ cherry” phủ 3 cột menu */
#cherry-footer .cluster-menus{position:relative}
#cherry-footer .vertical{
  position:absolute;left:-28px;top:-45px;height:100%;
  writing-mode:vertical-rl;transform:rotate(180deg);
  color:var(--white);font-weight:800;letter-spacing:.8px
}
.widget>ul>li+li, ul.menu>li+li {
    border-top: 0px solid #ececec;
}
@media (max-width:1200px){#cherry-footer .vertical{left:-22px}}
@media (max-width:920px){#cherry-footer .vertical{display:none}}

/* ===== ROW 2: 3 CỘT ===== */
#cherry-footer .row2{
  display:grid;gap:40px;margin-top:18px;
  grid-template-columns: 1fr 1fr 1fr 1fr; /* 3 cột */
}
@media (max-width:920px){ #cherry-footer .row2{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ #cherry-footer .row2{grid-template-columns:1fr} }
#cherry-footer .badges{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#cherry-footer .badges img{height:40px}

/* Separator & bottom */
#cherry-footer .sep{height:1px;background:rgba(255,255,255,.12);margin:22px 0}
#cherry-footer .bottom{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center
}
@media (max-width:880px){#cherry-footer .bottom{grid-template-columns:1fr;gap:14px}}
#cherry-footer .social{display:flex;gap:12px}
#cherry-footer .social a{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);transition:.2s
}
#cherry-footer .social a:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
#cherry-footer .social svg{width:18px;height:18px;fill:#fff}
#cherry-footer .news{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media (max-width:880px){#cherry-footer .news{justify-content:flex-start}}
#cherry-footer .news input{
  width:420px;max-width:100%;padding:12px 14px;border-radius:10px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff
}
#cherry-footer .news input::placeholder{color:#d6e3ef}
#cherry-footer .news button{
  padding:12px 20px;border:none;border-radius:10px;background:var(--accent);
  color:#022a44;font-weight:800;letter-spacing:.3px;cursor:pointer
}
#cherry-footer .copy{text-align:right;font-size:13px;margin-top:10px;letter-spacing: 5px;}

/* Chat nổi */
#cherry-footer .chat{position:fixed;right:18px;bottom:18px;z-index:20}
#cherry-footer .chat a{
  display:flex;align-items:center;gap:8px;background:#00a6ff;color:#00233a;
  padding:10px 14px;border-radius:999px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.25)
}
#cherry-footer .chat .dot{
  position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ff2d55;border-radius:50%;
  display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;border:2px solid #0b3b66
}
#cherry-footer .chat svg{width:18px;height:18px;fill:#00233a}
.floating-buttons {
  position: fixed;
  bottom: 70px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 9999;
}

.btn-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 22px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
  text-decoration: none;
}

.btn-circle:hover {
  transform: scale(1.1);
}

.btn-call {
  background-color: #bfaf6d;
}

.btn-top {
  background: white;
  border: 2px solid #bfaf6d;
  color: #bfaf6d;
}

.btn-chat {
  background-color: #1a7ac6;
}
/* --------- HIỆU ỨNG LÚC LẮC + SÓNG TO + NHANH --------- */

@keyframes float-wiggle {
  0%   { transform: rotate(0deg); }
  10%  { transform: rotate(7deg); }
  25%  { transform: rotate(-7deg); }
  40%  { transform: rotate(6deg); }
  55%  { transform: rotate(-6deg); }
  70%  { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}

/* Sóng VÀNG to hơn */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0.65);
  }
  70% {
    box-shadow: 0 0 0 22px rgba(191, 175, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0);
  }
}

.btn-circle {
  position: relative;
  animation: 
    float-wiggle 1.4s infinite ease-in-out,   /* nhanh hơn */
    ripple 1.8s infinite;                     /* sóng nhanh hơn */
}

/* Hover thì dừng */
.btn-circle:hover {
  animation-play-state: paused;
}

/* Sóng RIÊNG cho Zalo (to + xanh) */
.btn-chat {
  animation: 
    float-wiggle 1.4s infinite ease-in-out,
    ripple-zalo 1.8s infinite;
}

@keyframes ripple-zalo {
  0% {
    box-shadow: 0 0 0 0 rgba(26, 122, 198, 0.7);
  }
  70% {
    box-shadow: 0 0 0 22px rgba(26, 122, 198, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(26, 122, 198, 0);
  }
}
/* ===== BOOK NOW: LẮC NHANH + SÓNG BO GÓC THEO NÚT ===== */

@keyframes book-wiggle {
  0%   { transform: scale(1) rotate(0deg); }
  12%  { transform: scale(1.02) rotate(3deg); }
  25%  { transform: scale(1.02) rotate(-3deg); }
  37%  { transform: scale(1.02) rotate(2.5deg); }
  50%  { transform: scale(1.02) rotate(-2.5deg); }
  62%  { transform: scale(1.015) rotate(2deg); }
  75%  { transform: scale(1.01) rotate(-2deg); }
  100% { transform: scale(1) rotate(0deg); }
}

/* Sóng bo góc theo button */
@keyframes book-ripple-radius {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0.7);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(191, 175, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0);
  }
}
/* ===== HIỆU ỨNG LẮC NHANH + SÓNG BO GÓC CHO NÚT ĐẶT PHÒNG ===== */

@keyframes cg-wiggle {
  0%   { transform: scale(1) rotate(0deg); }
  12%  { transform: scale(1.02) rotate(3deg); }
  25%  { transform: scale(1.02) rotate(-3deg); }
  37%  { transform: scale(1.02) rotate(2.5deg); }
  50%  { transform: scale(1.02) rotate(-2.5deg); }
  62%  { transform: scale(1.015) rotate(2deg); }
  75%  { transform: scale(1.01) rotate(-2deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes cg-ripple-radius {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0.7);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(191, 175, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0);
  }
}

.cg_btn--primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 14px; /* BO GÓC VIỀN */

   
}

/* Hover: dừng lắc + nổi nhẹ */
.cg_btn--primary:hover {
  animation-play-state: paused;
  transform: scale(1.05);
  filter: brightness(1.1);
  transition: 0.25s ease;
}
/* ===== HIỆU ỨNG LẮC NHANH + SÓNG BO GÓC CHO NÚT ĐẶT NGAY ===== */

@keyframes hethongphong-wiggle {
  0%   { transform: scale(1) rotate(0deg); }
  12%  { transform: scale(1.02) rotate(3deg); }
  25%  { transform: scale(1.02) rotate(-3deg); }
  37%  { transform: scale(1.02) rotate(2.5deg); }
  50%  { transform: scale(1.02) rotate(-2.5deg); }
  62%  { transform: scale(1.015) rotate(2deg); }
  75%  { transform: scale(1.01) rotate(-2deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes hethongphong-ripple-radius {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0.7);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(191, 175, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0);
  }
}

.hethongphongcherrry_btn--brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 14px; /* BO GÓC THEO NÚT */

   
}

/* Hover: dừng lắc + nổi nhẹ */
.hethongphongcherrry_btn--brand:hover {
  animation-play-state: paused;
  transform: scale(1.05);
  filter: brightness(1.1);
  transition: 0.25s ease;
}
/* ===== HIỆU ỨNG LẮC NHANH + SÓNG BO GÓC CHO CTA ĐẶT NGAY (HIGHLIGHTS) ===== */

@keyframes highlights-wiggle {
  0%   { transform: scale(1) rotate(0deg); }
  12%  { transform: scale(1.02) rotate(3deg); }
  25%  { transform: scale(1.02) rotate(-3deg); }
  37%  { transform: scale(1.02) rotate(2.5deg); }
  50%  { transform: scale(1.02) rotate(-2.5deg); }
  62%  { transform: scale(1.015) rotate(2deg); }
  75%  { transform: scale(1.01) rotate(-2deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes highlights-ripple-radius {
  0% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0.7);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(191, 175, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(191, 175, 109, 0);
  }
}
a.hethongphongcherrry_btn.hethongphongcherrry_btn--brand {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.hethongphongcherrry_highlights__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px; /* BO GÓC THEO FORM NÚT */
        /* SÓNG NHANH */
}

/* Hover: dừng lắc + nổi nhẹ */
.hethongphongcherrry_highlights__cta:hover {
  animation-play-state: paused;
  transform: scale(1.05);
  filter: brightness(1.1);
  transition: 0.25s ease;
}

.btn-book-now {
  position: relative;
  z-index: 9;
  background-image: url(https://cherrygroup.vn/wp-content/uploads/2025/11/btn_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: white;
  font-weight: bold;
  font-size: 1.1rem;
  text-decoration: none;
  padding: 14px 30px 14px 50px;
  display: inline-block;
  border-radius: 14px; /* BO GÓC NÚT */
  
  animation: 
    book-wiggle 0.9s infinite ease-in-out,     /* LẮC NHANH HƠN */
    book-ripple-radius 1.4s infinite;         /* SÓNG NHANH HƠN */
}

/* Hover: dừng lắc + nổi lên */
.btn-book-now:hover {
  animation-play-state: paused;
  filter: brightness(1.1);
  transform: scale(1.05);
  transition: 0.25s ease;
}
.gioithieucherry_btn.white{
    background:var(--cherry_hotel_thirt)!important;
}
  section{padding:56px 14px; background:var(--cherry_hotel_primary); }

  /* Header */
  .blog-head{ 
      text-align: center;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto 40px;
    color:white;
    
  }
  .blog-head h2{margin:0 0 6px;font-size:34px;font-weight:800;color:var(--cherry_hotel_secondary);      font-family: "Dancing Script", cursive;
    font-size: 50px;}
  .blog-head p{margin:0;color:var(--cherry_hotel_secondary);}

  /* Slider wrap */
  .blog-slider{position:relative;overflow:hidden;max-width:1300px;margin:0 auto}
  .blog-track{display:flex;transition:transform .6s cubic-bezier(.22,.8,.24,1)}
  .blog-card{flex:0 0 33.3333%;box-sizing:border-box;padding:14px}
  @media(max-width:1024px){.blog-card{flex:0 0 50%}}
  @media(max-width:640px){ .blog-card{flex:0 0 100%}}

  /* Card */
  .card{
    background:var(--cherry_hotel_thirt) !important; border-radius:16px;box-shadow:0 10px 22px rgba(0,0,0,.08);
    overflow:hidden;display:flex;flex-direction:column;height:100%;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(0,0,0,.12)}

  .thumb{position:relative;aspect-ratio:16/9;background:#e5e7eb;overflow:hidden}
  .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
  .card:hover .thumb img{transform:scale(1.06)}
  .tag{
    position:absolute;left:12px;top:12px;background:#2d4e30;color:#fff;
    font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;
  }

  .content{display:flex;flex-direction:column;gap:10px;padding:14px}
  .title{
    font-size:18px;font-weight:800;line-height:1.35;margin:4px 0 0;color:#111827;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .excerpt{
    font-size:14px;color:#374151;line-height:1.55;margin:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px;
  }

  .meta{
    display:flex;align-items:center;gap:10px;color:#2d4e30;font-size:13px;margin-top:auto;
    border-top:1px solid #f0f2f4;padding-top:10px;
  }
  .author{display:flex;align-items:center;gap:8px}
  .author img{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#e5e7eb}
  .readmore{
    margin-left:auto;text-decoration:none;font-weight:800;color:#2d4e30;font-size:14px;
  }
  .readmore:hover{text-decoration:underline}

  /* Nav buttons */
  .nav-btn{
    position:absolute;top:50%;transform:translateY(-50%);
    width:42px;height:42px;border:none;border-radius:50%;
    background:rgba(255,255,255,.92);color:#2d4e30;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 18px rgba(0,0,0,.2);font-size:18px;transition:background .2s ease, transform .2s ease;
  }
  .nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
  .prev{left:8px}
  .next{right:8px}
  @media(max-width:768px){.nav-btn{width:34px;height:34px;font-size:16px}}

  /* Dots */
  .dots{display:flex;justify-content:center;margin-top:18px;gap:6px}
  .dot{width:7px;height:7px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:transform .2s ease,background .2s ease}
  .dot.active{background:#2d4e30;}
  .partners{padding:56px 14px;background:var(--cherry_hotel_primary); color:var(--cherry_hotel_secondary); }
  .partners-head{max-width:1200px;margin:0 auto 20px;text-align:center}
  .partners-head h2{margin:0 0 6px;font-size:30px;font-weight:900;color:var(--cherry_hotel_secondary);font-family: "Dancing Script", cursive;
    font-size: 50px;}
  .partners-head p{margin:0;color:var(--cherry_hotel_secondary);}

  /* Slider wrap */
  .partner-slider{position:relative;overflow:hidden;max-width:1200px;margin:0 auto}
  .partner-track{display:flex;transition:transform .6s cubic-bezier(.22,.8,.24,1)}
  .partner-card{flex:0 0 16.6667%; /* 6 per view */ box-sizing:border-box;padding:10px}
  @media (max-width:1200px){.partner-card{flex:0 0 25%}}  /* 4 */
  @media (max-width:900px){ .partner-card{flex:0 0 33.3333%}} /* 3 */
  @media (max-width:600px){ .partner-card{flex:0 0 50%}} /* 2 */

  /* Logo box (đồng bộ chiều cao) */
  .logo-box{
    height:70px; border-radius:12px; background:#fff;
    display:flex; align-items:center; justify-content:center;
   /* box-shadow:0 6px 14px rgba(0,0,0,.06);*/
    padding:10px;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }
  .logo-box img{
    max-height:100%; max-width:100%; object-fit:contain; display:block;
    filter:grayscale(0%) contrast(1) opacity(.8);
    transition:filter .25s ease, transform .25s ease;
  }
  .logo-box:hover{ box-shadow:0 5px 10px rgba(0,0,0,.1); transform:translateY(-2px) }
  .logo-box:hover img{ filter:grayscale(0%) opacity(1); transform:scale(1.03) }

  /* Nav buttons */
  .pnav{
    position:absolute; top:25%; transform:translateY(-50%);
    width:40px; height:40px; border:none; border-radius:50%;
    background:rgba(255,255,255,.95); color:#2d4e30; cursor:pointer;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
    display:flex; align-items:center; justify-content:center;
    font-size:14px; transition:background .2s ease, transform .2s ease;
  }
  .pnav:hover{ background:#fff; transform:translateY(-50%) scale(1.05) }
  .pnav.prev{ left:0px } .pnav.next{ right:-13px }
  @media (max-width:768px){ .pnav{ width:34px; height:34px; font-size:16px } }

  /* Dots */
  .pdots{ display:flex; justify-content:center; gap:6px; margin-top:16px }
  .pdots .dot{
    width:6px; height:6px; border-radius:50%; border:none; background:#d1d5db; cursor:pointer;
    transition:transform .2s ease, background .2s ease;
  }
  .pdots .dot.active{ background:#2d4e30;  }
  

/* === Header === */
.review-head{text-align:center;margin-bottom:28px;position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto 40px;}
.review-head h2{font-size:34px;font-weight:800;color:var(--cherry_hotel_secondary);margin:0 0 6px; font-family: "Dancing Script", cursive;
    font-size: 50px;}
.review-head p{color:var(--cherry_hotel_secondary);margin:0;font-size:15px}

/* === Slider === */
.review-slider{
  position:relative;
  overflow:hidden;
  max-width:1200px;
  margin:0 auto;
}
.review-track{
  display:flex;
  transition:transform .6s cubic-bezier(.22,.8,.24,1);
}
.review-card{
  flex:0 0 33.3333%;
  box-sizing:border-box;
  padding:14px;
}
@media(max-width:1024px){.review-card{flex:0 0 50%}}
@media(max-width:640px){.review-card{flex:0 0 100%}}

/* === Card === */
.card-inner{
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
} 
.rv-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e5e7eb}
.rv-meta{flex:1}
.rv-name{font-weight:700;color:#fff;font-size:15px; text-align:center;}
.rv-date{font-size:13px;color:#fff; text-align:center}
.rv-stars{display:inline-flex;gap:2px;margin-top:3px}
.rv-star{
  width:14px;height:14px;
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  background:#d1d5db;
}
.rv-star.is-on{background:linear-gradient(135deg,#f59e0b,#ffcc4d)}
.rv-text{font-size:14px;color:#374151;line-height:1.55; text-align:left}
.rv-badge{
  background:#e7ece8;
  color:#2d4e30;
  font-size:12px;
  padding:3px 8px;
  border-radius:999px;
  align-self:flex-start;
}

/* === Navigation === */
.nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border:none;border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#2d4e30;
  cursor:pointer;
  box-shadow:0 6px 12px rgba(0,0,0,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
  transition:background .2s ease,transform .2s ease;
}
.nav-btn:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.05);
}
.prev{left:8px}
.next{right:8px}
span.tencty {
    font-size: 18px;
}
@media(max-width:768px){.nav-btn{width:34px;height:34px;font-size:16px}}

/* === Dots === */
.dots{
  display:flex;
  justify-content:center;
  margin-top:18px;
  gap:6px;
}
.dot{
  width:7px;height:7px;
  border-radius:50%;
  border:none;
  background:#d1d5db;
  cursor:pointer;
  transition:all .2s ease;
}
[type=button], [type=reset], [type=submit], button {
    cursor: pointer;
    margin-bottom: 0px;
}
.dot.active{
  background:#2d4e30; 
}
.faq-only{
  padding:56px 14px;
  background:#f6f7f5;
  color:#111827;
}

/* Container giữ nguyên max-width */
.faq-container{
  max-width:1200px;
  margin:0 auto;
}

/* Tiêu đề */
.faq-heading{
  margin:0 0 24px;
  font-weight:900;
  color:#2d4e30;
  text-align:center;
  font-family: "Dancing Script", cursive;
  font-size:50px;
}

/* Item giữ nguyên style cũ */
.faq-item{
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  margin:10px 0;
  overflow:hidden;
}

/* Nút câu hỏi */
.faq-q{
  width:100%;
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 18px;
  font-size:14px;
  font-weight:800;
  color:#2d4e30;
  gap:10px;
  text-align:left;
}

.faq-q:hover{background:#f0f3f1}
.faq-ic{color:#2d4e30;transition:transform .25s ease}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{margin:0;padding:0 18px 16px;color:#374151;line-height:1.65}

/* ====== 2 cột trên desktop ====== */
@media (min-width: 992px){
  .faq-container{
    column-count: 2;        /* 2 cột */
    column-gap: 32px;       /* khoảng cách giữa 2 cột */
  }

  /* Tiêu đề phải span hết 2 cột, nếu không sẽ bị "rớt" về cột 1 */
  .faq-heading{
    column-span: all;
    display:block;
  }

  /* Mỗi FAQ-item là 1 block riêng, không bị tách đôi khi xuống dòng */
  .faq-item{
    break-inside: avoid;
  }
}

.review-slider{position:relative;overflow:hidden;}
.review-track{display:flex;gap:20px;transition:transform .5s ease;}
.review-card{flex:0 0 100%; max-width:100%; /* JS sẽ override thành 50% / 33.333% */ }
  /* trạng thái mở */
  .faq-item.open .faq-ic{transform:rotate(180deg)}
  
  .hotel-albums{padding:44px 14px; background:var(--cherry_hotel_primary); }
  .ha-head{max-width:1100px;margin:0 auto 18px;text-align:center; }
  .ha-head h2{margin:0 0 6px;font-size:34px;font-weight:800;color:var(--cherry_hotel_secondary);  font-family: "Dancing Script", cursive;
    font-size: 50px;}
  .ha-head p{margin:0;color:var(--cherry_hotel_secondary);}

  /* Tabs */
  .ha-tabs{
    max-width:1200px;margin:18px auto 16px;
    display:flex;flex-wrap:wrap;gap:12px;justify-content:center
  }
  .ha-tab{
    position:relative;cursor:pointer;outline:none;border:0;
    padding:0px 18px;border-radius:14px;font-weight:800;color:#fff;
    background:#243b1a;
    box-shadow:0 8px 18px color-mix(in srgb, var(--brand) 30%, transparent);
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s;
  }
  .ha-tab:hover{transform:translateY(-2px)}
  .ha-tab[aria-selected="false"]{opacity:.88}
  .ha-tab[aria-selected="true"]{
          background: #aa9748;
    box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 45%, transparent)
  }

  /* Panels + Grid */
  .ha-panels{max-width:1400px;margin:8px auto 0}
  .ha-panel{display:none}
  .ha-panel.active{display:block}

  .ha-grid{
    display:grid; gap:16px;
    grid-template-columns:repeat(5, minmax(0,1fr));
  }
  @media (max-width:1280px){ .ha-grid{grid-template-columns:repeat(4,1fr)} }
  @media (max-width:1024px){ .ha-grid{grid-template-columns:repeat(3,1fr)} }
  @media (max-width:768px){  .ha-grid{grid-template-columns:repeat(2,1fr)} } 

  /* Item: luôn cùng chiều cao */
  .ha-item{
    position:relative; overflow:hidden; border-radius:var(--radius);
    height:var(--thumb-h); background:#f1f1f1;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    display:block;
  }
 
  .ha-item img{
      border-radius: 10px;
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .5s ease;
  }
  .ha-item:hover img{ transform:scale(1.05) }

  /* Nhịp lưới tuỳ chọn (giữ chiều cao nhưng cho rộng 2 cột) */
  .ha-item.span-2{ grid-column:span 2 }
  @media (max-width:768px){ .ha-item.span-2{ grid-column:auto } }

  /* Caption mờ (tuỳ chọn) */
  .ha-cap{
    position:absolute; left:10px; right:10px; bottom:10px;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45));
    color:#fff; padding:26px 10px 10px; border-radius:12px;
    font-size:13px; line-height:1.35; text-shadow:0 1px 2px rgba(0,0,0,.25);
    opacity:0; transition:opacity .25s ease; pointer-events:none
  }
  .ha-item:hover .ha-cap{opacity:0}

  /* ===== GLightbox: full màn hình, không scroll ===== */
  body.glightbox-open{overflow:hidden !important}
  .glightbox-container,
  .glightbox-container .ginner-container,
  .glightbox-container .gslide,
  .glightbox-container .gslide-media{
    width:100vw !important; height:100vh !important;
    max-width:100vw !important; max-height:100vh !important;
  }
  .glightbox-clean .gdesc,
  .glightbox-clean .gslide-description{display:none !important}
  .glightbox-container .gslide-media img,
  .glightbox-container .gslide-media video{
    width:100%; height:100%; object-fit:contain; background:#000;
  }
  .glightbox-container .gslide-media{overflow:hidden !important}
  .cherrygroupblog-block{
       position: relative;
  padding: 80px 14px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background: url('https://cherrygroup.vn/wp-content/uploads/2025/11/da-lat.jpg') center / cover fixed;
  }
  .review-section {
  position: relative;
  padding: 80px 14px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background: url('https://cherrygroup.vn/wp-content/uploads/2025/11/cherry-villa.jpg') center / cover fixed;
}
.cherrygroupblog-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
  z-index: 0;
}
.review-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
  z-index: 0;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
    background:#243b1a!important;
}
img.logo_menu {
    height: 100px;
    display: block;
    margin: 0 auto;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a { 
    color: white;
}
li.sidebar-menu-tabs__tab.active .sidebar-menu-tabs__tab-text { 
    color: #d9c785;
}
.sidebar-menu-tabs__tab-text { 
    color: white;
}
/* Gợi ý điểm đến */
  .cg_dest_wrap { position: relative; }
  .cg_suggest {
    position: absolute; left: 40px; right: 12px; top: calc(100% + 8px);
    background: rgb(36 59 26); backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.1); border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    padding: 8px; z-index: 50; max-height: 30vh; overflow: auto; display: none;
  }
  .cg_suggest.open { display: block; }
  .cg_sg_head { font-size: 12px; color: #cbd5e1; padding: 6px 10px; text-transform: uppercase; letter-spacing: .08em; }
  .cg_sg_item {
    display: grid; grid-template-columns: 28px 1fr auto; gap: 10px;
    align-items: center; padding: 10px; border-radius: 10px; cursor: pointer;
  }
  .cg_sg_item:hover, .cg_sg_item[aria-selected="true"] { background: rgba(255,255,255,.06); }
  .cg_sg_icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.08); }
  .cg_sg_name { color:#fff; font-weight:600; line-height:1.2; font-size:13px }
  .cg_sg_meta { color:#cbd5e1; font-size:12px; }
  .cg_sg_tag  { font-size:12px; color:#94a3b8; padding:4px 8px; border:1px solid rgba(255,255,255,.12); border-radius:999px; }
  /* Giữ layout sẵn có: chỉ thêm lớp bao quanh input để định vị dropdown */
  .cg_field[data-dest] { position:relative; }
      .col-lic {
    font-size:11px;
    margin-left: -34px;
}
.badges img {
    cursor: pointer;
}
#cherry-footer .badges img {
    height: 40px;
        margin: 0 auto;
    filter: 
        drop-shadow(0 0 2px white)
        drop-shadow(0 0 2px white)
        drop-shadow(0 0 2px white);
}
.cg_dest_wrap input:focus, .cg_search_row input:focus{
    background-color: #2d4e30 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}
  @media (max-width: 768px) {
      .cg_title{
          font-size:40px;
      }
      #cherry-footer .wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 10px 0px;
}
span.tencty {
    font-size: 22px;
    text-align: left;
    display: block;
    margin-bottom: 0px !important;
}
          .col-lic {
    margin-left: unset;
} 
    .cg_swiper{width:100%;height:500px;}
    .cg_tag{
        display:none;
    }
    .cg_thumb_title {
    font-weight: 700;
    color: #fff;        
    font-size: 10px;
    margin-bottom: 2px;
    line-height: 15px;
    width: 92px;
    text-align:left;
    }
    .cherrygroup-head img{
        width:100%;
    }
    .cg_suggest { 
    left: 0px;
    right: 0px;}
    .cg_btn { 
    padding: 3px 11px;
    font-size: 10px;}
    .cg_chip{
        display:none;
    }
    .about-tr:after{
        top:-53px;
        height:unset;
    }
      .icon-card {
               padding: 15px 5px;
      }
      .icon-wrap {
        width: 70px;
        height: 70px;
        font-size: 30px;
      }
      .icon-card h4 {
    font-size: 10px;}
      .cg_search{
          top:unset;
          right:unset;
         width: 96%; 
        margin: 20px 10px;
      }
      .text.title-tr h2{ 
        color: #3c6040;
        margin-top: 470px;
        font-family: "Dancing Script", cursive;
        font-size: 30px;
        font-weight:800;
    }
        .header-main li.html.custom {
        display: unset !important;
                width: 60px;
        margin-right: -15px;

    }
    .ha-tabs {
        max-width: 100%;             /* cho phép scroll */
        margin: 18px auto 4px;
        display: flex;          /* KHÔNG xuống hàng → scroll ngang */
        gap: 12px;
        overflow-x: auto;            /* bật cuộn ngang */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* mượt trên mobile */
        padding-bottom: 4px;         /* tránh bị che dưới */
        scroll-snap-type: x proximity;}
    .cherrygroup-grid > .cherrygroup-card:nth-last-child(1):nth-child(odd) {
        grid-column: 1 / -1;
    }
        .ha-tabs button {
        margin-right: 0em;
        font-size: 9px;
        padding: 0px 9px;
    }
    .ha-tabs::-webkit-scrollbar {
        height: 0;                   /* Ẩn thanh scroll ngang */
    }
    .ha-head h2,.faq-heading{
        font-size: 33px;
        font-weight:800;
    }
    .blog-head h2{
          font-size: 33px;
        font-weight:800;
    }
    .review-head h2{
          font-size: 33px;
        font-weight:800;
    }
    .review-track{
        gap:0px;
    }
    .icon-card p {
    font-size: 8px;}
      .cg_row_3 { 
            grid-template-columns: 1fr;
        }
    .header .flex-row {
     height: 100% !important;
    }
     .ha-item{
         height:150px;
     }
    .transparent #logo img {
        max-height: 77px !important;
    }
    .cherrygroup-card{
        height:250px;
    }
      .cg_meta { 
        font-size: 12px;
        }
    #cherry-footer .col-addr img { 
    height: 150px; 
    margin: 0 auto;
}
.header-main.hide-for-sticky {
    background: #254218;
    height: 70px;
}
.cg_search_head{
    font-size:27px;
}
}