.pp-cats{padding:56px 0 64px;background:var(--pp-surface, #FBF9F5)}.pp-cats__inner{display:flex;flex-direction:column}.pp-cats__eyebrow{margin:0 0 6px;font-family:var(--pp-font-mono, ui-monospace, monospace);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-primary, #0E3A5C)}.pp-cats__heading{margin:0 0 6px;font-family:var(--pp-font-display, "Inter Tight", sans-serif);font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--pp-ink, #0B1F33)}.pp-cats__subheading{margin:0;font-size:16px;color:var(--pp-muted, #5E6B7A);max-width:640px}.pp-cats__heading+.pp-cats__grid,.pp-cats__eyebrow+.pp-cats__grid,.pp-cats__subheading+.pp-cats__grid{margin-top:24px}.pp-cats__grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.pp-cats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.pp-cats__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.pp-cats__tile{position:relative;margin:0;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--pp-border, #E4DDD0);box-shadow:0 1px 2px #0b1f330a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pp-cats__tile:hover,.pp-cats__tile:focus-within{transform:translateY(-4px);box-shadow:0 18px 36px #0b1f3324;border-color:var(--pp-primary, #0E3A5C)}.pp-cats__link{display:grid;grid-template-rows:1fr auto;height:100%;position:relative;text-decoration:none;color:inherit;outline:none}.pp-cats__link:focus-visible{outline:3px solid rgba(var(--pp-primary-rgb, 14, 58, 92),.4);outline-offset:-3px}.pp-cats__index{position:absolute;top:12px;left:14px;z-index:2;font-family:var(--pp-font-mono, ui-monospace, monospace);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--pp-muted, #8A95A3);background:#ffffffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:3px 8px;border-radius:999px;border:1px solid rgba(11,31,51,.08);pointer-events:none;transition:color .22s ease,border-color .22s ease,background .22s ease}.pp-cats__tile:hover .pp-cats__index,.pp-cats__tile:focus-within .pp-cats__index{color:var(--pp-primary, #0E3A5C);border-color:#0e3a5c40}.pp-cats__media{position:relative;display:flex;align-items:center;justify-content:center;background:var(--pp-surface-2, #F3EFE7);padding:22px;overflow:hidden}.pp-cats__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(11,31,51,.06) 1px,transparent 1px);background-size:16px 16px;pointer-events:none;opacity:.6}.pp-cats__img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .42s ease;display:block;z-index:1}.pp-cats__img--placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--pp-surface-2, #F3EFE7) 0%,var(--pp-border, #E4DDD0) 100%)}.pp-cats__tile:hover .pp-cats__img,.pp-cats__tile:focus-within .pp-cats__img{transform:scale(1.05)}.pp-cats__info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-top:1px solid var(--pp-border, #E4DDD0);transition:background .22s ease,border-color .22s ease,color .22s ease;min-height:64px}.pp-cats__info-text{min-width:0;flex:1 1 auto}.pp-cats__name{margin:0;font-family:var(--pp-font-display, "Inter Tight", sans-serif);font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--pp-ink, #0B1F33);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;transition:color .22s ease}@media(min-width:750px){.pp-cats__name{font-size:16px}}@media(min-width:990px){.pp-cats__name{font-size:17px}}.pp-cats__count{display:inline-block;margin-top:4px;font-family:var(--pp-font-mono, ui-monospace, monospace);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--pp-muted, #5E6B7A);transition:color .22s ease}.pp-cats__arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--pp-surface-2, #F3EFE7);color:var(--pp-ink, #0B1F33);transition:background .22s ease,color .22s ease,transform .22s ease}.pp-cats__arrow svg{width:14px;height:14px;transition:transform .22s ease}.pp-cats__tile:hover .pp-cats__info,.pp-cats__tile:focus-within .pp-cats__info{background:var(--pp-primary, #0E3A5C);border-top-color:var(--pp-primary, #0E3A5C)}.pp-cats__tile:hover .pp-cats__name,.pp-cats__tile:focus-within .pp-cats__name{color:#fff}.pp-cats__tile:hover .pp-cats__count,.pp-cats__tile:focus-within .pp-cats__count{color:#ffffffb3}.pp-cats__tile:hover .pp-cats__arrow,.pp-cats__tile:focus-within .pp-cats__arrow{background:#ffffff26;color:#fff}.pp-cats__tile:hover .pp-cats__arrow svg,.pp-cats__tile:focus-within .pp-cats__arrow svg{transform:translate(2px)}@media(max-width:749px){.pp-cats{padding:8px 0 18px}.pp-cats__subheading{margin:0!important;font-size:14px}.pp-cats__heading+.pp-cats__grid,.pp-cats__eyebrow+.pp-cats__grid,.pp-cats__subheading+.pp-cats__grid{margin-top:12px}.pp-cats__grid{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:47%;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;scroll-padding-left:0}.pp-cats__grid::-webkit-scrollbar{display:none}.pp-cats__tile{scroll-snap-align:start}.pp-cats__name{-webkit-line-clamp:2;line-clamp:2;font-size:13px;line-height:1.25}.pp-cats__info{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name name" "count arrow";align-items:center;column-gap:8px;row-gap:2px;padding:8px 10px;min-height:auto}.pp-cats__info-text{display:contents}.pp-cats__name{grid-area:name;margin-bottom:2px}.pp-cats__count{grid-area:count;margin-top:0}.pp-cats__arrow{grid-area:arrow;position:static;width:auto;height:auto;background:transparent;color:var(--pp-accent, #C9A96E);box-shadow:none;border-radius:0;justify-self:end}.pp-cats__arrow svg{width:18px;height:18px}.pp-cats__index{top:8px;left:10px;font-size:10px;padding:2px 7px}.pp-cats__media{padding:4px}.pp-cats__tile:focus-within .pp-cats__arrow{background:transparent;color:var(--pp-accent, #C9A96E)}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/pp-home-categories-grid.css.map */