.vp-volume{--vp-volume-accent:#55e3e8;--vp-volume-line:rgba(91,185,209,.26);width:100%;min-width:0;margin:14px 0;padding:14px;border:1px solid var(--vp-volume-line);border-radius:12px;background:linear-gradient(145deg,#071b28,#01070b);color:#e8f6fa;box-sizing:border-box}
.vp-volume__quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.vp-volume__quantity>label{font-size:12px;font-weight:650;color:#b7d2dc}
.vp-volume__stepper{display:grid;grid-template-columns:44px minmax(50px,1fr) 44px;max-width:204px;min-width:0;flex:1 1 auto;border:1px solid var(--vp-volume-line);border-radius:8px;overflow:hidden;background:#01070b}
body .vp-volume .vp-volume__step,body .vp-volume .vp-volume__quantity-input{box-sizing:border-box!important;margin:0!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 5px!important;border:0!important;border-radius:0!important;background:#071b28!important;color:#e8f6fa!important;font-family:inherit!important;font-size:15px!important;font-weight:650!important;line-height:1!important;text-align:center!important;box-shadow:none!important;transform:none!important}
body .vp-volume .vp-volume__step{cursor:pointer;font-size:21px!important;transition:background .18s ease,color .18s ease}
body .vp-volume .vp-volume__step:hover:not(:disabled){background:#113246!important;color:#75edfa!important}
body .vp-volume .vp-volume__step:disabled{opacity:.35;cursor:not-allowed}
body .vp-volume .vp-volume__quantity-input{appearance:textfield!important;-moz-appearance:textfield!important;border-inline:1px solid var(--vp-volume-line)!important;background:#01070b!important}
.vp-volume__quantity-input::-webkit-inner-spin-button,.vp-volume__quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body .vp-volume .vp-volume__quantity-input[aria-invalid=true]{box-shadow:inset 0 -2px 0 #ff9b77!important}
body .vp-volume .vp-volume__step:focus-visible,body .vp-volume .vp-volume__quantity-input:focus-visible{outline:2px solid #75edfa!important;outline-offset:-3px!important}
.vp-volume__packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px}
body .vp-volume .vp-volume__pack{min-width:44px;min-height:44px;padding:8px 6px!important;border:1px solid var(--vp-volume-line)!important;border-radius:7px!important;background:#081b26!important;color:#c8e8ee!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.02em!important;text-transform:none!important;box-shadow:none!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
body .vp-volume .vp-volume__pack[aria-pressed=true]{background:rgba(51,194,205,.12)!important;border-color:var(--vp-volume-accent)!important;color:#e8feff!important}
body .vp-volume .vp-volume__pack:hover:not(:disabled){background:rgba(67,215,227,.17)!important;border-color:#7cdde6!important;transform:none!important}
body .vp-volume .vp-volume__pack:focus-visible{outline:2px solid var(--vp-volume-accent)!important;outline-offset:3px}
body .vp-volume .vp-volume__pack:disabled{opacity:.38;cursor:not-allowed}
.vp-volume__track{height:5px;border-radius:99px;background:#1e3643;overflow:hidden}
.vp-volume__track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(110deg,#ff7433 0%,#3de7f5 52%,#168cff 100%);transition:width .25s ease}
.vp-volume__milestones{display:flex;justify-content:space-between;gap:6px;min-height:14px;margin-top:7px;color:#95c4d0;font-size:10px;line-height:1.4;font-weight:650}
.vp-volume__milestones>span{white-space:nowrap}
.vp-volume .vp-volume__status{margin:10px 0 5px!important;color:#c1f4f2;font-size:12px!important;line-height:1.5!important;letter-spacing:0;text-transform:none}
.vp-volume__policy{display:block;color:#9bb3bd;font-size:11px;line-height:1.5;letter-spacing:0;text-transform:none}
.vp-volume-auto{display:block;color:#9bb3bd;font-size:11px;margin-top:3px}
.vp-volume-policy{padding:16px;border:1px solid rgba(91,185,209,.25);border-radius:10px;background:#091b26;color:#bdd4dc;font-size:13px;line-height:1.6}
/* Variable products nest this panel inside Woo's two-column variations_button.
   Span that grid too, leaving quantity and Add to Cart together on the next row. */
.single-product form.cart>.vp-volume,.single-product form.cart .variations_button>.vp-volume{grid-column:1/-1;flex-basis:100%;order:-1;margin:0 0 6px}
@media(max-width:360px){.vp-volume__quantity{flex-wrap:wrap;gap:7px}.vp-volume__stepper{max-width:none;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.vp-volume__track>span,body .vp-volume .vp-volume__pack,body .vp-volume .vp-volume__step{transition:none}}

/* Quantity totals use the existing price surface, preserving native unit-price data. */
.vp-volume__price-caption{display:block;margin-top:4px;color:#a8c2cc;font:500 10px/1.5 Inter,sans-serif;letter-spacing:0;white-space:normal}
.vp-pdp__price .vp-volume__price-caption{font-size:12px}
.vp-volume-price-active .woocommerce-variation-price{display:none}