.brands-hero{background:var(--color-primary);color:#fff;padding:28px 0 24px}.brands-hero h1{color:#fff;margin:8px 0 6px;font-size:1.7rem;font-weight:800}.brands-hero-sub{color:#ffffffbf;font-size:.9rem}.breadcrumb{color:#ffffffa6;align-items:center;gap:8px;margin-bottom:4px;font-size:.82rem;display:flex}.breadcrumb a{color:#fffc;text-decoration:none}.breadcrumb a:hover{color:#fff}.breadcrumb span{opacity:.5}.brand-detail-page .breadcrumb{color:var(--color-text-light)}.brand-detail-page .breadcrumb a{color:var(--color-primary)}.brand-detail-page .breadcrumb span{opacity:1;color:var(--color-text-light)}.brands-tabs-wrap{border-bottom:1px solid var(--color-border);z-index:10;background:#fff;position:sticky;top:0}.brands-tabs{scrollbar-width:none;gap:4px;padding:10px 0;display:flex;overflow-x:auto}.brands-tabs::-webkit-scrollbar{display:none}.brands-tab{border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;padding:7px 16px;font-size:.82rem;font-weight:500}.brands-tab.active,.brands-tab:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.brands-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.brand-card{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;text-align:center;background:#fff;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;text-decoration:none;display:flex}.brand-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.brand-logo-box{border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:1px solid var(--color-border);box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:100%;height:90px;padding:12px;display:flex;overflow:hidden}.brand-logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.brand-initials{letter-spacing:-.5px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:900;line-height:1;display:flex}.brand-card-info{flex-direction:column;gap:2px;display:flex}.brand-card-name{color:var(--color-text);font-size:.82rem;font-weight:700;line-height:1.2}.brand-card-tag{color:var(--color-text-light);font-size:.72rem}.brands-empty{text-align:center;color:var(--color-text-light);padding:60px 0;font-size:.95rem}.brand-detail-page{background:var(--color-surface);min-height:100vh}.brand-header-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;align-items:center;gap:20px;margin-bottom:28px;padding:24px;display:flex}.brand-header-logo{border-radius:var(--radius-md);border:1px solid var(--color-border);box-sizing:border-box;background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:80px;padding:10px;display:flex;overflow:hidden}.brand-header-logo-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.brand-header-initials{letter-spacing:-.5px;font-size:1.4rem;font-weight:900}.brand-header-name{color:var(--color-text);margin:0 0 4px;font-size:1.5rem;font-weight:800}.brand-header-price{color:var(--color-text-light);margin:0 0 8px;font-size:.9rem}.brand-header-price strong{color:var(--color-accent);font-weight:700}.brand-header-cats{flex-wrap:wrap;gap:6px;display:flex}.brand-cat-chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-light);border-radius:12px;padding:3px 10px;font-size:.75rem}.brand-detail-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.brand-detail-main{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:28px}.brand-section-title{color:var(--color-text);margin:0 0 4px;font-size:1.15rem;font-weight:700}.brand-section-sub{color:var(--color-text-light);margin:0 0 20px;font-size:.85rem}.size-rows{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.size-row{border-bottom:1px solid var(--color-border);transition:background var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.size-row:last-child{border-bottom:none}.size-row:hover{background:var(--color-surface)}.size-row-label{flex-direction:column;gap:2px;display:flex}.size-name{color:var(--color-text);font-size:.9rem;font-weight:600}.size-weight{color:var(--color-text-light);font-size:.75rem}.size-row-inputs{align-items:center;gap:8px;display:flex}.size-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:110px;font-family:var(--font-body);color:var(--color-text);transition:border-color var(--transition);background:#fff;padding:8px 12px;font-size:.85rem}.size-input:focus{border-color:var(--color-primary);outline:none}.size-or{color:var(--color-text-light);flex-shrink:0;font-size:.78rem}.brand-article{border-top:1px solid var(--color-border);margin-top:36px;padding-top:28px;line-height:1.75}.brand-article h2{color:var(--color-text);margin-bottom:10px;font-size:1.15rem;font-weight:700}.brand-article h3{color:var(--color-primary);margin:20px 0 8px;font-size:1rem;font-weight:700}.brand-article p,.brand-article li{color:var(--color-text-light);font-size:.88rem}.brand-article ul,.brand-article ol{flex-direction:column;gap:6px;padding-left:20px;display:flex}.brand-detail-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.sidebar-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:20px}.sidebar-card h3{color:var(--color-text);margin:0 0 4px;font-size:1rem;font-weight:700}.sidebar-estimator{background:linear-gradient(135deg, var(--color-primary) 0%, #1a3a6e 100%);color:#fff;position:relative;overflow:hidden}.sidebar-estimator h3{color:#fff}.sidebar-estimator p{color:#ffffffbf;margin-bottom:12px;font-size:.82rem}.sidebar-estimator-badge{background:var(--color-accent);color:#fff;letter-spacing:1px;border-radius:12px;margin-bottom:10px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-block}.estimator-steps{flex-direction:column;gap:4px;padding-left:18px;list-style:decimal;display:flex}.estimator-steps li{color:#fffc;font-size:.82rem}.sidebar-expert-sub{color:var(--color-text-light);margin-bottom:12px;font-size:.8rem}.sidebar-divider{color:var(--color-text-light);align-items:center;gap:8px;margin:12px 0;font-size:.78rem;display:flex}.sidebar-divider:before,.sidebar-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.sidebar-why-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.sidebar-why-item{color:var(--color-text);align-items:center;gap:10px;font-size:.85rem;display:flex}.sidebar-why-icon{color:var(--color-accent);flex-shrink:0;display:inline-flex}@media (max-width:1024px){.brands-grid{grid-template-columns:repeat(4,1fr)}.brand-detail-layout{grid-template-columns:1fr}.brand-detail-sidebar{position:static}}@media (max-width:640px){.brands-grid{grid-template-columns:repeat(2,1fr)}.size-row{flex-direction:column;align-items:flex-start;gap:10px}.size-row-inputs{width:100%}.size-input{flex:1;width:auto}}