.imageZoomOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:zoomFadeIn .2s ease-out;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes zoomFadeIn{0%{opacity:0}to{opacity:1}}.imageZoomHeader{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0) 1.5rem 0;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);z-index:10000}.imageZoomTitle{color:#ffffff;font-size:.95rem;font-weight:600;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imageZoomControls{display:flex;align-items:center;gap:.5rem}.imageZoomBtn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);color:#ffffff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.imageZoomBtn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.imageZoomBtnActive{background:#f9d423!important;color:#000000!important;border-color:#f9d423!important}.imageZoomCounter{background:rgba(0,0,0,.6);color:#f9d423;border:1px solid rgba(249,212,35,.3);font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px}.imageZoomViewport{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:-webkit-grab;cursor:grab}.imageZoomViewport:active{cursor:-webkit-grabbing;cursor:grabbing}.imageZoomWrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .05s ease-out;transform-origin:center center;will-change:transform}.imageZoomImg{max-width:85vw;max-height:80vh;object-fit:contain;pointer-events:none;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.6)}.imageZoomNavBtn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:#ffffff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s ease;z-index:10000}.imageZoomNavBtn:hover{background:rgba(0,0,0,.85);border-color:#f9d423;color:#f9d423;transform:translateY(-50%) scale(1.1)}.imageZoomNavLeft{left:1.5rem}.imageZoomNavRight{right:1.5rem}.imageZoomBottomBar{position:absolute;bottom:24px;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:rgba(17,17,17,.85);border:1px solid rgba(255,255,255,.15);border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.5)}.imageZoomScaleText{color:#ffffff;font-size:.85rem;font-weight:700;min-width:45px;text-align:center}.imageZoomHint{bottom:80px;color:#e2e8f0;font-size:.78rem;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);pointer-events:none;animation:fadeIn .4s ease}.imageZoomHint,.imageZoomTriggerBtn{position:absolute;background:rgba(0,0,0,.65)}.imageZoomTriggerBtn{bottom:10px;left:10px;color:#ffffff;border:1px solid rgba(255,255,255,.2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.85;transition:all .2s ease;z-index:15}.imageWrapper:hover .imageZoomTriggerBtn{opacity:1;background:rgba(0,0,0,.85);border-color:#f9d423;color:#f9d423;transform:scale(1.1)}@media (max-width:768px){.imageZoomHeader{top:0;height:auto;min-height:56px;padding:max(10px,env(safe-area-inset-top,10px)) 1rem 10px;background:rgba(0,0,0,.85)}.imageZoomNavLeft{left:.5rem}.imageZoomNavRight{right:.5rem}.imageZoomBtn,.imageZoomNavBtn{width:40px;height:40px}.imageZoomImg{max-width:95vw;max-height:75vh}.imageZoomHint{display:none}body.image-zoom-open .header,body.image-zoom-open .mobileBottomNav,body.image-zoom-open .searchFilterContainer{display:none!important}}.appModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.appModalContainer{background:#111111;border:1px solid #333333;border-radius:20px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;color:#ffffff;box-shadow:0 20px 40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05);overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.appModalHeader{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #222222;gap:.75rem}.appModalTitleWrapper{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.appModalTitle{font-size:1.05rem;font-weight:700;color:#ffffff;line-height:1.3;margin:0}.appModalMaterialBadge{display:inline-block;background:#ffd700;color:#000000;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;width:-moz-fit-content;width:fit-content;text-transform:uppercase}.appModalCloseBtn{background:transparent;border:none;color:#888888;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.appModalCloseBtn:hover{background:#222222;color:#ffffff}.appModalContent{padding:1.25rem;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:1rem}.appModalImageContainer{position:relative;width:100%;height:280px;min-height:280px;flex-shrink:0;background:#ffffff;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4)}.appModalImage{width:100%;height:100%;max-height:280px;object-fit:contain;padding:10px;transition:opacity .2s ease}.appModalNavBtn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#ffffff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s;z-index:5}.appModalNavBtn:hover{background:rgba(0,0,0,.8)}.appModalNavBtnLeft{left:8px}.appModalNavBtnRight{right:8px}.appModalSwipeHint{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.9);color:#000000;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.appModalNewBadge{bottom:10px;left:10px;background:#111111;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-size:.7rem}.appModalNewBadge,.appModalOfferBadge{position:absolute;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase}.appModalOfferBadge{top:10px;right:10px;background:linear-gradient(135deg,#ff2a5f,#e11d48);color:#ffffff;font-size:.75rem;box-shadow:0 4px 12px rgba(225,29,72,.4)}.appModalPriceContainer{display:flex;flex-direction:column;align-items:center;margin-top:.25rem}.appModalOriginalPrice{font-size:1rem;color:#888888;text-decoration:line-through;margin-bottom:2px}.appModalPrice{font-size:1.75rem;font-weight:800;color:#f9d423;letter-spacing:-.02em}.appModalPriceSubtitle{color:#888888;font-size:.7rem;margin-top:2px}.appModalDivider{height:1px;background:#222222;width:100%;margin:.25rem 0}.appModalSectionTitle{font-size:.9rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.appModalSubSectionTitle{font-size:.8rem;color:#cccccc;margin-bottom:.5rem}.appModalColorScroll{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.appModalColorScroll::-webkit-scrollbar{display:none;width:0;height:0}.appModalColorBox{padding:.5rem .85rem;border-radius:8px;border:1px solid #333333;background:#222222;color:#888888;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:36px;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appModalColorBoxSelected{border:2px solid #f9d423!important;color:#ffffff}.appModalStockGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:.5rem}.appModalSizeBox{position:relative;width:55px;height:65px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appModalSizeBoxImmediate{background:#1b5e20;border-color:#2e7d32;color:#ffffff}.appModalSizeBoxImmediate .appModalSizeText{color:#ffffff}.appModalSizeBoxImmediate .appModalQtyText{color:#a5d6a7}.appModalSizeBoxEncargo{background:rgba(245,158,11,.15);border-color:#f59e0b;color:#ffffff}.appModalSizeBoxEncargo .appModalSizeText{color:#f59e0b;font-weight:700}.appModalSizeBoxEncargo .appModalQtyText{color:#fcd34d}.appModalSizeBoxSelected{background:#f9d423!important;border-color:#f9d423!important;color:#000000!important}.appModalSizeBoxSelected .appModalQtyText,.appModalSizeBoxSelected .appModalSizeText{color:#000000!important}.appModalSizeBoxEmpty{background:#000000;opacity:.25;border-color:#222222;cursor:not-allowed}.appModalSizeText{font-weight:800;font-size:1rem;line-height:1.1}.appModalQtyText{font-size:.65rem;font-weight:600;margin-top:2px}.appModalCrossText{color:#ff4d4d;font-size:1rem;font-weight:800}.appModalDiscountBadge{position:absolute;top:-6px;right:-8px;background:#e53935;color:#ffffff;font-size:.55rem;font-weight:800;padding:1px 4px;border-radius:8px;border:1px solid #121212;z-index:2}.appModalVariantList{display:flex;flex-direction:column;gap:8px;padding-bottom:.5rem}.appModalVariantCard{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-radius:12px;padding:12px 14px;border:1px solid #333333;cursor:pointer;transition:all .15s}.appModalVariantCardSelected{border-color:#f9d423;background:#2a2a2a}.appModalVariantCardEmpty{opacity:.35;cursor:not-allowed}.appModalVariantCardInfo{display:flex;flex-direction:column;gap:2px}.appModalVariantCardTitle{color:#ffffff;font-size:.9rem;font-weight:700}.appModalVariantCardSubtitle{color:#aaaaaa;font-size:.75rem}.appModalVariantCardStatus{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.appModalStatusBadge{padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:800;text-transform:uppercase}.appModalStatusImmediate{background:#1b5e20;color:#ffffff}.appModalStatusEncargo{background:#555555;color:#ffffff}.appModalVariantPriceText{color:#f9d423;font-weight:700;font-size:.85rem}.appModalUnicaContainer{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#1a1a1a;border-radius:12px;border:1px solid #282828}.appModalUnicaText{color:#ffffff;font-size:.95rem;font-weight:600}.appModalFooter{padding:1rem 1.25rem 1.25rem;border-top:1px solid #222222;background:#111111;display:flex;flex-direction:column;align-items:center}.appModalDeliveryBubble{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:9999px;background:#1c1c1e;border:1px solid #333333;margin-bottom:12px;font-size:.75rem;font-weight:600}.appModalDeliveryBubbleImmediate{color:#27ae60}.appModalDeliveryBubbleEncargo{color:#b0b0b0}.appModalActionBtn{width:100%;padding:14px;background:#f9d423;color:#000000;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:0 4px 15px rgba(249,212,35,.3)}.appModalActionBtn:hover:not(:disabled){background:#f8cb08;transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,212,35,.4)}.appModalActionBtn:disabled{background:#2a2a2a;color:#666666;cursor:not-allowed;box-shadow:none}@media (max-width:480px){.appModalContainer{max-height:92vh;border-radius:16px}.appModalImageContainer{height:220px;min-height:220px}.appModalImage{max-height:220px}}@media (max-width:768px){body.product-modal-open .header,body.product-modal-open .searchFilterContainer{display:none!important}}