@media(max-width:767px){
 html body .modal.show,html body .modal[style*="display: block"]{position:fixed!important;inset:0!important;left:0!important;top:0!important;width:100vw!important;height:100dvh!important;height:100svh!important;margin:0!important;padding:12px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;transform:none!important;box-sizing:border-box!important;z-index:1090!important}
 html body .modal.show>.modal-dialog,html body #productPurchaseModal.modal.show>.modal-dialog{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;margin:auto!important;padding:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;max-width:440px!important;max-height:calc(100svh - 24px)!important;box-sizing:border-box!important}
 html body .modal.show>.modal-dialog>.modal-content,html body #productPurchaseModal.modal.show .modal-content{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100svh - 24px)!important;overflow:hidden!important;border-radius:16px!important}
 html body .modal.show .modal-body,html body #productPurchaseModal.modal.show .modal-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
 html body .modal.show .modal-header,html body .modal.show .modal-footer{flex:0 0 auto!important;padding:10px 12px!important}
 html body .modal.show button,html body .modal.show .btn{font-size:14px!important;line-height:1.3!important;min-height:38px!important;max-height:56px!important;padding:9px 12px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
 html body .modal.show input,html body .modal.show select{font-size:16px!important;min-width:0!important}
 html body #modalVariantsContainer .v1-choice-card{min-height:60px!important;padding:10px 12px!important;margin-bottom:7px!important}
 html body #modalVariantsContainer .v1-choice-card.active{outline:2px solid #f87171!important;outline-offset:-2px!important;background:#25100f!important}
 html body #modalVariantsContainer .v1-choice-card.active .v1-choice-title{color:#fff!important}
 html body .modal.show .modal-footer{gap:8px!important}
 html body .modal.show .modal-footer>*{min-width:0!important;flex:1 1 0!important}
 html body .swal2-container{position:fixed!important;inset:0!important;z-index:1200!important;align-items:center!important;justify-content:center!important;padding:12px!important}
 html body .swal2-popup{width:min(100%,420px)!important;max-height:calc(100svh - 24px)!important;overflow-y:auto!important}
}
html body .modal-backdrop.show{position:fixed!important;inset:0!important;opacity:.68!important;z-index:1080!important}
html body .modal.show{z-index:1090!important}



:root{--bood-layout-gap:clamp(12px,2vw,24px);--bood-content-max:1440px;--bood-radius:14px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:84px;overflow-wrap:anywhere}
body{min-width:320px;max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
main,.main-content,.page-content,.content-wrapper,.container-fluid{min-width:0}
.container,.container-fluid{width:100%}
.row{row-gap:var(--bood-layout-gap)}
.card,.panel,.profile-card,.profile-stat,.product-box{min-width:0;overflow-wrap:anywhere}
.card img,.panel img{max-width:100%}
.form-control,.form-select,textarea,select,input{max-width:100%;min-width:0}
.btn,button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
.modal{overflow-y:auto}
.modal-dialog{width:auto;max-width:calc(100% - 24px)}
.modal-content{min-width:0;max-width:100%;overflow-wrap:anywhere}

@media(max-width:991.98px){
 .container{max-width:100%}
 .row>[class*="col-lg-"]{min-width:0}
}
@media(max-width:767.98px){
 :root{--bood-layout-gap:14px}
 .container,.container-fluid{padding-left:12px;padding-right:12px}
 .row{margin-left:-6px;margin-right:-6px}
 .row>[class*="col-"]{padding-left:6px;padding-right:6px}
 .card,.panel{border-radius:var(--bood-radius)}
 .table{font-size:.9rem}
 .modal-dialog{max-width:calc(100% - 14px);margin:7px auto}
 .modal-body{max-height:calc(100dvh - 160px);overflow-y:auto}
}
@media(max-width:420px){
 .container,.container-fluid{padding-left:9px;padding-right:9px}
 .btn-group{display:flex;flex-wrap:wrap;gap:6px}
 .btn-group>.btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}



button, .btn, a[role=button], input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, .btn, a[role=button] { touch-action: manipulation; transition: background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease, transform .08s ease; }
button:active, .btn:active, a[role=button]:active { transform: translateY(1px); }
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right { padding-top: max(14px, env(safe-area-inset-top)) !important; padding-right: max(14px, env(safe-area-inset-right)) !important; }
.swal2-popup.swal2-toast { max-width: min(92vw, 420px) !important; }
@media (prefers-reduced-motion: reduce) { button, .btn, a[role=button] { transition: none !important; } }