.clx-xsell{--clx-green: #08874a;--clx-green-dark: #06703e;--clx-white: #ffffff;--clx-ink: #1a1a2e;--clx-text: #374151;--clx-muted: #6b7280;--clx-border: #e2e8f0;--clx-bg-subtle: #f8fafc;--clx-shadow: rgba(0, 0, 0, .08);--clx-radius: 8px;--clx-radius-sm: 4px;margin:32px 0}.clx-xsell .clx-heading{font-size:22.5px;font-weight:700;color:var(--clx-ink);text-align:center;margin:0 0 20px;line-height:1.3}.clx-xsell .clx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.clx-xsell .clx-card{background:var(--clx-white);border:1px solid var(--clx-border);border-radius:var(--clx-radius);display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 12px 16px;transition:transform .2s,box-shadow .2s}.clx-xsell .clx-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--clx-shadow)}.clx-xsell .clx-img-link{display:block;width:100%;aspect-ratio:1 / 1;background:var(--clx-bg-subtle);border-radius:var(--clx-radius);overflow:hidden;text-decoration:none}.clx-xsell .clx-img{width:100%;height:100%;object-fit:contain;padding:12px}.clx-xsell .clx-sku{font-size:11px;font-weight:700;color:var(--clx-ink);letter-spacing:.3px;margin:12px 0 2px}.clx-xsell .clx-title{font-size:13.5px;font-weight:600;line-height:1.3;margin:2px 0 6px}.clx-xsell .clx-title a{color:var(--clx-ink);text-decoration:none}.clx-xsell .clx-title a:hover{text-decoration:underline}.clx-xsell .clx-price{font-size:15px;font-weight:600;color:var(--clx-green);margin:0 0 10px}.clx-xsell .clx-form{width:100%;margin:0}.clx-xsell .clx-variant{width:100%;max-width:200px;padding:6px 8px;margin:0 auto 8px;font-size:12.5px;font-family:inherit;color:var(--clx-text);background:var(--clx-white);border:1px solid var(--clx-border);border-radius:var(--clx-radius-sm);display:block}.clx-xsell .clx-btn{display:block;width:100%;max-width:200px;margin:0 auto;padding:10px 16px;background:var(--clx-green);color:var(--clx-white);font-size:13.5px;font-weight:600;font-family:inherit;border:none;border-radius:var(--clx-radius);cursor:pointer;transition:background-color .2s}.clx-xsell .clx-btn:hover{background:var(--clx-green-dark)}.clx-xsell .clx-btn:disabled{background:var(--clx-muted);cursor:not-allowed}.clx-xsell .clx-btn:focus-visible,.clx-xsell .clx-variant:focus-visible{outline:2px solid var(--clx-green-dark);outline-offset:2px}.clx-xsell .clx-link{margin-top:8px;font-size:12.5px;font-weight:500;color:var(--clx-green);text-decoration:none}.clx-xsell .clx-link:hover{text-decoration:underline}.clx-xsell .clx-link:focus-visible{outline:2px solid var(--clx-green-dark);outline-offset:2px}@media(max-width:900px){.clx-xsell .clx-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.clx-xsell .clx-grid{grid-template-columns:1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.clx-xsell .clx-card,.clx-xsell .clx-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/cl-xsell.css.map */