:root{--primary-button-color: #7A1028; --main-third-color: #7A1028; --main-fourth-color: #7A1028; --main-second-color: #FFFFFF; --product-card-bg: #FFFFFF; --product-card-border: #D2E4F6; --product-card-color: #15284B; --border-radius: 6px;} @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap'); /* ========================================================= VENESRO — CHECKOUT FINAL ========================================================= */ /* ========================================================= GENEL Arka plan kesinlikle BEYAZ ========================================================= */ html, body, #app, .v-application, .v-application__wrap, .v-main { background: #FFFFFF !important; } body, button, input, select, textarea { font-family: "Manrope", Arial, Helvetica, sans-serif !important; } /* ========================================================= CHECKOUT HEADER ÜST: KAMPANYA ALT: ANASAYFA + GERÇEK VENESRO LOGOSU ========================================================= */ .header { position: relative !important; width: 100% !important; height: 104px !important; min-height: 104px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; /* İlk 36px kampanya şeridi, altı tamamen beyaz. */ background: linear-gradient( #FFFFFF, #FFFFFF ) 0 36px / 100% 68px no-repeat, linear-gradient( 90deg, #24080D 0%, #4A1019 30%, #651824 50%, #4A1019 70%, #24080D 100% ) 0 0 / 100% 36px no-repeat !important; border: 0 !important; border-bottom: 1px solid rgba(122,16,40,.16) !important; box-shadow: 0 4px 16px rgba(0,0,0,.025) !important; } /* HEADER İÇ ALANI */ .header .header-wrp { position: relative !important; width: 100% !important; max-width: 100% !important; height: 104px !important; min-height: 104px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= TICIMAX'IN ORİJİNAL HEADER SATIRINI GERİ AÇ Ama içindeki mevcut görselleri göstermiyoruz. Mevcut anasayfa linkini tıklama altyapısı olarak kullanıyoruz. ========================================================= */ .header .header-wrp > .v-row { display: flex !important; position: absolute !important; top: 36px !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 68px !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; overflow: visible !important; z-index: 3 !important; } /* ========================================================= ANASAYFA LİNKİNİ BUL Orijinal logo linki anasayfaya gidiyor. Onu yeni headerın tıklanabilir altyapısı yapıyoruz. ========================================================= */ .header .header-wrp > .v-row a[href="/"], .header .header-wrp > .v-row a[href="https://venesro.com"], .header .header-wrp > .v-row a[href="https://venesro.com/"], .header .header-wrp > .v-row a[href="https://www.venesro.com"], .header .header-wrp > .v-row a[href="https://www.venesro.com/"], .header .header-wrp > .v-row a:first-of-type { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 68px !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; font-size: 0 !important; color: transparent !important; background: transparent !important; text-decoration: none !important; z-index: 5 !important; } /* ESKİ LOGO / İÇERİK GÖRÜNMESİN */ .header .header-wrp > .v-row a[href="/"] > *, .header .header-wrp > .v-row a[href="https://venesro.com"] > *, .header .header-wrp > .v-row a[href="https://venesro.com/"] > *, .header .header-wrp > .v-row a[href="https://www.venesro.com"] > *, .header .header-wrp > .v-row a[href="https://www.venesro.com/"] > *, .header .header-wrp > .v-row a:first-of-type > * { opacity: 0 !important; } /* ========================================================= SOL: EV İKONU + ANASAYFAYA DÖN ========================================================= */ .header .header-wrp > .v-row a[href="/"]::before, .header .header-wrp > .v-row a[href="https://venesro.com"]::before, .header .header-wrp > .v-row a[href="https://venesro.com/"]::before, .header .header-wrp > .v-row a[href="https://www.venesro.com"]::before, .header .header-wrp > .v-row a[href="https://www.venesro.com/"]::before, .header .header-wrp > .v-row a:first-of-type::before { content: "‹ Anasayfaya Dön" !important; position: absolute !important; top: 50% !important; left: max( 26px, calc((100% - 1220px) / 2) ) !important; transform: translateY(-50%) !important; min-height: 28px !important; display: flex !important; align-items: center !important; padding-left: 29px !important; box-sizing: border-box !important; color: #7A1028 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; /* İnce çizgili bordo EV ikonu */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A1028' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 19px 19px !important; cursor: pointer !important; } /* ========================================================= ORTA: GERÇEK VENESRO LOGOSU ========================================================= */ .header .header-wrp > .v-row a[href="/"]::after, .header .header-wrp > .v-row a[href="https://venesro.com"]::after, .header .header-wrp > .v-row a[href="https://venesro.com/"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com/"]::after, .header .header-wrp > .v-row a:first-of-type::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 190px !important; height: 50px !important; background-image: url("https://static.ticimax.cloud/79649/uploads/bankalogo/chatgpt-image-1-eyl-2026-12_20_28.png") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; cursor: pointer !important; } /* ========================================================= KAMPANYA ŞERİDİ METİNLER ========================================================= */ .header::before, .header::after, .header .header-wrp::before { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 8 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 36px !important; padding: 0 10px !important; color: #F7EAD5 !important; box-sizing: border-box !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .7px !important; text-align: center !important; white-space: nowrap !important; opacity: 0; transform: translateY(8px); pointer-events: none !important; } /* 1 */ .header::before { content: "✦ 2 ÜRÜN ALIŞVERİŞİNE SEPETTE NET %10 İNDİRİM ✦"; animation: venesroCheckoutCampaign1 12s infinite; } /* 2 */ .header::after { content: "✦ 3 VE ÜZERİ ÜRÜNDE SEPETTE NET %30 İNDİRİM ✦"; animation: venesroCheckoutCampaign2 12s infinite; } /* 3 */ .header .header-wrp::before { content: "✦ 2.500 TL VE ÜZERİ SİPARİŞLERDE KARGO ÜCRETSİZ ✦"; animation: venesroCheckoutCampaign3 12s infinite; } /* ========================================================= KAMPANYA PARLAMA ========================================================= */ .header .header-wrp::after { content: ""; position: absolute !important; top: 0 !important; left: -120% !important; z-index: 7 !important; width: 120% !important; height: 36px !important; background: linear-gradient( 110deg, transparent 25%, rgba(255,255,255,.045) 50%, transparent 75% ) !important; animation: venesroCheckoutShine 7s linear infinite; pointer-events: none !important; } /* ========================================================= KAMPANYA ANİMASYONLARI ========================================================= */ @keyframes venesroCheckoutCampaign1 { 0% { opacity: 0; transform: translateY(8px); } 4% { opacity: 1; transform: translateY(0); } 29% { opacity: 1; transform: translateY(0); } 33% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 0; transform: translateY(-8px); } } @keyframes venesroCheckoutCampaign2 { 0%, 33% { opacity: 0; transform: translateY(8px); } 37% { opacity: 1; transform: translateY(0); } 62% { opacity: 1; transform: translateY(0); } 66% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 0; transform: translateY(-8px); } } @keyframes venesroCheckoutCampaign3 { 0%, 66% { opacity: 0; transform: translateY(8px); } 70% { opacity: 1; transform: translateY(0); } 95% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-8px); } } @keyframes venesroCheckoutShine { 0% { left: -120%; } 100% { left: 120%; } } /* ========================================================= ÜCRETSİZ KARGO BİLDİRİMİ KAZANILDIĞINDA DA AYNI TASARIM ========================================================= */ .cargo-information.free-cargo, .cargo-information.remaining-cargo { background: #FFF7EE !important; color: #7A1028 !important; border: 1px solid rgba(122,16,40,.55) !important; border-radius: 6px !important; box-shadow: none !important; } /* KARGO BİLDİRİMİNDEKİ HER ŞEY BORDO */ .cargo-information.free-cargo p, .cargo-information.free-cargo b, .cargo-information.free-cargo svg, .cargo-information.free-cargo button, .cargo-information.free-cargo i, .cargo-information.remaining-cargo p, .cargo-information.remaining-cargo b, .cargo-information.remaining-cargo svg, .cargo-information.remaining-cargo button, .cargo-information.remaining-cargo i { color: #7A1028 !important; } /* ========================================================= SEPETİ TEMİZLE ========================================================= */ button[data-cy="delete-basket-trigger"] { height: 36px !important; padding: 0 12px !important; border: 1px solid rgba(122,16,40,.65) !important; border-radius: 4px !important; background: #FFFFFF !important; color: #7A1028 !important; box-shadow: none !important; font-weight: 500 !important; } button[data-cy="delete-basket-trigger"] * { color: #7A1028 !important; } /* ========================================================= SEPETİ TEMİZLE POPUP ========================================================= */ .delete-dialog-footer { display: flex !important; gap: 10px !important; padding: 0 16px 16px !important; box-sizing: border-box !important; } .delete-dialog-footer > button { flex: 1 1 0 !important; height: 48px !important; margin: 0 !important; border-radius: 4px !important; box-shadow: none !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .2px !important; } /* SİL VE FAVORİLERİME EKLE */ .delete-dialog-footer > button:first-of-type { border: 1px solid #7A1028 !important; background: #FFFFFF !important; color: #7A1028 !important; } .delete-dialog-footer > button:first-of-type .v-btn__content { color: #7A1028 !important; } /* SİL */ .delete-dialog-footer > button[data-cy="delete-basket-apply"] { border: 1px solid #7A1028 !important; background: #7A1028 !important; color: #FFFFFF !important; } .delete-dialog-footer > button[data-cy="delete-basket-apply"] .v-btn__content { color: #FFFFFF !important; } /* POPUP BAŞLIK */ [data-cy="delete-basket-popup"] .drawer-title { color: #171717 !important; } /* ========================================================= KAMPANYA ETİKETİ ========================================================= */ .campaign-wrapper { display: flex !important; align-items: flex-start !important; width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; } .campaign-wrapper .campaign-chip { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; min-height: 30px !important; margin: 0 !important; padding: 6px 11px !important; /* Eski kalın siyah sol çizgi kaldırıldı. */ border: 1px solid rgba(122,16,40,.48) !important; border-left-width: 1px !important; border-radius: 4px !important; background: #FFFFFF !important; color: #7A1028 !important; box-shadow: none !important; box-sizing: border-box !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: .05px !important; } /* ========================================================= ÜRÜN ADET SEÇİCİ Her şeyi bordo yapmıyoruz. Beyaz + nötr ince çerçeve. ========================================================= */ .basket-item .counter { display: inline-flex !important; align-items: center !important; height: 38px !important; padding: 0 !important; border: 1px solid rgba(0,0,0,.22) !important; border-radius: 4px !important; background: #FFFFFF !important; overflow: hidden !important; box-sizing: border-box !important; box-shadow: none !important; } /* - / + */ .basket-item .counter .counter-button { width: 38px !important; min-width: 38px !important; height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #FFFFFF !important; color: #171717 !important; box-shadow: none !important; } /* AYIRICILAR */ .basket-item .counter button[data-cy="counter-decrease"] { border-right: 1px solid rgba(0,0,0,.12) !important; } .basket-item .counter button[data-cy="counter-increase"] { border-left: 1px solid rgba(0,0,0,.12) !important; } /* ADET */ .basket-item .counter .counter-label { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 62px !important; height: 36px !important; margin: 0 !important; padding: 0 8px !important; background: #FFFFFF !important; box-sizing: border-box !important; } .basket-item .counter .counter-text { width: 20px !important; max-width: 20px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #171717 !important; font-size: 13px !important; font-weight: 600 !important; text-align: right !important; } .basket-item .counter .counter-unit { margin-left: 3px !important; color: #171717 !important; font-size: 12px !important; font-weight: 500 !important; } /* HOVER */ @media (hover:hover) and (pointer:fine) { .basket-item .counter .counter-button:hover { background: rgba(122,16,40,.035) !important; color: #7A1028 !important; } } /* ========================================================= ÜRÜN SİLME BUTONU ========================================================= */ .basket-item button.delete-btn { width: 38px !important; min-width: 38px !important; height: 38px !important; padding: 0 !important; border: 1px solid rgba(0,0,0,.20) !important; border-radius: 4px !important; background: #FFFFFF !important; color: #171717 !important; box-shadow: none !important; } .basket-item button.delete-btn i { color: #171717 !important; } /* ========================================================= ÜSTÜ ÇİZİLİ ESKİ FİYAT CIRTLAK KIRMIZI YOK ========================================================= */ .basket-item-price-customize .basket-item-sale-price, .basket-item-price-customize .basket-item-sale-price span { color: #7A1028 !important; text-decoration-color: #7A1028 !important; } /* GÜNCEL FİYAT */ .basket-item-price-customize .basket-item-basket-price, .basket-item-price-customize .basket-item-basket-price span { color: #171717 !important; font-weight: 600 !important; } /* ========================================================= ALIŞVERİŞE DEVAM ET KAPALI KALACAK ========================================================= */ .basket-main-wrapper .cart-list--footer { display: none !important; } /* ========================================================= BEDEN ========================================================= */ .basket-item .basket-item-variation-chip { display: inline-flex !important; align-items: center !important; width: auto !important; min-height: 24px !important; margin: 0 !important; padding: 4px 7px !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 3px !important; background: #FFFFFF !important; color: #444444 !important; box-shadow: none !important; box-sizing: border-box !important; font-size: 9.5px !important; font-weight: 500 !important; line-height: 1.3 !important; } .basket-item .basket-item-variation-chip::before { content: none !important; display: none !important; } /* ========================================================= SEPET (3) BAŞLIĞI ========================================================= */ .content-header .title-wrapper .title.title-properties { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 8px !important; width: auto !important; min-height: 38px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid rgba(122,16,40,.30) !important; border-radius: 4px !important; background: #FFFFFF !important; color: #171717 !important; box-sizing: border-box !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; } /* SEPET İKONU */ .content-header .title-wrapper .title.title-properties::before { content: "\F0111"; display: inline-block !important; color: #7A1028 !important; font-family: "Material Design Icons" !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1 !important; } /* ========================================================= MOBİL ALT TOPLAM FİYATI ========================================================= */ .mobile-order-summary .price-text { color: #7A1028 !important; font-weight: 700 !important; } /* ========================================================= ÇOK SATANLAR ŞİMDİLİK KALACAK ========================================================= */ .basket-container-wrapper .section-title { color: #171717 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-weight: 600 !important; } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 768px) { /* Header: 31 kampanya + 56 marka alanı */ .header { height: 87px !important; min-height: 87px !important; background: linear-gradient( #FFFFFF, #FFFFFF ) 0 31px / 100% 56px no-repeat, linear-gradient( 90deg, #24080D 0%, #4A1019 30%, #651824 50%, #4A1019 70%, #24080D 100% ) 0 0 / 100% 31px no-repeat !important; } .header .header-wrp { height: 87px !important; min-height: 87px !important; } .header .header-wrp > .v-row { top: 31px !important; height: 56px !important; } .header .header-wrp > .v-row a[href="/"], .header .header-wrp > .v-row a[href="https://venesro.com"], .header .header-wrp > .v-row a[href="https://venesro.com/"], .header .header-wrp > .v-row a[href="https://www.venesro.com"], .header .header-wrp > .v-row a[href="https://www.venesro.com/"], .header .header-wrp > .v-row a:first-of-type { height: 56px !important; } /* MOBİL ANASAYFA */ .header .header-wrp > .v-row a[href="/"]::before, .header .header-wrp > .v-row a[href="https://venesro.com"]::before, .header .header-wrp > .v-row a[href="https://venesro.com/"]::before, .header .header-wrp > .v-row a[href="https://www.venesro.com"]::before, .header .header-wrp > .v-row a[href="https://www.venesro.com/"]::before, .header .header-wrp > .v-row a:first-of-type::before { content: "‹ Anasayfa" !important; left: 14px !important; min-height: 24px !important; padding-left: 22px !important; font-size: 8.5px !important; background-size: 15px 15px !important; } /* MOBİL LOGO */ .header .header-wrp > .v-row a[href="/"]::after, .header .header-wrp > .v-row a[href="https://venesro.com"]::after, .header .header-wrp > .v-row a[href="https://venesro.com/"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com/"]::after, .header .header-wrp > .v-row a:first-of-type::after { width: 135px !important; height: 40px !important; } /* KAMPANYA */ .header::before, .header::after, .header .header-wrp::before { height: 31px !important; padding: 0 7px !important; font-size: 9px !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: .15px !important; white-space: normal !important; } .header .header-wrp::after { height: 31px !important; } /* KAMPANYA CHIP */ .campaign-wrapper .campaign-chip { min-height: 28px !important; padding: 5px 9px !important; font-size: 9.5px !important; } /* KARGO */ .cargo-information.free-cargo, .cargo-information.remaining-cargo { border-radius: 5px !important; } } /* ========================================================= ÇOK KÜÇÜK TELEFON ========================================================= */ @media (max-width: 390px) { .header::before, .header::after, .header .header-wrp::before { font-size: 8.5px !important; letter-spacing: 0 !important; } .header .header-wrp > .v-row a[href="/"]::after, .header .header-wrp > .v-row a[href="https://venesro.com"]::after, .header .header-wrp > .v-row a[href="https://venesro.com/"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com"]::after, .header .header-wrp > .v-row a[href="https://www.venesro.com/"]::after, .header .header-wrp > .v-row a:first-of-type::after { width: 122px !important; } } /* ========================================================= VENESRO — CHECKOUT ÇOK SATANLAR / DÜZELTİLMİŞ ========================================================= */ /* ========================================================= HEDİYE ÇEKİ İLE ÇOK SATANLAR ARASINDAKİ BOŞ SATIRLARI KALDIR ========================================================= */ .basket-container-wrapper .v-row.mb-6:empty { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Çok Satanlar satırı */ .basket-container-wrapper .v-row.mb-6:has(.section-title):has(.slider-wrapper) { margin-top: 0 !important; margin-bottom: 18px !important; padding-top: 0 !important; } /* Çok Satanlar kolon boşlukları */ .basket-container-wrapper .v-row.mb-6:has(.section-title):has(.slider-wrapper) > .v-col { padding-top: 0 !important; padding-bottom: 0 !important; } /* ========================================================= ÇOK SATANLAR ANA ALANI ========================================================= */ .basket-container-wrapper .v-row:has(.section-title):has(.slider-wrapper) { background: #FFFFFF !important; } .basket-container-wrapper .v-row:has(.section-title):has(.slider-wrapper) .slider-wrapper { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; } /* ========================================================= BAŞLIK ========================================================= */ .basket-container-wrapper .v-row:has(.slider-wrapper) .section-title { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; margin: 0 0 13px !important; padding: 0 !important; color: #7A1028 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } /* Başlığın sağındaki ince çizgi */ .basket-container-wrapper .v-row:has(.slider-wrapper) .section-title::after { content: "" !important; flex: 1 1 auto !important; height: 1px !important; margin-left: 12px !important; background: rgba(122,16,40,.10) !important; } /* ========================================================= SWIPER ========================================================= */ .basket-container-wrapper .slider-wrapper .swiper { width: 100% !important; margin: 0 !important; padding: 0 0 3px !important; overflow: hidden !important; } .basket-container-wrapper .slider-wrapper .swiper-wrapper { display: flex !important; align-items: stretch !important; } /* ========================================================= ÜRÜN KARTI GENİŞLİĞİ Ticimax inline genişliği ezilir ama kart büyütülmez. ========================================================= */ .basket-container-wrapper .slider-wrapper .swiper-slide { flex: 0 0 148px !important; width: 148px !important; max-width: 148px !important; height: auto !important; margin-right: 11px !important; } /* ========================================================= ÜRÜN KARTI ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card { position: relative !important; display: flex !important; flex-direction: column !important; width: 148px !important; max-width: 148px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; } /* ========================================================= ÜSTTEKİ BOŞ WRAPPER ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card .delete-button-wrapper:empty { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= ÜRÜN GÖRSELİ — 3:4 ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card--image { position: relative !important; display: block !important; width: 148px !important; height: 197px !important; margin: 0 0 8px !important; padding: 0 !important; overflow: hidden !important; background: #FFFFFF !important; border: 1px solid rgba(122,16,40,.09) !important; border-radius: 6px !important; box-sizing: border-box !important; text-decoration: none !important; } .basket-container-wrapper .slider-wrapper .product-card--image img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center !important; border-radius: 6px !important; } /* ========================================================= ÜRÜN ADI ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card--title { display: -webkit-box !important; width: 100% !important; min-height: 32px !important; max-height: 32px !important; margin: 0 0 7px !important; padding: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; color: #171717 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.45 !important; letter-spacing: -.1px !important; text-decoration: none !important; } /* ========================================================= FİYAT ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card .price-tags { display: block !important; width: 100% !important; min-height: 22px !important; margin: auto 0 7px !important; padding: 0 !important; color: #7A1028 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; } .basket-container-wrapper .slider-wrapper .product-card .price-tags *, .basket-container-wrapper .slider-wrapper .product-card--price { color: #7A1028 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; } /* ========================================================= SEPETE EKLE Mevcut gerçek Ticimax butonu korunur. ========================================================= */ .basket-container-wrapper .slider-wrapper .product-card__button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 32px !important; margin: 0 !important; padding: 0 7px !important; background: #FFFFFF !important; border: 1px solid #7A1028 !important; border-radius: 4px !important; color: #7A1028 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 8.5px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer !important; transition: background-color .18s ease, color .18s ease !important; } .basket-container-wrapper .slider-wrapper .product-card__button * { color: inherit !important; } /* ========================================================= HOVER ========================================================= */ @media (hover:hover) and (pointer:fine) { .basket-container-wrapper .slider-wrapper .product-card__button:hover { background: #7A1028 !important; color: #FFFFFF !important; } .basket-container-wrapper .slider-wrapper .product-card--image img { transition: transform .25s ease !important; } .basket-container-wrapper .slider-wrapper .product-card:hover .product-card--image img { transform: scale(1.018) !important; } } /* ========================================================= SWIPER OKLARI ========================================================= */ .basket-container-wrapper .slider-wrapper .swiper-button-prev, .basket-container-wrapper .slider-wrapper .swiper-button-next { width: 30px !important; height: 30px !important; border: 1px solid rgba(122,16,40,.25) !important; border-radius: 50% !important; background: rgba(255,255,255,.96) !important; color: #7A1028 !important; box-shadow: 0 3px 10px rgba(0,0,0,.05) !important; } .basket-container-wrapper .slider-wrapper .swiper-button-prev::after, .basket-container-wrapper .slider-wrapper .swiper-button-next::after { color: #7A1028 !important; font-size: 10px !important; } /* Tek ürün varsa kilitli okları gizle */ .basket-container-wrapper .slider-wrapper .swiper-button-disabled { display: none !important; } /* ========================================================= MOBİL İki kart rahatça görünür. ========================================================= */ @media (max-width: 768px) { .basket-container-wrapper .v-row.mb-6:has(.section-title):has(.slider-wrapper) { margin-top: 0 !important; margin-bottom: 12px !important; } .basket-container-wrapper .v-row:has(.slider-wrapper) .section-title { margin-bottom: 10px !important; font-size: 10px !important; letter-spacing: .9px !important; } .basket-container-wrapper .slider-wrapper .swiper-slide { flex-basis: 142px !important; width: 142px !important; max-width: 142px !important; margin-right: 8px !important; } .basket-container-wrapper .slider-wrapper .product-card { width: 142px !important; max-width: 142px !important; } .basket-container-wrapper .slider-wrapper .product-card--image { width: 142px !important; height: 189px !important; margin-bottom: 7px !important; border-radius: 5px !important; } .basket-container-wrapper .slider-wrapper .product-card--image img { border-radius: 5px !important; } .basket-container-wrapper .slider-wrapper .product-card--title { min-height: 30px !important; max-height: 30px !important; margin-bottom: 5px !important; font-size: 9px !important; } .basket-container-wrapper .slider-wrapper .product-card .price-tags, .basket-container-wrapper .slider-wrapper .product-card--price { font-size: 10px !important; } .basket-container-wrapper .slider-wrapper .product-card__button { min-height: 30px !important; padding: 0 5px !important; font-size: 8px !important; } /* Mobilde parmakla kaydır */ .basket-container-wrapper .slider-wrapper .swiper-button-prev, .basket-container-wrapper .slider-wrapper .swiper-button-next { display: none !important; } } /* /*