.product-modal-layout{display:flex;flex-direction:row;min-height:320px}.product-modal-left{flex:0 0 240px;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--modal-img-bg)}.product-modal-img-wrap{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--modal-img-bg);border-radius:8px}.product-modal-img{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;animation:product-img-float 8s ease-in-out infinite}@keyframes product-img-float{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(2px,-3px) rotate(.5deg)}30%{transform:translate(-2px,2px) rotate(-.3deg)}45%{transform:translate(3px,1px) rotate(.2deg)}60%{transform:translate(-1px,-2px) rotate(-.4deg)}75%{transform:translate(-2px,-1px) rotate(.3deg)}90%{transform:translate(1px,2px) rotate(-.2deg)}}.product-modal-right{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}.product-modal-title{margin:0;font-family:Roboto Condensed,sans-serif;font-weight:600;font-size:16px;line-height:1.4;color:var(--modal-text)}.product-modal-description{font-family:Roboto Condensed,sans-serif;font-size:14px;line-height:1.5;color:var(--modal-text-muted)}.product-modal-description :deep(ul),.product-modal-description :deep(ol){margin:8px 0 0;padding-left:20px}.product-modal-actions{display:flex;align-items:stretch;gap:8px;width:100%;border-radius:8px;overflow:visible;background:transparent;border:none}.product-modal-quantity-row{display:flex;align-items:center;flex-shrink:0;height:44px;border-radius:8px;overflow:hidden;background:var(--modal-input-bg);border:1px solid var(--modal-input-border)}.product-modal-qty-btn{width:32px;height:44px;border:none;background:transparent;color:var(--modal-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.product-modal-qty-btn:hover{background:#00000014}body.theme-dark .product-modal-qty-btn:hover{background:#ffffff1a}.product-modal-qty-display{min-width:44px;padding:0 8px;font-family:Roboto Condensed,sans-serif;font-weight:600;font-size:13px;color:var(--modal-text);text-align:center}.product-modal-actions .btn_buy{flex:1;min-width:0;height:44px;border-radius:8px;margin:0;padding:0 16px;font-size:14px;border:1px solid transparent}.product-modal-actions .btn_buy:hover:not(:disabled):not(.inactive){background:color-mix(in srgb,var(--modal-btn-buy-bg) 85%,white)}.product-modal-category-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--modal-input-bg);border:none;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:var(--modal-text);cursor:pointer;transition:background .2s,color .2s}.product-modal-category-btn:hover{background:var(--modal-input-border)}.product-modal-category-icon{display:flex;align-items:center;justify-content:center}.product-modal-category-icon :deep(svg),.product-modal-category-icon :deep(img){width:20px;height:20px}.modal-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}button.btn-close.btn-right{width:36px;height:36px;padding:6px;border:none;border-radius:4px;background:transparent;color:var(--modal-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;box-sizing:border-box}button.btn-close.btn-right:hover{color:var(--accent)}button.btn-close.btn-right:hover path{stroke:var(--accent)}button.btn-close.btn-right svg{width:24px;height:24px}button.btn-close.btn-right svg path{stroke:currentColor}.btn-favorite{width:36px;height:36px;padding:6px;border:none;border-radius:4px;background:transparent;color:var(--modal-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;box-sizing:border-box}.btn-favorite:hover,.btn-favorite.active{color:var(--accent)}@media (max-width: 600px){.modal--product{min-width:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;box-sizing:border-box;overflow-x:hidden}.modal-backdrop.modal--product-backdrop{padding:0;align-items:stretch;justify-content:stretch}.product-modal-layout{flex-direction:column;min-height:0;min-width:0;overflow-x:hidden}.product-modal-left{flex:none;padding:16px;min-height:180px}.product-modal-img-wrap{max-height:180px}.product-modal-right{padding:16px 20px;gap:12px;min-width:0;overflow-x:hidden}.product-modal-title{font-size:15px}.product-modal-description{font-size:13px;overflow-wrap:break-word;word-break:break-word}.product-modal-actions{flex-wrap:wrap;gap:10px}.product-modal-quantity-row{flex:1;min-width:120px}.product-modal-actions .btn_buy{flex:1 1 100%;min-width:0}.product-modal-category-btn{padding:6px 10px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal--product .modal-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0));gap:8px;min-width:0;overflow-x:hidden}.modal--product .modal-body{-webkit-overflow-scrolling:touch;overflow-x:hidden}.dropdown-options-list{flex-wrap:wrap;gap:8px}.dropdown-option{min-width:0}.server-selector select{min-height:44px}}.mdl-info{display:flex;align-items:center;gap:8px;font-family:Roboto Condensed,sans-serif;font-weight:600;font-size:13px;line-height:1.3;color:var(--modal-text-muted)}.mdl-info svg{flex-shrink:0}.btn_buy.green-btn{background:var(--modal-btn-buy-bg);color:var(--modal-btn-buy-text);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-family:Roboto Condensed,sans-serif;font-weight:700;font-size:14px;line-height:1.5;text-align:center;transition:opacity .2s,background .2s;width:100%}button.btn_buy.green-btn:disabled,button.btn_buy.green-btn.inactive{opacity:.5;cursor:not-allowed}.divider{background:var(--modal-divider);height:1px;width:100%;margin:0}.btn{padding:8px 16px;font-size:14px;cursor:pointer;color:#fff;background:#4aae9b;border:1px solid #4aae9b;border-radius:2px}.modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:111;background-color:#000000c2;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;padding:16px}.modal{display:flex;flex-direction:column;width:450px;max-width:100%;font-size:16px;animation:slideUp .25s ease;background:var(--modal-bg);border-radius:12px;box-shadow:var(--modal-shadow, 0 24px 48px rgba(0, 0, 0, .4));overflow:hidden}.modal--product{width:800px;min-width:640px;max-width:min(900px,calc(100vw - 32px))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--modal-header-bg);color:var(--modal-text);padding:16px 20px;border-bottom:1px solid var(--modal-divider)}header.modal-header{flex-wrap:nowrap;flex-direction:row;min-height:56px;font-family:Roboto Condensed,sans-serif;font-weight:600;font-size:16px;line-height:1.3}.modal-body{position:relative;padding:0;background:var(--modal-bg);overflow-y:auto;max-height:calc(100vh - 120px)}.modal--product .modal-body{padding:0}.btn-close{border:none;font-size:20px;cursor:pointer;font-weight:700;background:transparent;display:flex;justify-content:center;align-items:center}.modal-enter-active,.modal-leave-active{transition:opacity .1s ease}.modal-enter-from,.modal-leave-to{opacity:0}.btn_buy:hover{background-color:var(--bg-color-800)}.img_box{width:85%;margin:10px auto 24px;display:flex;justify-content:center;align-items:center}.img_item{height:150px}.productModalDescription{list-style:inside;text-align:left;padding:0;margin:0;font-family:Roboto Condensed,sans-serif;font-size:14px;line-height:1.5;color:var(--modal-text-muted)}.productModalInfo{grid-template-columns:repeat(auto-fit,minmax(0%,1fr));gap:15px;margin-bottom:15px;height:100px}label.TotalSum-module__label{width:100%;text-align:left;display:block;font-weight:500;margin-bottom:6px}.TotalSum-module__inputWrapper{width:100%;display:flex;height:40px;border-radius:8px;overflow:hidden;background:var(--modal-input-bg);align-items:center;justify-content:space-between}.TotalSum-module__currency{padding:0 14px;font-family:Roboto Condensed,sans-serif;font-weight:600;font-size:14px;color:var(--modal-text-muted)}input#totalAmount{background:transparent;font-size:14px;width:100%;color:var(--modal-text)!important;padding:0 14px;border:none}label.CountSelector-module__label{width:100%;text-align:left;display:block;font-weight:500;margin-bottom:6px;color:var(--modal-text-muted);font-size:13px}.CountSelector-module__inputWrapper{width:100%;height:46px}.quantity-input-wrapper{position:relative;width:100%}.input-group{position:relative;display:flex;justify-content:center;width:100%}.btn-col{height:40px;color:var(--rust-text-blue);background-color:var(--modal-description-bg);font-size:20px;width:40px;border:1px solid var(--rust-button-blue);border-radius:0!important;box-sizing:border-box;outline:none}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-minus:before{content:""}.btn-col .bx-plus,.btn-col .bx-minus{transform:translateY(1px)}.input-with-range{position:relative;width:100%;height:40px;margin-right:-1px;gap:}.input-with-range:before{content:"";position:absolute;top:0;left:0;width:var(--progress-percentage);height:40px;background:var(--modal-input-border);border-radius:8px;z-index:1}.input-with-range .quantity-input{position:relative;width:100%;z-index:1;background:var(--modal-input-bg);text-align:center}input.form-control{border:none;border-radius:0!important;box-sizing:border-box;color:#dcdcdc!important;font-size:15px;outline:none;padding:1px 10px 1px 15px;width:40%;height:40px;margin-bottom:10px;text-align:center;font-weight:900;margin-left:}@media (max-width: 600px){.modal-backdrop:not(.modal--product-backdrop){align-items:flex-start;padding:0}.modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;overflow:hidden}.modal.modal--product{width:100vw;height:100dvh;max-width:none;max-height:none;min-width:0;border-radius:0;box-sizing:border-box;overflow-x:hidden}header.modal-header{position:sticky;top:0;z-index:1}.modal-body{flex:1;overflow-y:auto;height:100%}.modal--product .modal-body{flex:1;max-height:none;height:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}}.input-with-range .range-slider-inside-input{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;background:transparent;z-index:3;opacity:0}.productModalGiveText{color:#adadad;border:1px dashed rgb(105,105,105);padding:2%;border-radius:0;background:#333;font-size:14px;display:block;text-align:center;font-weight:500}.modal-footer{background-color:#171717;padding:15px;display:flex;justify-content:space-between}.server-selector select{width:100%;box-sizing:border-box;padding:8px 40px 8px 12px;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:500;color:var(--modal-text);background:var(--modal-input-bg);border:1px solid var(--modal-input-border);border-radius:8px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiA4TDkuNjQ2NSAxMS42NDY0QzkuODQxOCAxMS44NDE3IDEwLjE1ODQgMTEuODQxNyAxMC4zNTM2IDExLjY0NjRMMTQgOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS4zNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:14px 14px}.server-selector select:focus,.server-selector select:hover{outline:none;border-color:var(--accent);cursor:pointer}.input-with-range .quantity-input[data-v-7dfac881]{position:relative;width:100%;background-color:var(--input-bg);text-align:center;z-index:123132123;height:46px}.quick-quantity-buttons{width:100%;display:flex;gap:6px;margin-top:8px}.quick-quantity-buttons button{flex:1;background:var(--modal-input-bg);border:none;outline:none;height:36px;border-radius:8px;box-sizing:border-box;color:var(--modal-text);font-weight:600;cursor:pointer;transition:background .2s}.quick-quantity-buttons button:hover{background:var(--modal-input-border)}span.TotalSum-module__input{padding:0 14px;font-family:Roboto Condensed,sans-serif;font-weight:700;font-size:14px;text-align:right;color:var(--modal-text)}.productModalInfoItem{margin-bottom:6px}