/* =====================================================================
   VATAN2GLOBAL — Premium Tanıtım Sitesi
   Özgün Tasarım — Profesyonel UX
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ──── ROOT & RESET ──── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  /* Vurgu: koyu kırmızı / bordo — Tarantin altınından bilinçli ayrışım */
  --gold:         #a01828;
  --gold-light:   #d44050;
  --gold-bright:  #f07884;
  --gold-dim:     #4a080e;
  --gold-glow:    rgba(212,64,80,.24);
  --crimson:      #6a0a12;
  --bg:           #050304;
  --bg-2:         #0a0608;
  --bg-card:      #0f090b;
  --border:       rgba(160,24,40,.22);
  --border-hi:    rgba(212,64,80,.48);
  --text:         #d4c8c8;
  --text-dim:     #7a6668;
  --text-bright:  #f2e8ea;
  --green:        #2dcc82;
  --green-bg:     rgba(45,204,130,.08);
  --green-border: rgba(45,204,130,.25);
  --amber:        #e05060;
  --ff-display:   'Cinzel', Georgia, serif;
  --ff-hero:      'Barlow Condensed', 'Impact', sans-serif;
  --ff-body:      'Inter', system-ui, sans-serif;
  --ease-spring:  cubic-bezier(.34,1.56,.64,1);
  --ease-out:     cubic-bezier(.16,1,.3,1);
  /* Hacimli kart / panel */
  --v2g-lift:     0 20px 50px rgba(0,0,0,.5);
  --v2g-lift-hi:  0 28px 70px rgba(0,0,0,.58);
  --v2g-inset:    inset 0 1px 0 rgba(255,255,255,.07);
  --v2g-rim:      0 0 0 1px rgba(0,0,0,.4);
}
html { font-size: 15px; scroll-behavior: smooth; }
body {
  font-family: var(--ff-body);
  background:
    radial-gradient(ellipse 100% 60% at 50% -15%, rgba(160,24,40,.14) 0%, transparent 55%),
    radial-gradient(ellipse 70% 45% at 100% 40%, rgba(80,8,16,.12) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 0% 70%, rgba(40,4,10,.2) 0%, transparent 45%),
    var(--bg);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg-2); }
::-webkit-scrollbar-thumb { background: var(--gold-dim); border-radius: 3px; }

/* ──── PRELOADER ──── */
#v2g-preloader {
  position: fixed; inset: 0; z-index: 9999;
  background: var(--bg); display: flex; align-items: center; justify-content: center;
  transition: opacity .7s ease, visibility .7s ease;
}
#v2g-preloader.done { opacity: 0; visibility: hidden; pointer-events: none; }
.v2g-pl-logo { width: 120px; animation: plPulse 1.5s ease-in-out infinite; }
@keyframes plPulse {
  0%,100% { opacity:1; transform:scale(1); filter:drop-shadow(0 0 16px rgba(160,24,40,.5)); }
  50%      { opacity:.5; transform:scale(.88); filter:drop-shadow(0 0 4px rgba(160,24,40,.15)); }
}

/* ──── POPUP ──── */
.popup-overlay { display:none; position:fixed; inset:0; z-index:8000; background:rgba(0,0,0,.88); align-items:center; justify-content:center; padding:20px; }
.popup-overlay.is-open { display:flex; }
.popup-modal { background:#110e0b; border:1px solid var(--border); border-radius:14px; max-width:820px; width:100%; max-height:88vh; overflow-y:auto; padding:36px 40px; position:relative; }
.popup-title { font-family:var(--ff-display); color:var(--gold-light); font-size:1.3rem; margin-bottom:16px; border-bottom:1px solid var(--border); padding-bottom:12px; }
.popup-body { font-size:.82rem; line-height:1.75; color:#a09070; }
.popup-body h5 { color:var(--gold); margin:14px 0 6px; font-size:.88rem; }
.popup-body table { border-collapse:collapse; width:100%; margin:8px 0; }
.popup-body th,.popup-body td { border:1px solid var(--border); padding:6px 10px; font-size:.78rem; }
.popup-close { position:absolute; top:14px; right:18px; color:var(--text-dim); font-size:1.7rem; cursor:pointer; line-height:1; transition:color .2s; }
.popup-close:hover { color:var(--gold-light); }
.popup-lock { overflow:hidden; }

/* ──── SCROLL-REVEAL ──── */
[data-reveal] { opacity:0; transform:translateY(36px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out); }
[data-reveal].revealed { opacity:1; transform:translateY(0); }
[data-reveal="left"] { transform:translateX(-36px); }
[data-reveal="left"].revealed { transform:translateX(0); }
[data-reveal="right"] { transform:translateX(36px); }
[data-reveal="right"].revealed { transform:translateX(0); }
[data-delay="1"] { transition-delay:.1s; }
[data-delay="2"] { transition-delay:.2s; }
[data-delay="3"] { transition-delay:.3s; }
[data-delay="4"] { transition-delay:.4s; }
[data-delay="5"] { transition-delay:.5s; }
[data-delay="6"] { transition-delay:.6s; }

/* ──── HEADER ──── */
.v2g-header {
  position:fixed; top:0; left:0; right:0; z-index:200; height:68px;
  display:flex; align-items:center; justify-content:space-between; padding:0 32px;
  background:transparent;
  transition:background .4s ease, border-color .4s ease, backdrop-filter .4s ease;
  border-bottom:1px solid transparent;
}
.v2g-header.scrolled {
  background:rgba(6,2,4,.92);
  backdrop-filter:blur(22px) saturate(1.25);
  border-bottom-color:rgba(196,48,62,.22);
  box-shadow:0 12px 40px rgba(0,0,0,.35), 0 0 60px rgba(80,8,14,.08);
}
.v2g-logo { display:flex; align-items:center; gap:10px; }
.v2g-logo img { height:38px; width:auto; filter:drop-shadow(0 0 10px rgba(160,24,40,.4)); }

/* Desktop nav */
.v2g-nav { display:flex; align-items:center; gap:4px; }
.v2g-nav-link {
  position:relative; padding:8px 16px; border-radius:6px;
  font-size:.72rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--text-dim); transition:color .2s;
}
.v2g-nav-link::after {
  content:''; position:absolute; bottom:4px; left:50%; right:50%; height:1px;
  background:var(--gold); transition:left .25s var(--ease-out), right .25s var(--ease-out);
}
.v2g-nav-link:hover { color:var(--gold-light); }
.v2g-nav-link:hover::after { left:16px; right:16px; }

.v2g-header-cta {
  padding:9px 22px; border-radius:7px;
  background:linear-gradient(145deg, var(--gold-dim) 0%, var(--gold) 45%, var(--gold-light) 50%, var(--gold) 55%, var(--gold-dim) 100%);
  font-size:.72rem; font-weight:800; letter-spacing:2px; text-transform:uppercase;
  color:#fef8f8; transition:filter .2s, transform .15s; white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  box-shadow:var(--v2g-inset), 0 4px 24px rgba(160,24,40,.45), 0 0 40px rgba(160,24,40,.15);
}
.v2g-header-cta:hover { filter:brightness(1.15); transform:translateY(-2px); box-shadow:0 8px 30px rgba(160,24,40,.35); }

/* Hamburger */
.v2g-hamburger { display:none; flex-direction:column; gap:5px; padding:6px; }
.v2g-hamburger span { display:block; width:24px; height:2px; background:var(--gold-light); border-radius:2px; transition:all .3s; }
.v2g-hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.v2g-hamburger.active span:nth-child(2) { opacity:0; }
.v2g-hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* Mobile menu */
.v2g-mobile-menu { display:none; position:fixed; top:68px; left:0; right:0; z-index:190; background:rgba(6,4,3,.97); border-bottom:1px solid var(--border); padding:12px 0 20px; }
.v2g-mobile-menu.open { display:block; }
.v2g-mobile-menu a { display:block; padding:13px 28px; font-size:.82rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--text-dim); transition:color .2s, background .2s; }
.v2g-mobile-menu a:hover { color:var(--gold-light); background:rgba(160,24,40,.05); }
.v2g-mmenu-label {
  display:block; padding:18px 28px 8px; font-size:.58rem; font-weight:800; letter-spacing:2.5px;
  text-transform:uppercase; color:rgba(196,48,62,.45);
}
.v2g-mobile-menu .mmenu-cta { margin:14px 20px 0; background:linear-gradient(135deg, var(--gold-dim), var(--gold)); border-radius:8px; text-align:center; color:#fef8f8 !important; font-weight:800; }

/* ──── HERO ──── */
.v2g-hero {
  position:relative; min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:120px 24px 90px; overflow:hidden;
}

/* Background layers */
.v2g-hero-bg {
  position:absolute; inset:0; z-index:0;
  background-image:url('../img/section_img/reward.webp');
  background-size:cover; background-position:center;
}
/* Gradient overlay */
.v2g-hero-bg::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(4,3,2,.55) 0%, rgba(4,3,2,.2) 30%,
    rgba(4,3,2,.15) 55%, rgba(4,3,2,.75) 82%,
    rgba(4,3,2,1) 100%
  );
}
/* Grain texture */
.v2g-hero-bg::after {
  content:''; position:absolute; inset:0; z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-repeat:repeat; background-size:128px;
  pointer-events:none; opacity:.45;
}

/* Particles */
.v2g-particles { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.v2g-particle {
  position:absolute; border-radius:50%;
  background:radial-gradient(circle, rgba(240,112,124,.7) 0%, transparent 70%);
  animation:particleFloat linear infinite;
}
@keyframes particleFloat {
  0%   { transform:translateY(0) scale(1); opacity:0; }
  8%   { opacity:1; }
  92%  { opacity:.5; }
  100% { transform:translateY(-110vh) scale(.3); opacity:0; }
}

/* Hero content */
.v2g-hero-content { position:relative; z-index:2; width:100%; max-width:920px; text-align:center; }

/* Info strip */
.v2g-hero-strip {
  display:inline-flex; align-items:center; gap:0;
  background:rgba(6,5,3,.75); border:1px solid var(--border);
  border-radius:10px; overflow:hidden; backdrop-filter:blur(12px);
  margin-bottom:44px;
}
.v2g-hero-strip-item {
  display:flex; align-items:center; gap:10px;
  padding:11px 22px; border-right:1px solid rgba(160,24,40,.12);
}
.v2g-hero-strip-item:last-child { border-right:none; }
.v2g-hero-strip-item i { color:var(--gold); font-size:.95rem; flex-shrink:0; }
.v2g-hero-strip-label { font-size:.55rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--text-dim); display:block; }
.v2g-hero-strip-val { font-size:.85rem; font-weight:700; color:var(--text-bright); display:block; margin-top:1px; }

/* Two-line title */
.v2g-hero-eyebrow {
  display:block; font-family:var(--ff-display); font-weight:400;
  font-size:clamp(.7rem, 1.5vw, .88rem); letter-spacing:6px; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px; opacity:.85;
}
.v2g-hero-title-line1 {
  display:block; font-family:var(--ff-hero); font-weight:900;
  font-size:clamp(4.5rem, 14vw, 10rem); line-height:.96; letter-spacing:6px; text-transform:uppercase;
  background:linear-gradient(175deg, #ffe8ea 0%, #e05060 20%, #d4952e 60%, #5c1018 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 8px 40px rgba(220,160,40,.5));
}
.v2g-hero-title-line2 {
  display:block; font-family:var(--ff-hero); font-weight:900;
  font-size:clamp(2rem, 6vw, 4.2rem); line-height:1; letter-spacing:18px; text-transform:uppercase;
  color:rgba(160,24,40,.65); margin-top:4px;
  text-shadow:0 0 40px rgba(160,24,40,.2);
}

/* Separator */
.v2g-hero-sep {
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin:28px 0 44px;
}
.v2g-hero-sep-line { flex:1; max-width:90px; height:1px; background:linear-gradient(90deg, transparent, var(--border-hi)); }
.v2g-hero-sep-line.r { background:linear-gradient(90deg, var(--border-hi), transparent); }
.v2g-hero-sep-txt { font-size:.6rem; font-weight:700; letter-spacing:3.5px; color:var(--text-dim); text-transform:uppercase; }
.v2g-hero-sep-dot { color:var(--gold); font-size:.55rem; }

/* ──── SERVER CARD (Animated border) ──── */
.v2g-card-wrap { display:flex; justify-content:center; }

/* Glowing animated border container */
.v2g-card-glow {
  position:relative; width:480px; max-width:100%; border-radius:18px; padding:2px;
  background:conic-gradient(from var(--angle,0deg),
    #4a080e 0deg, #a01828 60deg, #e05060 120deg, #a01828 180deg, #4a080e 240deg, #a01828 300deg, #4a080e 360deg
  );
  animation:rotateBorder 5s linear infinite;
}
@property --angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes rotateBorder { to { --angle:360deg; } }

.v2g-card {
  width:100%; border-radius:18px; overflow:hidden;
  background:linear-gradient(175deg, #1a1214 0%, #100a0c 50%, #070506 100%);
  border:1px solid rgba(196,48,62,.12);
  box-shadow:var(--v2g-inset), 0 24px 70px rgba(0,0,0,.72), 0 0 0 1px rgba(0,0,0,.4), 0 0 80px rgba(90,10,18,.15);
}
.v2g-card-stripe {
  padding:11px 20px; display:flex; align-items:center; justify-content:space-between;
  background:rgba(160,24,40,.07); border-bottom:1px solid rgba(160,24,40,.12);
}
.v2g-card-badge { font-size:.58rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--gold); background:rgba(160,24,40,.1); border:1px solid rgba(160,24,40,.3); border-radius:20px; padding:4px 13px; }
.v2g-card-status { display:flex; align-items:center; gap:6px; font-size:.6rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); }
.v2g-card-status::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:.3} }

.v2g-card-body { padding:32px 28px 26px; text-align:center; }
.v2g-card-logo { height:68px; width:auto; margin:0 auto 16px; filter:drop-shadow(0 0 14px rgba(160,24,40,.45)); }
.v2g-card-name { font-family:var(--ff-hero); font-size:1.55rem; font-weight:900; letter-spacing:5px; text-transform:uppercase; color:#fff; margin-bottom:18px; }
.v2g-card-pills { display:flex; gap:8px; justify-content:center; margin-bottom:20px; }
.v2g-pill { flex:1; background:rgba(4,3,2,.8); border:1px solid rgba(160,24,40,.15); border-radius:8px; padding:9px 14px; display:flex; flex-direction:column; align-items:center; gap:4px; }
.v2g-pill-label { font-size:.54rem; font-weight:700; letter-spacing:2.5px; color:var(--text-dim); text-transform:uppercase; }
.v2g-pill-val { font-size:.8rem; font-weight:700; color:var(--text-bright); }
.v2g-pill-val.active { color:var(--green); }
.v2g-card-cta {
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; padding:15px 24px; border-radius:9px;
  background:linear-gradient(90deg, #3d080c 0%, #a01828 35%, #d44050 50%, #a01828 65%, #3d080c 100%);
  background-size:200% auto;
  font-size:.8rem; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:#fef8f8;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  margin-bottom:20px; text-decoration:none;
  transition:background-position .5s ease, transform .15s, box-shadow .25s;
  box-shadow:0 4px 20px rgba(160,24,40,.3);
}
.v2g-card-cta:hover { background-position:right center; transform:translateY(-2px); box-shadow:0 8px 35px rgba(160,24,40,.45); }
.v2g-card-div { height:1px; background:linear-gradient(90deg, transparent, var(--border-hi), transparent); margin-bottom:18px; }
.v2g-card-cd-label { font-size:.58rem; font-weight:700; letter-spacing:3px; color:var(--gold); text-transform:uppercase; margin-bottom:14px; display:flex; align-items:center; justify-content:center; gap:10px; }
.v2g-card-cd-label::before,.v2g-card-cd-label::after { content:'◆'; font-size:.45rem; opacity:.6; }
.v2g-mini-cd { display:flex; justify-content:center; gap:7px; margin-bottom:16px; }
.v2g-cd-box { background:#050302; border:1px solid rgba(160,24,40,.15); border-radius:7px; padding:9px 10px; min-width:52px; display:flex; flex-direction:column; align-items:center; gap:3px; }
.v2g-cd-box span { font-family:'Courier New',monospace; font-size:1.5rem; font-weight:700; color:#fff; line-height:1; }
.v2g-cd-box small { font-size:.5rem; font-weight:700; letter-spacing:1.5px; color:var(--text-dim); text-transform:uppercase; }
.v2g-card-date { display:inline-flex; align-items:center; gap:8px; background:rgba(160,24,40,.05); border:1px solid var(--border); border-radius:7px; padding:8px 16px; font-size:.7rem; font-weight:600; color:var(--text-dim); }
.v2g-card-date i { color:var(--gold); }

/* ──── SOCIAL FLOAT ──── */
.v2g-social-float { position:fixed; right:14px; top:50%; transform:translateY(-50%); z-index:150; display:flex; flex-direction:column; gap:6px; }
.v2g-sf-btn {
  width:40px; height:40px; border-radius:8px; border:1px solid rgba(160,24,40,.18);
  background:rgba(8,6,4,.88); color:var(--text-dim); font-size:.95rem;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; transition:all .22s var(--ease-spring);
}
.v2g-sf-btn:hover { background:rgba(160,24,40,.12); border-color:var(--gold); color:var(--gold-light); transform:scale(1.15) translateX(-3px); box-shadow:0 4px 18px rgba(160,24,40,.2); }

/* ──── SECTION BASE ──── */
.v2g-section { position:relative; padding:110px 24px; overflow:hidden; }
.v2g-section-inner { max-width:1040px; margin:0 auto; }
.v2g-section-center { text-align:center; }

/* Dot grid background */
.v2g-section::before {
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:radial-gradient(circle, rgba(160,24,40,.18) 1px, transparent 1px);
  background-size:60px 60px; opacity:.5;
}
.v2g-section > * { position:relative; z-index:1; }

/* Section number + badge combo */
.v2g-sbadge-wrap { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:26px; }
.v2g-sbadge-num {
  font-family:var(--ff-hero); font-size:4rem; font-weight:900; line-height:1;
  color:rgba(160,24,40,.06); letter-spacing:2px;
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  pointer-events:none; white-space:nowrap;
}
.v2g-sbadge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(160,24,40,.07); border:1px solid rgba(160,24,40,.25);
  border-radius:4px; padding:7px 18px;
  font-size:.65rem; font-weight:700; letter-spacing:2.5px; color:var(--gold); text-transform:uppercase;
  margin-bottom:24px;
}
.v2g-sbadge i { font-size:.75em; }

/* Section title */
.v2g-stitle {
  font-family:var(--ff-hero); font-size:clamp(2.6rem, 6.5vw, 4.4rem);
  font-weight:900; text-transform:uppercase; letter-spacing:4px; line-height:1.08;
  margin-bottom:18px; color:#fff;
}
.v2g-stitle .a { color:var(--gold-light); }
.v2g-stitle .dim { color:rgba(160,24,40,.4); }

.v2g-ssub { font-size:.9rem; color:var(--text-dim); max-width:560px; margin:0 auto 48px; line-height:1.8; }

/* Unique separator line */
.v2g-rule {
  display:flex; align-items:center; gap:12px; margin-bottom:48px;
}
.v2g-rule-line { flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--border)); }
.v2g-rule-line.r { background:linear-gradient(90deg, var(--border), transparent); }
.v2g-rule-icon { color:var(--gold); font-size:.6rem; opacity:.6; }

/* ──── BROWSER WINDOW ──── */
.v2g-win {
  background:linear-gradient(165deg, #120a0c 0%, #0a0806 40%, #080506 100%);
  border:1px solid rgba(196,48,62,.2);
  border-radius:16px; overflow:hidden;
  box-shadow:var(--v2g-inset), 0 28px 80px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.03), 0 0 100px rgba(160,24,40,.07);
}
.v2g-win-bar { display:flex; align-items:center; gap:7px; padding:12px 18px; background:#100d09; border-bottom:1px solid rgba(160,24,40,.1); }
.v2g-win-dot { width:11px; height:11px; border-radius:50%; }
.v2g-win-dot:nth-child(1){background:#ff5f56}.v2g-win-dot:nth-child(2){background:#ffbd2e}.v2g-win-dot:nth-child(3){background:#27c93f}
.v2g-win-url {
  flex:1; margin:0 10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06);
  border-radius:5px; padding:4px 12px; font-size:.6rem; color:var(--text-dim); font-family:monospace; letter-spacing:.5px;
}
.v2g-win-status { font-size:.58rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); white-space:nowrap; }
.v2g-win-status::before { content:'● '; animation:pulse 2s infinite; }
.v2g-win-body { padding:34px 38px; }

/* ──── MISSION ──── */
.v2g-mission-text { font-size:.93rem; line-height:2; color:#9a8a8c; font-style:italic; }
.v2g-mission-text p { margin-bottom:20px; }
.v2g-mission-text .hi { color:var(--gold-light); font-style:normal; font-weight:700; }
.v2g-mission-text .mark { background:rgba(160,24,40,.1); border-radius:3px; padding:1px 6px; color:var(--gold-light); font-style:normal; }

/* ──── GALLERY ──── */
.v2g-gallery-head { display:flex; align-items:center; gap:16px; margin:56px 0 20px; }
.v2g-gallery-head-line { flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--border-hi)); }
.v2g-gallery-head-line.r { background:linear-gradient(90deg, var(--border-hi), transparent); }
.v2g-gallery-head span { font-size:.64rem; font-weight:700; letter-spacing:3.5px; color:var(--text-dim); text-transform:uppercase; white-space:nowrap; }
.v2g-gallery-head span em { color:var(--gold); font-style:normal; }
.v2g-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.v2g-gitem { border-radius:8px; overflow:hidden; position:relative; aspect-ratio:16/10; background:#0a0806; cursor:pointer; }
.v2g-gitem img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.v2g-gitem:hover img { transform:scale(1.08); }
.v2g-gitem-cap { position:absolute; inset:0; display:flex; align-items:flex-end; padding:10px 12px; background:linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 60%); font-size:.62rem; font-weight:700; letter-spacing:2px; color:#fff; text-transform:uppercase; opacity:0; transition:opacity .3s; }
.v2g-gitem:hover .v2g-gitem-cap { opacity:1; }

/* ──── CHARACTER SHOWCASE ──── */
.v2g-char-tabs { display:flex; gap:3px; max-width:960px; margin:0 auto; }
.v2g-char-tab {
  flex:1; padding:14px 10px; background:rgba(8,6,4,.9);
  border:1px solid rgba(160,24,40,.12); border-bottom:none;
  border-radius:10px 10px 0 0; cursor:pointer; transition:all .2s; text-align:center;
}
.v2g-char-tab-name { display:block; font-size:.76rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--text-dim); transition:color .2s; }
.v2g-char-tab-role { display:block; font-size:.56rem; letter-spacing:1px; text-transform:uppercase; color:var(--text-dim); opacity:.5; margin-top:3px; transition:opacity .2s; }
.v2g-char-tab:hover .v2g-char-tab-name { color:var(--text-bright); }
.v2g-char-tab:hover .v2g-char-tab-role { opacity:.75; }
.v2g-char-tab.active { background:#110d09; border-color:rgba(160,24,40,.45); }
.v2g-char-tab.active .v2g-char-tab-name { color:var(--gold-light); }
.v2g-char-tab.active .v2g-char-tab-role { opacity:1; color:var(--gold); }

.v2g-char-panel {
  display:none; max-width:960px; margin:0 auto;
  background:#110d09; border:1px solid rgba(160,24,40,.35); border-top:none;
  border-radius:0 0 14px 14px; overflow:hidden; min-height:480px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.v2g-char-panel.active { display:flex; }

.v2g-char-info { flex:0 0 50%; padding:42px 44px 38px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(160,24,40,.08); }
.v2g-char-name { font-family:var(--ff-hero); font-size:3rem; font-weight:900; text-transform:uppercase; letter-spacing:3px; line-height:1; color:var(--gold-light); margin-bottom:5px; }
.v2g-char-role { font-size:.62rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--text-dim); margin-bottom:16px; }
.v2g-char-desc { font-size:.83rem; color:#a09070; line-height:1.72; margin-bottom:24px; }

/* Stat bars — animated on scroll */
.v2g-char-stat { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.v2g-char-stat-lbl { width:30px; font-size:.58rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--text-dim); }
.v2g-char-stat-track { flex:1; height:7px; background:rgba(255,255,255,.04); border-radius:4px; overflow:hidden; }
.v2g-char-stat-fill {
  height:100%; border-radius:4px; width:0%;
  background:linear-gradient(90deg, #2d060a 0%, #a01828 55%, #d44050 100%);
  transition:width 1.2s var(--ease-out);
  position:relative;
}
.v2g-char-stat-fill::after { content:''; position:absolute; right:0; top:0; bottom:0; width:3px; background:var(--gold-bright); border-radius:0 4px 4px 0; box-shadow:0 0 8px var(--gold-bright); }
.v2g-char-stat-pct { width:36px; text-align:right; font-size:.7rem; font-weight:800; color:var(--gold); }

.v2g-char-skills { display:flex; flex-wrap:wrap; gap:7px; margin:6px 0 26px; }
.v2g-char-skill {
  background:rgba(160,24,40,.06); border:1px solid rgba(160,24,40,.25); border-radius:4px;
  padding:5px 13px; font-size:.62rem; font-weight:700; letter-spacing:1.2px;
  color:rgba(160,24,40,.8); text-transform:uppercase; transition:all .2s;
}
.v2g-char-skill:hover { background:rgba(160,24,40,.13); border-color:var(--gold); color:var(--gold-light); }

.v2g-char-cta {
  display:flex; align-items:center; justify-content:center; gap:11px;
  width:100%; padding:14px 20px; border:none; border-radius:8px;
  background:linear-gradient(90deg, #3d080c 0%, #a01828 40%, #d44050 50%, #a01828 60%, #3d080c 100%);
  background-size:200% auto;
  font-size:.76rem; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:#fef8f8;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  cursor:pointer; text-decoration:none;
  transition:background-position .5s ease, transform .15s, box-shadow .25s;
  box-shadow:var(--v2g-inset), 0 4px 24px rgba(160,24,40,.32);
}
.v2g-char-cta:hover { background-position:right center; transform:translateY(-2px); box-shadow:var(--v2g-inset), 0 10px 36px rgba(160,24,40,.45); }

.v2g-char-showcase {
  flex:1; position:relative; overflow:hidden;
  background:radial-gradient(ellipse 70% 60% at 50% 30%, #1e1710 0%, #0c0906 55%, #040302 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:flex-end; min-height:480px;
}
.v2g-char-showcase::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(17,13,9,.85) 0%, transparent 20%, transparent 80%, rgba(17,13,9,.85) 100%),
             linear-gradient(to top, rgba(17,13,9,1) 0%, transparent 40%);
  z-index:2; pointer-events:none;
}
/* Decorative ring behind character */
.v2g-char-showcase::after {
  content:''; position:absolute; width:300px; height:300px; border-radius:50%; left:50%; top:38%; transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(160,24,40,.08) 0%, transparent 70%);
  border:1px solid rgba(160,24,40,.08); z-index:1;
}
.v2g-char-img-main {
  position:absolute; bottom:50px; left:50%; transform:translateX(-50%);
  width:auto; height:88%; max-height:410px;
  object-fit:contain; object-position:center bottom;
  filter:drop-shadow(0 0 30px rgba(160,24,40,.15)) drop-shadow(0 20px 50px rgba(0,0,0,.8));
  transition:transform .55s var(--ease-out), filter .55s ease; z-index:3;
}
.v2g-char-panel.active .v2g-char-img-main { transform:translateX(-50%) scale(1.04); filter:drop-shadow(0 0 40px rgba(160,24,40,.25)) drop-shadow(0 20px 60px rgba(0,0,0,.9)); }
.v2g-char-label { position:relative; z-index:4; padding:0 20px 26px; text-align:center; width:100%; }
.v2g-char-label-line { display:block; height:1px; margin:0 auto 12px; background:linear-gradient(90deg, transparent, rgba(160,24,40,.45), transparent); }
.v2g-char-label-name { font-family:var(--ff-hero); font-size:1.2rem; font-weight:900; letter-spacing:7px; text-transform:uppercase; color:var(--gold); text-shadow:0 0 24px rgba(160,24,40,.45); }

/* ──── FEATURE SECTIONS ──── */
.v2g-feat-wrap { max-width:900px; margin:0 auto; }
.v2g-feat-layout { display:flex; align-items:stretch; min-height:300px; background:#0a0806; border-radius:0 0 14px 14px; overflow:hidden; }
.v2g-feat-layout.rev { flex-direction:row-reverse; }
.v2g-feat-text { flex:1; padding:36px 34px; display:flex; flex-direction:column; justify-content:center; }
.v2g-feat-sys { font-size:.58rem; font-weight:700; letter-spacing:3px; color:var(--text-dim); text-transform:uppercase; margin-bottom:8px; }
.v2g-feat-title { font-family:var(--ff-hero); font-size:1.55rem; font-weight:900; color:#fff; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; }
.v2g-feat-desc { font-size:.78rem; color:#806848; line-height:1.78; text-transform:uppercase; font-weight:600; letter-spacing:.3px; margin-bottom:14px; }
.v2g-feat-hl { background:var(--green-bg); border:1px solid var(--green-border); border-left:3px solid var(--green); border-radius:0 7px 7px 0; padding:10px 14px; margin-bottom:16px; font-size:.76rem; font-weight:700; color:var(--green); line-height:1.6; letter-spacing:.2px; }
.v2g-feat-tag { display:inline-flex; align-items:center; gap:7px; background:rgba(160,24,40,.05); border:1px solid var(--border); border-radius:4px; padding:7px 14px; font-size:.62rem; font-weight:700; letter-spacing:1.5px; color:var(--text-dim); text-transform:uppercase; }
.v2g-feat-img { width:42%; flex-shrink:0; overflow:hidden; position:relative; }
.v2g-feat-img img { width:100%; height:100%; object-fit:cover; filter:brightness(.6) saturate(.75); transition:filter .4s ease; }
.v2g-feat-img:hover img { filter:brightness(.75) saturate(.9); }
.v2g-feat-img-ph { width:100%; height:100%; min-height:300px; background:linear-gradient(135deg, #0c0906, #181410); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
.v2g-feat-img-ph i { font-size:2.5rem; color:rgba(160,24,40,.2); }
.v2g-feat-img-ph span { font-size:.62rem; font-weight:700; letter-spacing:2px; color:var(--text-dim); text-transform:uppercase; text-align:center; }
.v2g-feat-layout .v2g-feat-img { border-left:1px solid rgba(160,24,40,.1); }
.v2g-feat-layout.rev .v2g-feat-img { border-left:none; border-right:1px solid rgba(160,24,40,.1); }

/* ──── FOOTER ──── */
.v2g-footer {
  background:rgba(3,2,1,.99); border-top:1px solid rgba(160,24,40,.12);
  padding:22px 36px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
}
.v2g-footer-copy { font-size:.64rem; color:var(--text-dim); letter-spacing:.5px; }
.v2g-footer-legal { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.v2g-footer-legal a { font-size:.63rem; color:var(--text-dim); padding-bottom:1px; border-bottom:1px solid transparent; transition:all .2s; }
.v2g-footer-legal a:hover { color:var(--gold); border-color:rgba(160,24,40,.4); }
.v2g-footer-sep { color:var(--text-dim); font-size:.55rem; }
.v2g-footer-badges { display:flex; gap:8px; flex-wrap:wrap; }
.v2g-fbadge { display:inline-flex; align-items:center; gap:5px; background:rgba(160,24,40,.05); border:1px solid var(--border); border-radius:4px; padding:5px 11px; font-size:.6rem; font-weight:700; letter-spacing:1.5px; color:var(--text-dim); text-transform:uppercase; }
.v2g-fbadge i { color:var(--gold); font-size:.75rem; }

/* ──── RESPONSIVE ──── */

/* ── 900px: nav collapse ── */
@media (max-width:900px) {
  .v2g-nav { display:none; }
  .v2g-header-cta.desktop { display:none; }
  .v2g-hamburger { display:flex; }
}

/* ── 760px: tablet / büyük telefon ── */
@media (max-width:760px) {
  /* Genel */
  .v2g-hero { padding:88px 16px 56px; }
  .v2g-section { padding:68px 16px; }
  .v2g-section-inner { padding:0; }

  /* Hero strip — 2x2 grid */
  .v2g-hero-strip { flex-wrap:wrap; border-radius:8px; }
  .v2g-hero-strip-item {
    border-right:none; width:50%;
    border-bottom:1px solid rgba(160,24,40,.1);
    padding:10px 14px;
  }
  .v2g-hero-strip-item:nth-child(odd) { border-right:1px solid rgba(160,24,40,.1); }
  .v2g-hero-strip-item:nth-last-child(-n+2) { border-bottom:none; }

  /* Card countdown kutuları sığdır */
  .v2g-mini-cd { gap:5px; }
  .v2g-cd-box { min-width:46px; padding:8px 6px; }
  .v2g-cd-box span { font-size:1.3rem; }
  .v2g-cd-box small { font-size:.45rem; }
  .v2g-card-glow { width:100%; }
  .v2g-card-body { padding:24px 20px 20px; }

  /* Gallery */
  .v2g-gallery { grid-template-columns:1fr 1fr; }

  /* Win bar URL kısalt */
  .v2g-win-url { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .v2g-win-body { padding:20px 18px; }
  .v2g-win-bar { gap:6px; padding:10px 14px; }

  /* Karakter sekmeleri */
  .v2g-char-tabs { flex-wrap:wrap; gap:2px; }
  .v2g-char-tab { flex:1 0 calc(50% - 2px); border-radius:7px; border:1px solid rgba(160,24,40,.15); border-bottom:1px solid rgba(160,24,40,.15); margin-bottom:0; }
  .v2g-char-tab.active { border-color:rgba(160,24,40,.45); }
  .v2g-char-tab-name { font-size:.68rem; }
  .v2g-char-tab-role { font-size:.52rem; }

  /* Karakter panel — karakter üstte, bilgi altta */
  .v2g-char-panel.active { flex-direction:column-reverse; }
  .v2g-char-info { flex:none; padding:24px 20px; border-right:none; border-top:1px solid rgba(160,24,40,.08); }
  /* Mobilde karakter taşmasın: daha yüksek alan, hafif iç boşluk, büyütme yok */
  .v2g-char-showcase {
    min-height:min(52vh, 360px);
    overflow:hidden;
    padding:12px 10px 0;
    box-sizing:border-box;
  }
  .v2g-char-img-main {
    bottom:44px;
    height:auto;
    max-height:min(48vh, 320px);
    width:min(100%, 400px);
    left:50%;
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center bottom;
    transform-origin:center bottom;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  .v2g-char-panel.active .v2g-char-img-main {
    transform:translateX(-50%) scale(1);
    filter:drop-shadow(0 0 28px rgba(160,24,40,.22)) drop-shadow(0 16px 48px rgba(0,0,0,.85));
  }
  .v2g-char-showcase::after {
    width:min(280px, 90vw);
    height:min(280px, 90vw);
    top:42%;
  }
  /* Üst gölgeyi yumuşat — silüet üstü kesilmiş gibi görünmesin */
  .v2g-char-showcase::before {
    background:linear-gradient(90deg, rgba(17,13,9,.55) 0%, transparent 22%, transparent 78%, rgba(17,13,9,.55) 100%),
               linear-gradient(to top, rgba(17,13,9,1) 0%, transparent 50%);
  }
  .v2g-char-name { font-size:2rem; }
  .v2g-char-desc { font-size:.78rem; }
  .v2g-char-cta { padding:12px 16px; font-size:.72rem; }

  /* Feature bölümleri */
  .v2g-feat-layout,.v2g-feat-layout.rev { flex-direction:column; }
  .v2g-feat-img { width:100%; min-height:180px; border-left:none !important; border-right:none !important; border-top:1px solid rgba(160,24,40,.1); }
  .v2g-feat-text { padding:26px 22px; }

  /* Section başlık küçült */
  .v2g-stitle { font-size:clamp(2rem,8vw,3rem); letter-spacing:2px; }

  /* Sosyal float gizle */
  .v2g-social-float { display:none; }

  /* CTA section */
  .v2g-cta-section { padding:72px 20px; }
  .v2g-cta-title { letter-spacing:3px; }
  .v2g-cta-sub { font-size:.85rem; }
  .v2g-cta-trust { gap:12px; }
  .v2g-cta-trust-item { font-size:.58rem; }

  /* Footer new */
  .v2g-footer-new { padding:44px 20px 0; }
  .v2g-footer-cols { grid-template-columns:1fr; gap:28px; padding-bottom:32px; }
  .v2g-footer-bottom { flex-direction:column; align-items:flex-start; gap:10px; }
}

/* ── 480px: iPhone standart ── */
@media (max-width:480px) {
  /* Hero başlık */
  .v2g-hero { padding:76px 14px 48px; }
  .v2g-hero-eyebrow { font-size:.58rem; letter-spacing:3px; }
  .v2g-hero-title-line1 { font-size:clamp(3rem,17vw,4rem); letter-spacing:3px; }
  .v2g-hero-title-line2 { font-size:clamp(1.3rem,6.5vw,2rem); letter-spacing:8px; }
  .v2g-hero-sep { margin:18px 0 32px; }

  /* Strip tam genişlik */
  .v2g-hero-strip-item { width:100%; border-right:none !important; }
  .v2g-hero-strip-item:nth-last-child(-n+2) { border-bottom:1px solid rgba(160,24,40,.1); }
  .v2g-hero-strip-item:last-child { border-bottom:none; }
  .v2g-hero-strip-val { font-size:.82rem; }

  /* Bölümler */
  .v2g-section { padding:56px 14px; }
  .v2g-sbadge { font-size:.58rem; padding:6px 14px; }
  .v2g-stitle { font-size:clamp(1.8rem,9vw,2.6rem); }
  .v2g-ssub { font-size:.8rem; }

  /* Stats */
  .v2g-stat-num { font-size:2rem; }
  .v2g-stat-lbl { font-size:.55rem; letter-spacing:1.5px; }

  /* Card */
  .v2g-card-pills { gap:6px; }
  .v2g-pill { padding:7px 10px; }
  .v2g-pill-label { font-size:.5rem; }
  .v2g-pill-val { font-size:.75rem; }
  .v2g-card-cta { font-size:.72rem; letter-spacing:1.8px; }
  .v2g-mini-cd { gap:4px; }
  .v2g-cd-box { min-width:40px; padding:7px 5px; }
  .v2g-cd-box span { font-size:1.15rem; }

  /* Misyon win bar */
  .v2g-win-url { max-width:100px; }
  .v2g-mission-text { font-size:.8rem; }
  .v2g-gallery { grid-template-columns:1fr; }

  /* Karakter — dar ekranda kafa/omuz kesilmesin */
  .v2g-char-showcase {
    min-height:min(50vh, 320px);
    padding:10px 6px 0;
  }
  .v2g-char-name { font-size:1.7rem; }
  .v2g-char-img-main {
    bottom:40px;
    max-height:min(44vh, 280px);
    width:min(100%, 360px);
  }
  .v2g-char-label { padding:0 12px 18px; }
  .v2g-char-skill { font-size:.58rem; padding:4px 10px; }

  /* Testimonials */
  .v2g-testi-grid { gap:12px; }
  .v2g-testi-card { padding:20px 16px; }
  .v2g-testi-quote { font-size:.78rem; }

  /* CTA */
  .v2g-cta-title { font-size:clamp(2.5rem,12vw,3.5rem); letter-spacing:2px; }
  .v2g-cta-btns { flex-direction:column; gap:10px; }
  .v2g-cta-btn-primary,.v2g-cta-btn-secondary { justify-content:center; padding:14px 20px; width:100%; }
  .v2g-cta-trust { flex-wrap:wrap; gap:10px; justify-content:center; }

  /* Feature text */
  .v2g-feat-text { padding:22px 18px; }
  .v2g-feat-title { font-size:1.3rem; }

  /* Footer */
  .v2g-footer-new { padding:36px 16px 0; }
  .v2g-footer-brand-desc { font-size:.72rem; }
  .v2g-footer-bottom { padding:14px 0; }
  .v2g-footer-copy { font-size:.6rem; }
}

/* ──── STATS STRIP ──── */
.v2g-stats-strip {
  position:relative; z-index:2; background:#0a0806;
  border-top:1px solid rgba(160,24,40,.12); border-bottom:1px solid rgba(160,24,40,.12);
  padding:0; overflow:hidden;
}
.v2g-stats-strip::before {
  content:''; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg, transparent 0%, rgba(160,24,40,.03) 50%, transparent 100%);
}
.v2g-stats-inner {
  max-width:960px; margin:0 auto; display:flex; align-items:stretch;
  position:relative; z-index:1;
}
.v2g-stat-item {
  flex:1; padding:30px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px;
  border-right:1px solid rgba(160,24,40,.1); position:relative; transition:background .3s;
}
.v2g-stat-item:last-child { border-right:none; }
.v2g-stat-item:hover { background:rgba(160,24,40,.04); }
.v2g-stat-num-wrap { display:flex; align-items:baseline; gap:2px; }
.v2g-stat-num {
  font-family:var(--ff-hero); font-size:2.6rem; font-weight:900; line-height:1;
  background:linear-gradient(175deg, #ffe8ea 0%, #d44050 40%, #a01828 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  letter-spacing:1px;
}
.v2g-stat-suf { font-family:var(--ff-hero); font-size:1.6rem; font-weight:900; color:var(--gold); }
.v2g-stat-lbl { font-size:.6rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--text-dim); }
.v2g-stat-icon { color:rgba(160,24,40,.3); font-size:.8rem; margin-bottom:2px; }

/* ──── TESTIMONIALS ──── */
.v2g-testi-section { background:var(--bg-2); }
.v2g-testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:12px; }
.v2g-testi-card {
  background:linear-gradient(160deg, #140d0f 0%, #0c090a 100%);
  border:1px solid rgba(160,24,40,.16); border-radius:14px;
  padding:26px 22px; display:flex; flex-direction:column; gap:14px;
  transition:border-color .25s, transform .25s var(--ease-spring), box-shadow .25s;
  position:relative; overflow:hidden;
  box-shadow:var(--v2g-inset), 0 14px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.35);
}
.v2g-testi-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(160,24,40,.4), transparent);
  transform:scaleX(0); transition:transform .35s ease; transform-origin:center;
}
.v2g-testi-card:hover { border-color:rgba(160,24,40,.35); transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(160,24,40,.08); }
.v2g-testi-card:hover::before { transform:scaleX(1); }
.v2g-testi-quote {
  font-size:.85rem; color:#9a8060; line-height:1.75; font-style:italic;
  position:relative; padding-left:18px;
}
.v2g-testi-quote::before {
  content:'"'; position:absolute; left:0; top:-6px; font-size:2.5rem; line-height:1;
  color:rgba(160,24,40,.2); font-family:Georgia,serif; font-style:normal;
}
.v2g-testi-footer { display:flex; align-items:center; gap:12px; padding-top:14px; border-top:1px solid rgba(160,24,40,.07); }
.v2g-testi-avatar {
  width:40px; height:40px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, #3a2510, #7a4c1a);
  border:1px solid rgba(160,24,40,.3);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--ff-hero); font-size:1rem; font-weight:900; color:var(--gold);
  letter-spacing:1px;
}
.v2g-testi-name { font-size:.76rem; font-weight:700; color:var(--text-bright); }
.v2g-testi-class { font-size:.6rem; font-weight:600; letter-spacing:1.5px; color:var(--gold); text-transform:uppercase; margin-top:2px; }
.v2g-testi-stars { margin-left:auto; color:var(--gold); font-size:.7rem; letter-spacing:1px; }

/* ──── CTA SECTION ──── */
.v2g-cta-section {
  position:relative; padding:100px 24px; overflow:hidden; text-align:center;
  background:#080502;
}
.v2g-cta-section::before {
  content:''; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(140,75,10,.15) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 25% 70%, rgba(160,24,40,.05) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 75% 20%, rgba(160,24,40,.05) 0%, transparent 60%);
}
/* Diagonal top edge */
.v2g-cta-section::after {
  content:''; position:absolute; top:0; left:0; right:0; height:3px; z-index:1;
  background:linear-gradient(90deg, transparent, var(--gold-dim), var(--gold), var(--gold-dim), transparent);
}
.v2g-cta-inner { position:relative; z-index:2; max-width:720px; margin:0 auto; }
.v2g-cta-eyebrow {
  display:block; font-family:var(--ff-display); font-size:.72rem; font-weight:400;
  letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:22px; opacity:.8;
}
.v2g-cta-title {
  font-family:var(--ff-hero); font-size:clamp(3rem, 9vw, 6.5rem); font-weight:900;
  text-transform:uppercase; letter-spacing:6px; line-height:1.05;
  background:linear-gradient(175deg, #ffe4e6 0%, #d44050 25%, #a01828 65%, #6a1218 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:8px;
}
.v2g-cta-sub {
  font-size:.95rem; color:var(--text-dim); margin:16px 0 40px; line-height:1.6;
}
.v2g-cta-sub em { color:var(--gold); font-style:normal; font-weight:700; }
.v2g-cta-btns { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.v2g-cta-btn-primary {
  display:inline-flex; align-items:center; gap:12px; text-decoration:none;
  padding:16px 36px; border-radius:8px;
  background:linear-gradient(90deg, #3d080c 0%, #a01828 35%, #d44050 50%, #a01828 65%, #3d080c 100%);
  background-size:200% auto;
  font-size:.82rem; font-weight:800; letter-spacing:3px; text-transform:uppercase; color:#fef8f8;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  transition:background-position .5s ease, transform .15s, box-shadow .25s;
  box-shadow:var(--v2g-inset), 0 8px 32px rgba(160,24,40,.38);
}
.v2g-cta-btn-primary:hover { background-position:right center; transform:translateY(-3px); box-shadow:var(--v2g-inset), 0 14px 48px rgba(160,24,40,.52); }
.v2g-cta-btn-secondary {
  display:inline-flex; align-items:center; gap:10px; text-decoration:none;
  padding:15px 28px; border-radius:8px; border:1px solid rgba(160,24,40,.35);
  font-size:.78rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--text-dim);
  transition:all .25s;
}
.v2g-cta-btn-secondary:hover { border-color:var(--gold); color:var(--gold-light); background:rgba(160,24,40,.06); }
.v2g-cta-trust { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:32px; flex-wrap:wrap; }
.v2g-cta-trust-item { display:flex; align-items:center; gap:7px; font-size:.63rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-dim); }
.v2g-cta-trust-item i { color:var(--gold); font-size:.85rem; }

/* ──── FOOTER 4-KOLON ──── */
.v2g-footer-new {
  background:rgba(2,1,1,.99); border-top:1px solid rgba(160,24,40,.1);
  padding:60px 36px 0;
}
.v2g-footer-cols {
  max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.65fr 1fr 1fr 1fr; gap:32px;
  padding-bottom:48px; border-bottom:1px solid rgba(160,24,40,.08);
}
.v2g-footer-brand-logo { height:40px; width:auto; margin-bottom:14px; filter:drop-shadow(0 0 10px rgba(160,24,40,.3)); }
.v2g-footer-brand-desc { font-size:.76rem; color:var(--text-dim); line-height:1.75; max-width:280px; margin-bottom:20px; }
.v2g-footer-socials { display:flex; gap:8px; }
.v2g-footer-soc-btn {
  width:36px; height:36px; border-radius:7px; border:1px solid rgba(160,24,40,.18);
  background:rgba(160,24,40,.04); color:var(--text-dim); font-size:.85rem;
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  transition:all .22s var(--ease-spring);
}
.v2g-footer-soc-btn:hover { background:rgba(160,24,40,.12); border-color:var(--gold); color:var(--gold-light); transform:translateY(-3px); }
.v2g-footer-col-title { font-size:.62rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:18px; padding-bottom:8px; border-bottom:1px solid rgba(160,24,40,.12); }
.v2g-footer-links { list-style:none; display:flex; flex-direction:column; gap:9px; }
.v2g-footer-links a { font-size:.74rem; color:var(--text-dim); display:flex; align-items:center; gap:7px; transition:color .2s, gap .2s; }
.v2g-footer-links a i { font-size:.6rem; color:var(--gold-dim); transition:color .2s; }
.v2g-footer-links a:hover { color:var(--gold-light); gap:11px; }
.v2g-footer-links a:hover i { color:var(--gold); }
.v2g-footer-bottom {
  max-width:1180px; margin:0 auto; padding:18px 0;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
}
.v2g-footer-copy { font-size:.62rem; color:var(--text-dim); }
.v2g-footer-legal { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.v2g-footer-legal a { font-size:.62rem; color:var(--text-dim); border-bottom:1px solid transparent; transition:all .2s; }
.v2g-footer-legal a:hover { color:var(--gold); border-color:rgba(160,24,40,.35); }
.v2g-footer-sep-dot { color:var(--text-dim); font-size:.45rem; }
.v2g-footer-badges-row { display:flex; gap:6px; flex-wrap:wrap; }
.v2g-footer-badges-row .v2g-fbadge { font-size:.56rem; padding:4px 9px; }

/* ──── NAV DROPDOWN (Sistemler) ──── */
.v2g-nav-dd { position:relative; }
.v2g-nav-dd-btn {
  padding:8px 16px; border-radius:6px; font-size:.72rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--text-dim); background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:6px;
}
.v2g-nav-dd-btn::after { content:'▾'; font-size:.6rem; opacity:.6; transition:transform .2s; }
.v2g-nav-dd:hover .v2g-nav-dd-btn::after, .v2g-nav-dd:focus-within .v2g-nav-dd-btn::after { transform:rotate(-180deg); }
.v2g-nav-dd:hover .v2g-nav-dd-btn, .v2g-nav-dd:focus-within .v2g-nav-dd-btn { color:var(--gold-light); }
.v2g-nav-dd-menu {
  position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:min(360px, 92vw); max-width:420px; max-height:min(78vh, 640px);
  overflow:hidden; display:flex; flex-direction:column;
  background:#050403; border:1px solid rgba(196,48,62,.28); border-right:2px solid rgba(196,48,62,.35);
  border-radius:12px; padding:12px 0 10px; margin-top:10px;
  opacity:0; visibility:hidden; transition:opacity .22s ease, visibility .22s, transform .22s ease; transform:translateX(-50%) translateY(-6px);
  box-shadow:0 24px 60px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.04) inset; z-index:250;
}
.v2g-nav-dd:hover .v2g-nav-dd-menu, .v2g-nav-dd:focus-within .v2g-nav-dd-menu {
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}
.v2g-nav-dd-scroll { overflow-y:auto; overscroll-behavior:contain; padding:4px 0; scrollbar-width:thin; }
.v2g-nav-dd-h {
  padding:16px 22px 8px; margin-top:4px; font-size:.52rem; font-weight:800; letter-spacing:2.2px; color:rgba(196,48,62,.55);
  text-transform:uppercase; border-top:1px solid rgba(255,255,255,.06);
}
.v2g-nav-dd-h:first-child { border-top:none; margin-top:0; padding-top:4px; }
a.v2g-nav-dd-link {
  display:flex; align-items:center; gap:14px; padding:13px 22px; margin:0 10px; border-radius:8px;
  font-size:.7rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:rgba(255,255,255,.88);
  text-decoration:none; border:1px solid transparent; transition:background .18s, color .18s, border-color .18s, transform .15s;
}
a.v2g-nav-dd-link i {
  width:22px; text-align:center; font-size:.85rem; color:rgba(196,48,62,.55); flex-shrink:0; transition:color .18s;
}
a.v2g-nav-dd-link span { flex:1; line-height:1.35; }
a.v2g-nav-dd-link:hover, a.v2g-nav-dd-link:focus-visible {
  color:#fff; background:rgba(196,48,62,.1); border-color:rgba(196,48,62,.2); outline:none;
}
a.v2g-nav-dd-link:hover i, a.v2g-nav-dd-link:focus-visible i { color:var(--gold-light); }
.v2g-nav-dd-foot {
  padding:12px 20px 6px; margin-top:4px; border-top:1px solid rgba(255,255,255,.08);
  font-size:.52rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.28); text-align:center;
}

/* ──── TANITIM EK BÖLÜMLERI ──── */
.v2g-section--dye { position:relative; }
.v2g-section--dye::before {
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.25;
  background-image:radial-gradient(rgba(232,148,60,.2) 1.5px, transparent 1.5px); background-size:40px 40px;
}
.v2g-bio-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
@media (max-width:900px) { .v2g-bio-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px) { .v2g-bio-grid { grid-template-columns:repeat(2,1fr); } }
.v2g-bio-card {
  background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:14px 10px;
  display:flex; flex-direction:column; align-items:center; text-align:center; transition:border-color .25s, transform .25s var(--ease-spring);
}
.v2g-bio-card:hover { border-color:rgba(160,24,40,.35); transform:translateY(-3px); }
.v2g-bio-ico { width:48px; height:48px; background:#0a0806; border:1px solid rgba(255,255,255,.06); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; }
.v2g-bio-ico img { width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
.v2g-bio-name { font-size:.72rem; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; line-height:1.25; }
.v2g-bio-meta { font-size:.58rem; font-weight:700; color:var(--gold); letter-spacing:1px; text-transform:uppercase; }
.v2g-bio-time { margin-top:8px; width:100%; padding:6px; background:rgba(0,0,0,.35); border:1px solid rgba(160,24,40,.12); border-radius:8px; font-size:.55rem; font-weight:700; color:var(--text-dim); text-transform:uppercase; }

/* Boya atölyesi (AHYU penceresi) */
.v2g-dye-workshop { border-radius:16px; }
.v2g-dye-bar {
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px;
  padding:12px 16px; background:#0d0b09; border-bottom:1px solid rgba(160,24,40,.12);
}
.v2g-dye-bar-dots { display:flex; gap:7px; align-items:center; }
.v2g-dye-bar-title {
  font-family:var(--ff-hero); font-size:clamp(.62rem,1.4vw,.78rem); font-weight:900; letter-spacing:.18em;
  text-transform:uppercase; text-align:center; color:#a01828; text-shadow:0 0 20px rgba(160,24,40,.25);
}
.v2g-dye-bar-daily {
  display:inline-flex; align-items:center; gap:7px; font-size:.58rem; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; color:rgba(255,255,255,.45); text-decoration:none; padding:8px 10px; border-radius:8px;
  border:1px solid rgba(255,255,255,.08); transition:color .2s, border-color .2s, background .2s;
}
.v2g-dye-bar-daily:hover { color:var(--gold-light); border-color:rgba(160,24,40,.35); background:rgba(160,24,40,.06); }
.v2g-dye-win-body { padding:26px 22px 22px; background:#080705; }
@media (max-width:600px) { .v2g-dye-win-body { padding:20px 14px 18px; } }

.v2g-dye-phases-head {
  display:flex; align-items:center; gap:14px; margin-bottom:28px; padding-bottom:4px;
}
.v2g-dye-phases-line {
  width:36px; height:3px; border-radius:2px; background:linear-gradient(90deg, #e67e22, #f39c12); flex-shrink:0;
}
.v2g-dye-phases-title {
  margin:0; font-family:var(--ff-hero); font-size:.95rem; font-weight:900; letter-spacing:3px;
  text-transform:uppercase; color:#fff;
}

.v2g-dye-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:1100px) { .v2g-dye-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .v2g-dye-grid { grid-template-columns:1fr; } }

.v2g-dye-card {
  background:linear-gradient(165deg, rgba(18,16,14,.95) 0%, rgba(8,7,6,.98) 100%);
  border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:22px 16px 20px; text-align:center;
  transition:border-color .3s, box-shadow .3s; position:relative;
  display:flex; flex-direction:column; align-items:stretch;
}
.v2g-dye-card:hover {
  border-color:rgba(230,126,34,.45);
  box-shadow:0 12px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(230,126,34,.12);
}
.v2g-dye-etap {
  position:absolute; top:14px; right:14px; font-size:.52rem; font-weight:800; letter-spacing:.22em;
  color:rgba(255,255,255,.22); text-transform:uppercase;
}
.v2g-dye-icon-wrap {
  width:96px; height:96px; margin:8px auto 18px; border-radius:14px;
  background:linear-gradient(145deg, rgba(45,42,38,.9) 0%, rgba(12,11,10,1) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 28px rgba(230,126,34,.12), inset 0 1px 0 rgba(255,255,255,.06);
  display:flex; align-items:center; justify-content:center;
}
.v2g-dye-icon-wrap img { max-width:72px; max-height:72px; width:auto; height:auto; object-fit:contain; }
.v2g-dye-title {
  font-family:var(--ff-hero); font-size:.92rem; font-weight:900; color:#fff; text-transform:uppercase;
  letter-spacing:2px; margin:0 0 18px; line-height:1.25;
}

.v2g-dye-stack { display:flex; flex-direction:column; gap:14px; text-align:left; flex:1; }
.v2g-dye-block {
  background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.07); border-radius:12px;
  padding:12px 14px 14px;
}
.v2g-dye-block-h {
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  margin-bottom:10px;
}
.v2g-dye-lbl {
  font-size:.52rem; font-weight:800; letter-spacing:1.6px; text-transform:uppercase;
}
.v2g-dye-lbl--need { color:#e67e22; }
.v2g-dye-lbl--fee { color:#2ecc71; }
.v2g-dye-lbl--stone { color:#5dade2; }
.v2g-dye-lbl--reward { color:#bb86fc; }
.v2g-dye-block-txt {
  margin:0; font-size:.78rem; font-weight:600; color:rgba(255,255,255,.88); line-height:1.5;
}

.v2g-dye-footnote {
  display:flex; align-items:flex-start; gap:12px; margin-top:28px; padding:14px 18px;
  background:rgba(230,126,34,.08); border:1px solid rgba(230,126,34,.22); border-radius:12px;
}
.v2g-dye-footnote i {
  color:#e67e22; font-size:1.1rem; margin-top:2px; flex-shrink:0;
}
.v2g-dye-footnote p {
  margin:0; font-size:.72rem; font-weight:600; color:#b8a090; line-height:1.65; letter-spacing:.02em;
}

@media (max-width:520px) {
  .v2g-dye-bar { grid-template-columns:1fr; text-align:center; justify-items:center; }
  .v2g-dye-bar-dots { order:1; }
  .v2g-dye-bar-title { order:2; }
  .v2g-dye-bar-daily { order:3; }
}

/* Lonca görev UI (referans panel) */
.v2g-guild-feat-wrap { margin-top:8px; }
.v2g-guild-shell {
  background:linear-gradient(180deg, #161012 0%, #0e0c0b 100%);
  border:1px solid rgba(196,48,62,.28);
  border-radius:16px; overflow:hidden;
  box-shadow:var(--v2g-inset), 0 24px 70px rgba(0,0,0,.55), 0 0 120px rgba(100,12,20,.12);
}
.v2g-guild-chrome {
  display:flex; align-items:center; gap:14px; padding:12px 18px; background:#0e0d0b;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.v2g-guild-chrome-dots { display:flex; gap:7px; }
.v2g-guild-chrome-dots span {
  width:11px; height:11px; border-radius:50%;
}
.v2g-guild-chrome-dots span:nth-child(1) { background:#ff5f56; }
.v2g-guild-chrome-dots span:nth-child(2) { background:#ffbd2e; }
.v2g-guild-chrome-dots span:nth-child(3) { background:#27c93f; }
.v2g-guild-chrome-title {
  flex:1; text-align:center; font-family:var(--ff-hero); font-size:.62rem; font-weight:900;
  letter-spacing:.28em; text-transform:uppercase; color:#d44050;
}
.v2g-guild-chrome-spacer { width:52px; flex-shrink:0; }

.v2g-guild-tabs {
  display:flex; justify-content:center; gap:14px; padding:22px 20px 26px; background:#151311;
  border-bottom:1px solid rgba(255,255,255,.05); flex-wrap:wrap;
}
.v2g-gtab {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; padding:14px 36px; border-radius:999px;
  border:2px solid rgba(255,255,255,.12); background:rgba(0,0,0,.35);
  font-size:.68rem; font-weight:800; letter-spacing:2px; text-transform:uppercase;
  color:rgba(255,255,255,.42); cursor:pointer; transition:color .25s, border-color .25s, background .25s, box-shadow .25s;
}
.v2g-gtab i { font-size:.85rem; opacity:.85; }
.v2g-gtab:hover { color:rgba(255,255,255,.75); border-color:rgba(196,48,62,.35); }
.v2g-gtab.active {
  border-color:#d44050; color:#f0c4c8;
  background:linear-gradient(165deg, rgba(196,48,62,.14) 0%, rgba(0,0,0,.5) 100%);
  box-shadow:0 0 0 1px rgba(196,48,62,.12), 0 12px 32px rgba(0,0,0,.45);
}

.v2g-gpanel { display:none; padding:0 22px 28px; background:#12110f; }
.v2g-gpanel.active { display:block; }
@media (max-width:600px) { .v2g-gpanel { padding:0 14px 22px; } }

.v2g-guild-cats {
  display:flex; flex-wrap:nowrap; gap:0; overflow-x:auto; -webkit-overflow-scrolling:touch;
  padding:8px 0 0; margin:10px 0 26px; border-bottom:1px solid rgba(255,255,255,.08);
  scrollbar-width:thin;
}
.v2g-gcat {
  position:relative; flex:1; min-width:max-content; min-height:48px; padding:14px 18px 16px;
  display:flex; align-items:center; justify-content:center;
  font-size:0; background:none; border:none; cursor:pointer; color:rgba(255,255,255,.5);
  transition:color .2s; border-right:1px solid rgba(255,255,255,.06);
}
.v2g-gcat:last-child { border-right:none; }
.v2g-gcat-lbl {
  font-size:.58rem; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; margin-right:6px;
}
.v2g-gcat-num {
  font-size:.52rem; font-weight:700; letter-spacing:0; opacity:.55; vertical-align:super;
}
.v2g-gcat:hover { color:rgba(255,255,255,.85); }
.v2g-gcat.active { color:#d44050; }
.v2g-gcat.active::after {
  content:''; position:absolute; left:12px; right:12px; bottom:-1px; height:3px;
  border-radius:3px 3px 0 0; background:linear-gradient(90deg, #8a2532, #d44050, #8a2532);
}

.v2g-guild-list {
  display:flex; flex-direction:column; gap:18px; max-height:min(72vh,720px); overflow-y:auto;
  padding:4px 2px 8px; margin-top:4px;
}

.v2g-gtask.v2g-gcard {
  display:flex; flex-direction:row; align-items:stretch; gap:16px;
  padding:18px 18px 18px 16px;
  background:linear-gradient(145deg, #221a1c 0%, #161312 50%, #141110 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; text-align:left;
  transition:border-color .25s, box-shadow .25s, transform .22s var(--ease-out);
  box-shadow:var(--v2g-inset), 0 10px 32px rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,.35);
}
.v2g-gtask.v2g-gcard:hover {
  border-color:rgba(196,48,62,.4);
  box-shadow:var(--v2g-inset), 0 16px 44px rgba(0,0,0,.45), 0 0 0 1px rgba(196,48,62,.12), 0 0 48px rgba(160,24,40,.1);
  transform:translateY(-2px);
}
.v2g-gcard-ico {
  flex-shrink:0; width:72px; height:72px; border-radius:12px; background:#0f0e0c;
  border:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center;
  overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.v2g-gcard-ico img { width:100%; height:100%; object-fit:cover; }
.v2g-gcard-ico img[src$=".svg"],
.v2g-gcard-ico img[src$=".webp"],
.v2g-gcard-ico img[src$=".png"] { object-fit:contain; padding:6px; background:radial-gradient(ellipse at center, rgba(40,36,32,.9) 0%, #0a0908 100%); }
.v2g-gcard-main { flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; }
.v2g-gcard-head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
}
.v2g-gcard-title {
  margin:0; font-family:var(--ff-hero); font-size:clamp(.78rem,2.2vw,.95rem); font-weight:900;
  letter-spacing:.5px; text-transform:uppercase; color:#fff; line-height:1.25;
}
.v2g-gcard-cat {
  flex-shrink:0; font-size:.52rem; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; color:#d44050;
}
.v2g-gcard-prow {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.v2g-gcard-plbl {
  display:inline-flex; align-items:center; gap:8px; font-size:.58rem; font-weight:800;
  letter-spacing:1.5px; text-transform:uppercase; color:#d44050;
}
.v2g-gcard-pdot {
  width:7px; height:7px; border-radius:50%; background:#d44050;
  box-shadow:0 0 10px rgba(196,48,62,.65);
}
.v2g-gcard-pval {
  font-size:.78rem; font-weight:700; color:#fff; letter-spacing:.5px; font-variant-numeric:tabular-nums;
}
.v2g-gcard-divider { height:1px; background:rgba(255,255,255,.1); margin:2px 0 0; }
.v2g-gcard-rew {
  display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px;
  font-size:.68rem; font-weight:700; color:rgba(255,255,255,.88);
}
.v2g-gcard-rexp { display:inline-flex; align-items:center; gap:8px; }
.v2g-gcard-rexp i { color:#2ecc71; font-size:.85rem; }
.v2g-gcard-rsk { display:inline-flex; align-items:center; gap:8px; }
.v2g-gcard-rsk i { color:#d44050; font-size:.8rem; }

.v2g-gbonus-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding-top:24px;
}
@media (max-width:700px) { .v2g-gbonus-grid { grid-template-columns:1fr; } }
.v2g-gbonus-card {
  background:#1c1a17; border:1px solid rgba(196,48,62,.15); border-radius:14px; padding:20px 18px; text-align:left;
}
.v2g-gbonus-ico { font-size:1.35rem; color:#d44050; margin-bottom:12px; display:block; }
.v2g-gbonus-t { margin:0 0 8px; font-size:.72rem; font-weight:900; letter-spacing:2px; text-transform:uppercase; color:#fff; }
.v2g-gbonus-p { margin:0; font-size:.75rem; color:#9a8060; line-height:1.65; }
.v2g-gbonus-foot {
  margin:22px 0 0; text-align:center; font-size:.78rem; color:#b8a090; line-height:1.65; max-width:560px; margin-left:auto; margin-right:auto;
}

@media (max-width:520px) {
  .v2g-gtask.v2g-gcard { flex-direction:column; align-items:center; text-align:center; }
  .v2g-gcard-main { align-items:center; text-align:center; width:100%; }
  .v2g-gcard-head { flex-direction:column; align-items:center; }
  .v2g-gcard-prow { justify-content:center; flex-direction:column; }
  .v2g-gcard-rew { justify-content:center; }
}
.v2g-grow { display:grid; grid-template-columns:1fr 1.1fr; gap:0; min-height:320px; }
@media (max-width:760px) { .v2g-grow { grid-template-columns:1fr; } }
.v2g-grow-txt { padding:28px 26px; display:flex; flex-direction:column; justify-content:center; }
.v2g-grow-img { min-height:280px; border-left:1px solid rgba(160,24,40,.1); }
@media (max-width:760px) { .v2g-grow-img { border-left:none; border-top:1px solid rgba(160,24,40,.1); min-height:220px; } }
.v2g-grow-img img { width:100%; height:100%; object-fit:cover; min-height:280px; }

.v2g-horse-tiers { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.v2g-htier-btn {
  padding:10px 22px; border-radius:10px; border:1px solid rgba(160,24,40,.2); background:rgba(255,255,255,.03);
  font-size:.62rem; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-dim); cursor:pointer; text-align:center; line-height:1.35;
}
.v2g-htier-btn.active {
  background:linear-gradient(145deg, var(--gold-dim), var(--gold), var(--gold-light));
  border-color:var(--gold-light); color:#fef8f8;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 4px 20px rgba(160,24,40,.35);
}
.v2g-horse-panel { display:none; }
.v2g-horse-panel.active { display:block; }
.v2g-horse-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
@media (max-width:900px) { .v2g-horse-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:500px) { .v2g-horse-grid { grid-template-columns:repeat(2,1fr); } }
.v2g-hcard {
  background:#0a0806; border:1px solid rgba(255,255,255,.05); border-radius:14px; padding:12px 10px; transition:border-color .25s;
}
.v2g-hcard:hover { border-color:rgba(160,24,40,.25); }
.v2g-hcard-h { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.v2g-hcard-h img:first-child { width:40px; height:40px; object-fit:contain; }
.v2g-hcard h4 { font-size:.72rem; font-weight:900; color:#fff; text-transform:uppercase; }
.v2g-hcard-sub { font-size:.52rem; color:var(--text-dim); letter-spacing:.15em; text-transform:uppercase; }
.v2g-hreq { display:flex; align-items:center; justify-content:space-between; padding:6px 8px; background:rgba(255,255,255,.02); border-radius:8px; margin-top:6px; font-size:.62rem; }
.v2g-hreq img { width:22px; height:22px; object-fit:contain; }

.v2g-sys-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:8px; }
@media (max-width:900px) { .v2g-sys-grid { grid-template-columns:1fr; } }
.v2g-sys-tile {
  background:linear-gradient(160deg, rgba(255,255,255,.03) 0%, rgba(0,0,0,.12) 100%);
  border:1px solid rgba(160,24,40,.14); border-radius:14px; padding:20px 18px;
  display:flex; gap:14px; align-items:flex-start; transition:border-color .25s, transform .2s;
  box-shadow:var(--v2g-inset), 0 8px 28px rgba(0,0,0,.35);
}
.v2g-sys-tile:hover { border-color:rgba(160,24,40,.35); transform:translateY(-2px); }
.v2g-sys-tile i { font-size:1.4rem; color:var(--gold); flex-shrink:0; margin-top:2px; }
.v2g-sys-tile h4 { font-family:var(--ff-hero); font-size:.95rem; font-weight:900; color:#fff; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.v2g-sys-tile p { font-size:.78rem; color:#8a7060; line-height:1.65; }

.v2g-gtask.is-hidden { display:none !important; }

/* 3D card tilt - CSS transition support */
.v2g-card-glow { transition:transform .1s ease, box-shadow .1s ease; transform-style:preserve-3d; will-change:transform; }

/* ── Touch / Tap hedefleri — tüm butonlar min 44px ── */
.v2g-char-tab,
.v2g-card-cta,
.v2g-cta-btn-primary,
.v2g-cta-btn-secondary,
.v2g-header-cta,
.v2g-hamburger,
.v2g-footer-soc-btn,
.v2g-sf-btn { min-height:44px; }

/* ── Responsive: yeni bölümler 900px ── */
@media (max-width:900px) {
  .v2g-footer-cols { grid-template-columns:1fr 1fr; }
  .v2g-footer-cols > *:first-child { grid-column:1/-1; }
  .v2g-testi-grid { grid-template-columns:1fr; }
}

/* ── Mobil sticky bottom CTA bar ── */
.v2g-mobile-cta-bar {
  display:none;
  position:fixed; bottom:0; left:0; right:0; z-index:300;
  background:linear-gradient(to top, rgba(4,3,2,1) 0%, rgba(4,3,2,.95) 60%, rgba(4,3,2,0) 100%);
  padding:12px 16px 16px; pointer-events:none;
}
.v2g-mobile-cta-bar a {
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:15px 20px; border-radius:10px;
  background:linear-gradient(90deg, #3d080c 0%, #a01828 35%, #d44050 50%, #a01828 65%, #3d080c 100%);
  background-size:200% auto;
  font-size:.82rem; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:#fef8f8;
  text-decoration:none; pointer-events:all;
  box-shadow:0 -4px 30px rgba(0,0,0,.5), 0 4px 20px rgba(160,24,40,.4);
  animation:shimmerCta 3s linear infinite;
}
@keyframes shimmerCta { to { background-position:200% center; } }

@media (max-width:760px) {
  .v2g-mobile-cta-bar { display:block; }
  /* Alttaki sticky bar için sayfa padding'i */
  body { padding-bottom:80px; }
}

/* Touch aktif durumu — tüm butonlar */
@media (hover:none) and (pointer:coarse) {
  .v2g-card-cta:active,
  .v2g-cta-btn-primary:active,
  .v2g-char-cta:active { transform:scale(.97); filter:brightness(.9); }
  .v2g-testi-card:hover { transform:none; box-shadow:none; }
  .v2g-testi-card:active { border-color:rgba(160,24,40,.35); }
  .v2g-char-tab:hover .v2g-char-tab-name { color:var(--text-dim); }
  .v2g-char-tab.active .v2g-char-tab-name { color:var(--gold-light); }
}

/* ── Stats strip 2x2 grid (600px ve altı) ── */
@media (max-width:600px) {
  .v2g-stats-inner { flex-wrap:wrap; }
  .v2g-stat-item {
    flex:0 0 50%;
    border-right:none;
    border-bottom:1px solid rgba(160,24,40,.08);
    padding:22px 14px;
  }
  .v2g-stat-item:nth-child(odd) { border-right:1px solid rgba(160,24,40,.1); }
  .v2g-stat-item:last-child,.v2g-stat-item:nth-last-child(2):nth-child(odd) { border-bottom:none; }
  .v2g-stat-num { font-size:2.2rem; }
}

/* ========================================================================
   SURFACE V2 — Hero altı tamamen farklı dil: keskin köşe, sol şerit,
   sahte “macOS penceresi” yok; Tarantin2 cam/pill estetiğinden ayrışım
   ======================================================================== */

.v2g-surface-v2 {
  position: relative;
  border-left: 4px solid var(--gold);
  background:
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 72px,
      rgba(255,255,255,.02) 72px,
      rgba(255,255,255,.02) 73px
    ),
    linear-gradient(185deg, rgba(20,4,8,.97) 0%, var(--bg) 18%, var(--bg) 100%);
  box-shadow: inset 6px 0 24px rgba(0,0,0,.35);
}

/* Rozetler: çerçeve yok, sol çizgi + geniş tracking */
.v2g-surface-v2 .v2g-sbadge {
  background: transparent;
  border: none;
  border-left: 3px solid var(--gold-light);
  border-radius: 0;
  padding: 6px 0 6px 18px;
  margin-bottom: 20px;
  color: var(--text-dim);
  letter-spacing: .32em;
  font-size: .58rem;
}
.v2g-surface-v2 .v2g-sbadge i { color: var(--gold); }

/* Başlıklar: daha “editoryal”, daha az poster */
.v2g-surface-v2 .v2g-stitle {
  letter-spacing: .14em;
  font-weight: 800;
  line-height: 1.12;
}
.v2g-surface-v2 .v2g-ssub {
  max-width: 52ch;
  text-align: center;
}

/* İstatistik şeridi: blok, üst çizgi */
.v2g-surface-v2 .v2g-stats-strip {
  border-top: 2px solid var(--gold);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #0a0507;
  margin-left: -2px;
}
.v2g-surface-v2 .v2g-stat-num { color: var(--gold-light); text-shadow: 0 0 40px rgba(160,24,40,.35); }

/* Galeri: keskin / hafif kırık köşe, Tarantin gridinden farklı */
.v2g-surface-v2 .v2g-gallery-head span em { font-style: normal; color: var(--gold-light); }
.v2g-surface-v2 .v2g-gallery {
  gap: 14px;
}
.v2g-surface-v2 .v2g-gitem {
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 6px 6px 0 rgba(0,0,0,.45);
  transition: transform .25s var(--ease-out), box-shadow .25s;
}
.v2g-surface-v2 .v2g-gitem:hover {
  transform: translate(-3px, -3px);
  box-shadow: 10px 10px 0 rgba(160,24,40,.25);
}

/* “Pencere” kromu kaldır — düz blok + sol vurgu */
.v2g-surface-v2 .v2g-win-bar,
.v2g-surface-v2 .v2g-guild-chrome {
  display: none !important;
}
.v2g-surface-v2 .v2g-win {
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.1);
  border-left: 5px solid var(--gold);
  background: linear-gradient(165deg, #140a0d 0%, #0a0708 55%, #080506 100%);
  box-shadow:
    var(--v2g-inset),
    12px 12px 0 rgba(0,0,0,.5),
    0 0 0 1px rgba(160,24,40,.12);
}
.v2g-surface-v2 .v2g-win-body {
  padding: 32px 34px 36px;
}
.v2g-surface-v2 .v2g-win > .v2g-feat-layout {
  padding-top: 28px;
}
.v2g-surface-v2 .v2g-guild-shell > .v2g-guild-tabs {
  padding-top: 22px;
}
.v2g-surface-v2 .v2g-guild-shell {
  border-radius: 0;
  border-left: 5px solid var(--gold);
  box-shadow:
    var(--v2g-inset),
    10px 10px 0 rgba(0,0,0,.48),
    0 0 80px rgba(90,10,18,.1);
}

/* Özellik satırı: görsel çerçeve kare */
.v2g-surface-v2 .v2g-feat-img {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0;
}
.v2g-surface-v2 .v2g-feat-img img {
  border-radius: 0;
}
.v2g-surface-v2 .v2g-feat-layout .v2g-feat-text {
  padding: 36px 40px;
}
.v2g-surface-v2 .v2g-feat-sys {
  letter-spacing: .4em;
  font-size: .5rem;
  color: var(--gold);
  opacity: .85;
}

/* Sınıf sekmeleri: alt çizgi tab (yuvarlak sekme yok) */
.v2g-surface-v2 .v2g-char-tabs {
  gap: 0;
  border-bottom: 2px solid rgba(255,255,255,.1);
  max-width: 100%;
  padding: 0;
}
.v2g-surface-v2 .v2g-char-tab {
  flex: 1;
  border-radius: 0;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  margin-bottom: -2px;
  padding: 16px 8px;
}
.v2g-surface-v2 .v2g-char-tab.active {
  border-bottom-color: var(--gold) !important;
  background: rgba(160,24,40,.1) !important;
}
.v2g-surface-v2 .v2g-char-panel {
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.1);
  border-top: none;
  box-shadow: 8px 16px 48px rgba(0,0,0,.55);
}
.v2g-surface-v2 .v2g-char-info {
  border-right: 1px solid rgba(255,255,255,.08);
}

/* Yorum kartları: brutal offset gölge */
.v2g-surface-v2 .v2g-testi-card {
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 8px 8px 0 var(--gold-dim);
}
.v2g-surface-v2 .v2g-testi-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 12px 12px 0 rgba(160,24,40,.35);
}

/* Sistem kutuları */
.v2g-surface-v2 .v2g-sys-tile {
  border-radius: 0;
  border-left: 3px solid rgba(160,24,40,.4);
}
.v2g-surface-v2 .v2g-bio-card {
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(0,0,0,.35);
}

/* Lonca kartları */
.v2g-surface-v2 .v2g-gtask.v2g-gcard {
  border-radius: 0;
  clip-path: none;
}
.v2g-surface-v2 .v2g-gtab {
  border-radius: 0;
}
.v2g-surface-v2 .v2g-gcat.active::after {
  border-radius: 0;
  height: 2px;
}

/* Boya atölyesi penceresi */
.v2g-surface-v2 .v2g-dye-workshop.v2g-win {
  border-radius: 0;
}

/* CTA bölümü: keskin şerit */
.v2g-surface-v2 .v2g-cta-section {
  clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 97%);
  border-top: 2px solid var(--gold);
  border-bottom: 2px solid rgba(0,0,0,.5);
}
.v2g-surface-v2 .v2g-cta-title {
  letter-spacing: .08em;
}

/* Footer */
.v2g-surface-v2 .v2g-footer-new {
  border-top: 3px solid var(--gold);
  background: linear-gradient(180deg, #060304 0%, #030202 100%);
}
.v2g-surface-v2 .v2g-footer-col-title {
  border-bottom: 2px solid var(--gold);
  padding-bottom: 10px;
}

/* Sosyal şerit — hafif kontrast */
.v2g-surface-v2 .v2g-social-float .v2g-sf-btn {
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.12);
}

@media (max-width:760px) {
  .v2g-surface-v2 .v2g-cta-section {
    clip-path: none;
  }
  .v2g-surface-v2 .v2g-char-tabs {
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(255,255,255,.1);
  }
  .v2g-surface-v2 .v2g-char-tab {
    flex: 1 0 calc(50% - 2px);
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px;
  }
  .v2g-surface-v2 .v2g-char-tab.active {
    border-bottom-color: var(--gold) !important;
  }
}

@media (hover:none) and (pointer:coarse) {
  .v2g-surface-v2 .v2g-testi-card:hover {
    transform: none;
    box-shadow: 8px 8px 0 var(--gold-dim);
  }
}