:root{--promo-card-transition: .4s cubic-bezier(.4, 0, .2, 1);--promo-card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--promo-card-shadow-hover: 0 12px 32px rgba(0, 0, 0, .12);--promo-card-gap: 20px;--promo-card-border-radius: 16px}.promo-cards-grid{position:relative;overflow:hidden}.promo-cards-grid__container{margin:0 auto;padding:0 20px}.promo-cards-grid__header{text-align:center;margin-bottom:48px;animation:fadeInUp .6s ease-out}.promo-cards-grid__title{margin:0 0 12px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#000}.promo-cards-grid__title.h1{font-size:clamp(32px,4vw,48px)}.promo-cards-grid__title.h2{font-size:clamp(28px,3.5vw,40px)}.promo-cards-grid__title.h3{font-size:clamp(24px,3vw,32px)}.promo-cards-grid__subtitle{margin:0;font-size:clamp(16px,2vw,18px);color:#666;line-height:1.6}.promo-cards-grid__wrapper{display:grid;gap:var(--promo-card-gap);grid-template-columns:1fr}.promo-cards-grid--2{grid-template-columns:repeat(2,1fr)}.promo-cards-grid--3{grid-template-columns:repeat(3,1fr)}.promo-cards-grid--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 749px){.promo-cards-grid--mobile-1{grid-template-columns:1fr}.promo-cards-grid--mobile-2{grid-template-columns:repeat(2,1fr)}.promo-cards-grid__wrapper{gap:16px}}@media screen and (min-width: 750px) and (max-width: 989px){.promo-cards-grid--3,.promo-cards-grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.promo-cards-grid__wrapper{gap:var(--promo-card-gap)}}.promo-cards-grid--carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--promo-card-gap)}.promo-cards-grid--carousel::-webkit-scrollbar{display:none}.promo-cards-grid--carousel .promo-card{flex:0 0 calc(33.333% - 14px);scroll-snap-align:start}@media screen and (max-width: 989px){.promo-cards-grid--carousel .promo-card{flex:0 0 calc(50% - 10px)}}@media screen and (max-width: 749px){.promo-cards-grid--carousel .promo-card{flex:0 0 calc(85% - 8px)}}.promo-card{position:relative;border-radius:var(--promo-card-border-radius);overflow:hidden;background:#fff;transition:all var(--promo-card-transition);min-height:400px;display:flex;flex-direction:column}.promo-card--default{box-shadow:var(--promo-card-shadow)}.promo-card--minimal{box-shadow:none;background:transparent}.promo-card--elevated{box-shadow:var(--promo-card-shadow-hover)}.promo-card--bordered{box-shadow:none;border:2px solid #e5e5e5}.promo-card--hover:hover{transform:translateY(-8px);box-shadow:var(--promo-card-shadow-hover)}.promo-card--hover:hover .promo-card__image{transform:scale(1.05)}.promo-card--hover:hover .promo-card__button{transform:translate(4px)}@media screen and (max-width: 749px){.promo-card{min-height:320px}}.promo-card__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.promo-card__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--promo-card-transition)}.promo-card__media--placeholder{background:#f5f5f5}.promo-card__media--placeholder svg{width:100%;height:100%;opacity:.3}.promo-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-overlay-color, #000000);opacity:var(--card-overlay-opacity, .3);z-index:1;transition:opacity var(--promo-card-transition)}.promo-card:hover .promo-card__overlay{opacity:calc(var(--card-overlay-opacity, .3) + .1)}.promo-card__content{position:relative;z-index:2;padding:32px;display:flex;flex-direction:column;height:100%;color:#fff}.promo-card__content--top{justify-content:flex-start}.promo-card__content--center{justify-content:center}.promo-card__content--bottom{justify-content:flex-end}.promo-card__content--align-left{text-align:left;align-items:flex-start}.promo-card__content--align-center{text-align:center;align-items:center}.promo-card__content--align-right{text-align:right;align-items:flex-end}@media screen and (max-width: 749px){.promo-card__content{padding:24px}}.promo-card__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:16px;width:fit-content;transition:all var(--promo-card-transition)}.promo-card__badge--primary{background:#000000e6;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.promo-card__badge--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8)}.promo-card__badge--glass{background:#fff3;color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.promo-card__badge-icon{display:flex;align-items:center;justify-content:center}.promo-card__badge-icon svg{width:18px;height:18px}.promo-card:hover .promo-card__badge{transform:scale(1.05)}.promo-card__text-wrapper{display:flex;flex-direction:column;gap:12px}.promo-card__eyebrow{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;opacity:.9}.promo-card__heading{margin:0;font-weight:700;line-height:1.2;letter-spacing:-.01em}.promo-card__heading.h2{font-size:clamp(28px,3vw,36px)}.promo-card__heading.h3{font-size:clamp(24px,2.5vw,32px)}.promo-card__heading.h4{font-size:clamp(20px,2vw,24px)}.promo-card__subheading{margin:0;font-size:clamp(16px,1.5vw,18px);line-height:1.5;opacity:.95;font-weight:500}.promo-card__description{margin:0;font-size:clamp(14px,1.5vw,16px);line-height:1.6;opacity:.9}.promo-card__description p{margin:0}.promo-card__button-wrapper{margin-top:20px}.promo-card__button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all var(--promo-card-transition);cursor:pointer;border:none}.promo-card__button svg{width:16px;height:16px;transition:transform var(--promo-card-transition)}.promo-card__button:hover svg{transform:translate(4px)}.promo-card__button.button--primary{background:#fff;color:#000;box-shadow:0 4px 12px #00000026}.promo-card__button.button--primary:hover{background:#f5f5f5;box-shadow:0 6px 16px #0003}.promo-card__button.button--secondary{background:#fff3;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.promo-card__button.button--secondary:hover{background:#ffffff4d;border-color:#ffffff80}.promo-card__button.button--outline{background:transparent;color:#fff;border:2px solid #ffffff}.promo-card__button.button--outline:hover{background:#ffffff1a}@media screen and (max-width: 749px){.promo-card__button{padding:12px 24px;font-size:15px}}.promo-card__link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;text-decoration:none}.promo-card__link-overlay:focus-visible{outline:3px solid #4A90E2;outline-offset:3px}.promo-cards-grid__navigation{display:flex;justify-content:center;gap:16px;margin-top:40px}.promo-cards-grid__nav-button{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #e5e5e5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--promo-card-transition);box-shadow:0 2px 8px #00000014}.promo-cards-grid__nav-button:hover{background:#000;border-color:#000;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.promo-cards-grid__nav-button svg{width:24px;height:24px;stroke:#000;transition:stroke var(--promo-card-transition)}.promo-cards-grid__nav-button:hover svg{stroke:#fff}.promo-cards-grid__nav-button:focus-visible{outline:3px solid #4A90E2;outline-offset:3px}@media screen and (max-width: 749px){.promo-cards-grid__nav-button{width:40px;height:40px}.promo-cards-grid__nav-button svg{width:20px;height:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-trigger.animate--slide-in{animation:fadeInUp .6s ease-out both}.scroll-trigger.animate--slide-in:nth-child(1){animation-delay:.1s}.scroll-trigger.animate--slide-in:nth-child(2){animation-delay:.2s}.scroll-trigger.animate--slide-in:nth-child(3){animation-delay:.3s}.scroll-trigger.animate--slide-in:nth-child(4){animation-delay:.4s}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.promo-card,.promo-card__image,.promo-card__button,.promo-card__badge,.promo-cards-grid__nav-button{animation:none!important;transition:none!important}}.rte{line-height:1.6}.rte p{margin:0}.rte a{color:inherit;text-decoration:underline}.rte a:hover{opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-promo-cards-grid.css.map */