/* BAKIŞ v1 — yeni tasarım katmanı (v1.css üzerine) */
:root{--card:#0a110d;--line:rgba(255,255,255,.09)}
body.lb-open{overflow:hidden}
.pill.gold{box-shadow:0 10px 30px -12px rgba(217,185,138,.55)}
.links{gap:22px}

/* ===== HERO: kapı açılışı ===== */
.hx{position:relative;height:100svh;background:var(--green-dd);padding:0}
.js .hx{height:320svh}
.hx-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(ellipse 70% 60% at 50% 45%,#27432f 0%,var(--green) 40%,var(--green-dd) 100%)}
.hx-room{position:absolute;inset:0;opacity:0;background:linear-gradient(rgba(7,16,10,.66),rgba(7,16,10,.86)),url(v1-ph-hero.jpg) center/cover}
.hx-room::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(transparent,var(--green-dd))}
.hx-txt{position:absolute;z-index:3;inset-inline-start:max(24px,calc(50% - 560px));top:50%;translate:0 -50%;max-width:min(560px,46vw);will-change:transform,opacity}
.hx-txt h1{font-size:clamp(44px,5.6vw,84px);line-height:1.02;text-align:start}
.hx-txt .lead{margin:20px 0 28px;text-align:start;font-size:clamp(17px,1.7vw,23px)}
.hx-txt .cta{justify-content:flex-start}
.hx-txt .eyebrow{margin-bottom:16px}
.hx-stage{position:relative;z-index:2;perspective:1700px;margin-inline-start:min(34vw,330px)}
.hx-frame{position:relative;display:block;will-change:transform;transform-origin:50% 55%;filter:drop-shadow(0 50px 60px rgba(0,0,0,.55))}
.hx-light{position:absolute;inset:1% 4% 1% 4%;border-radius:2px;opacity:.1;
  background:radial-gradient(ellipse at 60% 40%,#fff4d8 0%,#f3d9a4 38%,#c8934f 100%);box-shadow:0 0 120px 30px rgba(243,217,164,.45)}
.hx-leaf{position:relative;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
html[dir=rtl] .hx-leaf{transform-origin:100% 50%}
.hx-leaf img{height:min(74svh,760px);width:auto;max-width:none;display:block}
.hx-hint{position:absolute;z-index:4;inset:auto 0 26px 0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hx-hint i{width:1px;height:42px;background:linear-gradient(var(--gold),transparent);animation:hint 1.8s var(--ease) infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hx-end{position:absolute;z-index:5;inset:0;display:grid;place-items:center;text-align:center;opacity:0;pointer-events:none}
.hx-end b{font-size:clamp(40px,9vw,128px);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,#fff,var(--gold-l) 50%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-end span{display:block;margin-top:16px;color:rgba(255,255,255,.8);font-size:clamp(16px,2vw,24px)}
@media (max-width:820px){
  .hx-txt{inset-inline:20px;max-width:none;top:calc(50% - 25svh);text-align:center}
  .hx-txt h1,.hx-txt .lead{text-align:center}.hx-txt .cta{justify-content:center}
  .hx-txt .lead{display:none}
  .hx-stage{margin:34svh 0 0}
  .hx-leaf img{height:min(48svh,520px)}
}
html:not(.js) .hx-stage,html:not(.js) .hx-hint,html:not(.js) .hx-end{display:none}

/* ===== MANIFESTO ===== */
.man{padding:clamp(90px,16vw,200px) 0;background:var(--green-dd)}
.man p{font-size:clamp(28px,4.6vw,60px);line-height:1.16;font-weight:600;letter-spacing:-.03em;max-width:1000px;margin:0 auto;text-align:center}
.man p span{opacity:.16;transition:opacity .35s,color .35s}

/* ===== FİLM ===== */
.film{background:linear-gradient(var(--green-dd),#050a07);padding-top:0}
.film .vwrap{--g:.86;--gr:36px;transform:scale(var(--g));border-radius:var(--gr);transition:none;max-width:1120px;margin:0 auto}
.film video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.vloc{position:relative}.vloc video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.vplay{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.4));cursor:pointer;color:#fff;gap:12px;align-content:center}
.vplay .c{width:92px;height:92px;border-radius:50%;background:rgba(217,185,138,.96);position:relative;transition:transform .4s var(--ease);box-shadow:0 0 0 14px rgba(217,185,138,.18)}
.vplay:hover .c{transform:scale(1.08)}
.vplay .c::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent var(--green-d);translate:4px 0}
html[dir=rtl] .vplay .c::after{translate:-4px 0}
.vplay em{font-style:normal;font-weight:600;letter-spacing:.02em}

/* ===== KOLEKSİYON: koyu kartlar ===== */
.col{background:#050a07}
.col .tabs{margin-bottom:38px}
.xgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.xc{position:relative;display:block;border-radius:26px;padding:20px 14px 18px;text-align:center;overflow:hidden;cursor:zoom-in;isolation:isolate;
  background:linear-gradient(180deg,#0e1712 0%,#070b09 100%);border:1px solid var(--line);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;--mx:50%;--my:30%}
.xc::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(217,185,138,.22),transparent 60%)}
.xc:hover{border-color:rgba(217,185,138,.55);box-shadow:0 30px 60px -30px rgba(217,185,138,.35)}
.xc:hover::before{opacity:1}
.xc .ghost{position:absolute;inset:6px 0 auto 0;z-index:-1;font-size:clamp(90px,10vw,150px);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}
.xc .xs{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.xc .xi{height:clamp(230px,22vw,330px);display:grid;place-items:center;margin:14px 0 10px;position:relative}
.xc .xi::after{content:"";position:absolute;inset:auto 14% 0 14%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(3px)}
.xc .xi img{max-height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform .6s var(--ease);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}
.xc:hover .xi img{transform:translateY(-8px) scale(1.05)}
.xc h3{font-size:21px;font-weight:600;letter-spacing:-.01em;color:#fff}
.xc .xd{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.6)}
.xc .xd i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.xc .xz{position:absolute;inset:12px 12px auto auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:zoom-in;opacity:0;transition:.3s}
html[dir=rtl] .xc .xz{inset:12px auto auto 12px}
.xc:hover .xz,.xc:focus-visible .xz{opacity:1}
@media (hover:none){.xc .xz{opacity:.8}}
.xgrid.fade .xc{animation:xin .6s var(--ease) both}
@keyframes xin{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.mgrid.xgrid,.xgrid.mini{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media (max-width:1100px){.xgrid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){.xgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.xgrid{grid-template-columns:repeat(2,1fr);gap:10px}.xc{padding:16px 8px 14px;border-radius:20px}.xc .xi{height:210px}}

/* ===== LIGHTBOX ===== */
.lb{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:1fr auto;background:radial-gradient(ellipse at 50% 35%,rgba(30,52,38,.97),rgba(4,8,6,.985));backdrop-filter:blur(14px);animation:lbin .35s var(--ease)}
.lb[hidden]{display:none}
@keyframes lbin{from{opacity:0}to{opacity:1}}
.lb-st{display:grid;place-items:center;overflow:hidden;padding:64px 70px 10px;min-height:0;cursor:zoom-in}
.lb.zoom .lb-st{cursor:zoom-out}
.lb-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .5s var(--ease),transform .6s var(--ease);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.lb-img.in{opacity:1;transform:none}
.lb-img{max-height:calc(100svh - 150px)}@media (max-width:700px){.lb-img{max-height:calc(100svh - 230px)}}
.lb.zoom .lb-img{transform:scale(2.1);transition:transform .45s var(--ease);cursor:zoom-out}
.lb.lbph .lb-img{border-radius:18px;filter:none}
.lb-cap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(22px,5vw) calc(18px + env(safe-area-inset-bottom))}
.lb-cap small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.lb-cap b{font-size:clamp(22px,3vw,34px);letter-spacing:-.02em}
.lb-x,.lb-n{position:absolute;z-index:3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .25s}
.lb-x:hover,.lb-n:hover{background:rgba(255,255,255,.2)}
.lb-x{inset:max(16px,env(safe-area-inset-top)) 18px auto auto}
html[dir=rtl] .lb-x{inset:max(16px,env(safe-area-inset-top)) auto auto 18px}
.lb-n{top:50%;translate:0 -50%}.lb-p{left:16px}.lb-nx{right:16px}
html[dir=rtl] .lb-p{left:auto;right:16px;transform:scaleX(-1)}html[dir=rtl] .lb-nx{right:auto;left:16px;transform:scaleX(-1)}
.lb.single .lb-n{display:none}
@media (max-width:700px){.lb-st{padding:60px 8px 6px}.lb-n{top:auto;bottom:90px;translate:none}.lb-n.lb-p{left:12px}.lb-n.lb-nx{right:12px}.lb-cap{padding-bottom:calc(76px + env(safe-area-inset-bottom));flex-wrap:wrap}}

/* ===== KAPI SAHNESİ (koyu) ===== */
.mstage,.cs-stage{background:radial-gradient(ellipse 60% 50% at 50% 38%,#2c4a36 0%,#12201a 55%,#07100a 100%)!important;border:1px solid rgba(217,185,138,.22)!important;box-shadow:0 50px 90px -50px rgba(0,0,0,.9)!important}
.dname{color:var(--gold-l)!important;font-size:15px!important}
.dwrap canvas,.dwrap .dfb{filter:drop-shadow(0 28px 26px rgba(0,0,0,.6))!important}
.sdot{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 3px 8px -3px rgba(0,0,0,.6)!important}
.sdot[aria-pressed="true"]{box-shadow:0 0 0 2px #0b140f,0 0 0 4px var(--gold)!important}
.sdiv{background:rgba(255,255,255,.25)!important}

/* ===== RENK STÜDYOSU ===== */
.cs{background:linear-gradient(#050a07,var(--green-dd));overflow:hidden}
.cs-stage{border-radius:40px;padding:clamp(24px,4vw,56px) clamp(16px,3vw,40px);min-height:min(700px,86svh);display:grid;place-items:center;position:relative}
.cs-stage .dwrap canvas,.cs-stage .dwrap .dfb{max-height:min(560px,62svh)!important}
.cs-stage .sdot{width:42px;height:42px}
.cs-glow{position:absolute;inset:auto 0 -30% 0;height:60%;background:radial-gradient(closest-side,rgba(217,185,138,.18),transparent);pointer-events:none}
#csModels{display:flex;gap:10px;overflow-x:auto;padding:22px 4px 6px;scrollbar-width:none;justify-content:safe center}
#csModels::-webkit-scrollbar{display:none}
.cm{flex:none;width:76px;display:grid;gap:6px;justify-items:center;background:none;border:0;cursor:pointer;color:rgba(255,255,255,.6);font-size:12px;padding:8px 4px;border-radius:14px;transition:.3s}
.cm img{height:92px;width:auto;object-fit:contain;filter:grayscale(.5) brightness(.8);transition:.3s}
.cm:hover img{filter:none}
.cm[aria-pressed="true"]{color:var(--gold-l);background:rgba(217,185,138,.1)}
.cm[aria-pressed="true"] img{filter:none;transform:translateY(-3px)}
.cs-foot{display:flex;justify-content:center;margin-top:26px}

/* ===== HAKKIMIZDA ===== */
.about{background:#f5f2ec;color:#1d1d1f;padding-bottom:clamp(70px,10vw,130px)}
.ab-top{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,90px);align-items:center}
.ab-top .eyebrow{color:#9a7440}
.ab-top h2{font-size:clamp(38px,5.6vw,72px);line-height:1.04;font-weight:700;letter-spacing:-.035em;margin-bottom:26px;color:var(--green)}
.ab-top p{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#4a4a4f;margin-bottom:16px}
.ab-photo{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 70px -35px rgba(0,0,0,.5)}
.ab-photo img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.ab-badge{position:absolute;inset:auto 18px 18px 18px;z-index:2;display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:20px;background:rgba(13,26,18,.78);backdrop-filter:blur(14px);color:#fff}
.ab-badge b{font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--gold)}
.ab-badge span{font-size:14px;line-height:1.25;color:rgba(255,255,255,.85)}
.ab-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(40px,6vw,76px)}
.ab-v{background:#fff;border-radius:26px;padding:28px 24px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.ab-v i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--green);color:var(--gold);margin-bottom:18px}
.ab-v h3{font-size:22px;letter-spacing:-.02em;margin-bottom:8px;color:var(--green)}
.ab-v p{font-size:15px;color:#5b5b60;line-height:1.5}
.ab-meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:34px;align-items:center;justify-content:center}
.ab-meta span{padding:9px 16px;border-radius:980px;background:var(--green);color:var(--gold-l);font-size:13.5px;font-weight:600;letter-spacing:.02em}
.ab-meta small{flex-basis:100%;text-align:center;color:#7a7a80;font-size:14px;margin-top:8px}
@media (max-width:960px){.ab-top{grid-template-columns:1fr}.ab-photo{aspect-ratio:4/3}.ab-vals{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ab-vals{grid-template-columns:1fr}}

/* ===== GALERİ (büyütme) ===== */
.gal figure{cursor:zoom-in}
.gal figure::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.18));pointer-events:none}

/* ===== VİDEOLAR ===== */
.vbox.vloc{aspect-ratio:16/9;background:#000}
.fsc .vbox.vloc{aspect-ratio:9/16}
.vbox video{height:100%}
.vlbl{position:absolute;inset:auto 0 0 0;padding:30px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-weight:600;font-size:15px;pointer-events:none}

/* ===== ÜRÜN SAYFASI ===== */
.mpage{background:radial-gradient(ellipse 80% 40% at 50% 0%,#17281e,var(--green-dd) 70%)}
.minfo .lead{margin-top:14px}
.dline{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:14.5px;margin:-8px 0 0}
.dline i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.mother{background:var(--green-dd);color:#fff}
.mother h2{color:#fff}
.mgrid.xgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.phead{background:radial-gradient(ellipse 80% 90% at 50% 0%,#1d3426,var(--green-dd))}
.page .bar{margin-top:10px}
.page .bar .tabs button{background:rgba(255,255,255,.08);color:rgba(255,255,255,.78)}
.page .bar .tabs button[aria-selected="true"]{background:var(--gold);color:var(--green-d)}
.page .bar select{background:rgba(255,255,255,.1);color:#fff}
.page .bar select option{color:#000}
.page section{background:var(--green-dd)}
@media (prefers-reduced-motion:reduce){.xc,.xc *{transition:none!important}.hx-hint i{animation:none}.man p span{opacity:1}.film .vwrap{transform:none}}
@media (max-width:960px){.qgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.qgrid{grid-template-columns:1fr}}
@media (max-width:820px){.hx-txt{top:calc(50% - 31svh)}.hx-txt .cta{margin-top:20px}.hx-stage{margin:38svh 0 0}.hx-leaf img{height:min(42svh,480px)}.hx-hint{bottom:10px}.hx-hint i{height:24px}}
body.page{background:var(--green-dd)}

/* ===== TEKNOLOJİ görselli kartlar ===== */
.card.big{background-image:linear-gradient(90deg,rgba(13,26,18,.92) 0%,rgba(13,26,18,.45) 55%,rgba(13,26,18,.15) 100%),var(--bg);background-size:cover;background-position:center}
.card.pic{background-image:linear-gradient(0deg,rgba(7,10,8,.94) 0%,rgba(7,10,8,.5) 55%,rgba(7,10,8,.2) 100%),var(--bg);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.card.pic p{color:rgba(255,255,255,.78)}.card.pic .ic{background:rgba(217,185,138,.18)}
.detb{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.detb figure{border-radius:24px;overflow:hidden;aspect-ratio:4/5;cursor:zoom-in;background:#ddd}
.detb img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.detb figure:hover img{transform:scale(1.06)}
@media (max-width:760px){.detb{grid-template-columns:1fr 1fr}}
.anat img.layers{object-fit:contain!important;background:#000!important;aspect-ratio:1200/760!important;height:auto!important;border-radius:28px}
.fdoor{background:#fff;border-radius:30px;padding:10px;cursor:zoom-in;box-shadow:0 40px 70px -40px #000}
.fdoor img{width:100%;height:auto;border-radius:22px}
.fire .split{align-items:center}

/* ===== ortalama düzeltmeleri ===== */
.hx-stage{margin-inline-start:0!important}
.hx-txt{max-width:min(400px,28vw)}
.hx-txt h1{font-size:clamp(38px,4.4vw,66px)}
.hx-txt .lead{font-size:clamp(16px,1.35vw,19px)}
@media (max-width:1100px){
  .hx-txt{inset-inline:20px;max-width:none;top:calc(50% - 31svh);text-align:center;translate:0 -50%}
  .hx-txt h1,.hx-txt .lead{text-align:center}.hx-txt .cta{justify-content:center}.hx-txt .lead{display:none}
  .hx-stage{margin:38svh 0 0!important}.hx-leaf img{height:min(42svh,480px)}
}
.dstage{position:relative}
@media (min-width:601px){.dsw{position:absolute;inset-inline-start:clamp(6px,1.6vw,22px);top:50%;translate:0 -50%}
 .dstage{justify-content:center!important}}
@media (max-width:600px){.dsw{position:static}}

/* ===== TEKNİK ÇİZİM ===== */
.tk{margin-top:70px}
.tkh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.tkh h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.025em}
.tkh p{color:rgba(255,255,255,.6)}
.tkh .tabs{margin:0}
.tksheet{position:relative;background:#fff;border-radius:26px;overflow:hidden;max-width:760px;margin:0 auto;cursor:zoom-in;box-shadow:0 40px 80px -40px #000}
.tksheet img{width:100%;height:auto;display:block}
.tkv{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1.5px solid var(--red);border-radius:4px;color:var(--red);font-weight:800;font-size:clamp(8px,1.3vw,12px);padding:1px 4px;line-height:1.25;white-space:nowrap}

/* ===== RENK KARTELASI ===== */
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kc{position:relative;border-radius:22px;overflow:hidden;background:#0c1510;border:1px solid var(--line);cursor:zoom-in;transition:transform .5s var(--ease),border-color .3s}
.kc:hover{transform:translateY(-6px);border-color:rgba(217,185,138,.5)}
.kimg{aspect-ratio:15/8;background-size:cover;background-position:center;position:relative}
.kimg em{position:absolute;inset:10px auto auto 10px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(13,26,18,.8);color:var(--gold-l);padding:4px 10px;border-radius:980px}
.kt{padding:14px 16px 16px;display:grid;gap:2px}.kt b{font-size:16px}.kt span{font-size:13px;color:rgba(255,255,255,.55)}
.kcp{position:absolute;inset:auto 12px 12px auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
html[dir=rtl] .kcp{inset:auto auto 12px 12px}
.kcp.ok{background:var(--gold);color:var(--green-d)}
.knote{margin:34px auto 24px;text-align:center;color:rgba(255,255,255,.55);max-width:640px;font-size:14px}
.cs-foot{gap:12px;flex-wrap:wrap}
@media (max-width:1000px){.kgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.kgrid{grid-template-columns:1fr 1fr;gap:10px}}

/* ===== DÜNYA HARİTASI ===== */
.exp{background:radial-gradient(ellipse 90% 70% at 50% 40%,#16301f,var(--green-dd))}
.wm-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.wm-n{display:flex;align-items:baseline;gap:10px}.wm-n b{font-size:clamp(54px,8vw,96px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,var(--gold-l),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.wm-n span{color:rgba(255,255,255,.7);font-size:18px}
.wm-r{display:flex;gap:6px;flex-wrap:wrap}
.wm-r button{height:38px;padding:0 16px;border-radius:19px;border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);cursor:pointer;font-size:14px;transition:.3s}
.wm-r button[aria-pressed="true"]{background:var(--gold);color:var(--green-d);font-weight:600}
.wm{position:relative;width:100%;aspect-ratio:1400/560;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(26,46,34,.9),rgba(7,16,10,.9));border:1px solid rgba(217,185,138,.18)}
.wm canvas,.wm svg,#wmp{position:absolute;inset:0;width:100%;height:100%}
.wm svg{pointer-events:none}
.arc{fill:none;stroke:rgba(217,185,138,.16);stroke-width:1;transition:stroke .3s}
.arc.on{stroke:var(--gold);stroke-width:1.8;stroke-dasharray:6 5;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-22}}
#wmp .pin{position:absolute;width:22px;height:22px;translate:-50% -50%;border:0;background:none;cursor:pointer;padding:0}
#wmp .pin i{position:absolute;inset:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(217,185,138,.6);animation:pulse 2.6s infinite}
#wmp .pin.on i{inset:4px;background:#fff;box-shadow:0 0 18px 4px rgba(217,185,138,.9);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,185,138,.55)}70%{box-shadow:0 0 0 9px rgba(217,185,138,0)}100%{box-shadow:0 0 0 0 rgba(217,185,138,0)}}
#wmp .hub{position:absolute;width:30px;height:30px;translate:-50% -50%;pointer-events:none}
#wmp .hub i{position:absolute;inset:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 22px 6px rgba(181,67,46,.8)}
.wm-tip{position:absolute;translate:-50% calc(-100% - 14px);background:rgba(7,16,10,.92);border:1px solid rgba(217,185,138,.5);color:#fff;padding:6px 12px;border-radius:980px;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:3}
.wm-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;justify-content:center}
.wm-l button{height:34px;padding:0 14px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font-size:13.5px;cursor:pointer;transition:.25s}
.wm-l button.on{background:var(--gold);color:var(--green-d);border-color:var(--gold)}
@media (max-width:700px){.wm{aspect-ratio:1400/760;border-radius:22px}#wmp .pin{width:20px;height:20px}}
.kc,.kt b{color:#fff}

/* ===== HERO v2: fabrika ===== */
.hf{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 0 34px;overflow:hidden;background:#0d1a12}
.hf-bg{position:absolute;inset:-4% 0 0 0;will-change:transform}
.hf-s{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity 1.6s var(--ease)}
.hf-s.on{opacity:1;animation:kb 14s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14)}}
.hf-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,10,.88) 0%,rgba(7,16,10,.55) 42%,rgba(7,16,10,.08) 78%),linear-gradient(0deg,rgba(7,16,10,.85) 0%,transparent 38%)}
html[dir=rtl] .hf-shade{background:linear-gradient(270deg,rgba(7,16,10,.88) 0%,rgba(7,16,10,.55) 42%,rgba(7,16,10,.08) 78%),linear-gradient(0deg,rgba(7,16,10,.85) 0%,transparent 38%)}
.hf-in{position:relative;z-index:2;margin-bottom:clamp(30px,6vw,70px)}
.hf-in h1{font-size:clamp(46px,7.6vw,112px);max-width:900px;text-align:start}
.hf-in .lead{margin:20px 0 30px;max-width:560px;text-align:start;color:rgba(255,255,255,.88)}
.hf-in .cta{justify-content:flex-start}
.pill.glass{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);gap:10px}
.pill.glass:hover{background:rgba(255,255,255,.24)}
.pill.glass .pl{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--gold)}
html[dir=rtl] .pill.glass .pl{transform:scaleX(-1)}
.hf-st{position:relative;z-index:2}
.hf-glass{display:grid;grid-template-columns:repeat(4,1fr);border-radius:26px;background:rgba(13,26,18,.5);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.16);overflow:hidden}
.hf-glass .stat{background:none;padding:22px 12px;border-inline-start:1px solid rgba(255,255,255,.1)}
.hf-glass .stat:first-child{border-inline-start:0}
.hf-glass .stat b{font-size:clamp(26px,3.6vw,46px)}
@media (max-width:700px){.hf-glass{grid-template-columns:1fr 1fr}.hf-glass .stat:nth-child(3){border-inline-start:0}.hf-glass .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}.hf-glass .stat{padding:14px 8px}.hf-shade{background:linear-gradient(0deg,rgba(7,16,10,.92) 0%,rgba(7,16,10,.5) 55%,rgba(7,16,10,.15) 100%)}}

/* kapı kartı gölge düzeltmesi */
.xc .xi{display:block}
.xc .xi img{position:absolute;inset:0 0 14px 0;width:100%;height:calc(100% - 14px);max-height:none;object-fit:contain}
.xc .xi::after{bottom:0}

/* ===== RENGE GÖRE SEÇ ===== */
.ccbar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:-8px 0 34px}
.ccl{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ccg{display:flex;align-items:center;gap:10px}
.ccg .sdot{width:34px;height:34px}.ccg .sdiv.v{width:1px;height:24px;display:block}
.ccn{min-width:96px;color:rgba(255,255,255,.85);font-size:14px;font-weight:600}
.ccx{height:32px;padding:0 14px;border-radius:16px;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:13px}

/* ===== YENİ RENKLER ===== */
.newc{background:linear-gradient(var(--green-dd),#0a1510)}
.ngrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ncard{display:block;border:0;padding:0;text-align:start;cursor:pointer;color:#fff;border-radius:28px;overflow:hidden;background:#0c1510;border:1px solid var(--line);transition:transform .5s var(--ease),border-color .3s}
.ncard:hover{transform:translateY(-8px);border-color:rgba(217,185,138,.55)}
.ncard .tx{aspect-ratio:3/4;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.ncard:hover .tx{transform:scale(1.06)}
.ncard{position:relative}.ncard .tx{margin:0}
.ncard .t{padding:18px 20px 20px;display:grid;gap:2px}.ncard .t b{font-size:20px}.ncard .t span{font-size:14px;color:var(--gold)}
@media (max-width:860px){.ngrid{grid-template-columns:1fr 1fr}}

/* görsel bantlar */
.qban{height:clamp(160px,26vw,320px);background-size:cover;background-position:center 40%;position:relative;margin-bottom:clamp(40px,6vw,80px)}
.qban::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(245,245,247,0) 55%,var(--bg))}
.cphoto{height:clamp(150px,18vw,220px);border-radius:26px;background-size:cover;background-position:center;margin-bottom:16px}

/* ===== ürün sayfası teknik çizim düzeni ===== */
.tk{margin-top:60px}
.tkg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:start}
.tkg .tksheet{max-width:none;margin:0}
.tkt{display:grid;gap:1px;background:rgba(255,255,255,.1);border-radius:18px;overflow:hidden;margin-top:18px}
.tkt div{display:flex;justify-content:space-between;gap:16px;background:#0c1510;padding:14px 18px;font-size:15px}
.tkt span{color:rgba(255,255,255,.55)}
@media (max-width:900px){.tkg{grid-template-columns:1fr}}
.ccg{flex-wrap:wrap;justify-content:center;max-width:100%}
@media (max-width:600px){.ccg .sdot{width:30px;height:30px}.ccn{width:100%;text-align:center}}

/* renk düğmeleri kapının altında, kapı tam ortada */
.dstage{flex-direction:column-reverse!important;gap:18px!important}
.dsw{position:static!important;translate:none!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:14px!important}
.sgrp{display:flex!important;gap:10px!important}
.sdiv{width:1px!important;height:24px!important}
.dwrap{z-index:1}

/* [INDREF-NAV] menü 11+ bağlantıya çıktı: bağlantılar tek satır; 1280 px altında açılır (hamburger) menüye geç */
.links a{white-space:nowrap}
@media (min-width:1281px){ .links{gap:15px;font-size:12.5px} nav .wrap{gap:16px;width:min(1480px,100% - 48px)} }
@media (min-width:961px) and (max-width:1280px){
  .links{position:fixed;inset:56px 0 auto 0;flex-direction:column;gap:0;background:rgba(13,26,18,.97);padding:10px 24px 24px;display:none;margin:0;font-size:13px}
  .links.open{display:flex}
  .links a{padding:16px 0;font-size:19px;border-bottom:1px solid rgba(255,255,255,.08)}
  .burger{display:block;margin-inline-start:auto}
  .lang{margin-inline-start:0}
  nav .pill{display:none}
}
/* [/INDREF-NAV] */