.hover-cards{width:100%}.hover-cards__heading-wrap{margin-bottom:32px;text-align:center}.hover-cards__heading{font-size:15px;line-height:1.5;color:rgba(var(--color-foreground),.85)}.hover-cards__heading p{margin:0}.hover-cards__inner{margin-inline:auto}.hover-cards__grid{display:grid;grid-template-columns:1fr;gap:var(--hc-gap, 16px)}.hover-cards--m-2 .hover-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hover-cards--m-carousel .hover-cards__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:16px;margin-inline:-16px}.hover-cards--m-carousel .hover-cards__grid::-webkit-scrollbar{display:none}.hover-cards--m-carousel .hover-cards__card{flex:0 0 80%;scroll-snap-align:start}@media screen and (min-width:750px){.hover-cards__grid,.hover-cards--m-1 .hover-cards__grid,.hover-cards--m-2 .hover-cards__grid,.hover-cards--m-carousel .hover-cards__grid{display:grid;grid-template-columns:repeat(var(--hc-cols-d, 3),minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding-inline:0;margin-inline:0}.hover-cards--m-carousel .hover-cards__card{flex:initial;scroll-snap-align:none}}.hover-cards__card{position:relative;background-color:var(--hc-card-bg, rgb(var(--color-background)));border:1px solid var(--hc-card-border, rgba(var(--color-foreground), .08));border-radius:2px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000a}.hover-cards__media{position:relative;display:block;width:100%;overflow:hidden;background:rgba(var(--color-foreground),.04);color:inherit;text-decoration:none;aspect-ratio:var(--hc-ratio, 3/4)}.hover-cards__card[style*="--hc-ratio: auto"] .hover-cards__media{aspect-ratio:auto}.hover-cards__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.hover-cards__card[style*="--hc-ratio: auto"] .hover-cards__img{height:auto}.hover-cards__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05)}.hover-cards__placeholder-svg{width:80px;height:auto;opacity:.4}.hover-cards__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px 24px;background:var(--hc-overlay-bg, #000);opacity:0;pointer-events:none;transition:opacity .35s ease;color:var(--hc-overlay-color, #fff);z-index:1}.hover-cards__card--has-hover .hover-cards__overlay{opacity:0}.hover-cards__card--has-hover.is-open .hover-cards__overlay,.hover-cards__card--has-hover .hover-cards__media:hover .hover-cards__overlay{opacity:var(--hc-overlay-opacity, .9);pointer-events:auto}.hover-cards__overlay-inner{max-width:100%;font-size:14px;line-height:1.55;text-align:center;color:inherit}.hover-cards__overlay-inner p{margin:0 0 .6em}.hover-cards__overlay-inner p:last-child{margin-bottom:0}.hover-cards__overlay-inner a{color:inherit;text-decoration:underline}.hover-cards__overlay-toggle{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:#ffffffe6;color:#222;cursor:pointer;box-shadow:0 1px 3px #00000026;transition:transform .2s ease,background-color .2s ease}.hover-cards__overlay-toggle:hover{background:#fff}.hover-cards__overlay-toggle-icon{display:inline-flex;transition:transform .25s ease}.hover-cards__card.is-open .hover-cards__overlay-toggle-icon{transform:rotate(45deg)}@media screen and (min-width:750px){.hover-cards__overlay-toggle{display:none}}@media screen and (min-width:750px)and (hover:hover){.hover-cards__card--has-hover .hover-cards__media:hover .hover-cards__img{transform:scale(1.04)}}.hover-cards__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}.hover-cards__subtitle{font-size:11px;line-height:1.4;letter-spacing:.04em;color:rgba(var(--color-foreground),.7)}.hover-cards__subtitle p{margin:0}.hover-cards__title{font-size:14px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground))}.hover-cards__title p{margin:0}@media screen and (min-width:750px){.hover-cards__body{padding:20px 24px 26px}.hover-cards__subtitle{font-size:12px}.hover-cards__title{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hover-cards.css.map */