:root{
  --ink:#100E0B;
  --ink-2:#16130F;
  --ink-3:#1E1A15;
  --paper:#FBF6EC;
  --paper-dim:#F2E9D8;
  --orange:#FF6A1F;
  --orange-bright:#FF8A3D;
  --orange-deep:#D9430F;
  --gold:#D4A24E;
  --gold-light:#F0CD86;
  --cyan:#1AB5E8;
  --magenta:#E8157A;
  --yellow:#F2C200;
  --wa-color:#25D366;
  --ig-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  --line-light: rgba(251,246,236,0.1);
  --transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
*{box-sizing:border-box;}
html{ scroll-behavior:smooth; overflow-x:hidden; }
body.efomat-dark{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font-family:'Manrope',sans-serif;
  overflow-x:hidden;
}
.container{ max-width:1200px; margin:0 auto; padding-left:28px; padding-right:28px; }
.display{font-family:'Archivo Black',sans-serif; text-transform:uppercase; letter-spacing:-0.01em;}
.mono{font-family:'JetBrains Mono',monospace; letter-spacing:0.02em;}
.text-soft{ color:rgba(251,246,236,0.6); }
img{ max-width:100%; }

/* ===== Crop marks ===== */
.crop, .hero-crop{ position:absolute; width:20px; height:20px; pointer-events:none; z-index:3; }
.crop::before, .crop::after, .hero-crop::before, .hero-crop::after{ content:''; position:absolute; background:currentColor; }
.crop::before, .hero-crop::before{ width:100%; height:1.5px; top:50%; left:0; transform:translateY(-50%); }
.crop::after, .hero-crop::after{ width:1.5px; height:100%; left:50%; top:0; transform:translateX(-50%); }
.crop.tl{top:-10px; left:-10px;} .crop.tr{top:-10px; right:-10px;}
.crop.bl{bottom:-10px; left:-10px;} .crop.br{bottom:-10px; right:-10px;}
.hero-crop{ color:rgba(212,162,78,0.4); }
.hero-crop.tl{top:24px; left:24px;} .hero-crop.tr{top:24px; right:24px;}

/* ===== Kayan üst şerit ===== */
.reg-strip-wrap{
  background:linear-gradient(180deg, #0C0A07 0%, var(--ink) 100%);
  border-bottom:1px solid rgba(212,162,78,0.25);
  overflow:hidden; white-space:nowrap; position:relative;
}
.reg-strip{ display:inline-flex; align-items:center; padding:9px 0; font-size:0.7rem; font-weight:600; letter-spacing:0.16em; color:rgba(251,246,236,0.85); animation:marquee 28s linear infinite; }
.reg-strip span.txt{ display:inline-flex; align-items:center; gap:14px; padding:0 28px; }
.reg-strip .dot{width:7px; height:7px; border-radius:50%; box-shadow:0 0 8px currentColor; flex-shrink:0;}
.reg-strip .c{background:var(--cyan); color:var(--cyan);} .reg-strip .m{background:var(--magenta); color:var(--magenta);}
.reg-strip .y{background:var(--yellow); color:var(--yellow);} .reg-strip .k{background:var(--gold); color:var(--gold);}
@keyframes marquee{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
@media (prefers-reduced-motion: reduce){ .reg-strip{ animation:none; } }

/* ===== Navbar ===== */
.navbar{
  background:rgba(16,14,11,0.72); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line-light); padding:14px 0; position:sticky; top:0; z-index:1000; transition:0.35s ease;
}
.navbar.scrolled{ padding:10px 0; background:rgba(16,14,11,0.92); box-shadow:0 10px 30px rgba(0,0,0,0.4); }
.navbar .container{ display:flex; align-items:center; justify-content:space-between; }
.nav-logo-main{ height:34px; width:auto; display:block; transition:0.35s; }
.navbar.scrolled .nav-logo-main{ height:30px; }
.nav-right{ display:flex; align-items:center; gap:18px; }
.nav-wa-link{ display:inline-flex; align-items:center; gap:9px; color:var(--paper); text-decoration:none; font-weight:700; font-size:0.9rem; padding:9px 16px; border-radius:30px; border:1px solid rgba(37,211,102,0.4); background:rgba(37,211,102,0.08); transition:0.3s; }
.nav-wa-link i{ color:var(--wa-color); font-size:1.05rem; }
.nav-wa-link:hover{ background:var(--wa-color); color:#fff; border-color:var(--wa-color); }
.nav-wa-link:hover i{ color:#fff; }
.custom-toggler{
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg, var(--orange) 0%, var(--orange-deep) 100%); border:none;
  padding:12px 22px; border-radius:8px; cursor:pointer; font-family:'Manrope';
  font-weight:700; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase;
  color:#fff; transition:var(--transition); box-shadow:0 8px 20px rgba(255,106,31,0.3);
}
.custom-toggler::after{ content:'Üretim Grupları'; }
.custom-toggler:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,106,31,0.45); }
.custom-toggler .bars{display:flex; flex-direction:column; gap:3px;}
.custom-toggler .bars span{width:16px; height:2px; background:#fff; display:block;}

/* ===== Side menu (Fiyat Listesi paneli) ===== */
.navbar-side-menu{
  position:fixed; top:0; right:0; width:430px; max-width:92vw; height:100vh;
  background:linear-gradient(165deg, #1A1610 0%, #0B0906 100%); color:var(--paper); z-index:2000;
  transform:translateX(105%); transition:transform 0.55s cubic-bezier(.16,.84,.44,1);
  padding:0; overflow-y:auto; border-left:3px solid var(--gold); box-shadow:-30px 0 60px rgba(0,0,0,0.6);
  display:flex; flex-direction:column;
}
.navbar-side-menu.active{ transform:translateX(0); }
.side-head{ display:flex; justify-content:space-between; align-items:flex-start; padding:40px 32px 20px; }
.side-eyebrow{ font-family:'JetBrains Mono'; font-size:0.7rem; letter-spacing:0.18em; color:var(--gold-light); font-weight:600; display:block; margin-bottom:10px; }
.side-title{ font-size:1.7rem; margin:0; line-height:1.04; color:var(--paper); }
.side-close-btn{ background:rgba(251,246,236,0.06); border:1px solid rgba(251,246,236,0.18); color:var(--paper); width:40px; height:40px; border-radius:50%; cursor:pointer; font-size:1rem; flex-shrink:0; transition:0.3s; display:flex; align-items:center; justify-content:center; }
.side-close-btn:hover{ border-color:var(--orange); color:var(--orange); transform:rotate(90deg); }
.side-divider-line{ height:1px; background:linear-gradient(90deg, var(--gold) 0%, transparent 90%); margin:0 32px 10px; opacity:0.5; }
.menu-links{ padding:12px 24px; flex:1; }
.product-link{
  display:flex !important; align-items:center; gap:16px; padding:16px !important; text-decoration:none !important; color:var(--paper) !important;
  font-weight:600; transition:0.3s cubic-bezier(.16,.84,.44,1); border-radius:14px; margin-bottom:8px;
  border:1px solid rgba(251,246,236,0.06); background:rgba(251,246,236,0.02); position:relative; overflow:hidden;
}
.product-link::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg, var(--orange), var(--gold)); transform:scaleY(0); transition:0.3s; }
.product-link:hover{ background:rgba(212,162,78,0.1); border-color:rgba(212,162,78,0.3); transform:translateX(-4px); }
.product-link:hover::before{ transform:scaleY(1); }
.product-link .pl-num{ font-size:0.7rem; color:rgba(251,246,236,0.35); flex-shrink:0; width:20px; }
.product-link .pl-icon{ width:44px; height:44px; border-radius:11px; background:rgba(212,162,78,0.12); display:flex; align-items:center; justify-content:center; color:var(--gold-light); font-size:1.1rem; flex-shrink:0; transition:0.3s; }
.product-link:hover .pl-icon{ background:linear-gradient(135deg, var(--orange), var(--gold)); color:var(--ink); transform:rotate(-6deg); }
.product-link .pl-text{ display:flex; flex-direction:column; gap:3px; flex:1; }
.product-link .pl-name{ font-size:1rem; font-weight:700; }
.product-link .pl-sub{ font-size:0.6rem; letter-spacing:0.08em; color:rgba(251,246,236,0.4); }
.product-link .pl-arrow{ color:rgba(251,246,236,0.3); font-size:0.85rem; transition:0.3s; flex-shrink:0; }
.product-link:hover .pl-arrow{ color:var(--gold-light); transform:translateX(4px); }
.product-link.disabled{ opacity:0.5; cursor:default; }
.product-link.disabled:hover{ transform:none; background:rgba(251,246,236,0.02); border-color:rgba(251,246,236,0.06); }
.product-link.disabled:hover::before{ transform:scaleY(0); }
.product-link.disabled:hover .pl-icon{ background:rgba(212,162,78,0.12); color:var(--gold-light); transform:none; }
.product-link.disabled .pl-sub{ color:var(--orange-deep); }
.side-footer{ padding:20px 32px 32px; border-top:1px solid var(--line-light); }
.side-wa-btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:15px; background:linear-gradient(135deg, var(--wa-color) 0%, #128C7E 100%); color:#fff !important; text-decoration:none !important; border-radius:12px; font-weight:700; font-size:0.9rem; transition:0.3s; box-shadow:0 8px 20px rgba(37,211,102,0.25); }
.side-wa-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 28px rgba(37,211,102,0.4); }
.menu-overlay{ position:fixed; inset:0; background:rgba(8,7,5,0.7); backdrop-filter:blur(4px); opacity:0; visibility:hidden; transition:0.35s; z-index:1999; }
.menu-overlay.active{ opacity:1; visibility:visible; }

/* ===== HERO ===== */
.main-content{ display:block; width:100%; position:relative; }
.hero-wrap{ position:relative; overflow:hidden; background:linear-gradient(170deg, #16130F 0%, #0B0906 100%); }
.hero-bg-grid{ position:absolute; inset:0; background-image:linear-gradient(rgba(212,162,78,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(212,162,78,0.05) 1px, transparent 1px); background-size:54px 54px; mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, black 30%, transparent 80%); -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, black 30%, transparent 80%); }
.hero-bg-glow{ position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
.hero-bg-glow.glow-1{ width:500px; height:500px; background:rgba(255,106,31,0.14); top:-150px; left:-100px; }
.hero-bg-glow.glow-2{ width:420px; height:420px; background:rgba(212,162,78,0.12); bottom:-120px; right:-80px; }
.hero{ position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; padding-top:80px; padding-bottom:80px; }

.hero-eyebrow{ display:inline-flex; align-items:center; gap:10px; font-family:'JetBrains Mono'; font-size:0.76rem; color:var(--gold-light); font-weight:600; letter-spacing:0.06em; margin-bottom:24px; background:rgba(212,162,78,0.08); border:1px solid rgba(212,162,78,0.3); padding:8px 16px; border-radius:30px; }
.hero-eyebrow .pulse{ width:7px; height:7px; border-radius:50%; background:var(--orange); animation:pulse 1.8s infinite; }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(255,106,31,0.5);} 70%{box-shadow:0 0 0 10px rgba(255,106,31,0);} 100%{box-shadow:0 0 0 0 rgba(255,106,31,0);} }
.hero-logo{ width:100%; max-width:430px; height:auto; display:block; margin:0 0 26px; filter:drop-shadow(0 8px 24px rgba(0,0,0,0.5)); }
.hero h1{ font-size:clamp(2rem, 3.4vw, 2.9rem); line-height:1.08; margin:0 0 22px; color:var(--paper); }
.hero h1 .accent{ background:linear-gradient(135deg, var(--orange-bright) 0%, var(--gold-light) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero .lead{ font-size:1.08rem; line-height:1.7; color:rgba(251,246,236,0.65); max-width:480px; margin:0 0 34px; }

.hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px; }
.btn{ display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border-radius:10px; font-weight:700; font-size:0.9rem; text-decoration:none !important; letter-spacing:0.02em; cursor:pointer; border:1.5px solid transparent; transition:var(--transition); position:relative; overflow:hidden; }
.btn-primary{ background:linear-gradient(135deg, var(--orange) 0%, var(--orange-deep) 100%); color:#fff !important; box-shadow:0 12px 28px rgba(255,106,31,0.3); }
.btn-primary:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(255,106,31,0.45); }
.btn-whatsapp{ background:linear-gradient(135deg, var(--wa-color) 0%, #128C7E 100%); color:#fff !important; box-shadow:0 12px 28px rgba(37,211,102,0.3); }
.btn-whatsapp:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(37,211,102,0.45); }
.btn-track{ background:rgba(212,162,78,0.08); color:var(--gold-light) !important; border-color:rgba(212,162,78,0.4); box-shadow:0 12px 28px rgba(212,162,78,0.12); }
.btn-track:hover{ background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color:var(--ink) !important; border-color:transparent; transform:translateY(-4px); box-shadow:0 18px 36px rgba(212,162,78,0.4); }
.btn-instagram{ background:var(--ig-gradient); color:#fff !important; box-shadow:0 12px 28px rgba(225,48,108,0.25); }
.btn-instagram:hover{ transform:translateY(-4px); filter:brightness(1.08); }
.btn-outline{ background:rgba(251,246,236,0.04); color:var(--paper) !important; border-color:rgba(251,246,236,0.25); }
.btn-outline:hover{ background:var(--paper); color:var(--ink) !important; transform:translateY(-4px); }

.hero-meta{ display:flex; gap:0; flex-wrap:wrap; padding-top:24px; border-top:1px solid var(--line-light); }
.hero-meta .item{ display:flex; flex-direction:column; gap:6px; padding-right:30px; margin-right:30px; border-right:1px solid var(--line-light); }
.hero-meta .item:last-child{ border-right:none; margin-right:0; padding-right:0; }
.hero-meta .num{ font-family:'Archivo Black'; font-size:1.6rem; line-height:1; background:linear-gradient(135deg, var(--gold-light) 0%, var(--orange) 130%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-meta .lbl{ font-family:'JetBrains Mono'; font-size:0.62rem; color:rgba(251,246,236,0.5); letter-spacing:0.06em; white-space:nowrap; }

/* Hero sağ: slogan + kart yığını */
.hero-right{ position:relative; display:flex; flex-direction:column; align-items:center; }
.hero-slogan-badge{ position:relative; z-index:4; width:100%; max-width:420px; margin-bottom:-30px; filter:drop-shadow(0 12px 30px rgba(255,106,31,0.3)); animation:floaty 5s ease-in-out infinite; }
.hero-slogan-badge img{ width:100%; height:auto; display:block; }
@keyframes floaty{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
/* Hero foto slideshow (flash/fade geçişli) */
.hero-slideshow{ position:relative; width:320px; height:400px; z-index:2; border-radius:14px; overflow:hidden; box-shadow:0 36px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(212,162,78,0.25); }
.hero-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 0.7s ease, transform 5s ease; transform:scale(1.05); }
.hero-slide.active{ opacity:1; transform:scale(1); z-index:1; }
.hero-slide.flash{ animation:hero-flash 0.7s ease; }
@keyframes hero-flash{ 0%{ filter:brightness(2.2) contrast(1.1); } 40%{ filter:brightness(1); } 100%{ filter:brightness(1); } }
.hero-slide-caption{ position:absolute; left:18px; bottom:18px; right:80px; z-index:4; color:#fff; font-weight:700; font-size:1rem; text-shadow:0 2px 8px rgba(0,0,0,0.8); }
.hero-slide-frame{ position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:14px; box-shadow:inset 0 0 0 1px rgba(251,246,236,0.12); background:linear-gradient(to top, rgba(16,14,11,0.5) 0%, transparent 35%); }
.hero-slide-watermark{ position:absolute; right:16px; bottom:16px; width:34%; max-width:110px; height:auto !important; opacity:0.6; z-index:4; pointer-events:none; filter:drop-shadow(0 2px 6px rgba(0,0,0,0.7)); }
.hero-slide-dots{ position:absolute; left:0; right:0; bottom:14px; z-index:5; display:flex; justify-content:center; gap:8px; }
.hero-dot{ width:9px; height:9px; border-radius:50%; background:rgba(251,246,236,0.4); cursor:pointer; transition:0.3s; }
.hero-dot.active{ background:var(--orange); width:26px; border-radius:5px; }
/* Hero slideshow köşe kesim işaretleri */
.hero-slideshow::before, .hero-slideshow::after{ content:''; position:absolute; width:18px; height:18px; z-index:6; pointer-events:none; }
.hero-slideshow::before{ top:10px; left:10px; border-top:2px solid var(--gold); border-left:2px solid var(--gold); }
.hero-slideshow::after{ bottom:10px; right:10px; border-bottom:2px solid var(--gold); border-right:2px solid var(--gold); }

.paper-stack{ position:relative; width:300px; height:360px; z-index:2; }
.paper-card{ position:absolute; inset:0; border-radius:12px; border:1.5px solid rgba(251,246,236,0.15); display:flex; flex-direction:column; justify-content:space-between; padding:26px; transition:transform 0.55s cubic-bezier(.16,.84,.44,1); }
.paper-card.c1{ background:linear-gradient(150deg, #221E16 0%, #15120D 100%); color:var(--paper); transform:rotate(-9deg) translate(-30px,20px); z-index:1; box-shadow:0 24px 50px rgba(0,0,0,0.5); }
.paper-card.c2{ background:linear-gradient(150deg, var(--paper-dim) 0%, #E2D2B0 100%); color:var(--ink); transform:rotate(6deg) translate(24px,-10px); z-index:2; box-shadow:0 24px 50px rgba(0,0,0,0.4); border-color:rgba(0,0,0,0.1); }
.paper-card.c3{ background:var(--paper); color:var(--ink); transform:rotate(-2deg); z-index:3; box-shadow:0 36px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(212,162,78,0.2); border-color:rgba(0,0,0,0.12); }
.hero-right:hover .paper-card.c1{ transform:rotate(-13deg) translate(-42px,28px); }
.hero-right:hover .paper-card.c2{ transform:rotate(9deg) translate(34px,-16px); }
.hero-right:hover .paper-card.c3{ transform:rotate(0deg) translateY(-6px); }
.paper-card .pc-top{ display:flex; justify-content:space-between; align-items:flex-start; }
.paper-card .pc-tag{ font-family:'JetBrains Mono'; font-size:0.68rem; letter-spacing:0.08em; padding:5px 11px; border:1px solid currentColor; border-radius:20px; }
.paper-card .pc-dots{ display:flex; gap:6px; }
.paper-card .pc-dots span{ width:9px; height:9px; border-radius:50%; box-shadow:0 0 5px currentColor; }
.paper-card .pc-title{ font-family:'Archivo Black'; font-size:1.9rem; line-height:1.05; text-transform:uppercase; }
.paper-card .pc-bottom{ display:flex; justify-content:space-between; align-items:flex-end; font-family:'JetBrains Mono'; font-size:0.72rem; }
.gold-corner{ position:absolute; top:-1px; right:-1px; width:46px; height:46px; overflow:hidden; }
.gold-corner::before{ content:''; position:absolute; top:0; right:0; width:65px; height:65px; background:linear-gradient(135deg, var(--gold) 0%, var(--orange) 100%); transform:rotate(45deg) translate(20px,-32px); }
.gold-corner i{ position:absolute; top:8px; right:8px; color:var(--ink); font-size:0.8rem; z-index:2;}

/* ===== CMYK strip ===== */
.cmyk-strip{ height:6px; display:flex; position:relative; z-index:2; }
.cmyk-strip span{ flex:1; }
.cmyk-strip .c{background:var(--cyan);} .cmyk-strip .m{background:var(--magenta);}
.cmyk-strip .y{background:var(--yellow);} .cmyk-strip .gd{background:linear-gradient(90deg, var(--gold), var(--orange));}

/* ===== Sections ===== */
.section{ padding:100px 0; position:relative; }
.section-head{ margin-bottom:54px; max-width:640px; }
.section-eyebrow{ font-family:'JetBrains Mono'; font-size:0.74rem; color:var(--orange-bright); letter-spacing:0.1em; font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:10px;}
.section-eyebrow::before{ content:''; width:24px; height:2px; background:var(--gold); }
.section-head h2{ font-size:clamp(1.9rem,3.4vw,2.8rem); margin:0 0 16px; line-height:1.05; color:var(--paper); }
.section-head p{ color:rgba(251,246,236,0.6); font-size:1.04rem; line-height:1.65; margin:0; }

/* ===== Services ===== */
.section-services{ background:var(--ink-2); }
.services-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:22px; }
.service-card{
  position:relative; background:linear-gradient(160deg, var(--ink-3) 0%, #15120D 100%);
  border:1px solid rgba(251,246,236,0.08); border-radius:16px; padding:30px 26px; transition:var(--transition);
  overflow:hidden; text-decoration:none !important; color:var(--paper) !important; display:block; cursor:pointer;
}
.service-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--yellow), var(--gold)); transform:scaleX(0); transform-origin:left; transition:0.4s ease; }
.service-card:hover{ transform:translateY(-8px); border-color:rgba(212,162,78,0.4); box-shadow:0 28px 50px rgba(0,0,0,0.5); background:linear-gradient(160deg, #221E16 0%, #1A1610 100%); }
.service-card:hover::before{ transform:scaleX(1); }
.service-card:hover .service-icon{ background:linear-gradient(135deg, var(--orange), var(--gold)); color:var(--ink); transform:rotate(-6deg) scale(1.05); box-shadow:0 10px 22px rgba(255,106,31,0.3); }
.service-card:hover .sc-corner{ opacity:1; transform:translate(0,0); }
.sc-corner{ position:absolute; top:22px; right:22px; color:var(--gold-light); font-size:0.85rem; opacity:0; transform:translate(-6px,6px); transition:0.3s; }
.service-icon{ width:58px; height:58px; border-radius:15px; background:rgba(212,162,78,0.1); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--gold-light); margin-bottom:24px; transition:var(--transition); }
.service-name{ font-weight:800; font-size:1.12rem; margin:0 0 9px; color:var(--paper); }
.service-sub{ font-size:0.7rem; color:rgba(251,246,236,0.5); letter-spacing:0.04em; display:flex; align-items:center; gap:7px; }
.service-sub i{ color:var(--orange); }
.service-card.is-soon{ opacity:0.6; }
.service-card.is-soon:hover{ transform:translateY(-4px); }
.service-card.is-soon .service-sub i{ color:var(--gold); }

/* ===== Contact + Map ===== */
.section-contact{ background:var(--ink); }
.contact-shell{ background:linear-gradient(155deg, #1C1812 0%, #100D09 100%); border-radius:28px; padding:56px; position:relative; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,0.5); border:1px solid rgba(212,162,78,0.18); }
.contact-shell::before{ content:''; position:absolute; top:-40%; right:-8%; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(255,106,31,0.16) 0%, transparent 70%); pointer-events:none; }
.floating-badge-container{ position:absolute; top:30px; right:48px; z-index:5; }
.premium-badge{ display:inline-block; background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color:var(--ink); font-family:'JetBrains Mono'; font-size:0.7rem; font-weight:700; letter-spacing:0.1em; padding:9px 18px; border-radius:30px; box-shadow:0 10px 24px rgba(212,162,78,0.35); }
.contact-grid-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:48px; position:relative; z-index:2; align-items:stretch; }
.contact-info h2{ font-size:clamp(1.9rem,3vw,2.5rem); margin:0 0 18px; color:var(--paper); }
.lead-contact{ color:rgba(251,246,236,0.65); line-height:1.65; margin:0 0 30px; max-width:420px; }
.contact-cards-wrapper{ display:flex; flex-direction:column; gap:12px; }
.contact-card{ display:flex; align-items:center; gap:16px; padding:18px; border-radius:14px; text-decoration:none !important; color:var(--paper) !important; background:rgba(251,246,236,0.03); border:1px solid rgba(251,246,236,0.07); transition:var(--transition); }
.contact-card:hover{ background:rgba(212,162,78,0.08); border-color:rgba(212,162,78,0.3); transform:translateX(6px); }
.contact-card .icon-box{ width:48px; height:48px; border-radius:50%; background:transparent; border:1.5px solid rgba(212,162,78,0.35); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:0.3s; color:var(--gold-light); font-size:1.1rem; }
.contact-card:hover .icon-box{ border-color:var(--gold); background:rgba(212,162,78,0.18); transform:rotate(-6deg); }
.contact-card .card-text-content{ flex:1; }
.contact-card .card-text-content h5{ font-family:'JetBrains Mono'; font-size:0.65rem; letter-spacing:0.08em; color:rgba(251,246,236,0.5); margin:0 0 4px; text-transform:uppercase; font-weight:700;}
.contact-card .card-text-content p{ font-weight:700; font-size:0.95rem; color:var(--paper); margin:0; }
.contact-card .cc-arrow{ color:rgba(251,246,236,0.25); font-size:0.85rem; transition:0.3s; flex-shrink:0; }
.contact-card:hover .cc-arrow{ color:var(--gold-light); transform:translateX(4px); }

.contact-map{ display:flex; flex-direction:column; gap:16px; }
.map-frame{ flex:1; min-height:380px; border-radius:18px; overflow:hidden; border:1.5px solid rgba(212,162,78,0.25); box-shadow:0 20px 50px rgba(0,0,0,0.45); position:relative; background:#1A1610; }
.map-frame iframe{ display:block; width:100%; height:100%; min-height:380px; filter:grayscale(0.3) contrast(1.05); }
.map-cta{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px; background:linear-gradient(135deg, var(--orange) 0%, var(--orange-deep) 100%); color:#fff !important; text-decoration:none !important; border-radius:12px; font-weight:700; font-size:0.9rem; transition:var(--transition); box-shadow:0 10px 24px rgba(255,106,31,0.3); }
.map-cta:hover{ transform:translateY(-3px); box-shadow:0 16px 32px rgba(255,106,31,0.45); }

/* ===== Footer ===== */
.site-footer{ background:linear-gradient(180deg, #0D0B08 0%, #050403 100%); color:var(--paper); position:relative; overflow:hidden; border-top:1px solid rgba(212,162,78,0.2); }
.site-footer::before{ content:''; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--yellow), var(--gold)); opacity:0.85; }
.footer-main{ max-width:1200px; margin:0 auto; padding:64px 28px 40px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:48px; position:relative; z-index:2; }
.footer-logo-wrap{ background:rgba(251,246,236,0.04); border:1px solid rgba(212,162,78,0.2); padding:14px 18px; border-radius:10px; display:inline-block; margin-bottom:20px; }
.footer-logo{ height:34px; display:block; }
.footer-desc{ color:rgba(251,246,236,0.55); font-size:0.92rem; line-height:1.7; margin:0 0 24px; max-width:340px; }
.footer-socials{ display:flex; gap:12px; }
.social-btn{ width:44px; height:44px; border-radius:12px; background:rgba(251,246,236,0.06); border:1px solid rgba(251,246,236,0.12); display:flex; align-items:center; justify-content:center; color:var(--paper); text-decoration:none; font-size:1.1rem; transition:0.3s; }
.social-btn:hover{ background:linear-gradient(135deg, var(--orange), var(--gold)); color:var(--ink); transform:translateY(-4px); border-color:transparent; box-shadow:0 10px 20px rgba(212,162,78,0.3); }
.footer-title{ font-family:'Archivo Black'; text-transform:uppercase; font-size:0.92rem; color:var(--paper); margin:0 0 22px; letter-spacing:0.02em; position:relative; padding-bottom:12px; }
.footer-title::after{ content:''; position:absolute; bottom:0; left:0; width:32px; height:3px; background:var(--gold); border-radius:2px; }
.footer-links, .footer-contact{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin-bottom:12px; }
.footer-links a{ color:rgba(251,246,236,0.6); text-decoration:none; font-size:0.92rem; transition:0.3s; display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.footer-links a i{ font-size:0.55rem; color:var(--gold); transition:0.3s; }
.footer-links a:hover{ color:var(--gold-light); transform:translateX(5px); }
.footer-contact li{ display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; color:rgba(251,246,236,0.6); font-size:0.9rem; line-height:1.5; }
.footer-contact li i{ color:var(--gold); margin-top:3px; flex-shrink:0; width:16px; }
.footer-contact a{ color:rgba(251,246,236,0.6); text-decoration:none; transition:0.3s; }
.footer-contact a:hover{ color:var(--gold-light); }
.footer-custom{ color:rgba(251,246,236,0.6); font-size:0.9rem; line-height:1.7; }
.footer-custom a{ color:var(--gold-light); text-decoration:none; }
.footer-custom a:hover{ text-decoration:underline; }
.footer-bottom{ max-width:1200px; margin:0 auto; padding:22px 28px; border-top:1px solid rgba(251,246,236,0.1); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; position:relative; z-index:2; }
.footer-bottom .f-text{ font-family:'JetBrains Mono'; font-size:0.72rem; color:rgba(251,246,236,0.4); }
.footer-cmyk{ display:flex; align-items:center; gap:7px; }
.footer-cmyk .fc-dot{ width:8px; height:8px; border-radius:50%; }
.footer-cmyk .fc-dot.c{background:var(--cyan);} .footer-cmyk .fc-dot.m{background:var(--magenta);}
.footer-cmyk .fc-dot.y{background:var(--yellow);} .footer-cmyk .fc-dot.k{background:var(--gold);}

/* ===== WhatsApp float ===== */
.wa-float{ position:fixed; bottom:26px; right:26px; width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg, var(--wa-color) 0%, #128C7E 100%); color:#fff; z-index:1500; display:flex; align-items:center; justify-content:center; font-size:1.8rem; text-decoration:none; box-shadow:0 10px 30px rgba(37,211,102,0.45); transition:0.3s; animation:wa-pulse 2.4s infinite; }
.wa-float:hover{ transform:scale(1.1) translateY(-3px); color:#fff; }
@keyframes wa-pulse{ 0%{box-shadow:0 10px 30px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0.5);} 70%{box-shadow:0 10px 30px rgba(37,211,102,0.45), 0 0 0 18px rgba(37,211,102,0);} 100%{box-shadow:0 10px 30px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0);} }

/* ===== Scroll reveal ===== */
.reveal, .scroll-anim{ opacity:0; transform:translateY(36px); transition:0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
.reveal.active, .scroll-anim.active{ opacity:1; transform:translateY(0); }
.stagger-1.active{ transition-delay:0.06s; } .stagger-2.active{ transition-delay:0.12s; }
.stagger-3.active{ transition-delay:0.18s; } .stagger-4.active{ transition-delay:0.24s; }
.stagger-5.active{ transition-delay:0.3s; } .stagger-6.active{ transition-delay:0.36s; }
.no-js .reveal, .no-js .scroll-anim{ opacity:1; transform:none; }

/* ===== Responsive ===== */
@media (max-width: 980px){
  .footer-main{ grid-template-columns:1fr 1fr; gap:36px; }
  .footer-brand{ grid-column:1 / -1; }
}
@media (max-width: 880px){
  .hero{ grid-template-columns:1fr; gap:40px; padding-top:50px; }
  .hero-left{ text-align:center; }
  .hero-logo{ margin-left:auto; margin-right:auto; max-width:360px; }
  .hero-eyebrow{ margin-left:auto; margin-right:auto; }
  .hero .lead{ margin-left:auto; margin-right:auto; }
  .hero-ctas{ justify-content:center; }
  .hero-meta{ justify-content:center; }
  .hero-slogan-badge{ max-width:340px; margin-bottom:-20px; }
  .contact-grid-wrap{ grid-template-columns:1fr; gap:36px; }
  .contact-shell{ padding:40px 26px; }
  .floating-badge-container{ position:static; display:block; margin-bottom:20px; }
  .nav-wa-link span{ display:none; }
  .nav-wa-link{ padding:10px 13px; }
  .custom-toggler::after{ content:'Menü'; }
  .hero-crop{ display:none; }
}
@media (max-width: 560px){
  .services-grid{ grid-template-columns:1fr; }
  .hero-ctas{ flex-direction:column; }
  .hero-ctas .btn{ justify-content:center; }
  .hero-meta{ gap:14px 0; }
  .hero-meta .item{ flex:1 1 40%; padding-right:14px; margin-right:14px; border-right:1px solid var(--line-light); }
  .section{ padding:64px 0; }
  .hero-logo{ max-width:280px; }
  .footer-main{ grid-template-columns:1fr; gap:32px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .wa-float{ width:54px; height:54px; font-size:1.6rem; bottom:20px; right:20px; }
  .navbar-side-menu{ width:100%; }
  .paper-card .pc-title{ font-size:1.6rem; }
}

/* ===== PDF Modal (site içi görüntüleme) ===== */
.pdf-modal{ position:fixed; inset:0; z-index:3000; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:0.35s ease; }
.pdf-modal.active{ opacity:1; visibility:visible; }
.pdf-modal-overlay{ position:absolute; inset:0; background:rgba(8,7,5,0.8); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.pdf-modal-box{
  position:relative; z-index:2; width:100%; max-width:960px; height:88vh; max-height:900px;
  background:linear-gradient(165deg, #1A1610 0%, #100D09 100%); border:1px solid rgba(212,162,78,0.25);
  border-radius:20px; overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 50px 100px rgba(0,0,0,0.6); transform:translateY(30px) scale(0.97); transition:0.4s cubic-bezier(.16,.84,.44,1);
}
.pdf-modal.active .pdf-modal-box{ transform:translateY(0) scale(1); }
.pdf-modal-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; border-bottom:1px solid rgba(212,162,78,0.2); background:rgba(212,162,78,0.04); flex-shrink:0; }
.pdf-modal-titlewrap{ display:flex; align-items:center; gap:14px; min-width:0; }
.pdf-modal-icon{ width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg, var(--orange), var(--gold)); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:1.25rem; flex-shrink:0; }
.pdf-modal-eyebrow{ font-size:0.62rem; letter-spacing:0.14em; color:var(--gold-light); display:block; margin-bottom:3px; }
.pdf-modal-title{ font-size:1.2rem; margin:0; color:var(--paper); line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pdf-modal-actions{ display:flex; align-items:center; gap:8px; flex-shrink:0; }
.pdf-modal-btn{ width:42px; height:42px; border-radius:11px; background:rgba(251,246,236,0.06); border:1px solid rgba(251,246,236,0.15); color:var(--paper); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:0.95rem; text-decoration:none; transition:0.25s; }
.pdf-modal-btn:hover{ background:rgba(212,162,78,0.18); border-color:var(--gold); color:var(--gold-light); }
.pdf-modal-close:hover{ background:rgba(232,21,122,0.18); border-color:var(--magenta); color:#fff; }
.pdf-modal-body{ flex:1; position:relative; background:#52504c; min-height:0; }
.pdf-modal-body iframe{ width:100%; height:100%; border:0; display:block; }
.pdf-loader{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:12px; color:rgba(251,246,236,0.7); font-family:'JetBrains Mono'; font-size:0.85rem; background:#1A1610; z-index:2; transition:0.3s; }
.pdf-loader.hidden{ opacity:0; visibility:hidden; }
.pdf-spinner{ width:22px; height:22px; border:3px solid rgba(212,162,78,0.25); border-top-color:var(--gold); border-radius:50%; animation:pdf-spin 0.8s linear infinite; }
@keyframes pdf-spin{ to{ transform:rotate(360deg); } }
body.modal-open{ overflow:hidden; }

@media (max-width: 768px){
  .pdf-modal{ padding:0; }
  .pdf-modal-box{ height:100vh; max-height:100vh; border-radius:0; border:none; }
  .pdf-modal-title{ font-size:1rem; max-width:140px; }
  .pdf-modal-icon{ width:40px; height:40px; font-size:1.1rem; }
  .pdf-modal-btn{ width:38px; height:38px; }
}

/* ===== Galeri (Bizden Kareler) ===== */
.section-gallery{ background:var(--ink-2); }
.gallery-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.gallery-item{ position:relative; border-radius:16px; overflow:hidden; cursor:pointer; aspect-ratio:4/3; border:1px solid rgba(251,246,236,0.08); background:var(--ink-3); }
.gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; transition:0.5s cubic-bezier(.16,.84,.44,1); }
.gallery-item:hover img:not(.gallery-watermark){ transform:scale(1.08); }
.gallery-watermark{ position:absolute; left:14px; bottom:14px; width:38%; max-width:130px; height:auto !important; opacity:0.55; pointer-events:none; z-index:3; filter:drop-shadow(0 2px 6px rgba(0,0,0,0.6)); transition:opacity 0.35s; }
.gallery-item:hover .gallery-watermark{ opacity:0.8; }
.gallery-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:linear-gradient(to top, rgba(16,14,11,0.85) 0%, rgba(16,14,11,0.1) 60%, transparent 100%); opacity:0; transition:0.35s; padding:18px; }
.gallery-item:hover .gallery-overlay{ opacity:1; }
.gallery-zoom{ width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg, var(--orange), var(--gold)); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:1.2rem; transform:scale(0.6); transition:0.4s cubic-bezier(.16,.84,.44,1); }
.gallery-item:hover .gallery-zoom{ transform:scale(1); }
.gallery-caption{ position:absolute; bottom:16px; left:18px; right:18px; color:var(--paper); font-weight:700; font-size:0.95rem; transform:translateY(10px); transition:0.4s; }
.gallery-item:hover .gallery-caption{ transform:translateY(0); }
.gallery-cta{ text-align:center; margin-top:36px; }

/* ===== Lightbox ===== */
.lightbox{ position:fixed; inset:0; z-index:3500; display:flex; align-items:center; justify-content:center; padding:40px; opacity:0; visibility:hidden; transition:0.35s; }
.lightbox.active{ opacity:1; visibility:visible; }
.lightbox-overlay{ position:absolute; inset:0; background:rgba(8,7,5,0.92); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.lightbox-content{ position:relative; z-index:2; max-width:90vw; max-height:85vh; margin:0; display:flex; flex-direction:column; align-items:center; gap:16px; transform:scale(0.95); transition:0.4s cubic-bezier(.16,.84,.44,1); }
.lightbox.active .lightbox-content{ transform:scale(1); }
.lightbox-content img#lightboxImg{ max-width:100%; max-height:78vh; border-radius:12px; box-shadow:0 40px 90px rgba(0,0,0,0.7); border:1px solid rgba(212,162,78,0.25); }
.lightbox-watermark{ position:absolute; left:20px; bottom:64px; width:120px; height:auto; opacity:0.6; pointer-events:none; z-index:3; filter:drop-shadow(0 2px 8px rgba(0,0,0,0.7)); }
.lightbox-caption{ color:var(--paper); font-weight:600; font-size:1rem; font-family:'JetBrains Mono'; letter-spacing:0.03em; text-align:center; }
.lightbox-close{ position:absolute; top:24px; right:24px; z-index:5; width:48px; height:48px; border-radius:50%; background:rgba(251,246,236,0.08); border:1px solid rgba(251,246,236,0.2); color:var(--paper); font-size:1.2rem; cursor:pointer; transition:0.25s; }
.lightbox-close:hover{ background:var(--orange); border-color:var(--orange); color:#fff; transform:rotate(90deg); }
.lightbox-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:54px; height:54px; border-radius:50%; background:rgba(251,246,236,0.08); border:1px solid rgba(251,246,236,0.2); color:var(--paper); font-size:1.2rem; cursor:pointer; transition:0.25s; }
.lightbox-nav:hover{ background:var(--gold); border-color:var(--gold); color:var(--ink); }
.lightbox-prev{ left:24px; } .lightbox-next{ right:24px; }
body.lightbox-open{ overflow:hidden; }

@media (max-width: 880px){
  .gallery-grid{ grid-template-columns:repeat(2, 1fr); gap:12px; }
  .lightbox{ padding:16px; }
  .lightbox-nav{ width:44px; height:44px; font-size:1rem; }
  .lightbox-prev{ left:10px; } .lightbox-next{ right:10px; }
  .lightbox-close{ top:14px; right:14px; }
}
@media (max-width: 480px){
  .gallery-grid{ grid-template-columns:1fr 1fr; gap:10px; }
}