/* Otoyedek Merkezi — site stylesheet (self-hosted, no external CDN dependency) */
:root{
  --ink:#1F1F1F;
  --panel:#2b2b2b;
  --panel-2:#363636;
  --dark:#1F1F1F;
  --accent:#A80E15;
  --accent-2:#FD6502;
  --line:#e7eaee;
  --paper:#F7F7F7;
  --card:#ffffff;
  --muted:#616161;
  --text:#222222;
  --radius:12px;
  --rounded-lg:12px;
  --rounded-md:6px;
  --rounded-sharp:3px;
  --shadow:4px 4px 16px rgba(168,14,21,.06);
  --shadow-lg:6px 6px 22px rgba(168,14,21,.14);
  --font-body:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-head:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:15.5px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font-body);
  font-weight:300;
  color:var(--text);
  background:var(--paper);
  line-height:1.5;
}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em;font-weight:600;font-family:var(--font-head)}
p{margin:0 0 1em}
.wrap{max-width:1440px;margin:0 auto;padding:0 32px}
@media (min-width:1700px){.wrap{max-width:1560px}}

/* ---------------- Header ---------------- */
.site-header{background:var(--ink);position:sticky;top:0;left:0;right:0;width:100%;z-index:50;border-bottom:3px solid var(--accent);transition:background .25s ease,transform .25s ease,border-color .25s ease}
.site-header.hidden{transform:translateY(-100%)}
.header-inner{display:flex;align-items:center;gap:24px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff}
.brand:hover{text-decoration:none}
.brand img{width:36px;height:36px;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.2;font-family:var(--font-head)}
.brand-text strong{font-size:1.15rem;letter-spacing:.3px}
.brand-text span{font-size:.72rem;color:#9fb0c0;font-weight:500}
.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;margin-left:auto}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:#dbe3ea;padding:8px 12px;border-radius:8px;font-size:.92rem;font-weight:600;font-family:var(--font-head)}
.main-nav a:hover{background:var(--panel);text-decoration:none;color:#fff}
.nav-cart{display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff !important;padding:8px 14px !important;border-radius:var(--rounded-sharp)}
.nav-cart:hover{background:#8a0b11;color:#fff !important}
.nav-dealer{display:flex;align-items:center;gap:6px;background:transparent;color:#fff !important;padding:8px 14px !important;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;font-weight:700}
.nav-dealer:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);text-decoration:none}
.cart-badge{background:#fff;color:var(--accent);border-radius:999px;font-size:.72rem;font-weight:800;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.search-form{display:flex;align-items:center;background:var(--panel);border-radius:8px;padding:4px 10px;gap:6px}
.search-form input{background:none;border:0;color:#fff;font-size:.9rem;padding:6px 2px;width:150px}
.search-form input::placeholder{color:#8b98a6}
.search-form input:focus{outline:none}
.search-form button{background:none;border:0;color:#9fb0c0;cursor:pointer;padding:2px 4px}

/* Transparent-over-hero header (homepage only, via body.has-hero) */
body.has-hero .site-header{position:absolute;background:#0000003D;border-bottom-color:transparent;box-shadow:none}
body.has-hero .site-header.scrolled{position:fixed;background:#fff;border-bottom-color:var(--line);box-shadow:0 2px 10px rgba(0,0,0,.08)}
body.has-hero .site-header.scrolled .main-nav a{color:var(--text)}
body.has-hero .site-header.scrolled .main-nav a:hover{background:var(--paper);color:var(--ink)}
body.has-hero .site-header.scrolled .brand-text strong{color:var(--text)}
body.has-hero .site-header.scrolled .brand-text span{color:var(--muted)}
body.has-hero .site-header.scrolled .nav-dealer{color:var(--ink) !important;border-color:rgba(34,34,34,.3)}
body.has-hero .site-header.scrolled .search-form{background:var(--paper)}
body.has-hero .site-header.scrolled .search-form input{color:var(--text)}
body.has-hero .site-header.scrolled .menu-toggle{color:var(--ink);border-color:rgba(34,34,34,.25)}

/* ---------------- Breadcrumb ---------------- */
.breadcrumb{font-size:.82rem;color:var(--muted);padding:14px 0 0}
.breadcrumb a{color:var(--muted)}
.breadcrumb span{margin:0 6px}

/* ---------------- Hero ---------------- */
.hero{
  background:
    radial-gradient(ellipse at 15% 15%,rgba(168,14,21,.35),transparent 55%),
    linear-gradient(180deg,rgba(31,31,31,.35) 0%,rgba(15,15,15,.92) 82%),
    url("/assets/img/hero-pattern.svg") center bottom / cover no-repeat,
    var(--dark);
  color:#fff;
  padding:80px 0 44px;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:1}
.hero-line{display:block;font-family:var(--font-head);font-size:18px;color:#ff8a6e;font-weight:500;letter-spacing:.02em;margin-bottom:10px}
.hero-title{font-family:var(--font-head);font-size:31px;line-height:1.08;color:#fff;margin:0 0 .4em;font-weight:600;letter-spacing:-.01em}
.hero p.lead{color:#d8d3d3;font-size:1.05rem;max-width:520px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.hero-badge{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--rounded-lg);padding:6px 14px;font-size:.8rem;color:#e6ecf1}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* Glass "buzlu cam" stat card, replaces the old standalone dark stats strip */
.hero-stat-card{
  position:relative;
  background:rgba(250,250,250,.12);
  border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  border-radius:var(--rounded-lg);
  padding:18px;
}
.hero-stat-card .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}
.hero-stat-card .stats-grid strong{display:block;font-family:var(--font-head);font-size:1.9rem;color:#fff;font-weight:600}
.hero-stat-card .stats-grid span{color:#d8d3d3;font-size:.85rem}

/* ---------------- Buttons ----------------
   Kasıtlı radius kontrastı: ana CTA keskin (--rounded-sharp), ikincil/etiket
   butonları yuvarlak (--rounded-lg). Referans (basbug.com.tr) ile aynı mantık. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent) 0%,#8a0b11 100%);color:#fff;border:0;padding:9px 18px;border-radius:var(--rounded-sharp);font-family:var(--font-head);font-weight:300;font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(168,14,21,.22)}
.btn:hover{background:linear-gradient(135deg,#c21119 0%,var(--accent-2) 100%);text-decoration:none;color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(253,101,2,.28)}
.btn.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.65);color:#fff;border-radius:0;min-width:200px}
.btn.btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
.btn.btn-dark{background:var(--panel);color:#fff}
.btn.btn-dark:hover{background:var(--panel-2)}
.btn.btn-sm{padding:8px 16px;font-size:.84rem;border-radius:var(--rounded-lg)}
.btn.btn-block{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn-secondary{background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:var(--rounded-sharp)}
.btn-secondary:hover{background:#f0f2f4;color:var(--ink)}

/* ---------------- Sections ---------------- */
section{padding:44px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.section-head h2{font-size:1.7rem;margin:0;letter-spacing:-.01em;font-family:var(--font-head);font-weight:600}
.section-head p{color:var(--muted);margin:.3em 0 0}
.section-alt{background:#EEEEEE}
.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;display:block;font-family:var(--font-head)}
.section-title{margin-bottom:50px}

/* ---------------- Teaser band (kuruluş yılı / güven vurgusu) ---------------- */
.teaser-band{background:var(--ink);color:#fff;padding:16px 0}
.teaser-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.teaser-figure{display:flex;align-items:baseline;gap:10px;flex:none}
.teaser-figure strong{font-size:2.6rem;color:var(--accent);font-weight:800;line-height:1}
.teaser-figure span{font-size:.95rem;color:#c3cfda;font-weight:600}
.teaser-text{color:#c3cfda;font-size:.98rem;max-width:640px;margin:0}
.teaser-divider{width:1px;align-self:stretch;background:rgba(255,255,255,.15);flex:none}

/* ---------------- Card base (sade hover: kalkış + gölge, ışık huzmesi yok) ---------------- */
.cat-card,.prod-card,.why-card,.logistics-card,.news-card{position:relative}

/* ---------------- Category grid ---------------- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat-card{background:var(--card);border-radius:var(--radius);padding:14px 12px;text-align:center;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;border:1px solid #edf0f3}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);text-decoration:none}
.cat-card img{width:52px;height:52px;margin:0 auto 12px;filter:drop-shadow(0 4px 8px rgba(168,14,21,.16));transition:transform .2s ease}
.cat-card:hover img{transform:scale(1.08) rotate(-3deg)}
.cat-card h3{font-size:.98rem;color:var(--text);margin-bottom:4px}
.cat-card span{font-size:.8rem;color:var(--muted)}

/* ---------------- Product grid/cards ---------------- */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.prod-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #edf0f3;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.prod-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.prod-thumb{background:var(--paper);padding:14px;display:flex;align-items:center;justify-content:center;height:106px}
.prod-thumb img{width:64px;height:64px;filter:drop-shadow(0 3px 6px rgba(168,14,21,.14));transition:transform .2s ease}
.prod-card:hover .prod-thumb img{transform:scale(1.06)}
.prod-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;box-shadow:0 2px 6px rgba(253,101,2,.3)}
.prod-badge.badge-out{background:var(--muted)}
.prod-body{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}
.prod-body .prod-cat{font-size:.72rem;color:var(--accent);font-weight:700;text-transform:uppercase}
.prod-body h3{font-size:.98rem;margin:0}
.prod-body h3 a{color:var(--text)}
.prod-sku{font-size:.76rem;color:var(--muted)}
.prod-compat{font-size:.78rem;color:var(--muted);min-height:2.4em}
.prod-price-row{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}
.prod-price{font-size:1.15rem;font-weight:800;color:var(--ink)}
.prod-price-old{font-size:.85rem;color:var(--muted);text-decoration:line-through}
.prod-actions{display:flex;gap:8px;padding:0 16px 16px}
.prod-actions form{flex:1}

/* ---------------- Why-us ---------------- */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.why-card{background:var(--card);border-radius:var(--radius);padding:14px;border:1px solid #edf0f3;transition:transform .15s,box-shadow .15s}
.why-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.why-card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(168,14,21,.12),rgba(253,101,2,.14));display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .2s ease}
.why-card:hover .ic{transform:scale(1.08) rotate(-2deg)}
.why-card .ic svg{width:22px;height:22px;stroke:var(--accent)}
.why-card h3{font-size:.98rem}
.why-card p{color:var(--muted);font-size:.88rem;margin:0}

/* ---------------- Lojistik merkezleri ---------------- */
.logistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.logistics-card{position:relative;overflow:hidden;background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid #edf0f3;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.logistics-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.logistics-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.logistics-card .lc-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(168,14,21,.12),rgba(253,101,2,.14));display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.logistics-card .lc-icon svg{width:18px;height:18px;stroke:var(--accent)}
.logistics-card .lc-city{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.logistics-card h3{font-size:1.05rem;margin:0;color:var(--text)}
.logistics-card .lc-area{background:#fdeee4;color:var(--accent);font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
.logistics-card .lc-address{color:var(--muted);font-size:.86rem;margin:0}

/* ---------------- Duyurular / Haberler ---------------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.news-card{position:relative;overflow:hidden;background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid #edf0f3;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.news-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.news-card .news-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(168,14,21,.12),rgba(253,101,2,.14));display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.news-card .news-icon svg{width:18px;height:18px;stroke:var(--accent)}
.news-card .news-date{color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;display:block}
.news-card h3{font-size:1.02rem;margin-bottom:6px}
.news-card p{color:var(--muted);font-size:.88rem;margin:0}

/* ---------------- CTA band (sade, statik gradient) ---------------- */
.cta-band{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border-radius:16px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-left{display:flex;align-items:center;gap:18px}
.cta-icon{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}
.cta-icon svg{width:26px;height:26px}
.cta-band h2{margin:0 0 6px;font-size:1.4rem}
.cta-band p{margin:0;color:#ffe9dd}

/* ---------------- Cards / static pages ---------------- */
.static-page{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid #eceff2}
.static-page h1{font-size:1.8rem}
.static-page h2{font-size:1.2rem;margin-top:1.6em}
.static-page ul{padding-left:1.2em}

/* ---------------- Filters ---------------- */
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--card);border:1px solid #eceff2;border-radius:var(--radius);padding:14px 18px;margin-bottom:24px}
.filter-bar select,.filter-bar input[type=text]{padding:8px 10px;border-radius:8px;border:1px solid #d8dee3;font-size:.88rem}
.filter-bar label{font-size:.8rem;color:var(--muted);font-weight:600;margin-right:4px}
.filter-count{margin-left:auto;font-size:.82rem;color:var(--muted)}

/* ---------------- Product detail ---------------- */
.pd-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid #eceff2}
.pd-thumb{background:var(--paper);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:40px}
.pd-thumb img{width:180px;height:180px;filter:drop-shadow(0 8px 16px rgba(168,14,21,.16))}
.pd-title{font-size:1.7rem;margin-bottom:.2em}
.pd-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:16px}
.pd-meta strong{color:var(--text)}
.pd-price{font-size:2rem;font-weight:800;color:var(--ink);margin:14px 0 4px}
.pd-price-old{font-size:1rem;color:var(--muted);text-decoration:line-through;margin-right:10px}
.stock-pill{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.stock-in{background:#e4f6ea;color:#1c7a3c}
.stock-out{background:#fbe6e6;color:#b4232c}
.stock-order{background:#fff3da;color:#96650a}
.pd-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}
.pd-qty{display:flex;align-items:center;border:1px solid #d8dee3;border-radius:8px;overflow:hidden}
.pd-qty input{width:52px;border:0;text-align:center;padding:10px 0;font-size:.95rem}
.pd-qty button{background:var(--paper);border:0;padding:10px 14px;cursor:pointer;font-size:1rem}
.pd-desc h2{font-size:1.05rem;margin-top:1.4em}

/* ---------------- Tables (cart / admin) ---------------- */
table.data-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
table.data-table th,table.data-table td{padding:12px 14px;border-bottom:1px solid #eceff2;text-align:left;font-size:.9rem}
table.data-table th{background:var(--paper);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
table.data-table tr:last-child td{border-bottom:0}

/* ---------------- Forms ---------------- */
.form-card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid #eceff2;max-width:640px}
.form-grid{display:grid;gap:16px}
.form-grid label{font-size:.84rem;font-weight:700;margin-bottom:4px;display:block}
.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:11px 12px;border:1px solid #d8dee3;border-radius:8px;font-size:.92rem;font-family:inherit}
.form-grid textarea{min-height:120px;resize:vertical}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.alert{padding:12px 16px;border-radius:8px;font-size:.88rem;margin-bottom:16px}
.alert-error{background:#fbe6e6;color:#b4232c}
.alert-success{background:#e4f6ea;color:#1c7a3c}
.alert-info{background:#e8f0fb;color:#1d4ed8}

/* ---------------- Footer ---------------- */
.site-footer{background:var(--ink);color:#c3cfda;margin-top:60px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:48px 0 24px}
.footer-grid h4{color:#fff;font-size:.92rem;margin-bottom:14px}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:8px}
.footer-grid a{color:#a6b3c0;font-size:.87rem}
.footer-grid a:hover{color:#fff}
.footer-about p{font-size:.86rem;color:#98a5b2}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font-size:.8rem;color:#7c8996;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* ---------------- Misc ---------------- */
.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}
.empty-state img{width:80px;margin:0 auto 16px;opacity:.6}
.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tag{background:var(--paper);border:1px solid #e1e5e9;border-radius:999px;padding:4px 12px;font-size:.78rem;color:var(--muted)}
.faq-item{background:var(--card);border:1px solid #eceff2;border-radius:var(--radius);padding:18px 20px;margin-bottom:12px}
.faq-item h3{font-size:1rem;margin-bottom:6px;color:var(--ink)}
.faq-item p{margin:0;color:var(--muted);font-size:.92rem}
/* ---------------- Kayan marka şeridi (CSS-only marquee, JS bağımlılığı yok) ---------------- */
.brand-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brand-marquee-track{display:flex;gap:12px;width:max-content;animation:brandMarquee 32s linear infinite}
.brand-marquee:hover .brand-marquee-track{animation-play-state:paused}
.brand-marquee .brand-pill{flex:none;white-space:nowrap}
@keyframes brandMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .brand-marquee-track{animation:none;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .brand-marquee{-webkit-mask-image:none;mask-image:none}
}

.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.brand-pill{background:var(--card);border:1px solid #eceff2;border-radius:10px;padding:16px;text-align:center;font-weight:700;font-size:.9rem;color:var(--text);transition:transform .15s,box-shadow .15s}
.brand-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
.location-box{display:flex;gap:16px;background:var(--card);border:1px solid #eceff2;border-radius:var(--radius);padding:16px;align-items:center}
.location-box svg{width:26px;height:26px;flex:none;padding:12px;box-sizing:content-box;border-radius:12px;background:linear-gradient(135deg,rgba(168,14,21,.10),rgba(253,101,2,.12))}
.demo-note{background:#fff3da;color:#7a5200;border:1px solid #f2dca0;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:18px}

/* ---------------- Responsive ---------------- */
@media (max-width:980px){
  section{padding:36px 0}
  .cat-grid,.prod-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .hero-stat-card .stats-grid{grid-template-columns:repeat(2,1fr)}
  .logistics-grid,.news-grid{grid-template-columns:repeat(2,1fr)}
  .hero-inner{grid-template-columns:1fr}
  .hero{padding:76px 0 32px}
  .pd-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .brand-grid{grid-template-columns:repeat(3,1fr)}
  .teaser-divider{display:none}
}
@media (max-width:680px){
  section{padding:28px 0}
  .section-head,.section-title{margin-bottom:18px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);flex-direction:column;align-items:stretch;padding:12px 16px;border-top:1px solid rgba(255,255,255,.14)}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 8px}
  .search-form{order:3;margin-top:8px}
  .search-form input{width:100%}
  .cat-grid,.prod-grid,.why-grid,.logistics-grid,.news-grid{grid-template-columns:1fr}
  .hero-stat-card .stats-grid{grid-template-columns:1fr 1fr}
  .hero-title{font-size:1.5rem}
  .hero{padding:72px 0 28px}
  .form-row-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:repeat(2,1fr)}
  .cta-band{flex-direction:column;text-align:center}
  .cta-left{flex-direction:column}
}

/* ---------------- Admin ---------------- */
.admin-body{background:#eef1f4}
.admin-wrap{max-width:1100px;margin:32px auto;padding:0 20px}
.admin-header{background:var(--ink);color:#fff;padding:14px 0;margin-bottom:24px}
.admin-header .wrap{display:flex;align-items:center;gap:16px}
.admin-header a{color:#dbe3ea;font-size:.88rem;font-weight:600}
.admin-header a:hover{color:#fff}
.admin-header .sp{margin-left:auto}
.admin-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid #e3e7eb}
.admin-form label{display:block;font-size:.84rem;font-weight:700;margin:14px 0 4px}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:10px 12px;border:1px solid #d8dee3;border-radius:8px;font-size:.92rem;font-family:inherit}
.admin-form textarea{min-height:100px}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}
.admin-kpi{background:#fff;border-radius:var(--radius);padding:20px;border:1px solid #e3e7eb;box-shadow:var(--shadow)}
.admin-kpi strong{display:block;font-size:1.8rem;color:var(--accent)}
.admin-kpi span{font-size:.82rem;color:var(--muted)}
.admin-actions{display:flex;gap:8px}
.status-pill{font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px;display:inline-block}
.status-yeni{background:#fff3da;color:#96650a}
.status-gorusuldu{background:#dbe8fb;color:#1d4ed8}
.status-kapandi{background:#e4f6ea;color:#1c7a3c}
@media (max-width:768px){.admin-kpi-grid{grid-template-columns:1fr 1fr}}

/* ---------------- Scroll-reveal (progressive enhancement) ----------------
   JS çalışmazsa .reveal elemanları normal opaklıkta KALIR (varsayılan görünür).
   Yalnızca <html> elemanına site.js tarafından "js-reveal-ready" eklenirse
   gizli-başlangıç + görünüre-geçiş davranışı devreye girer. */
.reveal{opacity:1;transform:none}
html.js-reveal-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
html.js-reveal-ready .reveal.in-view{opacity:1;transform:none}

/* Hareket duyarlılığı tercih eden kullanıcılar için geçişleri kısalt */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html.js-reveal-ready .reveal{opacity:1;transform:none;transition:none}
}