.section-accordion-grid-padding{padding-top:var(--ag-pt-mobile);padding-bottom:var(--ag-pb-mobile)}@media screen and (min-width:750px){.section-accordion-grid-padding{padding-top:var(--ag-pt-desktop);padding-bottom:var(--ag-pb-desktop)}}.accordion-grid{display:block}.accordion-grid__container{width:100%;margin:0 auto;padding-inline:calc(16 * var(--content-ratio-m))}.accordion-grid__content{overflow:hidden}.accordion-grid__item-container{overflow:visible}.accordion-grid__item-main{display:flex;width:100%;height:100%;border-radius:calc(var(--ag-card-radius-mobile) * var(--content-ratio-m));overflow:hidden}.accordion-grid__item-wrapper{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;display:flex;align-items:flex-end;transform:none;transition-property:padding;transition-delay:.5s;transition-duration:1s;transition-timing-function:ease;color:var(--ag-text-color)}.accordion-grid__item{border-radius:calc(var(--ag-card-radius-mobile) * var(--content-ratio-m));overflow:hidden}.accordion-grid__item-media{width:100%;border-radius:inherit}.accordion-grid__item-place{position:relative;z-index:1;display:flex;gap:8px;flex-direction:column;text-align:var(--ag-text-align);min-width:65%;width:100%;opacity:1;color:#fff;transform:none;transition-property:opacity,transform;transition-delay:.2s;transition-duration:1s;transition-timing-function:ease}.accordion-grid__btn-icon{position:absolute;bottom:32px;right:24px;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#ff5b00;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;transition:all .3s}.accordion-grid__btn-icon svg{width:34px;height:34px}.accordion-grid__item-place .accordion-grid__item-heading{font-size:calc(28 * var(--content-ratio));font-style:normal;font-weight:500;line-height:normal;letter-spacing:.01em}.accordion-grid__item-place .accordion-grid__item-content{font-size:calc(16 * var(--content-ratio));font-style:normal;font-weight:400;line-height:140%;letter-spacing:.02em;opacity:.75;text-wrap:nowrap;transition:opacity .3s}.accordion-grid__item-box{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:auto;margin-bottom:0;justify-content:space-between;padding:var(--ag-padding-block) var(--ag-padding-inline);text-decoration:none;width:100%;overflow:hidden}.accordion-grid__item-box:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000052,#000);-webkit-mask-image:linear-gradient(180deg,#00000005,#000);mask-image:linear-gradient(180deg,#00000005,#000);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.accordion-grid__position-center .accordion-grid__item-box{align-items:center}.accordion-grid__position-right .accordion-grid__item-box{align-items:flex-end}.accordion-grid__item-content *:first-child{margin-top:0}.accordion-grid__item-content *:last-child{margin-bottom:0}.accordion-grid__item-title{color:var(--ag-text-color)}.accordion-grid__item-tag{color:var(--ag-tag-color);background:var(--ag-tag-gradient);background-color:rgba(var(--ag-tag-background, 255, 91, 0),.2);max-width:max-content;border-radius:999px;padding:8px 20px;transition:background ease .3s,background-color ease .3s,margin-inline ease .6s}.accordion-grid__item-media .ag-image-wrap,.accordion-grid__item-media .yg-image-box,.accordion-grid__item-media .yg-video-box{min-height:calc(var(--ag-height-mobile) * var(--content-ratio-m))}.accordion-grid__item-media .ag-image-wrap img{width:100%;height:100%;object-fit:cover}@media(max-width:1440px){.accordion-grid__item-place .accordion-grid__item-content{text-wrap:wrap}}@media(min-width:1025px){.accordion-grid__container{max-width:calc(var(--ag-content-width-desktop) * var(--content-ratio));padding-inline:0}.accordion-grid__item .accordion-grid__item-media{position:relative}.accordion-grid__item .accordion-grid__item-media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s ease;background:var(--ag-overlay-color);opacity:0}.accordion-grid__item.is-active .accordion-grid__item-media:after{opacity:var(--ag-overlay-opacity)}.accordion-grid__inner{display:flex;flex-wrap:nowrap;overflow:hidden;gap:calc(var(--ag-card-gap-desktop) * var(--content-ratio))}.accordion-grid__item{display:flex;position:relative;transition:flex .5s cubic-bezier(.29,0,.2,1);will-change:flex;overflow:hidden;height:auto;flex:1.5;border-radius:calc(var(--ag-card-radius-desktop) * var(--content-ratio))}.accordion-grid__item-main{border-radius:calc(var(--ag-card-radius-desktop) * var(--content-ratio))}.accordion-grid__item-media .ag-image-wrap,.accordion-grid__item-media .yg-image-box,.accordion-grid__item-media .yg-video-box{min-height:0;height:calc(var(--ag-height-desktop) * var(--content-ratio))}.accordion-grid__item.is-active{flex:var(--ag-blocks-count)}.accordion-grid__item:not(.is-active) .accordion-grid__item-place{transform:translateY(32px)}.accordion-grid__item:not(.is-active) .accordion-grid__item-place .accordion-grid__item-content,.accordion-grid__item:not(.is-active) .accordion-grid__btn-icon{opacity:0}.accordion-grid__item-tag{margin-inline:auto}.accordion-grid__item.is-active .accordion-grid__item-tag{background-color:rgba(var(--ag-tag-background, 255, 91, 0),1);margin-inline:0 auto}.accordion-grid__item.is-active .accordion-grid__position-center .accordion-grid__item-tag{margin-inline:auto}.accordion-grid__item.is-active .accordion-grid__position-right .accordion-grid__item-tag{margin-inline:auto 0}}@media(min-width:1680px){.accordion-grid__inner{max-height:calc(100vh - 240px)}}@media(max-width:1320px){.accordion-grid__item-place{width:80%}.accordion-grid__item-box{padding:var(--ag-padding-block) var(--ag-padding-inline)}}@media(max-width:1024px){.accordion-grid__inner{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ag-card-row-gap-mobile) * var(--content-ratio-m)) calc(var(--ag-card-column-gap-mobile) * var(--content-ratio-m))}.accordion-grid[data-mobile-layout=top1-bottom2] .accordion-grid__inner{grid-template-areas:"a a" "b c"}.accordion-grid[data-mobile-layout=top1-bottom2] .accordion-grid__item:nth-child(1){grid-area:a}.accordion-grid[data-mobile-layout=top1-bottom2] .accordion-grid__item:nth-child(2){grid-area:b}.accordion-grid[data-mobile-layout=top1-bottom2] .accordion-grid__item:nth-child(3){grid-area:c}.accordion-grid[data-mobile-layout=top1-bottom2] .accordion-grid__item:nth-child(n+4){grid-area:unset}.accordion-grid[data-mobile-layout=top2-bottom1] .accordion-grid__inner{grid-template-areas:"a b" "c c"}.accordion-grid[data-mobile-layout=top2-bottom1] .accordion-grid__item:nth-child(1){grid-area:a}.accordion-grid[data-mobile-layout=top2-bottom1] .accordion-grid__item:nth-child(2){grid-area:b}.accordion-grid[data-mobile-layout=top2-bottom1] .accordion-grid__item:nth-child(3){grid-area:c}.accordion-grid[data-mobile-layout=top2-bottom1] .accordion-grid__item:nth-child(n+4){grid-area:unset}.accordion-grid__inner:has(.accordion-grid__item:only-child){grid-template-columns:1fr;grid-template-areas:"a"}.accordion-grid__inner:has(.accordion-grid__item:nth-child(2)):not(:has(.accordion-grid__item:nth-child(3))){grid-template-columns:1fr 1fr;grid-template-areas:"a b"}.accordion-grid__item{display:block;position:relative;border-radius:calc(12 * var(--content-ratio-m));overflow:hidden;height:calc(var(--ag-height-mobile) * var(--content-ratio-m))}.accordion-grid__item-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.accordion-grid__item-media .ag-image-wrap,.accordion-grid__item-media .yg-image-box,.accordion-grid__item-media .yg-video-box,.accordion-grid__item-media img,.accordion-grid__item-media .yg-video-iframe-container,.accordion-grid__item-media .yg-video-iframe{width:100%;height:100%;object-fit:cover;display:block}.accordion-grid__item-box{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--ag-padding-block-mobile) var(--ag-padding-inline-mobile);justify-content:flex-end;text-decoration:none;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.accordion-grid__item-box:focus-visible{outline:2px solid #ff5b00;outline-offset:2px}.accordion-grid__item-wrapper{position:static;height:auto;display:block}.accordion-grid__item-place{transform:none;opacity:1;width:calc(100% + -0px);gap:calc(4 * var(--content-ratio-m))}.accordion-grid__item-place .accordion-grid__item-content{opacity:.8;text-wrap:wrap}.accordion-grid__item-place .accordion-grid__item-heading{font-size:calc(24 * var(--content-ratio-m))}.accordion-grid__item-place .accordion-grid__item-content{font-size:calc(14 * var(--content-ratio-m))}.accordion-grid__btn-icon{display:none}.accordion-grid__item-tag{position:absolute;top:calc(12 * var(--content-ratio-m));left:calc(12 * var(--content-ratio-m));border-radius:999px;padding:4px 16px;background-color:rgba(var(--ag-tag-background, 255, 91, 0),1)}}@media(prefers-reduced-motion:reduce){.accordion-grid__item-place,.accordion-grid__item-tag,.accordion-grid__btn-icon,.accordion-grid__item{transition:none}.accordion-grid__item:not(.is-active) .accordion-grid__item-place{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-accordion-grid.css.map */