.tpo-crosssell.crosssell{padding:var(--space-16, 2.5rem) 0;background:var(--color-surface, #fff);scroll-margin-top:calc(var(--tpo-header-offset, 0px) + var(--tpo-jump-nav-h, 48px) + 12px)}.tpo-crosssell .crosssell__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3, .75rem)}.tpo-crosssell .crosssell-card{background:var(--color-surface-raised, #fff);border:1px solid var(--color-border-subtle, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 1rem);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:var(--space-3, .75rem);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.tpo-crosssell .crosssell-card:hover{box-shadow:var(--shadow-card-hover, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-2px);border-color:var(--color-border, #cbd5e1)}.tpo-crosssell .crosssell-card__image{aspect-ratio:1 / 1;background:#f9f9f9;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;overflow:hidden}.tpo-crosssell .crosssell-card__image img{width:100%;height:100%;object-fit:contain;padding:.5rem}.tpo-crosssell .crosssell-card__name{font-family:var(--font-body, system-ui, sans-serif);font-weight:600;font-size:var(--text-base, 1.5rem);color:var(--color-text-primary, #0f172a);margin:0;line-height:1.4}.tpo-crosssell .crosssell-card__name a{color:inherit;text-decoration:none}.tpo-crosssell .crosssell-card__name a:hover{text-decoration:underline}.tpo-crosssell .crosssell-card__desc{font-size:var(--text-sm, 1.3rem);color:var(--color-text-secondary, #64748b);margin:0;line-height:1.5;flex-grow:1}.tpo-crosssell .crosssell-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-top:auto}.tpo-crosssell .crosssell-card__price{font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;font-size:var(--text-base, 1.5rem);color:var(--color-text-primary, #0f172a)}@media(max-width:960px){.tpo-crosssell .crosssell__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tpo-crosssell .crosssell__grid{grid-template-columns:1fr}}@media(max-width:560px){.tpo-crosssell .crosssell__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tpo-crosssell.css.map */