.cp-hcs {margin-top: 22px;margin-bottom: 28px;}.cp-hcs,.cp-hcs * {box-sizing: border-box;}.cp-hcs__grid {display: grid;grid-template-columns: 1fr 1fr 1.2fr;grid-template-rows: repeat(2, minmax(210px, 1fr));gap: 18px;width: 100%;}.cp-hcs__card {position: relative;display: block;min-height: 210px;overflow: hidden;border-radius: 18px;background: var(--okay-bg, #f1f1f1);color: var(--okay-body-text, #222);text-decoration: none !important;isolation: isolate;transform: translateZ(0);transition: transform .25s ease, box-shadow .25s ease, background .25s ease;}.cp-hcs__card::before {content: "";position: absolute;inset: 0;z-index: 0;background:radial-gradient(circle at 20% 12%, rgba(255,255,255,.78), transparent 34%),linear-gradient(135deg, rgba(255,255,255,.24), rgba(0,0,0,.025));pointer-events: none;}.cp-hcs__card:hover {transform: translateY(-3px);box-shadow: 0 18px 40px rgba(0,0,0,.12);color: var(--okay-body-text, #222);}.cp-hcs__card--1,.cp-hcs__card--2 {grid-row: 1 / span 2;min-height: 438px;}.cp-hcs__card--3,.cp-hcs__card--4 {min-height: 210px;}.cp-hcs__title {position: absolute;z-index: 2;left: 28px;top: 26px;max-width: 58%;color: var(--okay-body-text, #222);font-size: clamp(22px, 2.2vw, 35px);line-height: 1.08;font-weight: 800;letter-spacing: -.02em;text-decoration: none !important;}.cp-hcs__card--1 .cp-hcs__title {top: auto;bottom: 34px;}.cp-hcs__media {position: absolute;inset: 0;z-index: 1;display: flex;align-items: center;justify-content: center;padding: 34px;}.cp-hcs__media img {display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: contain;object-position: center;transition: transform .32s ease;}.cp-hcs__card:hover .cp-hcs__media img {transform: scale(1.035);}.cp-hcs__card--1 .cp-hcs__media {padding: 34px 18px 80px;}.cp-hcs__card--2 .cp-hcs__media {padding: 78px 34px 34px;}.cp-hcs__card--3 .cp-hcs__media,.cp-hcs__card--4 .cp-hcs__media {justify-content: flex-end;padding: 22px 22px 22px 44%;}.cp-hcs__card--3 .cp-hcs__title,.cp-hcs__card--4 .cp-hcs__title {top: 50%;transform: translateY(-50%);left: 28px;max-width: 48%;font-size: clamp(21px, 2vw, 31px);}@media (max-width: 1199px) {.cp-hcs__grid {gap: 14px;grid-template-columns: 1fr 1fr;grid-template-rows: none;}.cp-hcs__card,.cp-hcs__card--1,.cp-hcs__card--2,.cp-hcs__card--3,.cp-hcs__card--4 {grid-row: auto;min-height: 260px;}.cp-hcs__card--1 .cp-hcs__title {top: 24px;bottom: auto;}.cp-hcs__card--1 .cp-hcs__media,.cp-hcs__card--2 .cp-hcs__media,.cp-hcs__card--3 .cp-hcs__media,.cp-hcs__card--4 .cp-hcs__media {justify-content: center;padding: 70px 20px 18px;}.cp-hcs__card--3 .cp-hcs__title,.cp-hcs__card--4 .cp-hcs__title {top: 24px;transform: none;max-width: 72%;}}@media (max-width: 575px) {.cp-hcs {margin-top: 14px;margin-bottom: 20px;padding-left: 8px;padding-right: 8px;}.cp-hcs__grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}.cp-hcs__card,.cp-hcs__card--1,.cp-hcs__card--2,.cp-hcs__card--3,.cp-hcs__card--4 {min-height: 164px;border-radius: 13px;}.cp-hcs__title,.cp-hcs__card--1 .cp-hcs__title,.cp-hcs__card--2 .cp-hcs__title,.cp-hcs__card--3 .cp-hcs__title,.cp-hcs__card--4 .cp-hcs__title {left: 12px;top: 12px;bottom: auto;transform: none;max-width: calc(100% - 24px);font-size: 16px;line-height: 1.12;font-weight: 800;}.cp-hcs__card--1 .cp-hcs__media,.cp-hcs__card--2 .cp-hcs__media,.cp-hcs__card--3 .cp-hcs__media,.cp-hcs__card--4 .cp-hcs__media,.cp-hcs__media {padding: 48px 8px 10px;}.cp-hcs__card:hover {transform: none;box-shadow: none;}}
/*# sourceMappingURL=cphoneMM.home_category_showcase.css.c4d9a21906fb0fea550497490527d62c.css.map */