/* Vovanx (B2B) — siyah ve altın. Yalnız STORE_MODE=b2b iken customer-update.css'ten sonra yüklenir. */
:root {
    --vx-gold: #c9a43b;
    --vx-gold-deep: #9c7a24;
    --vx-gold-ink: #7a5e17;
    --vx-gold-soft: #fbf6e6;
    --vx-black: #111111;
    --vx-black-deep: #0a0a0a;

    --dolozena-pink: var(--vx-gold-deep);
    --dolozena-pink-dark: var(--vx-gold-ink);
    --dolozena-pink-soft: var(--vx-gold-soft);
    --dolozena-navy: var(--vx-black);
    --dolozena-navy-deep: var(--vx-black-deep);
    --dolozena-ink: #1c1c1c;
    --web-primary: var(--vx-gold-deep);
    --web-secondary: var(--vx-black);
    --base: var(--vx-gold-deep);
    --base-2: var(--vx-black);
    --bs-base-rgb: 156, 122, 36;
    --web-primary-10: #9c7a2410;
    --web-primary-20: #9c7a2420;
    --web-primary-40: #9c7a2440;
}

/* Lacivert yüzeyler siyaha */
.dolozena-delivery-banner { background: var(--vx-black); }
.dolozena-category-tile,
.dolozena-category-controls button,
.dolozena-card-favorite,
.dolozena-card-quick-view { color: var(--vx-black); }
.dolozena-nav-categories,
.dolozena-lang-menu { box-shadow: 0 12px 28px #1111111f; }

/* Ürün kartı: fiyat siyah, sepete ekle altın zemin + siyah yazı */
.dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row strong,
.dolozena-storefront .dolozena-mini-grid .widget-product-meta .text-accent { color: var(--vx-black) !important; }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-add-button {
    background: var(--vx-gold);
    border-color: var(--vx-gold);
    color: var(--vx-black);
    font-weight: 700;
}
.dolozena-storefront .dolozena-commerce-card .dolozena-card-add-button:hover:not(:disabled),
.dolozena-storefront .dolozena-commerce-card .dolozena-card-add-button:focus-visible {
    background: var(--vx-black);
    border-color: var(--vx-black);
    color: var(--vx-gold);
}

/* Vurgular */
.dolozena-storefront .dolozena-section-title-link:hover h2,
.dolozena-storefront .dolozena-section-title-link:focus-visible h2,
.dolozena-storefront .dolozena-mini-grid .__best-selling:hover .ptr,
.dolozena-storefront .dolozena-track-tool .navbar-tool-icon { color: var(--vx-gold-deep); }

/* Kayıt formu: hesap türü kutuları */
.dolozena-account-type-option:hover .dolozena-account-type-box { border-color: #e3cf96; }
.dolozena-account-type-option input:checked + .dolozena-account-type-box {
    border-color: var(--vx-gold-deep);
    background: var(--vx-gold-soft);
    box-shadow: 0 0 0 3px rgba(156, 122, 36, .12);
}
.dolozena-account-type-option input:checked + .dolozena-account-type-box svg { background: var(--vx-gold-deep); }
.dolozena-account-type-option input:focus-visible + .dolozena-account-type-box { outline-color: var(--vx-gold-deep); }
.dolozena-corporate-panel { border-color: #e3cf96; background: #fffdf6; }
.dolozena-corporate-title,
.dolozena-account-summary.is-corporate .dolozena-account-summary-type { color: var(--vx-gold-ink); }
.dolozena-account-summary.is-corporate .dolozena-account-summary-type { background: var(--vx-gold-soft); }

/* Altın zeminli dolgu düğmeleri siyah yazıyla okunur kalsın */
.btn--primary, .btn-primary, .bg-primary { color: #fff; }

/* ===== B2B ana sayfa (Vovanx) ===== */
.vx-eyebrow { display:inline-block; color:var(--vx-gold-deep); font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.vx-btn { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 22px; border:1.5px solid var(--vx-gold); border-radius:3px; font-size:15px; font-weight:700; text-decoration:none !important; transition:background-color .2s, color .2s, border-color .2s; }
.vx-btn-gold { background:var(--vx-gold); color:var(--vx-black) !important; }
.vx-btn-gold:hover, .vx-btn-gold:focus-visible { background:#e0bd55; border-color:#e0bd55; }
.vx-btn-line { background:transparent; color:var(--vx-gold) !important; }
.vx-btn-line:hover, .vx-btn-line:focus-visible { background:var(--vx-gold); color:var(--vx-black) !important; }

.vx-hero { position:relative; overflow:hidden; padding:56px 0 48px; background:radial-gradient(120% 140% at 85% 10%, #2a2311 0%, #121212 45%, #0a0a0a 100%); color:#f3f0e8; }
.vx-hero::after { content:""; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg, transparent, var(--vx-gold), transparent); }
.vx-hero-inner { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr); gap:48px; align-items:center; }
.vx-hero .vx-eyebrow { color:var(--vx-gold); }
.vx-hero h1 { margin:14px 0 14px; color:#fff; font-size:clamp(30px, 3.4vw, 46px); font-weight:800; line-height:1.12; letter-spacing:-.01em; }
.vx-hero h1 span { color:var(--vx-gold); }
.vx-hero-copy > p { max-width:520px; margin:0 0 26px; color:#cfc9bb; font-size:17px; line-height:1.6; }
.vx-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vx-hero-facts { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; margin:34px 0 0; padding:0; list-style:none; }
.vx-hero-facts li { padding:12px 12px 10px; border:1px solid #ffffff1f; border-radius:4px; background:#ffffff08; }
.vx-hero-facts strong { display:block; color:var(--vx-gold); font-size:22px; font-weight:800; line-height:1.1; }
.vx-hero-facts span { color:#bdb6a6; font-size:12.5px; }
.vx-hero-note { display:block; margin-top:10px; color:#8f897b; font-size:12px; }

.vx-hero-visual { display:grid; gap:18px; }
.vx-flow { display:grid; grid-template-columns:auto minmax(28px, 1fr) auto minmax(28px, 1fr) auto; align-items:center; }
.vx-flow-node { display:grid; justify-items:center; gap:4px; width:128px; padding:16px 10px; border:1px solid #c9a43b55; border-radius:6px; background:#151515; text-align:center; }
.vx-flow-node i { color:var(--vx-gold); font-size:24px; }
.vx-flow-node b { color:#fff; font-size:13.5px; }
.vx-flow-node span { color:#a59f90; font-size:11.5px; line-height:1.3; }
.vx-flow-line { position:relative; height:2px; margin:0 4px; background:repeating-linear-gradient(90deg, var(--vx-gold) 0 6px, transparent 6px 11px); }
.vx-van { position:absolute; top:-15px; left:0; color:var(--vx-gold); font-size:18px; animation:vx-van-drive 4.8s ease-in-out infinite; }
.vx-flow-line-2 .vx-van { animation-delay:2.4s; }
@keyframes vx-van-drive { 0% { left:0; opacity:0; } 12% { opacity:1; } 88% { opacity:1; } 100% { left:calc(100% - 20px); opacity:0; } }
@media (prefers-reduced-motion: reduce) { .vx-van { animation:none; left:calc(50% - 10px); } }
.vx-xml-card { padding:16px 18px; border:1px solid #ffffff1f; border-radius:6px; background:#0f0f0f; }
.vx-xml-head { margin-bottom:8px; color:var(--vx-gold); font-size:12.5px; font-weight:700; }
.vx-xml-card code { display:block; color:#d9d3c4; font-size:13px; line-height:1.55; background:none; }
.vx-xml-sync { display:block; margin-top:10px; color:#8f897b; font-size:12px; }

.vx-section { padding:52px 0; background:#fff; }
.vx-section-tight { padding:40px 0; }
.vx-section-head { margin-bottom:28px; text-align:center; }
.vx-section-head h2 { margin:8px 0 0; color:var(--vx-black); font-size:clamp(24px, 2.4vw, 32px); font-weight:800; }
.vx-section-dark { background:#111; }
.vx-section-dark .vx-section-head h2 { color:#fff; }
.vx-section-dark .vx-eyebrow { color:var(--vx-gold); }

.vx-steps { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; margin:0; padding:0; list-style:none; counter-reset:none; }
.vx-steps li { position:relative; padding:22px 20px 18px; border-top:3px solid var(--vx-gold); background:#faf8f2; }
.vx-step-no { display:inline-grid; place-items:center; width:34px; height:34px; margin-bottom:10px; border-radius:50%; background:var(--vx-black); color:var(--vx-gold); font-weight:800; }
.vx-steps h3, .vx-benefit h3, .vx-path h3 { margin:0 0 6px; font-size:17px; font-weight:800; color:var(--vx-black); }
.vx-steps p, .vx-path p { margin:0; color:#555; font-size:14.5px; line-height:1.55; }

.vx-benefits { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.vx-benefit { padding:22px 20px; border:1px solid #ffffff17; border-radius:6px; background:#171717; }
.vx-benefit i { color:var(--vx-gold); font-size:24px; margin-bottom:10px; }
.vx-benefit h3 { color:#fff; }
.vx-benefit p { margin:0; color:#b4ae9f; font-size:14.5px; line-height:1.55; }

.vx-paths { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.vx-path { display:flex; flex-direction:column; gap:8px; padding:24px 22px; border:1px solid #e7e1d1; border-radius:6px; background:#fff; }
.vx-path.is-featured { border:2px solid var(--vx-gold); background:var(--vx-gold-soft); }
.vx-path a { margin-top:auto; padding-top:8px; color:var(--vx-gold-ink) !important; font-weight:700; }

.vx-markets { display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.vx-markets li { display:grid; place-items:center; aspect-ratio:1 / 1; padding:8px; border:1px solid #e7e1d1; border-radius:6px; background:#fff; color:var(--vx-black); font-size:15px; font-weight:800; text-align:center; }

.vx-cta { padding:40px 0; background:linear-gradient(100deg, #b8912f, #e3c25c 55%, #b8912f); }
.vx-cta-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.vx-cta h2 { margin:0 0 6px; color:var(--vx-black); font-size:26px; font-weight:800; }
.vx-cta p { margin:0; color:#2b2416; font-size:15px; }
.vx-cta-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vx-cta .vx-btn-gold { background:var(--vx-black); border-color:var(--vx-black); color:var(--vx-gold) !important; }
.vx-cta .vx-btn-line { border-color:var(--vx-black); color:var(--vx-black) !important; }
.vx-cta .vx-btn-line:hover { background:var(--vx-black); color:var(--vx-gold) !important; }

@media (max-width: 991px) {
    .vx-hero-inner { grid-template-columns:1fr; gap:32px; }
    .vx-steps { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-benefits, .vx-paths { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-markets { grid-template-columns:repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    .vx-hero { padding:36px 0 32px; }
    .vx-hero-facts { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-flow-node { width:96px; padding:12px 6px; }
    .vx-steps, .vx-benefits, .vx-paths { grid-template-columns:1fr; }
    .vx-markets { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-markets li { aspect-ratio:auto; min-height:64px; }
}

/* Vovanx logosu Dolozena'nınkinden geniş (4:1); footer'da sol sütuna (230px) sığsın, banda dikeyde ortalansın */
.dolozena-footer-logo-top { display:flex; align-items:center; }
.dolozena-footer-logo-top img { width:100% !important; max-width:230px; height:auto !important; margin-inline-start:0 !important; }

/* Uyumlu pazaryerleri: gerçek logolar, kare kutular */
.vx-markets li img { display:block; width:auto; max-width:78%; max-height:40px; height:auto; object-fit:contain; }
.vx-markets li { transition:border-color .2s, box-shadow .2s; }
.vx-markets li:hover { border-color:var(--vx-gold); box-shadow:0 8px 20px #1111110f; }
.vx-market-own { gap:6px; align-content:center; }
.vx-market-own i { color:var(--vx-gold-deep); font-size:26px; }
.vx-market-own span { font-size:14px; }