/* ========================================================================== Naturapack — Ek özellikler: yüzen WhatsApp butonu + header sosyal medya ========================================================================== */ /* ----- Yüzen WhatsApp butonu (sağ alt) ----- */ .natura-whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 990; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45); transition: transform .25s ease, box-shadow .25s ease; } .natura-whatsapp-float:hover, .natura-whatsapp-float:focus { transform: scale(1.08); color: #fff; box-shadow: 0 14px 34px rgba(37, 211, 102, 0.55); } .natura-whatsapp-float i { position: relative; z-index: 2; line-height: 1; } .natura-whatsapp-float__pulse { position: absolute; inset: 0; border-radius: 50%; background: #25D366; z-index: 1; animation: naturaWaPulse 2.2s ease-out infinite; } @keyframes naturaWaPulse { 0% { transform: scale(1); opacity: .55; } 70% { transform: scale(1.7); opacity: 0; } 100% { opacity: 0; } } /* Mobilde alt menü çubuğunun üstüne al */ @media (max-width: 991px) { .natura-whatsapp-float { bottom: 84px; right: 16px; width: 52px; height: 52px; font-size: 26px; } } @media (prefers-reduced-motion: reduce) { .natura-whatsapp-float__pulse { animation: none; } } /* ----- Header sosyal medya butonları ----- */ .natura-modern-social { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; } .natura-modern-social__btn { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: rgba(255, 255, 255, 0.14); font-size: 15px; line-height: 1; transition: transform .2s ease, background .25s ease, box-shadow .25s ease; } .natura-modern-social__btn:hover, .natura-modern-social__btn:focus { transform: translateY(-2px); color: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28); } .natura-modern-social__btn--facebook:hover { background: #1877F2; } .natura-modern-social__btn--instagram:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); } .natura-modern-social__btn--twitter:hover { background: #111; } .natura-modern-social__btn--linkedin:hover { background: #0A66C2; } .natura-modern-social__btn--youtube:hover { background: #FF0000; } .natura-modern-social__btn--pinterest:hover { background: #E60023; } .natura-modern-social__btn--google:hover { background: #4285F4; } /* Header zaten dar; sosyal butonları yalnızca geniş ekranda göster */ @media (max-width: 1280px) { .natura-modern-social { display: none; } } /* ========================================================================== Ürün kartı — görseli kart genişliğine büyüt + hover önizleme ========================================================================== */ /* Izgara görünümünde görsel alanını büyüt (eskiden 118px) */ .natura-products-grid--grid .natura-product-card__media { height: 210px; padding: 14px 16px; } .natura-product-card__media img { max-height: 182px; } .natura-product-card:hover .natura-product-card__media img { transform: scale(1.06); } /* Görsel üzerinde beliren büyüteç ikonu */ .natura-product-card__zoom { position: absolute; right: 10px; bottom: 10px; z-index: 3; width: 36px; height: 36px; border-radius: 50%; background: rgba(58, 31, 13, 0.88); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; opacity: 0; transform: scale(0.8); transition: opacity .25s ease, transform .25s ease; pointer-events: none; } .natura-product-card__media:hover .natura-product-card__zoom { opacity: 1; transform: scale(1); } /* JS ile 'ye eklenen yüzen önizleme kutusu */ .natura-product-preview { position: fixed; z-index: 9999; pointer-events: none; width: 340px; max-width: 80vw; padding: 12px; background: #fff; border-radius: 16px; box-shadow: 0 30px 70px -18px rgba(0, 0, 0, 0.5); opacity: 0; transform: scale(0.96); transition: opacity .18s ease, transform .18s ease; } .natura-product-preview.is-visible { opacity: 1; transform: scale(1); } .natura-product-preview img { width: 100%; height: auto; display: block; border-radius: 10px; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); } .natura-product-preview__title { margin: 8px 0 0; font-size: 13px; font-weight: 600; color: #3A1F0D; text-align: center; } /* Dokunmatik / dar ekranda önizleme kapalı (kart görseli zaten büyük) */ @media (max-width: 991px) { .natura-product-preview { display: none !important; } } /* ========================================================================== Navbar dil seçici — butonda SADECE bayrak; dil adı yalnızca açılır menüde ========================================================================== */ .natura-lang-dropdown__toggle .natura-lang-dropdown__name { display: none; } .natura-lang-dropdown__toggle .fa-angle-down { display: none; } .natura-lang-dropdown__toggle { gap: 0; } /* Açılır menüdeki dil adları (label) görünmeye devam eder */ .natura-lang-dropdown__menu .natura-lang-dropdown__label { display: inline; }