/* ============================================================
   Kocaeli Rehber — görsel cila katmanı (app.css'ten sonra yüklenir)
   ============================================================ */
:root{
  --brand-2:#ff8a3c;
  --grad:linear-gradient(135deg,var(--brand-2),var(--brand) 55%,var(--brand-ink));
  --ring:0 0 0 4px rgba(255,106,0,.14);
  --shadow-md:0 2px 4px rgba(14,35,71,.04),0 14px 30px -14px rgba(14,35,71,.18);
}
body{background:linear-gradient(180deg,#f5f9fd 0,#eff4f9 100%) fixed}

/* ---------- Üst şerit ---------- */
.hd-strip{background:#0e2347;color:#9fb0c3;font-size:12px}
.hd-strip .container-xl{display:flex;align-items:center;justify-content:space-between;height:34px;gap:16px}
.hd-strip a{color:#cbd6e2;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;transition:background .15s,color .15s}
.hd-strip a:hover{background:rgba(255,255,255,.08);color:#fff}
.hd-strip .hs-l{display:flex;align-items:center;gap:8px;white-space:nowrap}
.hd-strip .hs-l i{color:var(--brand-2)}
.hd-strip .hs-r{display:flex;align-items:center;gap:2px}
.hd-strip .hs-sep{width:1px;height:12px;background:rgba(255,255,255,.14);margin:0 4px}

/* ---------- Navbar ---------- */
.site-header{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(14,35,71,.06);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 24px -18px rgba(14,35,71,.25)}
.hd-inner{height:68px;gap:20px}
.brand-mark{background:var(--grad);box-shadow:0 6px 14px -6px rgba(255,106,0,.6);width:38px;height:38px;border-radius:11px;font-size:18px}
.brand-text strong{font-size:16px;letter-spacing:-.025em}
.brand-text small{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#8795a5}
.hd-nav{gap:0;margin-left:6px;flex-wrap:nowrap!important;overflow:visible}
.hd-inner{flex-wrap:nowrap!important}
.hd-item>a{position:relative;height:38px;padding:0 11px;border-radius:10px;font-size:13.6px;font-weight:500;color:#34435f}
.hd-item>a:hover{background:#f0f4f6;color:#0e2347}
.hd-item>a.is-active{background:transparent;color:var(--brand-ink);font-weight:650}
.hd-item>a.is-active::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:3px;border-radius:3px;background:var(--grad)}
.hd-caret{transition:transform .18s}
.hd-item.has-sub:hover .hd-caret{transform:rotate(180deg)}
.hd-sub{top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:14px;border:1px solid rgba(14,35,71,.07);box-shadow:0 22px 44px -16px rgba(14,35,71,.32)}
.hd-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}   /* hover köprüsü */
.hd-sub a{padding:9px 12px;border-radius:9px;font-size:13.2px;font-weight:500;display:flex;align-items:center;gap:8px}
.hd-sub a:hover{background:#fff3ea;color:var(--brand-ink)}
.hd-search-btn{width:40px!important;max-width:none!important;min-width:0!important;height:40px!important;padding:0!important;gap:9px;justify-content:center;
  border:1px solid #e0e7f1!important;background:#f6f8fa!important;border-radius:999px!important;color:#6b7a8c!important}
@media (min-width:1640px){.hd-search-btn{width:auto!important;padding:0 16px!important;min-width:210px!important;justify-content:flex-start}.hd-search-btn .hds-ph{display:inline!important}}
.hd-search-btn:hover{background:#fff!important;border-color:#c9d4dd!important;box-shadow:var(--ring)}
.hd-search-btn .hds-ph{display:none;font-size:13px;color:#8795a5}
.hd-icon-btn{border:1px solid #e0e7f1;border-radius:999px;width:40px;height:40px}
.hd-actions .btn-brand{height:40px;padding:0 18px;border-radius:999px;background:var(--grad);border:0;box-shadow:0 8px 18px -8px rgba(255,106,0,.7);font-weight:650}
.hd-actions .btn-brand:hover{filter:brightness(1.07);transform:translateY(-1px)}
.hd-actions .btn-ghost{height:40px;border-radius:999px}

/* mobil menü */
.mobile-nav{box-shadow:0 20px 30px -20px rgba(14,35,71,.3)}
.mobile-nav>.container-xl>a{border-radius:10px;border-bottom:0;padding:12px 12px;margin-bottom:2px;font-size:15px}
.mobile-nav>.container-xl>a:active,.mobile-nav>.container-xl>a:hover{background:#fff3ea;color:var(--brand-ink)}
.mobile-nav a.mm-sub{padding-left:28px;position:relative;font-weight:500}
.mobile-nav a.mm-sub::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;border-radius:50%;background:#b6c4d1}
.burger{border-radius:12px}

/* ---------- Genel bileşenler ---------- */
.btn-brand{background:var(--grad);border:0;box-shadow:0 6px 14px -7px rgba(255,106,0,.7)}
.btn-brand:hover{filter:brightness(1.07)}
.btn-ghost{transition:border-color .15s,box-shadow .15s,transform .15s}
.btn-ghost:hover{box-shadow:var(--shadow-md)}
.card,.firma-card{border-radius:16px;border:1px solid rgba(14,35,71,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover,.firma-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(255,106,0,.28)}
.vitrin-tile{border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s}
.vitrin-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}

.section-head h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}
.section-head h2::before{content:"";width:5px;height:24px;border-radius:5px;background:var(--grad);flex:0 0 5px}
.section-head .sh-link{padding:7px 13px;border-radius:999px;background:#fff3ea;font-size:13px}
.section-head .sh-link:hover{background:#ffe7d3}

.page-head{background:#fff8f3;border-bottom:1px solid #f6e5d6;position:relative;overflow:hidden;padding:32px 0 28px}
.page-head::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.18),transparent 68%);pointer-events:none}
.page-head h1{font-weight:750}
.crumbs a{font-weight:500}

input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{border-color:var(--brand)!important;box-shadow:var(--ring)!important;outline:0}
.pagination a,.pager a{border-radius:10px}

.site-footer{position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}

/* ---------- Mobil / dar ekran ---------- */
@media (max-width:991.98px){
  .hd-strip{display:none}
  .hd-inner{height:60px}
}
@media (max-width:575.98px){
  .hd-inner{gap:8px}
  .brand-text small{display:none}
  .hd-actions{gap:6px}
  .hd-actions .btn-brand{padding:0;width:40px;justify-content:center}
}
@media (max-width:1279.98px){.hd-item>a{padding:0 9px;font-size:13px}.brand-text small{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* ============ Ana sayfa — haberler ============ */
.news-band.home-top{padding-top:26px;padding-bottom:34px;background:linear-gradient(180deg,#fff 0,#f6f9fa 100%)}
.nx-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.nx-title{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center}
.nx-title h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.nx-title p{order:3;grid-column:1/-1;margin:2px 0 0;font-size:13px;color:var(--muted)}
.nx-live{display:inline-flex;align-items:center;gap:6px;background:#fff1f0;color:#c0352b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;order:2;justify-self:start}
.nx-live i{width:7px;height:7px;border-radius:50%;background:#e5483c;box-shadow:0 0 0 0 rgba(229,72,60,.6);animation:nxPulse 1.6s infinite}
.nx-title h2{order:1}
.nx-title{grid-template-columns:auto auto 1fr}
@keyframes nxPulse{70%{box-shadow:0 0 0 7px rgba(229,72,60,0)}100%{box-shadow:0 0 0 0 rgba(229,72,60,0)}}
.nx-more{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:#fff3ea;color:var(--brand-ink);font-size:13px;font-weight:650;transition:gap .15s,background .15s}
.nx-more:hover{background:#ffe7d3;gap:10px;color:var(--brand-ink)}

.newsx{gap:22px}
.newsx-lead .news-slider{border-radius:22px;box-shadow:0 24px 50px -26px rgba(14,35,71,.55)}
.newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:440px}
.ns-slide img{transition:transform 6s ease}
.ns-slide:hover img{transform:scale(1.05)}
.newsx-lead .ns-cap{padding:30px 32px 34px;gap:10px;background:linear-gradient(180deg,rgba(11,18,32,0) 25%,rgba(11,18,32,.62) 62%,rgba(11,18,32,.95) 100%)}
.newsx-lead .ns-slide h3{font-size:clamp(22px,2.3vw,31px);font-weight:750;line-height:1.2;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:92%}
.newsx-lead .ns-slide p{font-size:14.2px;max-width:80%;color:#dbe4ee}
.ns-cat{background:var(--grad);padding:5px 12px;font-size:10.5px;letter-spacing:.08em;box-shadow:0 6px 14px -6px rgba(255,106,0,.8)}
.ns-time{background:rgba(255,255,255,.12);backdrop-filter:blur(6px);padding:4px 10px;border-radius:999px;align-self:flex-start}
.ns-btn{background:rgba(255,255,255,.16)!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22)!important}
.ns-btn:hover{background:rgba(255,255,255,.3)!important}
.ns-progress{height:4px;background:rgba(255,255,255,.18)!important}
.ns-progress i{background:var(--brand-2)!important}

.newsx-side{border-radius:22px;border:1px solid rgba(14,35,71,.07);background:#fff;box-shadow:var(--shadow-md);padding:10px}
.newsx-side-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2a3f63}
.newsx-side-h small{font-size:10px;letter-spacing:.08em;background:var(--grad);color:#fff;padding:3px 9px;border-radius:999px}
.newsx-row{border-radius:14px;padding:10px;gap:12px;position:relative;transition:background .15s,transform .15s}
.newsx-row+.newsx-row{box-shadow:none}
.newsx-row:hover{background:#f1f8f5;transform:translateX(3px)}
.newsx-row::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--grad);opacity:0;transition:opacity .15s}
.newsx-row:hover::before{opacity:1}
.newsx-row img{width:96px;height:70px;border-radius:12px;box-shadow:0 6px 14px -8px rgba(14,35,71,.5)}
.newsx-num{font-size:20px;font-weight:800;color:#d3dbe3;letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:26px}
.newsx-row:hover .newsx-num{color:var(--brand-2)}
.newsx-row-tx b{font-size:14px;line-height:1.35;font-weight:650}
.newsx-meta{font-size:10.5px!important;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7e8ca3!important}
.newsx-all{margin:6px 6px 4px;border-radius:12px;background:#f1f5f9;justify-content:center;font-weight:650}
.newsx-all:hover{background:#ffefe0;color:var(--brand-ink)}

.newsx-strip{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0!important;background:none!important;padding:0!important}
.newsx-mini{background:#fff;border:1px solid rgba(14,35,71,.07)!important;border-radius:18px;padding:12px!important;gap:13px;display:flex;align-items:flex-start;box-shadow:0 1px 2px rgba(14,35,71,.03);transition:transform .2s,box-shadow .2s,border-color .2s}
.newsx-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(255,106,0,.3)!important}
.newsx-mini+.newsx-mini{border-left:1px solid rgba(14,35,71,.07)!important}
.newsx-mini img{width:84px;height:84px;object-fit:cover;border-radius:13px;flex:0 0 84px}
.newsx-mini-tx{display:flex;flex-direction:column;gap:5px;min-width:0}
.newsx-mini-tx b{font-size:13.6px;line-height:1.38;font-weight:650;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.newsx-time{font-size:11px;color:#98a5b3;display:inline-flex;align-items:center;gap:5px}

@media (max-width:1100px){.newsx-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){
  .newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:340px}
  .newsx-lead .ns-cap{padding:22px 20px 26px}
}
@media (max-width:575.98px){
  .nx-top{align-items:center}.nx-title h2{font-size:21px}.nx-more{padding:8px 12px;font-size:12.5px}.nx-title p{display:none}
  .newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:300px}
  .newsx-lead .ns-slide p{display:none}
  .newsx-strip{grid-template-columns:1fr}
  .newsx-num{display:none}
}

/* ---- Manşet: çerçeveli kart (yan listeyle aynı dil) ---- */
.newsx-lead{background:#fff;border:1px solid rgba(14,35,71,.07);border-radius:22px;box-shadow:var(--shadow-md);padding:10px;display:flex;flex-direction:column}
.newsx-lead .news-slider{flex:1;border-radius:15px;box-shadow:none}
.newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:448px}
@media (max-width:991.98px){.newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:330px}}
@media (max-width:575.98px){.newsx-lead{padding:7px;border-radius:18px}.newsx-lead .news-slider{border-radius:12px}.newsx-lead .news-slider,.newsx-lead .ns-slide{min-height:290px}}

/* ---- Karusel: hover'da yukarı kayan kart kesilmesin ---- */
.carousel{padding:12px 0 30px;margin:-12px 0 -30px}

/* ---- Bölüm arka planlarında yarı saydam daireler (kesilmez, her bölümde farklı yerde) ---- */
.page-home main>section{position:relative;overflow:hidden;isolation:isolate}
.page-home main>section>.container-xl{position:relative;z-index:1}
.page-home main>section::before,
.page-home main>section::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  width:var(--s);height:var(--s);
  left:calc((100% - var(--s)) * var(--x));top:calc((100% - var(--s)) * var(--y))}
.page-home main>section::before{--s:var(--as,170px);--x:var(--ax,.9);--y:var(--ay,.1);background:radial-gradient(circle at 35% 35%,rgba(var(--ac,20,160,127),.20),rgba(var(--ac,20,160,127),.07) 62%,rgba(var(--ac,20,160,127),.02))}
.page-home main>section::after{--s:var(--bs,110px);--x:var(--bx,.05);--y:var(--by,.85);background:radial-gradient(circle at 40% 40%,rgba(var(--bc,99,102,241),.16),rgba(var(--bc,99,102,241),.05) 65%,rgba(var(--bc,99,102,241),.02))}
.page-home main>section.ring-b::after{background:none;border:18px solid rgba(var(--bc,20,160,127),.10)}
.page-home main>section:nth-of-type(1){--as:200px;--ax:0.96;--ay:0.1;--ac:20,160,127;--bs:110px;--bx:0.02;--by:0.88;--bc:20,160,127}
.page-home main>section:nth-of-type(1)::after{background:none;border:18px solid rgba(255,106,0,.11)}
.page-home main>section:nth-of-type(2){--as:180px;--ax:0.04;--ay:0.14;--ac:99,102,241;--bs:120px;--bx:0.93;--by:0.78;--bc:245,158,11}
.page-home main>section:nth-of-type(3){--as:190px;--ax:0.9;--ay:0.72;--ac:20,160,127;--bs:100px;--bx:0.07;--by:0.1;--bc:20,160,127}
.page-home main>section:nth-of-type(3)::after{background:none;border:18px solid rgba(255,106,0,.11)}
.page-home main>section:nth-of-type(4){--as:160px;--ax:0.55;--ay:0.1;--ac:99,102,241;--bs:130px;--bx:0.97;--by:0.86;--bc:245,158,11}
.page-home main>section:nth-of-type(5){--as:200px;--ax:0.02;--ay:0.8;--ac:20,160,127;--bs:110px;--bx:0.86;--by:0.1;--bc:99,102,241}
.page-home main>section:nth-of-type(5)::after{background:none;border:18px solid rgba(99,102,241,.11)}
.page-home main>section:nth-of-type(6){--as:170px;--ax:0.62;--ay:0.9;--ac:245,158,11;--bs:120px;--bx:0.1;--by:0.2;--bc:20,160,127}
.page-home main>section:nth-of-type(7){--as:190px;--ax:0.3;--ay:0.1;--ac:99,102,241;--bs:100px;--bx:0.95;--by:0.6;--bc:20,160,127}
.page-home main>section:nth-of-type(7)::after{background:none;border:18px solid rgba(255,106,0,.11)}
.page-home main>section:nth-of-type(8){--as:150px;--ax:0.76;--ay:0.5;--ac:245,158,11;--bs:110px;--bx:0.15;--by:0.82;--bc:99,102,241}
@media (max-width:767.98px){
  .page-home main>section::before{--s:calc(var(--as,170px) * .6)}
  .page-home main>section::after{--s:calc(var(--bs,110px) * .6)}
}

/* ---- Footer imzası ---- */
.ft-credit{display:flex;justify-content:center;padding-top:2px;padding-bottom:14px}
.ft-credit a{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#5f7087;letter-spacing:.02em;padding:4px 12px;border-radius:999px;transition:color .15s,background .15s}
.ft-credit a b{font-weight:600;color:#8ea0b5}
.ft-credit a:hover{color:#cfe3f3;background:rgba(255,255,255,.06)}
.ft-credit a:hover b{color:#ff7a1a}

/* ============ PREMIUM ============ */
:root{--gold-1:#fbe08a;--gold-2:#f0b429;--gold-3:#b7791f;--gold-ink:#5b3a06}

/* rozet */
.prem-badge{position:relative;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;
  padding:4px 11px 4px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap;
  color:var(--gold-ink);background:linear-gradient(135deg,#fff3c4 0%,var(--gold-1) 28%,var(--gold-2) 62%,#e29a12 100%);
  box-shadow:0 0 0 1px rgba(183,121,31,.45) inset,0 1px 0 rgba(255,255,255,.7) inset,0 6px 14px -6px rgba(214,150,20,.75);overflow:hidden}
.prem-badge i{font-size:12px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.prem-badge b{font-weight:800}
.prem-badge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:premShine 3.6s ease-in-out infinite}
@keyframes premShine{0%,55%{left:-60%}100%{left:130%}}
.prem-sm{padding:3px 9px 3px 7px;font-size:10px;gap:5px}.prem-sm i{font-size:10.5px}
.prem-lg{padding:6px 15px 6px 11px;font-size:12.5px;gap:7px;margin-left:8px}.prem-lg i{font-size:14px}
h1 .prem-badge{transform:translateY(-3px)}
.prem-free{align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#eff3f8;color:#5a6b85;font-size:12px;font-weight:600}

/* kart şeridi (firma / ilan) */
.firma-card.is-premium,.ilan-card.is-premium{position:relative;border-color:rgba(214,150,20,.5)!important;box-shadow:0 0 0 1px rgba(240,180,41,.28),0 14px 30px -18px rgba(214,150,20,.55)}
.firma-card.is-premium::before,.ilan-card.is-premium::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#fbe08a,#f0b429,#e29a12,#f0b429,#fbe08a)}
.prem-ribbon{position:absolute;z-index:3;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;
  font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-ink);
  background:linear-gradient(135deg,#fff3c4,var(--gold-1) 35%,var(--gold-2));box-shadow:0 0 0 1px rgba(183,121,31,.4) inset,0 6px 12px -6px rgba(214,150,20,.8)}
.ilan-card .prem-ribbon{top:10px;right:10px}

/* kilit kutusu */
.prem-lock{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:14px 0;border-radius:16px;
  background:repeating-linear-gradient(135deg,#fffdf5 0 12px,#fff9e6 12px 24px);border:1px dashed rgba(214,150,20,.55)}
.prem-lock-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-1),var(--gold-2))}
.prem-lock-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.prem-lock-tx b{font-size:13.5px;color:#4a3305}.prem-lock-tx span{font-size:12.5px;color:#7a6a45;line-height:1.45}
@media (max-width:575.98px){.prem-lock{flex-wrap:wrap}}

/* gösterge: tanıtım kartı */
.prem-promo{display:flex;align-items:center;gap:18px;padding:20px 22px;margin-bottom:22px;border-radius:20px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(120deg,#0e2347 0,#1b2a4a 55%,#3a2a0c 130%);box-shadow:0 20px 40px -24px rgba(14,35,71,.8)}
.prem-promo::before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.35),transparent 68%)}
.prem-promo-ic{flex:0 0 54px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:25px;color:var(--gold-ink);background:linear-gradient(135deg,#fff3c4,var(--gold-1) 35%,var(--gold-2));box-shadow:0 10px 24px -10px rgba(240,180,41,.9);position:relative}
.prem-promo-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;position:relative}
.prem-promo-tx b{font-size:17px;letter-spacing:-.02em}
.prem-promo-tx>span{font-size:13px;color:#c9d2e0;line-height:1.5;max-width:640px}
.prem-promo-tx ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:6px 0 0;padding:0}
.prem-promo-tx li{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#fde9a8}
.prem-promo .btn-brand{position:relative;flex:0 0 auto;background:linear-gradient(135deg,var(--gold-1),var(--gold-2));color:var(--gold-ink);box-shadow:0 10px 24px -10px rgba(240,180,41,.9)}
.prem-promo.is-on{padding:14px 20px}
@media (max-width:767.98px){.prem-promo{flex-wrap:wrap}.prem-promo .btn-brand{width:100%;justify-content:center}}

/* üye paneli: menü & mobil çubuk */
.hd-nav .pn-lock{font-size:10px;color:#c0841a;margin-left:2px}
.hd-nav a i.bi:not(.pn-lock){font-size:14px;opacity:.75}
.pn-mnav{display:flex;gap:6px;overflow-x:auto;padding:8px 14px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:60px;z-index:1020;-webkit-overflow-scrolling:touch}
.pn-mnav a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:550;color:#34435f;background:#f1f5f9;white-space:nowrap}
.pn-mnav a.is-active{background:var(--grad);color:#fff}
.pn-mnav .pn-lock{font-size:10px;color:#c0841a}
.hd-actions{flex-wrap:nowrap}

/* üye paneli: formlar, ürün kartları, mesajlar */
.form-card{border-radius:20px;border:1px solid rgba(14,35,71,.07);box-shadow:var(--shadow-md);padding:26px}
.fm-sec{padding:18px 18px 6px;margin-bottom:16px;border:1px solid rgba(14,35,71,.07);border-radius:16px;background:#fcfdfd}
.fm-sec-h{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;letter-spacing:.03em;text-transform:uppercase;color:#2a3f63;margin-bottom:14px}
.fm-sec-h i{color:var(--brand);font-size:15px}
.field-row{gap:14px}
.pu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:18px}
.pu-card{background:#fff;border:1px solid rgba(14,35,71,.07);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.pu-img{aspect-ratio:4/3;background:#eff3f8;display:grid;place-items:center;color:#b5c2d4;font-size:34px;overflow:hidden}
.pu-img img{width:100%;height:100%;object-fit:cover}
.pu-body{padding:14px;display:flex;flex-direction:column;gap:6px}
.pu-body b{font-size:14.5px;line-height:1.3}
.pu-price{font-size:13px;font-weight:700;color:var(--brand-ink)}
.pu-acts{display:flex;gap:6px;margin-top:6px}
.msg-limit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;align-self:stretch;padding:9px 12px;border-radius:12px;background:#fff8e6;border:1px dashed rgba(214,150,20,.5);color:#7a5a12;font-size:12.5px}
.msg-locked{padding:0 14px 14px}
.pn-btn-gold{background:linear-gradient(135deg,var(--gold-1),var(--gold-2))!important;color:var(--gold-ink)!important;border-color:transparent!important}

/* ---- Premium olmayan işletme sayfası: pasif butonlar + yükleniyor görünümü ---- */
.is-locked{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.6);user-select:none}
.ch-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lock-note-row{margin-top:2px}
.lock-note{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;line-height:1.3;color:#9a7a2e;letter-spacing:.01em}
.lock-note i{font-size:10px;color:#d9a21b}
.sk{display:block;height:12px;border-radius:7px;background:linear-gradient(90deg,#eef1f5 0%,#f7f9fc 40%,#eef1f5 80%);background-size:220% 100%;animation:skShim 1.5s linear infinite}
@keyframes skShim{to{background-position:-220% 0}}
.sk-list{display:flex;flex-direction:column;gap:12px;margin:14px 0 10px}
.sk-row{display:flex;align-items:center;gap:12px}
.sk-dot{width:18px;height:18px;border-radius:50%;flex:0 0 18px}
.sk-card{border:1px solid rgba(14,35,71,.07);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fff}
.sk-img{height:110px;border-radius:12px}

/* ---------- Kurumsal palet: dekoratif renkli daireler kaldırıldı ---------- */
.page-home main>section::before,
.page-home main>section::after,
.page-head::after,
.prem-promo::before { display: none !important; }

/* ---------- Manşet görseli: ince LCD/LED panel dokusu ----------
   Düşük çözünürlüklü haber görsellerini kamufle eder (piksel matrisi + alt piksel çizgileri). */
.page-home .ns-slide::before,
.page-home .ns-slide::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.page-home .ns-slide::before {
  z-index: 1;
  background-image:
    repeating-linear-gradient(0deg, rgba(8,16,30,.10) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(8,16,30,.085) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 28%, rgba(0,0,0,.05) 100%);
  background-size: 3px 3px, 3px 3px, 100% 100%;
  mix-blend-mode: multiply;
  opacity: .9;
  backdrop-filter: blur(.35px) saturate(1.02);
}
.page-home .ns-slide::after {
  z-index: 2;
  background-image: repeating-linear-gradient(90deg,
    rgba(255,0,0,.055) 0 1px,
    rgba(0,255,120,.05) 1px 2px,
    rgba(0,80,255,.055) 2px 3px);
  background-size: 3px 100%;
  mix-blend-mode: soft-light;
  opacity: .65;
}
.page-home .ns-slide .ns-cap { z-index: 3; }

/* ============================================================
   Ana sayfa "Kocaeli Gündemi" bandı — gece mavisi zemin
   (section.news-band.home-top)
   ============================================================ */
.page-home main > section.news-band.home-top {
  background: #0e2347;
  padding-top: 46px; padding-bottom: 50px;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.page-home section.news-band.home-top .nx-title h2 { color: #fff; }
.page-home section.news-band.home-top .nx-title p { color: #9fb3cf; }
.page-home section.news-band.home-top .nx-live { background: rgba(229,72,60,.18); color: #ff8d82; }
.page-home section.news-band.home-top .nx-more {
  background: rgba(255,255,255,.08); color: #fff;
  border: 1px solid rgba(255,255,255,.16); font-weight: 600;
}
.page-home section.news-band.home-top .nx-more:hover {
  background: var(--brand); border-color: var(--brand); color: #fff; gap: 10px;
}

/* --- büyük manşet --- */
.page-home section.news-band.home-top .newsx-lead .news-slider {
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 30px 60px -34px rgba(0,0,0,.9);
}
.page-home section.news-band.home-top .newsx-lead .ns-cap {
  background: linear-gradient(180deg, rgba(14,35,71,0) 20%, rgba(14,35,71,.70) 62%, #0e2347 100%);
}
.page-home section.news-band.home-top .ns-slide p { color: #c9d7e8; }
.page-home section.news-band.home-top .ns-slide h3 { color: #fff; }

/* --- sağ "Son eklenenler" kartı --- */
.page-home section.news-band.home-top .newsx-side {
  background: #12294f; border: 1px solid rgba(255,255,255,.10); box-shadow: none;
}
.page-home section.news-band.home-top .newsx-side-h { color: #dbe6f5; }
.page-home section.news-band.home-top .newsx-row:hover { background: rgba(255,255,255,.07); }
.page-home section.news-band.home-top .newsx-row-tx b { color: #eef4fc; }
.page-home section.news-band.home-top .newsx-num { color: rgba(255,255,255,.30); }
.page-home section.news-band.home-top .newsx-row:hover .newsx-num { color: var(--brand-2); }
.page-home section.news-band.home-top .newsx-meta,
.page-home section.news-band.home-top .newsx-time { color: #8fa6c4 !important; }
.page-home section.news-band.home-top .newsx-all { background: rgba(255,255,255,.07); color: #fff; }
.page-home section.news-band.home-top .newsx-all:hover { background: var(--brand); color: #fff; }

/* --- alttaki 4 mini haber kartı --- */
.page-home section.news-band.home-top .newsx-mini {
  background: #12294f; border-color: rgba(255,255,255,.10) !important; box-shadow: none;
}
.page-home section.news-band.home-top .newsx-mini + .newsx-mini {
  border-left-color: rgba(255,255,255,.10) !important;
}
.page-home section.news-band.home-top .newsx-mini:hover {
  border-color: rgba(255,138,60,.55) !important;
  box-shadow: 0 18px 34px -24px rgba(0,0,0,.95);
}
.page-home section.news-band.home-top .newsx-mini-tx b { color: #eef4fc; }
.page-home section.news-band.home-top .newsx-mini:hover b { color: var(--brand-2); }
.page-home section.news-band.home-top .newsx-mini img { box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset; }

/* --- Lacivert bant: mobil/tablet düzen --- */
.page-home section.news-band.home-top .newsx { align-items: stretch; }
@media (max-width: 991.98px) {
  .page-home section.news-band.home-top { padding-top: 34px; padding-bottom: 38px; }
  .page-home section.news-band.home-top .newsx { grid-template-columns: 1fr; gap: 16px; }
  .page-home section.news-band.home-top .newsx-lead .news-slider,
  .page-home section.news-band.home-top .newsx-lead .ns-slide { min-height: 320px; }
  .page-home section.news-band.home-top .newsx-strip { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 18px; }
}
@media (max-width: 575.98px) {
  .page-home section.news-band.home-top .nx-top { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
  .page-home section.news-band.home-top .nx-title h2 { font-size: 22px; }
  .page-home section.news-band.home-top .newsx-lead .news-slider,
  .page-home section.news-band.home-top .newsx-lead .ns-slide { min-height: 290px; }
  .page-home section.news-band.home-top .newsx-strip { grid-template-columns: 1fr; }
  .page-home section.news-band.home-top .newsx-mini { padding: 10px !important; }
}

/* --- Lacivert bant: kırpma/çerçeve düzeltmeleri --- */
.page-home section.news-band.home-top .newsx-lead {
  background: transparent !important; padding: 0 !important; border-radius: 0 !important;
}
.page-home section.news-band.home-top .newsx-row { display: flex; align-items: center; gap: 12px; }
.page-home section.news-band.home-top .newsx-row img {
  flex: 0 0 92px; width: 92px !important; height: 64px !important; min-width: 92px;
}
.page-home section.news-band.home-top .newsx-row-tx b {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; line-height: 1.35;
}
.page-home section.news-band.home-top .newsx-row-tx { min-width: 0; }
.page-home section.news-band.home-top .newsx-mini img { flex: 0 0 72px; width: 72px !important; height: 72px !important; }

/* ============================================================
   Ana sayfa "Son ilanlar" bandı — gece mavisi zemin
   (section.ilan-band)
   ============================================================ */
.page-home main > section.ilan-band {
  background: #0e2347;
  padding-top: 46px; padding-bottom: 50px;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.page-home main > section.ilan-band .section-head h2 { color: #fff; }
.page-home main > section.ilan-band .section-head p { color: #9fb3cf; }
.page-home main > section.ilan-band .sh-link {
  background: rgba(255,255,255,.08); color: #fff;
  border: 1px solid rgba(255,255,255,.16);
  padding: 8px 15px; border-radius: 999px; font-weight: 600;
}
.page-home main > section.ilan-band .sh-link:hover {
  background: var(--brand); border-color: var(--brand); color: #fff; gap: 9px;
}
.page-home main > section.ilan-band .car-btn {
  border-color: rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.07);
}
.page-home main > section.ilan-band .car-btn:hover:not(:disabled) {
  background: var(--brand); border-color: var(--brand); color: #fff;
}
.page-home main > section.ilan-band .car-btn:disabled { opacity: .3; }

/* kartlar */
.page-home main > section.ilan-band .ilan-card {
  background: #12294f; border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px; box-shadow: none;
}
.page-home main > section.ilan-band .ilan-card:hover {
  border-color: rgba(255,138,60,.55);
  box-shadow: 0 24px 44px -28px rgba(0,0,0,.95);
}
.page-home main > section.ilan-band .ilan-thumb { background: #0e2347; }
.page-home main > section.ilan-band .ilan-thumb.is-empty .ilan-ph { background: #0e2347; color: #6f87a8; }
.page-home main > section.ilan-band .ilan-cat { background: rgba(255,106,0,.92); color: #fff; }
.page-home main > section.ilan-band .ilan-body h3 { color: #eef4fc; }
.page-home main > section.ilan-band .ilan-card:hover .ilan-body h3 { color: #fff; }
.page-home main > section.ilan-band .ilan-price { color: var(--brand-2); }
.page-home main > section.ilan-band .ilan-price .muted { color: #b9c9df; }
.page-home main > section.ilan-band .ilan-meta { color: #8fa6c4; }
.page-home main > section.ilan-band .empty { background: #12294f; border: 1px solid rgba(255,255,255,.10); border-radius: 16px; color: #c9d7e8; }
.page-home main > section.ilan-band .empty h3 { color: #fff; }

/* ilan kartı görsel alanı: yer tutucu SVG'ler lacivert zeminde sırıtmasın */
.page-home main > section.ilan-band .ilan-thumb {
  background: #12294f; box-shadow: inset 0 -1px 0 rgba(255,255,255,.07);
}
.page-home main > section.ilan-band .ilan-thumb img[src$=".svg"] {
  opacity: .16; mix-blend-mode: screen; filter: grayscale(1);
}

/* ============================================================
   Sayfa başlıkları (page-head) — gece mavisi
   ============================================================ */
.page-head {
  background: #0e2347;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #dbe6f5;
}
.page-head h1 { color: #fff; }
.page-head > .container-xl > p,
.page-head .company-hero p { color: #b9c9df; }
.page-head .crumbs { color: #8fa6c4; }
.page-head .crumbs a { color: #c6d6ea; }
.page-head .crumbs a:hover { color: #ffb07a; }
.page-head .crumbs i { color: #5d7291; }
.page-head .ch-meta { color: #a9bad2; }
.page-head .firma-logo-ph {
  background: rgba(255,255,255,.10); color: #ffb07a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}
.page-head .badge-soft { background: rgba(255,255,255,.10); color: #dce7f6; }
.page-head .badge-brand { background: rgba(255,106,0,.16); color: #ffb07a; }
.page-head .btn-ghost {
  background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); color: #fff;
}
.page-head .btn-ghost:hover {
  background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); color: #fff;
}

/* üye panelinde başlık açık temada kalsın */
body.panel-body .page-head { background: #fff; border-bottom: 1px solid #e1e7f0; color: #12203a; }
body.panel-body .page-head h1 { color: #12203a; }
body.panel-body .page-head > .container-xl > p { color: #5b6a83; }
body.panel-body .page-head .crumbs { color: #5b6a83; }
body.panel-body .page-head .crumbs a { color: #12203a; }