/* shop.css */
.cgv7-woo{max-width:var(--max);margin:0 auto}
.cgv7-shop-header{padding:36px 32px 0;border-bottom:1px solid var(--b);background:var(--bg2)}
.cgv7-shop-title{font-size:clamp(22px,3vw,36px);font-weight:700;letter-spacing:-.025em;color:var(--t);margin-bottom:24px}
.cgv7-filter-bar{display:flex;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0}
.cgv7-filter-pill{
  padding:10px 16px;font-size:12px;font-weight:600;color:var(--td);
  border-bottom:2px solid transparent;transition:all .15s;
  white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;
  font-family:var(--font);
}
.cgv7-filter-pill:hover{color:var(--t)}
.cgv7-filter-pill.on{color:var(--green);border-bottom-color:var(--green)}
.cgv7-filter-right{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 0;flex-shrink:0}
.cgv7-sort{
  background:var(--bg3);border:1.5px solid var(--b);border-radius:var(--r2);
  padding:7px 32px 7px 12px;font-size:13px;color:var(--tm);
  cursor:pointer;outline:none;transition:border-color .15s;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='rgba(240,237,232,0.4)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;font-family:var(--font);
}
.cgv7-sort:focus{border-color:var(--green)}
.cgv7-shop-grid{padding:28px 32px 60px}
.cgv7-empty{font-size:15px;color:var(--tm);padding:48px 0;text-align:center;grid-column:1/-1}
.cgv7-load-wrap{text-align:center;padding:36px 0}
.cgv7-load-btn{
  padding:12px 32px;background:var(--surf);border:1.5px solid var(--b2);
  border-radius:var(--r2);font-size:14px;font-weight:600;color:var(--tm);
  cursor:pointer;transition:all .15s;font-family:var(--font);
}
.cgv7-load-btn:hover{border-color:var(--green);color:var(--green)}
.cgv7-load-btn:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:768px){.cgv7-shop-header,.cgv7-shop-grid{padding-left:20px;padding-right:20px}}

/* ── FULL RESPONSIVE: Shop ── */
@media (max-width: 1024px) {
  .cgv7-shop-header, .cgv7-shop-grid { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 768px) {
  .cgv7-shop-title { font-size: clamp(20px, 5vw, 28px); margin-bottom: 16px; }
  .cgv7-shop-header { padding: 24px 16px 0; }
  .cgv7-shop-grid { padding: 20px 16px 48px; }
  .cgv7-filter-bar { gap: 0; }
  .cgv7-filter-pill { padding: 8px 12px; font-size: 11px; }
  .cgv7-filter-right { padding: 8px 0; }
}
@media (max-width: 480px) {
  .cgv7-filter-pill { padding: 8px 10px; font-size: 10px; }
  .cgv7-sort { font-size: 12px; padding: 6px 28px 6px 10px; }
}