/* DS Universe Travel — UI polish only. No behavior/routing changes. */
:root{
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --ui-shadow:0 18px 50px rgba(19,36,54,.08);
  --ui-shadow-hover:0 24px 65px rgba(19,36,54,.14);
}
html,body{max-width:100%;overflow-x:hidden}
body{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{min-height:55vh}
.section-header{max-width:720px;margin-left:auto;margin-right:auto}
.section-tag{display:inline-flex!important;align-items:center;gap:8px;font-family:var(--mono-font);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:700}
.section-header h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin-top:10px}
.section-header p{font-size:14px;color:rgba(28,43,58,.65);line-height:1.75;margin-top:10px}
.hero{min-height:680px;display:flex;align-items:center}
.hero-bg-overlay{background:linear-gradient(90deg,rgba(12,26,40,.92) 0%,rgba(12,26,40,.74) 48%,rgba(12,26,40,.38) 100%)!important}
.hero-inner{padding-top:35px!important;padding-bottom:35px!important}
.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#fff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 13px}
/* .hero h1{max-width:800px;font-size:clamp(42px,6vw,76px)!important;line-height:1.01!important} */
.hero .lede{max-width:690px!important;font-size:16px!important;color:rgba(255,255,255,.76)!important}
.search-card{border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 70px rgba(0,0,0,.25)!important}
.search-card label{display:flex;align-items:center;gap:7px}
.search-btn,.btn-primary,.btn-book,.btn-view,.btn-outline,.nav-cta,.header-register{transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.search-btn:hover,.btn-primary:hover,.btn-book:hover,.nav-cta:hover,.header-register:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(19,36,54,.18)}
.package-card,.popular-card,.why-card,.testimonial-card,.theme-tile{border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.package-card:hover,.popular-card:hover,.why-card:hover,.testimonial-card:hover,.theme-tile:hover{transform:translateY(-5px);box-shadow:var(--ui-shadow-hover)}
.package-image,.popular-image{overflow:hidden}
.package-destination,.popular-views{display:inline-flex!important;align-items:center;gap:6px}
.theme-icon,.why-icon{display:grid!important;place-items:center!important}
.theme-icon i,.why-icon i{font-size:22px}
.theme-tile{background:#fff!important;border:1px solid rgba(19,36,54,.08)!important}
.why-card{background:#fff;border:1px solid rgba(19,36,54,.08)}
.why-icon{width:52px;height:52px;border-radius:14px;background:rgba(31,111,118,.09);color:var(--teal)}
.btn-outline{display:inline-flex!important;align-items:center;gap:8px}
.cta{border-radius:24px!important;box-shadow:0 30px 70px rgba(19,36,54,.16)}
.cta-actions a{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.float-wa{width:56px!important;height:56px!important;display:grid!important;place-items:center!important;font-size:25px!important;color:#fff!important;background:#25D366!important;box-shadow:0 16px 38px rgba(37,211,102,.3)!important}
.site-footer{background:linear-gradient(145deg,#0c1a28,#132436)!important}
.footer-socials a{width:34px;height:34px;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important}
.topbar-left span,.topbar-right a{display:inline-flex;align-items:center;gap:7px}
.social-icons a{width:27px;height:27px;display:grid!important;place-items:center!important;border-radius:50%;background:rgba(255,255,255,.06)}
/* admin polish */
.admin-main{background:#f6f7f9!important}
.admin-sidebar{background:linear-gradient(180deg,#0f1729,#132436)!important;box-shadow:10px 0 35px rgba(15,23,41,.08)}
.sidebar-link .nav-icon{display:grid;place-items:center}
.sidebar-link.active{background:rgba(229,165,49,.13)!important;color:#fff!important}
.sidebar-link.active .nav-icon{color:#e5a531}
.logout-btn{display:flex!important;align-items:center;justify-content:center;gap:8px!important}
.form-card,.settings-card,.table-card,.dashboard-card{border-radius:16px!important}
button,a,input,select,textarea{outline-color:rgba(31,111,118,.25)}
@media(max-width:900px){
  .hero{min-height:auto}
  /* .hero-inner{padding-top:64px!important;padding-bottom:64px!important} */
  .hero-bg-overlay{background:rgba(12,26,40,.78)!important}
  .trust-bar{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .section-header{text-align:left!important}
  .section-header h2{font-size:32px}
  .topbar-left{display:none!important}
  .topbar-content{justify-content:center!important}
  .topbar-right{gap:10px!important;flex-wrap:nowrap!important}
  .topbar-right>a{font-size:11px}
  .topbar-right>a:nth-of-type(2){display:none}
  .social-icons{display:none!important}
  /* .hero h1{font-size:40px!important} */
  .hero .lede{font-size:14px!important}
  .search-card{border-radius:16px!important}
  .trust-bar{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .theme-grid{grid-template-columns:repeat(2,1fr)!important}
  .cta{padding:26px 20px!important}
  .cta-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}
  .cta-actions a{width:100%}
}

/* ===== Screenshot refinement pass — UI only ===== */
@media (min-width: 901px){
  .topbar{height:34px!important;min-height:34px!important;padding:0!important}
  .topbar .wrap{height:100%}
  .topbar-content{height:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:18px!important}
  .topbar-left,.topbar-right{display:flex!important;align-items:center!important;white-space:nowrap!important}
  .topbar-left span{white-space:nowrap!important}
  .topbar-right{margin-left:auto!important;gap:18px!important}
  .topbar-right>a{white-space:nowrap!important}
}
.hero{min-height:520px!important}
/* .hero-inner{padding-top:48px!important;padding-bottom:46px!important} */
.hero h1{font-size:clamp(42px,5.1vw,45px)!important;line-height:.98!important;margin:18px auto 14px!important}
.hero .lede{margin:0 auto 26px!important}
.search-card{margin-top:22px!important;padding:18px 22px!important}
.trust-bar{margin-top:28px!important}
.themes-section{padding:64px 0!important;background:linear-gradient(180deg,#fbf8f1 0%,#fff 100%)}
.themes-section .section-header{margin-bottom:30px!important}
.theme-grid{gap:16px!important}
.theme-tile{min-height:116px;padding:20px 14px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0!important;box-shadow:0 12px 30px rgba(19,36,54,.09)!important}
.theme-tile::after{content:"";position:absolute;inset:1px;border-radius:17px;border:1px solid rgba(255,255,255,.15);pointer-events:none}
.theme-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13);position:relative;z-index:1}
.theme-tile b,.theme-tile small{position:relative;z-index:1}
.home-offers-section{padding:58px 0!important}
.home-offers-head{margin-bottom:22px!important}
.home-offer-media{height:145px!important}
.home-offer-content{padding:16px 18px!important}
.home-offer-content h3{font-size:18px!important;margin-bottom:7px!important}
.home-offer-content p{font-size:13px!important;line-height:1.5!important;margin-bottom:14px!important}
.how-it-works-section{background:linear-gradient(rgba(9,25,42,.91),rgba(9,25,42,.94)),radial-gradient(circle at 15% 30%,rgba(31,111,118,.32),transparent 35%),radial-gradient(circle at 82% 35%,rgba(229,165,49,.15),transparent 28%)!important;padding:68px 0!important}
.hiw-heading h2,.hiw-heading .hiw-accent{color:#fff!important}.hiw-heading .hiw-accent{color:#f2b53e!important}
.hiw-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important}.hiw-card h3{color:#fff!important}.hiw-card p{color:rgba(255,255,255,.72)!important}.hiw-icon{background:rgba(229,165,49,.16)!important;color:#f2b53e!important}
.why-us{background:linear-gradient(145deg,#13283b,#102235)!important;padding:68px 0!important}
.why-grid{gap:14px!important;background:transparent!important;overflow:visible!important}
.why-card{background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.15)!important;padding:25px 22px!important}.why-card h3{color:#132436!important}.why-card p{color:#687783!important}.why-icon{color:#1f6f76!important;background:#e9f1f1!important}
.testimonials-section{padding:66px 0!important}.testimonial-card{padding:21px!important}.testimonial-card blockquote{font-size:14px!important;min-height:86px!important}.testimonial-person{margin-top:16px!important;padding-top:14px!important}
.modal-card{max-width:455px!important;max-height:86vh!important;padding:25px 25px!important}.modal-form{gap:12px!important}.modal-field input,.modal-field select{padding:10px 12px!important}.modal-close{font-size:0!important}.modal-close::before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900;font-size:17px}
.float-chat-btn{width:54px!important;height:54px!important;font-size:22px!important;border:1px solid rgba(255,255,255,.14)!important}.chat-close{font-size:0!important}.chat-close::before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900;font-size:16px}.chat-head-sub{font-size:0!important}.chat-head-sub::before{content:'\f111';font-family:'Font Awesome 6 Free';font-weight:900;font-size:7px;margin-right:6px}.chat-head-sub::after{content:' Online';font-size:11px}
.admin-sidebar{width:288px!important}.sidebar-brand{padding:22px 22px!important;gap:11px!important}.sidebar-brand .brand-text{line-height:1.2!important}.sidebar-nav{padding:14px 12px 120px!important}.sidebar-link{min-height:48px!important;border-radius:12px!important;margin:3px 0!important;padding:0 13px!important;display:flex!important;align-items:center!important}.sidebar-link .nav-icon{width:34px!important;height:34px!important;font-size:17px!important}.sidebar-footer{padding:14px 18px 18px!important;background:#132436!important;border-top:1px solid rgba(255,255,255,.08)!important}
}