.page-head{background:var(--bg-alt);border-bottom:1px solid var(--line);padding:60px 0 40px}.page-head h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 8px}.page-head .lead{font-size:1.1rem;color:var(--muted);margin:0;max-width:600px}.breadcrumb-jg{font-family:var(--ff-mono);font-size:.82rem;color:var(--muted);margin-bottom:20px}.breadcrumb-jg a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb-jg a:hover{color:var(--accent)}.breadcrumb-jg .sep{margin:0 6px;opacity:.5}.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{background:var(--bg-alt);border:1px solid var(--line);color:var(--muted);font-family:var(--ff-mono);font-size:.85rem;padding:8px 18px;border-radius:var(--radius);cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-search{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 42px auto;align-items:center;gap:0;margin:0 0 28px;max-width:860px;min-height:56px;background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--accent)}.catalog-search>i{color:var(--accent);justify-self:center;font-size:.95rem}.catalog-search input{width:100%;min-width:0;height:54px;background:transparent;border:0;color:var(--text);font-family:var(--ff-mono);font-size:.9rem;letter-spacing:.04em;outline:0}.catalog-search input::placeholder{color:var(--muted)}.catalog-search button{width:42px;height:42px;margin-right:6px;display:none;place-items:center;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:var(--radius)}.catalog-search button.show{display:grid}.catalog-search button:hover{border-color:var(--accent);color:var(--accent)}.catalog-search-status{padding-right:16px;color:var(--muted);font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.catalog-search.is-loading:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:searchSweep .9s linear infinite}@keyframes searchSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:40px}@media(max-width:991px){.catalog-layout{grid-template-columns:1fr}.catalog-search{max-width:none;grid-template-columns:40px minmax(0,1fr) 42px}.catalog-search-status{display:none}.sidebar-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}}.sidebar-filter{position:sticky;top:100px;align-self:start}.filter-group{margin-bottom:24px}.filter-group h5{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-family:var(--ff-mono)}.filter-check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.9rem;cursor:pointer}.filter-check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.filter-check .cnt{margin-left:auto;font-family:var(--ff-mono);font-size:.78rem;color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-family:var(--ff-mono);font-size:.85rem;color:var(--muted)}.sort-select{background:var(--bg-alt);border:1px solid var(--line);color:var(--text);font-family:var(--ff-mono);font-size:.82rem;padding:8px 14px;border-radius:var(--radius)}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:60px}@media(max-width:991px){.pd-grid{grid-template-columns:1fr}}.pd-gallery{display:flex;gap:16px}.pd-thumbs{display:flex;flex-direction:column;gap:10px;width:80px;flex-shrink:0}.pd-thumb{border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;overflow:hidden;aspect-ratio:1}.pd-thumb.active{border-color:var(--accent)}.pd-thumb .placeholder-tire,.pd-thumb .placeholder-rim{width:100%!important;height:100%!important;border-radius:0!important}.pd-main{flex:1;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:420px;position:relative;cursor:pointer;overflow:hidden}.pd-main.zoomed{position:fixed;inset:0;z-index:1000;background:#000000eb;border:none}.pd-zoom-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--ff-mono);font-size:.75rem;color:var(--muted);opacity:.6}.pd-main .placeholder-tire,.pd-main .placeholder-rim{max-width:280px;max-height:280px}.pd-info{padding-top:10px}.pd-info .product-brand{color:var(--accent);font-family:var(--ff-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.pd-info h1{font-size:2rem;margin:8px 0 14px}.pd-meta{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.pd-price-row{display:flex;align-items:center;gap:16px;margin:16px 0}.pd-price{font-family:var(--ff-display);font-style:italic;font-weight:800;font-size:2.4rem}.pd-old{font-size:1.1rem;color:var(--muted);text-decoration:line-through;font-family:var(--ff-mono)}.pd-discount{background:var(--danger);color:#fff;font-family:var(--ff-mono);font-size:.8rem;padding:4px 10px;border-radius:var(--radius);font-weight:700}.pd-spec-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:20px 0}.pd-spec-table .row{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font-size:.9rem}.pd-spec-table .row:last-child{border-bottom:none}.pd-spec-table .row .k{color:var(--muted);font-family:var(--ff-mono);font-size:.82rem}.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.pd-actions .qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius)}.pd-actions .qty button{background:transparent;border:0;color:var(--text);width:42px;height:48px;cursor:pointer;font-size:1.2rem}.pd-actions .qty input{width:54px;height:48px;background:transparent;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--text);text-align:center;font-family:var(--ff-mono)}.pd-tabs{margin-top:40px}.pd-tab-heads{display:flex;gap:0;border-bottom:1px solid var(--line)}.pd-tab-head{background:none;border:none;padding:14px 24px;font-family:var(--ff-mono);font-size:.85rem;color:var(--muted);cursor:pointer;position:relative;transition:color .2s}.pd-tab-head:hover{color:var(--text)}.pd-tab-head.active{color:var(--accent);font-weight:600}.pd-tab-head.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.pd-tab-pane{display:none;padding:24px 0}.pd-tab-pane.active{display:block}
