:root{--bg:#0e0e0e;--bg2:#131313;--panel:#1c1b1b;--panel2:#201f1f;--text:#e5e2e1;--muted:#c9c6c5;--gold:#f2ca50;--gold2:#d4af37;--line:rgba(255,255,255,.1);--danger:#ff6b6b;--ok:#70e000}*{box-sizing:border-box}body{margin:0;background:#050505;color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.font-logo,.title,h1,h2,h3{font-family:'Playfair Display',Georgia,serif}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(19,19,19,.55);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.nav{height:72px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{height:72px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:28px;line-height:1}.brand img{height:56px;width:56px;object-fit:contain;object-position:center;display:block}.brand.only-logo{min-width:160px}.brand.only-logo img{height:58px;width:58px}.menu{display:flex;gap:32px}.menu a{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:800}.menu a.active,.menu a:hover{color:var(--gold)}.nav-actions{display:flex;gap:12px;align-items:center}.icon-btn,.lang-btn{border:0;background:transparent;color:var(--muted);padding:8px;border-radius:8px}.icon-btn:hover,.lang-btn:hover,.lang-btn.active{color:var(--gold);background:rgba(255,255,255,.05)}.app{display:flex;max-width:1440px;margin:auto;padding-top:72px;min-height:100vh}.sidebar{width:320px;position:sticky;top:72px;height:calc(100vh - 72px);padding:28px;border-right:1px solid rgba(255,255,255,.06);background:rgba(32,31,31,.28);overflow:auto}.side-title{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:800}.side-sub{font-size:12px;color:rgba(201,198,197,.65);margin-top:6px}.filter{margin-top:24px}.filter label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-weight:800}.filter select,.filter input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);padding:13px;border-radius:6px;outline:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.chip.active,.chip:hover{border-color:rgba(242,202,80,.5);background:rgba(242,202,80,.14);color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--gold);background:transparent;color:var(--gold);padding:13px 22px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;transition:.25s}.btn:hover{background:rgba(242,202,80,.12);box-shadow:0 0 25px rgba(242,202,80,.13)}.btn.fill{background:var(--gold);color:#241a00}.main{flex:1;padding:56px 64px 90px}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}.title{font-size:64px;line-height:1;margin:0}.lead{color:rgba(201,198,197,.65);font-size:18px;margin:12px 0 0}.search{position:relative;width:360px}.search input{width:100%;background:rgba(255,255,255,.06);border:0;border-bottom:1px solid var(--line);padding:17px 18px;color:var(--text);outline:none}.search input:focus{border-color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.card{position:relative;overflow:hidden;border-radius:8px;min-height:410px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:.35s}.card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(242,202,80,.35);box-shadow:0 0 30px rgba(242,202,80,.08)}.card-img{height:100%;position:absolute;inset:0}.card-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.card:hover .card-img img{transform:scale(1.08)}.badge{position:absolute;top:16px;left:16px;background:var(--gold);color:#241a00;border-radius:16px;padding:5px 10px;font-size:10px;text-transform:uppercase;font-weight:900}.card-body{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.45),transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.card h3{color:var(--gold);margin:0 0 6px;font-size:24px}.card-meta{font-size:12px;color:rgba(229,226,225,.75);display:flex;justify-content:space-between;gap:12px}.profile-link{display:block;margin-top:16px;text-align:center;padding:11px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.profile-link:hover{background:var(--gold);color:#241a00}.empty{padding:60px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:10px;color:var(--muted)}.profile-wrap{max-width:1280px;margin:auto;padding:112px 64px 80px}.profile-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:28px}.gallery-main{aspect-ratio:3/4;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.03)}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbs img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);border-radius:4px}.glass{background:rgba(255,255,255,.035);border:1px solid var(--line);backdrop-filter:blur(24px);border-radius:8px}.info{padding:34px;position:sticky;top:100px}.info h1{color:var(--gold);font-size:38px;margin:0 0 8px}.info-title{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.13em}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px 0;margin:24px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.fact small{display:block;color:rgba(201,198,197,.55);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.fact b{font-size:18px}.bio{color:var(--muted);line-height:1.7;font-style:italic}.statline{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(255,255,255,.05);border-radius:6px;margin:22px 0}.similar{margin-top:90px}.footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);padding:18px 20px 12px;text-align:center}.footer-title{font-size:44px;font-family:'Playfair Display',serif;color:var(--gold);font-weight:700}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:14px}.copyright{color:rgba(201,198,197,.4);font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,rgba(242,202,80,.08),transparent 30%),radial-gradient(circle at 90% 90%,rgba(242,202,80,.06),transparent 35%),#131313}.return{position:fixed;top:36px;left:48px;color:var(--muted);font-weight:800;font-size:13px}.login-card{width:min(420px,calc(100% - 40px));text-align:center}.login-logo{width:150px;height:150px;object-fit:contain;object-position:center;display:block;margin:0 auto 8px}.login-card h1{color:var(--gold);font-size:42px;margin:10px 0 0}.portal{letter-spacing:.3em;color:var(--muted);font-size:13px;font-weight:900}.login-box{margin-top:36px;padding:38px;text-align:left}.field{margin-bottom:22px}.field label{display:block;color:rgba(201,198,197,.65);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:14px;color:var(--text);border-radius:5px;outline:none}.field textarea{min-height:110px;resize:vertical}.error-msg{color:var(--danger);font-size:13px;margin-top:12px;display:none}.admin-layout{display:flex;padding-top:72px;min-height:100vh}.admin-side{width:300px;padding:26px;border-right:1px solid rgba(255,255,255,.06);background:rgba(32,31,31,.25);position:sticky;top:72px;height:calc(100vh - 72px)}.admin-side button{width:100%;display:flex;gap:12px;align-items:center;padding:16px;background:transparent;border:0;color:var(--muted);border-radius:6px;text-align:left;margin-bottom:8px}.admin-side button.active,.admin-side button:hover{background:rgba(255,255,255,.05);color:var(--gold);border-left:2px solid var(--gold)}.admin-main{flex:1;padding:42px 56px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0 60px}.stat{padding:26px}.stat p{color:var(--muted);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.stat b{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-size:42px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:800px}.table th,.table td{padding:18px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.table th{background:rgba(255,255,255,.05);color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.row-profile{display:flex;align-items:center;gap:12px}.row-profile img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase}.status.published{color:var(--gold);background:rgba(242,202,80,.12);border:1px solid rgba(242,202,80,.25)}.status.draft{color:var(--muted);background:rgba(255,255,255,.08)}.actions{display:flex;justify-content:flex-end;gap:8px}.small-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);padding:8px 10px;border-radius:5px}.small-btn:hover{color:var(--gold);border-color:rgba(242,202,80,.4)}.small-btn.danger:hover{color:var(--danger);border-color:rgba(255,107,107,.5)}.panel{display:none}.panel.active{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.wide{grid-column:1/-1}.admin-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}.mobile-filter{display:none}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:rgba(201,198,197,.62)}.photo-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.photo-preview img{width:76px;height:76px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.topbar .admin-logo-wrap{height:72px;display:flex;align-items:center;justify-content:center}.header-logo-img{height:58px;width:58px;object-fit:contain;display:block}
@media(max-width:1050px){.nav{padding:0 20px}.menu{display:none}.app,.admin-layout{display:block}.sidebar,.admin-side{display:none}.main,.admin-main{padding:32px 20px}.hero-row{display:block}.search{width:100%;margin-top:24px}.title{font-size:44px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.profile-wrap{padding:96px 20px 60px}.profile-grid{grid-template-columns:1fr}.info{position:static}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.mobile-filter{display:block;margin-bottom:18px}}@media(max-width:620px){.brand{font-size:20px}.brand img{width:34px;height:34px}.nav-actions{gap:2px}.grid{grid-template-columns:1fr 1fr}.card{min-height:300px}.card-body{padding:14px}.card h3{font-size:18px}.profile-link{font-size:9px;padding:9px}.stats{grid-template-columns:1fr}.footer .brand{font-size:34px}.admin-head{display:block}.btn{width:100%;margin-top:16px}}

/* FIX: centered premium logo in all headers */
.topbar .nav{
  height:72px;
  align-items:center;
}
.brand.only-logo{
  width:120px;
  min-width:120px;
  height:72px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  line-height:0;
}
.brand.only-logo img,
.brand.only-logo .header-logo-img{
  height:54px;
  width:auto;
  max-width:92px;
  object-fit:contain;
  object-position:center center;
  display:block;
  margin:0 auto;
  transform:none;
}
.login-logo{
  width:190px;
  height:auto;
  max-height:190px;
  object-fit:contain;
  object-position:center center;
  display:block;
  margin:0 auto 14px;
}
.footer .brand img{
  height:72px;
  width:auto;
  object-fit:contain;
  object-position:center center;
}
@media(max-width:760px){
  .brand.only-logo{width:86px;min-width:86px;height:64px}
  .brand.only-logo img,.brand.only-logo .header-logo-img{height:46px;max-width:74px}
}

/* === HARD FIX: HEADER LOGO + NAV ALIGNMENT === */
.topbar{height:82px !important;}
.topbar .nav{
  height:82px !important;
  max-width:1440px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 56px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  column-gap:24px !important;
}
.brand.only-logo{
  width:260px !important;
  min-width:260px !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
  overflow:visible !important;
}
.brand.only-logo img,
.brand.only-logo .header-logo-img{
  width:auto !important;
  height:72px !important;
  max-width:120px !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto !important;
  padding:0 !important;
  transform:none !important;
  vertical-align:middle !important;
}
.menu{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:42px !important;
  min-width:0 !important;
}
.nav-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.app,.admin-layout{padding-top:82px !important;}
.sidebar,.admin-side{top:82px !important;height:calc(100vh - 82px) !important;}
.login-logo{width:220px !important;height:220px !important;object-fit:contain !important;margin:0 auto 14px !important;display:block !important;}
.footer .brand img{height:88px !important;width:auto !important;object-fit:contain !important;}
@media(max-width:1050px){
  .topbar{height:74px !important;}
  .topbar .nav{height:74px !important;grid-template-columns:110px 1fr auto !important;padding:0 18px !important;column-gap:12px !important;}
  .brand.only-logo{width:110px !important;min-width:110px !important;height:74px !important;justify-content:flex-start !important;}
  .brand.only-logo img,.brand.only-logo .header-logo-img{height:58px !important;max-width:86px !important;}
  .menu{display:none !important;}
  .app,.admin-layout{padding-top:74px !important;}
}

/* === premium sidebar like reference, black/gold palette === */
.premium-filters{
  width:330px;
  padding:26px 18px;
  background:linear-gradient(180deg,rgba(34,18,20,.55),rgba(7,7,8,.96));
  border-right:1px solid rgba(242,202,80,.16);
  box-shadow:inset -1px 0 rgba(242,202,80,.08);
}
.premium-filters .filter-head{padding:0 2px 14px;border-bottom:1px solid rgba(242,202,80,.18);margin-bottom:16px}
.premium-filters .side-title{font-size:20px;letter-spacing:.02em;color:#fff;text-transform:none;font-weight:900;text-shadow:0 0 1px var(--gold)}
.premium-filters .side-sub{font-size:13px;color:rgba(229,226,225,.75);margin-top:6px}
.reset-filters{width:100%;height:44px;border:1px solid rgba(242,202,80,.22);border-radius:12px;background:rgba(242,202,80,.06);color:rgba(229,226,225,.65);font-weight:900;margin-bottom:14px}
.reset-filters:hover{color:var(--gold);border-color:rgba(242,202,80,.55)}
.filter-card{padding:14px 12px 16px;margin:0 0 12px;border:1px solid rgba(242,202,80,.22);border-radius:14px;background:linear-gradient(180deg,rgba(242,202,80,.055),rgba(0,0,0,.18));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.filter-card label{display:block;font-size:20px;line-height:1;color:#fff;font-weight:900;letter-spacing:-.02em;text-transform:none;margin:0 0 12px;text-shadow:0 0 1px var(--gold)}
.filter-card select,.filter-card input{height:42px;width:100%;border-radius:9px;border:1px solid rgba(242,202,80,.28);background:#080808;color:#fff;padding:0 12px;outline:none}
.filter-card select:focus,.filter-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,202,80,.08)}
.filter-card select option{background:#090909;color:#fff;padding:10px}
.filter-card select option:checked{background:rgba(242,202,80,.22)}
.filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filter-buttons button{min-height:37px;border-radius:9px;border:1px solid rgba(242,202,80,.28);background:#080808;color:#fff;font-size:13px;font-weight:900;padding:8px 6px;white-space:nowrap}
.filter-buttons button:hover,.filter-buttons button.active{color:#241a00;background:var(--gold);border-color:var(--gold);box-shadow:0 0 18px rgba(242,202,80,.16)}
.premium-filters .btn{border-radius:0;height:45px;background:#070707}
@media(max-width:1050px){.premium-filters{width:100%;height:auto;position:relative;top:auto}.show-filters .sidebar{display:block}}

/* === profile content fields like provided reference === */
.profile-wrap{max-width:1540px;padding-left:22px;padding-right:22px}
.profile-grid{grid-template-columns:400px 1fr;align-items:start}
.profile-info-card{padding:18px;background:linear-gradient(180deg,rgba(18,18,18,.95),rgba(5,5,5,.98));border-color:rgba(242,202,80,.22)}
.profile-info-card h1{font-family:Manrope,Arial,sans-serif;font-size:42px;line-height:1.05;color:#fff;margin:0 0 10px;text-shadow:1px 1px 0 rgba(242,202,80,.45)}
.contact-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:9px;border:1px solid rgba(242,202,80,.45);color:#f2ca50;font-weight:900;background:#0b0b0b}.contact-actions{display:flex;gap:8px;margin-bottom:10px}.messenger{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:9px 14px;font-weight:900;color:#fff}.messenger.whatsapp{background:#111;border:1px solid #d4af37;color:#f2ca50}.messenger.telegram{background:#111;border:1px solid #d4af37;color:#f2ca50}.profile-sections{display:grid;grid-template-columns:1.45fr .85fr .85fr;gap:10px}.profile-section{border:1px solid rgba(242,202,80,.18);border-radius:12px;background:linear-gradient(180deg,rgba(242,202,80,.03),rgba(0,0,0,.16));padding:11px}.profile-section h3{font-family:Manrope,Arial,sans-serif;font-size:15px;color:#fff;margin:0 0 8px;font-weight:900}.profile-row{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(242,202,80,.14);border-radius:9px;background:#070707;margin-bottom:7px;padding:0 10px}.profile-row span{font-size:12px;color:#d4af37;text-transform:uppercase}.profile-row b{font-size:15px;color:#fff;text-align:right}.description-section{margin-top:10px}.description-section .bio{white-space:pre-line;margin:0;color:#fff;font-style:normal;line-height:1.45}.gallery-main{border-color:rgba(242,202,80,.24)}.thumbs{grid-template-columns:repeat(4,1fr)}
@media(max-width:1150px){.profile-grid{grid-template-columns:1fr}.profile-sections{grid-template-columns:1fr}.profile-info-card h1{font-size:36px}}


/* === SIDEBAR + FOOTER POLISH FIX === */
html, body{
  scrollbar-width: thin;
  scrollbar-color: rgba(242,202,80,.55) #070707;
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#070707;border-left:1px solid rgba(242,202,80,.08)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(242,202,80,.85),rgba(212,175,55,.45));border-radius:999px;border:2px solid #070707}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}

.app{align-items:flex-start}
.sidebar.premium-filters{
  width:330px;
  flex:0 0 330px;
  height:calc(100vh - 72px);
  max-height:calc(100vh - 72px);
  padding:18px 14px 18px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(242,202,80,.6) rgba(255,255,255,.035);
  background:linear-gradient(180deg,rgba(20,14,9,.95),rgba(8,8,8,.98));
  border-right:1px solid rgba(242,202,80,.18);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.035);
}
.sidebar.premium-filters::-webkit-scrollbar{width:6px}
.sidebar.premium-filters::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.sidebar.premium-filters::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.45));border-radius:999px;border:1px solid #0b0b0b}

.premium-filters .filter-head{
  padding:0 0 10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(242,202,80,.18);
}
.premium-filters .side-title{font-size:18px;line-height:1.05;letter-spacing:.02em}
.premium-filters .side-sub{font-size:12px;margin-top:4px}
.reset-filters{
  height:36px;
  margin-bottom:10px;
  border-radius:10px;
  font-size:12px;
}
.filter-card{
  padding:10px 10px 11px !important;
  margin:0 0 10px !important;
  border-radius:13px !important;
}
.filter-card label{
  font-size:18px !important;
  margin-bottom:9px !important;
}
.filter-card select,.filter-card input{
  height:38px !important;
  border-radius:8px !important;
  padding:0 10px !important;
  font-size:13px !important;
}
.filter-buttons{
  gap:7px !important;
}
.filter-buttons button{
  min-height:32px !important;
  border-radius:8px !important;
  padding:6px 5px !important;
  font-size:12px !important;
  line-height:1.05 !important;
}
.premium-filters #applyFilters{
  height:40px !important;
  margin-top:10px !important;
  border-radius:9px !important;
  letter-spacing:.14em !important;
  background:linear-gradient(180deg,rgba(242,202,80,.07),rgba(0,0,0,.16));
}
.main{padding-bottom:44px !important;}
.footer{
  margin-top:36px !important;
  padding:34px 20px 30px !important;
}
.footer .brand{
  height:auto !important;
  font-size:34px !important;
  gap:12px !important;
}
.footer .brand img{
  height:46px !important;
  width:auto !important;
}
.footer-links{
  margin:18px 0 20px !important;
  gap:22px !important;
  font-size:14px !important;
}
.copyright{font-size:11px !important;}
@media(max-height:760px){
  .sidebar.premium-filters{padding-top:12px;padding-bottom:12px}
  .filter-card{padding:8px 9px 9px !important;margin-bottom:8px !important}
  .filter-card label{font-size:16px !important;margin-bottom:7px !important}
  .filter-card select,.filter-card input{height:34px !important;font-size:12px !important}
  .filter-buttons button{min-height:29px !important;font-size:11px !important}
  .reset-filters{height:32px;margin-bottom:8px}
  .premium-filters #applyFilters{height:36px !important;margin-top:8px !important}
}
@media(max-width:1050px){
  .sidebar.premium-filters{width:100%;flex:auto;height:auto;max-height:none;position:relative;top:auto}
}

/* === ADMIN FORM BEAUTY + FILE INPUT + PAGINATION === */
#formPanel .glass{
  background:linear-gradient(180deg,rgba(242,202,80,.035),rgba(255,255,255,.018)) !important;
  border-color:rgba(242,202,80,.18) !important;
}
#formPanel .field label{
  color:rgba(242,202,80,.68) !important;
  letter-spacing:.18em !important;
  font-size:10px !important;
}
#formPanel input,#formPanel textarea,#formPanel select{
  border-color:rgba(242,202,80,.18) !important;
  background:#0a0a0a !important;
}
#formPanel input:focus,#formPanel textarea:focus,#formPanel select:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(242,202,80,.08) !important;
}
#formPanel .chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
#formPanel .chips .chip{
  min-width:92px !important;
  height:54px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(242,202,80,.18) !important;
  color:rgba(229,226,225,.78) !important;
  letter-spacing:.12em !important;
  position:relative !important;
}
#formPanel .chips .chip input{
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  accent-color:var(--gold) !important;
}
#formPanel .chips .chip:has(input:checked){
  color:var(--gold) !important;
  border-color:rgba(242,202,80,.72) !important;
  background:linear-gradient(180deg,rgba(242,202,80,.14),rgba(242,202,80,.045)) !important;
  box-shadow:0 0 22px rgba(242,202,80,.08) !important;
}
#photosField{
  padding:0 !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  color:rgba(229,226,225,.68) !important;
  border:1px dashed rgba(242,202,80,.32) !important;
  background:linear-gradient(180deg,rgba(242,202,80,.05),rgba(0,0,0,.12)) !important;
}
#photosField::file-selector-button{
  height:56px;
  margin:0 16px 0 0;
  padding:0 22px;
  border:0;
  border-right:1px solid rgba(242,202,80,.24);
  background:rgba(242,202,80,.12);
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
}
#photosField::file-selector-button:hover{
  background:rgba(242,202,80,.2);
}
#formPanel .muted{
  color:rgba(201,198,197,.52) !important;
  margin:12px 0 0 !important;
  font-size:13px !important;
}
.photo-preview img{
  width:86px !important;
  height:86px !important;
  border-color:rgba(242,202,80,.28) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.22) !important;
}
.pagination{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:46px 0 8px;
}
.pagination button,.pagination-dots{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(242,202,80,.24);
  background:rgba(255,255,255,.025);
  color:rgba(229,226,225,.72);
  border-radius:10px;
  font-weight:900;
  transition:.22s;
}
.pagination button:hover:not(:disabled),.pagination button.active{
  color:#241a00;
  background:var(--gold);
  border-color:var(--gold);
  box-shadow:0 0 22px rgba(242,202,80,.12);
}
.pagination button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.pagination-dots{
  border-color:transparent;
  background:transparent;
  color:rgba(201,198,197,.45);
}
@media(max-width:620px){
  .pagination{gap:6px;margin-top:30px}.pagination button,.pagination-dots{width:34px;height:34px;border-radius:8px;font-size:12px}
  #formPanel .chips .chip{min-width:80px;height:50px}
}

/* === Compact black-gold dropdown + profile gallery arrows === */
.custom-select{position:relative;width:100%;z-index:12}
.custom-select-current{
  width:100%;height:46px;border:1px solid rgba(242,202,80,.55);border-radius:9px;
  background:linear-gradient(180deg,rgba(242,202,80,.055),rgba(0,0,0,.55));
  color:var(--gold);display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;font-weight:900;font-size:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45);
}
.custom-select-arrow{font-size:12px;color:var(--gold);transition:.22s;line-height:1}
.custom-select.open .custom-select-arrow{transform:rotate(180deg)}
.custom-select-menu{
  position:absolute;left:0;right:0;top:calc(100% + 6px);display:none;overflow:hidden;
  border:1px solid rgba(242,202,80,.42);border-radius:10px;background:#070707;
  box-shadow:0 18px 38px rgba(0,0,0,.65),0 0 0 1px rgba(242,202,80,.06);z-index:80;
}
.custom-select.open .custom-select-menu{display:block}
.custom-select-menu button{
  width:100%;height:38px;border:0;border-bottom:1px solid rgba(242,202,80,.10);
  background:linear-gradient(90deg,rgba(242,202,80,.03),rgba(0,0,0,.08));
  color:rgba(229,226,225,.82);text-align:left;padding:0 14px;font-size:13px;font-weight:800;
}
.custom-select-menu button:last-child{border-bottom:0}
.custom-select-menu button:hover,.custom-select-menu button.active{
  background:linear-gradient(90deg,rgba(242,202,80,.16),rgba(242,202,80,.04));color:var(--gold);
}
.profile-gallery{position:relative;max-height:660px;background:#030303;display:flex;align-items:center;justify-content:center}
.profile-gallery img{display:block;width:100%;height:100%;max-height:660px;object-fit:cover}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;
  border:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.18);color:rgba(0,0,0,.72);
  display:flex;align-items:center;justify-content:center;font-size:38px;line-height:1;font-family:Georgia,serif;
  z-index:5;opacity:.55;transition:.22s;backdrop-filter:blur(3px);
}
.gallery-arrow:hover{opacity:1;color:rgba(242,202,80,.78);background:rgba(0,0,0,.38);border-color:rgba(242,202,80,.18)}
.gallery-prev{left:12px}.gallery-next{right:12px}
.thumbs{display:none!important}
@media(max-width:720px){.custom-select-current{height:42px;font-size:13px}.custom-select-menu button{height:36px;font-size:12px}.gallery-arrow{width:36px;height:36px;font-size:32px}.profile-gallery,.profile-gallery img{max-height:560px}}

/* === Photo manager: selectable delete + add photos === */
.photo-field #photosField{display:none!important}
.photo-manager{
  width:100%;
  border:1px solid rgba(242,202,80,.18);
  border-radius:14px;
  padding:16px;
  background:linear-gradient(180deg,rgba(242,202,80,.04),rgba(0,0,0,.22));
}
.photo-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.photo-toolbar .small-btn{height:42px;padding:0 16px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.small-btn.gold{border-color:rgba(242,202,80,.55);color:var(--gold);background:rgba(242,202,80,.07)}
.small-btn.gold:hover{background:rgba(242,202,80,.14);box-shadow:0 0 18px rgba(242,202,80,.08)}
.small-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none!important}
.photo-limit{margin-left:auto;color:rgba(242,202,80,.82);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.photo-note{margin:4px 0 14px!important;font-size:13px}
.selectable-photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,92px));gap:12px;align-items:start}
.photo-thumb{position:relative;width:92px;height:92px;border:1px solid rgba(242,202,80,.22);border-radius:10px;overflow:hidden;background:#070707;padding:0;display:block;transition:.2s}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96)}
.photo-thumb span{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);border:1px solid rgba(242,202,80,.42);color:var(--gold);opacity:0;transform:scale(.8);transition:.18s;font-weight:900}
.photo-thumb:hover{border-color:rgba(242,202,80,.72);transform:translateY(-1px)}
.photo-thumb.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,202,80,.18),0 0 22px rgba(242,202,80,.12)}
.photo-thumb.selected img{filter:brightness(.55) saturate(.85)}
.photo-thumb.selected span{opacity:1;transform:scale(1)}
.photo-thumb em{position:absolute;left:6px;bottom:6px;padding:3px 6px;border-radius:7px;background:rgba(242,202,80,.9);color:#241a00;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em}
.no-photo-admin{grid-column:1/-1;border:1px dashed rgba(242,202,80,.18);border-radius:10px;color:rgba(201,198,197,.55);padding:22px;text-align:center;background:rgba(0,0,0,.18)}

/* stronger but still dark profile gallery arrows */
.gallery-arrow{
  width:48px!important;height:48px!important;
  background:rgba(0,0,0,.58)!important;
  color:rgba(242,202,80,.86)!important;
  border:1px solid rgba(242,202,80,.20)!important;
  opacity:.76!important;
  box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
}
.gallery-arrow:hover{opacity:1!important;background:rgba(0,0,0,.78)!important;color:var(--gold)!important;border-color:rgba(242,202,80,.48)!important}

.footer-title{text-align:center;font-size:48px;font-weight:700;color:#d4af37;margin-bottom:12px}.footer-links{text-align:center;justify-content:center}.copyright{text-align:center}


/* footer center fix */
.footer{
padding:20px 0 12px !important;
text-align:center !important;
}
.footer-title{
display:block !important;
font-size:58px !important;
font-weight:700 !important;
text-align:center !important;
margin:0 auto 12px !important;
width:100% !important;
}
.footer-links{
justify-content:center !important;
display:flex !important;
gap:28px !important;
flex-wrap:wrap !important;
}
.copyright{
margin-top:10px !important;
}


/* === REDESIGN TЗ: black-gold reference cards, filters, profile === */
:root{--gold:#f2ca50;--gold2:#d4af37;--bg:#050505;--panel:#0f0f0f;--panelSoft:#15130d;--lineGold:rgba(242,202,80,.28);--mutedGold:rgba(242,202,80,.72)}
html,body{max-width:100%;overflow-x:hidden;}
.footer{padding:28px 20px 18px!important}
.footer-title{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-size:44px;font-weight:800;text-align:center;line-height:1;margin:0 0 14px}
.footer .brand,.footer img{display:none!important}
.footer-links{margin:12px 0!important;gap:26px}
.copyright{font-size:12px!important;margin-top:8px}

.premium-filters{width:320px!important;background:linear-gradient(180deg,#0a0a0a,#080808)!important;border-right:1px solid var(--lineGold)!important;padding:22px 18px!important;scrollbar-width:thin;scrollbar-color:var(--gold2) #090909}
.premium-filters::-webkit-scrollbar{width:7px}
.premium-filters::-webkit-scrollbar-track{background:#080808;border-left:1px solid rgba(242,202,80,.1)}
.premium-filters::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),#6f5717);border-radius:999px}
.reset-filters{width:100%;margin:16px 0 10px;padding:13px 14px;border-radius:12px;border:1px solid var(--lineGold);background:linear-gradient(180deg,rgba(242,202,80,.08),rgba(0,0,0,.18));color:var(--muted);font-weight:900}
.filter-card{margin-top:14px;padding:12px;border:1px solid var(--lineGold);border-radius:14px;background:linear-gradient(180deg,rgba(242,202,80,.06),rgba(0,0,0,.25))}
.filter-card label{display:block;color:#fff;font-size:18px;font-weight:900;letter-spacing:-.02em;text-transform:none;margin:0 0 10px}
.filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filter-buttons button{min-height:36px;border-radius:8px;border:1px solid rgba(242,202,80,.45);background:#050505;color:#fff;font-weight:900;font-size:13px}
.filter-buttons button:hover,.filter-buttons button.active{background:rgba(242,202,80,.14);color:var(--gold);box-shadow:0 0 14px rgba(242,202,80,.08)}
.custom-select{position:relative;z-index:10}
.custom-select-current{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:8px;border:1px solid rgba(242,202,80,.55);background:#050505;color:#fff;font-weight:900}
.custom-select-current span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-arrow{color:var(--gold);font-size:12px}
.custom-select-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:290px;overflow:auto;background:#080808;border:1px solid rgba(242,202,80,.55);border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.75);z-index:80}
.custom-select.open .custom-select-menu{display:block}
.custom-select-menu button{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid rgba(242,202,80,.12);padding:10px 14px;background:#080808;color:#d6d2c9;font-weight:800;font-size:14px}
.custom-select-menu button:hover,.custom-select-menu button.active{background:rgba(242,202,80,.12);color:var(--gold)}
.select-group-title{padding:10px 14px 6px;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;background:#0e0d09}

.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(410px,1fr));gap:22px}
.info-card{display:grid;grid-template-columns:170px 1fr;min-height:260px;background:linear-gradient(180deg,#111,#070707);border:1px solid rgba(242,202,80,.22);border-radius:14px;overflow:hidden;position:relative}
.info-card:hover{border-color:rgba(242,202,80,.55);box-shadow:0 0 28px rgba(242,202,80,.08);transform:translateY(-2px)}
.info-card-photo{position:relative;min-height:260px;background:#090909;border-right:1px solid rgba(242,202,80,.16)}
.info-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.info-card-content{padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}
.info-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.info-card-head h3{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-size:28px;margin:0;line-height:1.1}
.info-card-head b{white-space:nowrap;color:#e9e4d7;font-size:13px;opacity:.82}
.card-facts{display:grid;gap:4px;color:#d6d2c9;font-size:14px}
.card-facts b{color:#fff}
.card-description{margin:2px 0 0;color:#fff;line-height:1.45;font-weight:700}
.card-contact-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.card-contact-preview span{border:1px solid rgba(242,202,80,.28);border-radius:8px;padding:6px 9px;color:var(--gold);font-size:12px;font-weight:900}
.info-card .profile-link{margin-top:8px;border-color:rgba(242,202,80,.35);background:#080808;color:#fff}
.info-card .profile-link:hover{background:var(--gold);color:#241a00}
.crown-badge{background:var(--gold)!important;color:#241a00!important;border-radius:999px!important;padding:6px 11px!important;font-weight:900!important}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:34px 0 8px}
.pagination button,.pagination span{min-width:38px;height:38px;border:1px solid rgba(242,202,80,.35);border-radius:9px;background:#080808;color:#d9d2c0;font-weight:900}
.pagination button.active{background:rgba(242,202,80,.18);color:var(--gold);border-color:var(--gold)}
.pagination button:disabled{opacity:.35;cursor:not-allowed}
.pagination span{display:flex;align-items:center;justify-content:center;border-color:transparent}

.reference-profile .profile-grid{grid-template-columns:minmax(330px,430px) 1fr;align-items:start}
.profile-info-card{background:linear-gradient(180deg,#111,#070707)!important;border-color:rgba(242,202,80,.28)!important;color:#fff}
.profile-info-card h1{font-family:Manrope,Arial,sans-serif!important;color:#fff!important;font-size:38px!important;font-weight:900!important}
.profile-sections{display:grid;grid-template-columns:1.4fr .9fr .9fr;gap:10px;margin-top:10px}
.profile-section{background:linear-gradient(180deg,#0c0c0c,#050505)!important;border:1px solid rgba(242,202,80,.22)!important;border-radius:12px;padding:13px!important}
.profile-section h3{font-family:Manrope,Arial,sans-serif!important;color:#fff;font-size:15px;margin:0 0 10px}
.profile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(242,202,80,.14);border-radius:8px;background:#040404;padding:9px 10px;margin:6px 0}
.profile-row span{font-size:12px;text-transform:uppercase;color:#e1cda0}
.profile-row b{color:#fff;text-align:right}
.description-section{margin-top:12px}
.bio{white-space:pre-line!important;font-style:normal!important;color:#fff!important}
.contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.messenger{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(242,202,80,.35)!important;background:#080808!important;color:var(--gold)!important;border-radius:9px;padding:12px 16px;font-weight:900}
.messenger:hover{background:rgba(242,202,80,.12)!important}
.copy-msg{font-size:13px}
.phone-pill{border-color:rgba(242,202,80,.4)!important;color:var(--gold)!important;background:#070707!important}
.gallery-arrow{background:rgba(0,0,0,.55)!important;color:rgba(242,202,80,.85)!important;border:1px solid rgba(242,202,80,.28)!important}
.gallery-arrow:hover{background:rgba(242,202,80,.16)!important;color:#fff!important}

.photo-upload-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed rgba(242,202,80,.25);border-radius:10px;padding:14px;background:#090909}
.photo-add-btn{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(242,202,80,.45);border-radius:9px;background:#050505;color:var(--gold)!important;padding:12px 16px;font-weight:900;cursor:pointer}
.photo-limit{color:rgba(229,226,225,.7);font-size:13px}
.photo-thumb.selected{outline:2px solid var(--gold);box-shadow:0 0 0 4px rgba(242,202,80,.12)}

@media(max-width:1050px){
  .catalog-grid{grid-template-columns:1fr}
  .info-card{grid-template-columns:145px 1fr;min-height:235px}
  .info-card-photo{min-height:235px}
  .profile-sections{grid-template-columns:1fr}
  .reference-profile .profile-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .app{padding-top:72px}
  .sidebar{display:none}
  body.show-filters .sidebar{display:block;position:fixed;z-index:70;top:72px;left:0;width:100%;height:calc(100vh - 72px)}
  .info-card{grid-template-columns:132px 1fr;min-height:220px}
  .info-card-photo{min-height:220px}
  .info-card-content{padding:16px 14px}
  .info-card-head h3{font-size:24px}
  .card-description{font-size:13px}
  .footer-title{font-size:36px}
}

/* === FILTER AUTOCOMPLETE FIX: compact black/gold station search === */
.location-filter-card{position:relative;overflow:visible !important;z-index:8}
.nationality-filter-card{position:relative;overflow:visible !important;z-index:7}
.station-autocomplete{position:relative;width:100%}
.station-input{
  height:40px !important;
  width:100% !important;
  border-radius:9px !important;
  border:1px solid rgba(242,202,80,.45) !important;
  background:#060606 !important;
  color:#fff !important;
  padding:0 12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  outline:none !important;
}
.station-input::placeholder{color:rgba(229,226,225,.45);font-weight:700}
.station-input:focus{border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(242,202,80,.08) !important}
.station-suggestions{
  display:none;
  position:absolute;
  z-index:70;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:230px;
  overflow-y:auto;
  background:#070707;
  border:1px solid rgba(242,202,80,.55);
  border-radius:10px;
  box-shadow:0 18px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.5);
  scrollbar-width:thin;
  scrollbar-color:rgba(242,202,80,.7) #090909;
}
.station-suggestions.open{display:block}
.station-suggestions::-webkit-scrollbar{width:6px}
.station-suggestions::-webkit-scrollbar-track{background:#090909;border-radius:999px}
.station-suggestions::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.55));border-radius:999px}
.station-suggestions button{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(242,202,80,.12);
  background:#070707;
  color:#e5e2e1;
  min-height:38px;
  padding:9px 12px;
  text-align:left;
  font-size:13px;
  font-weight:800;
  display:block;
}
.station-suggestions button:hover{background:rgba(242,202,80,.13);color:var(--gold)}
.station-suggestions button span{color:var(--gold);font-weight:900;margin-right:4px}
.station-empty{padding:12px;color:rgba(229,226,225,.58);font-size:13px;font-weight:800}
.custom-select.compact-select .custom-select-menu,
.nationality-menu{max-height:245px !important;overflow-y:auto !important;scrollbar-width:thin;scrollbar-color:rgba(242,202,80,.7) #090909}
.custom-select.compact-select .custom-select-menu button,
.nationality-menu button{min-height:36px !important;padding:8px 12px !important;font-size:13px !important}
.filter-card{overflow:visible !important}
.sidebar.premium-filters{overflow-y:auto !important;overflow-x:visible !important}
@media(max-height:760px){.station-suggestions{max-height:190px}.station-input{height:36px !important}.station-suggestions button{min-height:34px;font-size:12px}.custom-select.compact-select .custom-select-menu,.nationality-menu{max-height:205px !important}}


/* === FIX: Metro/MCD autocomplete should not look broken === */
.station-autocomplete{
  position:relative !important;
  z-index:120 !important;
}
.location-filter-card:has(.station-suggestions.open),
.filter-card:has(.station-suggestions.open){
  position:relative !important;
  z-index:999 !important;
}
.station-suggestions{
  z-index:9999 !important;
  background:#050505 !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:1px solid rgba(242,202,80,.72) !important;
  box-shadow:
    0 24px 40px rgba(0,0,0,.96),
    0 0 0 9999px rgba(5,5,5,.72),
    0 0 0 1px rgba(242,202,80,.15) inset !important;
  max-height:220px !important;
  overflow-y:auto !important;
  pointer-events:auto !important;
}
.station-suggestions button{
  background:#050505 !important;
  color:#e5e2e1 !important;
}
.station-suggestions button:hover{
  background:rgba(242,202,80,.16) !important;
  color:#f2ca50 !important;
}
.station-input::placeholder{
  color:transparent !important;
}
.sidebar.premium-filters{
  overflow-y:auto !important;
  overflow-x:visible !important;
}



/* === FINAL UX FIXES: no apply button, desktop two-column, profile back === */
#applyFilters,
.sidebar .btn[data-i18n="apply"],
.sidebar button[data-i18n="apply"],
.premium-filters > .btn,
.premium-filters button[id="applyFilters"]{
  display:none !important;
}

@media (min-width:1051px){
  html, body{
    overflow-x:hidden !important;
  }
  .app{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-top:72px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }
  .sidebar.premium-filters,
  .sidebar{
    width:340px !important;
    min-width:340px !important;
    flex:0 0 340px !important;
    position:sticky !important;
    top:72px !important;
    left:0 !important;
    height:calc(100vh - 72px) !important;
    max-height:calc(100vh - 72px) !important;
    overflow-y:auto !important;
    overflow-x:visible !important;
    margin:0 !important;
    z-index:20 !important;
  }
  .main{
    flex:1 1 auto !important;
    min-width:0 !important;
    padding:42px 56px 56px !important;
    margin:0 !important;
  }
  .catalog-grid{
    grid-template-columns:repeat(auto-fill,minmax(410px,1fr)) !important;
    align-items:start !important;
  }
  .footer{
    width:100% !important;
    margin-top:0 !important;
  }
}

.profile-back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  min-height:38px;
  padding:9px 16px;
  margin:0 0 18px 0;
  border:1.5px solid rgba(242,202,80,.75);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(242,202,80,.08),rgba(0,0,0,.25));
  color:#f2ca50;
  font-weight:900;
  letter-spacing:.04em;
  text-decoration:none;
  box-shadow:0 0 18px rgba(242,202,80,.08);
  transition:.2s ease;
}
.profile-back-btn:hover{
  background:rgba(242,202,80,.16);
  border-color:#f2ca50;
  transform:translateY(-1px);
}
@media(max-width:1050px){
  .profile-back-btn{
    margin-left:0;
    width:100%;
  }
}

.telegram-top img{width:28px;height:28px;object-fit:contain}.telegram-top{display:flex;align-items:center;justify-content:center}


/* === TELEGRAM HEADER ICON REALLY BIG FIX === */
.nav-actions a.icon-btn{
  width:64px !important;
  height:64px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  overflow:visible !important;
  flex:0 0 64px !important;
}
.telegram-top-icon{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  display:block !important;
  object-fit:contain !important;
  filter: drop-shadow(0 0 10px rgba(242,202,80,.22)) !important;
  transition: transform .2s ease, filter .2s ease !important;
}
.nav-actions a.icon-btn:hover .telegram-top-icon{
  transform:scale(1.08) !important;
  filter: drop-shadow(0 0 16px rgba(242,202,80,.38)) !important;
}
@media(max-width:760px){
  .nav-actions a.icon-btn{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
  }
  .telegram-top-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}

/* === Header center brand replacement === */
.header-title-brand{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-width:0;
  line-height:1.05;
  padding:0 18px;
  pointer-events:none;
}
.header-main-title{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:700;
  font-size:34px;
  letter-spacing:.015em;
  color:var(--gold,#f2ca50);
  text-shadow:0 0 18px rgba(242,202,80,.18);
  white-space:nowrap;
}
.header-subtitle{
  margin-top:5px;
  font-family:Manrope,Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(229,226,225,.72);
  white-space:nowrap;
}
.topbar .nav{gap:18px;}
.topbar .menu{display:none!important;}
@media(max-width:900px){
  .header-main-title{font-size:24px;}
  .header-subtitle{font-size:8.5px;letter-spacing:.06em;max-width:210px;white-space:normal;line-height:1.25;}
  .header-title-brand{padding:0 8px;}
}
@media(max-width:560px){
  .header-main-title{font-size:20px;}
  .header-subtitle{display:none;}
}

/* === FINAL HEADER LAYOUT: logo left, title center, languages + big Telegram right === */
.topbar{
  height:96px !important;
  min-height:96px !important;
  background:rgba(12,12,12,.88) !important;
  backdrop-filter:blur(24px) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.topbar .nav{
  position:relative !important;
  height:96px !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 30px !important;
  display:grid !important;
  grid-template-columns:120px 1fr auto !important;
  align-items:center !important;
  column-gap:20px !important;
}
.topbar .brand.only-logo{
  grid-column:1 !important;
  justify-self:start !important;
  width:auto !important;
  min-width:0 !important;
  height:96px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
}
.topbar .brand.only-logo img,
.topbar .brand.only-logo .header-logo-img{
  width:auto !important;
  height:78px !important;
  max-width:98px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.topbar .header-title-brand{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:1 !important;
  width:min(560px,46vw) !important;
  max-width:560px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  pointer-events:none !important;
  padding:0 !important;
  margin:0 !important;
  line-height:1.02 !important;
}
.topbar .header-main-title{
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:44px !important;
  font-weight:700 !important;
  line-height:.95 !important;
  letter-spacing:.01em !important;
  color:var(--gold,#f2ca50) !important;
  white-space:nowrap !important;
  text-shadow:0 0 18px rgba(242,202,80,.2) !important;
}
.topbar .header-subtitle{
  margin-top:8px !important;
  font-family:Manrope,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(229,226,225,.72) !important;
  white-space:nowrap !important;
}
.topbar .nav-actions{
  grid-column:3 !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  min-width:0 !important;
  position:relative !important;
  z-index:2 !important;
}
.topbar .lang-btn{
  min-width:42px !important;
  height:42px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:rgba(229,226,225,.86) !important;
  border-radius:9px !important;
}
.topbar .lang-btn.active,
.topbar .lang-btn:hover{
  color:var(--gold,#f2ca50) !important;
  background:rgba(255,255,255,.06) !important;
}
.topbar .nav-actions a.icon-btn,
.topbar .nav-actions a.telegram-top{
  width:92px !important;
  height:92px !important;
  flex:0 0 92px !important;
  padding:0 !important;
  margin-left:12px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
}
.topbar .telegram-top-icon,
.topbar .telegram-top img,
.topbar .nav-actions a.icon-btn img{
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  min-height:78px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 0 12px rgba(242,202,80,.28)) !important;
  transition:transform .2s ease, filter .2s ease !important;
}
.topbar .nav-actions a.icon-btn:hover img,
.topbar .nav-actions a.telegram-top:hover img{
  transform:scale(1.06) !important;
  filter:drop-shadow(0 0 18px rgba(242,202,80,.45)) !important;
}
.app,
.admin-layout{
  padding-top:96px !important;
}
.profile-wrap{
  padding-top:136px !important;
}
.sidebar,
.admin-side{
  top:96px !important;
  height:calc(100vh - 96px) !important;
  min-height:calc(100vh - 96px) !important;
}
@media(max-width:900px){
  .topbar{height:88px !important;min-height:88px !important;}
  .topbar .nav{
    height:88px !important;
    padding:0 14px !important;
    grid-template-columns:72px 1fr auto !important;
    column-gap:8px !important;
  }
  .topbar .brand.only-logo{height:88px !important;}
  .topbar .brand.only-logo img,
  .topbar .brand.only-logo .header-logo-img{
    height:56px !important;
    max-width:64px !important;
  }
  .topbar .header-title-brand{
    width:44vw !important;
  }
  .topbar .header-main-title{
    font-size:25px !important;
  }
  .topbar .header-subtitle{
    margin-top:5px !important;
    font-size:8px !important;
    letter-spacing:.07em !important;
    white-space:normal !important;
  }
  .topbar .nav-actions{
    gap:5px !important;
  }
  .topbar .lang-btn{
    min-width:32px !important;
    height:36px !important;
    padding:0 6px !important;
    font-size:13px !important;
  }
  .topbar .nav-actions a.icon-btn,
  .topbar .nav-actions a.telegram-top{
    width:62px !important;
    height:62px !important;
    flex-basis:62px !important;
    margin-left:4px !important;
  }
  .topbar .telegram-top-icon,
  .topbar .telegram-top img,
  .topbar .nav-actions a.icon-btn img{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
  }
  .app,.admin-layout{padding-top:88px !important;}
  .profile-wrap{padding-top:118px !important;}
  .sidebar,.admin-side{top:88px !important;height:calc(100vh - 88px) !important;min-height:calc(100vh - 88px) !important;}
}
@media(max-width:540px){
  .topbar .header-main-title{font-size:20px !important;}
  .topbar .header-subtitle{font-size:7px !important;max-width:150px !important;}
  .topbar .lang-btn{font-size:12px !important;min-width:28px !important;padding:0 4px !important;}
  .topbar .nav-actions a.icon-btn,
  .topbar .nav-actions a.telegram-top{width:54px !important;height:54px !important;flex-basis:54px !important;}
  .topbar .telegram-top-icon,
  .topbar .telegram-top img,
  .topbar .nav-actions a.icon-btn img{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;}
}


/* === 3s premium start loader === */
.site-loader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 42%, rgba(242,202,80,.13), transparent 34%),
    linear-gradient(180deg, #020202 0%, #080808 55%, #000 100%);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation: siteLoaderFade 3s cubic-bezier(.22,.8,.22,1) forwards;
}
.site-loader__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  transform:translateY(8px) scale(.96);
  opacity:0;
  filter:blur(8px);
  animation: siteLoaderInner 3s cubic-bezier(.22,.8,.22,1) forwards;
}
.site-loader__logo{
  width:min(190px, 42vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(242,202,80,.22));
  animation: siteLoaderLogo 3s ease-in-out forwards;
}
.site-loader__lingerie{
  width:min(128px, 30vw);
  height:auto;
  object-fit:contain;
  opacity:0;
  filter:drop-shadow(0 0 18px rgba(242,202,80,.32)) saturate(1.3);
  animation: siteLoaderLingerie 3s ease-in-out forwards;
}
body:has(.site-loader) .topbar,
body:has(.site-loader) .app,
body:has(.site-loader) .profile-wrap,
body:has(.site-loader) .footer{
  animation: siteContentReveal 3s ease forwards;
}
@keyframes siteLoaderInner{
  0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(10px)}
  18%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  78%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translateY(-10px) scale(1.04);filter:blur(8px)}
}
@keyframes siteLoaderLogo{
  0%{opacity:0;transform:scale(.86)}
  18%{opacity:1;transform:scale(1)}
  58%{opacity:1;transform:scale(1.03)}
  100%{opacity:0;transform:scale(1.12)}
}
@keyframes siteLoaderLingerie{
  0%{opacity:0;transform:translateY(18px) scale(.88);filter:brightness(.35) saturate(.2) drop-shadow(0 0 0 rgba(242,202,80,0))}
  28%{opacity:.25;transform:translateY(8px) scale(.94);filter:brightness(.65) saturate(.6) drop-shadow(0 0 8px rgba(242,202,80,.12))}
  48%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1.22) saturate(1.4) drop-shadow(0 0 22px rgba(242,202,80,.38))}
  78%{opacity:1;transform:translateY(0) scale(1.02);filter:brightness(1.15) saturate(1.3) drop-shadow(0 0 24px rgba(242,202,80,.32))}
  100%{opacity:0;transform:translateY(-10px) scale(1.06);filter:brightness(1.35) saturate(1.6) drop-shadow(0 0 34px rgba(242,202,80,.42))}
}
@keyframes siteLoaderFade{
  0%,78%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden;pointer-events:none}
}
@keyframes siteContentReveal{
  0%,72%{filter:brightness(.25) blur(1.5px)}
  100%{filter:brightness(1) blur(0)}
}
@media(max-width:640px){
  .site-loader__logo{width:150px}
  .site-loader__lingerie{width:105px}
}
@media (prefers-reduced-motion: reduce){
  .site-loader{animation:siteLoaderFade 1.2s linear forwards}
  .site-loader__inner,.site-loader__logo,.site-loader__lingerie{animation:none;opacity:1;filter:none;transform:none}
}



/* === Premium loader v2: first visit only, 3 seconds === */
html.loader-skip .site-loader{display:none!important;}
html.loader-skip .topbar,
html.loader-skip .app,
html.loader-skip .profile-wrap,
html.loader-skip .footer{animation:none!important;filter:none!important;}
.site-loader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 18%, rgba(212,175,55,.10), transparent 32%),
    radial-gradient(circle at 82% 82%, rgba(212,175,55,.08), transparent 36%),
    radial-gradient(circle at 50% 50%, rgba(242,202,80,.10), transparent 28%),
    #000;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation: qmLoaderFade 3s cubic-bezier(.22,.8,.22,1) forwards;
}
.site-loader.is-finished{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .38s ease,visibility .38s ease;}
.site-loader__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  text-align:center;
  transform:translateY(10px) scale(.96);
  opacity:0;
  filter:blur(10px);
  animation: qmLoaderInner 3s cubic-bezier(.22,.8,.22,1) forwards;
}
.site-loader__logo{
  width:min(178px, 38vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(242,202,80,.28));
  animation: qmLoaderLogo 3s ease-in-out forwards;
}
.site-loader__title{
  font-family:'Playfair Display', Georgia, serif;
  font-size:clamp(34px, 5vw, 68px);
  line-height:.95;
  color:#f2ca50;
  letter-spacing:-.035em;
  text-shadow:0 0 28px rgba(212,175,55,.28), 0 2px 0 rgba(0,0,0,.55);
  opacity:0;
  transform:translateY(10px);
  animation: qmLoaderTitle 3s ease-in-out forwards;
}
.site-loader__lingerieWrap{
  position:relative;
  width:min(150px, 32vw);
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:2px;
  overflow:visible;
  opacity:0;
  animation: qmLoaderLingerieWrap 3s ease-in-out forwards;
}
.site-loader__lingerieWrap::before{
  content:'';
  position:absolute;
  inset:-18px;
  background:linear-gradient(180deg, transparent 0%, rgba(242,202,80,.16) 36%, rgba(212,175,55,.22) 58%, transparent 100%);
  transform:translateY(-120%);
  filter:blur(10px);
  animation: qmGoldFill 3s ease-in-out forwards;
  pointer-events:none;
}
.site-loader__lingerieWrap::after{
  content:'';
  position:absolute;
  top:-12%;
  left:-55%;
  width:42%;
  height:128%;
  background:linear-gradient(90deg, transparent, rgba(255,245,180,.62), transparent);
  transform:skewX(-18deg) translateX(-150%);
  animation: qmLoaderShine 3s ease-in-out forwards;
  pointer-events:none;
}
.site-loader__lingerie{
  width:100%;
  height:auto;
  object-fit:contain;
  opacity:1;
  position:relative;
  z-index:1;
  filter:brightness(.75) grayscale(1) saturate(.1) drop-shadow(0 0 0 rgba(242,202,80,0));
  animation: qmLoaderLingerie 3s ease-in-out forwards;
}
.site-loader__welcome{
  margin-top:4px;
  font-size:clamp(15px, 2vw, 20px);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(229,226,225,.82);
  opacity:0;
  transform:translateY(9px);
  text-shadow:0 0 16px rgba(212,175,55,.16);
  animation: qmLoaderWelcome 3s ease-in-out forwards;
}
body.loading-active{overflow:hidden;}
body.loading-active .topbar,
body.loading-active .app,
body.loading-active .profile-wrap,
body.loading-active .footer{animation:qmContentReveal 3s ease forwards;}
body.content-ready .topbar,
body.content-ready .app,
body.content-ready .profile-wrap,
body.content-ready .footer{animation:qmSoftPageIn .55s ease both;}
@keyframes qmLoaderInner{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(12px)}16%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}78%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-12px) scale(1.035);filter:blur(8px)}}
@keyframes qmLoaderLogo{0%{opacity:0;transform:scale(.82)}14%{opacity:1;transform:scale(1.04)}34%{transform:scale(1)}76%{opacity:1;transform:scale(1.025)}100%{opacity:0;transform:scale(1.12)}}
@keyframes qmLoaderTitle{0%,16%{opacity:0;transform:translateY(10px)}30%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
@keyframes qmLoaderLingerieWrap{0%,26%{opacity:0;transform:translateY(18px) scale(.92)}43%,78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-9px) scale(1.04)}}
@keyframes qmLoaderLingerie{0%,28%{filter:brightness(.32) grayscale(1) saturate(.08) drop-shadow(0 0 0 rgba(242,202,80,0))}48%{filter:brightness(1.22) grayscale(.05) saturate(1.6) drop-shadow(0 0 22px rgba(242,202,80,.40))}78%{filter:brightness(1.12) grayscale(0) saturate(1.35) drop-shadow(0 0 24px rgba(242,202,80,.34))}100%{filter:brightness(1.35) grayscale(0) saturate(1.7) drop-shadow(0 0 34px rgba(242,202,80,.46))}}
@keyframes qmGoldFill{0%,30%{transform:translateY(-120%);opacity:0}46%{opacity:1}72%{transform:translateY(115%);opacity:.7}100%{transform:translateY(150%);opacity:0}}
@keyframes qmLoaderShine{0%,48%{transform:skewX(-18deg) translateX(-150%);opacity:0}58%{opacity:.9}78%{transform:skewX(-18deg) translateX(430%);opacity:0}100%{opacity:0}}
@keyframes qmLoaderWelcome{0%,52%{opacity:0;transform:translateY(10px)}66%,78%{opacity:1;transform:translateY(0)}88%{opacity:.72;text-shadow:0 0 20px rgba(242,202,80,.32)}100%{opacity:0;transform:translateY(-6px)}}
@keyframes qmLoaderFade{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes qmContentReveal{0%,76%{filter:brightness(.14) blur(2px);opacity:.55}100%{filter:brightness(1) blur(0);opacity:1}}
@keyframes qmSoftPageIn{0%{opacity:.86;filter:brightness(.82);transform:translateY(6px)}100%{opacity:1;filter:brightness(1);transform:none}}

/* === Smooth premium micro-interactions === */
.card,.catalog-card,.glass,.profile-panel,.info-card,.filter-card,.custom-select-current,.station-input,.btn,.small-btn,.icon-btn,.lang-btn,.telegram-top,.profile-contact-btn,.back-link,a,button,input,textarea,select{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease, filter .22s ease;
}
.card:hover,.catalog-card:hover,.glass:hover,.info-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.28), 0 0 22px rgba(212,175,55,.08);
}
button:hover,.btn:hover,.small-btn:hover,.icon-btn:hover,.lang-btn:hover,.telegram-top:hover,.profile-link:hover,.custom-select-current:hover,.station-input:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
button:active,.btn:active,.small-btn:active,.icon-btn:active,.lang-btn:active,.telegram-top:active,.profile-link:active{
  transform:translateY(0) scale(.97);
  filter:brightness(.95);
}
.lang-btn.active, .lang-btn:hover{
  box-shadow:0 0 18px rgba(212,175,55,.16);
}
.station-suggestions button:hover,.custom-select-menu button:hover{
  transform:translateX(3px);
}
.profile-wrap,.main,.admin-main{animation:qmSectionEnter .48s ease both;}
@keyframes qmSectionEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .site-loader__logo{width:142px}
  .site-loader__title{font-size:38px}
  .site-loader__lingerieWrap{width:112px}
  .site-loader__welcome{font-size:13px;letter-spacing:.16em}
}
@media (prefers-reduced-motion: reduce){
  .site-loader,.site-loader__inner,.site-loader__logo,.site-loader__title,.site-loader__lingerieWrap,.site-loader__lingerie,.site-loader__welcome{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
  *{transition:none!important;scroll-behavior:auto!important;animation:none!important;}
}

body{transition:opacity .18s ease;} body.page-fade-out{opacity:.85;} 


/* === MULTI FILTERS UX FIX === */
.filter-buttons button.active,
.custom-select-menu button.active,
.selected-station-tags button {
  border-color: rgba(242,202,80,.78) !important;
  background: linear-gradient(180deg, rgba(242,202,80,.20), rgba(212,175,55,.10)) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 18px rgba(242,202,80,.10) !important;
}

.filter-buttons button.active::after,
.custom-select-menu button.active::after {
  content: "✓";
  margin-left: 7px;
  color: var(--gold);
  font-weight: 900;
}

.custom-select-menu {
  max-height: 260px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--gold) rgba(255,255,255,.06);
}
.custom-select-menu::-webkit-scrollbar,
.station-suggestions::-webkit-scrollbar {
  width: 6px;
}
.custom-select-menu::-webkit-scrollbar-track,
.station-suggestions::-webkit-scrollbar-track {
  background: rgba(255,255,255,.05);
  border-radius: 20px;
}
.custom-select-menu::-webkit-scrollbar-thumb,
.station-suggestions::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--gold), var(--gold2));
  border-radius: 20px;
}

.selected-station-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.selected-station-tags button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  border: 1px solid rgba(242,202,80,.42);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: .02em;
  cursor: pointer;
}
.selected-station-tags b {
  color: rgba(229,226,225,.84);
  font-weight: 900;
}
.selected-station-tags span {
  font-size: 15px;
  line-height: 1;
  color: var(--gold);
}
.selected-station-tags button:hover {
  transform: translateY(-1px);
  border-color: var(--gold);
  box-shadow: 0 0 18px rgba(242,202,80,.16) !important;
}

.station-autocomplete {
  position: relative;
  z-index: 6;
}
.location-filter-card:focus-within {
  z-index: 100;
}
.station-suggestions.open {
  z-index: 9999 !important;
  background: #080808 !important;
  border: 1px solid rgba(242,202,80,.45) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.75), 0 0 24px rgba(242,202,80,.10) !important;
  max-height: 240px !important;
  overflow-y: auto !important;
}
.station-suggestions button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--text);
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.station-suggestions button:hover {
  background: rgba(242,202,80,.12);
  color: var(--gold);
}
.station-suggestions button span {
  color: var(--gold);
  font-weight: 900;
}

.reset-filters {
  transition: .25s ease;
}
.reset-filters.active {
  border-color: rgba(242,202,80,.75) !important;
  color: var(--gold) !important;
  box-shadow: 0 0 18px rgba(242,202,80,.12);
}

@media(max-width:760px){
  .selected-station-tags button {
    font-size: 10px;
    padding: 7px 9px;
  }
  .station-suggestions.open {
    max-height: 210px !important;
  }
}


/* === Telegram channel label in header === */
.nav-actions .telegram-top{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:7px 10px 7px 12px !important;
  border-radius:999px !important;
  color:#d4af37 !important;
  text-decoration:none !important;
  border:1px solid rgba(212,175,55,.22) !important;
  background:rgba(212,175,55,.06) !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}
.nav-actions .telegram-top:hover{
  transform:translateY(-1px) scale(1.025) !important;
  background:rgba(212,175,55,.11) !important;
  border-color:rgba(212,175,55,.45) !important;
  box-shadow:0 0 20px rgba(212,175,55,.18) !important;
}
.tg-channel-label{
  color:#d4af37 !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-align:center !important;
  display:block !important;
  margin-top:8px !important;
  white-space:nowrap !important;
}
.telegram-top{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
.telegram-top-icon{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  object-fit:contain !important;
  display:block !important;
}
@media(max-width:980px){
  .nav-actions .telegram-top{
    gap:8px !important;
    padding:6px 8px !important;
  }
  .tg-channel-label{
    font-size:12px !important;
    max-width:92px !important;
    white-space:normal !important;
    line-height:1.08 !important;
    text-align:right !important;
  }
  .telegram-top-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
}
@media(max-width:560px){
  .tg-channel-label{
    display:none !important;
  }
  .telegram-top-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
  .nav-actions .telegram-top{
    padding:5px !important;
    border-color:transparent !important;
    background:transparent !important;
  }
}


.header-right{display:flex;align-items:center;gap:28px}
.telegram-top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px;text-decoration:none}
.telegram-top-icon{width:110px!important;height:110px!important;display:block}
.tg-channel-label{order:2;display:block!important;text-align:center;color:#d4af37;font-size:18px;font-weight:600;white-space:nowrap;margin:0!important}
@media(max-width:768px){
.telegram-top-icon{width:72px!important;height:72px!important}
.tg-channel-label{font-size:13px}
}


/* === REAL FIX: Telegram block in header (no extra ring, label under icon) === */
.topbar .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:22px !important;
  overflow:visible !important;
}
.topbar .nav-actions .lang-btn{
  flex:0 0 auto !important;
}
.topbar .nav-actions a.telegram-top,
.topbar a.telegram-top,
a.telegram-top.icon-btn{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  width:auto !important;
  height:auto !important;
  min-width:116px !important;
  min-height:92px !important;
  flex:0 0 116px !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  text-decoration:none !important;
  line-height:1 !important;
  overflow:visible !important;
  transform:none !important;
}
.topbar .nav-actions a.telegram-top:hover,
.topbar a.telegram-top:hover,
a.telegram-top.icon-btn:hover{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  transform:translateY(-1px) !important;
}
.topbar .nav-actions a.telegram-top::before,
.topbar .nav-actions a.telegram-top::after,
.topbar a.telegram-top::before,
.topbar a.telegram-top::after,
a.telegram-top.icon-btn::before,
a.telegram-top.icon-btn::after{
  content:none !important;
  display:none !important;
}
.topbar .telegram-top-icon,
.topbar .nav-actions a.telegram-top img.telegram-top-icon,
.topbar a.telegram-top img,
a.telegram-top.icon-btn img.telegram-top-icon{
  order:1 !important;
  display:block !important;
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 auto !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  filter:drop-shadow(0 0 8px rgba(212,175,55,.20)) !important;
  transform:none !important;
}
.topbar .tg-channel-label,
.topbar a.telegram-top .tg-channel-label,
a.telegram-top.icon-btn .tg-channel-label{
  order:2 !important;
  position:static !important;
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#d4af37 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:nowrap !important;
  letter-spacing:.01em !important;
  text-shadow:0 0 8px rgba(212,175,55,.22) !important;
  transform:none !important;
}
@media(max-width:900px){
  .topbar .nav-actions{gap:12px !important;}
  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    min-width:76px !important;
    min-height:70px !important;
    flex-basis:76px !important;
  }
  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;max-width:46px !important;max-height:46px !important;
  }
  .topbar .tg-channel-label,
  .topbar a.telegram-top .tg-channel-label,
  a.telegram-top.icon-btn .tg-channel-label{
    font-size:9px !important;
  }
}
@media(max-width:560px){
  .topbar .tg-channel-label,
  .topbar a.telegram-top .tg-channel-label,
  a.telegram-top.icon-btn .tg-channel-label{
    display:block !important;
    font-size:8px !important;
  }
  .topbar .nav-actions{gap:6px !important;}
  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    min-width:58px !important;
    min-height:56px !important;
    flex-basis:58px !important;
  }
  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;
  }
}

.status.archived{color:#d4af37;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35)}


/* === Custom black-gold modal system === */
.qm-modal-root{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;}
.qm-modal-root.open{display:flex;animation:qmFadeIn .18s ease-out both;}
.qm-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);}
.qm-modal-box{position:relative;width:min(430px,calc(100vw - 28px));padding:28px 26px 24px;background:linear-gradient(180deg,rgba(24,24,21,.98),rgba(6,6,6,.98));border:1px solid rgba(212,175,55,.62);border-radius:18px;box-shadow:0 22px 80px rgba(0,0,0,.72),0 0 34px rgba(212,175,55,.12);overflow:hidden;transform:translateY(8px) scale(.98);animation:qmModalIn .22s ease-out .02s both;}
.qm-modal-glow{position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.18),transparent 48%);pointer-events:none;}
.qm-modal-box h3{position:relative;margin:0 0 10px;color:#f2ca50;font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.05;text-align:center;text-shadow:0 0 14px rgba(212,175,55,.18);}
.qm-modal-box p{position:relative;margin:0;color:#e5e2e1;font-size:15px;line-height:1.55;text-align:center;white-space:pre-line;}
.qm-modal-actions{position:relative;display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap;}
.qm-modal-btn{min-width:132px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;transition:.2s ease;cursor:pointer;}
.qm-modal-confirm{border:1px solid #d4af37;background:linear-gradient(180deg,#f2ca50,#d4af37);color:#1b1300;box-shadow:0 0 18px rgba(212,175,55,.18);}
.qm-modal-confirm:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(212,175,55,.28);}
.qm-modal-confirm.danger{background:linear-gradient(180deg,#f2ca50,#b88a1f);color:#1b1300;}
.qm-modal-cancel{border:1px solid rgba(212,175,55,.52);background:rgba(0,0,0,.35);color:#f2ca50;}
.qm-modal-cancel:hover{background:rgba(212,175,55,.1);transform:translateY(-1px);}
.qm-modal-lock{overflow:hidden;}
@keyframes qmFadeIn{from{opacity:0}to{opacity:1}}
@keyframes qmModalIn{to{transform:translateY(0) scale(1)}}
@media(max-width:520px){.qm-modal-box{padding:24px 18px 20px;border-radius:16px}.qm-modal-box h3{font-size:24px}.qm-modal-actions{display:grid;grid-template-columns:1fr;width:100%}.qm-modal-btn{width:100%;}}


/* === Footer legal links and black-gold legal modal === */
.footer-links a[href="/admin/login"],
.footer-links a[href*="admin/login"]{display:none!important;}
.footer-links a{transition:color .2s ease, text-shadow .2s ease, transform .2s ease;}
.footer-links a:hover{color:#f2ca50;text-shadow:0 0 14px rgba(212,175,55,.35);transform:translateY(-1px);}
.legal-modal-root{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;}
.legal-modal-root.open{display:flex;animation:legalFade .18s ease-out both;}
.legal-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px);}
.legal-modal-box{position:relative;width:min(760px,calc(100vw - 28px));max-height:min(82vh,760px);display:flex;flex-direction:column;padding:30px 28px 22px;background:linear-gradient(180deg,rgba(21,21,19,.98),rgba(5,5,5,.98));border:1px solid rgba(212,175,55,.65);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 42px rgba(212,175,55,.13);overflow:hidden;}
.legal-modal-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.18),transparent 42%);pointer-events:none;}
.legal-modal-title{position:relative;margin:0 0 18px;color:#f2ca50;font-family:'Playfair Display',Georgia,serif;font-size:34px;line-height:1.05;text-align:center;text-shadow:0 0 16px rgba(212,175,55,.24);}
.legal-modal-text{position:relative;overflow:auto;max-height:55vh;padding:4px 8px 8px;color:#e5e2e1;font-size:15.5px;line-height:1.72;white-space:pre-line;scrollbar-width:thin;scrollbar-color:#d4af37 #050505;}
.legal-modal-text::-webkit-scrollbar{width:8px}
.legal-modal-text::-webkit-scrollbar-track{background:#050505;border-radius:20px}
.legal-modal-text::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f2ca50,#a47b12);border-radius:20px}
.legal-modal-close{position:relative;align-self:center;margin-top:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(212,175,55,.75);background:rgba(0,0,0,.45);color:#f2ca50;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;box-shadow:0 0 18px rgba(212,175,55,.12);}
.legal-modal-close:hover{background:rgba(212,175,55,.13);transform:translateY(-1px) scale(1.04);box-shadow:0 0 30px rgba(212,175,55,.24);}
.legal-modal-lock{overflow:hidden;}
@keyframes legalFade{from{opacity:0}to{opacity:1}}
@media(max-width:560px){
  .legal-modal-box{padding:24px 18px 18px;border-radius:16px;max-height:86vh}
  .legal-modal-title{font-size:26px}
  .legal-modal-text{font-size:14px;line-height:1.62;max-height:58vh}
  .legal-modal-close{width:42px;height:42px;font-size:20px}
}



/* === MOBILE ADAPTATION + FILTER CLOSE BUTTON FINAL === */
.mobile-filter-close{
  display:none;
}

@media(max-width:1050px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  .topbar{
    height:78px !important;
    min-height:78px !important;
  }

  .topbar .nav{
    height:78px !important;
    min-height:78px !important;
    padding:0 10px !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) auto !important;
    column-gap:8px !important;
    align-items:center !important;
  }

  .topbar .brand.only-logo{
    grid-column:1 !important;
    width:58px !important;
    min-width:58px !important;
    height:78px !important;
    justify-content:flex-start !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .topbar .brand.only-logo img,
  .topbar .brand.only-logo .header-logo-img{
    height:52px !important;
    width:auto !important;
    max-width:56px !important;
    margin:0 !important;
    object-fit:contain !important;
  }

  .topbar .header-title-brand{
    position:static !important;
    grid-column:2 !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:0 4px !important;
    margin:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .topbar .header-main-title{
    font-size:22px !important;
    line-height:1 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .topbar .header-subtitle{
    display:none !important;
  }

  .topbar .nav-actions{
    grid-column:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .topbar .lang-btn{
    min-width:28px !important;
    width:auto !important;
    height:34px !important;
    padding:0 5px !important;
    font-size:12px !important;
    border-radius:8px !important;
  }

  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    min-width:42px !important;
    min-height:42px !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
  }

  .topbar .tg-channel-label,
  .topbar a.telegram-top .tg-channel-label,
  a.telegram-top.icon-btn .tg-channel-label{
    display:none !important;
  }

  .app,
  .admin-layout{
    padding-top:78px !important;
  }

  .profile-wrap{
    padding-top:98px !important;
  }

  .mobile-filter{
    display:flex !important;
    position:sticky !important;
    top:88px !important;
    z-index:35 !important;
    width:calc(100% - 24px) !important;
    margin:12px auto 14px !important;
  }

  body.show-filters{
    overflow:hidden !important;
  }

  body.show-filters .sidebar,
  body.show-filters .premium-filters{
    display:block !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:78px !important;
    bottom:0 !important;
    z-index:9998 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:calc(100vh - 78px) !important;
    min-height:0 !important;
    padding:18px 14px 28px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:linear-gradient(180deg,#080808,#030303) !important;
    border-right:none !important;
    border-top:1px solid rgba(212,175,55,.28) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.75) !important;
  }

  .mobile-filter-close{
    display:flex !important;
    position:sticky !important;
    top:0 !important;
    margin:0 0 10px auto !important;
    z-index:10001 !important;
    width:46px !important;
    height:46px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.55) !important;
    background:rgba(0,0,0,.86) !important;
    color:#f2ca50 !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:0 0 18px rgba(212,175,55,.12) !important;
  }

  .premium-filters .filter-head{
    padding-right:58px !important;
    margin-top:-52px !important;
  }

  .main{
    padding:22px 14px 54px !important;
  }

  .grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .card{
    min-height:auto !important;
  }

  .profile-grid{
    grid-template-columns:1fr !important;
  }

  .footer{
    overflow:hidden !important;
  }

  .qm-modal-box,
  .policy-modal-box{
    max-width:calc(100vw - 24px) !important;
    max-height:86vh !important;
  }
}

@media(max-width:430px){
  .topbar .nav{
    grid-template-columns:50px minmax(0,1fr) auto !important;
    padding:0 7px !important;
    column-gap:5px !important;
  }

  .topbar .brand.only-logo{
    width:50px !important;
    min-width:50px !important;
  }

  .topbar .brand.only-logo img,
  .topbar .brand.only-logo .header-logo-img{
    height:46px !important;
    max-width:50px !important;
  }

  .topbar .header-main-title{
    font-size:18px !important;
  }

  .topbar .lang-btn{
    min-width:25px !important;
    height:31px !important;
    padding:0 4px !important;
    font-size:11px !important;
  }

  .topbar .nav-actions{
    gap:2px !important;
  }

  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    flex-basis:36px !important;
  }

  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    min-height:33px !important;
    max-width:33px !important;
    max-height:33px !important;
  }
}


/* Footer Russian support link final */
.footer-links .footer-telegram-support{
  color:#f2ca50 !important;
  font-weight:900 !important;
  letter-spacing:.02em;
  text-shadow:0 0 14px rgba(212,175,55,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.footer-links .footer-telegram-support:hover{
  color:#ffe07a !important;
  text-shadow:0 0 20px rgba(242,202,80,.55);
  transform:translateY(-1px) scale(1.02);
}
@media(max-width:640px){
  .footer-links{gap:12px !important;}
  .footer-links .footer-telegram-support{width:100%; font-size:15px;}
}

/* === Final mobile header/footer delivery polish === */
@media(max-width:760px){
  .topbar{
    height:108px !important;
    min-height:108px !important;
  }

  .topbar .nav{
    height:108px !important;
    min-height:108px !important;
    padding:0 10px 8px !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) auto !important;
    grid-template-rows:72px 28px !important;
    column-gap:8px !important;
    row-gap:0 !important;
    align-items:center !important;
  }

  .topbar .brand.only-logo{
    grid-column:1 !important;
    grid-row:1 !important;
    width:48px !important;
    min-width:48px !important;
    height:72px !important;
    justify-content:flex-start !important;
  }

  .topbar .brand.only-logo img,
  .topbar .brand.only-logo .header-logo-img{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
  }

  .topbar .header-title-brand{
    grid-column:2 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    min-width:0 !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    padding:2px 4px 0 !important;
    text-align:center !important;
  }

  .topbar .header-main-title{
    display:block !important;
    max-width:100% !important;
    color:#f2ca50 !important;
    font-size:clamp(20px,5.6vw,26px) !important;
    line-height:.94 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-shadow:0 0 15px rgba(212,175,55,.24) !important;
  }

  .topbar .header-subtitle{
    display:block !important;
    max-width:min(260px,100%) !important;
    color:rgba(229,226,225,.78) !important;
    font-size:clamp(7.5px,2.1vw,9.5px) !important;
    line-height:1.16 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    overflow:visible !important;
    text-align:center !important;
  }

  .topbar .nav-actions{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    overflow:visible !important;
  }

  .topbar .lang-btn{
    min-width:25px !important;
    height:32px !important;
    padding:0 4px !important;
    font-size:11px !important;
    border-radius:8px !important;
  }

  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 48px !important;
    width:48px !important;
    min-width:48px !important;
    height:62px !important;
    min-height:62px !important;
    gap:2px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
  }

  .topbar .tg-channel-label,
  .topbar a.telegram-top .tg-channel-label,
  a.telegram-top.icon-btn .tg-channel-label{
    display:block !important;
    width:58px !important;
    max-width:58px !important;
    color:#d4af37 !important;
    font-size:7px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-align:center !important;
    text-shadow:0 0 8px rgba(212,175,55,.22) !important;
  }

  .app,
  .admin-layout{
    padding-top:108px !important;
  }

  .profile-wrap{
    padding-top:126px !important;
  }

  .mobile-filter{
    top:118px !important;
  }

  body.show-filters .sidebar,
  body.show-filters .premium-filters{
    top:108px !important;
    height:calc(100vh - 108px) !important;
  }

  .footer{
    padding:30px 16px 18px !important;
  }

  .footer-title{
    font-size:clamp(30px,10vw,42px) !important;
    line-height:.98 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    margin:0 0 14px !important;
    text-shadow:0 0 18px rgba(212,175,55,.18) !important;
  }

  .footer-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    justify-items:center !important;
    margin:12px 0 !important;
    font-size:13px !important;
  }

  .copyright{
    font-size:10px !important;
    line-height:1.35 !important;
  }
}

@media(max-width:430px){
  .topbar .nav{
    grid-template-columns:42px minmax(0,1fr) auto !important;
    padding-left:8px !important;
    padding-right:6px !important;
    column-gap:6px !important;
  }

  .topbar .brand.only-logo{
    width:42px !important;
    min-width:42px !important;
  }

  .topbar .brand.only-logo img,
  .topbar .brand.only-logo .header-logo-img{
    width:38px !important;
    height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
  }

  .topbar .header-main-title{
    font-size:clamp(18px,5.4vw,22px) !important;
  }

  .topbar .header-subtitle{
    max-width:185px !important;
    font-size:7px !important;
    letter-spacing:.055em !important;
  }

  .topbar .nav-actions{
    gap:2px !important;
  }

  .topbar .lang-btn{
    min-width:23px !important;
    height:30px !important;
    padding:0 3px !important;
    font-size:10px !important;
  }

  .topbar .nav-actions a.telegram-top,
  .topbar a.telegram-top,
  a.telegram-top.icon-btn{
    flex-basis:42px !important;
    width:42px !important;
    min-width:42px !important;
    height:58px !important;
    min-height:58px !important;
  }

  .topbar .telegram-top-icon,
  .topbar .nav-actions a.telegram-top img.telegram-top-icon,
  .topbar a.telegram-top img,
  a.telegram-top.icon-btn img.telegram-top-icon{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    max-width:31px !important;
    max-height:31px !important;
  }

  .topbar .tg-channel-label,
  .topbar a.telegram-top .tg-channel-label,
  a.telegram-top.icon-btn .tg-channel-label{
    width:56px !important;
    max-width:56px !important;
    font-size:6.6px !important;
  }
}

/* === Mobile header subtitle must stay visible === */
@media(max-width:760px){
  .topbar{
    height:116px !important;
    min-height:116px !important;
  }

  .topbar .nav{
    position:relative !important;
    height:116px !important;
    min-height:116px !important;
    grid-template-rows:78px 30px !important;
    padding-bottom:10px !important;
  }

  .topbar .header-title-brand{
    grid-row:1 !important;
    position:static !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .topbar .header-subtitle{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:9px !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:18px !important;
    max-width:none !important;
    padding:0 8px !important;
    color:#d8d2c4 !important;
    background:linear-gradient(90deg,transparent,rgba(212,175,55,.08),transparent) !important;
    font-size:clamp(8px,2.25vw,10px) !important;
    line-height:1.15 !important;
    letter-spacing:.075em !important;
    text-align:center !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .app,
  .admin-layout{
    padding-top:116px !important;
  }

  .profile-wrap{
    padding-top:134px !important;
  }

  .mobile-filter{
    top:126px !important;
  }

  body.show-filters .sidebar,
  body.show-filters .premium-filters{
    top:116px !important;
    height:calc(100vh - 116px) !important;
  }
}

@media(max-width:430px){
  .topbar .header-subtitle{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:20px !important;
    font-size:7.4px !important;
    letter-spacing:.055em !important;
  }
}

/* === Final guaranteed mobile subtitle strip === */
.mobile-header-subtitle-bar{
  display:none;
}

@media(max-width:760px){
  .topbar{
    height:78px !important;
    min-height:78px !important;
  }

  .topbar .nav{
    height:78px !important;
    min-height:78px !important;
    grid-template-rows:78px !important;
    padding-bottom:0 !important;
  }

  .topbar .header-subtitle{
    display:none !important;
  }

  .mobile-header-subtitle-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:78px !important;
    z-index:49 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 12px !important;
    border-bottom:1px solid rgba(212,175,55,.2) !important;
    background:linear-gradient(180deg,rgba(14,14,14,.98),rgba(5,5,5,.98)) !important;
    color:#f2ca50 !important;
    font-size:8.6px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    letter-spacing:.095em !important;
    text-align:center !important;
    text-transform:uppercase !important;
    text-shadow:0 0 12px rgba(212,175,55,.35) !important;
  }

  .app,
  .admin-layout{
    padding-top:108px !important;
  }

  .profile-wrap{
    padding-top:128px !important;
  }

  .mobile-filter{
    top:118px !important;
  }

  body.show-filters .sidebar,
  body.show-filters .premium-filters{
    top:108px !important;
    height:calc(100vh - 108px) !important;
  }
}

@media(max-width:360px){
  .mobile-header-subtitle-bar{
    font-size:7.8px !important;
    letter-spacing:.07em !important;
    padding:0 8px !important;
  }
}