/* Collection landing and category browsing share the existing customer design system. */
html:not(.pp-shop-is-listing) .pp-shop-search-strip,
html:not(.pp-shop-is-listing) .pp-shop-catalogue,
html:not(.pp-shop-is-listing) .pp-shop-browse,
html.pp-shop-is-listing .pp-shop-landing,
html:not(.pp-shop-is-listing) [data-build-box-shop-promo] { display: none !important; }

.pp-shop-browse { background: var(--pp-color-surface); border-bottom: var(--pp-border); }
.pp-shop-browse__inner { display: flex; flex-direction: column; gap: 12px; padding-block: var(--pp-space-3); }
.pp-shop-browse__crumbs { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--pp-color-text-muted); font-size: 13px; }
.pp-shop-browse__crumbs a { color: var(--pp-color-brand-strong); text-decoration: none; font-weight: 650; }
.pp-shop-browse__crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pp-shop-browse__crumbs strong { color: var(--pp-color-ink); font-weight: 600; overflow-wrap: anywhere; }
.pp-shop-browse__links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.pp-shop-browse__links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: var(--pp-border); border-radius: var(--pp-radius-sm); background: var(--pp-color-ivory); color: var(--pp-color-ink); font: 600 13px/1 var(--pp-font-ui); text-decoration: none; }
.pp-shop-browse__links a:hover, .pp-shop-browse__links a[aria-current="page"] { border-color: var(--pp-color-brand); background: var(--pp-color-brand-soft); color: var(--pp-color-brand-strong); }
.pp-shop-browse__links a:focus-visible { outline: 3px solid var(--pp-color-brand); outline-offset: 2px; }
.pp-shop-landing { padding-block: var(--pp-space-5) var(--pp-space-8); }
.pp-shop-landing__heading { margin-bottom: var(--pp-space-4); }
.pp-shop-landing__heading .pp-overline { margin: 0 0 var(--pp-space-2); }
.pp-shop-landing__heading h2 { margin: 0; }
.pp-shop-collections { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--pp-grid-gap); }
.pp-shop-collection { display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); min-width: 0; min-height: 260px; overflow: hidden; border: var(--pp-border); border-radius: var(--pp-radius-sm); background: var(--pp-color-surface); text-decoration: none; color: var(--pp-color-ink); transition: border-color var(--pp-motion-base) var(--pp-ease-standard), box-shadow var(--pp-motion-base) var(--pp-ease-standard); }
.pp-shop-collection:hover { border-color: var(--pp-color-brand); color: var(--pp-color-ink); box-shadow: var(--pp-shadow-subtle); }
.pp-shop-collection:focus-visible { outline: 3px solid var(--pp-color-brand); outline-offset: 3px; }
.pp-shop-collection__media { display: grid; place-items: center; min-width: 0; background: var(--pp-color-stone); overflow: hidden; }
.pp-shop-collection__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pp-shop-collection__body { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--pp-space-2); padding: var(--pp-space-4); }
.pp-shop-collection__eyebrow { color: var(--pp-color-brand-strong); font: 600 12px/16px var(--pp-font-ui); letter-spacing: .5px; }
.pp-shop-collection__body strong { font: 600 32px/36px var(--pp-font-display); }
.pp-shop-collection__body > span:not(.pp-shop-collection__eyebrow):not(.pp-shop-collection__foot) { color: var(--pp-color-text-muted); font-size: 13px; line-height: 21px; }
.pp-shop-collection__foot { display: flex; align-items: center; gap: var(--pp-space-2); margin-top: var(--pp-space-2); color: var(--pp-color-brand-strong); font: 700 13px/20px var(--pp-font-ui); }
.pp-shop-collection:hover .pp-shop-collection__foot { color: var(--pp-color-brand); }
.pp-shop-catalogue .pp-shop-controls { padding-top: var(--pp-space-4); }
.pp-shop-inline-control[hidden], .pp-shop-groups[hidden], .pp-filter-drawer fieldset[hidden] { display: none; }
@media (max-width: 900px) {
  .pp-shop-collections { gap: var(--pp-space-3); }
  .pp-shop-collection { grid-template-columns: 1fr; min-height: 0; }
  .pp-shop-collection__media { height: 190px; }
  .pp-shop-collection__body { padding: var(--pp-space-3); min-height: 165px; }
}
@media (max-width: 720px) {
  .pp-shop-browse__inner { padding-block: 12px; }
  .pp-shop-browse__links { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .pp-shop-browse__links a { flex: 0 0 auto; scroll-snap-align: start; }
}
@media (max-width: 430px) {
  .pp-shop-landing { padding-block: var(--pp-space-4) var(--pp-space-6); }
  .pp-shop-collections { grid-template-columns: 1fr; gap: var(--pp-space-3); }
  .pp-shop-collection { grid-template-columns: 42% minmax(0,1fr); min-height: 158px; }
  .pp-shop-collection__media { height: auto; }
  .pp-shop-collection__body { min-height: 0; gap: var(--pp-space-1); }
  .pp-shop-collection__body strong { font-size: 27px; line-height: 31px; }
  .pp-shop-collection__foot { margin-top: var(--pp-space-1); }
}
@media (prefers-reduced-motion: reduce) {
  .pp-shop-collection { transition: none; }
}