.number-button{gap:12px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #e9ecef;margin:10px 0}.number-button,.number-button .minus-button,.number-button .plus-button{display:flex;align-items:center;justify-content:center;border-radius:8px}.number-button .minus-button,.number-button .plus-button{width:40px;height:40px;border:1px solid #d9d9d9;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:18px;font-weight:700}.number-button .minus-button{border-color:#ff4d4f;color:#ff4d4f}.number-button .minus-button:hover{background-color:#ff4d4f;color:#fff;transform:scale(1.05)}.number-button .plus-button{border-color:#52c41a;color:#52c41a}.number-button .plus-button:hover{background-color:#52c41a;color:#fff;transform:scale(1.05)}.number-button .minus-button:active,.number-button .plus-button:active{transform:scale(.95)}.number-button .quantity-display{font-size:18px;font-weight:600;color:#0e1b4d;min-width:40px;text-align:center;margin:0 12px}.share-button{margin-top:10px;border-color:#0e1b4d;color:#0e1b4d}.share-button:hover{border-color:#0e1b4d;color:#fff;background-color:#0e1b4d}@media (max-width:768px){.number-button{padding:6px 12px;gap:8px}.number-button .minus-button,.number-button .plus-button{width:35px;height:35px;font-size:16px}.number-button .quantity-display{font-size:16px;min-width:35px;margin:0 8px}}.mobile-filter{display:block}@media (min-width:1024px){.mobile-filter{display:none}}