@media (max-width: 980px){
  .desktop-only{display:none!important}.mobile-only{display:inline-grid!important}.site-header{height:82px}.header-inner{justify-content:space-between}.header-left{min-width:54px}.logo-gif{height:66px;max-width:48vw}.layout{grid-template-columns:1fr}.section{padding:24px 0 38px}.hero-inner{padding:28px 0 20px}.toolbar{display:grid;gap:14px}.tools-right{justify-content:flex-start;width:100%;display:grid;grid-template-columns:1fr;gap:10px}.slider-wrap{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.slider-wrap input{width:100%;max-width:none}.view-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tab-btn{white-space:normal;text-align:center;padding:9px 10px}.active-filter-bar{display:grid;grid-template-columns:1fr;align-items:start}.reset-btn{justify-self:start}.stats-grid{grid-template-columns:1fr 1fr}.drawer .filter-group{box-shadow:none}.gallery-view,.pairs-view{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.pairs-view{--cols:2!important}
}
@media (max-width: 560px){
  .container{padding:0 16px}.hero h1{font-size:2.35rem}.view-switch{grid-template-columns:1fr 1fr}.gallery-view{gap:10px}.card{padding:9px;border-radius:15px}.gallery-view:not(.gallery-info-view) .card{padding:6px}.pairs-view{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr}.color-swatches{grid-template-columns:repeat(4,44px)}.filter-open img{width:30px;height:30px}.btn{width:100%}.tools-right .btn{justify-self:stretch}.chip{font-size:.92rem}.footer-inner{display:grid;gap:8px}.table{min-width:760px}
}