:root{
  --bg:#0b0d10;
  --panel:#10131a;
  --soft:#151a23;
  --border:rgba(255,255,255,.08);
  --muted:rgba(255,255,255,.65);
  --text:#fff;
  --primary: var(--set-primary, #00e5ff);
  --accent: var(--set-accent, #ffd000);
  --radius:14px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --transition:.2s ease;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1200px, 92%);margin:0 auto}
.flex{display:flex;align-items:center;justify-content:space-between}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.page{padding-top:80px}
.btn{background:var(--primary);color:#000;padding:10px 16px;border-radius:12px;border:0;font-weight:700;box-shadow:var(--shadow);cursor:pointer;display:inline-block;transition:transform var(--transition)}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;border:1px solid var(--border);color:#fff}
.btn.small{padding:8px 12px;border-radius:10px;font-size:14px}
.badge{background:var(--accent);color:#000;padding:2px 6px;border-radius:999px;margin-left:6px;font-weight:700}
.alert{padding:12px;border-radius:10px;margin:8px 0;border:1px solid var(--border);background:rgba(255,255,255,.04)}
.alert.err{border-color:#8a2b2b;background:#241414;color:#ff9d9d}
.alert.ok{border-color:#2b8a4f;background:#14251c;color:#a1ffbf}

/* Topbar */
.topbar{position:fixed;top:0;left:0;right:0;background:rgba(16,19,26,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:50}
.topbar .logo{font-weight:900;letter-spacing:.5px}
.topbar .logo span{color:var(--primary)}
.nav a{margin:0 10px;opacity:.9}
.actions{display:flex;align-items:center;gap:10px}
.search input{background:#0f1116;border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:#fff;width:190px}
.dropdown{position:relative}
.dropdown .menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:200px;padding:8px}
.dropdown:hover .menu{display:block}
.hamburger{display:none;background:none;border:0;padding:0 4px}
.hamburger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}

/* Footer */
.footer{margin-top:40px;padding:30px 0;border-top:1px solid var(--border);background:#0c0f14}
.footer .copy{opacity:.7;margin-top:10px}

/* Hero section (base) */
.hero{padding:22px 0 14px;background:radial-gradient(800px 800px at 80% -20%, rgba(0,255,136,.1),transparent 60%), radial-gradient(600px 600px at 10% -10%, rgba(255,208,0,.08),transparent 50%)}
.hero h1{font-size:32px;margin:10px 0}
.hero .sub{opacity:.75;margin-bottom:14px}
.hero-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px, 1fr);gap:16px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.hero-card{scroll-snap-align:start;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:260px}
.hero-media{height:auto;background-size:cover;background-repeat:no-repeat;background-position:center}
.hero-info{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.hero-actions{display:flex;align-items:center;gap:10px}
.price-tag{background:var(--accent);color:#000;padding:4px 8px;border-radius:10px;font-weight:800}
.hero-nav{display:flex;gap:10px;padding:8px 0}
.hero-nav button{background:#0f1116;border:1px solid var(--border);color:#fff;border-radius:10px;padding:6px 10px}

/* Features */
.features{padding:14px 0 6px}
.feature{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.ico{width:26px;height:26px;border-radius:8px;background:var(--accent);margin-bottom:6px}

/* Cards */
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.card .body{padding:12px}
.card.product .img{display:block;height:160px;background:#121722;background-size:cover;background-position:center}
.card.service .img{height:140px}
.card .title{font-weight:700;display:block;margin-bottom:6px}
.card .price{font-weight:900;color:var(--accent);margin:6px 0}

.section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}

/* Product view */
.product-view{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.pv-media{border-radius:16px;height:360px;background:#0f1116;background-size:cover;background-position:center;border:1px solid var(--border)}
.pv-price{font-size:28px;font-weight:900;color:var(--accent)}

/* Cart */
.cart-table{border:1px solid var(--border);border-radius:14px;overflow:hidden}
.cart-table .ct-head,.cart-table .ct-row,.cart-table .ct-foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);align-items:center}
.cart-table .ct-head{background:rgba(255,255,255,.04);font-weight:700}
.cart-table .ct-foot{background:rgba(255,255,255,.02)}
.cart-table .prod{display:flex;align-items:center;gap:10px}
.cart-table .thumb{width:52px;height:52px;border-radius:8px;background:#0f1116;background-size:cover;background-position:center;border:1px solid var(--border)}
.cart-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.cart-mini{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel)}
.cart-mini .row{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px dashed var(--border)}
.cart-mini .row.total{font-weight:900;border-bottom:0}

/* Tables (generic) */
.table{border:1px solid var(--border);border-radius:14px;overflow:hidden}
.table .t-head,.table .t-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}
.table .t-head{background:rgba(255,255,255,.04);font-weight:700}

/* Forms */
input,textarea,select{width:100%;padding:10px 12px;background:#0f1116;border:1px solid var(--border);border-radius:10px;color:#fff}
label{display:block;margin:8px 0 6px}
form .chk{display:flex;align-items:center;gap:8px}

/* Auth */
.auth{max-width:420px;margin:0 auto}
.auth .small{opacity:.7}

/* Floating buttons */
.float-btn{position:fixed;right:18px;width:46px;height:46px;border-radius:999px;background:var(--primary);bottom:18px;box-shadow:var(--shadow);z-index:60}
.float-btn.discord{bottom:70px;background:#5865f2}
.float-btn.whatsapp{bottom:18px;background: #4FCE5D}
.float-btn::after{content:'';position:absolute;inset:0;background-size:22px;background-repeat:no-repeat;background-position:center}
.float-btn.discord::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" viewBox="0 0 24 24"><path d="M20.317 4.369A19.791 19.791 0 0016.558 3c-.195.352-.42.83-.575 1.205a18.27 18.27 0 00-7.966 0A12.3 12.3 0 007.442 3c-1.443.22-2.795.61-4.012 1.37C1.397 7.05.76 10.618 1.093 14.138c1.692 1.257 3.326 2.017 4.94 2.51.397-.545.752-1.127 1.053-1.744-.58-.22-1.137-.478-1.67-.772.14-.1.277-.203.41-.31 3.225 1.512 6.71 1.512 9.918 0 .135.107.272.21.41.31-.534.294-1.09.552-1.67.772.3.617.655 1.199 1.053 1.743 1.622-.5 3.256-1.26 4.948-2.517.405-4.24-.687-7.774-2.768-9.77zM9.3 12.348c-.96 0-1.74-.89-1.74-1.988 0-1.098.78-1.989 1.74-1.989.966 0 1.746.89 1.746 1.989 0 1.097-.78 1.988-1.746 1.988zm5.4 0c-.96 0-1.74-.89-1.74-1.988 0-1.098.78-1.989 1.74-1.989.966 0 1.746.89 1.746 1.989 0 1.097-.78 1.988-1.746 1.988z"/></svg>')}
.float-btn.whatsapp::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012.04 0C5.62 0 .4 5.22.4 11.64c0 2.05.54 4.05 1.57 5.82L0 24l6.72-1.95a11.56 11.56 0 005.32 1.36h.01c6.42 0 11.65-5.22 11.66-11.64 0-3.12-1.22-6.06-3.39-8.19zm-8.49 18.4h-.01a9.68 9.68 0 01-4.94-1.35l-.35-.2-3.99 1.16 1.15-3.88-.23-.4a9.66 9.66 0 01-1.45-5.1c0-5.34 4.35-9.68 9.69-9.68 2.59 0 5.02 1.01 6.85 2.84a9.62 9.62 0 012.84 6.83c0 5.34-4.35 9.68-9.66 9.68zM17.56 14.7c-.28-.14-1.63-.8-1.88-.9-.25-.1-.43-.14-.62.14-.19.28-.72.9-.88 1.08-.16.18-.32.2-.6.07-.28-.14-1.18-.43-2.25-1.37-.83-.74-1.39-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.12-.12.28-.32.42-.48.14-.16.19-.28.28-.47.09-.18.05-.36-.02-.5-.07-.14-.62-1.5-.85-2.07-.23-.55-.46-.47-.62-.48h-.53c-.18 0-.48.07-.73.36-.25.28-.96.94-.96 2.28s.98 2.65 1.12 2.83c.14.18 1.92 2.93 4.65 4.1.65.28 1.16.45 1.55.58.65.21 1.24.18 1.7.11.52-.08 1.63-.67 1.86-1.32.23-.65.23-1.2.16-1.32-.07-.11-.25-.18-.53-.32z"/></svg>')}

/* Sections */
.section-head h2{margin:0}

/* Responsive */
@media (max-width: 960px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-2{grid-template-columns:1fr}
  .product-view{grid-template-columns:1fr}
  .nav{display:none;position:absolute;top:60px;right:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px}
  .nav a{display:block;padding:6px 8px}
  .hamburger{display:block}
}



/* === UI PATCH: improved menu + animated hero === */
.topbar .container{height:64px}
.nav a{padding:8px 12px;border:1px solid transparent;border-radius:10px;transition:background .2s,border-color .2s,transform .2s}
.nav a:hover{background:rgba(255,255,255,.06);border-color:var(--border);transform:translateY(-1px)}
.nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-color:var(--border)}
.actions .btn.ghost{border-color:var(--border)}
.btn.pill{border-radius:999px;padding:12px 18px}
.btn.large{padding:14px 22px;font-size:16px}
.btn.outline{background:transparent;border:1px solid var(--border);color:#fff}
.hero{padding:26px 0 10px;position:relative;background:
  radial-gradient(900px 900px at 80% -20%, rgba(0,255,136,.10), transparent 60%),
  radial-gradient(700px 700px at 10% -10%, rgba(255,208,0,.08), transparent 60%);}
.hero h1{font-size:42px;line-height:1.1;text-align:center;margin:10px 0 8px}
.hero .sub{opacity:.80;max-width:900px;margin:0 auto 12px;text-align:center;font-size:16px}
.hero-ctas{display:flex;gap:10px;justify-content:center;margin:8px 0 20px}
.hero-stage{position:relative;padding-bottom:16px}
.hero-cards{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth;padding:6px 8px}
.hero-card{min-width:300px;max-width:340px;flex:0 0 auto;transform:perspective(800px) rotateX(0deg) translateY(0);transition:transform .25s ease, box-shadow .25s ease}
.hero-card:hover{transform:translateY(-6px) rotateX(4deg);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hero-card .hero-media{height:auto;background-size:cover;background-repeat:no-repeat;background-position:center}
.hero-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-nav .arrow{pointer-events:auto;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:900}
.hero-nav .arrow:hover{transform:translateY(-1px)}
.hero-pages{display:flex;gap:10px;justify-content:center;margin-top:6px}
.hero-pages button{background:transparent;border:1px solid var(--border);color:#fff;border-radius:9px;padding:4px 8px;opacity:.7;cursor:pointer}
.hero-pages button.active,.hero-pages button:hover{background:rgba(255,255,255,.06);opacity:1}
.hero-floor{position:absolute;left:0;right:0;bottom:-70px;height:240px;perspective:800px;pointer-events:none;opacity:.55}
.hero-floor::before{content:'';position:absolute;inset:0;background-image:
  linear-gradient(180deg, rgba(255,255,255,.12), transparent 60%),
  repeating-linear-gradient(transparent,transparent 18px,rgba(255,255,255,.05) 19px,rgba(255,255,255,.05) 20px);
transform:rotateX(60deg);border-top:1px solid rgba(255,255,255,.1)}
@media (max-width: 960px){
  .hero h1{font-size:30px}
  .hero-card{min-width:240px;max-width:280px}
  .hero-floor{display:none}
}


/* === Improved user dropdown (no hover gap, vertical list) === */
.dropdown{ position:relative }
.dropdown .menu{
  display:block; /* keep in flow for hover/focus handling */
  position:absolute; right:0;
  opacity:0; visibility:hidden; transform: translateY(6px);
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  min-width: 200px; padding: 8px;
  pointer-events: none; /* hidden state ignores hover */
  z-index: 20;
}
/* bridge area to avoid flicker when moving cursor from button to menu */
.dropdown .menu::before{
  content:""; position:absolute; left:0; right:0; top:-8px; height:8px;
}
.dropdown:hover .menu,
.dropdown:focus-within .menu{
  opacity:1; visibility:visible; transform: translateY(0);
  pointer-events:auto;
}
.dropdown .menu a{
  display:block; padding:8px 10px; border-radius:10px; text-decoration:none; color:var(--text);
}
.dropdown .menu a:hover{ background: rgba(255,255,255,.06); }



/* === Hero card media: full-bleed image with aspect ratio === */
.hero-media{
  aspect-ratio: 16 / 9;
  height: auto;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-card{ min-height: unset; }



/* --- Hero card hover CTA (added) --- */
.hero-card { position: relative; }
.hero-card .hero-media { position: relative; border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.hero-card .hero-media::after{
  content:""; position:absolute; inset:0; border-top-left-radius: inherit; border-top-right-radius: inherit;
  background:rgba(0,0,0,0); transition: background var(--transition);
}
.hero-card:hover .hero-media::after{ background: rgba(0,0,0,.25); }

.hero-card .hover-cta{
  position:absolute; left:50%; bottom:12px; transform: translate(-50%, 8px);
  background:#fff; color:#000; font-weight:800; font-size:14px; text-decoration:none;
  padding:8px 16px; border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,.35);
  opacity:0; transition: opacity var(--transition), transform var(--transition);
  white-space:nowrap;
}
.hero-card:hover .hover-cta{ opacity:1; transform: translate(-50%, 0); }
.hero-info { text-align: center; }
.hero-info h3 { margin: 2px 0 0; font-weight: 800; }
.hero-info p { color: var(--muted); margin: 4px 0 0; font-size: 14px; }

/* Hide old inline CTA inside hero-info to avoid duplication */
.hero-card .hero-actions a.btn { display: none; }


/* --- TUNE: hero card proportions to match reference --- */
.hero-card{
  border-radius: 18px;
  overflow: hidden;
  min-height: 420px; /* card a bit taller */
  background: var(--panel);
}
.hero-card .hero-media{
  height: 260px;              /* image area height */
  background-size: cover !important;
  background-position: center; /* adjust to 'center top' if you prefer less head crop */
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.hero-card .hero-info{
  margin-top: 0;
  padding: 16px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  min-height: 140px; /* keeps texts sitting at bottom */
}
/* keep CTA hover centered on the image */
.hero-card .hover-cta{ bottom: 16px; }


/* --- TUNE v3: sizes, bottom text, and CTA visibility --- */
.hero-card{
  min-height: 380px;            /* slightly smaller overall */
}
.hero-card .hero-media{
  height: 280px;                 /* image area taller */
}
.hero-card .hero-info{
  min-height: 120px;
  padding: 14px 18px 28px;       /* keep texts near bottom */
}
/* ensure CTA sits above overlay and is clickable */
.hero-card .hero-media{ position: relative; }
.hero-card .hero-media::after{ z-index: 1; }
.hero-card .hover-cta{ z-index: 2; pointer-events: auto; }
/* show CTA on hover for the whole card */
.hero-card:hover .hover-cta{ opacity:1; transform: translate(-50%, 0); }
/* mobile tune: slightly shorter image on small screens */
@media (max-width: 480px){
  .hero-card{ min-height: 360px; }
  .hero-card .hero-media{ height: 240px; }
}


/* --- TUNE v4: tighten spacing between image and texts without changing card size --- */
/* Pull image slightly downward */
.hero-card .hero-media{ height: 292px; } /* was 280px */

/* Keep card size; push texts closer to bottom edge */
.hero-card .hero-info{
  min-height: 100px;            /* was 120px */
  padding: 10px 18px 14px;      /* was 14px 18px 28px */
}

/* Compact title and subtitle spacing */
.hero-card .hero-info h3{ margin: 0 0 4px; }
.hero-card .hero-info p{ margin: 0; }

.grid-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;align-items:center;justify-items:center}
.grid-logos .logo-item{background:rgba(255,255,255,0.04);border-radius:10px;padding:16px}
.grid-logos img{max-height:48px;max-width:100%;display:block;opacity:.9}


/* Referanslar — otomatik kayan logo bandı */
.ref-slider{position:relative;overflow:hidden;padding:12px 0}
.ref-slider .track{display:flex;gap:24px;align-items:center;will-change:transform;animation:refs-marquee 28s linear infinite}
.ref-slider:hover .track{animation-play-state:paused}
.ref-item{flex:0 0 auto;width:160px;height:80px;border-radius:12px;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center}
.ref-item img{max-width:85%;max-height:70%;object-fit:contain;display:block;opacity:1;filter:none}
@keyframes refs-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}



/* Referanslar — statik grid */
.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;align-items:center}
.ref-card{height:80px;background:rgba(255,255,255,0.05);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px}
.ref-card img{max-height:60px;max-width:100%;object-fit:contain;display:block}



/* Referans carousel */
.ref-carousel{position:relative;display:flex;align-items:center;gap:12px;margin:10px 0 24px}
.ref-carousel .nav{background:#d7ff4a;color:#111;border:none;width:44px;height:44px;border-radius:0;font-size:28px;line-height:44px;cursor:pointer}
.ref-carousel .viewport{overflow:hidden;flex:1}
.ref-carousel .belt{display:flex;gap:20px;transition:transform .35s ease}
.ref-card-2{width:200px}
.ref-card-2 .thumb{position:relative;width:140px;height:140px;margin:0 auto;background:transparent;display:flex;align-items:center;justify-content:center}
.ref-card-2 .thumb img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}
.ref-card-2 .thumb .badge{position:absolute;top:-4px;right:-4px;background:#e6fff2;color:#111;width:28px;height:28px;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:700}
.ref-card-2 .meta{margin-top:10px;text-align:center}
.ref-card-2 .meta .title{font-weight:700}
.ref-card-2 .meta .date{opacity:.7;font-size:.9em}
@media (max-width:768px){
  .ref-card-2{width:160px}
  .ref-card-2 .thumb{position:relative;width:140px;height:140px;margin:0 auto;background:transparent;display:flex;align-items:center;justify-content:center}
}



/* === HERO UPDATED OVERRIDES (2025-10-11) === */
.hero.hero-updated{
  position: relative;
  padding: 96px 0 72px;
  background: radial-gradient(1000px 600px at 20% -10%, rgba(94, 234, 212, .25), transparent 60%),
              radial-gradient(800px 500px at 110% 10%, rgba(99, 102, 241, .25), transparent 60%),
              linear-gradient(180deg, #0b1120 0%, #0a0f1f 100%);
  overflow: hidden;
  isolation: isolate;
}
.hero.hero-updated::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(500px 200px at 10% 0%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(400px 160px at 90% 5%, rgba(255,255,255,.04), transparent 60%);
  pointer-events:none;
  z-index:0;
}
.hero.hero-updated .container{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:20px;
}
.hero.hero-updated h1{
  font-size: clamp(2.2rem, 3.6vw + 1rem, 4rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0;
  background: linear-gradient(90deg, #e5e7eb, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 12px rgba(255,255,255,.08);
  animation: heroFadeIn 800ms ease both;
}
.hero.hero-updated .sub{
  max-width: 820px;
  font-size: clamp(1.05rem, 0.6vw + .9rem, 1.3rem);
  line-height: 1.7;
  color: #c7d2fe;
  opacity: .9;
  margin: 6px auto 4px;
  animation: heroFadeIn 900ms ease both;
}
.hero.hero-updated .hero-ctas{
  display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
  margin-top: 8px;
}
.hero.hero-updated .btn{
  transform: translateY(0);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.hero.hero-updated .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.hero.hero-updated .btn.outline{
  backdrop-filter: blur(6px);
  border-color: rgba(148,163,184,.35) !important;
  background: rgba(148,163,184,.06);
}
.hero.hero-updated .hero-stage{
  margin-top: 26px;
  border-radius: 18px;
  background: rgba(2,6,23,.6);
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(2,6,23,.35);
}
@keyframes heroFadeIn{
  from{ opacity:0; transform: translateY(8px); }
  to{ opacity:1; transform: translateY(0); }
}
/* Mobile polish */
@media (max-width: 640px){
  .hero.hero-updated{ padding: 72px 0 56px; }
  .hero.hero-updated .hero-ctas .btn{ width: 100%; justify-content:center; }
}
/* === /HERO UPDATED OVERRIDES === */


/* PAGEVIEW POLISH */
.page-content h1,.page-content h2,.page-content h3{letter-spacing:-.02em;margin:14px 0 10px}
.page-content h1{font-size:clamp(1.8rem,2.4vw+1rem,2.6rem)}
.page-content h2{font-size:clamp(1.4rem,1.8vw+1rem,2rem)}
.page-content img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.page-content a{color:#8ab4ff;text-decoration:underline}
.page-content ul{margin:10px 0 10px 20px}


/* PAGEVIEW TYPO POLISH */
.page-content blockquote{border-left:4px solid rgba(148,163,184,.35); padding:8px 12px; margin:10px 0; color:#cbd5e1; background:rgba(2,6,23,.5); border-radius:8px}
.page-content pre{background:#0b1220; color:#e5e7eb; padding:12px; border-radius:10px; overflow:auto; box-shadow: inset 0 1px 0 rgba(255,255,255,.04)}
.page-content hr{border:0; height:1px; background:linear-gradient(90deg, transparent, rgba(148,163,184,.35), transparent); margin:18px 0}


/* === override: products page images fit the existing media area, without changing card size === */
/* background-image variant (anchor/div): */
.card.product .img,
.product-card .image,
.product-card .thumb,
.item-card .thumb {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* <img> tag variant inside card media area: */
.product-grid .product-card img,
.card.product img,
.product-card img,
.pv-media img {
  width: 100% !important;
  height: 100% !important;   /* fill the pre-defined media box */
  object-fit: cover !important;
  display: block;
}

/* Disable any hover zoom on media */
.card.product .img:hover,
.product-card img:hover { transform: none !important; }



/* === Auto patch: hide search in mobile; keep desktop intact === */
@media (max-width: 960px){
  /* header search */
  .search,
  form[role="search"],
  .site-search,
  #search,
  .header .search { display: none !important; }
  /* on pageview also hide any in-content search blocks */
  body.pageview .search,
  body.pageview form[role="search"],
  body.pageview .site-search,
  body.pageview #search { display: none !important; }
}


/* === Auto patch: Strong mobile bottom-left placement for Buy button === */
@media (max-width: 960px){
  .buy-floating{
    position: fixed !important;
    left: 16px !important;
    right: auto !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 99999 !important;
    transform: none !important;
  }
  @supports (padding-bottom: env(safe-area-inset-bottom)){
    .buy-floating{ bottom: calc(16px + env(safe-area-inset-bottom)); }
  }
}


/* === Added by ChatGPT: Mobile horizontal scroll for hero cards (do not touch desktop) === */
@media (max-width: 768px) {
  .hero-stage { overflow: visible; } /* ensure container doesn't clip */
  .hero-cards {
    display: flex !important;
    gap: 12px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 6px 8px;
    scrollbar-width: none; /* Firefox hide */
  }
  .hero-cards::-webkit-scrollbar { display: none; } /* WebKit hide */

  .hero-card {
    flex: 0 0 auto;
    min-width: 80%;
    scroll-snap-align: start;
  }
}



/* === ChatGPT fix v2: Preserve card look on mobile === */
@media (max-width: 768px) {
  /* Keep cards as real cards */
  .hero-card {
    border-radius: 14px !important;
    overflow: hidden !important;
    background: var(--panel) !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow) !important;
    min-width: 88% !important;         /* show one card + peek of next */
  }

  /* Keep media nicely cropped instead of stretching */
  .hero-card .hero-media {
    width: 100%;
    aspect-ratio: 16/9;                /* crop uniformly */
    height: auto !important;
    background-size: cover !important;
    background-position: center !important;
  }

  /* Internal spacing */
  .hero-card .hero-info {
    padding: 14px !important;
    gap: 10px !important;
  }

  /* Make sure the track doesn't clip */
  .hero-stage { overflow: visible !important; }

  /* Improve inertial feel on iOS and hide scrollbar */
  .hero-cards {
    scroll-padding-left: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
}



/* === ChatGPT fix v3: Make hero images less "zoomed" on mobile === */
@media (max-width: 768px) {
  .hero-card .hero-media {
    /* Add breathing room from the card edges */
    margin: 10px !important;
    border-radius: 12px !important;

    /* Make the artwork appear smaller inside the frame */
    aspect-ratio: 16/9 !important;
    background-size: 88% auto !important;   /* shrink image within box */
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: rgba(255,255,255,0.03) !important; /* subtle backdrop for the empty edges */
  }

  /* Keep text/content spacing pleasant */
  .hero-card .hero-info { padding-top: 10px !important; }
}



/* === ChatGPT fix v4: refine hero & product image sizing on mobile === */
@media (max-width: 768px) {
  /* HERO: make image a bit smaller and add a cleaner inner frame */
  .hero-card {
    border-radius: 16px !important;
    box-shadow: var(--shadow) !important;
    overflow: hidden !important;
    background: var(--panel) !important;
  }
  .hero-card .hero-media {
    margin: 12px !important;              /* frame gap */
    border-radius: 14px !important;
    aspect-ratio: 16/9 !important;
    background-size: 82% auto !important; /* shrink more from v3 (was 88%) */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(255,255,255,0.035) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); /* subtle inner frame */
  }

  /* PRODUCTS (list/grid cards): smaller media box & balanced layout */
  .product-card .pv-media {
    margin: 10px !important;              /* breathing room within card */
    border-radius: 12px !important;
    height: 160px !important;             /* was large on mobile; reduce */
    background-size: 88% auto !important; /* show more of the image */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(255,255,255,0.03) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  }

  /* For img-tag variants inside product cards, scale down consistently */
  .product-card img,
  .product-grid .product-card img,
  .product-card .thumb img {
    max-height: 160px !important;
    width: 100% !important;
    object-fit: contain !important;       /* avoid excessive cropping */
    border-radius: 12px !important;
    display: block !important;
    margin: 10px auto !important;
  }

  /* Keep product card body spacing nice after shrinking media */
  .product-card .body { padding: 12px !important; }
}



/* === ChatGPT fix v5: mobile product image polish === */
@media (max-width: 768px) {
  /* Consistent, smaller media area with nicer framing */
  .product-card .pv-media {
    margin: 12px !important;              /* space from card edges */
    border-radius: 14px !important;
    height: 140px !important;             /* a bit shorter than v4 */
    background-size: 80% auto !important; /* make artwork smaller */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(255,255,255,0.03) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 
                0 1px 10px rgba(0,0,0,.2); /* subtle frame + shadow */
  }

  /* If any product images are <img>, keep them contained and smaller */
  .product-card img,
  .product-grid .product-card img,
  .product-card .thumb img {
    max-height: 140px !important;
    width: 100% !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    display: block !important;
    margin: 12px auto !important;
    background: rgba(255,255,255,0.03);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 
                0 1px 10px rgba(0,0,0,.2);
  }

  /* Tighter spacing for body after reducing image size */
  .product-card .body { padding: 12px 14px 16px !important; }
}



/* === ChatGPT fix v6: mobile product card width + image distance === */
@media (max-width: 768px) {
  /* Make the whole product card a bit narrower so content isn't edge-to-edge */
  .product-card {
    max-width: 92% !important;  /* narrower than full width */
    margin: 0 auto 18px !important; /* center with vertical rhythm */
    border-radius: 16px !important;
  }

  /* Give the media more breathing room and appear farther from edges */
  .product-card .pv-media {
    margin: 14px !important;           /* larger inner frame */
    border-radius: 14px !important;
    height: 140px !important;
    aspect-ratio: 16/9 !important;
    background-size: 72% auto !important; /* smaller artwork (was 80%) */
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* img-tag variants */
  .product-card img,
  .product-grid .product-card img,
  .product-card .thumb img {
    max-height: 140px !important;
    width: 100% !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    display: block !important;
    margin: 14px auto !important;
    padding: 0 !important;
  }

  /* Keep text area comfortable after narrowing card */
  .product-card .body { padding: 12px 16px 16px !important; }
}

/* === WHY US section (refined) === */
:root{
  /* Sayfa zemini varsa onu kullan; yoksa #0f1116 */
  --page-bg: var(--page-bg, #0f1116);

  /* Panel/panel-border/shadow temanda varsa onları kullan, yoksa fallback */
  --why-panel: var(--panel, #121722);
  --why-border: var(--border, rgba(255,255,255,.08));
  --why-shadow: var(--shadow, 0 10px 24px rgba(0,0,0,.25));
  --why-text: #e5e7eb;
  --why-muted: #cbd5e1;
}

.whyus{
  padding: 36px 0 18px;
  /* Bölüm arka planını sayfayla eşitle */
  background: var(--page-bg);
}
.whyus-title{
  text-align:center;
  font-weight:800;
  font-size: clamp(20px, 2.6vw, 32px);
  margin: 6px 0 26px;
}

.whyus-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.whyus-card{
  position:relative;
  background: var(--why-panel);
  border: 1px solid var(--why-border);
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: var(--why-shadow);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color: var(--why-text);
}

.whyus-icon{
  width: 76px; height: 76px;
  border-radius: 18px;
  background:
    radial-gradient(120px 120px at 50% 10%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  display:grid; place-items:center;
  margin-bottom: 12px;
  box-shadow: inset 0 0 0 1px var(--why-border);
}
.whyus-icon svg{ width: 42px; height: 42px; display:block; }

.whyus-dash{
  width: 64px; height: 1px; opacity:.4;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
  margin-bottom: 12px;
}

.whyus-head{ font-weight:800; font-size: 18px; margin: 0 0 8px; }
.whyus-text{ color: var(--why-muted); line-height: 1.5; font-size: 14px; }

/* Masaüstünde kartlar arası kavisli kesik ok */
@media (min-width: 992px){
  .whyus-card{ position: relative; }

  .whyus-card:not(:last-child)::after{
    content:"";
    position:absolute;
    top: 18px;            /* dikey konum */
    right:-14px;          /* kartlar arası boşluğa taşı */
    width:110px;          /* kavis uzunluğu */
    height:30px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    pointer-events:none;

    /* SVG içinde marker-end ile ok başı ( %23 = # kaçarı ) */
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='110' height='30' viewBox='0 0 110 30'>\
  <defs>\
    <marker id='arrow' markerWidth='10' markerHeight='10' refX='9' refY='5' orient='auto' markerUnits='strokeWidth'>\
      <path d='M0,0 L10,5 L0,10 Z' fill='rgba(255,255,255,0.45)'/>\
    </marker>\
  </defs>\
  <path d='M4,26 C36,2 74,2 106,26' fill='none' \
        stroke='rgba(255,255,255,0.35)' stroke-width='2' \
        stroke-dasharray='4 6' stroke-linecap='round' \
        marker-end='url(%23arrow)'/>\
</svg>");
  }
}

/* Mobil: 2x2 grid + daha sıkı aralıklar */
@media (max-width: 768px){
  .whyus{ padding: 24px 0 10px; }
  .whyus-grid{ grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .whyus-card{ padding: 16px 12px; border-radius: 16px; }
  .whyus-icon{ width:68px; height:68px; border-radius:16px; }
  .whyus-icon svg{ width: 38px; height: 38px; }
  .whyus-head{ font-size: 16px; }
  .whyus-text{ font-size: 13px; }
}
/* === WHY US hover effects (desktop-only, motion-safe) === */
@media (hover: hover) and (pointer: fine) {
  .whyus-card {
    position: relative;
    transition: transform .35s cubic-bezier(.22,1,.36,1),
                box-shadow .35s ease,
                border-color .35s ease;
    will-change: transform, box-shadow;
    transform: translateY(0);
  }
  .whyus-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
    border-color: rgba(255,255,255,.16);
  }

  /* ikon kutusu hafif büyüsün */
  .whyus-card .whyus-icon {
    transition: transform .35s cubic-bezier(.22,1,.36,1),
                box-shadow .35s ease;
    will-change: transform;
  }
  .whyus-card:hover .whyus-icon {
    transform: scale(1.06);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18),
                0 6px 18px rgba(0,0,0,.35);
  }

  /* başlığın altındaki çizgi parlasın */
  .whyus-card .whyus-dash {
    position: relative;
    overflow: hidden;
  }
  .whyus-card .whyus-dash::after {
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
    transform: translateX(-120%);
    transition: transform .6s ease;
  }
  .whyus-card:hover .whyus-dash::after {
    transform: translateX(120%);
  }

  /* kart üzerinde hafif “sheen” (ışıma) efekti */
  .whyus-card::before {
    content:"";
    position:absolute; inset:-1px;
    pointer-events:none;
    background:
      radial-gradient(200px 120px at var(--x,110%) -10%, rgba(255,255,255,.10), transparent 60%);
    opacity: 0;
    transition: opacity .35s ease;
    border-radius: inherit;
  }
  .whyus-card:hover::before { opacity: .9; }

  /* Mouse konumuna göre ışımayı hafif oynat (JS’siz, hover’da sabit; istersen JS ile güncelleyebiliriz) */
}

/* Büyük ekranlarda biraz daha belirgin olabilir */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .whyus-card:hover { transform: translateY(-8px); }
}

/* Hareket hassasiyeti olan kullanıcılar için animasyonları azalt */
@media (prefers-reduced-motion: reduce) {
  .whyus-card,
  .whyus-card .whyus-icon,
  .whyus-card .whyus-dash::after,
  .whyus-card::before {
    transition: none !important;
    animation: none !important;
  }
  .whyus-card:hover { transform: none !important; }
}


/* === Custom: Cart color overrides (added by ChatGPT) === */
.topbar .actions a.btn[href*="page=cart"] .badge,
.topbar .actions .btn[href*="page=cart"] .badge {
  background-color: #16a34a !important;
  color: #fff !important;
}

.cart-mini .row.total > :last-child {
  color: #16a34a !important;
}



/* === Cart Pill Button (Slate Glass variant) === */
.cart-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px; border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#e8e8e8; font-weight:700; letter-spacing:.2px;
  box-shadow:0 6px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  backdrop-filter:saturate(1.1) blur(3px);
}
.cart-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
}
.cart-btn .icon{ opacity:.9; }
.cart-btn .label{ font-weight:800; }

/* Badge: nötr, item varsa hafif yeşil vurgu */
.cart-btn .badge{
  min-width:22px; height:22px; padding:0 6px; border-radius:999px;
  display:grid; place-items:center; font-size:12px; font-weight:900;
  background:rgba(255,255,255,.14);
  color:#ffffff; border:1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);
}
.cart-btn.has-items .badge{
  background:rgba(34,197,94,.18);             /* #22c55e düşük opaklık */
  color:#d8ffe7;
  border-color:rgba(34,197,94,.35);
}

/* Önceki badge override kalsın ama daha az müdahaleci olsun */
.topbar .actions a.btn[href*="page=cart"] .badge,
.topbar .actions .btn[href*="page=cart"] .badge {
  background-color:transparent !important; color:inherit !important;
  border-color:rgba(255,255,255,.22) !important;
}

/* Mini sepet toplam tutarı - yeşili de yumuşatalım */
.cart-mini .row.total > :last-child{ color:#4ade80 !important; } /* soft green */
/* badge only on cart link in topbar previously */
.topbar .actions a.btn[href*="page=cart"] .badge,
.topbar .actions .btn[href*="page=cart"] .badge {
  background-color:#16a34a !important; color:#fff !important;
}

/* Mini sepet toplam tutarı */
.cart-mini .row.total > :last-child{ color:#16a34a !important; }


/* === Mini Cart Popover === */
.cart-wrap{ position:relative; display:inline-block; }
.cart-wrap .cart-popover{
  position:absolute; top:115%; right:0; width:340px; z-index:40;
  background:rgba(13,15,20,.92); backdrop-filter:blur(10px) saturate(1.2);
  border:1px solid rgba(255,255,255,.08); border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.5); padding:12px;
  opacity:0; transform:translateY(-6px); pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.cart-wrap:hover .cart-popover{ opacity:1; transform:translateY(0); pointer-events:auto; }
.cart-popover .head{ font-weight:800; margin-bottom:8px; }
.cart-popover .items{ max-height:240px; overflow:auto; }
.cart-popover .empty{ padding:10px; opacity:.8; font-size:14px; }
.cart-popover .it{
  display:grid; grid-template-columns:44px 1fr auto; gap:10px; align-items:center;
  padding:8px; border-radius:10px; text-decoration:none; color:inherit;
}
.cart-popover .it:hover{ background:rgba(255,255,255,.06); }
.cart-popover .thumb{ width:44px; height:44px; border-radius:8px; background:#0f1116; background-size:cover; background-position:center; border:1px solid rgba(255,255,255,.08); }
.cart-popover .meta .title{ font-weight:700; line-height:1.2; }
.cart-popover .meta .sub{ font-size:12px; opacity:.75; }
.cart-popover .price{ font-weight:800; white-space:nowrap; }
.cart-popover .foot{ display:flex; justify-content:space-between; padding-top:8px; margin-top:8px; border-top:1px dashed rgba(255,255,255,.12); }
.cart-popover .go-cart{
  display:block; text-align:center; margin-top:10px; padding:10px 12px; border-radius:10px;
  background:rgba(255,255,255,.08); color:#fff; font-weight:800; border:1px solid rgba(255,255,255,.12);
}
.cart-popover .go-cart:hover{ background:rgba(255,255,255,.12); }


/* === Hero Uçan İkonlar (izole) === */
.hero .hero-fx{ position:relative; height:0; }
.hero .hero-fx .fx{
  position:absolute; width:64px; height:auto; pointer-events:none; user-select:none;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
  animation: kbFloatY 6.5s ease-in-out infinite, kbSlowSpin 22s linear infinite;
  will-change: transform;
}
.hero .hero-fx .fx-a{ left: 10%; top:-140px; animation-delay: .0s; }
.hero .hero-fx .fx-b{ left: 24%; top: -60px; width:72px; animation-delay: .8s; }
.hero .hero-fx .fx-c{ right:18%; top: -90px; width:70px; animation-delay: .3s; }
.hero .hero-fx .fx-d{ right: 6%; top:-150px; width:60px; animation-delay: 1.2s; }
.hero .hero-fx .fx-e{ left: 50%; top: -18px; transform:translateX(-50%); width:40px; animation-delay: .5s; }

@keyframes kbFloatY { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-14px) } }
@keyframes kbSlowSpin { 0%{ rotate:0deg } 100%{ rotate:360deg } }

@media (max-width: 768px){
  .hero .hero-fx .fx{ opacity:.6; transform:scale(.85); }
  .hero .hero-fx .fx-d{ display:none; } /* kalabalığı azalt */
}
@media (prefers-reduced-motion: reduce){
  .hero .hero-fx .fx{ animation:none }
}


/* === Hero Uçan İkonlar (başlığın yanında) === */
.hero .container{ position:relative; }
.hero .hero-fx{
  position:absolute;
  left:0; right:0; top: 18px;
  height:0; pointer-events:none;
}
.hero .hero-fx .fx{
  position:absolute;
  width:64px; height:auto; pointer-events:none; user-select:none;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
  animation: kbFloatY 6.5s ease-in-out infinite, kbSlowSpin 22s linear infinite;
  will-change: transform;
}
.hero .hero-fx .fx-a{ left: 14%; top:-10px; width:48px; animation-delay:.0s; }
.hero .hero-fx .fx-b{ left: 28%; top: 30px; width:82px; animation-delay:.8s; }
.hero .hero-fx .fx-c{ right:24%; top: 20px; width:70px; animation-delay:.3s; }
.hero .hero-fx .fx-d{ right:10%; top: 40px; width:64px; animation-delay:1.2s; }
.hero .hero-fx .fx-e{ left: 50%; top: 48px; transform:translateX(-50%); width:32px; animation-delay:.5s; }

@keyframes kbFloatY { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-14px) } }
@keyframes kbSlowSpin { 0%{ rotate:0deg } 100%{ rotate:360deg } }

@media (max-width: 900px){
  .hero .hero-fx{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .hero .hero-fx .fx{ animation:none }
}


/* === Uçan ikonlar: başlığın SAĞ-SOLUNDA kalsın (v2) === */
.hero .container{ position: relative; }
.hero h1, .hero .sub{ position: relative; z-index: 1; }
.hero .hero-fx{
  position: absolute;
  left: 0; right: 0; top: 18px;
  height: 0; pointer-events: none; z-index: 0;
}
.hero .hero-fx .fx{
  position: absolute;
  width: 64px; height: auto; user-select: none;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.45));
  animation: kbFloatY 6.5s ease-in-out infinite, kbSlowSpin 22s linear infinite;
  will-change: transform;
}

/* Merkezde boş koridor: başlığı kapatma */
.hero .hero-fx .fx-a{ left: 6%;   top:-6px;  width:48px;  animation-delay: .0s; }
.hero .hero-fx .fx-b{ left: 16%;  top: 28px; width:78px;  animation-delay: .6s; }
.hero .hero-fx .fx-e{ right: 28%; top:-14px; width:36px;  animation-delay: .9s; }
.hero .hero-fx .fx-c{ right: 18%; top: 10px; width:70px;  animation-delay: .3s; }
.hero .hero-fx .fx-d{ right: 6%;  top: 36px; width:64px;  animation-delay: 1.1s; }

@keyframes kbFloatY { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-14px) } }
@keyframes kbSlowSpin { 0%{ rotate:0deg } 100%{ rotate:360deg } }

@media (max-width: 1100px){
  .hero .hero-fx .fx-e{ display:none; }
}
@media (max-width: 900px){
  .hero .hero-fx{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .hero .hero-fx .fx{ animation: none; }
}


/* === OVERRIDE: Uçan ikonları daha yana çek (merkezde geniş koridor) === */
.hero .hero-fx{ top: 12px; }
.hero .hero-fx .fx-a{ left: 1.5% !important; top: -8px !important; width:46px !important; }
.hero .hero-fx .fx-b{ left: 9%   !important; top:  26px !important; width:76px !important; }
.hero .hero-fx .fx-c{ right: 9%  !important; top:  10px !important; width:70px !important; }
.hero .hero-fx .fx-d{ right: 1.5%!important; top:  32px !important; width:62px !important; }
.hero .hero-fx .fx-e{ right: 16% !important; top: -12px !important; width:34px !important; }

/* 1280 altı ekranlarda ortayı tamamen boş bırak (gerekirse fx-e'yi gizle) */
@media (max-width: 1280px){
  .hero .hero-fx .fx-e{ display:none !important; }
  .hero .hero-fx .fx-b{ left: 6%  !important; }
  .hero .hero-fx .fx-c{ right: 6% !important; }
}
/* ===== Karakteri büyüt + dikey animasyon ===== */
#cmpSection .grid{
  /* orta sütunu biraz genişlet */
  grid-template-columns: 1.05fr 0.9fr 1.05fr;
}

#cmpSection .char .card{
  padding: 30px;              /* kutuyu biraz genişlet */
  border-radius: 29px;
}

/* Görseli büyüt: min 340px, ekranla orantılı, max 560px */
#cmpSection .char img{
  width: clamp(340px, 40vw, 800px);
  height: auto;
}

/* Dikey yüzen animasyon */
#cmpSection .char .float{
  display: inline-block;
  animation: floatY 6s ease-in-out infinite;
  will-change: transform, filter;
  filter: drop-shadow(0 22px 26px rgba(0,0,0,.45));
}

/* Hover’da biraz hızlansın */
#cmpSection .char .float:hover{
  animation-duration: 4.5s;
}

@keyframes floatY{
  0%   { transform: translateY(0) }
  50%  { transform: translateY(-12px) }
  100% { transform: translateY(0) }
}

/* Erişilebilirlik: hareket azalt tercihinde animasyonu kapat */
@media (prefers-reduced-motion: reduce){
  #cmpSection .char .float{ animation: none }
}



/* === Orders Page Neon Enhancements === */
.orders-page{padding-top:100px}
.orders-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 18px}
.orders-filters{display:flex;gap:10px;align-items:center}
.orders-filters input, .orders-filters select{
  background:var(--soft);border:1px solid var(--border);color:var(--text);
  padding:10px 12px;border-radius:12px;outline:none;transition:box-shadow var(--transition), border var(--transition);
}
.orders-filters input:focus, .orders-filters select:focus{
  border-color:var(--primary); box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent);
}

.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.order-card{
  background:linear-gradient(180deg, rgba(16,19,26,.9), rgba(16,19,26,.95));
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  position:relative;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.order-card::before{
  content:""; position:absolute; inset:-1px; border-radius:16px;
  padding:1px; background:linear-gradient(135deg, rgba(0,229,255,.6), transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.order-card:hover{transform:translateY(-2px); transition:transform var(--transition)}
.oc-row{display:flex; align-items:center; justify-content:space-between; margin:8px 0}
.oc-label{opacity:.7; font-size:12px}
.oc-code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; letter-spacing:.3px}
.oc-total{font-weight:700}
.oc-actions{display:flex; justify-content:flex-end; margin-top:10px}

.oc-badge{padding:4px 10px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.3px;
  background:rgba(255,255,255,.06); border:1px solid var(--border); color:#fff; box-shadow:0 0 12px rgba(0,229,255,.15) inset;
}
.oc-badge.paid{background:rgba(0,255,170,.08); border-color:rgba(0,255,170,.4); box-shadow:0 0 12px rgba(0,255,170,.25) inset; color:#9fffd8}
.oc-badge.awaiting_payment{background:rgba(255,208,0,.08); border-color:rgba(255,208,0,.5); color:#ffe480}
.oc-badge.cancelled{background:rgba(255,0,82,.08); border-color:rgba(255,0,82,.5); color:#ff96b0}

.btn.glow{box-shadow:0 0 18px rgba(0,229,255,.35), inset 0 0 0 1px rgba(0,0,0,.35);}
.btn.glow:hover{box-shadow:0 0 24px rgba(0,229,255,.55), inset 0 0 0 1px rgba(0,0,0,.35)}

.empty-state{margin:40px auto;max-width:560px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px}
.empty-icon{font-size:38px; margin-bottom:10px}
@media (max-width:700px){
  .orders-head{flex-direction:column; align-items:stretch}
  .orders-filters{justify-content:space-between}
}



/* === Cyber Neon Orders Pro === */
:root{ --glass:rgba(255,255,255,.04); --glass2:rgba(255,255,255,.06); }

/* animated aurora background */
.orders-aurora-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.orders-aurora-bg .glow{position:absolute;filter:blur(80px);opacity:.5;mix-blend-mode:screen}
.orders-aurora-bg .a{width:40vw;height:40vw;background:radial-gradient(circle at 30% 30%, rgba(0,229,255,.8), transparent 60%);top:-10vh;left:-10vw;animation:floatA 12s ease-in-out infinite alternate}
.orders-aurora-bg .b{width:35vw;height:35vw;background:radial-gradient(circle at 70% 20%, rgba(0,255,170,.7), transparent 60%);top:-5vh;right:-10vw;animation:floatB 14s ease-in-out infinite alternate}
.orders-aurora-bg .c{width:50vw;height:50vw;background:radial-gradient(circle at 50% 80%, rgba(0,40,120,.9), transparent 60%);bottom:-20vh;left:10vw;animation:floatC 16s ease-in-out infinite alternate}
@keyframes floatA{to{transform:translateY(20px)}}
@keyframes floatB{to{transform:translateY(-30px)}}
@keyframes floatC{to{transform:translateY(25px)}}
.orders-aurora-bg .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 60% 20%, #000 40%, transparent 70%);}

/* hero */
.orders-page.pro{padding-top:110px}
.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;background:linear-gradient(180deg, var(--glass2), transparent);border:1px solid var(--border);border-radius:18px;padding:18px 20px;backdrop-filter:blur(8px)}
.orders-hero h1{margin:0 0 6px;font-size:28px;letter-spacing:.5px}
.hero-stats{display:grid;grid-template-columns:repeat(4, minmax(110px,1fr));gap:12px}
.hero-stats .stat{background:linear-gradient(180deg, var(--soft), transparent);border:1px solid var(--border);border-radius:14px;padding:10px 12px;position:relative;overflow:hidden}
.hero-stats .stat::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(0,229,255,.25), transparent 60%);opacity:.6;mix-blend-mode:screen;pointer-events:none}
.hero-stats .label{opacity:.7;font-size:12px}
.hero-stats strong{font-size:20px}

/* controls */
.orders-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}
.orders-controls .left,.orders-controls .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.orders-controls .ctrl{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--border);padding:8px 10px;border-radius:12px}
.orders-controls .ctrl input,.orders-controls .ctrl select{background:transparent;border:0;outline:none;color:var(--text)}
.orders-controls .ctrl label{opacity:.7;font-size:12px;margin-right:4px}
.orders-controls .icon{opacity:.6}

/* grid */
.orders-grid.pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.order-card.pro{position:relative;background:linear-gradient(180deg, rgba(16,19,26,.85), rgba(16,19,26,.95));border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden}
.order-card.pro .neon-edge{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #00e5ff, #00ffaa);box-shadow:0 0 18px rgba(0,229,255,.6);}
.order-card.pro .oc-top{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 6px 18px}
.order-card.pro .id{display:flex;align-items:center;gap:6px;font-weight:800;letter-spacing:.5px}
.order-card.pro .id .hash{color:var(--primary);text-shadow:0 0 10px rgba(0,229,255,.8)}
.order-card.pro .oc-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 18px 6px}
.order-card.pro .pair{display:flex;justify-content:space-between;background:var(--glass);border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.order-card.pro .oc-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px 16px}
.btn.neon{border:1px solid var(--border)}
.btn.neon:hover{box-shadow:0 0 16px rgba(0,229,255,.45)}

/* status badges */
.oc-badge{padding:5px 12px;border-radius:999px;font-weight:800;letter-spacing:.3px;border:1px solid var(--border);background:rgba(255,255,255,.06)}
.oc-badge.paid{background:linear-gradient(180deg, rgba(0,255,170,.14), rgba(0,255,170,.05));border-color:rgba(0,255,170,.4);color:#9fffd8;text-shadow:0 0 10px rgba(0,255,170,.4)}
.oc-badge.awaiting_payment{background:linear-gradient(180deg, rgba(255,208,0,.16), rgba(255,208,0,.05));border-color:rgba(255,208,0,.5);color:#ffe480;text-shadow:0 0 10px rgba(255,208,0,.35)}
.oc-badge.cancelled{background:linear-gradient(180deg, rgba(255,0,82,.16), rgba(255,0,82,.05));border-color:rgba(255,0,82,.5);color:#ff96b0;text-shadow:0 0 10px rgba(255,0,82,.35)}

/* pager */
.pager{display:flex;justify-content:center;gap:8px;margin:18px 0}
.pager button{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);cursor:pointer}
.pager button.act, .pager button:hover{border-color:var(--primary);box-shadow:0 0 12px rgba(0,229,255,.35)}

/* modal */
.modal{position:fixed;inset:0;display:none;z-index:100}
.modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.modal-dialog{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,92vw);height:min(80vh,720px);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.5);overflow:hidden}
.modal-dialog iframe{width:100%;height:100%;border:0;background:#0b0d10}
.modal-dialog .close{position:absolute;right:8px;top:6px;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}

.empty-state.fancy{position:relative;overflow:hidden;background:linear-gradient(180deg, var(--soft), transparent);}
.empty-state.fancy .empty-orb{position:absolute;width:180px;height:180px;right:-60px;top:-60px;background:radial-gradient(circle, rgba(0,229,255,.6), transparent 60%);filter:blur(16px);opacity:.6}
@media (max-width:900px){
  .hero-stats{grid-template-columns:repeat(2, minmax(110px,1fr))}
  .orders-controls{flex-direction:column;align-items:stretch}
}



/* === Fix: Dark dropdowns for selects + better stats layout === */
.orders-controls .ctrl select,
.orders-filters select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:linear-gradient(180deg, var(--soft), rgba(255,255,255,.02));
  color:var(--text);
  border:0;
  padding:8px 12px;
  border-radius:10px;
  outline:none;
}
/* dropdown list panel & items in dark theme */
.orders-controls .ctrl select option,
.orders-filters select option{
  background:var(--panel);
  color:#fff;
}
/* focus/hover ring */
.orders-controls .ctrl select:focus,
.orders-filters select:focus{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);
}

/* nicer date inputs */
.orders-controls .ctrl input[type="date"]{
  background:linear-gradient(180deg, var(--soft), rgba(255,255,255,.02));
  color:var(--text);
  border:0;
  padding:8px 10px;
  border-radius:10px;
  outline:none;
}
.orders-controls .ctrl input[type="date"]::-webkit-calendar-picker-indicator{
  filter: invert(1) opacity(.7);
}

/* --- Stats cards typography/spacing --- */
.hero-stats .stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}
.hero-stats .label{font-size:12px; opacity:.75; letter-spacing:.2px}
.hero-stats strong{
  display:block;
  font-size:28px;
  line-height:1.1;
  letter-spacing:.5px;
  margin-top:2px;
}
/* visual tweaks */
.hero-stats .stat:hover{
  box-shadow:0 0 18px rgba(0,229,255,.18);
  border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
}



/* === Tweak: Stats total amount size & keep TL inline === */
.hero-stats strong{
  font-size:24px;      /* was 28px */
  white-space:nowrap;  /* keep "TL" on the same line */
}


/* placeholder if prior var missing */


/* === Order View Neon === */
.order-view.neon{padding-top:110px}
.ov-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;background:linear-gradient(180deg, var(--glass2, rgba(255,255,255,.06)), transparent);border:1px solid var(--border);border-radius:18px;padding:16px 18px}
.ov-hero h1{margin:0 0 6px}
.ov-hero .meta{display:flex;gap:12px;flex-wrap:wrap;opacity:.9}
.ov-hero .tag{background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px}
.status{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06)}
.status.paid{background:rgba(0,255,170,.12);border-color:rgba(0,255,170,.4);color:#9fffd8}
.status.awaiting_payment{background:rgba(255,208,0,.12);border-color:rgba(255,208,0,.5);color:#ffe480}
.status.cancelled{background:rgba(255,0,82,.12);border-color:rgba(255,0,82,.5);color:#ff96b0}

.ov-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}
.ov-timeline{background:linear-gradient(180deg, var(--soft), transparent);border:1px solid var(--border);border-radius:14px;padding:14px}
.ov-timeline h3{margin:0 0 8px}
.ov-timeline ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ov-timeline li{position:relative;padding-left:28px;opacity:.8}
.ov-timeline li::before{content:"";position:absolute;left:8px;top:6px;width:10px;height:10px;border-radius:50%;background:#2a3545;box-shadow:0 0 10px rgba(0,229,255,.2)}
.ov-timeline li.done{opacity:1}
.ov-timeline li.done::before{background:var(--primary)}

.ov-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:14px}
.ov-card{background:linear-gradient(180deg, var(--soft), transparent);border:1px solid var(--border);border-radius:14px;padding:14px}
.ov-card h4{margin:0 0 8px}
.ov-card .row{display:flex;justify-content:space-between;margin:6px 0;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:8px 10px}

.ov-items{background:linear-gradient(180deg, var(--soft), transparent);border:1px solid var(--border);border-radius:14px;padding:14px}
.ov-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px dashed var(--border)}
.ov-item:last-child{border-bottom:0}
.ov-item .thumb{width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,.04);display:grid;place-items:center;overflow:hidden}
.ov-item .thumb img{width:100%;height:100%;object-fit:cover}
.ov-item .price{font-weight:800}
@media (max-width:900px){ .ov-grid{grid-template-columns:1fr} }



/* Links/Licenses add-ons */
.ov-card .link{color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--primary) 60%, transparent)}
.license-badge{padding:4px 8px;border-radius:999px;border:1px solid var(--border)}
.license-badge.on{background:rgba(0,255,170,.12);border-color:rgba(0,255,170,.4);color:#9fffd8}
.license-badge.off{background:rgba(255,0,82,.12);border-color:rgba(255,0,82,.5);color:#ff96b0}
.ov-quick-links{display:flex;gap:10px;margin:10px 0}

/* orders-mobile.css — mobile düzen düzeltmeleri */
/* 640px ve altı için yumuşak grid düzeni */
@media (max-width: 640px) {
  .orders-page { padding: 12px !important; }

  /* Başlık ve sayaçlar */
  .orders-hero { display: grid; gap: 12px; }
  .orders-hero .hero-text h1 { margin: 0 0 4px; font-size: 1.35rem; }
  .orders-hero .hero-text p { margin: 0; font-size: .95rem; opacity: .85; }

  .orders-hero .hero-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .orders-hero .hero-stats .stat {
    min-width: 0;
  }

  /* Arama / Sıralama / Durum / Tarih alanları */
  .orders-controls {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }
  .orders-controls .left,
  .orders-controls .right {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .orders-controls .ctrl {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100% !important;
  }
  .orders-controls .ctrl input,
  .orders-controls .ctrl select {
    width: 100% !important;
    min-height: 42px;
  }

  /* Sipariş listesi */
  .orders-grid {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .order-card {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px !important;
    border-radius: 14px;
  }
  .order-card .oc-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
  }
  .order-card .oc-body .pair { display: grid; grid-template-columns: 90px 1fr; gap: 6px; }
  .order-card .total { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  .order-card .oc-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .order-card .oc-actions .btn,
  .order-card .oc-actions button {
    flex: 1 1 150px;
    min-height: 42px;
  }
}

/* 360px ve altı için: sayaçlar tek sütun */
@media (max-width: 360px) {
  .orders-hero .hero-stats { grid-template-columns: 1fr; }
}


/* === ChatGPT patch: Neon Blue backgrounds for products/faq/contact === */
/* Shared neon gradient token */
:root{
  --neon-primary: #00d2ff;
  --neon-secondary: #3a7bd5;
  --neon-dark: #0a0f16;
}
#productsNeon,
#faq-neon,
#contactNeon,
#homeNeon,
#homeNeonWrapper,
#files-landing{
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(0,210,255,.20), rgba(0,210,255,0)),
    radial-gradient(1000px 500px at 90% 0%, rgba(58,123,213,.22), rgba(58,123,213,0)),
    linear-gradient(180deg, #0a0f16 0%, #0b1220 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
/* Optional inner glow for panels so metin okunur kalsın */
#productsNeon .panel,
#faq-neon .panel,
#contactNeon .panel{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
/* === /ChatGPT patch === */


/* === ChatGPT patch: extend neon on homepage — make sections transparent inside wrapper === */
#homeNeonWrapper .whyus,
#homeNeonWrapper .listing{
  background: transparent !important;
}
/* === /ChatGPT patch === */


/* === ChatGPT patch v2: refine neon look === */
#productsNeon,
#faq-neon,
#contactNeon,
#homeNeon,
#homeNeonWrapper,
#files-landing{
  /* slightly deeper base and smoother falloff */
  background:
    radial-gradient(1000px 520px at 12% -8%, rgba(0,210,255,.18), rgba(0,210,255,0) 70%),
    radial-gradient(900px 460px at 88% 2%, rgba(58,123,213,.20), rgba(58,123,213,0) 72%),
    linear-gradient(180deg, #0a0f16 0%, #0b1220 100%);
}
/* soft top glow under navbar for long pages */
body:before{
  content:"";
  position:fixed;
  left:0; right:0; top:0; height:120px;
  pointer-events:none;
  background: radial-gradient(60% 80% at 50% 0, rgba(0,210,255,.10), rgba(0,210,255,0));
  z-index:0;
}
/* keep main content above the glow */
main, .section, .listing, .whyus, #homeNeonWrapper{ position:relative; z-index:1; }
/* === /ChatGPT patch v2 === */