@charset "utf-8";

a.product-link { display: flex; align-items: center; gap: 14px; justify-content: flex-start; text-decoration: none; }

svg.icon-close { fill: rgb(0, 0, 0); }

.product-notification { position: fixed; bottom: 10px; left: 20px; width: 330px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; padding: 14px 20px; border-radius: 8px; z-index: 9999; display: flex; flex-direction: column; align-items: center; }

.product-list { display: flex; flex-direction: column; align-items: center; width: 100%; }

.data-product { display: none; opacity: 0; transition: opacity 1s ease-in-out; text-align: center; }

.data-product:not(.hide) { display: block; opacity: 1; width: 100%; }

.product-link img { width: 100px; height: 100px; object-fit: cover; margin-bottom: 10px; }

.product-title { font-size: 13px; color: rgb(51, 51, 51); text-decoration: none; font-weight: 500; letter-spacing: 0px; display: flex; flex-direction: column; margin-bottom: 5px; }

.close-notifi { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 16px; }

.close-notifi:hover { color: red; }

.product-link img { width: 60px; height: 60px; object-fit: cover; margin-bottom: 10px; }

.cta_btm_part p { font-size: 12px; color: rgb(163, 141, 159); margin: 0px; }

.cta_btm_part { text-align: left; }

@media (max-width: 786px) {
  .product-notification { width: 100%; left: 0px; border-radius: 0px; bottom: 0px !important; }
}