.popular-categories{padding-block:44px;background:var(--pc-background);color:var(--pc-text)}
.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid #e8e5e3}
.pc-heading h2{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.5}
.pc-heading>a{flex-shrink:0;padding:8px 13px;border:1px solid #f4caca;border-radius:9px;color:#fd0001;font-size:12px;font-weight:700}
.pc-items{display:grid;grid-template-columns:repeat(var(--pc-columns),minmax(0,1fr));gap:var(--pc-gap);align-items:start}
.pc-items--rail{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--pc-columns) - 1)*var(--pc-gap))/var(--pc-columns));overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.pc-item{display:grid;justify-items:center;gap:13px;min-width:0;color:inherit;text-align:center;scroll-snap-align:start}
.pc-photo{display:block;width:min(100%,var(--pc-image));aspect-ratio:1;overflow:hidden;border:1px solid #e8e1dc;padding:3px;background:#fff;box-shadow:0 5px 18px #271b1010}
.pc-photo--circle{border-radius:50%}.pc-photo--rounded{border-radius:18px}.pc-photo--square{border-radius:0}
.pc-photo img{display:block;width:100%;height:100%;border-radius:inherit;object-position:center}
.pc-photo--cover img{object-fit:cover}.pc-photo--contain img{object-fit:contain}
.pc-item strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.pc-item:focus-visible{outline:2px solid #fd0001;outline-offset:5px;border-radius:8px}
.pc-item:hover .pc-photo{border-color:#fd0001}
@media(max-width:900px){.pc-items{grid-template-columns:repeat(min(var(--pc-columns),4),minmax(0,1fr))}.pc-items--rail{grid-template-columns:none;grid-auto-columns:calc((100% - 3*var(--pc-gap))/4)}}
@media(max-width:620px){.popular-categories{padding-block:28px}.pc-items{grid-template-columns:repeat(var(--pc-mobile),minmax(0,1fr));gap:16px}.pc-items--rail{grid-template-columns:none;grid-auto-columns:calc((100% - (var(--pc-mobile) - 1)*16px)/var(--pc-mobile))}.pc-item{gap:9px}.pc-item strong{font-size:12px}.pc-heading{margin-bottom:20px}}