.xsell{border-top:1px solid #173b2b1f;margin-top:1.2rem;padding-top:1rem}.xsell-h{color:#173b2b;margin:0 0 .6rem;font-size:1.02rem;font-weight:600;line-height:1.3}.xsell-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.xsell-card{background:#f8faf5;border:1px solid #c6d2c2;border-radius:.65rem;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.6rem .75rem;display:grid}.xsell-thumb{background:#fff;border-radius:.4rem;width:4rem;height:4rem;display:block;overflow:hidden}.xsell-thumb img{object-fit:contain;width:100%;height:100%;display:block}.xsell-body{gap:.12rem;min-width:0;display:grid}.xsell-format{letter-spacing:.04em;text-transform:uppercase;color:#5c665e;font-size:.72rem}.xsell-name{color:#173b2b;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}.xsell-name:hover{text-decoration:underline}.xsell-price{color:#173b2b;font-size:.98rem;font-weight:700}.xsell-presale{color:#5c665e;font-size:.82rem;font-weight:500}.xsell-action{justify-content:flex-end;min-width:9.5rem;display:flex}.xsell-add{white-space:nowrap;min-height:2.6rem}.xsell-done{color:#3d6b2a;align-items:center;gap:.5rem;min-height:2.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.co-xsell{margin-top:1rem}@media (max-width:60rem){.pdp-panel>.pdp-xsell{order:7}}@media (max-width:30rem){.xsell-card{grid-template-columns:3.5rem minmax(0,1fr);row-gap:.55rem}.xsell-thumb{width:3.5rem;height:3.5rem}.xsell-action{grid-column:1/-1;justify-content:stretch;min-width:0}.xsell-add,.xsell-done{justify-content:center;width:100%}}
