.promo-cards-section{padding-top:var(--section-padding-top, 48px);padding-bottom:var(--section-padding-bottom, 48px);background-color:var(--promo-bg, #FBFBFB)}.promo-cards-container{max-width:var(--page-width, 1280px);margin-left:auto;margin-right:auto;padding-left:var(--page-margin, 20px);padding-right:var(--page-margin, 20px);box-sizing:border-box}.promo-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px}.promo-card{position:relative;display:flex;align-items:center;gap:20px;padding:30px;border-radius:var(--promo-radius, 24px);background:#fff;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #14142b12;text-decoration:none;color:inherit;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}.promo-card:after{content:"";position:absolute;top:-60%;left:-30%;width:45%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(12deg) translate(0);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .9s ease}.promo-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fffffff2,0 20px 42px #14142b1f}.promo-card:hover:after{opacity:1;transform:rotate(12deg) translate(320%)}.promo-card--large{grid-column:1;grid-row:1 / span 2;flex-direction:column;justify-content:flex-start;text-align:center;padding:40px 32px}.promo-card:not(.promo-card--large){grid-column:2;flex-direction:row-reverse;text-align:right}.promo-card__content{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.promo-card--large .promo-card__content{align-items:center;width:100%}.promo-card:not(.promo-card--large) .promo-card__content{flex:1;align-items:flex-end}.promo-card__eyebrow{display:inline-block;width:fit-content;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--promo-accent) 14%,transparent);font-size:.74rem;font-weight:700;letter-spacing:normal;color:color-mix(in srgb,var(--promo-accent) 78%,#04191d)}.promo-card__title{margin:12px 0 0;font-size:1.4rem;font-weight:700;line-height:1.2;letter-spacing:normal;color:#14181f}.promo-card__subtitle{margin:8px 0 0;font-size:.9rem;line-height:1.5;color:#5f6672}.promo-card__price{margin:8px 0 0;font-size:1.1rem;font-weight:700;letter-spacing:normal;color:#14181f}.promo-card__button{margin-top:18px;position:relative;z-index:1}.promo-card:hover .promo-card__button{transform:translateY(-2px)}.promo-card--large .promo-card__button{align-self:center}.promo-card__image-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-card--large .promo-card__image-wrap{width:100%;flex:1;margin-top:24px}.promo-card:not(.promo-card--large) .promo-card__image-wrap{width:40%}.promo-card__image{width:100%;height:auto;max-height:260px;object-fit:contain;mix-blend-mode:multiply}.promo-card--large .promo-card__image{max-height:320px}@media screen and (max-width:989px){.promo-cards-grid{grid-template-columns:1fr}.promo-card--large,.promo-card:not(.promo-card--large){grid-column:1;grid-row:auto}}@media screen and (max-width:599px){.promo-card{flex-direction:column!important;text-align:center!important;padding:24px}.promo-card__image-wrap{width:100%!important}.promo-card__content{align-items:center!important;width:100%}.promo-card--large .promo-card__button{align-self:center}}.promo-card__button{background:#56cfe1!important;color:#04191d!important;box-shadow:none!important}.promo-card:hover .promo-card__button,.promo-card__button:hover{background:#45c4d8!important;box-shadow:none!important;transform:none}.promo-card--scura{background:#000;box-shadow:0 12px 30px #00000042}.promo-card--scura:hover{box-shadow:0 20px 42px #0000005c}.promo-card--scura:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent)}.promo-card--scura .promo-card__title,.promo-card--scura .promo-card__price{color:#fff}.promo-card--scura .promo-card__subtitle{color:#b4bcc6}.promo-card--scura .promo-card__eyebrow{background:color-mix(in srgb,var(--promo-accent) 22%,transparent);color:color-mix(in srgb,var(--promo-accent) 92%,#ffffff)}.promo-card--scura .promo-card__image{mix-blend-mode:normal}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-promo-cards.css.map */