.custom-categories{padding-top:var(--section-padding-top, 50px);padding-bottom:var(--section-padding-bottom, 0px)}.custom-categories__header{display:flex;align-items:flex-start;gap:calc(4rem * var(--okko-spacing-scale));padding-bottom:calc(4rem * var(--okko-spacing-scale))}.custom-categories__heading-wrap{flex:0 0 55%}.custom-categories__heading{margin:0}.custom-categories__desc-wrap{flex:1;padding-top:calc(.4rem * var(--okko-spacing-scale))}.custom-categories__outer{width:100%;overflow:hidden}.custom-categories__swiper{width:100%;overflow:visible!important}@media screen and (min-width:1024px){.custom-categories__swiper .swiper-wrapper{display:flex!important;transform:none!important;width:100%!important;flex-wrap:nowrap}.custom-categories__swiper .swiper-slide{flex:1 1 0%!important;width:auto!important}}@media screen and (max-width:1023px){.custom-categories__swiper{overflow:hidden!important}}.custom-categories__card{position:relative;isolation:isolate}.custom-categories__card:hover{z-index:2}.custom-categories__card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.custom-categories__card-shape{position:relative;min-height:250px;height:100%;background-color:var(--color-background);transform:skew(-15deg);width:calc(100% + 3rem);margin-left:calc(-1.5rem * var(--okko-spacing-scale));padding-top:calc(3rem * var(--okko-spacing-scale))}.custom-categories__card-shape:before{content:"";position:absolute;top:0;right:0;bottom:0;left:3rem;background-color:transparent;transition:background-color .28s ease;z-index:0}.custom-categories__card:hover .custom-categories__card-shape:before{background-color:var(--color-base-background-2, rgba(0, 0, 0, .32))}.custom-categories__card:not(:last-child) .custom-categories__card-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#ffffffa6;z-index:1}.custom-categories__card-content{position:relative;z-index:1;transform:skew(15deg)!important;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(3.6rem * var(--okko-spacing-scale)) calc(2rem * var(--okko-spacing-scale)) calc(3.6rem * var(--okko-spacing-scale))}.custom-categories__icon{flex:1;display:flex;align-items:center;justify-content:center;margin-left:calc(10px * var(--okko-spacing-scale))}.custom-categories__icon-img{width:96px;height:96px;object-fit:contain;display:block;filter:brightness(0) invert(1)}.custom-categories__icon-placeholder{width:80px;height:80px;opacity:.8}.custom-categories__card-title{text-align:center;padding-top:calc(5rem * var(--okko-spacing-scale));padding-bottom:0}@media screen and (min-width:1520px){.custom-categories__card:first-child .custom-categories__card-shape{--first-card-inset: 2rem;margin-left:var(--first-card-inset);width:calc(100% + 1.5rem - var(--first-card-inset));box-shadow:inset 2px 0 #ffffffa6}.custom-categories__card:first-child .custom-categories__card-content{padding-right:calc(4rem * var(--okko-spacing-scale))}.custom-categories__card:last-child .custom-categories__card-shape{box-shadow:inset -2px 0 #ffffffa6}.custom-categories__card:first-child .custom-categories__card-shape:before{left:0}.custom-categories__card:last-child .custom-categories__card-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#ffffffa6;z-index:1}}@media screen and (max-width:1023px){.custom-categories__header{gap:calc(2rem * var(--okko-spacing-scale))}.custom-categories__heading-wrap{flex:0 0 50%}.custom-categories__card-shape{min-height:250px}.custom-categories__card-content{padding:calc(2.8rem * var(--okko-spacing-scale)) calc(1.4rem * var(--okko-spacing-scale)) calc(2.2rem * var(--okko-spacing-scale))}.custom-categories__icon-img{width:76px;height:76px;margin-left:calc(10px * var(--okko-spacing-scale))}}@media screen and (max-width:767px){.custom-categories__header{flex-direction:column;gap:calc(1rem * var(--okko-spacing-scale));padding-bottom:calc(2rem * var(--okko-spacing-scale))}.custom-categories__heading-wrap{flex:none;width:100%}.custom-categories__swiper{overflow:hidden!important}.custom-categories__card-shape:before{left:3rem}.custom-categories__card-content{transform:skew(5deg);padding:calc(2.4rem * var(--okko-spacing-scale)) calc(1.6rem * var(--okko-spacing-scale)) calc(2rem * var(--okko-spacing-scale))}.custom-categories__card:not(:last-child) .custom-categories__card-shape:after{display:block}.custom-categories__icon-img{width:76px;height:76px;margin-left:calc(10px * var(--okko-spacing-scale))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-categories-grid.css.map */