.media-grid-advanced{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);width:100%}.media-grid-advanced__header{text-align:center;margin-bottom:30px;padding:0 var(--side-padding-desktop);display:flex;flex-direction:column;align-items:center;gap:8px}.media-grid-advanced__section-heading{font-size:var(--section-heading-size-desktop);color:var(--section-heading-color);font-weight:700;margin:0;line-height:1.2}.media-grid-advanced__section-subtitle{font-size:var(--section-subtitle-size-desktop);color:var(--section-subtitle-color);font-weight:400;margin:0;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.media-grid-advanced__container{max-width:var(--section-max-width);margin:0 auto;padding:0 var(--side-padding-desktop);display:flex;gap:var(--grid-gap);height:var(--grid-height-desktop)}.media-grid-advanced__left-col{flex:0 0 var(--left-column-width);max-width:var(--left-column-width);height:100%}.media-grid-advanced__item--left{height:100%}.media-grid-advanced__right-col{flex:1;display:flex;flex-direction:column;gap:var(--grid-gap);height:100%}.media-grid-advanced__right-row{flex:1;display:flex;gap:var(--grid-gap);min-height:0}.media-grid-advanced__item--small{flex:1;min-width:0}.media-grid-advanced__item-inner{position:relative;width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden}.media-grid-advanced__image{width:100%;height:100%;object-fit:cover;display:block}.media-grid-advanced__placeholder{width:100%;height:100%;object-fit:cover}.media-grid-advanced__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none;z-index:1}.media-grid-advanced__content{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center}.media-grid-advanced__content--top-left{top:0;left:0;align-items:flex-start;text-align:left}.media-grid-advanced__content--top-center{top:0;left:50%;transform:translate(-50%)}.media-grid-advanced__content--top-right{top:0;right:0;align-items:flex-end;text-align:right}.media-grid-advanced__content--center-left{top:50%;left:0;transform:translateY(-50%);align-items:flex-start;text-align:left}.media-grid-advanced__content--center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.media-grid-advanced__content--center-right{top:50%;right:0;transform:translateY(-50%);align-items:flex-end;text-align:right}.media-grid-advanced__content--bottom-left{bottom:0;left:0;align-items:flex-start;text-align:left}.media-grid-advanced__content--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.media-grid-advanced__content--bottom-right{bottom:0;right:0;align-items:flex-end;text-align:right}.media-grid-advanced__subheading{font-size:var(--subheading-size-desktop);color:var(--heading-color);margin:0;letter-spacing:.12em;text-transform:uppercase;font-weight:400;opacity:.9}.media-grid-advanced__heading{font-size:var(--heading-size-desktop);color:var(--heading-color);margin:0;font-weight:600;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.15)}.media-grid-advanced__button{display:inline-block;background-color:var(--button-bg);color:var(--button-text);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--button-font-size-desktop);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--button-border-radius);transition:background-color .3s ease,color .3s ease,transform .2s ease;cursor:pointer;border:none;white-space:nowrap}.media-grid-advanced__button:hover{background-color:var(--button-bg-hover);color:var(--button-text-hover);transform:translateY(-1px)}.media-grid-advanced__mobile{display:none;position:relative}.media-grid-advanced__slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--side-padding-mobile);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--grid-gap);padding:0}.media-grid-advanced__slider::-webkit-scrollbar{display:none}.media-grid-advanced__slide:first-child{padding-left:var(--side-padding-mobile)}.media-grid-advanced__slide:first-child .media-grid-advanced__item-inner{margin-left:auto}.media-grid-advanced__slide:last-child{padding-right:var(--side-padding-mobile)}.media-grid-advanced__slide{flex:0 0 78%;scroll-snap-align:start;min-width:0;aspect-ratio:3 / 4}.media-grid-advanced__slide .media-grid-advanced__item-inner{height:100%}.media-grid-advanced__dots{display:flex;justify-content:center;gap:8px;margin-top:16px;padding:0 var(--side-padding-mobile)}.media-grid-advanced__dot{width:8px;height:8px;border-radius:50%;border:none;background-color:#ccc;cursor:pointer;padding:0;transition:background-color .3s ease,transform .2s ease}.media-grid-advanced__dot--active{background-color:#333;transform:scale(1.25)}.media-grid-advanced__arrows{display:flex;justify-content:center;gap:16px;margin-top:12px}.media-grid-advanced__arrow{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;color:#333;padding:0}.media-grid-advanced__arrow:hover{background-color:#f5f5f5;border-color:#999}.media-grid-advanced__desktop{display:block}@media screen and (max-width:749px){.media-grid-advanced__desktop{display:none}.media-grid-advanced__mobile{display:block}.media-grid-advanced__section-heading{font-size:var(--section-heading-size-mobile)}.media-grid-advanced__section-subtitle{font-size:var(--section-subtitle-size-mobile)}.media-grid-advanced__heading{font-size:var(--heading-size-mobile)}.media-grid-advanced__subheading{font-size:var(--subheading-size-mobile)}.media-grid-advanced__button{font-size:var(--button-font-size-mobile)}.media-grid-advanced__header{margin-bottom:20px}}@media screen and (min-width:750px)and (max-width:989px){.media-grid-advanced__container{height:calc(var(--grid-height-desktop) * .75)}.media-grid-advanced__heading{font-size:calc(var(--heading-size-desktop) * .85)}.media-grid-advanced__content{padding:15px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/media-grid-advanced.css.map */