/* =====================================================================
   Ucak Bileti Musteri Hizmetleri - OZGUN TASARIM
   Tema: gece lacivderi + sampanya altin + sicak krem
   Display: Space Grotesk · Govde: Inter · Pano: monospace hissi
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#0a0e1a; --ink-2:#0f1626; --ink-3:#16203a;
  --gold:#e3b664; --gold-2:#caa14e; --gold-soft:rgba(227,182,100,.12);
  --cream:#f7f3ea; --cream-2:#efe9db;
  --surface:#ffffff; --text:#1b2434; --muted:#6c7789;
  --line:#e8e1d2; --line-d:rgba(255,255,255,.08);
  --green:#1faa59; --red:#dc2626; --amber:#f59e0b;
  --radius:18px; --radius-sm:13px; --radius-lg:26px;
  --shadow-sm:0 4px 16px rgba(10,14,26,.06);
  --shadow:0 18px 44px rgba(10,14,26,.12);
  --shadow-lg:0 34px 80px rgba(10,14,26,.32);
  --fd:'Space Grotesk',sans-serif; --fb:'Inter',sans-serif;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);color:var(--text);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--ink);}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fb);font-weight:700;font-size:15px;padding:13px 26px;border-radius:100px;border:0;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap;}
.btn svg{width:18px;height:18px;}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1407;box-shadow:0 12px 26px rgba(227,182,100,.34);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(227,182,100,.46);}
.btn-call{background:linear-gradient(135deg,#27c06b,#1faa59);color:#fff;box-shadow:0 12px 26px rgba(31,170,89,.32);}
.btn-call:hover{transform:translateY(-3px);}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);}
.btn-ghost:hover{background:rgba(255,255,255,.16);}
.btn-lg{padding:16px 34px;font-size:16px;}
.btn-block{width:100%;}

/* Topbar */
.topbar{background:var(--ink);color:var(--gold);font-size:13.5px;font-weight:600;border-bottom:1px solid var(--line-d);}
.topbar .container{display:flex;align-items:center;justify-content:center;gap:10px;height:38px;}
.topbar a{display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em;}
.topbar svg{width:15px;height:15px;}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,14,26,.92);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid var(--line-d);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand img{height:38px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
.brand__text{display:flex;flex-direction:column;line-height:1.05;}
.brand__name{font-family:var(--fd);font-weight:700;font-size:20px;color:#fff;letter-spacing:-.01em;}
.brand__name span{color:var(--gold);}
.brand__tag{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:600;margin-top:2px;}
.nav{display:flex;align-items:center;gap:28px;}
.nav>a,.nav .has-drop>span{font-size:15px;font-weight:500;color:#c7cfdd;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s;position:relative;}
.nav>a:hover,.nav>a.is-active,.nav .has-drop:hover>span{color:#fff;}
.nav>a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold);border-radius:2px;}
.nav .has-drop{position:relative;}
.nav .has-drop>span svg{width:14px;height:14px;transition:transform .2s;}
.nav .has-drop:hover>span svg{transform:rotate(180deg);}
.dropdown{position:absolute;top:150%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:10px;min-width:240px;opacity:0;visibility:hidden;transition:.22s;border:1px solid var(--line);}
.nav .has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:var(--text);font-weight:600;font-size:14.5px;transition:background .18s;}
.dropdown a:hover{background:var(--cream);}
.brand-dot{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-weight:700;font-size:12px;flex:none;overflow:hidden;}
.brand-dot img{width:100%;height:100%;object-fit:contain;background:#fff;}
.header-actions{display:flex;align-items:center;gap:14px;}
.nav-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid var(--line-d);border-radius:11px;width:44px;height:44px;cursor:pointer;color:#fff;align-items:center;justify-content:center;}
.nav-toggle svg{width:22px;height:22px;}

/* Mobil menu */
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(88%,360px);background:var(--ink);z-index:120;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:22px;overflow-y:auto;border-left:1px solid var(--line-d);}
.mobile-menu.open{transform:none;}
.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.mobile-menu__head .brand__name{color:#fff;}
.mobile-menu__head .x{background:rgba(255,255,255,.08);border:0;color:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer;font-size:20px;}
.mm-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:18px 0 12px;}
.mm-link{display:block;color:#c7cfdd;font-weight:600;font-size:16px;padding:13px 0;border-bottom:1px solid var(--line-d);}
.mm-brand{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:14px;padding:13px 15px;margin-bottom:10px;cursor:pointer;color:#fff;width:100%;text-align:left;font-family:var(--fb);transition:border-color .2s;}
.mm-brand:hover{border-color:var(--gold);}
.mm-brand b{font-size:15.5px;font-weight:700;}
.mm-brand small{display:block;color:#8b97ac;font-size:12.5px;font-weight:400;}
.mm-brand .chev{margin-left:auto;color:var(--gold);}
.overlay{position:fixed;inset:0;background:rgba(5,8,16,.6);z-index:110;opacity:0;visibility:hidden;transition:.25s;}
.overlay.show{opacity:1;visibility:visible;}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:96px 0 110px;background:radial-gradient(800px 420px at 78% -8%,rgba(227,182,100,.16),transparent 60%),linear-gradient(165deg,var(--ink),var(--ink-2) 60%,var(--ink-3));}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(600px 400px at 50% 30%,#000,transparent 80%);pointer-events:none;}
.hero__lines{position:absolute;inset:0;opacity:.6;pointer-events:none;}
.hero .container{position:relative;z-index:2;text-align:center;max-width:840px;}
.hero__badge{display:inline-flex;align-items:center;gap:9px;background:var(--gold-soft);border:1px solid rgba(227,182,100,.3);padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;color:var(--gold);margin-bottom:28px;letter-spacing:.02em;}
.hero__badge svg{width:15px;height:15px;}
.hero h1{font-size:clamp(34px,5vw,58px);color:#fff;margin-bottom:20px;letter-spacing:-.03em;}
.hero h1 em{font-style:normal;color:var(--gold);}
.hero p{font-size:18px;color:#b9c3d4;max-width:600px;margin:0 auto 38px;}
.hero__call{display:inline-flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(227,182,100,.14),rgba(255,255,255,.04));border:1px solid rgba(227,182,100,.4);border-radius:var(--radius-lg);padding:24px 50px;backdrop-filter:blur(8px);cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 50px rgba(0,0,0,.3);}
.hero__call:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(227,182,100,.2);}
.hero__call .lbl{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--gold);}
.hero__call .num{font-family:var(--fd);font-size:clamp(28px,4.4vw,42px);font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;}
.hero__call .num svg{width:30px;height:30px;color:var(--gold);}
.hero__note{margin-top:26px;font-size:13.5px;color:#7e8aa0;font-weight:500;letter-spacing:.02em;}

/* Section */
.section{padding:90px 0;}
.section--tint{background:var(--cream-2);}
.section--dark{background:var(--ink);color:#fff;}
.section-head{text-align:center;max-width:640px;margin:0 auto 56px;}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px;}
.section-head .eyebrow::before{content:"";width:24px;height:1px;background:var(--gold-2);}
.section-head .eyebrow::after{content:"";width:24px;height:1px;background:var(--gold-2);}
.section-head h2{font-size:clamp(28px,3.6vw,42px);margin-bottom:14px;}
.section--dark .section-head h2{color:#fff;}
.section-head p{color:var(--muted);font-size:17px;}
.section--dark .section-head p{color:#9aa6ba;}

/* Brands */
.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.brand-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 22px;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .28s,box-shadow .28s,border-color .28s;overflow:hidden;}
.brand-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform:scaleX(0);transition:transform .3s;transform-origin:left;}
.brand-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(227,182,100,.4);}
.brand-card:hover::before{transform:scaleX(1);}
.brand-badge{width:68px;height:68px;border-radius:18px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-weight:700;font-size:22px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.12);}
.brand-badge img{width:100%;height:100%;object-fit:contain;background:#fff;}
.brand-card h3{font-size:17px;margin-bottom:5px;}
.brand-card p{font-size:13px;color:var(--muted);}
.brand-card .call-mini{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--gold-2);}
.brand-card .call-mini svg{width:15px;height:15px;}

/* === KALKIS PANOSU (departures board) === */
.dep-board{background:linear-gradient(180deg,#0d1424,#0a0f1c);border:1px solid rgba(227,182,100,.16);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px;}
.dep-board__head{display:flex;align-items:center;gap:14px;padding:18px 22px;background:rgba(227,182,100,.05);border-bottom:1px solid var(--line-d);}
.dep-board__head .brand-badge{width:44px;height:44px;border-radius:12px;margin:0;font-size:15px;}
.dep-board__head h3{color:#fff;font-size:18px;margin:0;display:flex;align-items:center;gap:9px;}
.dep-board__head .live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(31,170,89,.6);animation:live 1.8s infinite;}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(31,170,89,.5);}70%{box-shadow:0 0 0 7px rgba(31,170,89,0);}100%{box-shadow:0 0 0 0 rgba(31,170,89,0);}}
.dep-board__head small{color:#8b97ac;font-size:12.5px;display:block;font-weight:400;}
.dep-board__head .more{margin-left:auto;font-size:13.5px;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:6px;}
.dep-rows{display:grid;grid-template-columns:1fr 1fr;}
.dep-row{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line-d);cursor:pointer;transition:background .2s;color:#c7d0e0;width:100%;text-align:left;background:none;border-left:0;border-top:0;border-right:1px solid var(--line-d);font-family:var(--fb);}
.dep-rows .dep-row:nth-child(2n){border-right:0;}
.dep-row:hover{background:rgba(227,182,100,.07);}
.dep-row .pin{width:30px;height:30px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;}
.dep-row .pin svg{width:15px;height:15px;}
.dep-row .path{flex:1;min-width:0;}
.dep-row .path b{display:block;font-family:var(--fd);font-weight:600;color:#fff;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dep-row .path span{font-size:11.5px;color:#7e8aa0;letter-spacing:.04em;}
.dep-row .price{font-family:var(--fd);font-weight:600;color:var(--gold);font-size:14.5px;}
.dep-row .go{width:34px;height:34px;border-radius:10px;background:rgba(31,170,89,.16);color:#3ed27f;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s;}
.dep-row:hover .go{background:var(--green);color:#fff;}
.dep-row .go svg{width:16px;height:16px;}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.feature-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform .28s,box-shadow .28s;overflow:hidden;}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.feature-card__num{position:absolute;top:18px;right:24px;font-family:var(--fd);font-weight:700;font-size:40px;color:var(--cream-2);line-height:1;z-index:0;}
.feature-card__icon{position:relative;z-index:1;width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;}
.feature-card__icon svg{width:26px;height:26px;}
.feature-card h3{font-size:18px;margin-bottom:9px;position:relative;z-index:1;}
.feature-card p{font-size:14.5px;color:var(--muted);position:relative;z-index:1;}

/* About */
.about-wrap{display:grid;grid-template-columns:1.2fr .95fr;gap:36px;align-items:start;}
.about-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:38px;box-shadow:var(--shadow-sm);position:relative;}
.about-card::before{content:"";position:absolute;left:0;top:38px;bottom:38px;width:3px;background:linear-gradient(var(--gold),var(--gold-2));border-radius:3px;}
.about-card h2{font-size:25px;margin-bottom:18px;display:flex;align-items:center;gap:13px;}
.about-card h2 .ic{width:44px;height:44px;border-radius:13px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;}
.about-card h2 .ic svg{width:22px;height:22px;}
.about-card p{color:var(--muted);font-size:15px;margin-bottom:14px;line-height:1.85;}

/* Stats - rafine bant */
.stats-col{display:grid;gap:16px;}
.stat-big{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--line-d);position:relative;overflow:hidden;}
.stat-big::after{content:"";position:absolute;inset:0;background:radial-gradient(200px 120px at 80% 0,rgba(227,182,100,.16),transparent 70%);}
.stat-big .ic{position:relative;z-index:1;width:50px;height:50px;border-radius:50%;background:var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
.stat-big .ic svg{width:24px;height:24px;}
.stat-big .num{position:relative;z-index:1;font-family:var(--fd);font-size:38px;font-weight:700;color:var(--gold);}
.stat-big .lbl{position:relative;z-index:1;font-size:14px;color:#aeb8c9;}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

/* Members */
.members{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.member-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow-sm);}
.member-card .badge{font-family:var(--fd);font-weight:700;font-size:22px;color:var(--ink);letter-spacing:.04em;margin-bottom:8px;}
.member-card h4{font-size:14.5px;margin-bottom:4px;}
.member-card p{font-size:12.5px;color:var(--muted);}

/* Brand detail hero */
.brand-hero{position:relative;overflow:hidden;color:#fff;padding:78px 0;text-align:center;}
.brand-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,14,26,.4));}
.brand-hero__inner{position:relative;z-index:2;max-width:640px;margin:0 auto;}
.brand-hero .brand-badge{width:98px;height:98px;border-radius:26px;margin:0 auto 24px;font-size:30px;box-shadow:var(--shadow-lg);}
.brand-hero h1{color:#fff;font-size:clamp(32px,4.6vw,48px);margin-bottom:14px;}
.brand-hero .lead{font-size:17px;color:rgba(255,255,255,.86);margin-bottom:22px;}
.brand-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.brand-meta span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:9px 18px;border-radius:100px;font-size:13.5px;font-weight:600;}
.brand-meta svg{width:15px;height:15px;color:var(--gold);}
.brand-callbox{background:linear-gradient(135deg,rgba(227,182,100,.16),rgba(255,255,255,.05));border:1px solid rgba(227,182,100,.5);border-radius:var(--radius-lg);padding:22px 40px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;backdrop-filter:blur(8px);transition:transform .25s;}
.brand-callbox:hover{transform:translateY(-3px);}
.brand-callbox .lbl{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold);}
.brand-callbox .num{font-family:var(--fd);font-size:30px;font-weight:700;color:#fff;}

/* Page hero */
.page-hero{color:#fff;padding:70px 0 58px;background:radial-gradient(600px 300px at 80% 0,rgba(227,182,100,.12),transparent 60%),linear-gradient(150deg,var(--ink),var(--ink-3));position:relative;overflow:hidden;}
.page-hero .container{position:relative;z-index:2;}
.page-hero h1{color:#fff;font-size:clamp(28px,4vw,44px);margin-bottom:12px;}
.breadcrumb{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:#9aa6ba;background:rgba(255,255,255,.06);border:1px solid var(--line-d);padding:7px 16px;border-radius:100px;}
.breadcrumb a:hover{color:#fff;} .breadcrumb span{color:var(--gold);}
.prose{max-width:820px;margin:0 auto;}
.prose p{font-size:16px;color:var(--text);line-height:1.9;margin-bottom:18px;}

/* Footer */
.site-footer{background:var(--ink);color:#9aa6ba;padding:64px 0 0;border-top:1px solid var(--line-d);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr 1.15fr;gap:34px;padding-bottom:30px;}
.footer-brand .brand__name{color:#fff;font-size:22px;}
.footer-brand .brand__name span{color:var(--gold);}
.footer-brand>p{margin:14px 0;font-size:14px;line-height:1.7;max-width:280px;}
.company-box{background:rgba(255,255,255,.03);border:1px solid var(--line-d);border-radius:14px;padding:16px;font-size:12.5px;line-height:1.7;}
.company-box .ttl{color:var(--gold);font-weight:700;font-size:12.5px;margin-bottom:8px;display:flex;align-items:center;gap:7px;letter-spacing:.04em;}
.company-box b{color:#c4cddb;}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.footer-col h4 svg{width:16px;height:16px;color:var(--gold);}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:10px;}
.footer-col a,.footer-col li span{font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.footer-col a:hover{color:var(--gold);}
.footer-col svg{width:15px;height:15px;color:var(--gold-2);flex:none;}
.footer-mid{border-top:1px solid var(--line-d);padding:26px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;}
.members-foot{display:flex;gap:14px;}
.member-foot{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:12px;padding:14px 18px;text-align:center;flex:1;}
.member-foot .b{font-family:var(--fd);font-weight:700;color:var(--gold);font-size:18px;}
.member-foot small{font-size:11.5px;}
.disc-box{background:var(--gold-soft);border:1px solid rgba(227,182,100,.3);border-radius:14px;padding:16px 18px;font-size:13px;line-height:1.65;color:#d8c39a;}
.disc-box b{color:var(--gold);}
.footer-bottom{border-top:1px solid var(--line-d);padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;}
.footer-bottom a:hover{color:var(--gold);}
.social{display:flex;gap:10px;margin-top:14px;}
.social a{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);display:flex;align-items:center;justify-content:center;transition:.2s;}
.social a:hover{background:var(--gold);color:var(--ink);} .social svg{width:16px;height:16px;}

/* === MODAL (cagri) === */
.cmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s;}
.cmodal.show{opacity:1;visibility:visible;}
.cmodal__bg{position:absolute;inset:0;background:rgba(5,8,16,.66);backdrop-filter:blur(4px);}
.cmodal__card{position:relative;z-index:2;background:#fff;border-radius:24px;width:100%;max-width:430px;overflow:hidden;box-shadow:var(--shadow-lg);transform:translateY(16px) scale(.98);transition:transform .3s;}
.cmodal.show .cmodal__card{transform:none;}
.cmodal__head{padding:26px;color:#fff;position:relative;background:linear-gradient(135deg,var(--ink-2),var(--ink));}
.cmodal__head::after{content:"";position:absolute;inset:0;background:radial-gradient(220px 120px at 85% 0,rgba(227,182,100,.22),transparent 70%);}
.cmodal__head>*{position:relative;z-index:1;}
.cmodal__head .ic{width:54px;height:54px;border-radius:50%;background:var(--gold-soft);border:1px solid rgba(227,182,100,.4);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.cmodal__head .ic svg{width:26px;height:26px;}
.cmodal__head h3{color:#fff;font-size:21px;margin-bottom:3px;}
.cmodal__head p{font-size:13.5px;color:#b9c3d4;}
.cmodal__x{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.14);border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;z-index:2;}
.cmodal__body{padding:20px;}
.cline{border:1px solid var(--line);border-radius:16px;padding:15px;margin-bottom:13px;transition:border-color .2s;}
.cline:hover{border-color:rgba(227,182,100,.5);}
.cline:last-child{margin-bottom:0;}
.cline__top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.cline__ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;}
.cline__ic svg{width:20px;height:20px;}
.cline__top b{font-size:15.5px;color:var(--ink);display:block;}
.cline__top small{font-size:12.5px;color:var(--muted);}
.cline__btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;color:#fff;font-weight:700;font-size:16px;padding:13px;border-radius:12px;transition:filter .2s;font-family:var(--fd);}
.cline__btn:hover{filter:brightness(1.08);}
.cline__btn svg{width:18px;height:18px;}
.cmodal__note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--muted);padding:14px 0 4px;}
.cmodal__note svg{width:16px;height:16px;color:var(--green);}

/* === MODAL 2 (direkt ara) === */
.dmodal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s;}
.dmodal.show{opacity:1;visibility:visible;}
.dmodal__bg{position:absolute;inset:0;background:rgba(5,8,16,.72);backdrop-filter:blur(5px);}
.dmodal__card{position:relative;z-index:2;width:100%;max-width:400px;background:linear-gradient(160deg,var(--ink-2),var(--ink));border:1px solid rgba(227,182,100,.3);border-radius:26px;padding:34px 30px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);transform:translateY(16px) scale(.97);transition:transform .3s;overflow:hidden;}
.dmodal.show .dmodal__card{transform:none;}
.dmodal__card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at 50% -10%,rgba(227,182,100,.2),transparent 70%);}
.dmodal__card>*{position:relative;z-index:1;}
.dmodal__x{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:19px;z-index:2;}
.dmodal__ring{width:78px;height:78px;border-radius:50%;margin:4px auto 18px;background:linear-gradient(135deg,#27c06b,#1faa59);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(31,170,89,.5);animation:ring 1.6s infinite;}
.dmodal__ring svg{width:36px;height:36px;color:#fff;}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(31,170,89,.5);}70%{box-shadow:0 0 0 18px rgba(31,170,89,0);}100%{box-shadow:0 0 0 0 rgba(31,170,89,0);}}
.dmodal h3{color:#fff;font-size:23px;margin-bottom:8px;}
.dmodal p{color:#b9c3d4;font-size:14.5px;margin-bottom:22px;}
.dmodal__call{display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(135deg,#27c06b,#1faa59);color:#fff;border-radius:18px;padding:16px;font-family:var(--fd);box-shadow:0 14px 30px rgba(31,170,89,.4);transition:transform .2s;}
.dmodal__call:hover{transform:translateY(-2px);}
.dmodal__call .l{font-size:11px;letter-spacing:.2em;opacity:.9;font-weight:600;}
.dmodal__call .n{font-size:27px;font-weight:700;display:flex;align-items:center;gap:9px;}
.dmodal__call .n svg{width:24px;height:24px;}
.dmodal__skip{display:inline-block;margin-top:16px;font-size:13px;color:#8b97ac;cursor:pointer;}
.dmodal__skip:hover{color:#fff;}

/* Float call */
.float-call{position:fixed;right:18px;bottom:18px;z-index:90;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#27c06b,#1faa59);display:flex;align-items:center;justify-content:center;color:#fff;border:0;cursor:pointer;box-shadow:0 14px 30px rgba(31,170,89,.5);animation:pulse 2.2s infinite;}
.float-call svg{width:28px;height:28px;}
@keyframes pulse{0%,100%{box-shadow:0 14px 30px rgba(31,170,89,.5);}50%{box-shadow:0 14px 30px rgba(31,170,89,.5),0 0 0 14px rgba(31,170,89,0);}}

/* Cookie */
.cookie{position:fixed;left:14px;right:14px;bottom:14px;z-index:150;background:var(--ink);color:#c4cddb;border:1px solid var(--line-d);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow-lg);max-width:760px;margin:0 auto;transform:translateY(140%);transition:transform .4s;}
.cookie p{font-size:13.5px;line-height:1.6;flex:1;}
.cookie a{color:var(--gold);text-decoration:underline;}
.cookie__btns{display:flex;gap:10px;flex:none;}
.cookie .btn{padding:10px 20px;font-size:14px;}
.btn-line{background:transparent;color:#c4cddb;border:1px solid var(--line-d);}

/* Reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;}
.reveal.in{opacity:1;transform:none;}

/* Responsive */
@media(max-width:1040px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:900px){
  .nav{display:none;}
  .nav-toggle{display:flex;}
  .brands-grid{grid-template-columns:repeat(2,1fr);}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .about-wrap{grid-template-columns:1fr;}
  .footer-mid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .dep-rows{grid-template-columns:1fr;}
  .dep-row{border-right:0 !important;}
}
@media(max-width:640px){
  .section{padding:62px 0;}
  .features-grid,.brands-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .members,.stats-row{grid-template-columns:1fr;}
  .cookie{flex-direction:column;align-items:flex-start;}
  .cookie__btns{width:100%;}
  .cookie .btn{flex:1;}
  .hero__call{padding:20px 30px;}
  .dep-board__head .more{display:none;}
}

/* =====================================================================
   MOBIL DUZELTME - yatay tasma ve hizalama kaymalari
   ===================================================================== */
html{overflow-x:hidden;}
body{overflow-x:hidden;max-width:100%;}
/* flexbox icindeki uzun metinlerin satiri genisletmesini engeller */
.dep-row .path,.cline__top span,.mm-brand span,.brand__text,.hero .container,.footer-col,.about-card{min-width:0;}
.cline__top small,.mm-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:900px){
  .dep-board__head{flex-wrap:wrap;}
  .dep-board__head .more{margin-left:auto;}
}
@media(max-width:640px){
  .container{padding:0 16px;}
  .hero{padding:74px 0 84px;}
  .hero h1{font-size:clamp(28px,8vw,38px);}
  .hero p{font-size:16px;}
  .hero__call{padding:18px 22px;max-width:100%;}
  .hero__call .num{font-size:25px;flex-wrap:wrap;justify-content:center;word-break:break-word;}
  .hero__call .num svg{width:23px;height:23px;}
  .cmodal,.dmodal{padding:14px;}
  .cmodal__head{padding:22px 20px;}
  .cmodal__card,.dmodal__card{max-width:100%;}
  .dmodal__card{padding:28px 22px;}
  .dmodal__call .n{font-size:24px;flex-wrap:wrap;justify-content:center;}
  .dep-row{padding:13px 16px;gap:11px;}
  .dep-board__head{padding:15px 16px;}
  .section-head .eyebrow::before,.section-head .eyebrow::after{width:14px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .about-card{padding:28px 22px;}
  .about-card::before{top:28px;bottom:28px;}
}
@media(max-width:480px){
  .header-actions .btn-call{display:none;}      /* sag altta zaten arama butonu var */
  .site-header .container{height:64px;}
}
@media(max-width:380px){
  .brand__tag{display:none;}
  .hero__call .num{font-size:22px;}
  .dmodal__call .n{font-size:21px;}
}