/* Roboyol — Journal3 bildirim pencereleri (sepete / takip listesine / karşılaştırmaya eklendi) kasa v1 dilinde (2026-11-09).
 * Journal3 bildirimi JS ile çizer (js/common.js): .notification-wrapper > .notification.notification-cart > .notification-close +
 * .notification-content (img + başlık + metin) + .notification-buttons (Sepete git / Kasaya git). Journal3 skin kuralları özgül
 * olduğu için !important gerekir. Çerez bildirimi (module-notification, lacivert) bu dosyanın dışında, değişmez.
 * Yüklenme: catalog/controller/common/footer.php (her sayfa, ?v=mtime). Metinler: language/tr-tr/common/cart.php (text_cart, text_checkout),
 * checkout/cart.php (text_success). Belge: assets/hesabim/README.md "Sonuç sayfası ve bildirim". */
.notification-wrapper .notification.notification-cart,.notification-wrapper .notification.notification-wishlist,.notification-wrapper .notification.notification-compare{position:relative;background:#fff !important;border:1px solid #dce5f0 !important;border-radius:14px !important;box-shadow:0 14px 44px rgba(7,27,52,.18) !important;padding:16px 16px 14px !important;width:min(420px,calc(100vw - 32px)) !important;max-width:none !important;color:#172337}
.notification-wrapper .notification.notification-cart .notification-content,.notification-wrapper .notification.notification-wishlist .notification-content,.notification-wrapper .notification.notification-compare .notification-content{display:flex !important;gap:14px;align-items:flex-start;padding:0 !important;margin:0 !important}
.notification-wrapper .notification .notification-content>img{width:64px !important;height:64px !important;flex:none;border-radius:10px;border:1px solid #e3e9f1;background:#fff;object-fit:contain;margin:0 !important}
.notification-wrapper .notification .notification-content>div{min-width:0;flex:1 1 auto;padding-right:26px}
.notification-wrapper .notification .notification-title{font-size:14.5px !important;font-weight:700 !important;color:#071b34 !important;line-height:1.3 !important;margin:0 0 4px !important;text-transform:none !important;letter-spacing:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.notification-wrapper .notification .notification-text{font-size:13px !important;color:#1f9d63 !important;font-weight:600 !important;line-height:1.4 !important;margin:0 !important}
.notification-wrapper .notification .notification-text::before{content:"\f00c";font-family:FontAwesome;font-weight:400;margin-right:6px;font-size:12px}
.notification-wrapper .notification .notification-text a{color:inherit !important;text-decoration:none}
.notification-wrapper .notification .notification-buttons{display:flex !important;gap:10px;margin:14px 0 0 !important;padding:0 !important}
.notification-wrapper .notification .notification-buttons .btn{flex:1 1 0;height:42px !important;padding:0 12px !important;border-radius:10px !important;font-size:13.5px !important;font-weight:700 !important;text-transform:none !important;letter-spacing:0 !important;display:inline-flex !important;align-items:center;justify-content:center;border:1.5px solid transparent !important;box-shadow:none !important;line-height:1 !important;margin:0 !important;transition:background .15s,border-color .15s,color .15s}
.notification-wrapper .notification .notification-buttons .btn::before,.notification-wrapper .notification .notification-buttons .btn::after{display:none !important}
.notification-wrapper .notification .notification-buttons .notification-view-cart{background:#fff !important;border-color:#dce5f0 !important;color:#071b34 !important}
.notification-wrapper .notification .notification-buttons .notification-view-cart:hover{border-color:#0d2f56 !important}
.notification-wrapper .notification .notification-buttons .notification-checkout{background:#f59e0b !important;color:#071b34 !important}
.notification-wrapper .notification .notification-buttons .notification-checkout:hover{background:#d97706 !important;color:#fff !important}
.notification-wrapper .notification.notification-cart .notification-close,.notification-wrapper .notification.notification-wishlist .notification-close,.notification-wrapper .notification.notification-compare .notification-close{position:absolute !important;top:10px !important;right:10px !important;left:auto !important;bottom:auto !important;width:28px !important;height:28px !important;padding:0 !important;border-radius:50% !important;background:#f1f5f9 !important;color:#5f6d80 !important;border:0 !important;box-shadow:none !important;font-size:12px !important;display:inline-flex !important;align-items:center;justify-content:center;transform:none !important}
.notification-wrapper .notification .notification-close:hover{background:#e2e8f0 !important;color:#071b34 !important}
@media (max-width:760px){
  .notification-wrapper .notification.notification-cart{padding:14px 14px 12px !important}
  .notification-wrapper .notification .notification-content>img{width:56px !important;height:56px !important}
}