:root{--accent:#3B9BFF;--ink:#0F172A;--paper:#fff;--route:#fff;--font:'Inter Tight';--ui:'Inter Tight';--W:540px;--H:960px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:var(--W);height:var(--H);overflow:hidden;background:#000}
#stage{position:relative;width:var(--W);height:var(--H);overflow:hidden;font-family:var(--ui),sans-serif;color:#fff}
#m{position:absolute;inset:-20px;will-change:filter}
.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{display:none!important}
#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 62%,rgba(0,0,0,.35) 100%)}
.ov{position:absolute;opacity:0}
#attr{position:absolute;left:12px;bottom:5px;font:400 6px/1 var(--ui);color:rgba(255,255,255,.55);white-space:nowrap}
#frame{display:none}

/* ---------- ortak iskelet (yerleşim; renk ve biçim şablon bloklarında) ---------- */
/* iri m²: parselin üstünde */
#area{position:absolute;left:0;top:0;opacity:0;display:flex;align-items:baseline;gap:4px;white-space:nowrap;pointer-events:none;font:800 64px/1 var(--ui);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#area span{font:700 .5em/1 'Inter Tight',sans-serif;letter-spacing:0;-webkit-text-stroke:0}
/* pin: ikon + ada/parsel etiketi */
#pin{position:absolute;left:0;top:0;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;opacity:0}
#pin .tag{background:#fff;color:var(--ink);padding:6px 10px;border-radius:999px;white-space:nowrap;font:700 11px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
#pin .tag span:empty{display:none}
#pin .stem{display:none}
#pin .dot{width:34px;height:34px;color:var(--accent);filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
#pin .dot svg{width:100%;height:100%;fill:currentColor}
#ring{position:absolute;left:0;top:0;width:0;height:0;opacity:0}
#ring i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:3px solid #fff;background:var(--accent)}
/* rota uç etiketleri */
#labels{position:absolute;inset:0;pointer-events:none}
.lbl{position:absolute;left:0;top:0;opacity:0;transform:translate(-5px,-5px)}
.lbl i{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--route);border:2px solid #fff}
.lbl span{position:absolute;left:12px;bottom:6px;display:flex;gap:6px;align-items:baseline;white-space:nowrap;background:rgba(10,18,36,.85);color:#fff;padding:5px 8px;border-radius:999px;font:600 10.5px/1 var(--ui)}
.lbl em{font-style:normal;font-weight:700;color:var(--route)}
/* açılış */
#title{left:30px;right:30px;top:150px;text-align:center}
#title .kicker{display:inline-block;font:700 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
#title h1{font:800 66px/1 var(--font);text-transform:uppercase;letter-spacing:.01em;margin-top:12px}
#title .sub{font:700 14px/1.2 var(--ui);letter-spacing:.2em;text-transform:uppercase;margin-top:8px}
#title .hl{font:500 15px/1.35 var(--ui);margin-top:12px}
#title .hl:empty{display:none}
/* kartlar */
.card{left:20px;right:20px;top:56px;padding:14px 16px}
.card .kh{font:800 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase}
.card .sh{font:500 10px/1.3 var(--ui);opacity:.65;margin:5px 0 8px}
.card .row{display:flex;align-items:center;gap:10px;padding:7px 0}
.card .ic{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.card .ic svg{width:16px;height:16px}
.card .k{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.card .kn{font:700 15px/1.15 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .k small{font:600 9px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.card .v{flex:none;font:800 15px/1 var(--ui);text-align:right}
.card .d{flex:none;font:500 11px/1 var(--ui);opacity:.65;min-width:38px;text-align:right}
/* mesafeler: ayrı haplar, sol üst */
#cNear{right:auto;width:320px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0}
#cNear .kh{display:inline-block;margin-bottom:6px}
#cNear .sh{display:none}
#cNear .row{padding:8px 10px 8px 8px;margin-bottom:7px}
#cNear .v{padding:6px 10px;border-radius:999px;min-width:58px;text-align:center}
#cNear .d{display:none}
/* alt bant (reels güvenli alanı: altta boşluk kalır) */
#bar{left:0;right:0;top:722px;height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}
#bar div{display:flex;flex-direction:column;gap:4px}
#bar .r{text-align:right;align-items:flex-end}
/* bandın altı (reels arayüzünün kapladığı alan) kararır: bant haritanın ortasında yüzüyormuş gibi durmaz */
#bar:after{content:"";position:absolute;left:0;right:0;top:100%;height:240px;background:linear-gradient(180deg,rgba(8,12,24,.5),rgba(8,12,24,.72));pointer-events:none}
.t-kurumsal #bar:after{left:-16px;right:-16px;top:calc(100% + 8px)}
#bar span{font:700 10px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
#bar b{font:800 24px/1 var(--ui);letter-spacing:.01em}
#bar .l b{text-transform:uppercase}
/* altyazı: alt bandın hemen üstü, o an söylenen kelime vurgulu */
#sub{position:absolute;left:28px;right:28px;bottom:262px;text-align:center;opacity:0}
#sub span{font:700 20px/1.35 var(--ui);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.6)}
#sub em{font-style:normal;color:var(--accent)}
/* kapanış kartı */
#end{inset:0;display:flex;align-items:center;justify-content:center;padding:0 46px}
.endin{width:100%;padding:26px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center}
#end .kicker{font:700 10px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;opacity:.7}
#end .who{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}
#end .mark{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:800 21px/1 var(--ui)}
#end .mark:empty{display:none}
#end .logo{display:none;align-items:center;justify-content:center;margin-top:16px;background:#fff;border-radius:10px;padding:10px 16px;max-width:100%}
#end .logo img{display:block;max-width:220px;max-height:56px;object-fit:contain}
#end.has-logo .logo{display:flex}
#end.has-logo .who{margin-top:12px}
#eName{font:800 22px/1.15 var(--ui)}
#eFirm{font:500 11px/1.3 var(--ui);opacity:.7;margin-top:4px}
#ePhone{font:800 24px/1.1 var(--ui);margin-top:14px;letter-spacing:.02em}
#ePhone:empty,#eName:empty{display:none}
#end .cta{margin-top:16px;width:100%;font:700 13px/1 var(--ui);padding:13px 14px;border-radius:999px}
#end .facts{margin-top:12px;font:500 10px/1.4 var(--ui);opacity:.6}

/* =====================================================================
   1) GECE — lacivert buzlu cam, mavi parlama
   2) PRESTİJ (Altın) — aynı cam düzeni, siyah ve altın
   ===================================================================== */
.t-gece{--glass:rgba(13,16,44,.76);--line:rgba(64,220,230,.36);--glow:rgba(46,197,211,.40);--hi:#2EC5D3;--hi2:#8EF0F7;--txt:#E8FBFF}
.t-prestij{--glass:rgba(26,20,14,.80);--line:rgba(217,168,108,.45);--glow:rgba(217,168,108,.30);--hi:#D9A86C;--hi2:#F1D3A6;--txt:#FBF3E6}
:is(.t-gece,.t-prestij) #shade{background:radial-gradient(120% 80% at 50% 45%,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,.45) 100%)}
:is(.t-gece,.t-prestij) :is(.card,#bar,.endin,#cNear .row){background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 0 22px var(--glow),inset 0 1px 0 rgba(255,255,255,.08);color:var(--txt)}
:is(.t-gece,.t-prestij) .card{border-radius:14px}
:is(.t-gece,.t-prestij) .card .kh{color:var(--hi)}
:is(.t-gece,.t-prestij) .card .v{color:var(--hi2)}
:is(.t-gece,.t-prestij) .card .ic{background:rgba(255,255,255,.08);color:var(--hi2)}
:is(.t-gece,.t-prestij) .card .row+.row{border-top:1px solid rgba(255,255,255,.07)}
:is(.t-gece,.t-prestij) #cNear .kh{background:var(--glass);border:1px solid var(--line);padding:6px 10px;border-radius:999px}
:is(.t-gece,.t-prestij) #cNear .row{border-radius:14px;border-top:1px solid var(--line)}
:is(.t-gece,.t-prestij) #cNear .v{background:linear-gradient(180deg,var(--hi2),var(--hi));color:#06101f;box-shadow:0 0 14px var(--glow)}
:is(.t-gece,.t-prestij) #title .kicker{border:1px solid var(--line);background:var(--glass);color:var(--txt)}
:is(.t-gece,.t-prestij) #title h1{color:#fff;text-shadow:0 0 18px var(--glow),0 0 42px var(--glow),0 2px 4px rgba(0,0,0,.6)}
:is(.t-gece,.t-prestij) #title .sub{color:var(--hi2);text-shadow:0 1px 6px rgba(0,0,0,.8)}
:is(.t-gece,.t-prestij) #area{color:#fff;text-shadow:0 0 18px var(--glow),0 0 36px var(--glow),0 2px 6px rgba(0,0,0,.7)}
:is(.t-gece,.t-prestij) #bar{border-radius:0;border-left:0;border-right:0;border-bottom:0;border-top:1px solid var(--hi)}
:is(.t-gece,.t-prestij) #bar .r b{color:var(--hi2)}
:is(.t-gece,.t-prestij) #bar span{color:var(--txt)}
:is(.t-gece,.t-prestij) #pin .dot{color:var(--hi);filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 3px 6px rgba(0,0,0,.5))}
:is(.t-gece,.t-prestij) #pin .tag{background:var(--glass);color:var(--txt);border:1px solid var(--line)}
:is(.t-gece,.t-prestij) .lbl span{background:var(--glass);border:1px solid var(--line)}.t-gece .lbl em{color:var(--hi2)}.t-prestij .lbl em{color:var(--hi2)}
:is(.t-gece,.t-prestij) .lbl i{background:var(--hi);box-shadow:0 0 10px var(--glow)}
:is(.t-gece,.t-prestij) #ring i{background:var(--hi);box-shadow:0 0 18px var(--glow)}
:is(.t-gece,.t-prestij) #sub em{color:var(--hi2)}
:is(.t-gece,.t-prestij) .endin{border-radius:20px}
:is(.t-gece,.t-prestij) #end .mark{background:radial-gradient(circle at 35% 30%,var(--hi2),var(--hi));color:#06101f;box-shadow:0 0 22px var(--glow)}
:is(.t-gece,.t-prestij) #ePhone{color:var(--hi2)}
:is(.t-gece,.t-prestij) #end .cta{background:linear-gradient(180deg,var(--hi2),var(--hi));color:#06101f;box-shadow:0 0 18px var(--glow)}
.t-prestij #title h1,.t-prestij #area{font-family:'Fraunces';font-weight:600;text-transform:none}
.t-prestij #title h1{font-size:62px}

/* =====================================================================
   3) DOĞA (Zümrüt) — köşeli koyu yeşil bloklar, sekme etiketleri, nane vurgu
   ===================================================================== */
.t-doga{--g:#3E5622;--g2:#2C3E17;--mint:#C6E06B;--cream:#F3EBD3}
.t-doga :is(.card,#bar){background:var(--g);color:#fff;border-radius:0;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.t-doga .card{padding-top:16px}
.t-doga .card .kh{position:absolute;top:-11px;left:16px;background:#fff;color:var(--g);padding:5px 8px;font-size:10px}
.t-doga .card .sh{margin-top:4px;color:#d7f5ea}
.t-doga .card .v{color:var(--mint)}
.t-doga .card .ic{background:rgba(255,255,255,.1);color:var(--mint);border-radius:4px}
.t-doga .card .row+.row{border-top:1px solid rgba(255,255,255,.12)}
.t-doga #cNear{padding-top:4px}
.t-doga #cNear .kh{position:static;margin-bottom:8px}
.t-doga #cNear .row{background:var(--g);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.t-doga #cNear .v{background:var(--mint);color:var(--g2);border-radius:3px}
.t-doga #title{left:30px;right:auto;text-align:left;top:140px;background:var(--g);padding:18px 22px 18px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.t-doga #title .kicker{position:absolute;top:-11px;left:22px;background:#fff;color:var(--g);border-radius:0;padding:5px 8px;font-size:10px}
.t-doga #title h1{font:400 54px/1 'DM Serif Display';text-transform:none;margin-top:2px}
.t-doga #title .sub{color:var(--mint);letter-spacing:.14em}
.t-doga #area{font:400 64px/1 'DM Serif Display';color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.t-doga #bar{top:732px;height:62px}
.t-doga #bar:before{content:"ARAZİ";position:absolute;top:-20px;left:24px;background:#fff;color:var(--g);font:800 9.5px/1 var(--ui);letter-spacing:.16em;padding:5px 8px}
.t-doga #bar .r b{color:var(--mint)}
.t-doga #sub em{color:var(--mint)}
.t-doga #pin .dot{color:#fff}
.t-doga #pin .tag{background:var(--g);color:#fff;border-radius:0}
.t-doga .lbl span{background:var(--g);border-radius:0}.t-doga .lbl em{color:var(--mint)}
.t-doga .lbl i{background:var(--mint);border-color:var(--g)}
.t-doga #ring i{background:var(--mint);border-color:var(--g)}
.t-doga #end{padding:0 40px}
.t-doga .endin{background:#fff;color:#123;border-radius:0;align-items:flex-start;text-align:left;padding:0;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.t-doga #end .kicker{width:100%;background:var(--g);color:#fff;opacity:1;padding:16px 22px}
.t-doga #end .who{flex-direction:row;margin:18px 22px 0;gap:14px}
.t-doga #end .mark{border-radius:6px;background:var(--g);color:#fff;width:54px;height:54px}
.t-doga #eName{font-size:20px}
.t-doga #ePhone{margin:14px 22px 0;color:var(--g)}
.t-doga #end .cta{border-radius:0;background:var(--g);color:#fff;margin-top:18px}
.t-doga #end .facts{margin:0;padding:10px 22px 14px}

/* =====================================================================
   4) MİNİMAL (Buz) — beyaz, yuvarlak köşe, mavi haplar, aydınlık
   ===================================================================== */
.t-minimal{--b:#F2552C;--b2:#FFE3D9}
.t-minimal #shade{background:linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 65%,rgba(0,0,0,.18) 100%)}
.t-minimal :is(.card,.endin,#cNear .row){background:#fff;color:#0F172A;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.22)}
.t-minimal .card .kh{color:var(--b)}
.t-minimal .card .v{color:var(--b)}
.t-minimal .card .ic{background:var(--b2);color:var(--b)}
.t-minimal .card .row+.row{border-top:1px solid #EEF1F6}
.t-minimal #cNear .kh{background:var(--b);color:#fff;padding:6px 10px;border-radius:999px}
.t-minimal #cNear .v{background:var(--b);color:#fff}
.t-minimal #title{left:70px;right:70px;top:140px;background:#fff;color:#0F172A;border-radius:20px;padding:18px 16px 20px;box-shadow:0 14px 40px rgba(15,23,42,.25)}
.t-minimal #title .kicker{color:var(--b);padding:0;font-size:10px}
.t-minimal #title h1{font-size:50px;margin-top:6px;color:#0F172A}
.t-minimal #title .sub{color:#64748B;font-size:11px}
.t-minimal #area{color:#fff;text-shadow:0 2px 10px rgba(15,23,42,.6)}
.t-minimal #bar{background:#fff;color:#0F172A;box-shadow:0 -6px 24px rgba(15,23,42,.18)}
.t-minimal #bar span{color:#64748B}
.t-minimal #bar .r{flex-direction:row;align-items:center;gap:10px}
.t-minimal #bar .r span{display:none}
.t-minimal #bar .r b{background:var(--b);color:#fff;border-radius:999px;padding:9px 14px;font-size:19px}
.t-minimal #sub span{background:#fff;color:#0F172A;text-shadow:none;padding:5px 12px;border-radius:12px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:16px;line-height:1.7;box-shadow:0 6px 18px rgba(15,23,42,.2)}
.t-minimal #sub em{color:var(--b)}
.t-minimal #pin .dot{color:var(--b)}
.t-minimal #pin .tag{color:#0F172A;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.t-minimal .lbl span{background:#fff;color:#0F172A;box-shadow:0 3px 10px rgba(0,0,0,.25)}.t-minimal .lbl em{color:var(--b)}
.t-minimal .lbl i{background:var(--b)}
.t-minimal #ring i{background:var(--b)}
.t-minimal .endin{border-radius:22px}
.t-minimal #end .mark{background:var(--b);color:#fff}
.t-minimal #ePhone{color:#0F172A}
.t-minimal #end .cta{background:var(--b);color:#fff}

/* =====================================================================
   5) KURUMSAL (Pafta) — beyaz kart + sol mavi şerit, parlayan yol ağı
   ===================================================================== */
.t-kurumsal{--b:#FF6A13;--c:#FFB547}
.t-kurumsal #shade{background:linear-gradient(180deg,rgba(2,10,30,.35) 0,rgba(2,10,30,.12) 35%,rgba(2,10,30,.12) 65%,rgba(2,10,30,.45) 100%)}
.t-kurumsal :is(.card,#cNear .row,#bar){background:#fff;color:#0B1A33;border-radius:2px;border-left:5px solid var(--b);box-shadow:0 8px 26px rgba(0,0,0,.35)}
.t-kurumsal .card .kh{display:inline-block;background:var(--b);color:#fff;padding:5px 8px;border-radius:2px;font-size:9.5px}
.t-kurumsal .card .sh{color:#41506a}
.t-kurumsal .card .v{color:var(--b);font-family:'Space Grotesk'}
.t-kurumsal .card .ic{background:#FFEDE2;color:var(--b);border-radius:3px}
.t-kurumsal .card .row+.row{border-top:1px solid #E6EBF3}
.t-kurumsal #cNear .row{border-radius:2px}
.t-kurumsal #cNear .v{background:none;color:var(--b);padding:0 2px;min-width:0}
.t-kurumsal #title{left:24px;right:auto;top:130px;text-align:left;background:#fff;color:#0B1A33;border-left:5px solid var(--b);padding:14px 20px 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.t-kurumsal #title .kicker{background:var(--b);color:#fff;border-radius:2px;padding:5px 8px;font-size:9.5px}
.t-kurumsal #title h1{font:700 50px/1 'Space Grotesk';text-transform:none;letter-spacing:-.02em;margin-top:10px}
.t-kurumsal #title .sub{color:var(--b);letter-spacing:.02em;text-transform:none;font-size:15px}
.t-kurumsal #area{font-family:'Space Grotesk';font-weight:700;color:#fff;text-shadow:0 0 16px rgba(255,181,71,.7),0 2px 6px rgba(0,0,0,.7)}
.t-kurumsal #bar{left:16px;right:16px}
.t-kurumsal #bar .l b{text-transform:none;font-family:'Space Grotesk'}
.t-kurumsal #bar .r b{color:var(--b);font-family:'Space Grotesk'}
.t-kurumsal #bar span{color:#5b6b86}
.t-kurumsal #sub span{background:#fff;color:#0B1A33;text-shadow:none;padding:4px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:16px;line-height:1.75}
.t-kurumsal #sub em{color:var(--b);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.t-kurumsal #pin .dot{color:var(--c);filter:drop-shadow(0 0 8px rgba(255,181,71,.8))}
.t-kurumsal #pin .tag{border-radius:2px;border-left:4px solid var(--b)}
.t-kurumsal .lbl span{background:#fff;color:#0B1A33;border-radius:2px;border-left:3px solid var(--b)}.t-kurumsal .lbl em{color:var(--b)}
.t-kurumsal .lbl i{background:var(--c)}
.t-kurumsal #ring i{background:var(--c);box-shadow:0 0 14px rgba(255,181,71,.8)}
.t-kurumsal #end{padding:0 60px 0 24px;justify-content:flex-start}
.t-kurumsal .endin{background:none;align-items:flex-start;text-align:left;padding:0;gap:8px}
.t-kurumsal .endin>*{background:#fff;color:#0B1A33;border-left:5px solid var(--b);padding:10px 14px;margin:0!important;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.t-kurumsal #end .kicker{opacity:1;color:var(--b)}
.t-kurumsal #end .who{flex-direction:row;gap:12px}
.t-kurumsal #end .mark{border-radius:3px;background:var(--b);color:#fff;width:46px;height:46px;font-size:17px}
.t-kurumsal #eName{font:700 19px/1.15 'Space Grotesk'}
.t-kurumsal #ePhone{background:var(--b);color:#fff;font:700 24px/1 'Space Grotesk'}
.t-kurumsal #end .cta{background:var(--b);color:#fff;border-radius:2px;width:auto}
.t-kurumsal #end .facts{opacity:1;color:#41506a}

/* =====================================================================
   6) ENERJİK (Voltaj) — sarı-siyah, sert gölge, iri büyük harf
   ===================================================================== */
.t-enerjik{--y:#D4FF3A;--k:#0A0A0A}
.t-enerjik #stage{font-family:'Archivo',sans-serif}
.t-enerjik :is(.card,#cNear .row){background:var(--y);color:var(--k);border:3px solid var(--k);border-radius:0;box-shadow:6px 6px 0 var(--k)}
.t-enerjik .card .kh{display:inline-block;background:var(--k);color:var(--y);padding:6px 9px;font:900 12px/1 'Archivo';letter-spacing:.06em}
.t-enerjik .card .sh{color:var(--k);opacity:.75;font-weight:700}
.t-enerjik .card .kn{font:900 15px/1.1 'Archivo';text-transform:uppercase}
.t-enerjik .card .k small{opacity:.75}
.t-enerjik .card .v{font:900 16px/1 'Archivo';background:var(--k);color:var(--y);padding:6px 8px}
.t-enerjik .card .d{font-weight:800;opacity:.85}
.t-enerjik .card .ic{background:var(--k);color:var(--y);border-radius:0}
.t-enerjik .card .row+.row{border-top:2px solid var(--k)}
.t-enerjik #cNear .kh{box-shadow:4px 4px 0 rgba(0,0,0,.6)}
.t-enerjik #cNear{width:360px}
.t-enerjik #cNear .row{margin-bottom:10px}
.t-enerjik #cNear .v{border-radius:0}
.t-enerjik #title{left:24px;right:auto;top:150px;text-align:left}
.t-enerjik #title .kicker{background:var(--k);color:var(--y);border-radius:0;font:900 12px/1 'Archivo';padding:7px 10px}
.t-enerjik #title h1{display:inline-block;background:var(--y);color:var(--k);font:900 64px/.95 'Archivo';padding:10px 16px 8px;margin-top:6px;border:3px solid var(--k);box-shadow:8px 8px 0 var(--k)}
.t-enerjik #title .sub{display:inline-block;background:var(--k);color:#fff;font:900 18px/1 'Archivo';letter-spacing:.04em;padding:9px 12px;margin-top:14px}
.t-enerjik #title .hl{color:#fff;font-weight:800;text-shadow:0 2px 0 #000}
.t-enerjik #area{font:900 66px/1 'Archivo';color:var(--y);-webkit-text-stroke:2px var(--k);text-shadow:4px 4px 0 var(--k)}
.t-enerjik #bar{background:var(--y);color:var(--k);border-top:3px solid var(--k);border-bottom:3px solid var(--k)}
.t-enerjik #bar:before{content:"ARSA";position:absolute;top:-22px;left:24px;background:var(--k);color:var(--y);font:900 10px/1 'Archivo';letter-spacing:.08em;padding:6px 8px}
.t-enerjik #bar b{font:900 24px/1 'Archivo'}
.t-enerjik #bar span{font-weight:900;opacity:.9}
.t-enerjik #bar .r{flex-direction:row;align-items:center;gap:10px}
.t-enerjik #bar .r b{background:var(--k);color:#fff;padding:8px 11px}
.t-enerjik #sub{bottom:270px}
.t-enerjik #sub span{font:900 25px/1.15 'Archivo';text-transform:uppercase;color:#fff;text-shadow:0 0 2px #000,0 3px 0 #000,0 4px 14px rgba(0,0,0,.55)}
.t-enerjik #sub em{color:var(--y)}
.t-enerjik #pin .dot{color:var(--y);filter:drop-shadow(2px 2px 0 #000)}
.t-enerjik #pin .tag{background:var(--y);color:var(--k);border-radius:0;border:2px solid var(--k);font-weight:900}
.t-enerjik .lbl span{background:var(--y);color:var(--k);border-radius:0;border:2px solid var(--k);font:900 10.5px/1 'Archivo';text-transform:uppercase}.t-enerjik .lbl em{color:var(--k)}
.t-enerjik .lbl i{background:var(--y);border-color:var(--k);border-radius:0}
.t-enerjik #ring i{background:var(--y);border-color:var(--k);border-radius:0}
.t-enerjik .endin{background:var(--y);color:var(--k);border:3px solid var(--k);box-shadow:8px 8px 0 var(--k)}
.t-enerjik #end .kicker{font-weight:900;opacity:1;background:var(--k);color:var(--y);padding:6px 9px}
.t-enerjik #end .mark{border-radius:0;background:var(--k);color:var(--y);font-family:'Archivo';font-weight:900}
.t-enerjik #eName{font:900 22px/1.1 'Archivo';text-transform:uppercase}
.t-enerjik #ePhone{font:900 28px/1 'Archivo'}
.t-enerjik #end .cta{border-radius:0;background:var(--k);color:var(--y);font:900 13px/1 'Archivo';text-transform:uppercase;letter-spacing:.04em}
.t-enerjik #end .facts{font-weight:700;opacity:.8}

/* ---- farklılaştırma: kart biçimleri ---- */
/* Lacivert: köşeler daha keskin, değerler köşeli çip, açılış etiketi çizgi */
.t-gece .card,.t-gece .endin{border-radius:8px}
.t-gece #cNear .row{border-radius:8px}
.t-gece #cNear .v{border-radius:6px}
.t-gece #cNear .kh,.t-gece #title .kicker{border-radius:4px}
.t-gece #pin .tag{border-radius:6px}
/* Şampanya: köşeli kartlar, dolgusuz değer etiketi, serif kapanış */
.t-prestij .card,.t-prestij .endin,.t-prestij #cNear .row{border-radius:2px}
.t-prestij #cNear .v{background:none;border:1px solid var(--hi);color:var(--hi2);box-shadow:none;border-radius:2px}
.t-prestij #cNear .kh,.t-prestij #title .kicker,.t-prestij #pin .tag{border-radius:2px}
.t-prestij #eName{font:600 24px/1.15 'Fraunces'}
.t-prestij #end .mark{border-radius:2px}
.t-prestij #end .cta{border-radius:2px}
/* Zeytin: hafif yuvarlak bloklar, krem sekmeler */
.t-doga .card,.t-doga #cNear .row,.t-doga #title{border-radius:6px}
.t-doga .card .kh,.t-doga #title .kicker,.t-doga #bar:before{background:var(--cream);color:var(--g);border-radius:3px}
.t-doga #cNear .v{border-radius:4px}
.t-doga .endin{border-radius:8px}
/* Pafta: şerit soldan üste */
.t-kurumsal :is(.card,#cNear .row,#bar),.t-kurumsal #title,.t-kurumsal .endin>*{border-left:0;border-top:4px solid var(--b)}
.t-kurumsal #pin .tag{border-left:0;border-top:3px solid var(--b)}
.t-kurumsal .lbl span{border-left:0;border-top:2px solid var(--b)}

/* logo zemini: açık kartlarda zeminsiz, köşeli şablonlarda köşeli */
.t-minimal #end .logo,.t-doga #end .logo{background:none;padding:0}
.t-doga #end .logo{margin:18px 22px 0}
.t-prestij #end .logo{border-radius:2px}
.t-kurumsal #end .logo{border-radius:0;padding:10px 14px}
.t-enerjik #end .logo{border-radius:0;border:3px solid var(--k)}

/* ---------- v2 (demo): kanca, kenar ölçüleri, kuzey oku, fiyat ve QR ---------- */
.v2 #title h1{font-size:72px;letter-spacing:-.01em;text-transform:none}
.v2 #title .hl{display:inline-block;margin-top:14px;font:800 30px/1 var(--ui);padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff}
.elbl{position:absolute;left:0;top:0;transform:translate(-50%,-50%);opacity:0;white-space:nowrap;background:rgba(15,23,42,.82);color:#fff;font:700 11px/1 var(--ui);padding:4px 7px;border-radius:999px;pointer-events:none}
.elbl.front{background:var(--accent);color:#fff}
#north{position:absolute;right:22px;top:610px;width:38px;height:38px;border-radius:50%;background:rgba(15,23,42,.78);display:flex;align-items:center;justify-content:center;opacity:0}
#north svg{position:absolute;width:22px;height:22px;fill:#fff;top:5px}
#north b{position:absolute;bottom:-16px;font:800 10px/1 var(--ui);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
#end .eprice{margin-top:10px;font:800 26px/1 var(--ui);color:var(--accent)}
#end .eqr{display:block;width:96px;height:96px;margin:12px auto 0;border-radius:6px;background:#fff;padding:4px}