.shop-page.shop-catalog-page { max-width: 1240px; margin-left: auto; margin-right: auto; }
.shop-catalog-page .shop-page-header { padding: .6rem 0 1rem; }
.shop-catalog-page .shop-page-header h1 { font-size: clamp(1.75rem, 3vw, 2.15rem); margin: .25rem 0; }
.shop-catalog-page .shop-page-header p { margin: .25rem 0; line-height: 1.5; }
.shop-catalog-page .shop-page-header p:first-child { font-size: .8rem; letter-spacing: .12em; font-weight: 600; }
.shop-catalog-page .shop-purchase-nav { margin: .5rem 0 1.25rem; align-items: center; font-size: .95rem; }
.shop-catalog-filters { display: grid; gap: .8rem; padding: 0 0 1.25rem; border-bottom: 1px solid #dbe2eb; }
.shop-catalog-filter-row { display: grid; grid-template-columns: 6rem minmax(0, 1fr); align-items: start; gap: .75rem; min-width: 0; margin: 0; }
.shop-catalog-filter-label { padding-top: .55rem; color: #66758a; font-size: .95rem; line-height: 1.5; }
.shop-catalog-filter-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.shop-catalog-page .shop-category-chip { min-height: 2.75rem; padding: .55rem .85rem; border: 0; border-radius: .7rem; background: #f3f6fa; color: #172033; font: inherit; font-size: .95rem; line-height: 1.4; cursor: pointer; }
.shop-catalog-page .shop-category-chip:hover { background: #edf5ff; }
.shop-catalog-page .shop-category-chip[aria-pressed=true] { background: #1670cc; color: #fff; font-weight: 600; }
.shop-catalog-page .shop-size-options { gap: .5rem; }
.shop-catalog-page .shop-size-chip { min-width: 2.75rem; min-height: 2.75rem; padding: .5rem .75rem; border-radius: .7rem; font-size: .95rem; }
.shop-catalog-results { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; color: #66758a; font-size: .9rem; }
.shop-catalog-results p { margin: 0; }
.shop-catalog-results > a { font-size: .95rem; }
.shop-catalog-page .shop-products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem 1.2rem; }
.shop-catalog-page .shop-product { padding: 0; border: 0; display: flex; flex-direction: column; }
.shop-catalog-page .shop-product-image { aspect-ratio: 1; border-radius: .8rem; }
.shop-catalog-page .shop-product-image img { transition: transform .2s ease; }
@media (hover: hover) { .shop-catalog-page .shop-product-image:hover img { transform: scale(1.035); } }
.shop-catalog-page .shop-product > .shop-secondary { font-size: .9rem; margin: .55rem 0 0; }
.shop-catalog-page .shop-product h2 { font-size: 1rem; line-height: 1.55; margin: .4rem 0 .55rem; font-weight: 600; }
.shop-catalog-page .shop-product h2 a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.shop-catalog-media { position: relative; isolation: isolate; }
.shop-catalog-item-options { position: absolute; bottom: .65rem; left: .65rem; right: .65rem; z-index: 1; display: flex; align-items: flex-end; gap: .4rem; pointer-events: none; }
.shop-catalog-gender { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; flex-shrink: 0; min-height: 2.25rem; padding: .3rem .6rem; border-radius: .55rem; background: rgb(255 255 255 / 94%); color: #172033; box-shadow: 0 2px 8px #1720331a; }
.shop-catalog-gender i { font-size: 1.5rem; line-height: 1; }
.shop-catalog-item-sizes { display: flex; flex-wrap: wrap; gap: .35rem; }
.shop-catalog-page .shop-catalog-size { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; min-height: 2.25rem; padding: .3rem .5rem; border-radius: .55rem; background: rgb(255 255 255 / 94%); color: #1670cc; box-shadow: 0 2px 8px #1720331a; font-size: .95rem; font-weight: 600; line-height: 1.4; pointer-events: auto; }
.shop-catalog-page .shop-catalog-size:hover { background: #dcecff; }
.shop-catalog-page .shop-catalog-size:focus-visible { outline: 2px solid #1670cc; outline-offset: 2px; }
body.dark .shop-catalog-gender { background: rgb(41 50 61 / 96%); color: #e4eaf2; }
body.dark .shop-catalog-page .shop-catalog-size { background: rgb(41 50 61 / 96%); color: #a9d1ff; }
body.dark .shop-catalog-page .shop-catalog-size:hover { background: #364457; }
.shop-catalog-item-footer { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .4rem .65rem; margin-top: auto; }
.shop-catalog-page .shop-list-price { font-size: 1.1rem; margin: 0; white-space: nowrap; }
.shop-catalog-stock { display: inline-flex; align-items: center; gap: .35rem; font-size: .9rem; color: #66758a; }
.shop-catalog-stock::before { content: ''; width: .35rem; height: .35rem; flex-shrink: 0; border-radius: 50%; background: #94a3b8; }
.shop-catalog-stock.is-available::before { background: #27804e; }
body.dark .shop-catalog-filters { border-color: #53647a; }
body.dark .shop-catalog-page .shop-category-chip { background: #29323d; color: #e4eaf2; }
body.dark .shop-catalog-page .shop-category-chip:hover { background: #364457; }
body.dark .shop-catalog-page .shop-category-chip[aria-pressed=true] { background: #2d4663; color: #a9d1ff; box-shadow: inset 0 0 0 1px #85bcff; }
body.dark .shop-catalog-filter-label, body.dark .shop-catalog-results, body.dark .shop-catalog-stock { color: #aebed1; }
body.dark .shop-catalog-stock.is-available::before { background: #8bddad; }
@media (max-width: 1100px) { .shop-catalog-page .shop-products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 740px) { .shop-catalog-page .shop-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; } .shop-catalog-filter-row { grid-template-columns: 1fr; gap: .5rem; } .shop-catalog-filter-label { padding: 0; } .shop-catalog-page .shop-nav-actions { gap: 1rem; } }
@media (max-width: 420px) { .shop-catalog-page .shop-products { gap: 1.5rem .75rem; } .shop-catalog-item-footer { align-items: start; flex-direction: column; } .shop-catalog-page .shop-page-header { padding-top: .25rem; } }
@media (prefers-reduced-motion: reduce) { .shop-catalog-page .shop-product-image img { transition: none; } }