*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#04080f;--s1:#07101f;--s2:#0a1525;--s3:#0d1c30;
  --gold:#c9912a;--gold2:#e8b84b;--gold3:#f5d27a;
  --teal:#1eb8a0;--rose:#e05c6a;--sky:#4fa3d4;--grn:#3db87a;
  --tx:#f0ebe0;--mu:rgba(240,235,224,.5);--mu2:rgba(240,235,224,.2);
  --bd:rgba(201,145,42,.25);--bd2:rgba(255,255,255,.07);
  --ff:'DM Sans',sans-serif;--fd:'Cormorant Garamond',serif;
  --r:16px;--r2:12px;--r3:8px;--r4:5px;
  --sh:0 4px 24px rgba(0,0,0,.6);--sh2:0 12px 40px rgba(0,0,0,.75);
  --grd:linear-gradient(135deg,var(--gold2),var(--gold));
  /* ─── RESPONSIVE CONTAINER WIDTHS ─── */
  /* Mobile: full width  |  Tablet: 720px  |  Desktop: 1280px  |  Big: 1440px */
  --max-w:1280px;--gutter:16px;
}
@media(min-width:1440px){:root{--max-w:1340px;--gutter:24px}}
@media(min-width:1920px){:root{--max-w:1440px;--gutter:32px}}

/* ═══════════════════════════════════════════
   LIGHT THEME — TO'LIQ OVERRIDE (har sahifa chiroyli)
   ═══════════════════════════════════════════ */
[data-theme="light"]{
  --bg:#f8fafc;--s1:#ffffff;--s2:#f1f5f9;--s3:#e2e8f0;
  --tx:#0f172a;--mu:rgba(15,23,42,.6);--mu2:rgba(15,23,42,.25);
  --bd:rgba(201,145,42,.4);--bd2:rgba(15,23,42,.1);
  --sh:0 4px 16px rgba(0,0,0,.06);--sh2:0 12px 32px rgba(0,0,0,.1);
}
[data-theme="light"] body{color:var(--tx);background:var(--bg)}
[data-theme="light"] input[type=date]{color-scheme:light}
[data-theme="light"] ::-webkit-scrollbar-track{background:#e2e8f0}

/* === BIG CTA (Sayohatga tayyormisiz?) === */
[data-theme="light"] .big-cta{
  background:
    radial-gradient(ellipse at top left,rgba(232,184,75,.18),transparent 50%),
    radial-gradient(ellipse at bottom right,rgba(99,102,241,.10),transparent 50%),
    linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%);
}
[data-theme="light"] .big-cta-h{color:#0f172a;text-shadow:none}
[data-theme="light"] .big-cta-h em{color:var(--gold)}
[data-theme="light"] .big-cta-sub{color:rgba(15,23,42,.7)}
[data-theme="light"] .big-cta-tag{background:rgba(232,184,75,.12);color:var(--gold)}

/* === WHY US (Nima uchun biz) === */
[data-theme="light"] .whyus{background:linear-gradient(180deg,#f1f5f9 0%,#f8fafc 100%)}
[data-theme="light"] .whyus-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
[data-theme="light"] .whyus-card-h{color:#0f172a}
[data-theme="light"] .whyus-card-p{color:rgba(15,23,42,.65)}
[data-theme="light"] .whyus-h{color:#0f172a}
[data-theme="light"] .whyus-h em{color:var(--gold)}
[data-theme="light"] .whyus-sub{color:rgba(15,23,42,.6)}
[data-theme="light"] .whyus-tag{background:rgba(232,184,75,.1);color:var(--gold)}

/* === HOW TO (Bron qadamlari) === */
[data-theme="light"] .howto-step{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(168,85,247,.18);
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
[data-theme="light"] .howto-step-h{color:#0f172a}
[data-theme="light"] .howto-step-p{color:rgba(15,23,42,.65)}

/* === HERO SECTIONS — adapt gradients === */
[data-theme="light"] .nav{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(15,23,42,.08);
}
[data-theme="light"] .logo{color:#0f172a}
[data-theme="light"] .logo small{color:rgba(15,23,42,.6)}

/* === NAVBAR ELEMENTS === */
[data-theme="light"] .nav-theme-btn,
[data-theme="light"] .nav-search-btn{
  background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1);
}
[data-theme="light"] .nav-lang-cur{
  background:linear-gradient(135deg,rgba(232,184,75,.1),rgba(201,145,42,.04));
  color:#0f172a;
}
[data-theme="light"] .nav-pg{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.1);
  color:rgba(15,23,42,.7);
}
[data-theme="light"] .ncart{
  background:rgba(232,184,75,.12);
  color:#0f172a;
}

/* === DROPDOWNS === */
[data-theme="light"] .nav-lang-menu,
[data-theme="light"] .nav-theme-menu{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.1);
  box-shadow:0 20px 60px rgba(0,0,0,.12), 0 0 0 1px rgba(232,184,75,.15);
}
[data-theme="light"] .nav-lang-chip{
  background:rgba(15,23,42,.03);
}
[data-theme="light"] .nav-lang-chip:hover{
  background:rgba(232,184,75,.08);
}
[data-theme="light"] .nav-lang-chip-nm{color:#0f172a}
[data-theme="light"] .nav-theme-tab{
  background:rgba(15,23,42,.04);
  color:rgba(15,23,42,.65);
}

/* === HEADERS / SECTION TITLES === */
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4{color:#0f172a}
[data-theme="light"] .phd h2{color:#0f172a}
[data-theme="light"] .phd p{color:rgba(15,23,42,.65)}
[data-theme="light"] .phd-tag{color:var(--gold)}

/* === TOUR TYPE CARDS === */
[data-theme="light"] .ttype-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
[data-theme="light"] .ttype-nm{color:#0f172a}
[data-theme="light"] .ttype-sb{color:rgba(15,23,42,.65)}
[data-theme="light"] .ttype-chip{
  background:rgba(15,23,42,.05);
  color:rgba(15,23,42,.7);
}

/* === KABINET (Personal cabinet) === */
[data-theme="light"] .kab-overlay{background:rgba(15,23,42,.6)}
[data-theme="light"] .kab-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%);
  box-shadow:0 -20px 60px rgba(0,0,0,.15), 0 0 0 1px rgba(232,184,75,.15);
}
[data-theme="light"] .kab-panel::before{background:rgba(15,23,42,.2)}
[data-theme="light"] .kab-head{
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 70%,rgba(255,255,255,.95) 100%);
  border-bottom-color:rgba(232,184,75,.2);
}
[data-theme="light"] .kab-title{color:#0f172a}
[data-theme="light"] .kab-close{
  background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1);color:#0f172a;
}
[data-theme="light"] .kab-uname{color:#0f172a}
[data-theme="light"] .kab-menu-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.08);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
[data-theme="light"] .kab-menu-card-h{color:#0f172a}
[data-theme="light"] .kab-menu-card-p{color:rgba(15,23,42,.6)}
[data-theme="light"] .kab-back-btn{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.1);
  color:rgba(15,23,42,.7);
}

/* === FOOTER === */
[data-theme="light"] .sf-footer{
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
  border-top:1px solid rgba(15,23,42,.08);
}
[data-theme="light"] .ftr-logo{color:#0f172a}
[data-theme="light"] .ftr-tagline{color:rgba(15,23,42,.7)}
[data-theme="light"] .ftr-col-h{color:var(--gold)}
[data-theme="light"] .ftr-link{color:rgba(15,23,42,.7)}
[data-theme="light"] .ftr-link:hover{color:var(--gold)}
[data-theme="light"] .ftr-contact-item{color:rgba(15,23,42,.75)}
[data-theme="light"] .ftr-trust-pill{
  background:rgba(232,184,75,.1);
  color:var(--gold);
  border-color:rgba(232,184,75,.3);
}
[data-theme="light"] .ftr-bottom{border-top-color:rgba(15,23,42,.08)}
[data-theme="light"] .ftr-copy, [data-theme="light"] .ftr-made{color:rgba(15,23,42,.55)}

/* === MODALS === */
[data-theme="light"] .gs-ovr{background:rgba(15,23,42,.6)}
[data-theme="light"] .gs-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-color:rgba(15,23,42,.1);
}
[data-theme="light"] .gs-input{color:#0f172a}
[data-theme="light"] .gs-input::placeholder{color:rgba(15,23,42,.45)}
[data-theme="light"] .gs-foot{color:rgba(15,23,42,.55)}
[data-theme="light"] .gs-kbd{
  background:rgba(15,23,42,.06);
  border-color:rgba(15,23,42,.15);
  color:rgba(15,23,42,.75);
}

/* === BIG CTA WHITE TEXT FIX (umumiy override) === */
[data-theme="light"] .big-cta-h,
[data-theme="light"] .big-cta-sub{
  /* Yuqorida override qildim, lekin har holda */
  color:#0f172a;
}

/* === FAB BUTTONS === */
[data-theme="light"] .ai-fab{
  box-shadow:0 8px 24px rgba(168,85,247,.3);
}
[data-theme="light"] #audioGuideFab{
  box-shadow:0 8px 24px rgba(232,184,75,.35);
}

/* === SECTIONS background === */
[data-theme="light"] .trust-strip{
  background:rgba(232,184,75,.05);
  border-top:1px solid rgba(15,23,42,.06);
  border-bottom:1px solid rgba(15,23,42,.06);
}
[data-theme="light"] .trust-item-tx{color:rgba(15,23,42,.7)}

/* === GENERAL CARDS WITH DARK BG (hamma cards) === */
[data-theme="light"] [style*="background:#0a1525"],
[data-theme="light"] [style*="background:#0d1c30"],
[data-theme="light"] [style*="background:#04080f"]{
  background:#ffffff !important;
}
[data-theme="light"] [style*="background:linear-gradient(180deg,#0a1525"],
[data-theme="light"] [style*="background:linear-gradient(180deg, #0a1525"],
[data-theme="light"] [style*="background:linear-gradient(180deg,#0a1020"]{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
}

/* === DROPDOWN OPSIYALAR === */
[data-theme="light"] select{
  background:#ffffff;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.15);
}
[data-theme="light"] select option{background:#ffffff;color:#0f172a}
[data-theme="light"] input[type=text],
[data-theme="light"] input[type=email],
[data-theme="light"] input[type=tel],
[data-theme="light"] input[type=password],
[data-theme="light"] input[type=number],
[data-theme="light"] textarea{
  background:#ffffff;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.15);
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder{color:rgba(15,23,42,.45)}

/* ════════════════════════════════════════════
   UNIVERSAL CATCH-ALL — hardcoded oq matnlar fix
   (98 ta CSS + 31 ta inline style avtomatik tuzatiladi)
   ════════════════════════════════════════════ */
/* INLINE STYLE'lar — style="...color:#fff..." matn */
[data-theme="light"] [style*="color:#fff"]:not(button):not([class*="grd"]):not([class*="btn-p"]),
[data-theme="light"] [style*="color: #fff"]:not(button):not([class*="grd"]):not([class*="btn-p"]),
[data-theme="light"] [style*="color:#FFF"]:not(button):not([class*="grd"]):not([class*="btn-p"]),
[data-theme="light"] [style*="color:white"]:not(button):not([class*="grd"]):not([class*="btn-p"]){
  color:#0f172a !important;
}
[data-theme="light"] [style*="color:rgba(255,255,255"]:not(button),
[data-theme="light"] [style*="color: rgba(255,255,255"]:not(button){
  color:rgba(15,23,42,.75) !important;
}

/* CSS-class'lar — color:#fff CSS deklaratsiyasidan kelgan elementlar */
[data-theme="light"] .kab-title,
[data-theme="light"] .modal-h,
[data-theme="light"] .modal-title,
[data-theme="light"] .sf-modal-title,
[data-theme="light"] .sf-modal-h,
[data-theme="light"] .auth-title,
[data-theme="light"] .auth-h,
[data-theme="light"] .review-name,
[data-theme="light"] .news-title,
[data-theme="light"] .ann-title,
[data-theme="light"] .city-name,
[data-theme="light"] .destination-name,
[data-theme="light"] .loy-hero-nm,
[data-theme="light"] .loy-hero-stat-v,
[data-theme="light"] .loy-tier.current .loy-tier-nm,
[data-theme="light"] .ob-d-tt,
[data-theme="light"] .ob-d-desc,
[data-theme="light"] .ob-d-incl-tx,
[data-theme="light"] .ob-d-bonus-h,
[data-theme="light"] .ob-d-faq-q,
[data-theme="light"] .ob-d-faq-a,
[data-theme="light"] .gs-result-title,
[data-theme="light"] .gs-group-title,
[data-theme="light"] .kab-ord-num,
[data-theme="light"] .kab-ord-pr2,
[data-theme="light"] .kab-ord-nm,
[data-theme="light"] .ttype-card .ttype-nm,
[data-theme="light"] .pkg-h, [data-theme="light"] .pkg-nm,
[data-theme="light"] .pkg-card-title,
[data-theme="light"] .feature-title{
  color:#0f172a !important;
}

/* Yumshoq qora — meta-text/sub-text uchun */
[data-theme="light"] .ord-cust-meta,
[data-theme="light"] .ord-pkg-meta,
[data-theme="light"] .pkg-meta,
[data-theme="light"] .pkg-desc,
[data-theme="light"] .modal-sub,
[data-theme="light"] .sf-modal-sub,
[data-theme="light"] .auth-sub,
[data-theme="light"] .review-text,
[data-theme="light"] .city-desc,
[data-theme="light"] .destination-desc,
[data-theme="light"] .gs-result-meta,
[data-theme="light"] .kab-ord-meta,
[data-theme="light"] .ob-d-incl-tx{
  color:rgba(15,23,42,.7) !important;
}

/* === DARK BACKGROUND CARDS (inline styles) — light bg ga aylantirish === */
[data-theme="light"] [style*="background:#0f1626"],
[data-theme="light"] [style*="background:#0a1020"],
[data-theme="light"] [style*="background:#07101f"],
[data-theme="light"] [style*="background:#0f1a2d"],
[data-theme="light"] [style*="background:#0f1e36"]{
  background:#ffffff !important;
}

[data-theme="light"] [style*="background:linear-gradient(180deg,#0f1a2d"],
[data-theme="light"] [style*="background:linear-gradient(180deg,#0f1e36"]{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
}

/* Borders */
[data-theme="light"] [style*="border:1px solid #1f2a44"],
[data-theme="light"] [style*="border-color:#1f2a44"]{
  border-color:rgba(15,23,42,.1) !important;
}

/* rgba(255,...) backgroundlar — light tint */
[data-theme="light"] [style*="background:rgba(255,255,255,.04)"],
[data-theme="light"] [style*="background:rgba(255,255,255,.05)"],
[data-theme="light"] [style*="background:rgba(255,255,255,.06)"],
[data-theme="light"] [style*="background:rgba(255,255,255,.08)"]{
  background:rgba(15,23,42,.04) !important;
}

[data-theme="light"] [style*="border:1px solid rgba(255,255,255"],
[data-theme="light"] [style*="border-color:rgba(255,255,255"]{
  border-color:rgba(15,23,42,.1) !important;
}

/* PKG cards va list itemlar */
[data-theme="light"] .pkg-card,
[data-theme="light"] .pkg-list-item,
[data-theme="light"] .gs-result{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.08) !important;
  color:#0f172a !important;
}
[data-theme="light"] .pkg-card *,
[data-theme="light"] .pkg-list-item *{
  color:inherit;
}
[data-theme="light"] .pkg-card .pkg-nm,
[data-theme="light"] .pkg-list-item div{
  color:#0f172a !important;
}

/* ─── ACCENT COLOR THEMES ─── */
/* Default = gold (yuqorida) */
[data-accent="blue"]{
  --gold:#1d4ed8;--gold2:#3b82f6;--gold3:#60a5fa;
  --grd:linear-gradient(135deg,var(--gold2),var(--gold));
}
[data-accent="green"]{
  --gold:#047857;--gold2:#10b981;--gold3:#34d399;
  --grd:linear-gradient(135deg,var(--gold2),var(--gold));
}

html{scroll-behavior:smooth;color-scheme:dark light}
[data-theme="light"] html, html[data-theme="light"]{color-scheme:light}
body{font-family:var(--ff);background:var(--bg);color:var(--tx);overflow-x:hidden;-webkit-tap-highlight-color:transparent;transition:background .3s, color .3s}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--s1)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}
input[type=date]{color-scheme:dark}

/* ─── PAGES ─── */
.pg{display:none;min-height:100vh;padding-top:52px;padding-bottom:30px;position:relative;background:var(--bg)}
/* Ichki sahifalar uchun ZAMONAVIY AURORA FON — Linear/Stripe uslubida, aniq ko'rinadigan */
.pg:not(#pg-hero){
  background:var(--bg);
}
.pg:not(#pg-hero)::before{
  content:'';position:fixed;inset:0;
  background:
    radial-gradient(circle 500px at 15% 8%, rgba(232,184,75,.28), transparent 65%),
    radial-gradient(circle 460px at 88% 18%, rgba(139,92,246,.22), transparent 65%),
    radial-gradient(circle 480px at 25% 92%, rgba(59,130,246,.18), transparent 65%),
    radial-gradient(circle 420px at 92% 88%, rgba(232,184,75,.16), transparent 65%);
  pointer-events:none;opacity:1;
  z-index:0;
  animation:auroraShift 16s ease-in-out infinite alternate;
}
@keyframes auroraShift{
  0%{filter:blur(0px);transform:scale(1) translate(0,0)}
  50%{filter:blur(6px);transform:scale(1.06) translate(-1%,1%)}
  100%{filter:blur(0px);transform:scale(1) translate(1%,-1%)}
}
.pg:not(#pg-hero)::after{
  content:'';position:fixed;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:28px 28px;
  pointer-events:none;opacity:.5;
  z-index:0;
}
.pg:not(#pg-hero) > *{position:relative;z-index:1}
@media(max-width:600px){
  .pg:not(#pg-hero)::before{
    background:
      radial-gradient(circle 320px at 20% 5%, rgba(232,184,75,.26), transparent 65%),
      radial-gradient(circle 300px at 85% 15%, rgba(139,92,246,.20), transparent 65%),
      radial-gradient(circle 300px at 20% 90%, rgba(59,130,246,.16), transparent 65%);
  }
}
.pg.on{display:block;animation:fu .3s ease}
@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Forward navigation — slide in from right (mobile feel) */
.pg.on.pg-slide-fwd{animation:slideFwd .35s cubic-bezier(.16,1,.3,1)}
@keyframes slideFwd{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
/* Backward navigation — slide in from left */
.pg.on.pg-slide-bwd{animation:slideBwd .35s cubic-bezier(.16,1,.3,1)}
@keyframes slideBwd{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}

/* ═══════════════════════════════════════════════════
   MOBILE PREMIUM — tap effects, ripple, skeletons
   ═══════════════════════════════════════════════════ */

/* Tap-scale — universal press effect (har bir tugmaga) */
button, .btn, .nbtn, .ai-sugg, .ai-send, .kab-tab, .kab-nav-btn,
.popcity-card, .ftr-reviews-card, .ftr-social-btn, .loy-tier,
.cprg7-step, .sf-modal-close, .nav-btn, .hero-watch,
input[type="submit"], a.btn, a.ai-cta-btn {
  transition: transform .12s ease-out, box-shadow .18s, opacity .18s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
button:active, .btn:active, .nbtn:active, .ai-sugg:active, .ai-send:active,
.kab-tab:active, .kab-nav-btn:active, .popcity-card:active,
.ftr-reviews-card:active, .ftr-social-btn:active, .loy-tier:active,
.cprg7-step:active, .sf-modal-close:active, .nav-btn:active, .hero-watch:active,
input[type="submit"]:active, a.btn:active, a.ai-cta-btn:active {
  transform: scale(.96);
  transition: transform .08s ease-out;
}

/* Ripple effect — kichik to'lqin (universal pulse) */
.ripple-fx{position:relative;overflow:hidden}
.ripple-fx::after{
  content:'';position:absolute;top:50%;left:50%;
  width:0;height:0;border-radius:50%;
  background:rgba(255,255,255,.35);
  transform:translate(-50%,-50%);opacity:0;
  pointer-events:none;
}
.ripple-fx.is-rippling::after{
  width:280px;height:280px;opacity:1;
  transition:width .5s ease-out, height .5s ease-out, opacity .5s ease-out;
}

/* Skeleton loaders — premium loading state */
.skeleton{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.04) 0%,
    rgba(255,255,255,.1) 50%,
    rgba(255,255,255,.04) 100%
  );
  background-size:200% 100%;
  animation:skLoad 1.4s infinite;
  border-radius:8px;
}
@keyframes skLoad{0%{background-position:200% 0}100%{background-position:-200% 0}}
.skeleton-line{height:14px;margin-bottom:8px;border-radius:6px}
.skeleton-line.short{width:60%}
.skeleton-line.long{width:90%}
.skeleton-card{padding:14px;background:var(--s2);border:1px solid var(--bd2);border-radius:12px;margin-bottom:8px}

/* Pull-to-refresh indicator */
.ptr-indicator{
  position:absolute;top:-50px;left:50%;
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  display:flex;align-items:center;justify-content:center;
  color:#000;font-size:1.1rem;font-weight:800;
  transform:translateX(-50%);
  opacity:0;pointer-events:none;
  box-shadow:0 6px 18px rgba(232,184,75,.4);
  z-index:50;transition:none;
}
.ptr-indicator.refreshing{
  animation:ptrSpin 1s linear infinite;
}
@keyframes ptrSpin{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}

/* Modal swipe-dismiss — handle indicator (drag bar) */
.modal-drag-handle{
  width:40px;height:4px;border-radius:2px;
  background:rgba(255,255,255,.25);
  margin:8px auto 4px;cursor:grab;
  transition:background .2s;
}
.modal-drag-handle:active{cursor:grabbing;background:rgba(255,255,255,.5)}
.modal-swipe-target{
  transition:transform .25s cubic-bezier(.16,1,.3,1), opacity .25s;
  will-change:transform;
}
.modal-swipe-target.is-dragging{transition:none}

/* Smooth scroll-snap — karusellar uchun */
.snap-x{
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.snap-x > *{scroll-snap-align:start}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  .skeleton{animation:none;background:rgba(255,255,255,.05)}
}

/* ═══════════════════════════════════════════════════
   GLOBAL SEARCH (gs-) — Booking.com kabi premium
   ═══════════════════════════════════════════════════ */
.nav-search-btn{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid var(--bd2);
  color:var(--gold2);font-size:1rem;
  cursor:pointer;transition:all .2s;margin-right:4px;
}
.nav-search-btn:hover{background:rgba(232,184,75,.15);border-color:var(--gold);transform:scale(1.05)}

/* ─── THEME SWITCHER ─── */
.nav-theme-drop{position:relative;display:inline-flex}
.nav-theme-btn{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid var(--bd2);
  color:var(--gold2);font-size:1.05rem;
  cursor:pointer;transition:all .2s;
}
.nav-theme-btn:hover{background:rgba(232,184,75,.15);border-color:var(--gold);transform:scale(1.05) rotate(15deg)}
.nav-theme-menu{
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  background:linear-gradient(180deg,var(--s2),var(--s1));
  border:1px solid var(--bd);
  border-radius:16px;padding:12px;min-width:230px;z-index:1050;
  box-shadow:0 20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(232,184,75,.12);
  animation:langMenuIn .2s cubic-bezier(.34,1.56,.64,1);
}
.nav-theme-drop.open .nav-theme-menu{display:block}
.nav-theme-section{margin-bottom:10px}
.nav-theme-section:last-child{margin-bottom:0}
.nav-theme-section-h{
  font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:6px;padding:0 4px;
}
.nav-theme-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.nav-theme-tab{
  display:flex;align-items:center;justify-content:center;gap:5px;
  padding:8px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid transparent;
  color:var(--mu);font-family:var(--ff);font-size:.65rem;font-weight:700;
  cursor:pointer;transition:all .2s;
}
.nav-theme-tab:hover{background:rgba(232,184,75,.08);color:var(--tx)}
.nav-theme-tab.on{
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));
  border-color:var(--gold);color:var(--gold2);
  box-shadow:0 2px 8px rgba(232,184,75,.2);
}
.nav-theme-tab span{font-size:.95rem}
.nav-theme-colors{display:flex;gap:8px;justify-content:center;padding:6px 4px}
.nav-theme-color{
  width:32px;height:32px;border-radius:50%;
  border:2px solid transparent;cursor:pointer;
  transition:all .2s;position:relative;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.nav-theme-color:hover{transform:scale(1.15)}
.nav-theme-color.on{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.2), 0 4px 14px rgba(0,0,0,.4);
  transform:scale(1.1);
}
.nav-theme-color.on::after{
  content:'✓';position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:.85rem;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}

/* ─── ZAMONAVIY NAV PAGE LINKS (Blog, Viza) ─── */
.nav-pgs{display:flex;gap:6px;align-items:center}
.nav-pg{
  display:inline-flex;align-items:center;gap:6px;
  height:36px;padding:0 12px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  color:var(--mu);font-size:.7rem;font-weight:700;
  text-decoration:none;cursor:pointer;
  transition:all .25s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
  letter-spacing:.2px;white-space:nowrap;
}
.nav-pg::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,184,75,.2),rgba(201,145,42,.05));
  opacity:0;transition:opacity .25s;
}
.nav-pg:hover{
  border-color:rgba(232,184,75,.4);
  color:var(--gold2);
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(232,184,75,.18);
}
.nav-pg:hover::before{opacity:1}
.nav-pg-ico{
  font-size:.95rem;line-height:1;
  filter:grayscale(.3) opacity(.85);
  transition:filter .25s, transform .25s;
  position:relative;z-index:1;
}
.nav-pg:hover .nav-pg-ico{filter:none;transform:scale(1.1)}
.nav-pg-txt{position:relative;z-index:1}
.nav-pg-badge{
  background:linear-gradient(135deg,#ef4444,#dc2626);
  color:#fff;font-size:.5rem;font-weight:800;
  padding:1px 4px;border-radius:6px;
  text-transform:uppercase;letter-spacing:.5px;
  margin-left:2px;
  box-shadow:0 2px 4px rgba(239,68,68,.4);
}

/* Mobile — faqat ikonkalar, text yashirin */
@media(max-width:680px){
  .nav-pg{padding:0 10px;height:34px}
  .nav-pg-txt{display:none}
  .nav-pg-badge{display:none}
}
@media(max-width:480px){
  .nav-pgs{gap:4px}
  .nav-pg{width:34px;padding:0;justify-content:center;border-radius:50%}
}

.gs-ovr{
  display:none;position:fixed;inset:0;z-index:99999;
  background:rgba(4,8,15,.95);backdrop-filter:blur(16px);
  align-items:flex-start;justify-content:center;
  padding:20px 16px;overflow-y:auto;animation:gsOvrIn .25s ease-out;
}
.gs-ovr.on{display:flex}
@keyframes gsOvrIn{from{opacity:0}to{opacity:1}}
.gs-card{
  width:100%;max-width:640px;
  background:linear-gradient(180deg,var(--s2),var(--s3));
  border:1px solid var(--bd2);border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.8);
  overflow:hidden;animation:gsCardIn .3s cubic-bezier(.16,1,.3,1);
  margin-top:5vh;
}
@keyframes gsCardIn{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:none}}

.gs-head{
  padding:14px;display:flex;align-items:center;gap:10px;
  border-bottom:1px solid var(--bd2);background:rgba(4,8,15,.6);
}
.gs-input-wrap{
  flex:1;display:flex;align-items:center;gap:10px;
  background:var(--bg);border:1px solid var(--bd);border-radius:14px;
  padding:0 14px;transition:border .2s, box-shadow .2s;
}
.gs-input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.12)}
.gs-input-ico{color:var(--gold2);font-size:1.1rem;flex-shrink:0}
.gs-input{
  flex:1;background:none;border:none;outline:none;
  color:var(--tx);font-size:1rem;font-family:var(--ff);
  padding:14px 0;font-weight:500;min-width:0;
}
.gs-input::placeholder{color:var(--mu)}
.gs-clear{
  background:none;border:none;color:var(--mu);
  font-size:1.1rem;cursor:pointer;padding:4px 8px;
  border-radius:6px;display:none;
}
.gs-clear.on{display:inline-block}
.gs-clear:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.gs-voice{
  background:rgba(232,184,75,.08);border:1px solid var(--bd);
  color:var(--gold2);font-size:1rem;cursor:pointer;padding:6px 10px;
  border-radius:8px;flex-shrink:0;transition:all .2s;
  display:flex;align-items:center;justify-content:center;
}
.gs-voice:hover{background:rgba(232,184,75,.18);border-color:var(--gold);transform:scale(1.05)}
.gs-voice.listening{
  background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;
  animation:voicePulse 1.2s infinite;
}
@keyframes voicePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}
  50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}
}
.gs-close{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid var(--bd2);
  color:var(--mu);font-size:1.2rem;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.gs-close:hover{background:rgba(239,68,68,.15);border-color:#ef4444;color:#f87171}

.gs-body{max-height:60vh;overflow-y:auto;padding:14px}
.gs-body::-webkit-scrollbar{width:6px}
.gs-body::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

.gs-sec{margin-bottom:18px}
.gs-sec-h{
  font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:8px;
  display:flex;align-items:center;gap:6px;
}
.gs-sec-h::before{content:'';width:18px;height:2px;background:var(--grd);border-radius:1px}
.gs-sec-cnt{color:var(--mu);font-weight:600;letter-spacing:.5px;margin-left:auto}

.gs-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 12px;border-radius:12px;
  background:var(--bg);border:1px solid var(--bd2);
  margin-bottom:6px;cursor:pointer;transition:all .18s;
  font-family:var(--ff);text-align:left;width:100%;
}
.gs-item:hover, .gs-item.kb-active{
  background:rgba(232,184,75,.08);border-color:var(--gold);transform:translateX(3px);
}
.gs-item-ico{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;
}
.gs-item-body{flex:1;min-width:0}
.gs-item-tt{
  font-size:.85rem;font-weight:700;color:var(--tx);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gs-item-tt mark{background:rgba(232,184,75,.25);color:var(--gold3);padding:0 2px;border-radius:3px;font-weight:800}
.gs-item-sb{
  font-size:.65rem;color:var(--mu);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gs-item-tag{
  font-size:.5rem;font-weight:800;letter-spacing:.5px;
  padding:3px 8px;border-radius:6px;flex-shrink:0;text-transform:uppercase;
}
.gs-item-tag.city{background:rgba(34,197,94,.15);color:#86efac}
.gs-item-tag.country{background:rgba(168,85,247,.15);color:#c084fc}
.gs-item-tag.pkg{background:rgba(232,184,75,.18);color:var(--gold2)}
.gs-item-tag.type{background:rgba(59,130,246,.15);color:#60a5fa}

.gs-empty{padding:36px 20px;text-align:center;color:var(--mu);font-size:.85rem}
.gs-empty-ico{font-size:2.5rem;opacity:.4;margin-bottom:10px}

.gs-chips{display:flex;flex-wrap:wrap;gap:6px}
.gs-chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 12px;border-radius:18px;
  background:var(--bg);border:1px solid var(--bd2);
  color:var(--tx);font-size:.7rem;font-weight:600;
  cursor:pointer;transition:all .18s;font-family:var(--ff);
}
.gs-chip:hover{border-color:var(--gold);background:rgba(232,184,75,.1);color:var(--gold2)}

.gs-foot{
  padding:10px 16px;border-top:1px solid var(--bd2);
  background:rgba(4,8,15,.4);font-size:.62rem;color:var(--mu);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;
}
.gs-kbd{
  display:inline-flex;align-items:center;
  background:var(--bg);border:1px solid var(--bd2);border-radius:5px;
  padding:1px 6px;font-family:'SF Mono','Monaco',monospace;
  font-size:.55rem;color:var(--tx);
}

@media(max-width:480px){
  .gs-card{margin-top:0;border-radius:14px}
  .gs-input{font-size:.95rem}
  .gs-item-tt{font-size:.78rem}
}

/* ─── NAV ─── */
.nav{position:fixed;top:0;left:0;right:0;z-index:999;height:52px;
  background:rgba(4,8,15,.95);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--bd2);
  display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:6px}
/* ─── TDTU EMBLEMA (yagona uslub butun saytda) ─── */
.logo{
  font-family:var(--fd);font-size:1.1rem;font-weight:800;
  flex-shrink:0;letter-spacing:-.4px;line-height:1;
  /* TD va TU — bir xil oltin gradient rang */
  background:linear-gradient(135deg, #f5d27a, #e8b84b, #c9912a);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.logo span{
  font-weight:800;font-style:normal;
  /* Span ham bir xil oltin rangda (gradient parent'dan meros) */
  color:inherit;
  -webkit-text-fill-color:inherit;
}
.logo small{
  font-size:.42rem;display:block;color:#fff;opacity:.75;
  letter-spacing:2px;text-transform:uppercase;font-family:var(--ff);
  font-weight:600;margin-top:1px;
  /* Small uchun oltin gradient o'rniga oddiy oq rang */
  background:none;-webkit-background-clip:initial;
  -webkit-text-fill-color:#fff;background-clip:initial;
}
/* Mobilda subtitle yashiriladi (joy ozod bo'lsin) */
@media(max-width:480px){
  .logo{font-size:1rem}
  .logo small{display:none}
}
@media(min-width:768px){.logo{font-size:1.3rem} .logo small{font-size:.5rem}}
.nav-r{display:flex;align-items:center;gap:6px}
.nbtn{display:none;align-items:center;gap:4px;background:none;border:none;
  color:var(--mu);font-family:var(--ff);font-size:.6rem;font-weight:600;
  letter-spacing:.5px;text-transform:uppercase;cursor:pointer;padding:6px 10px;
  border-radius:var(--r4);transition:.18s;touch-action:manipulation}
.nbtn:hover,.nbtn:active{color:var(--gold2)}
.nbtn.on{display:flex}
.ncart{display:none;align-items:center;gap:5px;
  background:rgba(201,145,42,.12);border:1px solid var(--bd);border-radius:30px;
  padding:5px 12px;cursor:pointer;transition:.18s;touch-action:manipulation}
.ncart:hover,.ncart:active{background:rgba(201,145,42,.22)}
.ncart.on{display:flex}
.ncart-v{font-family:var(--fd);font-size:.9rem;color:var(--gold2);font-weight:700}

/* ─── HERO ─── */
.hero{position:relative;height:calc(100vh - 52px);min-height:560px;overflow:hidden}
.hbg{position:absolute;inset:0}
.hsl{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:0;transition:opacity 2s ease;will-change:opacity,transform}
/* MOBILE — hero balandligi qisqartirilgan + cover bilan yaxshi sig'adi */
@media (max-width:760px){
  .hero{height:62vh !important;min-height:440px !important;max-height:640px !important}
  .hsl{background-position:center 60%;background-size:cover}
  .hbody{padding:0 16px 28px}
}
@media (max-width:480px){
  .hero{height:58vh !important;min-height:420px !important;max-height:600px !important}
  .hsl{background-position:center 55%}
}
.hsl.on{opacity:1;animation:heroKenBurns 18s ease-in-out infinite alternate}
@keyframes heroKenBurns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.12) translate(-1.5%,-1%)}}
.hov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,0) 30%,rgba(4,8,15,.0) 50%,rgba(4,8,15,.65) 80%,rgba(4,8,15,.85) 100%);z-index:1}
.hbody{position:absolute;bottom:0;left:0;right:0;padding:0 20px 64px;z-index:2;text-align:center}
.hkick{
  font-size:.58rem;letter-spacing:5px;text-transform:uppercase;
  color:#fff;font-weight:800;margin-bottom:14px;animation:su .7s .1s both;
  text-shadow:0 2px 10px rgba(0,0,0,.8), 0 0 20px rgba(0,0,0,.5);
}
.hh1{
  font-family:var(--fd);font-size:clamp(1.7rem,7vw,3.2rem);font-weight:700;
  color:#fff;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px;
  animation:su .7s .2s both;
  text-shadow:0 3px 14px rgba(0,0,0,.85), 0 1px 4px rgba(0,0,0,.7);
}
.hh1 em{
  font-style:italic;display:inline;color:#fff;
  text-shadow:0 3px 14px rgba(0,0,0,.85), 0 1px 4px rgba(0,0,0,.7);
}
.hsub{
  font-size:.78rem;color:#fff;line-height:1.7;font-weight:600;
  margin:0 auto 26px;max-width:440px;animation:su .7s .3s both;
  text-shadow:0 2px 10px rgba(0,0,0,.85), 0 1px 3px rgba(0,0,0,.7);
}
@keyframes su{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hbtns{display:flex;gap:10px;flex-wrap:wrap;animation:su .7s .4s both}

/* ── HERO WATCH BUTTON — bizning hikoyamiz (YouTube promo) ── */
.hero-watch{
  display:inline-flex;align-items:center;gap:10px;
  margin:14px auto 0;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  border-radius:50px;padding:8px 18px 8px 8px;
  color:#fff;cursor:pointer;font-family:var(--ff);
  backdrop-filter:blur(10px);
  transition:all .25s cubic-bezier(.34,1.56,.64,1);
  animation:su .7s .65s both;
  position:relative;overflow:hidden;
}
.hero-watch::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,0,0,.12),transparent 60%);
  opacity:0;transition:opacity .25s;
}
.hero-watch:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,0,0,.5);
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 8px 24px rgba(255,0,0,.3);
}
.hero-watch:hover::before{opacity:1}
.hero-watch-ico{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#ff0000,#cc0000);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(255,0,0,.5);
  flex-shrink:0;position:relative;z-index:1;
  animation:heroWatchPulse 2.5s ease-in-out infinite;
}
@keyframes heroWatchPulse{0%,100%{box-shadow:0 4px 12px rgba(255,0,0,.5)}50%{box-shadow:0 6px 22px rgba(255,0,0,.9)}}
.hero-watch-ico svg{width:14px;height:14px;fill:#fff;margin-left:2px}
.hero-watch-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;position:relative;z-index:1}
.hero-watch-lbl{font-size:.55rem;font-weight:800;letter-spacing:1.2px;color:#fff}
.hero-watch-sub{font-size:.5rem;color:rgba(255,255,255,.7);margin-top:2px}
@media(max-width:380px){
  .hero-watch{padding:7px 14px 7px 7px;gap:8px}
  .hero-watch-ico{width:32px;height:32px}
  .hero-watch-lbl{font-size:.5rem}
  .hero-watch-sub{font-size:.45rem}
}

/* ── VIDEO MODAL — YouTube promo player ── */
.video-modal{
  display:none;position:fixed;inset:0;z-index:100000;
  background:rgba(0,0,0,.92);backdrop-filter:blur(8px);
  align-items:center;justify-content:center;padding:16px;
}
.video-modal.on{display:flex;animation:videoModalIn .25s ease-out}
@keyframes videoModalIn{from{opacity:0}to{opacity:1}}
.video-modal-card{
  width:100%;max-width:920px;
  background:#04080f;border:1px solid rgba(255,255,255,.1);
  border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.8);
  position:relative;
  animation:videoCardIn .35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes videoCardIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.video-modal-close{
  position:absolute;top:12px;right:12px;z-index:10;
  width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,.65);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:1.1rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.video-modal-close:hover{background:rgba(255,0,0,.7);transform:scale(1.08)}
.video-modal-iframe-wrap{
  position:relative;width:100%;
  padding-top:56.25%; /* 16:9 aspect ratio */
  background:#000;
}
.video-modal-iframe-wrap iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;
}
.video-modal-footer{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 20px;
  background:linear-gradient(180deg,#04080f,#0a1525);
  border-top:1px solid rgba(255,255,255,.06);
}
.video-modal-info{flex:1;min-width:0}
.video-modal-tt{
  font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--tx);
  line-height:1.25;margin-bottom:3px;
}
.video-modal-sub{font-size:.6rem;color:var(--mu);line-height:1.4}
.video-modal-yt-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#ff0000,#cc0000);
  color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:24px;
  font-size:.62rem;font-weight:700;letter-spacing:.5px;
  box-shadow:0 4px 14px rgba(255,0,0,.4);
  transition:all .2s;flex-shrink:0;
  text-transform:uppercase;
}
.video-modal-yt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,0,0,.6)}
@media(max-width:600px){
  .video-modal{padding:8px}
  .video-modal-footer{flex-direction:column;align-items:stretch;text-align:center;padding:14px}
  .video-modal-tt{font-size:.85rem}
  .video-modal-yt-btn{justify-content:center;width:100%}
}
body.in-telegram .hero-watch{display:none}

/* ── HERO STATS — under search button (markazga moslangan) ── */
.hero-stats{
  display:flex;gap:14px;margin:18px auto 0;
  animation:su .7s .55s both;
  max-width:520px;
  justify-content:center;
}
.hero-stat{
  flex:1;text-align:center;padding:10px 8px;
  background:linear-gradient(135deg,rgba(232,184,75,.12),rgba(232,184,75,.04));
  border:1px solid rgba(232,184,75,.22);border-radius:12px;
  backdrop-filter:blur(6px);
  transition:transform .25s, border-color .25s;
}
.hero-stat:hover{transform:translateY(-3px);border-color:rgba(232,184,75,.5)}
.hero-stat-num{
  font-family:var(--fd);font-size:1.4rem;font-weight:700;color:var(--gold2);
  line-height:1;margin-bottom:3px;
}
.hero-stat-lbl{
  font-size:.5rem;letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(255,255,255,.72);font-weight:600;line-height:1.3;
}
@media(max-width:380px){
  .hero-stats{gap:8px}
  .hero-stat{padding:8px 4px}
  .hero-stat-num{font-size:1.15rem}
  .hero-stat-lbl{font-size:.44rem;letter-spacing:.9px}
}

.btn-g{display:inline-flex;align-items:center;gap:6px;background:var(--grd);color:#04080f;
  font-family:var(--ff);font-size:.64rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:12px 22px;border-radius:var(--r);border:none;cursor:pointer;
  box-shadow:0 4px 20px rgba(201,145,42,.35);transition:.2s;touch-action:manipulation}
.btn-g:hover,.btn-g:active{transform:translateY(-2px);box-shadow:0 7px 28px rgba(201,145,42,.5)}
.btn-o{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);
  color:var(--tx);font-family:var(--ff);font-size:.64rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase;
  padding:12px 22px;border-radius:var(--r);border:1px solid rgba(255,255,255,.15);
  cursor:pointer;transition:.2s;touch-action:manipulation}
.btn-o:hover,.btn-o:active{background:rgba(255,255,255,.12);border-color:var(--gold)}
.hdots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:5px}
.hd{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.22);cursor:pointer;transition:.28s}
.hd.on{width:22px;background:var(--gold2)}

/* ─── REGION STRIP ─── */
/* ─── MASHHUR SHAHARLAR — PREMIUM 7-CARD GRID ─── */
.popcity{
  padding:48px 20px 24px;background:linear-gradient(180deg,var(--bg) 0%,var(--s1) 100%);
  position:relative;overflow:hidden;
}
.popcity::before{
  content:'';position:absolute;top:-20%;right:-10%;width:50%;height:60%;
  background:radial-gradient(circle,rgba(232,184,75,.05) 0%,transparent 60%);pointer-events:none;
}
.popcity-ttl{text-align:center;margin-bottom:28px;position:relative;z-index:2}
.popcity-tag{
  display:inline-block;font-size:.5rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:10px;
  padding:5px 14px;border:1px solid var(--gold);border-radius:14px;
  background:rgba(232,184,75,.06);
}
.popcity-h{
  font-family:var(--fd);font-size:clamp(1.5rem,5vw,2.4rem);
  color:var(--tx);font-weight:700;line-height:1.2;
}

.popcity-grid{
  display:grid;grid-template-columns:1fr;gap:14px;
  max-width:var(--max-w);margin:0 auto;
  position:relative;z-index:2;
}
@media(min-width:480px){.popcity-grid{grid-template-columns:1fr 1fr;gap:14px}}
@media(min-width:768px){.popcity-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:1024px){.popcity-grid{grid-template-columns:repeat(4,1fr)}}

.popcity-card{
  position:relative;overflow:hidden;cursor:pointer;
  border-radius:18px;aspect-ratio:4/5;
  background:#0a1525;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s;
}
.popcity-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 36px rgba(0,0,0,.6), 0 0 0 1px var(--gold);
}
.popcity-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .8s cubic-bezier(.25,.46,.45,.94);
  display:block;
}
.popcity-card:hover img{transform:scale(1.12)}
.popcity-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(4,8,15,.1) 0%,
    rgba(4,8,15,.2) 40%,
    rgba(4,8,15,.85) 100%);
  transition:opacity .3s;
}
.popcity-card:hover .popcity-ov{
  background:linear-gradient(180deg,
    rgba(232,184,75,.15) 0%,
    rgba(4,8,15,.3) 40%,
    rgba(4,8,15,.92) 100%);
}
.popcity-tag-corner{
  position:absolute;top:12px;left:12px;z-index:3;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#04080f;font-size:.5rem;font-weight:800;
  padding:4px 9px;border-radius:8px;
  letter-spacing:.8px;text-transform:uppercase;
  box-shadow:0 4px 12px rgba(232,184,75,.4);
}
.popcity-body{
  position:absolute;bottom:0;left:0;right:0;padding:16px 14px;z-index:2;
}
.popcity-nm{
  font-family:var(--fd);font-size:1.3rem;font-weight:700;color:#fff;
  line-height:1.1;margin-bottom:5px;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
}
.popcity-sub{
  font-size:.58rem;color:rgba(255,255,255,.75);font-weight:500;line-height:1.4;
  margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.popcity-cta{
  display:inline-flex;align-items:center;gap:5px;
  font-size:.55rem;font-weight:800;color:var(--gold2);
  letter-spacing:1px;text-transform:uppercase;
  transition:gap .25s;
}
.popcity-card:hover .popcity-cta{gap:8px;color:var(--gold3)}
.popcity-cta-arr{font-size:.7rem;line-height:1}
@media(min-width:768px){
  .popcity-nm{font-size:1.5rem}
  .popcity-sub{font-size:.65rem}
  .popcity-cta{font-size:.6rem}
}
body.in-telegram .popcity{padding:30px 14px 16px}

/* Eski stillarni saqlab qolamiz (boshqa joylarda ishlatilsa) */
.rstrip{padding:20px 16px 8px}
.rsttl{text-align:center;margin-bottom:14px}

/* ── MIJOZ SHARHLARI ── */
.reviews-strip{padding:30px 16px 20px;background:linear-gradient(180deg,transparent 0,rgba(251,191,36,.03) 100%)}
.reviews-hd{text-align:center;margin-bottom:18px}
.reviews-tag{font-size:.55rem;color:var(--gold2);letter-spacing:2px;font-weight:700;margin-bottom:6px}
.reviews-hd h3{font-family:var(--fd);font-size:1.4rem;font-weight:700;margin-bottom:4px}
.reviews-hd p{font-size:.7rem;color:var(--mu)}
.reviews-hd p span{color:var(--gold2);font-weight:700}
.reviews-scroll{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 16px;scrollbar-width:none;scroll-snap-type:x mandatory}
.reviews-scroll::-webkit-scrollbar{display:none}
.review-card{flex-shrink:0;width:280px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;scroll-snap-align:start;transition:transform .25s,border .25s}
.review-card:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.3)}
.review-stars{color:var(--gold2);font-size:.85rem;letter-spacing:1px;margin-bottom:8px}
.review-text{font-size:.78rem;line-height:1.55;color:var(--tx);margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.review-foot{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.review-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem;flex-shrink:0}
.review-name{font-size:.78rem;font-weight:600;color:var(--tx)}
.review-pkg{font-size:.62rem;color:var(--mu);margin-top:2px}

/* ── Sharhlar tugmasi (carousel o'rniga) ── */
.reviews-open-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:420px;margin:14px auto 0;padding:14px 20px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(99,102,241,.12));border:1px solid rgba(99,102,241,.3);border-radius:14px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s;font-family:var(--ff);letter-spacing:.3px}
.reviews-open-btn:hover{background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(99,102,241,.2));border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.25)}
.reviews-open-btn:active{transform:scale(.98)}
.rob-ico{font-size:1.3rem}
.rob-arr{margin-left:auto;font-size:1.1rem;color:var(--gold2)}

/* ── Sharh ro'yxati (modal ichida) — PREMIUM v2 ── */
.rlm-card{
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:16px;margin-bottom:12px;
  transition:all .25s;
  position:relative;overflow:hidden;
}
.rlm-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold2),var(--gold));
  opacity:0;transition:opacity .25s;
}
.rlm-card:hover{
  border-color:rgba(232,184,75,.3);
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.4);
}
.rlm-card:hover::before{opacity:1}
.rlm-stars{
  color:var(--gold2);font-size:1rem;letter-spacing:2px;margin-bottom:8px;
  display:flex;align-items:center;gap:3px;
  filter:drop-shadow(0 2px 4px rgba(232,184,75,.3));
}
.rlm-photo{
  width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin-bottom:12px;
  background:#1f2a44;cursor:zoom-in;transition:transform .3s;
}
.rlm-photo:hover{transform:scale(1.02)}
.rlm-text{
  font-size:.85rem;line-height:1.6;color:#fff;margin-bottom:12px;
  font-style:italic;position:relative;
}
.rlm-text::before{
  content:'"';color:var(--gold2);font-family:var(--fd);font-size:2rem;
  position:absolute;left:-6px;top:-12px;opacity:.4;line-height:1;
}
.rlm-foot{
  display:flex;align-items:center;gap:12px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:10px;font-size:.7rem;
}
.rlm-avatar{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,#0ea5e9,#6366f1);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:.9rem;flex-shrink:0;
  box-shadow:0 4px 10px rgba(99,102,241,.4), inset 0 1px 0 rgba(255,255,255,.2);
}
.rlm-name{font-weight:700;color:#fff;font-size:.78rem;display:flex;align-items:center;gap:5px}
.rlm-name::after{
  content:'✓';color:#10b981;font-size:.6rem;
  background:rgba(16,185,129,.15);border-radius:50%;
  width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(16,185,129,.3);
}
.rlm-pkg{color:#7a8499;font-size:.65rem;margin-top:3px}
.rlm-empty{
  padding:60px 20px;text-align:center;color:#7a8499;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.rlm-empty-ico{font-size:3.5rem;opacity:.4}
.rlm-empty-tt{font-size:1rem;font-weight:700;color:#cbd5e1}
.rlm-empty-sb{font-size:.75rem;line-height:1.5;max-width:300px}

/* Reviews modal header premium */
.rlm-modal-hd{
  padding:18px 20px;
  background:linear-gradient(135deg,#0ea5e9,#6366f1);
  border-radius:20px 20px 0 0;color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  position:relative;overflow:hidden;
}
.rlm-modal-hd::after{
  content:'';position:absolute;top:-30%;right:-15%;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 65%);
  pointer-events:none;
}
.rlm-modal-tt{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.rlm-modal-stats{
  font-size:.72rem;opacity:.92;margin-top:3px;position:relative;z-index:2;
  display:flex;align-items:center;gap:6px;
}
.rlm-modal-stats strong{color:var(--gold);font-size:.85rem}
.rlm-modal-close{
  background:rgba(0,0,0,.25);border:none;color:#fff;
  width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.1rem;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:2;transition:all .2s;
}
.rlm-modal-close:hover{background:rgba(0,0,0,.5);transform:rotate(90deg)}

/* Foto yuklash hover */
#rvPhotoLabel:hover{border-color:#6366f1;color:#fff;background:rgba(99,102,241,.05)}

/* ── INTERAKTIV KARTA ── */
.map-strip{padding:30px 16px 20px}
#tourMap{width:100%;height:380px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);background:#1a1f2e;margin-top:10px}
.map-legend{display:flex;gap:20px;justify-content:center;margin-top:14px;flex-wrap:wrap;font-size:.7rem;color:var(--mu)}
.map-leg-item{display:flex;align-items:center;gap:6px}
.map-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.map-dot-uz{background:#0ea5e9;box-shadow:0 0 8px rgba(14,165,233,.6)}
.map-dot-out{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.6)}
/* Leaflet popup'larni mahalliy mavzuga moslashtirish */
.leaflet-popup-content-wrapper{background:#0f1626!important;color:#fff!important;border-radius:10px!important;border:1px solid #1f2a44}
.leaflet-popup-tip{background:#0f1626!important}
.leaflet-popup-content{margin:14px 16px!important;font-family:var(--ff)!important}
.tour-popup-name{font-weight:800;font-size:.95rem;color:#fbbf24;margin-bottom:6px}
.tour-popup-desc{font-size:.78rem;color:#cbd5e1;margin-bottom:10px;line-height:1.5}
.tour-popup-price{font-size:.85rem;font-weight:700;color:#10b981;margin-bottom:10px}
.tour-popup-btn{display:inline-block;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff!important;text-decoration:none;padding:7px 14px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;border:none;font-family:var(--ff)}
.tour-popup-btn:hover{filter:brightness(1.1)}
/* Custom marker icon */
.custom-pin{display:flex;align-items:center;justify-content:center;font-size:18px;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px rgba(0,0,0,.4);border:2px solid #fff}
.custom-pin span{transform:rotate(45deg)}
.pin-uz{background:linear-gradient(135deg,#0ea5e9,#0c4a6e)}
.pin-out{background:linear-gradient(135deg,#f59e0b,#92400e)}
body.in-telegram .map-strip{padding:20px 12px}

/* ── BOOKING CALENDAR (Tezkor sana tanlash) ── */
.quick-dates{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;margin:0 -16px 14px;padding-left:16px;padding-right:16px;scrollbar-width:none}
.quick-dates::-webkit-scrollbar{display:none}
.quick-chip{flex-shrink:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--tx);padding:8px 14px;border-radius:18px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--ff);white-space:nowrap}
.quick-chip:hover{background:rgba(14,165,233,.15);border-color:rgba(14,165,233,.4);transform:translateY(-1px)}
.quick-chip:active{transform:scale(.96)}
.quick-chip.on{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.4)}


/* ══════════════════════════════════════════════════
   TRUST STRIP — yuqori qismda 5 ta ishonch belgisi
   ══════════════════════════════════════════════════ */
.trust-strip{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;
  padding:10px 14px;background:linear-gradient(90deg,rgba(7,16,31,.95),rgba(13,28,48,.95));
  border-bottom:1px solid var(--bd);
  font-family:var(--ff);font-size:.62rem;color:var(--mu);
  position:relative;z-index:5;
}
.trust-strip::-webkit-scrollbar{display:none}
.trust-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:600;letter-spacing:.3px}
.trust-item-ico{font-size:.85rem}
.trust-item-tx{color:rgba(240,235,224,.75)}
.trust-divider{width:3px;height:3px;border-radius:50%;background:var(--bd);flex-shrink:0}
@media(max-width:600px){
  .trust-strip{gap:8px 12px;padding:10px 8px;font-size:.55rem}
  .trust-divider{display:none}
  .trust-item{padding:4px 8px;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid var(--bd2)}
  .trust-item-tx{color:rgba(240,235,224,.85)}
}
@media(max-width:380px){
  .trust-strip{font-size:.5rem;gap:6px 8px}
  .trust-item{padding:3px 6px;gap:3px}
  .trust-item-ico{font-size:.75rem}
}
body.in-telegram .trust-strip{display:none}
/* Trust strip — footer'dan oldin (pastda) */
.trust-strip-bottom{
  border-top:1px solid var(--bd);
  border-bottom:0;
  background:linear-gradient(90deg,rgba(7,16,31,.98),rgba(13,28,48,.98));
  margin-top:0;
}

/* ══════════════════════════════════════════════════
   QUICK SEARCH WIDGET — hero ichida glassmorphism
   ══════════════════════════════════════════════════ */
.qsearch{
  margin:18px auto 0;max-width:680px;padding:14px;
  background:rgba(7,16,31,.78);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  border:1px solid rgba(232,184,75,.25);border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  animation:su .7s .5s both;
}
/* Compact version — faqat tugma */
.qsearch.qsearch-compact{padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:480px}
.qsearch.qsearch-compact .qsearch-go{box-shadow:0 12px 32px rgba(232,184,75,.5)}
.qsearch-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}
.qsearch-cell{display:flex;flex-direction:column;gap:4px;padding:9px 11px;background:rgba(13,28,48,.6);border:1px solid var(--bd2);border-radius:12px;transition:border-color .2s}
.qsearch-cell:focus-within{border-color:var(--gold2)}
.qsearch-lbl{font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);font-weight:600;display:flex;align-items:center;gap:4px}
.qsearch-val{background:transparent;border:0;outline:0;color:var(--tx);font-family:var(--ff);font-size:.78rem;font-weight:600;width:100%;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.qsearch-val::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.55;cursor:pointer}
.qsearch-val option{background:#0a1525;color:var(--tx)}
.qsearch-pax{display:flex;align-items:center;justify-content:space-between;gap:6px}
.qsearch-pax-btn{width:24px;height:24px;border-radius:50%;background:rgba(232,184,75,.12);border:1px solid var(--bd);color:var(--gold2);cursor:pointer;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.qsearch-pax-btn:hover{background:rgba(232,184,75,.22);transform:scale(1.05)}
.qsearch-pax-btn:active{transform:scale(.92)}
.qsearch-pax-num{font-family:var(--fd);font-size:1rem;color:var(--gold2);font-weight:700;min-width:18px;text-align:center}
.qsearch-go{
  width:100%;padding:14px;background:var(--grd);color:#04080f;
  border:0;border-radius:12px;font-family:var(--ff);font-size:.74rem;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 6px 20px rgba(232,184,75,.35);transition:transform .15s, box-shadow .15s;
}
.qsearch-go:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,184,75,.5)}
.qsearch-go:active{transform:translateY(0)}
.qsearch-go-ico{font-size:1rem}
@media(max-width:600px){
  .qsearch{margin:14px 14px 0;padding:11px;border-radius:14px}
  .qsearch-row{grid-template-columns:1fr;gap:6px;margin-bottom:8px}
  .qsearch-go{padding:13px;font-size:.7rem}
  .qsearch-cell{padding:8px 10px}
}
body.in-telegram .qsearch{display:none}

/* ══════════════════════════════════════════════════
   WHY US — 3 ta ustun
   ══════════════════════════════════════════════════ */
/* ─── WHY US — IXCHAM PROFESSIONAL (Booking/Airbnb stili) ─── */
.whyus{
  padding:36px 20px 24px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(232,184,75,.10), transparent 60%),
    linear-gradient(180deg, var(--s1) 0%, var(--bg) 100%);
  position:relative;overflow:hidden;
}
.whyus::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(232,184,75,.08) 1px, transparent 1px);
  background-size:24px 24px;
  pointer-events:none;opacity:.6;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
}
.whyus::before{content:'';position:absolute;top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(232,184,75,.05) 0%,transparent 60%);pointer-events:none}
.whyus::after{content:'';position:absolute;bottom:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(168,85,247,.04) 0%,transparent 60%);pointer-events:none}
.whyus-ttl{text-align:center;margin-bottom:24px;position:relative;z-index:2;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .25s}
.whyus-ttl:hover{transform:translateY(-2px)}
.whyus-ttl:active{transform:translateY(0)}
.whyus-chev{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#a855f7,#7e22ce);
  color:#fff;font-size:1rem;margin-top:14px;
  box-shadow:0 6px 18px rgba(168,85,247,.45);
  transition:transform .55s cubic-bezier(.5,1.5,.5,1);
}
.whyus.expanded .whyus-chev{transform:rotate(180deg)}
.whyus-hint{
  display:block;font-size:.55rem;color:#c084fc;
  margin-top:6px;font-weight:600;letter-spacing:1.2px;
  text-transform:uppercase;opacity:.85;
}
.whyus.expanded .whyus-hint{opacity:0;height:0;margin-top:0;overflow:hidden;transition:.3s}
.whyus-collapse{
  display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;
  transition:grid-template-rows .7s cubic-bezier(.4,0,.2,1), opacity .4s, margin-top .4s;
}
.whyus-collapse > *{overflow:hidden;min-height:0}
.whyus.expanded .whyus-collapse{
  grid-template-rows:1fr;opacity:1;margin-top:14px;
  transition:grid-template-rows .85s cubic-bezier(.4,0,.2,1), opacity .5s .15s, margin-top .4s;
}
/* Karta stagger */
.whyus-card{transform:translateY(-20px);opacity:0;transition:transform .5s cubic-bezier(.4,1.3,.4,1), opacity .4s}
.whyus.expanded .whyus-card{transform:translateY(0);opacity:1}
.whyus.expanded .whyus-grid > *:nth-child(1){transition-delay:.15s}
.whyus.expanded .whyus-grid > *:nth-child(2){transition-delay:.20s}
.whyus.expanded .whyus-grid > *:nth-child(3){transition-delay:.25s}
.whyus.expanded .whyus-grid > *:nth-child(4){transition-delay:.30s}
.whyus.expanded .whyus-grid > *:nth-child(5){transition-delay:.35s}
.whyus.expanded .whyus-grid > *:nth-child(6){transition-delay:.40s}
.whyus-tag{
  display:inline-block;font-size:.48rem;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:8px;
  padding:4px 12px;border:1px solid var(--gold);border-radius:12px;
  background:rgba(232,184,75,.06);
}
.whyus-h{font-family:var(--fd);font-size:clamp(1.3rem,4vw,1.9rem);color:var(--tx);font-weight:700;line-height:1.2;margin-bottom:6px}
.whyus-h em{font-style:italic;color:var(--gold2)}
.whyus-sub{font-size:.65rem;color:var(--mu);line-height:1.5;max-width:440px;margin:0 auto}
@media(min-width:768px){.whyus-sub{font-size:.72rem}}

.whyus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:var(--max-w);margin:0 auto;position:relative;z-index:2}
.whyus-card{
  padding:18px 14px;background:linear-gradient(180deg,var(--s2),var(--s1));
  border:1px solid var(--bd2);border-radius:14px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  transition:all .25s cubic-bezier(.34,1.56,.64,1);
  position:relative;overflow:hidden;
}
.whyus-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ico-c1,var(--gold2)),var(--ico-c2,var(--gold)));
  opacity:0;transition:opacity .25s;
}
.whyus-card:hover{
  transform:translateY(-4px);border-color:var(--ico-c1,var(--gold));
  box-shadow:0 8px 22px rgba(0,0,0,.35), 0 0 0 1px var(--ico-c1,var(--gold));
}
.whyus-card:hover::before{opacity:1}
.whyus-card-ico-wrap{
  width:48px;height:48px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,var(--ico-c1,var(--gold2)),var(--ico-c2,var(--gold)));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px color-mix(in srgb, var(--ico-c1,var(--gold2)) 30%,transparent);
  transition:transform .25s;
}
.whyus-card:hover .whyus-card-ico-wrap{transform:scale(1.08) rotate(-3deg)}
.whyus-card-ico{font-size:1.35rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.whyus-card-h{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--tx);margin:0}
.whyus-card-p{font-size:.62rem;color:var(--mu);line-height:1.5}
@media(min-width:768px){
  .whyus-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .whyus-card{padding:20px 16px}
  .whyus-card-ico-wrap{width:54px;height:54px;border-radius:13px}
  .whyus-card-ico{font-size:1.55rem}
  .whyus-card-h{font-size:1.05rem}
  .whyus-card-p{font-size:.66rem}
}
@media(min-width:1024px){
  /* Desktopda kompakt 3-ustun, lekin kichikroq paddinglar */
  .whyus-grid{gap:14px}
  .whyus-card{padding:22px 18px;gap:12px}
}
@media(max-width:760px){
  .whyus{padding:28px 14px 18px}
  .whyus-grid{grid-template-columns:1fr;gap:8px}
  .whyus-card{flex-direction:row;text-align:left;padding:14px 12px;gap:12px}
  .whyus-card-ico-wrap{width:46px;height:46px;border-radius:12px}
  .whyus-card-ico{font-size:1.3rem}
  .whyus-card-h{font-size:.95rem}
  .whyus-card-p{font-size:.6rem;line-height:1.45}
}
body.in-telegram .whyus{padding:20px 12px 14px}

/* ── HOW IT WORKS — 3-step infographic ── */
.howto{
  padding:48px 20px 32px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(232,184,75,.10), transparent 60%),
    linear-gradient(180deg, var(--s1) 0%, var(--bg) 100%);
  position:relative;overflow:hidden;
}
.howto::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(232,184,75,.08) 1px, transparent 1px);
  background-size:24px 24px;
  pointer-events:none;opacity:.6;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
}
.howto-ttl{text-align:center;margin-bottom:32px;position:relative;z-index:2;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .25s}
.howto-ttl:hover{transform:translateY(-2px)}
.howto-ttl:active{transform:translateY(0)}
/* Chevron — pastga qaragan strelka */
.howto-chev{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#a855f7,#7e22ce);
  color:#fff;font-size:1rem;margin-top:14px;
  box-shadow:0 6px 18px rgba(168,85,247,.45);
  transition:transform .55s cubic-bezier(.5,1.5,.5,1), box-shadow .3s;
}
.howto-ttl:hover .howto-chev{box-shadow:0 8px 24px rgba(168,85,247,.6)}
.howto.expanded .howto-chev{transform:rotate(180deg)}
/* Chevron strelkalarni yashirish — sarlavhaning o'zi tugma rolini bajaradi */
.howto-chev, .whyus-chev{display:none !important}
.howto-hint{
  display:block;font-size:.55rem;color:#c084fc;
  margin-top:6px;font-weight:600;letter-spacing:1.2px;
  text-transform:uppercase;opacity:.85;
}
.howto.expanded .howto-hint{opacity:0;height:0;margin-top:0;overflow:hidden;transition:.3s}
/* Collapse wrapper — accordion (CSS Grid 0fr→1fr trick) */
.howto-collapse{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;margin-top:0;
  transition:grid-template-rows .7s cubic-bezier(.4,0,.2,1), opacity .4s, margin-top .4s;
}
.howto-collapse > *{overflow:hidden;min-height:0}
.howto.expanded .howto-collapse{
  grid-template-rows:1fr;opacity:1;margin-top:14px;
  transition:grid-template-rows .85s cubic-bezier(.4,0,.2,1), opacity .5s .15s, margin-top .4s;
}
/* Step kartalar — pastdan staggered slide */
.howto-step, .howto-step-arrow{
  transform:translateY(-30px);opacity:0;
  transition:transform .55s cubic-bezier(.4,1.4,.4,1), opacity .4s;
}
.howto.expanded .howto-step, .howto.expanded .howto-step-arrow{
  transform:translateY(0);opacity:1;
}
.howto.expanded .howto-steps > *:nth-child(1){transition-delay:.15s}
.howto.expanded .howto-steps > *:nth-child(2){transition-delay:.22s}
.howto.expanded .howto-steps > *:nth-child(3){transition-delay:.30s}
.howto.expanded .howto-steps > *:nth-child(4){transition-delay:.38s}
.howto.expanded .howto-steps > *:nth-child(5){transition-delay:.46s}
.howto-tag{
  display:inline-block;font-size:.5rem;letter-spacing:3px;text-transform:uppercase;
  color:#c084fc;font-weight:800;margin-bottom:10px;
  padding:5px 14px;border:1px solid rgba(168,85,247,.4);border-radius:14px;
  background:rgba(168,85,247,.06);
}
.howto-h{
  font-family:var(--fd);font-size:clamp(1.4rem,4.8vw,2.2rem);
  color:var(--tx);font-weight:700;line-height:1.2;
}
.howto-h em{font-style:italic;color:#c084fc}
.howto-steps{
  display:flex;align-items:center;justify-content:center;gap:14px;
  max-width:var(--max-w);margin:0 auto;flex-wrap:nowrap;
  position:relative;z-index:2;
}
.howto-step{
  flex:1;max-width:280px;
  padding:24px 20px;background:linear-gradient(180deg,var(--s2),var(--s1));
  border:1px solid var(--bd2);border-radius:18px;
  text-align:center;position:relative;
  transition:all .3s;
}
.howto-step:hover{transform:translateY(-4px);border-color:#c084fc;box-shadow:0 12px 28px rgba(168,85,247,.2)}
.howto-step-num{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  font-family:var(--fd);font-size:.8rem;font-weight:800;
  padding:5px 14px;border-radius:14px;color:#fff;
  background:linear-gradient(135deg,#a855f7,#7e22ce);
  box-shadow:0 4px 14px rgba(168,85,247,.4);
  letter-spacing:1px;
}
.howto-step-ico{font-size:2.4rem;margin:14px 0 12px;line-height:1}
.howto-step-h{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--tx);margin-bottom:8px}
.howto-step-p{font-size:.66rem;color:var(--mu);line-height:1.55}
.howto-step-arrow{
  font-size:1.6rem;color:rgba(168,85,247,.6);font-weight:300;
  flex-shrink:0;align-self:center;
  animation:howtoArr 2s ease-in-out infinite;
}
@keyframes howtoArr{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(4px);opacity:1}}
@media(max-width:760px){
  .howto{padding:32px 14px 22px}
  .howto-steps{flex-direction:column;gap:10px;max-width:480px}
  .howto-step{max-width:none;width:100%;padding:18px 14px 16px;display:flex;align-items:center;text-align:left;gap:14px}
  .howto-step-num{position:static;transform:none;flex-shrink:0;margin-right:0}
  .howto-step-ico{font-size:2rem;margin:0;flex-shrink:0}
  .howto-step-h{font-size:.95rem;margin-bottom:3px}
  .howto-step-p{font-size:.6rem}
  .howto-step-arrow{transform:rotate(90deg);font-size:1.2rem;margin:-4px 0}
  @keyframes howtoArr{0%,100%{transform:rotate(90deg) translateY(0);opacity:.6}50%{transform:rotate(90deg) translateY(-4px);opacity:1}}
}
body.in-telegram .howto{padding:24px 12px 16px}

/* ── BIG CTA — sayohatga tayyormisiz ── */
.big-cta{
  padding:52px 20px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(232,184,75,.10), transparent 60%),
    linear-gradient(180deg, var(--s1) 0%, var(--bg) 100%);
  position:relative;overflow:hidden;
}
.big-cta::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(232,184,75,.08) 1px, transparent 1px);
  background-size:24px 24px;
  pointer-events:none;opacity:.6;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
}

/* ── VIZA + BLOG STRIP — footer oldida ── */
.vizablog-strip{
  padding:36px 20px 28px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(232,184,75,.10), transparent 60%),
    linear-gradient(180deg, var(--s1) 0%, var(--bg) 100%);
  position:relative;overflow:hidden;
}
.vizablog-strip::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(232,184,75,.08) 1px, transparent 1px);
  background-size:24px 24px;
  pointer-events:none;opacity:.6;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
}
.vizablog-inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto}
.vizablog-ttl{text-align:center;margin-bottom:20px}
.vizablog-tag{
  display:inline-block;font-size:.5rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:10px;
  padding:5px 14px;border:1px solid rgba(232,184,75,.4);border-radius:14px;
  background:rgba(232,184,75,.06);
}
.vizablog-h{
  font-family:var(--fd);font-size:clamp(1.3rem,4.5vw,2rem);
  color:var(--tx);font-weight:700;line-height:1.2;
}
.vizablog-h em{font-style:italic;color:var(--gold2)}
.big-cta::before{
  content:'';position:absolute;inset:0;
  background-image:
    radial-gradient(circle at 25% 30%,rgba(232,184,75,.08) 0%,transparent 8%),
    radial-gradient(circle at 75% 70%,rgba(168,85,247,.06) 0%,transparent 10%),
    radial-gradient(circle at 50% 50%,rgba(232,184,75,.04) 0%,transparent 15%);
  pointer-events:none;
}
.big-cta-inner{
  max-width:680px;margin:0 auto;text-align:center;
  position:relative;z-index:2;
}
.big-cta-tag{
  display:inline-block;font-size:.55rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:12px;
  padding:6px 16px;border:1px solid var(--gold);border-radius:16px;
  background:rgba(232,184,75,.06);backdrop-filter:blur(4px);
}
.big-cta-h{
  font-family:var(--fd);font-size:clamp(1.8rem,6vw,3rem);
  color:#fff;font-weight:700;line-height:1.15;margin-bottom:12px;
  text-shadow:0 3px 12px rgba(0,0,0,.4);
}
.big-cta-h em{font-style:italic;color:var(--gold2)}
.big-cta-sub{
  font-size:.78rem;color:rgba(255,255,255,.72);line-height:1.6;
  margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto;
}
@media(min-width:768px){.big-cta-sub{font-size:.9rem}}
.big-cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--grd);color:#04080f;
  font-family:var(--ff);font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:16px 36px;border-radius:50px;border:none;cursor:pointer;
  box-shadow:0 10px 32px rgba(232,184,75,.4),inset 0 1px 0 rgba(255,255,255,.3);
  transition:all .25s;
  animation:bigCtaPulse 2.5s ease-in-out infinite;
}
@keyframes bigCtaPulse{0%,100%{box-shadow:0 10px 32px rgba(232,184,75,.4),inset 0 1px 0 rgba(255,255,255,.3)}50%{box-shadow:0 12px 40px rgba(232,184,75,.65),inset 0 1px 0 rgba(255,255,255,.3)}}
.big-cta-btn:hover{transform:translateY(-3px) scale(1.03)}
.big-cta-btn:active{transform:translateY(0) scale(.98)}
.big-cta-btn-ico{font-size:1.1rem;line-height:1}
.big-cta-trust{
  margin-top:20px;font-size:.6rem;color:var(--mu);font-weight:600;
  letter-spacing:.3px;
}
@media(min-width:768px){.big-cta-trust{font-size:.7rem}}
.big-cta-watch{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:14px;padding:8px 16px;
  background:rgba(255,0,0,.08);border:1px solid rgba(255,0,0,.25);
  border-radius:24px;color:#fff;cursor:pointer;
  font-family:var(--ff);font-size:.55rem;font-weight:700;
  letter-spacing:.8px;transition:all .2s;
  text-transform:uppercase;
}
.big-cta-watch:hover{background:rgba(255,0,0,.18);border-color:#ff0000;transform:translateY(-1px)}
.big-cta-watch-ico{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,#ff0000,#cc0000);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(255,0,0,.5);
}
.big-cta-watch-sub{font-weight:500;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0}
@media(max-width:480px){.big-cta-watch-sub{display:none}}
@media(max-width:600px){
  .big-cta{padding:36px 16px}
  .big-cta-btn{padding:14px 28px;font-size:.7rem}
}
body.in-telegram .big-cta{padding:30px 14px}

/* ── TELEGRAM MINI APP ── */
body.in-telegram #pwaInstallBanner{display:none!important}
body.in-telegram{padding-top:0}
body.in-telegram .nav{padding-top:8px}
/* Telegramda ortiqcha banner shart emas */
body.in-telegram .hero{padding-top:0}

/* ── AI MASLAHATCHI ── */
.ai-fab{position:fixed;left:18px;bottom:18px;z-index:9998;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;font-size:1.6rem;cursor:grab;box-shadow:0 8px 24px rgba(168,85,247,.45);display:flex;align-items:center;justify-content:center;transition:transform .25s;font-family:var(--ff);touch-action:none;user-select:none;-webkit-user-select:none}
.ai-fab.dragging{cursor:grabbing;transition:none;transform:scale(1.1);box-shadow:0 12px 32px rgba(168,85,247,.65)}
.ai-fab:hover{transform:scale(1.08)}
.ai-fab:active{transform:scale(.95)}
.ai-fab-tip{position:absolute;left:74px;bottom:14px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:8px 14px;border-radius:20px;font-size:.7rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.4);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;gap:6px}
.ai-fab:hover + .ai-fab-tip{opacity:1}
.ai-fab-badge{position:absolute;top:-4px;right:-4px;background:#fff;color:#a855f7;padding:2px 7px;border-radius:10px;font-size:.55rem;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.3)}
@media(max-width:600px){.ai-fab{left:14px;bottom:14px;width:54px;height:54px;font-size:1.4rem}.ai-fab-tip{display:none}}
body.in-telegram .ai-fab{display:none}

/* AI Chat Modal */
.ai-modal{display:none;position:fixed;inset:0;background:rgba(4,8,15,.88);backdrop-filter:blur(8px);z-index:99999;align-items:flex-end;justify-content:center;padding:0;font-family:var(--ff)}
.ai-modal.on{display:flex;animation:aiModalIn .3s}
@keyframes aiModalIn{from{opacity:0}to{opacity:1}}
.ai-card{background:#0f1626;border:1px solid #1f2a44;border-radius:20px 20px 0 0;width:100%;max-width:520px;height:88vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(168,85,247,.2);animation:aiCardUp .35s}
@keyframes aiCardUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.ai-hd{padding:14px 18px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:20px 20px 0 0;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.ai-hd::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 65%);animation:aiHeadShine 4s ease-in-out infinite;pointer-events:none}
@keyframes aiHeadShine{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(-30%) rotate(15deg)}}
.ai-hd-l{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.ai-hd-ico-wrap{position:relative;width:42px;height:42px;flex-shrink:0}
.ai-hd-ico{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:1.35rem;backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.3);animation:aiAvatarPulse 2.5s ease-in-out infinite}
@keyframes aiAvatarPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(255,255,255,0)}}
.ai-hd-online{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid #fff;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:aiOnlineDot 2s ease-in-out infinite}
@keyframes aiOnlineDot{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}
.ai-hd-tit{font-weight:800;font-size:1rem;line-height:1.1}
.ai-hd-sub-wrap{display:flex;align-items:center;gap:5px;margin-top:3px}
.ai-hd-dot{width:6px;height:6px;border-radius:50%;background:#a7f3d0;box-shadow:0 0 8px rgba(167,243,208,.7);animation:aiPing 1.8s ease-in-out infinite}
@keyframes aiPing{0%,100%{opacity:.5}50%{opacity:1}}
.ai-hd-sub{font-size:.6rem;opacity:.92;font-weight:600;letter-spacing:.3px}

/* ── PREMIUM WELCOME STATE ── */
.ai-welcome{
  flex:1;overflow-y:auto;padding:28px 22px 24px;background:#04080f;
  display:none;flex-direction:column;align-items:center;gap:22px;
}
.ai-welcome::-webkit-scrollbar{width:0}
.ai-w-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 6px}
.ai-w-avatar{position:relative;width:90px;height:90px;margin-bottom:6px;display:flex;align-items:center;justify-content:center}
.ai-w-avatar-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(168,85,247,.4);animation:aiWAvtRing 2.6s ease-in-out infinite}
.ai-w-avatar-ring-2{animation-delay:.8s;border-color:rgba(236,72,153,.35)}
@keyframes aiWAvtRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.ai-w-avatar-emoji{
  position:relative;z-index:2;width:74px;height:74px;border-radius:50%;
  background:linear-gradient(135deg,#a855f7,#ec4899);
  display:flex;align-items:center;justify-content:center;
  font-size:2.4rem;
  box-shadow:0 12px 32px rgba(168,85,247,.5);
}
.ai-w-greet{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}
.ai-w-tag{font-size:.72rem;color:#cbd5e1;line-height:1.5;max-width:300px}

.ai-w-capabilities{width:100%;max-width:480px}
.ai-w-cap-h{
  font-size:.5rem;letter-spacing:1.8px;text-transform:uppercase;
  color:#a855f7;font-weight:800;margin-bottom:10px;text-align:center;
}
.ai-w-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:380px){.ai-w-cap-grid{grid-template-columns:1fr}}
.ai-w-cap{
  display:flex;align-items:center;gap:9px;
  background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(236,72,153,.04));
  border:1px solid rgba(168,85,247,.25);
  border-radius:12px;padding:10px 12px;
}
.ai-w-cap-ico{font-size:1.2rem;line-height:1;flex-shrink:0}
.ai-w-cap-tx{font-size:.62rem;color:#e2e8f0;line-height:1.4;font-weight:500}

.ai-w-tryask{width:100%;max-width:480px}
.ai-w-tryask-h{
  font-size:.5rem;letter-spacing:1.8px;text-transform:uppercase;
  color:#ec4899;font-weight:800;margin-bottom:10px;text-align:center;
}
.ai-w-tryask-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.ai-w-tryask-chip{
  background:linear-gradient(135deg,#1f2a44,#0f1626);
  border:1px solid #374151;color:#e2e8f0;
  padding:9px 13px;border-radius:18px;
  font-size:.65rem;font-weight:600;cursor:pointer;
  font-family:inherit;transition:all .2s;
  white-space:nowrap;
}
.ai-w-tryask-chip:hover{
  background:linear-gradient(135deg,#a855f7,#ec4899);
  border-color:transparent;color:#fff;transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(168,85,247,.4);
}
.ai-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1}
.ai-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#04080f}
.ai-msg-wrap{display:flex;align-items:flex-end;gap:8px;max-width:90%}
.ai-msg-wrap-a{align-self:flex-start}
.ai-msg-wrap-u{align-self:flex-end;flex-direction:row-reverse}
.ai-msg-avatar{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#a855f7,#ec4899);
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;
  box-shadow:0 2px 8px rgba(168,85,247,.35);
  border:1px solid rgba(255,255,255,.1);
}
.ai-msg{padding:10px 14px;border-radius:14px;font-size:.85rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;animation:aiMsgIn .25s ease-out}
@keyframes aiMsgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ai-msg-u{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px rgba(168,85,247,.25)}
.ai-msg-a{background:#1f2a44;color:#fff;border-bottom-left-radius:4px;border:1px solid #2d3a5a}
.ai-msg-loading{align-self:flex-start;background:#1f2a44;padding:12px 18px;border-radius:14px;border-bottom-left-radius:4px;display:flex;gap:5px;margin-left:38px}
.ai-msg-loading span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:aiBlink 1.4s infinite}
.ai-msg-loading span:nth-child(2){animation-delay:.2s}
.ai-msg-loading span:nth-child(3){animation-delay:.4s}
@keyframes aiBlink{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}
.ai-suggestions{padding:10px 14px;border-top:1px solid #1f2a44;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.ai-suggestions::-webkit-scrollbar{display:none}
.ai-sugg{flex-shrink:0;background:#1f2a44;border:1px solid #374151;color:#cbd5e1;padding:7px 12px;border-radius:18px;font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}
.ai-sugg:hover{background:#a855f7;color:#fff;border-color:#a855f7}
.ai-input-bar{padding:12px;background:#0a0e1a;border-top:1px solid #1f2a44;display:flex;gap:8px;align-items:center}
.ai-input{flex:1;padding:10px 14px;background:#04080f;border:1px solid #1f2a44;border-radius:24px;color:#fff;font-size:.85rem;outline:none;font-family:inherit}
.ai-input:focus{border-color:#a855f7}
.ai-send{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}
.ai-send:hover{transform:scale(1.08)}
.ai-send:disabled{opacity:.5;cursor:not-allowed}

/* ─── AI: typing animation cursor (premium reveal) ─── */
.ai-msg-typing::after{
  content:'▌';color:#a855f7;margin-left:2px;
  animation:aiCursor 1s infinite;font-weight:bold;
}
@keyframes aiCursor{0%,49%{opacity:1}50%,100%{opacity:0}}

/* ─── AI: CTA tugmalari javob ostida ─── */
.ai-msg-cta{
  display:flex;gap:6px;flex-wrap:wrap;
  margin:8px 0 4px 38px;animation:aiMsgIn .3s ease-out;
}
.ai-cta-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 12px;border-radius:18px;cursor:pointer;
  font-size:.7rem;font-weight:600;font-family:inherit;
  border:1px solid;transition:all .2s;
}
.ai-cta-book{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#000;border-color:transparent;
  box-shadow:0 4px 12px rgba(251,191,36,.3);
}
.ai-cta-book:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(251,191,36,.45)}
.ai-cta-call{
  background:rgba(34,197,94,.12);color:#86efac;
  border-color:rgba(34,197,94,.35);
}
.ai-cta-call:hover{background:rgba(34,197,94,.22);transform:translateY(-1px)}
.ai-cta-more{
  background:rgba(168,85,247,.12);color:#c084fc;
  border-color:rgba(168,85,247,.35);
}
.ai-cta-more:hover{background:rgba(168,85,247,.22);transform:translateY(-1px)}

/* ─── AI: chat header — clear tugmasi ─── */
.ai-clear-btn{
  background:none;border:1px solid rgba(239,68,68,.3);
  color:#f87171;padding:4px 10px;border-radius:14px;
  font-size:.65rem;font-weight:600;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;gap:4px;transition:all .2s;
}
.ai-clear-btn:hover{background:rgba(239,68,68,.12);border-color:#ef4444}

/* ─── AI: kategoriyalashtirilgan suggestions ─── */
.ai-sugg-group{display:flex;flex-direction:column;gap:6px;padding:8px 14px;border-top:1px solid #1f2a44}
.ai-sugg-group-h{font-size:.55rem;color:#94a3b8;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.ai-sugg-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.ai-sugg-row::-webkit-scrollbar{display:none}

/* ─── PAGE HEADER ─── */
/* Default: kontent oqimida (sticky emas) — overlay muammosi yo'q */
.phd{padding:14px 16px 12px;border-bottom:1px solid var(--bd2);
  background:var(--bg);position:relative;z-index:10}
.phd-tag{font-size:.48rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:3px}
.phd h2{font-family:var(--fd);font-size:1.55rem;font-weight:700;margin-bottom:2px}
.phd p{font-size:.63rem;color:var(--mu);line-height:1.6}

/* ─── PROGRESS ─── */
.prg{padding:8px 16px;background:rgba(7,16,31,.7)}
.prg-track{height:2px;background:var(--s3);border-radius:1px;overflow:hidden;margin-bottom:2px}
.prg-fill{height:100%;background:var(--grd);border-radius:1px;transition:.4s}
.prg-row{display:flex;justify-content:space-between;font-size:.48rem;color:var(--mu2)}

/* ═══════════════════════════════════════════════════
   PREMIUM PROGRESS BAR (Custom Builder uchun)
   Sodda: faqat progress bar + step raqami + mini labels
   ═══════════════════════════════════════════════════ */
.cprg7{
  padding:0 16px 20px;
  max-width:780px;margin:0 auto;
  position:relative;z-index:5;
}
/* Step counter row */
.cprg7-counter{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.cprg7-counter-l{
  font-size:.55rem;font-weight:700;letter-spacing:1.2px;
  color:var(--mu);text-transform:uppercase;
}
.cprg7-counter-r{
  font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--gold2);
}
.cprg7-counter-r span{color:var(--mu);font-size:.7rem;font-weight:500}
/* Progress track + fill */
.cprg7-track{
  position:relative;height:12px;
  background:rgba(255,255,255,.1);border-radius:6px;
  overflow:hidden;border:1px solid rgba(255,255,255,.05);
}
.cprg7-fill{
  position:absolute;left:0;top:0;bottom:0;
  background:linear-gradient(90deg,#10b981 0%,#10b981 var(--done-pct,0%),var(--gold2) var(--done-pct,0%),var(--gold) 100%);
  border-radius:6px;transition:width .5s cubic-bezier(.34,1.56,.64,1);
  box-shadow:0 0 16px rgba(232,184,75,.5), inset 0 1px 0 rgba(255,255,255,.2);
}
.cprg7-fill::after{
  content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;border-radius:50%;
  background:var(--grd);border:2.5px solid #fff;
  box-shadow:0 0 0 0 rgba(232,184,75,.6), 0 4px 12px rgba(0,0,0,.4);
  animation:cprg7DotPulse 1.6s ease-in-out infinite;
}
@keyframes cprg7DotPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,184,75,.6), 0 4px 12px rgba(0,0,0,.4)}50%{box-shadow:0 0 0 10px rgba(232,184,75,0), 0 4px 12px rgba(0,0,0,.4)}}
/* Mini steps under bar — endi yorqinroq */
.cprg7-mini{
  display:flex;justify-content:space-between;margin-top:12px;gap:2px;
  font-size:.45rem;letter-spacing:.5px;color:rgba(255,255,255,.45);
  text-transform:uppercase;font-weight:700;
}
.cprg7-mini span{flex:1;text-align:center;transition:color .3s;line-height:1.2}
.cprg7-mini span.done{color:#7ad68c}
.cprg7-mini span.active{color:var(--gold2);font-weight:800}
@media(min-width:600px){
  .cprg7{padding:0 24px 24px}
  .cprg7-track{height:14px}
  .cprg7-mini{font-size:.55rem;margin-top:14px}
  .cprg7-counter-r{font-size:1.1rem}
}
@media(max-width:380px){
  .cprg7{padding:0 12px 16px}
  .cprg7-track{height:10px}
  .cprg7-mini{font-size:.4rem}
}

/* C1-C7 phd-tag — Premium gold pill */
#pg-c1 .phd-tag,#pg-c2 .phd-tag,#pg-c3 .phd-tag,#pg-c4 .phd-tag,
#pg-c5 .phd-tag,#pg-c6 .phd-tag,#pg-c7 .phd-tag{
  display:inline-block;
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.08));
  border:1px solid var(--gold);
  padding:4px 12px;border-radius:14px;
  font-size:.48rem;letter-spacing:2px;color:var(--gold2);
  box-shadow:0 4px 12px rgba(232,184,75,.18);
}

/* C1-C7 .phd — sticky emas, qattiq fon bilan (overlay muammosi yo'q) */
#pg-c1 .phd,#pg-c2 .phd,#pg-c3 .phd,#pg-c4 .phd,
#pg-c5 .phd,#pg-c6 .phd,#pg-c7 .phd{
  text-align:center;padding:18px 16px 14px;
  border-bottom:0;
  position:static;
  background:var(--bg);
}
#pg-c1 .phd h2,#pg-c2 .phd h2,#pg-c3 .phd h2,#pg-c4 .phd h2,
#pg-c5 .phd h2,#pg-c6 .phd h2,#pg-c7 .phd h2{
  margin-top:8px;font-size:clamp(1.4rem,4.5vw,1.8rem);
}
#pg-c1 .phd p,#pg-c2 .phd p,#pg-c3 .phd p,#pg-c4 .phd p,
#pg-c5 .phd p,#pg-c6 .phd p,#pg-c7 .phd p{
  font-size:.66rem;color:var(--mu);max-width:480px;margin:4px auto 0;
}

/* Eski .prg c1-c7 + pg-extra da yashirilsin */
#pg-c1 .prg,#pg-c2 .prg,#pg-c3 .prg,#pg-c4 .prg,
#pg-c5 .prg,#pg-c6 .prg,#pg-c7 .prg,#pg-extra .prg{display:none}
/* pg-extra phd tag style ham premium */
#pg-extra .phd-tag{
  display:inline-block;
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.08));
  border:1px solid var(--gold);
  padding:4px 12px;border-radius:14px;
  font-size:.48rem;letter-spacing:2px;color:var(--gold2);
  box-shadow:0 4px 12px rgba(232,184,75,.18);
}
#pg-extra .phd{text-align:center;padding:18px 16px 14px;border-bottom:0;position:static;background:var(--bg)}
#pg-extra .phd h2{margin-top:8px}

/* ─── BUTTONS ─── */
.bwrap{padding:14px 16px;display:flex;flex-direction:column;gap:7px}
.btn-p{width:100%;padding:13px;background:var(--grd);border:none;border-radius:var(--r2);
  font-family:var(--ff);font-size:.65rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:#04080f;cursor:pointer;transition:.2s;
  box-shadow:0 3px 14px rgba(201,145,42,.25);touch-action:manipulation}
.btn-p:hover,.btn-p:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,145,42,.38)}
.btn-s{width:100%;padding:11px;background:transparent;border:1.5px solid var(--bd2);
  border-radius:var(--r2);font-family:var(--ff);font-size:.63rem;font-weight:500;
  letter-spacing:.6px;text-transform:uppercase;color:var(--mu);cursor:pointer;transition:.18s;touch-action:manipulation}
.btn-s:hover,.btn-s:active{border-color:var(--gold);color:var(--gold)}

/* ─── COUNTER ─── */
.cbtn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--bd2);
  background:var(--s2);color:var(--tx);font-size:1.1rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.16s;flex-shrink:0;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cbtn:hover,.cbtn:active{background:var(--gold);border-color:var(--gold);color:#04080f}
.cnum{font-family:var(--fd);font-size:1.6rem;font-weight:300;min-width:30px;text-align:center}

/* ─── ERROR ─── */
.err{display:none;font-size:.6rem;color:var(--rose);padding:7px 11px;
  background:rgba(224,92,106,.06);border:1px solid rgba(224,92,106,.2);
  border-radius:var(--r4);margin:0 16px 7px}

/* ─── UTILITIES ─── */
.sp{height:12px}
.sep{height:1px;background:var(--bd2);margin:6px 16px}
.sec-h{padding:7px 16px;background:rgba(201,145,42,.06);
  border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2);
  font-size:.52rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--gold);margin-bottom:1px}
.gbadge{display:inline-block;background:var(--grd);font-size:.44rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;color:#04080f;padding:2px 7px;border-radius:4px}

/* ─── INPUTS ─── */
.inp{width:100%;border:1.5px solid var(--bd2);border-radius:var(--r3);
  padding:10px 12px;font-family:var(--ff);font-size:.72rem;color:var(--tx);
  background:var(--s2);outline:none;transition:border-color .18s, box-shadow .18s, background .18s}
.inp:hover{border-color:var(--bd);background:rgba(232,184,75,.04)}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.18);background:rgba(232,184,75,.06)}
.inp.is-valid{border-color:#10b981;background:rgba(16,185,129,.04)}
.inp.is-valid:focus{box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.sel{width:100%;border:1.5px solid var(--bd2);border-radius:var(--r3);
  padding:10px 12px;font-family:var(--ff);font-size:.72rem;color:var(--tx);
  background:var(--s2);outline:none;transition:border-color .18s, box-shadow .18s, background .18s;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9912a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center}
.sel:hover{border-color:var(--bd);background-color:rgba(232,184,75,.04)}
.sel:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.18);background-color:rgba(232,184,75,.06)}
.sel.is-valid{border-color:#10b981;background-color:rgba(16,185,129,.04)}
.dateinp{width:100%;border:1.5px solid var(--bd2);border-radius:var(--r3);
  padding:9px 11px;font-family:var(--ff);font-size:.7rem;color:var(--tx);
  background:var(--s2);outline:none;transition:border-color .18s, box-shadow .18s}
.dateinp:hover{border-color:var(--bd)}
.dateinp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.18)}
.fg{margin-bottom:10px;padding:0 16px;position:relative}
.flbl{font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);font-weight:700;margin-bottom:3px;display:block}
.txta{width:100%;border:1.5px solid var(--bd2);border-radius:var(--r3);
  padding:10px 12px;font-family:var(--ff);font-size:.72rem;color:var(--tx);
  background:var(--s2);outline:none;resize:vertical;min-height:60px;transition:border-color .18s, box-shadow .18s, background .18s}
.txta:hover{border-color:var(--bd);background:rgba(232,184,75,.04)}
.txta:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,184,75,.18);background:rgba(232,184,75,.06)}

/* ─── ORDER PROGRESS BAR (Aloqa → To'lov → Tasdiq) ─── */
.ord-progress{
  display:flex;align-items:center;justify-content:center;
  padding:18px 16px 14px;gap:8px;
  background:var(--bg);position:relative;z-index:5;
}
.ord-progress-step{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  min-width:64px;
}
.ord-progress-num{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:.95rem;font-weight:700;
  transition:all .25s;
}
.ord-progress-lbl{
  font-size:.55rem;font-weight:700;color:rgba(255,255,255,.6);
  letter-spacing:.8px;text-transform:uppercase;transition:color .25s;
}
.ord-progress-step.on .ord-progress-num{
  background:var(--grd);border-color:var(--gold);color:#04080f;
  box-shadow:0 4px 18px rgba(232,184,75,.55);
  animation:ordProgressPulse 2s ease-in-out infinite;
  transform:scale(1.08);
}
@keyframes ordProgressPulse{0%,100%{box-shadow:0 4px 18px rgba(232,184,75,.55)}50%{box-shadow:0 6px 26px rgba(232,184,75,.8)}}
.ord-progress-step.on .ord-progress-lbl{color:var(--gold2);font-weight:800}
.ord-progress-step.done .ord-progress-num{
  background:rgba(16,185,129,.22);border-color:#10b981;color:#10b981;
  box-shadow:0 2px 10px rgba(16,185,129,.3);
}
.ord-progress-step.done .ord-progress-lbl{color:#7ad68c;font-weight:800}
.ord-progress-line{
  flex:1;max-width:60px;height:3px;
  background:rgba(255,255,255,.1);border-radius:2px;margin-bottom:20px;
  transition:background .4s;
}
.ord-progress-line.done{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 8px rgba(16,185,129,.5)}

/* ─── ORDER PREVIEW CARD (siz bron qilyapsiz...) ─── */
.ord-preview{
  margin:0 16px 14px;
  background:linear-gradient(135deg,rgba(232,184,75,.06),rgba(201,145,42,.02));
  border:1px solid var(--bd);border-radius:14px;
  padding:12px 14px;
  display:none; /* JS bilan ko'rinadi qiladi */
}
.ord-preview.on{display:block;animation:ordPrevIn .3s ease-out}
@keyframes ordPrevIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ord-preview-h{
  font-size:.48rem;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:8px;
}
.ord-preview-row{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:6px 0;border-bottom:1px dashed var(--bd2);gap:10px;
}
.ord-preview-row:last-child{border-bottom:0;padding-bottom:0}
.ord-preview-k{font-size:.58rem;color:var(--mu);font-weight:600;flex-shrink:0}
.ord-preview-v{font-size:.7rem;color:var(--tx);font-weight:700;text-align:right;line-height:1.3}

/* ─── TOURISM TYPE v2 — modernizatsiya ─── */
.ttype-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:0 16px 28px}
@media(min-width:760px){
  .ttype-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--max-w);margin:0 auto;padding:0 20px 32px}
}
.ttype-card{
  position:relative;background:var(--s1);
  border:2px solid var(--bd2);border-radius:18px;
  padding:22px 18px;cursor:pointer;
  display:flex;align-items:center;gap:16px;
  overflow:hidden;
  transition:transform .25s, box-shadow .25s, border-color .25s, background .25s;
  box-shadow:var(--sh);
}
@media(min-width:760px){
  .ttype-card{flex-direction:column;text-align:center;align-items:center;padding:26px 20px;gap:14px}
}
.ttype-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:5px;
  background:var(--tt-stripe, var(--grd));
  z-index:1;
}
.ttype-card:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.ttype-card.selected,.ttype-card.on{border-color:var(--gold2)}

.ttype-card-uz{--tt-stripe:linear-gradient(90deg,#52c41a,#7ad68c);--tt-tint:rgba(82,196,26,.06)}
.ttype-card-in{--tt-stripe:linear-gradient(90deg,#c9912a,#e8b84b);--tt-tint:rgba(201,145,42,.06)}
.ttype-card-out{--tt-stripe:linear-gradient(90deg,#3b82f6,#60a5fa);--tt-tint:rgba(100,150,255,.06)}
.ttype-card-uz:hover{border-color:#52c41a;background:linear-gradient(135deg,var(--s1),var(--tt-tint))}
.ttype-card-in:hover{border-color:var(--gold);background:linear-gradient(135deg,var(--s1),var(--tt-tint))}
.ttype-card-out:hover{border-color:#3b82f6;background:linear-gradient(135deg,var(--s1),var(--tt-tint))}

.ttype-ico{
  font-size:2.4rem;flex-shrink:0;width:62px;height:62px;
  border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--tt-tint);position:relative;
}
@media(min-width:760px){
  .ttype-ico{font-size:3rem;width:78px;height:78px;margin-bottom:4px}
}
.ttype-body{flex:1;min-width:0}
@media(min-width:760px){.ttype-body{flex:none}}
.ttype-nm{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:var(--tx);margin-bottom:5px;line-height:1.2}
@media(min-width:760px){.ttype-nm{font-size:1.25rem;margin-bottom:6px}}
.ttype-sb{font-size:.64rem;color:var(--mu);line-height:1.5;font-weight:500}
@media(min-width:760px){.ttype-sb{font-size:.7rem}}
.ttype-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
@media(min-width:760px){.ttype-chips{justify-content:center;margin-top:12px}}
.ttype-chip{font-size:.55rem;padding:3px 8px;border-radius:8px;font-weight:600}
.ttype-card-uz .ttype-chip{background:rgba(82,196,26,.1);color:#52c41a;border:1px solid rgba(82,196,26,.3)}
.ttype-card-in .ttype-chip{background:rgba(201,145,42,.1);color:var(--gold2);border:1px solid rgba(201,145,42,.3)}
.ttype-card-out .ttype-chip{background:rgba(100,150,255,.1);color:#6496ff;border:1px solid rgba(100,150,255,.3)}
.ttype-arrow{font-size:1.4rem;color:var(--gold2);flex-shrink:0;transition:transform .25s}
.ttype-card:hover .ttype-arrow{transform:translateX(4px)}
@media(min-width:760px){
  .ttype-arrow{position:absolute;top:14px;right:14px;font-size:1.1rem;color:var(--mu)}
  .ttype-card:hover .ttype-arrow{color:var(--gold2);transform:translate(2px,-2px)}
}

/* ─── DIRECTION v2 — modernizatsiya ─── */
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}
@media(min-width:600px){
  .dgrid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}
}
@media(min-width:900px){
  .dgrid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:var(--max-w);margin:0 auto}
}
.dc{
  position:relative;height:140px;border-radius:var(--r2);overflow:hidden;
  cursor:pointer;border:2px solid transparent;transition:transform .25s, box-shadow .25s, border-color .25s;
  box-shadow:var(--sh);touch-action:manipulation;
}
@media(min-width:600px){.dc{height:155px}}
@media(min-width:900px){.dc{height:170px}}
.dc:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:var(--gold)}
.dc:active{transform:translateY(-2px)}
.dc.on{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(232,184,75,.18), var(--sh2)}
.dc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}
.dc:hover .dc-bg{transform:scale(1.08)}
.dc-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,.45) 55%,rgba(4,8,15,.92) 100%)}
.dc-body{position:absolute;bottom:0;left:0;right:0;padding:11px 12px}
.dc-ico{font-size:1.3rem;display:block;margin-bottom:3px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.dc-nm{font-size:.85rem;font-weight:700;color:#fff;line-height:1.15;letter-spacing:.2px;text-shadow:0 2px 6px rgba(0,0,0,.5);margin-bottom:2px}
.dc-sb{font-size:.55rem;color:rgba(255,255,255,.7);line-height:1.4;font-weight:500}
@media(min-width:600px){
  .dc-nm{font-size:.95rem}
  .dc-sb{font-size:.6rem}
  .dc-ico{font-size:1.5rem}
}
.dc-prem{
  grid-column:1/-1;height:auto;min-height:90px;
  background:linear-gradient(135deg,#0a1525,#1a0f03);
  border:1.5px solid var(--gold);position:relative;overflow:hidden;
}
.dc-prem::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold2),var(--gold3),var(--gold2));
}
.dc-prem .dc-body{position:relative;padding:18px 16px;display:flex;align-items:center;gap:14px;bottom:auto;left:auto;right:auto}
.dc-prem .dc-ico{font-size:2rem;margin:0;flex-shrink:0;color:var(--gold2)}
.dc-prem .dc-nm{font-size:.95rem!important;color:var(--tx)}
.dc-prem .dc-sb{font-size:.62rem!important;color:var(--mu)}
@media(min-width:600px){
  .dc-prem .dc-nm{font-size:1.1rem!important}
  .dc-prem .dc-sb{font-size:.7rem!important}
  .dc-prem .dc-ico{font-size:2.4rem}
}

/* ── PG-PKG PREMIUM HERO + TRUST PILLS (xorijiy turizm bilan bir xil dezayn) ── */
.pkg-detail{padding-bottom:60px}
.pkg-hero{
  position:relative;height:200px;overflow:hidden;
  background-size:cover;background-position:center;
}
@media(min-width:600px){.pkg-hero{height:260px}}
@media(min-width:900px){.pkg-hero{height:320px;border-radius:0 0 20px 20px}}
.pkg-hero-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,.5) 60%,rgba(4,8,15,.9) 100%);
}
.pkg-hero-back-wrap{padding:14px 16px 6px;position:absolute;top:0;left:0;z-index:3}
@media(min-width:600px){.pkg-hero-back-wrap{padding:18px 20px 6px}}
.pkg-hero-back{
  background:transparent;border:0;color:var(--gold2);
  font-size:.7rem;font-weight:700;cursor:pointer;padding:6px 8px;
  display:inline-flex;align-items:center;gap:4px;
  transition:transform .18s;
}
.pkg-hero-back:hover{transform:translateX(-3px)}
.pkg-hero-body{
  position:absolute;bottom:0;left:0;right:0;padding:18px 20px 20px;z-index:2;
}
@media(min-width:600px){.pkg-hero-body{padding:24px 28px 26px;max-width:var(--max-w);margin:0 auto}}
.pkg-hero-ico{font-size:2.4rem;line-height:1;margin-bottom:6px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.pkg-hero-tt{
  font-family:var(--fd);font-size:1.5rem;font-weight:700;color:#fff;line-height:1.15;
  text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:5px;
}
@media(min-width:600px){.pkg-hero-tt{font-size:2rem}}
.pkg-hero-desc{
  font-size:.66rem;color:rgba(255,255,255,.8);line-height:1.55;font-weight:500;
  text-shadow:0 1px 4px rgba(0,0,0,.4);max-width:540px;
}
@media(min-width:600px){.pkg-hero-desc{font-size:.78rem}}

.pkg-content{padding:18px 0 30px}
@media(min-width:600px){.pkg-content{max-width:var(--max-w);margin:0 auto;padding:24px 0 40px}}

/* Trust pills row */
.pkg-trust-row{
  display:flex;flex-wrap:wrap;gap:7px;margin:-10px 16px 18px;
  padding:0;justify-content:center;
}
@media(min-width:600px){.pkg-trust-row{justify-content:flex-start;gap:9px;margin:-14px 24px 20px}}
.pkg-trust{
  display:inline-flex;align-items:center;gap:5px;
  padding:7px 12px;border-radius:24px;
  background:linear-gradient(135deg,var(--s2),var(--s1));
  border:1px solid var(--bd);
  font-size:.55rem;font-weight:700;color:var(--tx);letter-spacing:.3px;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.pkg-trust .ico{font-size:.85rem;line-height:1}
.pkg-trust.verified{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.06));border-color:rgba(16,185,129,.4);color:#7ad68c}
.pkg-trust.premium{background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));border-color:rgba(232,184,75,.4);color:var(--gold2)}
.pkg-trust.priceguard{background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(168,85,247,.04));border-color:rgba(168,85,247,.4);color:#c084fc}
.pkg-trust.cancel{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(37,99,235,.04));border-color:rgba(59,130,246,.4);color:#93c5fd}
@media(min-width:600px){.pkg-trust{font-size:.6rem;padding:8px 14px}}

/* Section header (replaces phd inside content) */
.pkg-section-h{padding:0 16px 12px;text-align:center}
@media(min-width:600px){.pkg-section-h{padding:0 24px 14px;text-align:left}}
.pkg-section-h .phd-tag{
  display:inline-block;font-size:.5rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:6px;
  padding:3px 10px;border:1px solid var(--gold);border-radius:12px;
  background:rgba(232,184,75,.06);
}
.pkg-section-h h2{
  font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--tx);
  margin:4px 0 4px;line-height:1.2;
}
@media(min-width:600px){.pkg-section-h h2{font-size:1.4rem}}
.pkg-section-h p{font-size:.62rem;color:var(--mu);line-height:1.5}
@media(min-width:600px){.pkg-section-h p{font-size:.7rem}}

/* Smart positional tier badges on cards */
.pkc-smart-badge{
  position:absolute;top:11px;right:11px;z-index:3;
  font-size:.5rem;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;
  padding:5px 10px;border-radius:8px;color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
  backdrop-filter:blur(6px);
}
.pkc-smart-badge.value{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.5)}
.pkc-smart-badge.popular{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.5);animation:pkc-pulse 2s ease-in-out infinite}
.pkc-smart-badge.premium{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#04080f;border:1px solid rgba(232,184,75,.5)}
@keyframes pkc-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(239,68,68,.4)}50%{transform:scale(1.05);box-shadow:0 6px 18px rgba(239,68,68,.7)}}

/* Inland (Telegram) — hero ozgina kichikroq */
.in-telegram .pkg-hero{height:170px}
.in-telegram .pkg-hero-tt{font-size:1.3rem}
.in-telegram .pkg-hero-ico{font-size:2rem}

/* ─── PACKAGES ─── */
.pax-big{margin:0 16px 16px;background:linear-gradient(135deg,rgba(201,145,42,.1),rgba(201,145,42,.04));
  border:2px solid var(--gold);border-radius:var(--r);padding:16px}
.pax-ttl{font-size:.52rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:6px}
.pax-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pax-s{background:var(--s2);border-radius:var(--r2);padding:12px;border:1px solid var(--bd2)}
.pax-lbl{font-size:.55rem;font-weight:700;margin-bottom:10px;letter-spacing:.3px}
.ml{color:#93c5fd}.fl{color:#fca5a5}
.pax-ctl{display:flex;align-items:center;justify-content:space-between;gap:4px}
.pax-tot{text-align:center;background:rgba(201,145,42,.08);border-radius:var(--r3);padding:9px}
.pax-tot-n{font-family:var(--fd);font-size:1.5rem;color:var(--gold2);font-weight:300}
.pax-tot-l{font-size:.54rem;color:var(--mu)}

/* ── PAKET KARTALARI v2 — modernizatsiya ── */
.pgrid{padding:0 16px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){
  .pgrid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--max-w);margin:0 auto;padding:0 20px}
}
.pkc{
  background:var(--s1);border-radius:var(--r);overflow:hidden;
  border:2px solid var(--bd2);transition:transform .25s, box-shadow .25s, border-color .25s;
  box-shadow:var(--sh);position:relative;display:flex;flex-direction:column;
}
.pkc::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--pkc-stripe, linear-gradient(90deg,var(--gold2),var(--gold)));
  z-index:3;
}
.pkc.sel{border-color:var(--gold2)}
.pkc:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:var(--gold)}
.pkc-top{height:180px;position:relative;overflow:hidden}
.pkc-ti{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.pkc:hover .pkc-ti{transform:scale(1.06)}
.pkc-to{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,.35) 50%,rgba(4,8,15,.85) 100%)}
.pkc-th{position:absolute;bottom:0;left:0;right:0;padding:14px 14px 12px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.pkc-tn{font-family:var(--fd);font-size:1.35rem;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.pkc-tp{font-size:.95rem;color:var(--gold3);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap}
.pkc-tier-tag{position:absolute;top:12px;left:12px;font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;z-index:2}
.pkc-badge{position:absolute;top:11px;right:11px;z-index:2}
.pkc-body{padding:14px;display:flex;flex-direction:column;flex:1}
.pkc-desc{font-size:.65rem;color:var(--mu);line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pkc-feats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.pkf{font-size:.55rem;padding:3px 8px;border-radius:8px;background:rgba(201,145,42,.1);color:var(--tx);border:1px solid var(--bd);font-weight:600}
.pkf.x{background:rgba(255,255,255,.03);color:var(--mu);border-color:transparent;text-decoration:line-through;opacity:.7}
.pkc-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:rgba(201,145,42,.08);border-radius:var(--r3);margin-bottom:10px;border:1px solid var(--bd)}
.pkc-fp{font-size:.58rem;color:var(--mu);font-weight:600}
.pkc-fv{font-family:var(--fd);font-size:1.4rem;color:var(--gold2);font-weight:700;line-height:1}
@media(min-width:760px){
  .pkc-top{height:200px}
  .pkc-tn{font-size:1.5rem}
  .pkc-tp{font-size:1.05rem}
  .pkc-fv{font-size:1.55rem}
}
@media(max-width:380px){
  .pkc-top{height:160px}
  .pkc-tn{font-size:1.2rem}
}

/* ─── AGE GROUPS ─── */
.agc{background:var(--s1);border-radius:var(--r2);padding:11px;margin:0 16px 8px;border:1.5px solid transparent;transition:.2s}
.agc.on{border-color:var(--gold);background:rgba(201,145,42,.04)}
.ag-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ag-lbl{font-size:.66rem;font-weight:700}
.ag-rng{font-size:.52rem;color:var(--mu);margin-top:1px}
.ag-tot{font-family:var(--fd);font-size:1.05rem;color:var(--gold2);font-weight:700}
.ag-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ag-s{background:var(--s2);border-radius:var(--r4);padding:8px 10px;border:1px solid var(--bd2)}
.ag-sl{font-size:.48rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}
.ag-ctl{display:flex;align-items:center;justify-content:space-between}
.ag-n{font-family:var(--fd);font-size:1.05rem;min-width:18px;text-align:center}

.psum{display:none;background:rgba(201,145,42,.06);border:1px solid var(--bd);border-radius:var(--r2);padding:11px;margin:0 16px 9px}
.psum-t{font-size:.48rem;color:var(--gold);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}
.psum-row{display:flex;justify-content:center;gap:14px}
.psi{text-align:center}
.psi-n{font-family:var(--fd);font-size:1.7rem;font-weight:300;line-height:1}
.psi-l{font-size:.46rem;color:var(--mu);margin-top:1px}
.psm{color:#93c5fd}.psf{color:#fca5a5}.pst{color:var(--gold2)}
.psi-d{padding:0 13px;border-left:1px solid var(--bd2);border-right:1px solid var(--bd2)}

/* ─── DATE ─── */
.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}
.date-c{background:var(--s1);border-radius:var(--r2);padding:11px;border:1px solid var(--bd2)}
.date-l{font-size:.48rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:4px}
.days-box{display:none;align-items:center;justify-content:center;gap:9px;
  background:rgba(201,145,42,.07);border:1px solid var(--bd);border-radius:var(--r2);
  padding:11px;margin:10px 16px 0}
.days-n{font-family:var(--fd);font-size:2.2rem;color:var(--gold2);font-weight:300}
.days-l{font-size:.57rem;color:var(--mu)}

/* ─── REGIONS ─── */
.reg-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 16px}
.rc{position:relative;height:95px;border-radius:var(--r3);overflow:hidden;
  cursor:pointer;border:2.5px solid transparent;transition:.2s;box-shadow:var(--sh);touch-action:manipulation}
.rc.on{border-color:var(--gold2)}
.rc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.32s}
.rc:hover .rc-bg,.rc:active .rc-bg{transform:scale(1.05)}
.rc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,15,.9),transparent 50%)}
.rc-x{position:absolute;top:5px;right:5px;z-index:10;width:20px;height:20px;border-radius:50%;background:rgba(220,50,50,0.85);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;line-height:1;font-weight:700;transition:.15s}
.rc-x:hover{background:rgba(200,30,30,1);transform:scale(1.1)}
.rc-chk{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;
  background:rgba(4,8,15,.7);border:1.5px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;font-size:.6rem;color:transparent;transition:.2s}
.rc.on .rc-chk{background:var(--gold);border-color:var(--gold);color:#04080f}
.rc-body{position:absolute;bottom:0;left:0;right:0;padding:7px 8px}
.rc-nm{font-size:.6rem;font-weight:700;color:#fff;margin-bottom:1px}
.rc-pr{font-size:.46rem;color:rgba(255,255,255,.55)}
.rc-info{margin:10px 16px 0;background:var(--s1);border-radius:var(--r2);padding:11px;border:1px solid var(--bd2);display:none}
.rc-info.on{display:block}
.rc-info-ttl{font-family:var(--fd);font-size:1rem;font-weight:600;margin-bottom:6px}
.rc-info-list{display:flex;flex-direction:column;gap:3px}
.rc-info-item{font-size:.6rem;color:var(--mu);display:flex;align-items:center;gap:5px}
.rc-info-item span:first-child{color:var(--gold2);font-size:.7rem}

/* ─── MAP ─── */
.map-wrap{margin:10px 16px 0;border-radius:var(--r2);overflow:hidden;border:1px solid var(--bd2);display:none}
.map-bar{background:var(--s2);padding:7px 11px;font-size:.52rem;color:var(--gold);font-weight:700;letter-spacing:.5px}
.map-svg{width:100%;display:block;background:#070f1e}
.map-inf{background:var(--s2);padding:6px 11px;font-size:.54rem;color:var(--mu);line-height:1.6}

/* ─── TRANSPORT ─── */
.ttabs{display:flex;gap:0;margin:0 16px 12px;border:1px solid var(--bd2);border-radius:var(--r2);overflow:hidden}
.ttab{flex:1;padding:10px 6px;background:transparent;border:none;font-family:var(--ff);
  font-size:.6rem;font-weight:600;color:var(--mu);cursor:pointer;transition:.18s;touch-action:manipulation}
.ttab.on{background:var(--grd);color:#04080f}
.ttab:hover:not(.on){background:rgba(201,145,42,.08);color:var(--gold2)}

.cars-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 16px;margin-bottom:10px}
.cc{background:var(--s1);border-radius:var(--r3);padding:9px 7px;text-align:center;
  cursor:pointer;border:1.5px solid var(--bd2);transition:.18s;touch-action:manipulation}
.cc.on{border-color:var(--gold2);background:rgba(201,145,42,.06)}
.cc:hover:not(.on){border-color:var(--bd)}
.cc-ico{font-size:1.3rem;margin-bottom:3px}
.cc-nm{font-size:.54rem;font-weight:700;margin-bottom:1px}
.cc-sb{font-size:.44rem;color:var(--mu);margin-bottom:3px}
.cc-pr{font-size:.52rem;color:var(--gold2);font-weight:700}
.cc-dim{opacity:.4}
.cc-dim.on{opacity:1}

.rec-car{background:rgba(201,145,42,.07);border:1px solid var(--bd);border-radius:var(--r2);padding:10px 14px;margin:0 16px 10px}
.rcar-ttl{font-size:.48rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:7px}
.rcar-row{display:flex;align-items:center;gap:10px}
.rcar-ico{font-size:1.8rem;flex-shrink:0}
.rcar-nm{font-size:.74rem;font-weight:700;margin-bottom:1px}
.rcar-sb{font-size:.54rem;color:var(--mu)}
.rcar-pr{margin-left:auto;text-align:right}
.rcar-pn{font-family:var(--fd);font-size:1.3rem;color:var(--gold2);font-weight:700}
.rcar-pu{font-size:.48rem;color:var(--mu)}

/* ─── TRAIN ─── */
.tr-sub{font-size:.56rem;font-weight:700;letter-spacing:.5px;color:var(--mu);padding:4px 16px 6px;text-transform:uppercase}
.tr-add{padding:0 16px;margin-bottom:8px}
.tr-segs{padding:0 16px;display:flex;flex-direction:column;gap:8px}
.tseg{background:var(--s1);border-radius:var(--r2);padding:11px;border:1px solid var(--bd2)}
.tseg-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.tseg-lbl{font-size:.65rem;font-weight:700;color:var(--gold2)}
.tdel{background:rgba(224,92,106,.1);border:1px solid rgba(224,92,106,.2);border-radius:50%;
  width:22px;height:22px;cursor:pointer;color:var(--rose);font-size:.7rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}
.tseg-info{font-size:.54rem;color:var(--mu);margin-bottom:8px}
.tcls-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.tcl{background:var(--s2);border-radius:var(--r4);padding:7px 9px;cursor:pointer;border:1px solid var(--bd2);transition:.16s;touch-action:manipulation}
.tcl.on{border-color:var(--gold2);background:rgba(201,145,42,.06)}
.tcl-nm{font-size:.6rem;font-weight:700;display:inline}
.tcl-ds{font-size:.5rem;color:var(--mu);display:inline;margin-left:5px}
.tcl-pr{font-size:.58rem;color:var(--gold2);font-weight:700;float:right}
.tcl-dot{clear:both}

.seg-days-box{display:flex;align-items:center;justify-content:space-between;
  background:rgba(201,145,42,.07);border:1px solid var(--bd);border-radius:var(--r3);padding:9px 12px;margin-bottom:7px}
.sd-label{font-size:.48rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700}
.sd-ctl{display:flex;align-items:center;gap:8px}
.sd-val{display:flex;align-items:baseline;gap:3px}
.sd-n{font-family:var(--fd);font-size:1.5rem;color:var(--gold2);font-weight:300;min-width:28px;text-align:center}
.sd-u{font-size:.52rem;color:var(--mu)}

.date-bron{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}
.db-c{background:var(--s2);border-radius:var(--r4);padding:6px 8px;border:1px solid var(--bd2)}
.db-l{font-size:.44rem;color:var(--gold);font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:3px}

.seg-pax{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}
.sp-s{background:var(--s2);border-radius:var(--r4);padding:7px 9px;border:1px solid var(--bd2)}
.sp-l{font-size:.48rem;font-weight:700;margin-bottom:5px;letter-spacing:.3px}
.sp-c{display:flex;align-items:center;justify-content:space-between;gap:4px}
.sp-n{font-family:var(--fd);font-size:1.05rem;min-width:18px;text-align:center}

.cost-b{display:flex;justify-content:space-between;background:rgba(201,145,42,.06);border-radius:var(--r4);padding:6px 9px}
.cost-l{font-size:.52rem;color:var(--mu)}
.cost-v{font-size:.64rem;color:var(--gold2);font-weight:700}
.regTrainHint{margin:0 16px 8px}

/* ─── GUIDE ─── */
.gtabs{display:flex;gap:0;margin:0 16px 12px;border:1px solid var(--bd2);border-radius:var(--r2);overflow:hidden}
.gtab{flex:1;padding:9px 4px;background:transparent;border:none;font-family:var(--ff);
  font-size:.58rem;font-weight:600;color:var(--mu);cursor:pointer;transition:.18s;touch-action:manipulation}
.gtab.on{background:var(--grd);color:#04080f}
.gtab:hover:not(.on){background:rgba(201,145,42,.08);color:var(--gold2)}

.guide-list{display:flex;flex-direction:column;gap:7px;padding:0 16px}
.gc{background:var(--s1);border-radius:var(--r2);padding:11px;border:1.5px solid var(--bd2);
  cursor:pointer;transition:.18s;display:flex;gap:10px;align-items:flex-start;touch-action:manipulation}
.gc.on{border-color:var(--gold2);background:rgba(201,145,42,.04)}
.gc:hover:not(.on){border-color:var(--bd)}
.gc-av{width:36px;height:36px;border-radius:50%;background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.gc-nm{font-size:.68rem;font-weight:700;margin-bottom:1px}
.gc-if{font-size:.52rem;color:var(--mu);margin-bottom:4px}
.gc-flags{display:flex;gap:3px;margin-bottom:3px;flex-wrap:wrap}
.gc-lnm{font-size:.48rem;color:var(--sky);display:flex;flex-wrap:wrap;gap:3px}
.gc-sp{font-size:.5rem;color:var(--teal);margin-top:2px}
.gc-stars{font-size:.5rem;color:var(--gold2);margin-top:1px}
.gc-pr{font-family:var(--fd);font-size:1.1rem;color:var(--gold2);font-weight:700;white-space:nowrap}
.gc-pu{font-size:.48rem;color:var(--mu)}

.bron-date-box{background:rgba(201,145,42,.07);border:1.5px solid var(--bd);border-radius:var(--r2);padding:10px 12px;margin-top:10px}
.bdb-label{font-size:.48rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px}
.bron-big{width:100%;padding:11px 12px;font-size:.8rem;font-weight:600;border-color:var(--gold)!important;background:var(--s1)!important;border-radius:var(--r3);color:var(--tx)}

/* ─── FOOD ─── */
.food-list{display:flex;flex-direction:column;gap:6px;padding:0 16px}
.fc{background:var(--s1);border-radius:var(--r2);padding:10px;border:1.5px solid var(--bd2);
  cursor:pointer;transition:.18s;display:flex;gap:9px;touch-action:manipulation}
.fc.on{border-color:var(--gold2);background:rgba(201,145,42,.04)}
.fc-ico{font-size:1.4rem;flex-shrink:0}
.fc-nm{font-size:.65rem;font-weight:700;margin-bottom:1px}
.fc-ad{font-size:.5rem;color:var(--mu);margin-bottom:2px}
.fc-ds{font-size:.54rem;color:rgba(240,235,224,.6);margin-bottom:4px}
.fc-bot{display:flex;align-items:center;gap:6px}
.fc-stars{font-size:.5rem}
.fc-r{font-size:.52rem;color:var(--gold2);font-weight:700}
.fc-pr{font-size:.5rem;color:var(--mu)}

/* ─── CITY TRANS ─── */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px;margin-bottom:8px}
.ctc{background:var(--s1);border-radius:var(--r2);padding:9px;border:1.5px solid var(--bd2);
  cursor:pointer;transition:.18s;text-align:center;touch-action:manipulation}
.ctc.on{border-color:var(--gold2);background:rgba(201,145,42,.05)}
.ctc-ico{font-size:1.2rem;display:block;margin-bottom:3px}
.ctc-nm{font-size:.58rem;font-weight:700;margin-bottom:1px}
.ctc-sb{font-size:.48rem;color:var(--mu);margin-bottom:2px}
.ctc-pr{font-size:.52rem;color:var(--gold2);font-weight:700}

/* ─── HOTELS ─── */
.hotel-list{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.hcard{background:var(--s1);border-radius:var(--r);border:1px solid var(--bd2);overflow:hidden}
.hc-hd{display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;touch-action:manipulation}
.hc-ico{font-size:1.3rem;flex-shrink:0}
.hc-nm{font-size:.68rem;font-weight:700;margin-bottom:1px}
.hc-if{font-size:.52rem;color:var(--mu)}
.hc-arr{margin-left:auto;font-size:.65rem;color:var(--mu);transition:.2s}
.hcard.open .hc-arr{transform:rotate(180deg)}
.hc-rooms{padding:0 13px 13px;display:none}
.hcard.open .hc-rooms{display:block}
.hotel-bron-wrap{background:rgba(201,145,42,.07);border:1.5px solid var(--bd);border-radius:var(--r2);padding:11px 13px;margin-bottom:8px}
.hbron-label{font-size:.48rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:7px}
.hotel-bron-inp{width:100%;padding:12px;font-size:.82rem;font-weight:600;border:1.5px solid var(--gold)!important;background:var(--s1)!important;border-radius:var(--r3);color:var(--tx)}
.room-r{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bd2)}
.room-r:last-of-type{border-bottom:none}
.room-i{flex:1}
.room-nm{font-size:.62rem;font-weight:700;margin-bottom:1px}
.room-ds{font-size:.5rem;color:var(--mu)}
.room-pr{font-size:.6rem;color:var(--gold2);font-weight:700;white-space:nowrap;margin-right:4px}
.room-ctl{display:flex;align-items:center;gap:5px;flex-shrink:0}
.rbtn{width:28px;height:28px;border-radius:50%;border:1px solid var(--bd2);background:var(--s2);
  color:var(--tx);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;touch-action:manipulation}
.rbtn:hover,.rbtn:active{background:var(--gold);border-color:var(--gold);color:#04080f}
.rnum{font-family:var(--fd);font-size:1rem;min-width:16px;text-align:center;color:var(--gold2)}
.htot{display:flex;justify-content:space-between;align-items:center;padding:8px 0 2px;font-size:.56rem;color:var(--mu)}
.bron-lbl{font-size:.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:700;display:block;margin-top:6px;margin-bottom:3px}
.hdr{background:rgba(201,145,42,.06);border-radius:var(--r3);padding:8px;margin-top:6px;border:1px solid var(--bd)}
.hdr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.hdr-lbl{font-size:.56rem;font-weight:700;color:var(--gold2)}
.hdr-del{background:rgba(224,92,106,.1);border:1px solid rgba(224,92,106,.2);border-radius:50%;width:20px;height:20px;cursor:pointer;color:var(--rose);font-size:.6rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}
.hdr-g{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.hdr-dc{background:var(--s2);border-radius:var(--r4);padding:6px 8px;border:1px solid var(--bd2)}
.hdr-dl{font-size:.44rem;color:var(--gold);font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:3px}

/* ─── EXTRAS ─── */
.ext-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 8px}
.exc{
  background:var(--s1);border-radius:14px;padding:0;
  border:1.5px solid var(--bd2);cursor:pointer;
  transition:.2s;overflow:hidden;position:relative;
  touch-action:manipulation;
}
.exc.on{border-color:var(--gold2);background:rgba(201,145,42,.06);box-shadow:0 0 0 1px rgba(201,145,42,.2)}
.exc-top{padding:14px 12px 10px;text-align:center}
.exc-ico{font-size:1.6rem;margin-bottom:6px;display:block}
.exc-nm{font-size:.62rem;font-weight:700;color:var(--tx);margin-bottom:3px;line-height:1.3}
.exc-pr{font-size:.58rem;color:var(--gold2);font-weight:600}
.exc-check{position:absolute;top:8px;right:8px;width:18px;height:18px;
  border-radius:50%;border:1.5px solid var(--bd2);background:var(--s3);
  display:flex;align-items:center;justify-content:center;font-size:.6rem;
  transition:.15s;}
.exc.on .exc-check{background:var(--gold2);border-color:var(--gold2);color:#000}
.exc-days-wrap{
  border-top:1px solid var(--bd2);background:rgba(201,145,42,.04);
  padding:8px 12px;display:none;align-items:center;justify-content:space-between;
}
.exc.on .exc-days-wrap{display:flex}
.exc-days-lbl{font-size:.55rem;color:var(--mu);font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.exc-days-ctrl{display:flex;align-items:center;gap:6px}
.exc-days-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--bd2);
  background:var(--s2);color:var(--tx);font-size:.85rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:.12s;touch-action:manipulation;line-height:1;font-weight:700;}
.exc-days-btn:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.exc-days-num{font-size:.78rem;font-weight:700;color:var(--gold2);min-width:22px;text-align:center}

/* ─── SUMMARY ─── */
.sum-hero{background:var(--grd);padding:18px 16px;text-align:center}
.sum-tl{font-size:.5rem;letter-spacing:2px;text-transform:uppercase;color:rgba(4,8,15,.5);font-weight:700;margin-bottom:3px}
.sum-tn{font-family:var(--fd);font-size:2.8rem;font-weight:700;color:#04080f;line-height:1}
.sum-ts{font-size:.58rem;color:rgba(4,8,15,.45);margin-top:3px}
.sum-sh{padding:6px 16px;background:rgba(201,145,42,.06);border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2);font-size:.52rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-top:4px}
.sum-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 16px;border-bottom:1px solid var(--bd2)}
.sr-k{font-size:.58rem;color:var(--mu);line-height:1.7;flex-shrink:0;max-width:35%}
.sr-v{font-size:.6rem;text-align:right;line-height:1.7}
.sr-g{color:var(--gold2);font-family:var(--fd);font-size:.88rem;font-weight:700}
.sum-total{background:var(--grd);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.stl{font-size:.57rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(4,8,15,.52);font-weight:700}
.stv{font-family:var(--fd);font-size:1.9rem;font-weight:700;color:#04080f}

/* ─── ORDER ─── */
/* ══════════════════════════════════════════════════
   UNIVERSAL MODAL — paket detail, search, va boshqa popuplar
   ══════════════════════════════════════════════════ */
.sf-modal-overlay{
  position:fixed;inset:0;z-index:9990;
  background:rgba(4,8,15,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:none;align-items:flex-end;justify-content:center;
  padding:0;opacity:0;transition:opacity .28s ease;
  overflow-y:auto;
}
@media(min-width:600px){
  .sf-modal-overlay{align-items:center;padding:30px 20px}
}
.sf-modal-overlay.on{display:flex;opacity:1}

.sf-modal{
  background:var(--bg);border:1px solid var(--bd);
  border-radius:24px 24px 0 0;
  max-width:680px;width:100%;
  max-height:92vh;overflow-y:auto;position:relative;
  transform:translateY(40px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);
  box-shadow:0 -20px 60px rgba(0,0,0,.5);
  -webkit-overflow-scrolling:touch;
}
@media(min-width:600px){
  .sf-modal{border-radius:20px;max-height:88vh;transform:scale(.94) translateY(30px)}
}
.sf-modal-overlay.on .sf-modal{transform:translateY(0)}
@media(min-width:600px){
  .sf-modal-overlay.on .sf-modal{transform:scale(1) translateY(0)}
}

.sf-modal-grip{
  width:40px;height:4px;border-radius:3px;background:rgba(255,255,255,.2);
  margin:9px auto 0;display:block;
}
@media(min-width:600px){.sf-modal-grip{display:none}}

.sf-modal-close{
  position:absolute;top:12px;right:12px;z-index:5;
  width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,.5);backdrop-filter:blur(6px);
  color:#fff;border:0;cursor:pointer;font-size:1.1rem;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s, background .15s;
}
.sf-modal-close:hover{background:rgba(239,68,68,.85);transform:scale(1.08)}

/* Body scroll lock helper */
body.sf-modal-open{overflow:hidden;touch-action:none}

/* ── PAKET DETAIL MODAL ── */
.pdm-hero{
  position:relative;height:200px;overflow:hidden;
  background-size:cover;background-position:center;
  border-radius:24px 24px 0 0;
}
@media(min-width:600px){.pdm-hero{height:240px;border-radius:20px 20px 0 0}}
.pdm-hero-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.1) 0%,rgba(4,8,15,.55) 60%,rgba(4,8,15,.95) 100%);
}
.pdm-hero-body{
  position:absolute;bottom:0;left:0;right:0;padding:18px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
}
.pdm-tier{font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;display:inline-block;margin-bottom:8px}
.pdm-tn{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:#fff;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.5)}
@media(min-width:600px){.pdm-tn{font-size:1.85rem}}
.pdm-tp-wrap{text-align:right;flex-shrink:0}
.pdm-tp{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.pdm-tp-sb{font-size:.55rem;color:rgba(255,255,255,.75);font-weight:600;margin-top:2px}

.pdm-body{padding:18px 22px 24px}
.pdm-desc{font-size:.7rem;color:var(--mu);line-height:1.7;margin-bottom:18px;font-weight:500}
@media(min-width:600px){.pdm-desc{font-size:.78rem}}

.pdm-section{margin-bottom:18px}
.pdm-section-h{
  font-size:.55rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:9px;
  display:flex;align-items:center;gap:6px;
}
.pdm-feats-row{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--bd2)}
.pdm-feats-row:last-child{border-bottom:0}
.pdm-feats-ico{font-size:.85rem;flex-shrink:0;width:18px;text-align:center}
.pdm-feats-tx{flex:1;font-size:.68rem;color:var(--tx);line-height:1.45;font-weight:500}
.pdm-feats-tx.x{color:var(--mu);text-decoration:line-through;opacity:.7}

/* Big "Bron qilish" button + secondary */
.pdm-actions{
  display:flex;flex-direction:column;gap:8px;margin-top:18px;
  padding-top:18px;border-top:1px solid var(--bd2);
}
.pdm-pricebar{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;background:rgba(201,145,42,.08);
  border:1px solid var(--bd);border-radius:12px;
}
.pdm-pricebar-l{font-size:.55rem;color:var(--mu);font-weight:700;letter-spacing:.5px}
.pdm-pricebar-v{font-family:var(--fd);font-size:1.4rem;font-weight:700;color:var(--gold2);line-height:1}

/* ── QUICK SEARCH MODAL ── */
.qsm-h{padding:22px 22px 8px;text-align:center}
.qsm-h-tag{font-size:.55rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold2);font-weight:800;margin-bottom:6px}
.qsm-h-tt{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:var(--tx);line-height:1.15;margin-bottom:5px}
.qsm-h-sb{font-size:.65rem;color:var(--mu);line-height:1.5}

.qsm-body{padding:14px 18px 22px;display:flex;flex-direction:column;gap:14px}

.qsm-tt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qsm-tt-card{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:14px 8px;border-radius:14px;
  background:var(--s1);border:2px solid var(--bd2);
  cursor:pointer;transition:transform .2s, border-color .2s, background .2s;
}
.qsm-tt-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.qsm-tt-card.on{border-color:var(--gold2);background:linear-gradient(135deg,rgba(232,184,75,.16),rgba(201,145,42,.06))}
.qsm-tt-ico{font-size:1.6rem;line-height:1}
.qsm-tt-nm{font-size:.6rem;font-weight:700;color:var(--tx);text-align:center;line-height:1.25}
.qsm-tt-card.on .qsm-tt-nm{color:var(--gold2)}

.qsm-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qsm-row.qsm-row-single{grid-template-columns:1fr}
.qsm-cell{
  display:flex;flex-direction:column;gap:5px;
  padding:11px 13px;background:var(--s1);border:1.5px solid var(--bd2);border-radius:12px;
  transition:border-color .2s;
}
.qsm-cell:focus-within{border-color:var(--gold2)}
.qsm-cell-lbl{font-size:.5rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);font-weight:700;display:flex;align-items:center;gap:4px}
.qsm-cell-input{background:transparent;border:0;outline:0;color:var(--tx);font-family:var(--ff);font-size:.85rem;font-weight:600;width:100%;padding:0;cursor:pointer}
.qsm-cell-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.55}

.qsm-pax-ctl{display:flex;align-items:center;justify-content:space-between;gap:8px}
.qsm-pax-btn{
  width:30px;height:30px;border-radius:50%;
  background:rgba(232,184,75,.14);border:1.5px solid var(--bd);color:var(--gold2);
  cursor:pointer;font-size:1rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s, background .15s;
}
.qsm-pax-btn:hover{background:rgba(232,184,75,.25);transform:scale(1.08)}
.qsm-pax-num{font-family:var(--fd);font-size:1.1rem;color:var(--gold2);font-weight:700;min-width:22px;text-align:center}

.qsm-go{
  padding:15px;background:var(--grd);color:#04080f;
  border:0;border-radius:14px;font-family:var(--ff);font-size:.78rem;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 8px 24px rgba(232,184,75,.4);
  transition:transform .15s, box-shadow .15s;
}
.qsm-go:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(232,184,75,.55)}

/* ── PAY PAGE LAYOUT v2 — sticky olib tashlandi (overlay muammosi yo'q) ── */
.pay-total-wrap{
  background:var(--bg);
  padding:0 16px 12px;
  position:relative;z-index:10;
}
.pay-total-card{
  background:linear-gradient(135deg,rgba(201,145,42,.18),rgba(232,184,75,.06));
  border:1.5px solid var(--gold);border-radius:14px;
  padding:13px 18px;display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.pay-total-lbl{
  font-size:.5rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:3px;
  display:flex;align-items:center;gap:5px;
}
.pay-total-detail{font-size:.6rem;color:var(--mu);font-weight:600}
.pay-total-val{font-family:var(--fd);font-size:2rem;font-weight:700;color:var(--gold2);line-height:1}
@media(max-width:380px){.pay-total-val{font-size:1.7rem}}

.pay-body{padding:14px 16px 100px}
@media(min-width:600px){.pay-body{padding:18px 24px 120px;max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}}
.pay-section-h{
  font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;
  display:flex;align-items:center;gap:6px;
}

.pay-inst-box{
  margin-top:14px;background:linear-gradient(135deg,rgba(201,145,42,.1),rgba(232,184,75,.04));
  border:1.5px solid var(--gold);border-radius:14px;padding:14px 16px;
}
.pay-inst-h{font-size:.6rem;font-weight:800;color:var(--gold2);margin-bottom:10px;letter-spacing:.5px}
.pay-inst-info{font-size:.65rem;color:var(--tx);line-height:1.85;font-weight:500}

/* ── PAY METHOD CARDS v2 — modernizatsiya ── */
.pay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){
  .pay-grid{grid-template-columns:repeat(3,1fr);gap:12px}
}
@media(min-width:900px){
  .pay-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:0 auto}
}
.pmc{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:18px 12px 16px;border-radius:14px;cursor:pointer;
  border:2px solid var(--bd2);background:var(--s1);
  min-height:118px;
  transition:transform .2s, border-color .2s, background .2s, box-shadow .2s;
  touch-action:manipulation;overflow:hidden;
}
.pmc:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--sh)}
.pmc:active{transform:translateY(-1px)}
.pmc.on{
  border-color:var(--gold2);
  background:linear-gradient(135deg,rgba(232,184,75,.16),rgba(201,145,42,.08));
  box-shadow:0 0 0 3px rgba(232,184,75,.18), 0 8px 22px rgba(0,0,0,.3);
}
.pmc::before{
  content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(232,184,75,.04) 100%);
  opacity:0;transition:opacity .25s;pointer-events:none;
}
.pmc:hover::before{opacity:1}
.pmc-ico{font-size:1.85rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.pmc-nm{font-size:.7rem;font-weight:700;color:var(--tx);text-align:center;line-height:1.25;letter-spacing:.2px}
.pmc.on .pmc-nm{color:var(--gold2)}
.pmc-sb{font-size:.5rem;color:var(--mu);text-align:center;line-height:1.35;font-weight:500}
.pmc-chk{
  position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;
  background:var(--gold2);display:flex;align-items:center;justify-content:center;
  font-size:.65rem;color:#04080f;font-weight:800;
  box-shadow:0 2px 8px rgba(232,184,75,.4);
  animation:pmc-chk-pop .25s ease-out;
}
@keyframes pmc-chk-pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}

/* ══════════════════════════════════════════════════
   FOOTER — premium pastki bo'lim
   ══════════════════════════════════════════════════ */
.sf-footer{
  background:linear-gradient(180deg,var(--s1) 0%,var(--bg) 100%);
  border-top:1px solid var(--bd);
  padding:36px 18px 0;margin-top:24px;position:relative;
}
/* Footer brand accordion — "SafarYo'l haqida" sarlavhasi ostida tagline+trust pills */
.ftr-brand-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:opacity .25s;padding:4px 0;
}
.ftr-brand-trigger:hover{opacity:.85}
.ftr-brand-trigger .ftr-logo{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ftr-logo-about{
  font-family:var(--ff);font-size:.62rem;font-weight:600;
  color:var(--gold2);letter-spacing:1.5px;text-transform:uppercase;
  opacity:.7;
}
.ftr-brand-chev{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:rgba(232,184,75,.12);
  color:var(--gold2);font-size:.7rem;flex-shrink:0;
  transition:transform .45s cubic-bezier(.5,1.5,.5,1), background .25s;
}
.ftr-brand-trigger:hover .ftr-brand-chev{background:rgba(232,184,75,.22)}
.ftr-brand.expanded .ftr-brand-chev{transform:rotate(180deg)}
.ftr-brand-collapse{
  display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;
  transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1), opacity .35s, margin-top .35s;
}
.ftr-brand-collapse > *{overflow:hidden;min-height:0}
.ftr-brand.expanded .ftr-brand-collapse{
  grid-template-rows:1fr;opacity:1;margin-top:12px;
}
@media(min-width:760px){.sf-footer{padding:48px 24px 0}}
body.in-telegram .sf-footer{display:none}

.sf-footer-grid{
  display:grid;grid-template-columns:1fr;gap:28px;
  max-width:var(--max-w);margin:0 auto;
}
@media(min-width:600px){.sf-footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.sf-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}

.ftr-col-h{
  font-family:var(--fd);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:14px;
  display:flex;align-items:center;gap:6px;
}
.ftr-col-h .ico{font-size:.85rem;line-height:1}

/* Brand column */
.ftr-brand{display:flex;flex-direction:column;gap:14px}
.ftr-logo{font-family:var(--fd);font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1}
.ftr-logo span{color:var(--gold2);font-style:italic}
.ftr-tagline{font-size:.66rem;color:var(--mu);line-height:1.7;font-weight:500;max-width:300px}

/* Trust badges row (in brand col) */
.ftr-trust-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ftr-trust-pill{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 10px;border-radius:18px;
  background:var(--s2);border:1px solid var(--bd);
  font-size:.5rem;font-weight:700;color:var(--mu);letter-spacing:.3px;
}
.ftr-trust-pill .ico{font-size:.7rem;line-height:1}

/* Social icons — rasmiy SVG logolar */
.ftr-social-row{
  display:flex;align-items:center;gap:14px;
  flex-wrap:wrap;margin-top:6px;
}
.ftr-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:0}
.ftr-social-btn{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;
  position:relative;overflow:hidden;
}
.ftr-social-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 50%);
  opacity:0;transition:opacity .2s;
}
.ftr-social-btn:hover{transform:translateY(-4px) scale(1.05)}
.ftr-social-btn:hover::before{opacity:1}
.ftr-social-btn svg{width:20px;height:20px;fill:currentColor;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}
.ftr-social-btn-tg{background:linear-gradient(135deg,#0088cc,#005f8a);box-shadow:0 4px 14px rgba(0,136,204,.4)}
.ftr-social-btn-tg:hover{box-shadow:0 8px 22px rgba(0,136,204,.6)}
.ftr-social-btn-wa{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 14px rgba(37,211,102,.4)}
.ftr-social-btn-wa:hover{box-shadow:0 8px 22px rgba(37,211,102,.6)}
.ftr-social-btn-ig{background:linear-gradient(135deg,#feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%);box-shadow:0 4px 14px rgba(228,64,95,.45)}
.ftr-social-btn-ig:hover{box-shadow:0 8px 22px rgba(228,64,95,.65)}
.ftr-social-btn-yt{background:linear-gradient(135deg,#ff0000,#cc0000);box-shadow:0 4px 14px rgba(255,0,0,.4)}
.ftr-social-btn-yt:hover{box-shadow:0 8px 22px rgba(255,0,0,.6)}
.ftr-social-btn-call{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(245,158,11,.4)}
.ftr-social-btn-call:hover{box-shadow:0 8px 22px rgba(245,158,11,.6)}

/* ═══════════════════════════════════════════════════
   LOYALTY KARTA — ZAMONAVIY v3 (ixcham, glassmorphism)
   ═══════════════════════════════════════════════════ */
.loy-card{
  position:relative;border-radius:20px;overflow:hidden;
  background:
    radial-gradient(ellipse at top right, rgba(232,184,75,.12), transparent 60%),
    linear-gradient(180deg,#1a1f2e,#0f1419);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);
  margin-bottom:16px;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

/* HERO — ixcham 1 qatorli */
.loy-hero{
  position:relative;padding:14px 16px;color:#fff;overflow:hidden;
}
.loy-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(232,184,75,.15),transparent 70%);z-index:0;pointer-events:none}
.loy-hero-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.loy-hero-emoji{
  font-size:2.2rem;line-height:1;
  filter:drop-shadow(0 4px 10px rgba(232,184,75,.4));
  flex-shrink:0;
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(232,184,75,.2),rgba(201,145,42,.05));
  border:1px solid rgba(232,184,75,.3);
  border-radius:14px;
}
.loy-hero-tt{flex:1;min-width:0}
.loy-hero-l{font-size:.48rem;letter-spacing:2.5px;text-transform:uppercase;opacity:.65;font-weight:800;color:var(--gold2)}
.loy-hero-nm{
  font-size:1.15rem;font-weight:800;letter-spacing:.3px;margin-top:1px;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#fff;
}
.loy-hero-disc{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;
  padding:2px 8px;border-radius:8px;font-size:.62rem;font-weight:900;letter-spacing:.5px;
  box-shadow:0 2px 8px rgba(232,184,75,.35);
}
.loy-hero-stats{display:flex;gap:8px;margin-top:12px;position:relative;z-index:1}
.loy-hero-stat{
  flex:1;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  padding:8px 10px;
  text-align:left;
}
.loy-hero-stat.right{text-align:left}
.loy-hero-stat-l{font-size:.5rem;opacity:.55;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.loy-hero-stat-v{font-size:1.1rem;font-weight:800;line-height:1.1;margin-top:3px;color:#fff}
.loy-hero-stat.right .loy-hero-stat-v{font-size:.95rem;color:var(--gold2)}

/* PROGRESS — ixcham bar */
.loy-prog-wrap{padding:10px 16px 12px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.04)}
.loy-prog-top{display:flex;justify-content:space-between;font-size:.58rem;color:var(--mu);margin-bottom:5px;font-weight:700;letter-spacing:.3px}
.loy-prog-top b{color:var(--gold2);font-weight:800}
.loy-prog-bar{height:6px;background:rgba(0,0,0,.4);border-radius:3px;overflow:hidden;position:relative}
.loy-prog-fill{
  height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold3));
  border-radius:3px;transition:width .8s ease-out;position:relative;overflow:hidden;
  box-shadow:0 0 10px rgba(232,184,75,.5);
}
.loy-prog-fill::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:loyShim 2.5s infinite;
}
@keyframes loyShim{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.loy-prog-hint{font-size:.58rem;color:var(--mu);text-align:center;margin-top:7px;line-height:1.4;font-weight:600}
.loy-prog-hint b{color:var(--gold2);font-weight:800}

/* LADDER — HORIZONTAL 5 daraja chip qatori (mobile uchun zamonaviy) */
.loy-ladder{padding:12px 14px;background:rgba(0,0,0,.15);border-top:1px solid rgba(255,255,255,.04)}
.loy-ladder-h{
  font-size:.52rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);margin-bottom:10px;display:flex;align-items:center;gap:6px;opacity:.9;
}
.loy-ladder-h::before{content:'';width:14px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:1px}

/* Yangi: HORIZONTAL scroll chip-bar */
.loy-tiers{
  display:flex;gap:6px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:4px; margin:0 -14px;padding-left:14px;padding-right:14px;
  -ms-overflow-style:none;scrollbar-width:none;
}
.loy-tiers::-webkit-scrollbar{display:none}
.loy-tier{
  flex:0 0 auto;
  min-width:88px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:9px 8px;border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  position:relative;transition:transform .25s, background .25s, border-color .25s, box-shadow .25s;cursor:pointer;
  font-family:var(--ff);text-align:center;
  scroll-snap-align:start;
}
.loy-tier:hover{transform:translateY(-2px)}
.loy-tier-emo{
  font-size:1.6rem;line-height:1;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  filter:grayscale(.6) opacity(.65);transition:all .25s;
}
.loy-tier-body{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}
.loy-tier-nm{font-size:.65rem;font-weight:800;color:var(--mu);letter-spacing:.2px;line-height:1.1;display:flex;flex-direction:column;align-items:center;gap:2px}
.loy-tier-pct{
  background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px;
  font-size:.52rem;font-weight:800;color:var(--mu);font-family:var(--fd);
}
.loy-tier-req{font-size:.5rem;color:var(--mu);font-weight:600;opacity:.65;letter-spacing:.2px}
.loy-tier-stat{
  font-size:.46rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;
  padding:3px 7px;border-radius:6px;white-space:nowrap;margin-top:2px;
  background:rgba(255,255,255,.04);color:var(--mu);
}

/* PASSED — yutilgan daraja */
.loy-tier.passed{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.25)}
.loy-tier.passed .loy-tier-emo{filter:none;background:rgba(34,197,94,.15);box-shadow:0 0 12px rgba(34,197,94,.25)}
.loy-tier.passed .loy-tier-nm{color:#86efac}
.loy-tier.passed .loy-tier-pct{background:rgba(34,197,94,.2);color:#86efac}
.loy-tier.passed .loy-tier-stat{background:rgba(34,197,94,.2);color:#86efac}

/* CURRENT — hozirgi daraja */
.loy-tier.current{
  background:linear-gradient(180deg,rgba(232,184,75,.22),rgba(201,145,42,.08));
  border:1px solid var(--gold);
  box-shadow:0 6px 20px rgba(232,184,75,.25), inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-3px) scale(1.04);
  z-index:2;
}
.loy-tier.current .loy-tier-emo{
  filter:drop-shadow(0 0 8px rgba(232,184,75,.6));
  background:linear-gradient(135deg,rgba(232,184,75,.3),rgba(201,145,42,.1));
  transform:scale(1.05);
}
.loy-tier.current .loy-tier-nm{color:#fff;font-weight:900}
.loy-tier.current .loy-tier-pct{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;font-weight:900}
.loy-tier.current .loy-tier-stat{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;
  box-shadow:0 2px 8px rgba(232,184,75,.4);
  animation:loyPulse 2s infinite;
  font-weight:900;
}
@keyframes loyPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

/* LOCKED — kelajakdagi darajalar */
.loy-tier.locked{opacity:.55}
.loy-tier.locked .loy-tier-stat{background:rgba(255,255,255,.04);color:var(--mu)}

/* PERKS — ixcham */
.loy-perks-list{padding:10px 14px 14px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.04);font-size:.62rem;color:var(--tx)}
.loy-perks-l{font-size:.5rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold2);margin-bottom:8px;opacity:.9}
.loy-perk{display:flex;align-items:flex-start;gap:7px;padding:4px 0;color:var(--tx);font-weight:500;line-height:1.4;font-size:.62rem}
.loy-perk-ico{color:var(--gold2);font-weight:900;flex-shrink:0;font-size:.7rem;width:14px;text-align:center}

@media(max-width:480px){
  .loy-hero{padding:12px 14px}
  .loy-hero-emoji{font-size:1.8rem;width:42px;height:42px}
  .loy-hero-nm{font-size:1rem}
  .loy-hero-stat-v{font-size:.95rem}
  .loy-hero-stat.right .loy-hero-stat-v{font-size:.85rem}
  .loy-tier{min-width:80px;padding:8px 6px}
  .loy-tier-emo{font-size:1.4rem;width:34px;height:34px}
  .loy-tier-nm{font-size:.6rem}
  .loy-tier-pct{font-size:.48rem}
  .loy-tier-stat{font-size:.42rem;padding:2px 5px}
}

/* ─── FOOTER REVIEWS CARD — ixcham (social yonida o'ng tarafda) ── */
.ftr-reviews-card{
  display:flex;align-items:center;gap:10px;
  margin-top:0;padding:8px 12px;
  background:linear-gradient(135deg,rgba(232,184,75,.1),rgba(232,184,75,.04));
  border:1px solid rgba(232,184,75,.25);border-radius:12px;
  cursor:pointer;flex:1 1 auto;min-width:170px;max-width:240px;
  color:var(--tx);font-family:var(--ff);text-align:left;
  transition:all .25s;
}
.ftr-reviews-card:hover{
  transform:translateY(-2px);
  border-color:var(--gold);
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(232,184,75,.06));
  box-shadow:0 8px 22px rgba(232,184,75,.18);
}
.ftr-reviews-rate{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  background:rgba(232,184,75,.15);border-radius:8px;
  padding:6px 10px;flex-shrink:0;
}
.ftr-reviews-stars{font-size:1rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(232,184,75,.4))}
.ftr-reviews-num{font-family:var(--fd);font-size:1.05rem;font-weight:800;color:var(--gold2);line-height:1}
.ftr-reviews-body{flex:1;min-width:0}
.ftr-reviews-tt{font-size:.66rem;font-weight:700;color:var(--tx);line-height:1.2;margin-bottom:2px}
.ftr-reviews-sb{font-size:.55rem;color:var(--mu);font-weight:600}

/* Navigation columns */
.ftr-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.ftr-link{
  font-size:.65rem;color:var(--mu);text-decoration:none;font-weight:600;
  display:inline-flex;align-items:center;gap:6px;
  transition:color .18s, transform .18s;cursor:pointer;
  background:none;border:0;padding:0;font-family:var(--ff);text-align:left;
}
.ftr-link:hover{color:var(--gold2);transform:translateX(3px)}
.ftr-link .ico{font-size:.78rem}

/* Contact column items */
.ftr-contact{display:flex;flex-direction:column;gap:11px}
.ftr-contact-item{
  display:flex;align-items:flex-start;gap:9px;
  font-size:.62rem;color:var(--tx);line-height:1.5;font-weight:500;
  text-decoration:none;
  transition:color .18s;
}
.ftr-contact-item:hover{color:var(--gold2)}
.ftr-contact-ico{
  width:30px;height:30px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;color:var(--gold2);
}
.ftr-contact-l{font-size:.5rem;color:var(--mu);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:2px;line-height:1}

/* Bottom strip */
.ftr-bottom{
  margin-top:32px;padding:18px 0;
  border-top:1px solid var(--bd2);
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  font-size:.55rem;color:var(--mu);font-weight:500;
}
@media(min-width:600px){.ftr-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.ftr-copy{display:flex;align-items:center;gap:6px}
.ftr-made{display:flex;align-items:center;gap:5px;color:var(--mu)}
.ftr-made .uz-flag{font-size:.85rem}
.ftr-payment-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.ftr-pay-pill{
  font-size:.5rem;font-weight:700;color:var(--mu);
  background:var(--s2);border:1px solid var(--bd);border-radius:8px;
  padding:4px 9px;letter-spacing:.3px;
}

/* ══════════════════════════════════════════════════
   SUMMARY PAGE v2 — premium booking-style polish
   ══════════════════════════════════════════════════ */
.sum-priceguard{
  background:var(--bg);padding:14px 16px 4px;
  margin-bottom:0;position:relative;z-index:10;
}
.sum-priceguard-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--grd);
  padding:14px 18px;border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.sum-priceguard-lbl{
  font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(4,8,15,.7);font-weight:800;margin-bottom:3px;
  display:flex;align-items:center;gap:5px;
}
.sum-priceguard-sub{font-size:.58rem;color:rgba(4,8,15,.55);font-weight:600}
.sum-priceguard-r{text-align:right}
.sum-priceguard-orig{font-size:.7rem;color:rgba(4,8,15,.4);text-decoration:line-through;margin-bottom:1px}
.sum-priceguard-val{font-family:var(--fd);font-size:1.7rem;font-weight:700;color:#04080f;line-height:1}

.sum-discount-row{
  margin:8px 16px 0;
  background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.08));
  border:1px solid rgba(16,185,129,.35);border-radius:12px;
  padding:10px 14px;font-size:.65rem;color:#7ad68c;font-weight:700;text-align:center;
}

.sum-trust-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  margin:14px 16px 0;
}
.sum-trust-pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 11px;border-radius:20px;
  background:var(--s1);border:1px solid var(--bd);
  font-size:.55rem;font-weight:700;color:var(--mu);
  letter-spacing:.3px;
}
.sum-trust-pill .ico{font-size:.78rem;line-height:1}
@media(min-width:600px){.sum-trust-pill{font-size:.6rem;padding:7px 13px}}

.sum-bonus{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(236,72,153,.06));
  border:1.5px dashed #a855f7;border-radius:14px;
  padding:14px 16px;margin:8px 16px 4px;
  position:relative;overflow:hidden;
}
.sum-bonus::before{
  content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;
  background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);
  pointer-events:none;
}
.sum-bonus-ico{font-size:1.7rem;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(168,85,247,.4))}
.sum-bonus-body{flex:1;min-width:0}
.sum-bonus-h{font-size:.66rem;font-weight:800;color:#c084fc;margin-bottom:3px;line-height:1.3}
.sum-bonus-tx{font-size:.58rem;color:var(--tx);line-height:1.5;font-weight:500}

/* ── ORDER FORM v2 — sticky olib tashlandi (overlay muammosi yo'q) ── */
.ord-bar{
  background:var(--grd);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;
  position:relative;z-index:10;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  border-radius:14px;
  margin:0 16px 14px;
}
.ob-l{font-size:.58rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(4,8,15,.65);font-weight:800;display:flex;align-items:center;gap:5px}
.ob-l::before{content:'💰';font-size:.85rem}
.ob-v{font-family:var(--fd);font-size:1.7rem;font-weight:700;color:#04080f;line-height:1}

/* Form field — ikonali label */
.flbl{position:relative}
.flbl-ico{display:inline-block;margin-right:5px;font-size:.78rem;vertical-align:middle;color:var(--gold2);filter:none}

/* Input/Select/Textarea — fokus glow */
.inp,.sel,.txta{transition:border-color .2s, box-shadow .2s, background .2s}
.inp:focus,.sel:focus,.txta:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(232,184,75,.15);
  background:linear-gradient(0deg,rgba(232,184,75,.03),rgba(232,184,75,.06));
}

/* Trust footer — submit tugmasi ostida */
.ord-trust{
  display:flex;flex-direction:column;gap:6px;padding:12px 16px;
  background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(16,185,129,.02));
  border:1px solid rgba(16,185,129,.18);border-radius:12px;
  margin:6px 16px 4px;
}
.ord-trust-row{display:flex;align-items:center;gap:8px;font-size:.6rem;color:var(--mu);font-weight:600}
.ord-trust-row strong{color:#7ad68c;font-weight:700}
.ord-trust-ico{font-size:.85rem;flex-shrink:0}

/* Submit hint — keyingi qadam */
.ord-next-hint{
  font-size:.54rem;color:var(--mu);text-align:center;margin-top:4px;letter-spacing:.5px;
}
.ord-next-hint::before{content:'→ ';color:var(--gold2);font-weight:700}

/* Bigger, more confident submit */
.ord-submit-wrap .btn-p{
  padding:16px;font-size:.78rem;letter-spacing:1.2px;
  box-shadow:0 8px 24px rgba(232,184,75,.4);
}
.ord-submit-wrap .btn-p:hover{box-shadow:0 12px 30px rgba(232,184,75,.55)}
.pay-g{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px}
.pc{background:var(--s1);border:1.5px solid var(--bd2);border-radius:var(--r3);padding:9px;cursor:pointer;transition:.16s;text-align:center;touch-action:manipulation}
.pc.on{border-color:var(--gold2);background:rgba(201,145,42,.06)}
.pc-ico{font-size:1.2rem;margin-bottom:2px}
.pc-nm{font-size:.57rem;font-weight:700;margin-bottom:1px}
.pc-sb{font-size:.48rem;color:var(--mu)}

/* ─── SUCCESS ─── */
/* ── SUCCESS PAGE v2 — modernizatsiya ── */
.suc-b{text-align:center;padding:40px 18px 36px;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;position:relative;overflow:hidden}
@media(min-width:600px){.suc-b{padding:56px 24px 44px;max-width:680px;margin:0 auto}}

/* Confetti chiziqlari (sof CSS, fayl bo'shaltirmaydi) */
.suc-confetti{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:300px;height:200px;pointer-events:none;z-index:0;opacity:.85}
.suc-confetti span{position:absolute;width:8px;height:14px;border-radius:2px;animation:suc-fall 2.6s ease-out forwards;opacity:0}
.suc-confetti span:nth-child(1){left:10%;background:var(--gold2);animation-delay:0s;transform:rotate(15deg)}
.suc-confetti span:nth-child(2){left:25%;background:#10b981;animation-delay:.15s;transform:rotate(-25deg)}
.suc-confetti span:nth-child(3){left:38%;background:var(--gold);animation-delay:.05s}
.suc-confetti span:nth-child(4){left:52%;background:#3b82f6;animation-delay:.3s;transform:rotate(20deg)}
.suc-confetti span:nth-child(5){left:64%;background:var(--gold3);animation-delay:.1s;transform:rotate(-15deg)}
.suc-confetti span:nth-child(6){left:78%;background:#10b981;animation-delay:.25s}
.suc-confetti span:nth-child(7){left:88%;background:var(--gold2);animation-delay:.18s;transform:rotate(35deg)}
.suc-confetti span:nth-child(8){left:18%;background:#a855f7;animation-delay:.4s}
.suc-confetti span:nth-child(9){left:46%;background:var(--gold);animation-delay:.5s;transform:rotate(-30deg)}
.suc-confetti span:nth-child(10){left:72%;background:#10b981;animation-delay:.45s}
@keyframes suc-fall{
  0%{transform:translateY(-30px) rotate(0deg);opacity:1}
  100%{transform:translateY(220px) rotate(540deg);opacity:0}
}

/* Animatsiyali oltin badge */
.suc-badge{
  position:relative;width:120px;height:120px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  display:flex;align-items:center;justify-content:center;
  font-size:3.5rem;color:#04080f;font-weight:800;
  box-shadow:0 0 0 8px rgba(232,184,75,.18), 0 0 0 18px rgba(232,184,75,.06), 0 14px 40px rgba(232,184,75,.45);
  animation:suc-pop .55s cubic-bezier(.34,1.56,.64,1) both;
  z-index:2;
}
.suc-badge::after{
  content:'';position:absolute;inset:-3px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold3),transparent);
  opacity:.4;z-index:-1;
  animation:suc-pulse 2.5s ease-in-out infinite;
}
@keyframes suc-pop{
  0%{transform:scale(.3) rotate(-180deg);opacity:0}
  60%{transform:scale(1.1) rotate(20deg);opacity:1}
  100%{transform:scale(1) rotate(0deg);opacity:1}
}
@keyframes suc-pulse{
  0%,100%{transform:scale(1);opacity:.4}
  50%{transform:scale(1.08);opacity:.15}
}
.suc-ico{font-size:3.5rem;margin:0;animation:none;line-height:1}
@keyframes pop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
.suc-t{font-family:var(--fd);font-size:2rem;font-weight:700;margin:0;line-height:1.15;animation:suc-fadeup .55s .15s ease both}
@media(min-width:600px){.suc-t{font-size:2.4rem}}
.suc-s{font-size:.72rem;color:var(--mu);line-height:1.85;max-width:380px;margin:0 auto;animation:suc-fadeup .55s .25s ease both}
@keyframes suc-fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Order number "ticket" */
.suc-ticket{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,rgba(201,145,42,.14),rgba(232,184,75,.05));
  border:1.5px dashed var(--gold);border-radius:14px;
  padding:14px 22px;margin:6px auto;
  position:relative;animation:suc-fadeup .55s .35s ease both;
}
.suc-ticket-lbl{font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--mu);font-weight:700}
.suc-num{
  font-family:var(--fd);font-size:1.5rem;color:var(--gold2);font-weight:700;
  padding:0;border:0;display:inline-block;margin:0;letter-spacing:1px;
}

/* Timeline-style next steps */
.suc-timeline{
  background:var(--s1);border:1px solid var(--bd2);border-radius:18px;
  padding:18px 18px 14px;margin:8px 0;text-align:left;
  animation:suc-fadeup .55s .45s ease both;width:100%;box-sizing:border-box;
}
.suc-tl-h{
  font-size:.55rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:14px;
  display:flex;align-items:center;gap:6px;
}
.suc-tl-row{
  display:flex;gap:12px;padding-bottom:14px;position:relative;
}
.suc-tl-row:last-child{padding-bottom:0}
.suc-tl-row::before{
  content:'';position:absolute;left:14px;top:30px;bottom:-2px;
  width:2px;background:var(--bd2);
}
.suc-tl-row:last-child::before{display:none}
.suc-tl-num{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:var(--s2);border:2px solid var(--gold);
  color:var(--gold2);font-family:var(--fd);font-weight:700;font-size:.85rem;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;
}
.suc-tl-row:first-child .suc-tl-num{
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#04080f;border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(232,184,75,.18);
}
.suc-tl-body{flex:1;padding-top:2px}
.suc-tl-tt{font-size:.7rem;font-weight:700;color:var(--tx);margin-bottom:2px;line-height:1.3}
.suc-tl-tx{font-size:.6rem;color:var(--mu);line-height:1.6}
@media(min-width:600px){.suc-tl-tt{font-size:.78rem}.suc-tl-tx{font-size:.66rem}}

/* Trust footer (success ostida) */
.suc-trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
  margin:6px 0;animation:suc-fadeup .55s .5s ease both;
}
.suc-trust-pill{
  font-size:.55rem;font-weight:600;color:var(--mu);
  background:var(--s1);border:1px solid var(--bd2);border-radius:20px;
  padding:6px 12px;display:inline-flex;align-items:center;gap:5px;
}
.suc-trust-pill strong{color:#7ad68c;font-weight:700;margin-right:2px}

/* Action buttons (share + actions) */
.suc-actions{
  display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;
  margin-top:6px;animation:suc-fadeup .55s .55s ease both;
}
.suc-share-row{
  display:flex;gap:8px;justify-content:center;
}
.suc-share-btn{
  flex:1;padding:11px 12px;border-radius:12px;border:none;cursor:pointer;
  font-family:var(--ff);font-size:.62rem;font-weight:700;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:6px;
  transition:transform .18s, box-shadow .18s;
  text-decoration:none;
}
.suc-share-btn:hover{transform:translateY(-2px)}
.suc-share-btn-wa{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 14px rgba(37,211,102,.3)}
.suc-share-btn-tg{background:linear-gradient(135deg,#0088cc,#005f8a);box-shadow:0 4px 14px rgba(0,136,204,.3)}
.suc-share-btn-call{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(245,158,11,.3)}

/* ─── PAYMENT INFO CARD ─── */
.pay-card{
  background:linear-gradient(135deg,#0f1626 0%,#0a1020 100%);
  border:1.5px solid var(--bd);border-radius:14px;padding:18px;
  margin:0 auto 18px;max-width:340px;width:100%;text-align:left;
  box-shadow:0 8px 28px rgba(0,0,0,.35)
}
.pay-card-h{
  font-size:.62rem;color:var(--gold2);font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:10px;text-align:center
}
.pay-amount{
  background:rgba(201,145,42,.1);border:1px dashed rgba(201,145,42,.4);
  border-radius:10px;padding:10px 12px;margin-bottom:14px;text-align:center
}
.pay-amount-lbl{font-size:.55rem;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.pay-amount-v{font-size:1.4rem;font-weight:800;color:var(--gold2);font-family:var(--fd)}
.pay-amount-uzs{font-size:.65rem;color:var(--mu);margin-top:2px}
.pay-method{
  background:#0a1020;border:1px solid #1f2a44;border-radius:10px;
  padding:11px 12px;margin-bottom:9px
}
.pay-method-h{
  font-size:.6rem;color:var(--gold2);font-weight:700;margin-bottom:6px;
  display:flex;align-items:center;gap:5px
}
.pay-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.pay-val{
  flex:1;font-family:var(--fd),monospace;font-size:.82rem;color:#fff;
  letter-spacing:.04em;font-weight:600;word-break:break-all
}
.pay-copy{
  background:rgba(201,145,42,.15);border:1px solid rgba(201,145,42,.35);
  color:var(--gold2);border-radius:7px;padding:5px 10px;font-size:.55rem;
  font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;
  font-family:inherit;text-transform:uppercase;letter-spacing:.05em
}
.pay-copy:hover{background:rgba(201,145,42,.25)}
.pay-copy:active{transform:scale(.95)}
.pay-copy.copied{background:#5cdb7c;color:#04080f;border-color:#5cdb7c}
.pay-meta{font-size:.55rem;color:var(--mu);margin-top:3px;line-height:1.5}
.pay-warn{
  background:rgba(220,180,53,.08);border:1px solid rgba(220,180,53,.3);
  border-radius:8px;padding:8px 10px;margin-top:10px;
  font-size:.58rem;color:#dbb435;line-height:1.5;text-align:center
}
.pay-paid-btn{
  width:100%;background:#5cdb7c;color:#04080f;border:none;border-radius:10px;
  padding:12px;font-size:.78rem;font-weight:800;cursor:pointer;margin-top:12px;
  transition:.15s;font-family:inherit;letter-spacing:.02em
}
.pay-paid-btn:hover{background:#7ce895}
.pay-paid-btn:active{transform:scale(.98)}
.pay-paid-btn:disabled{opacity:.6;cursor:not-allowed;background:#3d6e4d}

/* ─── FLOAT CART ─── */
.fcart{position:fixed;bottom:18px;right:16px;z-index:990;display:none;
  background:rgba(7,16,31,.97);border:1px solid var(--bd);border-radius:50px;
  padding:9px 14px;box-shadow:0 4px 22px rgba(0,0,0,.75);cursor:pointer;
  align-items:center;gap:5px;backdrop-filter:blur(16px);animation:bob 3.5s ease-in-out infinite;touch-action:manipulation}
.fcart.on{display:flex}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.fcart-v{font-family:var(--fd);font-size:.9rem;color:var(--gold2);font-weight:700}

/* ─── FOOD CARD WITH BG ─── */
.fc{background:var(--s1);border-radius:var(--r2);border:1.5px solid var(--bd2);
  cursor:pointer;transition:.18s;overflow:hidden;touch-action:manipulation}
.fc.on{border-color:var(--gold2)}
.fc:hover:not(.on){border-color:var(--bd)}
.fc-bg{height:110px;background-size:cover;background-position:center;position:relative}
.fc-bg-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,15,.85),rgba(4,8,15,.2))}
.fc-bg-badge{position:absolute;top:7px;right:7px;background:rgba(4,8,15,.7);
  border:1px solid var(--bd);border-radius:20px;padding:3px 8px;
  font-size:.48rem;font-weight:700;color:var(--gold2)}
.fc-chk{position:absolute;top:7px;left:7px;width:20px;height:20px;border-radius:50%;
  background:rgba(4,8,15,.7);border:1.5px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;font-size:.65rem;color:transparent;transition:.2s}
.fc.on .fc-chk{background:var(--gold);border-color:var(--gold);color:#04080f}
.fc-body{padding:9px 11px}
.fc-nm{font-size:.65rem;font-weight:700;margin-bottom:1px}
.fc-ad{font-size:.5rem;color:var(--mu);margin-bottom:3px}
.fc-ds{font-size:.54rem;color:rgba(240,235,224,.6);margin-bottom:5px}
.fc-bot{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.fc-stars{font-size:.5rem}
.fc-r{font-size:.52rem;color:var(--gold2);font-weight:700}
.fc-pr{font-size:.5rem;color:var(--mu)}
.fc-menu{border-top:1px solid var(--bd2);padding-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.fc-menu-item{display:flex;justify-content:space-between;align-items:center;
  background:rgba(201,145,42,.05);border-radius:4px;padding:3px 6px}
.fc-menu-nm{font-size:.5rem;color:var(--tx)}
.fc-menu-pr{font-size:.5rem;color:var(--gold2);font-weight:700;white-space:nowrap;margin-left:4px}

/* ─── CAR CARDS ─── */
.cars-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 4px}
.cc{background:var(--s1);border-radius:var(--r2);border:2px solid var(--bd2);
  cursor:pointer;transition:.2s;overflow:hidden;touch-action:manipulation;position:relative}
.cc.on{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2)}
.cc:hover:not(.on){border-color:var(--bd);transform:translateY(-2px)}
.cc-img{height:100px;background-size:cover;background-position:center;position:relative}
.cc-img-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,15,.9) 0%,rgba(4,8,15,.1) 60%)}
.cc-chk{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;
  background:rgba(4,8,15,.6);border:1.5px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;font-size:.6rem;color:transparent;transition:.2s}
.cc.on .cc-chk{background:var(--gold);border-color:var(--gold);color:#04080f}
.cc-body{padding:8px 9px}
.cc-nm{font-size:.68rem;font-weight:700;margin-bottom:1px}
.cc-sb{font-size:.5rem;color:var(--mu);margin-bottom:4px}
.cc-foot{display:flex;justify-content:space-between;align-items:center}
.cc-pr{font-family:var(--fd);font-size:.95rem;color:var(--gold2);font-weight:700}
.cc-pu{font-size:.42rem;color:var(--mu)}
.cc-dim{opacity:.45}
.cc-dim.on{opacity:1}
.cc-rec-badge{position:absolute;top:7px;left:7px;background:var(--grd);
  font-size:.4rem;font-weight:800;color:#04080f;padding:2px 6px;border-radius:3px;letter-spacing:.5px}
.car-segs{padding:0 16px;display:flex;flex-direction:column;gap:7px;margin-bottom:8px}
.cseg{background:var(--s1);border-radius:var(--r2);padding:10px 12px;border:1px solid var(--bd2)}
.cseg-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.cseg-lbl{font-size:.63rem;font-weight:700;color:var(--gold2)}
.cseg-del{background:rgba(224,92,106,.1);border:1px solid rgba(224,92,106,.2);border-radius:50%;
  width:22px;height:22px;cursor:pointer;color:var(--rose);font-size:.7rem;
  display:flex;align-items:center;justify-content:center;touch-action:manipulation}
.cseg-date{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cseg-dc{background:var(--s2);border-radius:var(--r4);padding:6px 8px;border:1px solid var(--bd2)}
.cseg-dl{font-size:.44rem;color:var(--gold);font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:3px}
.car-seg-add{margin:0 16px 8px;display:flex;gap:0;border:1px solid var(--bd2);border-radius:var(--r2);overflow:hidden}
.car-seg-sel{flex:1;background:var(--s2);border:none;padding:10px 12px;font-family:var(--ff);font-size:.65rem;color:var(--tx);outline:none;cursor:pointer}
.car-seg-btn{background:var(--grd);border:none;padding:10px 14px;font-size:.75rem;color:#04080f;cursor:pointer;font-weight:700;touch-action:manipulation}

/* ─── RESPONSIVE ─── */
@media(min-width:540px){
  .pg{max-width:480px;margin:0 auto}
  .cbtn{width:44px;height:44px}
  .phd h2{font-size:1.75rem}
}
@media(min-width:860px){
  .pg{max-width:540px}
}

/* ─── KABINET PANEL — PREMIUM v2 ─── */
.kab-overlay{position:fixed;inset:0;z-index:1100;background:rgba(4,8,15,.88);backdrop-filter:blur(10px);display:none;align-items:flex-end;justify-content:center;animation:kabFadeIn .25s ease-out}
.kab-overlay.on{display:flex}
@keyframes kabFadeIn{from{opacity:0}to{opacity:1}}
.kab-panel{
  width:100%;max-width:520px;max-height:92vh;overflow-y:auto;
  background:linear-gradient(180deg,#0f1a2d 0%,var(--s2) 50%);
  border-radius:24px 24px 0 0;padding:0 0 40px;
  box-shadow:0 -20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(232,184,75,.08);
  animation:kabSlideUp .35s cubic-bezier(.34,1.56,.64,1);
  position:relative;
}
@keyframes kabSlideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}
.kab-panel::before{
  content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:42px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);
}
.kab-head{
  padding:24px 20px 16px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(232,184,75,.12);
  position:sticky;top:0;z-index:2;
  background:linear-gradient(180deg,#0f1a2d 0%,#0f1a2d 70%,rgba(15,26,45,.95) 100%);
  backdrop-filter:blur(8px);
}
.kab-title{
  font-family:var(--fd);font-size:1.3rem;font-weight:700;color:var(--tx);
  display:flex;align-items:center;gap:8px;
}
.kab-title::before{content:'✦';color:var(--gold2);font-size:.85rem}
.kab-close{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid var(--bd2);
  color:var(--mu);font-size:1.1rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.kab-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#f87171;transform:rotate(90deg)}
.kab-body{padding:18px 20px}

/* ─── KABINET MAGIC NAV — sticky pastki bar, 7 ta ikona ─── */
.kab-magicnav{
  position:sticky;bottom:8px;
  margin:6px 14px 12px;
  height:54px;
  border-radius:27px;
  background:linear-gradient(135deg,#1a3a6e,#0a2545);
  display:none;align-items:center;
  box-shadow:0 8px 24px rgba(0,0,0,.5), 0 0 0 1px rgba(232,184,75,.15);
  z-index:5;flex-shrink:0;
}
.kab-magicnav.on{display:flex}
.kab-magicnav-ind{
  position:absolute;top:-14px;left:0;
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#c9912a,#e8b84b);
  display:flex;align-items:center;justify-content:center;
  color:#0a1525;font-size:18px;font-weight:700;
  box-shadow:0 6px 14px rgba(201,145,42,.55), 0 0 0 4px #04080f;
  transition:transform .55s cubic-bezier(.5,1.5,.5,1);
  pointer-events:none;will-change:transform;
}
.kab-magicnav-btn{
  flex:1;background:transparent;border:0;
  color:rgba(255,255,255,.5);
  font-size:18px;cursor:pointer;
  padding:0;height:100%;
  display:flex;align-items:center;justify-content:center;
  transition:color .3s, transform .2s;
  -webkit-tap-highlight-color:transparent;
}
.kab-magicnav-btn:hover{color:rgba(255,255,255,.85)}
.kab-magicnav-btn:active{transform:scale(.92)}
.kab-magicnav-btn.on{color:transparent}
/* Pane'larga pastdan padding — magic nav ostida content yashirinmasin */
.kab-magicnav.on ~ * {padding-bottom:80px}
[data-theme="light"] .kab-magicnav{background:linear-gradient(135deg,#1e293b,#0f172a)}
.kab-avatar{
  width:72px;height:72px;border-radius:50%;background:var(--grd);
  display:flex;align-items:center;justify-content:center;
  font-size:1.9rem;margin:0 auto 12px;
  box-shadow:0 0 0 3px rgba(232,184,75,.35), 0 8px 24px rgba(232,184,75,.4), inset 0 1px 0 rgba(255,255,255,.2);
}
.kab-uname{text-align:center;font-weight:700;font-size:.95rem;color:var(--tx)}
.kab-usub{text-align:center;font-size:.62rem;color:var(--mu);margin-top:2px}
.kab-sec{margin-top:20px}
.kab-sec-title{
  font-size:.55rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);margin-bottom:12px;
  display:flex;align-items:center;gap:6px;
}
.kab-sec-title::before{content:'';width:18px;height:2px;background:var(--grd);border-radius:1px}
.kab-inp{width:100%;background:var(--s3);border:1px solid var(--bd2);border-radius:var(--r3);padding:10px 14px;color:var(--tx);font-family:var(--ff);font-size:.75rem;outline:none;margin-bottom:8px}
.kab-inp:focus{border-color:var(--gold);background:var(--s2)}
.kab-save{width:100%;padding:11px;background:var(--grd);border:none;border-radius:var(--r3);color:#000;font-family:var(--ff);font-size:.75rem;font-weight:700;cursor:pointer;letter-spacing:.5px;margin-top:4px}
/* TIL TANLASH */
.lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.lang-btn{padding:8px 4px;background:var(--s3);border:1px solid var(--bd2);border-radius:var(--r3);color:var(--mu);font-size:.58rem;font-weight:600;cursor:pointer;text-align:center;transition:.15s;display:flex;flex-direction:column;align-items:center;gap:3px}
.lang-btn .lf{font-size:1.1rem}
.lang-btn:hover,.lang-btn.on{background:rgba(201,145,42,.15);border-color:var(--gold);color:var(--gold2)}
/* KABINET tugmasi NAVda */
.kab-nav-btn{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid var(--bd2);border-radius:20px;padding:5px 10px;color:var(--mu);font-size:.6rem;font-weight:600;cursor:pointer;transition:.18s;touch-action:manipulation;letter-spacing:.3px}
.kab-nav-btn:hover,.kab-nav-btn:active{background:rgba(201,145,42,.15);border-color:var(--gold);color:var(--gold2)}
.kab-nav-btn .kav{font-size:.85rem}
/* ORDERS list — PREMIUM v2 */
.kab-order-item{
  background:linear-gradient(135deg,var(--s2),var(--s3));
  border:1px solid var(--bd2);border-radius:14px;
  padding:14px;margin-bottom:10px;
  transition:all .25s;cursor:pointer;
  position:relative;overflow:hidden;
}
.kab-order-item::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--grd);
}
.kab-order-item:hover{
  border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.4);
}
.kab-ord-num{
  font-size:.6rem;color:var(--gold2);font-weight:800;
  letter-spacing:1px;text-transform:uppercase;
  display:inline-block;background:rgba(232,184,75,.1);
  padding:3px 8px;border-radius:8px;margin-bottom:6px;
}
.kab-ord-nm{font-size:.78rem;color:var(--tx);font-weight:600;margin-top:4px;line-height:1.3}
.kab-ord-pr{
  font-family:var(--fd);font-size:1.1rem;color:var(--gold);
  font-weight:700;float:right;line-height:1;
}
.kab-no-orders{
  text-align:center;padding:36px 20px;color:var(--mu);font-size:.72rem;
  background:rgba(255,255,255,.02);border:1px dashed var(--bd2);border-radius:14px;
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.kab-no-orders::before{content:'📭';font-size:2.2rem;opacity:.5}

/* ─── LEAFLET TOOLTIP ─── */
.sf-tip{background:rgba(7,16,31,0.92)!important;border:1px solid rgba(201,145,42,0.4)!important;color:#f0ebe0!important;font-family:var(--ff)!important;font-size:.65rem!important;font-weight:600!important;padding:3px 8px!important;border-radius:6px!important;white-space:nowrap!important;box-shadow:0 2px 10px rgba(0,0,0,0.5)!important}
.sf-tip::before{border-top-color:rgba(201,145,42,0.4)!important}
.leaflet-control-zoom{border:1px solid rgba(201,145,42,0.25)!important;border-radius:8px!important;overflow:hidden}
.leaflet-control-zoom a{background:rgba(7,16,31,0.9)!important;color:var(--gold2)!important;border-color:rgba(201,145,42,0.2)!important}
.leaflet-control-zoom a:hover{background:rgba(201,145,42,0.15)!important}
.leaflet-control-attribution{font-size:9px!important;background:rgba(0,0,0,0.5)!important;color:rgba(255,255,255,0.4)!important}

/* ─── LEAFLET POPUP ─── */
.leaf-popup .leaflet-popup-content-wrapper{background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-radius:8px;font-family:var(--ff);font-size:.75rem}
.leaf-popup .leaflet-popup-tip{background:var(--s2)}

/* ─── 🏛 TARIXIY YODGORLIK MARKERLARI ─── */
.heritage-pin{
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,#e8b84b,#c9912a);
  border:2px solid rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;
  box-shadow:0 3px 10px rgba(232,184,75,.55), 0 0 0 1px rgba(0,0,0,.2);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  animation:heritagePulse 2.5s ease-in-out infinite;
}
.heritage-pin:hover{transform:scale(1.25)}
@keyframes heritagePulse{
  0%,100%{box-shadow:0 3px 10px rgba(232,184,75,.55), 0 0 0 1px rgba(0,0,0,.2)}
  50%{box-shadow:0 3px 10px rgba(232,184,75,.85), 0 0 0 6px rgba(232,184,75,.15), 0 0 0 1px rgba(0,0,0,.2)}
}

/* Heritage popup card — COMPACT (xaritani yopib qo'ymasin) */
.heritage-popup-wrap .leaflet-popup-content-wrapper{
  background:linear-gradient(180deg,#0a1525,#040810) !important;
  border:1px solid rgba(232,184,75,.4) !important;
  border-radius:14px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(232,184,75,.15) !important;
  padding:0 !important;
  overflow:hidden !important;
}
.heritage-popup-wrap .leaflet-popup-content{
  margin:0 !important;
  padding:0 !important;
  width:230px !important;
  max-width:230px !important;
  max-height:340px;
  overflow-y:auto;
}
.heritage-popup-wrap .leaflet-popup-content::-webkit-scrollbar{width:3px}
.heritage-popup-wrap .leaflet-popup-content::-webkit-scrollbar-track{background:transparent}
.heritage-popup-wrap .leaflet-popup-content::-webkit-scrollbar-thumb{background:rgba(232,184,75,.4);border-radius:2px}
.heritage-popup-wrap .leaflet-popup-tip{background:#0a1525 !important;border:1px solid rgba(232,184,75,.4) !important}
.heritage-popup-wrap .leaflet-popup-close-button{
  color:#fff !important;font-size:14px !important;
  width:22px !important;height:22px !important;
  background:rgba(0,0,0,.6) !important;border-radius:50% !important;
  top:6px !important;right:6px !important;
  padding:2px !important;line-height:1 !important;
  z-index:10;
}
.heritage-popup{display:flex;flex-direction:column}
.heritage-popup-imgwrap{position:relative;overflow:hidden;height:90px;background:linear-gradient(135deg,#0d1c30,#0a1525)}
.heritage-popup-img{
  width:100%;height:90px;object-fit:cover;
  display:block;
}
.heritage-popup-imgov{
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(4,8,15,.6) 100%);
  pointer-events:none;
}
.heritage-popup-body{padding:9px 11px 11px;font-family:'DM Sans',sans-serif}
.heritage-popup-city{
  display:inline-block;
  font-size:.45rem;letter-spacing:1.2px;color:#e8b84b;
  font-weight:800;margin-bottom:4px;
  padding:2px 7px;border-radius:8px;
  background:rgba(232,184,75,.12);
  border:1px solid rgba(232,184,75,.3);
}
.heritage-popup-name{
  font-family:'Cormorant Garamond',serif;
  font-size:.95rem;font-weight:700;color:#fff;
  margin-bottom:4px;line-height:1.2;letter-spacing:-.2px;
}
.heritage-popup-desc{
  font-size:.6rem;color:rgba(255,255,255,.75);
  line-height:1.4;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.heritage-popup-pills{
  display:flex;flex-wrap:wrap;gap:3px;
  margin-bottom:7px;
}
.hpop-pill{
  display:inline-flex;align-items:center;gap:3px;
  font-size:.5rem;color:rgba(255,255,255,.85);font-weight:600;
  padding:2px 6px;border-radius:5px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  line-height:1.3;
}
.hpop-pill span{font-size:.55rem;line-height:1}
.hpop-pill.unesco{
  background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(99,102,241,.15));
  border-color:rgba(59,130,246,.4);
  color:#93c5fd;
  font-weight:800;
}
.heritage-popup-meta{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-bottom:8px;padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hpop-meta-item{font-size:.52rem;color:rgba(255,255,255,.5);font-weight:500;line-height:1.3}
.heritage-popup-tips{
  background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.04));
  border:1px solid rgba(16,185,129,.2);
  border-radius:7px;
  padding:7px 9px;margin-bottom:9px;
}
.heritage-popup-tips-h{
  font-size:.5rem;letter-spacing:1px;color:#34d399;
  font-weight:800;text-transform:uppercase;margin-bottom:3px;
}
.heritage-popup-tips ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:2px;
}
.heritage-popup-tips li{
  font-size:.55rem;color:rgba(255,255,255,.8);
  line-height:1.35;padding-left:8px;position:relative;
}
.heritage-popup-tips li::before{
  content:'•';position:absolute;left:0;top:0;
  color:#34d399;font-weight:800;
}
.heritage-popup-actions{display:flex;gap:5px;margin-top:1px}
.heritage-popup-btn{
  font-family:'DM Sans',sans-serif;font-weight:700;
  border:none;cursor:pointer;border-radius:7px;
  font-size:.6rem;padding:7px 10px;
  transition:transform .15s, box-shadow .15s;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
}
.heritage-popup-btn.play{
  background:linear-gradient(135deg,#e8b84b,#c9912a);
  color:#000;flex:1;letter-spacing:.2px;
  box-shadow:0 3px 10px rgba(232,184,75,.35), inset 0 1px 0 rgba(255,255,255,.2);
}
.heritage-popup-btn.play:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(232,184,75,.5)}
.heritage-popup-btn.play:active{transform:translateY(0)}
.heritage-popup-btn.stop{
  background:rgba(255,255,255,.08);color:#fff;
  border:1px solid rgba(255,255,255,.15);
  padding:7px 9px;font-size:.75rem;
}
.heritage-popup-btn.stop:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}

/* Mobile — yanada ixcham */
@media(max-width:480px){
  .heritage-popup-wrap .leaflet-popup-content{
    width:200px !important;max-width:200px !important;
    max-height:280px;
  }
  .heritage-popup-imgwrap, .heritage-popup-img{height:75px}
  .heritage-popup-name{font-size:.85rem}
  .heritage-popup-desc{font-size:.55rem}
}
.leaflet-container{font-family:var(--ff)}

/* ─── KABINET MENU — KATTA UZUN CARDLAR (whyus style) ─── */
.kab-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}
.kab-menu-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 12px;
  background:linear-gradient(180deg,var(--s2),var(--s1));
  border:1px solid var(--bd2);
  border-radius:14px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:all .25s cubic-bezier(.34,1.56,.64,1);
  width:100%;
  text-align:left;
  font-family:var(--ff);
  color:var(--tx);
}
.kab-menu-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,var(--mc1,var(--gold2)),var(--mc2,var(--gold)));
  opacity:0;
  transition:opacity .25s;
}
.kab-menu-card:hover{
  border-color:var(--mc1,var(--gold));
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.35), 0 0 0 1px var(--mc1,var(--gold));
}
.kab-menu-card:hover::before{opacity:1}
.kab-menu-card:active{transform:translateY(0)}
.kab-menu-card-ico{
  flex-shrink:0;
  width:50px;height:50px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--mc1,var(--gold2)),var(--mc2,var(--gold)));
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px color-mix(in srgb, var(--mc1,var(--gold2)) 30%,transparent), inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .25s;
}
.kab-menu-card:hover .kab-menu-card-ico{transform:scale(1.08) rotate(-3deg)}
.kab-menu-card-ico span{
  font-size:1.55rem;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.kab-menu-card-body{
  flex:1;
  min-width:0;
}
.kab-menu-card-h{
  font-family:var(--fd);
  font-size:1.05rem;
  font-weight:700;
  color:var(--tx);
  margin:0 0 2px;
  line-height:1.2;
}
.kab-menu-card-p{
  font-size:.65rem;
  color:var(--mu);
  line-height:1.4;
  margin:0;
}
.kab-menu-card-arrow{
  flex-shrink:0;
  color:var(--mc1,var(--gold));
  font-size:1.1rem;
  font-weight:800;
  transition:transform .25s;
}
.kab-menu-card:hover .kab-menu-card-arrow{transform:translateX(3px)}
.kab-menu-card-badge{
  position:absolute;
  top:8px;
  right:38px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:9px;
  background:#ef4444;
  color:#fff;
  font-size:.55rem;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 2px 6px rgba(239,68,68,.4);
}

/* Back to menu tugma */
.kab-back-btn{
  display:none;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--bd2);
  color:var(--mu);
  padding:8px 14px;
  border-radius:10px;
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
  margin-bottom:12px;
  transition:all .2s;
  font-family:var(--ff);
}
.kab-back-btn:hover{
  background:rgba(232,184,75,.1);
  border-color:var(--gold);
  color:var(--gold2);
}
.kab-back-btn.show{display:inline-flex}

/* Eski tab strip — yashirildi (backward compat uchun saqlandi) */
.kab-tabs{
  display:none;
  grid-template-columns:repeat(7, 1fr);
  gap:2px;
  background:rgba(15,23,42,.5);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:4px;margin-bottom:16px;
  box-shadow:0 8px 28px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04);
}
.kab-tab{
  padding:7px 2px;
  border:0;border-radius:10px;
  background:transparent;
  color:var(--mu);
  font-weight:700;cursor:pointer;
  transition:transform .2s cubic-bezier(.4,0,.2,1), background .25s, color .2s, box-shadow .25s;
  letter-spacing:.1px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  position:relative;line-height:1.1;
  min-width:0; /* grid'da text overflow uchun */
  overflow:hidden;
}
.kab-tab-ico{
  font-size:1.05rem;
  line-height:1;
  filter:grayscale(.4) opacity(.7);
  transition:filter .25s, transform .25s;
  display:block;
}
.kab-tab-txt{
  display:block;
  font-size:.48rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  letter-spacing:.1px;
}
.kab-tab:hover{color:var(--tx)}
.kab-tab:hover .kab-tab-ico{filter:none;transform:translateY(-1px)}
.kab-tab.on{
  background:linear-gradient(135deg,rgba(232,184,75,.25),rgba(201,145,42,.1));
  color:var(--gold2);
  box-shadow:0 6px 18px rgba(232,184,75,.22), inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(232,184,75,.35);
  transform:translateY(-1px);
}
.kab-tab.on .kab-tab-ico{filter:drop-shadow(0 2px 4px rgba(232,184,75,.5));transform:scale(1.12)}
.kab-tab.on .kab-tab-txt{color:var(--gold2);font-weight:800}
.kab-tab.on::after{
  content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);
  width:14px;height:2px;border-radius:2px;background:var(--grd);
  box-shadow:0 0 8px rgba(232,184,75,.6);
}

/* Mobile (<400px) — yanada ixcham font */
@media(max-width:400px){
  .kab-tabs{gap:1px;padding:3px}
  .kab-tab{padding:6px 1px}
  .kab-tab-ico{font-size:.95rem}
  .kab-tab-txt{font-size:.42rem}
}
/* Tablet+ — kattaroq matn */
@media(min-width:520px){
  .kab-tab{padding:9px 4px}
  .kab-tab-ico{font-size:1.15rem}
  .kab-tab-txt{font-size:.55rem}
}
/* Sevimli turlar */
.fav-card{background:var(--s3);border:1px solid var(--bd2);border-radius:var(--r2);padding:12px;margin-bottom:8px;position:relative;cursor:pointer;transition:.15s}
.fav-card:hover{border-color:var(--gold);background:rgba(201,145,42,.06)}
.fav-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.fav-card-nm{font-size:.72rem;font-weight:600;color:var(--tx)}
.fav-card-pr{font-family:var(--fd);font-size:.9rem;color:var(--gold2);font-weight:700}
.fav-card-meta{font-size:.58rem;color:var(--mu);display:flex;gap:8px;flex-wrap:wrap}
.fav-card-meta span{background:var(--bd2);padding:2px 7px;border-radius:10px}
.fav-del{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--mu);font-size:.75rem;cursor:pointer;padding:2px 5px;border-radius:4px;transition:.12s}
.fav-del:hover{color:var(--rose);background:rgba(224,92,106,.12)}
.fav-open{font-size:.6rem;color:var(--gold2);margin-top:6px;display:block;text-decoration:none}
/* Buyurtmalar ro'yxati */
.kab-ord-card{background:var(--s3);border:1px solid var(--bd2);border-radius:var(--r2);padding:12px;margin-bottom:8px}
.kab-ord-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.kab-ord-num{font-size:.6rem;color:var(--gold2);font-weight:700;letter-spacing:.5px}
.kab-ord-status{font-size:.54rem;padding:2px 8px;border-radius:10px;background:rgba(61,184,122,.12);color:#3db87a;font-weight:600}
.kab-ord-nm{font-size:.72rem;font-weight:600;color:var(--tx);margin-bottom:4px}
.kab-ord-meta{font-size:.58rem;color:var(--mu);display:flex;gap:8px;flex-wrap:wrap}
.kab-ord-pr2{font-family:var(--fd);font-size:1rem;color:var(--gold);font-weight:700;float:right;margin-top:-4px}
.kab-empty{text-align:center;padding:24px 16px;color:var(--mu)}
.kab-empty-ico{font-size:2rem;margin-bottom:8px}
.kab-empty-txt{font-size:.65rem}
/* Hero va paket kartalaridagi yurak */
.fav-heart{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:.2s;z-index:10;backdrop-filter:blur(4px)}
.fav-heart:hover{transform:scale(1.15)}
.fav-heart.active{color:#e05c6a}
.pkg-fav-btn{background:none;border:1px solid var(--bd2);border-radius:6px;padding:4px 8px;color:var(--mu);font-size:.65rem;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:4px}
.pkg-fav-btn:hover,.pkg-fav-btn.active{color:var(--rose);border-color:var(--rose)}

/* ══════════════════════════════════
   AUTH OVERLAY - Login / Register
   ══════════════════════════════════ */
/* ══ AUTH OVERLAY ══ */
.auth-overlay.hidden{opacity:0;pointer-events:none;display:none}
/* ══ AUTH OVERLAY ══ */
.auth-overlay{
  position:fixed;inset:0;z-index:2000;
  display:none;align-items:center;justify-content:center;
  padding:16px;
  overflow-y:auto;
  transition:opacity .4s;
  background:url('https://uzbekistan.travel/storage/app/media/uploaded-files/samarkand-uzbekistan-kupol-mechet-ploshchad.png') center/cover no-repeat;
}


.auth-overlay::after{display:none}
.auth-overlay.hidden{opacity:0;pointer-events:none;display:none}

.auth-card{
  position:relative;z-index:3;
  width:100%;max-width:380px;
  max-height:90vh;
  border-radius:20px;
  overflow-x:hidden;overflow-y:auto;
  box-shadow:0 24px 80px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.18);
  animation:authSlideUp .4s cubic-bezier(.22,.68,0,1.2);
  /* GLASSMORPHISM — yengilroq, orqa rasm aniqroq ko'rinadi */
  background:rgba(15,25,50,.22);
  backdrop-filter:blur(12px) saturate(160%);
  -webkit-backdrop-filter:blur(12px) saturate(160%);
  border:1px solid rgba(255,255,255,.22);
}
@keyframes authSlideUp{
  from{opacity:0;transform:translateY(40px) scale(.95)}
  to{opacity:1;transform:none}
}

/* ─── YUQORI QISM: KO'K GRADIENT, LOGO YO'Q, faqat SafarYo'l nomi ─── */

/* Logo img — auth-top ichida ko'rish */

.auth-univ-logo{
  width:90px;height:90px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  padding:10px;
  border:2px solid rgba(255,255,255,.2);
  box-shadow:0 4px 20px rgba(0,0,0,.4);
}

.auth-logo{
  font-family:var(--fd);font-size:1.85rem;font-weight:800;
  color:#fff;letter-spacing:-.5px;position:relative;
  text-shadow:0 2px 8px rgba(0,0,0,.2);
  line-height:1;
}
.auth-logo span{color:#fff;font-weight:800;font-style:normal}
.auth-logo small{
  display:block;font-size:.46rem;letter-spacing:3px;
  text-transform:uppercase;color:rgba(255,255,255,.6);
  font-family:var(--ff);font-weight:600;margin-top:3px;
}
.auth-tagline{
  font-size:.62rem;color:rgba(255,255,255,.55);
  margin-top:5px;position:relative;line-height:1.4;
}
/* FEATURES */
.auth-features{
  display:flex;justify-content:center;gap:14px;
  margin-top:10px;padding-top:9px;
  border-top:1px solid rgba(255,255,255,.07);
}
.auth-feat{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  font-size:.5rem;color:rgba(255,255,255,.45);text-align:center;
}
.auth-feat-ico{font-size:.9rem}

/* ─── QUYI QISM: SHAFFOF GLASS — TAB + FORM ─── */
.auth-tabs{
  display:flex;margin:0;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.auth-tab{
  flex:1;padding:12px;border:none;
  background:none;color:rgba(255,255,255,.55);
  font-family:var(--ff);font-size:.68rem;font-weight:600;
  cursor:pointer;transition:.2s;letter-spacing:.3px;
  border-bottom:2.5px solid transparent;
  margin-bottom:-1px;
}
.auth-tab.on{
  color:#fff;
  border-bottom-color:var(--gold2);
  background:rgba(255,255,255,.07);
}
.auth-form{
  background:transparent;
  padding:22px 24px 26px;
}

/* ─── INPUTLAR (glass) ─── */
.auth-field{margin-bottom:13px}
.auth-label{
  display:block;font-size:.58rem;font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;
  color:rgba(255,255,255,.7);margin-bottom:5px;
}
.auth-inp{
  width:100%;padding:12px 14px;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);
  border-radius:10px;color:#fff;
  font-family:var(--ff);font-size:.78rem;
  outline:none;transition:.2s;-webkit-appearance:none;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.auth-inp:focus{
  border-color:var(--gold2);
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(232,184,75,.18);
}
.auth-inp::placeholder{color:rgba(255,255,255,.4)}
.auth-inp-wrap{position:relative}
.auth-inp-ico{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  font-size:.8rem;pointer-events:none;
}
.auth-inp.has-ico{padding-left:38px}
.auth-inp.has-eye{padding-right:42px}
.auth-eye{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  background:transparent;border:none;cursor:pointer;
  padding:6px 8px;font-size:.95rem;line-height:1;
  color:rgba(255,255,255,.6);border-radius:6px;transition:.15s;
  display:flex;align-items:center;justify-content:center;
}
.auth-eye:hover{background:rgba(255,255,255,.1);color:#fff}
.auth-eye:active{transform:translateY(-50%) scale(.92)}

/* PHONE INPUT (login + register uchun) — prefix bilan, glass */
.auth-phone-wrap{
  display:flex;align-items:stretch;gap:0;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);
  border-radius:10px;overflow:hidden;
  transition:.2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.auth-phone-wrap:focus-within{
  border-color:var(--gold2);
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(232,184,75,.18);
}
.auth-phone-prefix{
  display:flex;align-items:center;gap:4px;
  padding:0 12px;background:rgba(255,255,255,.06);
  font-size:.78rem;color:var(--gold2);font-weight:700;
  border-right:1.5px solid rgba(255,255,255,.12);
  flex-shrink:0;
}
.auth-phone-inp{
  flex:1;padding:12px 14px;background:transparent;border:0;
  font-family:var(--ff);font-size:.78rem;color:#fff;
  outline:none;-webkit-appearance:none;width:100%;
}
.auth-phone-inp::placeholder{color:rgba(255,255,255,.4)}

/* TELEFON ROW */
.auth-phone-row{display:flex;gap:7px}
.auth-phone-code{
  width:90px;flex-shrink:0;
  padding:12px 8px;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);
  border-radius:10px;color:#fff;
  font-family:var(--ff);font-size:.72rem;
  outline:none;cursor:pointer;transition:.2s;
}
.auth-phone-code:focus{border-color:var(--gold2)}

/* KIRISH TUGMA */
.auth-btn{
  width:100%;padding:13px;margin-top:4px;
  background:linear-gradient(135deg,#c9912a,#e8b84b);
  border:none;border-radius:10px;
  color:#000;font-family:var(--ff);font-size:.78rem;font-weight:700;
  letter-spacing:.5px;cursor:pointer;
  transition:.18s;box-shadow:0 4px 16px rgba(201,145,42,.4);
}
.auth-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 22px rgba(201,145,42,.5);
}
.auth-btn:active{transform:none}
.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.auth-btn-loader{
  display:none;width:16px;height:16px;
  border:2px solid rgba(0,0,0,.2);border-top-color:#000;
  border-radius:50%;animation:spin .7s linear infinite;margin:0 auto;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ─── FORMA STAGGERED SLIDE ANIMATSIYA (har bir element ketma-ket) ─── */
@keyframes authStgInR{
  0%{opacity:0;transform:translateX(80px)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes authStgInL{
  0%{opacity:0;transform:translateX(-80px)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes authStgOutL{
  0%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(-80px)}
}
@keyframes authStgOutR{
  0%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(80px)}
}
/* Konteyner — slide-tayyor (display managed by JS) */
.auth-slide-r > *, .auth-slide-l > *{opacity:0}
.auth-slide-r > *{animation:authStgInR .55s cubic-bezier(.5,0,.1,1) forwards}
.auth-slide-l > *{animation:authStgInL .55s cubic-bezier(.5,0,.1,1) forwards}
.auth-out-l > *{animation:authStgOutL .4s cubic-bezier(.5,0,.5,1) forwards}
.auth-out-r > *{animation:authStgOutR .4s cubic-bezier(.5,0,.5,1) forwards}
/* Tab ostidagi indikator yumshoq harakatlanishi uchun */
.auth-tab{transition:color .2s,background .2s,border-bottom-color .35s cubic-bezier(.4,0,.2,1)}

/* XATO/MUVAFFAQIYAT */
.auth-err{
  background:#fff0f0;border:1px solid #ffd0d0;
  border-radius:8px;padding:9px 12px;
  color:#c0392b;font-size:.62rem;margin-bottom:12px;display:none;
}
.auth-err.show{display:flex;align-items:center;gap:6px}
.auth-err::before{content:'⚠️';flex-shrink:0}
.auth-success{
  background:#f0fff6;border:1px solid #b7f0d0;
  border-radius:8px;padding:9px 12px;
  color:#1a7a45;font-size:.62rem;margin-bottom:12px;display:none;
}
.auth-success.show{display:flex;align-items:center;gap:6px}
.auth-success::before{content:'✅';flex-shrink:0}

/* DEMO */
.auth-demo{
  text-align:center;margin-top:12px;
  padding-top:11px;border-top:1px solid #f0f4f8;
  font-size:.58rem;color:#9fb0c4;
}
.auth-demo button{
  background:none;border:none;color:#1a3a6e;
  font-size:.58rem;cursor:pointer;
  font-family:var(--ff);font-weight:700;
  text-decoration:underline;
}

/* ─── USD RATE BADGE ─── */
.usd-rate-show{
  font-size:.5rem;color:var(--gold2);white-space:nowrap;
  display:none;align-items:center;gap:3px;
  background:rgba(201,145,42,.1);border:1px solid rgba(201,145,42,.3);
  border-radius:6px;padding:3px 7px;cursor:pointer;
  font-weight:600;flex-shrink:0;
}
.usd-rate-show.on{display:flex}
@media(max-width:600px){
  .usd-rate-show{font-size:.46rem;padding:2px 5px}
}
@media(max-width:380px){
  .usd-rate-show{display:none!important}
}

/* ─── NAV USER BTN ─── */
.nav-user-btn{
  display:flex;align-items:center;gap:5px;
  background:rgba(201,145,42,.1);border:1px solid rgba(201,145,42,.25);
  border-radius:20px;padding:4px 10px 4px 4px;
  color:var(--gold2);font-size:.6rem;font-weight:600;
  cursor:pointer;transition:.18s;
  flex-shrink:0;
}
.nav-user-btn:hover{background:rgba(201,145,42,.2)}
.nav-user-ico{
  width:24px;height:24px;border-radius:50%;background:var(--grd);
  display:flex;align-items:center;justify-content:center;
  font-size:.7rem;color:#000;font-weight:700;flex-shrink:0;
}
/* Mobilda foydalanuvchi ismi yashiriladi (avatar yetadi) */
@media(max-width:600px){
  .nav-user-btn{padding:3px}
  .nav-user-btn .nav-user-nm{display:none}
}

/* ─── NAV TIL DROPDOWN ─── */
/* ─── PREMIUM LANGUAGE SWITCHER v2 ─── */
.nav-lang-drop{position:relative;display:inline-flex}
.nav-lang-cur{
  display:flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,rgba(232,184,75,.08),rgba(201,145,42,.04));
  border:1px solid var(--bd);
  border-radius:22px;padding:5px 10px 5px 6px;
  cursor:pointer;transition:all .2s;color:var(--tx);
  position:relative;
}
.nav-lang-cur:hover{
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.08));
  border-color:var(--gold);
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(232,184,75,.25);
}
.nav-lang-cur-flag{
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;line-height:1;
  background:rgba(255,255,255,.08);
  flex-shrink:0;
}
.nav-lang-cur-name{
  font-size:.6rem;font-weight:700;color:var(--gold2);
  letter-spacing:.5px;text-transform:uppercase;
}
.nav-lang-arrow{font-size:.55rem;color:var(--gold2);transition:transform .2s;margin-top:1px}
.nav-lang-drop.open .nav-lang-arrow{transform:rotate(180deg)}

/* Backdrop — endi kerak emas (sodda dropdown) */
.nav-lang-backdrop{display:none!important}

.nav-lang-menu{
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  background:linear-gradient(180deg,#0f1e36,#0a1525);
  border:1px solid var(--bd);
  border-radius:18px;padding:14px;
  min-width:300px;max-width:calc(100vw - 20px);z-index:1050;
  max-height:calc(100vh - 80px);overflow-y:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(232,184,75,.12);
  animation:langMenuIn .22s cubic-bezier(.34,1.56,.64,1);
}
@keyframes langMenuIn{from{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:none}}
.nav-lang-drop.open .nav-lang-menu{display:block}

.nav-lang-menu-h{
  font-size:.5rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:10px;
  display:flex;align-items:center;gap:6px;padding:0 4px;
}
.nav-lang-menu-h::before{content:'🌐';font-size:.85rem}

.nav-lang-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
}
.nav-lang-chip{
  display:flex;align-items:center;gap:10px;
  padding:10px;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid transparent;
  color:var(--tx);font-family:var(--ff);cursor:pointer;
  transition:all .2s;text-align:left;
  position:relative;overflow:hidden;
}
.nav-lang-chip::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,184,75,.12),transparent);
  opacity:0;transition:opacity .2s;
}
.nav-lang-chip:hover{
  background:rgba(232,184,75,.06);border-color:var(--bd);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.nav-lang-chip:hover::before{opacity:1}
.nav-lang-chip.on{
  background:linear-gradient(135deg,rgba(232,184,75,.16),rgba(201,145,42,.06));
  border-color:var(--gold);
  box-shadow:0 4px 14px rgba(232,184,75,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-lang-chip-flag{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;line-height:1;
  background:rgba(255,255,255,.06);
  flex-shrink:0;position:relative;z-index:2;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.04);
}
.nav-lang-chip.on .nav-lang-chip-flag{
  background:rgba(232,184,75,.18);
  box-shadow:inset 0 0 0 2px var(--gold);
}
.nav-lang-chip-body{flex:1;position:relative;z-index:2;min-width:0}
.nav-lang-chip-nm{
  font-size:.7rem;font-weight:700;color:var(--tx);
  line-height:1.2;
}
.nav-lang-chip.on .nav-lang-chip-nm{color:var(--gold2)}
.nav-lang-chip-cd{
  font-size:.46rem;font-weight:600;color:var(--mu);
  letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;
}
.nav-lang-chip-chk{
  position:absolute;top:8px;right:8px;
  width:18px;height:18px;border-radius:50%;
  background:var(--grd);color:#04080f;
  display:none;align-items:center;justify-content:center;
  font-size:.6rem;font-weight:800;z-index:3;
  box-shadow:0 2px 8px rgba(232,184,75,.5);
}
.nav-lang-chip.on .nav-lang-chip-chk{display:flex;animation:langChkIn .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes langChkIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}

/* ─── RTL (Arab tili) uchun TUZATISH ─── */
/* HTML dir="rtl" bo'lsa, nav-lang-menu LTR bo'lib qoladi */
[dir="rtl"] .nav-lang-menu{
  direction:ltr;
  text-align:left;
  right:auto;
  left:0;
  /* O'ng tomondan ochilsin (arab tilida til tugma chap tomonda bo'ladi) */
}
[dir="rtl"] .nav-lang-grid{direction:ltr}
[dir="rtl"] .nav-lang-chip{
  direction:ltr;
  text-align:left;
  flex-direction:row;  /* RTL'da row-reverse bo'lmasin */
}
[dir="rtl"] .nav-lang-chip-body{text-align:left}
[dir="rtl"] .nav-lang-chip-nm{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .nav-lang-chip-cd{direction:ltr}
[dir="rtl"] .nav-lang-chip-chk{
  /* Check mark har doim o'ng yuqori burchakda qolsin */
  right:8px;
  left:auto;
}
[dir="rtl"] .nav-lang-menu-h{
  direction:ltr;
  text-align:left;
  flex-direction:row;
}
[dir="rtl"] .nav-lang-cur{direction:ltr}
[dir="rtl"] .nav-lang-cur-name{direction:ltr}

/* Mobile RTL */
@media(max-width:600px){
  [dir="rtl"] .nav-lang-menu{
    right:auto;
    left:0;
  }
}

/* Mobile — sodda dropdown, navbar ostida */
@media(max-width:600px){
  .nav-lang-menu{
    /* Pozitsiya: oddiy absolute dropdown (fixed emas) */
    position:absolute;
    top:calc(100% + 8px);
    right:0;left:auto;bottom:auto;
    min-width:240px;max-width:calc(100vw - 16px);
    padding:10px;border-radius:14px;
    max-height:calc(100vh - 80px);
    overflow-y:auto;
  }
  .nav-lang-grid{grid-template-columns:1fr;gap:5px}
  .nav-lang-chip{padding:8px 10px}
  .nav-lang-chip-flag{width:30px;height:30px;font-size:1.2rem}
  .nav-lang-chip-nm{font-size:.66rem}
  .nav-lang-chip-cd{font-size:.42rem}
  .nav-lang-cur-name{display:none}
}
@media(max-width:380px){
  .nav-lang-menu{min-width:220px}
}

/* ─── UNIVERSITET LOGO ─── */



/* ── AUTH TOP ── */
.auth-top{
  padding:24px 22px 20px;
  text-align:center;
  position:relative;
  overflow:hidden;
  border-bottom:none;
  /* Ko'k gradient fon */
  background:linear-gradient(160deg,#0d1f40 0%,#1e4080 50%,#0d1f40 100%);
}
/* Emblem — orqada, markazda, shaffof */
.auth-top::before{
  content:'';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:200px; height:200px;
  background:url("/img/inline/81b6a4811708.png") center/contain no-repeat;
  opacity:0.15;
  z-index:0;
  border-radius:50%;
}
/* Matnlar emblem ustida */
.auth-top > *{
  position:relative;
  z-index:1;
}
.auth-top::after{
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(201,145,42,.3),transparent);
}
.pkc-desc{font-size:.58rem;color:var(--mu);line-height:1.5;padding:4px 0 8px;border-bottom:1px solid var(--bd2);margin-bottom:8px}
.ttype-card:hover{border-color:var(--gold2)!important;background:rgba(201,145,42,.04)!important;transform:translateY(-1px)}
.ttype-card:active{transform:scale(.98)}

/* ── OUTBOUND COUNTRIES GRID v2 — direction style ── */
.ob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:600px){.ob-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
@media(min-width:900px){.ob-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:var(--max-w);margin:0 auto}}


.ob-card{
  background:var(--s1);border:2px solid var(--bd2);border-radius:var(--r2);overflow:hidden;
  cursor:pointer;display:flex;flex-direction:column;
  transition:transform .25s, box-shadow .25s, border-color .25s;
  box-shadow:var(--sh);
}
.ob-card:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:var(--gold)}
.ob-card.ob-card-on{
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(232,184,75,.18), var(--sh2);
}
.ob-card-img{
  height:140px;background-size:cover;background-position:center;
  position:relative;overflow:hidden;
  transition:transform .5s;
}
@media(min-width:600px){.ob-card-img{height:155px}}
@media(min-width:900px){.ob-card-img{height:170px}}
.ob-card:hover .ob-card-img{transform:scale(1.06)}
.ob-card-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.1) 0%,rgba(4,8,15,.4) 60%,rgba(4,8,15,.85) 100%);
}
.ob-card-flag{
  position:absolute;top:10px;left:10px;font-size:1.6rem;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));
  z-index:2;
}
.ob-card-chk{
  position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;
  background:var(--gold2);display:flex;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:800;color:#04080f;z-index:2;
  box-shadow:0 2px 8px rgba(232,184,75,.5);
}
.ob-card-body{padding:11px 13px 12px;display:flex;flex-direction:column;gap:2px;flex:1}
.ob-card-nm{font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--tx);line-height:1.2}
.ob-card.ob-card-on .ob-card-nm{color:var(--gold2)}
.ob-card-from{font-size:.62rem;color:var(--gold2);font-weight:700;margin-top:1px}
.ob-card-sub{font-size:.55rem;color:var(--mu);margin-top:2px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:600px){
  .ob-card-nm{font-size:1.05rem}
  .ob-card-from{font-size:.7rem}
}

/* ── OUTBOUND COUNTRY DETAIL v2 — modernizatsiya ── */
.ob-detail{padding-bottom:80px}
.ob-d-hero{
  position:relative;height:200px;overflow:hidden;
  background-size:cover;background-position:center;
}
@media(min-width:600px){.ob-d-hero{height:260px}}
@media(min-width:900px){.ob-d-hero{height:320px;border-radius:0 0 20px 20px}}
.ob-d-hero-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,.5) 60%,rgba(4,8,15,.9) 100%);
}
.ob-d-hero-body{
  position:absolute;bottom:0;left:0;right:0;padding:18px 20px 20px;z-index:2;
}
@media(min-width:600px){.ob-d-hero-body{padding:24px 28px 26px;max-width:var(--max-w);margin:0 auto}}
.ob-d-flag{font-size:2.4rem;line-height:1;margin-bottom:6px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.ob-d-tt{
  font-family:var(--fd);font-size:1.5rem;font-weight:700;color:#fff;line-height:1.15;
  text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:5px;
}
@media(min-width:600px){.ob-d-tt{font-size:2rem}}
.ob-d-desc{
  font-size:.66rem;color:rgba(255,255,255,.8);line-height:1.55;font-weight:500;
  text-shadow:0 1px 4px rgba(0,0,0,.4);max-width:540px;
}
@media(min-width:600px){.ob-d-desc{font-size:.78rem}}

.ob-d-content{padding:18px 16px 30px}
@media(min-width:600px){.ob-d-content{padding:24px 24px 40px;max-width:var(--max-w);margin:0 auto}}

.ob-d-back{
  background:transparent;border:0;color:var(--gold2);
  font-size:.7rem;font-weight:700;cursor:pointer;padding:6px 8px;
  display:inline-flex;align-items:center;gap:4px;
  transition:transform .18s;
}
.ob-d-back:hover{transform:translateX(-3px)}
.ob-d-back-wrap{padding:14px 16px 6px;position:absolute;top:0;left:0;z-index:3}
@media(min-width:600px){.ob-d-back-wrap{padding:18px 20px 6px}}

/* Price + bron bar */
.ob-d-pricebar{
  display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(135deg,rgba(201,145,42,.1),rgba(232,184,75,.04));
  border:1.5px solid var(--gold);border-radius:14px;
  padding:14px 18px;margin-bottom:18px;gap:12px;
}
.ob-d-price-lbl{font-size:.5rem;color:var(--mu);letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:2px}
.ob-d-price-val{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:var(--gold2);line-height:1}
.ob-d-price-uzs{font-size:.55rem;color:var(--mu);margin-top:2px}
.ob-d-bron-mini{
  background:var(--grd);border:0;border-radius:12px;padding:11px 18px;
  font-family:var(--ff);font-size:.66rem;font-weight:800;color:#04080f;cursor:pointer;
  letter-spacing:.5px;text-transform:uppercase;
  box-shadow:0 4px 14px rgba(232,184,75,.35);
  transition:transform .18s, box-shadow .18s;flex-shrink:0;
}
.ob-d-bron-mini:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(232,184,75,.5)}

/* Section heading */
.ob-d-sh{
  font-size:.55rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:10px;
  display:flex;align-items:center;gap:6px;
}

/* Includes box */
.ob-d-incl{
  background:var(--s1);border:1px solid var(--bd2);border-radius:14px;
  padding:14px 16px;margin-bottom:18px;
}
.ob-d-incl-row{
  display:flex;align-items:center;gap:8px;
  padding:7px 0;border-bottom:1px solid var(--bd2);
  font-size:.7rem;color:var(--tx);font-weight:500;
}
.ob-d-incl-row:last-child{border-bottom:0}

/* Note */
.ob-d-note{
  font-size:.58rem;color:var(--mu);text-align:center;padding:10px;margin-top:8px;
  background:rgba(201,145,42,.04);border-radius:10px;border:1px dashed var(--bd);
}

/* ── PREMIUM QUALITY BADGES (hero ostida) ── */
.ob-d-stats{
  display:flex;flex-wrap:wrap;gap:7px;margin:-10px 0 18px;
  padding:0;justify-content:center;
}
@media(min-width:600px){.ob-d-stats{justify-content:flex-start;gap:9px;margin:-14px 0 20px}}
.ob-d-stat-pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:7px 12px;border-radius:24px;
  background:linear-gradient(135deg,var(--s2),var(--s1));
  border:1px solid var(--bd);
  font-size:.55rem;font-weight:700;color:var(--tx);letter-spacing:.3px;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.ob-d-stat-pill .ico{font-size:.85rem;line-height:1}
.ob-d-stat-pill.verified{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.06));border-color:rgba(16,185,129,.4);color:#7ad68c}
.ob-d-stat-pill.premium{background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));border-color:rgba(232,184,75,.4);color:var(--gold2)}
.ob-d-stat-pill.priceguard{background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(168,85,247,.04));border-color:rgba(168,85,247,.4);color:#c084fc}
.ob-d-stat-pill.cancel{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(37,99,235,.04));border-color:rgba(59,130,246,.4);color:#93c5fd}
.ob-d-stat-pill.instant{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(217,119,6,.04));border-color:rgba(245,158,11,.4);color:#fbbf24}
@media(min-width:600px){.ob-d-stat-pill{font-size:.6rem;padding:8px 14px}}

/* ── PREMIUM PRICE CARD (yangi dizayn) ── */
.ob-d-pricebar{position:relative;overflow:hidden}
.ob-d-pricebar::after{
  content:'';position:absolute;top:0;right:-30%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent 0%,rgba(232,184,75,.08) 50%,transparent 100%);
  animation:ob-shine 5s ease-in-out infinite;pointer-events:none;
}
@keyframes ob-shine{0%,100%{transform:translateX(-30%)}50%{transform:translateX(50%)}}

/* ── INCLUDES — vizual icon cards grid ── */
.ob-d-incl-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;
}
@media(min-width:600px){.ob-d-incl-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
.ob-d-incl-card{
  display:flex;align-items:center;gap:10px;
  background:var(--s1);border:1px solid var(--bd2);border-radius:12px;
  padding:12px 13px;transition:transform .18s, border-color .18s;
}
.ob-d-incl-card:hover{transform:translateY(-2px);border-color:var(--gold)}
.ob-d-incl-ico-wrap{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(232,184,75,.18),rgba(201,145,42,.06));
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;
}
.ob-d-incl-tx{font-size:.62rem;font-weight:600;color:var(--tx);line-height:1.4;flex:1}
@media(min-width:600px){.ob-d-incl-tx{font-size:.7rem}}

/* ── PAX SELECTOR BAR (mehmonlar soni — paketlar ustida) ── */
.ob-d-pax-bar{
  background:linear-gradient(135deg,rgba(232,184,75,.12),rgba(201,145,42,.04));
  border:1.5px solid var(--gold);border-radius:16px;
  padding:13px 18px;margin-bottom:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.ob-d-pax-bar-l{
  display:flex;align-items:center;gap:8px;
  font-family:var(--ff);font-size:.65rem;font-weight:700;color:var(--gold2);
  letter-spacing:.5px;
}
.ob-d-pax-bar-l .ico{font-size:1.2rem;line-height:1}
.ob-d-pax-bar-r{display:flex;align-items:center;gap:10px}
.ob-d-pax-btn{
  width:36px;height:36px;border-radius:50%;
  background:rgba(232,184,75,.15);border:1.5px solid var(--gold);
  color:var(--gold2);cursor:pointer;
  font-size:1.15rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s, background .15s;
  user-select:none;-webkit-tap-highlight-color:transparent;
}
.ob-d-pax-btn:hover{background:rgba(232,184,75,.28);transform:scale(1.08)}
.ob-d-pax-btn:active{transform:scale(.92)}
.ob-d-pax-num{
  font-family:var(--fd);font-size:1.55rem;color:var(--gold2);font-weight:700;
  min-width:36px;text-align:center;line-height:1;
}

/* ── PACKAGE CARD FOOTER — kishi × narx = total ── */
.ob-pkg-foot{
  margin-top:auto;padding:10px 14px 14px;border-top:1px solid var(--bd2);
  display:flex;justify-content:space-between;align-items:flex-end;gap:8px;
  background:rgba(201,145,42,.04);
}
.ob-pkg-foot-calc{
  font-size:.55rem;color:var(--mu);font-weight:600;line-height:1.4;
  display:flex;flex-direction:column;gap:2px;
}
.ob-pkg-foot-calc-perpax{color:var(--gold2);font-weight:700;font-size:.58rem}
.ob-pkg-foot-total{
  font-family:var(--fd);font-size:1.25rem;color:var(--gold2);font-weight:700;line-height:1;
  text-align:right;
}
@media(min-width:600px){.ob-pkg-foot-total{font-size:1.4rem}}

/* ── PACKAGE CARDS — premium badges (rasm ustida turadi) ── */
.ob-pkg-tag{
  position:absolute;top:14px;left:14px;z-index:5;
  font-size:.55rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
  padding:5px 11px;border-radius:8px;
  background:rgba(0,0,0,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold2);
  border:1px solid var(--gold);
  box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.ob-pkg-tag.popular{
  background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:0;
  box-shadow:0 4px 14px rgba(239,68,68,.5);
  animation:tag-pulse 2.4s ease-in-out infinite;
}
.ob-pkg-tag.premium{
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#04080f;border:0;
  box-shadow:0 4px 14px rgba(232,184,75,.5);
}
.ob-pkg-tag.value{
  background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:0;
  box-shadow:0 4px 14px rgba(16,185,129,.5);
}
@keyframes tag-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* "On" check badge — rasm ustida o'ng tomonda */
.ob-pkg-img .ob-pkg-on-chk{
  position:absolute;top:14px;right:14px;z-index:5;
  width:28px;height:28px;border-radius:50%;
  background:var(--gold2);color:#04080f;
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;font-weight:800;
  box-shadow:0 4px 14px rgba(232,184,75,.55);
  animation:suc-pop .35s ease both;
}

/* ── BONUS / SPECIAL OFFER block ── */
.ob-d-bonus{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(236,72,153,.06));
  border:1.5px dashed #a855f7;border-radius:14px;
  padding:14px 16px;margin:18px 0;
  position:relative;overflow:hidden;
}
.ob-d-bonus::before{
  content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;
  background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);
  pointer-events:none;
}
.ob-d-bonus-ico{
  font-size:1.8rem;flex-shrink:0;
  filter:drop-shadow(0 2px 6px rgba(168,85,247,.4));
}
.ob-d-bonus-body{flex:1;min-width:0}
.ob-d-bonus-h{font-size:.68rem;font-weight:800;color:#c084fc;margin-bottom:3px;line-height:1.2}
.ob-d-bonus-tx{font-size:.6rem;color:var(--tx);line-height:1.5;font-weight:500}

/* ── FAQ accordion ── */
.ob-d-faq{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--bd2);
}
.ob-d-faq-h{
  font-size:.55rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);font-weight:800;margin-bottom:12px;
  display:flex;align-items:center;gap:6px;
}
.ob-d-faq-item{
  background:var(--s1);border:1px solid var(--bd2);border-radius:12px;
  margin-bottom:8px;overflow:hidden;transition:border-color .18s;
}
.ob-d-faq-item.on{border-color:var(--gold)}
.ob-d-faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 15px;cursor:pointer;user-select:none;
  font-size:.66rem;font-weight:700;color:var(--tx);line-height:1.35;
}
.ob-d-faq-q-arr{
  font-size:.85rem;color:var(--gold2);transition:transform .25s;flex-shrink:0;
}
.ob-d-faq-item.on .ob-d-faq-q-arr{transform:rotate(180deg)}
.ob-d-faq-a{
  max-height:0;overflow:hidden;transition:max-height .35s ease, padding .25s;
  padding:0 15px;font-size:.62rem;color:var(--mu);line-height:1.65;
}
.ob-d-faq-item.on .ob-d-faq-a{max-height:280px;padding:0 15px 14px}

/* ── SOCIAL PROOF strip ── */
.ob-d-social{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:14px 0;padding:10px 14px;
  background:linear-gradient(135deg,rgba(82,196,26,.1),rgba(82,196,26,.03));
  border:1px solid rgba(82,196,26,.3);border-radius:30px;
  font-size:.6rem;font-weight:600;color:var(--tx);
}
.ob-d-social-pulse{
  width:9px;height:9px;border-radius:50%;background:#52c41a;
  box-shadow:0 0 0 0 rgba(82,196,26,.6);
  animation:dot-pulse 1.8s ease-in-out infinite;flex-shrink:0;
}
@keyframes dot-pulse{0%{box-shadow:0 0 0 0 rgba(82,196,26,.6)}70%{box-shadow:0 0 0 9px rgba(82,196,26,0)}100%{box-shadow:0 0 0 0 rgba(82,196,26,0)}}
.ob-d-social b{color:#7ad68c;font-weight:800;margin:0 2px}

/* Final big bron button */
.ob-d-bron-big{
  width:100%;margin-top:14px;padding:14px;
  background:var(--grd);color:#04080f;border:0;border-radius:14px;
  font-family:var(--ff);font-size:.78rem;font-weight:800;letter-spacing:1px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 8px 24px rgba(232,184,75,.4);
  transition:transform .18s, box-shadow .18s;
}
.ob-d-bron-big:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(232,184,75,.55)}

/* ── OUTBOUND DETAIL — packages grid (matches .pkc style) ── */
.ob-pkg-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
@media(min-width:600px){.ob-pkg-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(min-width:900px){.ob-pkg-grid{grid-template-columns:repeat(3,1fr);gap:14px}}

.ob-pkg{
  position:relative;background:var(--s1);
  border:2px solid var(--bd2);border-radius:16px;
  padding:0;cursor:pointer;
  display:flex;flex-direction:column;
  overflow:hidden;
  transition:transform .25s, border-color .25s, box-shadow .25s, background .25s;
}
.ob-pkg::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;z-index:4;
  background:var(--ob-pkg-stripe, linear-gradient(90deg,var(--gold2),var(--gold)));
}
.ob-pkg:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:var(--sh2)}
.ob-pkg.ob-pkg-on{
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(232,184,75,.18), var(--sh2);
}

/* Hero image strip */
.ob-pkg-img{
  position:relative;height:130px;overflow:hidden;background-size:cover;background-position:center;
  transition:transform .55s;
}
@media(min-width:600px){.ob-pkg-img{height:150px}}
.ob-pkg:hover .ob-pkg-img{transform:scale(1.06)}
.ob-pkg-img-ov{
  position:absolute;inset:0;
  background:var(--ob-pkg-tint, linear-gradient(180deg,rgba(4,8,15,.15) 0%,rgba(4,8,15,.7) 100%));
}

/* Body — title + items */
.ob-pkg-body{padding:14px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.ob-pkg-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ob-pkg-nm{font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--tx);line-height:1.25;flex:1}
@media(min-width:600px){.ob-pkg-nm{font-size:1.05rem}}
.ob-pkg.ob-pkg-on .ob-pkg-nm{color:var(--gold2)}
.ob-pkg-chk{
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:800;
  border:2px solid var(--bd2);background:transparent;color:transparent;
  transition:all .2s;
}
.ob-pkg.ob-pkg-on .ob-pkg-chk{
  background:var(--gold2);color:#04080f;border-color:var(--gold2);
  box-shadow:0 2px 8px rgba(232,184,75,.4);
}
.ob-pkg-items{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.ob-pkg-item{
  font-size:.62rem;color:var(--mu);line-height:1.5;
  padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);
}
.ob-pkg-item:last-child{border-bottom:0}
.ob-pkg-item::before{content:'•';color:var(--gold2);margin-right:6px;font-weight:700}

/* ═════════════════════════════════════════════════
   GLOBAL RESPONSIVE LAYOUT v2 — barcha gadjetlarga moslashish
   Mobile-first: default = telefon (320-480px)
   Breakpointlar: 600 (katta telefon), 768 (planshet),
                  1024 (kichik desktop), 1280 (desktop), 1440+ (katta ekran)
   ═════════════════════════════════════════════════ */

/* ── MOBILE: default — full width with edge padding ── */
body{min-height:100vh}
#app,#pg-hero{width:100%}
.hero{height:calc(100vh - 52px)!important;min-height:560px}

/* Hero kontent — kichik telefonda kichikroq harf, katta ekranda kattaroq */
@media(max-width:380px){
  .hh1{font-size:clamp(1.4rem,6vw,2rem)!important}
  .hsub{font-size:.65rem!important}
  .hkick{font-size:.46rem!important;letter-spacing:2px!important}
  .hero-stat-num{font-size:1.05rem}
  .hero-stat-lbl{font-size:.42rem}
  .trust-strip{font-size:.5rem!important}
  .phd h2{font-size:1.3rem!important}
}

/* ── TABLET: 600px+ ─ katta telefon/kichik planshet ── */
@media(min-width:600px){
  .pg{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .hbody{padding:0 40px 64px}
  .hero-stats{max-width:600px}
  nav{padding:0 24px}
}

/* ── TABLET LANDSCAPE: 768px+ ── */
@media(min-width:768px){
  .pg{max-width:var(--max-w);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
  /* Form va content sahifalari — keng bo'lib ketmasin (760px max) */
  #pg-order,#pg-order-pay,#pg-success,
  #pg-c1,#pg-c2,#pg-c3,#pg-c4,#pg-c5,#pg-c6,#pg-c7,
  #pg-outbound-bron,#pg-outbound-pay,#pg-outbound-success,
  #pg-extra,#pg-sum,#pg-cars{
    max-width:760px;
  }
  .hbody{padding:0 60px 80px;max-width:var(--max-w);margin:0 auto}
  .hero-stats{max-width:520px}
  nav{padding:0 32px!important}
  .nav-l,.nav-r{gap:16px!important}
  /* Tarkib gridlari */
  #ob-country-grid{grid-template-columns:1fr 1fr 1fr!important}
  .ob-card-img{height:170px!important}
  #pg-outbound .phd{padding:24px 32px 16px!important}
  #ob-list{padding:0 32px 40px!important}
  #ob-detail{font-size:1.05em}
  .phd h2{font-size:1.7rem!important}
  .pkc{min-width:260px}
  .ext-grid{grid-template-columns:1fr 1fr 1fr!important}
  /* Hero kattaroq harflar */
  .hh1{font-size:clamp(2.4rem,5.5vw,3.8rem)!important}
  .hsub{font-size:.85rem!important;max-width:540px}
}

/* ── DESKTOP: 1024px+ ── */
@media(min-width:1024px){
  .hbody{padding:0 80px 100px}
  .hero-stats{max-width:560px;gap:18px}
  .hero-stat-num{font-size:1.7rem}
  .hero-stat-lbl{font-size:.55rem}
  .hh1{font-size:clamp(3rem,5vw,4.5rem)!important}
  .hsub{font-size:.9rem!important;max-width:580px;line-height:1.8}
  /* Kontent kengligini fluid qilish */
  .pkg-content,.ob-d-content{padding-left:32px;padding-right:32px}
  /* Trust strip yaxshi koʻrinsin */
  .trust-strip{padding:11px 18px;font-size:.66rem;gap:24px}
}

/* ── BIG SCREEN: 1280px+ ── */
@media(min-width:1280px){
  .pg{padding-left:32px;padding-right:32px}
  .hbody{padding:0 80px 120px}
  .hh1{font-size:clamp(3.5rem,4.5vw,5rem)!important;letter-spacing:-1px}
  .whyus-grid{grid-template-columns:repeat(3,1fr);gap:24px}
}

/* ── ULTRA-WIDE: 1440px+ ── */
@media(min-width:1440px){
  .hbody{padding:0 100px 140px}
  /* Hero stats kattaroq */
  .hero-stats{max-width:680px}
  .hero-stat{padding:14px 12px}
  .hero-stat-num{font-size:2rem}
  .hero-stat-lbl{font-size:.62rem}
  /* WhyUs kartochkalari */
  .whyus-card{padding:30px 24px}
}

/* ── 4K / Ultra-wide: 1920px+ ── */
@media(min-width:1920px){
  .pg{padding-left:48px;padding-right:48px}
  .hbody{padding:0 120px 160px}
  .hh1{font-size:5.5rem!important}
  .hsub{font-size:1rem!important;max-width:640px}
}

/* ── LANDSCAPE PHONE: kichik balandlik ── */
@media(max-height:600px) and (orientation:landscape){
  .hero{min-height:480px}
  .hbody{padding-bottom:30px}
}

/* ── Mobile safari fix: trust-strip overflow ── */
.trust-strip{max-width:100vw}

/* Paket sarlavha kartalarni yopmasin */
#pg-pkg .phd{position:relative!important;z-index:1}
#pkg-grid-wrap,#pkgGrid{position:relative;z-index:0}
.pkc{position:relative;z-index:0!important}

/* ── REMOVE HORIZONTAL SCROLL ── */
html,body{overflow-x:hidden;max-width:100vw}
.pg,section,header,footer,main{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}

/* ════════════════════════════════════════════════════
   🌞 ULTIMATE LIGHT MODE OVERRIDE — top priority
   Specificity: html[data-theme="light"] body .x = (0,2,2)
   Bu rule oxirgi va eng kuchli — barcha eski color:#fff ni bosib ketadi
   ════════════════════════════════════════════════════ */

/* === ASOSIY MATNLAR (Hero, CTA, Headings) === */
html[data-theme="light"] body .big-cta-h,
html[data-theme="light"] body .big-cta-sub,
html[data-theme="light"] body .whyus-h,
html[data-theme="light"] body .whyus-sub,
html[data-theme="light"] body .whyus-card-h,
html[data-theme="light"] body .whyus-card-p,
html[data-theme="light"] body .howto-step-h,
html[data-theme="light"] body .howto-step-p,
html[data-theme="light"] body .howto-step-num,
html[data-theme="light"] body .phd h2,
html[data-theme="light"] body .phd p,
html[data-theme="light"] body .ttype-nm,
html[data-theme="light"] body .ttype-sb,
html[data-theme="light"] body h1:not([style*="color:"]),
html[data-theme="light"] body h2:not([style*="color:"]),
html[data-theme="light"] body h3:not([style*="color:"]),
html[data-theme="light"] body h4:not([style*="color:"]){
  color:#0f172a !important;
  text-shadow:none !important;
}

/* === SUB-TEXT (yumshoq qora) === */
html[data-theme="light"] body .big-cta-trust,
html[data-theme="light"] body .ord-cust-meta,
html[data-theme="light"] body .pkg-meta,
html[data-theme="light"] body .pkg-desc{
  color:rgba(15,23,42,.7) !important;
}

/* === GOLD ACCENT (em, italic) — saqlash === */
html[data-theme="light"] body .big-cta-h em,
html[data-theme="light"] body .whyus-h em{
  color:var(--gold) !important;
}

/* === SECTIONLAR BACKGROUND === */
html[data-theme="light"] body .big-cta{
  background:
    radial-gradient(ellipse at top left,rgba(232,184,75,.18),transparent 50%),
    radial-gradient(ellipse at bottom right,rgba(99,102,241,.10),transparent 50%),
    linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%) !important;
}
html[data-theme="light"] body .whyus{
  background:linear-gradient(180deg,#f1f5f9 0%,#f8fafc 100%) !important;
}

/* === CARDS BACKGROUND (whyus, howto, ttype) === */
html[data-theme="light"] body .whyus-card,
html[data-theme="light"] body .howto-step,
html[data-theme="light"] body .ttype-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border-color:rgba(15,23,42,.08) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
}

/* === HARDCODED #fff color matn — har joyda === */
html[data-theme="light"] body [style*="color:#fff"]:not(button):not([class*="grd"]):not([class*="btn-p"]):not([class*="big-cta-btn"]),
html[data-theme="light"] body [style*="color: #fff"]:not(button):not([class*="grd"]):not([class*="btn-p"]):not([class*="big-cta-btn"]){
  color:#0f172a !important;
}
html[data-theme="light"] body [style*="color:rgba(255,255,255"]:not(button){
  color:rgba(15,23,42,.75) !important;
}

/* === HARDCODED DARK background — light bg === */
html[data-theme="light"] body [style*="background:#0f1626"],
html[data-theme="light"] body [style*="background:#0a1020"],
html[data-theme="light"] body [style*="background:#0a1525"],
html[data-theme="light"] body [style*="background:#0d1c30"],
html[data-theme="light"] body [style*="background:#07101f"],
html[data-theme="light"] body [style*="background:#04080f"],
html[data-theme="light"] body [style*="background:#0f1a2d"],
html[data-theme="light"] body [style*="background:#0f1e36"]{
  background:#ffffff !important;
}

html[data-theme="light"] body [style*="background:linear-gradient(180deg,#0a1525"],
html[data-theme="light"] body [style*="background:linear-gradient(180deg,#0f1a2d"],
html[data-theme="light"] body [style*="background:linear-gradient(180deg,#0f1e36"],
html[data-theme="light"] body [style*="background:linear-gradient(180deg,#0a1020"]{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
}

/* === BORDERLAR (oq rgba) === */
html[data-theme="light"] body [style*="border:1px solid #1f2a44"],
html[data-theme="light"] body [style*="border-color:#1f2a44"],
html[data-theme="light"] body [style*="border:1px solid rgba(255,255,255"]{
  border-color:rgba(15,23,42,.1) !important;
}

/* ═══════════════════════════════════════
   ✨ PREMIUM POLISH — Skeleton loaders + animations
   ═══════════════════════════════════════ */

/* SKELETON LOADERS (Booking.com uslubida) */
.skeleton{
  background:linear-gradient(90deg,
    rgba(255,255,255,.05) 0%,
    rgba(255,255,255,.12) 50%,
    rgba(255,255,255,.05) 100%);
  background-size:200% 100%;
  animation:skeletonShimmer 1.4s ease-in-out infinite;
  border-radius:8px;
}
html[data-theme="light"] body .skeleton{
  background:linear-gradient(90deg,
    rgba(15,23,42,.04) 0%,
    rgba(15,23,42,.1) 50%,
    rgba(15,23,42,.04) 100%) !important;
  background-size:200% 100% !important;
}
@keyframes skeletonShimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

.skeleton-card{
  background:linear-gradient(180deg,var(--s2),var(--s1));
  border:1px solid var(--bd2);
  border-radius:14px;padding:14px;
  display:flex;flex-direction:column;gap:10px;
}
.skeleton-line{height:14px;border-radius:7px}
.skeleton-line.short{width:40%}
.skeleton-line.medium{width:70%}
.skeleton-line.long{width:100%}
.skeleton-line.title{height:20px;width:65%}
.skeleton-circle{width:48px;height:48px;border-radius:50%;flex-shrink:0}
.skeleton-img{height:140px;border-radius:10px}

/* CONTAINER for multiple skeletons */
.skeleton-grid{
  display:grid;gap:12px;
}
@media(min-width:640px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}

/* ✨ PREMIUM HOVER EFFECTS - Cards */
.dc, .pkg-card, .whyus-card, .howto-step, .ttype-card{
  transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s, border-color .25s !important;
}
.dc:hover, .pkg-card:hover, .whyus-card:hover, .howto-step:hover, .ttype-card:hover{
  transform:translateY(-4px) !important;
}

/* ✨ BUTTON micro-animations */
.btn-p, .btn-g, .auth-btn, .big-cta-btn{
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s, background .2s !important;
}
.btn-p:hover, .btn-g:hover{
  transform:translateY(-2px) scale(1.02);
}
.btn-p:active, .btn-g:active{
  transform:translateY(0) scale(0.98);
}

/* ✨ FADE-IN ON SCROLL (intersection observer with class) */
.fade-in-up{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
}
.fade-in-up.visible{
  opacity:1;
  transform:translateY(0);
}

/* ✨ SMOOTH PAGE TRANSITIONS */
.pg{
  animation:pageEnter .35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes pageEnter{
  from{opacity:0;transform:translateY(15px)}
  to{opacity:1;transform:none}
}

/* ✨ TOAST NOTIFICATION POLISH */
.toast{
  border-radius:14px !important;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 32px rgba(0,0,0,.3), 0 0 0 1px rgba(232,184,75,.15) !important;
  animation:toastIn .4s cubic-bezier(.34,1.56,.64,1) !important;
}
@keyframes toastIn{
  from{opacity:0;transform:translateY(40px) scale(.9)}
  to{opacity:1;transform:none}
}

/* ✨ LOADING SPINNER POLISH */
.spinner{
  border:3px solid rgba(232,184,75,.15);
  border-top-color:var(--gold);
  width:38px;height:38px;border-radius:50%;
  animation:spinnerRotate .8s linear infinite;
}
@keyframes spinnerRotate{to{transform:rotate(360deg)}}

/* === NAVBAR === */
html[data-theme="light"] body .nav{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(20px) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}
/* TDTU Logo va TUR AGENTLIGI subtitle */
html[data-theme="light"] body .logo,
html[data-theme="light"] body .logo span{
  color:#0f172a !important;
}
html[data-theme="light"] body .logo small{
  color:rgba(15,23,42,.55) !important;
}

/* === PREMIUM DARK CARDS (dc-prem) — qora fon saqlanadi, lekin matn OQ === */
html[data-theme="light"] body .dc-prem{
  background:linear-gradient(135deg,#0a1525,#1a0f03) !important;
  color:#fff !important;
}
html[data-theme="light"] body .dc-prem .dc-nm{
  color:#fff !important;
}
html[data-theme="light"] body .dc-prem .dc-sb{
  color:rgba(255,255,255,.7) !important;
}
html[data-theme="light"] body .dc-prem .dc-ico{
  color:#e8b84b !important;
}

/* === EMPTY/PLACEHOLDER dc kartalar (rasm yo'q bo'lganlar) === */
html[data-theme="light"] body .dc:not(.dc-prem){
  background:#f1f5f9;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
html[data-theme="light"] body .dc:not(.dc-prem) .dc-bg{
  opacity:0.95;
}
html[data-theme="light"] body .dc:not(.dc-prem) .dc-ov{
  background:linear-gradient(180deg,rgba(4,8,15,.05) 0%,rgba(4,8,15,.35) 55%,rgba(4,8,15,.88) 100%) !important;
}

/* dc-nm va dc-sb (yo'nalish cardlari) — oq qoladi (dark gradient ustida) */
html[data-theme="light"] body .dc .dc-nm{
  color:#fff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.6) !important;
}
html[data-theme="light"] body .dc .dc-sb{
  color:rgba(255,255,255,.85) !important;
}

/* === SECTION HEADERS (incoming-tourism, etc) === */
html[data-theme="light"] body .phd-tag{
  color:var(--gold) !important;
}

/* === ORQAGA btn === */
html[data-theme="light"] body .nbtn{
  background:rgba(15,23,42,.04) !important;
  border:1px solid rgba(15,23,42,.1) !important;
  color:rgba(15,23,42,.75) !important;
}
html[data-theme="light"] body .nbtn:hover{
  background:rgba(15,23,42,.08) !important;
  color:#0f172a !important;
}

/* === NCART (savatcha) === */
html[data-theme="light"] body .ncart{
  background:rgba(232,184,75,.15) !important;
  color:#0f172a !important;
  border:1px solid rgba(232,184,75,.3) !important;
}
html[data-theme="light"] body .ncart-v{color:#0f172a !important}

/* === SCROLLBAR === */
html[data-theme="light"] body::-webkit-scrollbar-track{background:#e2e8f0 !important}
html[data-theme="light"] body::-webkit-scrollbar-thumb{background:var(--gold) !important}