.catalog-page{max-width:var(--max-width);margin:0 auto;padding:0 24px 40px}.cat-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.cat-title{color:var(--text);font-size:28px;font-weight:700}.cat-count{color:var(--text-muted);font-size:15px;font-weight:400}.cat-toolbar{z-index:20;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 0;display:flex;position:sticky;top:90px}.cat-toolbar-left{align-items:center;gap:12px;display:flex}.cat-toolbar-right{align-items:center;gap:8px;display:flex}.cat-tree-item{color:var(--text-secondary);border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.cat-tree-item:hover{background:var(--primary-lighter);color:var(--primary)}.cat-tree-item.active{background:var(--primary-light);color:#1e40af;border-left:3px solid var(--primary);padding-left:9px;font-weight:600}.cat-tree-item .count{color:#4b5563;background:var(--bg);border-radius:10px;padding:1px 6px;font-size:12px;font-weight:400}.cat-tree-children{padding-left:16px}.cf-wrapper{margin-bottom:12px}.cf-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.cf-pill{border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-white);color:var(--text);white-space:nowrap;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.cf-pill:hover{border-color:var(--primary-light);background:var(--primary-lighter)}.cf-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cf-pill.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.cf-pill-count{background:#ffffff4d;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.3}.cf-dropdown-wrap{position:relative}.cf-dropdown{background:var(--bg-white);border-radius:var(--radius-xl);z-index:100;border:1px solid var(--border);min-width:280px;max-height:400px;padding:16px;animation:.15s cf-dropdown-in;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.cf-dropdown--price{min-width:320px}@keyframes cf-dropdown-in{0%{opacity:0}to{opacity:1}}.cf-search{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg-white);transition:border-color var(--transition);border-radius:10px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:13px}.cf-search:focus{border-color:var(--primary)}.cf-search::placeholder{color:var(--text-muted)}.cf-checkbox-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.cf-checkbox-list::-webkit-scrollbar{width:4px}.cf-checkbox-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cf-checkbox{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:7px 8px;display:flex}.cf-checkbox:hover{background:var(--bg)}.cf-checkbox-box{border:2px solid var(--border);width:18px;height:18px;transition:all var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cf-checkbox--checked .cf-checkbox-box{background:var(--primary);border-color:var(--primary)}.cf-checkbox-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.cf-checkbox--checked .cf-checkbox-label{color:var(--primary);font-weight:600}.cf-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.cf-price-inputs{align-items:center;gap:8px;display:flex}.cf-price-input{border:1.5px solid var(--border);width:130px;color:var(--text);background:var(--bg-white);transition:border-color var(--transition);-moz-appearance:textfield;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.cf-price-input:focus{border-color:var(--primary)}.cf-price-input::-webkit-outer-spin-button{-webkit-appearance:none}.cf-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.cf-price-dash{color:var(--text-muted);flex-shrink:0;font-size:14px}.cf-apply-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600;transition:background .15s}.cf-apply-btn:hover{background:var(--primary-dark)}.cf-reset{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;padding:8px 12px;font-size:13px;text-decoration:underline;transition:color .15s}.cf-reset:hover{color:var(--danger)}.cf-tags{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 8px;display:flex}.cf-tag{background:var(--primary-lighter);color:var(--primary);cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cf-tag:hover{background:var(--primary-light)}.cf-tag-close{opacity:.6;align-items:center;transition:opacity .15s;display:inline-flex}.cf-tag:hover .cf-tag-close{opacity:1}.cf-clear-all{color:var(--text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 8px;font-size:13px;text-decoration:underline;transition:color .15s}.cf-clear-all:hover{color:var(--danger)}@media (max-width:600px){.cf-bar{gap:6px;padding:8px 0}.cf-pill{height:32px;padding:6px 12px;font-size:13px}.cf-dropdown{border-radius:var(--radius-xl) var(--radius-xl) 0 0;min-width:auto;max-height:60vh;position:fixed;inset:auto 0 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}@media (max-width:768px){.header-nav-path{display:none}}.catalog-updating{opacity:.5;pointer-events:none;transition:opacity .15s}.catalog-layout{grid-template-columns:260px 1fr;gap:24px;margin-top:8px;display:grid}.catalog-sidebar{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.sidebar-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.sidebar-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:14px;font-weight:700}.catalog-main{min-width:0}.cat-filter-btn{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.cat-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-filter-badge{text-align:center;background:#ffffff4d;border-radius:10px;min-width:18px;padding:1px 7px;font-size:12px;font-weight:700}.cat-filter-btn:not(.active) .cat-filter-badge{background:var(--primary);color:#fff}.cat-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;text-decoration:underline}.cat-clear-btn:hover{color:var(--danger)}.cat-filter-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px 20px;animation:.2s slideDown}@media (max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}.cat-load-more{flex-direction:column;align-items:center;gap:8px;padding:32px 0;display:flex}.cat-load-more-btn{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:12px 40px;font-size:15px;font-weight:600;transition:all .15s}.cat-load-more-btn:hover{background:var(--primary-dark)}.cat-load-more-btn:disabled{opacity:.6;cursor:wait}.cat-load-more-info{color:var(--text-muted);font-size:13px}.cat-lazy-sentinel{height:1px}.cat-lazy-loading{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.cat-lazy-done{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.header-nav-path{flex:1;align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.header-nav-sep{color:var(--text-muted);flex-shrink:0;padding:0 6px;font-size:13px}.header-nav-current{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}@media (max-width:768px){.header-nav-path{display:none}}.header-topbar,.header-nav{max-height:60px;transition:max-height .25s,opacity .15s,padding .25s;overflow:hidden}.header-hidden{pointer-events:none;opacity:0!important;border-color:#0000!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pc-variants{flex-direction:column;gap:6px;margin:8px 0 6px;display:flex}.pc-variant-row{grid-template-columns:minmax(70px,max-content) 1fr;align-items:start;column-gap:8px;font-size:12px;line-height:1.3;display:grid}.pc-variant-axis{color:#6b7280;white-space:nowrap;padding-top:2px}.pc-variant-values{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.pc-color-swatch{cursor:pointer;border-radius:50%;outline:none;width:20px;height:20px;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.pc-color-swatch:hover,.pc-color-swatch:focus-visible{transform:scale(1.15);box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px #fff,0 0 0 3px #2563eb}.pc-color-swatch.is-active{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px #fff,0 0 0 3px #2563eb}.pc-pill-mini{color:#374151;cursor:pointer;user-select:none;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:999px;outline:none;padding:3px 9px;font-size:12px;transition:border-color .12s,color .12s,background .12s}.pc-pill-mini:hover,.pc-pill-mini:focus-visible{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.pc-pill-mini.is-active{color:#fff;background:#2563eb;border-color:#2563eb}@media (max-width:480px){.pc-variant-row{grid-template-columns:1fr;row-gap:4px}.pc-color-swatch{width:22px;height:22px}}.pc-color-swatch.is-incompatible{opacity:.35;cursor:not-allowed;pointer-events:auto;filter:grayscale();position:relative}.pc-color-swatch.is-incompatible:after{content:"";pointer-events:none;background:#ef4444;height:2px;position:absolute;top:48%;left:6%;right:6%;transform:rotate(-25deg)}.pc-color-swatch.is-incompatible:hover{border-color:#0000}.pc-pill-mini.is-oos{opacity:.5;cursor:pointer;text-decoration:line-through}.pc-pill-mini.is-oos:hover{background:#fff}.product-card-name-wrap{position:relative}@keyframes pc-tip-pop-in{0%{opacity:0;filter:blur(6px);transform:translateY(-6px)scale(.92)}60%{opacity:1;filter:blur();transform:translateY(0)scale(1.02)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pc-tip-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.pc-variant-tip{z-index:30;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border:1px solid #f59e0b80;border-radius:10px;align-items:center;gap:8px;padding:10px 12px 10px 14px;font-size:12.5px;font-weight:500;line-height:1.3;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:.36s cubic-bezier(.16,1,.3,1) both pc-tip-pop-in,.6s ease-in 6.4s forwards pc-tip-fade-out;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 4px 18px #0f172a47,0 1px 3px #0f172a29,inset 0 1px #ffffff0f}.pc-variant-tip:before{content:"";background:linear-gradient(135deg,#1f2937,#111827);border-top:1px solid #f59e0b80;border-left:1px solid #f59e0b80;width:10px;height:10px;position:absolute;top:-5px;left:18px;transform:rotate(45deg)}.pc-variant-tip:hover{transform:translateY(-1px);box-shadow:0 6px 22px #dc262659,0 2px 6px #0f172a33}.pc-variant-tip-icon{color:#fbbf24;filter:drop-shadow(0 0 4px #f59e0b99);flex-shrink:0}.pc-variant-tip>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pc-variant-tip-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1;transition:background .12s,color .12s}.pc-variant-tip-close:hover{color:#fff;background:#ffffff1f}@keyframes pc-word-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translate(0,0)}}.product-card-name--flash{display:inline-block}.product-card-name--flash .pc-word{opacity:0;white-space:pre;animation:.62s cubic-bezier(.16,1,.3,1) both pc-word-rise;display:inline-block}
.search-page{padding:20px 20px 60px}.search-page-header{margin-bottom:24px}.search-page-title{letter-spacing:-.02em;color:var(--text);font-size:26px;font-weight:800}.search-page-query{color:var(--primary)}.search-page-count{color:var(--text-light);margin-top:6px;font-size:14px}.search-toolbar{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;position:sticky;top:90px}.search-toolbar-sorts{flex-wrap:wrap;gap:4px;display:flex}.search-sort-btn{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);color:var(--text-light);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:500}.search-sort-btn:hover{background:var(--bg);color:var(--text)}.search-sort-btn--active{background:var(--primary-light);color:#1d4ed8;border-color:#2563eb33;font-weight:600}.search-toolbar-right{align-items:center;gap:12px;display:flex}.search-skeleton{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.product-card-skeleton{border-radius:var(--radius-lg);height:380px}.search-empty{text-align:center;padding:80px 20px}.search-empty-icon{color:var(--text-muted);opacity:.3;margin-bottom:20px}.search-empty h2{margin-bottom:12px;font-size:22px;font-weight:700}.search-empty p{color:var(--text-light);max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:15px}@media (max-width:768px){.sb-submit{padding:0 16px;font-size:13px}.sb-item-price{display:none}.search-toolbar-sorts{gap:2px}.search-sort-btn{padding:6px 10px;font-size:12px}}