.product-weight-selector { margin: 10px 0 0; width: 100%; }
.weight-label { display: block; color: #42614c; font-size: 12px; font-weight: 600; }
.weight-select { display: block; width: 100%; min-height: 36px; margin: 5px 0 8px; border: 1px solid #cfe1d4; border-radius: 8px; background: #f7fbf8; color: #075c32; padding: 5px 8px; font: inherit; }
.weight-price { font-size: 15px; font-weight: 800; color: #08773b; }
.weight-price del { font-size: 11px; color: #929a95; margin-left: 4px; }
.weight-unit-note { display: block; font-size: 10px; color: #6f7c73; margin: 3px 0; }
.weight-add { display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%; min-height: 38px; margin-top: 8px; border: 0; border-radius: 8px; background: #087c3b; color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.weight-add:disabled { background: #e4eae5; color: #778078; cursor: default; }
.weight-select:focus-visible, .weight-add:focus-visible { outline: 3px solid #efba35; outline-offset: 2px; }

.card-quantity-controls { display: flex; align-items: stretch; width: 100%; margin: 5px 0 8px; border: 1px solid #cfe1d4; border-radius: 8px; overflow: hidden; }
.card-quantity-controls button { flex: 0 0 30px; min-height: 36px; border: 0; background: #eef7f0; color: #076532; font-size: 18px; cursor: pointer; }
.card-quantity-controls input { width: 100%; min-width: 0; border: 0; border-left: 1px solid #dce9df; border-right: 1px solid #dce9df; text-align: center; color: #075c32; background: #fff; font-size: 13px; appearance: textfield; }
.card-quantity-controls input::-webkit-inner-spin-button, .card-quantity-controls input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.card-quantity-controls button:disabled { opacity: .45; cursor: default; }
.card-quantity-controls button:focus-visible, .card-quantity-controls input:focus-visible { outline: 2px solid #efba35; outline-offset: -2px; }