.jpc-cat{--jpc-cat-gap: 12px;--jpc-cat-pink: #f20b63;--jpc-cat-pink-soft: #ff2f7d;--jpc-cat-yellow: #ffd23f;--jpc-cat-navy: #1b2a4a;--jpc-cat-ivory: #fff8ee}@media screen and (min-width:750px){.jpc-cat{--jpc-cat-gap: 20px}}.jpc-cat__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jpc-cat-gap);list-style:none;margin:0;padding:0;position:relative}.jpc-cat__item{min-width:0;margin:0;padding:0}.jpc-cat__list--1 .jpc-cat__item:first-child,.jpc-cat__list--3 .jpc-cat__item:first-child,.jpc-cat__list--5 .jpc-cat__item:first-child{grid-column:1 / -1}@media screen and (min-width:750px){.jpc-cat__list--1{grid-template-columns:minmax(0,420px);justify-content:center}.jpc-cat__list--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin-inline:auto}.jpc-cat__list--3{grid-template-columns:repeat(3,minmax(0,1fr))}.jpc-cat__list--4{grid-template-columns:repeat(4,minmax(0,1fr))}.jpc-cat__list--5{grid-template-columns:repeat(5,minmax(0,1fr))}.jpc-cat__list--6{grid-template-columns:repeat(3,minmax(0,1fr))}.jpc-cat__list .jpc-cat__item:first-child{grid-column:auto}}.jpc-cat__card{position:relative;display:flex;flex-direction:column;height:100%;color:var(--jpc-cat-navy);text-decoration:none;background:#fff;border:2px solid var(--jpc-cat-navy);border-radius:16px;overflow:hidden;box-shadow:3px 3px 0 var(--jpc-cat-pink-soft);transition:transform .2s ease,box-shadow .2s ease}.jpc-cat__card:focus-visible{outline:3px solid var(--jpc-cat-pink);outline-offset:3px}@media(hover:hover){.jpc-cat__card:hover{transform:translateY(-3px);box-shadow:5px 6px 0 var(--jpc-cat-pink-soft)}}.jpc-cat__media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--jpc-cat-ivory);overflow:hidden}.jpc-cat__list--1 .jpc-cat__item:first-child .jpc-cat__media,.jpc-cat__list--3 .jpc-cat__item:first-child .jpc-cat__media,.jpc-cat__list--5 .jpc-cat__item:first-child .jpc-cat__media{aspect-ratio:2 / 1}@media screen and (min-width:750px){.jpc-cat__list--1 .jpc-cat__media,.jpc-cat__list--2 .jpc-cat__media,.jpc-cat__list--3 .jpc-cat__media,.jpc-cat__list--6 .jpc-cat__media,.jpc-cat__list--1 .jpc-cat__item:first-child .jpc-cat__media,.jpc-cat__list--3 .jpc-cat__item:first-child .jpc-cat__media{aspect-ratio:4 / 3}.jpc-cat__list--4 .jpc-cat__media,.jpc-cat__list--5 .jpc-cat__media,.jpc-cat__list--5 .jpc-cat__item:first-child .jpc-cat__media{aspect-ratio:1 / 1}}.jpc-cat__img{display:block;width:100%;height:100%;object-fit:cover}.jpc-cat__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(160deg,var(--jpc-cat-ivory),#fff)}.jpc-cat__fallback svg{width:55%;max-width:180px;height:auto}.jpc-cat__label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-top:2px solid var(--jpc-cat-navy);background:#fff}.jpc-cat__name{font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere}.jpc-cat__arrow{flex:0 0 auto;color:var(--jpc-cat-pink);font-size:1.8rem;line-height:1}@media screen and (min-width:750px){.jpc-cat__label{padding:12px 16px}.jpc-cat__name{font-size:1.6rem}}.jpc-cat__card--static{cursor:default}@media(hover:hover){.jpc-cat__card--static:hover{transform:none;box-shadow:3px 3px 0 var(--jpc-cat-pink-soft)}}@media(prefers-reduced-motion:reduce){.jpc-cat__card{transition:none}.jpc-cat__card:hover{transform:none}}.jpc-cat__empty{margin:0;padding:3rem 1.6rem;text-align:center;color:var(--jpc-cat-navy);background:var(--jpc-cat-ivory);border:2px dashed var(--jpc-cat-pink-soft);border-radius:16px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-jpc-category-grid.css.map */