#aca-notifications-wrapper { display: block; right: 0; bottom: 0; position: fixed; z-index: 99999999; max-height: 100%; overflow: auto; /* Mobil için wrapper'ı da ayarlayalım */ width: 100%; max-width: 450px; /* Maksimum genişlik */ box-sizing: border-box; /* Padding'i hesaba kat */ } /* Görsele benzeyecek şekilde güncellenmiş konteyner */ .aca-notification-container { display: flex; flex-direction: row; align-items: center; /* Resim ve metni dikeyde ortala */ text-align: left; margin: 16px; /* Kenar boşluğu artırıldı */ padding: 16px; /* İç boşluk artırıldı */ background-color: #f7f7f7; /* Arka plan rengi açıldı */ width: auto; /* Genişlik içerikle belirlensin */ box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; /* Gölge yumuşatıldı */ border-radius: 16px; /* Köşeler daha yuvarlak */ opacity: 0; /* Başlangıçta görünmez */ transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Geçişe transform eklendi */ transform: translateY(20px); /* Aşağıdan gelsin */ } /* Görünür olduğunda */ .aca-notification-container.visible { opacity: 1; transform: translateY(0); } /* Resim alanı ve rozet için güncellendi */ .aca-notification-image { position: relative; /* Rozet için */ display: flex; align-items: center; justify-content: center; min-height: 80px; /* Boyut artırıldı */ min-width: 80px; height: 80px; width: 80px; margin: 0; /* Margin metin tarafına verildi */ } /* YENİ: Rozet (%) */ .aca-notification-badge { position: absolute; top: -6px; left: -6px; width: 28px; height: 28px; border-radius: 50%; background-color: #9c9c9c; /* Gri arka plan */ color: white; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.2); border: 2px solid #f7f7f7; /* Konteyner ile aynı arka plan */ } .aca-notification-image img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 12px; /* Resim köşeleri yuvarlatıldı */ box-shadow: rgba(99, 115, 129, 0.29) 0px 0px 4px 1px; } .aca-notification-container .aca-notification-text { flex-grow: 1; margin: 0 0 0 16px; /* Sola boşluk verildi */ max-width: 260px; display: flex; flex-direction: column; /* İçerik dikeyde sıralansın */ } /* YENİ: Üst başlık (2500 TL...) */ .aca-notification-preheading { font-size: 14px; color: #555; margin: 0 0 4px 0; line-height: 1.3; max-height: 2.6em; overflow: hidden; } /* Ana başlık (Lokum Hediye) */ .aca-notification-heading { font-size: 22px; /* Boyut ayarlandı */ font-weight: bold; /* Kalın yapıldı */ margin: 0 0 6px 0; line-height: 1.2; max-height: 2.4em; overflow: hidden; color: #111; /* Renk koyulaştırıldı */ } /* Alt başlık (Son 121 adet...) */ .aca-notification-subheading { font-size: 15px; /* Boyut ayarlandı */ margin: 0 0 12px 0; /* Düğme için alt boşluk */ line-height: 1.4; max-height: 2.8em; overflow: hidden; color: #666; /* Renk ayarlandı */ } /* YENİ: Buton */ .aca-notification-button { display: inline-block; width: fit-content; background-color: #c13e3e; /* Kırmızı-kahve tonu */ color: #FFFFFF; padding: 8px 14px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; transition: background-color 0.2s; } .aca-notification-button:hover { background-color: #a93636; } /* Mobil görünüm için medya sorgusu güncellendi */ @media screen and (max-width: 450px) { #aca-notifications-wrapper { /* Wrapper'ı ekranın altını kaplayacak şekilde ayarla */ right: 0; left: 0; bottom: 0; width: 100%; max-width: 100%; } .aca-notification-container { width: auto; /* Otomatik genişlik */ /* Orijinal CSS'inizdeki flex-wrap: wrap yerine içeriğin zaten esnek olmasını sağlıyoruz */ margin: 8px; /* Mobilde daha az boşluk */ } .aca-notification-container .aca-notification-text { max-width: none; /* Maksimum genişliği kaldır */ margin-left: 12px; /* Mobilde sola boşluk */ } .aca-notification-image { min-width: 70px; /* Mobilde resmi biraz küçült */ width: 70px; height: 70px; } .aca-notification-badge { width: 24px; height: 24px; font-size: 14px; } }

2500 TL üzerine Sınırlı Süreli indirim

Lokum Hediye

Son 121 adet hediye

Hediyeni kaçırma

Dried Fruit

Your cargo is safe. You can order with peace of mind.

CATEGORIES

Corporate

Our stores

Certificates