.media-grid--item.has-link--true .media-grid--bg img,.media-grid--item.has-link--true .media-grid--bg video{transition:all 1s cubic-bezier(.104,.204,.492,1)}.media-grid--inner{padding:0 15px;max-width:1440px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.media-grid--inner{padding:0 50px}}.column-spacing--small,.column-spacing--medium{--gap: 10px}@media only screen and (min-width: 768px){.column-spacing--medium{--gap: 20px}}.column-spacing--large{--gap: 10px}@media only screen and (min-width: 768px){.column-spacing--large{--gap: 30px}}.media-grid--inner{display:grid;grid-auto-flow:dense;gap:var(--gap);width:100%;align-items:start;grid:auto-flow dense var(--mobile-height) / repeat(2,minmax(0,1fr))}@media only screen and (min-width: 768px){.media-grid--inner{grid:auto-flow dense var(--desktop-height) / repeat(4,minmax(0,1fr))}}@media only screen and (max-width: 767px){.media-grid--inner.swipe-on-mobile{grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));scroll-snap-type:x mandatory;grid-template-rows:var(--desktop-height)}.media-grid--inner.swipe-on-mobile .media-grid--item{scroll-snap-align:center;grid-area:auto}}.media-grid--inner-full-width-row-full{padding:0;max-width:none;margin:0}.media-grid--inner-full-width-row{max-width:none}.media-grid--item{background:var(--color-bg-gradient, var(--bg-body, #fff));color:var(--color-body);overflow:hidden;padding:20px;width:100%;height:100%;position:relative;display:flex;grid-area:span var(--row-span) / span var(--column-span--mobile)}@media only screen and (min-width: 768px){.media-grid--item{padding:30px;grid-area:span var(--row-span) / span var(--column-span)}}.media-grid--item>*:last-child{margin-bottom:0}.media-grid--item.content-top-left{justify-content:flex-start;align-items:flex-start}.media-grid--item.content-top-center{justify-content:center;align-items:flex-start}.media-grid--item.content-top-right{justify-content:flex-end;align-items:flex-start}.media-grid--item.content-middle-left{justify-content:flex-start;align-items:center}.media-grid--item.content-middle-center{justify-content:center;align-items:center}.media-grid--item.content-middle-right{justify-content:flex-end;align-items:center}.media-grid--item.content-bottom-left{justify-content:flex-start;align-items:flex-end}.media-grid--item.content-bottom-center{justify-content:center;align-items:flex-end}.media-grid--item.content-bottom-right{justify-content:flex-end;align-items:flex-end}.media-grid--item.has-link--true:hover .media-grid--bg img,.media-grid--item.has-link--true:hover .media-grid--bg video{transform:scale(1.07)}.media-grid--item.has-link--true .text-button{position:relative;z-index:22}.media-grid--item .text-button{margin-right:0}.media-grid--item .badge{position:absolute;left:8px;top:8px;z-index:15}@media only screen and (min-width: 768px){.media-grid--item .badge{left:16px;top:16px}}.media-grid--heading{color:var(--color-body);margin-bottom:5px}.media-grid--link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21}.media-grid--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.media-grid--bg img,.media-grid--bg video{width:100%;height:100%;object-fit:cover;pointer-events:none}.media-grid--bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.media-grid--content{z-index:2}.media-grid--content>*:last-child{margin-bottom:0}.badge-grid{display:flex;flex-direction:column;gap:12px;margin:45px 0}.badge-item{display:flex;align-items:center;gap:8px;background-color:#fff;color:var( --badge-text-color, #333333 );padding:4px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000026;transition:all .3s ease;max-width:280px;border:1px solid #e0e0e0;align-self:flex-start}.badge-item:nth-child(odd){align-self:flex-start}.badge-item:nth-child(2n){align-self:flex-end}.badge-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#91b726;color:#fff;border-radius:50%;width:24px;height:24px}.badge-icon svg{width:16px;height:16px}.badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}@media only screen and (max-width: 767px){.badge-grid{gap:10px;margin:16px 0}.badge-item{padding:4px;font-size:12px;border-radius:16px;max-width:220px;gap:6px}.badge-icon{width:18px;height:18px}.badge-icon svg{width:10px;height:10px}}@media only screen and (min-width: 1024px){.badge-grid.single-row{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin-left:auto;margin-right:auto}.badge-grid.single-row .badge-item{align-self:center}.badge-grid.single-row .badge-item:nth-child(odd),.badge-grid.single-row .badge-item:nth-child(2n){align-self:center}}.arrow-list{display:flex;flex-direction:column;gap:8px;margin:20px 0;align-items:flex-start}.arrow-item{display:flex;align-items:center;gap:10px;color:var(--arrow-text-color, #333333);font-size:14px;font-weight:400;line-height:1.4;transition:all .2s ease}.arrow-item:hover{transform:translate(2px)}.arrow-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;color:#91b726;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e0e0e0}.arrow-icon svg{width:12px;height:12px}.arrow-text{flex:1;min-width:0;word-wrap:break-word}@media only screen and (max-width: 767px){.arrow-list{gap:6px;margin:16px 0}.arrow-item{font-size:13px;gap:8px}.arrow-icon{width:18px;height:18px}.arrow-icon svg{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/media-grid.css.map */