.hv-xsell{background:var(--hv-white);color:var(--hv-carbon);padding:var(--hv-sp-8) 0}.hv-xsell__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--hv-sp-6);padding-bottom:18px;margin-bottom:var(--hv-sp-6);border-bottom:1px solid var(--hv-carbon)}.hv-xsell__title{font-family:var(--hv-font-display);font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0;max-width:18ch}.hv-xsell__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hv-sp-4)}@media(max-width:1080px){.hv-xsell__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.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-white);border:1px solid var(--hv-steel);border-radius:4px;overflow:hidden;transition:border-color var(--hv-dur) var(--hv-ease)}.hv-xsell-card:hover{border-color:var(--hv-carbon)}.hv-xsell-card__img{position:relative;aspect-ratio:4 / 3;background:var(--hv-carbon);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-5);display:flex;flex-direction:column;gap:var(--hv-sp-2)}.hv-xsell-card__name{font-family:var(--hv-font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--hv-carbon)}.hv-xsell-card__tag{font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hv-ink-60)}.hv-xsell-card__price{font-family:var(--hv-font-display);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--hv-carbon);margin-top:var(--hv-sp-1);padding-top:var(--hv-sp-3);border-top:1px solid var(--hv-steel)}.hv-xsell-card__cta{display:inline-flex;align-items:center;gap:var(--hv-sp-2);font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hv-signal);margin-top:var(--hv-sp-2);align-self:flex-start;transition:gap var(--hv-dur) var(--hv-ease),color var(--hv-dur) var(--hv-ease)}.hv-xsell-card:hover .hv-xsell-card__cta{gap:var(--hv-sp-3);color:var(--hv-warm)}.hv-xsell-card__cta svg{flex-shrink:0}@media(max-width:1080px){.hv-xsell{padding:56px 0}}@media(max-width:768px){.hv-xsell__head{flex-direction:column;align-items:flex-start;gap:var(--hv-sp-3)}}@media(max-width:540px){.hv-xsell{padding:40px 0}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/hv-cross-sell.css.map */