.opk-all-brands__container{max-width:1614px;margin:0 auto}@media screen and (min-width: 767px){.opk-all-brands__container{padding-left:30px;padding-right:30px}}@media(max-width: 766px)and (min-width: 576px){.opk-all-brands__container{padding-left:20px;padding-right:20px}}@media screen and (max-width: 575px){.opk-all-brands__container{padding-left:16px;padding-right:16px}}.opk-all-brands__inner{text-align:center}.opk-all-brands__inner .section-heading{display:inline-flex}.opk-all-brands__inner .section-heading__text{padding:0}@media screen and (max-width: 575px){.opk-all-brands__inner .section-heading__title{font-size:27px;line-height:1.33}}.opk-all-brands__inner .section-heading__japan{display:block;margin-bottom:14px}@media screen and (max-width: 575px){.opk-all-brands__inner .section-heading__japan{margin-bottom:45px}}.opk-all-brands__inner .section-heading__subheading{font-size:18px;line-height:1.33}@media screen and (max-width: 575px){.opk-all-brands__inner .section-heading__subheading{display:none}}.opk-all-brands__blocks{display:grid;grid-gap:30px;gap:30px}@media screen and (min-width: 1400px){.opk-all-brands__blocks{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 1399px)and (min-width: 1024px){.opk-all-brands__blocks{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 1023px){.opk-all-brands__blocks{grid-template-columns:repeat(2, 1fr);gap:20px}}@media screen and (max-width: 749px){.opk-all-brands__blocks{grid-template-columns:1fr;gap:16px}}.opk-all-brands__block{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;aspect-ratio:366/300;overflow:hidden;cursor:pointer}@media(any-hover: hover){.opk-all-brands__block{cursor:default}.opk-all-brands__block:hover .opk-all-brands__block-image{filter:grayscale(10%)}.opk-all-brands__block:hover .opk-all-brands__block-content{transform:translate(0, 0);opacity:1;visibility:visible}.opk-all-brands__block:hover .opk-all-brands__block-icon{visibility:hidden;opacity:0}}@media(any-hover: none){.opk-all-brands__block:active .opk-all-brands__block-image{filter:grayscale(10%)}.opk-all-brands__block:active .opk-all-brands__block-content{transform:translate(0, 0);opacity:1;visibility:visible}.opk-all-brands__block:active .opk-all-brands__block-icon{visibility:hidden;opacity:0}}.opk-all-brands__block.open .opk-all-brands__block-image{filter:grayscale(0)}.opk-all-brands__block.open .opk-all-brands__block-content{transform:translate(0, 0);opacity:1;visibility:visible}.opk-all-brands__block.open .opk-all-brands__block-icon{visibility:hidden;opacity:0}@media screen and (max-width: 749px){.opk-all-brands__block{max-height:300px}}@media screen and (max-width: 575px){.opk-all-brands__block{aspect-ratio:343/300}}.opk-all-brands__block-image{position:absolute;width:100%;height:100%;aspect-ratio:366/300;filter:grayscale(100%);transition:filter .3s}.opk-all-brands__block-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}@media screen and (max-width: 575px){.opk-all-brands__block-image{aspect-ratio:343/300}}.opk-all-brands__block-icon{text-align:center;z-index:2;visibility:visible;opacity:1;transition:visibility .3s, opacity .3s}.opk-all-brands__block-icon img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;aspect-ratio:220/165}@media screen and (min-width: 576px){.opk-all-brands__block-icon{max-width:60%}}.opk-all-brands__block-content{position:absolute;bottom:0;left:0;background-color:#1d1d1b;padding:20px;transform:translate(0, 110%);opacity:0;visibility:hidden;transition:transform .3s, opacity .3s, visibility .3s;width:100%;max-height:100%;min-height:66.66%;overflow-y:auto}.opk-all-brands__block-heading{color:#e51f21;font-family:var(--font-stack-headings);font-size:16px;font-weight:700;line-height:1.5}.opk-all-brands__block-description{color:#fff;font-size:16px;line-height:1.38}