.opk-category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:330px;padding:24px;overflow:hidden}@media screen and (min-width: 750px){.opk-category-card{gap:12px;padding:24px}}@media screen and (max-width: 749px){.opk-category-card{gap:10px;padding:16px}}.opk-category-card .opk-category-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.opk-category-card .opk-category-card__media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opk-category-card .opk-category-card__image,.opk-category-card .placeholder-svg{position:absolute;max-width:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.opk-category-card .opk-category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000;background:var(--overlay-color, #000000);opacity:0.25;opacity:var(--overlay-opacity, 25%)}.opk-category-card .opk-category-card__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:inherit;width:100%;max-width:347px;text-align:center;z-index:2;pointer-events:none}.opk-category-card .opk-category-card__content .button{pointer-events:auto}.opk-category-card .opk-category-card__title{width:100%;margin:0;font-family:var(--opk-font-heading);font-weight:400;text-align:center;text-transform:uppercase;word-break:break-word;color:#fff}@media screen and (min-width: 1200px){.opk-category-card .opk-category-card__title{font-size:24px;line-height:24px}}@media screen and (max-width: 1199px){.opk-category-card .opk-category-card__title{font-size:21px;line-height:21px}}.opk-list-main-collection .opk-list-main-collection__inner{display:flex;flex-direction:column;max-width:calc(var(--page-width) + var(--gl-indent)*2);margin:0 auto;padding-left:var(--gl-indent);padding-right:var(--gl-indent)}@media screen and (min-width: 750px){.opk-list-main-collection .opk-list-main-collection__inner{gap:64px}}@media screen and (max-width: 749px){.opk-list-main-collection .opk-list-main-collection__inner{gap:48px}}.opk-list-main-collection .opk-list-main-collection__content{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 750px){.opk-list-main-collection .opk-list-main-collection__content{gap:36px}}@media screen and (max-width: 749px){.opk-list-main-collection .opk-list-main-collection__content{gap:16px}}.opk-list-main-collection .opk-list-main-collection__heading{margin:0;width:100%;font-family:var(--opk-font-heading);font-weight:400;color:#262626}@media screen and (min-width: 1440px){.opk-list-main-collection .opk-list-main-collection__heading{font-size:48px;line-height:48px}}@media(max-width: 1439px)and (min-width: 750px){.opk-list-main-collection .opk-list-main-collection__heading{font-size:40px;line-height:40px}}@media screen and (max-width: 749px){.opk-list-main-collection .opk-list-main-collection__heading{font-size:32px;line-height:32px}}.opk-list-main-collection .opk-list-main-collection__grid{display:grid;grid-gap:4px;gap:4px;width:100%}@media screen and (min-width: 1440px){.opk-list-main-collection .opk-list-main-collection__grid{grid-template-columns:repeat(4, 1fr);grid-template-columns:repeat(var(--opk-lmc-cols-desktop, 4), 1fr)}}@media(max-width: 1439px)and (min-width: 1200px){.opk-list-main-collection .opk-list-main-collection__grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 1199px)and (min-width: 750px){.opk-list-main-collection .opk-list-main-collection__grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 749px){.opk-list-main-collection .opk-list-main-collection__grid{grid-template-columns:repeat(1, 1fr);grid-template-columns:repeat(var(--opk-lmc-cols-mobile, 1), 1fr)}}.opk-list-main-collection .pagination-alt.opk-list-main-collection__pagination{font-family:var(--opk-font-body);color:#262626}.opk-list-main-collection .pagination-alt.opk-list-main-collection__pagination span,.opk-list-main-collection .pagination-alt.opk-list-main-collection__pagination a{color:inherit}@media screen and (min-width: 750px){.opk-list-main-collection .opk-category-card{min-height:564px}}@media screen and (max-width: 749px){.opk-list-main-collection .opk-category-card{min-height:0;aspect-ratio:343/443;padding:24px}}
