/* =========================================
   rollekmek.com — Artisan Food + Industrial
   Palette: Brown #5C3D1E · Gold #C8960C
            Cream #F8F3EA · Dark #1A1209
   ========================================= */

/* ─── FONT IMPORT ──────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=Inter:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');

/* ─── RESET ────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:'Inter',sans-serif;background:#F8F3EA;color:#1A1209;line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ─── DESIGN TOKENS ────────────────────── */
:root{
  /* Colors */
  --brown:      #5C3D1E;
  --brown-dk:   #3B2610;
  --brown-lt:   #8B6343;
  --gold:       #C8960C;
  --gold-lt:    #E8B84B;
  --gold-pale:  #F5E8C0;
  --cream:      #F8F3EA;
  --cream-dk:   #EFE7D5;
  --cream-dkr:  #E0D4BF;
  --dark:       #1A1209;
  --dark-2:     #2C1E0E;
  --text-mid:   #4A3520;
  --text-muted: #7A6550;
  --white:      #FFFFFF;
  --wa-green:   #25D366;

  /* Spacing */
  --sec-v: 96px;
  --sec-h: 64px;

  /* Typography */
  --serif:  'Playfair Display', Georgia, serif;
  --dm:     'DM Serif Display', Georgia, serif;
  --sans:   'Inter', system-ui, sans-serif;

  /* Radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;

  /* Shadow */
  --shadow-sm: 0 2px 8px rgba(92,61,30,0.10);
  --shadow-md: 0 8px 32px rgba(92,61,30,0.14);
  --shadow-lg: 0 20px 60px rgba(92,61,30,0.18);
}

/* ─── SCROLLBAR ────────────────────────── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--cream-dk)}
::-webkit-scrollbar-thumb{background:var(--brown-lt);border-radius:3px}

/* ─── HEADER ────────────────────────────── */
.hd{
  position:fixed;top:0;left:0;right:0;z-index:900;
  background:rgba(26,18,9,0.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(200,150,12,0.25);
  transition:background .3s,border-color .3s;
}
.hd.scrolled{
  background:rgba(26,18,9,0.99);
  border-color:rgba(200,150,12,0.4);
}
.hd-inner{
  max-width:1360px;margin:0 auto;padding:0 var(--sec-h);
  height:80px;display:flex;align-items:center;gap:40px;
}
.hd-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.hd-logo img{
  height:65px;width:auto;
  filter:brightness(1.1);
  object-fit:contain;
}
.hd-nav{flex:1;display:flex;gap:28px;justify-content:center}
.hd-nav a{
  font-size:13px;font-weight:500;letter-spacing:0.06em;
  text-transform:uppercase;color:rgba(248,243,234,0.7);
  transition:color .2s;padding:4px 0;
  position:relative;
}
.hd-nav a::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;
  height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .25s;
}
.hd-nav a:hover{color:var(--gold-lt)}
.hd-nav a:hover::after{transform:scaleX(1)}
.hd-cta{display:flex;gap:10px;flex-shrink:0}

/* ─── BUTTONS ───────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;
  padding:12px 24px;border-radius:var(--r-sm);
  transition:all .2s;white-space:nowrap;letter-spacing:0.02em;
}
.btn-gold{background:var(--gold);color:var(--dark)}
.btn-gold:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,150,12,0.35)}
.btn-ghost-gold{background:transparent;color:var(--gold);border:1px solid rgba(200,150,12,0.5)}
.btn-ghost-gold:hover{background:rgba(200,150,12,0.1);border-color:var(--gold)}
.btn-wa{background:var(--wa-green);color:#fff}
.btn-wa:hover{background:#1eba55;transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,211,102,0.3)}
.btn-brown{background:var(--brown);color:var(--cream)}
.btn-brown:hover{background:var(--brown-dk);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-lg{padding:16px 36px;font-size:16px;border-radius:var(--r-md)}

/* ─── SECTION COMMON ────────────────────── */
.sec{padding:var(--sec-v) var(--sec-h);max-width:1360px;margin:0 auto}
.sec-full{padding:var(--sec-v) 0}
.sec-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:14px;
}
.sec-tag::before{
  content:'';width:28px;height:2px;
  background:linear-gradient(to right,var(--gold),var(--gold-lt));
  border-radius:1px;
}
.sec-title{
  font-family:var(--serif);
  font-size:clamp(34px,3.5vw,52px);
  font-weight:800;color:var(--brown-dk);
  line-height:1.1;margin-bottom:16px;
}
.sec-title em{color:var(--gold);font-style:italic}
.sec-sub{
  font-size:17px;font-weight:300;color:var(--text-muted);
  line-height:1.8;max-width:560px;margin-bottom:48px;
}
.divider{
  width:60px;height:3px;
  background:linear-gradient(to right,var(--gold),transparent);
  border-radius:2px;margin-bottom:48px;
}

/* ─── HERO ──────────────────────────────── */
.hero{
  position:relative;min-height:100svh;
  display:flex;align-items:center;
  overflow:hidden;padding-top:72px;
}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:#1A1209;
}
.hero-bg img{
  width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
  opacity:.55;
  transition:opacity .4s;
}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(
    108deg,
    rgba(26,18,9,0.96) 0%,
    rgba(26,18,9,0.82) 42%,
    rgba(26,18,9,0.35) 70%,
    rgba(26,18,9,0.15) 100%
  );
}
.hero-inner{
  position:relative;z-index:1;
  max-width:1360px;margin:0 auto;
  padding:80px var(--sec-h);
  width:100%;
  display:grid;grid-template-columns:1fr 420px;
  gap:60px;align-items:center;
}
.hero-eyebrow{
  display:flex;align-items:center;gap:10px;
  margin-bottom:22px;
}
.hero-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--gold);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.hero-eyebrow span{
  font-size:11px;font-weight:600;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--gold-lt);
}
.hero-h1{
  font-family:var(--serif);
  font-size:clamp(52px,6.5vw,90px);
  font-weight:800;
  color:var(--white);
  line-height:1;
  margin-bottom:10px;
  letter-spacing:-0.01em;
}
.hero-h1-em{
  font-family:var(--dm);
  font-style:italic;
  color:var(--gold-lt);
  display:block;
  font-size:clamp(34px,4.5vw,62px);
  margin-bottom:28px;
}
.hero-desc{
  font-size:18px;font-weight:300;
  color:rgba(248,243,234,0.75);
  line-height:1.8;max-width:520px;
  margin-bottom:10px;
}
.hero-kw{
  font-size:11px;color:rgba(200,150,12,0.55);
  letter-spacing:0.1em;text-transform:uppercase;
  margin-bottom:38px;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}
.hero-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;border-top:1px solid rgba(200,150,12,0.2);
  padding-top:32px;
}
.hstat{padding:0 24px 0 0}
.hstat+.hstat{padding-left:24px;border-left:1px solid rgba(200,150,12,0.15)}
.hstat-num{
  font-family:var(--serif);
  font-size:36px;font-weight:700;
  color:var(--gold-lt);line-height:1;margin-bottom:4px;
}
.hstat-lbl{font-size:12px;color:rgba(248,243,234,0.5);font-weight:400}

/* Hero panel right */
.hero-panel{
  background:rgba(248,243,234,0.06);
  border:1px solid rgba(200,150,12,0.25);
  border-radius:var(--r-lg);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:hidden;
}
.hp-top{
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(200,150,12,0.15);
  display:flex;align-items:center;gap:10px;
}
.hp-live{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);animation:pulse 1.8s infinite;
}
.hp-label{
  font-size:11px;font-weight:600;letter-spacing:0.14em;
  text-transform:uppercase;color:rgba(248,243,234,0.5);
}
.hp-body{padding:18px 22px 22px}
.hp-items{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.hp-item{
  display:flex;align-items:center;gap:14px;
  padding:11px 14px;
  background:rgba(248,243,234,0.05);
  border:1px solid rgba(200,150,12,0.15);
  border-radius:var(--r-sm);
  transition:border-color .2s,background .2s;
}
.hp-item:hover{
  background:rgba(200,150,12,0.08);
  border-color:rgba(200,150,12,0.35);
}
.hp-thumb{
  width:54px;height:54px;border-radius:var(--r-sm);
  overflow:hidden;flex-shrink:0;
  background:rgba(92,61,30,0.3);
}
.hp-thumb img{width:100%;height:100%;object-fit:cover}
.hp-info h4{
  font-size:14px;font-weight:600;
  color:var(--white);margin-bottom:2px;
}
.hp-info p{font-size:11px;color:rgba(248,243,234,0.45);font-weight:300}
.hp-cta{display:block;width:100%}
.hp-cta .btn{width:100%;justify-content:center;font-size:13px;padding:12px}

/* ─── MARQUEE / TICKER ──────────────────── */
.ticker{
  background:linear-gradient(135deg,var(--brown-dk),var(--brown));
  padding:14px 0;overflow:hidden;white-space:nowrap;
  border-top:1px solid rgba(200,150,12,0.2);
  border-bottom:1px solid rgba(200,150,12,0.2);
}
.ticker-track{display:inline-flex;animation:ticker 26s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{
  font-size:13px;font-weight:500;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--gold-pale);
  padding:0 36px;display:inline-flex;align-items:center;gap:12px;
}
.ticker-item::before{
  content:'✦';color:var(--gold);font-size:8px;
}

/* ─── TRUST BAR ─────────────────────────── */
.trust{background:var(--cream-dk);border-bottom:1px solid var(--cream-dkr)}
.trust-inner{
  max-width:1360px;margin:0 auto;padding:20px var(--sec-h);
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
}
.trust-item{
  display:flex;align-items:center;gap:9px;
  font-size:13px;font-weight:500;color:var(--text-mid);
}
.trust-icon{
  width:32px;height:32px;border-radius:50%;
  background:var(--gold-pale);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;flex-shrink:0;
}

/* ─── PRODUCTS ──────────────────────────── */
.products{background:var(--white)}
.products-head{
  display:grid;grid-template-columns:1fr 1fr;
  gap:40px;align-items:end;margin-bottom:56px;
}
.products-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.prod-card{
  border-radius:var(--r-lg);overflow:hidden;
  background:var(--white);
  box-shadow:var(--shadow-sm);
  transition:transform .3s,box-shadow .3s;
  border:1px solid var(--cream-dkr);
}
.prod-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
}
.prod-img-wrap{
  position:relative;
  aspect-ratio:4/3;overflow:hidden;
  background:var(--cream-dk);
}
.prod-img-wrap img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s;
}
.prod-card:hover .prod-img-wrap img{transform:scale(1.06)}
.prod-badge{
  position:absolute;top:14px;left:14px;
  background:var(--brown);color:var(--gold-lt);
  font-size:10px;font-weight:700;letter-spacing:0.12em;
  text-transform:uppercase;padding:5px 12px;border-radius:var(--r-sm);
}
.prod-body{padding:24px 22px 26px}
.prod-body h3{
  font-family:var(--serif);font-size:22px;font-weight:700;
  color:var(--brown-dk);margin-bottom:10px;
}
.prod-body p{
  font-size:14px;font-weight:300;color:var(--text-muted);
  line-height:1.75;margin-bottom:16px;
}
.prod-tags{display:flex;flex-wrap:wrap;gap:6px}
.prod-tag{
  font-size:11px;font-weight:600;letter-spacing:0.08em;
  padding:4px 10px;border-radius:var(--r-sm);
  background:var(--gold-pale);color:var(--brown);
  border:1px solid rgba(200,150,12,0.25);
}

/* ─── FEATURES / WHY ────────────────────── */
.why{
  background:var(--dark-2);
  position:relative;overflow:hidden;
}
.why::before{
  content:'';position:absolute;
  top:-100px;right:-100px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(200,150,12,0.08) 0%,transparent 70%);
  pointer-events:none;
}
.why-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.why-card{
  padding:32px 28px;
  background:rgba(248,243,234,0.04);
  border:1px solid rgba(200,150,12,0.12);
  border-radius:var(--r-lg);
  transition:background .25s,border-color .25s,transform .25s;
}
.why-card:hover{
  background:rgba(200,150,12,0.07);
  border-color:rgba(200,150,12,0.3);
  transform:translateY(-3px);
}
.why-icon{
  width:52px;height:52px;border-radius:var(--r-md);
  background:rgba(200,150,12,0.12);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:18px;
}
.why-card h4{
  font-family:var(--serif);font-size:19px;font-weight:700;
  color:var(--cream);margin-bottom:10px;
}
.why-card p{
  font-size:14px;font-weight:300;color:rgba(248,243,234,0.55);
  line-height:1.75;
}

/* ─── ABOUT / KALITE SECTION ────────────── */
.about{background:var(--cream)}
.about-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
.about-img{
  position:relative;border-radius:var(--r-xl);
  overflow:hidden;aspect-ratio:4/3;
  box-shadow:var(--shadow-lg);
}
.about-img img{width:100%;height:100%;object-fit:cover}
.about-img-badge{
  position:absolute;bottom:24px;left:24px;right:24px;
  background:rgba(26,18,9,0.85);
  border:1px solid rgba(200,150,12,0.3);
  backdrop-filter:blur(8px);
  border-radius:var(--r-md);
  padding:14px 18px;
  display:flex;align-items:center;gap:14px;
}
.about-img-badge-ico{font-size:24px}
.about-img-badge-txt{font-size:13px;font-weight:400;color:var(--gold-pale);line-height:1.5}
.about-img-badge-txt strong{display:block;font-size:15px;font-weight:600;color:var(--gold-lt)}
.about-text .sec-title{margin-top:8px}
.about-checks{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.about-check{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;
  background:var(--white);border:1px solid var(--cream-dkr);
  border-radius:var(--r-md);
}
.about-check-ico{
  width:36px;height:36px;border-radius:var(--r-sm);
  background:var(--gold-pale);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
}
.about-check h5{
  font-size:15px;font-weight:600;color:var(--brown-dk);margin-bottom:3px;
}
.about-check p{font-size:13px;font-weight:300;color:var(--text-muted);line-height:1.6}

/* ─── TARGET CLIENTS ────────────────────── */
.targets{background:var(--cream-dk)}
.targets-grid{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:16px;
}
/* 8 kutucuk: masaüstü 4 sütun, tablet 2, mobil 2 */
.targets-grid--8{
  grid-template-columns:repeat(4,1fr);
}
.target-card{
  padding:28px 16px;text-align:center;
  background:var(--white);border:1px solid var(--cream-dkr);
  border-radius:var(--r-lg);
  transition:all .25s;cursor:default;
}
.target-card:hover{
  background:var(--brown);
  border-color:var(--brown);
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}
.target-card:hover .tc-icon{background:rgba(200,150,12,0.2)}
.target-card:hover .tc-name{color:var(--gold-lt)}
.target-card:hover .tc-desc{color:rgba(248,243,234,0.6)}
.tc-icon{
  width:54px;height:54px;border-radius:50%;
  background:var(--gold-pale);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin:0 auto 14px;
  transition:background .2s;
}
.tc-name{
  font-size:14px;font-weight:600;color:var(--brown-dk);
  margin-bottom:6px;transition:color .2s;
}
.tc-desc{
  font-size:12px;font-weight:300;color:var(--text-muted);
  line-height:1.55;transition:color .2s;
}

/* ─── DELIVERY / SIPARIS ────────────────── */
.delivery{background:var(--white)}
.del-steps{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;position:relative;margin-top:56px;
}
.del-steps::before{
  content:'';position:absolute;
  top:36px;left:10%;right:10%;
  height:1px;
  background:linear-gradient(to right,transparent,var(--gold),var(--gold),transparent);
  z-index:0;
}
.del-step{text-align:center;padding:0 20px;position:relative;z-index:1}
.del-num{
  width:72px;height:72px;border-radius:50%;
  background:var(--white);
  border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:24px;font-weight:700;
  color:var(--gold);margin:0 auto 20px;
  box-shadow:0 0 0 8px var(--cream-dk);
}
.del-step h4{
  font-family:var(--serif);font-size:18px;font-weight:700;
  color:var(--brown-dk);margin-bottom:8px;
}
.del-step p{font-size:13px;font-weight:300;color:var(--text-muted);line-height:1.7}

/* ─── BOLGE / HIZMET ────────────────────── */
.bolge{background:var(--cream-dk)}
.bolge-layout{
  display:grid;grid-template-columns:1fr 1fr;
  gap:72px;align-items:center;
}

/* Toptan section named grid */
.toptan-grid{
  max-width:1360px;margin:0 auto;padding:0 var(--sec-h);
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
.bolge-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;margin-bottom:28px;
}
.bolge-item{
  padding:12px 14px;
  background:var(--white);border:1px solid var(--cream-dkr);
  border-radius:var(--r-sm);
  font-size:13px;font-weight:500;color:var(--brown);
  display:flex;align-items:center;gap:8px;
  transition:all .2s;cursor:default;
}
.bolge-item::before{
  content:'';width:6px;height:6px;
  border-radius:50%;background:var(--gold);flex-shrink:0;
}
.bolge-item:hover{
  background:var(--brown);color:var(--gold-lt);
  border-color:var(--brown);
}
.bolge-item:hover::before{background:var(--gold-lt)}
.map-frame{
  border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--cream-dkr);
  box-shadow:var(--shadow-md);
  height:380px;
  background:var(--cream-dkr);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;color:var(--text-muted);font-size:14px;
}
.map-frame iframe{width:100%;height:100%;border:none;display:block}

/* ─── SEO TEXT ──────────────────────────── */
.seo-block{background:var(--white)}
.seo-grid{
  display:grid;grid-template-columns:3fr 2fr;
  gap:72px;align-items:start;
}
.seo-text p{
  font-size:15px;font-weight:300;color:var(--text-mid);
  line-height:1.9;margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid var(--cream-dk);
}
.seo-text p:last-child{border-bottom:none;margin-bottom:0}
.seo-text strong{font-weight:600;color:var(--brown)}
.seo-aside{
  background:var(--dark-2);
  border-radius:var(--r-lg);padding:28px;
  position:sticky;top:92px;
}
.seo-aside-title{
  font-size:11px;font-weight:700;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.kw-list{display:flex;flex-direction:column}
.kw-item{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-size:13px;font-weight:500;color:rgba(248,243,234,0.4);
  display:flex;align-items:center;gap:10px;
  transition:color .15s;
}
.kw-item:last-child{border-bottom:none}
.kw-item:hover{color:var(--gold-lt)}
.kw-item::before{content:'#';color:var(--gold);font-weight:700;font-size:12px}

/* ─── FAQ ───────────────────────────────── */
.faq{background:var(--cream)}
.faq-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:14px;
}
.faq-item{
  background:var(--white);
  border:1px solid var(--cream-dkr);
  border-radius:var(--r-md);overflow:hidden;
  transition:box-shadow .2s;
}
.faq-item:hover{box-shadow:var(--shadow-sm)}
.faq-q{
  padding:20px 22px;
  font-size:15px;font-weight:600;color:var(--brown-dk);
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  cursor:pointer;user-select:none;
  transition:background .15s;
}
.faq-q:hover{background:var(--cream)}
.faq-q-ico{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  background:var(--gold-pale);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-size:18px;font-weight:300;
  transition:transform .25s,background .15s,color .15s;
}
.faq-item.open .faq-q-ico{
  transform:rotate(45deg);
  background:var(--gold);color:var(--dark);
}
.faq-a{
  display:none;
  padding:0 22px 20px;
  font-size:14px;font-weight:300;color:var(--text-muted);
  line-height:1.8;
  border-top:1px solid var(--cream-dk);padding-top:16px;
}
.faq-item.open .faq-a{display:block}

/* ─── CTA SECTION ───────────────────────── */
.cta-sec{
  background:var(--brown-dk);
  position:relative;overflow:hidden;
}
.cta-sec::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 80% 50%,rgba(200,150,12,0.15) 0%,transparent 70%),
    radial-gradient(ellipse 40% 60% at 20% 50%,rgba(200,150,12,0.08) 0%,transparent 70%);
  pointer-events:none;
}
.cta-inner{
  max-width:1360px;margin:0 auto;padding:80px var(--sec-h);
  display:grid;grid-template-columns:1fr auto;
  gap:48px;align-items:center;
  position:relative;z-index:1;
}
.cta-h{
  font-family:var(--serif);
  font-size:clamp(32px,4vw,52px);
  font-weight:800;color:var(--white);
  line-height:1.1;margin-bottom:12px;
}
.cta-h em{color:var(--gold-lt);font-style:italic}
.cta-p{
  font-size:17px;font-weight:300;
  color:rgba(248,243,234,0.6);
  max-width:500px;line-height:1.75;
}
.cta-btns{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.cta-btns .btn{padding:16px 36px;font-size:15px;justify-content:center}

/* ─── FOOTER ────────────────────────────── */
.footer{
  background:var(--dark);
  border-top:1px solid rgba(200,150,12,0.15);
  padding:64px var(--sec-h) 28px;
}
.ft-grid{
  max-width:1360px;margin:0 auto;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:48px;margin-bottom:48px;
}
.ft-logo img{height:52px;width:auto;margin-bottom:14px;filter:brightness(1.1)}
.ft-desc{
  font-size:14px;font-weight:300;
  color:rgba(248,243,234,0.4);line-height:1.75;
  max-width:260px;margin-bottom:20px;
}
.ft-contacts{display:flex;flex-direction:column;gap:10px}
.ft-contact-item{
  display:flex;align-items:center;gap:9px;
  font-size:13px;font-weight:300;
  color:rgba(248,243,234,0.45);
  transition:color .15s;
}
.ft-contact-item:hover{color:var(--gold-lt)}
.ft-col h5{
  font-size:11px;font-weight:700;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.ft-col ul{display:flex;flex-direction:column;gap:10px}
.ft-col ul a{
  font-size:14px;font-weight:300;
  color:rgba(248,243,234,0.4);transition:color .15s;
}
.ft-col ul a:hover{color:var(--gold-lt)}
.ft-bottom{
  max-width:1360px;margin:0 auto;
  padding-top:24px;border-top:1px solid rgba(200,150,12,0.1);
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
}
.ft-copy{font-size:12px;font-weight:300;color:rgba(248,243,234,0.25)}
.ft-kw{
  font-size:11px;color:rgba(200,150,12,0.2);
  letter-spacing:0.06em;text-transform:uppercase;
}

/* ─── STICKY ACTIONS ────────────────────── */
.sticky-wrap{
  position:fixed;
  right:0;
  bottom:24px;
  z-index:1000;
  display:flex;flex-direction:column;gap:10px;
  padding-right:12px;
}
.stk{
  width:52px;height:52px;border-radius:50%;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  box-shadow:0 4px 20px rgba(0,0,0,0.35);
  transition:transform .2s,box-shadow .2s;
}
.stk:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,0.4)}
.stk-top{background:var(--gold);color:var(--dark)}
.stk-tel{background:#E8002D;color:#fff;border:none}
.stk-tel:hover{background:#c00025}
.stk-wa{background:var(--wa-green);color:#fff}

/* ─── MOBILE NAV ────────────────────────── */
.hd-hamburger{
  display:none;
  width:40px;height:40px;flex-direction:column;
  justify-content:center;gap:6px;padding:6px;
  background:rgba(200,150,12,0.12);
  border:1px solid rgba(200,150,12,0.3);
  border-radius:var(--r-sm);
  cursor:pointer;
  flex-shrink:0;
  margin-left:auto;
}
.hd-hamburger span{
  display:block;height:2px;background:var(--gold);
  border-radius:1px;transition:all .3s;
}
.hd-mobile-nav{
  display:none;
  position:fixed;inset:0;z-index:850;
  background:rgba(26,18,9,0.97);
  flex-direction:column;align-items:center;justify-content:center;
  gap:36px;
}
.hd-mobile-nav.open{display:flex}
.hd-mobile-nav a{
  font-family:var(--serif);font-size:28px;font-weight:700;
  color:var(--cream);transition:color .2s;
}
.hd-mobile-nav a:hover{color:var(--gold)}
.hd-mobile-close{
  position:absolute;top:20px;right:24px;
  font-size:28px;background:none;border:none;
  color:rgba(248,243,234,0.5);cursor:pointer;
}

/* ─── RESPONSIVE ────────────────────────── */
@media (max-width:1100px){
  :root{--sec-h:32px;--sec-v:72px}
  .hero-inner{grid-template-columns:1fr;gap:0}
  .hero-panel{display:none}
  .products-head{grid-template-columns:1fr}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr}
  .about-img{max-height:360px}
  .targets-grid{grid-template-columns:repeat(3,1fr)}
  .targets-grid--8{grid-template-columns:repeat(2,1fr)}
  .bolge-layout{grid-template-columns:1fr}
  .toptan-grid{grid-template-columns:1fr}
  .seo-grid{grid-template-columns:1fr}
  .seo-aside{position:static}
  .ft-grid{grid-template-columns:1fr 1fr}
  .cta-inner{grid-template-columns:1fr}
  .cta-btns{flex-direction:row}
  .hd-nav{display:none}
  .hd-hamburger{display:flex}
  /* Header: mobilede gap sıfırla, logo + hamburger yan yana */
  .hd-inner{gap:0;padding:0 16px}
  .hd-logo{flex:1}
  /* Tel butonu mobilede gizle (sadece WA var) */
  .hd-cta .btn-ghost-gold{display:none}
}
@media (max-width:768px){
  :root{--sec-h:20px;--sec-v:56px}
  .products-grid,.why-grid,.faq-grid{grid-template-columns:1fr}
  .del-steps{grid-template-columns:repeat(2,1fr)}
  .del-steps::before{display:none}
  .targets-grid{grid-template-columns:repeat(2,1fr)}
  .targets-grid--8{grid-template-columns:repeat(2,1fr)}
  .bolge-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr}
  .trust-inner{justify-content:center}
  .cta-btns{flex-direction:column}
  .cta-btns .btn{width:100%}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  .hstat{padding:0 12px 0 0}
  .hstat+.hstat{padding-left:12px}
  .footer{padding-bottom:100px}
}

/* ─── PAGE SPEED OPTIMIZATIONS ──────────── */
/* Critical image preload hints via CSS */
.hero-bg img{
  content-visibility:auto;
  will-change:opacity;
}
/* Reduce layout shift */
.prod-img-wrap{
  contain:layout style paint;
}
/* GPU acceleration for animations */
.ticker-track,.hero-bg img,.prod-card,.why-card,.target-card{
  will-change:transform;
}
/* Smooth font rendering */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeSpeed;
}

/* ─── VIDEO SECTION ─────────────────────── */
.video-section{
  background:var(--dark-2);
  padding:var(--sec-v) 0;
  overflow:hidden;
}
.video-sec-inner{
  max-width:1360px;margin:0 auto;
  padding:0 var(--sec-h);
  display:grid;grid-template-columns:1fr 1fr;
  gap:72px;align-items:center;
}
.video-lazy-wrap{
  position:relative;
  border-radius:var(--r-xl);
  overflow:hidden;
  aspect-ratio:16/9;
  background:#000;
  box-shadow:var(--shadow-lg);
  cursor:pointer;
}
.video-poster-layer{
  position:absolute;inset:0;z-index:1;
  transition:opacity .3s;
}
.video-poster-layer img{
  width:100%;height:100%;
  object-fit:cover;
}
.video-poster-layer::after{
  content:'';position:absolute;inset:0;
  background:rgba(26,18,9,0.45);
}
.video-play-btn{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:76px;height:76px;
  background:rgba(200,150,12,0.9);
  border-radius:50%;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s;
  box-shadow:0 8px 32px rgba(200,150,12,0.4);
}
.video-play-btn:hover{
  background:var(--gold-lt);
  transform:translate(-50%,-50%) scale(1.1);
}
.video-play-btn svg{
  width:28px;height:28px;
  fill:var(--dark);
  margin-left:4px;/* optical center for play icon */
}
.video-text{padding:0}
.video-text .sec-tag{color:var(--gold)}
.video-text .sec-title{color:var(--cream);margin-top:8px;margin-bottom:16px}
.video-text p{
  font-size:16px;font-weight:300;
  color:rgba(248,243,234,0.55);
  line-height:1.85;margin-bottom:24px;
}
.video-specs{
  display:grid;grid-template-columns:1fr 1fr;
  gap:12px;margin-top:28px;
}
.vspec{
  padding:14px 16px;
  background:rgba(248,243,234,0.04);
  border:1px solid rgba(200,150,12,0.15);
  border-radius:var(--r-md);
}
.vspec-lbl{
  font-size:10px;font-weight:700;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:4px;
}
.vspec-val{
  font-size:14px;font-weight:400;
  color:rgba(248,243,234,0.7);
}

/* ─── WHATSAPP SVG ICON ─────────────────── */
.wa-icon{
  display:inline-flex;align-items:center;
  vertical-align:middle;margin-right:4px;
}
.btn-wa .wa-icon svg{fill:#fff}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1eba55;transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,211,102,0.3)}

/* ─── MOBILE: hide "Sipariş Ver" CTA ───── */
@media(max-width:1100px){
  .hd-cta-order{display:none}
  .hd-hamburger{display:flex}
}

/* ─── VIDEO RESPONSIVE ──────────────────── */
@media(max-width:1100px){
  .video-sec-inner{grid-template-columns:1fr;gap:40px}
  .video-text{order:-1}
}