body .cross-sell{max-width:1440px;box-sizing:border-box;margin:0 auto;padding:clamp(36px,5vw,72px) clamp(16px,4vw,64px);background:#f5f3ef;color:#211d1b;border-top:1px solid #ddd7d0}
.cross-sell-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.cross-sell-kicker{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.14em;margin:0 0 10px}.cross-sell-heading h2{font:400 clamp(30px,3.6vw,46px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}.cross-sell-heading p:last-child{font:400 14px/1.6 Arial,sans-serif;margin:0;color:#56504a}
body .cross-sell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}.cross-sell-grid .card{position:relative;min-width:0;border:1px solid #e1dcd5;box-sizing:border-box}.cross-sell-include{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;font:500 13px/1.4 Arial,sans-serif;cursor:pointer;box-sizing:border-box}.cross-sell-include input{width:20px;height:20px;flex:none;margin:0;accent-color:#713747}.cross-sell-card .card-image-wrap{background:#fff}.cross-sell-card .card-image{aspect-ratio:4/5!important}.cross-sell-card .card-image img{object-fit:contain!important}.cross-sell-card.is-unselected .card-image img{opacity:.6}
.cross-sell-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 0;margin-top:24px;border-top:1px solid #cfc6bd}.cross-sell-summary p{margin:0}.cross-sell-summary [data-cross-count]{font:400 13px/1.5 Arial,sans-serif}.cross-sell-total{font:600 24px/1.4 Arial,sans-serif}.cross-sell-retail{font:400 13px/1.6 Arial,sans-serif;color:#713747}.cross-sell-add{border:1px solid #202020;background:#202020;color:white;min-height:48px;padding:14px 24px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}.cross-sell-add:hover:not(:disabled){background:#713747;border-color:#713747}.cross-sell-add:disabled{background:#e2ded8;color:#5b5550;border-color:#c2b9af;cursor:not-allowed;opacity:1}.cross-sell-note,.cross-sell-status{font:400 13px/1.6 Arial,sans-serif;margin:12px 0 0;color:#56504a}.cross-sell-status[data-error=true]{color:#8b2020}.cross-sell :is(button,a,input,select):focus-visible{outline:3px solid #713747;outline-offset:3px}.cross-sell-navigation{display:none}.cross-sell-navigation button{width:44px;height:44px;border:1px solid #8d8277;background:transparent;color:#211d1b;font:400 24px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:760px){.cross-sell-heading{align-items:center}.cross-sell-navigation{display:flex;gap:8px;flex:none}.cross-sell-heading h2{font-size:32px}.cross-sell-heading{flex-wrap:wrap}body .cross-sell-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:12px;overscroll-behavior-x:contain}.cross-sell-grid .cross-sell-card{flex:0 0 min(82vw,320px);scroll-snap-align:start;height:auto!important}.cross-sell-summary{align-items:stretch;flex-direction:column;gap:16px}.cross-sell-add{width:100%}.cross-sell-note{max-width:40ch}}
@media(prefers-reduced-motion:reduce){.cross-sell-grid{scroll-behavior:auto}}