/* Buyzon shared theme + header + footer — ONE file for ALL pages */
:root{
  --bg:#F5F5F7;--surface:#FFFFFF;--surface-2:#F0F0F2;--surface-hover:#E8E8EA;
  --border:#E2E2E5;--border-light:#ECECEF;
  --text:#1D1D1F;--text-dim:#6E6E73;--text-light:#AEAEB2;
  --accent:#1D1D1F;--accent-hover:#000;--accent-glow:rgba(29,29,31,.06);--accent-orange:#E8700A;
  --green:#34C759;--red:#FF3B30;--blue:#007AFF;
  --badge-hot:#FF3B30;--badge-new:#007AFF;--badge-top:#FF9500;--badge-top-text:#fff;
  --radius:12px;--radius-lg:16px;
  --font:'Outfit',system-ui,-apple-system,sans-serif;
  --shadow:0 2px 8px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.03);
  --shadow-hover:0 8px 30px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --ease:cubic-bezier(.25,1,.5,1);--dur:.2s
}
[dir="rtl"]{--font:'Noto Sans Hebrew','Noto Sans Arabic','Outfit',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}
.topbar{max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.topbar .logo{flex-shrink:0;order:1;margin-left:auto}
.topbar .logo .logo-icon{height:64px;width:auto}
.topbar .logo .logo-head{display:none;height:36px;width:auto}
.topbar-search{flex:1;max-width:420px;order:0}
.topbar-search input{width:100%;padding:0 1rem;border-radius:10px;border:none;background:var(--surface);color:var(--text);font-size:.9rem;font-family:var(--font);outline:none;transition:box-shadow .2s;height:40px;box-shadow:var(--shadow)}
.topbar-search input::placeholder{color:var(--text-light)}
.topbar-search input:focus{box-shadow:0 0 0 3px rgba(0,0,0,.08),var(--shadow)}
.topbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;order:-1}
.settings-wrap{position:relative}
.settings-btn{background:var(--surface);border:none;border-radius:10px;padding:0 12px;cursor:pointer;color:var(--text-dim);font-size:.78rem;display:inline-flex;align-items:center;gap:4px;font-family:var(--font);transition:all .15s;height:40px;box-shadow:var(--shadow)}
.settings-btn:hover{color:var(--text);box-shadow:var(--shadow-hover)}
.settings-btn svg{flex-shrink:0}
.settings-menu{display:none;position:absolute;inset-inline-start:0;top:calc(100% + 6px);background:var(--surface);border:none;border-radius:var(--radius-lg);padding:1rem;z-index:200;min-width:230px;box-shadow:0 8px 40px rgba(0,0,0,.12)}
.settings-menu.open{display:flex;flex-direction:column;gap:.5rem}
.settings-menu label{font-size:.68rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.settings-menu select{font-family:var(--font);font-size:.85rem;background:var(--bg);color:var(--text);border:none;border-radius:8px;padding:.4rem .6rem;cursor:pointer;width:100%}
.settings-menu .search-select{width:100%;position:relative}
.settings-menu .ss-display{width:100%;box-sizing:border-box;border-radius:8px;color:var(--text)}
.theme-toggle{display:none!important}
.mob-drawer .theme-toggle{display:flex!important;gap:.5rem}
.hamburger{display:none;background:var(--surface);border:none;border-radius:10px;padding:8px;cursor:pointer;color:var(--text-dim);transition:all .15s;order:10;box-shadow:var(--shadow)}
.hamburger:hover{color:var(--text)}
.mob-search{display:none;flex:1}
.mob-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:85%;max-width:340px;background:var(--surface);z-index:500;padding:1.5rem;overflow-y:auto;box-shadow:-12px 0 60px rgba(0,0,0,.1);flex-direction:column;gap:.8rem}
.mob-drawer.open{display:flex}
.drawer-section{display:flex;flex-wrap:wrap;gap:.6rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem;margin-bottom:.2rem}
.drawer-label{width:100%;font-size:.68rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em}
.settings-row{display:flex;gap:.4rem;flex-wrap:wrap;width:100%}
.settings-row select{flex:1;font-family:var(--font);font-size:.88rem;padding:.55rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);height:42px}
@media(max-width:768px){
  .topbar-search,.topbar-right .settings-wrap{display:none}
  .site-nav{display:none!important}
  .hamburger,.mob-search,.topbar .mob-theme{display:flex}
  .topbar{padding:.6rem 1rem}
  .topbar .logo .logo-icon{height:40px}
  .topbar .logo .logo-head{display:none;height:32px;width:auto}
  .mob-search input{width:100%;padding:0 1rem;border-radius:10px;border:none;background:var(--surface);color:var(--text);font-size:.88rem;font-family:var(--font);height:38px;box-shadow:var(--shadow)}
  .topbar.search-active .logo .logo-icon{display:none}
  .topbar.search-active .logo .logo-head{display:block}
  .mob-drawer{left:auto;right:0}
}
.site-nav{display:flex;gap:.15rem;padding:0;max-width:1280px;margin:0 auto;order:1}
.site-nav a{color:var(--text-dim);text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .9rem;border-radius:8px;transition:all .12s;background:var(--surface);box-shadow:var(--shadow)}
.site-nav a:hover{color:var(--text);background:var(--surface);box-shadow:var(--shadow-hover)}
.site-nav a[style*="accent"]{color:#fff!important;background:var(--text)!important;font-weight:600!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}
@media(max-width:768px){
  .topbar-search,.topbar-right .settings-wrap{display:none}
  .hamburger,.mob-search,.topbar .mob-theme{display:flex}

}

/* RTL header */
[dir="rtl"] .topbar{direction:rtl;flex-direction:row-reverse}
[dir="rtl"] .topbar .logo{order:-1;margin-left:0;margin-right:auto}
[dir="rtl"] .topbar-search{order:0}
[dir="rtl"] .topbar-search input{text-align:right;direction:rtl}
[dir="rtl"] .topbar-right{order:10;flex-direction:row-reverse}
[dir="rtl"] .settings-menu{inset-inline-start:auto;inset-inline-end:0;text-align:right;direction:rtl}
[dir="rtl"] .settings-menu select{direction:rtl;text-align:right}
[dir="rtl"] .settings-menu input{direction:rtl;text-align:right}
[dir="rtl"] .settings-btn{direction:rtl}
[dir="rtl"] .settings-menu label{text-align:right}
[dir="rtl"] .site-nav{direction:rtl;flex-direction:row-reverse}
[dir="rtl"] .drawer-section{direction:rtl;text-align:right}
[dir="rtl"] .drawer-label{text-align:right}
[dir="rtl"] .settings-row{direction:rtl}
[dir="rtl"] .settings-row select{direction:rtl;text-align:right}
[dir="rtl"] .mob-drawer{left:0;right:auto;border-left:none;border-right:1px solid var(--border)}

/* Country search input inside settings */
.settings-menu input[type="text"]{font-family:var(--font);font-size:.85rem;background:var(--bg);color:var(--text);border:none;border-radius:8px;padding:.4rem .6rem;width:100%;outline:none;box-shadow:inset 0 0 0 1px var(--border)}
.settings-menu input[type="text"]:focus{box-shadow:inset 0 0 0 1px var(--text)}
.settings-menu input[type="text"]::placeholder{color:var(--text-light)}

/* Search-select dropdown styling */
.ss-dropdown{position:relative;display:none}
.ss-dropdown.open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.12);z-index:300;overflow:hidden}
.ss-display{background:var(--bg);border:none;border-radius:8px;padding:.4rem .6rem;font-family:var(--font);font-size:.85rem;color:var(--text);cursor:pointer;width:100%;position:relative}
.ss-display::after{content:'\25BE';position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:.7rem}
.ss-options{max-height:200px;overflow-y:auto}
.ss-dropdown.open .ss-options{display:block}
.ss-dropdown [data-v]{padding:.4rem .6rem;cursor:pointer;font-size:.82rem;transition:background .1s}
.ss-dropdown [data-v]:hover{background:var(--bg)}
.ss-dropdown [data-v].selected{background:rgba(0,0,0,.05);color:var(--text);font-weight:600}
.ss-dropdown input{width:100%;padding:.5rem .6rem;border:none;border-bottom:1px solid var(--border-light);font-family:var(--font);font-size:.82rem;outline:none;background:var(--surface);color:var(--text);box-sizing:border-box}

/* Footer */
footer{max-width:1280px;margin:3rem auto 0;padding:2rem 1.5rem 1.5rem;border-top:1px solid var(--border-light);text-align:center}
footer .disclosure{font-size:.72rem;color:var(--text-light);line-height:1.6;max-width:640px;margin:0 auto}
footer .links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.75rem}
footer .links a{color:var(--text-dim);text-decoration:none;font-size:.82rem;font-weight:500}
[dir="rtl"] footer{direction:rtl;text-align:right}

.mob-drawer a{font-size:1rem!important;padding:.5rem 0!important;font-weight:500!important}
@media(max-width:768px){.ad-slot{display:none}}
/* Theme buttons in drawer */
.mob-drawer .theme-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .8rem;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;gap:.3rem;transition:all .12s}
.mob-drawer .theme-btn:hover{border-color:var(--text);color:var(--text)}
.mob-drawer .theme-btn.active{background:var(--text);border-color:var(--text);color:#fff}
.mob-drawer .theme-btn.active svg{stroke:#fff}