/* Keep the selected channels and payment actions reachable on short screens. */
.cart-dialog .drawer-body{min-height:84px;overscroll-behavior:contain}
.cart-dialog .drawer-summary{max-height:58dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8ec0fa transparent}
body:has(dialog[open]){overflow:hidden}
.popover{overscroll-behavior:contain}
.promotion-choice{padding:12px 9px;background:#edf4fe;border-radius:8px;gap:10px}
.promotion-choice>span{font-weight:600;color:#203049;font-size:12px}
/* Use the wordmark typography approved on the feature-preview page. */
body[data-design=blue] .site-header .wordmark{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:22px;font-weight:950;letter-spacing:-1.2px;font-style:normal}
@media(max-width:760px){
 body[data-design=blue] .site-header .wordmark{font-size:19px!important}
 /* iPhone browsers otherwise zoom the page when a small text field is focused. */
 .search-box input,.popover input:not([type=checkbox]),.popover select,.share-link-box input{font-size:16px}
}

/* Consistent filter actions and balanced filter rows. */
.clear-filter,.reset-filters{border-radius:8px}
#activeFilters{padding-top:8px;padding-bottom:8px;align-items:center;align-content:center}
.promotion-choice{background:transparent}
.promotion-choice:hover{background:#f3f7fc}
.promotion-choice:has(input:checked){background:#e5efff}
.price-comment-text a{color:#2e608e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}