/* ============================================================
   ERGEN İŞ MAKİNALARI — TEMA 1: PREMİUM KOYU
   Lacivert / Antrasit / Turuncu detaylı
   ============================================================ */

/* ── Değişkenler ─────────────────────────────────────────── */
:root {
  --navy:       #0D1B2A;
  --navy2:      #111D2B;
  --navy3:      #162030;
  --anthracite: #1C2B3A;
  --dark-surf:  #0A1520;
  --orange:     #F4721E;
  --orange-dk:  #D15D0E;
  --yellow:     #F9C846;
  --white:      #FFFFFF;
  --text:       #CDD5DD;
  --text-muted: rgba(200,215,225,0.45);
  --border:     rgba(255,255,255,0.07);
  --border-o:   rgba(244,114,30,0.25);
  --font-main:  'Barlow', sans-serif;
  --font-cond:  'Barlow Condensed', sans-serif;
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --shadow:     0 8px 32px rgba(0,0,0,0.35);
  --transition: 0.22s ease;
}

/* ── Reset ───────────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font-main); background:var(--navy); color:var(--text); line-height:1.65; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; transition:color var(--transition); }
ul { list-style:none; }
button { cursor:pointer; border:none; background:none; font-family:var(--font-main); }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; }

/* ── Container ───────────────────────────────────────────── */
.container { max-width:1220px; margin:0 auto; padding:0 24px; }
.section { padding:72px 0; }

/* ── Topbar ──────────────────────────────────────────────── */
.topbar { background:var(--dark-surf); border-bottom:1px solid var(--border); font-size:12px; padding:0; }
.topbar-inner { display:flex; align-items:center; justify-content:space-between; height:36px; gap:12px; flex-wrap:nowrap; overflow:hidden; }
.topbar-left, .topbar-right { display:flex; align-items:center; gap:16px; }
.topbar-left a, .topbar-left span, .topbar-right a, .topbar-right span { color:var(--text-muted); display:flex; align-items:center; gap:5px; white-space:nowrap; }
.topbar a:hover { color:var(--orange); }
.topbar i { color:var(--orange); font-size:11px; }
@media(max-width:767px) { .topbar-right { display:none; } .topbar-left { gap:10px; } }

/* ── Navbar ──────────────────────────────────────────────── */
.navbar { background:rgba(13,27,42,0.97); backdrop-filter:blur(10px); border-bottom:1px solid rgba(244,114,30,0.18); position:sticky; top:0; z-index:999; }
.nav-inner { display:flex; align-items:center; height:68px; gap:16px; }
/* Logo */
.navbar-logo { flex-shrink:0; display:flex; align-items:center; }
.logo-text-wrap { display:flex; align-items:center; gap:10px; }
.logo-icon { width:42px; height:42px; background:var(--orange); display:flex; align-items:center; justify-content:center; font-family:var(--font-cond); font-weight:800; font-size:17px; color:#fff; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); flex-shrink:0; }
.logo-text strong { display:block; font-family:var(--font-cond); font-weight:700; font-size:17px; color:#fff; line-height:1.15; }
.logo-text span { display:block; font-size:10px; color:var(--orange); letter-spacing:2px; text-transform:uppercase; font-weight:400; }
.logo-img { max-height:48px; width:auto; object-fit:contain; }
/* Menu */
.nav-menu { display:flex; align-items:center; gap:2px; margin-left:auto; }
.nav-menu > li { position:relative; }
.nav-link { display:flex; align-items:center; gap:5px; padding:7px 13px; color:rgba(255,255,255,0.72); font-size:13.5px; font-weight:500; border-radius:var(--radius-sm); transition:all var(--transition); white-space:nowrap; }
.nav-link:hover, .nav-link.active { color:#fff; background:rgba(244,114,30,0.1); }
.nav-link .fa-chevron-down { font-size:9px; transition:transform var(--transition); }
.has-dropdown:hover .nav-link .fa-chevron-down { transform:rotate(180deg); }
/* Dropdown */
.dropdown-menu { position:absolute; top:calc(100% + 6px); left:0; min-width:210px; background:var(--navy2); border:1px solid var(--border-o); border-radius:var(--radius-md); box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(8px); transition:all var(--transition); z-index:100; }
.dropdown-menu-wide { min-width:240px; columns:2; }
.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-menu li a { display:block; padding:9px 16px; font-size:13px; color:rgba(255,255,255,0.62); border-left:3px solid transparent; transition:all var(--transition); break-inside:avoid; }
.dropdown-menu li a:hover { color:#fff; background:rgba(244,114,30,0.08); border-left-color:var(--orange); }
/* CTA */
.nav-cta-btn { flex-shrink:0; background:var(--orange); color:#fff; padding:8px 18px; border-radius:var(--radius-sm); font-size:13px; font-weight:600; display:flex; align-items:center; gap:7px; transition:background var(--transition); white-space:nowrap; }
.nav-cta-btn:hover { background:var(--orange-dk); color:#fff; }
/* Hamburger */
.nav-hamburger { display:none; flex-direction:column; gap:5px; padding:6px; border-radius:var(--radius-sm); }
.nav-hamburger span { display:block; width:22px; height:2px; background:#fff; border-radius:2px; transition:all var(--transition); }
.nav-hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-hamburger.active span:nth-child(2) { opacity:0; }
.nav-hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb-bar { background:var(--dark-surf); padding:10px 0; border-bottom:1px solid var(--border); font-size:12px; }
.breadcrumb-list { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.breadcrumb-list a { color:var(--text-muted); transition:color var(--transition); }
.breadcrumb-list a:hover { color:var(--orange); }
.breadcrumb-list .sep { color:var(--text-muted); font-size:10px; }
.breadcrumb-list .current { color:var(--orange); }

/* ── Butonlar ─────────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; gap:8px; padding:12px 26px; font-size:14px; font-weight:600; border-radius:var(--radius-sm); cursor:pointer; transition:all var(--transition); border:none; font-family:var(--font-main); white-space:nowrap; }
.btn-primary { background:var(--orange); color:#fff; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%); }
.btn-primary:hover { background:var(--orange-dk); color:#fff; }
.btn-outline { background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.28); }
.btn-outline:hover { border-color:var(--orange); color:var(--orange); }
.btn-wa { background:#25D366; color:#fff; }
.btn-wa:hover { background:#1ebb5a; color:#fff; }
.btn-sm { padding:8px 18px; font-size:13px; }
.btn-ghost { background:rgba(255,255,255,0.06); color:#fff; border:1px solid rgba(255,255,255,0.12); }
.btn-ghost:hover { background:rgba(255,255,255,0.12); }

/* ── Section Headers ─────────────────────────────────────── */
.sec-label { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--orange); margin-bottom:8px; }
.sec-title { font-family:var(--font-cond); font-weight:800; font-size:44px; text-transform:uppercase; color:#fff; line-height:1.0; margin-bottom:10px; }
.sec-title span { color:var(--orange); }
.sec-sub { font-size:15px; color:var(--text-muted); line-height:1.65; max-width:540px; margin-bottom:44px; font-weight:300; }
.text-center { text-align:center; }
.text-center .sec-sub { margin-left:auto; margin-right:auto; }

/* ── Hero Slider ─────────────────────────────────────────── */
.hero-slider { position:relative; min-height:580px; background:linear-gradient(135deg,var(--navy) 0%,var(--anthracite) 55%,var(--navy) 100%); overflow:hidden; display:flex; align-items:center; }
.hero-pattern { position:absolute; inset:0; opacity:0.03; background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 41px); pointer-events:none; }
.hero-glow { position:absolute; right:-100px; top:-100px; width:700px; height:700px; background:radial-gradient(circle,rgba(244,114,30,0.09) 0%,transparent 65%); pointer-events:none; }
.hero-stripe { position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--orange); }
.hero-content { max-width:1220px; margin:0 auto; padding:70px 24px; position:relative; z-index:2; width:100%; }
.slide { display:none; }
.slide.active { display:block; animation:fadeIn 0.5s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(244,114,30,0.12); border:1px solid rgba(244,114,30,0.35); color:var(--orange); font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; padding:6px 14px; border-radius:2px; margin-bottom:20px; }
.hero-badge::before { content:''; width:7px; height:7px; background:var(--orange); border-radius:50%; animation:blink 2s infinite; }
@keyframes blink { 0%,100%{opacity:1}50%{opacity:0.3} }
.hero h1 { font-family:var(--font-cond); font-weight:800; font-size:62px; line-height:1.0; text-transform:uppercase; color:#fff; margin-bottom:16px; max-width:700px; }
.hero h1 em { color:var(--orange); font-style:normal; display:block; }
.hero-sub { font-size:16px; color:rgba(255,255,255,0.58); line-height:1.65; max-width:560px; margin-bottom:32px; font-weight:300; }
.hero-btns { display:flex; gap:12px; flex-wrap:wrap; }
/* Slider nav */
.slider-nav { display:flex; gap:4px; margin-top:36px; }
.slider-dot { width:28px; height:4px; background:rgba(255,255,255,0.2); border-radius:2px; cursor:pointer; transition:all var(--transition); }
.slider-dot.active { background:var(--orange); width:44px; }

/* ── Stats Bar ───────────────────────────────────────────── */
.stats-bar { background:var(--orange); }
.stats-bar-inner { max-width:1220px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { padding:22px 24px; border-right:1px solid rgba(255,255,255,0.2); text-align:center; }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:var(--font-cond); font-weight:800; font-size:38px; color:#fff; line-height:1; }
.stat-label { font-size:11px; color:rgba(255,255,255,0.8); text-transform:uppercase; letter-spacing:1px; margin-top:5px; }
@media(max-width:600px) { .stats-bar-inner { grid-template-columns:repeat(2,1fr); } .stat-item { border-bottom:1px solid rgba(255,255,255,0.15); } }

/* ── Service Cards ───────────────────────────────────────── */
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.05); }
.service-card { background:var(--navy); padding:32px 26px; position:relative; overflow:hidden; transition:background var(--transition); }
.service-card:hover { background:var(--anthracite); }
.service-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--orange); transform:scaleY(0); transform-origin:bottom; transition:transform 0.3s; }
.service-card:hover::before { transform:scaleY(1); }
.sc-num { font-family:var(--font-cond); font-size:56px; font-weight:800; color:rgba(244,114,30,0.07); line-height:1; margin-bottom:10px; }
.sc-icon { font-size:22px; color:var(--orange); margin-bottom:12px; }
.sc-name { font-family:var(--font-cond); font-weight:700; font-size:19px; text-transform:uppercase; color:#fff; margin-bottom:10px; }
.sc-desc { font-size:13px; color:var(--text-muted); line-height:1.55; }
.sc-arrow { position:absolute; bottom:22px; right:22px; width:30px; height:30px; background:rgba(244,114,30,0.1); display:flex; align-items:center; justify-content:center; border-radius:2px; color:var(--orange); transition:all var(--transition); }
.service-card:hover .sc-arrow { background:var(--orange); color:#fff; }
@media(max-width:960px) { .services-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:580px) { .services-grid { grid-template-columns:1fr; } }

/* ── Product Cards ───────────────────────────────────────── */
.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { background:var(--navy2); border:1px solid var(--border); overflow:hidden; transition:border-color var(--transition),transform var(--transition); border-radius:var(--radius-md); }
.product-card:hover { border-color:var(--border-o); transform:translateY(-3px); }
.product-img { height:200px; background:var(--anthracite); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.product-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.product-card:hover .product-img img { transform:scale(1.04); }
.product-img-placeholder { font-size:54px; opacity:0.35; }
.product-badge { position:absolute; top:12px; right:12px; background:var(--orange); color:#fff; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:3px 10px; border-radius:2px; }
.product-body { padding:20px; }
.product-brand { font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--orange); margin-bottom:6px; }
.product-name { font-family:var(--font-cond); font-weight:700; font-size:18px; color:#fff; margin-bottom:8px; line-height:1.2; }
.product-specs { display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.product-spec { font-size:11px; color:var(--text-muted); display:flex; align-items:center; gap:4px; }
.product-spec i { color:var(--orange); }
.product-btns { display:flex; gap:8px; }
.product-btns a { flex:1; text-align:center; padding:9px 12px; font-size:12px; font-weight:600; border-radius:2px; transition:all var(--transition); }
.prd-btn-p { background:var(--orange); color:#fff; }
.prd-btn-p:hover { background:var(--orange-dk); color:#fff; }
.prd-btn-o { border:1px solid rgba(255,255,255,0.14); color:var(--text-muted); }
.prd-btn-o:hover { border-color:var(--orange); color:var(--orange); }
@media(max-width:960px) { .products-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:580px) { .products-grid { grid-template-columns:1fr; } }

/* ── Blog Cards ──────────────────────────────────────────── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.blog-card { background:var(--navy2); border:1px solid var(--border); overflow:hidden; transition:border-color var(--transition); border-radius:var(--radius-md); }
.blog-card:hover { border-color:var(--border-o); }
.blog-thumb { height:150px; overflow:hidden; position:relative; background:var(--anthracite); display:flex; align-items:center; justify-content:center; }
.blog-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.blog-card:hover .blog-thumb img { transform:scale(1.05); }
.blog-kat-badge { position:absolute; top:10px; left:10px; background:var(--orange); color:#fff; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:3px 9px; }
.blog-body { padding:18px; }
.blog-title { font-size:14px; font-weight:600; color:#fff; line-height:1.4; margin-bottom:8px; }
.blog-title a:hover { color:var(--orange); }
.blog-meta { font-size:11px; color:var(--text-muted); display:flex; gap:12px; }
.blog-meta i { color:var(--orange); }
.blog-excerpt { font-size:13px; color:var(--text-muted); line-height:1.55; margin-top:8px; }
.read-more { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--orange); margin-top:12px; transition:gap var(--transition); }
.read-more:hover { gap:9px; color:var(--orange); }
@media(max-width:960px) { .blog-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:580px) { .blog-grid { grid-template-columns:1fr; } }

/* ── Why Us ──────────────────────────────────────────────── */
.why-section { background:var(--navy2); }
.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.feature-list { display:flex; flex-direction:column; }
.feature-item { display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-bottom:1px solid var(--border); }
.feature-item:last-child { border-bottom:none; }
.feature-dot { width:10px; height:10px; background:var(--orange); flex-shrink:0; margin-top:5px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.feature-text h4 { font-size:14px; font-weight:600; color:#fff; margin-bottom:3px; }
.feature-text p { font-size:13px; color:var(--text-muted); line-height:1.55; }
.why-visual { background:var(--anthracite); border:1px solid var(--border-o); padding:32px; position:relative; }
.why-visual::before { content:''; position:absolute; top:-1px; left:36px; width:60px; height:3px; background:var(--orange); }
.why-visual-title { font-family:var(--font-cond); font-weight:800; font-size:20px; text-transform:uppercase; color:var(--orange); margin-bottom:24px; }
@media(max-width:860px) { .why-grid { grid-template-columns:1fr; gap:40px; } }

/* ── Region Tags ─────────────────────────────────────────── */
.region-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.region-tag { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); color:var(--text-muted); padding:8px 14px; font-size:12px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; transition:all var(--transition); }
.region-tag:hover, .region-tag.active { background:rgba(244,114,30,0.1); border-color:rgba(244,114,30,0.4); color:var(--orange); }

/* ── SSS ─────────────────────────────────────────────────── */
.sss-item { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:8px; overflow:hidden; }
.sss-soru { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; cursor:pointer; font-size:15px; font-weight:600; color:#fff; transition:background var(--transition); }
.sss-soru:hover { background:rgba(255,255,255,0.03); }
.sss-soru i { font-size:12px; color:var(--orange); transition:transform var(--transition); flex-shrink:0; }
.sss-item.open .sss-soru i { transform:rotate(180deg); }
.sss-cevap { display:none; padding:0 20px 18px; font-size:14px; color:var(--text-muted); line-height:1.65; }
.sss-item.open .sss-cevap { display:block; }

/* ── CTA Band ─────────────────────────────────────────────── */
.cta-band { background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dk) 100%); padding:52px 0; position:relative; overflow:hidden; }
.cta-band::before { content:''; position:absolute; inset:0; opacity:0.07; background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,1) 20px,rgba(255,255,255,1) 21px); }
.cta-band-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; position:relative; z-index:1; flex-wrap:wrap; }
.cta-band-text h3 { font-family:var(--font-cond); font-weight:800; font-size:32px; text-transform:uppercase; color:#fff; line-height:1.1; margin-bottom:6px; }
.cta-band-text p { color:rgba(255,255,255,0.85); font-size:15px; }
.cta-band-actions { display:flex; gap:10px; flex-wrap:wrap; }
.btn-cta { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; font-size:14px; font-weight:700; border-radius:2px; white-space:nowrap; transition:all var(--transition); }
.btn-cta-white { background:#fff; color:var(--orange); }
.btn-cta-white:hover { background:var(--navy); color:#fff; }
.btn-cta-green { background:#25D366; color:#fff; }
.btn-cta-green:hover { background:#1ebb5a; color:#fff; }
.btn-cta-outline { background:transparent; border:1px solid rgba(255,255,255,0.5); color:#fff; }
.btn-cta-outline:hover { background:rgba(255,255,255,0.1); }

/* ── Footer ──────────────────────────────────────────────── */
.site-footer { background:#050E18; padding:60px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.6fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.06); }
.footer-logo-link { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.footer-logo-icon { width:38px; height:38px; background:var(--orange); display:flex; align-items:center; justify-content:center; font-family:var(--font-cond); font-weight:800; font-size:15px; color:#fff; clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); flex-shrink:0; }
.footer-logo-text strong { display:block; font-family:var(--font-cond); font-weight:700; font-size:15px; color:#fff; line-height:1.2; }
.footer-logo-text span { display:block; font-size:10px; color:var(--orange); letter-spacing:1.5px; text-transform:uppercase; }
.footer-about { font-size:13px; color:rgba(255,255,255,0.38); line-height:1.65; max-width:240px; margin-bottom:18px; }
.footer-social { display:flex; gap:8px; }
.footer-social a { width:34px; height:34px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.45); font-size:13px; border-radius:2px; transition:all var(--transition); }
.footer-social a:hover { background:var(--orange); border-color:var(--orange); color:#fff; }
.footer-heading { font-family:var(--font-cond); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:2px; color:var(--orange); margin-bottom:16px; }
.footer-links li { margin-bottom:9px; }
.footer-links a { font-size:13px; color:rgba(255,255,255,0.4); display:flex; align-items:center; gap:7px; transition:color var(--transition); }
.footer-links a:hover { color:#fff; }
.footer-links a i { font-size:10px; color:var(--orange); }
.footer-contact { font-style:normal; }
.fc-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; }
.fc-item > i { color:var(--orange); width:14px; margin-top:2px; font-size:13px; flex-shrink:0; }
.fc-item > *:last-child { font-size:13px; color:rgba(255,255,255,0.45); line-height:1.5; }
.fc-item a:hover { color:#fff; }
.footer-regions { display:flex; flex-wrap:wrap; gap:5px; margin-top:14px; }
.footer-regions span { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); color:rgba(255,255,255,0.3); padding:3px 9px; font-size:10px; text-transform:uppercase; letter-spacing:0.5px; }
.footer-bottom { padding:16px 0; }
.footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.footer-bottom p { font-size:12px; color:rgba(255,255,255,0.22); }
.footer-bottom strong { color:rgba(255,255,255,0.45); }
.footer-bottom nav { display:flex; gap:10px; align-items:center; }
.footer-bottom nav a { font-size:11px; color:rgba(255,255,255,0.22); }
.footer-bottom nav a:hover { color:rgba(255,255,255,0.6); }
.footer-bottom nav span { color:rgba(255,255,255,0.15); }
@media(max-width:1080px) { .footer-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:640px) { .footer-grid { grid-template-columns:1fr; } }

/* ── Float Butonlar ──────────────────────────────────────── */
.float-actions { position:fixed; bottom:22px; right:22px; z-index:998; display:flex; flex-direction:column; gap:10px; }
.float-btn { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; transition:transform var(--transition),box-shadow var(--transition); }
.float-btn:hover { transform:scale(1.1); color:#fff; }
.float-wa { background:#25D366; box-shadow:0 4px 20px rgba(37,211,102,0.45); animation:pulse-wa 3s infinite; }
.float-call { background:var(--orange); box-shadow:0 4px 20px rgba(244,114,30,0.4); width:44px; height:44px; font-size:18px; }
@keyframes pulse-wa { 0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4)} 50%{box-shadow:0 4px 32px rgba(37,211,102,0.7)} }

/* ── Page Hero ───────────────────────────────────────────── */
.page-hero { background:linear-gradient(135deg,var(--anthracite) 0%,var(--navy) 100%); padding:56px 0; border-bottom:1px solid rgba(244,114,30,0.14); position:relative; overflow:hidden; }
.page-hero::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:linear-gradient(90deg,var(--orange),transparent 60%); }
.page-hero h1 { font-family:var(--font-cond); font-weight:800; font-size:46px; text-transform:uppercase; color:#fff; margin-bottom:10px; }
.page-hero h1 span { color:var(--orange); }
.page-hero p { color:var(--text-muted); font-size:15px; max-width:580px; }

/* ── Content Body ─────────────────────────────────────────── */
.content-body h2 { font-family:var(--font-cond); font-weight:800; font-size:28px; text-transform:uppercase; color:#fff; margin:28px 0 12px; }
.content-body h3 { font-family:var(--font-cond); font-weight:700; font-size:20px; color:var(--orange); margin:22px 0 8px; }
.content-body p { color:rgba(255,255,255,0.6); line-height:1.75; margin-bottom:14px; }
.content-body ul, .content-body ol { padding-left:22px; margin-bottom:16px; }
.content-body li { color:rgba(255,255,255,0.6); margin-bottom:7px; line-height:1.65; }
.content-body strong { color:#fff; }

/* ── Alert / Form ────────────────────────────────────────── */
.alert { padding:13px 18px; border-radius:var(--radius-md); font-size:13px; margin-bottom:16px; display:flex; align-items:center; gap:9px; }
.alert-success { background:rgba(34,197,94,0.1); border:1px solid rgba(34,197,94,0.25); color:#86efac; }
.alert-danger  { background:rgba(239,68,68,0.1);  border:1px solid rgba(239,68,68,0.25);  color:#fca5a5; }
.alert-warning { background:rgba(245,158,11,0.1); border:1px solid rgba(245,158,11,0.25); color:#fcd34d; }

.form-group { margin-bottom:16px; }
.form-label { display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--text-muted); margin-bottom:7px; }
.form-control { width:100%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:#fff; padding:11px 14px; font-size:14px; font-family:var(--font-main); border-radius:var(--radius-sm); transition:border-color var(--transition); outline:none; }
.form-control:focus { border-color:var(--orange); }
.form-control::placeholder { color:rgba(255,255,255,0.22); }
textarea.form-control { resize:vertical; min-height:130px; }
select.form-control { cursor:pointer; }
select.form-control option { background:var(--navy2); }
.form-submit { background:var(--orange); color:#fff; padding:13px 30px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; border:none; cursor:pointer; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%); transition:background var(--transition); font-family:var(--font-main); }
.form-submit:hover { background:var(--orange-dk); }

/* ── Info Box / Sidebar ──────────────────────────────────── */
.info-box { background:rgba(255,255,255,0.03); border:1px solid var(--border); border-left:4px solid var(--orange); padding:22px; border-radius:0 var(--radius-sm) var(--radius-sm) 0; }
.info-box h4 { color:#fff; font-size:15px; font-weight:600; margin-bottom:8px; }
.info-box p { color:var(--text-muted); font-size:13px; line-height:1.6; margin:0; }
.sidebar-box { background:var(--anthracite); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; margin-bottom:16px; }
.sidebar-box-head { padding:14px 18px; background:rgba(244,114,30,0.08); border-bottom:1px solid var(--border-o); font-family:var(--font-cond); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:1.5px; color:var(--orange); }
.sidebar-link { display:flex; align-items:center; gap:8px; padding:11px 18px; border-bottom:1px solid rgba(255,255,255,0.04); color:rgba(255,255,255,0.58); font-size:13px; transition:all var(--transition); }
.sidebar-link:last-child { border-bottom:none; }
.sidebar-link:hover, .sidebar-link.active { color:#fff; background:rgba(244,114,30,0.07); border-left:3px solid var(--orange); }
.sidebar-link i { font-size:10px; color:var(--orange); }

/* ── Pagination ──────────────────────────────────────────── */
.pagination { display:flex; gap:5px; justify-content:center; margin-top:44px; }
.pagination a, .pagination span { width:38px; height:38px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; border-radius:var(--radius-sm); transition:all var(--transition); }
.pagination a { background:rgba(255,255,255,0.05); border:1px solid var(--border); color:var(--text-muted); }
.pagination a:hover { background:var(--orange); border-color:var(--orange); color:#fff; }
.pagination .curr { background:var(--orange); border:1px solid var(--orange); color:#fff; }

/* ── Content Page Layout ─────────────────────────────────── */
.content-layout { display:grid; grid-template-columns:2fr 1fr; gap:44px; align-items:start; }
@media(max-width:900px) { .content-layout { grid-template-columns:1fr; } }

/* ── Responsive Navbar ───────────────────────────────────── */
@media(max-width:1024px) {
  .nav-hamburger { display:flex; }
  .nav-menu { display:none; flex-direction:column; position:absolute; top:100%; left:0; right:0; background:var(--navy); border-bottom:1px solid var(--border-o); padding:8px 0; max-height:80vh; overflow-y:auto; z-index:200; }
  .nav-menu.open { display:flex; }
  .nav-menu > li { width:100%; }
  .nav-link { padding:12px 20px; border-radius:0; width:100%; }
  .dropdown-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; border-left:3px solid var(--orange); margin-left:20px; background:rgba(255,255,255,0.03); border-radius:0; columns:1; }
  .dropdown-menu li a { padding:9px 20px; }
  .nav-inner { position:relative; }
  .nav-cta-btn { display:none; }
}

/* ── Utility ─────────────────────────────────────────────── */
.mt-8  { margin-top:8px; }
.mt-16 { margin-top:16px; }
.mt-24 { margin-top:24px; }
.mt-40 { margin-top:40px; }
.mb-8  { margin-bottom:8px; }
.mb-24 { margin-bottom:24px; }
.d-flex { display:flex; }
.gap-10 { gap:10px; }
.gap-12 { gap:12px; }
.flex-wrap { flex-wrap:wrap; }
.justify-center { justify-content:center; }
.align-center { align-items:center; }