.result-count{font-size:11px;color:var(--text);line-height:1.7}
.result-count strong{font-size:15px;font-weight:700;padding-inline:3px;color:var(--ink)}
.result-count>span{color:var(--muted);margin-left:3px}
.catalog-category-browser{display:flex;align-items:center;gap:18px;min-width:0;margin:0 0 14px;padding-block:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-category-browser>label{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:11px;font-weight:600;color:var(--ink)}
.catalog-category-browser>label svg{width:15px;height:15px;color:var(--accent,var(--green))}
.catalog-category-browser select,.filter-field select{height:40px;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--text);padding:8px 30px 8px 11px;font-size:12px;line-height:1.5;letter-spacing:0}
.catalog-category-browser select{width:min(100%,360px)}
.filter-field select{width:100%;margin-top:5px}
.detail-tag{max-width:100%;overflow-wrap:anywhere}
.product-card .product-info{min-width:0}
.product-card .product-brand{min-height:1.6em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-card .product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;line-height:1.75;height:5.25em;min-height:5.25em;max-height:5.25em;width:100%;text-align:left}
.product-card .product-price-row{flex-wrap:wrap}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px;min-height:38px}
.pagination-numbers{display:flex;align-items:center;gap:5px}
.catalog-pagination button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:4px;background:white;font-size:12px;padding:0;color:var(--ink)}
.catalog-pagination button:hover:not(:disabled){border-color:var(--accent,var(--green));color:var(--accent,var(--green));background:var(--accent-soft,var(--green-light))}
.catalog-pagination button[aria-current=page]{background:var(--accent,var(--green));border-color:var(--accent,var(--green));color:white;font-weight:700}
.catalog-pagination button[aria-current=page]:hover{color:white;background:var(--accent-hover,var(--green))}
.catalog-pagination button:disabled{opacity:.35;cursor:default}
.pagination-direction svg{width:16px;height:16px}
.pagination-gap{display:inline-flex;align-items:center;justify-content:center;width:18px;height:36px;font-size:12px;color:var(--muted)}
.pagination-position{color:var(--muted);font-size:10px;margin-left:5px}
.cart-pending-section{margin:18px 0;padding-block:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cart-pending-section h2{font-size:14px;line-height:1.6;margin:0 0 8px}
.cart-pending-section>p{font-size:11px;color:var(--muted);margin:0 0 12px}
.cart-pending-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:10px;border-top:1px solid var(--line);font-size:11px}
.cart-pending-line>span{min-width:0;overflow-wrap:anywhere}
.cart-pending-line small{display:block;color:var(--muted);margin-top:3px}
.cart-pending-line button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;color:var(--muted)}
.cart-pending-line button svg{width:16px;height:16px}
.cart-pending-line button:hover:not(:disabled){color:var(--accent,var(--coral))}
@media(max-width:700px){.catalog-toolbar{flex-wrap:wrap;gap:5px;padding-bottom:8px}.toolbar-actions{width:100%;justify-content:space-between;min-height:30px}.result-count{font-size:10px}.result-count strong{font-size:13px}.catalog-pagination{gap:7px;margin-top:27px}.catalog-pagination button{width:32px;height:34px;font-size:11px}.pagination-numbers{gap:3px}.pagination-gap{width:12px}.pagination-position{width:100%;text-align:center;margin:3px 0 0}}
@media(max-width:700px){.catalog-category-browser{align-items:flex-start;flex-direction:column;gap:8px;padding-block:12px;margin-bottom:10px}.catalog-category-browser>label{font-size:10px}.catalog-category-browser select{width:100%;height:40px;font-size:11px}.filter-category-options{gap:12px 8px}.filter-category-options label{min-width:0;overflow-wrap:anywhere}}
