.notification-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:480px;height:100vh;background:#fff;z-index:9999;transition:right .3s ease;box-shadow:-2px 0 20px #0000001a;overflow-y:auto}.notification-drawer.active{right:0}.notification-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-drawer__overlay.active{opacity:1;visibility:visible}.notification-drawer__header{padding:20px;border-bottom:1px solid #e5e5e5;background:#f9f9f9;position:sticky;top:0;z-index:10}.notification-drawer__close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;padding:5px;color:#000;transition:color .2s ease;width:fit-content}.notification-drawer__close:hover{color:#000}.notification-drawer__content{padding:30px 20px}.product__notification__title{margin:0 0 10px;font-size:18px;font-weight:600;color:#333}.product__notification__variant{margin:0 0 20px;font-size:14px;color:#666;font-weight:400}.product__notification__message{margin-bottom:20px;padding:15px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.product__notification__form{display:flex;flex-direction:column;gap:15px}.product__notification .field{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.product__notification .field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.product__notification .btn{padding:15px 30px;background:#000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background-color .2s ease}.product__notification .btn:hover{background:#333}.product__notification .btn:disabled{background:#ccc;cursor:not-allowed}.product__notification .btn--secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.product__notification .btn--secondary:hover{background:#e0e0e0;border-color:#ccc}@media (max-width: 768px){.notification-drawer{max-width:100%;width:100%}.notification-drawer__content{padding:20px 15px}}.product__notification .field:invalid{border-color:#dc3545}.product__notification .field:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.form-errors{margin-bottom:20px;padding:15px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-errors ul{margin:0;padding:0;list-style:none}.form-errors li{margin-bottom:5px}.product__notification .btn.loading{position:relative;color:transparent}.product__notification .btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[name=add][data-soldout=true]{background-color:#666!important;border-color:#666!important;cursor:pointer!important;opacity:1!important}button[name=add][data-soldout=true]:hover{background-color:#555!important;border-color:#555!important}button[name=add][data-soldout=true]:focus{outline:2px solid #007bff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/notification-drawer.css.map */