/*
Theme Name: Limandayiz — Okyanus Portal
Theme URI: https://limandayiz.com.tr
Author: Limandayiz Team
Description: Elite maritime news portal — world sea & air news, local port & coastal region coverage. Live AIS vessel tracking & ADS-B flight radar.
Version: 3.2.0
License: GPL v2 or later
Text Domain: limandayiz
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,900;1,700&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  /* ═══ ELITE PLATINUM YACHT PALETTE — "Platin Yat" ═══ */
  --abyss:#ffffff;--deep:#f0f4f8;--ocean:#e8eef5;--mid:#dce6f0;--surface:rgba(255,255,255,0.75);--foam:rgba(255,255,255,0.92);
  --navy:#0C2340;--navy-lt:#1B3A5C;
  --royal:#0052FF;
  --cyan:#0077B6;--cyan-lt:#00B4D8;--cyan-dim:rgba(0,119,182,.06);--cyan-glow:rgba(0,119,182,.12);
  --gold:#B8860B;--gold-lt:#C8960C;--gold-dim:rgba(184,134,11,.06);--gold-glow:rgba(184,134,11,.12);
  --emerald:#059669;--coral:#dc2626;--sapphire:#2563eb;--wine:#e11d48;
  --pearl:#0C2340;--silver:#3D5A7A;--steel:#5F7FA0;--ghost:rgba(0,0,0,.02);
  --border:rgba(0,35,90,.08);--border-md:rgba(0,35,90,.12);--border-gold:rgba(184,134,11,.2);--border-bright:rgba(0,82,255,.2);
  --shadow:0 4px 20px rgba(0,35,90,.08);--shadow-lg:0 12px 48px rgba(0,35,90,.14);
  --glow-cyan:0 0 24px rgba(0,119,182,.1);--glow-gold:0 0 24px rgba(184,134,11,.1);
  --serif:'Playfair Display',Georgia,serif;--sans:'Outfit',-apple-system,sans-serif;--mono:'JetBrains Mono',monospace;
  --max-w:1380px;--header-h:68px;--radius:8px;--radius-lg:14px;--radius-xl:20px;--ease:cubic-bezier(.22,1,.36,1);
  --cat-world:#0077B6;--cat-port:#B8860B;--cat-aviation:#2563eb;--cat-travel:#059669;--cat-coastal:#c2410c;--cat-cruise:#7c3aed;
  /* Light theme text colors */
  --text-primary:#0C2340;
  --text-secondary:#3D5A7A;
  --text-muted:#5F7FA0;
  --card-bg:rgba(255,255,255,0.88);
  --card-border:rgba(0,35,90,0.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--sans);background:radial-gradient(circle at 50% 0%, #ffffff 0%, var(--deep) 35%, var(--ocean) 100%) no-repeat fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{display:none}
body::after{display:none}
@keyframes bgDrift{0%{transform:scale(1)translate(0,0)}50%{transform:scale(1.04)translate(20px,30px)}100%{transform:scale(1)translate(-15px,-20px)}}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--abyss)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--royal)}

/* ══════════════════════════════════════════════════════════════════════
   HEADER — Premium Light Ocean
   ══════════════════════════════════════════════════════════════════════ */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:900;background:rgba(255,255,255,0.72);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-bottom:1px solid rgba(0,35,90,0.06);transition:box-shadow .3s,background .3s;box-shadow:0 4px 24px rgba(0,35,90,0.04)}
.site-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,82,255,.3) 20%,var(--royal) 50%,rgba(184,134,11,.6) 80%,transparent 100%)}
.site-header.scrolled{background:rgba(255,255,255,0.85);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);box-shadow:0 6px 30px rgba(0,35,90,0.08)}
.nav{max-width:var(--max-w);margin:0 auto;padding:0 28px;height:var(--header-h);display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-right:32px;text-decoration:none}
.brand-logo{
  width:44px;height:44px;flex-shrink:0;border-radius:11px;
  transition:transform .25s var(--ease),box-shadow .25s;
  box-shadow:0 2px 14px rgba(0,35,90,.08),0 0 0 1px rgba(184,134,11,.15);
}
.brand:hover .brand-logo{transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,35,90,.12),0 0 0 2px rgba(184,134,11,.4)}
.brand-wordmark{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-name{
  display:flex;align-items:baseline;gap:0;
  font-family:var(--sans);font-weight:900;
  font-size:1.08rem;line-height:1;letter-spacing:0;
}
.brand-liman{
  color:#0C2340;letter-spacing:.05em;
}
.brand-sep{
  color:var(--gold);font-size:.85em;
  margin:0 4px;font-weight:300;opacity:1;
}
.brand-dayiz{
  color:var(--royal);letter-spacing:.06em;
}
.brand-tagline{
  font-family:var(--mono);font-size:7px;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(12,35,64,0.5);opacity:1;margin-top:2px;
  white-space:nowrap;
}

.menu{display:flex;align-items:center;flex:1}
.menu a{font-size:11.5px;font-weight:600;color:rgba(12,35,64,0.7);padding:0 14px;height:var(--header-h);display:flex;align-items:center;letter-spacing:.05em;transition:color .2s;position:relative;white-space:nowrap;text-transform:uppercase}
.menu a::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--royal);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease)}
.menu a:hover{color:var(--navy)}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1)}
.menu a.active{color:var(--navy);font-weight:700}

/* "Canlı Takip" premium button */
.btn-nav{
  display:inline-flex!important;align-items:center;gap:7px;
  padding:9px 20px!important;height:auto!important;
  background:var(--cyan)!important;
  border:none!important;
  color:#fff!important;font-weight:700!important;
  font-size:11px!important;border-radius:6px;
  letter-spacing:.08em;text-transform:uppercase;
  transition:all .25s var(--ease)!important;
  white-space:nowrap;margin-left:10px;
  box-shadow:0 4px 14px rgba(0,119,182,.2);
}
.btn-nav::after{display:none!important}
.btn-nav:hover{
  background:var(--cyan-lt)!important;
  box-shadow:0 6px 20px rgba(0,119,182,.35)!important;
  transform:translateY(-1px)!important;
}
.header-search-wrap{display:flex;align-items:center;margin-left:12px;position:relative}
.header-search-wrap .search-inline-input{width:0;padding:0;opacity:0;transition:width .3s var(--ease),opacity .3s,padding .3s;background:var(--deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--pearl);font-size:13px;font-family:var(--sans);outline:none}
.header-search-wrap .search-inline-input::placeholder{color:var(--steel)}
.header-search-wrap:focus-within .search-inline-input,.header-search-wrap.open .search-inline-input{width:200px;padding:7px 12px;opacity:1}
.header-search-btn{width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--border);background:var(--deep);color:var(--steel);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;flex-shrink:0}
.header-search-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}
.hamburger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;margin-left:auto;padding:0}
.hamburger span{display:block;width:100%;height:2px;background:var(--steel);border-radius:1px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(8px)rotate(45deg);background:var(--cyan)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg);background:var(--cyan)}
.mobile-menu{display:none;position:fixed;top:var(--header-h);left:0;right:0;z-index:890;background:rgba(255,255,255,0.96);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-bottom:1px solid rgba(0,35,90,0.08);padding:20px 24px 32px;flex-direction:column;gap:2px;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 12px 40px rgba(0,35,90,.1)}
.mobile-menu.open{display:flex;opacity:1;transform:none;pointer-events:auto}
.mobile-menu a{font-size:14px;font-weight:500;color:var(--navy);padding:13px 0;border-bottom:1px solid rgba(0,35,90,0.05);transition:color .2s;letter-spacing:.04em;text-transform:uppercase}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--royal)}
.btn-nav-m{display:block;margin-top:14px!important;border-bottom:none!important;background:var(--cyan);border:none!important;color:#fff!important;font-weight:700!important;text-align:center;padding:14px!important;border-radius:var(--radius);letter-spacing:.08em;text-transform:uppercase}

/* ══════════════════════════════════════════════════════════════════════
   LAYOUT & CONTAINERS
   ══════════════════════════════════════════════════════════════════════ */
.page-body{padding-top:var(--header-h);min-height:100vh}
.container{max-width:var(--max-w);margin:0 auto;padding:0 28px}
.l24-wrap{max-width:var(--max-w);margin:0 auto;padding:0 28px}
.l24-layout{display:grid;grid-template-columns:1fr 310px;gap:36px;padding:32px 0 64px;align-items:start}

/* ══════════════════════════════════════════════════════════════════════
   CATEGORY BADGES
   ══════════════════════════════════════════════════════════════════════ */
.cat-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px 3px;border-radius:3px;margin-bottom:8px;color:#fff}
.cat-badge.cat-cruise{background:var(--cat-cruise)}
.cat-badge.cat-port{background:var(--cat-port)}
.cat-badge.cat-world{background:var(--cat-world)}
.cat-badge.cat-coastal{background:var(--cat-coastal)}
.cat-badge.cat-travel{background:var(--cat-travel)}
.cat-badge.cat-genel{background:var(--royal)}

.ticker-bar{display:flex;align-items:center;height:46px;background:#ffffff;border-bottom:1px solid rgba(12,35,64,0.08);position:relative;overflow:hidden;z-index:90}
.ticker-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,82,255,.08) 0%,transparent 50%);pointer-events:none}
.ticker-label{flex-shrink:0;background:linear-gradient(135deg,var(--royal),rgba(0,82,255,0.7));color:#fff;font-size:9.5px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;height:100%;padding:0 20px;display:flex;align-items:center;gap:8px;border-right:1px solid rgba(0,82,255,0.3);white-space:nowrap}
.ticker-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:tdot 1.2s ease-in-out infinite}
@keyframes tdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
.ticker-scroll{flex:1;overflow:hidden;min-width:0;height:100%}
.ticker-inner{display:inline-flex;align-items:center;height:100%;animation:tickRun 12s linear infinite;white-space:nowrap}
.ticker-inner:hover{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;height:100%;font-size:12.5px;color:var(--navy);padding:0 32px;border-right:1px solid rgba(12,35,64,0.08);cursor:pointer;transition:color .2s}
.ticker-item:hover{color:var(--royal)}
@keyframes tickRun{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── BUGÜN YANAŞACAK GEMİLER TICKER ─────────────────────────────── */
.ticker-ships{height:46px;background:#ffffff;border-bottom:1px solid rgba(12,35,64,0.08);position:relative}
.ticker-ships::before{display:none}
.ticker-label-ships{background:#0C2340;color:#ffffff;gap:6px;padding:0 16px;letter-spacing:2px;font-size:9px;border-right:1px solid rgba(12,35,64,0.08);min-width:fit-content;display:flex;align-items:center;height:100%}
.ticker-label-icon{font-size:14px;line-height:1}
.ticker-ship-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;height:100%;border-right:1px solid rgba(12,35,64,0.08);cursor:default;transition:background .2s}
.ticker-ship-item:hover{background:rgba(12,35,64,0.03)}
.tsi-name{font-size:12.5px;font-weight:700;color:var(--pearl);letter-spacing:.04em;white-space:nowrap}
.tsi-meta{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);font-family:var(--mono,'Courier New',monospace);white-space:nowrap}
.tsi-arr{color:var(--royal);font-weight:700;font-size:11px}
.tsi-dep{color:var(--text-secondary);font-size:10.5px}
.tsi-pax{color:var(--text-secondary);font-size:10px}
.tsi-port{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border-left:1px solid rgba(12,35,64,0.08);padding-left:8px}
.ticker-no-ship{font-size:12px;color:var(--text-muted);padding:0 28px;font-style:italic;letter-spacing:.04em;display:inline-flex;align-items:center;height:100%}
.ticker-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;padding:0 18px;height:100%;font-family:var(--mono,'Courier New',monospace);font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--royal);border-left:1px solid rgba(12,35,64,0.08);background:rgba(12,35,64,0.03);white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
.ticker-cta-btn:hover{background:rgba(0,82,255,0.06);color:var(--royal)}
.ticker-ships-static .ticker-inner{width:100%;animation:none;transform:none}
.ticker-ships-static .ticker-ship-item{flex:1 1 auto;justify-content:center;border-right:0}

/* Keep the main headline balanced without changing the working card layout. */
.hero-main-title{
  max-width:760px;
  font-family:var(--sans);
  font-size:clamp(1.35rem,2vw,1.85rem);
  font-weight:800;
  line-height:1.16;
  letter-spacing:-.025em;
  text-wrap:balance;
}
@media(max-width:768px){
  .ticker-ships{height:40px}
  .ticker-scroll{height:40px}
  .ticker-inner{height:40px}
  .ticker-item{height:40px;padding:0 16px}
  .ticker-ship-item{height:40px;padding:0 14px}
  .ticker-label-ships{padding:0 10px;font-size:8px;min-width:auto;height:40px}
  .ticker-label-icon{display:none}
  .tsi-pax,.tsi-port{display:none}
  .ticker-cta-btn{padding:0 10px;font-size:8px;height:40px}
  .hero-main-title{
    max-width:100%;
    font-size:1.08rem;
    line-height:1.2;
    -webkit-line-clamp:3;
  }
}


/* ══════════════════════════════════════════════════════════════════════
   FILTER BAR & TABS
   ══════════════════════════════════════════════════════════════════════ */
.filter-bar {
  background: transparent;
  border-bottom: none;
  padding: 16px 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 100;
  max-width: var(--max-w);
  margin: 0 auto;
  width: 100%;
}
.filter-left {
  display: flex;
  align-items: center;
  gap: 14px;
  overflow-x: auto;
  width: 100%;
  padding: 8px 4px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.filter-left::-webkit-scrollbar {
  display: none;
}
.filter-right{display:flex;align-items:center;gap:8px}
.filter-date{font-size:11px;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-secondary);font-family:var(--sans)}
.tab-btn, .tab-radar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  background: rgba(12, 35, 64, 0.03);
  border: 1px solid rgba(12, 35, 64, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--navy);
  font-family: var(--sans);
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(12, 35, 64, 0.02);
}
.tab-btn-icon, .tab-radar .tab-btn-icon {
  width: 18px;
  height: 18px;
  color: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(12, 35, 64, 0.04);
  border-radius: 6px;
  padding: 3px;
  transition: all 0.3s;
}
.tab-btn-icon svg, .tab-radar .tab-btn-icon svg {
  width: 100%;
  height: 100%;
}
.tab-btn-text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--navy);
}
.tab-btn:hover, .tab-radar:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(12, 35, 64, 0.15);
  color: var(--navy);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(12, 35, 64, 0.06);
}
.tab-btn.active {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-lt) 100%);
  border-color: var(--gold);
  color: #fff;
  box-shadow: 0 6px 20px rgba(184, 134, 11, 0.25);
}
.tab-btn.active .tab-btn-text { color: #fff; }
.tab-btn.active .tab-btn-icon {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.tab-radar {
  background: linear-gradient(135deg, rgba(16,185,129,0.12) 0%, rgba(5,150,105,0.08) 100%);
  border-color: rgba(16,185,129,0.2);
  color: rgba(5,150,105,0.9);
}
.tab-radar:hover {
  background: linear-gradient(135deg, rgba(16,185,129,0.2) 0%, rgba(5,150,105,0.15) 100%);
  border-color: rgba(16,185,129,0.35);
  color: #059669;
  box-shadow: 0 10px 28px rgba(16,185,129,0.2);
}
.tab-radar .tab-btn-icon {
  background: rgba(5,150,105,0.12);
  color: #059669;
}
.tab-radar .tab-btn-text { color: rgba(5,150,105,0.9); }

/* ══════════════════════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════════════════════ */
.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(12,35,64,0.08);position:relative}
.section-hdr::after{content:'';position:absolute;bottom:-1px;left:0;width:52px;height:2px;background:linear-gradient(90deg,var(--royal),rgba(0,82,255,0.3));border-radius:1px}
.section-hdr h2{font-family:var(--sans);font-size:10px;font-weight:900;letter-spacing:3.5px;text-transform:uppercase;color:var(--navy);display:flex;align-items:center;gap:10px}
.section-hdr h2::before{content:'';display:inline-block;width:3px;height:14px;background:var(--royal);border-radius:2px;flex-shrink:0}
.section-hdr-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;font-size:12px}
.section-hdr a{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;transition:color .2s}
.section-hdr a:hover{color:var(--royal)}

/* ══════════════════════════════════════════════════════════════════════
   HERO GRID
   ══════════════════════════════════════════════════════════════════════ */
.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:24px}
.hero-main{position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(12,35,64,.1);box-shadow:0 10px 30px rgba(12,35,64,.08);transition:all .35s var(--ease)}
.hero-main:hover{box-shadow:0 16px 48px rgba(12, 35, 64, 0.08);border-color:rgba(12, 35, 64, 0.15)}
.hero-main-header {
  background: rgba(255,255,255,0.02);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-family: var(--sans);
  z-index: 10;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  text-decoration: none;
  transition: background .3s;
}
.hero-main-header:hover {
  background: rgba(255,255,255,0.06);
}
.hero-radar-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mini-radar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(52, 211, 153, 0.5);
  background: rgba(52, 211, 153, 0.15);
  position: relative;
  overflow: hidden;
  display: inline-block;
  flex-shrink: 0;
}
.mini-radar-sweep {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 40%, rgba(52, 211, 153, 0.7) 100%);
  animation: sweep 2s linear infinite;
  transform-origin: center;
}
.mini-radar-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background: #34d399;
  border-radius: 50%;
  box-shadow: 0 0 6px #34d399;
}
.radar-text {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--royal);
}
.radar-location {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: rgba(255,255,255,0.18);
  padding: 4px 10px;
  border-radius: 9999px;
  text-transform: uppercase;
}
.hero-main-media-wrap {
  position: relative;
  overflow: hidden;
  height: 520px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: block;
}
.hero-main-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease);position:relative;z-index:0}
.hero-main:hover .hero-main-img{transform:scale(1.04)}
.hero-main-overlay{position:absolute;bottom:0;left:0;right:0;padding:72px 32px 32px;background:linear-gradient(to top,rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.45) 50%,transparent 100%);z-index:2}
@keyframes sweep {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.hero-badge-row{margin-bottom:12px;position:relative;z-index:3}
.hero-main-title{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:800;line-height:1.22;color:var(--navy);margin-bottom:14px;letter-spacing:-.02em;position:relative;z-index:3}
.hero-main-title a{color:var(--navy);transition:color .2s}
.hero-main-title a:hover{color:var(--gold-lt)}
.hero-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em;position:relative;z-index:3}
.hero-meta-sep{width:3px;height:3px;border-radius:50%;background:rgba(212,163,115,.5);display:inline-block}
.hero-stack{display:flex;flex-direction:column;gap:10px}
.hero-card{
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(20px) saturate(190%);
  -webkit-backdrop-filter:blur(20px) saturate(190%);
  border:1px solid rgba(255,255,255,0.35);
  border-radius:14px;
  flex:1;
  display:flex;
  gap:14px;
  padding:14px;
  transition:all .35s cubic-bezier(0.16,1,0.3,1);
  cursor:pointer;
  box-shadow:0 4px 16px rgba(12,35,64,0.02);
}
.hero-card:hover{
  background:rgba(255,255,255,0.75);
  border-color:rgba(0,82,255,0.3);
  transform:translateX(5px);
  box-shadow:0 8px 28px rgba(12,35,64,0.06);
}
.hero-card-img{width:92px;height:78px;object-fit:cover;flex-shrink:0;border-radius:10px;border:1px solid rgba(12,35,64,0.08)}
.hero-card-body{flex:1;min-width:0}
.hero-card-title{font-family:var(--serif);font-size:13.5px;font-weight:600;line-height:1.35;color:var(--pearl);margin:4px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-card-title a{color:inherit;transition:color .2s}
.hero-card-title a:hover{color:var(--royal)}
.hero-card-time{font-size:10px;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em}

/* ══════════════════════════════════════════════════════════════════════
   NEWS GRID
   ══════════════════════════════════════════════════════════════════════ */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}
.news-card{
  background:#fff;
  border:1px solid rgba(12,35,64,.1);
  border-radius:14px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all .35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  box-shadow: 0 4px 24px rgba(0,35,90,0.04);
}
.news-card:hover{
  background:rgba(255,255,255,0.75);
  transform: translateY(-7px);
  box-shadow: 0 12px 32px rgba(12, 35, 64, 0.08);
  border-color: rgba(0, 82, 255, 0.3);
}
.card-img-wrap{position:relative;overflow:hidden}
.card-thumb{width:100%;height:210px;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.news-card:hover .card-thumb{transform:scale(1.07)}
.card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,15,30,.65) 0%,transparent 60%);pointer-events:none}
.card-cat-over{position:absolute;top:12px;left:12px}
.card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.card-title{font-family:var(--sans);font-size:15px;font-weight:700;line-height:1.35;color:var(--navy);margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-title a{color:inherit;transition:color .2s}
.card-title a:hover{color:var(--royal)}
.card-excerpt{font-size:12.5px;color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:14px}
.card-footer-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid rgba(12,35,64,.08)}
.card-time{font-size:12px;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.03em}
.card-views{font-size:12px;color:var(--text-secondary)}
.news-card[data-cat="world"]{border-top:3px solid var(--cat-world)}
.news-card[data-cat="port"]{border-top:3px solid var(--cat-port)}
.news-card[data-cat="aviation"]{border-top:3px solid var(--cat-aviation)}
.news-card[data-cat="travel"]{border-top:3px solid var(--cat-travel)}
.news-card[data-cat="coastal"]{border-top:3px solid var(--cat-coastal)}
.news-card[data-cat="cruise"]{border-top:3px solid var(--cat-cruise)}

/* ══════════════════════════════════════════════════════════════════════
   LIST CARDS
   ══════════════════════════════════════════════════════════════════════ */
.list-cards{display:flex;flex-direction:column;gap:12px}
.list-card{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);display:flex;gap:16px;padding:14px 18px;transition:all .3s var(--ease);cursor:pointer;border-radius:18px;border:1px solid rgba(255, 255, 255, 0.35);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.list-card:hover{background:rgba(255,255,255,0.75);border-color:rgba(0, 82, 255, 0.3);transform:translateX(5px);box-shadow:0 8px 28px rgba(0, 82, 255, 0.12)}
.list-card-img{width:80px;height:64px;object-fit:cover;flex-shrink:0;border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.list-card-body{flex:1;min-width:0}
.list-card-title{font-family:var(--sans);font-size:13.5px;font-weight:700;line-height:1.35;color:var(--navy);margin:3px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-card-title a{color:inherit}
.list-card-title a:hover{color:var(--royal)}
.list-card-meta{font-size:10px;color:var(--steel);display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);letter-spacing:.03em}

/* ══════════════════════════════════════════════════════════════════════
   STRIP GRID
   ══════════════════════════════════════════════════════════════════════ */
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}
.strip-card{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255, 255, 255, 0.35);border-radius:20px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s var(--ease)}
.strip-card:hover{background:rgba(255,255,255,0.75);border-color:rgba(0,82,255,0.3);transform:translateY(-4px);box-shadow:0 8px 24px rgba(12, 35, 64, 0.06)}
.strip-card-img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.strip-card:hover .strip-card-img{transform:scale(1.04)}
.strip-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.4) 60%,transparent 100%)}
.strip-card-title{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.strip-card-meta{font-size:10px;color:var(--text-secondary);margin-top:4px}

/* ══════════════════════════════════════════════════════════════════════
   SINGLE POST
   ══════════════════════════════════════════════════════════════════════ */
.single-wrap{padding-top:var(--header-h)}
.single-breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);padding:20px 0 0}
.single-breadcrumb a{color:var(--gold);transition:color .2s}
.single-breadcrumb a:hover{color:var(--gold-lt)}
.bc-sep{color:var(--border);font-size:14px}
.single-hero{position:relative;width:100%;height:420px;overflow:hidden;margin-bottom:0}
.single-hero-img{width:100%;height:100%;object-fit:cover}
.single-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,13,25,0.92) 0%,transparent 60%)}
.single-layout{display:grid;grid-template-columns:1fr 310px;gap:36px;padding:32px 0 64px;align-items:start}
.single-article{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:18px;padding:36px 40px;box-shadow:0 4px 24px rgba(0,35,90,0.04)}
.single-cat-row{margin-bottom:12px}
.single-title{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.2;color:var(--navy);margin-bottom:16px}
.single-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.single-meta svg{width:13px;height:13px;vertical-align:middle;margin-right:3px;opacity:.6}
.sm-sep{color:var(--border);font-size:10px}
.sm-author,.sm-date,.sm-read,.sm-views,.sm-source{display:inline-flex;align-items:center;gap:2px}
.single-share{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 0;border-bottom:1px solid var(--border)}
.share-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel);margin-right:4px}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff;border:1px solid rgba(12,35,64,0.08);color:var(--text-secondary);font-size:13px;font-weight:700;transition:all .2s;text-decoration:none}
.share-btn:hover{background:rgba(0,82,255,0.03);border-color:var(--royal);color:var(--royal)}
.share-copy{width:auto;padding:0 12px;font-size:11px;font-family:var(--mono)}
.single-content{
  font-size:17px;
  line-height:2.0;
  color:var(--text-primary);
  margin-bottom:32px;
  font-family:var(--sans);
  max-width:72ch;
  letter-spacing:.01em;
}
.single-content p{
  margin-bottom:28px;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.single-content p:first-of-type{
  font-size:18px;
  font-weight:400;
  color:var(--pearl);
  line-height:2.1;
  margin-bottom:32px;
}
.single-content h2,.single-content h3,.single-content h4{
  font-family:var(--serif);
  color:var(--pearl);
  margin:40px 0 16px;
  font-weight:700;
  line-height:1.3;
}
.single-content h2{
  font-size:1.55rem;
  border-bottom:2px solid var(--border);
  padding-bottom:12px;
  color:var(--cyan);
}
.single-content h3{font-size:1.25rem;color:var(--gold-lt)}
.single-content a{
  color:var(--gold);
  transition:color .2s;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
}
.single-content a:hover{color:var(--gold-lt)}
.single-content ul,.single-content ol{
  padding-left:28px;
  margin-bottom:28px;
  color:var(--silver);
  font-size:16px;
  line-height:2.0;
}
.single-content ul{list-style-type:none;padding-left:0}
.single-content ul li{
  padding:8px 0 8px 24px;
  position:relative;
  border-bottom:1px solid rgba(0,196,240,.06);
}
.single-content ul li::before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  width:8px;
  height:2px;
  background:var(--cyan);
  border-radius:1px;
}
.single-content ul li::marker{color:var(--gold);font-size:1.2em}
.single-content ol li::marker{color:var(--gold);font-weight:700}
.single-content ol li{padding:6px 0;border-bottom:1px solid rgba(0,196,240,.05)}
.single-content blockquote{
  border-left:4px solid var(--gold);
  margin:32px 0;
  padding:20px 28px;
  background:linear-gradient(135deg,var(--ocean),var(--deep));
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  font-style:italic;
  color:var(--silver);
  font-size:16px;
  line-height:2.0;
  box-shadow:var(--shadow);
}
.single-content blockquote p{margin-bottom:0}
.single-content strong{color:var(--cyan-lt);font-weight:700}
.single-content em{color:var(--gold-lt)}
.single-content figure{
  margin:32px 0;
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.single-content figure img{
  width:100%;
  border-radius:var(--radius-lg);
  display:block;
}
.single-content figcaption{
  font-size:12px;
  color:var(--steel);
  text-align:center;
  margin-top:8px;
  font-style:italic;
  letter-spacing:.03em;
}
.post-pages{display:flex;align-items:center;gap:8px;margin:24px 0;padding:12px 0;border-top:1px solid var(--border);font-size:13px;color:var(--silver)}
.post-page-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff;border:1px solid rgba(12,35,64,0.08);color:var(--text-secondary);font-size:13px;font-weight:600;transition:all .2s}
.post-page-link:hover{background:rgba(0,82,255,0.03);border-color:var(--royal);color:var(--royal)}

/* ══════════════════════════════════════════════════════════════════════
   TAGS
   ══════════════════════════════════════════════════════════════════════ */
.single-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:16px 0;border-top:1px solid var(--border)}
.tags-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel)}
.tag-pill{display:inline-flex;padding:4px 10px;background:#ffffff;border:1px solid rgba(12,35,64,0.08);border-radius:4px;font-size:10.5px;color:var(--text-secondary);transition:all .2s;text-decoration:none}
.tag-pill:hover{background:rgba(0,82,255,0.03);border-color:var(--royal);color:var(--royal)}

/* ══════════════════════════════════════════════════════════════════════
   POST NAVIGATION
   ══════════════════════════════════════════════════════════════════════ */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.post-nav-item{display:flex;flex-direction:column;gap:4px;padding:14px 18px;background:#ffffff;border:1px solid rgba(12,35,64,0.08);border-radius:var(--radius);transition:all .3s var(--ease);text-decoration:none}
.post-nav-item:hover{background:rgba(0,82,255,0.03);border-color:rgba(0,82,255,0.2);box-shadow:0 6px 20px rgba(0,82,255,0.06)}
.post-nav-prev{align-items:flex-start}
.post-nav-next{align-items:flex-end}
.pn-dir{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel)}
.pn-title{font-size:12.5px;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ══════════════════════════════════════════════════════════════════════
   RELATED POSTS
   ══════════════════════════════════════════════════════════════════════ */
.related-section{margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease);cursor:pointer;box-shadow:0 4px 16px rgba(0,35,90,0.02)}
.related-card:hover{background:rgba(255,255,255,0.7);border-color:rgba(0,82,255,0.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,82,255,0.08)}
.related-card-img{width:100%;height:140px;object-fit:cover;display:block}
.related-card-body{padding:12px}
.related-card-title{font-family:var(--serif);font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-card-meta{font-size:10px;color:var(--steel);margin-top:6px}
.related-strip{background:#ffffff;border-top:1px solid var(--border);padding:32px 0;margin-top:24px}

/* ══════════════════════════════════════════════════════════════════════
   COMMENTS
   ══════════════════════════════════════════════════════════════════════ */
.comments-section{margin-bottom:24px}
.comments-header{margin-bottom:8px}
.comment-list{list-style:none;padding:0}
.comment{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 4px 16px rgba(0,35,90,0.02)}
.comment-avatar{flex-shrink:0}
.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.comment-body{display:flex;gap:14px;align-items:flex-start}
.comment-content{flex:1;min-width:0}
.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:12px}
.comment-author-name{font-weight:700;color:var(--text-primary)}
.comment-author-name a{color:var(--royal)}
.comment-date{font-size:10px;color:var(--steel)}
.comment-reply{font-size:11px;font-weight:600}
.comment-reply a{color:var(--royal);transition:color .2s}
.comment-reply a:hover{color:var(--royal)}
.comment-text{font-size:13px;color:var(--text-primary);line-height:1.6}
.comment-text p{margin-bottom:8px}
.comment-awaiting{font-size:11px;color:var(--royal);font-style:italic;margin-bottom:4px}
.comments-title{font-family:var(--serif);font-size:1.1rem;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.comment-reply-link{font-size:11px;font-weight:600;color:var(--royal);transition:color .2s}
.comment-reply-link:hover{color:var(--royal)}
.comment-respond{margin-top:20px;background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 24px rgba(0,35,90,0.04)}
.comment-reply-title{font-family:var(--serif);font-size:1rem;color:var(--text-primary);margin-bottom:14px}
.comment-form label{font-size:11px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:4px}
.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;background:#ffffff;border:1px solid rgba(12,35,64,0.15);border-radius:var(--radius);color:var(--text-primary);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .2s}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--royal)}
.comment-form textarea{min-height:100px;resize:vertical}
.comment-form .submit{background:linear-gradient(135deg,var(--royal),rgba(0,82,255,0.7));color:#ffffff;font-weight:800;font-size:12px;padding:10px 24px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;letter-spacing:.05em}
.comment-form .submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,82,255,.3)}
.comment-nav{margin:16px 0;font-size:13px}
.comment-nav .page-numbers{padding:4px 10px;border-radius:4px}
.comments-closed{font-size:13px;color:var(--steel);text-align:center;padding:16px;background:#ffffff;border-radius:var(--radius);border:1px solid rgba(12,35,64,0.08);box-shadow:0 4px 16px rgba(0,35,90,0.02)}
.comment-password{font-size:13px;color:var(--royal);text-align:center;padding:20px}
.comment-form-field{margin-bottom:14px}
.comment-form-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}
.comment-form-field input,.comment-form-field textarea{width:100%;padding:10px 14px;background:#ffffff;border:1px solid rgba(12,35,64,0.15);border-radius:var(--radius);color:var(--text-primary);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .2s}
.comment-form-field input:focus,.comment-form-field textarea:focus{border-color:var(--royal)}

/* ══════════════════════════════════════════════════════════════════════
   SIDEBAR
   ══════════════════════════════════════════════════════════════════════ */
.sidebar{display:flex;flex-direction:column;gap:20px}
.sidebar-widget{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:16px;padding:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,35,90,0.04);margin-bottom:20px}
.sidebar-widget-title{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--royal);padding:14px 16px 10px;border-bottom:1px solid rgba(12,35,64,0.06);display:flex;align-items:center;gap:8px}
.sidebar-widget-title::before{content:'';width:3px;height:14px;background:var(--royal);border-radius:2px;flex-shrink:0}
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-list li{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(12,35,64,0.06);font-size:13px;line-height:1.4;transition:background .2s}
.sidebar-list li:last-child{border-bottom:none}
.sidebar-list li:hover{background:rgba(0,82,255,.06)}
.sidebar-list a{color:var(--text-primary);text-decoration:none;flex:1}
.sidebar-list a:hover{color:var(--royal)}
.sidebar-num{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--royal);min-width:20px}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px}
.sidebar-tag{display:inline-flex;padding:4px 10px;background:#ffffff;border:1px solid rgba(12,35,64,0.08);border-radius:4px;font-size:10px;color:var(--text-secondary);transition:all .2s;text-decoration:none}
.sidebar-tag:hover{background:rgba(0,82,255,0.03);border-color:var(--royal);color:var(--royal)}
.post-date{font-size:10px;color:var(--steel);white-space:nowrap}

/* ══════════════════════════════════════════════════════════════════════
   FRONT-PAGE SIDEBAR (alternate cards — .track-card, .sidebar-box)
   ══════════════════════════════════════════════════════════════════════ */
.track-card{background:linear-gradient(160deg,rgba(255,255,255,0.65) 0%,rgba(240,244,248,0.5) 100%);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:var(--radius-lg);padding:28px 20px;margin-bottom:20px;box-shadow:0 4px 24px rgba(0,35,90,0.04);text-align:center;position:relative;overflow:hidden}
.track-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,82,255,.02) 0%,transparent 70%);pointer-events:none}
.track-card h3{font-family:var(--serif);font-size:1.15rem;color:var(--text-primary);margin:16px 0 8px}
.track-card p{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}
.radar-screen{position:relative;width:120px;height:120px;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,var(--deep) 100%);border:1px solid rgba(12,35,64,0.08);overflow:hidden}
.radar-axis-x{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(12,35,64,0.08);opacity:.5}
.radar-axis-y{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(12,35,64,0.08);opacity:.5}
.radar-ring-inner{position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(12,35,64,0.08);opacity:.4}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,82,255,.1) 30deg,transparent 60deg);animation:nfSweep 3s linear infinite}
.radar-target{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--emerald);box-shadow:0 0 6px var(--emerald);animation:tdot 1.5s ease-in-out infinite}
.radar-target.target-1{top:30%;left:65%}
.radar-target.target-2{top:55%;left:25%}
.radar-target.target-3{top:70%;left:70%}
.radar-center-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:2;color:var(--royal)}
.btn-track{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--royal),rgba(0,82,255,0.7));color:#ffffff;font-weight:800;font-size:12px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;letter-spacing:.05em;text-decoration:none}
.btn-track:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,82,255,.3)}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(5,150,105,.5);animation:tdot 1.5s ease-in-out infinite}
.sidebar-box{background:rgba(255,255,255,0.55);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,0.35);border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 24px rgba(0,35,90,0.04)}
.sidebar-box-hdr{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--royal);padding:14px 16px 10px;border-bottom:1px solid rgba(12,35,64,0.06);display:flex;align-items:center;gap:8px}
.sidebar-box-hdr::before{content:'';width:3px;height:14px;background:var(--royal);border-radius:2px;flex-shrink:0}
.popular-list{padding:8px 0}
.popular-item{display:flex;align-items:center;gap:10px;padding:9px 16px;transition:background .2s;border-bottom:1px solid rgba(12,35,64,0.06)}
.popular-item:last-child{border-bottom:none}
.popular-item:hover{background:rgba(0,82,255,.06)}
.popular-num{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--royal);min-width:20px;flex-shrink:0}
.popular-title{flex:1;font-size:13px;line-height:1.4;color:var(--text-primary);font-family:var(--serif)}
.popular-title a{color:inherit;transition:color .2s}
.popular-title a:hover{color:var(--royal)}
.port-list{padding:8px 0}
.port-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:12.5px;transition:background .2s}
.port-item:hover{background:rgba(0,82,255,.06)}
.port-name{color:var(--text-primary);font-weight:500}
.port-region{font-size:10px;color:var(--steel)}

/* ══════════════════════════════════════════════════════════════════════
   KUŞADASI SEFERLERİ — ANİMASYONLU KART (.ksa-card)
   ══════════════════════════════════════════════════════════════════════ */
.ksa-card{
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(20px) saturate(190%);
  -webkit-backdrop-filter: blur(20px) saturate(190%);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: var(--radius-lg, 14px);
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 4px 24px rgba(0, 35, 90, 0.04);
  backface-visibility: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.ksa-card:hover{
  background: rgba(255,255,255,0.7);
  border-color: rgba(0, 82, 255, 0.3);
  box-shadow: 0 8px 32px rgba(12, 35, 64, 0.08);
  transform: translateY(-2px);
}

/* ── HEADER: sonar + başlık ── */
.ksa-head{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px 12px;
  background:linear-gradient(120deg,rgba(255,255,255,0.9) 0%,rgba(240,244,248,0.95) 100%);
  border-bottom:1px solid rgba(12,35,64,0.08);
  position:relative;overflow:hidden;
}
.ksa-head::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(
    90deg,transparent 0,transparent 18px,rgba(0,82,255,.02) 18px,rgba(0,82,255,.02) 19px
  );
  pointer-events:none;
}

/* GPU-Optimized Sonar */
.ksa-sonar{
  position:relative;width:40px;height:40px;flex-shrink:0;
  will-change: transform;
}
.ksa-sonar-ring{
  position:absolute;inset:0;border-radius:50%;
  border:1px solid rgba(212,163,115,.6);
  will-change: transform, opacity;
}
.ksa-ring1{animation:ksaRing 3s ease-out infinite}
.ksa-ring2{animation:ksaRing 3s ease-out 1.5s infinite}
@keyframes ksaRing{
  0%{transform:scale(.3);opacity:1}
  100%{transform:scale(1.5);opacity:0}
}
.ksa-sonar-anchor{
  position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;font-size:15px;z-index:2;
  color:var(--gold);
}

/* Başlık metni */
.ksa-head-text{flex:1;min-width:0}
.ksa-head-port{
  font-family:var(--mono,'Courier New',monospace);
  font-size:8px;font-weight:700;letter-spacing:1.5px;
  color:rgba(212,163,115,.9);text-transform:uppercase;margin-bottom:1px;
}
.ksa-head-title{
  font-size:13px;font-weight:700;color:var(--navy);letter-spacing:.3px;
}

/* CANLI badge */
.ksa-live-badge{
  display:flex;align-items:center;gap:4px;
  font-family:var(--mono,'Courier New',monospace);
  font-size:8.5px;font-weight:700;letter-spacing:1px;
  color:#059669;
  background:rgba(5,150,105,.08);
  border:1px solid rgba(5,150,105,.2);
  border-radius:3px;padding:2px 6px;flex-shrink:0;
}
.ksa-blink{
  width:5px;height:5px;border-radius:50%;background:#10b981;flex-shrink:0;
  box-shadow:0 0 6px rgba(16,185,129,.8);
  animation:ksaBlink 1.5s ease-in-out infinite;
  will-change: opacity;
}
@keyframes ksaBlink{0%,100%{opacity:1}50%{opacity:.3}}

/* ── KAYAN ŞERİT ── */
.ksa-ticker-bar{
  display:flex;align-items:center;
  background:rgba(12,35,64,0.03);
  border-bottom:1px solid rgba(12,35,64,0.08);
  overflow:hidden;height:24px;
}
.ksa-ticker-label{
  font-family:var(--mono,'Courier New',monospace);
  font-size:7.5px;font-weight:800;letter-spacing:1px;
  color:var(--royal);padding:0 8px;white-space:nowrap;
  border-right:1px solid rgba(12,35,64,0.08);flex-shrink:0;
}
.ksa-ticker-scroll{flex:1;overflow:hidden;position:relative}
.ksa-ticker-inner{
  display:flex;align-items:center;
  white-space:nowrap;
  animation:ksaTick 8s linear infinite;
  will-change: transform;
}
.ksa-ticker-inner:hover{animation-play-state:paused}
@keyframes ksaTick{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
.ksa-tick-item{
  font-size:9.5px;color:var(--text-secondary);padding:0 14px;
  display:inline-flex;align-items:center;gap:4px;white-space:nowrap;
}
.ksa-tick-item em{
  font-style:normal;color:var(--royal);font-size:8.5px;
  font-family:var(--mono,'Courier New',monospace);
}

/* ── GEMİ LİSTESİ ── */
.ksa-list{padding:2px 0}
.ksa-row{
  display:grid;grid-template-columns:26px 1fr 6px;
  gap:8px;align-items:center;
  padding:8px 12px;
  border-bottom:1px solid rgba(12,35,64,0.06);
  transition:background .2s;
  position:relative;
}
.ksa-row:last-child{border-bottom:none}
.ksa-row:hover{background:rgba(12,35,64,0.04)}
.ksa-row-num{
  font-family:var(--mono,'Courier New',monospace);
  font-size:8.5px;font-weight:700;
  color:var(--gold);line-height:1;
}
.ksa-row-ship{
  font-size:12px;font-weight:600;
  color:var(--pearl);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ksa-row-meta{display:flex;align-items:center;gap:8px;margin-top:1px;flex-wrap:wrap}
.ksa-row-date{font-size:9.5px;color:var(--text-secondary)}
.ksa-row-pax{font-size:9.5px;color:var(--text-muted);font-family:var(--mono,'Courier New',monospace)}
.ksa-row-dot{
  width:5px;height:5px;border-radius:50%;
  background:#10b981;flex-shrink:0;
  box-shadow:0 0 5px rgba(16,185,129,.5);
  animation:ksaBlink 2s ease-in-out infinite;
  will-change: opacity;
}

/* ── CTA ── */
.ksa-cta{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 14px;
  background:rgba(12,35,64,0.03);
  color:var(--royal);
  font-family:var(--mono,'Courier New',monospace);
  font-size:9px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;text-decoration:none;
  border-top:1px solid rgba(12,35,64,0.08);
  transition:all .2s;
}
.ksa-cta:hover{background:rgba(0,82,255,0.06);color:var(--royal);}
.ksa-cta svg{flex-shrink:0;transition:transform .2s}
.ksa-cta:hover svg{transform:translateY(-1px)}

/* Mobile Responsive Optimization for KSA */
@media(max-width:768px){
  .ksa-ticker-bar{display:none} /* Hide heavy horizontal scrolling animation on mobile */
  .ksa-card{margin-bottom:15px; border-radius:8px;}
  .ksa-head{padding:10px 12px;}
  .ksa-sonar{width:32px; height:32px;}
  .ksa-sonar-anchor{font-size:12px;}
  .ksa-head-title{font-size:12px;}
  .ksa-row{padding:7px 10px; grid-template-columns:22px 1fr 5px;}
  .ksa-row-ship{font-size:11.5px;}
  .ksa-row-date, .ksa-row-pax{font-size:9px;}
}

/* ══════════════════════════════════════════════════════════════════════
   TRACKING PANEL (radar sidebar widget)
   ══════════════════════════════════════════════════════════════════════ */
.tracking-panel{background:var(--ocean);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
.tracking-panel-title{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--pearl);margin-bottom:8px}
.tracking-list{list-style:none;padding:0}
.tracking-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;color:var(--silver)}
.tracking-item:last-child{border-bottom:none}
.tracking-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.tracking-dot.active{background:var(--emerald);box-shadow:0 0 8px rgba(16,185,129,.5);animation:tdot 1.5s ease-in-out infinite}
.tracking-dot.inactive{background:var(--steel)}
.tracking-name{font-weight:600;color:var(--pearl);flex:1}
.tracking-status{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.tracking-status.active{color:var(--emerald)}
.tracking-status.inactive{color:var(--steel)}
.tracking-coords{font-family:var(--mono);font-size:10px;color:var(--steel)}

/* ══════════════════════════════════════════════════════════════════════
   FULLSCREEN TRACKING PANEL (radar overlay)
   ══════════════════════════════════════════════════════════════════════ */

/* Transition overlay */
#l24-trans{position:fixed;inset:0;z-index:9999;background:rgba(2,8,20,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
#l24-trans.show{opacity:1;pointer-events:auto}
.trans-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,210,255,.03) 50%,transparent 100%);animation:transScan 1.5s ease-in-out infinite}
@keyframes transScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
.trans-radar{width:100px;height:100px;border-radius:50%;border:2px solid var(--border-bright);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}
.trans-radar::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--border);opacity:.4}
.trans-icon{font-size:36px;z-index:2}
.trans-label{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.trans-sub{font-family:var(--mono);font-size:11px;color:var(--text-muted,var(--steel));letter-spacing:1px}
#l24-trans.ais-mode .trans-radar{border-color:rgba(5,150,105,.4);box-shadow:0 0 30px rgba(5,150,105,.15)}
#l24-trans.air-mode .trans-radar{border-color:rgba(2,132,199,.4);box-shadow:0 0 30px rgba(2,132,199,.15)}

/* Overlay backdrop */
#l24-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s}
#l24-overlay.show{opacity:1;pointer-events:auto}

/* Panel */
#l24-panel{position:fixed;top:0;right:0;bottom:0;width:92vw;max-width:1100px;z-index:9999;background:rgba(4,10,20,.98);border-left:1px solid var(--border-bright);transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.5)}
#l24-panel.open{transform:translateX(0)}
.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}
.panel-header h2{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--pearl);letter-spacing:1px;display:flex;align-items:center;gap:10px}
.panel-close{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--silver);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.panel-close:hover{background:rgba(239,68,68,.1);border-color:var(--wine);color:var(--wine)}
.panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}
.panel-tab{flex:1;padding:12px 16px;background:transparent;border:none;color:var(--steel);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}
.panel-tab:hover{color:var(--silver);background:rgba(6,182,212,.04)}
.panel-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);background:rgba(6,182,212,.06)}
.panel-body{flex:1;overflow:hidden;position:relative}
.panel-pane{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s}
.panel-pane.active{opacity:1;pointer-events:auto}
.panel-pane iframe{width:100%;height:100%;border:none}

/* ══════════════════════════════════════════════════════════════════════
   ARCHIVE
   ══════════════════════════════════════════════════════════════════════ */
.archive-wrap{padding-top:var(--header-h)}
.archive-header{background:#ffffff;border-bottom:1px solid var(--border);padding:28px 0;margin-bottom:24px}
.archive-title{font-family:var(--serif);font-size:1.6rem;color:var(--pearl)}
.archive-desc{font-size:13px;color:var(--silver);margin-top:6px}
.archive-meta{margin-top:6px}
.archive-layout{display:grid;grid-template-columns:1fr 310px;gap:36px;padding:0 0 64px;align-items:start}
.arc-count{font-size:11px;color:var(--steel);font-weight:600}
.arc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.arc-pagination{margin-top:32px;display:flex;justify-content:center}
.arc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius);background:var(--deep);border:1px solid var(--border);color:var(--silver);font-size:13px;font-weight:600;transition:all .2s;text-decoration:none}
.arc-pagination .page-numbers.current{background:var(--cyan);border-color:var(--cyan);color:var(--abyss)}
.arc-pagination .page-numbers:hover:not(.current){background:var(--mid);border-color:var(--border-bright)}

/* ══════════════════════════════════════════════════════════════════════
   404 NOT FOUND
   ══════════════════════════════════════════════════════════════════════ */
.notfound-wrap{padding-top:calc(var(--header-h) + 40px);padding-bottom:80px;min-height:80vh;display:flex;align-items:center}
.notfound-inner{max-width:700px;margin:0 auto;text-align:center}
.nf-radar{position:relative;width:160px;height:160px;margin:0 auto 32px}
.nf-radar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--border-bright)}
.nf-radar-ring.r1{inset:0}
.nf-radar-ring.r2{inset:20px}
.nf-radar-ring.r3{inset:40px}
.nf-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,210,255,.15) 30deg,transparent 60deg);animation:nfSweep 3s linear infinite}
@keyframes nfSweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.nf-code{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:3rem;font-weight:900;color:var(--cyan);text-shadow:0 0 40px rgba(0,210,255,.3)}
.nf-title{font-family:var(--serif);font-size:2rem;color:var(--pearl);margin-bottom:12px}
.nf-desc{font-size:14px;color:var(--silver);line-height:1.7;margin-bottom:28px}
.nf-actions{margin-bottom:28px}
.nf-search{display:flex;gap:8px;max-width:400px;margin:0 auto 32px}
.nf-search .search-input{flex:1;background:var(--deep);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--pearl);font-size:13px;outline:none;transition:border-color .2s}
.nf-search .search-input:focus{border-color:var(--cyan)}
.nf-search .search-input::placeholder{color:var(--steel)}
.nf-search .search-btn{padding:10px 18px;background:var(--gold);border:none;border-radius:var(--radius);color:var(--abyss);font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s}
.nf-search .search-btn:hover{background:var(--gold-lt)}
.nf-latest{text-align:left;margin-top:20px;padding-top:28px;border-top:1px solid var(--border)}

/* ══════════════════════════════════════════════════════════════════════
   ERROR / EMPTY STATE (shared)
   ══════════════════════════════════════════════════════════════════════ */
.error-wrap{padding-top:calc(var(--header-h)+60px);text-align:center;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.error-code{font-family:var(--serif);font-size:clamp(4rem,10vw,8rem);font-weight:900;color:var(--cyan);line-height:1;margin-bottom:8px;text-shadow:0 0 60px rgba(6,182,212,.2)}
.error-title{font-family:var(--serif);font-size:1.5rem;color:var(--pearl);margin-bottom:12px}
.error-desc{font-size:14px;color:var(--silver);max-width:400px;margin-bottom:24px}
.error-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--cyan),#0284c7);color:#020b14;font-weight:800;font-size:13px;border-radius:var(--radius);transition:all .2s;text-decoration:none}
.error-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(6,182,212,.4)}
.empty-state{padding:48px;text-align:center;color:var(--silver);font-size:14px}
.empty-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.7}
.btn-back-home{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--cyan),#0284c7);color:#020b14;font-weight:800;font-size:12px;border-radius:var(--radius);text-decoration:none;transition:all .2s;margin-top:24px}
.btn-back-home:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(6,182,212,.4)}

/* ══════════════════════════════════════════════════════════════════════
   SEARCH PAGE
   ══════════════════════════════════════════════════════════════════════ */
.search-wrap{padding-top:var(--header-h)}
.search-header{background:var(--ocean);border-bottom:1px solid var(--border);padding:28px 0;margin-bottom:24px}
.search-title{font-family:var(--serif);font-size:1.3rem;color:var(--pearl)}
.search-query{color:var(--gold)}
.search-count{font-size:13px;color:var(--silver);margin-top:4px}
.search-layout{display:grid;grid-template-columns:1fr 310px;gap:36px;padding:0 0 64px;align-items:start}
.search-no-results{text-align:center;padding:60px 20px}
.search-no-results h3{font-family:var(--serif);font-size:1.2rem;color:var(--pearl);margin-bottom:10px}
.search-no-results p{font-size:13px;color:var(--silver);margin-bottom:20px}
.search-form{display:flex;gap:8px;margin-top:16px}
.search-form-inline{display:flex;gap:8px;max-width:400px;margin:0 auto}
.search-input{flex:1;background:var(--deep);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--pearl);font-size:13px;outline:none;transition:border-color .2s}
.search-input:focus{border-color:var(--cyan)}
.search-input::placeholder{color:var(--steel)}
.search-form-inline input{flex:1;padding:10px 14px;background:var(--ocean);border:1px solid var(--border-md);border-radius:var(--radius);color:var(--pearl);font-size:13px;outline:none}
.search-form-inline input:focus{border-color:var(--cyan)}
.search-btn{padding:10px 18px;background:var(--gold);border:none;border-radius:var(--radius);color:var(--abyss);font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s}
.search-btn:hover{background:var(--gold-lt)}
.search-form-inline button{padding:10px 20px;background:linear-gradient(135deg,var(--cyan),#0284c7);color:#020b14;font-weight:800;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s}
.search-form-inline button:hover{box-shadow:0 4px 16px rgba(6,182,212,.3)}

/* ══════════════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════════════ */
.site-footer{background:linear-gradient(180deg,#070d19 0%,#03060c 100%);border-top:1px solid rgba(255,255,255,0.08);padding:56px 0 0;margin-top:48px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;max-width:var(--max-w);margin:0 auto;padding:0 28px}
.footer-brand .brand-title{font-size:1rem;color:#fff}
.footer-desc{font-size:12px;color:rgba(255,255,255,.55);margin-top:12px;line-height:1.7;max-width:320px}
.footer-col-title{font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:14px}
.footer-links{list-style:none;padding:0}
.footer-links li{margin-bottom:8px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.55);transition:color .2s}
.footer-links a:hover{color:var(--royal)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:var(--max-w);margin-left:auto;margin-right:auto}
.footer-copy{font-size:11px;color:rgba(255,255,255,.45)}
.footer-copyright{font-size:11px;color:rgba(255,255,255,.45);line-height:1.6}
.footer-copy-main{font-weight:500;margin-bottom:4px}
.footer-copy-notice{font-size:12px;color:rgba(255,255,255,.68);line-height:1.5}
.footer-copy-sub{margin-top:6px;font-size:12px;color:rgba(255,255,255,.58)}
.footer-copy-icon{margin-right:4px}
.footer-social{display:flex;gap:10px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);font-size:13px;transition:all .2s;text-decoration:none}
.footer-social a:hover{background:var(--cyan-dim);border-color:var(--cyan-lt);color:var(--cyan-lt)}

/* ══════════════════════════════════════════════════════════════════════
   FLOATING ACTION BUTTON
   ══════════════════════════════════════════════════════════════════════ */
.fab{position:fixed;bottom:24px;right:24px;z-index:800;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--royal),#0036b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;box-shadow:0 4px 18px rgba(0,82,255,.4);transition:all .3s var(--ease)}
.fab:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,82,255,.55)}

/* ══════════════════════════════════════════════════════════════════════
   NEWS SUBMISSION FORM (Haber Ekle)
   ══════════════════════════════════════════════════════════════════════ */
.haber-ekle-wrap{padding-top:var(--header-h)}
.haber-ekle-form{max-width:720px;margin:32px auto 64px;background:var(--ocean);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 40px;box-shadow:var(--shadow)}
.haber-ekle-form h1{font-family:var(--serif);font-size:1.4rem;color:var(--pearl);margin-bottom:20px;text-align:center}
.haber-ekle-form label{font-size:11px;font-weight:600;color:var(--silver);display:block;margin-bottom:4px;margin-top:14px}
.haber-ekle-form label:first-child{margin-top:0}
.haber-ekle-form input,.haber-ekle-form select,.haber-ekle-form textarea{width:100%;padding:10px 14px;background:var(--deep);border:1px solid var(--border-md);border-radius:var(--radius);color:var(--pearl);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .2s}
.haber-ekle-form input:focus,.haber-ekle-form select:focus,.haber-ekle-form textarea:focus{border-color:var(--cyan)}
.haber-ekle-form textarea{min-height:200px;resize:vertical}
.haber-ekle-form .submit-btn{display:block;width:100%;margin-top:20px;padding:12px;background:linear-gradient(135deg,var(--cyan),#0284c7);color:#020b14;font-weight:800;font-size:13px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;letter-spacing:.05em}
.haber-ekle-form .submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(6,182,212,.3)}

/* ══════════════════════════════════════════════════════════════════════
   PAGE TEMPLATE
   ══════════════════════════════════════════════════════════════════════ */
.page-content-wrap{max-width:900px;margin:0 auto;padding:48px 24px 80px}
.page-content-inner{background:var(--ocean);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.page-article-header{padding:36px 44px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(212,175,55,.04) 0%,transparent 100%)}
.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--silver);margin-bottom:16px}
.page-breadcrumb a{color:var(--gold);transition:color .2s}
.page-breadcrumb a:hover{color:var(--gold-lt)}
.page-breadcrumb-sep{color:var(--border)}
.page-article-title{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2;color:var(--pearl);margin-bottom:20px}
.page-article-divider{height:3px;width:48px;background:var(--gold);border-radius:2px}
.page-article-body{padding:36px 44px}
.page-article{}

/* Rich text inside pages */
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--serif);color:var(--pearl);margin-top:32px;margin-bottom:12px;line-height:1.3}
.entry-content h2{font-size:1.4rem;border-bottom:1px solid var(--border);padding-bottom:8px}
.entry-content h3{font-size:1.15rem;color:var(--gold-lt)}
.entry-content h4{font-size:1rem;color:var(--silver)}
.entry-content p{font-size:14.5px;line-height:1.75;color:var(--silver);margin-bottom:16px}
.entry-content strong{color:var(--pearl);font-weight:700}
.entry-content a{color:var(--gold);transition:color .2s}
.entry-content a:hover{color:var(--gold-lt);text-decoration:underline}
.entry-content ul,.entry-content ol{padding-left:22px;margin-bottom:16px;color:var(--silver);font-size:14px;line-height:1.8}
.entry-content ul li::marker{color:var(--gold)}
.entry-content ol li::marker{color:var(--gold);font-weight:700}
.entry-content section{margin-bottom:32px}
.entry-content blockquote{border-left:3px solid var(--gold);margin:20px 0;padding:12px 20px;background:#ffffff;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--silver)}
.entry-content [class*="grid"]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.entry-content [class*="grid"]>div{flex:1;min-width:140px;padding:20px 16px;background:var(--deep);border:1px solid var(--border);border-radius:var(--radius);text-align:center}
.entry-content [class*="prose"]{max-width:100%}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .hero-main-img{height:360px}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .strip-grid{grid-template-columns:repeat(2,1fr)}
  .l24-layout,.single-layout,.archive-layout,.search-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  #l24-panel{width:96vw;max-width:100%}
}
@media(max-width:768px){
  .menu{display:none}
  .hamburger{display:flex}
  .header-search-wrap .search-inline-input{width:0!important;padding:0!important;opacity:0!important}
  .hero-main-img{height:280px}
  .hero-main-media-wrap{height:280px}
  .hero-main-overlay{padding:24px 18px 18px}
  .hero-main-title{font-size:1.2rem}
  .news-grid{grid-template-columns:1fr}
  .strip-grid{grid-template-columns:1fr}
  .single-article{padding:20px}
  .single-hero{height:280px}
  .haber-ekle-form{padding:20px}
  .page-content-wrap{padding:24px 12px 60px}
  .page-article-header,.page-article-body{padding:24px 20px}
  .page-article-title{font-size:1.4rem}
  .footer-grid{grid-template-columns:1fr}
  .post-nav{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .filter-bar{padding:0 16px 8px}
  .filter-left{gap:8px;padding:4px 0 12px}
  .tab-btn,.tab-radar{min-width:92px;height:60px;padding:8px 10px;border-radius:10px}
  .tab-btn-text{font-size:11px}
  .container,.l24-wrap{padding:0 14px}
  .nav{padding:0 14px}
  .single-layout,.archive-layout,.search-layout{padding:16px 0 40px}
  .panel-tab{font-size:10px;padding:10px 8px}
  .hero-stack{display:none}
  .l24-layout{padding-top:16px;gap:20px}
  .news-grid{gap:12px}
  .news-card{
    display:grid;
    grid-template-columns:116px minmax(0,1fr);
    border-radius:12px;
    min-height:116px;
  }
  .card-img-wrap{height:100%;min-height:116px}
  .card-thumb{height:100%;min-height:116px}
  .card-body{padding:12px}
  .card-title{font-size:14px;margin:2px 0 8px;-webkit-line-clamp:3}
  .card-excerpt{display:none}
  .card-footer-meta{padding-top:8px}
  .card-cat-over{top:8px;left:8px}
  .cat-badge{font-size:9px;letter-spacing:.8px;padding:3px 7px}
  .site-footer{padding-top:32px;margin-top:28px}
  .footer-grid{gap:24px}
  .footer-bottom{margin-top:24px;padding:16px 14px}
}
@media(max-width:480px){
  .hero-main-img{height:220px}
  .hero-main-media-wrap{height:220px}
  .brand-title{font-size:.9rem}
  .brand-sub{display:none}
  .single-article{padding:14px}
  .single-content{font-size:14px}
  .single-hero{height:200px}
  .tab-btn,.tab-radar{min-width:80px;height:56px;padding:6px 8px;border-radius:8px}
  .tab-btn-text{font-size:10px}
  .filter-left{gap:6px}
  .hero-grid{gap:12px}
  .container,.l24-wrap{padding:0 12px}
  .brand-tagline{display:none}
  .brand{gap:10px;margin-right:12px}
  .brand-logo{width:40px;height:40px}
  .news-card{grid-template-columns:104px minmax(0,1fr)}
  .card-img-wrap,.card-thumb{min-height:108px}
  .card-time,.card-views{font-size:11px}
  .single-breadcrumb{font-size:10px;white-space:nowrap;overflow:hidden}
}

/* ══════════════════════════════════════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════════════════════════════════════ */
@keyframes l24pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* ══════════════════════════════════════════════════════════════════════
   PWA "ANA EKRANA EKLE" BİLDİRİMİ
   ══════════════════════════════════════════════════════════════════════ */
.pwa-banner{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);
  z-index:9999;max-width:420px;width:calc(100% - 32px);
  background:#ffffff;backdrop-filter:blur(20px) saturate(1.6);
  -webkit-backdrop-filter:blur(20px) saturate(1.6);
  border:1px solid rgba(212,163,115,.25);
  border-radius:18px;padding:18px 20px 16px;
  box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(212,163,115,.12);
  opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease;
  pointer-events:none;
}
.pwa-banner.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;pointer-events:all;
}
.pwa-banner.hiding{
  transform:translateX(-50%) translateY(120px);
  opacity:0;pointer-events:none;
}
.pwa-banner-inner{display:flex;align-items:flex-start;gap:14px}
.pwa-banner-icon{
  flex-shrink:0;width:48px;height:48px;
  background:linear-gradient(135deg,var(--cyan),var(--navy));
  border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-size:24px;box-shadow:0 4px 12px rgba(0,119,182,.3);
  position:relative;overflow:hidden;
}
.pwa-banner-icon::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.12) 100%);
}
.pwa-banner-text{flex:1;min-width:0}
.pwa-banner-title{
  font-family:var(--sans);font-weight:700;font-size:14px;
  color:#f8fbfe;line-height:1.3;margin-bottom:3px;
}
.pwa-banner-desc{
  font-family:var(--sans);font-weight:400;font-size:12px;
  color:rgba(255,255,255,.6);line-height:1.4;
}
.pwa-banner-actions{
  display:flex;align-items:center;gap:8px;margin-top:12px;
}
.pwa-banner-btn{
  font-family:var(--sans);font-weight:600;font-size:13px;
  padding:8px 18px;border-radius:10px;border:none;
  cursor:pointer;transition:all .2s ease;
}
.pwa-banner-btn-primary{
  background:linear-gradient(135deg,#d4a847,#f0c96a);
  color:var(--navy);box-shadow:0 4px 14px rgba(212,168,71,.3);
}
.pwa-banner-btn-primary:hover{
  transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,168,71,.4);
}
.pwa-banner-btn-primary:active{transform:translateY(0)}
.pwa-banner-btn-secondary{
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);
}
.pwa-banner-btn-secondary:hover{
  background:rgba(255,255,255,.14);color:#f8fbfe;
}
.pwa-banner-close{
  position:absolute;top:10px;right:12px;
  background:none;border:none;color:rgba(255,255,255,.35);
  font-size:18px;cursor:pointer;padding:4px;line-height:1;
  transition:color .2s;border-radius:6px;
}
.pwa-banner-close:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.06)}
.pwa-banner-platform{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11px;color:rgba(255,255,255,.4);margin-top:8px;
}
.pwa-banner-platform code{
  font-family:var(--mono);font-size:10px;
  background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;
  color:rgba(255,255,255,.5);
}

/* Mobil için optimize */
@media(max-width:480px){
  .pwa-banner{bottom:16px;padding:16px 16px 14px}
  .pwa-banner-icon{width:42px;height:42px;font-size:20px}
  .pwa-banner-title{font-size:13px}
  .pwa-banner-desc{font-size:11px}
  .pwa-banner-btn{font-size:12px;padding:7px 14px}
}

/* Koyu tema uyumu */
@media(prefers-color-scheme:dark){
  .pwa-banner{background:rgba(15,20,35,.98)}
}

/* ══════════════════════════════════════════════════════════════════════
   PWA INSTALL PROMPT (PREMIUM DESIGN SYSTEM)
   ══════════════════════════════════════════════════════════════════════ */
.pwa-prompt-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
}
.pwa-prompt-container.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.pwa-prompt-card {
  width: 100%;
  max-width: 440px;
  background: rgba(12, 35, 64, 0.96);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-lg, 14px);
  padding: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  position: relative;
}
.pwa-prompt-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: var(--steel);
  font-size: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}
.pwa-prompt-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.pwa-prompt-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.pwa-prompt-logo {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  object-fit: contain;
}
.pwa-prompt-title-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pwa-prompt-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.pwa-prompt-subtitle {
  font-family: var(--mono);
  font-size: 9px;
  color: var(--gold-lt);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pwa-prompt-desc {
  font-size: 12.5px;
  color: #cbd5e1;
  line-height: 1.6;
  margin-bottom: 18px;
}
.pwa-instructions-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  padding: 14px;
  margin-bottom: 18px;
}
.pwa-step-text {
  font-size: 11px;
  font-weight: 700;
  color: var(--gold-lt);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pwa-steps-list {
  padding-left: 18px;
  margin: 0;
  font-size: 12px;
  color: #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pwa-steps-list li {
  line-height: 1.5;
}
.pwa-ios-icon {
  background: rgba(255, 255, 255, 0.15);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}
.pwa-prompt-actions {
  display: flex;
  gap: 10px;
}
.pwa-btn-primary {
  flex: 1;
  padding: 12px;
  background: linear-gradient(135deg, var(--gold), var(--gold-lt));
  color: #fff;
  border: none;
  border-radius: var(--radius);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 14px rgba(168, 118, 42, 0.3);
  transition: all 0.2s;
}
.pwa-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(168, 118, 42, 0.5);
}
.pwa-btn-secondary {
  flex: 1;
  padding: 12px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--steel);
  border-radius: var(--radius);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.2s;
}
.pwa-btn-secondary:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

@media (max-width: 480px) {
  .pwa-prompt-container {
    padding: 10px;
  }
  .pwa-prompt-card {
    padding: 18px;
  }
  .pwa-prompt-logo {
    width: 48px;
    height: 48px;
  }
}

/* ── PWA Notification Toggle Switch Styles ── */
.pwa-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.pwa-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pwa-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.1);
  transition: .3s;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.pwa-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: var(--silver);
  transition: .3s;
  border-radius: 50%;
}
input:checked + .pwa-slider {
  background-color: rgba(11, 127, 163, 0.2);
  border-color: var(--cyan);
}
input:checked + .pwa-slider:before {
  transform: translateX(20px);
  background-color: var(--cyan);
}
.pwa-toggle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ── Calendar Tourist Density Indicator Styles ── */
.st-day {
  position: relative;
}
.st-day-pax-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
}
.st-day.density-low .st-day-pax-dot { background: #10b981; box-shadow: 0 0 6px #10b981; }
.st-day.density-medium .st-day-pax-dot { background: #f59e0b; box-shadow: 0 0 6px #f59e0b; }
.st-day.density-high .st-day-pax-dot { background: #f97316; box-shadow: 0 0 6px #f97316; }
.st-day.density-extreme .st-day-pax-dot { background: #ef4444; box-shadow: 0 0 6px #ef4444; animation: st-pulse-dot 1.5s infinite; }

@keyframes st-pulse-dot {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* ── Category Sliding Drawer Styles ── */
.category-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 35, 64, 0.4);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.category-drawer-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.category-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 85%;
  height: 100%;
  background: #ffffff;
  z-index: 10001;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: -8px 0 32px rgba(12, 35, 64, 0.12);
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.category-drawer.open {
  transform: translateX(0);
}

.category-drawer-hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(12, 35, 64, 0.08);
}
.category-drawer-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--navy);
  letter-spacing: 0.5px;
}
.category-drawer-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: var(--navy);
  opacity: 0.6;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: all 0.2s;
}
.category-drawer-close:hover {
  opacity: 1;
  transform: rotate(90deg);
  color: #c5a880;
}

.category-drawer-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  flex: 1;
}
.category-drawer-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--navy);
  font-weight: 500;
  text-decoration: none;
  background: rgba(12, 35, 64, 0.02);
  transition: all 0.2s ease;
}
.category-drawer-item:hover {
  background: rgba(12, 35, 64, 0.06);
  color: #c5a880;
  padding-left: 20px;
}
.category-drawer-item.active {
  background: var(--navy);
  color: #ffffff;
}

.category-drawer-ftr {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(12, 35, 64, 0.08);
}
.category-drawer-radar-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, var(--navy) 0%, #1a3a60 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(12, 35, 64, 0.15);
}
.category-drawer-radar-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(12, 35, 64, 0.25);
  background: linear-gradient(135deg, #1a3a60 0%, var(--navy) 100%);
}
.category-drawer-radar-btn .live-dot {
  width: 8px;
  height: 8px;
  background-color: #ef4444;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
  animation: st-pulse-dot 1.5s infinite;
}

/* ══════════════════════════════════════════════════════════════════════
   LIMANDAYIZ MARINA EDITORIAL — distinctive maritime visual system
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --marina-ink:#08263d;
  --marina-blue:#087ea4;
  --marina-aqua:#20a9c5;
  --marina-mist:rgba(242,250,252,.72);
  --marina-glass:rgba(255,255,255,.66);
  --marina-line:rgba(8,126,164,.15);
  --marina-shadow:0 18px 48px rgba(8,38,61,.11);
}
body{
  background-color:#eaf5f7;
  background-image:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    repeating-linear-gradient(0deg,transparent 0,transparent 47px,rgba(8,126,164,.045) 48px),
    repeating-linear-gradient(90deg,transparent 0,transparent 47px,rgba(8,126,164,.045) 48px);
}
.site-header{
  background:rgba(247,253,254,.78);
  border-bottom:1px solid rgba(8,126,164,.12);
  box-shadow:0 10px 36px rgba(8,38,61,.06);
}
.site-header::after{
  height:3px;
  background:linear-gradient(90deg,#08263d 0 18%,#20a9c5 18% 56%,#d2a84b 56% 72%,transparent 72%);
}
.brand-logo{border-radius:8px;box-shadow:0 0 0 1px rgba(8,126,164,.15),0 8px 20px rgba(8,38,61,.1)}
.brand-name{color:var(--marina-ink);font-size:1.12rem}
.brand-dayiz{color:var(--marina-blue)}
.brand-tagline{color:rgba(8,38,61,.62)}
.menu a{color:rgba(8,38,61,.72);font-size:11px}
.btn-nav{
  background:var(--marina-ink)!important;
  box-shadow:0 8px 22px rgba(8,38,61,.18);
}
.ticker-ships{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--marina-line);
}
.ticker-label-ships{
  background:var(--marina-ink);
  position:relative;
}
.ticker-label-ships::after{
  content:'';
  width:28px;height:1px;
  background:rgba(255,255,255,.45);
  margin-left:4px;
}
.filter-bar{padding-top:22px;padding-bottom:16px}
.filter-date{
  color:var(--marina-blue);
  font-family:var(--mono);
  font-size:10px;
}
.filter-date::before{content:'POSITION · ';color:var(--marina-ink)}
.filter-left{gap:9px;padding-bottom:9px}
.tab-btn,.tab-radar{
  min-height:44px;
  padding:8px 13px;
  border-radius:8px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(8,126,164,.12);
  box-shadow:0 8px 22px rgba(8,38,61,.045);
}
.tab-btn:hover,.tab-radar:hover{
  background:rgba(255,255,255,.9);
  border-color:rgba(8,126,164,.3);
  transform:translateY(-1px);
}
.tab-btn.active{
  background:var(--marina-ink);
  border-color:var(--marina-ink);
  box-shadow:0 10px 26px rgba(8,38,61,.2);
}
.tab-btn-icon,.tab-radar .tab-btn-icon{background:rgba(8,126,164,.08);border-radius:5px}
.l24-layout{gap:28px;padding-top:20px}
.section-hdr{
  margin-bottom:16px;
  padding:12px 0;
  border-top:1px solid var(--marina-line);
  border-bottom:1px solid var(--marina-line);
}
.section-hdr::after{display:none}
.section-hdr h2{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:2px;
  color:var(--marina-ink);
}
.section-hdr h2::before{
  width:18px;height:2px;border-radius:0;
  background:var(--marina-aqua);
  box-shadow:7px -4px 0 -1px var(--marina-aqua),7px 4px 0 -1px var(--marina-aqua);
}
.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);gap:14px}
.hero-main{
  border-radius:14px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:var(--marina-shadow);
}
.hero-main-header{
  min-height:48px;
  padding:11px 18px;
  background:rgba(8,38,61,.94);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.radar-text{color:#8ee5ed;font-family:var(--mono)}
.radar-location{
  color:#d9f6f8;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
}
.hero-main-media-wrap{height:484px;border-radius:0 0 13px 13px}
.hero-main-overlay{
  padding:120px 30px 28px;
  background:linear-gradient(to top,rgba(243,251,252,.98) 0%,rgba(243,251,252,.78) 40%,transparent 78%);
}
.hero-main-title{
  max-width:800px;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.45vw,2.4rem);
  color:var(--marina-ink);
}
.hero-meta{color:rgba(8,38,61,.64)}
.hero-stack{gap:8px}
.hero-card{
  border-radius:10px;
  padding:10px;
  gap:11px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(8,38,61,.065);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.hero-card:hover{
  background:rgba(255,255,255,.9);
  border-color:rgba(8,126,164,.28);
  transform:translateX(3px);
}
.hero-card-img{width:96px;height:84px;border-radius:7px}
.hero-card-title{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--marina-ink)}
.news-grid{gap:14px}
.news-card{
  border-radius:12px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 12px 34px rgba(8,38,61,.075);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
.news-card:hover{
  background:rgba(255,255,255,.88);
  border-color:rgba(8,126,164,.22);
  transform:translateY(-4px);
  box-shadow:0 20px 44px rgba(8,38,61,.12);
}
.card-thumb{height:188px}
.card-img-overlay{background:linear-gradient(to top,rgba(8,38,61,.5),transparent 54%)}
.card-body{padding:16px}
.card-title{color:var(--marina-ink);font-size:15px}
.card-excerpt{color:rgba(8,38,61,.68)}
.card-footer-meta{border-top-color:var(--marina-line)}
.list-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.list-card{
  border-radius:10px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 26px rgba(8,38,61,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.list-card:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}
.list-card-img{width:92px;height:76px;border-radius:6px}
.sidebar{gap:14px}
.ksa-card,.sidebar-box,.sidebar-widget,.track-card,.tracking-panel{
  border-radius:12px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 36px rgba(8,38,61,.08);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.ksa-head{
  background:linear-gradient(120deg,rgba(8,38,61,.98),rgba(8,126,164,.9));
  border-bottom-color:rgba(255,255,255,.12);
}
.ksa-head-port,.ksa-head-title{color:#fff}
.ksa-live-badge{background:rgba(255,255,255,.12);color:#bff6e4;border:1px solid rgba(255,255,255,.14)}
.ksa-row{border-bottom-color:var(--marina-line)}
.btn-track{background:var(--marina-ink);border-radius:7px;box-shadow:0 10px 24px rgba(8,38,61,.18)}
.sidebar-box-hdr,.sidebar-widget-title{color:var(--marina-ink);font-size:10px}
.sidebar-box-hdr::before,.sidebar-widget-title::before{background:var(--marina-aqua)}
.single-article{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:var(--marina-shadow);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.site-footer{
  background:#071f32;
  border-top:3px solid var(--marina-aqua);
}

@media(max-width:1024px){
  .list-cards{grid-template-columns:1fr}
}
@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{
    background-image:
      linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.76)),
      repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(8,126,164,.05) 32px);
  }
  .site-header{height:62px}
  .page-body{padding-top:62px}
  .nav{height:62px}
  .mobile-menu{top:62px}
  .ticker-ships{height:38px}
  .filter-bar{padding:12px 12px 8px;gap:7px}
  .filter-left{gap:7px;padding:3px 0 8px}
  .tab-btn,.tab-radar{
    min-width:auto;height:42px;min-height:42px;
    padding:7px 10px;border-radius:7px;
  }
  .tab-btn-icon,.tab-radar .tab-btn-icon{width:16px;height:16px}
  .tab-btn-text{font-size:10px}
  .l24-layout{padding-top:8px}
  .l24-wrap,.l24-layout,.l24-layout main,.hero-grid,.news-grid,.list-cards{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .hero-grid{display:flex;flex-direction:column;gap:10px;overflow:hidden}
  .hero-main{border-radius:12px}
  .hero-main-header{min-height:42px;padding:9px 12px}
  .radar-text{font-size:9px}
  .radar-location{font-size:8px;padding:3px 6px}
  .hero-main-media-wrap,.hero-main-img{height:260px}
  .hero-main-overlay{padding:86px 16px 16px}
  .hero-main-title{font-size:1.25rem;margin-bottom:8px}
  .hero-meta{font-size:10px}
  .hero-stack{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:82%;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    gap:9px;
    padding:2px 2px 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .hero-stack::-webkit-scrollbar{display:none}
  .hero-card{
    scroll-snap-align:start;
    min-height:104px;
    padding:9px;
    background:rgba(255,255,255,.68);
  }
  .hero-card-img{width:104px;height:86px}
  .hero-card-title{font-size:12.5px;-webkit-line-clamp:2}
  .section-hdr{margin-bottom:12px;padding:10px 0}
  .section-hdr h2{font-size:10px}
  .news-grid{display:grid;grid-template-columns:1fr;gap:9px}
  .news-card{
    display:grid;
    grid-template-columns:42% minmax(0,1fr);
    width:100%;
    max-width:100%;
    height:132px;
    min-height:132px;
    overflow:hidden;
    border-radius:10px;
  }
  .card-img-wrap{width:100%;height:132px;min-height:0}
  .card-thumb{width:100%;height:132px;min-height:0}
  .card-body{min-width:0;padding:10px 11px 9px}
  .card-title{
    font-size:13px;
    line-height:1.3;
    margin:0 0 5px;
    -webkit-line-clamp:2;
  }
  .card-excerpt{display:none}
  .card-footer-meta{border-top:0;padding-top:3px}
  .card-time{font-size:10px}
  .card-views{display:none}
  .list-cards{gap:8px}
  .list-card{padding:9px;border-radius:9px}
  .sidebar{margin-top:4px}
  .ksa-card,.sidebar-box,.sidebar-widget{border-radius:10px}
  .footer-grid{padding:0 16px}
}
@media(max-width:480px){
  .hero-main-media-wrap,.hero-main-img{height:232px}
  .hero-card-img{width:96px;height:82px}
  .hero-stack{grid-auto-columns:86%}
  .news-card{grid-template-columns:44% minmax(0,1fr);height:124px;min-height:124px}
  .card-img-wrap,.card-thumb{height:124px;min-height:0}
}

/* Corporate news cards: one consistent maritime accent */
.news-card,
.hero-card,
.list-card,
.related-card{
  background:rgba(255,255,255,.38);
  border:1px solid rgba(32,169,197,.34);
  box-shadow:0 8px 24px rgba(8,38,61,.055);
}
.news-card:hover,
.hero-card:hover,
.list-card:hover,
.related-card:hover{
  background:rgba(255,255,255,.62);
  border-color:rgba(32,169,197,.72);
  box-shadow:0 12px 30px rgba(8,126,164,.11);
}
.news-card[data-cat]{
  border-top:1px solid rgba(32,169,197,.34);
}
.cat-badge,
.cat-badge.cat-cruise,
.cat-badge.cat-port,
.cat-badge.cat-world,
.cat-badge.cat-coastal,
.cat-badge.cat-travel,
.cat-badge.cat-genel{
  color:#087e9f;
  background:transparent;
  border:1px solid rgba(32,169,197,.55);
  box-shadow:0 0 12px rgba(32,169,197,.08);
}
.card-img-overlay{display:none}
.card-title,
.hero-card-title,
.list-card-title,
.related-card-title{color:var(--marina-ink)}
.card-excerpt,
.card-time,
.card-views,
.hero-card-time,
.list-card-meta,
.related-card-meta{color:rgba(8,38,61,.62)}

/* Footer aligned with the light marina editorial system */
.site-footer{
  position:relative;
  background:rgba(239,249,251,.76);
  border-top:1px solid rgba(32,169,197,.42);
  padding-top:42px;
  box-shadow:0 -16px 48px rgba(8,38,61,.055);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.site-footer::before{
  content:'';
  position:absolute;
  top:-1px;left:0;
  width:36%;height:2px;
  background:linear-gradient(90deg,var(--marina-ink),var(--marina-aqua),transparent);
}
.footer-brand .brand-title{color:var(--marina-ink);letter-spacing:.06em}
.footer-brand .brand-title em{color:var(--marina-blue)}
.footer-desc{color:rgba(8,38,61,.68);font-size:13px}
.footer-col-title{
  color:var(--marina-ink);
  letter-spacing:1.8px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(32,169,197,.24);
}
.footer-links li{margin-bottom:7px}
.footer-links a{color:rgba(8,38,61,.68);font-size:12.5px}
.footer-links a:hover{color:var(--marina-blue)}
.footer-col div[style*="rgba(212,168,71"]{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(32,169,197,.32)!important;
  color:rgba(8,38,61,.68)!important;
  border-radius:8px!important;
}
.footer-bottom{
  border-top:1px solid rgba(32,169,197,.25);
  color:rgba(8,38,61,.62);
}
.footer-bottom a{color:var(--marina-blue)}
.footer-copy,
.footer-copyright,
.footer-copy-notice,
.footer-copy-sub{color:rgba(8,38,61,.62)}
.footer-copy-main{color:var(--marina-ink)}

/* Editorial refinement: clearer hierarchy, fewer glass panels */
.l24-layout > *,.l24-layout main,.l24-layout aside,.hero-grid > *,.news-grid > *{min-width:0}
.hero-main-header{cursor:default}
.hero-radar-indicator .mini-radar{opacity:.72}
.news-card{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(8,126,164,.18);
  box-shadow:0 5px 18px rgba(8,38,61,.045);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.news-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,38,61,.09)}
.list-cards{gap:0;background:rgba(255,255,255,.42);border-top:1px solid var(--marina-line)}
.list-card{
  border:0;border-bottom:1px solid var(--marina-line);border-radius:0;
  box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.list-card:hover{background:rgba(255,255,255,.72);transform:none}
.hero-main-title,.hero-card-title,.card-title,.list-card-title,.popular-title{
  overflow-wrap:anywhere;word-break:normal;
}
.sidebar-box{box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

@media(max-width:768px){
  .nav{width:100%;max-width:100%}
  .brand{min-width:0;margin-right:8px}
  .brand-name{font-size:1rem;white-space:nowrap}
  .hamburger{flex:0 0 26px}
  .ticker-ships,.ticker-scroll,.ticker-inner,.ticker-item,.ticker-ship-item,
  .ticker-label-ships,.ticker-cta-btn{height:34px}
  .ticker-label-ships{min-width:72px}
  .ticker-cta-btn{display:none}
  .filter-date{display:none}
  .filter-bar{padding-top:8px}
  .filter-left{padding-bottom:5px}
  .tab-btn,.tab-radar{flex:0 0 auto}
  .l24-layout{display:block;width:100%;max-width:100%;overflow:visible}
  .hero-main-media-wrap,.hero-main-img{width:100%}
  .hero-main-overlay{max-width:100%}
  .hero-main-title{
    width:100%;max-width:100%;font-size:1.12rem;line-height:1.18;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .hero-stack{
    display:grid;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;
    overflow:visible;padding:0;
  }
  .hero-card:nth-child(n+3){display:none}
  .hero-card{width:100%;min-width:0}
  .section-hdr{margin-top:18px}
  .news-card{grid-template-columns:38% minmax(0,1fr)}
  .card-cat-over{display:none}
  .card-body{overflow:hidden}
  .card-title{width:100%;max-width:100%;-webkit-line-clamp:3}
  .sidebar{margin-top:28px}
}

@media(max-width:480px){
  .brand-logo{width:36px!important;height:36px!important}
  .brand-name{font-size:.94rem}
  .hero-main-media-wrap,.hero-main-img{height:248px}
  .hero-main-overlay{padding:72px 14px 14px}
  .news-card{grid-template-columns:40% minmax(0,1fr)}
}

/* ==========================================================================
   Ocean Editorial Cards
   A scoped visual refinement for cards and reading surfaces only.
   ========================================================================== */
:root{
  --oec-ink:#092d42;
  --oec-text:#294b5c;
  --oec-muted:#657d88;
  --oec-sea:#138da4;
  --oec-aqua:#39b7c5;
  --oec-line:rgba(9,75,98,.18);
  --oec-line-strong:rgba(19,141,164,.38);
  --oec-surface:rgba(255,255,255,.94);
  --oec-surface-soft:rgba(247,252,252,.92);
  --oec-shadow:0 10px 28px rgba(8,56,76,.08);
  --oec-shadow-hover:0 18px 38px rgba(8,56,76,.13);
}

/* Shared card language: clear edges, calm surfaces, restrained movement. */
.news-card,
.hero-card,
.list-card,
.related-card,
.strip-card,
.sidebar-box,
.sidebar-widget,
.ksa-card,
.track-card{
  border:1px solid var(--oec-line);
  background:var(--oec-surface);
  box-shadow:var(--oec-shadow);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.news-card,
.hero-card,
.list-card,
.related-card,
.strip-card{
  position:relative;
  overflow:hidden;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.news-card:hover,
.hero-card:hover,
.list-card:hover,
.related-card:hover,
.strip-card:hover{
  border-color:var(--oec-line-strong);
  background:#fff;
  box-shadow:var(--oec-shadow-hover);
  transform:translateY(-3px);
}

.news-card[data-cat]{
  border-top:1px solid var(--oec-line);
}

.news-card::after,
.related-card::after,
.strip-card::after{
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,var(--oec-sea),var(--oec-aqua),transparent 72%);
  opacity:.7;
  pointer-events:none;
}

.hero-card,
.list-card{
  position:relative;
  overflow:hidden;
}

.hero-card::before,
.list-card::before{
  content:'';
  position:absolute;
  inset:10px auto 10px 0;
  width:2px;
  border-radius:2px;
  background:linear-gradient(var(--oec-sea),var(--oec-aqua));
  opacity:.72;
}

/* Images stay clean and consistent without aggressive zoom effects. */
.card-thumb,
.hero-card-img,
.list-card-img,
.related-card-img,
.strip-card-img{
  border-color:rgba(9,75,98,.12);
  filter:saturate(.94) contrast(1.02);
}

.news-card:hover .card-thumb,
.hero-card:hover .hero-card-img,
.strip-card:hover .strip-card-img{
  transform:scale(1.025);
}

.card-img-overlay{
  display:block;
  background:linear-gradient(to top,rgba(5,41,59,.22),transparent 58%);
}

/* Unified editorial typography across every news card. */
.card-title,
.hero-card-title,
.list-card-title,
.related-card-title,
.strip-card-title,
.popular-title{
  color:var(--oec-ink);
  font-family:var(--sans);
  font-weight:700;
  line-height:1.38;
  letter-spacing:-.018em;
  text-wrap:pretty;
}

.card-title{font-size:15px}
.hero-card-title{font-size:13px}
.list-card-title{font-size:13.5px}
.related-card-title,.strip-card-title{font-size:12.5px}

.card-title a:hover,
.hero-card-title a:hover,
.list-card-title a:hover,
.related-card-title a:hover,
.strip-card-title a:hover,
.popular-title a:hover{
  color:var(--oec-sea);
}

.card-excerpt{
  color:var(--oec-text);
  font-size:12.5px;
  line-height:1.65;
}

.card-footer-meta,
.hero-card-time,
.list-card-meta,
.related-card-meta,
.strip-card-meta{
  color:var(--oec-muted);
  font-family:var(--sans);
}

.card-footer-meta{
  border-top:1px solid rgba(9,75,98,.11);
}

.cat-badge,
.cat-badge.cat-cruise,
.cat-badge.cat-port,
.cat-badge.cat-world,
.cat-badge.cat-coastal,
.cat-badge.cat-travel,
.cat-badge.cat-genel{
  color:#08778d;
  background:rgba(19,141,164,.07);
  border:1px solid rgba(19,141,164,.32);
  box-shadow:none;
}

/* Lower news list becomes a crisp editorial index. */
.list-cards{
  gap:9px;
  background:transparent;
  border:0;
}

.list-card{
  gap:14px;
  padding:12px 14px;
  border-radius:12px;
}

.list-card:hover{
  transform:translateY(-2px);
}

.list-card-img{
  width:96px;
  height:74px;
  border-radius:8px;
}

/* Sidebar cards share the same visual hierarchy. */
.sidebar-box,
.sidebar-widget,
.ksa-card,
.track-card{
  border-radius:13px;
  overflow:hidden;
}

.sidebar-box-hdr,
.sidebar-widget-title{
  color:var(--oec-ink);
  border-bottom:1px solid var(--oec-line);
}

.sidebar-box-hdr::before,
.sidebar-widget-title::before{
  background:var(--oec-sea);
}

.popular-item{
  border-bottom-color:rgba(9,75,98,.1);
}

.popular-item:hover{
  background:rgba(19,141,164,.055);
}

.popular-num{
  color:var(--oec-sea);
}

/* Article reading surface: high contrast, comfortable measure and rhythm. */
.single-article{
  border:1px solid var(--oec-line);
  border-radius:16px;
  background:var(--oec-surface);
  box-shadow:0 14px 38px rgba(8,56,76,.09);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.single-title{
  max-width:24ch;
  color:var(--oec-ink);
  font-size:clamp(1.5rem,2.5vw,2.15rem);
  line-height:1.16;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.single-meta,
.single-share{
  border-color:var(--oec-line);
}

.single-content,
.entry-content{
  max-width:70ch;
  color:var(--oec-text);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.85;
  letter-spacing:0;
}

.single-content p,
.entry-content p{
  color:var(--oec-text);
  margin-bottom:1.5em;
  text-align:left;
  hyphens:none;
}

.single-content p:first-of-type{
  color:var(--oec-ink);
  font-size:17.5px;
  line-height:1.8;
}

.single-content h2,
.single-content h3,
.single-content h4,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4{
  color:var(--oec-ink);
  font-family:var(--sans);
  line-height:1.25;
  letter-spacing:-.025em;
}

.single-content h2,
.entry-content h2{
  padding-bottom:10px;
  border-bottom:1px solid var(--oec-line-strong);
  color:var(--oec-ink);
}

.single-content h3,
.entry-content h3{
  color:#0c7388;
}

.single-content strong,
.entry-content strong{
  color:var(--oec-ink);
}

.single-content a,
.entry-content a{
  color:#08778d;
  text-decoration-color:rgba(8,119,141,.35);
}

.single-content blockquote,
.entry-content blockquote{
  border-left:3px solid var(--oec-sea);
  background:linear-gradient(135deg,#f1fafb,#f8fcfc);
  color:var(--oec-text);
  box-shadow:none;
}

.single-content figure,
.single-content img,
.entry-content figure,
.entry-content img{
  border-radius:12px;
}

.single-content ul,
.single-content ol,
.entry-content ul,
.entry-content ol{
  color:var(--oec-text);
  line-height:1.8;
}

.single-content ul li,
.single-content ol li,
.entry-content ul li,
.entry-content ol li{
  border-bottom-color:rgba(9,75,98,.1);
}

.single-content ul li::before{
  background:var(--oec-aqua);
}

.single-content figcaption,
.entry-content figcaption{
  color:var(--oec-muted);
}

.single-content hr,
.entry-content hr{
  border:0;
  border-top:1px solid var(--oec-line);
  margin:30px 0;
}

.single-content table,
.entry-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--oec-line);
  border-radius:11px;
  color:var(--oec-text);
  background:#fff;
}

.single-content th,
.entry-content th{
  color:var(--oec-ink);
  background:var(--oec-surface-soft);
}

.single-content th,
.single-content td,
.entry-content th,
.entry-content td{
  padding:11px 13px;
  border-bottom:1px solid rgba(9,75,98,.1);
  text-align:left;
}

.entry-content [class*="grid"]>div,
.post-nav-item,
.tag-pill,
.share-btn{
  border:1px solid var(--oec-line);
  background:var(--oec-surface-soft);
  color:var(--oec-text);
  box-shadow:none;
}

.entry-content [class*="grid"]>div{
  border-radius:11px;
}

.post-nav-item:hover,
.tag-pill:hover,
.share-btn:hover{
  border-color:var(--oec-line-strong);
  background:#fff;
  color:var(--oec-sea);
  box-shadow:0 8px 20px rgba(8,56,76,.07);
}

.pn-title{
  color:var(--oec-ink);
}

@media(max-width:768px){
  .news-card,
  .hero-card,
  .list-card,
  .related-card,
  .strip-card{
    box-shadow:0 7px 18px rgba(8,56,76,.07);
  }

  .news-card:hover,
  .hero-card:hover,
  .list-card:hover,
  .related-card:hover,
  .strip-card:hover{
    transform:none;
  }

  .news-card{
    border-radius:11px;
  }

  .card-title{
    font-size:13px;
    line-height:1.32;
  }

  .list-card{
    min-height:88px;
  }

  .list-card-img{
    width:88px;
    height:68px;
  }

  .single-article{
    padding:18px 16px;
    border-radius:13px;
  }

  .single-title{
    max-width:none;
    font-size:1.45rem;
  }

  .single-content,
  .entry-content{
    max-width:none;
    font-size:15.5px;
    line-height:1.75;
  }

  .single-content p:first-of-type{
    font-size:16px;
    line-height:1.75;
  }

  .single-content table,
  .entry-content table{
    display:block;
    overflow-x:auto;
  }
}

/* ==========================================================================
   LIMANDAYIZ SIGNAL DECK
   An original chart-inspired banner and editorial card system.
   ========================================================================== */
:root{
  --ld-abyss:#062f42;
  --ld-channel:#07566b;
  --ld-current:#0c91a5;
  --ld-foam:#effafa;
  --ld-signal:#ffb25b;
  --ld-chart-line:rgba(136,226,226,.2);
  --ld-curve:cubic-bezier(.2,.78,.22,1);
}

.ld-signal-deck{
  width:min(calc(100% - 56px),var(--max-w));
  min-height:214px;
  margin:18px auto 8px;
  display:grid;
  grid-template-columns:minmax(300px,1.15fr) minmax(250px,.9fr) 174px;
  align-items:stretch;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(74,193,202,.36);
  border-radius:18px 18px 44px 18px;
  background:
    linear-gradient(118deg,rgba(5,43,59,.98),rgba(6,83,104,.96) 58%,rgba(7,54,71,.98)),
    var(--ld-abyss);
  box-shadow:0 22px 52px rgba(5,48,67,.18);
  color:#fff;
}

.ld-signal-deck::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.8%,var(--ld-chart-line) 50%,transparent 50.2%) 0 0/74px 74px,
    linear-gradient(transparent 49.8%,var(--ld-chart-line) 50%,transparent 50.2%) 0 0/74px 74px,
    radial-gradient(circle at 70% 35%,rgba(65,214,214,.17),transparent 30%);
  opacity:.68;
  mask-image:linear-gradient(90deg,transparent 4%,#000 42%,#000);
}

.ld-signal-deck::after{
  content:'LİMANDAYIZ / KIYI SİNYALİ';
  position:absolute;
  right:18px;
  bottom:10px;
  color:rgba(224,252,251,.32);
  font:700 8px/1 var(--mono);
  letter-spacing:2.2px;
}

.ld-signal-copy{
  padding:27px 30px 28px;
  align-self:center;
  position:relative;
  z-index:2;
}

.ld-signal-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#b8eeee;
  font:800 9px/1 var(--sans);
  letter-spacing:2.2px;
}

.ld-signal-pulse{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#79f4d2;
  box-shadow:0 0 0 5px rgba(121,244,210,.1),0 0 18px rgba(121,244,210,.7);
  animation:ldSignalPulse 2.2s ease-in-out infinite;
}

.ld-signal-copy h2{
  margin:0;
  color:#fff;
  font-family:var(--sans);
  font-size:clamp(1.72rem,3vw,2.65rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.ld-signal-copy h2 span{
  color:#a9e9e8;
  font-weight:500;
}

.ld-signal-copy p{
  max-width:52ch;
  margin:12px 0 17px;
  color:rgba(232,252,251,.69);
  font-size:11.5px;
  line-height:1.55;
}

.ld-signal-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}

.ld-signal-primary,
.ld-signal-secondary{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:7px 7px 13px 7px;
  padding:0 13px;
  font:800 9px/1 var(--sans);
  letter-spacing:.8px;
  text-decoration:none;
  transition:transform .22s var(--ld-curve),background .22s ease,border-color .22s ease;
}

.ld-signal-primary{
  border:1px solid rgba(151,240,236,.48);
  background:#e8fafa;
  color:#075269;
}

.ld-signal-primary span{
  font-size:15px;
  transition:transform .22s var(--ld-curve);
}

.ld-signal-primary:hover{
  background:#fff;
  color:#06485b;
  transform:translateY(-2px);
}

.ld-signal-primary:hover span{
  transform:translateX(3px);
}

.ld-signal-secondary{
  border:1px solid rgba(184,238,238,.25);
  background:rgba(255,255,255,.05);
  color:#d9f6f4;
  cursor:pointer;
}

.ld-signal-secondary:hover{
  border-color:rgba(184,238,238,.55);
  background:rgba(255,255,255,.1);
  transform:translateY(-2px);
}

.ld-signal-chart{
  min-height:190px;
  align-self:center;
  position:relative;
  border-left:1px solid rgba(151,240,236,.13);
  border-right:1px solid rgba(151,240,236,.13);
  background:
    radial-gradient(circle at 50% 50%,transparent 0 31px,rgba(140,233,231,.13) 32px 33px,transparent 34px 58px,rgba(140,233,231,.09) 59px 60px,transparent 61px),
    linear-gradient(148deg,transparent 48.9%,rgba(140,233,231,.12) 49.3% 49.8%,transparent 50.2%);
}

.ld-route-line{
  position:absolute;
  height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(137,241,232,.3),#80e4df);
  box-shadow:0 0 10px rgba(128,228,223,.22);
}

.ld-route-line-a{
  width:46%;
  left:16%;
  top:68%;
  transform:rotate(-35deg);
}

.ld-route-line-b{
  width:39%;
  left:53%;
  top:42%;
  transform:rotate(28deg);
}

.ld-route-node{
  position:absolute;
  width:8px;
  height:8px;
  border:2px solid #c7fbf6;
  border-radius:50%;
  background:var(--ld-channel);
  box-shadow:0 0 0 5px rgba(147,239,231,.08);
}

.ld-route-node-a{left:14%;top:66%}
.ld-route-node-b{left:51%;top:39%}
.ld-route-node-c{right:12%;top:61%}

.ld-route-beacon{
  position:absolute;
  left:calc(51% - 20px);
  top:calc(39% - 20px);
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(151,240,236,.2);
  animation:ldBeacon 2.8s ease-out infinite;
}

.ld-chart-label{
  position:absolute;
  color:rgba(213,248,246,.47);
  font:800 7px/1 var(--mono);
  letter-spacing:1.2px;
}

.ld-chart-label-a{left:8%;bottom:12%}
.ld-chart-label-b{right:4%;bottom:21%}
.ld-chart-label-c{left:48%;top:17%}

.ld-signal-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  padding:1px;
  background:rgba(162,235,232,.14);
}

.ld-signal-stat{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 14px;
  background:rgba(4,47,63,.82);
}

.ld-signal-stat-wide{
  grid-column:1/-1;
}

.ld-stat-value{
  color:#fff;
  font:800 1.45rem/1 var(--sans);
  letter-spacing:-.04em;
}

.ld-stat-label{
  margin-top:6px;
  color:rgba(211,246,244,.58);
  font:700 7.5px/1.3 var(--sans);
  letter-spacing:1px;
  text-transform:uppercase;
}

/* Lead story: a chart plate rather than a generic hero block. */
.ld-story-deck{
  counter-reset:ldStory;
  gap:13px;
}

.ld-lead-story{
  border:1px solid rgba(7,86,107,.24);
  border-radius:9px 9px 30px 9px;
  box-shadow:0 16px 38px rgba(5,48,67,.12);
}

.ld-lead-story::after{
  content:'LD / AMİRAL HABER';
  position:absolute;
  z-index:5;
  right:13px;
  top:13px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:5px 5px 10px 5px;
  background:rgba(5,48,67,.58);
  color:#fff;
  font:800 7px/1 var(--mono);
  letter-spacing:1.2px;
  backdrop-filter:blur(8px);
}

.ld-lead-story .hero-main-header{
  min-height:44px;
  border-bottom-color:rgba(7,86,107,.14);
  background:#f7fcfc;
}

.ld-lead-story .hero-main-media-wrap{
  border-radius:0 0 29px 8px;
}

.ld-lead-story .hero-main-overlay{
  padding-bottom:29px;
  background:linear-gradient(to top,rgba(3,35,49,.95),rgba(3,35,49,.28) 62%,transparent);
}

.ld-lead-story .hero-main-title,
.ld-lead-story .hero-meta{
  color:#fff;
}

.ld-lead-story .hero-main-title{
  max-width:21ch;
  letter-spacing:-.035em;
}

.ld-lead-story .hero-meta{
  color:rgba(232,252,251,.68);
}

.ld-story-deck .hero-stack{
  counter-reset:ldStory;
  gap:8px;
}

.ld-story-card{
  counter-increment:ldStory;
  min-height:105px;
  padding:8px 38px 8px 8px;
  border-radius:8px 8px 22px 8px;
  border-color:rgba(7,86,107,.2);
  background:#fff;
  box-shadow:0 8px 22px rgba(5,48,67,.07);
}

.ld-story-card::before{
  content:'';
  inset:auto 12px 12px auto;
  width:19px;
  height:19px;
  border:1px solid rgba(12,145,165,.22);
  border-radius:50%;
  background:
    radial-gradient(circle,#0c91a5 0 2px,transparent 3px),
    conic-gradient(from 20deg,rgba(12,145,165,.18),transparent 35%,rgba(12,145,165,.18));
  opacity:1;
}

.ld-story-card::after{
  content:'0' counter(ldStory);
  position:absolute;
  right:11px;
  top:11px;
  color:#0a8297;
  font:900 8px/1 var(--mono);
  letter-spacing:.5px;
}

.ld-story-card .hero-card-img{
  width:108px;
  height:88px;
  border-radius:6px 6px 17px 6px;
}

.ld-story-card:hover{
  transform:translateX(4px);
  border-color:rgba(12,145,165,.38);
}

/* Tide cards use route identifiers and deliberately varied editorial scale. */
.ld-tide-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:13px;
  counter-reset:ldTide;
}

.ld-tide-card{
  grid-column:span 2;
  counter-increment:ldTide;
  border:1px solid rgba(7,86,107,.2);
  border-radius:8px 8px 25px 8px;
  background:#fff;
  box-shadow:0 9px 24px rgba(5,48,67,.075);
}

.ld-tide-card:nth-child(1){
  grid-column:span 4;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);
}

.ld-tide-card:nth-child(1) .card-thumb{
  height:100%;
  min-height:286px;
}

.ld-tide-card:nth-child(1) .card-img-wrap{
  min-height:100%;
}

.ld-tide-card:nth-child(1) .card-title{
  font-size:clamp(1.05rem,1.8vw,1.42rem);
  line-height:1.2;
}

.ld-tide-card:nth-child(1) .card-excerpt{
  -webkit-line-clamp:5;
}

.ld-tide-card::before{
  content:'ROTA / 0' counter(ldTide);
  position:absolute;
  z-index:4;
  right:10px;
  top:10px;
  padding:5px 7px;
  border:1px solid rgba(222,250,248,.52);
  border-radius:4px 4px 9px 4px;
  background:rgba(5,48,67,.66);
  color:#fff;
  font:800 7px/1 var(--mono);
  letter-spacing:.9px;
  backdrop-filter:blur(6px);
}

.ld-tide-card::after{
  height:3px;
  width:42%;
  right:auto;
  background:linear-gradient(90deg,var(--ld-current),#5fd2d2,transparent);
  opacity:.9;
}

.ld-tide-card .card-thumb{
  height:190px;
  border-radius:0;
}

.ld-tide-card .card-body{
  padding:15px 15px 17px;
}

.ld-tide-card .card-title{
  font-size:14px;
  line-height:1.34;
}

.ld-tide-card:hover{
  transform:translateY(-4px);
  border-color:rgba(12,145,165,.42);
  box-shadow:0 18px 36px rgba(5,48,67,.13);
}

.ld-tide-card:hover .card-thumb{
  transform:scale(1.018);
}

/* Logbook cards read like entries on a ship's bridge. */
.ld-logbook-card{
  min-height:92px;
  padding:10px 45px 10px 10px;
  border-radius:7px 7px 20px 7px;
  border-left:3px solid var(--ld-current);
  background:
    linear-gradient(90deg,rgba(239,250,250,.9),#fff 28%),
    #fff;
}

.ld-logbook-card::before{
  inset:12px 13px auto auto;
  width:19px;
  height:19px;
  border:1px solid rgba(12,145,165,.25);
  border-radius:50%;
  background:
    linear-gradient(90deg,transparent 47%,rgba(12,145,165,.32) 48% 52%,transparent 53%),
    linear-gradient(transparent 47%,rgba(12,145,165,.32) 48% 52%,transparent 53%);
  opacity:1;
}

.ld-logbook-card .list-card-img{
  width:104px;
  height:76px;
  border-radius:5px 5px 15px 5px;
}

.ld-logbook-card:hover{
  transform:translateX(4px);
}

@keyframes ldSignalPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.55;transform:scale(.72)}
}

@keyframes ldBeacon{
  0%{opacity:.8;transform:scale(.25)}
  75%,100%{opacity:0;transform:scale(1.7)}
}

@media(max-width:1100px){
  .ld-signal-deck{
    grid-template-columns:minmax(300px,1.2fr) minmax(220px,.8fr) 150px;
  }

  .ld-signal-copy{
    padding-left:24px;
    padding-right:22px;
  }
}

@media(max-width:900px){
  .ld-signal-deck{
    grid-template-columns:1fr 210px;
  }

  .ld-signal-chart{
    display:none;
  }

  .ld-tide-card:nth-child(1){
    grid-column:span 6;
  }

  .ld-tide-card{
    grid-column:span 3;
  }
}

@media(max-width:768px){
  .ld-signal-deck{
    width:calc(100% - 24px);
    min-height:auto;
    margin:10px auto 7px;
    grid-template-columns:1fr;
    border-radius:13px 13px 30px 13px;
  }

  .ld-signal-copy{
    padding:20px 18px 18px;
  }

  .ld-signal-copy h2{
    max-width:12ch;
    font-size:1.75rem;
  }

  .ld-signal-copy p{
    max-width:40ch;
    margin:10px 0 14px;
    font-size:10.5px;
  }

  .ld-signal-actions{
    gap:7px;
  }

  .ld-signal-primary,
  .ld-signal-secondary{
    min-height:32px;
    padding:0 10px;
    font-size:8px;
  }

  .ld-signal-stats{
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(162,235,232,.14);
  }

  .ld-signal-stat,
  .ld-signal-stat-wide{
    grid-column:auto;
    padding:11px 10px 13px;
  }

  .ld-stat-value{
    font-size:1.05rem;
  }

  .ld-stat-label{
    font-size:6.5px;
  }

  .ld-signal-deck::after{
    display:none;
  }

  .ld-lead-story{
    border-radius:8px 8px 24px 8px;
  }

  .ld-lead-story::after{
    top:9px;
    right:9px;
  }

  .ld-story-card{
    min-height:92px;
    padding-right:34px;
    border-radius:7px 7px 18px 7px;
  }

  .ld-story-card .hero-card-img{
    width:92px;
    height:74px;
  }

  .ld-story-card:hover,
  .ld-logbook-card:hover{
    transform:none;
  }

  .ld-tide-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ld-tide-card,
  .ld-tide-card:nth-child(1){
    grid-column:auto;
    display:grid;
    grid-template-columns:40% minmax(0,1fr);
    min-height:132px;
    border-radius:7px 7px 19px 7px;
  }

  .ld-tide-card .card-img-wrap,
  .ld-tide-card:nth-child(1) .card-img-wrap{
    min-height:100%;
  }

  .ld-tide-card .card-thumb,
  .ld-tide-card:nth-child(1) .card-thumb{
    height:100%;
    min-height:132px;
  }

  .ld-tide-card .card-body{
    padding:12px 11px 11px;
  }

  .ld-tide-card .card-title,
  .ld-tide-card:nth-child(1) .card-title{
    font-size:12.5px;
    line-height:1.3;
  }

  .ld-tide-card .card-excerpt,
  .ld-tide-card:nth-child(1) .card-excerpt{
    display:none;
  }

  .ld-tide-card::before{
    right:auto;
    left:7px;
    top:7px;
  }

  .ld-logbook-card{
    padding-right:34px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-signal-pulse,
  .ld-route-beacon{
    animation:none;
  }
}

/* ==========================================================================
   LIMANDAYIZ SIGNAL BRAND
   Header identity aligned with the Signal Deck design.
   ========================================================================== */
.ld-brand{
  min-width:244px;
  height:54px;
  gap:10px;
  margin-right:22px;
  padding:5px 10px 5px 6px;
  position:relative;
  border:1px solid rgba(7,86,107,.16);
  border-radius:9px 9px 20px 9px;
  background:
    linear-gradient(112deg,rgba(239,250,250,.94),rgba(255,255,255,.78)),
    #fff;
  box-shadow:0 8px 22px rgba(5,48,67,.075);
  overflow:hidden;
}

.ld-brand::after{
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  width:42%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--ld-current));
}

.ld-brand-mark{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:7px 7px 15px 7px;
  background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  overflow:hidden;
}

.ld-brand .brand-logo{
  width:34px;
  height:34px;
  position:relative;
  z-index:2;
  object-fit:cover;
  border:1px solid rgba(220,250,247,.42);
  border-radius:50%;
  box-shadow:none;
  filter:saturate(.92) contrast(1.04);
}

.ld-brand:hover .brand-logo{
  transform:none;
  box-shadow:0 0 0 3px rgba(151,240,236,.1);
}

.ld-brand-orbit{
  position:absolute;
  inset:5px;
  z-index:1;
  border:1px solid rgba(151,240,236,.34);
  border-radius:50%;
  transform:rotate(-28deg) scaleY(.55);
}

.ld-brand-node{
  position:absolute;
  z-index:3;
  right:5px;
  top:7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#80f0d3;
  box-shadow:0 0 0 3px rgba(128,240,211,.12),0 0 8px rgba(128,240,211,.8);
  animation:ldSignalPulse 2.2s ease-in-out infinite;
}

.ld-brand .brand-wordmark{
  gap:3px;
  position:relative;
  z-index:2;
}

.ld-brand .brand-name{
  color:var(--ld-abyss);
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:.075em;
  line-height:1;
}

.ld-brand .brand-liman{
  color:var(--ld-abyss);
  text-shadow:none;
}

.ld-brand .brand-sep{
  margin:0 3px;
  color:rgba(12,145,165,.42);
}

.ld-brand .brand-dayiz{
  color:var(--ld-current);
}

.ld-brand .brand-tagline{
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(5,48,67,.58);
  font:800 6.5px/1 var(--mono);
  letter-spacing:1.35px;
}

.ld-brand-live{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#16a77e;
  box-shadow:0 0 0 3px rgba(22,167,126,.1);
}

.ld-brand-coordinate{
  margin-left:auto;
  padding-left:8px;
  border-left:1px solid rgba(7,86,107,.15);
  color:rgba(5,48,67,.38);
  font:900 6px/1.45 var(--mono);
  letter-spacing:1px;
  text-align:right;
}

.site-header.scrolled .ld-brand{
  background:rgba(247,252,252,.94);
  box-shadow:0 6px 18px rgba(5,48,67,.08);
}

/* The former standalone mobile radar/schedule cards are retired. */
.mobile-maritime-actions{
  display:none!important;
}

@media(max-width:768px){
  .ld-brand{
    min-width:0;
    width:auto;
    height:48px;
    gap:8px;
    margin-right:8px;
    padding:4px 8px 4px 4px;
    border-radius:8px 8px 17px 8px;
  }

  .ld-brand-mark{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:6px 6px 13px 6px;
  }

  .ld-brand .brand-logo{
    width:30px;
    height:30px;
  }

  .ld-brand .brand-name{
    font-size:.9rem;
    letter-spacing:.055em;
  }

  .ld-brand .brand-tagline{
    max-width:118px;
    overflow:hidden;
    font-size:5.5px;
    letter-spacing:.8px;
    white-space:nowrap;
  }

  .ld-brand-coordinate{
    display:none;
  }
}

@media(max-width:390px){
  .ld-brand{
    padding-right:6px;
  }

  .ld-brand .brand-tagline{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-brand-node{
    animation:none;
  }
}

/* ==========================================================================
   LIMANDAYIZ NAVIGATION DECK
   Brand and navigation operate as one continuous bridge panel.
   ========================================================================== */
.site-header{
  height:76px;
  padding:7px 14px;
  background:rgba(238,249,250,.82);
  border:0;
  box-shadow:none;
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
}

.site-header::after{
  display:none;
}

.site-header.scrolled{
  background:rgba(238,249,250,.92);
  box-shadow:0 7px 24px rgba(5,48,67,.07);
}

.ld-nav-deck{
  max-width:var(--max-w);
  height:62px;
  margin:0 auto;
  padding:0 8px 0 7px;
  position:relative;
  border:1px solid rgba(130,224,221,.2);
  border-radius:12px 12px 27px 12px;
  background:
    linear-gradient(105deg,rgba(4,42,58,.99),rgba(6,79,97,.98) 58%,rgba(4,47,64,.99)),
    var(--ld-abyss);
  box-shadow:0 13px 34px rgba(5,48,67,.2);
  overflow:hidden;
}

.ld-nav-deck::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(151,240,236,.07) 50%,transparent 50.3%) 0 0/58px 58px,
    linear-gradient(transparent 49.7%,rgba(151,240,236,.06) 50%,transparent 50.3%) 0 0/58px 58px;
  opacity:.68;
  mask-image:linear-gradient(90deg,transparent,#000 32%,#000);
}

.ld-nav-deck::after{
  content:'';
  position:absolute;
  left:7px;
  right:24px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,#73e5dc,rgba(115,229,220,.18) 38%,transparent 72%);
}

.ld-nav-deck .ld-brand{
  min-width:235px;
  height:100%;
  gap:10px;
  margin:0 16px 0 0;
  padding:0 17px 0 2px;
  border:0;
  border-right:1px solid rgba(176,238,235,.17);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.ld-nav-deck .ld-brand::after{
  display:none;
}

.ld-nav-deck .ld-brand-mark{
  width:45px;
  height:45px;
  flex-basis:45px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(174,241,237,.2);
}

.ld-nav-deck .ld-brand .brand-name,
.ld-nav-deck .ld-brand .brand-liman{
  color:#f5ffff;
}

.ld-nav-deck .ld-brand .brand-dayiz{
  color:#86e6e2;
}

.ld-nav-deck .ld-brand .brand-sep{
  color:rgba(134,230,226,.55);
}

.ld-nav-deck .ld-brand .brand-tagline{
  color:rgba(218,250,247,.55);
}

.ld-nav-deck .ld-brand-coordinate{
  color:rgba(218,250,247,.34);
  border-left-color:rgba(176,238,235,.17);
}

.site-header.scrolled .ld-brand{
  background:transparent;
  box-shadow:none;
}

.ld-deck-menu{
  min-width:0;
  height:100%;
  gap:2px;
  position:relative;
  z-index:2;
}

.ld-deck-menu > a{
  height:36px;
  margin:0;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:6px 6px 13px 6px;
  color:rgba(229,251,249,.68);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.06em;
}

.ld-deck-menu > a::after{
  left:9px;
  right:9px;
  bottom:4px;
  height:1px;
  background:#79e4dd;
}

.ld-deck-menu > a:hover,
.ld-deck-menu > a.active{
  border-color:rgba(151,240,236,.18);
  background:rgba(255,255,255,.07);
  color:#fff;
}

.ld-deck-menu .btn-nav{
  min-height:38px;
  margin-left:auto;
  padding:0 12px!important;
  border:1px solid rgba(137,244,221,.32)!important;
  border-radius:7px 7px 15px 7px;
  background:rgba(119,231,218,.11)!important;
  color:#dffcf8!important;
  box-shadow:none;
  font-size:9px!important;
}

.ld-deck-menu .btn-nav:hover{
  background:rgba(119,231,218,.2)!important;
  box-shadow:none!important;
}

.ld-nav-live-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7df0cf;
  box-shadow:0 0 0 4px rgba(125,240,207,.1),0 0 9px rgba(125,240,207,.55);
  animation:ldSignalPulse 2.2s ease-in-out infinite;
}

.ld-deck-menu .ld-nav-account,
.ld-deck-menu .ld-nav-admin,
.ld-deck-menu .ld-nav-register{
  padding-left:8px;
  padding-right:8px;
  color:rgba(229,251,249,.6);
  font-size:8.5px;
}

.ld-deck-menu .ld-nav-admin{
  color:#9cebe6;
}

.ld-deck-menu .ld-nav-register{
  height:30px;
  align-self:center;
  border-color:rgba(151,240,236,.22);
  color:#dffcf8;
}

.page-body{
  padding-top:76px;
}

@media(max-width:1180px){
  .ld-nav-deck .ld-brand{
    min-width:205px;
    margin-right:8px;
    padding-right:9px;
  }

  .ld-brand-coordinate{
    display:none;
  }

  .ld-deck-menu > a{
    padding-left:7px;
    padding-right:7px;
    font-size:8.5px;
  }

  .ld-deck-menu .ld-nav-account,
  .ld-deck-menu .ld-nav-admin,
  .ld-deck-menu .ld-nav-register{
    display:none;
  }
}

@media(max-width:1024px){
  .site-header{
    height:68px;
    padding:5px 8px;
  }

  .ld-nav-deck{
    width:100%;
    height:58px;
    padding:0 8px 0 5px;
    border-radius:10px 10px 23px 10px;
  }

  .ld-nav-deck .ld-brand{
    min-width:0;
    height:100%;
    margin:0;
    padding-right:10px;
    border-right:0;
  }

  .ld-nav-deck .ld-brand-mark{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .ld-nav-deck .ld-brand .brand-logo{
    width:32px;
    height:32px;
  }

  .ld-deck-menu{
    display:none;
  }

  .hamburger{
    width:42px;
    height:42px;
    margin-left:auto;
    padding:13px 11px;
    display:flex;
    position:relative;
    z-index:3;
    border:1px solid rgba(151,240,236,.2);
    border-radius:7px 7px 15px 7px;
    background:rgba(255,255,255,.06);
  }

  .hamburger span{
    height:1px;
    background:#dffcf8;
  }

  .mobile-menu{
    top:68px;
    left:8px;
    right:8px;
    padding:10px;
    border:1px solid rgba(151,240,236,.2);
    border-radius:10px 10px 24px 10px;
    background:linear-gradient(150deg,rgba(4,42,58,.99),rgba(6,79,97,.99));
    box-shadow:0 18px 40px rgba(5,48,67,.25);
  }

  .mobile-menu a{
    padding:12px 11px;
    border-bottom-color:rgba(151,240,236,.11);
    color:rgba(232,252,250,.78);
    font-size:11px;
    font-weight:700;
  }

  .mobile-menu a:hover{
    color:#fff;
    background:rgba(255,255,255,.055);
  }

  .mobile-menu .btn-nav-m{
    margin-top:7px!important;
    border:1px solid rgba(137,244,221,.28)!important;
    border-radius:7px 7px 16px 7px;
    background:rgba(119,231,218,.12);
    color:#e4fffb!important;
  }

  .mobile-menu .ld-mobile-register{
    margin-top:5px;
    border:1px solid rgba(151,240,236,.18);
    border-radius:7px 7px 15px 7px;
    color:#9cebe6;
    text-align:center;
  }

  .page-body{
    padding-top:68px;
  }
}

@media(max-width:768px){
  .site-header{
    height:64px;
    padding:5px 6px;
  }

  .ld-nav-deck{
    height:54px;
    border-radius:9px 9px 21px 9px;
  }

  .ld-nav-deck .ld-brand{
    width:auto;
    gap:8px;
    padding:0;
    background:transparent;
    border:0;
  }

  .ld-nav-deck .ld-brand-mark{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:6px 6px 13px 6px;
  }

  .ld-nav-deck .ld-brand .brand-logo{
    width:29px;
    height:29px;
  }

  .ld-nav-deck .ld-brand .brand-name{
    font-size:.88rem;
    letter-spacing:.045em;
  }

  .ld-nav-deck .ld-brand .brand-tagline{
    max-width:130px;
    display:flex;
    font-size:5.4px;
    letter-spacing:.7px;
  }

  .hamburger{
    width:38px;
    height:38px;
    padding:11px 9px;
  }

  .mobile-menu{
    top:64px;
    left:6px;
    right:6px;
  }

  .page-body{
    padding-top:64px;
  }
}

@media(max-width:390px){
  .ld-nav-deck .ld-brand .brand-tagline{
    display:flex;
    max-width:102px;
  }

  .ld-nav-deck .ld-brand .brand-name{
    font-size:.8rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-nav-live-dot{
    animation:none;
  }
}

/* Navigation Deck motion: restrained, nautical, and mobile-safe. */
.ld-nav-deck{
  animation:ldDeckArrival .72s var(--ld-curve) both;
}

.ld-nav-deck::after{
  width:44%;
  right:auto;
  animation:ldRouteSignal 5.5s ease-in-out infinite;
}

.ld-brand-orbit{
  animation:ldBrandOrbit 8s linear infinite;
}

.ld-brand-node{
  animation:ldNodeVoyage 4.2s ease-in-out infinite;
}

.ld-deck-menu > a.active{
  animation:ldActiveSignal 3.4s ease-in-out infinite;
}

.ld-deck-menu > a:hover{
  transform:translateY(-1px);
}

.hamburger{
  transition:background .22s ease,border-color .22s ease,transform .22s var(--ld-curve);
}

.hamburger:hover{
  border-color:rgba(151,240,236,.42);
  background:rgba(255,255,255,.11);
  transform:translateY(-1px);
}

.mobile-menu.open{
  animation:ldMenuReveal .28s var(--ld-curve) both;
}

@keyframes ldDeckArrival{
  from{opacity:0;transform:translateY(-12px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes ldRouteSignal{
  0%,100%{left:7px;opacity:.38;transform:scaleX(.35);transform-origin:left}
  45%,55%{left:28%;opacity:1;transform:scaleX(1);transform-origin:center}
  90%{left:55%;opacity:.2;transform:scaleX(.3);transform-origin:right}
}

@keyframes ldBrandOrbit{
  from{transform:rotate(-28deg) scaleY(.55)}
  to{transform:rotate(332deg) scaleY(.55)}
}

@keyframes ldNodeVoyage{
  0%,100%{right:5px;top:7px;opacity:1}
  50%{right:31px;top:31px;opacity:.55}
}

@keyframes ldActiveSignal{
  0%,100%{box-shadow:inset 0 0 0 rgba(121,228,221,0)}
  50%{box-shadow:inset 0 -18px 28px rgba(121,228,221,.065)}
}

@keyframes ldMenuReveal{
  from{opacity:0;transform:translateY(-7px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:768px){
  .ld-nav-deck{
    animation-duration:.48s;
  }

  .ld-nav-deck::after{
    animation-duration:4.8s;
  }

  .ld-brand-orbit{
    animation-duration:10s;
  }

  .hamburger:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-nav-deck,
  .ld-nav-deck::after,
  .ld-brand-orbit,
  .ld-brand-node,
  .ld-deck-menu > a.active,
  .mobile-menu.open{
    animation:none;
  }

  .ld-deck-menu > a:hover,
  .hamburger:hover{
    transform:none;
  }
}

/* ==========================================================================
   LIMANDAYIZ UNIFIED COMPONENT DECK
   Route menu, section controls, sidebar consoles, and remaining cards.
   ========================================================================== */
.ld-route-menu{
  width:min(calc(100% - 56px),var(--max-w));
  margin:9px auto 0;
  padding:8px;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  border:1px solid rgba(7,86,107,.17);
  border-radius:10px 10px 25px 10px;
  background:rgba(247,252,252,.88);
  box-shadow:0 9px 25px rgba(5,48,67,.075);
  overflow:hidden;
}

.ld-route-menu .filter-date{
  min-width:0;
  display:flex;
  align-items:center;
  padding:0 12px;
  border-radius:6px 6px 16px 6px;
  background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  color:rgba(227,251,249,.68);
  font-size:7.5px;
  line-height:1.45;
  letter-spacing:1.1px;
}

.ld-route-menu .filter-date::before{
  content:'SİNYAL · ';
  color:#8ce7e1;
}

.ld-route-menu .filter-left{
  gap:5px;
  padding:0;
}

.ld-route-menu .tab-btn,
.ld-route-menu .tab-radar{
  min-width:100px;
  min-height:48px;
  height:48px;
  padding:5px 9px;
  flex:1 0 auto;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(7,86,107,.13);
  border-radius:6px 6px 16px 6px;
  background:#fff;
  box-shadow:none;
  color:rgba(5,48,67,.68);
  transition:transform .22s var(--ld-curve),border-color .22s ease,background .22s ease,color .22s ease;
}

.ld-route-menu .tab-btn::after,
.ld-route-menu .tab-radar::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:38%;
  height:2px;
  background:linear-gradient(90deg,var(--ld-current),transparent);
  opacity:.36;
}

.ld-route-menu .tab-btn-icon,
.ld-route-menu .tab-radar .tab-btn-icon{
  width:20px;
  height:20px;
  border:1px solid rgba(12,145,165,.13);
  border-radius:4px 4px 9px 4px;
  background:rgba(12,145,165,.055);
  color:var(--ld-current);
}

.ld-route-menu .tab-btn-text{
  color:inherit;
  font-size:8px;
  font-weight:800;
  letter-spacing:.55px;
}

.ld-route-menu .tab-btn:hover,
.ld-route-menu .tab-radar:hover{
  transform:translateY(-2px);
  border-color:rgba(12,145,165,.34);
  background:var(--ld-foam);
  color:var(--ld-abyss);
}

.ld-route-menu .tab-btn.active{
  border-color:rgba(130,224,221,.25);
  background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  color:#fff;
  box-shadow:0 8px 18px rgba(5,48,67,.15);
}

.ld-route-menu .tab-btn.active::after{
  width:66%;
  opacity:1;
  background:linear-gradient(90deg,#7de7df,transparent);
  animation:ldComponentSignal 3.8s ease-in-out infinite;
}

.ld-route-menu .tab-btn.active .tab-btn-icon{
  border-color:rgba(183,245,240,.25);
  background:rgba(255,255,255,.08);
  color:#a4eee9;
}

.section-hdr{
  min-height:42px;
  margin-bottom:13px;
  padding:0 9px 0 12px;
  border:1px solid rgba(7,86,107,.14);
  border-radius:7px 7px 18px 7px;
  background:linear-gradient(90deg,rgba(239,250,250,.96),rgba(255,255,255,.88));
}

.section-hdr::after{
  display:block;
  left:0;
  bottom:0;
  width:32%;
  height:2px;
  background:linear-gradient(90deg,var(--ld-current),transparent);
}

.section-hdr h2{
  color:var(--ld-abyss);
  font-size:8.5px;
  letter-spacing:2px;
}

.section-hdr h2::before{
  width:18px;
  height:18px;
  border:1px solid rgba(12,145,165,.22);
  border-radius:50%;
  background:
    radial-gradient(circle,var(--ld-current) 0 2px,transparent 3px),
    conic-gradient(rgba(12,145,165,.18),transparent 34%,rgba(12,145,165,.18));
  box-shadow:none;
}

.section-hdr a{
  padding:6px 9px;
  border:1px solid rgba(7,86,107,.13);
  border-radius:5px 5px 11px 5px;
  color:rgba(5,48,67,.61);
  font-size:8px;
  font-weight:800;
}

.section-hdr a:hover{
  border-color:rgba(12,145,165,.34);
  background:#fff;
  color:var(--ld-current);
}

.ld-port-console,
.ld-popular-console,
.sidebar-widget,
.track-card{
  border:1px solid rgba(7,86,107,.18);
  border-radius:8px 8px 24px 8px;
  background:#fff;
  box-shadow:0 10px 27px rgba(5,48,67,.08);
  overflow:hidden;
}

.ld-port-console{
  position:relative;
}

.ld-port-console::after,
.ld-popular-console::after,
.sidebar-widget::after,
.track-card::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:42%;
  height:2px;
  background:linear-gradient(90deg,var(--ld-current),#72ddd9,transparent);
  pointer-events:none;
}

.ld-port-console .ksa-head,
.ld-popular-console .sidebar-box-hdr,
.sidebar-widget-title{
  min-height:48px;
  border:0;
  border-bottom:1px solid rgba(151,240,236,.13);
  background:
    linear-gradient(115deg,rgba(4,42,58,.99),rgba(6,79,97,.97)),
    var(--ld-abyss);
  color:#fff;
}

.ld-port-console .ksa-head::after{
  background:linear-gradient(90deg,#7de7df,transparent);
  opacity:.68;
}

.ld-port-console .ksa-head-port{
  color:#90e9e4;
  font-size:7px;
  letter-spacing:1.4px;
}

.ld-port-console .ksa-head-title{
  color:#fff;
  font-size:11px;
}

.ld-port-console .ksa-sonar{
  border-color:rgba(151,240,236,.24);
  background:rgba(255,255,255,.045);
}

.ld-port-console .ksa-ticker-bar{
  border-color:rgba(7,86,107,.12);
  background:var(--ld-foam);
}

.ld-port-console .ksa-ticker-label{
  background:var(--ld-current);
  color:#fff;
}

.ld-port-console .ksa-row{
  min-height:55px;
  border-bottom-color:rgba(7,86,107,.1);
  background:#fff;
}

.ld-port-console .ksa-row:hover{
  background:var(--ld-foam);
}

.ld-port-console .ksa-row-num{
  color:var(--ld-current);
  font-weight:900;
}

.ld-port-console .ksa-row-ship{
  color:var(--ld-abyss);
  font-weight:800;
}

.ld-port-console .ksa-row-dot{
  background:var(--ld-current);
  box-shadow:0 0 0 4px rgba(12,145,165,.09);
}

.ksa-empty{
  margin:0;
  padding:24px 15px;
  color:rgba(5,48,67,.6);
  font-size:11px;
  text-align:center;
}

.ksa-track-action{
  padding:12px;
  border-top:1px solid rgba(7,86,107,.1);
  background:var(--ld-foam);
}

.ld-port-console .btn-track{
  border:1px solid rgba(151,240,236,.23);
  border-radius:6px 6px 15px 6px;
  background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  color:#fff;
  box-shadow:none;
}

.ld-port-console .btn-track:hover{
  background:linear-gradient(145deg,var(--ld-channel),var(--ld-current));
  transform:translateY(-1px);
}

.ld-port-console .ksa-cta{
  border-top-color:rgba(7,86,107,.11);
  background:#fff;
  color:var(--ld-current);
}

.ld-popular-console .sidebar-box-hdr,
.sidebar-widget-title{
  padding:0 14px;
  color:#fff;
  font-size:8px;
  letter-spacing:1.8px;
}

.ld-popular-console .sidebar-box-hdr::before,
.sidebar-widget-title::before{
  width:17px;
  height:17px;
  border:1px solid rgba(151,240,236,.26);
  border-radius:50%;
  background:
    radial-gradient(circle,#82e8e1 0 2px,transparent 3px),
    conic-gradient(rgba(151,240,236,.2),transparent 40%,rgba(151,240,236,.2));
}

.ld-popular-console .popular-list{
  padding:5px;
}

.ld-popular-console .popular-item{
  min-height:53px;
  gap:9px;
  margin-bottom:3px;
  padding:8px 9px;
  border:1px solid transparent;
  border-bottom-color:rgba(7,86,107,.08);
  border-radius:5px 5px 13px 5px;
}

.ld-popular-console .popular-item:last-child{
  margin-bottom:0;
}

.ld-popular-console .popular-item:hover{
  border-color:rgba(12,145,165,.18);
  background:var(--ld-foam);
}

.ld-popular-console .popular-num{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid rgba(12,145,165,.2);
  border-radius:50%;
  color:var(--ld-current);
  font-size:8px;
  font-weight:900;
}

.ld-popular-console .popular-title{
  color:var(--ld-abyss);
  font-family:var(--sans);
  font-size:11.5px;
  font-weight:700;
  line-height:1.35;
}

.cat-badge,
.cat-badge.cat-cruise,
.cat-badge.cat-port,
.cat-badge.cat-world,
.cat-badge.cat-coastal,
.cat-badge.cat-travel,
.cat-badge.cat-genel{
  min-height:20px;
  padding:0 7px;
  border:1px solid rgba(151,240,236,.31);
  border-radius:4px 4px 9px 4px;
  background:rgba(4,47,64,.72);
  color:#ecfffd;
  font-size:7px;
  letter-spacing:.85px;
  backdrop-filter:blur(7px);
  box-shadow:none;
}

.panel-tabs{
  gap:4px;
  padding:5px;
  border-bottom:1px solid rgba(151,240,236,.14);
  background:var(--ld-abyss);
}

.panel-tab{
  border:1px solid transparent;
  border-radius:6px 6px 14px 6px;
  color:rgba(231,252,250,.62);
}

.panel-tab.active{
  border-color:rgba(151,240,236,.22);
  background:rgba(255,255,255,.07);
  color:#fff;
}

@keyframes ldComponentSignal{
  0%,100%{transform:scaleX(.3);transform-origin:left;opacity:.5}
  50%{transform:scaleX(1);transform-origin:left;opacity:1}
}

@media(max-width:1024px){
  .ld-route-menu{
    grid-template-columns:1fr;
  }

  .ld-route-menu .filter-date{
    display:none;
  }
}

@media(max-width:768px){
  .ld-route-menu{
    width:calc(100% - 12px);
    margin-top:5px;
    padding:5px;
    border-radius:8px 8px 20px 8px;
  }

  .ld-route-menu .filter-left{
    gap:5px;
    padding:0 0 2px;
  }

  .ld-route-menu .tab-btn,
  .ld-route-menu .tab-radar{
    min-width:88px;
    height:42px;
    min-height:42px;
    padding:4px 7px;
  }

  .ld-route-menu .tab-btn:hover,
  .ld-route-menu .tab-radar:hover{
    transform:none;
  }

  .ld-route-menu .tab-btn-icon,
  .ld-route-menu .tab-radar .tab-btn-icon{
    width:17px;
    height:17px;
  }

  .ld-route-menu .tab-btn-text{
    font-size:7px;
  }

  .section-hdr{
    min-height:38px;
    margin-bottom:9px;
  }

  .ld-port-console,
  .ld-popular-console,
  .sidebar-widget,
  .track-card{
    border-radius:7px 7px 20px 7px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-route-menu .tab-btn.active::after{
    animation:none;
  }
}

/* Remaining reusable cards follow the same route-plate construction. */
.related-card,
.strip-card,
.post-nav-item,
.port-item,
.tracking-item,
.category-drawer-item,
.pwa-prompt-card,
.pwa-instructions-box{
  position:relative;
  border:1px solid rgba(7,86,107,.17);
  border-radius:7px 7px 19px 7px;
  background:#fff;
  box-shadow:0 8px 22px rgba(5,48,67,.07);
  overflow:hidden;
}

.related-card::after,
.strip-card::after,
.post-nav-item::after,
.port-item::after,
.tracking-item::after,
.category-drawer-item::after,
.pwa-prompt-card::after,
.pwa-instructions-box::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:38%;
  height:2px;
  background:linear-gradient(90deg,var(--ld-current),#72ddd9,transparent);
  pointer-events:none;
}

.related-card:hover,
.strip-card:hover,
.post-nav-item:hover,
.port-item:hover,
.tracking-item:hover,
.category-drawer-item:hover{
  transform:translateY(-2px);
  border-color:rgba(12,145,165,.34);
  background:var(--ld-foam);
  box-shadow:0 13px 28px rgba(5,48,67,.11);
}

.related-card,
.strip-card{
  border-radius:8px 8px 23px 8px;
}

.related-card-img,
.strip-card-img{
  filter:saturate(.94) contrast(1.03);
}

.strip-card-overlay{
  background:linear-gradient(to top,rgba(3,35,49,.94),rgba(3,35,49,.22) 72%,transparent);
}

.strip-card-title,
.strip-card-meta{
  color:#fff;
}

.post-nav-item{
  padding:13px 15px;
}

.pn-dir{
  color:var(--ld-current);
}

.port-list,
.sidebar-list{
  padding:5px;
}

.port-item,
.sidebar-list li,
.tracking-item,
.category-drawer-item{
  min-height:42px;
  margin-bottom:3px;
  padding:8px 10px;
  border-bottom-color:rgba(7,86,107,.08);
}

.port-name,
.sidebar-list a{
  color:var(--ld-abyss);
  font-weight:700;
}

.port-region,
.sidebar-num{
  color:var(--ld-current);
}

.sidebar-tag{
  border:1px solid rgba(7,86,107,.16);
  border-radius:5px 5px 11px 5px;
  background:var(--ld-foam);
  color:rgba(5,48,67,.67);
}

.sidebar-tag:hover{
  border-color:rgba(12,145,165,.34);
  background:#fff;
  color:var(--ld-current);
}

.pwa-prompt-card,
.pwa-instructions-box{
  color:var(--ld-abyss);
  background:
    linear-gradient(135deg,rgba(239,250,250,.98),rgba(255,255,255,.98)),
    #fff;
}

@media(max-width:768px){
  .related-card:hover,
  .strip-card:hover,
  .post-nav-item:hover,
  .port-item:hover,
  .tracking-item:hover,
  .category-drawer-item:hover{
    transform:none;
  }
}

/* ==========================================================================
   LIMANDAYIZ FOOTER SIGNAL STATION
   Final site area aligned with the Navigation and Signal Decks.
   ========================================================================== */
.ld-footer-deck{
  margin:54px 10px 10px;
  padding:8px 0 0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(130,224,221,.2);
  border-radius:16px 16px 42px 16px;
  background:
    linear-gradient(112deg,rgba(4,37,52,.995),rgba(5,71,88,.99) 58%,rgba(3,42,57,.995)),
    var(--ld-abyss);
  box-shadow:0 -12px 38px rgba(5,48,67,.12),0 20px 45px rgba(5,48,67,.2);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#fff;
}

.ld-footer-deck::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(151,240,236,.055) 50%,transparent 50.3%) 0 0/72px 72px,
    linear-gradient(transparent 49.7%,rgba(151,240,236,.045) 50%,transparent 50.3%) 0 0/72px 72px,
    radial-gradient(circle at 12% 28%,rgba(81,213,210,.12),transparent 27%);
  opacity:.7;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.82),transparent 92%);
}

.ld-footer-deck::after{
  content:'LİMANDAYIZ · KIYI SİNYAL AĞI';
  position:absolute;
  right:20px;
  bottom:12px;
  color:rgba(218,250,247,.23);
  font:800 6px/1 var(--mono);
  letter-spacing:1.8px;
}

.ld-footer-deck .container{
  max-width:none;
  padding:0;
  position:relative;
  z-index:2;
}

.ld-footer-deck .footer-grid{
  max-width:var(--max-w);
  margin:0 auto;
  padding:30px 28px 24px;
  grid-template-columns:minmax(260px,1.65fr) repeat(3,minmax(135px,.75fr));
  gap:10px;
}

.ld-footer-deck .footer-brand,
.ld-footer-deck .footer-col{
  min-width:0;
  position:relative;
  padding:17px;
  border:1px solid rgba(151,240,236,.12);
  border-radius:8px 8px 22px 8px;
  background:rgba(255,255,255,.035);
}

.ld-footer-deck .footer-brand{
  padding:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
}

.ld-footer-deck .footer-brand::after,
.ld-footer-deck .footer-col::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:42%;
  height:2px;
  background:linear-gradient(90deg,#73e5dc,transparent);
  opacity:.62;
}

.ld-footer-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  color:#9cebe6;
  font:800 7px/1 var(--sans);
  letter-spacing:1.6px;
}

.ld-footer-pulse{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7df0cf;
  box-shadow:0 0 0 4px rgba(125,240,207,.1),0 0 10px rgba(125,240,207,.55);
  animation:ldSignalPulse 2.2s ease-in-out infinite;
}

.ld-footer-deck .footer-brand .brand-title{
  display:flex;
  align-items:center;
  gap:0;
  color:#f5ffff;
  font-family:var(--sans);
  font-size:clamp(1.35rem,2vw,1.8rem);
  font-weight:900;
  line-height:1;
  letter-spacing:.06em;
}

.ld-footer-deck .footer-brand .brand-title em{
  color:#86e6e2;
  font-style:normal;
}

.ld-footer-coordinate{
  margin-left:auto;
  padding:5px 7px;
  border:1px solid rgba(151,240,236,.18);
  border-radius:5px 5px 11px 5px;
  color:rgba(218,250,247,.48);
  font:900 7px/1 var(--mono);
  letter-spacing:1px;
}

.ld-footer-deck .footer-desc{
  max-width:46ch;
  margin-top:12px;
  color:rgba(226,250,248,.63);
  font-family:var(--sans);
  font-size:11px;
  line-height:1.7;
}

.ld-footer-deck .footer-manifesto{
  margin-top:8px;
  color:#a4e8e4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}

.ld-footer-deck .footer-col-title{
  min-height:30px;
  margin:0 0 9px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(151,240,236,.13);
  color:#e9fffd;
  font-family:var(--sans);
  font-size:8px;
  font-weight:900;
  line-height:1.3;
  letter-spacing:1.45px;
}

.ld-footer-deck .footer-col-title::before{
  content:'';
  width:5px;
  height:5px;
  display:inline-block;
  margin:0 7px 1px 0;
  border-radius:50%;
  background:#75dfd9;
  box-shadow:0 0 0 3px rgba(117,223,217,.08);
}

.ld-footer-deck .footer-links{
  margin:0;
  padding:0;
}

.ld-footer-deck .footer-links li{
  margin:0 0 3px;
}

.ld-footer-deck .footer-links a{
  min-height:31px;
  display:flex;
  align-items:center;
  padding:5px 8px;
  border:1px solid transparent;
  border-radius:5px 5px 12px 5px;
  color:rgba(226,250,248,.58);
  font-family:var(--sans);
  font-size:10px;
  font-weight:600;
  line-height:1.25;
  transition:transform .2s var(--ld-curve),background .2s ease,border-color .2s ease,color .2s ease;
}

.ld-footer-deck .footer-links a::before{
  content:'';
  width:8px;
  height:1px;
  margin-right:7px;
  background:rgba(117,223,217,.48);
}

.ld-footer-deck .footer-links a:hover{
  transform:translateX(2px);
  border-color:rgba(151,240,236,.14);
  background:rgba(255,255,255,.05);
  color:#fff;
}

.footer-data-note,
.ld-footer-deck .footer-col div[style*="rgba(212,168,71"]{
  margin-top:13px!important;
  padding:10px!important;
  border:1px solid rgba(151,240,236,.13)!important;
  border-radius:6px 6px 15px 6px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(226,250,248,.54)!important;
  font-family:var(--sans)!important;
  font-size:8.5px!important;
  line-height:1.55!important;
}

.ld-footer-deck .footer-bottom{
  max-width:var(--max-w);
  margin:0 auto;
  padding:15px 28px 21px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  border-top:1px solid rgba(151,240,236,.13);
  color:rgba(226,250,248,.48);
}

.ld-footer-deck .footer-copyright{
  max-width:78ch;
  color:inherit;
  font-family:var(--sans);
  font-size:8.5px;
  line-height:1.55;
}

.ld-footer-deck .footer-copy-main{
  margin-bottom:4px;
  color:#dffcf9;
  font-family:var(--sans);
  font-size:9px;
  font-weight:700;
  letter-spacing:.03em;
}

.ld-footer-deck .footer-copy-notice,
.ld-footer-deck .footer-copy-sub,
.ld-footer-deck .footer-copy{
  color:rgba(226,250,248,.48);
  font-family:var(--sans);
  font-size:8.5px;
  line-height:1.55;
}

.ld-footer-deck .footer-copy-sub{
  margin-top:3px;
}

.ld-footer-deck .footer-bottom > p{
  margin:0 0 4px;
  color:rgba(226,250,248,.4);
  font-family:var(--sans);
  font-size:8px;
  font-weight:700;
  letter-spacing:.65px;
  white-space:nowrap;
}

.ld-footer-deck .footer-bottom a{
  color:#91e7e2;
}

.ld-footer-deck .footer-bottom a:hover{
  color:#fff;
}

.ld-footer-deck .footer-social a{
  border-color:rgba(151,240,236,.15);
  border-radius:5px 5px 12px 5px;
  background:rgba(255,255,255,.04);
  color:#9cebe6;
}

.ld-footer-deck .footer-social a:hover{
  border-color:rgba(151,240,236,.35);
  background:rgba(255,255,255,.09);
  color:#fff;
}

@media(max-width:1024px){
  .ld-footer-deck .footer-grid{
    grid-template-columns:1.4fr repeat(2,1fr);
  }

  .ld-footer-deck .footer-col:last-child{
    grid-column:2/-1;
  }
}

@media(max-width:768px){
  .ld-footer-deck{
    margin:34px 6px 6px;
    border-radius:11px 11px 28px 11px;
  }

  .ld-footer-deck::after{
    display:none;
  }

  .ld-footer-deck .footer-grid{
    padding:12px 8px 8px;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }

  .ld-footer-deck .footer-brand{
    grid-column:1/-1;
    padding:16px;
  }

  .ld-footer-deck .footer-col,
  .ld-footer-deck .footer-col:last-child{
    grid-column:auto;
    padding:12px;
    border-radius:7px 7px 18px 7px;
  }

  .ld-footer-deck .footer-col:last-child{
    grid-column:1/-1;
  }

  .ld-footer-deck .footer-brand .brand-title{
    font-size:1.25rem;
  }

  .ld-footer-deck .footer-desc{
    font-size:9.5px;
  }

  .ld-footer-deck .footer-links a{
    min-height:28px;
    padding:4px 5px;
    font-size:8.5px;
  }

  .ld-footer-deck .footer-bottom{
    padding:12px 12px 17px;
    grid-template-columns:1fr;
    gap:9px;
  }

  .ld-footer-deck .footer-bottom > p{
    white-space:normal;
  }
}

@media(max-width:420px){
  .ld-footer-deck .footer-grid{
    grid-template-columns:1fr;
  }

  .ld-footer-deck .footer-col,
  .ld-footer-deck .footer-col:last-child{
    grid-column:1;
  }
}

@media(prefers-reduced-motion:reduce){
  .ld-footer-pulse{
    animation:none;
  }
}

/* Large-story contrast lock: dark editorial surfaces with readable type. */
.ld-lead-story{
  background:var(--ld-abyss);
  border-color:rgba(130,224,221,.28);
}

.ld-lead-story .hero-main-header{
  background:linear-gradient(110deg,var(--ld-abyss),var(--ld-channel));
  border-bottom-color:rgba(151,240,236,.14);
}

.ld-lead-story .hero-main-overlay{
  padding-top:145px;
  background:
    linear-gradient(to top,rgba(2,28,40,.99) 0%,rgba(3,43,57,.91) 48%,rgba(3,43,57,.12) 100%);
}

.ld-lead-story .hero-main-title,
.ld-lead-story .hero-main-title a{
  color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.34);
}

.ld-lead-story .hero-main-title a:hover{
  color:#a7efea;
}

.ld-lead-story .hero-meta{
  color:rgba(231,252,250,.72);
}

.ld-lead-story .hero-meta-sep{
  background:#79e4dd;
}

.ld-tide-card:nth-child(1){
  border-color:rgba(130,224,221,.26);
  background:
    linear-gradient(145deg,rgba(4,42,58,.995),rgba(6,79,97,.98)),
    var(--ld-abyss);
}

.ld-tide-card:nth-child(1) .card-body{
  background:
    linear-gradient(145deg,rgba(4,42,58,.995),rgba(6,79,97,.98)),
    var(--ld-abyss);
}

.ld-tide-card:nth-child(1) .card-title,
.ld-tide-card:nth-child(1) .card-title a{
  color:#fff;
}

.ld-tide-card:nth-child(1) .card-title a:hover{
  color:#a7efea;
}

.ld-tide-card:nth-child(1) .card-excerpt{
  color:rgba(231,252,250,.7);
}

.ld-tide-card:nth-child(1) .card-footer-meta,
.ld-tide-card:nth-child(1) .card-time,
.ld-tide-card:nth-child(1) .card-views{
  border-top-color:rgba(151,240,236,.14);
  color:rgba(231,252,250,.58);
}

@media(max-width:768px){
  .ld-lead-story .hero-main-overlay{
    padding-top:72px;
    background:linear-gradient(to top,rgba(2,28,40,.99),rgba(3,43,57,.86) 62%,rgba(3,43,57,.08));
  }

  .ld-tide-card:nth-child(1) .card-body{
    background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  }
}

/* Reliable PWA install status and action states. */
.pwa-install-status{
  min-height:32px;
  margin:10px 0 0;
  padding:8px 10px;
  border:1px solid rgba(12,145,165,.17);
  border-radius:6px 6px 14px 6px;
  background:var(--ld-foam);
  color:rgba(5,48,67,.68);
  font-family:var(--sans);
  font-size:9px;
  font-weight:700;
  line-height:1.5;
}

.pwa-btn-primary:disabled{
  cursor:wait;
  opacity:.62;
  filter:saturate(.55);
  box-shadow:none;
}

.pwa-btn-primary:not(:disabled){
  background:linear-gradient(145deg,var(--ld-abyss),var(--ld-channel));
  color:#fff;
  box-shadow:0 8px 20px rgba(5,48,67,.16);
}

.pwa-btn-primary:not(:disabled):hover{
  background:linear-gradient(145deg,var(--ld-channel),var(--ld-current));
}