/* Voltra — koyu teknik arayüz: grafit zemin, limon-neon vurgu, Space Grotesk başlıklar, IBM Plex gövde; yoğun, bilgi odaklı ızgaralar. */
:root {
  color-scheme: dark;
  --c-bg: #0B0D10; --c-surface: #14171C; --c-surface-2: #1B1F26; --c-text: #EEF1F5; --c-muted: #99A1AE;
  --c-line: #262B33; --c-accent: #C4F25A; --c-accent-contrast: #0B0D10; --c-sale: #FF6B6B; --c-ok: #6EE7A0; --c-warn: #FFC15E;
  --c-panel: #E9ECF0;
  --font-display: "Space Grotesk", system-ui, sans-serif; --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --radius: 14px; --radius-sm: 8px; --radius-btn: 10px; --container: 1400px; --header-h: 66px;
  --shadow: 0 20px 50px -20px rgba(0,0,0,.8);
}
body { font-size: 15px; }
h1, h2, h3 { font-weight: 700; letter-spacing: -.02em; }
.btn { font-family: var(--font-display); font-weight: 600; }
.btn--primary:hover { filter: brightness(1.08); }
.btn--ghost { border-color: var(--c-line); color: var(--c-text); }
.btn--ghost:hover { border-color: var(--c-accent); }
input:not([type=checkbox]):not([type=radio]), select, textarea { background: var(--c-surface-2); border-color: var(--c-line); color: var(--c-text); }
.demo-bar { background: #000; border-bottom: 1px solid var(--c-line); }
a { color: inherit; }
.muted, .price__was { color: var(--c-muted); }
.flash--info, .ship-progress { background: var(--c-surface-2); }
.tag-test { background: var(--c-warn); color: #111; }

/* Header */
.vt-util { background: var(--c-surface); border-bottom: 1px solid var(--c-line); font-size: .78rem; color: var(--c-muted); }
.vt-util__inner { display: flex; gap: 20px; padding-block: 6px; }
.vt-util__inner span:first-child { color: var(--c-accent); }
.vt-header { background: rgba(11,13,16,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--c-line); }
.vt-header__main { display: flex; align-items: center; gap: 10px; min-height: var(--header-h); }
.vt-header__logo { text-decoration: none; margin-right: auto; }
.vt-logo { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 700; font-size: 1.35rem; letter-spacing: .12em; }
.vt-logo__bolt { color: var(--c-accent); }
.vt-header .header-actions { display: flex; }
.vt-header .search input { background: var(--c-surface-2); border: 1px solid var(--c-line); border-radius: var(--radius-btn); }
.vt-header .search input:focus { border-color: var(--c-accent); }
.search__results { background: var(--c-surface); border-color: var(--c-line); }
.search__results a[aria-selected="true"], .search__results a:hover { background: var(--c-surface-2); }
.vt-compare { position: relative; }
.vt-cats { border-top: 1px solid var(--c-line); }
.vt-cats__inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding-block: 6px; }
.vt-cats__inner::-webkit-scrollbar { display: none; }
.vt-cats a { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--radius-sm); text-decoration: none; font-size: .88rem; font-weight: 500; color: var(--c-muted); }
.vt-cats a:hover, .vt-cats a[aria-current] { color: var(--c-text); background: var(--c-surface-2); }
.vt-cats a[aria-current] svg { color: var(--c-accent); }
.vt-cats__deal { margin-left: auto; color: var(--c-accent) !important; }
.cart-count { background: var(--c-accent); color: var(--c-accent-contrast); }

/* Tipografi */
.vt-h2 { font-family: var(--font-display); font-size: clamp(1.5rem, 3.5vw, 2.1rem); margin: 0 0 20px; }
.vt-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.vt-more { color: var(--c-accent); text-decoration: none; font-weight: 600; font-family: var(--font-display); }
.vt-section { margin-top: 64px; }

/* Bento */
.vt-bento { display: grid; gap: 12px; margin-top: 16px; }
.vt-tile { position: relative; display: block; border-radius: var(--radius); overflow: hidden; background: var(--c-surface); border: 1px solid var(--c-line); text-decoration: none; min-height: 200px; }
.vt-tile > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.vt-tile:hover > img { transform: scale(1.03); }
.vt-tile--hero { min-height: 520px; }
.vt-tile--hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,13,16,.95) 10%, rgba(11,13,16,.2) 70%); }
.vt-tile__content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 24px; }
.vt-deal { display: inline-flex; align-items: center; gap: 10px; background: rgba(0,0,0,.55); border: 1px solid var(--c-line); border-radius: 999px; padding: 6px 14px 6px 6px; font-size: .84rem; margin: 0 0 16px; }
.vt-deal span { background: var(--c-accent); color: var(--c-accent-contrast); font-weight: 700; padding: 3px 10px; border-radius: 999px; font-family: var(--font-display); }
.vt-deal strong { font-family: ui-monospace, Menlo, monospace; font-size: .95rem; color: var(--c-accent); letter-spacing: .04em; }
.vt-hero__title { font-family: var(--font-display); font-size: clamp(2.2rem, 6vw, 3.8rem); line-height: 1; margin: 0 0 12px; }
.vt-hero__lead { color: #C9CFD8; max-width: 460px; margin: 0 0 20px; }
.vt-hero__buy { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.vt-hero__buy .price { font-family: var(--font-display); font-size: 1.6rem; }
.vt-tile--cat::after, .vt-tile--wide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,13,16,.85), transparent 60%); }
.vt-tile__label { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1; display: grid; gap: 2px; }
.vt-tile__label strong { font-family: var(--font-display); font-size: 1.3rem; }
.vt-tile__label small { color: var(--c-accent); font-size: .84rem; }

/* Güven şeridi */
.vt-trust ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); border-radius: var(--radius); overflow: hidden; }
.vt-trust li { background: var(--c-surface); padding: 16px 18px; display: grid; }
.vt-trust strong { font-family: var(--font-display); font-size: 1.4rem; color: var(--c-accent); }
.vt-trust span { color: var(--c-muted); font-size: .84rem; }

/* Kart */
.vt-grid, .listing-page .product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vt-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 72%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; scrollbar-color: var(--c-line) transparent; }
.vt-rail > * { scroll-snap-align: start; }
.vt-rail:focus-visible { box-shadow: 0 0 0 2px var(--c-accent); border-radius: var(--radius); }
.vt-card { position: relative; display: flex; flex-direction: column; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius); overflow: hidden; transition: border-color .2s, transform .2s; }
.vt-card:hover { border-color: #3A414C; transform: translateY(-2px); }
.vt-card__media { position: relative; display: block; aspect-ratio: 1; margin: 8px 8px 0; border-radius: 10px; overflow: hidden; background: var(--c-panel); }
.vt-card__media img { width: 100%; height: 100%; object-fit: cover; }
.vt-tag { position: absolute; left: 8px; top: 8px; background: var(--c-bg); color: var(--c-text); font-family: var(--font-display); font-size: .72rem; font-weight: 600; padding: 4px 9px; border-radius: 6px; }
.vt-tag--sale { background: var(--c-sale); color: #fff; }
.vt-card__body { display: flex; flex-direction: column; flex: 1; gap: 6px; padding: 12px 14px 14px; }
.vt-card__brand { display: flex; justify-content: space-between; gap: 8px; margin: 0; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); }
.vt-card__rate { color: var(--c-warn); letter-spacing: 0; text-transform: none; }
.vt-card__rate small { color: var(--c-muted); }
.vt-card__title { font-family: var(--font-display); font-size: 1rem; font-weight: 600; line-height: 1.3; margin: 0; }
.vt-card__title a { text-decoration: none; }
.vt-card__title a:hover { color: var(--c-accent); }
.vt-card__specs { margin: 2px 0 0; display: grid; gap: 3px; font-size: .78rem; }
.vt-card__specs div { display: flex; gap: 6px; min-width: 0; }
.vt-card__specs dt { color: var(--c-muted); flex: none; }
.vt-card__specs dt::after { content: ":"; }
.vt-card__specs dd { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vt-card__foot { margin-top: auto; padding-top: 10px; display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; border-top: 1px dashed var(--c-line); }
.vt-card .price { font-family: var(--font-display); font-size: 1.15rem; flex-direction: column; gap: 0; }
.vt-card .price__was { font-size: .8rem; }
.vt-card .stock { font-size: .76rem; }
.vt-cmp { border: 1px solid var(--c-line); background: none; color: var(--c-muted); font-size: .76rem; padding: 6px 10px; border-radius: 8px; cursor: pointer; white-space: nowrap; }
.vt-cmp:hover, .vt-cmp[aria-pressed="true"] { color: var(--c-accent); border-color: var(--c-accent); }

/* Kategori kutuları ve markalar */
.vt-catgrid { display: grid; gap: 12px; }
.vt-catbox { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius); padding: 18px; }
.vt-catbox__main { font-family: var(--font-display); font-size: 1.2rem; font-weight: 600; text-decoration: none; }
.vt-catbox__main:hover { color: var(--c-accent); }
.vt-catbox ul { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.vt-catbox li a { display: block; padding: 5px 10px; border-radius: 6px; background: var(--c-surface-2); text-decoration: none; font-size: .84rem; color: var(--c-muted); }
.vt-catbox li a:hover { color: var(--c-text); }
.vt-catbox p { color: var(--c-muted); font-size: .88rem; margin: 8px 0 0; }
.vt-brands ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vt-brands a { display: grid; gap: 2px; padding: 20px; border: 1px solid var(--c-line); border-radius: var(--radius); text-decoration: none; text-align: center; }
.vt-brands strong { font-family: var(--font-display); font-size: 1.25rem; letter-spacing: .04em; }
.vt-brands span { color: var(--c-muted); font-size: .82rem; }
.vt-brands a:hover { border-color: var(--c-accent); }

/* Listeleme */
.listing-title { font-family: var(--font-display); }
.listing-toolbar { border-color: var(--c-line); }
.subcats a { border-color: var(--c-line); background: var(--c-surface); }
.subcats a:hover { border-color: var(--c-accent); }
.listing-filters, .listing-filters.is-open, .filters__actions { background: var(--c-bg); }
.filter-group { border-color: var(--c-line); }
.filter-group legend { font-family: var(--font-display); }
.swatch span:not(.sr-only) { border-color: var(--c-bg); }
.pagination a, .pagination span { border-color: var(--c-line); }

/* Ürün detay */
.gallery__main { background: var(--c-panel); aspect-ratio: 1; }
.gallery__thumb img { height: 72px; }
.pdp__brand { color: var(--c-accent); }
.pdp__title { font-family: var(--font-display); }
.pdp__price { font-family: var(--font-display); font-size: 1.8rem; }
.vt-keyspecs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 14px; }
.vt-keyspecs div { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius-sm); padding: 10px 12px; }
.vt-keyspecs dt { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); }
.vt-keyspecs dd { margin: 3px 0 0; font-weight: 500; font-size: .9rem; }
.vt-badges { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 6px; }
.vt-badges li { font-size: .78rem; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--c-line); color: var(--c-muted); }
.vt-badges__ok { color: var(--c-ok) !important; border-color: rgba(110,231,160,.35) !important; }
.option__value > span { background: var(--c-surface); border-color: var(--c-line); }
.option__value input:checked + span { border-color: var(--c-accent); box-shadow: inset 0 0 0 1px var(--c-accent); }
.qty { border-color: var(--c-line); }
.trust, .accordion details, .review { border-color: var(--c-line); }
.specs dt { color: var(--c-muted); }
.tiers th, .tiers td, .compare-table th, .compare-table td, .table th, .table td { border-color: var(--c-line); }

/* Sepet, checkout, hesap, çerez, çekmece */
.summary__box, .co-section, .form-card, .address-card, .order-hero, .bank-box { background: var(--c-surface); border-color: var(--c-line); }
.choice { border-color: var(--c-line); }
.checkout-header, .drawer__panel, .cookie__box, .toast { background: var(--c-surface); color: var(--c-text); }
.cookie__box { border-color: var(--c-line); }
.drawer__head, .drawer__foot, .mini-line { border-color: var(--c-line); }
.account-nav a, .account-nav button, .stat { background: var(--c-surface); }
.status { background: var(--c-surface-2); }
.legal-note { background: #3A3110; color: #F5E3A7; }
.empty-state__icon { background: var(--c-surface); }
.site-footer a { color: var(--c-muted); }

/* Footer */
.vt-footer { background: var(--c-surface); border-top: 1px solid var(--c-line); margin-top: 96px; }
.vt-footer__grid { display: grid; gap: 28px; grid-template-columns: 1fr 1fr; }
.vt-footer__grid > div:first-child { grid-column: 1 / -1; }
.vt-footer p { color: var(--c-muted); max-width: 380px; }
.vt-footer .footer-title { color: var(--c-text); font-family: var(--font-display); }
.vt-footer__support { display: flex; align-items: center; gap: 8px; font-size: .86rem; }
.vt-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-ok); box-shadow: 0 0 0 4px rgba(110,231,160,.18); }
.footer-legal { border-color: var(--c-line); }

@media (min-width: 600px) {
  .vt-bento { grid-template-columns: 1fr 1fr; }
  .vt-tile--hero, .vt-tile--wide { grid-column: 1 / -1; }
  .vt-trust ul { grid-template-columns: repeat(4, 1fr); }
  .vt-grid, .listing-page .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vt-rail { grid-auto-columns: 40%; }
  .vt-catgrid { grid-template-columns: 1fr 1fr; }
  .vt-brands ul { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 960px) {
  .vt-header .header-actions .search { width: 420px; }
  .vt-bento { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 280px; }
  .vt-tile--hero { grid-column: 1; grid-row: 1 / 3; min-height: 0; }
  .vt-tile--hero .vt-tile__content { padding: 40px; }
  .vt-tile--wide { grid-column: 2 / 4; grid-row: 2; }
  .vt-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .listing-page .listing-layout.has-filters .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .vt-rail { grid-auto-columns: calc((100% - 48px) / 5); }
  .vt-catgrid { grid-template-columns: repeat(4, 1fr); }
  .vt-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
  .vt-footer__grid > div:first-child { grid-column: auto; }
}
.option__value--swatch > span, .swatch span:not(.sr-only) { box-shadow: 0 0 0 1px #6B7482; border-color: var(--c-surface); }
.option__value--swatch input:checked + span, .swatch input:checked + span { box-shadow: 0 0 0 2px var(--c-accent); }