.vpl-tools, .vpl-image-note { display:none; }
@media (max-width:700px) {
  html[data-product-view] #products { overflow-anchor:none; }
  html[data-product-view] #products .vpl-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 16px; }
  .vpl-label { color:#52697b; font:600 13px/1.4 Arial,"Microsoft YaHei",sans-serif; }
  .vpl-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:94px; padding:10px 14px; border:1px solid #b9cbd9; border-radius:12px; background:#fff; color:#10365c; font:700 13px/1.3 Arial,"Microsoft YaHei",sans-serif; cursor:pointer; }
  .vpl-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
  .vpl-toggle:focus-visible { outline:3px solid #7abce9; outline-offset:3px; }
  html[data-product-view] #products .vpl-image-note { display:block; margin:0 0 14px; color:#607486; font:11px/1.6 Arial,"Microsoft YaHei",sans-serif; }
  html[data-product-view] #products #productGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; }
  html[data-product-view] #products #productGrid .catalog-group-title { grid-column:1/-1; font-size:22px; margin:20px 0 0; }
  html[data-product-view] #products #productGrid .product-item { min-width:0; min-height:0; padding:8px; border-radius:16px; gap:0; transform:none; }
  html[data-product-view] #products #productGrid .product-visual { min-height:0; height:auto; width:100%; aspect-ratio:1; border-radius:11px; }
  html[data-product-view] #products #productGrid .product-catalog-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  html[data-product-view] #products #productGrid .product-visual>.product-code { left:5px; bottom:5px; min-height:30px; padding:5px 7px; font-size:9px; max-width:calc(100% - 54px); overflow-wrap:anywhere; letter-spacing:.04em; }
  html[data-product-view] #products #productGrid .product-visual>.product-coa-badge { right:4px; bottom:3px; min-width:44px; min-height:44px; padding:5px; font-size:10px; }
  html[data-product-view] #products #productGrid .product-body { padding:12px 2px 2px; min-width:0; }
  html[data-product-view] #products #productGrid .ventro-image-note,
  html[data-product-view] #products #productGrid .product-category { display:none; }
  html[data-product-view] #products #productGrid .product-body h3 { margin:0 0 8px; font-size:20px; line-height:1.15; letter-spacing:-.02em; overflow-wrap:anywhere; }
  html[data-product-view] #products #productGrid .vr-card-purpose { margin:0 0 12px; color:#5e7485; font:12px/1.5 Arial,"Microsoft YaHei",sans-serif; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  html[data-product-view] #products #productGrid .product-spec-row { display:flex; flex-direction:column; align-items:stretch; gap:10px; min-height:0; margin:auto 0 12px; }
  html[data-product-view] #products #productGrid .product-spec-row>.product-variant-picker { width:100%; min-width:0; margin:0; flex:none; }
  html[data-product-view] #products #productGrid .product-spec-row summary { min-height:44px; padding:8px 25px 8px 8px; font-size:11px; line-height:1.4; }
  html[data-product-view] #products #productGrid .product-spec-row summary::after { right:10px; width:6px; height:6px; }
  html[data-product-view] #products #productGrid .product-spec-row .product-variant-options { width:100%; max-width:100%; min-width:0; }
  html[data-product-view] #products #productGrid .product-variant-option { white-space:normal; overflow-wrap:anywhere; font-size:11px; min-height:44px; padding:8px 6px; }
  html[data-product-view] #products #productGrid .product-spec-row>.product-price { align-self:flex-start; text-align:left; font-size:20px; flex:none; max-width:100%; }
  html[data-product-view] #products #productGrid .product-spec-row>.product-price.is-sold-out { font-size:12px; }
  html[data-product-view] #products #productGrid .product-spec-row>.product-summary { font:11px/1.5 Arial,"Microsoft YaHei",sans-serif; min-height:44px; display:flex; align-items:center; }
  html[data-product-view] #products #productGrid .product-actions { display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:6px; padding-top:10px; margin-top:auto; }
  html[data-product-view] #products #productGrid .product-detail-link { display:flex; align-items:center; justify-content:center; min-width:0; min-height:44px; padding:8px 5px; font-size:11px; line-height:1.4; text-align:center; white-space:normal; overflow-wrap:anywhere; border-radius:11px; }
  html[data-product-view] #products #productGrid .product-actions .inquiry-add { width:40px; min-width:40px; height:44px; min-height:44px; padding:8px; border-radius:11px; }
  html[data-product-view] #products #productGrid .product-actions .inquiry-add svg { width:21px; height:21px; }
  html[data-product-view="list"] #products #productGrid { grid-template-columns:minmax(0,1fr); }
  html[data-product-view="list"] #products #productGrid .product-item { display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px; padding:12px; align-items:start; }
  html[data-product-view="list"] #products #productGrid .product-body { padding:0; }
  html[data-product-view="list"] #products #productGrid .product-body h3 { font-size:20px; margin-bottom:10px; }
  html[data-product-view="list"] #products #productGrid .vr-card-purpose { display:none; }
  html[data-product-view="list"] #products #productGrid .product-visual>.product-code { top:5px; bottom:auto; max-width:calc(100% - 10px); }
  html[data-product-view="list"] #products #productGrid .product-spec-row { margin:0 0 8px; gap:8px; }
  html[data-product-view="list"] #products #productGrid .product-spec-row>.product-price { order:-1; }
  html[data-product-view="list"] #products #productGrid .product-actions { padding-top:0; border:0; }
}
@media(max-width:360px) {
  html[data-product-view] #products #productGrid { gap:8px; }
  html[data-product-view] #products #productGrid .product-item { padding:6px; }
  html[data-product-view] #products #productGrid .product-body h3 { font-size:18px; }
  html[data-product-view] #products #productGrid .product-spec-row>.product-price { font-size:18px; }
  html[data-product-view="list"] #products #productGrid .product-item { grid-template-columns:84px minmax(0,1fr); padding:10px; gap:10px; }
}