:root{--hive-control-surface:#111925;--hive-control-border:#52647d;--hive-control-text:#fff;--hive-control-accent:#ffc247;--hive-control-shadow:0 10px 28px #0008}.stepper,.hive-quantity-stepper{display:inline-grid;grid-template-columns:44px minmax(34px,auto) 44px;align-items:center;gap:8px}.stepper button,.hive-quantity-stepper button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--hive-control-border);border-radius:50%;background:var(--hive-control-surface);color:var(--hive-control-text);font:900 22px/1 system-ui;box-shadow:0 4px 12px #0004;cursor:pointer}.stepper button:hover,.stepper button:focus-visible,.hive-quantity-stepper button:hover,.hive-quantity-stepper button:focus-visible{border-color:var(--hive-control-accent);outline:3px solid #ffc24766;outline-offset:2px}.stepper button:disabled,.hive-quantity-stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output,.hive-quantity-stepper output{min-width:34px;text-align:center;color:var(--hive-control-text);font-weight:950;font-variant-numeric:tabular-nums}.gallery-arrow,.hive-carousel-control{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:52px;height:52px;padding:0;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background:#0a0e15f2;color:#fff;font:900 25px/1 system-ui;box-shadow:var(--hive-control-shadow);cursor:pointer}.gallery-arrow.previous,.hive-carousel-control.previous{left:-26px}.gallery-arrow.next,.hive-carousel-control.next{right:-26px}.gallery-arrow:hover,.gallery-arrow:focus-visible,.hive-carousel-control:hover,.hive-carousel-control:focus-visible{background:var(--hive-control-accent);border-color:var(--hive-control-accent);color:#111;outline:3px solid #fff;outline-offset:3px}@media(max-width:720px){.stepper,.hive-quantity-stepper{grid-template-columns:48px minmax(40px,auto) 48px}.stepper button,.hive-quantity-stepper button{width:48px;height:48px;border-radius:14px}.gallery-arrow,.hive-carousel-control{top:auto;bottom:14px;width:50px;height:50px;transform:none}.gallery-arrow.previous,.hive-carousel-control.previous{left:14px}.gallery-arrow.next,.hive-carousel-control.next{right:14px}}
html .stepper button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hive-control-border);background:var(--hive-control-surface);box-shadow:0 4px 12px #0004}html .gallery-stage>.gallery-arrow{z-index:5;width:52px;height:52px;border:2px solid #fff;background:#0a0e15f2;box-shadow:var(--hive-control-shadow)}html .gallery-stage>.gallery-arrow.previous{left:-26px}html .gallery-stage>.gallery-arrow.next{right:-26px}@media(max-width:720px){html .stepper button{width:48px;height:48px;border-radius:14px}html .gallery-stage>.gallery-arrow{top:auto;bottom:14px;width:50px;height:50px;transform:none}html .gallery-stage>.gallery-arrow.previous{left:14px}html .gallery-stage>.gallery-arrow.next{right:14px}}
@media(min-width:721px){html .gallery-stage>.gallery-arrow{top:0;bottom:0;width:38px;height:100%;transform:none;border:0;border-radius:0;background:#090d13b8;color:#fff;font:900 28px/1 system-ui;box-shadow:none;transition:width .18s,background .18s,color .18s}html .gallery-stage>.gallery-arrow.previous{left:0;border-right:1px solid #ffffff40;border-radius:26px 0 0 26px}html .gallery-stage>.gallery-arrow.next{right:0;border-left:1px solid #ffffff40;border-radius:0 26px 26px 0}html .gallery-stage>.gallery-arrow:hover,html .gallery-stage>.gallery-arrow:focus-visible{width:44px;background:#090d13ed;color:var(--hive-control-accent);outline:2px solid #ffffffb8;outline-offset:-2px}}