/* Compact mobile pages; desktop layout and complete catalog remain unchanged. */
@media(max-width:800px){
 body{font-size:13px;line-height:1.45}
 header{display:grid;grid-template-columns:86px minmax(0,1fr);gap:7px 6px;padding:8px 12px;min-height:0}
 header .wordmark{max-width:86px;line-height:1}
 header .wordmark img{width:86px;height:28px}
 header .wordmark span{display:none}
 .tools{grid-column:2;grid-row:1;margin:0;justify-content:flex-end;min-width:0;gap:2px}
 .tools select{font-size:11px;padding:6px 1px;max-width:68px;min-height:32px}
 .tools #currency{width:56px;max-width:56px}
 .tools .join{font-size:10px;line-height:1.2;padding:6px;max-width:84px;min-height:32px;display:flex;align-items:center;text-align:center;white-space:normal}
 header nav{grid-column:1/-1;grid-row:2;order:initial;width:100%;gap:19px;font-size:12px;line-height:1.3;padding:5px 0;overflow-x:auto;scrollbar-width:thin}
 header nav a{flex-shrink:0;min-height:28px;display:flex;align-items:center}
 main{padding:0 12px}
 .hero{padding:20px 0 18px;gap:12px}
 .eyebrow{font-size:10px;letter-spacing:1.4px}
 .hero h1{font-size:34px;line-height:1.08;letter-spacing:-1px;margin:10px 0}
 .hero p{font-size:13px;line-height:1.45;margin:8px 0}
 .hero-links{gap:20px;font-size:12px}
 .search,.intro .search{margin:12px 0;padding:3px;width:100%}
 .search input{padding:9px 7px;font-size:12px}
 .search button{font-size:12px;padding:8px 12px}
 .camera{padding:7px 10px;min-width:38px}
 .intro{padding:18px 0 12px}
 .intro h1{font-size:29px;line-height:1.12;letter-spacing:-.8px;margin:8px 0}
 .intro p{font-size:12px;line-height:1.45}
 .chips{padding:10px 0;gap:7px;scrollbar-width:thin}
 .chips a{font-size:11px;padding:7px 12px}
 .section-heading{margin:15px 0 10px;gap:8px}
 h2{font-size:22px}
 .section-heading span{font-size:10px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 .card{min-width:0}
 .picture{height:clamp(96px,29vw,142px);aspect-ratio:auto}
 .card-info{display:block;margin-top:6px}
 .card h3{font-size:12px;line-height:1.35;margin:5px 0 3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:32px}
 .card-info>span{font-size:12px;line-height:1.4;display:block}
 .card p{font-size:10px;margin:3px 0 0;line-height:1.3}
 .arrow{right:6px;bottom:6px;padding:1px 7px}
 .pagination{gap:10px;margin:20px 0 24px}
 .primary,.secondary{font-size:12px;padding:10px 16px;min-height:38px}
 .back{font-size:11px;line-height:1.4;margin:14px 0;overflow-wrap:anywhere}
 .detail{gap:12px;margin-bottom:18px}
 .gallery-label{font-size:12px;margin-bottom:7px}
 .mainpic{height:clamp(210px,62vw,310px)}
 .thumbs{gap:7px;margin-top:8px;max-height:62px;flex-wrap:nowrap;overflow-x:auto}
 .thumb{flex-shrink:0}
 .thumb img{width:52px;height:52px}
 .producttext{padding:0}
 .detail h1{font-size:24px;line-height:1.18;letter-spacing:-.5px;margin:8px 0;overflow-wrap:anywhere}
 .muted{font-size:11px;line-height:1.4;margin:6px 0}
 .price{font-size:27px;margin:12px 0 5px;line-height:1.2}
 .price-note{font-size:11px;line-height:1.4;margin:6px 0}
 .producttext .primary{margin:10px 0}
 .detail-actions{gap:8px}
 .detail-actions .secondary{font-size:11px;padding:10px 5px;line-height:1.3;min-height:42px;height:100%;margin:0}
 .style-section{margin-top:16px}
 .style-section h2,.qc-section h2{font-size:17px;line-height:1.3;margin:0 0 8px}
 .empty-source{font-size:12px;line-height:1.45;padding:10px;margin:8px 0;max-height:140px;overflow:auto}
 .note{font-size:12px;line-height:1.45;padding-top:10px;margin:12px 0 0}
 .qc-section{padding:16px 0;margin-bottom:16px}
 #image-search{padding:14px!important;margin-bottom:18px!important}
 #image-search p{font-size:12px;line-height:1.45;margin:8px 0}
 #image-file{width:100%;font-size:12px;margin:12px 0!important}
 #query-preview{max-width:100px!important;max-height:100px!important;margin-bottom:10px}
 #run-image-search{margin:8px 0}
 #image-results{margin-bottom:20px}
 footer{padding:15px 12px;gap:5px;line-height:1.4}
 footer .wordmark img{width:86px;height:28px}
 footer .wordmark span{font-size:12px}
 footer p{font-size:11px;margin:3px 0;max-width:none}
 footer>span{font-size:9px;letter-spacing:1px}
}