/* ================================================================
   ZeyPOS ana sayfa — modern yeniden tasarım (sahil-v1 dili, logo renkleri)
   Marka: teal #12A594 (Zey) + navy #16305C (POS). Bağımsız sayfa CSS'i.
   ================================================================ */
:root{
  --marka:#12A594; --marka-koyu:#0E7D70; --marka-yumusak:#E1F4F0;
  --ink:#17314F; --ink-soft:#3f4a5a; --muted:#6a7482; --line:#e7ebf1;
  --bg:#ffffff; --bg-2:#f6f8fb; --surface:#ffffff;
  --wa:#25D366; --wa-deep:#128C7E; --ai:#5B4BE0; --ai-soft:#eee9fb;
  --footer:#122a4d;
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --shadow:0 10px 34px rgba(20,32,55,.10);
  --shadow-lg:0 22px 60px rgba(20,32,55,.16);
}
@media (prefers-color-scheme:dark){
  :root{
    --ink:#eef2f8; --ink-soft:#c7cfdb; --muted:#95a0b0; --line:#28303c;
    --bg:#0f141b; --bg-2:#141b24; --surface:#161d26; --marka-yumusak:#10312c;
    --ai-soft:#1c1a33; --footer:#0a1626;
    --shadow:0 10px 34px rgba(0,0,0,.5); --shadow-lg:0 22px 60px rgba(0,0,0,.6);
  }
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}
.container{max-width:1160px;margin:0 auto;padding:0 22px}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;font-weight:700}
p{margin:0}
img{max-width:100%}

.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:12px 24px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s, box-shadow .2s, background .2s, color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--marka);color:#fff;box-shadow:0 10px 26px rgba(18,165,148,.32)}
.btn-primary:hover{background:var(--marka-koyu)}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-outline:hover{background:#fff;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--marka);color:var(--marka-koyu)}
.btn-wa{background:var(--wa);color:#04351f}
.btn-wa:hover{filter:brightness(1.05)}

/* header */
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 1px 10px rgba(30,42,58,.06)}
.hd-in{display:flex;align-items:center;height:72px;gap:26px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.02em}
.brand img{height:38px;width:auto}
.brand .mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--marka),#3BC9B6);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 5px 14px rgba(18,165,148,.36)}
.brand .zey{color:var(--marka)}
.hd-nav{display:flex;gap:24px;margin-left:6px;font-size:14.5px;font-weight:500;color:var(--ink-soft)}
.hd-nav a:hover{color:var(--marka-koyu)}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.hd-tel{font-size:14px;font-weight:600;color:var(--ink-soft)}
.hd-tel i{color:var(--marka)}
.hd-lang{position:relative;font-size:13px;font-weight:600;color:var(--muted)}
.hd-lang .cur{cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.hd-lang .cur{padding:4px 2px}
.hd-lang::after{content:"";position:absolute;top:100%;left:-10px;right:-10px;height:14px}
.hd-lang .drop{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:140px;overflow:hidden;z-index:120}
.hd-lang:hover .drop, .hd-lang.acik .drop{display:block}
.hd-lang .drop a{display:flex;gap:8px;padding:9px 14px;font-size:13px;color:var(--ink)}
.hd-lang .drop a:hover{background:var(--bg-2)}
.hd-lang .drop a.aktif{color:var(--marka-koyu);font-weight:700}
.hd-burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0}
.hd-burger span{display:block;width:24px;height:2.5px;background:var(--ink);border-radius:2px;margin:0 auto;transition:.25s}
.hd-mobil{display:none;width:100%;flex-direction:column;padding:6px 0 12px;border-top:1px solid var(--line)}
.hd-mobil a{padding:12px 4px;font-size:16px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}
.hd-mobil.acik{display:flex}
@media(max-width:900px){.hd-nav,.hd-tel{display:none}.hd-burger{display:flex}}
/* üst menü açılır alt-kategori */
.hd-drop{position:relative;display:inline-flex;align-items:center}
.hd-drop > a{display:inline-flex;align-items:center;gap:6px}
.hd-drop > a i{font-size:9px;opacity:.65}
.hd-drop::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
.hd-drop-menu{display:none;position:absolute;top:calc(100% + 10px);left:-12px;min-width:212px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:120}
.hd-drop:hover .hd-drop-menu{display:block}
.hd-drop-menu a{display:block;padding:9px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-soft)}
.hd-drop-menu a:hover{background:var(--bg-2);color:var(--marka-koyu)}

/* HERO — sinematik (sahil-v1 dili) */
.hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;color:#fff}
.hero-bg{position:absolute;inset:0;z-index:0;background:
   radial-gradient(1200px 520px at 82% -8%, rgba(18,165,148,.40), transparent 60%),
   radial-gradient(900px 520px at 0% 112%, rgba(22,48,92,.6), transparent 55%),
   linear-gradient(150deg,#103150 0%,#123f57 45%,#0b2138 100%);
   animation:kenburns 14s ease-out infinite alternate;background-size:cover;background-position:center}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,14,22,.4),rgba(12,14,22,.2) 45%,rgba(12,14,22,.6))}
.hero .container{position:relative;z-index:2;text-align:center;padding:70px 22px 120px}
.hero-eyebrow{display:inline-block;letter-spacing:.3em;font-size:13px;font-weight:600;opacity:.92;margin-bottom:18px;text-transform:uppercase}
.hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.05;text-shadow:0 3px 28px rgba(8,18,38,.45)}
.hero h1 em{font-style:normal;color:#5EEAD4}
.hero-cizgi{display:block;width:64px;height:3px;border-radius:3px;margin:24px auto;background:var(--marka);box-shadow:0 0 0 4px rgba(255,255,255,.14)}
.hero-alt{color:rgba(255,255,255,.94);font-size:clamp(16px,2vw,19px);max-width:640px;margin:0 auto;text-shadow:0 2px 14px rgba(8,18,38,.4)}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.hero-mini{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:34px;font-size:13.5px;color:rgba(255,255,255,.8)}
.hero-mini b{color:#fff;font-size:20px;font-weight:800;display:block;letter-spacing:-.02em}

/* overlapping card (sahil-v1 arama-kart karşılığı) */
.float-strip{position:relative;z-index:5;margin-top:-56px}
.strip-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:22px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.strip-item{display:flex;align-items:center;gap:12px}
.strip-item .si{width:44px;height:44px;border-radius:12px;background:var(--marka-yumusak);color:var(--marka-koyu);display:grid;place-items:center;flex-shrink:0}
.strip-item .st{font-size:15px;font-weight:700;line-height:1.2}
.strip-item .ss{font-size:12.5px;color:var(--muted)}
@media(max-width:860px){.strip-card{grid-template-columns:1fr 1fr}.hero .container{padding-bottom:100px}}
@media(max-width:520px){.strip-card{grid-template-columns:1fr}}

/* section shell */
section{position:relative}
.sec{padding:82px 0}
.sec-head{max-width:660px;margin:0 auto 50px;text-align:center}
.baslik-cizgi{display:block;width:52px;height:3px;border-radius:3px;background:var(--marka);margin:0 auto 18px}
.eyebrow{display:inline-block;letter-spacing:.16em;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--marka-koyu);margin-bottom:8px}
.sec-head h2{font-size:clamp(27px,3.7vw,40px)}
.sec-head p{color:var(--ink-soft);font-size:17px;margin-top:14px}

/* scroll reveal — SADECE JS aktifse (html.reveal) gizle; JS yoksa içerik hep görünür */
.reveal .anim{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal .anim.girdi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal .anim{opacity:1!important;transform:none!important;transition:none!important}.hero-bg{animation:none!important}}

/* features */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow);transition:transform .22s, box-shadow .22s}
.fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.ficon{width:54px;height:54px;border-radius:14px;background:var(--marka-yumusak);color:var(--marka-koyu);display:grid;place-items:center;margin-bottom:16px}
.fcard h3{font-size:18.5px;margin-bottom:9px}
.fcard p{font-size:14px;color:var(--muted)}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fgrid{grid-template-columns:1fr}}

/* WhatsApp showcase */
.wa-sec{background:var(--bg-2)}
.wa-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.badge-new{display:inline-flex;align-items:center;gap:7px;background:var(--wa);color:#04351f;font-weight:700;font-size:12px;padding:6px 12px;border-radius:999px}
.wa-benefits{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.wa-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink-soft)}
.wa-benefits .ck{width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--wa) 20%,transparent);display:grid;place-items:center;flex-shrink:0;margin-top:1px}
@media(max-width:900px){.wa-grid{grid-template-columns:1fr;gap:38px}}

.phone{width:300px;max-width:100%;margin:0 auto;background:#0b141a;border-radius:34px;padding:11px;box-shadow:var(--shadow-lg)}
.phone-scr{background:#e6ddd4;border-radius:24px;overflow:hidden}
.wa-top{background:var(--wa-deep);color:#fff;display:flex;align-items:center;gap:10px;padding:12px 14px}
.wa-top .pic{width:34px;height:34px;border-radius:50%;background:#fff2;display:grid;place-items:center;font-size:15px}
.wa-top .who{font-size:14px;font-weight:700;line-height:1.2}
.wa-top .st{font-size:11px;opacity:.85}
.wa-body{padding:14px 12px;display:flex;flex-direction:column;gap:9px;min-height:330px}
.bub{max-width:82%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.42;box-shadow:0 1px 1px rgba(0,0,0,.08);color:#111b21}
.bub.in{background:#fff;align-self:flex-start;border-top-left-radius:3px}
.bub.out{background:#d9fdd3;align-self:flex-end;border-top-right-radius:3px}
.bub .tm{display:block;font-size:9.5px;color:#5b7083;text-align:right;margin-top:2px}
.bub .imza{display:block;font-size:10px;color:#667781;font-style:italic;margin-top:4px}

/* how it works */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.step .num{font-size:12.5px;font-weight:800;color:var(--marka);letter-spacing:.1em}
.step h3{font-size:18px;margin:10px 0 8px}
.step p{font-size:14px;color:var(--muted)}
@media(max-width:760px){.steps{grid-template-columns:1fr}}

/* stats band */
.stats{background:var(--footer);color:#fff}
.stats .container{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;padding:52px 22px;text-align:center}
.stat .n{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em}
.stat .n b{color:#5EEAD4}
.stat .t{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:4px}

/* pricing */
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.price-card h2{font-size:clamp(24px,3.2vw,34px)}
.price-card p{color:var(--ink-soft);margin-top:14px;font-size:16px}
.modules{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.modules span{font-size:13px;font-weight:600;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--ink-soft)}
.modules span.on{background:var(--marka);border-color:var(--marka);color:#fff}
.price-cta{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center}
.price-cta .big{font-size:19px;font-weight:800}
.price-cta .sm{font-size:13.5px;color:var(--muted);margin:8px 0 18px}
@media(max-width:820px){.price-card{grid-template-columns:1fr;padding:32px}}

/* faq */
.faq{max-width:800px;margin:0 auto}
.qa{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}
.qa summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary .pl{color:var(--marka);font-size:22px;transition:transform .2s;flex-shrink:0}
.qa[open] summary .pl{transform:rotate(45deg)}
.qa .ans{padding:0 22px 20px;color:var(--ink-soft);font-size:14.5px}

/* final cta + demo form */
.cta{background:linear-gradient(135deg,#12A594 0%,#16305C 100%);color:#fff}
.cta .container{text-align:center;padding:74px 22px}
.cta h2{font-size:clamp(27px,4vw,42px)}
.cta p{font-size:18px;margin:14px auto 24px;max-width:520px;opacity:.95}
.demo-form{max-width:470px;margin:6px auto 0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.demo-form input{flex:1;min-width:190px;border:0;border-radius:999px;padding:14px 20px;font-size:15px;font-family:inherit;background:#fff;color:#17314F}
.demo-form .demo-btn{background:#0d2a2a;color:#fff;border:0;border-radius:999px;padding:14px 26px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}
.demo-form .demo-msg{width:100%;font-size:14px;margin-top:4px;min-height:20px;font-weight:600}

/* footer */
footer.ft{background:var(--footer);color:rgba(255,255,255,.75);border-top:3px solid var(--marka);padding:54px 0 28px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.ft-grid h6{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;position:relative;padding-bottom:11px}
.ft-grid h6::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;border-radius:2px;background:var(--marka)}
.ft-grid a{display:block;font-size:14px;color:rgba(255,255,255,.75);padding:5px 0}
.ft-grid a:hover{color:#fff}
.ft-brand .brand{color:#fff}
.ft-brand p{font-size:14px;margin-top:12px;max-width:260px}
.ft-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.55)}
@media(max-width:760px){.ft-grid{grid-template-columns:1fr 1fr}}

svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   İÇ SAYFA BİLEŞENLERİ (kategori/özellik/içerik/iletişim...)
   ============================================================ */
main{display:block}
.page-band{position:relative;overflow:hidden;color:#fff}
.page-band .hero-bg{position:absolute;inset:0;z-index:0;animation:none}
.page-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,14,22,.5),rgba(12,14,22,.64))}
.page-band .container{position:relative;z-index:2;padding:52px 22px 46px}
.page-band h1{font-size:clamp(26px,4vw,42px);text-shadow:0 2px 20px rgba(8,18,38,.4)}
.page-band p{color:rgba(255,255,255,.9);font-size:16.5px;margin-top:12px;max-width:680px}
.pb-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.72);margin-bottom:14px}
.pb-crumb a{color:rgba(255,255,255,.72)}
.pb-crumb a:hover{color:#fff}
.pb-crumb b{color:#fff;font-weight:600}
.pb-crumb span{opacity:.5}

.icerik-sayfa{padding:70px 0}
.prose{max-width:820px;margin:0 auto;font-size:16px;color:var(--ink-soft);line-height:1.8}
.prose h2,.prose h3,.prose h4{color:var(--ink);margin:1.8rem 0 .8rem;line-height:1.25}
.prose p{margin-bottom:1.1rem}
.prose img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0}
.prose ul,.prose ol{padding-left:1.4rem;margin-bottom:1.1rem}
.prose li{margin-bottom:.4rem}
.prose a{color:var(--marka-koyu);font-weight:600}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0}
.prose td,.prose th{border:1px solid var(--line);padding:9px 12px}
.prose iframe{max-width:100%;border-radius:12px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid-3,.grid-4{grid-template-columns:1fr}}

.mcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.mcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.mcard .mc-img{aspect-ratio:16/10;background:var(--bg-2);background-size:cover;background-position:center;display:block}
.mcard .mc-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.mcard .mc-ico{width:50px;height:50px;border-radius:13px;background:var(--marka-yumusak);color:var(--marka-koyu);display:grid;place-items:center;font-size:22px;margin-bottom:4px}
.mcard h3{font-size:18px}
.mcard p{font-size:14px;color:var(--muted);flex:1}
.mcard .mc-badge{align-self:flex-start;font-size:12px;font-weight:600;background:var(--marka-yumusak);color:var(--marka-koyu);border-radius:999px;padding:5px 12px}
.mcard .mc-link{color:var(--marka-koyu);font-weight:600;font-size:14px;margin-top:2px}

.split{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.side-sticky{position:sticky;top:90px;display:grid;gap:20px}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.side-card h5{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 14px}
.side-list{display:grid;gap:6px}
.side-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:11px;font-size:14.5px;font-weight:500;color:var(--ink-soft);border:1px solid var(--line)}
.side-list a:hover{border-color:var(--marka);color:var(--marka-koyu)}
.side-list a.aktif{background:var(--marka);border-color:var(--marka);color:#fff}
.side-list a .n{font-size:12px;font-weight:700;background:var(--bg-2);color:var(--muted);border-radius:999px;padding:2px 9px}
.side-list a.aktif .n{background:rgba(255,255,255,.22);color:#fff}

.oz-item{border-bottom:1px solid var(--line);padding:22px 0}
.oz-item:first-child{padding-top:0}
.oz-item h3{font-size:20px;display:flex;align-items:center;gap:10px}
.oz-item .oz-kisa{color:var(--ink-soft);font-weight:600;margin-top:6px}
.oz-item .oz-detay{color:var(--muted);margin-top:8px;line-height:1.75}
.oz-item .oz-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.oz-item .oz-tags span{font-size:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:4px 11px;color:var(--muted)}

.form-modern{display:grid;gap:14px}
.form-modern .fm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.form-modern .fm-row{grid-template-columns:1fr}}
.form-modern input,.form-modern textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:15px;font-family:inherit;background:var(--surface);color:var(--ink);transition:border-color .15s}
.form-modern input:focus,.form-modern textarea:focus{outline:none;border-color:var(--marka)}
.form-modern textarea{resize:vertical;min-height:130px}
.fm-msg .alert{border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:8px}
.fm-msg .alert-success{background:#e7f7ef;color:#0f7a4a;border:1px solid #b8e6cd}
.fm-msg .alert-danger{background:#fdeaea;color:#c0392b;border:1px solid #f3c0bd}

.ic-info{display:grid;gap:18px}
.ic-line{display:flex;gap:14px;align-items:flex-start}
.ic-line .ic-ic{width:46px;height:46px;border-radius:12px;background:var(--marka-yumusak);color:var(--marka-koyu);display:grid;place-items:center;flex-shrink:0}
.ic-line .ic-t{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.ic-line .ic-v{font-size:15px;font-weight:600;margin-top:2px}
.ic-line .ic-v a:hover{color:var(--marka-koyu)}

.cta-band{background:linear-gradient(135deg,var(--marka) 0%,#16305C 100%);color:#fff;border-radius:20px;padding:34px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band h3{font-size:23px}
.cta-band p{opacity:.92;margin-top:6px}

.durum-bos{text-align:center;color:var(--muted);padding:60px 20px;font-size:16px}

/* kategori gezinme çubuğu (pill'ler) */
.chip-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.chip-nav a{font-size:14px;font-weight:600;padding:9px 17px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);background:var(--surface);transition:.15s}
.chip-nav a:hover{border-color:var(--marka);color:var(--marka-koyu)}
.chip-nav a.aktif{background:var(--marka);border-color:var(--marka);color:#fff}