/* Suggested commerce-only CSS. Root owns the main DIY sidebar layout. */
.lamp-commerce { margin-block: 1.25rem; padding-block: 1.2rem; border-block: 1px solid #d7dedb; }
.lamp-commerce-prices { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; }
#lamp-unit-price, #lamp-total-price { font-variant-numeric: tabular-nums; font-weight: 700; }
#lamp-quantity input, input#lamp-quantity { width: 5.1rem; min-height: 44px; padding: .55rem .65rem; border: 1px solid #81938e; border-radius: 2px; background: #fff; color: #071f30; font: inherit; }
.lamp-commerce-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: 1rem .6rem; }
.lamp-commerce-actions > button { flex: 1 1 10rem; min-height: 44px; padding: .7rem 1rem; font: inherit; border: 1px solid #071f30; background: #071f30; color: #fff; cursor: pointer; }
#lamp-cart-toggle { min-height: 44px; cursor: pointer; }
#lamp-commerce-status { font-size: .82rem; line-height: 1.5; margin-block: .6rem 0; }
.lamp-commerce button:disabled, .lamp-cart-dialog button:disabled { opacity: .55; cursor: not-allowed; }
.lamp-commerce button:focus-visible, .lamp-commerce input:focus-visible, .lamp-cart-dialog :focus-visible { outline: 3px solid #168773; outline-offset: 3px; }
.lamp-cart-dialog { width: min(36rem, calc(100vw - 2rem)); max-height: min(90dvh, 55rem); margin: auto; padding: 1.25rem; border: 1px solid #9dafaa; border-radius: 6px; background: #faf8f4; color: #071f30; overflow: auto; box-sizing: border-box; }
.lamp-cart-dialog[hidden] { display: none; }
.lamp-cart-dialog::backdrop { background: rgb(7 31 48 / .45); }
.lamp-cart-dialog[role="dialog"][open] { position: fixed; inset: 0; z-index: 1300; box-shadow: 0 0 0 100vmax rgb(7 31 48 / .45); }
.lamp-cart-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.lamp-cart-header h2 { font-size: 1.35rem; margin: 0; }
.lamp-cart-dialog button { min-height: 44px; padding: .5rem .7rem; border: 1px solid #758881; border-radius: 2px; background: #fff; color: #071f30; font: inherit; cursor: pointer; }
.lamp-cart-item { padding-block: 1rem; border-bottom: 1px solid #d7dedb; }
.lamp-cart-item h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
.lamp-cart-combination, .lamp-cart-item-price { margin: .35rem 0; font-size: .9rem; line-height: 1.4; }
.lamp-cart-item-controls { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; margin-top: .65rem; }
.lamp-cart-item-controls input { width: 4.5rem; min-height: 44px; padding: .5rem; border: 1px solid #81938e; background: #fff; color: #071f30; font: inherit; box-sizing: border-box; }
.lamp-cart-pay { flex: 1 1 9rem; }
.lamp-cart-total { font-weight: 700; font-variant-numeric: tabular-nums; }
.lamp-cart-status, .lamp-cart-delivery, .lamp-cart-note { font-size: .8rem; line-height: 1.5; }
@media (max-width: 560px) { .lamp-cart-dialog { padding: 1rem; } .lamp-cart-item-controls label { flex-basis: 100%; } }

.lamp-commerce-prices p{margin:0}.lamp-price-label{display:block;font-size:12px;color:#52605b;margin-bottom:4px}#lamp-unit-price{font-size:26px}.lamp-quantity-label{display:block;font-size:14px;margin:18px 0 8px}.lamp-quantity-stepper{display:flex;gap:6px;align-items:center}.lamp-quantity-stepper button{width:44px;height:44px;border:1px solid #81938e;background:#fffefb;color:#17312d;font-size:20px;cursor:pointer}.lamp-quantity-stepper input{text-align:center;box-sizing:border-box}.lamp-commerce-actions #lamp-buy-now{background:#e7e9e2;border-color:#a3ada2;color:#52605b}#lamp-cart-toggle{background:transparent;border:1px solid #81938e;color:#17312d;padding:8px 12px;font:inherit}.lamp-commerce-actions{margin-bottom:12px}