/* Vovanx (B2B) — siyah ve kırmızı (03.11, logo kırmızısı #0263d5). Yalnız STORE_MODE=b2b iken customer-update.css'ten sonra yüklenir. */
:root {
    --vx-red: #0263d5;
    --vx-red-deep: #0150ad;
    --vx-red-ink: #013e87;
    --vx-red-bright: #3c8dec;
    --vx-red-soft: #fce9ea;
    --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: 213, 2, 13;
    --web-primary-10: #0263d510;
    --web-primary-20: #0263d520;
    --web-primary-40: #0263d540;
}

/* 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: #b4cff0; }
.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(2, 99, 213, .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: #b4cff0; 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%, #fad8d9 0%, #fcf4f6 45%, #ffffff 100%); border-top:1px solid #efc6c8; 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 #ecced0; 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 #0263d566; 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 #edd6d7; 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, #014ca4, #0263d5 55%, #014ca4); }
.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:#fce4e5; 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(2, 99, 213, .4); box-shadow:0 12px 24px rgba(2, 99, 213, .12); }
.fadime-quick-questions button, .fadime-actions a { color:var(--vx-red-deep); border-color:rgba(2, 99, 213, .3); }
.fadime-form .fadime-send-button:focus-visible { outline-color:rgba(2, 99, 213, .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 #b4cff0; 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(60, 141, 236,.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, #015fcf) !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:#e4b7ba; box-shadow:0 2px 4px rgba(17,17,17,.04), 0 18px 34px -18px rgba(1, 80, 173,.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(1, 80, 173,.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; }
    }
}

/* 11.11: "ürün gücü" bölümü yeniden tasarlandı. (3. sürüm)
   Koyu zeminde ortalı başlık ve dört görselli kart: üstte fotoğraf, fotoğrafın alt kenarına binen simge rozeti,
   altında başlık ve açıklama. Görseller public/assets/front-end/img/enisx/urun-gucu-*.jpg.
   Eski .vx-power-* kuralları yukarıda duruyor ama artık kullanılmıyor. */
.vx-section.vx-reach { position:relative; padding:72px 0 76px; background:#0e0e10; overflow:hidden; }
.vx-section.vx-reach::before { content:""; position:absolute; left:50%; top:-270px; width:980px; height:540px; transform:translateX(-50%); background:radial-gradient(closest-side, rgba(2, 99, 213,.42), rgba(2, 99, 213,0)); pointer-events:none; }
.vx-reach .container { position:relative; }
.vx-reach-title { margin:0 auto 44px; max-width:800px; color:#fff; font-size:clamp(24px, 2.5vw, 36px); font-weight:800; line-height:1.2; letter-spacing:-.015em; text-align:center; text-wrap:balance; }
.vx-reach-cards { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.vx-reach-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#17171a; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.vx-reach-card:hover { transform:translateY(-4px); border-color:rgba(2, 99, 213,.65); box-shadow:0 18px 40px -18px rgba(2, 99, 213,.6); }
.vx-reach-media { position:relative; flex:0 0 auto; aspect-ratio:16 / 10; overflow:hidden; background:#111; }
.vx-reach-media img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.vx-reach-card:hover .vx-reach-media img { transform:scale(1.05); }
.vx-reach-media::after { content:""; position:absolute; left:0; right:0; bottom:0; height:42%; background:linear-gradient(180deg, rgba(23,23,26,0), #17171a); pointer-events:none; }
.vx-reach-body { position:relative; padding:0 22px 26px; }
.vx-reach-icon { position:relative; display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; margin:-27px 0 16px; border:3px solid #17171a; border-radius:16px; background:linear-gradient(135deg, var(--vx-red-bright), var(--vx-red-deep)); box-shadow:0 10px 24px -10px rgba(2, 99, 213,.85); }
.vx-reach-icon svg { display:block; width:24px; height:24px; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.vx-reach-card h3 { margin:0 0 10px; color:#fff; font-size:18px; font-weight:700; line-height:1.3; }
.vx-reach-card p { margin:0; color:#b9b9bf; font-size:15px; line-height:1.6; }
@media (max-width: 1199.98px) {
    .vx-reach-cards { gap:16px; }
    .vx-reach-body { padding:0 18px 22px; }
}
@media (max-width: 991.98px) {
    .vx-section.vx-reach { padding:56px 0 60px; }
    .vx-reach-title { margin-bottom:32px; }
    .vx-reach-cards { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .vx-section.vx-reach { padding:44px 0 48px; }
    .vx-reach-title { margin-bottom:26px; }
    .vx-reach-cards { grid-template-columns:1fr; gap:12px; }
    .vx-reach-card { flex-direction:row; border-radius:16px; }
    .vx-reach-media { flex:0 0 112px; aspect-ratio:auto; }
    .vx-reach-media::after { display:none; }
    .vx-reach-body { padding:16px 16px 18px; }
    .vx-reach-icon { display:none; }
    .vx-reach-card h3 { margin-bottom:6px; font-size:17px; }
    .vx-reach-card p { font-size:14px; line-height:1.55; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-reach-card, .vx-reach-media img { transition:none; }
    .vx-reach-card:hover, .vx-reach-card:hover .vx-reach-media img { transform:none; }
}

/* 11.11: ürün görselleri kırpılmadan tam görünsün (cover -> contain). Kare olmayan fotoğrafların
   kenarları kesiliyordu; artık kutuya sığdırılıyor, boş kalan kenarlar beyaz. */
.dolozena-storefront .dolozena-card-image-link img { object-fit:contain !important; object-position:center; transform:scale(.92); }
/* Eski kurallar görseli 1.2 kat büyütüp kenarlarını kesiyordu; artık kutunun %92'si, üzerine gelince %97'si. */
.dolozena-storefront .dolozena-commerce-card:hover .dolozena-card-image-link img { transform:scale(.97); }
.dolozena-storefront .dolozena-mini-grid .top-rated-image img { object-fit:contain; object-position:center; transform:none; }

/* 11.11: avantaj kartları bölümü yeniden tasarlandı ve başlık eklendi ("Neden EnisX?").
   Açık zeminde ortalı başlık; altı büyük, yuvarlak kart: soluk kırmızı simge rozeti, köşede silik büyük simge deseni.
   Eski .vx-why / .vx-benefit* kuralları yukarıda duruyor ama artık kullanılmıyor. */
.vx-section.vx-adv { margin-top:-20px; padding:72px 0 76px; background:#f6f3f4; }
.vx-adv-head { max-width:720px; margin:0 auto 44px; text-align:center; }
.vx-adv-head h2 { margin:0; color:var(--vx-black); font-size:clamp(26px, 2.6vw, 38px); font-weight:800; line-height:1.15; letter-spacing:-.02em; }
.vx-adv-head h2::after { content:""; display:block; width:56px; height:4px; margin:16px auto 0; border-radius:4px; background:var(--vx-red); }
.vx-adv-head p { margin:16px 0 0; color:#5d5558; font-size:17px; line-height:1.55; }
.vx-adv-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; }
.vx-adv-card { position:relative; overflow:hidden; padding:30px 28px 28px; border:1px solid #ece4e6; border-radius:20px; background:#fff; box-shadow:0 1px 2px rgba(17,17,17,.04), 0 14px 30px -22px rgba(17,17,17,.3); transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.vx-adv-card:hover { transform:translateY(-4px); border-color:rgba(2, 99, 213,.45); box-shadow:0 2px 4px rgba(17,17,17,.04), 0 22px 40px -22px rgba(1, 80, 173,.5); }
.vx-adv-ghost { position:absolute; top:-18px; right:-18px; width:150px; height:150px; fill:none; stroke:var(--vx-red); stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; opacity:.07; pointer-events:none; transition:opacity .3s ease, transform .3s ease; }
.vx-adv-card:hover .vx-adv-ghost { opacity:.13; transform:rotate(-6deg) scale(1.05); }
.vx-adv-icon { position:relative; display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; margin-bottom:22px; border-radius:18px; background:var(--vx-red-soft); color:var(--vx-red); transition:background-color .22s ease, color .22s ease; }
.vx-adv-card:hover .vx-adv-icon { background:var(--vx-red); color:#fff; }
.vx-adv-icon svg { display:block; width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.vx-adv-card h3 { position:relative; margin:0 0 10px; color:var(--vx-black); font-size:19px; font-weight:800; line-height:1.3; letter-spacing:-.01em; }
.vx-adv-card p { position:relative; margin:0; color:#5d5558; font-size:15.5px; line-height:1.6; }
.vx-adv-card.is-warning { border-color:#f1d9a6; background:#fffaf0; }
.vx-adv-card.is-warning .vx-adv-icon { background:#fdeccb; color:#b86e00; }
.vx-adv-card.is-warning .vx-adv-ghost { stroke:#e8930c; opacity:.12; }
.vx-adv-card.is-warning h3 { color:#7a4300; }
.vx-adv-card.is-warning:hover { border-color:#e8930c; box-shadow:0 2px 4px rgba(17,17,17,.04), 0 22px 40px -22px rgba(200,120,0,.55); }
.vx-adv-card.is-warning:hover .vx-adv-icon { background:#e8930c; color:#fff; }
@media (max-width: 1199.98px) {
    .vx-adv-grid { gap:16px; }
    .vx-adv-card { padding:26px 22px 24px; }
}
@media (max-width: 991.98px) {
    .vx-section.vx-adv { padding:56px 0 60px; }
    .vx-adv-head { margin-bottom:32px; }
    .vx-adv-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .vx-section.vx-adv { padding:44px 0 48px; }
    .vx-adv-head { margin-bottom:26px; }
    .vx-adv-head p { font-size:15.5px; }
    .vx-adv-grid { grid-template-columns:1fr; gap:12px; }
    .vx-adv-card { display:grid; grid-template-columns:50px minmax(0, 1fr); column-gap:16px; padding:20px 18px; border-radius:16px; }
    .vx-adv-icon { grid-row:1 / span 2; width:50px; height:50px; margin-bottom:0; border-radius:14px; }
    .vx-adv-icon svg { width:24px; height:24px; }
    .vx-adv-ghost { width:110px; height:110px; }
    .vx-adv-card h3 { grid-column:2; margin-bottom:6px; font-size:17px; }
    .vx-adv-card p { grid-column:2; font-size:14.5px; line-height:1.55; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-adv-card, .vx-adv-icon, .vx-adv-ghost { transition:none; }
    .vx-adv-card:hover, .vx-adv-card:hover .vx-adv-ghost { transform:none; }
}

/* 11.11: "Entegrasyon & E Ticaret Sitesi & Teknoloji Üssüdür" bölümü güzelleştirildi.
   Asimetrik düzen: solda büyük kart, sağda üst üste iki kart. Fotoğraflar daha aydınlık, alt köşede kırmızı ışıma,
   bağlantılar hap düğme. Başlık diğer bölümlerle aynı stilde (kırmızı çizgi + alt satır). */
#entegrasyon.vx-section { padding:72px 0 76px; }
.vx-section-head.vx-paths-head { margin-bottom:40px; }
.vx-paths-head h2 { font-size:clamp(11px, 3.6vw, 36px); letter-spacing:-.02em; }
.vx-paths-head h2::after { content:""; display:block; width:56px; height:4px; margin:16px auto 0; border-radius:4px; background:var(--vx-red); }
.vx-paths-sub { max-width:640px; margin:16px auto 0; color:#5d5558; font-size:17px; line-height:1.55; }
.vx-paths.vx-paths-photo { grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr); grid-template-rows:repeat(2, minmax(0, 1fr)); gap:20px; }
.vx-paths.vx-paths-photo .vx-path { min-height:250px; border-radius:22px; box-shadow:0 18px 40px -26px rgba(17,17,17,.55); transition:transform .25s ease, box-shadow .25s ease; }
.vx-paths.vx-paths-photo .vx-path:first-child { grid-row:1 / span 2; min-height:520px; }
.vx-paths.vx-paths-photo .vx-path:hover { transform:translateY(-4px); box-shadow:0 26px 48px -26px rgba(1, 80, 173,.6); }
.vx-paths.vx-paths-photo .vx-path:focus-visible { outline:3px solid var(--vx-red); outline-offset:3px; }
.vx-paths.vx-paths-photo .vx-path img { filter:brightness(1.12) saturate(1.08); }
.vx-paths.vx-paths-photo .vx-path:hover img { transform:scale(1.06); }
.vx-paths.vx-paths-photo .vx-path::after { background:radial-gradient(120% 90% at 0% 100%, rgba(2, 99, 213,.45) 0%, rgba(2, 99, 213,0) 55%), linear-gradient(180deg, rgba(10,10,10,0) 28%, rgba(10,10,10,.55) 62%, rgba(10,10,10,.9) 100%); }
.vx-paths.vx-paths-photo .vx-path-copy { padding:28px; }
.vx-paths.vx-paths-photo .vx-path h3 { margin:0 0 8px; font-size:22px; letter-spacing:-.01em; line-height:1.2; }
.vx-paths.vx-paths-photo .vx-path:first-child h3 { font-size:30px; }
.vx-paths.vx-paths-photo .vx-path p { margin:0 0 18px; color:#ececef; font-size:15px; line-height:1.55; }
.vx-paths.vx-paths-photo .vx-path:first-child p { max-width:44ch; font-size:16.5px; }
.vx-paths-photo .vx-path-more { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:999px; background:#fff; color:#111; font-size:14px; font-weight:700; line-height:1.2; transition:background-color .2s ease, color .2s ease; }
.vx-paths-photo .vx-path-more i { margin-inline-start:0; transition:transform .2s ease; }
.vx-paths-photo .vx-path:hover .vx-path-more { background:var(--vx-red); color:#fff; }
.vx-paths-photo .vx-path:hover .vx-path-more i { transform:translateX(3px); }
@media (max-width: 991.98px) {
    #entegrasyon.vx-section { padding:56px 0 60px; }
    .vx-section-head.vx-paths-head { margin-bottom:30px; }
    .vx-paths.vx-paths-photo { grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:auto; gap:16px; }
    .vx-paths.vx-paths-photo .vx-path { min-height:300px; }
    .vx-paths.vx-paths-photo .vx-path:first-child { grid-column:1 / -1; grid-row:auto; min-height:340px; }
    .vx-paths.vx-paths-photo .vx-path-copy { padding:22px; }
    .vx-paths.vx-paths-photo .vx-path:first-child h3 { font-size:26px; }
}
@media (max-width: 575.98px) {
    #entegrasyon.vx-section { padding:44px 0 48px; }
    .vx-paths-sub { font-size:15.5px; }
    .vx-paths.vx-paths-photo { grid-template-columns:1fr; gap:12px; }
    .vx-paths.vx-paths-photo .vx-path, .vx-paths.vx-paths-photo .vx-path:first-child { min-height:290px; border-radius:18px; }
    .vx-paths.vx-paths-photo .vx-path-copy { padding:20px; }
    .vx-paths.vx-paths-photo .vx-path h3 { font-size:20px; }
    .vx-paths.vx-paths-photo .vx-path:first-child h3 { font-size:23px; }
    .vx-paths.vx-paths-photo .vx-path p, .vx-paths.vx-paths-photo .vx-path:first-child p { margin-bottom:16px; font-size:14.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-paths.vx-paths-photo .vx-path, .vx-paths-photo .vx-path-more, .vx-paths-photo .vx-path-more i { transition:none; }
    .vx-paths.vx-paths-photo .vx-path:hover, .vx-paths.vx-paths-photo .vx-path:hover img, .vx-paths-photo .vx-path:hover .vx-path-more i { transform:none; }
}
/* Masaüstünde sağdaki iki küçük kart: yazı solda dikey ortalı, karartma soldan sağa; fotoğraf sağda açık kalır. */
@media (min-width: 992px) {
    .vx-paths.vx-paths-photo .vx-path:not(:first-child) { justify-content:center; }
    .vx-paths.vx-paths-photo .vx-path:not(:first-child)::after { background:radial-gradient(90% 120% at 0% 100%, rgba(2, 99, 213,.38) 0%, rgba(2, 99, 213,0) 55%), linear-gradient(90deg, rgba(10,10,10,.94) 0%, rgba(10,10,10,.82) 42%, rgba(10,10,10,.25) 72%, rgba(10,10,10,0) 100%); }
    .vx-paths.vx-paths-photo .vx-path:not(:first-child) .vx-path-copy { max-width:62%; }
    .vx-paths.vx-paths-photo .vx-path:not(:first-child) img { object-position:100% 50%; }
}

/* 11.11: e-ihracat bölümü yeniden tasarlandı. Tam genişlik fotoğraf yerine yuvarlak köşeli büyük kart;
   başlık kalın ve yalnızca baş harfleri büyük, düğmeler hap biçiminde. Eski .vx-abroad-photo* kuralları artık kullanılmıyor. */
.vx-section.vx-export-wrap { padding:0 0 76px; background:#fff; }
.vx-export { position:relative; isolation:isolate; display:flex; align-items:center; min-height:clamp(380px, 34vw, 500px); overflow:hidden; border-radius:28px; background:#0a0a0c; box-shadow:0 30px 60px -36px rgba(10,10,12,.7); }
.vx-export-img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:78% 50%; transition:transform 1.2s ease; }
.vx-export:hover .vx-export-img { transform:scale(1.03); }
.vx-export::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(70% 90% at 0% 100%, rgba(2, 99, 213,.45) 0%, rgba(2, 99, 213,0) 60%), linear-gradient(90deg, rgba(8,8,12,.92) 0%, rgba(8,8,12,.72) 38%, rgba(8,8,12,.15) 68%, rgba(8,8,12,0) 100%); }
.vx-export-copy { max-width:660px; padding:56px 64px; }
.vx-export-badge { display:inline-flex; align-items:center; gap:8px; margin-bottom:20px; padding:8px 14px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.1); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; font-size:13.5px; font-weight:700; line-height:1.2; }
.vx-export-badge svg { display:block; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.vx-export h2 { margin:0 0 28px; color:#fff; font-size:clamp(26px, 3vw, 44px); font-weight:800; line-height:1.12; letter-spacing:-.02em; text-wrap:balance; }
.vx-export-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vx-export-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:50px; padding:0 26px; border:1.5px solid transparent; border-radius:999px; font-size:15.5px; font-weight:700; line-height:1.2; text-decoration:none !important; transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.vx-export-btn.is-primary { background:var(--vx-red); color:#fff !important; box-shadow:0 14px 28px -12px rgba(2, 99, 213,.85); }
.vx-export-btn.is-primary:hover, .vx-export-btn.is-primary:focus-visible { background:#fff; color:#111 !important; transform:translateY(-2px); }
.vx-export-btn.is-ghost { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.06); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:#fff !important; }
.vx-export-btn.is-ghost:hover, .vx-export-btn.is-ghost:focus-visible { border-color:#fff; background:#fff; color:#111 !important; transform:translateY(-2px); }
.vx-export-btn:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.vx-export-btn i { transition:transform .2s ease; }
.vx-export-btn:hover i { transform:translateX(3px); }
@media (max-width: 991.98px) {
    .vx-section.vx-export-wrap { padding-bottom:60px; }
    .vx-export { min-height:400px; border-radius:24px; }
    .vx-export-copy { padding:40px 36px; }
}
@media (max-width: 575.98px) {
    .vx-section.vx-export-wrap { padding-bottom:48px; }
    .vx-export { align-items:flex-end; min-height:440px; border-radius:20px; }
    .vx-export-img { object-position:72% 30%; }
    .vx-export::before { background:radial-gradient(90% 60% at 0% 100%, rgba(2, 99, 213,.4) 0%, rgba(2, 99, 213,0) 60%), linear-gradient(180deg, rgba(8,8,12,.15) 0%, rgba(8,8,12,.6) 42%, rgba(8,8,12,.95) 100%); }
    .vx-export-copy { padding:24px 20px 26px; }
    .vx-export-badge { margin-bottom:14px; }
    .vx-export h2 { margin-bottom:22px; font-size:25px; }
    .vx-export-btn { flex:1 1 auto; min-height:48px; padding:0 20px; font-size:15px; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-export-img, .vx-export-btn, .vx-export-btn i { transition:none; }
    .vx-export:hover .vx-export-img, .vx-export-btn:hover, .vx-export-btn:hover i { transform:none; }
}

/* 11.11 (2): e-ihracat kartı açık temaya çevrildi. Yeni görsel aydınlık (gündüz liman); solda siyah perde yerine
   beyaz geçiş, yazı koyu. Görsel: public/assets/front-end/img/enisx/e-ihracat.jpg */
.vx-export { background:#e9f3f7; box-shadow:0 30px 60px -38px rgba(20,60,90,.5); }
.vx-export-img { object-position:100% 50%; }
.vx-export::before { background:linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.86) 32%, rgba(255,255,255,.3) 56%, rgba(255,255,255,0) 74%); }
.vx-export h2 { color:var(--vx-black); }
.vx-export-badge { border-color:rgba(2, 99, 213,.22); background:rgba(255,255,255,.75); color:var(--vx-red-deep); }
.vx-export-btn.is-primary:hover, .vx-export-btn.is-primary:focus-visible { background:var(--vx-black); color:#fff !important; }
.vx-export-btn.is-ghost { border-color:rgba(17,17,17,.3); background:rgba(255,255,255,.65); color:#111 !important; }
.vx-export-btn.is-ghost:hover, .vx-export-btn.is-ghost:focus-visible { border-color:var(--vx-black); background:var(--vx-black); color:#fff !important; }
.vx-export-btn:focus-visible { outline-color:var(--vx-red); }
@media (max-width: 575.98px) {
    .vx-export-img { object-position:74% 50%; }
    .vx-export::before { background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 34%, rgba(255,255,255,.92) 52%, #fff 70%); }
}
/* Telefonda görsel kartın üst yarısında durur (gemi görünsün), yazı altında beyaz zeminde. */
@media (max-width: 575.98px) {
    .vx-export { min-height:470px; background:#fff; }
    .vx-export-img { bottom:auto; height:52%; object-position:80% 60%; }
    .vx-export::before { background:linear-gradient(180deg, rgba(255,255,255,0) 34%, rgba(255,255,255,.9) 48%, #fff 54%); }
}

/* 11.11: "Bayiliğinizi Bugün Başlatın" çağrı şeridi yeniden tasarlandı. Tam genişlik düz şerit yerine
   yuvarlak köşeli kırmızı kart: sağ üstte ışıma, sağda halka desenleri, hap düğmeler. */
.vx-cta { padding:0 0 76px; background:#fff; }
.vx-cta-inner { position:relative; isolation:isolate; overflow:hidden; flex-wrap:nowrap; gap:40px; padding:52px 60px; border-radius:28px; background:radial-gradient(60% 130% at 100% 0%, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 60%), linear-gradient(115deg, #01489b 0%, #0263d5 52%, #237de8 100%); box-shadow:0 30px 60px -34px rgba(1, 80, 173,.75); }
.vx-cta-inner::before, .vx-cta-inner::after { content:""; position:absolute; z-index:-1; border:1px solid rgba(255,255,255,.2); border-radius:50%; pointer-events:none; }
.vx-cta-inner::before { right:-110px; bottom:-190px; width:420px; height:420px; }
.vx-cta-inner::after { right:-30px; bottom:-250px; width:560px; height:560px; border-color:rgba(255,255,255,.12); }
.vx-cta-inner > div:first-child { min-width:0; }
.vx-cta h2 { margin:0 0 10px; font-size:clamp(26px, 2.6vw, 38px); line-height:1.15; letter-spacing:-.02em; }
.vx-cta p { max-width:46ch; color:#ffe3e4; font-size:17px; line-height:1.55; }
.vx-cta-actions { flex:0 0 auto; flex-wrap:nowrap; gap:12px; }
.vx-cta .vx-btn { min-height:54px; padding:0 28px; border-radius:999px; font-size:16px; white-space:nowrap; transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.vx-cta .vx-btn:hover, .vx-cta .vx-btn:focus-visible { transform:translateY(-2px); }
.vx-cta .vx-btn:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.vx-cta .vx-btn-red { border-color:#fff; background:#fff; color:#111 !important; box-shadow:0 14px 28px -14px rgba(0,0,0,.55); }
.vx-cta .vx-btn-red:hover, .vx-cta .vx-btn-red:focus-visible { border-color:var(--vx-black); background:var(--vx-black); color:#fff !important; }
.vx-cta .vx-btn-line { border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.1); color:#fff !important; }
.vx-cta .vx-btn-line:hover, .vx-cta .vx-btn-line:focus-visible { border-color:#fff; background:#fff; color:var(--vx-red-deep) !important; }
.vx-cta .vx-btn-line i { font-size:19px; }
@media (max-width: 1199.98px) {
    .vx-cta-inner { padding:44px 40px; gap:28px; }
    .vx-cta-actions { flex-direction:column; align-items:stretch; }
    .vx-cta .vx-btn { justify-content:center; }
}
@media (max-width: 767.98px) {
    .vx-cta { padding-bottom:56px; }
    .vx-cta-inner { flex-direction:column; align-items:stretch; gap:26px; padding:34px 26px; border-radius:22px; }
    .vx-cta-inner::before { right:-170px; bottom:-230px; }
    .vx-cta-inner::after { right:-140px; bottom:-320px; }
    .vx-cta p { font-size:15.5px; }
    .vx-cta .vx-btn { min-height:50px; font-size:15.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-cta .vx-btn { transition:none; }
    .vx-cta .vx-btn:hover, .vx-cta .vx-btn:focus-visible { transform:none; }
}
/* Çağrı kartının üst ve alt boşluğu eşit. */
.vx-cta { padding:44px 0; }
@media (max-width: 767.98px) { .vx-cta { padding:32px 0; } }

/* 12.11: güven şeridi (hızlı teslimat, güvenli ödeme, iade, kaliteli ürünler, yerli üretim) yeniden tasarlandı.
   Kaydırıcı ve PNG simgeler yerine beş ayrı kart: kırmızı simge rozeti, başlık ve kısa alt satır. */
.vx-trust { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:16px; }
.vx-trust-item { display:flex; align-items:center; gap:14px; min-width:0; min-height:98px; padding:20px; border:1px solid #ece4e6; border-radius:20px; background:#fff; box-shadow:0 1px 2px rgba(17,17,17,.04), 0 14px 30px -24px rgba(17,17,17,.3); transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.vx-trust-item:hover { transform:translateY(-3px); border-color:rgba(2, 99, 213,.4); box-shadow:0 2px 4px rgba(17,17,17,.04), 0 20px 36px -22px rgba(1, 80, 173,.5); }
.vx-trust-icon { flex:0 0 52px; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; background:var(--vx-red-soft); color:var(--vx-red); transition:background-color .22s ease, color .22s ease; }
.vx-trust-item:hover .vx-trust-icon { background:var(--vx-red); color:#fff; }
.vx-trust-icon svg { display:block; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.vx-trust-icon img { display:block; width:30px; height:30px; object-fit:contain; }
.vx-trust-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.vx-trust-copy strong { color:var(--vx-black); font-size:16px; font-weight:800; line-height:1.25; }
.vx-trust-copy span { color:#6a6165; font-size:13.5px; line-height:1.4; }
.vx-trust-item.is-badge { justify-content:center; border-color:rgba(2, 99, 213,.22); background:var(--vx-red-soft); }
.vx-trust-badge { display:block; width:140px; max-width:100%; height:auto; }
@media (max-width: 1199.98px) {
    .vx-trust { grid-template-columns:repeat(6, minmax(0, 1fr)); }
    .vx-trust-item { grid-column:span 2; }
    .vx-trust-item:nth-last-child(-n+2) { grid-column:span 3; }
}
@media (max-width: 575.98px) {
    .vx-trust { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; padding-inline:14px; }
    .vx-trust-item, .vx-trust-item:nth-last-child(-n+2) { grid-column:auto; flex-direction:column; justify-content:center; gap:10px; min-height:0; padding:18px 12px; border-radius:16px; text-align:center; }
    .vx-trust-item.is-badge { grid-column:1 / -1; padding:16px; }
    .vx-trust-copy { align-items:center; }
    .vx-trust-copy strong { font-size:15px; }
    .vx-trust-copy span { font-size:13px; }
    .vx-trust-badge { width:128px; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-trust-item, .vx-trust-icon { transition:none; }
    .vx-trust-item:hover { transform:none; }
}

/* 12.11: ana sayfa kategori şeridi yeniden tasarlandı. Kare kutular yerine kırmızı halkalı yuvarlak görseller,
   yumuşak köşeli zemin, daha okunaklı adlar. Başlık yok ve adlar tek satır (07.11 isteği) aynen korunur;
   sütun sayısı ve aralık yine panel ayarlarından gelir. */
.dolozena-storefront .dolozena-categories-section .dolozena-category-panel { padding:26px 26px 20px; border:1px solid #ece4e6; border-radius:24px; background:#fff; box-shadow:0 1px 2px rgba(17,17,17,.04), 0 16px 34px -26px rgba(17,17,17,.3); }
.dolozena-storefront .dolozena-categories-section .dolozena-category-grid { padding-top:6px; padding-bottom:6px; scrollbar-width:none; }
.dolozena-storefront .dolozena-categories-section .dolozena-category-grid::-webkit-scrollbar { display:none; }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile { display:block; color:var(--vx-black); text-decoration:none; transition:transform .22s ease, color .22s ease; }
.dolozena-storefront .dolozena-categories-section .dolozena-category-picture { padding:3px; border:0; border-radius:50%; background:linear-gradient(135deg, #b9d4f4 0%, var(--vx-red) 55%, var(--vx-red-ink) 100%); box-shadow:0 10px 20px -14px rgba(1, 80, 173,.55); transition:box-shadow .22s ease, background .22s ease; }
.dolozena-storefront .dolozena-categories-section .dolozena-category-picture img { box-sizing:border-box; border:3px solid #fff; border-radius:50%; background:#fff; transition:transform .35s ease; }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile h3 { margin-top:12px; margin-bottom:0; color:inherit; font-weight:700; line-height:1.3; font-size:clamp(10px, calc((100cqi + var(--category-gap)) / var(--dz-cat-label-em, 8.8)), 13.5px); }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:hover,
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:focus-visible { color:var(--vx-red); transform:translateY(-4px); }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:hover .dolozena-category-picture,
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:focus-visible .dolozena-category-picture { background:var(--vx-red); box-shadow:0 16px 26px -14px rgba(1, 80, 173,.75); }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:hover .dolozena-category-picture img { transform:scale(1.06); }
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile:focus-visible { outline:none; }
@media (max-width: 767.98px) {
    .dolozena-storefront .dolozena-categories-section .dolozena-category-panel { padding:20px 16px 14px; border-radius:20px; }
    .dolozena-storefront .dolozena-categories-section .dolozena-category-tile h3 { margin-top:10px; }
}
@media (prefers-reduced-motion: reduce) {
    .dolozena-storefront .dolozena-categories-section .dolozena-category-tile, .dolozena-storefront .dolozena-categories-section .dolozena-category-picture img { transition:none; }
    .dolozena-storefront .dolozena-categories-section .dolozena-category-tile:hover, .dolozena-storefront .dolozena-categories-section .dolozena-category-tile:hover .dolozena-category-picture img { transform:none; }
}
/* Kategori adları: en uzun ad tek satıra sığsın diye ölçek %91. */
.dolozena-storefront .dolozena-categories-section .dolozena-category-tile h3 { font-size:clamp(10px, calc((100cqi + var(--category-gap)) / var(--dz-cat-label-em, 8.8) * .91), 13.5px); }

/* 12.11: logonun harf aralığı açıldı (en/boy 3,55 -> 3,92). Harfler küçülmesin ve alt bölümde logo yandaki
   kırmızı şeride taşmasın diye logo kutuları aynı oranda genişletildi. */
/* 12.11 (2): logo dikine uzatildi (en/boy 3,3); masaustunde temanin ozgun 270x82 kutusuna tam oturur, ek kural gerekmez. */
@media (min-width: 768px) and (max-width: 991px) {
    .dolozena-storefront .navbar-brand img { width:209px; }
}
@media (max-width: 767px) {
    .dolozena-storefront .navbar-brand img { width:160px; }
}

/* 12.11 (3): ürün görselleri: küçük listeler ve detay sayfasındaki küçük resimler de kırpılmasın. */
.dolozena-storefront .dolozena-mini-grid .best-selleing-image img,
.dolozena-storefront .dolozena-mini-grid .top-rated-image img { object-fit:contain; object-position:center; transform:none; }
.dolozena-storefront .dolozena-mini-grid .__best-selling:hover img,
.dolozena-storefront .dolozena-mini-grid .__top-rated:hover img { transform:none; }
.dolozena-storefront .quickviewSliderThumb2 .swiper-slide img,
.dolozena-storefront .flash_deal_product .image-default-bg-color img { object-fit:contain !important; background:#fff; }