.video-banner-cards{width:100%;max-width:100%}.video-banner-cards__layout{display:flex;width:100%;gap:1rem;align-items:stretch;min-width:0}.video-banner-cards__big-wrap{flex:1;min-width:0;display:flex}.video-banner-cards__big{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius-cards, 8px);overflow:hidden;min-height:0}.video-banner-cards__big-slide{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.video-banner-cards__big-slide:not(.is-active){visibility:hidden;pointer-events:none}.video-banner-cards__big-slide[hidden]{display:block!important}.video-banner-cards__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,var(--color-background-secondary, #eee) 0%,var(--color-background, #f5f5f5) 50%,var(--color-background-secondary, #eee) 100%);background-size:200% 100%;animation:video-banner-cards-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:inherit;transition:opacity .25s ease,visibility .25s ease}.video-banner-cards__skeleton--big,.video-banner-cards__skeleton--small{border-radius:var(--border-radius-cards, 8px)}@keyframes video-banner-cards-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-banner-cards__big-slide.is-loaded .video-banner-cards__skeleton,.video-banner-cards__small.is-loaded .video-banner-cards__skeleton{opacity:0;visibility:hidden;pointer-events:none}.video-banner-cards__small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;flex:2;min-width:0;aspect-ratio:3 / 2;align-content:stretch}.video-banner-cards__small{position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:0;margin:0;border:2px solid transparent;border-radius:var(--border-radius-cards, 8px);overflow:hidden;cursor:pointer;background:none;font:inherit;color:inherit;text-align:left;aspect-ratio:1 / 1;transition:border-color .2s ease,box-shadow .2s ease}.video-banner-cards__small:hover{border-color:#0003}.video-banner-cards__small.is-active{border-color:var(--color-accent, #000);box-shadow:0 0 0 2px var(--color-accent, #000)}.video-banner-cards__small .video-banner-cards__cell-inner,.video-banner-cards__big-slide .video-banner-cards__cell-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end}.video-banner-cards__thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:none}.video-banner-cards__small .video-banner-cards__thumb{display:block}.video-banner-cards__thumb .lazy-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding-top:0!important;margin:0}.video-banner-cards__thumb .lazy-image img,.video-banner-cards__thumb .video-banner-cards__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner-cards__thumb .video-banner-cards__placeholder{display:block;background:linear-gradient(135deg,#2c2c3a,#4a3d5c)}.video-banner-cards__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-banner-cards__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-banner-cards__video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-banner-cards__fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.video-banner-cards__fallback--small .video-banner-cards__fallback-image,.video-banner-cards__fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.video-banner-cards__fallback-image img,.video-banner-cards__fallback-image .lazy-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner-cards__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2c2c3a,#4a3d5c)}.video-banner-cards__overlay{position:relative;z-index:1;padding:.75rem 1rem}.video-banner-cards__overlay--big{padding:1rem}.video-banner-cards__overlay .video-banner-cards__card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:10px;box-shadow:0 2px 16px #0000001f;width:100%;max-width:100%;box-sizing:border-box}.video-banner-cards__overlay--small .video-banner-cards__card{padding:.4rem .5rem;gap:.4rem}.video-banner-cards__card-image{flex-shrink:0;width:56px;height:56px;border-radius:6px;overflow:hidden;display:block}.video-banner-cards__card--small .video-banner-cards__card-image{width:44px;height:44px}.video-banner-cards__card-image .lazy-image,.video-banner-cards__card-image .video-banner-cards__card-img{width:100%;height:100%;display:block}.video-banner-cards__card-image .lazy-image img,.video-banner-cards__card-image .video-banner-cards__card-img svg{width:100%;height:100%;object-fit:contain}.video-banner-cards__card-body{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem}.video-banner-cards__card--small .video-banner-cards__card-body{flex-direction:column;align-items:flex-start;gap:.15rem}.video-banner-cards__card-title{flex:1;font-weight:600;font-size:.8125rem;color:var(--color-text-main, #1a1a1a);text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-banner-cards__card--small .video-banner-cards__card-title{font-size:.7rem;-webkit-line-clamp:2}.video-banner-cards__card-title:hover{color:var(--color-text-main, #1a1a1a);text-decoration:underline}.video-banner-cards__small .video-banner-cards__card-title{pointer-events:none;cursor:default}.video-banner-cards__card-price{flex-shrink:0;font-weight:700;font-size:.875rem;color:var(--color-text-main, #1a1a1a)}.video-banner-cards__card--small .video-banner-cards__card-price{font-size:.75rem}.video-banner-cards__card-price-unit{font-weight:400;font-size:.75em;opacity:.9}.video-banner-cards__card-price .product-price--compare{display:block;font-size:.8125rem;font-weight:400;opacity:.8}.video-banner-cards__card-actions{flex-shrink:0}.video-banner-cards__card-add{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:40px}.video-banner-cards__card-add svg{width:22px;height:22px;margin:0!important;display:block;flex-shrink:0}.video-banner-cards__card-add path,.video-banner-cards__card-add svg{stroke:#fff!important}.video-banner-cards__card-add path[fill],.video-banner-cards__card-add path[fill=white]{fill:#fff!important}.video-banner-cards__card-add:hover path,.video-banner-cards__card-add:hover svg{stroke:#fff!important}.video-banner-cards__card-add:hover path[fill],.video-banner-cards__card-add:hover path[fill=white]{fill:#fff!important}.video-banner-cards__placeholder-wrap{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#e8e8ec,#d8d0e0);border:2px dashed rgba(0,0,0,.2);border-radius:var(--border-radius-cards, 8px)}.video-banner-cards__placeholder-text{margin:0 0 .5rem;font-weight:700;font-size:1.125rem;color:var(--color-text-main, #1a1a1a)}.video-banner-cards__placeholder-hint{margin:0;font-size:.875rem;color:var(--color-text-main, #1a1a1a);opacity:.7;text-align:center}.video-banner-cards__video-wrap.video-fallback-visible .video-banner-cards__video{opacity:0;pointer-events:none}.video-banner-cards__video-wrap.video-fallback-visible .video-banner-cards__fallback{z-index:1}@media screen and (max-width:767px){.video-banner-cards__layout{flex-direction:column;align-items:stretch}.video-banner-cards__big-wrap{flex:none;width:100%}.video-banner-cards__small-grid{flex:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:2 / 3}.video-banner-cards__small .video-banner-cards__cell-inner{position:absolute;top:0;right:0;bottom:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-video-banner-product-cards.css.map */