#searchResults{display:flex;flex-direction:column;gap:8px;}
body{padding-top:14px;background:var(--bg-color-main)}
.container{display:flex;min-height:calc(100vh - 60px);background:var(--bg-primary);height:auto;border:1px solid var(--bg-maincontent);}
.sidebar{width:clamp(31%, calc(31% + 9% * ((1150px - 100vw) / 382px)), 40%);min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;border-right:10px solid var(--bg-big-border);}
.main-content{width:clamp(60%, calc(69% - 9% * ((1150px - 100vw) / 382px)), 69%);background:var(--bg-layer2);overflow-y:auto}
@media (max-width:768px){
  .container{flex-direction:column;background:var(--bg-layer2);}
  .sidebar{width:100%;min-height:unset;border-right:none;border-bottom:1px solid var(--border-color);display:none!important}
  .main-content{width:100%}
}
.search-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;position:relative}
.search-row input{flex:1;padding:8px 32px 8px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}
.search-row .clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;font-size:18px;line-height:1;display:none;z-index:1}
.search-row .clear-btn:hover{color:var(--text-primary)}
.search-row .clear-btn.show{display:block}
.brand-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.brand-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;text-decoration:none;color:var(--text-primary)}
.brand-card:hover .brand-name{color:#1991ff;font-weight:600}
.brand-name{text-transform:capitalize;font-weight:600}
.brand-count{color:var(--text-secondary)}
.brand-count:hover{color:#f60505;font-weight:600}
.results{max-height:260px;overflow:auto;border-radius:6px;margin-top:8px}
.result-item{display:flex;justify-content:space-between;padding:8px 8px;text-decoration:none;color:var(--text-primary);background:var(--bg-primary);}
.result-item:last-child{border-bottom:none}
@media(max-width:768px){.brand-list-grid{grid-template-columns:repeat(1,1fr)}}
.sidebar-section{width:100%;margin-bottom:1px}
.section-title{margin-top:10px;letter-spacing:.02em;text-align:center;text-transform:uppercase;padding:5px 0;display:flex;gap:8px}
.section-title svg{width:18px;height:18px}
.section-content{margin-left:10px;height:335px;overflow-y:auto;scrollbar-width:thin;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin}
.phone-grid{background-color:var(--bg-sidebar-section-bg-layer);display:grid;padding:4px 0 0 0;grid-template-columns:repeat(3,1fr);width:100%;box-sizing:border-box}
.phone-card{margin:0 7px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;min-width:0;margin-bottom:10px;overflow:hidden}
.phone-image-container{padding:2px;overflow:hidden}
.phone-image{transition:transform 1s cubic-bezier(.26,.695,.375,.965);width:100%;object-fit:cover;object-position:center;filter:brightness(.95)}
.phone-card:hover .phone-image{transform:scale(1.05)}
.phone-name{font:700 13px/18px Arimo,Arial,sans-serif;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-color-brandlist)}
.favorite-list{background-color:var(--bg-color-brandlist);width:100%;box-sizing:border-box}
.favorite-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color-button);transition:all .2s ease;text-decoration:none;cursor:pointer}
.favorite-item:nth-child(odd){background-color:#ffffff}
.favorite-item:nth-child(even){background-color:#e8f5e8}
.favorite-item:hover{background-color:var(--bg-color-button-hover);transform:translateY(-1px);text-decoration:none}
.favorite-model{font-size:13px;font-weight:500;color:var(--text-primary);flex:1;text-align:left}
.favorite-number{font-size:14px;font-weight:600;color:var(--accent-color);padding:4px 8px;border-radius:4px;min-width:40px;text-align:center}
.comparison-list{background-color:var(--bg-color-brandlist);width:100%;box-sizing:border-box}
.comparison-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;background-color:var(--bg-color-button);transition:all .2s ease;text-decoration:none;cursor:pointer}
.comparison-item:nth-child(odd){background-color:#ffffff}
.comparison-item:nth-child(even){background-color:#fff3e0}
[data-theme="dark"] .favorite-item{background-color:#2a2a2a!important}
[data-theme="dark"] .favorite-item:nth-child(even){background-color:#232323!important}
[data-theme="dark"] .comparison-item{background-color:#2a2a2a!important}
[data-theme="dark"] .comparison-item:nth-child(even){background-color:#232323!important}
[data-theme="dark"] .favorite-item:hover,[data-theme="dark"] .comparison-item:hover{background-color:#3a3a3a!important}
.top-hit-section .favorite-item:nth-child(even){background-color:#e3f2fd}
.comparison-item:hover{background-color:var(--bg-color-button-hover);transform:translateY(-1px);text-decoration:none}
.comparison-models{flex:1;display:flex;flex-direction:column;gap:4px}
.comparison-model{font-size:13px;font-weight:500;color:var(--text-primary);text-align:left;line-height:1.2}
.comparison-vs{font-size:12px;font-weight:700;color:var(--accent-color);background-color:var(--bg-color-secondary);padding:6px 8px;border-radius:4px;min-width:30px;text-align:center}