.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:4px}.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;overflow-x:hidden;overflow-y:auto}.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:4px;overflow:visible;background:transparent;border:none}.product-modal-quantity-row{display:flex;align-items:center;flex-shrink:0;height:44px;border-radius:4px;overflow:hidden;background:var(--modal-input-bg);border:none}.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-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(--shop-action) 85%,var(--shop-surface))}.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:1px solid var(--line, rgba(255, 255, 255, .14));border-radius:4px;background:var(--shop-panel-bg, var(--modal-input-bg));color:var(--shop-text, var(--modal-text));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease,border-color .15s ease;box-sizing:border-box}button.btn-close.btn-right:hover{color:var(--shop-text, var(--modal-text));background:var(--shop-hover-bg, var(--modal-input-border));border-color:var(--line-strong, rgba(255, 255, 255, .22))}button.btn-close.btn-right svg{width:24px;height:24px}button.btn-close.btn-right svg path{stroke:var(--shop-text, var(--modal-text))}button.btn-close.btn-right:hover svg path{stroke:var(--shop-text, var(--modal-text))}.btn-favorite{width:36px;height:36px;padding:6px;border:1px solid var(--line, rgba(255, 255, 255, .14));border-radius:4px;background:var(--shop-panel-bg, var(--modal-input-bg));color:var(--shop-text-muted, var(--modal-text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease,border-color .15s ease;box-sizing:border-box}.btn-favorite:hover,.btn-favorite.active{color:var(--accent);background:var(--shop-hover-bg, var(--modal-input-border));border-color:var(--line-strong, rgba(255, 255, 255, .22))}@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--ok{color:var(--color-lime-500, #84cc16);background-color:color-mix(in oklab,var(--color-lime-500, #84cc16) 5%,transparent);border-radius:8px;padding:10px 12px}.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:var(--shop-action-text);background:var(--shop-action);border:1px solid var(--shop-action);border-radius:4px}.modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:111;background-color:var(--overlay-scrim);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:8px;box-shadow:var(--elevated-shadow);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 .22s ease,-webkit-backdrop-filter .22s ease;transition:opacity .22s ease,backdrop-filter .22s ease;transition:opacity .22s ease,backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease}.modal-enter-active .modal,.modal-leave-active .modal{transition:opacity .2s ease,transform .32s cubic-bezier(.22,1,.36,1);transform-origin:center}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal{opacity:0;transform:translate3d(0,18px,0) scale(.965)}.modal-leave-to .modal{opacity:0;transform:translate3d(0,10px,0) scale(.985)}.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}.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:var(--shop-text)!important;font-size:15px;outline:none;padding:1px 10px 1px 15px;width:40%;height:40px;margin-bottom:10px;text-align:center;font-weight:900}@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:var(--shop-text-muted);border:1px dashed var(--line-strong);padding:2%;border-radius:0;background:var(--shop-panel-bg);font-size:14px;display:block;text-align:center;font-weight:500}.modal-footer{background-color:var(--shop-surface);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}.modal-backdrop{background:var(--overlay-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{width:560px;background:var(--shop-surface);border:none;border-radius:8px;box-shadow:var(--elevated-shadow);overflow:hidden}.modal--product{width:880px;min-width:0;max-width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.modal-header{min-height:54px;padding:8px 12px 8px 16px;box-sizing:border-box;background-color:var(--shop-surface);background-image:linear-gradient(135deg,transparent 46%,var(--pattern-stroke) 47%,var(--pattern-stroke) 53%,transparent 54%);background-size:11px 11px;border-bottom:1px solid var(--line)}.modal-body{background:var(--shop-surface)}.product-modal-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:430px}.product-modal-left{position:relative;isolation:isolate;flex:none;padding:28px;box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--shop-text) 8%,transparent),transparent 48%),color-mix(in srgb,var(--shop-surface) 50%,var(--shop-panel-bg));border-right:1px solid var(--line)}.product-modal-left:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(circle,var(--pattern-stroke) 1px,transparent 1.2px);background-size:11px 11px}.product-modal-img-wrap{width:100%;aspect-ratio:1;padding:18px;box-sizing:border-box;background:transparent;border:none;border-radius:4px}.product-modal-img{width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:contain;object-fit:contain;animation:none;transform:translate3d(var(--product-shift-x, 0),var(--product-shift-y, 0),0) rotate(var(--product-rotate, 0deg));transition:transform .18s ease-out;will-change:transform;filter:drop-shadow(0 18px 22px color-mix(in srgb,var(--overlay-scrim) 65%,transparent))}.product-modal-right{padding:18px 18px 16px;gap:12px;background:var(--shop-surface);min-width:0;overflow-x:hidden}.product-modal-title{font-family:Inter,Roboto Condensed,sans-serif;font-size:19px;line-height:1.2;font-weight:750;letter-spacing:-.025em;color:var(--shop-text)}.product-modal-description{padding:12px 14px;box-sizing:border-box;font-family:Inter,Roboto Condensed,sans-serif;font-size:14px;line-height:1.55;color:var(--shop-text-muted);background:var(--shop-panel-bg);border:none;border-radius:4px}.product-modal-description--html{padding:0;background:transparent;border:none;color:var(--shop-text);width:100%;max-width:100%;min-width:0;overflow-x:clip}.product-modal-category-btn{min-width:0;max-width:min(520px,70vw);height:36px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--shop-panel-bg);border:none;border-radius:4px;color:var(--shop-text);font-size:13px}.product-modal-category-btn:hover{background:var(--shop-hover-bg)}.modal-header-actions{gap:6px}button.btn-close.btn-right,.btn-favorite{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--shop-panel-bg);color:var(--shop-text)}button.btn-close.btn-right:hover,.btn-favorite:hover,.btn-favorite.active{color:var(--shop-text);background:var(--shop-hover-bg);border-color:var(--line-strong, var(--line))}button.btn-close.btn-right svg,button.btn-close.btn-right svg path{color:var(--shop-text);stroke:var(--shop-text)}button.btn-close.btn-right:hover svg,button.btn-close.btn-right:hover svg path{color:var(--shop-text);stroke:var(--shop-text)}.product-modal-actions{gap:8px;margin-top:auto}.product-modal-quantity-row{height:42px;border-radius:8px;background:var(--shop-panel-bg);border:1px solid var(--line)}.product-modal-qty-btn{width:38px;height:40px;color:var(--shop-text)}.product-modal-qty-btn:hover{background:var(--shop-hover-bg)}.product-modal-qty-display{min-width:58px;color:var(--shop-text);font-variant-numeric:tabular-nums}.product-modal-actions .btn_buy,.btn_buy.green-btn{height:42px;padding:0 18px;border:none;border-radius:8px;background:var(--shop-action);color:var(--shop-action-text);box-shadow:none;font-family:Inter,Roboto Condensed,sans-serif;font-size:13px;font-weight:700}.product-modal-actions .btn_buy:hover:not(:disabled):not(.inactive),.btn_buy.green-btn:hover:not(:disabled):not(.inactive){background:color-mix(in srgb,var(--shop-action) 84%,var(--shop-surface))}.mdl-info{padding-top:12px;border-top:1px solid var(--line);color:var(--shop-text-muted);font-family:Inter,Roboto Condensed,sans-serif;font-size:12px}.mdl-info--ok{color:var(--color-lime-500, #84cc16);background-color:color-mix(in oklab,var(--color-lime-500, #84cc16) 5%,transparent);border-radius:8px;border-top:none;padding:10px 12px;margin-top:12px}.server-selector select{min-height:42px;padding:0 40px 0 12px;background-color:var(--shop-panel-bg);border:1px solid var(--line);border-radius:8px;color:var(--shop-text)}.server-selector select:focus,.server-selector select:hover{border-color:transparent;outline:1px solid var(--line-strong)}.quick-quantity-buttons button,.TotalSum-module__inputWrapper{border:1px solid var(--line);border-radius:4px;background:var(--shop-panel-bg)}@media (max-width: 700px){.modal--product{min-width:0}.product-modal-layout{display:flex}.product-modal-left{border-right:none;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){.modal,.product-modal-img{animation:none;transition:none}}