.collection-panels__heading{margin-bottom:var(--space-6);text-align:center}.collection-panels{display:flex;flex-wrap:wrap;overflow:hidden;width:100%}@media screen and (max-width:989px){.collection-panels{min-height:unset}}.collection-panels>*{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100%}.collection-panels>div:hover .header__menu-item .top-text{transform:translateY(-100%)}.collection-panels>div:hover .header__menu-item .bottom-text{transform:translateY(-100%)}.collection-panel-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;overflow:hidden}.collection-panel-card__media{position:relative;z-index:0;width:100%;height:auto;display:flex}.collection-panel-card__media img{width:100%;height:auto;object-fit:contain;object-position:top}.collection-panel-card__media video{width:100%;height:auto;object-fit:contain;object-position:top}.collection-panel-card__video{width:100%;height:auto;display:flex}.collection-panel-card__video-wrap{position:relative;width:100%;z-index:0}.collection-panel-card__video--mobile{display:none}.collection-panel-card__video--fallback{display:flex}.collection-panel-card__poster{width:100%;height:auto;display:block}.collection-panel-card__video-element{width:100%;height:auto;object-fit:contain;object-position:top;display:block;background:transparent}.collection-panel-card__video-wrap .collection-panel-card__poster{position:relative;z-index:0}.collection-panel-card__video-wrap .collection-panel-card__video-element{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.collection-panel-card__video-wrap[data-video-ready="0"] .collection-panel-card__video-element{opacity:0}.collection-panel-card__video-wrap[data-video-ready="1"] .collection-panel-card__video-element{opacity:1}.collection-panel-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:3;pointer-events:none;transition:background .35s ease}.collection-panel-card__text{width:min(100% - 3.2rem,64rem);padding:var(--space-6);text-align:center;z-index:4;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:var(--space-2);transition:opacity .35s ease,transform .35s ease}.collection-panel-card__text .list-menu__item{margin-top:2rem}.collection-panel-card__text .font-description{color:rgb(var(--color-background));max-width:42rem;text-wrap:balance}.collection-panel-card__text .title{margin-bottom:0;text-wrap:balance}[data-info-position=bottom] .collection-panel-card__text{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:var(--space-8)}[data-info-position=top] .collection-panel-card__text{position:absolute;top:0;left:50%;transform:translate(-50%);margin-top:var(--space-8)}[data-info-position=center] .collection-panel-card__text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}[data-info-position=left] .collection-panel-card__text{position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:left;margin-left:var(--space-8);align-items:flex-start}[data-info-position=right] .collection-panel-card__text{position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:right;margin-right:var(--space-8);align-items:flex-end}.collection-panel-card__text .title,.collection-panel-card__text .menu-text{color:rgb(var(--color-background))}.collection-panel-card__text .line{opacity:100%;margin-top:var(--space-2)}.collection-panel-card[data-content-visibility=hover] .collection-panel-card__overlay{background:#00000014}.collection-panel-card[data-content-visibility=hover] .collection-panel-card__text{opacity:0}.collection-panel-card[data-content-visibility=hover][data-info-position=bottom] .collection-panel-card__text{transform:translate(-50%,1.2rem)}.collection-panel-card[data-content-visibility=hover][data-info-position=top] .collection-panel-card__text{transform:translate(-50%,-1.2rem)}.collection-panel-card[data-content-visibility=hover][data-info-position=center] .collection-panel-card__text{transform:translate(-50%,calc(-50% + 1rem))}.collection-panel-card[data-content-visibility=hover][data-info-position=left] .collection-panel-card__text{transform:translate(-1rem,-50%)}.collection-panel-card[data-content-visibility=hover][data-info-position=right] .collection-panel-card__text{transform:translate(1rem,-50%)}@media(hover:hover){.collection-panel-card[data-content-visibility=hover]:hover .collection-panel-card__overlay{background:#0000004d}.collection-panel-card[data-content-visibility=hover]:hover .collection-panel-card__text{opacity:1}.collection-panel-card[data-content-visibility=hover][data-info-position=bottom]:hover .collection-panel-card__text,.collection-panel-card[data-content-visibility=hover][data-info-position=top]:hover .collection-panel-card__text{transform:translate(-50%)}.collection-panel-card[data-content-visibility=hover][data-info-position=center]:hover .collection-panel-card__text{transform:translate(-50%,-50%)}.collection-panel-card[data-content-visibility=hover][data-info-position=left]:hover .collection-panel-card__text,.collection-panel-card[data-content-visibility=hover][data-info-position=right]:hover .collection-panel-card__text{transform:translateY(-50%)}}@media(hover:none){.collection-panel-card[data-content-visibility=hover] .collection-panel-card__overlay{background:#0000004d}.collection-panel-card[data-content-visibility=hover] .collection-panel-card__text{opacity:1}}.collection-panels--1-col>*{width:100%}.collection-panels--2-col>*{width:50%}.collection-panels--3-col>*{width:calc(100% / 3)}.collection-panels--4-col>*{width:25%}@media screen and (max-width:989px){.collection-panels>*{width:100%;height:calc(var(--vh) / 2 - var(--menu-height-desktop) / 2)}.collection-panel-card__text{width:min(100% - 2.4rem,52rem);padding:var(--space-4)}.collection-panel-card__text .font-description{max-width:34rem}.collection-panel-card__video--mobile{display:flex}.collection-panel-card__video--desktop:not(.collection-panel-card__video--fallback){display:none}}@media screen and (max-width:749px){.collection-panels>*{width:100%;height:calc(var(--vh) / 2 - var(--menu-height-mobile) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-panels.css.map */