/* SEARCH */
  .search-section { position:relative; z-index:10; max-width:1400px; margin:24px auto; padding: 1rem 0rem; animation:slideUp 0.8s 0.2s ease both; }
  .search-container { background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); border:1px solid var(--border); border-radius:4px; overflow:hidden; backdrop-filter:blur(8px); }
  .search-main { display:flex; align-items:center; padding:1rem 1.5rem; gap:1rem; border-bottom:1px solid var(--border); }
  .search-icon { color:var(--gold); opacity:0.7; font-size:1rem; flex-shrink:0; }
  .search-input { flex:1; background:none; border:none; outline:none; font-family:'Cormorant Garamond',serif; font-size:1.1rem; color:var(--parchment); }
  .search-input::placeholder { color:var(--text-muted); font-style:italic; }
  .search-input-ar { flex:1; background:none; border:none; border-left:1px solid var(--border); outline:none; font-family:'Noto Naskh Arabic',serif; font-size:1.1rem; color:var(--parchment); text-align:right; direction:rtl; padding-left:1rem; }
  .search-input-ar::placeholder { color:var(--text-muted); }
  .search-btn { background:var(--gold); color:var(--ink); border:none; padding:0.6rem 1.5rem; font-family:'Cormorant Garamond',serif; font-size:0.9rem; letter-spacing:0.15em; text-transform:uppercase; cursor:pointer; transition:background .3s; white-space:nowrap; flex-shrink:0; }
  .search-btn:hover { background:var(--gold-light); }
  .search-filters {
      display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 1rem 1.5rem;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    }
  .filter-label { font-size:0.72rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--text-muted); margin-right:1rem; white-space:nowrap; }
  .filter-chips { display:flex; flex-wrap:wrap; gap:0.5rem; flex:1; }
  .chip { background:none; border:1px solid var(--border); color:var(--parchment); padding:0.3rem 0.9rem; font-family:'Cormorant Garamond',serif; font-size:0.85rem; cursor:pointer; transition:all .2s; border-radius:2px; }
  .chip.active,.chip:hover { background:rgba(200,146,42,0.15); border-color:var(--gold); color:var(--gold-light); }
  .filter-row { display:flex; flex-wrap:wrap; gap:1.5rem; width:100%; align-items:center; padding:0.8rem 1.5rem 1rem; border-top:1px solid var(--border); margin-top:0.5rem; }
  .filter-group { display:flex; align-items:center; gap:0.6rem; }
  .filter-group label { font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); white-space:nowrap; }
  .filter-select { background:rgba(245,239,228,0.05); border:1px solid var(--border); color:var(--parchment-dark); padding:0.3rem 1.8rem 0.3rem 0.7rem; font-family:'Cormorant Garamond',serif; font-size:0.88rem; cursor:pointer; outline:none; border-radius:2px; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c8922a'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 0.5rem center; }
  .filter-select option { background:#1a1208; }
  
  
  /* ─── CONTROLS BAR ─── */
  .controls-bar {
      background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    position: relative;
    z-index: 5;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    border-bottom: 1px solid var(--border);
  }

  .results-info {
    font-size: 0.85rem;
    font-style: italic;
    color: var(--text-muted);
  }

  .view-sort {
    display: flex;
    gap: 1.5rem;
    align-items: center;
  }

  .sort-btns {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    align-items: center;
  }

  .sort-btn {
    background: none;
    border: 1px solid var(--border);
    color: var(--parchment-dark);
    padding: 0.3rem 0.8rem;
    font-family: 'Cormorant Garamond', serif;
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 2px;
  }

  .sort-btn.active, .sort-btn:hover {
    background: rgba(200,146,42,0.12);
    border-color: var(--gold);
    color: var(--gold-light);
  }

  .view-btns {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
  }

  .view-btn {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-muted);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 2px;
    font-size: 1rem;
  }

  .view-btn.active, .view-btn:hover {
    background: rgba(200,146,42,0.12);
    border-color: var(--gold);
    color: var(--gold-light);
  }