/* ZAUN NEON — Jinx esintili grafiti/punk tema (titanneon, yalnız yerel)
   Palet: mor-mavi ağırlıklı, pembe yalnız vurgu. Arka plan sabit; hareket yalnız glitch. */
@font-face{font-family:'Permanent Marker';src:url('/fonts/permanent-marker.woff2') format('woff2');font-weight:400;font-display:swap}
#nav-logo-img{filter:drop-shadow(0 0 6px #8b3dff) drop-shadow(0 0 14px #2f7bff)}

:root{
  --void:#07051a;--deep:#0b0824;--surface:#110c30;--lift:#17113d;--panel:#1c1548;
  --rim:#2e2470;--rim2:#4a3aa8;
  --violet:#8b3dff;--indigo:#4b2bd6;--blue:#2f7bff;--cyan:#4ff0ff;--pink:#ff4fc3;--lilac:#c7a6ff;
  --gold:#a970ff;--gold2:#cfb2ff;--goldDim:#5f4aa8;--goldRGB:169,112,255;
  --goldMetal:linear-gradient(105deg,#8b3dff,#2f7bff 60%,#4ff0ff);
  --goldMetalTall:linear-gradient(165deg,#8b3dff,#2f7bff 60%,#4ff0ff);
  --goldGlow:rgba(139,61,255,.35);--goldGlow2:rgba(47,123,255,.2);
  --text:#efeaff;--textMid:#cbc2f2;--textDim:#9a90cf;
  --green:#4ff0ff;--red:#ff4fc3;--cream:#fff;
  --marker:'Permanent Marker','Bebas Neue',cursive;
}

/* ---------- ZEMİN: sabit, hareketsiz ---------- */
html,body{background:var(--void)!important;color:var(--text)}
body{
  background:
    radial-gradient(1100px 650px at 85% -10%,rgba(47,123,255,.30),transparent 60%),
    radial-gradient(900px 600px at -10% 20%,rgba(139,61,255,.32),transparent 60%),
    radial-gradient(800px 600px at 60% 120%,rgba(75,43,214,.35),transparent 60%),
    linear-gradient(180deg,#07051a,#0a0726 50%,#07051a)!important;
  background-attachment:fixed!important;
}
/* tuğla duvar dokusu (statik) */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;
  background:
    linear-gradient(transparent 0 calc(100% - 1px),#fff calc(100% - 1px)) 0 0/120px 30px,
    linear-gradient(90deg,#fff 1px,transparent 1px) 0 0/120px 60px,
    linear-gradient(90deg,#fff 1px,transparent 1px) 60px 30px/120px 60px}
/* CRT çizgileri (statik) */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}

/* ---------- NAV ---------- */
#nav{background:rgba(7,5,26,.88)!important;backdrop-filter:blur(12px);border-bottom:2px solid var(--violet)!important;
  box-shadow:0 0 28px rgba(139,61,255,.55),0 2px 0 var(--blue)}
#nav-logo-text,.logo{font-family:var(--marker)!important;letter-spacing:.04em;color:#fff!important;
  text-shadow:0 0 8px var(--violet),0 0 22px var(--blue)}
.logo-icon{background:transparent!important;color:var(--pink)!important;border:2px solid var(--pink)!important;border-radius:50%!important;
  font-family:var(--marker)!important;box-shadow:0 0 12px var(--pink);transform:rotate(-12deg)}
.nav-links a,.nav-links li{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em}
.nav-links a:hover,.nav-links li:hover{color:var(--cyan)!important;text-shadow:0 0 10px var(--cyan)}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate}
/* boya akıntısı: hero üst kenarından damlayan mor boya */
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;z-index:1;pointer-events:none;
  background:linear-gradient(var(--violet),var(--indigo));opacity:.9;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 34' preserveAspectRatio='none'><path d='M0 0H400V4c-6 0-6 10-10 10s-4-10-12-10-6 24-11 24-5-24-14-24-9 7-15 7-6-7-20-7-7 28-13 28-6-28-18-28-10 9-16 9-8-9-25-9-6 14-11 14-5-14-22-14-8 19-13 19-6-19-17-19-9 6-15 6-7-6-24-6-6 25-12 25-6-25-16-25-8 8-14 8-6-8-23-8-7 12-12 12-5-12-19-12-8 17-12 17-5-17-15-17-8 5-13 5-6-5-20-5V0Z'/></svg>") 0 0/400px 34px repeat-x;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 34' preserveAspectRatio='none'><path d='M0 0H400V4c-6 0-6 10-10 10s-4-10-12-10-6 24-11 24-5-24-14-24-9 7-15 7-6-7-20-7-7 28-13 28-6-28-18-28-10 9-16 9-8-9-25-9-6 14-11 14-5-14-22-14-8 19-13 19-6-19-17-19-9 6-15 6-7-6-24-6-6 25-12 25-6-25-16-25-8 8-14 8-6-8-23-8-7 12-12 12-5-12-19-12-8 17-12 17-5-17-15-17-8 5-13 5-6-5-20-5V0Z'/></svg>") 0 0/400px 34px repeat-x}
.hero-bg{background:
  radial-gradient(520px 380px at 72% 45%,rgba(79,240,255,.18),transparent 65%),
  radial-gradient(700px 520px at 25% 55%,rgba(139,61,255,.35),transparent 65%)!important}
.hero-texture{opacity:.25!important;background-image:
  linear-gradient(rgba(169,112,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(47,123,255,.16) 1px,transparent 1px)!important;
  background-size:44px 44px!important;-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000 30%,transparent 75%)}
.hero-vertical-line{background:linear-gradient(var(--violet),var(--cyan))!important;box-shadow:0 0 14px var(--violet)}
.hero-number{font-family:var(--marker)!important;color:transparent!important;-webkit-text-stroke:2px var(--pink);opacity:.55;transform:rotate(-8deg)}
.eyebrow-line{background:var(--cyan)!important;box-shadow:0 0 10px var(--cyan)}
.eyebrow-text{color:var(--cyan)!important;letter-spacing:.3em;text-shadow:0 0 10px var(--cyan)}
.hero-content{position:relative;z-index:2}
#hero-title{font-family:'Bebas Neue',sans-serif!important;font-size:clamp(3rem,8vw,7rem)!important;line-height:.92!important;
  letter-spacing:.01em!important;color:#fff;transform:rotate(-2deg);
  text-shadow:3px 0 var(--violet),-3px 0 var(--cyan),0 0 30px rgba(139,61,255,.6);animation:glitch 4.2s infinite}
#hero-title span{font-family:var(--marker)!important;font-size:.8em;display:inline-block;transform:rotate(-4deg) translateY(4px);
  color:var(--pink)!important;text-shadow:0 0 12px var(--pink),0 0 36px rgba(255,79,195,.55),3px 3px 0 var(--indigo)}
@keyframes glitch{0%,90%,100%{transform:rotate(-2deg);clip-path:none}
  91%{transform:rotate(-2deg) translate(-6px,2px) skewX(-8deg);text-shadow:-7px 0 var(--violet),7px 0 var(--cyan)}
  92%{clip-path:inset(20% 0 55% 0);transform:rotate(-2deg) translate(10px,0)}
  93%{clip-path:inset(60% 0 10% 0);transform:rotate(-2deg) translate(-8px,0)}
  94%{clip-path:none;transform:rotate(-2deg) translate(4px,-1px) skewX(6deg)}
  96%{transform:rotate(-2deg) translate(-2px,0)}}
.hero-sub{color:var(--textMid)!important;background:rgba(7,5,26,.7);padding:.7rem 1rem;max-width:520px;
  border-left:4px solid var(--violet);transform:rotate(.6deg);box-shadow:6px 6px 0 rgba(47,123,255,.35)}
.hero-visual{filter:hue-rotate(-25deg) saturate(1.2) drop-shadow(0 0 30px rgba(139,61,255,.6))}

/* el çizimi karalamalar (statik, neon.js ekler) */
.zaun-doodle{position:absolute;pointer-events:none;z-index:1;overflow:visible}
.zaun-doodle path,.zaun-doodle circle{fill:none;stroke-linecap:round;stroke-linejoin:round}
.zaun-tag{position:absolute;pointer-events:none;z-index:1;font-family:var(--marker);white-space:nowrap;line-height:1}

/* ---------- BUTONLAR ---------- */
.btn-gold,.nav-cta,.cart-checkout{background:linear-gradient(100deg,var(--violet),var(--blue))!important;color:#fff!important;
  border:2px solid #fff!important;border-radius:4px 14px 6px 12px!important;font-family:var(--marker)!important;
  letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);
  box-shadow:5px 5px 0 var(--pink),0 0 24px rgba(139,61,255,.65)!important;transition:transform .12s,box-shadow .12s}
.btn-gold:hover,.nav-cta:hover,.cart-checkout:hover{transform:rotate(0) translate(3px,3px);box-shadow:2px 2px 0 var(--pink),0 0 36px rgba(79,240,255,.8)!important}
.btn-ghost{background:transparent!important;color:var(--cyan)!important;border:2px dashed var(--cyan)!important;border-radius:12px 4px 14px 6px!important;
  font-family:var(--marker)!important;letter-spacing:.06em;transform:rotate(1.5deg)}
.btn-ghost:hover{background:rgba(79,240,255,.1)!important;box-shadow:0 0 22px rgba(79,240,255,.5)}

/* ---------- MARQUEE ---------- */
.marquee-strip{background:linear-gradient(90deg,var(--indigo),var(--violet),var(--blue))!important;border-top:2px solid #fff;border-bottom:2px solid #fff;
  transform:rotate(-1.6deg);margin:2.6rem -3%;position:relative;z-index:3;box-shadow:0 0 36px rgba(139,61,255,.55)}
.marquee-item{color:#fff!important;font-family:var(--marker)!important;font-size:1.25rem;letter-spacing:.05em;text-shadow:2px 2px 0 rgba(0,0,0,.5)}
.marquee-dot{color:var(--pink)!important}

/* ---------- BÖLÜMLER ---------- */
.sec{position:relative;z-index:2}
.sec-eyebrow{color:var(--cyan)!important;font-family:var(--marker)!important;letter-spacing:.08em;text-shadow:0 0 8px var(--cyan)}
.sec-title{font-family:'Bebas Neue',sans-serif!important;color:#fff;display:inline-block;transform:rotate(-1.2deg);position:relative;z-index:0;
  text-shadow:2px 2px 0 var(--violet),0 0 18px rgba(139,61,255,.6)}
/* fosforlu kalem alt çizgi */
.sec-title::after{content:"";position:absolute;left:-4%;right:-6%;bottom:.05em;height:.32em;z-index:-1;transform:rotate(1deg);
  background:linear-gradient(90deg,rgba(139,61,255,.75),rgba(47,123,255,.6));border-radius:40% 10% 50% 20%}
h1,h2,h3{font-family:'Bebas Neue',sans-serif}

/* ---------- KARTLAR ---------- */
.cat-tile,.p-card,.blog-card,.bl-card,.ab-card{background:linear-gradient(165deg,rgba(28,21,72,.95),rgba(17,12,48,.95))!important;
  border:2px solid var(--rim2)!important;border-radius:6px 16px 8px 14px!important;position:relative;overflow:visible!important;
  box-shadow:6px 6px 0 rgba(75,43,214,.55)!important;transition:transform .16s,box-shadow .16s,border-color .16s}
.cats-grid>*:nth-child(odd),.products-row>*:nth-child(odd){transform:rotate(-.8deg)}
.cats-grid>*:nth-child(even),.products-row>*:nth-child(even){transform:rotate(.7deg)}
.cat-tile:hover,.p-card:hover,.blog-card:hover,.bl-card:hover{transform:rotate(0) translateY(-6px)!important;border-color:var(--cyan)!important;
  box-shadow:6px 6px 0 var(--violet),0 0 34px rgba(79,240,255,.45)!important}
/* bant */
.p-card::before,.cat-tile::before{content:""!important;display:block!important;position:absolute;top:-9px;left:50%;width:64px;height:18px;z-index:5;pointer-events:none;
  transform:translateX(-50%) rotate(-5deg);background:rgba(199,166,255,.55);border-left:2px dotted rgba(255,255,255,.5);border-right:2px dotted rgba(255,255,255,.5)}
.p-card:nth-child(3n)::before{transform:translateX(-50%) rotate(6deg);background:rgba(79,240,255,.45)}
.p-img{border-radius:4px 12px 0 0;overflow:hidden}
.p-brand{color:var(--lilac)!important;letter-spacing:.14em}
.cat-name{font-family:'Bebas Neue',sans-serif;letter-spacing:.06em}
.cat-count,[class*="price"]{color:var(--cyan)!important;text-shadow:0 0 8px rgba(79,240,255,.5)}
.badge,.badge-new,.badge-elite{background:var(--pink)!important;color:#fff!important;border-radius:3px!important;font-family:var(--marker)!important;
  letter-spacing:.04em;transform:rotate(-6deg);box-shadow:2px 2px 0 var(--indigo)}
.badge-sale{background:var(--cyan)!important;color:var(--void)!important}

/* ---------- FORM / DİĞER ---------- */
input,select,textarea{background:var(--lift)!important;color:var(--text)!important;border:1px solid var(--rim2)!important;border-radius:6px!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)!important;box-shadow:0 0 14px rgba(79,240,255,.45)}
.cart-drawer{background:var(--deep)!important;border-left:2px solid var(--violet)!important}
footer{border-top:2px solid var(--violet)!important;box-shadow:0 -10px 40px -14px var(--violet);background:rgba(7,5,26,.9)!important}
::selection{background:var(--violet);color:#fff}
::-webkit-scrollbar{width:10px;background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet),var(--blue));border-radius:6px}

/* anlık ekran glitch'i (neon.js tetikler) */
body.glitching .page{filter:hue-rotate(35deg) saturate(1.5) contrast(1.1);transform:translateX(4px)}
body.glitching::after{background:repeating-linear-gradient(0deg,rgba(139,61,255,.25) 0 2px,transparent 2px 5px)}

@media(max-width:900px){.zaun-doodle,.zaun-tag{display:none}}
@media(prefers-reduced-motion:reduce){#hero-title{animation:none!important}}

/* JINX duvarı */
.jx-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.9}
body{background:#0a0726!important}
body::before{display:none!important}
.page,main,footer,.marquee-strip{position:relative}
.page{z-index:1}

/* ARKA PLAN: kullanıcının verdiği Jinx duvarı görseli (sabit) */
.jx-bg{display:none!important}
body{background:#07051a url('/bg-jinx.webp') center/cover fixed no-repeat!important}
/* okunabilirlik için hafif koyu örtü */
html::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,5,26,.35),rgba(7,5,26,.55)),radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(2,1,10,.55) 100%)}

/* ARKA PLAN v2: sade, düşük kontrastlı duvar (kullanıcı görseli) */
body{background:#05031a url('/bg-jinx2.png') center top/cover fixed no-repeat!important}
html::before{background:radial-gradient(ellipse at 50% 35%,transparent 55%,rgba(2,1,10,.35) 100%)!important}

/* ARKA PLAN v3: kenarlarda canavar grafitileri, ortası boş (kullanıcı görseli) */
body{background:#05031a url('/bg-jinx3.webp') center top/cover fixed no-repeat!important}

/* NEDEN BİZ ikonları: neon grafiti çizimleri */
.pillar-icon{width:84px!important;height:84px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;overflow:visible!important;border-radius:0!important}
.pillar-icon::after{display:none!important}
.pillar-icon .feat-svg.jx-ico{width:84px!important;height:84px!important;stroke-width:3!important;transition:transform .2s,filter .2s}
.pillar:nth-child(1) .jx-ico{stroke:#ff4fc3!important;filter:drop-shadow(0 0 4px #ff4fc3) drop-shadow(0 0 14px rgba(255,79,195,.7))!important;transform:rotate(-6deg)}
.pillar:nth-child(2) .jx-ico{stroke:#4ff0ff!important;filter:drop-shadow(0 0 4px #4ff0ff) drop-shadow(0 0 14px rgba(79,240,255,.7))!important;transform:rotate(4deg)}
.pillar:nth-child(3) .jx-ico{stroke:#a970ff!important;filter:drop-shadow(0 0 4px #a970ff) drop-shadow(0 0 14px rgba(139,61,255,.8))!important;transform:rotate(-3deg)}
.pillar:hover .pillar-icon{transform:none!important}
.pillar:hover .feat-svg.jx-ico{transform:rotate(0) scale(1.12)!important;stroke:inherit}
.pillar:nth-child(1):hover .jx-ico{stroke:#ff4fc3!important}.pillar:nth-child(2):hover .jx-ico{stroke:#4ff0ff!important}.pillar:nth-child(3):hover .jx-ico{stroke:#a970ff!important}
.pillar-title{font-family:var(--marker)!important;letter-spacing:.04em;font-size:1.25rem!important;text-transform:none!important}

/* ŞERİT: sarı polis / cinayet mahalli bandı */
.marquee-strip{background:
  linear-gradient(180deg,rgba(255,255,255,.25),transparent 30%,rgba(0,0,0,.12)),
  #ffd400!important;
  border-top:3px solid #111!important;border-bottom:3px solid #111!important;
  transform:rotate(-1.8deg);margin:2.8rem -3%;
  box-shadow:0 6px 0 rgba(0,0,0,.45),0 0 28px rgba(255,212,0,.35)!important;
  /* yırtık bant uçları */
  clip-path:polygon(0 8%,1.2% 0,2.2% 12%,3.4% 2%,4.6% 10%,96% 0,97.4% 12%,98.6% 2%,100% 9%,100% 92%,98.8% 100%,97.6% 88%,96.2% 98%,95% 90%,5% 100%,3.6% 88%,2.4% 98%,1.2% 90%,0 100%)}
.marquee-item{color:#111!important;font-family:'Bebas Neue','Oswald',sans-serif!important;font-size:1.6rem!important;letter-spacing:.14em!important;
  text-shadow:none!important;text-transform:uppercase}
.marquee-dot,.marquee-dot svg{color:#111!important;stroke:#111!important}
.marquee-dot{opacity:.85}

/* ARKA PLAN v4: yıpranmış, soluk grafiti (görsel ayrı katmanda süzülüyor) */
body{background:#05031a!important}
.jx-bg{display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;
  background:url('/bg-jinx3.webp') center top/cover no-repeat;
  opacity:.72;filter:saturate(.65) contrast(.8) brightness(.8) blur(.8px);
  /* boya dökülmüş/aşınmış lekeler */
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='700' height='700'><filter id='w' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='9'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  2.6 0 0 0 -.45'/></filter><rect width='100%' height='100%' filter='url(%23w)'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='700' height='700'><filter id='w' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='9'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  2.6 0 0 0 -.45'/></filter><rect width='100%' height='100%' filter='url(%23w)'/></svg>");
  -webkit-mask-size:700px 700px;mask-size:700px 700px}
.jx-bg svg{display:none!important}
/* kenarlarda ek kararma */
html::before{background:linear-gradient(90deg,rgba(5,3,26,.35),transparent 25%,transparent 75%,rgba(5,3,26,.35)),radial-gradient(ellipse at 50% 35%,transparent 55%,rgba(2,1,10,.4) 100%)!important}

/* NEDEN BİZ ikon boyutları: orijinaldeki gibi (68px kutu, ~34px çizim) */
.pillar-icon{width:68px!important;height:68px!important}
.pillar-icon .feat-svg.jx-ico{width:34px!important;height:34px!important;stroke-width:3.4!important}
.pillar-title{font-size:1.1rem!important;letter-spacing:.1em!important}

/* ARKA PLAN v5: yıpranmış görsel doğrudan (süzgeç ve maske yok) */
.jx-bg{display:none!important}
body{background:#05031a url('/bg-jinx4.png') center top/cover fixed no-repeat!important}
html::before{background:radial-gradient(ellipse at 50% 35%,transparent 60%,rgba(2,1,10,.3) 100%)!important}

/* SEO özellik ikonları: neon grafiti çizimleri (orijinal kutu boyutu) */
.seo-features .ic-box.jx-ib{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.seo-features .ic-box.jx-ib::after{display:none!important}
.seo-features .jx-ico{width:38px;height:38px;stroke-width:3.4}
.jx-flask{color:#ff4fc3}.jx-truck{color:#4ff0ff}.jx-lock{color:#a970ff}.jx-refresh{color:#ff4fc3}
.seo-features .jx-ico{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 12px currentColor)}
.jx-flask .jx-ico{transform:rotate(-6deg)}.jx-truck .jx-ico{transform:rotate(3deg)}.jx-lock .jx-ico{transform:rotate(-3deg)}.jx-refresh .jx-ico{transform:rotate(5deg)}
.seo-features h3{font-family:var(--marker)!important;letter-spacing:.06em}

/* ŞERİT ayırıcı: ceset çevresine çizilen tebeşir konturu */
.marquee-dot{display:inline-block!important;width:30px;height:44px;vertical-align:middle;margin:0 2.2rem!important;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52'><g fill='none' stroke-linejoin='round' stroke-linecap='round'><g stroke='%23111' stroke-width='5'><circle cx='20' cy='7' r='5'/><path d='M15 14 L4 20 L5 24 L15 20 L16 30 L10 44 L15 46 L20 34 L25 46 L30 44 L24 30 L25 20 L35 24 L36 20 L25 14 Z'/></g><g stroke='%23fff' stroke-width='2.2' stroke-dasharray='5 1.4 3 1.2'><circle cx='20' cy='7' r='5'/><path d='M15 14 L4 20 L5 24 L15 20 L16 30 L10 44 L15 46 L20 34 L25 46 L30 44 L24 30 L25 20 L35 24 L36 20 L25 14 Z'/></g></g></svg>") center/contain no-repeat;opacity:1!important;transform:rotate(-8deg)}
.marquee-dot svg{display:none!important}
.marquee-dot:nth-of-type(odd){transform:rotate(6deg)}

/* VANDAL logosu: dikey rozet, nav çubuğunun altına taşar */
#nav{overflow:visible!important}
#nav-logo-img-wrap{position:relative;z-index:6}

/* VANDAL yatay logo: nav yüksekliğine uyumlu, hafif taşma */

/* VANDAL logosu: büyük, nav çubuğunun altına taşan rozet */
#nav{overflow:visible!important}
#nav-logo-img-wrap{position:relative;z-index:50}

/* VANDALABS yazı logosu: yatay, nav'a sığar, hafif taşar */

/* VANDALABS logosu büyütüldü */

/* ŞERİT v2: gerçek polis olay yeri bandı */
.marquee-strip{
  background:
    repeating-linear-gradient(100deg,rgba(255,255,255,.10) 0 2px,transparent 2px 38px),
    repeating-linear-gradient(80deg,rgba(0,0,0,.06) 0 1px,transparent 1px 27px),
    linear-gradient(180deg,#ffe033 0%,#ffd400 45%,#f2c400 100%)!important;
  border-top:0!important;border-bottom:0!important;
  padding:.35rem 0!important;transform:rotate(-2.2deg)!important;margin:3rem -4%!important;
  box-shadow:0 8px 0 rgba(0,0,0,.5),0 0 34px rgba(255,212,0,.3)!important;
  /* kenarlarda ince siyah çizgi, bantın baskı şeridi gibi */
  outline:0}
.marquee-strip::before{content:"";position:absolute;left:0;right:0;top:6px;bottom:6px;pointer-events:none;
  border-top:2px solid rgba(0,0,0,.85);border-bottom:2px solid rgba(0,0,0,.85)}
.marquee-item{color:#0a0a0a!important;font-family:'Bebas Neue','Impact','Arial Black',sans-serif!important;
  font-size:2.1rem!important;font-weight:900;letter-spacing:.22em!important;line-height:1;padding:.25rem 0}


/* LOGO: boyut ve konum admin panelden (inline stil) yönetilir; burada zorlama yok */
#nav{overflow:visible!important}
#nav-logo-img-wrap{position:relative;z-index:50}
#nav-logo-img{filter:drop-shadow(0 4px 14px rgba(139,61,255,.6));margin:0 0 -72px;transition:transform .2s}
@media(max-width:900px){#nav-logo-img{margin:0 0 -36px}}

/* ===== OKUNABİLİRLİK DÜZENİ: sakin zemin, net metin ===== */
:root{--text:#f4f0ff;--textMid:#e0d9fa;--textDim:#bdb3e6}
/* tarama çizgileri yalnız glitch anında */
body::after{background:none!important}
body.glitching::after{background:repeating-linear-gradient(0deg,rgba(139,61,255,.22) 0 2px,transparent 2px 5px)!important}
/* arka plan görseli: üstte koyu örtü, içerik alanı sakin */
html::before{background:
  linear-gradient(180deg,rgba(5,3,26,.62),rgba(5,3,26,.72)),
  radial-gradient(ellipse at 50% 30%,transparent 55%,rgba(2,1,10,.35) 100%)!important}
/* hero */
.hero-texture{opacity:.12!important}
.hero-visual{opacity:.55;filter:saturate(.9) drop-shadow(0 0 18px rgba(139,61,255,.35))!important}
.hero-number{opacity:.25!important}
.eyebrow-text{color:#8ff7ff!important;font-size:.85rem!important;letter-spacing:.22em!important;text-shadow:none!important;animation:none!important;font-weight:600}
#hero-title{text-shadow:0 3px 0 rgba(0,0,0,.65),0 0 24px rgba(5,3,26,.9)!important;-webkit-text-stroke:0!important}
#hero-title span{color:#ff6fd0!important;text-shadow:0 3px 0 #1a0a4a,0 0 18px rgba(5,3,26,.9)!important;letter-spacing:.02em}
.hero-sub{background:rgba(7,5,26,.88)!important;color:#ece6ff!important;font-size:1.02rem;line-height:1.7;border:1px solid rgba(139,61,255,.35);border-left:4px solid var(--violet)}
.hero-metrics [class*="num"]{text-shadow:none!important}
.hero::after{display:none}
/* bölüm başlıkları ve etiketler */
.sec-eyebrow,.sec-eyebrow .eyebrow-text{color:#8ff7ff!important;text-shadow:none!important;animation:none!important}
.sec-title{text-shadow:0 2px 0 rgba(0,0,0,.6)!important}
/* kartlar: tam opak zemin */
.cat-tile,.p-card,.blog-card,.bl-card,.ab-card{background:#15103a!important;border-color:#4a3aa8!important}
.p-card *,.cat-tile *{text-shadow:none!important}
.pillars,.pillar{background:#110c30!important}
.pillar-text,.p-body,.cat-count,.seo-wrap,.seo-wrap p,.seo-wrap li{color:#e0d9fa!important}
.seo-wrap{background:rgba(11,8,36,.92)!important;border-radius:10px;padding:1.4rem}
/* düz içerik bölümlerine hafif koyu zemin: yazı grafitinin üstünde okunsun */
.sec{background:linear-gradient(180deg,rgba(7,5,26,.55),rgba(7,5,26,.55))}
.nl-section{background:#110c30!important}
footer{background:#0a0726!important}
.page p,.page li{color:#e0d9fa}

/* ŞERİT v3: ayırıcı = kalın siyah çizgiler (tebeşir konturu kaldırıldı) */
.marquee-dot{display:inline-block!important;width:26px;height:42px;margin:0 2rem!important;vertical-align:middle;
  background:linear-gradient(90deg,#0a0a0a 0 7px,transparent 7px 13px,#0a0a0a 13px 20px,transparent 20px 26px)!important;
  transform:skewX(-22deg)!important;opacity:1!important}
.marquee-dot:nth-of-type(odd){transform:skewX(-22deg)!important}
.marquee-dot svg{display:none!important}
.marquee-item{font-size:1.9rem!important;white-space:nowrap}

/* HERO vitrini: protein ürün görseli, tam görünür + neon parlama */
.hero-visual{opacity:1!important;filter:drop-shadow(0 0 40px rgba(139,61,255,.55)) drop-shadow(0 0 90px rgba(79,240,255,.25))!important}
.showcase-ring,.showcase-ring2{opacity:.35}
/* hero karalamaları ürün görselini kapatmasın */
.hero .zaun-doodle,.hero .zaun-tag{display:none!important}

/* Mobil logo: büyük, üstten kesilmesin (boyut admin panelden mobH ile) */
@media(max-width:900px){#nav-logo-img{margin:4px 0 -48px 6px}}

/* Mobil hero: butonlar solda, küçük ürün kutusu sağda yan yana */
@media(max-width:900px){
  .hero-buttons{max-width:56%!important;width:56%!important}
  .hero-buttons .btn-gold,.hero-buttons .btn-ghost{width:100%!important;font-size:.82rem!important;padding-left:.6rem!important;padding-right:.6rem!important}
}


/* Başlıklardaki vurgulu kısım (em): düz neon camgöbeği, hafif parlama — arka planda kaybolmasın */
.sec-title em,.nl-title em,.seo-header .sec-title em{
  font-style:normal;color:#8ff7ff!important;-webkit-text-fill-color:#8ff7ff!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  text-shadow:0 0 6px rgba(79,240,255,.75),0 0 18px rgba(79,240,255,.4),0 2px 0 rgba(0,0,0,.55)!important}
/* kalemle çizilmiş alt vurgu çok baskın: soluklaştır, yazının altında kalsın */
.sec-title::after{opacity:.28!important;z-index:-1}

/* Footer logosu: kenarları kırpılmasın (kutunun overflow:hidden'ı kaldırıldı) */
footer #foot-logo-img-wrap{overflow:visible!important;height:auto!important;width:auto!important;max-width:100%;display:inline-flex!important;align-items:center}
footer #foot-logo-img{height:auto!important;width:min(260px,100%)!important;max-width:100%!important;max-height:none!important;transform:none!important;margin:0!important;object-fit:contain!important;aspect-ratio:1227/513!important}
.foot-brand .logo{height:auto!important;overflow:visible!important}

/* Footer marka bloğu: yalnızca mobilde ortalı (PC'de eski yerinde, solda) */
@media(max-width:900px){
  footer .foot-brand{text-align:center;align-items:center}
  footer .foot-brand .logo{display:flex!important;justify-content:center!important;width:100%}
  footer #foot-logo-img-wrap{display:flex!important;justify-content:center!important;width:100%!important;margin:0 auto}
  footer #foot-logo-img{margin:0 auto!important}
  footer .foot-brand .foot-socials{justify-content:center}
  footer .foot-brand p{margin-left:auto;margin-right:auto}
}

/* Blog içeriği tabloları: okunaklı, mobilde yatay kaydırmalı */
.blog-reading-content table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.92rem;line-height:1.55;background:#110c30;border:1px solid #4a3aa8;border-radius:8px;overflow:hidden}
.blog-reading-content th{background:#1c1548;color:#8ff7ff;text-align:left;padding:.7rem .9rem;border-bottom:2px solid #4a3aa8;font-family:'Oswald',sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.blog-reading-content td{padding:.7rem .9rem;border-bottom:1px solid #2e2470;vertical-align:top;color:#e0d9fa}
.blog-reading-content tr:last-child td{border-bottom:0}
.blog-reading-content td:first-child{color:#fff;font-weight:600}
.blog-reading-content ul,.blog-reading-content ol{margin:.8rem 0 1.2rem 1.3rem}
.blog-reading-content li{margin:.35rem 0}
.blog-reading-content .cat-note{background:rgba(139,61,255,.14);border-left:4px solid #8b3dff;padding:.9rem 1.1rem;border-radius:4px;margin-top:1.6rem;font-size:.88rem}
@media(max-width:700px){.blog-reading-content table{display:block;overflow-x:auto;white-space:normal}.blog-reading-content th,.blog-reading-content td{min-width:120px}}