:root{--opk-layout-main: 1680px;--opk-layout-md: 1396px;--opk-layout-second: 1150px}.opk-categories-grid,.opk-categories-grid__wrapper{width:100%}.opk-categories-grid{overflow:hidden}.opk-categories-grid__wrapper{max-width:1680px;max-width:var(--opk-layout-main);margin:0 auto}.opk-categories-grid__header{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.opk-categories-grid__header{margin-bottom:40px}}@media screen and (max-width: 767px){.opk-categories-grid__header{margin-bottom:30px}}.opk-categories-grid__title,.opk-categories-grid__link,.opk-categories-grid__category .category__title{font-family:var(--type-header-primary)}.opk-categories-grid__title{font-weight:600;line-height:1;text-transform:uppercase}@media screen and (max-width: 1023px){.opk-categories-grid__title{width:100%;text-align:center}}@media screen and (min-width: 768px){.opk-categories-grid__title{font-size:48px}}@media screen and (max-width: 767px){.opk-categories-grid__title{font-size:38px}}.opk-categories-grid__link{align-items:center;gap:10px;height:48px;font-weight:400;line-height:1;background-size:0% 2px;background-position:0 80%;background-repeat:no-repeat;transition:background-size .3s}.opk-categories-grid__link:hover{background-size:100% 2px}.opk-categories-grid__link svg{width:16px;height:16px}@media screen and (min-width: 1024px){.opk-categories-grid__link.desktop{display:flex}.opk-categories-grid__link.mobile{display:none}}@media screen and (max-width: 1023px){.opk-categories-grid__link{grid-template-columns:1fr}.opk-categories-grid__link.desktop{display:none}.opk-categories-grid__link.mobile{display:flex;width:-moz-fit-content;width:fit-content;margin:30px auto 0}}@media screen and (min-width: 768px){.opk-categories-grid__link{font-size:20px}}@media screen and (max-width: 767px){.opk-categories-grid__link{font-size:18px}}.opk-categories-grid__grid{display:grid}@media screen and (min-width: 1024px){.opk-categories-grid__grid{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 1023px){.opk-categories-grid__grid{grid-template-columns:1fr}.opk-categories-grid__grid .opk-categories-grid__category{grid-column:span 1 !important;grid-row:span 1 !important}}@media screen and (min-width: 768px){.opk-categories-grid__grid{grid-auto-rows:280px 300px;grid-gap:20px}}@media screen and (max-width: 767px){.opk-categories-grid__grid{grid-auto-rows:160px;grid-gap:8px}}.opk-categories-grid__category{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.opk-categories-grid__category:hover .category__overlay{opacity:0}.opk-categories-grid__category:hover .category__overlay-hover{opacity:1}.opk-categories-grid__category .category__bg-image,.opk-categories-grid__category .category__overlay,.opk-categories-grid__category .category__overlay-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.opk-categories-grid__category .category__bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.opk-categories-grid__category .category__overlay,.opk-categories-grid__category .category__overlay-hover{transition:all .5s}.opk-categories-grid__category .category__overlay{z-index:1}.opk-categories-grid__category .category__overlay-hover{z-index:2;opacity:0}.opk-categories-grid__category .category__title,.opk-categories-grid__category .category__products-count{position:relative;z-index:3}.opk-categories-grid__category .category__title{font-weight:700;line-height:1}.opk-categories-grid__category .category__products-count{margin-top:10px;font-size:16px;font-weight:200;line-height:1;letter-spacing:.25px}@media screen and (min-width: 768px){.opk-categories-grid__category{padding:40px}.opk-categories-grid__category .category__title{font-size:32px}}@media screen and (max-width: 767px){.opk-categories-grid__category{padding:20px}.opk-categories-grid__category .category__title{font-size:26px}}