.pp-xcat{padding-block:clamp(44px,4.5vw,76px);background:linear-gradient(180deg,#fff,#f4f8fd);border-top:1px solid rgba(32,59,113,.07)}.pp-xcat__eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#067bfd}.pp-xcat__title{margin:0 0 clamp(22px,2.6vw,36px);font-size:clamp(23px,2.8vw,32px);line-height:1.15;color:#203b71;text-wrap:balance}.pp-xcat__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);margin:0;padding:0;list-style:none}.pp-xcat__card{display:block;text-decoration:none;color:inherit}.pp-xcat__frame{position:relative;display:block;aspect-ratio:1 / 1;border-radius:18px;overflow:visible;isolation:isolate}.pp-xcat__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:18px;background:radial-gradient(120% 100% at 50% 15%,var(--pp-tile-1, #FAFCFF) 0%,var(--pp-tile-2, #DFE9F7) 60%,var(--pp-tile-3, #CBDAEE) 100%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pp-xcat__frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:12%;box-sizing:border-box;filter:drop-shadow(0 10px 14px rgba(22,38,66,.18));transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease}.pp-xcat__card:hover .pp-xcat__frame:before{transform:scale(.93)}.pp-xcat__card:hover .pp-xcat__frame img{transform:scale(1.14) translateY(-2%);filter:drop-shadow(0 22px 24px rgba(22,38,66,.26))}.pp-xcat__name{display:block;margin-top:12px;font-size:15px;font-weight:600;color:#203b71}.pp-xcat__card:hover .pp-xcat__name{text-decoration:underline}.pp-xcat__count{display:block;margin-top:2px;font-size:13px;color:#6b7280;font-variant-numeric:tabular-nums}.pp-xcat__card:focus-visible{outline:2px solid #067BFD;outline-offset:6px;border-radius:12px}@media(max-width:1000px){.pp-xcat__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pp-xcat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.pp-xcat__frame:before,.pp-xcat__frame img{transition:none}.pp-xcat__card:hover .pp-xcat__frame:before,.pp-xcat__card:hover .pp-xcat__frame img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/pp-crosscat.css.map */