/* Travia — menuiste tasarım dili üstüne ek bileşenler (mor) */
:root{
  --tv:124 58 237;      /* #7C3AED primary */
  --tv-deep:91 33 182;  /* #5B21B6 */
  --tv-light:159 88 235;/* #9F58EB */
}
.font-outfit{font-family:'Outfit',system-ui,sans-serif}
h1,h2,h3,.font-sora{font-family:'Sora',sans-serif}
h1,h2,h3{text-transform:capitalize}
body{padding-top:0}
main{display:block}
.drawer-lock{overflow:hidden}

/* Hand accent (Caveat imza vurgusu) */
.hand-accent{position:relative;white-space:nowrap}

/* İkon butonlar */
.ui-icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:9999px;
  background:rgba(255,255,255,.7);border:1px solid rgba(var(--tv)/.14);color:#4a4568;
  backdrop-filter:blur(10px);transition:.2s;cursor:pointer;flex-shrink:0}
.ui-icon-btn:hover{color:rgb(var(--tv));border-color:rgba(var(--tv)/.4)}
html.dark .ui-icon-btn{background:rgba(40,42,49,.7);border-color:rgba(255,255,255,.08);color:#d4d4d8}

/* Dil dropdown */
.ui-lang{position:relative}
.ui-lang-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:9999px;
  background:rgba(255,255,255,.7);border:1px solid rgba(var(--tv)/.14);color:#1e1b33;
  font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:.2s;backdrop-filter:blur(10px)}
.ui-lang-btn:hover{border-color:rgba(var(--tv)/.4)}
html.dark .ui-lang-btn{background:rgba(40,42,49,.7);border-color:rgba(255,255,255,.08);color:#fff}
.ui-lang-btn i{transition:transform .2s;color:#8b87a8}
.ui-lang.open .ui-lang-btn i{transform:rotate(180deg)}
.ui-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:7px;border-radius:14px;
  background:rgba(255,255,255,.98);border:1px solid rgba(var(--tv)/.1);box-shadow:0 18px 44px rgba(23,15,60,.16);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:60}
html.dark .ui-lang-menu{background:rgba(36,38,45,.98);border-color:rgba(255,255,255,.08)}
.ui-lang.open .ui-lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.ui-lang-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  color:#3a3557;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s}
html.dark .ui-lang-menu a{color:#d4d4d8}
.ui-lang-menu a:hover{background:rgba(var(--tv)/.06)}
.ui-lang-menu a.active{background:rgba(var(--tv)/.1);color:rgb(var(--tv))}
.th-flag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(23,15,60,.1)}
.th-flag svg{width:100%;height:100%;display:block}
.ml-auto{margin-left:auto}

/* YENİ rozeti */
.ui-newpill{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:9999px;
  background:linear-gradient(135deg,rgb(var(--tv)),rgb(var(--tv-deep)));color:#fff;vertical-align:middle}

/* Mega menü */
.ui-mega{position:relative}
.ui-mega > button{background:none;border:0;font-family:inherit;cursor:pointer}
.ui-mega-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);
  width:620px;max-width:90vw;padding:14px;border-radius:20px;
  background:rgba(255,255,255,.98);border:1px solid rgba(var(--tv)/.1);box-shadow:0 24px 60px rgba(23,15,60,.18);
  opacity:0;visibility:hidden;transition:.24s;z-index:60}
html.dark .ui-mega-panel{background:rgba(36,38,45,.98);border-color:rgba(255,255,255,.07)}
.ui-mega:hover .ui-mega-panel,.ui-mega.open .ui-mega-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ui-mega-panel::before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}
.ui-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ui-mega-item{display:flex;align-items:flex-start;gap:12px;padding:11px;border-radius:13px;text-decoration:none;transition:.15s}
.ui-mega-item:hover{background:rgba(var(--tv)/.06)}
.ui-mega-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(var(--tv)/.14),rgba(var(--tv-light)/.14));color:rgb(var(--tv))}
.ui-mega-item strong{display:block;font-size:13.5px;color:#1e1b33;font-weight:700;margin-bottom:2px}
html.dark .ui-mega-item strong{color:#fff}
.ui-mega-item small{display:block;font-size:12px;color:#8b87a8;line-height:1.4}
.ui-mega-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:11px;
  border-radius:12px;background:rgba(var(--tv)/.06);color:rgb(var(--tv));font-size:13px;font-weight:700;text-decoration:none}
.ui-mega-foot:hover{background:rgba(var(--tv)/.11)}

/* Mobil drawer */
.ui-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,86vw);z-index:70;background:#fff;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;
  box-shadow:-10px 0 40px rgba(23,15,60,.18);overflow:hidden}
html.dark .ui-drawer{background:#1f2128}
.ui-drawer.open{transform:translateX(0)}
.ui-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(var(--tv)/.08)}
.ui-drawer-nav{flex:1;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch}
.ui-drawer-nav > a{display:block;padding:11px 14px;border-radius:10px;color:#1e1b33;font-weight:600;font-size:15px;text-decoration:none}
html.dark .ui-drawer-nav > a{color:#eee}
.ui-drawer-nav > a:hover{background:rgba(var(--tv)/.06)}
.ui-drawer-sec{margin:6px 0;padding:8px 0;border-top:1px solid rgba(var(--tv)/.07);border-bottom:1px solid rgba(var(--tv)/.07)}
.ui-drawer-sec > span{display:block;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a09ab5}
.ui-drawer-sec > a{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:9px;color:#4a4568;font-weight:500;font-size:14px;text-decoration:none}
html.dark .ui-drawer-sec > a{color:#c7c7d1}
.ui-drawer-sec > a:hover{background:rgba(var(--tv)/.06);color:rgb(var(--tv))}
.ui-drawer-sec > a i{color:rgb(var(--tv))}
.ui-drawer-cta{padding:14px 16px;display:flex;flex-direction:column;gap:9px;border-top:1px solid rgba(var(--tv)/.08)}
.ui-drawer-backdrop{position:fixed;inset:0;background:rgba(20,16,40,.45);backdrop-filter:blur(3px);z-index:65;opacity:0;visibility:hidden;transition:.3s}
.ui-drawer.open ~ .ui-drawer-backdrop{opacity:1;visibility:visible}

/* Footer */
.ui-foot-title{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;color:#1e1b33;margin-bottom:14px}
html.dark .ui-foot-title{color:#fff}
.ui-foot-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.ui-foot-links a{color:#6b6885;font-size:13.5px;text-decoration:none;transition:color .15s}
.ui-foot-links a:hover{color:rgb(var(--tv))}
html.dark .ui-foot-links a{color:#a5a3b8}
.ui-foot-links li{font-size:13px;line-height:1.5}
.ui-soc{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#6b6885;
  background:rgba(var(--tv)/.07);transition:.2s}
.ui-soc:hover{background:linear-gradient(135deg,rgb(var(--tv)),rgb(var(--tv-deep)));color:#fff;transform:translateY(-2px)}
.ui-atazen{opacity:.85}
html.dark .ui-atazen{filter:brightness(1.5)}

/* WhatsApp float */
.ui-wa-float{position:fixed;left:20px;bottom:20px;width:56px;height:56px;background:#25D366;color:#fff;border-radius:50%;
  display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 28px rgba(37,211,102,.42);z-index:55;transition:.2s}
.ui-wa-float:hover{color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 16px 34px rgba(37,211,102,.5)}
.ui-wa-float::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:1}70%,100%{transform:scale(1.55);opacity:0}}
@media (max-width:991px){.ui-wa-float{width:50px;height:50px;left:14px;bottom:14px}}

/* Bölüm yardımcıları */
.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--tv))}
.section-eyebrow span.ln{width:24px;height:1px;background:rgba(var(--tv)/.4)}
.rounded-app{border-radius:20px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.reveal.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.animate-slide-up{animation:none}}

/* Erişilebilirlik: fokus */
a:focus-visible,button:focus-visible{outline:2px solid rgb(var(--tv));outline-offset:2px;border-radius:8px}

/* Logo dark/light swap */
.logo-swap .l-dark{display:none}
html.dark .logo-swap .l-light{display:none}
html.dark .logo-swap .l-dark{display:inline-block}

/* Eksik grid/divider yardımcıları (statik Tailwind build tamamlayıcısı) */
@media (min-width:768px){
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
}
.divide-x > * + *{border-left:1px solid rgba(124,58,237,.10)}
@media (max-width:767px){.divide-x > * + *{border-left:0}}

/* === Düzeltmeler (eksik gap/space sınıfları) === */
.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}
.gap-7{gap:1.75rem}.gap-10{gap:2.5rem}
.gap-x-10{column-gap:2.5rem}.gap-y-2\.5{row-gap:.625rem}.gap-y-4{row-gap:1rem}
.space-y-2\.5 > * + *{margin-top:.625rem}

/* Atazen logosu: monokrom silüet — light'ta koyu, dark'ta beyaz */
.ui-atazen{filter:brightness(0);opacity:.5}
html.dark .ui-atazen{filter:brightness(0) invert(1);opacity:.7}

/* Footer: sosyal ikon satırı ile başlık arası nefes (mobil kolon geçişi) */
@media (max-width:767px){
  .ui-foot-title{margin-top:6px}
}

/* === Mobil performans: ağır backdrop-filter + animasyonlu mesh kaydırmayı takıyordu === */
@media (max-width:991px){
  .backdrop-mesh{display:none}                 /* blur(100px) animasyon = ana takılma kaynağı */
  .glass,.glass-card,.glass-solid,.nav-bar.scrolled{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .glass{background:rgba(255,255,255,.92)}
  .glass-card{background:rgba(255,255,255,.96)}
  .glass-solid{background:rgba(255,255,255,.97)}
  .nav-bar.scrolled{background:rgba(255,255,255,.97)}
  html.dark .glass{background:rgba(36,38,45,.95)}
  html.dark .glass-card{background:rgba(36,38,45,.97)}
  html.dark .glass-solid{background:rgba(36,38,45,.98)}
  html.dark .nav-bar.scrolled{background:rgba(31,33,40,.98)}
  .ui-icon-btn,.ui-lang-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.9)}
  html.dark .ui-icon-btn,html.dark .ui-lang-btn{background:rgba(40,42,49,.9)}
}

/* İstatistik kutusu — ferah iç boşluk + net ayraçlar */
.ui-stats{padding:6px}
.ui-stat{padding:26px 14px}
/* Masaüstü: dikey ayraçlar */
@media (min-width:768px){
  .ui-stats > .ui-stat + .ui-stat{border-left:1px solid rgba(124,58,237,.10)}
}
/* Mobil 2x2: sağ ve alt ayraç */
@media (max-width:767px){
  .ui-stat{padding:22px 10px}
  .ui-stats > .ui-stat:nth-child(odd){border-right:1px solid rgba(124,58,237,.10)}
  .ui-stats > .ui-stat:nth-child(-n+2){border-bottom:1px solid rgba(124,58,237,.10)}
}
html.dark .ui-stats > .ui-stat{border-color:rgba(255,255,255,.07)!important}

/* Tema butonu: mobilde header'dan gizli, drawer'da göster */
.ui-theme-desktop{display:none}
@media (min-width:1024px){.ui-theme-desktop{display:grid}}
.ui-drawer-theme{width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:11px 14px;border:1px solid rgba(124,58,237,.14);border-radius:14px;
  background:rgba(124,58,237,.04);color:#1e1b33;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
html.dark .ui-drawer-theme{color:#eee;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.ui-drawer-theme i{color:rgb(124,58,237)}
.ui-drawer-switch{position:relative;width:40px;height:22px;border-radius:999px;background:rgba(124,58,237,.2);transition:.25s;flex-shrink:0}
.ui-drawer-switch::before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.25s cubic-bezier(.34,1.56,.64,1)}
html.dark .ui-drawer-switch{background:linear-gradient(135deg,rgb(124,58,237),rgb(91,33,182))}
html.dark .ui-drawer-switch::before{transform:translateX(18px)}

/* ===== Header responsive düzeltme (mobil ikonlar masaüstünde gizli) ===== */
@media (min-width:640px){ .sm\:hidden{ display:none !important; } }
@media (min-width:1024px){ .lg\:hidden{ display:none !important; } }
.nav-link{ white-space:nowrap; }
.ui-newpill{ white-space:nowrap; line-height:1; align-self:center; vertical-align:middle; }
.nav-bar .btn-ghost,.nav-bar .btn-primary{white-space:nowrap}
.ui-newpill{padding:2px 7px;overflow:visible}

/* ===== Travia Web 2026 — professional product surface ===== */
html{scroll-behavior:smooth;background:#f8f7fb}
body{color:#251d36;background:
  radial-gradient(circle at 8% 3%,rgba(124,58,237,.09),transparent 27rem),
  radial-gradient(circle at 94% 12%,rgba(159,88,235,.08),transparent 30rem),
  #fbfafd}
html.dark,html.dark body{background:#17171d;color:#f5f3f8}

/* İçerik JS beklerken kaybolmasın. Animasyon görünür durumdan başlar. */
.reveal{opacity:1!important;transform:none!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}

.nav-bar{top:10px!important;width:min(1180px,calc(100% - 28px))!important;margin-inline:auto!important;border:1px solid rgba(124,58,237,.10)!important;border-radius:18px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 16px 50px -35px rgba(31,20,56,.5)!important;backdrop-filter:blur(18px)!important}
.nav-bar.scrolled{top:8px!important;background:rgba(255,255,255,.96)!important;border-color:rgba(124,58,237,.13)!important;box-shadow:0 18px 52px -32px rgba(31,20,56,.58)!important}
html.dark .nav-bar,html.dark .nav-bar.scrolled{background:rgba(28,29,35,.93)!important;border-color:rgba(255,255,255,.08)!important}
.nav-link{position:relative;color:#5d556a!important;font-weight:650!important}
.nav-link::after{content:'';position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:2px;background:#7c3aed;transition:.2s ease}
.nav-link:hover{color:#5b21b6!important}.nav-link:hover::after{left:12px;right:12px}
html.dark .nav-link{color:#c9c5d1!important}html.dark .nav-link:hover{color:#c4a8ff!important}

main>section:first-child{padding-top:138px!important;background:linear-gradient(180deg,rgba(124,58,237,.025),transparent 82%)}
main>section:first-child h1{text-wrap:balance;text-shadow:0 1px rgba(255,255,255,.65)}
main>section:first-child p{max-width:590px!important}
main>section:first-child .glass-card{border:1px solid rgba(124,58,237,.18)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 28px 80px -36px rgba(76,29,149,.55),0 8px 24px -18px rgba(31,20,56,.35)!important}
html.dark main>section:first-child .glass-card{background:rgba(35,36,44,.94)!important}
.tag-pill{border:1px solid rgba(124,58,237,.15)!important;background:rgba(255,255,255,.8)!important;box-shadow:0 8px 22px -18px rgba(76,29,149,.5)!important}
html.dark .tag-pill{background:rgba(45,43,57,.9)!important}

.glass-card,.glass-solid{border:1px solid rgba(124,58,237,.09)!important;box-shadow:0 18px 50px -42px rgba(31,20,56,.48)!important}
.glass-card{background:rgba(255,255,255,.88)!important}.glass-solid{background:rgba(255,255,255,.94)!important}
html.dark .glass-card,html.dark .glass-solid{background:rgba(34,35,42,.92)!important;border-color:rgba(255,255,255,.07)!important}
.lift:hover{transform:translateY(-5px)!important;border-color:rgba(124,58,237,.22)!important;box-shadow:0 24px 55px -35px rgba(76,29,149,.5)!important}

#ozellikler .glass-card{position:relative;overflow:hidden;min-height:222px;padding:26px!important}
#ozellikler .glass-card::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#7c3aed,#9f58eb);opacity:0;transition:.2s}
#ozellikler .glass-card:hover::before{opacity:1}
#ozellikler .glass-card>div:first-child{border:1px solid rgba(124,58,237,.12);box-shadow:0 10px 25px -20px rgba(91,33,182,.55)}

.ui-stats{border-color:rgba(124,58,237,.12)!important;box-shadow:0 24px 65px -45px rgba(31,20,56,.5)!important}
.ui-stat{position:relative}.ui-stat .stat-num{letter-spacing:-.045em}
.plan-card{border-color:rgba(124,58,237,.12)!important}.pro-card{box-shadow:0 28px 70px -40px rgba(91,33,182,.65)!important}
details.glass-solid{transition:border-color .2s ease,box-shadow .2s ease!important}
details.glass-solid[open]{border-color:rgba(124,58,237,.22)!important;box-shadow:0 18px 40px -36px rgba(91,33,182,.5)!important}

footer{background:linear-gradient(180deg,rgba(245,242,249,.35),#f3f0f7);padding:60px 0 30px!important}
html.dark footer{background:linear-gradient(180deg,rgba(29,29,36,.3),#111217)}
footer .ui-foot-links a{display:inline-block}.ui-foot-title{letter-spacing:-.01em}
footer>div>.grid{grid-template-columns:1.2fr .78fr 1fr 1.18fr!important;column-gap:54px!important;row-gap:36px!important;margin-bottom:42px!important}
footer>div>.grid>div:first-child .logo-swap{margin-bottom:4px}
footer>div>.grid>div:first-child p{margin-top:0;line-height:1.7}
footer>div>.grid>div:last-child{min-width:0}
footer>div>.grid>div:last-child li{overflow-wrap:anywhere}
footer>div>.grid+.border-t{padding-top:24px!important;min-height:48px}
.ui-wa-float{width:52px;height:52px;box-shadow:0 14px 30px -10px rgba(37,211,102,.58)}

/* Hero ürün önizlemesi */
.hero-phone{position:relative;width:min(100%,326px);transform:perspective(1900px) rotateY(-16deg) rotateX(6deg) rotateZ(-1.5deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s;filter:drop-shadow(28px 46px 55px rgba(45,25,80,.34))}
.hero-phone:hover{transform:perspective(1900px) rotateY(-7deg) rotateX(3deg) rotateZ(-.5deg);filter:drop-shadow(20px 40px 50px rgba(45,25,80,.28))}
.hero-phone-frame{position:relative;padding:7px;border-radius:44px;background:linear-gradient(155deg,#3a3742 0%,#17161c 42%,#0e0d11 60%,#2a2830 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,.16),inset 0 0 0 1.5px rgba(0,0,0,.85),inset 0 0 0 2.5px rgba(255,255,255,.05),0 2px 3px rgba(255,255,255,.12)}
.hero-phone-screen{position:relative;overflow:hidden;border-radius:36px;background:#faf9fc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hero-phone-status{position:relative;height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;background:rgba(255,255,255,.98);color:#16131a;font-size:9px;z-index:3}
.hero-phone-status>strong{font-size:9px;letter-spacing:.01em}.hero-phone-signals{display:flex;align-items:center;gap:4px}.hero-phone-signals svg{width:11px;height:11px;stroke-width:2.5}.hero-phone-signals b{display:grid;place-items:center;min-width:20px;height:11px;padding:0 3px;border-radius:3px;background:#171419;color:#fff;font-size:7px}
.hero-dynamic-island{position:absolute;top:6px;left:50%;width:78px;height:20px;transform:translateX(-50%);border-radius:20px;background:#09090b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.hero-dynamic-island::after{content:'';position:absolute;right:8px;top:6px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#263e6d,#080a12 62%);box-shadow:0 0 0 1px #151820}.hero-dynamic-island i{position:absolute;left:12px;top:8px;width:30px;height:4px;border-radius:4px;background:#16161a}
.hero-phone-volume,.hero-phone-power{position:absolute;background:#242029;z-index:-1}.hero-phone-volume{left:-3px;top:116px;width:4px;height:76px;border-radius:3px 0 0 3px;box-shadow:0 -38px 0 -1px #242029}.hero-phone-power{right:-3px;top:142px;width:4px;height:80px;border-radius:0 3px 3px 0}
.hero-home-indicator{display:block;width:112px;height:4px;margin:8px auto 7px;border-radius:4px;background:#1d1921}
.hero-chat{position:relative;width:100%;overflow:hidden;border:0;border-radius:0;background:rgba(255,255,255,.96);box-shadow:none;isolation:isolate}
.hero-chat::before{content:'';position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(159,88,235,.025));z-index:-1}
.hero-chat-top,.hero-chat-context,.hero-chat-action{display:flex;align-items:center;justify-content:space-between}
.hero-chat-top{padding:15px 14px;border-bottom:1px solid rgba(124,58,237,.09)}
.hero-chat-brand,.hero-guest,.hero-room-main{display:flex;align-items:center;gap:11px;min-width:0}
.hero-chat-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 10px 22px -12px rgba(91,33,182,.8)}
.hero-chat-logo svg{width:18px;height:18px}.hero-chat-brand strong,.hero-guest strong{display:block;color:#272132;font-size:13.5px}.hero-chat-brand small,.hero-guest small{display:flex;align-items:center;gap:4px;margin-top:2px;color:#8a8294;font-size:10.5px}.hero-guest small svg{width:11px;height:11px;color:#25b967}
.hero-live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(16,185,129,.16);border-radius:99px;background:rgba(16,185,129,.07);color:#16845e;font-size:10.5px;font-weight:700}.hero-live i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}
.hero-chat-context{padding:11px 14px;background:rgba(250,249,252,.74);border-bottom:1px solid rgba(124,58,237,.07)}
.hero-guest>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#efe8ff;color:#6d28d9;font-size:10px;font-weight:800}.hero-chat-context button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:#fff;color:#8a8294;box-shadow:0 0 0 1px rgba(124,58,237,.08)}.hero-chat-context button svg{width:16px}
.hero-chat-flow{padding:14px;background:linear-gradient(180deg,#fcfbfe,#f8f5fc)}
.hero-msg{width:max-content;max-width:84%;padding:10px 12px;border-radius:14px;font-size:11.5px;line-height:1.45}.hero-msg.guest{margin-left:auto;border-bottom-right-radius:4px;background:#ede9fe;color:#3d3151}.hero-msg.ai{margin-top:6px;border:1px solid rgba(124,58,237,.08);border-top-left-radius:4px;background:#fff;color:#4d4658}.hero-msg.compact{margin-top:8px;max-width:92%}
.hero-ai-label{display:flex;align-items:center;gap:6px;margin-top:13px;color:#71697d;font-size:10px;font-weight:700}.hero-ai-label span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#7c3aed;color:#fff}.hero-ai-label svg{width:12px;height:12px}
.hero-room-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px;border:1px solid rgba(124,58,237,.12);border-radius:15px;background:#fff;box-shadow:0 12px 30px -27px rgba(76,29,149,.8)}
.hero-room-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(124,58,237,.08);color:#7c3aed}.hero-room-icon svg{width:18px}.hero-room-main strong{display:block;color:#332c3e;font-size:11.5px}.hero-room-main small{display:block;margin-top:3px;color:#8a8294;font-size:9.5px;white-space:nowrap}.hero-room-price{text-align:right;white-space:nowrap}.hero-room-price strong{display:block;color:#5b21b6;font-size:14px}.hero-room-price small{display:block;color:#9a93a3;font-size:9px}
.hero-chat-action{gap:8px;padding:12px 14px;border-top:1px solid rgba(124,58,237,.09);background:#fff}.hero-chat-action>div{display:flex;align-items:center;gap:7px;min-width:0}.hero-chat-action>div>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(16,185,129,.1);color:#059669}.hero-chat-action>div>span svg{width:14px}.hero-chat-action p{margin:0}.hero-chat-action strong,.hero-chat-action small{display:block}.hero-chat-action strong{color:#332c3e;font-size:9.5px}.hero-chat-action small{margin-top:2px;color:#948d9c;font-size:8px}.hero-action-button{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:8.5px;font-weight:700;white-space:nowrap;box-shadow:0 10px 22px -13px rgba(91,33,182,.75)}.hero-action-button svg{width:11px;height:11px}
html.dark .hero-phone-screen,html.dark .hero-phone-status{background:#1d1e24;color:#fff}html.dark .hero-home-indicator{background:#f5f5f5}html.dark .hero-chat{background:#25262e;border-color:rgba(255,255,255,.08)}html.dark .hero-chat::before{background:linear-gradient(135deg,rgba(124,58,237,.18),transparent)}html.dark .hero-chat-context,html.dark .hero-chat-action{background:#292a32;border-color:rgba(255,255,255,.06)}html.dark .hero-chat-flow{background:linear-gradient(180deg,#22232a,#1e1f26)}html.dark .hero-chat-brand strong,html.dark .hero-guest strong,html.dark .hero-room-main strong,html.dark .hero-chat-action strong{color:#f5f3f8}html.dark .hero-msg.ai,html.dark .hero-room-offer{background:#2c2d36;color:#ddd;border-color:rgba(255,255,255,.07)}html.dark .hero-msg.guest{background:rgba(124,58,237,.28);color:#eee}

@media(max-width:767px){
  .nav-bar{top:7px!important;width:calc(100% - 16px)!important;border-radius:15px!important}
  main>section:first-child{padding-top:106px!important;padding-bottom:54px!important}
  main>section:first-child h1{font-size:2.05rem!important;line-height:1.06!important;letter-spacing:-.045em!important}
  main>section:first-child .glass-card{max-width:330px!important;transform:none!important}
  main>section:not(:first-child){padding-top:64px!important;padding-bottom:64px!important}
  main>section h2{font-size:1.7rem!important;line-height:1.12!important;letter-spacing:-.035em!important}
  #ozellikler .glass-card{min-height:0;padding:22px!important}
  .rounded-app{border-radius:17px}
  .ui-stat{padding:18px 8px!important}
  footer{padding:48px 0 28px!important}
  footer>div>.grid{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:0!important;margin-bottom:34px!important}
  footer>div>.grid>div{min-width:0;padding:0 0 26px}
  footer>div>.grid>div+div{padding-top:24px;border-top:1px solid rgba(124,58,237,.10)}
  footer>div>.grid>div:last-child{padding-bottom:0}
  footer .ui-foot-title{margin:0 0 14px!important}
  footer .ui-foot-links{gap:11px}
  footer .ui-foot-links a,footer .ui-foot-links li{font-size:14px;line-height:1.55}
  footer>div>.grid>div:first-child .logo-swap{margin-bottom:8px}
  footer>div>.grid>div:first-child p{max-width:310px;line-height:1.7}
  footer>div>.grid+.border-t{padding-top:22px!important;gap:12px!important;text-align:center}
  footer>div>.grid+.border-t>div{width:100%}
  .hero-phone{width:min(78vw,290px);margin:6px auto 4px;transform:perspective(1500px) rotateY(-10deg) rotateX(4deg) rotateZ(-1deg) !important;filter:drop-shadow(16px 30px 40px rgba(45,25,80,.30))}
  .hero-phone-frame{border-radius:42px;padding:6px}
  .hero-phone-screen{border-radius:36px}
  .hero-chat{max-width:none;border-radius:0}
  .hero-chat-top,.hero-chat-context{padding-inline:14px}
  .hero-chat-flow{padding:14px}
  .hero-chat-action{padding:12px 14px}
}

@media(min-width:768px) and (max-width:1023px){
  footer>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:42px!important}
}

@media(prefers-reduced-motion:no-preference){
  .animate-slide-up{animation-duration:.55s!important}
}

/* Masaüstü header: kompakt menü ve güvenli ekran kırılımı */
@media (min-width:1180px){
  .nav-bar{width:min(1260px,calc(100% - 28px))!important}
  .nav-bar > div{max-width:none!important;padding-inline:24px!important}
  .desktop-nav{gap:22px!important}
  .desktop-nav .nav-link{font-size:13.5px!important}
  .nav-bar .ui-lang-btn{padding-inline:10px!important}
  .nav-bar .btn-ghost,.nav-bar .btn-primary{padding-inline:14px!important}
}
@media (min-width:1024px) and (max-width:1179px){
  .desktop-nav{display:none!important}
  .mobile-menu-btn{display:grid!important}
}