:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper .sort-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px;
  border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; line-height: 1; cursor: pointer; text-decoration: none; margin-left: 0;
}
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper .sort-btn img {
  width: 20px; height: 20px; display: block;
}


html[data-theme="night"] :is(#results-content, #saved-content, #credits-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
html[data-theme="night"] :is(#results-content, #saved-content, #credits-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper .sort-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px;
  border: 1px solid #e0e0e0; border-radius: 8px; background: #000000; line-height: 1; cursor: pointer; text-decoration: none; margin-left: 0;
}
html[data-theme="night"] :is(#results-content, #saved-content, #credits-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper .sort-btn svg {
  width: 20px; height: 20px; display: block; color:#333;
}

html[data-theme="night"] 
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper { 
    display: flex; align-items: center; justify-content: space-between; gap: 12px; } 

html[data-theme="night"] 
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content) .banner-count-wrapper .sort-btn { 
    display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #e0e0e0; color: #fff;; 
    border-radius: 8px; background: #000000; line-height: 1; cursor: pointer; text-decoration: none; margin-left: 0; }

html[data-theme="night"]
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content)
.banner-count-wrapper .sort-btn svg {
  width: 20px; height: 20px; display: block; color: inherit;  
}

html[data-theme="night"]
:is(#results-content, #saved-content, #viewed-content, #recommended-content, #agentlisting-content)
.banner-count-wrapper .sort-btn svg * {
  stroke: currentColor;     /* ← use inherited white for strokes */
  fill: none;               /* keep it outline-style */
}




#saved-content .saved-page-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid #e8edf5;
  border-radius:16px;
  background:#ffffff;
  color:var(--saved-muted);
  font-size:13px;
  line-height:1.45;
  overflow:hidden;
  opacity:1;
  max-height:200px;
  transition:
    opacity .45s ease,
    max-height .45s ease,
    margin .45s ease,
    padding .45s ease;
}


    #recommended-content .recommended-hero__copy,
    #viewed-content .viewed-hero__copy,
    #saved-content .saved-hero__copy{
      min-width:0;
      width:100%;
    }

    #recommended-content .recommended-hero__controls,
    #viewed-content .viewed-hero__controls,
    #saved-content .saved-hero__controls{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:nowrap;
      width:100%;
      margin-top:14px;
    }

    #recommended-content .recommended-hero__controls .banner-count,
    #viewed-content .viewed-hero__controls .banner-count,
    #saved-content .saved-hero__controls .banner-count{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      background:#eff6ff;
      border:1px solid #bfdbfe;
      color:#1d4ed8;
      font-size:13px;
      font-weight:800;
      letter-spacing:-.01em;
      line-height:1;
      margin:0;
      white-space:nowrap;
      flex:0 1 auto;
      min-width:0;
    }

    #recommended-content .recommended-hero__controls #recommended-listings-count,
    #viewed-content .viewed-hero__controls #viewed-listings-count,
    #saved-content .saved-hero__controls #saved-listings-count{
      color:#0f172a;
      font-weight:900;
    }

    #recommended-content .recommended-hero__controls #recommended-listings-label,
    #viewed-content .viewed-hero__controls #viewed-listings-label,
    #saved-content .saved-hero__controls #saved-listings-label{
      color:inherit;
      font-weight:800;
    }

    #recommended-content .recommended-hero__controls .sort-btn,
    #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn,
    #viewed-content .viewed-hero__controls .sort-btn,
    #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn,
    #saved-content .saved-hero__controls .sort-btn,
    #saved-content .saved-hero__controls #saved-toggle-sort-btn{
      appearance:none;
      -webkit-appearance:none;
      min-height:42px;
      padding:0 14px;
      border-radius:999px;
      background:#fff;
      border:1px solid #dbe3ef;
      color:#0f172a;
      font-size:14px;
      font-weight:800;
      letter-spacing:-.01em;
      box-shadow:0 6px 16px rgba(15,23,42,.05);
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      line-height:1;
      margin:0;
      white-space:nowrap;
      text-decoration:none;
      flex:0 0 auto;
      transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
    }

    #recommended-content .recommended-hero__controls .sort-btn:hover,
    #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn:hover,
    #viewed-content .viewed-hero__controls .sort-btn:hover,
    #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn:hover,
    #saved-content .saved-hero__controls .sort-btn:hover,
    #saved-content .saved-hero__controls #saved-toggle-sort-btn:hover{    
      transform:translateY(-1px);
      background:#f8fbff;
      box-shadow:0 10px 22px rgba(15,23,42,.10);
      border-color:#bfd0ea;
    }

    #recommended-content .recommended-hero__controls .sort-btn svg,
    #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn svg,
    #viewed-content .viewed-hero__controls .sort-btn svg,
    #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn svg,
    #saved-content .saved-hero__controls .sort-btn svg,
    #saved-content .saved-hero__controls #saved-toggle-sort-btn svg{
      width:20px;
      height:20px;
      display:block;
      flex:0 0 auto;
      color:currentColor;
    }

    #recommended-content .recommended-hero__controls .sort-btn svg *,
    #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn svg *,
    #viewed-content .viewed-hero__controls .sort-btn svg *,
    #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn svg *,
    #saved-content .saved-hero__controls .sort-btn svg *,
    #saved-content .saved-hero__controls #saved-toggle-sort-btn svg *{
      stroke:currentColor;
    }

    html[data-theme="night"] #recommended-content .recommended-hero,
    html[data-theme="night"] #viewed-content .viewed-hero,
    html[data-theme="night"] #saved-content .saved-hero{
      background:
        radial-gradient(circle at top right, rgba(59,130,246,.12), transparent 34%),
        linear-gradient(180deg, #111827 0%, #0f172a 100%);
      border-color:#273244;
    }

    html[data-theme="night"] #recommended-content .recommended-hero h2,
    html[data-theme="night"] #viewed-content .viewed-hero h2,
    html[data-theme="night"] #saved-content .saved-hero h2{    
      color:#fff;
    }
    html[data-theme="night"] #recommended-content .recommended-hero p,
    html[data-theme="night"] #viewed-content .viewed-hero p,
    html[data-theme="night"] #saved-content .saved-hero p{    
      color:#cbd5e1;
    }

    html[data-theme="night"] #recommended-content .recommended-hero__controls .banner-count,
    html[data-theme="night"] #viewed-content .viewed-hero__controls .banner-count,
    html[data-theme="night"] #saved-content .saved-hero__controls .banner-count{    
      background:rgba(37,99,235,.18);
      border-color:rgba(147,197,253,.28);
      color:#93c5fd;
    }

    html[data-theme="night"] #recommended-content .recommended-hero__controls #recommended-listings-count,
    html[data-theme="night"] #viewed-content .viewed-hero__controls #viewed-listings-count,
    html[data-theme="night"] #saved-content .saved-hero__controls #saved-listings-count{    
      color:#fff;
    }

    html[data-theme="night"] #recommended-content .recommended-hero__controls .sort-btn,
    html[data-theme="night"] #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn,
    html[data-theme="night"] #viewed-content .viewed-hero__controls .sort-btn,
    html[data-theme="night"] #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn,
    html[data-theme="night"] #saved-content .saved-hero__controls .sort-btn,
    html[data-theme="night"] #saved-content .saved-hero__controls #saved-toggle-sort-btn{    
      background:#000;
      border-color:#4b5563;
      color:#fff;
      box-shadow:0 10px 24px rgba(0,0,0,.28);
    }

    html[data-theme="night"] #recommended-content .recommended-hero__controls .sort-btn:hover,
    html[data-theme="night"] #recommended-content .recommended-hero__controls #recommended-toggle-sort-btn:hover,
    html[data-theme="night"] #viewed-content .viewed-hero__controls .sort-btn:hover,
    html[data-theme="night"] #viewed-content .viewed-hero__controls #viewed-toggle-sort-btn:hover,
    html[data-theme="night"] #saved-content .saved-hero__controls .sort-btn:hover,
    html[data-theme="night"] #saved-content .saved-hero__controls #saved-toggle-sort-btn:hover{    
      background:#111827;
      border-color:#6b7280;
    }