/* AXACELL — inci tonu + buzlu cam teması. Sayfaların kendi CSS'inden SONRA yüklenir; yalnızca görünümü değiştirir. */
:root{
  --bg:#eceff4; --surface:rgba(247,248,251,.62); --line:#dbe0e8; --muted:#4f5d72;
  --accent-grad:linear-gradient(135deg,#e5203d 0%,#c8102e 48%,#9c0b22 100%);
  --navy-grad:linear-gradient(135deg,#24324f 0%,#0f172a 55%,#0b1324 100%);
  --glass:linear-gradient(145deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.46) 100%);
  --glass-edge:rgba(255,255,255,.78);
  --shadow-glass:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.05),0 22px 44px -24px rgba(15,23,42,.26);
  --glow:inset 0 1px 0 #fff,0 0 0 1px rgba(200,16,46,.12),0 30px 60px -26px rgba(15,23,42,.38),0 0 48px -12px rgba(200,16,46,.24);
}

/* ---- Zemin: inci gri + yumuşak ışık lekeleri (camın bulanıklaştıracağı derinlik) ---- */
body{background:linear-gradient(180deg,#f3f5f9 0%,#e9ecf2 45%,#eef0f5 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 520px at 8% 4%,rgba(255,255,255,.95),transparent 62%),
             radial-gradient(800px 560px at 96% 26%,rgba(200,16,46,.07),transparent 64%),
             radial-gradient(900px 600px at 18% 92%,rgba(71,85,105,.11),transparent 62%)}
.featured-bg{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(214,220,231,.55))}

/* ---- Üst çubuk + menü ---- */
.topbar{background:linear-gradient(90deg,#0b1324,#1b2846 55%,#0b1324);box-shadow:inset 0 -1px 0 rgba(255,255,255,.07)}
.lang button.on{background:var(--accent-grad);box-shadow:0 0 14px -2px rgba(200,16,46,.6)}
header{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(240,243,248,.74));
  backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid var(--glass-edge);box-shadow:0 12px 32px -22px rgba(15,23,42,.3)}
header.scrolled{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,245,249,.9));box-shadow:0 18px 40px -22px rgba(15,23,42,.38)}
nav.main a{color:#475569}
nav.main a:hover,nav.main a.on{color:var(--ink)}
.mobile-nav{background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(230,234,242,.97))}

/* ---- Butonlar: gradyan, parıltılı gölge, hover'da geçen ışık şeridi ---- */
.btn,.submit-btn,.news-form button{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.submit-btn::after,.news-form button::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-70%;width:45%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);
  transform:skewX(-22deg);transition:left .8s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}
.btn:hover::after,.submit-btn:hover::after,.news-form button:hover::after{left:135%}
.btn-primary,.submit-btn{background:var(--navy-grad);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 26px -12px rgba(11,19,36,.7)}
.btn-primary:hover,.submit-btn:hover{background:var(--accent-grad);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 34px -10px rgba(200,16,46,.7),0 0 26px -4px rgba(200,16,46,.45)}
.btn-accent,.news-form button{background:var(--accent-grad);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 28px -10px rgba(200,16,46,.65),0 0 22px -6px rgba(200,16,46,.4)}
.btn-accent:hover{background:var(--navy-grad);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 16px 34px -12px rgba(11,19,36,.75),0 0 24px -6px rgba(15,23,42,.4)}
.btn-ghost{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,255,255,.5));border:1px solid var(--glass-edge);
  box-shadow:var(--shadow-glass);backdrop-filter:blur(12px)}
.btn-ghost:hover{background:#fff;border-color:rgba(200,16,46,.35);box-shadow:var(--glow)}
.hero-actions .btn-primary{background:linear-gradient(135deg,#fff,#e7eaf0);color:var(--ink);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.hero-actions .btn-primary:hover{background:var(--accent-grad);color:#fff}
.hero-actions .btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.cta-block .btn-accent:hover{background:linear-gradient(135deg,#fff,#e7eaf0);color:var(--ink)}
.dot.on{background:var(--accent-grad);box-shadow:0 0 12px rgba(200,16,46,.7)}

/* ---- Buzlu cam kartlar ---- */
.glass-card,.related-card,.features-list li,.faq-item,.error-state,.about-content{
  background:var(--glass);backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);
  border:1px solid var(--glass-edge);box-shadow:var(--shadow-glass)}
.glass-card:hover,.related-card:hover,.faq-item:hover,.faq-item.open{box-shadow:var(--glow);border-color:#fff}
.about-content{border-radius:var(--radius-lg);padding:clamp(28px,5vw,56px)}
.glass-card{position:relative}
.glass-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,transparent 38%)}
.glass-card>*{position:relative;z-index:1}
.thumb,.prod-thumb,.product-image,.related-thumb{background:#fff}
.prod-body{background:rgba(255,255,255,.28)}
.tag,.prod-tag{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid #fff;box-shadow:0 6px 16px -8px rgba(15,23,42,.35)}
.prod-foot,.foot,.faq-item,.section{border-color:rgba(15,23,42,.08)}
.cat-icon,.mv-icon,.cat-card .cat-icon{background:linear-gradient(145deg,#fff,#e9ecf2);border:1px solid #fff;
  box-shadow:inset 0 1px 0 #fff,0 12px 26px -12px rgba(15,23,42,.4),0 0 0 5px rgba(200,16,46,.05)}
.about-badge{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow-glass)}
.hero + .stats-bar .stats-grid{background:var(--glass);backdrop-filter:blur(22px) saturate(165%);border:1px solid var(--glass-edge);
  box-shadow:var(--shadow-glass),0 34px 64px -32px rgba(15,23,42,.42)}
.hero + .stats-bar{box-shadow:none}
.stats-grid>div{border-color:rgba(15,23,42,.08)}
.stat-num{background:linear-gradient(180deg,#0f172a,#3b4a66);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat-num span{-webkit-text-fill-color:var(--accent)}
.catalog-box{background:linear-gradient(135deg,rgba(255,241,242,.9),rgba(255,255,255,.5));border:1px solid rgba(200,16,46,.18);
  backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff,0 14px 30px -18px rgba(200,16,46,.4)}
.section-head h2::after{background:var(--accent-grad);box-shadow:0 0 14px rgba(200,16,46,.55)}
.cap-item{box-shadow:0 24px 50px -26px rgba(15,23,42,.5)}
.cap-item:hover{box-shadow:0 34px 64px -26px rgba(15,23,42,.6),0 0 40px -14px rgba(200,16,46,.4)}
.ref-item:hover{box-shadow:var(--glow)}

/* ---- Koyu bloklar: derinlik ve parıltı ---- */
.page-head{box-shadow:0 34px 60px -36px rgba(11,19,36,.6)}
.news-wrap,.cta-block{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 80px -40px rgba(11,19,36,.75),0 0 60px -22px rgba(200,16,46,.28)}
.news-form input{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.28)}

/* ---- Ürün filtre çubuğu ve formlar ---- */
.filters{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(238,241,247,.76));backdrop-filter:blur(22px) saturate(170%);
  border-bottom:1px solid var(--glass-edge);box-shadow:0 14px 30px -24px rgba(15,23,42,.35)}
.tab:hover{background:rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff}
.tab.on{background:var(--navy-grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px -10px rgba(11,19,36,.7)}
.search input,.field input,.field textarea{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.6));
  border:1px solid rgba(148,163,184,.55);backdrop-filter:blur(10px);box-shadow:inset 0 1px 2px rgba(15,23,42,.05),0 1px 0 #fff}
.search input:focus,.field input:focus,.field textarea:focus{background:#fff;border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(200,16,46,.12),0 10px 24px -12px rgba(200,16,46,.4)}
.map{box-shadow:var(--shadow-glass),0 24px 48px -28px rgba(15,23,42,.4)}

/* ---- Alt bilgi ---- */
footer{background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(221,226,236,.94));backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 #fff}
.foot-bottom{border-color:rgba(15,23,42,.1)}
.foot-links a:hover,.info-value a:hover{color:var(--accent)}

@media(max-width:820px){
  body::before{background:radial-gradient(500px 360px at 8% 2%,rgba(255,255,255,.9),transparent 62%),radial-gradient(500px 400px at 100% 40%,rgba(200,16,46,.06),transparent 64%)}
}
@media(prefers-reduced-motion:reduce){.btn::after,.submit-btn::after,.news-form button::after{display:none}}

/* ===== v2: header her zaman "kaydırılmış" görünümde + biraz büyük logo ===== */
:root,:root:has(header.scrolled){--head-h:118px}
header,header.scrolled{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,245,249,.9));
  box-shadow:0 18px 40px -22px rgba(15,23,42,.38)}
header::after,header.scrolled::after{opacity:.55}
header .brand img,header.scrolled .brand img{height:100px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
@media(max-width:820px){
  header .brand img,header.scrolled .brand img{height:72px}
  :root,:root:has(header.scrolled){--head-h:90px}
}

/* ===== v3: doku TÜM sayfa zemininde + her bölümün arkasında renkli ışık (buzlu cam görünsün diye) ===== */
:root{--surface:rgba(255,255,255,.22);
  --glass:linear-gradient(145deg,rgba(255,255,255,.64) 0%,rgba(255,255,255,.26) 100%);
  --dots:radial-gradient(rgba(15,23,42,.15) 1px,transparent 1.5px);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .25 0 0 0 0 .34 0 0 0 .24 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body{background-color:#e9ecf2;
  background-image:var(--dots),var(--grain),linear-gradient(180deg,#f4f6fa 0%,#e8ebf1 38%,#eef0f5 70%,#e2e6ee 100%);
  background-size:24px 24px,180px 180px,100% 100%;background-attachment:scroll}
section:not(.hero):not(.page-head){position:relative}
section:not(.hero):not(.page-head)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(560px 380px at 8% 12%,rgba(200,16,46,.13),transparent 70%),
             radial-gradient(640px 440px at 94% 34%,rgba(51,65,105,.18),transparent 70%),
             radial-gradient(560px 400px at 4% 70%,rgba(51,65,105,.14),transparent 70%),
             radial-gradient(620px 420px at 92% 94%,rgba(200,16,46,.11),transparent 70%)}
section:not(.hero):not(.page-head):nth-of-type(even)::before{transform:scaleX(-1)}
section:not(.hero):not(.page-head)>*{position:relative;z-index:1}
section[style*="var(--surface)"]{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(200,207,221,.2))!important;
  border-color:rgba(255,255,255,.8)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(15,23,42,.06)}
.stats-bar{background:transparent!important;border-color:transparent!important;box-shadow:none}
.featured-bg{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(190,198,214,.28))}
footer{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(196,203,218,.62));backdrop-filter:none;-webkit-backdrop-filter:none}

/* daha belirgin buzlu cam: daha şeffaf, daha bulanık, kalın kenar ışığı */
.glass-card,.related-card,.features-list li,.faq-item,.error-state,.about-content{
  background:var(--glass);backdrop-filter:blur(26px) saturate(190%) brightness(1.03);-webkit-backdrop-filter:blur(26px) saturate(190%) brightness(1.03);
  border:1px solid rgba(255,255,255,.82);border-right-color:rgba(255,255,255,.5);border-bottom-color:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),inset 0 -14px 24px -18px rgba(15,23,42,.12),0 2px 4px rgba(15,23,42,.05),0 30px 56px -30px rgba(15,23,42,.4)}
.prod-body,.card .body{background:transparent}

/* referanslar: kartın kendisi soluk olmasın, sadece logo gri tonda dursun */
.ref-item,.ref-item:hover{filter:none;opacity:1}
.ref-logo,.ref-badge{filter:grayscale(1);opacity:.8;transition:filter .4s,opacity .4s,transform .4s}
.ref-item:hover .ref-logo,.ref-item:hover .ref-badge{filter:none;opacity:1}

/* ===== v3.1: düzeltmeler ===== */
/* menüdeki buton yazısı her durumda beyaz kalsın */
nav.main a.btn,nav.main a.btn-accent,nav.main a.btn:hover,nav.main a.btn-accent:hover{color:#fff}
/* bölüm geçişlerinde ışık lekeleri sert kesilmesin */
section:not(.hero):not(.page-head)::before{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
/* hero üstüne binen istatistik kartı: koyu zemin üstünde bulanık gri yerine açık inci cam */
.hero + .stats-bar .stats-grid{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,243,248,.84));
  backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%)}

/* menü butonu iç boşluğu (nav a kuralı eziyordu) */
nav.main a.btn,nav.main a.btn-accent{padding:12px 26px}
/* Hakkımızda: misyon/vizyon kartındaki üst renkli çizgi cam parlamasına ezilmesin */
.glass-card.mv-card::before{inset:auto;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--accent) 0%,transparent 100%)}

/* mobil: hero içeriği taşıp istatistik kartının altında kalmasın */
@media(max-width:820px){.hero{min-height:680px}}

/* ===== v5: beyaz zeminli ürün görselleri ve logolar buzlu cam üstünde sırıtmasın ===== */
/* bölüm içeriği ayrı katman oluşturmasın (görsellerin camla harmanlanabilmesi için); sıralamayı DOM sırası sağlar */
section:not(.hero):not(.page-head)>*{z-index:auto}

/* ürün kutuları: saf beyaz yerine yumuşak inci "sahne"; görselin beyaz zemini sahneye karışır */
.thumb,.prod-thumb,.related-thumb,.product-image{
  background:radial-gradient(120% 95% at 50% 36%,#ffffff 0%,#f1f4f8 62%,#e4e9f1 100%);
  box-shadow:inset 0 -18px 28px -22px rgba(15,23,42,.18)}
.thumb img,.prod-thumb img,.related-thumb img,.product-image img{
  mix-blend-mode:multiply;filter:brightness(1.06) contrast(1.02)}
.product-image{border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 -24px 40px -30px rgba(15,23,42,.16),inset 0 1px 0 #fff,0 30px 56px -30px rgba(15,23,42,.4)}

/* referanslar: cam, kartın kendisinden ayrı katmana alındı; logonun beyaz zemini cama karışır (şeffaf PNG'ler etkilenmez) */
.ref-item.glass-card{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.ref-item.glass-card::before{
  background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,transparent 38%),var(--glass);
  backdrop-filter:blur(26px) saturate(190%) brightness(1.03);-webkit-backdrop-filter:blur(26px) saturate(190%) brightness(1.03)}
.ref-logo{mix-blend-mode:multiply;filter:grayscale(1) brightness(1.06) contrast(1.03)}
.ref-item:hover .ref-logo{filter:brightness(1.06) contrast(1.03)}
/* hover'da kart yükselirken katman oluşmasın (transform yerine top): logo camla harmanlanmaya devam etsin */
.ref-item.glass-card:hover{transform:none;top:-8px}

/* ===== v6: bölüm arka planındaki ışık lekeleri keskin kenarla kesilmesin =====
   Dar (.wrap içindeki) bölümlerde parıltı katmanı bölümün kenarında dikey bir çizgiyle bitiyordu.
   Katman artık bölümün dışına taşıyor ve dört kenardan da yumuşakça sönüyor. */
html,body{overflow-x:clip}
section:not(.hero):not(.page-head)::before{
  inset:0 min(-40px,-10vw);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%),
                     linear-gradient(90deg,transparent 0,#000 20%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%),
                     linear-gradient(90deg,transparent 0,#000 20%,#000 80%,transparent 100%);
          mask-composite:intersect}
/* açık zeminli bölümler (kategoriler, referanslar): üst/alt çizgi ve sert zemin geçişi yerine yumuşak geçiş */
section[style*="var(--surface)"]{
  background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.34) 22%,rgba(200,207,221,.22) 78%,transparent 100%)!important;
  border-color:transparent!important;box-shadow:none!important}