:root{
  --bg:#08090a; --panel:#101114; --panel2:#15171b; --text:#f7f7f7;
  --muted:#a5a8ae; --line:#292b31; --accent:#ffad32; --accent2:#ffd08a;
  --green:#25D366; --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 86% 4%,rgba(255,173,50,.08),transparent 26rem),
    linear-gradient(180deg,#070809 0,#0b0c0e 40%,#08090a 100%);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1180px,calc(100% - 34px));margin:auto}
nav{position:sticky;top:0;z-index:60;background:rgba(7,8,9,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-in{height:72px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand{font-weight:950;letter-spacing:.5px;font-size:19px}.brand span{color:var(--accent)}
.nav-links{display:flex;gap:22px;align-items:center;color:#d4d4d8;font-size:13px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:13px 18px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-wa{background:var(--green);color:#05140a;box-shadow:0 0 26px rgba(37,211,102,.14)}
.btn-accent{background:var(--accent);color:#171009;box-shadow:0 0 28px rgba(255,173,50,.16)}
.btn-dark{border-color:#33363d;background:rgba(255,255,255,.025)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,173,50,.24);background:rgba(255,173,50,.06);padding:8px 11px;border-radius:999px;color:#ffd28e;font-size:12px;font-weight:850}
.hero{padding:70px 0 44px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}
h1{font-size:clamp(44px,6.1vw,78px);line-height:.98;letter-spacing:-3.7px;margin:18px 0 20px}
h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 34px rgba(255,173,50,.2)}
.lead{font-size:17px;line-height:1.72;color:#b8bbc1;max-width:660px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}
.mini-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.mini-point{padding:8px 11px;border:1px solid #292c31;border-radius:999px;background:#111216;color:#d7d8dc;font-size:12px}
.hero-photo{position:relative;border-radius:28px;overflow:hidden;border:1px solid #2c2e34;box-shadow:var(--shadow);min-height:530px;background:#0e0f11}
.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hero-photo::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.hero-badge{position:absolute;z-index:2;top:20px;left:20px;background:#fff;color:#121212;padding:10px 13px;border-radius:12px;font-weight:950;font-size:12px}
.hero-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}
.hero-caption b{font-size:21px}.hero-caption p{margin:5px 0 0;color:#d2d3d6;font-size:13px}
section{padding:80px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.section-head h2{margin:0;font-size:clamp(32px,4.2vw,54px);line-height:1.04;letter-spacing:-2.2px}
.section-head h2 span{color:var(--accent)}
.section-head p{max-width:560px;color:var(--muted);line-height:1.7;margin:0}
.category-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.cat-btn{border:1px solid #2c2e34;background:#111216;color:#d7d8dc;padding:11px 15px;border-radius:13px;font-weight:800;cursor:pointer}
.cat-btn.active,.cat-btn:hover{border-color:rgba(255,173,50,.55);color:#fff;background:rgba(255,173,50,.08)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid #292c31;background:#101114;border-radius:20px;overflow:hidden;transition:.2s;min-width:0}
.card:hover{transform:translateY(-3px);border-color:#3a3c43}
.card-media{position:relative;aspect-ratio:4/3;background:#060708;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-off{display:none;filter:none}
.card.show-off .card-on{display:none}.card.show-off .card-off{display:block}
.card-toggle{position:absolute;right:10px;top:10px;z-index:2;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.72);color:#fff;padding:7px 9px;border-radius:999px;font-weight:850;font-size:11px;cursor:pointer}
.card-body{padding:15px}
.card-body h3{font-size:16px;margin:0 0 9px}
.tag{display:inline-flex;border:1px solid rgba(255,173,50,.26);background:rgba(255,173,50,.06);color:#ffc46c;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:850}
.card-actions{display:flex;gap:8px;margin-top:13px}
.card-actions a,.card-actions button{flex:1;border:1px solid #2f3238;background:#14161a;color:#eee;border-radius:11px;padding:10px;text-align:center;font-weight:800;font-size:11px;cursor:pointer}
.featured-layout{display:grid;grid-template-columns:1fr .34fr;gap:15px}
.compare-box{border:1px solid #2b2d33;background:#101114;border-radius:25px;padding:14px;box-shadow:var(--shadow)}
.ba{--pos:52%;position:relative;height:min(62vw,590px);min-height:420px;border-radius:17px;overflow:hidden;background:#050607;user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090a}
.ba .on-img{clip-path:inset(0 calc(100% - var(--pos)) 0 0);z-index:2}
.ba .divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.5)}
.ba .handle{position:absolute;z-index:5;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:950;pointer-events:none;box-shadow:0 9px 26px rgba(0,0,0,.42)}
.ba input{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.ba-label{position:absolute;z-index:5;top:13px;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:900;pointer-events:none}
.ba-label.on{left:13px}.ba-label.off{right:13px}
.featured-side{display:grid;gap:10px;align-content:start}
.feature-choice{border:1px solid #2b2d33;background:#111216;border-radius:17px;padding:9px;cursor:pointer;text-align:left;color:#fff}
.feature-choice.active{border-color:rgba(255,173,50,.65);box-shadow:0 0 0 1px rgba(255,173,50,.2) inset}
.feature-choice img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:11px}
.feature-choice b{display:block;margin:8px 3px 2px;font-size:12px}
.compare-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 3px 2px}
.compare-meta small{color:var(--muted)}
.sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.size{min-height:128px;border:1px solid #2b2d33;background:#111216;border-radius:18px;padding:17px;display:flex;flex-direction:column;justify-content:space-between}
.size strong{font-size:26px}.size i{height:8px;background:linear-gradient(90deg,var(--accent),#ffdfab);border-radius:999px;box-shadow:0 0 16px rgba(255,173,50,.25)}
.measure-note{margin-top:15px;padding:16px 18px;border-radius:15px;border:1px solid rgba(255,173,50,.25);background:rgba(255,173,50,.06);color:#f6d29b;font-weight:850;line-height:1.5}
.shipping{border:1px solid rgba(255,173,50,.3);background:radial-gradient(circle at 80% 50%,rgba(255,173,50,.17),transparent 22rem),linear-gradient(135deg,#17120d,#101114 54%);padding:46px;border-radius:26px}
.shipping h2{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-4px;margin:0}.shipping h2 span{color:var(--accent)}
.shipping p{color:#c5beb5;max-width:590px;line-height:1.7}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}
.story-copy,.story-photo{border:1px solid #2b2d33;border-radius:25px;overflow:hidden;background:#111216}
.story-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}
.story-copy h2{font-size:clamp(35px,4.4vw,57px);line-height:1.04;letter-spacing:-2.3px;margin:0 0 16px}
.story-copy h2 span{color:var(--accent)}
.story-copy p{color:var(--muted);line-height:1.78;font-size:16px}
.story-photo{position:relative;min-height:410px}
.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.04))}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.step{border:1px solid #2b2d33;background:#111216;border-radius:20px;padding:20px;min-height:225px}
.step-no{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,173,50,.11);color:var(--accent);font-weight:950}
.step h3{margin:21px 0 8px;font-size:16px}.step p{margin:0;color:var(--muted);line-height:1.62;font-size:13px}
.production{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:13px}
.prod-card{position:relative;min-height:350px;border-radius:22px;overflow:hidden;border:1px solid #2b2d33;background:#15171a}
.prod-card .fake{position:absolute;inset:0}
.laser-bg{background:radial-gradient(circle at 50% 60%,rgba(255,90,30,.18),transparent 25%),linear-gradient(#24272b,#0e0f11)}
.laser-grid{position:absolute;left:8%;right:8%;bottom:12%;height:45%;background:repeating-linear-gradient(90deg,#24272b 0 8px,#090a0c 8px 11px);transform:perspective(700px) rotateX(56deg);transform-origin:bottom}
.laser-head{position:absolute;left:48%;top:17%;width:38px;height:105px;border-radius:6px;background:#41444a}.beam{position:absolute;left:calc(48% + 17px);top:42%;width:4px;height:135px;background:#ff6c1c;box-shadow:0 0 13px #ff5418,0 0 28px #ff2e00}
.pack-bg{background:linear-gradient(145deg,#36312b,#141414)}.box{position:absolute;width:190px;height:145px;background:#a8794b;border:2px solid #ca9a68;left:50%;top:48%;transform:translate(-50%,-50%)}.box:after{content:"LEDTABELACINIZ";position:absolute;left:20px;top:55px;background:#111;color:#fff;padding:8px;font-size:11px;font-weight:900}
.customer-bg img{width:100%;height:100%;object-fit:cover}
.prod-caption{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(0,0,0,.74);backdrop-filter:blur(10px);padding:13px;border-radius:13px}.prod-caption b{display:block;margin-bottom:3px}.prod-caption small{color:#c3c4c8}
.final{text-align:center;padding:90px 0 104px}.final h2{font-size:clamp(40px,6vw,73px);letter-spacing:-3px;line-height:1;margin:0 auto 17px;max-width:900px}.final p{color:var(--muted);max-width:680px;margin:0 auto 25px;line-height:1.7}
footer{border-top:1px solid #22242a;padding:29px 0 42px;color:#898b90;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mobile-wa{display:none;position:fixed;left:15px;right:15px;bottom:15px;z-index:90;background:var(--green);color:#06140a;padding:15px;border-radius:14px;text-align:center;font-weight:950;box-shadow:0 18px 42px rgba(0,0,0,.5)}
.hidden{display:none!important}
@media(max-width:1020px){
 .nav-links{display:none}.hero-grid,.story{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.featured-layout{grid-template-columns:1fr}.featured-side{grid-template-columns:repeat(4,1fr)}.sizes{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}.production{grid-template-columns:1fr}.hero-photo{min-height:470px}.story-photo{min-height:450px}
}
@media(max-width:700px){
 body{padding-bottom:76px}.container{width:min(100% - 24px,1180px)}.hero{padding-top:52px}.hero-photo{min-height:420px}.gallery{grid-template-columns:repeat(2,1fr)}.featured-side{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head p{margin-top:13px}section{padding:60px 0}.ba{min-height:360px}.sizes{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.shipping{padding:31px 23px}.shipping h2{letter-spacing:-2px}.story-copy{padding:28px}.mobile-wa{display:block}
}
@media(max-width:460px){.gallery{grid-template-columns:1fr}.hero-actions .btn{width:100%}}


/* Instagram */
.btn-instagram{
  color:#fff;
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  border-color:transparent;
  box-shadow:0 0 24px rgba(253,29,29,.12);
}
.btn-instagram:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}
.instagram-link{
  color:#f2f2f4;
  font-weight:800;
}
.instagram-link:hover{
  color:#ffb547;
}


/* ===== YAYINA HAZIR AYDINLIK TEMA ===== */
:root{
  --bg:#f3f0ea;
  --panel:#ffffff;
  --panel2:#f7f3ed;
  --text:#232323;
  --muted:#6f7378;
  --line:#ddd7cf;
  --accent:#f38a13;
  --accent2:#ffb45d;
  --green:#25D366;
  --shadow:0 20px 60px rgba(42,36,28,.10);
}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 80% 2%,rgba(243,138,19,.10),transparent 28rem),
    linear-gradient(180deg,#f8f6f2 0%,#f1ede7 55%,#f7f4ef 100%);
}
nav{
  background:rgba(255,255,255,.93)!important;
  border-bottom:1px solid #e5dfd6!important;
  box-shadow:0 8px 24px rgba(48,40,31,.05);
}
.brand{color:#1f1f1f}
.nav-links{color:#3f4247}
.btn-dark{
  border-color:#d2cbc2!important;
  background:#fff!important;
  color:#242424!important;
}
.eyebrow{
  background:#fff1e3!important;
  border-color:#ffd4a4!important;
  color:#b75c00!important;
}
.hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,.30)),
    radial-gradient(circle at 18% 20%,rgba(243,138,19,.07),transparent 24rem);
}
.lead,.section-head p,.story-copy p,.step p,.product-copy p{color:#666b71!important}
.mini-point{
  background:#fff!important;
  border-color:#ddd7cf!important;
  color:#4d5157!important;
}
.hero-photo,.card,.story-copy,.story-photo,.step,.prod-card,.size,.product-detail{
  background:#fff!important;
  border-color:#ddd7cf!important;
  box-shadow:0 16px 44px rgba(48,40,31,.08)!important;
}
.card-body{background:#fff!important}
.card-body h3,.step h3,.product-copy h3{color:#252525}
.tag{
  background:#fff1e3!important;
  border-color:#ffd4a4!important;
  color:#b85b00!important;
}
.cat-btn{
  background:#fff!important;
  color:#383b40!important;
  border-color:#d9d3cb!important;
}
.cat-btn.active,.cat-btn:hover{
  background:#fff0df!important;
  color:#202020!important;
  border-color:#f2a44e!important;
}
section:nth-of-type(even){
  background:rgba(255,255,255,.44);
  border-top:1px solid #eee9e2;
  border-bottom:1px solid #eee9e2;
}
.measure-note{
  background:#fff2e3!important;
  color:#8d4d0a!important;
  border-color:#ffd3a0!important;
}
.shipping{
  background:
    radial-gradient(circle at 82% 45%,rgba(243,138,19,.18),transparent 23rem),
    linear-gradient(135deg,#fff8ef,#fff 62%)!important;
  border-color:#f5bd77!important;
  box-shadow:0 18px 48px rgba(48,40,31,.08)!important;
}
.shipping p{color:#6b665f!important}
.story-copy{background:#fff!important}
.step-no{
  background:#fff0df!important;
  color:#d56e00!important;
}
.final{
  background:linear-gradient(180deg,#fff,#f7f2eb)!important;
}
footer{
  background:#25282c!important;
  color:#cfd1d4!important;
  border-top-color:#34383d!important;
}
.instagram-link{color:#fff!important}
.card-actions a,.card-actions button,.check{
  background:#f8f5f0!important;
  border-color:#ded8d0!important;
  color:#303338!important;
}
.product-detail{background:#fff!important}
.product-shot{border-color:#ddd7cf!important}
@media(max-width:700px){
  .mobile-wa{box-shadow:0 12px 32px rgba(0,0,0,.22)}
}

/* ===== SEO KATEGORİ / KONUM SAYFALARI ===== */
.seo-hero{
  padding:72px 0 46px;
  background:
    radial-gradient(circle at 82% 15%,rgba(243,138,19,.12),transparent 22rem),
    linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.15));
}
.breadcrumbs{font-size:13px;color:#777;margin-bottom:18px}
.breadcrumbs a{color:#555;text-decoration:underline;text-underline-offset:3px}
.seo-hero h1{font-size:clamp(39px,5.5vw,66px);margin:12px 0 18px;letter-spacing:-2.6px;line-height:1.02}
.seo-hero p{max-width:780px;font-size:17px;line-height:1.75;color:#666}
.seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.seo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
.seo-copy{background:#fff;border:1px solid #ddd7cf;border-radius:24px;padding:30px;box-shadow:0 16px 44px rgba(48,40,31,.06)}
.seo-copy h2{font-size:32px;margin:0 0 15px;letter-spacing:-1.2px}
.seo-copy p{color:#686c72;line-height:1.8}
.seo-bullets{display:grid;gap:10px;margin-top:20px}
.seo-bullets div{background:#faf7f2;border:1px solid #e4ddd4;border-radius:13px;padding:12px 14px;color:#444}
.seo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.seo-gallery figure{margin:0;background:#fff;border:1px solid #ddd7cf;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(48,40,31,.06)}
.seo-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}
.seo-gallery figcaption{padding:12px 13px;font-weight:800;font-size:13px;color:#333}
.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.related-links a{background:#fff;border:1px solid #ddd7cf;border-radius:16px;padding:16px;font-weight:800;color:#333;transition:.2s}
.related-links a:hover{transform:translateY(-2px);border-color:#efad5f}
.local-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.local-chips span{background:#fff1e3;color:#99500a;border:1px solid #ffd4a4;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px}
@media(max-width:850px){
  .seo-grid{grid-template-columns:1fr}
  .seo-gallery{grid-template-columns:repeat(2,1fr)}
  .related-links{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .seo-gallery,.related-links{grid-template-columns:1fr}
  .seo-hero{padding-top:48px}
}