:root{
  --hm-blue-950:#061632;
  --hm-blue-900:#08234f;
  --hm-blue-800:#0f3b86;
  --hm-blue-700:#155ac9;
  --hm-blue-600:#2563eb;
  --hm-sky-500:#0ea5e9;
  --hm-sky-400:#38bdf8;
  --hm-cyan-400:#22d3ee;
  --hm-mint:#2dd4bf;
  --hm-pink:#ec4899;
  --hm-orange:#f97316;
  --hm-yellow:#facc15;
  --hm-green:#10b981;
  --hm-ink:#0f172a;
  --hm-muted:#64748b;
  --hm-soft:#f4f9ff;
  --hm-line:#dbeafe;
  --hm-white:#fff;
  --hm-shadow:0 22px 60px rgba(15,35,86,.14);
  --hm-shadow-strong:0 32px 90px rgba(9,33,84,.26);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hm-v6-body{margin:0;font-family:"Tahoma","Noto Sans Thai","Segoe UI",Arial,sans-serif;color:var(--hm-ink);background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 34%,#fff 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.hm-v6{min-height:100vh}.hm-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hm-top-ticker{position:relative;z-index:40;background:linear-gradient(90deg,#071a3a 0%,#0f3b86 45%,#0ea5e9 100%);color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14)}
.hm-top-ticker:before,.hm-top-ticker:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.hm-top-ticker:before{left:0;background:linear-gradient(90deg,#071a3a,rgba(7,26,58,0))}.hm-top-ticker:after{right:0;background:linear-gradient(270deg,#0ea5e9,rgba(14,165,233,0))}
.hm-ticker-wrap{display:flex;white-space:nowrap;gap:18px;animation:hmTicker 34s linear infinite}.hm-ticker-item{display:inline-flex;align-items:center;gap:9px;padding:10px 8px;font-weight:800;font-size:14px;letter-spacing:.1px}.hm-ticker-item b{color:#fde68a}.hm-ticker-dot{width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 0 5px rgba(103,232,249,.18)}@keyframes hmTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.hm-header{position:sticky;top:0;z-index:35;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(191,219,254,.72);box-shadow:0 12px 30px rgba(15,35,86,.06)}.hm-nav{height:86px;display:flex;align-items:center;gap:18px}.hm-brand{display:flex;align-items:center;min-width:260px}.hm-logo-wrap{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);padding:9px 14px;border-radius:22px;border:1px solid rgba(219,234,254,.85);box-shadow:0 16px 38px rgba(15,35,86,.08)}.hm-logo{display:block;width:218px;height:auto}.hm-menu{display:flex;align-items:center;gap:8px;margin-left:auto}.hm-menu a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:13px 16px;border-radius:999px;font-weight:900;font-size:15px;color:#173057;transition:.25s ease}.hm-menu a:hover,.hm-menu a.hm-active{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0f3b86;transform:translateY(-1px)}.hm-menu a.hm-vip{background:linear-gradient(135deg,#fff7cc,#ffd66b 45%,#f7a928 100%);color:#7c4700;border:1px solid rgba(255,188,42,.55);box-shadow:0 10px 24px rgba(255,184,0,.18)}.hm-menu a.hm-admin{background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#3730a3;display:none}.hm-header.hm-admin-on .hm-menu a.hm-admin{display:inline-flex}.hm-login-btn{border:0;cursor:pointer;padding:12px 16px;border-radius:999px;font-weight:950;color:#fff;background:linear-gradient(135deg,#155ac9,#0ea5e9);box-shadow:0 16px 34px rgba(37,99,235,.22);transition:.25s ease;white-space:nowrap}.hm-login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(37,99,235,.3)}.hm-mobile-toggle{display:none;margin-left:auto;border:0;background:#eff6ff;border-radius:16px;width:48px;height:48px;font-size:24px;color:#155ac9}

.hm-hero{position:relative;min-height:705px;overflow:hidden;color:white;background:#071a3a}.hm-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease,transform 6s ease}.hm-slide.is-active{opacity:1;transform:scale(1)}.hm-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,33,.82) 0%,rgba(8,35,79,.55) 42%,rgba(14,165,233,.22) 100%),radial-gradient(circle at 72% 30%,rgba(34,211,238,.35),transparent 34%)}.hm-orb{position:absolute;border-radius:999px;filter:blur(3px);opacity:.62;animation:hmFloat 7s ease-in-out infinite}.hm-orb.one{width:150px;height:150px;background:rgba(56,189,248,.34);right:9%;top:18%}.hm-orb.two{width:88px;height:88px;background:rgba(250,204,21,.35);left:8%;top:20%;animation-delay:1.1s}.hm-orb.three{width:126px;height:126px;background:rgba(236,72,153,.26);right:22%;bottom:16%;animation-delay:2s}@keyframes hmFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}.hm-hero-inner{position:relative;z-index:3;min-height:705px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;padding:74px 0 48px}.hm-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:900}.hm-kicker img{width:26px;height:26px}.hm-hero h1{margin:20px 0 18px;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-1.6px}.hm-hero h1 span{display:block;background:linear-gradient(90deg,#fff,#dff7ff 45%,#fde68a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hm-hero p{margin:0;color:#dceeff;font-size:18px;line-height:1.85;max-width:650px}.hm-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hm-primary-cta,.hm-secondary-cta{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 20px;font-weight:950;transition:.25s ease}.hm-primary-cta{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;box-shadow:0 18px 48px rgba(37,99,235,.36)}.hm-primary-cta:hover{transform:translateY(-2px)}.hm-secondary-cta{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.18)}.hm-slide-dots{display:flex;gap:8px;margin-top:30px}.hm-slide-dots button{border:0;border-radius:99px;width:40px;height:8px;background:rgba(255,255,255,.28);cursor:pointer;transition:.25s}.hm-slide-dots button.is-active{width:74px;background:#67e8f9;box-shadow:0 0 24px rgba(103,232,249,.9)}
.hm-search-card{position:relative;border-radius:34px;padding:18px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);box-shadow:var(--hm-shadow-strong)}.hm-search-card:before{content:"";position:absolute;inset:-1px;border-radius:34px;background:linear-gradient(135deg,rgba(34,211,238,.55),rgba(236,72,153,.28),rgba(250,204,21,.25));z-index:-1;filter:blur(16px);opacity:.62}.hm-search-inside{background:rgba(255,255,255,.97);border-radius:28px;padding:24px;color:#102243}.hm-search-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hm-search-head img{width:54px;height:54px}.hm-search-head h3{margin:0;font-size:24px}.hm-search-head p{margin:2px 0 0;color:#64748b;font-size:14px;line-height:1.5}.hm-search-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:12px}.hm-field label{display:block;margin:0 0 8px;font-size:13px;font-weight:950;color:#1e3a8a}.hm-field input,.hm-field select{width:100%;height:58px;border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:20px;padding:0 18px;color:#0f172a;outline:none;font-weight:700;box-shadow:inset 0 2px 4px rgba(15,35,86,.03)}.hm-field input:focus,.hm-field select:focus{border-color:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.18);background:#fff}.hm-search-btn{width:100%;height:64px;border:0;border-radius:20px;margin-top:14px;cursor:pointer;background:linear-gradient(135deg,#08234f 0%,#155ac9 42%,#22d3ee 100%);color:#fff;font-weight:1000;font-size:18px;letter-spacing:.1px;box-shadow:0 20px 48px rgba(37,99,235,.34);display:flex;align-items:center;justify-content:center;gap:12px;transition:.25s ease}.hm-search-btn:hover{transform:translateY(-2px);box-shadow:0 24px 58px rgba(37,99,235,.42)}.hm-search-btn img{width:28px;height:28px}.hm-hot-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hm-hot-chips a{display:inline-flex;padding:9px 12px;border-radius:999px;background:#eff6ff;color:#1e40af;font-weight:900;font-size:13px;border:1px solid #dbeafe}.hm-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.hm-stat{position:relative;padding:14px 14px 14px 52px;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #dbeafe;overflow:hidden}.hm-stat:after{content:"";position:absolute;inset:auto -18px -18px auto;width:76px;height:76px;border-radius:50%;opacity:.14}.hm-stat .hm-stat-icon{position:absolute;left:14px;top:16px;width:28px;height:28px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.hm-stat b{display:block;font-size:22px}.hm-stat span{font-size:12px;font-weight:800;line-height:1.45}.hm-stat-top{background:linear-gradient(180deg,#ffffff,#eff8ff);border-color:#bae6fd}.hm-stat-top .hm-stat-icon{background:#dff6ff}.hm-stat-top b{color:#0f6fd9}.hm-stat-top span{color:#4b6b87}.hm-stat-top:after{background:#38bdf8}.hm-stat-new{background:linear-gradient(180deg,#ffffff,#fff8ef);border-color:#fed7aa}.hm-stat-new .hm-stat-icon{background:#fff1d6}.hm-stat-new b{color:#ea7a00}.hm-stat-new span{color:#7c5b34}.hm-stat-new:after{background:#fb923c}.hm-stat-vip{background:linear-gradient(180deg,#ffffff,#fffbea);border-color:#fde68a}.hm-stat-vip .hm-stat-icon{background:#fff4bf}.hm-stat-vip b{color:#be7a00}.hm-stat-vip span{color:#7c6426}.hm-stat-vip:after{background:#facc15}

.hm-section{padding:72px 0}.hm-section.compact{padding-top:34px}.hm-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.hm-title-block{display:flex;align-items:center;gap:14px}.hm-title-icon{width:58px;height:58px;flex:0 0 auto}.hm-section h2{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.8px;color:#08234f}.hm-section p.hm-sub{margin:7px 0 0;color:var(--hm-muted);font-weight:700;line-height:1.7}.hm-section-link{display:inline-flex;align-items:center;gap:8px;color:#155ac9;font-weight:950;background:#e0f2fe;border:1px solid #bae6fd;padding:12px 16px;border-radius:999px}

.hm-dest-grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hm-dest-card{position:relative;overflow:hidden;border-radius:30px;min-height:230px;padding:22px;color:#fff;box-shadow:var(--hm-shadow);transition:.25s ease;background-size:cover;background-position:center}.hm-dest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,38,.15),rgba(5,16,38,.82));}.hm-dest-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(15,35,86,.22)}.hm-dest-card>*{position:relative}.hm-dest-card .hm-mini{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-weight:950;color:#f8fdff}.hm-dest-card h3{margin:56px 0 8px;font-size:30px;letter-spacing:-.6px}.hm-dest-card p{margin:0;font-weight:800;color:rgba(255,255,255,.88);min-height:48px;line-height:1.55}.hm-dest-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#0f3b86;font-weight:1000}

.hm-hotel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hm-hotel-card{position:relative;border-radius:26px;background:#fff;overflow:hidden;border:1px solid rgba(219,234,254,.9);box-shadow:0 15px 38px rgba(15,35,86,.09);transition:.25s ease}.hm-hotel-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(15,35,86,.16)}.hm-hotel-thumb{position:relative;height:165px;background-size:cover;background-position:center;overflow:hidden}.hm-hotel-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(8,35,79,.54))}.thumb-1{background:linear-gradient(135deg,#0f3b86,#22d3ee)}.thumb-2{background:linear-gradient(135deg,#075985,#38bdf8)}.thumb-3{background:linear-gradient(135deg,#0b315f,#10b981)}.thumb-4{background:linear-gradient(135deg,#7c3aed,#ec4899)}.thumb-5{background:linear-gradient(135deg,#008cff,#ff4db8)}.thumb-6{background:linear-gradient(135deg,#0b315f,#f59e0b)}.thumb-7{background:linear-gradient(135deg,#05245c,#00c986)}.thumb-8{background:linear-gradient(135deg,#00b8ff,#806bff)}.thumb-9{background:linear-gradient(135deg,#075cff,#21e6ff)}.thumb-10{background:linear-gradient(135deg,#ffaf2f,#ff4db8)}.thumb-11{background:linear-gradient(135deg,#061b46,#00b8ff)}.thumb-12{background:linear-gradient(135deg,#00c986,#21e6ff)}.thumb-13{background:linear-gradient(135deg,#075cff,#ff4db8)}.thumb-14{background:linear-gradient(135deg,#082b6e,#ffaf2f)}.thumb-15{background:linear-gradient(135deg,#806bff,#21e6ff)}
.hm-badge{position:absolute;top:12px;left:12px;z-index:2;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.94);font-weight:1000;font-size:12px;color:#155ac9}.hm-badge.hot{color:#be123c}.hm-badge.new{color:#047857}.hm-badge.sale{color:#9a3412}.hm-hotel-body{padding:15px}.hm-location{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:950;color:#2563eb;background:#eff6ff;border-radius:999px;padding:6px 9px}.hm-hotel-body h3{font-size:16px;line-height:1.35;margin:12px 0 5px;color:#08234f}.hm-thai{font-size:12px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hm-meta-row span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#f8fbff;border:1px solid #e0f2fe;color:#334155;font-size:12px;font-weight:900}.hm-meta-row img{width:18px;height:18px}.hm-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px}.hm-price small{display:block;font-size:11px;color:#94a3b8;font-weight:800}.hm-price b{color:#0f3b86}.hm-detail-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;background:linear-gradient(135deg,#0f3b86,#2563eb);color:#fff;font-weight:950;font-size:12px;white-space:nowrap}

.hm-promo-band{position:relative;overflow:hidden;border-radius:34px;padding:28px;background:linear-gradient(135deg,#08234f 0%,#155ac9 45%,#0ea5e9 100%);color:white;box-shadow:var(--hm-shadow-strong)}.hm-promo-band:before{content:"";position:absolute;right:-80px;top:-90px;width:300px;height:300px;border-radius:50%;background:rgba(250,204,21,.28)}.hm-promo-band:after{content:"";position:absolute;left:30%;bottom:-160px;width:420px;height:420px;border-radius:50%;background:rgba(236,72,153,.16)}.hm-promo-band-inner{position:relative;display:grid;grid-template-columns:1.1fr 1.6fr;gap:22px;align-items:center}.hm-promo-copy h2{color:#fff}.hm-promo-copy p{color:#dbeafe}.hm-promo-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hm-promo-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:16px;backdrop-filter:blur(14px)}.hm-promo-card .pic{height:110px;border-radius:18px;margin-bottom:12px;background-size:cover;background-position:center}.pic-a{background:linear-gradient(135deg,#e0f2fe,#60a5fa)}.pic-b{background:linear-gradient(135deg,#fde68a,#f472b6)}.pic-c{background:linear-gradient(135deg,#93c5fd,#2dd4bf)}.hm-promo-card b{display:block;font-size:15px}.hm-promo-card span{display:block;margin-top:7px;color:#fed7aa;font-weight:950}

.hm-deal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hm-deal{position:relative;overflow:hidden;border-radius:30px;background:#fff;border:1px solid #dbeafe;box-shadow:var(--hm-shadow);padding:18px;display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center}.hm-deal .deal-icon{width:86px;height:86px}.hm-deal h3{margin:0 0 6px;color:#08234f}.hm-deal p{margin:0 0 8px;color:#64748b;font-weight:800}.hm-deal .deal-price{display:inline-flex;border-radius:999px;background:#fff7ed;color:#c2410c;padding:8px 10px;font-weight:1000}

.hm-new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hm-new-card{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:12px;box-shadow:0 12px 30px rgba(15,35,86,.07);transition:.25s}.hm-new-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(15,35,86,.12)}.hm-new-thumb{width:82px;height:82px;border-radius:20px;flex:0 0 auto;position:relative;overflow:hidden;background-size:cover;background-position:center}.hm-new-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(8,35,79,.18));}.new-a{background:linear-gradient(135deg,#00b8ff,#806bff)}.new-b{background:linear-gradient(135deg,#0a58ff,#00c986)}.new-c{background:linear-gradient(135deg,#806bff,#21e6ff)}.new-d{background:linear-gradient(135deg,#ffaf2f,#ff4db8)}.new-e{background:linear-gradient(135deg,#008cff,#ff4db8)}.new-f{background:linear-gradient(135deg,#075cff,#21e6ff)}.new-g{background:linear-gradient(135deg,#061b46,#00b8ff)}.new-h{background:linear-gradient(135deg,#05245c,#00c986)}.new-i{background:linear-gradient(135deg,#00c986,#21e6ff)}.new-j{background:linear-gradient(135deg,#ffaf2f,#075cff)}.new-k{background:linear-gradient(135deg,#806bff,#ff4db8)}.new-l{background:linear-gradient(135deg,#0b315f,#ffaf2f)}.hm-new-card h3{margin:0 0 4px;font-size:15px;color:#08234f;line-height:1.3}.hm-new-card span{display:block;color:#64748b;font-size:12px;font-weight:800}.hm-new-card b{display:block;margin-top:7px;color:#0f766e;font-size:12px}

.hm-review-shell{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#f8fbff,#e0f2fe);border:1px solid #dbeafe;padding:24px;box-shadow:var(--hm-shadow)}.hm-review-track{display:flex;gap:16px;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.hm-review-card{min-width:calc((100% - 32px)/3);background:#fff;border:1px solid #dbeafe;border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(15,35,86,.07)}.hm-stars{color:#f59e0b;letter-spacing:2px;font-size:18px}.hm-review-card p{color:#334155;line-height:1.75;font-weight:700}.hm-reviewer{display:flex;align-items:center;gap:12px;margin-top:16px}.hm-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);display:flex;align-items:center;justify-content:center;color:white;font-weight:1000}.hm-review-controls{display:flex;justify-content:center;gap:8px;margin-top:18px}.hm-review-controls button{width:10px;height:10px;border:0;border-radius:99px;background:#bfdbfe;cursor:pointer;transition:.25s}.hm-review-controls button.is-active{width:34px;background:#2563eb}

.hm-province-panel{border-radius:34px;background:#fff;border:1px solid #dbeafe;box-shadow:var(--hm-shadow);padding:22px}.hm-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hm-tab{border:1px solid #dbeafe;background:#f8fbff;color:#1e3a8a;border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer}.hm-tab.is-active{background:linear-gradient(135deg,#155ac9,#0ea5e9);color:white;border-color:transparent;box-shadow:0 12px 26px rgba(37,99,235,.22)}.hm-province-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hm-province-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:18px;background:#f8fbff;border:1px solid #e0f2fe;color:#173057;font-weight:900;transition:.2s}.hm-province-grid a:hover{background:#e0f2fe;color:#155ac9;transform:translateY(-2px)}.hm-zone-special{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed #bae6fd}.hm-zone-special a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bae6fd;padding:10px 13px;font-weight:950;color:#0f3b86}

.hm-footer{margin-top:60px;background:linear-gradient(180deg,#08234f,#061632);color:white;padding:48px 0 24px}.hm-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.hm-footer-logo{background:white;border-radius:22px;padding:12px 14px;width:max-content;margin-bottom:18px}.hm-footer-logo img{width:230px}.hm-footer p{color:#cfe8ff;line-height:1.8;font-weight:700}.hm-footer h3{margin:0 0 14px}.hm-footer a{display:block;color:#dff7ff;margin:9px 0;font-weight:800}.hm-copy{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#93c5fd;font-size:13px;font-weight:800}
.hm-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.hm-reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1080px){
  .hm-hotel-grid{grid-template-columns:repeat(3,1fr)}
  .hm-new-grid{grid-template-columns:repeat(2,1fr)}
  .hm-dest-grid-8{grid-template-columns:repeat(2,1fr)}
  .hm-promo-band-inner{grid-template-columns:1fr}
  .hm-province-grid{grid-template-columns:repeat(3,1fr)}
  .hm-deal-row{grid-template-columns:1fr}
  .hm-hero-inner{grid-template-columns:1fr;gap:26px}
  .hm-hero{min-height:auto}.hm-hero-inner{min-height:auto;padding-top:56px}
  .hm-menu{display:none;position:absolute;top:86px;left:20px;right:20px;background:#fff;border:1px solid #dbeafe;border-radius:28px;box-shadow:var(--hm-shadow);padding:14px;flex-direction:column;align-items:stretch}
  .hm-header.hm-menu-open .hm-menu{display:flex}
  .hm-menu a,.hm-login-btn{justify-content:center}
  .hm-mobile-toggle{display:block}
  .hm-brand{min-width:0}.hm-logo{width:190px}.hm-nav{height:82px}
}
@media(max-width:720px){
  .hm-container{width:min(100% - 26px,1180px)}
  .hm-top-ticker .hm-ticker-item{font-size:12px}
  .hm-logo{width:166px}
  .hm-hero h1{font-size:38px}
  .hm-search-grid,.hm-stat-strip,.hm-dest-grid-8,.hm-hotel-grid,.hm-new-grid,.hm-promo-mini-grid,.hm-footer-grid,.hm-province-grid{grid-template-columns:1fr}
  .hm-section{padding:48px 0}
  .hm-section-head{align-items:flex-start;flex-direction:column}
  .hm-review-card{min-width:100%}
  .hm-promo-band{padding:18px}
  .hm-nav{gap:10px}.hm-login-btn{padding:10px 12px;font-size:13px}.hm-mobile-toggle{width:44px;height:44px}.hm-deal{grid-template-columns:70px 1fr}.hm-deal .deal-icon{width:70px;height:70px}
  .hm-dest-card h3{margin-top:42px;font-size:26px}
}

.hm-title-block h2{position:relative}.hm-title-block h2::after{content:"";display:block;width:74px;height:4px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg,#155ac9,#38bdf8,#22d3ee)}
.hm-hotel-card{isolation:isolate}.hm-hotel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 30%,rgba(236,72,153,.05));z-index:0;pointer-events:none}.hm-hotel-body,.hm-hotel-thumb{position:relative;z-index:1}.hm-hotel-card:hover .hm-detail-btn{background:linear-gradient(135deg,#08234f,#0ea5e9)}
.hm-rating-pill{display:flex!important;align-items:center;gap:8px;padding-right:10px!important}.hm-stars-inline{display:inline-flex;align-items:center;gap:2px}.hm-stars-inline img{width:14px;height:14px;display:block}.hm-rating-pill strong{font-size:12px;color:#0f3b86;font-weight:900}
.hm-dest-card{box-shadow:0 22px 50px rgba(15,35,86,.18)} .hm-dest-card:hover{transform:translateY(-8px) scale(1.01)}

.hm-stat{padding:16px 16px 16px 18px!important}.hm-stat .hm-stat-icon{display:none!important}.hm-stat b{display:block;font-size:24px;margin-bottom:4px}.hm-stat span{display:block}
.hm-menu a.hm-vip{background:linear-gradient(135deg,#fff2b3,#ffd15b 45%,#f59e0b 100%)!important;color:#7a4900!important;border:1px solid rgba(255,188,42,.55)!important;box-shadow:0 12px 26px rgba(255,184,0,.18)!important}
.hm-badge{left:auto!important;right:12px!important;top:12px!important}.hm-badge.hot{background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#be123c;border:1px solid rgba(244,63,94,.18)}
.hm-meta-row{gap:12px}.hm-meta-row span{min-height:34px}.hm-rating-pill{display:none!important}

.hm-promo-carousel{position:relative}.hm-promo-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.hm-promo-arrow{width:42px;height:42px;border:none;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);transition:.2s}.hm-promo-arrow:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}
.hm-promo-viewport{overflow:hidden}.hm-promo-track{display:flex;gap:14px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.hm-promo-card{flex:0 0 calc(25% - 10.5px);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:16px;backdrop-filter:blur(14px)}.hm-promo-card .pic{height:120px;border-radius:18px;margin-bottom:12px;overflow:hidden}.hm-promo-card .pic img{width:100%;height:100%;object-fit:cover}.hm-promo-card b{display:block;font-size:15px;color:#fff;line-height:1.45;min-height:44px}.hm-promo-card span{display:block;margin-top:7px;color:#fed7aa;font-weight:950}

.hm-hotdeal-stack{display:flex;flex-direction:column;gap:18px}.hm-hotdeal-card{display:grid;grid-template-columns:1.15fr .95fr;overflow:hidden;border-radius:34px;background:#fff;border:1px solid #dbeafe;box-shadow:0 18px 48px rgba(15,35,86,.11)}.hm-hotdeal-visual{position:relative;min-height:250px}.hm-hotdeal-visual img{width:100%;height:100%;object-fit:cover}.hm-hotdeal-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,79,.15),rgba(8,35,79,.45))}.hm-hotdeal-number{position:absolute;left:18px;top:18px;z-index:2;width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:1000;color:#0f3b86;box-shadow:0 12px 30px rgba(15,35,86,.18)}.hm-hotdeal-content{padding:28px 28px 24px;display:flex;flex-direction:column;justify-content:center}.hm-hotdeal-label{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#155ac9;font-weight:950;margin-bottom:14px}.hm-hotdeal-content h3{margin:0 0 10px;font-size:28px;color:#08234f;line-height:1.2}.hm-hotdeal-content p{margin:0;color:#64748b;font-weight:800;line-height:1.8}.hm-hotdeal-btn{display:inline-flex;width:max-content;margin-top:18px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#08234f,#2563eb);color:#fff;font-weight:950}
.hm-dest-card .hm-dest-btn{box-shadow:0 10px 22px rgba(15,35,86,.16)} .hm-hotel-card:hover{transform:translateY(-8px) scale(1.01)} .hm-search-card:before{opacity:.8}
@media(max-width:1080px){.hm-promo-card{flex:0 0 calc(50% - 7px)}.hm-hotdeal-card{grid-template-columns:1fr}.hm-hotdeal-visual{min-height:220px}}
@media(max-width:720px){.hm-promo-card{flex:0 0 100%}.hm-promo-controls{justify-content:center}.hm-hotdeal-content{padding:20px}.hm-hotdeal-content h3{font-size:24px}}


/* V9 refinements */
.hm-promo-band-inner{align-items:center!important}
.hm-promo-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%}
.hm-promo-copy .hm-title-block{justify-content:center;align-items:center;text-align:center}
.hm-promo-copy .hm-title-block > div{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hm-promo-copy .hm-title-block h2::after{margin-left:auto;margin-right:auto}

/* Icon system in circular frames */
.hm-title-icon,
.hm-search-head img,
.hm-kicker img,
.deal-icon{
  width:58px;
  height:58px;
  border-radius:999px;
  padding:12px;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border:1px solid rgba(186,230,253,.95);
  box-shadow:0 14px 28px rgba(15,35,86,.12);
}
.hm-kicker img{width:38px;height:38px;padding:7px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 24px rgba(5,16,38,.18)}
.hm-search-head img{width:58px;height:58px;padding:12px;background:linear-gradient(180deg,#ffffff,#f3faff)}
.hm-meta-row img{
  width:24px;
  height:24px;
  padding:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border:1px solid #dbeafe;
  box-shadow:0 8px 18px rgba(15,35,86,.08);
}
.hm-zone-special a img{
  width:32px!important;
  height:32px!important;
  padding:6px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border:1px solid #dbeafe;
  box-shadow:0 8px 18px rgba(15,35,86,.08);
}
.hm-hotdeal-label{display:inline-flex;align-items:center;justify-content:center}
.hm-hotdeal-btn{box-shadow:0 14px 30px rgba(37,99,235,.2)}
.hm-detail-btn{box-shadow:0 12px 24px rgba(15,59,134,.18)}

/* slightly cleaner desktop layout in promo section */
@media(min-width:1081px){
  .hm-promo-band{padding:34px 34px 30px}
  .hm-promo-copy .hm-sub{max-width:350px}
}
@media(max-width:1080px){
  .hm-promo-copy,.hm-promo-copy .hm-title-block > div{text-align:center;align-items:center}
}


/* ===== V10 promo section redesign ===== */
.hm-promo-band-v10{
  position:relative;
  overflow:hidden;
  padding:34px 34px 30px;
  border-radius:36px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.22), transparent 28%),
    radial-gradient(circle at top right, rgba(250,204,21,.16), transparent 24%),
    linear-gradient(135deg,#061a44 0%,#0b45b4 54%,#0ea5e9 100%);
  box-shadow:0 30px 90px rgba(8,35,79,.28);
}
.hm-promo-band-v10::before,
.hm-promo-band-v10::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.hm-promo-band-v10::before{
  width:280px;height:280px;right:-80px;top:-90px;
  background:rgba(255,255,255,.08);filter:blur(4px);
}
.hm-promo-band-v10::after{
  width:220px;height:220px;left:-70px;bottom:-110px;
  background:rgba(255,255,255,.06);filter:blur(6px);
}
.hm-promo-heading{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:22px;color:#fff}
.hm-promo-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 14px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
  color:#e0f2fe;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  backdrop-filter:blur(10px)
}
.hm-promo-heading .hm-title-block{justify-content:center;text-align:center;align-items:center}
.hm-promo-heading .hm-title-block>div{display:flex;flex-direction:column;align-items:center}
.hm-promo-heading .hm-title-block h2{color:#fff;font-size:clamp(32px,4vw,48px)}
.hm-promo-heading .hm-title-block h2::after{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,#ffffff,#67e8f9,#fde68a)}
.hm-promo-heading .hm-sub{max-width:760px;color:#d9efff;font-weight:700;font-size:16px;line-height:1.85;margin:0}
.hm-promo-shell{position:relative;z-index:2;border-radius:30px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px)}
.hm-promo-shell-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hm-promo-mini-note{color:#dceeff;font-weight:800;font-size:14px;line-height:1.6}
.hm-promo-controls{margin-bottom:0!important;display:flex;gap:10px}
.hm-promo-arrow{width:46px;height:46px;border:none;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);transition:.22s;box-shadow:0 12px 28px rgba(3,14,33,.14)}
.hm-promo-arrow:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}
.hm-promo-viewport{overflow:hidden}
.hm-promo-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.hm-promo-card{
  position:relative;flex:0 0 calc(25% - 13.5px);
  display:flex;flex-direction:column;
  padding:12px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.98));
  border:1px solid rgba(219,234,254,.92);
  box-shadow:0 18px 40px rgba(15,35,86,.18);
  transition:.25s ease;
}
.hm-promo-card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(15,35,86,.24)}
.hm-promo-card .pic{height:158px;border-radius:20px;overflow:hidden;margin-bottom:14px;position:relative}
.hm-promo-card .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(8,35,79,.12))}
.hm-promo-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hm-promo-card:hover .pic img{transform:scale(1.05)}
.hm-promo-card-badge{
  display:inline-flex;align-items:center;justify-content:center;width:max-content;
  padding:7px 10px;margin-bottom:10px;border-radius:999px;
  background:linear-gradient(135deg,#eff6ff,#e0f2fe);color:#155ac9;font-size:12px;font-weight:900;
  border:1px solid #bfdbfe
}
.hm-promo-card b{display:block;min-height:48px;font-size:17px;line-height:1.45;color:#08234f}
.hm-promo-card>span:not(.hm-promo-card-badge):not(.hm-promo-link){display:block;margin-top:8px;color:#f97316;font-size:22px;font-weight:1000;line-height:1.2}
.hm-promo-link{
  display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:14px;
  padding:12px 14px;border-radius:16px;
  background:linear-gradient(135deg,#08234f,#155ac9 50%,#38bdf8 100%);
  color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(15,59,134,.18)
}

@media(max-width:1080px){
  .hm-promo-band-v10{padding:26px 20px 22px}
  .hm-promo-shell-head{flex-direction:column;align-items:stretch;text-align:center}
  .hm-promo-mini-note{text-align:center}
  .hm-promo-controls{justify-content:center}
  .hm-promo-card{flex:0 0 calc(50% - 9px)}
  .hm-promo-card .pic{height:170px}
}
@media(max-width:720px){
  .hm-promo-heading{gap:12px;margin-bottom:18px}
  .hm-promo-heading .hm-title-block{gap:12px}
  .hm-promo-heading .hm-sub{font-size:14px;line-height:1.7}
  .hm-promo-shell{padding:14px}
  .hm-promo-card{flex:0 0 100%;border-radius:24px;padding:10px}
  .hm-promo-card .pic{height:190px;border-radius:18px}
  .hm-promo-card b{min-height:auto;font-size:18px}
  .hm-promo-card>span:not(.hm-promo-card-badge):not(.hm-promo-link){font-size:24px}
  .hm-promo-link{padding:13px 14px}
}


/* ===== V11 hero refinement ===== */
.hm-hero{background:radial-gradient(circle at 20% 20%, rgba(14,165,233,.18), transparent 28%), linear-gradient(135deg,#04112d 0%,#06226a 45%,#0b4ad1 74%,#061b57 100%)}
.hm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));pointer-events:none}
.hm-hero h1{position:relative;margin:22px 0 18px;font-size:clamp(42px,5vw,72px);line-height:1.14;letter-spacing:-1.2px;overflow:visible;text-shadow:0 10px 28px rgba(2,6,23,.25)}
.hm-hero-line{display:block;padding-top:.08em;overflow:visible}
.hm-hero-line-highlight{background:linear-gradient(90deg,#fff 0%,#e0f2fe 38%,#fef3c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-hero-copy p{max-width:690px;text-wrap:pretty}
.hm-slide-graphic{background:none!important;overflow:hidden}
.hm-slide-graphic .hm-graphic-bg,
.hm-slide-graphic .hm-graphic-mesh,
.hm-slide-graphic .hm-graphic-routes,
.hm-slide-graphic .hm-graphic-nodes,
.hm-slide-graphic .hm-graphic-labels,
.hm-slide-graphic .hm-graphic-pulse{position:absolute;inset:0}
.hm-slide-graphic:after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 18% 24%, rgba(56,189,248,.16), transparent 22%),
  radial-gradient(circle at 78% 30%, rgba(34,211,238,.14), transparent 24%),
  linear-gradient(90deg,rgba(3,14,33,.84) 0%,rgba(8,35,79,.62) 42%,rgba(14,165,233,.18) 100%);
}
.hm-slide-network .hm-graphic-bg{background:
  radial-gradient(circle at 65% 18%, rgba(34,211,238,.26), transparent 20%),
  radial-gradient(circle at 84% 76%, rgba(139,92,246,.18), transparent 22%),
  linear-gradient(135deg,#02153f 0%,#093fc4 58%,#0ea5e9 100%)}
.hm-slide-location .hm-graphic-bg{background:
  radial-gradient(circle at 22% 20%, rgba(250,204,21,.14), transparent 18%),
  radial-gradient(circle at 82% 22%, rgba(34,211,238,.24), transparent 20%),
  linear-gradient(135deg,#03102d 0%,#0b2d8a 54%,#0b7ce6 100%)}
.hm-slide-map .hm-graphic-bg{background:
  radial-gradient(circle at 25% 68%, rgba(14,165,233,.18), transparent 20%),
  radial-gradient(circle at 76% 16%, rgba(250,204,21,.12), transparent 16%),
  linear-gradient(135deg,#04112d 0%,#073097 55%,#0ea5e9 100%)}
.hm-graphic-mesh{background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px, transparent 1px);background-size:110px 110px;opacity:.3;transform:skewX(-18deg) translateX(-8%);animation:hmMeshMove 18s linear infinite}
@keyframes hmMeshMove{0%{transform:skewX(-18deg) translateX(-8%)}50%{transform:skewX(-18deg) translateX(-2%)}100%{transform:skewX(-18deg) translateX(-8%)}}
.hm-route{position:absolute;display:block;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(103,232,249,.75),rgba(255,255,255,.06));transform-origin:left center;box-shadow:0 0 16px rgba(103,232,249,.34);animation:hmRoutePulse 4.5s ease-in-out infinite}
.hm-route:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#67e8f9;box-shadow:0 0 0 6px rgba(103,232,249,.16)}
@keyframes hmRoutePulse{0%,100%{opacity:.55}50%{opacity:1}}
.hm-slide-network .r1{left:46%;top:24%;width:210px;transform:rotate(14deg)}
.hm-slide-network .r2{left:56%;top:34%;width:180px;transform:rotate(-18deg)}
.hm-slide-network .r3{left:44%;top:54%;width:200px;transform:rotate(12deg)}
.hm-slide-network .r4{left:58%;top:60%;width:150px;transform:rotate(-24deg)}
.hm-slide-location .r1{left:48%;top:26%;width:220px;transform:rotate(16deg)}
.hm-slide-location .r2{left:58%;top:44%;width:170px;transform:rotate(-12deg)}
.hm-slide-location .r3{left:44%;top:62%;width:200px;transform:rotate(10deg)}
.hm-slide-map .r1{left:46%;top:22%;width:240px;transform:rotate(16deg)}
.hm-slide-map .r2{left:53%;top:36%;width:170px;transform:rotate(-24deg)}
.hm-slide-map .r3{left:41%;top:50%;width:235px;transform:rotate(5deg)}
.hm-slide-map .r4{left:55%;top:56%;width:170px;transform:rotate(-10deg)}
.hm-slide-map .r5{left:50%;top:68%;width:150px;transform:rotate(20deg)}
.hm-node{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #ffffff 0%, #93c5fd 45%, #0ea5e9 100%);box-shadow:0 0 0 10px rgba(56,189,248,.12),0 0 30px rgba(56,189,248,.45);animation:hmNodePop 4.5s ease-in-out infinite}
.hm-node:before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
@keyframes hmNodePop{0%,100%{transform:scale(.92);opacity:.82}50%{transform:scale(1.18);opacity:1}}
.hm-slide-network .n1{left:44%;top:22%}.hm-slide-network .n2{left:65%;top:30%;animation-delay:.3s}.hm-slide-network .n3{left:76%;top:45%;animation-delay:.9s}.hm-slide-network .n4{left:48%;top:54%;animation-delay:.6s}.hm-slide-network .n5{left:68%;top:63%;animation-delay:1.2s}.hm-slide-network .n6{left:82%;top:24%;animation-delay:1.5s}
.hm-slide-location .n1{left:49%;top:24%}.hm-slide-location .n2{left:68%;top:34%;animation-delay:.5s}.hm-slide-location .n3{left:77%;top:52%;animation-delay:1s}.hm-slide-location .n4{left:56%;top:61%;animation-delay:1.3s}.hm-slide-location .n5{left:42%;top:66%;animation-delay:.7s}
.hm-slide-map .n1{left:42%;top:20%}.hm-slide-map .n2{left:58%;top:28%;animation-delay:.3s}.hm-slide-map .n3{left:74%;top:20%;animation-delay:.9s}.hm-slide-map .n4{left:66%;top:46%;animation-delay:1.2s}.hm-slide-map .n5{left:48%;top:54%;animation-delay:.5s}.hm-slide-map .n6{left:80%;top:60%;animation-delay:1.6s}.hm-slide-map .n7{left:61%;top:70%;animation-delay:1.1s}
.hm-label{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#eef8ff;font-size:13px;font-weight:900;letter-spacing:.02em;box-shadow:0 14px 28px rgba(2,6,23,.16);animation:hmLabelFloat 6s ease-in-out infinite}
.hm-label:before{content:"📍";margin-right:7px}
@keyframes hmLabelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hm-slide-network .l1{left:54%;top:18%}.hm-slide-network .l2{left:71%;top:38%;animation-delay:.7s}.hm-slide-network .l3{left:58%;top:57%;animation-delay:1.1s}.hm-slide-network .l4{left:73%;top:58%;animation-delay:.35s}
.hm-slide-location .l1{left:57%;top:18%}.hm-slide-location .l2{left:69%;top:42%;animation-delay:.75s}.hm-slide-location .l3{left:52%;top:62%;animation-delay:1.1s}
.hm-slide-map .l1{left:51%;top:17%}.hm-slide-map .l2{left:69%;top:41%;animation-delay:.75s}.hm-slide-map .l3{left:58%;top:66%;animation-delay:1.15s}
.hm-graphic-pulse{background:radial-gradient(circle at 72% 36%, rgba(255,255,255,.06) 0%, transparent 16%);animation:hmPulseMap 5s ease-in-out infinite}
@keyframes hmPulseMap{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}
.hm-slide-dots button{backdrop-filter:blur(6px)}
@media(max-width:1080px){
  .hm-hero h1{line-height:1.15;font-size:clamp(36px,6vw,62px)}
  .hm-label{font-size:12px;padding:8px 12px}
  .hm-route{opacity:.78}
}
@media(max-width:720px){
  .hm-hero h1{line-height:1.13;letter-spacing:-.6px;font-size:38px}
  .hm-hero-line{padding-top:.05em}
  .hm-slide-graphic .hm-graphic-mesh{background-size:70px 70px;opacity:.22}
  .hm-label{font-size:11px;padding:7px 10px}
  .hm-slide-network .l1,.hm-slide-location .l1,.hm-slide-map .l1{left:50%;top:16%}
  .hm-slide-network .l2,.hm-slide-location .l2,.hm-slide-map .l2{left:58%;top:40%}
  .hm-slide-network .l3,.hm-slide-location .l3,.hm-slide-map .l3{left:52%;top:64%}
  .hm-slide-network .l4{left:62%;top:74%}
}


/* ===== V12 hero animated graphic background ===== */
.hm-hero{background:radial-gradient(circle at 20% 20%, rgba(14,165,233,.16), transparent 28%), linear-gradient(135deg,#04112d 0%,#06226a 45%,#0b4ad1 74%,#061b57 100%)}
.hm-slide-graphic{background:none!important;overflow:hidden}
.hm-slide-graphic .hm-graphic-bg,
.hm-slide-graphic .hm-graphic-mesh,
.hm-slide-graphic .hm-graphic-routes,
.hm-slide-graphic .hm-graphic-nodes,
.hm-slide-graphic .hm-graphic-pulse{position:absolute;inset:0}
.hm-slide-graphic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,33,.82) 0%,rgba(8,35,79,.58) 42%,rgba(14,165,233,.16) 100%)}

/* 3 color themes */
.hm-slide-network .hm-graphic-bg{background:
  radial-gradient(circle at 22% 18%, rgba(110,231,183,.18), transparent 22%),
  radial-gradient(circle at 78% 22%, rgba(45,212,191,.22), transparent 24%),
  radial-gradient(circle at 72% 78%, rgba(74,222,128,.16), transparent 20%),
  linear-gradient(135deg,#03251f 0%,#0c6f67 56%,#22c55e 100%)}
.hm-slide-location .hm-graphic-bg{background:
  radial-gradient(circle at 20% 22%, rgba(56,189,248,.18), transparent 22%),
  radial-gradient(circle at 82% 26%, rgba(34,211,238,.20), transparent 24%),
  radial-gradient(circle at 70% 74%, rgba(96,165,250,.15), transparent 20%),
  linear-gradient(135deg,#04153d 0%,#0b45b4 55%,#0ea5e9 100%)}
.hm-slide-map .hm-graphic-bg{background:
  radial-gradient(circle at 24% 18%, rgba(168,85,247,.18), transparent 22%),
  radial-gradient(circle at 78% 24%, rgba(217,70,239,.18), transparent 24%),
  radial-gradient(circle at 68% 74%, rgba(129,140,248,.15), transparent 20%),
  linear-gradient(135deg,#1f123f 0%,#5b2fb0 56%,#8b5cf6 100%)}

/* soft animated gradient overlays */
.hm-slide-network .hm-graphic-pulse{background:radial-gradient(circle at 75% 34%, rgba(255,255,255,.08) 0%, transparent 18%);animation:hmPulseMap 5.4s ease-in-out infinite}
.hm-slide-location .hm-graphic-pulse{background:radial-gradient(circle at 68% 46%, rgba(255,255,255,.08) 0%, transparent 18%);animation:hmPulseMap 5.6s ease-in-out infinite}
.hm-slide-map .hm-graphic-pulse{background:radial-gradient(circle at 70% 42%, rgba(255,255,255,.08) 0%, transparent 18%);animation:hmPulseMap 5.8s ease-in-out infinite}

.hm-slide-graphic .hm-graphic-mesh{background-image:linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px, transparent 1px);background-size:110px 110px;opacity:.28;transform:skewX(-16deg) translateX(-8%);animation:hmMeshMove 18s linear infinite}

/* network routes */
.hm-route{position:absolute;display:block;height:2px;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:0 0 16px rgba(255,255,255,.14);animation:hmRoutePulse 4.6s ease-in-out infinite}
.hm-route:before{content:"";position:absolute;inset:-4px 0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);filter:blur(1px)}
.hm-route:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.84);box-shadow:0 0 0 7px rgba(255,255,255,.08)}

/* circular nodes / location icons */
.hm-node{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #ffffff 0%, rgba(255,255,255,.94) 35%, rgba(255,255,255,.55) 100%);box-shadow:0 0 0 10px rgba(255,255,255,.08), 0 0 26px rgba(255,255,255,.18);animation:hmNodePop 4.6s ease-in-out infinite}
.hm-node:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.hm-node.with-icon{width:52px;height:52px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,245,249,.9));box-shadow:0 0 0 12px rgba(255,255,255,.07),0 0 30px rgba(255,255,255,.2)}
.hm-node.with-icon:before{inset:-12px;border-color:rgba(255,255,255,.16)}
.hm-node.with-icon img{width:25px;height:25px;opacity:.96;filter:drop-shadow(0 2px 6px rgba(37,99,235,.18))}

/* slide 1 positions: green */
.hm-slide-network .r1{left:47%;top:22%;width:210px;transform:rotate(13deg)}
.hm-slide-network .r2{left:59%;top:35%;width:178px;transform:rotate(-18deg)}
.hm-slide-network .r3{left:47%;top:50%;width:215px;transform:rotate(9deg)}
.hm-slide-network .r4{left:61%;top:60%;width:155px;transform:rotate(-26deg)}
.hm-slide-network .r5{left:53%;top:68%;width:125px;transform:rotate(16deg)}
.hm-slide-network .n1{left:45%;top:20%}.hm-slide-network .n2{left:63%;top:28%;animation-delay:.3s}.hm-slide-network .n3{left:80%;top:20%;animation-delay:.9s}.hm-slide-network .n4{left:74%;top:44%;animation-delay:1.2s}.hm-slide-network .n5{left:49%;top:48%;animation-delay:.6s}.hm-slide-network .n6{left:67%;top:61%;animation-delay:1.4s}.hm-slide-network .n7{left:56%;top:70%;animation-delay:1s}

/* slide 2 positions: blue */
.hm-slide-location .r1{left:52%;top:20%;width:190px;transform:rotate(20deg)}
.hm-slide-location .r2{left:60%;top:38%;width:160px;transform:rotate(-9deg)}
.hm-slide-location .r3{left:45%;top:49%;width:200px;transform:rotate(7deg)}
.hm-slide-location .r4{left:58%;top:65%;width:150px;transform:rotate(-20deg)}
.hm-slide-location .n1{left:50%;top:18%}.hm-slide-location .n2{left:72%;top:28%;animation-delay:.4s}.hm-slide-location .n3{left:66%;top:43%;animation-delay:.9s}.hm-slide-location .n4{left:46%;top:46%;animation-delay:1.3s}.hm-slide-location .n5{left:76%;top:60%;animation-delay:.7s}.hm-slide-location .n6{left:57%;top:67%;animation-delay:1.1s}

/* slide 3 positions: purple */
.hm-slide-map .r1{left:44%;top:18%;width:225px;transform:rotate(18deg)}
.hm-slide-map .r2{left:60%;top:28%;width:160px;transform:rotate(-20deg)}
.hm-slide-map .r3{left:47%;top:43%;width:220px;transform:rotate(5deg)}
.hm-slide-map .r4{left:57%;top:56%;width:175px;transform:rotate(-14deg)}
.hm-slide-map .r5{left:52%;top:71%;width:128px;transform:rotate(18deg)}
.hm-slide-map .n1{left:42%;top:16%}.hm-slide-map .n2{left:62%;top:23%;animation-delay:.5s}.hm-slide-map .n3{left:77%;top:18%;animation-delay:1s}.hm-slide-map .n4{left:70%;top:40%;animation-delay:1.4s}.hm-slide-map .n5{left:50%;top:41%;animation-delay:.6s}.hm-slide-map .n6{left:82%;top:55%;animation-delay:1.2s}.hm-slide-map .n7{left:58%;top:58%;animation-delay:.9s}.hm-slide-map .n8{left:55%;top:74%;animation-delay:1.5s}

/* subtle slide tint blending */
.hm-slide-network,.hm-slide-location,.hm-slide-map{transition:opacity 1.15s ease, transform 6s ease}

/* Remove any label remnants from previous version */
.hm-graphic-labels,.hm-label{display:none!important}

@media(max-width:1080px){
  .hm-node.with-icon{width:46px;height:46px}
  .hm-node.with-icon img{width:22px;height:22px}
}
@media(max-width:720px){
  .hm-slide-graphic .hm-graphic-mesh{background-size:72px 72px;opacity:.20}
  .hm-node{width:18px;height:18px;box-shadow:0 0 0 7px rgba(255,255,255,.07),0 0 18px rgba(255,255,255,.15)}
  .hm-node.with-icon{width:38px;height:38px;box-shadow:0 0 0 8px rgba(255,255,255,.07),0 0 22px rgba(255,255,255,.15)}
  .hm-node.with-icon img{width:18px;height:18px}
  .hm-route{height:1.5px}
}


/* ===== V13: New arrivals section with larger images ===== */
.hm-new-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hm-new-card{
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  padding:14px;border-radius:30px;background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(219,234,254,.95);box-shadow:0 18px 48px rgba(15,35,86,.10);
  overflow:hidden;position:relative;transition:.28s ease
}
.hm-new-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(15,35,86,.16)}
.hm-new-card::after{content:"";position:absolute;inset:auto 16px 0 16px;height:22px;border-radius:999px;background:radial-gradient(circle, rgba(14,165,233,.10), transparent 68%);filter:blur(12px);opacity:.9}
.hm-new-thumb{
  width:100%;height:210px;min-height:210px;border-radius:24px;flex:0 0 auto;position:relative;overflow:hidden;
  background-size:cover;background-position:center;box-shadow:0 14px 32px rgba(15,35,86,.14)
}
.hm-new-thumb::before{
  content:"NEW";position:absolute;left:14px;top:14px;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.94);
  color:#155ac9;font-weight:1000;font-size:12px;letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(15,35,86,.12)
}
.hm-new-thumb::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(8,35,79,.12) 60%,rgba(8,35,79,.34) 100%)
}
.hm-new-card > div:last-child{position:relative;z-index:1;padding:16px 4px 8px}
.hm-new-card h3{margin:0 0 6px;font-size:19px;line-height:1.35;color:#08234f;letter-spacing:-.2px}
.hm-new-card span{display:block;color:#64748b;font-size:14px;font-weight:800;line-height:1.5}
.hm-new-card b{display:inline-flex;align-items:center;width:max-content;margin-top:12px;padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,#ecfeff,#eef6ff);border:1px solid #dbeafe;color:#0f766e;font-size:13px;box-shadow:0 10px 24px rgba(15,35,86,.06)}

/* real scenic preview images */
.new-a{background-image:url('../imagemodern/provinces/ratchaburi.png')}
.new-b{background-image:url('../imagemodern/provinces/rayong.png')}
.new-c{background-image:url('../imagemodern/provinces/chiangmai.png')}
.new-d{background-image:url('../imagemodern/provinces/khaoyai.png')}
.new-e{background-image:url('../imagemodern/provinces/rayong.png')}
.new-f{background-image:url('../imagemodern/provinces/rayong.png')}
.new-g{background-image:url('../imagemodern/provinces/chiangmai.png')}
.new-h{background-image:url('../imagemodern/provinces/kanchanaburi.png')}
.new-i{background-image:url('../imagemodern/provinces/chanthaburi.png')}
.new-j{background-image:url('../imagemodern/provinces/ayutthaya.png')}
.new-k{background-image:url('../imagemodern/provinces/chanthaburi.png')}
.new-l{background-image:url('../imagemodern/provinces/khaoyai.png')}

@media(max-width:1080px){
  .hm-new-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .hm-new-thumb{height:195px;min-height:195px}
  .hm-new-card h3{font-size:18px}
}
@media(max-width:720px){
  .hm-new-grid{grid-template-columns:1fr;gap:16px}
  .hm-new-card{padding:12px;border-radius:24px}
  .hm-new-thumb{height:220px;min-height:220px;border-radius:20px}
  .hm-new-card > div:last-child{padding:14px 2px 6px}
  .hm-new-card h3{font-size:18px}
  .hm-new-card span{font-size:13px}
}