.benefits-showcase{--bs-bg-color: #FDF8F6;--bs-heading-color: #1a1a1a;--bs-title-color: #1a1a1a;--bs-text-color: #4a4a4a;--bs-accent-color: #C41E3A;--bs-columns: 4;--bs-accent-glow: color-mix(in srgb, var(--bs-accent-color) 30%, transparent);background-color:var(--bs-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;position:relative}.benefits-showcase:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,var(--bs-accent-glow) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--bs-accent-glow) 0%,transparent 50%);opacity:.4;pointer-events:none}.benefits-showcase__container{max-width:1280px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.benefits-showcase__header{text-align:center;max-width:850px;margin:0 auto 60px}.benefits-showcase__header:before{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--bs-accent-color),color-mix(in srgb,var(--bs-accent-color) 60%,#ff8a65));border-radius:2px;margin:0 auto 24px}.benefits-showcase__heading{font-size:clamp(26px,5vw,46px);font-weight:800;color:var(--bs-heading-color);line-height:1.15;margin:0 0 20px;letter-spacing:-.03em}.benefits-showcase__subheading{font-size:clamp(16px,2.5vw,20px);color:var(--bs-text-color);line-height:1.6;margin:0;opacity:.8;font-weight:400}.benefits-showcase__grid{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 600px){.benefits-showcase__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 900px){.benefits-showcase__grid{grid-template-columns:repeat(var(--bs-columns),1fr);gap:24px}}.benefit-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,#fffffff2,#ffffffb3);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.benefit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--bs-accent-color) 0%,transparent 50%,transparent 50%,var(--bs-accent-color) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}@media (hover: hover){.benefit-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014,0 0 0 1px rgba(var(--bs-accent-color),.1)}.benefit-card:hover:before{opacity:.6}.benefit-card:hover .benefit-card__media-inner{transform:scale(1.08)}.benefit-card:hover .benefit-card__shine{transform:translate(100%)}.benefit-card:hover .benefit-card__icon-badge{transform:translate(-50%) scale(1.1);box-shadow:0 8px 24px var(--bs-accent-glow)}}.benefit-card__media{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--bs-accent-color) 0%,color-mix(in srgb,var(--bs-accent-color) 65%,#000) 100%)}.benefit-card__media-inner{transition:transform .7s cubic-bezier(.23,1,.32,1);height:100%}.benefit-card__shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-15deg);transition:transform .8s ease;pointer-events:none;z-index:2}.benefit-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,var(--bs-accent-color) 0%,color-mix(in srgb,var(--bs-accent-color) 60%,#000) 100%);color:#ffffffe6}.benefit-card__placeholder-icon{width:64px;height:64px;opacity:.7}.benefit-card__placeholder-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.benefits-showcase__grid--rounded .benefit-card__media{aspect-ratio:1;border-radius:18px;margin:14px 14px 0;box-shadow:inset 0 0 0 1px #ffffff1a}.benefits-showcase__grid--square .benefit-card__media{aspect-ratio:1}.benefits-showcase__grid--portrait .benefit-card__media{aspect-ratio:3/4}.benefit-card__video,.benefit-card__image{width:100%;height:100%;object-fit:cover;display:block}.benefit-card__icon-badge{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:52px;height:52px;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000014;z-index:3;transition:all .4s cubic-bezier(.23,1,.32,1);border:2px solid rgba(255,255,255,.9)}.benefits-showcase__grid--rounded .benefit-card__icon-badge{bottom:-14px}.benefit-card__icon-badge img{width:28px;height:28px;object-fit:contain}.benefit-card__content{padding:32px 22px 26px;text-align:center;flex-grow:1;display:flex;flex-direction:column}.benefits-showcase__grid--rounded .benefit-card__content{padding-top:28px}.benefit-card__title{font-size:19px;font-weight:700;color:var(--bs-title-color);margin:0 0 12px;line-height:1.3;letter-spacing:-.02em}.benefit-card__description{font-size:15px;color:var(--bs-text-color);line-height:1.6;margin:0;flex-grow:1;opacity:.9}.benefit-card__title:after{content:"";display:block;width:32px;height:3px;background:linear-gradient(90deg,var(--bs-accent-color),transparent);border-radius:2px;margin:10px auto 0;opacity:0;transform:scaleX(0);transition:all .4s ease}@media (hover: hover){.benefit-card:hover .benefit-card__title:after{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: no-preference){.benefit-card{opacity:0;transform:translateY(40px);animation:benefitFadeUp .8s cubic-bezier(.23,1,.32,1) forwards}.benefit-card:nth-child(1){animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.2s}.benefit-card:nth-child(3){animation-delay:.3s}.benefit-card:nth-child(4){animation-delay:.4s}.benefits-showcase__header{opacity:0;transform:translateY(30px);animation:benefitFadeUp .7s cubic-bezier(.23,1,.32,1) forwards}.benefits-showcase__header:before{animation:accentGrow .6s ease .3s forwards;transform:scaleX(0)}@keyframes benefitFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes accentGrow{to{transform:scaleX(1)}}}@media (prefers-reduced-motion: reduce){.benefit-card,.benefits-showcase__header,.benefits-showcase__header:before{opacity:1;transform:none;animation:none}}@media (max-width: 599px){.benefits-showcase__container{padding:0 16px}.benefits-showcase__header{margin-bottom:40px}.benefits-showcase__grid{gap:20px}.benefit-card{border-radius:20px}.benefit-card:before{border-radius:20px}.benefits-showcase__grid--rounded .benefit-card__media{margin:12px 12px 0;border-radius:14px}.benefit-card__content{padding:26px 18px 22px}.benefit-card__title{font-size:17px}.benefit-card__description{font-size:14px}}.benefits-showcase[data-theme=dark],.benefits-showcase.benefits-showcase--dark{--bs-bg-color: #0f0f0f;--bs-heading-color: #ffffff;--bs-title-color: #ffffff;--bs-text-color: #a0a0a0}.benefits-showcase[data-theme=dark] .benefit-card,.benefits-showcase.benefits-showcase--dark .benefit-card{background:linear-gradient(165deg,#232323f2,#191919e6);border-color:#ffffff14;box-shadow:0 4px 24px #0006,0 1px 3px #0000004d}.benefits-showcase[data-theme=dark] .benefit-card__icon-badge,.benefits-showcase.benefits-showcase--dark .benefit-card__icon-badge{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-color:#ffffff1a}.benefit-card:focus-within{outline:3px solid var(--bs-accent-color);outline-offset:4px}.benefit-card__video{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.benefit-card__media:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .4s ease}@media (hover: hover){.benefit-card:hover .benefit-card__media:after{opacity:1}}.benefit-card__icon-badge:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--bs-accent-color);border-radius:50%;opacity:0;transition:opacity .3s ease}@media (hover: hover){.benefit-card:hover .benefit-card__icon-badge:after{opacity:1;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}}.benefits-showcase--glass .benefit-card{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}.benefits-showcase--glass .benefit-card:before{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%);opacity:1;padding:1px}@media (hover: hover){.benefits-showcase--glass .benefit-card:hover{background:linear-gradient(135deg,#ffffff59,#ffffff26);box-shadow:0 16px 48px #0000001f,inset 0 1px #fff9}}.benefits-showcase--glass .benefit-card__icon-badge{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.benefit-card[data-number]:after{content:attr(data-number);position:absolute;top:14px;right:14px;width:28px;height:28px;background:var(--bs-accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;z-index:4;box-shadow:0 2px 8px var(--bs-accent-glow)}.benefits-showcase__grid--rounded .benefit-card[data-number]:after{top:24px;right:24px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/benefits-showcase.css.map */