.purchase-suggestions { padding-block: 24px 36px; }
.purchase-suggestions h1 { line-height: 1.15; margin-block: 0 12px; }
.purchase-suggestions h2 { margin-block: 0 4px; }
.purchase-suggestions p { margin-block: 4px 12px; }
.purchase-suggestions__error { padding: 12px; border: 1px solid #bd4949; border-radius: 8px; }
.purchase-options__quantity, .purchase-basket__actions { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.purchase-options__quantity { align-items: center; margin-top: 6px; }
.purchase-options__quantity input { width: 5.5rem; }
.purchase-options button, .purchase-options input, .purchase-basket input { font: inherit; min-height: 42px; padding: 6px 9px; }
.purchase-options button { background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.purchase-basket { padding: clamp(16px, 3vw, 26px); border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface-soft); scroll-margin-top: 80px; }
.purchase-basket__lines { list-style: none; padding: 0; max-width: 55rem; }
.purchase-basket__lines li { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; border-bottom: 1px solid var(--line); }
.purchase-basket__lines li span:last-child { white-space: nowrap; }
.purchase-basket__actions + .purchase-basket__actions { margin-top: 10px; }
.purchase-basket__actions input { width: min(100%, 18rem); display: block; }


.purchase-suggestions [hidden] { display: none !important; }
.purchase-suggestions .breadcrumbs { margin-block: 0 10px; }
.purchase-audiences { display: flex; flex-wrap: wrap; gap: 5px; margin-block-end: 12px; }
.purchase-audiences a { padding: 7px 11px; border-radius: 8px; color: var(--blue-900); font-weight: 700; text-decoration: none; }
.purchase-audiences a[aria-current] { background: var(--blue-100); }
.purchase-hero { display: grid; overflow: hidden; border-radius: var(--radius); background: #172b52; color: white; }
.purchase-hero--image { grid-template-columns: 1fr 1.08fr; }
.purchase-hero__text { display: flex; flex-direction: column; justify-content: center; padding: clamp(20px, 3.2vw, 42px); }
.purchase-hero h1 { margin: 0; max-width: 23ch; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.035em; line-height: 1.08; }
.purchase-hero p { max-width: 42ch; margin-block: 12px 0; color: #e4edf9; }
.purchase-hero__image { width: 100%; height: 100%; min-height: 255px; object-fit: cover; object-position: center; }
.purchase-hero__actions, .purchase-benefits { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; }
.purchase-hero__actions { margin-top: 15px; }
.purchase-hero__actions a { color: white; font-weight: 700; }
.purchase-hero__actions .button-link { background: white; color: var(--blue-900); }
.purchase-benefits { border-bottom: 1px solid var(--line); padding-block: 9px; }
.purchase-benefits a { display: inline-flex; align-items: center; gap: 6px; padding-block: 3px; font-size: .85rem; font-weight: 650; }
.purchase-needs, .purchase-products, .purchase-proposal { margin-block: 24px; scroll-margin-top: 82px; }
.purchase-needs h2, .purchase-products h2 { margin: 0; font-size: clamp(1.3rem, 2.5vw, 1.75rem); color: var(--blue-950); line-height: 1.2; }
.purchase-needs__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.purchase-need { position: relative; display: grid; grid-template-rows: 76px auto; gap: 7px; padding: 11px 12px 12px; min-height: 133px; border-radius: 12px; border: 1px solid var(--line); background: #edf4ed; color: var(--blue-950); text-decoration: none; }
.purchase-need:nth-child(4n + 2) { background: #f1eef8; }
.purchase-need:nth-child(4n + 3) { background: #fbf3e8; }
.purchase-need:nth-child(4n + 4) { background: #eef4fb; }
.purchase-need img { width: 100%; height: 76px; object-fit: contain; mix-blend-mode: multiply; }
.purchase-need__fallback { display: grid; place-items: center; }
.purchase-need strong, .purchase-need small { display: block; }
.purchase-need small { padding-inline-end: 14px; color: #445468; line-height: 1.3; }
.purchase-need__mark { position: absolute; right: 9px; bottom: 7px; color: var(--blue-900); font-weight: 800; }
.purchase-need[aria-pressed="true"] { border-color: var(--blue-700); box-shadow: inset 0 0 0 1px var(--blue-700); }
.purchase-need__mark span + span, .purchase-need[aria-pressed="true"] .purchase-need__mark span:first-child { display: none; }
.purchase-need[aria-pressed="true"] .purchase-need__mark span + span { display: inline; }
.purchase-products__controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px; align-items: end; margin-block-end: 12px; }
.purchase-products__heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.purchase-products__heading button { padding: 6px 11px; min-height: 36px; white-space: nowrap; }
.purchase-products__controls p { grid-row: 2; margin: 0; color: #445468; font-size: .85rem; }
.purchase-products__controls p strong { color: var(--blue-900); }
.purchase-products__sort { display: flex; align-items: center; gap: 7px; grid-column: 2; grid-row: 1/3; font-size: .82rem; }
.purchase-products__sort select { min-height: 36px; border: 1px solid var(--line); border-radius: 7px; background: white; padding: 5px; font: inherit; }
.purchase-product { display: flex; min-width: 0; }
.purchase-product .product-card { width: 100%; scroll-margin-top: 80px; }
.purchase-product .purchase-card-quantity-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.purchase-proposal { border: 1px solid #d9e5f4; border-radius: var(--radius); background: #edf4fc; }
.purchase-proposal > summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; cursor: pointer; }
.purchase-proposal > summary small,.purchase-proposal > summary strong { display: block; color: var(--blue-950); }
.purchase-proposal:not([open]) .purchase-proposal__label span + span, .purchase-proposal[open] .purchase-proposal__label span:first-child { display: none; }
.purchase-proposal__label { color: var(--blue-900); font-weight: 700; text-decoration: underline; }
.purchase-proposal[open] > summary { border-bottom: 1px solid #d9e5f4; }
.purchase-proposal > form { padding: 10px 15px 15px; }
.purchase-options { display: grid; gap: 6px; padding: 0; list-style: none; }
.purchase-options li { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 7px; padding: 9px; background: white; border-radius: 8px; }
.purchase-options li small { display: block; }
.purchase-options__quantity { display: flex; align-items: center; gap: 5px; }
.purchase-options__quantity button, .purchase-options__quantity input { font: inherit; min-height: 36px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); padding: 4px 7px; }
.purchase-options__quantity input { width: 5rem; }
.purchase-cart:not(:has(.purchase-cart__inner, .purchase-cart__fallback)) { display: none; }
.purchase-cart { position: fixed; z-index: 65; inset: auto 0 0; background: var(--surface); color: var(--blue-950); box-shadow: 0 -4px 18px rgb(15 40 83 / 12%); border-top: 1px solid var(--line); padding-block: 7px max(7px,env(safe-area-inset-bottom)); }
.purchase-cart__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: center; gap: 6px 12px; }
.purchase-cart__amount { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; font-size: .83rem; }
.purchase-cart__amount strong { font-size: 1.1rem; white-space: nowrap; }
.purchase-cart__shipping { font-size: .82rem; }
.purchase-cart__shipping small { display: block; color: var(--success); }
html:has(.purchase-cart__inner) { scroll-padding-bottom: 100px; }
body:has(.purchase-cart__inner) { padding-bottom: 90px; }
body:has(.purchase-cart__inner) .back-to-top { bottom: 95px; }
.purchase-benefits a { color: var(--blue-900); }
.purchase-products__heading button.button-link--secondary { color: var(--blue-900); background: var(--surface); border: 1px solid #b8cbea; }
.purchase-products__heading button.button-link--secondary:hover { background: var(--blue-100); }
@media (max-width: 700px) {
    .purchase-hero--image { grid-template-columns: minmax(0,1fr) minmax(72px,30%); }
    .purchase-hero__text { padding: 11px; }
    .purchase-hero h1 { font-size: clamp(1.3rem,6vw,1.9rem); }
    .purchase-hero p,.purchase-hero__actions { font-size: .75rem; margin-block-start: 6px; }
    .purchase-hero__actions .button-link { min-height: 38px; padding: 5px 9px; }
    .purchase-hero__image { min-height: 0; }
    .purchase-benefits { padding-block: 5px; }
    .purchase-benefits a,.purchase-audiences a { font-size: .75rem; }
    .purchase-needs, .purchase-products, .purchase-proposal { margin-block: 15px; }
    .purchase-needs__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 8px; }
    .purchase-need { grid-template: auto / minmax(0,40px) 1fr; align-items: center; padding: 5px; gap: 5px; min-height: 50px; font-size: .77rem; }
    .purchase-need[aria-pressed="true"] { padding-right: 20px; }
    .purchase-need img { height: 38px; }
    .purchase-need small,.purchase-need__mark { display: none; }
    .purchase-need[aria-pressed="true"] .purchase-need__mark { display: inline; top: 2px; right: 4px; bottom: auto; }
    .purchase-products__controls:has([data-reset-needs]:not([hidden])) .purchase-products__heading { grid-column: 1/-1; }
    .purchase-products__controls:has([data-reset-needs]:not([hidden])) .purchase-products__sort { grid-row: 2; }
    .purchase-products__sort { font-size: .72rem; }
    .purchase-products .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
    .purchase-product .product-card__image { height: clamp(76px,26vw,140px); padding: 6px; }
    .purchase-product .product-card__body { padding: 7px; }
    .purchase-product .product-card__purchase { position: relative; grid-template-columns: minmax(0,1fr) 44px; }
    .purchase-product .product-card__purchase > button[type="submit"] { min-height: 44px; }
    .purchase-product .product-card__buy-label { display: none; }
    .purchase-product .product-card__buy-icon { display: inline-flex; }
    .purchase-product .quantity-control--compact-input { grid-template-columns: 1fr; padding-inline-start: 30px; min-height: 44px; background: var(--surface-soft); }
    .purchase-product .quantity-control--compact-input button { display: none; }
    .purchase-product .quantity-control--compact-input input { background: transparent; font-size: 16px; }
    .purchase-product .purchase-card-quantity-label { z-index: 1; position: absolute; inset: auto auto 13px 5px; width: auto; height: auto; overflow: visible; clip-path: none; font-size: .65rem; }
    .purchase-cart__inner { grid-template-columns: minmax(0,1fr) auto; gap: 1px 7px; }
    .purchase-cart__amount, .purchase-cart__shipping { font-size: .72rem; }
    .purchase-cart__amount strong { font-size: .94rem; }
    .purchase-cart__shipping { grid-column: 1; }
    .purchase-cart__inner > a { grid-column: 2; grid-row: 1/3; padding: 7px; min-height: 44px; font-size: .76rem; }
}