section.okd-collection-intro{padding:2.4rem 0!important;position:relative}section.okd-collection-intro .wrap_inner{max-width:1920px}section.okd-collection-intro .collection-intro__wrap{display:flex;flex-direction:row;align-items:stretch}section.okd-collection-intro .collection-intro__text{width:100%;padding:6rem 6rem 6rem 0;z-index:2;font-size:1.7rem;font-weight:500;line-height:1.6}section.okd-collection-intro .collection-intro__text *{max-width:85rem}section.okd-collection-intro .collection-intro__text h1{font-size:4.4rem;color:#3c3c33}section.okd-collection-intro .collection-intro__visual{width:calc((20% - 1.92rem)*2 + 2.4rem);flex:0 0 auto}section.okd-collection-intro .collection-intro__visual>img:not(.wave),section.okd-collection-intro .collection-intro__visual>svg:not(.wave),section.okd-collection-intro .collection-intro__visual>picture,section.okd-collection-intro .collection-intro__visual>video{display:block;width:100%;height:100%;max-height:48rem;object-fit:cover;position:relative;z-index:2}section.okd-collection-intro .collection-intro__visual svg.wave{display:block;width:50%;height:auto;position:absolute;transform:rotate(180deg);top:0;right:0;z-index:1}section.okd-collection-intro .collection-intro__tiles{margin-top:2.4rem;position:relative}section.okd-collection-intro .collection-intro__tiles .tile{display:block;width:calc(20% - 1.92rem);padding:.8rem .8rem 0;position:relative;border:1px solid #d9d9d9;transition:all .2s}section.okd-collection-intro .collection-intro__tiles .tile:not(:last-child){margin-right:2.4rem}section.okd-collection-intro .collection-intro__tiles .tile>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}section.okd-collection-intro .collection-intro__tiles .tile .tile__visual{height:0;padding-bottom:56.25%;position:relative;background:#f6f6f0;overflow:hidden}section.okd-collection-intro .collection-intro__tiles .tile .tile__visual>img,section.okd-collection-intro .collection-intro__tiles .tile .tile__visual>svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:all .2s}section.okd-collection-intro .collection-intro__tiles .tile h4{font-size:1.7rem;font-weight:500;margin:1.6rem 0}section.okd-collection-intro .collection-intro__tiles .tile:hover{border-color:#909078}section.okd-collection-intro .collection-intro__tiles .tile:hover .tile_visual>img,section.okd-collection-intro .collection-intro__tiles .tile:hover .tile_visual>svg{transform:scale(1.02)}section.okd-collection-intro .collection-intro__tiles .flickity-button{display:block;width:4.5rem;height:4.5rem;padding:0;position:absolute;top:50%;border-radius:50%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>') no-repeat center center #909078;background-size:auto 20px;transform:translateY(-50%)}section.okd-collection-intro .collection-intro__tiles .flickity-button>img,section.okd-collection-intro .collection-intro__tiles .flickity-button>svg{display:none}section.okd-collection-intro .collection-intro__tiles .flickity-button.previous{left:-2.25rem;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>')}section.okd-collection-intro .collection-intro__tiles .flickity-button.next{right:-2.25rem}section.okd-collection-intro .collection-intro__tiles .flickity-button[disabled]{display:none}@media only screen and (max-width:1600px){section.okd-collection-intro .collection-intro__tiles .tile{width:calc(20% - (.8rem * 4 / 5))}section.okd-collection-intro .collection-intro__tiles .tile:not(:last-child){margin-right:.8rem}}@media only screen and (max-width:1024px){section.okd-collection-intro .collection-intro__tiles .tile{width:calc(33.33% - (.8rem * 2 / 3))}}@media only screen and (max-width:782px){section.okd-collection-intro .collection-intro__wrap{flex-direction:column-reverse}section.okd-collection-intro .collection-intro__text{padding:4.8rem 0}section.okd-collection-intro .collection-intro__text h1{font-size:3.6rem}section.okd-collection-intro .collection-intro__visual{width:100%}section.okd-collection-intro .collection-intro__visual svg.wave{width:100%}section.okd-collection-intro .collection-intro__tiles{margin-top:0}}@media only screen and (max-width:550px){section.okd-collection-intro .collection-intro__tiles .tile{width:55%}section.okd-collection-intro .collection-intro__tiles .flickity-button{display:none}}.product-grid-container{margin:0 auto 8rem!important;max-width:calc(1920px - 10rem)}@media only screen and (max-width:990px){.product-grid-container{margin:0 auto 5rem!important}}#main-collection-filters{max-width:calc(1920px - 10rem);margin-left:auto;margin-right:auto}section.okd-collection-intro .collection-intro__tiles .tile .tile__visual .tile__ai-badge{position:absolute;top:8px;right:auto;bottom:auto;left:8px;z-index:3;display:inline-block;width:max-content;max-width:calc(100% - 16px);margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;color:#fff;font-size:8px;font-weight:400;line-height:1.2;text-align:left;white-space:normal;pointer-events:none}section.okd-collection-intro .collection-intro__tiles .tile .tile__visual .tile__ai-badge span{color:inherit}@media only screen and (max-width:550px){section.okd-collection-intro .collection-intro__tiles .tile .tile__visual .tile__ai-badge{top:6px;left:6px;max-width:calc(100% - 12px);font-size:7px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-okd-collection-intro.css.map */