/* Vovanx (B2B) — siyah ve kırmızı (03.11, logo kırmızısı #d3314e). Yalnız STORE_MODE=b2b iken customer-update.css'ten sonra yüklenir. */
:root {
    --vx-red: #d3314e;
    --vx-red-deep: #b02340;
    --vx-red-ink: #8a1a31;
    --vx-red-bright: #ef5a74;
    --vx-red-soft: #fcedf0;
    --vx-black: #111111;
    --vx-black-deep: #0a0a0a;

    --dolozena-pink: var(--vx-red);
    --dolozena-pink-dark: var(--vx-red-deep);
    --dolozena-pink-soft: var(--vx-red-soft);
    --dolozena-navy: var(--vx-black);
    --dolozena-navy-deep: var(--vx-black-deep);
    --dolozena-ink: #1c1c1c;
    --web-primary: var(--vx-red);
    --web-secondary: var(--vx-black);
    --base: var(--vx-red);
    --base-2: var(--vx-black);
    --bs-base-rgb: 211, 49, 78;
    --web-primary-10: #d3314e10;
    --web-primary-20: #d3314e20;
    --web-primary-40: #d3314e40;
}

/* 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 kırmızı zemin + beyaz 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-red);
    border-color: var(--vx-red);
    color: #fff;
    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: #fff;
}

/* 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-red); }

/* Kayıt formu: hesap türü kutuları */
.dolozena-account-type-option:hover .dolozena-account-type-box { border-color: #f0c2cb; }
.dolozena-account-type-option input:checked + .dolozena-account-type-box {
    border-color: var(--vx-red);
    background: var(--vx-red-soft);
    box-shadow: 0 0 0 3px rgba(211, 49, 78, .12);
}
.dolozena-account-type-option input:checked + .dolozena-account-type-box svg { background: var(--vx-red); }
.dolozena-account-type-option input:focus-visible + .dolozena-account-type-box { outline-color: var(--vx-red); }
.dolozena-corporate-panel { border-color: #f0c2cb; background: #fffafb; }
.dolozena-corporate-title,
.dolozena-account-summary.is-corporate .dolozena-account-summary-type { color: var(--vx-red-ink); }
.dolozena-account-summary.is-corporate .dolozena-account-summary-type { background: var(--vx-red-soft); }

/* Kırmızı zeminli dolgu düğmelerinde yazı beyaz */
.btn--primary, .btn-primary, .bg-primary { color: #fff; }

/* ===== B2B ana sayfa (Vovanx) ===== */
.vx-eyebrow { display:inline-block; color:var(--vx-red); 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-red); border-radius:3px; font-size:15px; font-weight:700; text-decoration:none !important; transition:background-color .2s, color .2s, border-color .2s; }
.vx-btn-red { background:var(--vx-red); color:#fff !important; }
.vx-btn-red:hover, .vx-btn-red:focus-visible { background:var(--vx-red-deep); border-color:var(--vx-red-deep); }
.vx-btn-line { background:transparent; color:var(--vx-red-bright) !important; }
.vx-btn-line:hover, .vx-btn-line:focus-visible { background:var(--vx-red); color:#fff !important; }

/* 01.11: üstteki duyuru bandı ve menü siyah; karşılama alanı açık zeminle onlardan ayrılır */
.vx-hero { position:relative; overflow:hidden; padding:56px 0 48px; background:radial-gradient(110% 130% at 88% 0%, #f9dfe4 0%, #fcf4f6 45%, #ffffff 100%); border-top:1px solid #f0d0d6; color:var(--vx-black); }
.vx-hero::after { content:""; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg, transparent, var(--vx-red), 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-red-ink); }
.vx-hero h1 { margin:14px 0 14px; color:var(--vx-black); font-size:clamp(30px, 3.4vw, 46px); font-weight:800; line-height:1.12; letter-spacing:-.01em; }
.vx-hero h1 span { color:var(--vx-red); }
.vx-hero-copy > p { max-width:540px; margin:0 0 26px; color:#444; font-size:17px; line-height:1.6; }
.vx-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vx-hero .vx-btn-line { border-color:var(--vx-red); color:var(--vx-red-deep) !important; }
.vx-hero .vx-btn-line:hover, .vx-hero .vx-btn-line:focus-visible { background:var(--vx-black); border-color:var(--vx-black); color:#fff !important; }
.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 #eed7dc; border-radius:4px; background:#fff; }
.vx-hero-facts strong { display:block; color:var(--vx-red); font-size:22px; font-weight:800; line-height:1.1; }
.vx-hero-facts span { color:#666; font-size:12.5px; }
.vx-hero-note { display:block; margin-top:10px; color:#757575; 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 #d3314e66; border-radius:6px; background:#151515; text-align:center; }
.vx-flow-node i { color:var(--vx-red-bright); font-size:24px; }
.vx-flow-node b { color:#fff; font-size:13.5px; }
.vx-flow-node span { color:#a3a3a3; 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-red) 0 6px, transparent 6px 11px); }
.vx-van { position:absolute; top:-15px; left:0; color:var(--vx-red); font-size:18px; animation:vx-van-drive 4.8s ease-in-out infinite; }
/* FontAwesome 4 kamyonu sola bakar; akış soldan sağa olduğu için aynalanır (yoksa geri geri gider) */
.vx-van i { display:inline-block; transform:scaleX(-1); }
.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-red-bright); font-size:12.5px; font-weight:700; }
.vx-xml-card code { display:block; color:#d6d6d6; font-size:13px; line-height:1.55; background:none; }
.vx-xml-sync { display:block; margin-top:10px; color:#8c8c8c; 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-red-bright); }

.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-red); background:#faf7f8; }
.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-red-bright); 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-red-bright); font-size:24px; margin-bottom:10px; }
.vx-benefit h3 { color:#fff; }
.vx-benefit p { margin:0; color:#b3b3b3; 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 #e5e2e3; border-radius:6px; background:#fff; }
.vx-path.is-featured { border:2px solid var(--vx-red); background:var(--vx-red-soft); }
.vx-path a { margin-top:auto; padding-top:8px; color:var(--vx-red-deep) !important; font-weight:700; }

.vx-markets { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none; }

/* Katalog avantajları ve yurt dışı satış */
.vx-section-soft { background:#faf6f7; }
.vx-catalog-perks { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
.vx-perk { padding:22px 20px; border:1px solid #efdde1; border-top:3px solid var(--vx-red); border-radius:6px; background:#fff; }
.vx-perk strong { display:block; margin-bottom:6px; color:var(--vx-black); font-size:17px; font-weight:800; }
.vx-perk p { margin:0; color:#555; font-size:14.5px; line-height:1.55; }
.vx-abroad { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr); gap:40px; align-items:center; }
.vx-abroad h2 { margin:8px 0 12px; color:#fff; font-size:clamp(24px, 2.4vw, 32px); font-weight:800; }
.vx-abroad p { max-width:540px; margin:0 0 22px; color:#cccccc; font-size:16px; line-height:1.6; }
.vx-abroad-channels { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.vx-abroad-channels li { display:grid; place-items:center; align-content:center; gap:6px; min-height:96px; padding:14px; border-radius:6px; background:#fff; }
.vx-abroad-channels img { display:block; width:auto; max-width:70%; max-height:40px; height:auto; }
.vx-abroad-channels span { color:#666; font-size:12.5px; font-weight:700; }
.vx-markets li { display:grid; place-items:center; aspect-ratio:1 / 1; padding:8px; border:1px solid #e5e2e3; 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, #a81f3b, #d3314e 55%, #a81f3b); }
.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:#fff; font-size:26px; font-weight:800; }
.vx-cta p { margin:0; color:#fde8ec; font-size:15px; }
.vx-cta-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vx-cta .vx-btn-red { background:var(--vx-black); border-color:var(--vx-black); color:#fff !important; }
.vx-cta .vx-btn-line { border-color:#fff; color:#fff !important; }
.vx-cta .vx-btn-line:hover { background:var(--vx-black); border-color:var(--vx-black); color:#fff !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, .vx-catalog-perks { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-markets { grid-template-columns:repeat(4, minmax(0, 1fr)); }
    .vx-abroad { grid-template-columns:1fr; gap:24px; }
}
@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, .vx-catalog-perks { 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-red); box-shadow:0 8px 20px #1111110f; }
.vx-market-own { gap:6px; align-content:center; }
.vx-market-own i { color:var(--vx-red); font-size:26px; }
.vx-market-own span { font-size:14px; }

/* ===== 02.11 görüşme notları (VIDEO-ANALIZI-2026-11-01.md) ===== */
/* Menüde etkin sayfanın (Ana Sayfa) çizgisi sürekli durmasın; diğer öğeler gibi yalnız üzerine gelince görünsün */
.dolozena-storefront .navbar-stuck-menu .nav-item.active > .nav-link::after { content:none; }

/* Dolozena pembesinden kalan üzerine gelme renkleri: ürün kartında renkli hâle yok, hafif kalkma kalır */
.dolozena-commerce-card:hover { border-color:#e5e2e3; box-shadow:0 8px 18px rgba(17, 17, 17, .08); }
.dolozena-storefront .__cate-item:hover .__img { border-color:rgba(211, 49, 78, .4); box-shadow:0 12px 24px rgba(211, 49, 78, .12); }
.fadime-quick-questions button, .fadime-actions a { color:var(--vx-red-deep); border-color:rgba(211, 49, 78, .3); }
.fadime-form .fadime-send-button:focus-visible { outline-color:rgba(211, 49, 78, .35); }

/* Tedarikçi stok kodları (ör. Teknodayım "UCZ…") kartta gösterilmez */
.dolozena-storefront .dolozena-commerce-card .dolozena-card-sku { display:none; }

/* Fiyatın KDV dahil olduğu belirtilir; KDV hariç gösterime geçilirse bu metin değişecek */
.dolozena-storefront .dolozena-card-price-row::after,
.dolozena-storefront .dolozena-detail-price-row::after { content:"KDV dahil"; margin-inline-start:6px; color:#757575; font-size:11px; font-weight:500; white-space:nowrap; align-self:center; }

/* Logo üstte ve altta daha büyük: üstteki genişlik vitrin ayarından (dolozena_storefront.logo_width = 270), burada yalnız yükseklik sınırı */
.dolozena-storefront .navbar-brand img { max-height:60px !important; }
.dolozena-footer-logo-top img { max-width:290px; }

/* 04.11: bireysel hesap da açıldı; girişteki "hangi türde açtıysanız o sekmeden" notu yeniden görünür (02.11'deki gizleme kaldırıldı) */

/* 02.11 iki fiyat katmanı: ürün sayfasında ziyaretçiye "bayi olun", bayiye "bayi fiyatınız" notu */
.vx-dealer-price-note { display:flex; align-items:center; gap:8px; margin:8px 0 0; padding:8px 12px; border:1px dashed #f0c2cb; border-radius:6px; background:var(--vx-red-soft); color:#444; font-size:13px; }
.vx-dealer-price-note i { color:var(--vx-red); }
.vx-dealer-price-note a { color:var(--vx-red-deep); font-weight:700; text-decoration:underline; }
.vx-dealer-price-note.is-dealer { border-style:solid; }

/* ===== 02.11 video analizi 2. tur: karar gerektirmeyen düzeltmeler ===== */
/* Puanı olmayan kartta çıkan "☆ Yeni ürün" yazısı her kartta tekrarlanıyordu; gösterilmez (yeni ürünler kendi bölümünde) */
.dolozena-storefront .dolozena-card-rating .tio-star-outlined,
.dolozena-storefront .dolozena-card-rating .tio-star-outlined + span { display:none; }

/* Üst menüde simge ya her öğede ya hiçbirinde: yalnız üç öğedeydi, kaldırıldı (04.11: Keşfet'in pusulası Dolozena'daki gibi görünür) */
.dolozena-storefront .navbar-stuck-menu .navbar-nav .nav-link > i.fa { display:none; }

/* 04.11 (kullanıcı isteği): menü Dolozena ile aynı; Kategoriler ile ilk öğe arasındaki ek 46px kaldırıldı, aralıklar ortak CSS'ten eşit gelir */

/* Altbilgi logosu üstteki logo kadar (270px); altbilginin sol sütunu (logo, adres) da 230px'ten 270px'e genişler */
@media (min-width: 992px) {
    .dolozena-storefront .dolozena-footer { --dolozena-footer-aside: 270px; }
    .dolozena-footer-logo-top img { max-width:270px; width:270px !important; flex-shrink:0; }
}

/* 03.11 (X9): bayi olmayana kartta toptan fiyat çağrısı */
.vx-card-dealer-cta { display:flex; align-items:center; gap:6px; margin:6px 0 0; font-size:12px; font-weight:600; color:var(--vx-red-deep); text-decoration:none; }
.vx-card-dealer-cta i { color:var(--vx-red); }
.vx-card-dealer-cta:hover, .vx-card-dealer-cta:focus { color:var(--vx-red-deep); text-decoration:underline; }
/* 03.11 akşam (kullanıcı isteği): fiyat yalnız onaylı bayiye; ziyaretçi kartta ve ürün sayfasında kilit görür */
.vx-card-price-lock { display:flex; align-items:center; gap:6px; min-height:36px; margin:0; font-size:14px; font-weight:700; color:var(--vx-red-deep); }
.vx-card-price-lock i { color:var(--vx-red); }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-select-options i { margin-inline-end:6px; }
.vx-detail-dealer-actions { margin-top:12px; flex-wrap:wrap; }
.vx-detail-dealer-actions .btn { min-width:160px; }

/* 03.11 akşam (kullanıcı isteği): örnek XML bayi siteleri gibi menü, sağ üstte bayilik düğmeleri ve bayilik altbilgisi */
.vx-head-ctas { display:none; align-items:center; gap:8px; margin-inline-start:16px; }
.vx-head-cta { display:none; align-items:center; gap:6px; height:40px; padding:0 14px; border:1px solid var(--vx-red); border-radius:8px; background:#fff; color:var(--vx-red-deep); font-size:13px; font-weight:700; white-space:nowrap; text-decoration:none; }
.vx-head-cta.is-primary { background:var(--vx-red); color:#fff; }
.vx-head-cta:hover, .vx-head-cta:focus { border-color:var(--vx-red-deep); background:var(--vx-red-deep); color:#fff; text-decoration:none; }
@media (min-width: 1200px) { .vx-head-ctas { display:flex; } .vx-head-cta.is-primary { display:inline-flex; } }
@media (min-width: 1400px) { .vx-head-cta { display:inline-flex; } }
/* Menü dar ekranda sığsın: rehber bağlantıları sırayla gizlenir (hepsi ana sayfada ve altbilgide de var) */
@media (min-width: 768px) and (max-width: 991.98px) { .navbar-stuck-menu .vx-nav-lg { display:none !important; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .navbar-stuck-menu .vx-nav-xl { display:none !important; } }
@media (min-width: 768px) and (max-width: 1399.98px) { .navbar-stuck-menu .vx-nav-xxl { display:none !important; } }
/* Menüden gelinen ana sayfa bölümü yapışkan başlığın altında kalmasın */
.vx-section[id] { scroll-margin-top:170px; }
@media (max-width: 767.98px) { .vx-section[id] { scroll-margin-top:90px; } }

.vx-footer-dealer { padding:32px 0 8px; }
.vx-footer-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; padding:24px 28px; border-radius:12px; background:var(--vx-red); color:#fff; }
.vx-footer-cta-text strong { display:block; font-size:22px; font-weight:800; line-height:1.25; }
.vx-footer-cta-text span { display:block; margin-top:6px; color:rgba(255,255,255,.9); font-size:14px; }
.vx-footer-cta-actions { display:flex; flex-wrap:wrap; gap:10px; flex-shrink:0; }
.dolozena-storefront .dolozena-footer a.vx-footer-cta-btn { display:inline-flex; align-items:center; height:44px; padding:0 20px; border:1px solid #fff; border-radius:8px; color:#fff !important; font-size:14px; font-weight:700; white-space:nowrap; }
.dolozena-storefront .dolozena-footer a.vx-footer-cta-btn.is-primary { background:#fff; color:var(--vx-red-deep) !important; }
.dolozena-storefront .dolozena-footer a.vx-footer-cta-btn:hover, .dolozena-storefront .dolozena-footer a.vx-footer-cta-btn:focus { background:var(--vx-black); border-color:var(--vx-black); color:#fff !important; }
.vx-footer-trust { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin:0; padding:0 0 24px; border-bottom:1px solid rgba(255,255,255,.12); list-style:none; }
.vx-footer-trust li { display:grid; grid-template-columns:40px 1fr; column-gap:12px; align-items:center; }
.vx-footer-trust i { grid-row:span 2; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(239,90,116,.16); color:var(--vx-red-bright); font-size:17px; }
.vx-footer-trust strong { color:#fff; font-size:14px; font-weight:700; }
.vx-footer-trust span { color:rgba(255,255,255,.7); font-size:12px; line-height:1.4; }
.vx-footer-about { margin:0 0 16px; color:rgba(255,255,255,.75); font-size:13px; line-height:1.55; }
.vx-footer-categories { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; padding:16px 0; border-top:1px solid rgba(255,255,255,.12); }
.vx-footer-categories > span { margin-inline-end:4px; color:#fff; font-size:13px; font-weight:700; }
.dolozena-storefront .dolozena-footer .vx-footer-categories a { padding:4px 12px; border:1px solid rgba(255,255,255,.2); border-radius:999px; font-size:13px; }
.dolozena-storefront .dolozena-footer .vx-footer-categories a:hover { border-color:var(--vx-red-bright); }
@media (max-width: 991.98px) {
    .vx-footer-cta { flex-direction:column; align-items:flex-start; }
    .vx-footer-trust { grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:16px; }
}
@media (max-width: 575.98px) {
    .vx-footer-cta { padding:20px; }
    .vx-footer-cta-text strong { font-size:19px; }
    .vx-footer-trust { grid-template-columns:1fr; }
}
/* 03.11 yeni logo (VOVANX ML POINT, Dolozena'nınki gibi dikine esnetilmiş, en/boy ≈ 3,3): üstte ve altta 72px, kutunun soluna yaslı */
.dolozena-storefront .navbar-brand img { max-height:72px !important; object-position:left center; }
@media (min-width: 992px) {
    .dolozena-footer-logo-top img { width:auto !important; height:72px !important; max-width:270px; }
}
/* 04.11 (kullanıcı isteği): "VOVANX TEDARİK MERKEZİ" logosu dikine ~%16 sündürüldü (en/boy 3,83 → 3,3); 270px genişlikte 82px yükseklik */
.dolozena-storefront .navbar-brand img { max-height:82px !important; }
@media (min-width: 992px) {
    .dolozena-footer-logo-top img { height:82px !important; }
}

/* 2026-11-05 · Müşteri isteği: kartta "KDV dahil" yazısı kaldırıldı; fiyat satırı (eski fiyat · % rozeti · fiyat) kart genişliğiyle
   orantılı büyüyüp küçülür ve tek satırda kalır (önceden 225/255px eşiklerinde sıçrıyor, 1366px ekranlarda ikiye bölünüyordu).
   Telefonda iki sütunlu dar kartta (içerik <160px) dört haneli fiyat tek satıra sığmaz: eski fiyat + rozet üstte, fiyat altta, her kartta aynı. */
.dolozena-storefront .dolozena-card-price-row::after { content:none !important; display:none !important; }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row { flex-wrap:wrap; justify-content:space-between; align-items:center; column-gap:clamp(2px, 1.2cqi, 6px); row-gap:2px; }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row > * { white-space:nowrap; letter-spacing:-.015em; }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row del { font-size:clamp(10.5px, 6.2cqi, 16px); }
.dolozena-storefront .dolozena-commerce-card .dolozena-card-discount-percent { font-size:clamp(10px, 5.8cqi, 16px); min-width:clamp(30px, 20cqi, 66px); height:clamp(22px, 14.5cqi, 42px); padding:0 clamp(3px, 2.6cqi, 12px); letter-spacing:0; }
/* 05.11 (müşteri isteği): % rozeti iki fiyatın tam ortasında (eşit boşluk); fiyat bordo değil Dolozena pembesi */
.dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row strong { font-size:clamp(12px, 7.5cqi, 20px); margin-inline-start:0 !important; color:var(--dolozena-pink, #d8244b) !important; }
@container (max-width:160px) {
 .dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row { row-gap:3px; }
 .dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row del { font-size:11.5px; }
 .dolozena-storefront .dolozena-commerce-card .dolozena-card-discount-percent { font-size:11px; min-width:40px; height:24px; padding:0 6px; }
 .dolozena-storefront .dolozena-commerce-card .dolozena-card-price-row strong { flex:1 0 100%; font-size:15.5px; margin-inline-start:0 !important; }
}


/* 08.11 · Ana slayt yenilemede kaybolmasın (Dolozena 03.11 ile aynı): owl.carousel.css `.owl-carousel{display:none}` slaytı JS kurulana kadar gizliyor,
   yer boş kalıp kategori kutuları yukarı çıkıyor, sonra aşağı atlıyordu. Kurulmadan önce de kutu görünür, yalnız ilk slayt gösterilir. */
.dolozena-storefront .dolozena-hero-photo-slider.owl-carousel:not(.owl-loaded) { display:block; overflow:hidden; }
.dolozena-storefront .dolozena-hero-photo-slider.owl-carousel:not(.owl-loaded) > .dolozena-photo-slide ~ .dolozena-photo-slide { display:none !important; }

/* 08.11 · Kim'in notları: 100K+ şeridi ve yeşil kartlar (yeşil = Dolozena yeşili) */
.vx-power { padding:0; background:var(--vx-black); }
.vx-power-band { padding:14px 0; background:var(--vx-red); }
.vx-power-band h2 { margin:0; color:var(--vx-black); font-size:clamp(16px, 1.9vw, 25px); font-weight:800; line-height:1.3; text-align:center; }
.vx-power-panel { padding:0 0 40px; } /* 10.11: yeşil kartlar kırmızı şeride bitişik */
.vx-power-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
.vx-power-card { padding:20px 18px; border-radius:0 0 4px 4px; background:#168747; color:#fff; }
.vx-power-card h3 { margin:0 0 10px; color:#fff; font-size:18px; font-weight:800; line-height:1.3; text-align:center; }
.vx-power-card p { margin:0; color:#fff; font-size:15px; line-height:1.5; }

/* 10.11 · Kırmızı kartlar yeşil bölümden ayrı: açık zemin, simgeli beyaz kartlar, başlık yok; Önemli Uyarı kartı uyarı renginde */
.vx-why { margin-top:-20px; padding:56px 0 60px; background:#f7f2f3; } /* üst kap gap-20: siyah bölümle arada beyaz şerit kalmasın */
.vx-why .vx-benefits { gap:18px; }
.vx-why .vx-benefit { position:relative; display:flex; align-items:flex-start; gap:16px; padding:24px 22px; overflow:hidden; border:1px solid #ecdfe2; border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(17,17,17,.04), 0 10px 26px -16px rgba(17,17,17,.22); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.vx-why .vx-benefit::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--vx-red); transform:scaleX(0); transform-origin:left; transition:transform .35s ease; }
.vx-why .vx-benefit:hover { transform:translateY(-3px); border-color:#e6c4cc; box-shadow:0 2px 4px rgba(17,17,17,.04), 0 18px 34px -18px rgba(176,35,64,.45); }
.vx-why .vx-benefit:hover::after { transform:scaleX(1); }
.vx-benefit-icon { flex:0 0 52px; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:12px; background:linear-gradient(135deg, var(--vx-red-bright) 0%, var(--vx-red) 45%, var(--vx-red-deep) 100%); color:#fff; box-shadow:0 10px 18px -10px rgba(176,35,64,.75); }
.vx-benefit-icon svg { display:block; width:26px; height:26px; }
.vx-benefit-copy { min-width:0; }
.vx-why .vx-benefit h3 { margin:3px 0 8px; color:var(--vx-black); font-size:16.5px; font-weight:800; letter-spacing:.02em; line-height:1.3; text-align:left; }
.vx-why .vx-benefit p { margin:0; color:#5d5558; font-size:15px; line-height:1.55; }
.vx-why .vx-benefit.is-warning { border-color:#f1d9a6; background:#fffaf0; }
.vx-why .vx-benefit.is-warning .vx-benefit-icon { background:linear-gradient(135deg, #f7c04a 0%, #e8930c 100%); box-shadow:0 10px 18px -10px rgba(200,120,0,.8); }
.vx-why .vx-benefit.is-warning::after { background:#e8930c; }
.vx-why .vx-benefit.is-warning h3 { color:#7a4300; }
@media (prefers-reduced-motion: reduce) { .vx-why .vx-benefit, .vx-why .vx-benefit::after { transition:none; } .vx-why .vx-benefit:hover { transform:none; } }

/* 10.11 · Hiza: aynı sıradaki kartlarda başlık satırı ortak yükseklikte (subgrid); bir başlık iki satıra inince açıklamalar yine aynı çizgiden başlar */
@supports (grid-template-rows: subgrid) {
    .vx-power-card { display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
    .vx-power-card h3 { align-self:center; }
    .vx-why .vx-benefit { display:grid; grid-template-columns:52px minmax(0, 1fr); grid-template-rows:subgrid; grid-row:span 2; column-gap:16px; row-gap:0; align-items:start; }
    .vx-why .vx-benefit-copy { display:contents; }
    .vx-why .vx-benefit .vx-benefit-icon { grid-column:1; grid-row:1; align-self:center; }
    .vx-why .vx-benefit h3 { grid-column:2; grid-row:1; align-self:center; margin:0; }
    .vx-why .vx-benefit p { grid-column:2; grid-row:2; margin-top:10px; }
    @media (max-width: 767.98px) {
        .vx-why .vx-benefit { grid-template-columns:46px minmax(0, 1fr); column-gap:14px; }
        .vx-why .vx-benefit p { margin-top:8px; }
    }
}

/* 10.11 · Yeşil kart başlıkları tek satır. 4 sütun yalnız ≥1280px, başlık boyu ızgara genişliğinden hesaplanır (en çok 18px); 992–1279px arası 2×2.
   Kapsayıcı (container-type) kartta değil ızgarada: kartta olunca subgrid kapanır ve hiza bozulur. */
@media (min-width: 992px) and (max-width: 1279.98px) {
    .vx-power-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-power-card:nth-child(n+3) { border-radius:4px; }
}
@media (min-width: 1280px) and (max-width: 1399.98px) {
    .vx-power-card { padding-inline:14px; }
}
@supports (font-size: 1cqi) {
    .vx-power-card h3 { white-space:nowrap; }
    @media (min-width: 1280px) {
        .vx-power-grid { container-type:inline-size; }
        .vx-power-card h3 { font-size:min(18px, calc(1.725cqi - 3.31px)); }
    }
    @media (min-width: 1280px) and (max-width: 1399.98px) {
        .vx-power-card h3 { font-size:min(18px, calc(1.725cqi - 2.76px)); }
    }
}

/* 10.11 · 100K+ şerit yazısı ≥768px tek satır: boyu kap genişliğinden hesaplanır (en çok 25px; yazı ≈ 43,7 × yazı boyu); telefonda eskisi gibi 16px ve alt satıra iner */
@supports (font-size: 1cqi) {
    @media (min-width: 768px) {
        .vx-power-band .container { container-type:inline-size; }
        .vx-power-band h2 { font-size:min(25px, 2.2cqi); white-space:nowrap; }
    }
}

/* Entegrasyon: tek satır başlık, yazıları görsel üzerinde kartlar */
.vx-paths-head h2 { margin-top:0; font-size:clamp(11px, 3.6vw, 32px); white-space:nowrap; } /* 10.11: "Üssüdür" ile 375px ekranda tek satıra sığsın */
.vx-paths-photo .vx-path { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:380px; padding:0; overflow:hidden; border:0; border-radius:6px; background:#111; color:#fff !important; text-decoration:none !important; }
.vx-paths-photo .vx-path img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.vx-paths-photo .vx-path:hover img { transform:scale(1.04); }
.vx-paths-photo .vx-path::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,.05) 25%, rgba(10,10,10,.62) 58%, rgba(10,10,10,.92) 100%); }
.vx-path-copy { position:relative; z-index:1; padding:22px; }
.vx-paths-photo .vx-path h3 { margin:0 0 8px; color:#fff; font-size:21px; }
.vx-paths-photo .vx-path p { margin:0 0 10px; color:#f1f1f1; font-size:14.5px; line-height:1.5; }
.vx-path-more { color:#fff; font-weight:700; }
.vx-path-more i { margin-inline-start:4px; }

/* Yurt dışı: tek büyük görsel, yazı görsel üzerinde */
.vx-abroad-photo { position:relative; display:flex; align-items:center; min-height:clamp(340px, 36vw, 540px); padding:40px 0; overflow:hidden; background:#0a0a0a; }
.vx-abroad-photo-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vx-abroad-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,8,10,.88) 0%, rgba(8,8,10,.6) 42%, rgba(8,8,10,0) 72%); }
.vx-abroad-photo .container { position:relative; z-index:1; }
.vx-abroad-photo-copy { max-width:620px; }
.vx-abroad-photo-copy h2 { margin:0 0 22px; color:#fff; font-size:clamp(25px, 3vw, 42px); font-weight:400; line-height:1.18; }

/* Pazaryerleri: 15 kutu, 5×3; alt sağda boşluk kalmaz */
.vx-markets li { aspect-ratio:16 / 9; }
.vx-markets li img { max-width:68%; max-height:46px; }
.vx-markets li.vx-market-own img { max-height:34px; }

/* Şık görsellerle kategori vitrini */
.vx-showcase { padding:44px 0; background:#fff; }
.vx-showcase-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.vx-showcase-item { position:relative; display:block; aspect-ratio:4 / 3; overflow:hidden; border-radius:6px; background:#f4f1f1; text-decoration:none !important; }
.vx-showcase-item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.vx-showcase-item:hover img { transform:scale(1.04); }
.vx-showcase-item span { position:absolute; inset:auto 0 0 0; padding:34px 18px 14px; background:linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,.76) 100%); color:#fff; font-size:19px; font-weight:800; line-height:1.2; }

@media (max-width: 991.98px) {
    .vx-power-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .vx-power-card:nth-child(n+3) { border-radius:4px; }
    .vx-why { padding:44px 0 48px; }
    .vx-markets { grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; }
    .vx-markets li img { max-height:30px; }
    .vx-paths-photo { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
    .vx-paths-photo .vx-path { min-height:340px; }
    .vx-path-copy { padding:16px; }
    .vx-paths-photo .vx-path h3 { font-size:18px; }
    .vx-paths-photo .vx-path p { font-size:13.5px; }
}
@media (max-width: 767.98px) {
    .vx-power-grid { grid-template-columns:1fr; }
    .vx-power-card:nth-child(n+2) { border-radius:4px; }
    .vx-power-panel { padding-bottom:32px; }
    .vx-why { padding:32px 0 36px; }
    .vx-why .vx-benefits { gap:12px; }
    .vx-why .vx-benefit { column-gap:14px; padding:18px 16px; }
    .vx-benefit-icon { flex-basis:46px; width:46px; height:46px; border-radius:11px; }
    .vx-benefit-icon svg { width:23px; height:23px; }
    .vx-why .vx-benefit h3 { margin-top:1px; font-size:15.5px; }
    .vx-why .vx-benefit p { font-size:14.5px; }
    .vx-paths-photo { grid-template-columns:1fr; }
    .vx-paths-photo .vx-path { min-height:300px; }
    .vx-abroad-photo::after { background:linear-gradient(180deg, rgba(8,8,10,.45) 0%, rgba(8,8,10,.86) 100%); }
    .vx-markets { grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .vx-markets li { aspect-ratio:3 / 2; min-height:0; }
    .vx-markets li img { max-height:28px; }
    .vx-showcase { padding:28px 0; }
    .vx-showcase-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
    .vx-showcase-item span { padding:26px 10px 10px; font-size:14px; }
}

/* 10.11: ihracat başlığı normal kalınlıkta, ≥768px tam iki satır (her satır bir span; uzun satır ≈ 23,1 × yazı boyu). Tuzak: container-type flex öğesi .container a verilirse genişliği 0 olur → kapsayıcı .vx-abroad-photo-copy, .container flex:1 (width:100% tutmuyor) */
@media (min-width: 768px) {
    .vx-abroad-photo-copy { max-width:none; }
    .vx-abroad-photo-copy h2 { text-shadow:0 2px 16px rgba(0,0,0,.45); }
    .vx-abroad-photo-copy h2 span { display:block; }
}
@supports (font-size: 1cqi) {
    @media (min-width: 768px) {
        .vx-abroad-photo .container { flex:1 1 0%; min-width:0; }
        .vx-abroad-photo-copy { container-type:inline-size; }
        .vx-abroad-photo-copy h2 { font-size:min(42px, 4.2cqi); }
        .vx-abroad-photo-copy h2 span { white-space:nowrap; }
    }
}