.hv-xsell{background:var(--hv-white);color:var(--hv-carbon);padding:var(--hv-sp-7) 0 var(--hv-sp-8)}.hv-xsell__head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--hv-sp-5);padding-bottom:var(--hv-sp-3);border-bottom:1px solid var(--hv-carbon)}.hv-xsell__title{font-family:var(--hv-font-display);font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin:0}.hv-xsell__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hv-sp-4)}@media(max-width:880px){.hv-xsell__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hv-xsell__grid{grid-template-columns:1fr}}.hv-xsell-card{display:flex;flex-direction:column;text-decoration:none;color:var(--hv-carbon);background:var(--hv-light);transition:transform var(--hv-dur) var(--hv-ease)}.hv-xsell-card:hover{transform:translateY(-2px)}.hv-xsell-card__img{position:relative;aspect-ratio:1 / 1;background:var(--hv-ink-05);overflow:hidden}.hv-xsell-card__img img,.hv-xsell-card__img svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--hv-dur) var(--hv-ease)}.hv-xsell-card:hover .hv-xsell-card__img img{transform:scale(1.03)}.hv-xsell-card__body{padding:var(--hv-sp-3) var(--hv-sp-3) var(--hv-sp-4);display:flex;flex-direction:column;gap:4px}.hv-xsell-card__name{font-family:var(--hv-font-display);font-size:16px;font-weight:600;color:var(--hv-carbon)}.hv-xsell-card__tag{font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.04em;color:var(--hv-ink-60);text-transform:uppercase}.hv-xsell-card__price{font-family:var(--hv-font-display);font-size:15px;font-weight:500;color:var(--hv-carbon);margin-top:4px}.hv-xsell-card__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--hv-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--hv-signal);margin-top:var(--hv-sp-2);align-self:flex-start;border-bottom:1px solid var(--hv-signal);padding-bottom:3px;transition:gap var(--hv-dur) var(--hv-ease),color var(--hv-dur) var(--hv-ease),border-color var(--hv-dur) var(--hv-ease)}.hv-xsell-card:hover .hv-xsell-card__cta{gap:10px;color:var(--hv-warm);border-color:var(--hv-warm)}.hv-xsell-card__cta svg{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/38/assets/hv-cross-sell.css.map */