.benefits-video-grid{--bvg-bg-color: #A81E2C;--bvg-heading-color: #f6f6f6;--bvg-text-color: #f8f8f8;--bvg-highlight-color: #ffffff;--bvg-text-alignment: left;background-color:var(--bvg-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.benefits-video-grid__container{max-width:1200px;margin:0 auto;padding:0 15px}.benefits-video-grid__heading{font-size:clamp(20px,5vw,30px);font-weight:700;color:var(--bvg-heading-color);text-align:center;margin:0 0 20px;line-height:1.3}.benefits-video-grid__heading em{font-style:italic;color:var(--bvg-highlight-color)}.benefits-video-grid__layout{display:flex;flex-direction:column;gap:15px}.benefits-video-grid__column{display:flex;flex-direction:column;gap:12px}.benefits-video-grid__video{width:50%;max-width:200px;margin:10px auto;order:0}.benefits-video-grid__column--left{order:-1}.benefits-video-grid__column--right{order:1}@media (min-width: 768px){.benefits-video-grid__layout{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.benefits-video-grid__column{gap:30px}.benefits-video-grid__column--left{order:0;padding-right:10px}.benefits-video-grid__column--left .benefit-item{flex-direction:row-reverse}.benefits-video-grid__column--right{order:0;padding-left:10px}.benefits-video-grid__video{width:200px;max-width:none;margin:0;order:0}}@media (min-width: 992px){.benefits-video-grid__video{width:250px}}.benefit-item{display:flex;align-items:center;gap:12px;padding:0 10px}@media (min-width: 768px){.benefit-item{padding:0;gap:15px}}.benefit-item__icon{flex-shrink:0;width:50px;height:50px}@media (min-width: 768px){.benefit-item__icon{width:60px;height:60px}}.benefit-item__icon img{width:100%;height:100%;object-fit:contain}.benefit-item__text{font-size:clamp(14px,3.5vw,18px);color:var(--bvg-text-color);line-height:1.4;margin:0;text-align:var(--bvg-text-alignment, left)}@media (min-width: 768px){.benefit-item__text{font-size:18px}}.benefits-video-grid__video-element,.benefits-video-grid__video-poster{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px}@media (max-width: 480px){.benefits-video-grid__container{padding:0 10px}.benefit-item{padding:0 5px}.benefit-item__icon{width:45px;height:45px}.benefit-item__text{font-size:14px}.benefits-video-grid__video{width:45%}}@media (min-width: 768px) and (max-width: 991px){.benefit-item__text{font-size:16px}.benefit-item__icon{width:50px;height:50px}.benefits-video-grid__column{gap:25px}}@media (prefers-reduced-motion: no-preference){.benefit-item{opacity:0;transform:translateY(15px);animation:fadeInUp .5s ease forwards}.benefit-item:nth-child(1){animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefits-video-grid__video{opacity:0;transform:scale(.95);animation:fadeInScale .6s ease forwards;animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}}@media (prefers-reduced-motion: reduce){.benefit-item,.benefits-video-grid__video{opacity:1;transform:none;animation:none}}@media (hover: hover){.benefit-item{transition:transform .2s ease}.benefit-item:hover{transform:translate(5px)}.benefits-video-grid__column--left .benefit-item:hover{transform:translate(-5px)}.benefits-video-grid__video-element,.benefits-video-grid__video-poster{transition:transform .3s ease,box-shadow .3s ease}.benefits-video-grid__video:hover .benefits-video-grid__video-element,.benefits-video-grid__video:hover .benefits-video-grid__video-poster{transform:scale(1.03);box-shadow:0 8px 25px #0000004d}}.benefit-item__icon-fallback{width:100%;height:100%;color:var(--bvg-text-color)}.benefits-video-grid__video-placeholder{width:100%;aspect-ratio:1;border-radius:8px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--bvg-text-color);transition:background-color .3s ease,border-color .3s ease}.benefits-video-grid__video-placeholder:hover{background:#ffffff26;border-color:#ffffff80}.benefits-video-grid__placeholder-icon{width:60px;height:60px;color:inherit}.benefits-video-grid__placeholder-text{font-size:14px;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:.05em}
/*# sourceMappingURL=/cdn/shop/t/20/assets/benefits-video-grid.css.map */