.quantity-control{display:flex;align-items:center;margin:18px 0;width:max-content;border:1px solid var(--line)}
.quantity-control button{width:42px;height:42px;border:0;background:var(--soft);font-size:20px}
.quantity-control input{width:58px;height:42px;border:0;text-align:center;font-weight:800}
.detail-info .direct-wa{display:block;text-align:center;background:#25d366;color:#fff;margin:10px 0;padding:17px;font-size:12px;font-weight:900}
.detail-info .detail-add{display:block;width:100%;padding:14px;font-size:11px}
.floating-wa{width:62px;height:62px;right:24px;bottom:24px;background:#25d366;border:3px solid #fff;box-shadow:0 10px 30px #0004;color:#fff;overflow:visible}
.floating-wa svg{width:34px;height:34px;display:block}
.floating-wa span{position:absolute;right:72px;white-space:nowrap;background:#111;color:#fff;padding:9px 12px;border-radius:6px;font-size:10px;font-weight:800;opacity:0;transform:translateX(8px);pointer-events:none;transition:.2s}
.floating-wa:hover{background:#1ebe5d;transform:translateY(-3px);box-shadow:0 14px 34px #0005}.floating-wa:hover span{opacity:1;transform:none}
@media(max-width:700px){.floating-wa{width:58px;height:58px;right:16px;bottom:16px}.floating-wa svg{width:31px;height:31px}.floating-wa span{display:none}}
.footer-main .brand img{filter:none}
@media(max-width:700px){.product-detail .direct-wa{position:sticky;bottom:10px;z-index:20;box-shadow:0 8px 30px #0004}.brand img{width:190px}.cart-button{padding:10px}.product-grid{grid-template-columns:1fr}.product-image{height:250px}}