/* One cart-success component for courses and curators. Scoped over legacy page styles. */
#cartNotificationModal{display:none;position:fixed;inset:0;z-index:10000;width:100%;height:100%;padding:16px;align-items:center;justify-content:center;box-sizing:border-box;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);animation:cart-notification-fade .3s ease}
#cartNotificationModal *{box-sizing:border-box}
#cartNotificationModal .cart-notification-content{position:relative;inset:auto;transform:none;width:100%;max-width:400px;max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:cart-notification-enter .3s ease}
#cartNotificationModal .cart-notification-header{margin:0 0 20px}
#cartNotificationModal .cart-notification-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 15px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px rgba(76,175,80,.3)}
#cartNotificationModal .cart-notification-icon img{display:block;width:30px;height:30px;filter:invert(1)}
#cartNotificationModal .cart-notification-title{margin:0 0 10px;font:22px/1.3 TTFirsNeue-DemiBold,Arial,sans-serif;color:#333;text-transform:none}
#cartNotificationModal .cart-notification-text{margin:0 0 25px;font:16px/1.5 TTFirsNeue-Regular,Arial,sans-serif;color:#666}
#cartNotificationModal .cart-notification-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}
#cartNotificationModal .cart-notification-btn{display:flex;align-items:center;justify-content:center;min-width:140px;min-height:40px;width:auto;margin:0;padding:10px 14px;border:0;border-radius:10px;font:var(--cart-action-font-size,13px)/18.2px TTFirsNeue-Medium,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
#cartNotificationModal .go-to-cart-btn{background:#ffb05c;color:#242424}
#cartNotificationModal .go-to-cart-btn:is(:hover,:active){background:#ffc382;color:#242424}
#cartNotificationModal .continue-btn{border:1px solid #e0e0e0;background:#f6f6f6;color:#858585}
#cartNotificationModal .continue-btn:is(:hover,:active){border-color:#e0e0e0;background:#ededed;color:#666}
#cartNotificationModal .cart-notification-btn,#cartNotificationModal .cart-notification-btn:is(:hover,:active,:focus-visible){box-shadow:none!important;transform:none!important;text-decoration:none;filter:none}
#cartNotificationModal .cart-notification-btn:focus-visible{outline:2px solid #ff8c42;outline-offset:3px}
@keyframes cart-notification-fade{from{opacity:0}to{opacity:1}}
@keyframes cart-notification-enter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media(max-width:768px){
 #cartNotificationModal .cart-notification-content{max-width:350px;padding:25px 20px}
 #cartNotificationModal .cart-notification-icon{width:50px;height:50px}
 #cartNotificationModal .cart-notification-title{font-size:20px}
 #cartNotificationModal .cart-notification-text{font-size:14px}
 #cartNotificationModal .cart-notification-buttons{flex-direction:column;gap:10px}
 #cartNotificationModal .cart-notification-btn{width:100%}
}
@media(max-width:480px){
 #cartNotificationModal .cart-notification-content{max-width:300px;padding:20px 15px}
 #cartNotificationModal .cart-notification-icon{width:45px;height:45px}
 #cartNotificationModal .cart-notification-title{font-size:18px}
 #cartNotificationModal .cart-notification-text{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 #cartNotificationModal,#cartNotificationModal .cart-notification-content{animation:none}
 #cartNotificationModal .cart-notification-btn{transition:none}
}