*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#f8f8f8}a{color:inherit}.container{width:min(1100px,92%);margin:0 auto}.page{padding:24px 0 48px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.catalog{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.topnav{background:#fff;border-bottom:1px solid #ddd;padding:12px 0}.topnav nav{display:flex;gap:12px}.catalog-filters-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.filter-field{display:grid;grid-gap:4px;gap:4px}.filter-field>span{font-size:12px;color:#555}.filter-field input,.filter-field select{padding:8px}.filters-mobile-sticky{display:none}.filters-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60;display:grid;align-items:end}.filters-sheet{background:#fff;border-top-left-radius:14px;border-top-right-radius:14px;padding:12px;max-height:80vh;overflow:auto}.filters-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pdp-gallery{display:grid;grid-gap:12px;gap:12px}.pdp-gallery-empty{min-height:320px;border:1px solid #ddd;border-radius:10px;background:#f2f2f2;color:#666;display:grid;place-items:center}.pdp-gallery-desktop{display:grid;grid-gap:10px;gap:10px}.pdp-gallery-main{border:1px solid #ddd;border-radius:10px;background:#f7f7f7;height:min(70vh,520px);padding:8px}.pdp-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-gap:8px;gap:8px}.pdp-gallery-thumb{border:1px solid #ccc;background:#fff;border-radius:8px;overflow:hidden;height:78px;padding:0;cursor:pointer}.pdp-gallery-thumb.is-active{border-color:#111}.pdp-gallery-mobile{display:none}.pdp-gallery-mobile-track{display:flex;overflow-x:auto;gap:0;scroll-snap-type:x mandatory;scrollbar-width:none}.pdp-gallery-mobile-track::-webkit-scrollbar{display:none}.pdp-gallery-mobile-slide{flex:0 0 100%;scroll-snap-align:start;border:1px solid #ddd;border-radius:10px;background:#f7f7f7;height:min(62vh,420px);padding:8px}.pdp-gallery-mobile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.pdp-gallery-mobile-counter{color:#666;font-size:12px}.pdp-gallery-mobile-dots{display:flex;gap:6px}.pdp-gallery-dot{width:8px;height:8px;border-radius:50%;border:0;background:#c6c6c6;padding:0}.pdp-gallery-dot.is-active{background:#111}@media (max-width:1024px){.catalog-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.filters-desktop{display:none!important}.filters-mobile-sticky{display:block;position:-webkit-sticky;position:sticky;bottom:10px;z-index:30}.filters-mobile-sticky button{width:100%;padding:12px;border:1px solid #111;background:#111;color:#fff;border-radius:10px;font-weight:600}.catalog-filters-grid{grid-template-columns:1fr}.pdp-gallery-desktop{display:none}.pdp-gallery-mobile{display:grid;grid-gap:10px;gap:10px}}