@font-face{font-family:Unbounded;src:url("../assets/fonts/Unbounded-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Unbounded;src:url("../assets/fonts/Unbounded-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
.noscroll{overflow:hidden}
#js-modal-cart.hide,.modal-basket__empty.hide{display:none!important}
#js-modal-cart.modal{position:fixed;inset:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9900;overflow-y:auto}
#js-modal-cart.is-open{display:block}
#js-modal-cart .modal-content{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:20px 12px 40px}
#js-modal-cart .modal-basket{width:min(475px,100%);border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.15);background:#fff;position:relative;margin-top:20px}
#js-modal-cart svg{width:24px;height:24px;display:block}
#js-modal-cart .modal-loader{display:none}
#js-modal-cart .modal-basket__header{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding:16px 24px;border-bottom:1px solid #e2eaff}
#js-modal-cart .modal-basket__title{margin:0;font-family:Unbounded,Arial,sans-serif;font-weight:600;font-size:16px;color:#282b28}
#js-modal-cart .modal-basket__clear{margin-left:auto;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
#js-modal-cart .modal-basket__clear svg{fill:transparent;stroke:#282b28}
#js-modal-cart .modal-basket__clear.disabled svg{stroke:#a0a3a0}
#js-modal-cart .modal-basket__close{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
#js-modal-cart .modal-basket__close svg{fill:#282b28}
#js-modal-cart .modal-basket__close:hover svg{fill:#fd5900}
#js-modal-cart .modal-basket__body{display:flex;flex-direction:column;gap:16px;padding-block:16px}
#js-modal-cart .modal-basket__empty{display:flex;flex-direction:column;gap:8px;align-items:center;border-bottom:1px solid #e2eaff;padding:0 24px 24px;text-align:center}
#js-modal-cart .modal-basket__empty img{width:260px;height:260px;object-fit:contain}
#js-modal-cart .modal-basket__empty p{margin:0;font-weight:500;font-size:15px;color:#282b28}
#js-modal-cart .modal-basket__empty a{color:#3a51cb;text-decoration:underline}
#js-modal-cart .basket-good{display:grid;grid-template-columns:64px 1fr 100px;gap:8px 4px;padding:16px 24px}
#js-modal-cart .basket-good__img{grid-row:span 2;height:64px}
#js-modal-cart .basket-good__img img{width:64px;height:64px;object-fit:cover;border-radius:6px}
#js-modal-cart .basket-good__name{align-content:end;font-family:Unbounded,Arial,sans-serif;font-weight:500;font-size:15px;color:#282b28;text-decoration:none}
#js-modal-cart .basket-good__details{font-size:12px;font-weight:500;margin-top:4px}
#js-modal-cart .basket-good__price{align-content:start;font-family:Unbounded,Arial,sans-serif;font-weight:500;white-space:nowrap;color:#282b28}
#js-modal-cart .basket-good__qnt{grid-column:2}
#js-modal-cart .basket-good__del{grid-column:3;justify-self:end}
#js-modal-cart .basket-good__del button{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
#js-modal-cart .basket-good__del svg{stroke:#282b28;fill:transparent}
#js-modal-cart .quantity{display:inline-flex;height:28px;padding:1px;border:1px solid #9eb5ff;border-radius:8px}
#js-modal-cart .quantity input{width:40px;height:100%;border:none;background:transparent;font-weight:500;font-size:18px;text-align:center;color:#282b28}
#js-modal-cart .quantity__btn{display:flex;align-items:center;justify-content:center;width:24px;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
#js-modal-cart .quantity__btn svg{width:100%;height:100%;fill:transparent;stroke:#282b28}
#js-modal-cart .modal-basket__footer{border-top:1px solid #e2eaff;padding:16px 24px}
#js-modal-cart .modal-basket__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;width:100%;height:48px;background:#cf432a;font-family:Unbounded,Arial,sans-serif;font-weight:500;font-size:15px;line-height:1;color:#fff!important;text-decoration:none;transition:background .2s}
#js-modal-cart .modal-basket__btn:hover{background:#fd5900}
@media(max-width:520px){#js-modal-cart .modal-content{padding:0}#js-modal-cart .modal-basket{width:100%;margin-top:0;border-radius:0}#js-modal-cart .modal-basket__header,#js-modal-cart .basket-good,#js-modal-cart .modal-basket__footer{padding-inline:12px}}

/* Hard close state: preview-current forces .modal.is-open { display:block!important } */
#js-modal-cart:not(.is-open){
  display:none!important;
  pointer-events:none!important;
  opacity:0!important;
}
#js-modal-cart.is-open{
  display:block!important;
  pointer-events:auto!important;
  opacity:1!important;
  z-index:200000!important;
}