.bene-cards__header{margin-bottom:24px}.bene-cards__title{margin:0;color:#1a1a1a;font-weight:400;font-size:clamp(26px,6vw,40px);line-height:1.1;letter-spacing:-.5px}.bene-cards__grid{display:grid;grid-template-columns:1fr;gap:16px}.bene-cards__card{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4 / 3;text-decoration:none;outline-offset:4px;transition:box-shadow .25s ease-in-out}.bene-cards__card.is-active{box-shadow:0 0 0 2px #1a1a1a}.bene-cards__card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#d1cdc3}.bene-cards__card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in-out}.bene-cards__card:hover .bene-cards__card-image{transform:scale(1.04)}.bene-cards__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#0000008c)}.bene-cards__card-content{position:absolute;left:0;bottom:0;width:100%;padding:20px;color:#fff}.bene-cards__card-content *{margin:0}.bene-cards__card-title{font-weight:400;font-size:26px;line-height:1.1;margin-bottom:4px!important}.bene-cards__card-subtitle{font-size:13px;color:#ffffffd1}.bene-cards__panels{margin-top:40px}.bene-cards__panel[hidden]{display:none}.bene-cards__panel.is-active{animation:bene-cards-fade-in .25s ease-in-out}@keyframes bene-cards-fade-in{0%{opacity:0}to{opacity:1}}.bene-cards__products{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px}.bene-cards__products .product-card__collapsible-add{display:none}.bene-cards__products:empty{display:none}@media screen and (min-width:650px){.bene-cards__products{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:900px){.bene-cards__header{margin-bottom:40px}.bene-cards__grid{grid-template-columns:repeat(3,1fr);gap:24px}.bene-cards__card{aspect-ratio:3 / 4;border-radius:24px}.bene-cards__card-content{padding:28px}.bene-cards__card-title{font-size:32px}.bene-cards__card-subtitle{font-size:14px}.bene-cards__panels{margin-top:56px}}@media screen and (min-width:1200px){.bene-cards__products{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/bene-cards.css.map */