.product-offers { color: #27364b; text-align: left; }
.product-purchase-panel .box-info-product.product-offers { padding: 0; }
.product-offers-options { margin: 0; padding: 18px; border: 0; min-width: 0; }
.product-offers-options legend { float: left; width: 100%; margin: 0 0 12px; padding: 0; border: 0; color: #27364b; font-size: 15px; font-weight: 700; line-height: 1.4; }
.product-offers-options legend + .product-offer { clear: both; }
.product-offer { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; column-gap: 8px; row-gap: 5px; margin: 0; padding: 10px; border: 1px solid #dce3eb; border-radius: 12px; background: #fff; cursor: pointer; font-weight: normal; }
.product-offer + .product-offer { margin-top: 10px; }
.product-offer:hover { border-color: #8b9aab; }
.product-offer.is-selected { border-color: #a9b9ca; background: #f7f9fc; }
.product-offer--stock.is-selected { border-color: #16a34a; background: #f6fbf7; }
.product-offer--backorder.is-selected { border-color: #f59e0b; background: #fffbf5; }
.product-offer--unavailable.is-selected { border-color: #dc2626; background: #fff8f7; }
.product-offer--unavailable { color: #6a3b37; }
/* Uniform wraps radios at window.load; both versions occupy the same grid cell. */
.product-offer > input[type=radio],
.product-offer > div.radio { grid-column: 1; grid-row: 1 / 3; align-self: center; width: 16px; height: 16px; margin: 0; }
.product-offer > div.radio { padding: 0; background: none; }
.product-offer > div.radio > span { display: block; width: 16px; height: 16px; background: none !important; }
.product-offers .product-offer > div.radio > span::before,
.product-offers .product-offer > div.radio > span::after { content: none; display: none; }
.product-offer input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; position: static; box-sizing: border-box; width: 16px; height: 16px; margin: 0; padding: 0; border: 1px solid #8495a8; border-radius: 50%; background: #fff; color: #168344; opacity: 1 !important; cursor: pointer; }
.product-offer--backorder input[type=radio] { color: #b45c00; }
.product-offer--unavailable input[type=radio] { color: #dc2626; }
.product-offer input[type=radio]:checked { border-color: currentColor; background: currentColor; box-shadow: inset 0 0 0 3px #fff; }
.product-offer input[type=radio]:disabled { cursor: default; }
@media (forced-colors: active) {
    .product-offer input[type=radio] { appearance: auto; }
}
.product-offer-heading { grid-column: 2; grid-row: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; }
.product-offers .product-offer-status.availability-badge { display: inline-flex; align-items: center; justify-content: flex-start; min-width: 0; min-height: 27px; gap: 5px; padding: 5px 8px; box-shadow: none; font-size: 11px; line-height: 1.3; white-space: nowrap; }
.product-offer-stock-count { color: #176b3a; font-size: 14px; font-weight: 700; line-height: 1.4; white-space: nowrap; font-variant-numeric: tabular-nums; }
.product-offer-price { grid-column: 3; grid-row: 1; align-self: center; padding-top: 3px; font-size: 16px; line-height: 1.3; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.product-offer-price small { display: inline; margin-left: 3px; font-size: 11px; font-weight: normal; }
.product-offer-details { grid-column: 2 / -1; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; font-size: 12px; line-height: 1.5; }
.product-offer-location { grid-column: 2 / -1; grid-row: 3; display: inline-flex; align-items: center; gap: 5px; color: #176b3a; font-size: 11px; line-height: 1.4; }
.product-offer-delivery { flex: 1 1 90px; overflow-wrap: anywhere; }
.product-offers .product-dot-value-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; max-width: 100%; padding: 5px 8px; border: 1px solid #31ad13; border-radius: 4px; background: rgba(255, 255, 255, .94); box-shadow: 0 2px 8px rgba(49, 173, 19, .18); color: #1f2937; }
.product-offers .product-dot-value-label { color: #31ad13; font-size: 10px; font-weight: 700; letter-spacing: .03em; line-height: 1; text-transform: uppercase; }
.product-offers .product-dot-value-text { font-size: 12px; font-weight: 700; line-height: 14px; overflow-wrap: anywhere; }
.product-offers .product-dot-value-badge.is-unknown { border-color: #dce3eb; box-shadow: none; }
.product-offers .is-unknown .product-dot-value-label,
.product-offers .is-unknown .product-dot-value-text { color: #52627b; }
.product-offer-total-row { margin: 0 0 8px; color: #52627b; font-size: 12px; line-height: 1.5; }
.product-offers [hidden] { display: none !important; }
.product-offers button:focus-visible, .product-offers input:focus-visible { outline: 2px solid #168344; outline-offset: 2px; }
.product-offer-feedback { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #34465d; }
.product-offer-feedback:empty { display: none; }
.product-offer-feedback.is-error { color: #a32b24; }
.product_list .product-offers-from { display: block; margin-top: 4px; font-size: 12px; line-height: 1.4; }
.product-offer-order-summary { margin: 8px 0; color: #fff; font-size: 12px; line-height: 1.5; }
.product-offer-order-summary small { display: block; }
#center_column ul.product_list .has-product-offers .product-container .button-container,
#center_column ul.product_list .has-product-offers .product-container:hover .button-container { position: static; visibility: visible; width: auto; }
.product_list .product-offers-link { margin: 8px 0; }
.product_list.grid .product-offers-from { color: #fff; }
.product_list.list .product-offer-order-summary { color: #27364b; }

/* A narrow desktop purchase column needs the same breathing room as mobile. */
.product-offers { container-type: inline-size; }
@container (max-width: 270px) {
    .product-offer-heading { grid-column: 2 / -1; }
    .product-offer-details { grid-row: 3; }
    .product-offer-location { grid-row: 4; }
    .product-offer > input[type=radio], .product-offer > div.radio { grid-row: 1 / 4; }
    .product-offer-price { grid-row: 2; grid-column: 2 / -1; padding-top: 0; text-align: left; }
    .product-offer-price small { display: inline; margin-left: 4px; }
}
.product-offers .our_price_display > .price { font: inherit; color: inherit; }