/* Quantity controls share the popup surfaces and Elementor primary accent. */
.ocqp{--ocqp-accent:var(--e-global-color-primary,#a3e635);container-type:inline-size;box-sizing:border-box;width:100%;clear:both;margin:0 0 18px;padding:20px;border:1px solid #343b46;border-radius:18px;background:#14171c;color:#f3f4f6!important;font-family:system-ui,-apple-system,sans-serif;color-scheme:dark}
.ocqp *{box-sizing:border-box}
.ocqp .ocqp-heading{color:#f3f4f6!important;font:650 18px/1.4 system-ui,-apple-system,sans-serif!important;text-transform:none!important;letter-spacing:-.3px!important;margin:0 0 16px!important}
.ocqp .ocqp-buttons{display:grid;grid-template-columns:repeat(var(--ocqp-columns,7),minmax(0,1fr));gap:8px}
body .product .ocqp button.ocqp-preset{width:100%;min-width:0;min-height:52px;padding:12px 6px!important;margin:0!important;border:1px solid #46505e!important;border-radius:10px!important;background:#1c2129!important;color:#e5e7eb!important;font:600 16px/1.4 system-ui,-apple-system,sans-serif!important;box-shadow:none!important;cursor:pointer;transform:none!important;transition:background-color .15s,border-color .15s,box-shadow .15s}
body .product .ocqp button.ocqp-preset[aria-pressed=true]{background:color-mix(in srgb,var(--ocqp-accent) 16%,#1c2129)!important;border-color:var(--ocqp-accent)!important;color:#fff!important;box-shadow:inset 0 0 0 1px var(--ocqp-accent)!important}
@media(hover:hover){body .product .ocqp button.ocqp-preset:not(:disabled):hover{background:color-mix(in srgb,var(--ocqp-accent) 10%,#29313b)!important;border-color:var(--ocqp-accent)!important;color:#fff!important}}
body .product .ocqp button.ocqp-preset:focus-visible{outline:2px solid var(--ocqp-accent)!important;outline-offset:3px!important}
body .product .ocqp button.ocqp-preset:not(:disabled):active{background:color-mix(in srgb,var(--ocqp-accent) 24%,#1c2129)!important}
body .product .ocqp button.ocqp-preset:disabled{opacity:.4;cursor:not-allowed}
.ocqp[aria-busy=true] button.ocqp-preset:disabled{cursor:wait}
.ocqp .ocqp-status{color:#aeb8c6!important;font:400 13px/1.5 system-ui,-apple-system,sans-serif!important;min-height:20px;margin:14px 0 0!important}
@container(max-width:380px){.ocqp .ocqp-buttons{grid-template-columns:repeat(min(var(--ocqp-columns,7),4),minmax(0,1fr))}}
@container(max-width:230px){.ocqp .ocqp-buttons{grid-template-columns:repeat(min(var(--ocqp-columns,7),3),minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body .product .ocqp button.ocqp-preset{transition:none}}