.shop-section{padding:38px 0 100px}.shop-toolbar{display:grid;grid-template-columns:1fr minmax(240px,330px);gap:16px;align-items:center;margin:0 0 17px}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter{min-height:43px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);font-weight:800}.filter.active{background:var(--ink);color:#fff}.search-box{width:100%;min-height:47px;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:#fff}.result-info{min-height:22px;margin:0 0 11px;color:var(--muted);font-size:13px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(35,29,20,.06);transition:.3s}.shop-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.shop-image{position:relative;display:block;height:325px}.shop-image img{width:100%;height:100%;object-fit:cover}.shop-body{padding:20px}.shop-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}.shop-meta strong{color:var(--ink);font-size:14px;letter-spacing:0;text-transform:none}.shop-body h2{font-size:28px;margin:10px 0}.shop-body>p{min-height:65px;color:var(--muted);font-size:14px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.spec-grid span{padding:9px;border-radius:10px;background:#f2ead9;font-size:12px;font-weight:750}.spec-grid small{display:block;color:#877f74;font-weight:500}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.tag-row span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:10px}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empty-state{padding:65px 20px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center}.shop-card[hidden]{display:none!important}@media(max-width:900px){.shop-grid{grid-template-columns:1fr 1fr}.shop-toolbar{grid-template-columns:1fr}.search-box{order:-1}}@media(max-width:640px){.compact-page-hero{padding-bottom:24px}.shop-section{padding:18px 0 72px}.shop-toolbar{gap:10px;margin-bottom:7px}.filter-row{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:2px 0 5px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;min-height:41px;padding:8px 14px;white-space:nowrap}.search-box{min-height:48px}.shop-grid{grid-template-columns:1fr}.shop-image{height:310px}.shop-body>p{min-height:0}.shop-actions{grid-template-columns:1fr}.result-info{margin-bottom:8px}}

/* V5.3 — balanced mobile product listing */
@media(max-width:640px){
  .shop-section>.container{
    width:calc(100% - 24px);
    max-width:440px;
    margin-inline:auto;
  }
  .shop-toolbar{width:100%;justify-items:stretch}
  .filter-row{
    justify-content:center;
    flex-wrap:wrap;
    overflow:visible;
    padding:0;
  }
  .shop-grid{
    width:100%;
    max-width:430px;
    margin-inline:auto;
  }
  .shop-card{
    width:100%;
    margin-inline:auto;
    border-radius:20px;
  }
  .shop-image{
    height:auto;
    aspect-ratio:4/5;
    max-height:380px;
  }
  .shop-body{padding:17px 16px 18px}
  .shop-meta{align-items:flex-start}
  .shop-body h2{font-size:25px;line-height:1.08}
  .shop-body>p{font-size:13px;line-height:1.55}
  .spec-grid{gap:7px}
  .spec-grid span{padding:8px}
  .shop-actions{gap:7px}
  .shop-actions .button{width:100%;min-height:46px}
}
@media(max-width:380px){
  .shop-section>.container{width:calc(100% - 18px)}
  .shop-image{aspect-ratio:1/1.08;max-height:340px}
  .filter{padding:7px 11px;font-size:12px}
}
@media(max-width:340px){
  .spec-grid{grid-template-columns:1fr}
}