.card{position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;border:2px solid #e5e5e5;line-height:1;height:100%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.card:hover{border:2px solid #000}.card .image-container{position:relative;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.card .image-container img{aspect-ratio:1/1;object-fit:contain;height:auto;display:block;min-height:0}.card .image-container .cart-qty-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);padding:10px;pointer-events:none}.card .image-container .cart-qty-overlay,.card .image-container .cart-qty-overlay .cart-qty-badge{display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.card .image-container .cart-qty-overlay .cart-qty-badge{border-radius:999px;background:rgba(0,0,0,0);color:#fff;font-weight:600;font-size:32px;transform:translateY(400%);-webkit-transform:translateY(400%);-moz-transform:translateY(400%);-ms-transform:translateY(400%);-o-transform:translateY(400%)}.card .image-container .cart-qty-overlay.active-qty{opacity:1}.card .image-container .cart-qty-overlay.active-qty .cart-qty-badge{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.card .interaction{z-index:1;position:absolute;top:16px;right:16px;display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 8px;background-color:#fff;border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius:48px}.card .interaction button{background-color:rgba(0,0,0,0);border:none}.card .interaction button svg{width:24px;height:auto}.card .interaction button svg path{transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.card .interaction button.active svg path{stroke:#3296fa}.card .interaction button.favourite.active svg path{fill:#3296fa;stroke:#3296fa}.card .wifi-alice{position:absolute;left:16px;top:16px;display:flex;flex-direction:row;gap:8px}.card .wifi-alice img{height:32px;width:auto;min-height:5px}.card img{width:100%;height:auto;object-fit:contain;max-height:290px;min-height:290px}.card .name-container{display:flex;flex-direction:column;gap:4px}.card .name-container .name{font-size:24px;font-weight:500;color:#000;transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.card .name-container .name:hover{color:#3296fa}.card .name-container .model{font-size:16px;font-weight:500;color:#b2b2b2;margin-bottom:0}.card .specifications{display:flex;flex-direction:column;gap:8px;flex:1 1;justify-content:flex-end}.card .specifications .specifications-card{display:flex;flex-direction:row;justify-content:space-between;gap:32px;align-items:center;color:#b2b2b2;font-weight:500}.card .specifications .specifications-card .specifications-point{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start}.card .specifications .specifications-card .specifications-point img{height:24px!important;width:auto!important;min-height:0}.card .specifications .specifications-card .specifications-point span{display:flex;align-items:center;gap:8px}.card .cart-button{position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;font-weight:500;justify-content:space-between;padding:36px 20px;border:2px solid #3296fa;color:#3296fa;font-size:24px;background-color:rgba(0,0,0,0);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.card .cart-button .cart-btn-layer{position:absolute;inset:0;display:flex;padding:0 20px;align-items:center;justify-content:center;transition:opacity .22s ease,transform .22s ease;will-change:opacity,transform}.card .cart-button .cart-btn-layer--base{opacity:1;transform:translateY(0);pointer-events:auto}.card .cart-button .cart-btn-layer--base .cart-btn-base{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.card .cart-button .cart-btn-layer--base .cart-btn-text{display:inline-flex;align-items:center;width:100%;transition:transform .22s ease,opacity .22s ease}.card .cart-button .cart-btn-layer--base .cart-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .22s ease,opacity .22s ease}.card .cart-button .cart-btn-layer--stepper{opacity:0;transform:translateY(8px);pointer-events:none}.card .cart-button .cart-btn-layer--stepper .cart-btn-stepper{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px}.card .cart-button .cart-btn-layer--stepper .price{position:relative;text-align:center}.card .cart-button .cart-btn-layer--stepper .qty-btn{transition:transform .22s ease,opacity .22s ease;opacity:0}.card .cart-button .cart-btn-layer--stepper .qty-btn.minus{transform:translateX(-10px)}.card .cart-button .cart-btn-layer--stepper .qty-btn.plus{transform:translateX(10px)}.card .cart-button.stepper .cart-btn-layer--base{opacity:0;transform:translateY(-8px);pointer-events:none}.card .cart-button.stepper .cart-btn-layer--base .cart-btn-icon,.card .cart-button.stepper .cart-btn-layer--base .cart-btn-text{opacity:0;transform:translateX(6px)}.card .cart-button.stepper .cart-btn-layer--stepper{opacity:1;transform:translateY(0);pointer-events:auto}.card .cart-button.stepper .cart-btn-layer--stepper .qty-btn{opacity:1;transform:translateX(0)}.card .cart-button svg path{transition:.4s ease;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease}.card .cart-button:hover{background-color:#3296fa;color:#fff}.card .cart-button:hover svg path{stroke:#fff}.card .cart-button.stepper{justify-content:space-between;gap:10px}.card .cart-button.stepper .qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(0,0,0,0);color:#3296fa;font-size:20px;line-height:1}@media(max-width:684px){.card{padding:6px;gap:8px}.card .interaction{top:4px;right:4px}.card .interaction button svg{height:18px;width:auto}.card .name-container .name{font-size:clamp(12px,12px + (20 - 12)*(100vw - 360px)/(684 - 360),20px);line-height:1.1}.card .specifications{gap:clamp(4px,4px + (6 - 4)*(100vw - 360px)/(684 - 360),6px);font-size:clamp(11px,11px + (16 - 11)*(100vw - 360px)/(684 - 360),16px)}.card .specifications .specifications-card{gap:16px}.card .specifications .specifications-card .specifications-point span{gap:clamp(4px,4px + (8 - 4)*(100vw - 360px)/(684 - 360),8px)}.card .specifications .specifications-card .specifications-point img{height:clamp(14px,14px + (20 - 14)*(100vw - 360px)/(684 - 360),20px)!important}.card .cart-button{padding:clamp(17px,17px + (20 - 17)*(100vw - 360px)/(684 - 360),20px) clamp(10px,10px + (20 - 10)*(100vw - 360px)/(684 - 360),20px);font-size:clamp(12px,12px + (20 - 12)*(100vw - 360px)/(684 - 360),20px)}.card .cart-button .cart-btn-layer{padding:0 clamp(10px,10px + (20 - 10)*(100vw - 360px)/(684 - 360),20px)}.card .cart-button .cart-btn-layer--stepper .cart-btn-stepper{gap:8px}.card .cart-button .cart-btn-layer--stepper .cart-btn-stepper .qty-btn{width:clamp(18px,18px + (26 - 18)*(100vw - 360px)/(684 - 360),26px);height:clamp(18px,18px + (26 - 18)*(100vw - 360px)/(684 - 360),26px)}.card .cart-button .cart-btn-layer--stepper .cart-btn-stepper .qty-btn svg{width:clamp(16px,16px + (20 - 16)*(100vw - 360px)/(684 - 360),20px);height:auto}.card .cart-button svg{height:clamp(18px,18px + (26 - 18)*(100vw - 360px)/(684 - 360),26px);width:auto}}