:root{--navy:#071b2b;--navy2:#0d3048;--gold:#d7ad5a;--bg:#e9eef1;--line:#d7e0e5;--text:#172934;--muted:#71808a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.page{max-width:1440px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 55px #06152218}a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.topbar{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 34px}.logo{display:flex;gap:10px;align-items:center;min-width:285px}.logo img{width:58px;height:58px}.logo-name{font:25px Georgia,serif;letter-spacing:.8px}.logo-sub{font-size:12px;color:#aab8c1;margin-top:1px}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.lang-select{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #fff5;background:#ffffff0d;color:#fff;border-radius:2px;box-sizing:border-box}.lang{padding:0;border:0;background:transparent;color:#fff;border-radius:0;outline:none;font:inherit;height:32px;cursor:pointer}.lang option{color:#14202a;background:#fff}.flag-icon{display:inline-block;width:20px;height:14px;flex:0 0 20px;border:1px solid rgba(255,255,255,.55);box-sizing:border-box;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.flag-ru{background:linear-gradient(to bottom,#fff 0 33.333%,#1d4f91 33.333% 66.666%,#d52b1e 66.666% 100%)}.flag-gb{background:linear-gradient(33deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(-33deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(33deg,transparent 46%,#cf142b 46% 54%,transparent 54%),linear-gradient(-33deg,transparent 46%,#cf142b 46% 54%,transparent 54%),linear-gradient(to right,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(to bottom,#fff 38%,#cf142b 38% 62%,#fff 62%),#183b7a}.btn{padding:8px 12px;border:1px solid #fff5;background:#ffffff0d;color:#fff;border-radius:2px}.btn.gold{background:var(--gold);border-color:var(--gold);color:#14202a;font-weight:700}
.nav{height:50px;background:#0b2639;color:#e9f0f4;display:flex;align-items:center;padding:0 34px}.nav a{height:50px;display:flex;align-items:center;padding:0 17px;font-size:13px;border-left:1px solid transparent;border-right:1px solid transparent}.nav a:hover,.nav a.active{background:#ffffff0c;border-color:#ffffff12}.nav-home{width:48px;justify-content:center;padding:0!important}
.hero{min-height:330px;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,#071a2bf2 0%,#09263bdc 43%,#09263b77 72%,#09263b20),url("images/bg1.png") right 0% center/821px auto no-repeat,#0b2639}.hero-content{position:relative;z-index:2;padding:43px 40px 30px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:13px}.hero h1{font:54px/1 Georgia,serif;margin:0 0 10px;letter-spacing:-1px}.hero h2{font:25px Georgia,serif;font-weight:400;margin:0 0 12px}.hero p{max-width:590px;color:#d5e0e6;font-size:14px;line-height:1.6;margin:0}
.search-panel{margin:0;background:#fff;border:1px solid #cfd9df;padding:14px}.search-row{display:flex;gap:8px}.search{flex:1;height:48px;border:1px solid #c5d0d7;padding:0 17px;outline:0}.search-select{width:170px;border:1px solid #c5d0d7;background:white;padding:0 12px}.search-btn{width:54px;border:0;background:var(--navy);color:white;cursor:pointer}.search-options{display:flex;gap:24px;padding:11px 4px 1px;font-size:12px;color:#566875}.search-options input{accent-color:#1769aa}
.features{display:grid;grid-template-columns:repeat(5,1fr);margin:0 18px;border:1px solid #d9e1e5;border-top:0}.feature{min-height:82px;padding:15px 14px;border-right:1px solid #e0e6e9;display:flex;gap:11px;align-items:center}.feature:last-child{border-right:0}.feature-icon{width:38px;height:38px;border:1px solid #b9c8d0;color:var(--gold);display:grid;place-items:center;flex:0 0 auto}.feature strong{display:block;font-size:12px;margin-bottom:4px}.feature span{display:block;color:#83909a;font-size:10px}
.content{padding:18px 18px 36px;background:#f7f9fa}.section-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.section{background:#fff;border:1px solid var(--line);min-width:0}.section-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.section-title{font:17px Georgia,serif}.section-link{font-size:11px;color:#537488}.cards{display:grid;grid-template-columns:repeat(4,1fr)}.card{padding:13px;border-right:1px solid #e7ecef}.card:last-child{border-right:0}.note{width:100%;aspect-ratio:2.13/1;object-fit:cover;display:block;border:1px solid #b8c4c9}.country{font-size:11px;font-weight:700;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta,.date{font-size:10px;color:#75848e;margin-top:3px}.date{font-size:9px;color:#9aa6ad}.tag{display:inline-block;font-size:9px;color:#fff;padding:3px 7px;margin-top:7px;background:#1769aa}.sale{background:#17865b}
footer{background:var(--navy);color:#b6c3ca;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:28px;padding:27px 34px 24px;font-size:11px}footer h3{font:13px Georgia,serif;color:white;margin:0 0 11px}footer a{display:block;margin:7px 0;color:#aebbc2}.footer-brand{color:white;font:18px Georgia,serif}.footer-bottom{grid-column:1/-1;border-top:1px solid #fff2;padding-top:16px;margin-top:6px;display:flex;justify-content:space-between;color:#71828d}
@media(max-width:1000px){.topbar{padding:0 18px}.logo{min-width:0}.logo-sub{display:none}.nav{padding:0 10px;overflow:auto}.nav a{white-space:nowrap}.hero-content{padding-left:24px; padding-right:24px}.search-panel,.features{margin-left:18px;margin-right:18px}.content{padding-left:18px;padding-right:18px}.section-grid{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{height:auto;padding:13px 14px;flex-wrap:wrap}.top-actions{margin-left:auto}.nav a{font-size:11px;padding:0 10px}.nav-home{display:none}.hero{background:linear-gradient(90deg,#071a2bf2,#09263bdc),url("images/bg1.png") center/cover}.hero h1{font-size:39px}.hero-content{padding:32px 20px}.search-panel{margin:0;border-left:0;border-right:0}.search-row{flex-wrap:wrap}.search{min-width:calc(100% - 62px)}.search-select{width:calc(100% - 62px)}.features{margin:0;grid-template-columns:repeat(2,1fr)}.feature:nth-child(2n){border-right:0}.cards{grid-template-columns:repeat(2,1fr)}.card:nth-child(2n){border-right:0}footer{grid-template-columns:1fr 1fr;padding:24px 18px}.footer-bottom{grid-column:1/-1;flex-direction:column;gap:7px}}
.footer-tagline{margin-top:7px}

.select-custom {
  position: relative;
  display: inline-block;
  /* width: 200px; */ /* Можете задать любую нужную ширину */
}

.select-custom select {
  width: 100%;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 35px 10px 12px; 
  font-size: 16px; 
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
}

.select-custom::after {
  content: "\f078"; /* Unicode-код стрелки chevron-down в Font Awesome 6 */
  font-family: "Font Awesome 7 Free";
  font-weight: 900; /* Строго обязательно для отображения иконки */
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  color: #555; /* Цвет стрелочки */
  font-size: 14px; /* Размер стрелочки */
}

/* Authentication modal */
body.auth-modal-open{overflow:hidden}
.auth-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.auth-modal.is-open{display:flex}
.auth-modal-backdrop{position:absolute;inset:0;background:rgba(3,14,24,.78);backdrop-filter:blur(3px)}
.auth-dialog{position:relative;z-index:1;width:min(470px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;border:1px solid #cbd7dd;box-shadow:0 28px 90px rgba(0,0,0,.38);border-radius:2px}
.auth-dialog:before{content:"";display:block;height:5px;background:var(--gold)}
.auth-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid #d6dfe4;background:#fff;color:var(--navy);font-size:26px;line-height:28px;cursor:pointer;border-radius:2px}
.auth-close:hover{background:#f4f7f8}
.auth-dialog-head{display:flex;align-items:center;gap:12px;padding:25px 28px 20px;background:linear-gradient(135deg,#071b2b,#0d3048);color:#fff}
.auth-dialog-mark{width:44px;height:44px;border:1px solid rgba(215,173,90,.8);display:grid;place-items:center;color:var(--gold);font-size:22px}
.auth-dialog-kicker{font:22px Georgia,serif;letter-spacing:.7px}
.auth-dialog-subtitle{font-size:11px;color:#b9c7ce;margin-top:3px}
.auth-tabs{display:flex;background:#f5f7f8;border-bottom:1px solid var(--line)}
.auth-tab{flex:1;border:0;background:transparent;padding:14px 10px;color:#667680;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}
.auth-tab.active{color:var(--navy);border-bottom-color:var(--gold);background:#fff}
.auth-panel{display:none;padding:26px 28px 28px}
.auth-panel.active{display:block}
.auth-panel h2{font:25px Georgia,serif;color:var(--navy);margin:0 0 8px}
.auth-intro{font-size:13px;line-height:1.55;color:#71808a;margin:0 0 20px}
.auth-form{display:grid;gap:14px}
.auth-form label{display:grid;gap:6px;color:#344b58;font-size:12px;font-weight:700}
.auth-form input{width:100%;height:46px;border:1px solid #c5d0d7;padding:0 13px;background:#fff;color:var(--text);outline:none;border-radius:2px}
.auth-form input:focus{border-color:#7f9ba9;box-shadow:0 0 0 3px rgba(215,173,90,.15)}
.auth-form small{font-size:10px;font-weight:400;color:#84919a;margin-top:-2px}
.auth-submit{height:48px;border:1px solid var(--gold);background:var(--gold);color:#15222b;font-weight:700;cursor:pointer;border-radius:2px;margin-top:3px}
.auth-submit:hover{filter:brightness(.96)}
.auth-alert{padding:11px 12px;margin:0 0 16px;border:1px solid;font-size:12px;line-height:1.45}
.auth-alert.error{background:#fff3f2;border-color:#e6c1bd;color:#8b3d34}
.auth-alert.success{background:#f0f7f5;border-color:#c6ded5;color:#285e50}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:11px}
.auth-links a{color:#537488;text-decoration:underline;text-decoration-color:#cbd7dd;text-underline-offset:3px}
.auth-note{margin-top:16px;padding-top:13px;border-top:1px solid #e4e9ec;color:#7a8890;font-size:11px;line-height:1.5}
@media(max-width:520px){
  .auth-modal{padding:0}
  .auth-dialog{width:100%;max-height:100vh;height:100%;border:0;border-radius:0}
  .auth-dialog-head{padding:22px 20px 18px}
  .auth-panel{padding:22px 20px 26px}
  .auth-close{right:10px;top:10px}
  .auth-links{flex-direction:column}
}


/* Logout uses POST+CSRF while keeping the same topbar button appearance. */
.logout-form { margin: 0; padding: 0; display: inline-flex; }
.logout-form .btn { border: 1px solid rgba(255,255,255,.22); cursor: pointer; font: inherit; }

/* Search and navigation cards are integrated into the hero banner. */
.hero{min-height:400px}
.hero-content{padding-bottom:30px}
.hero-tools{position:relative;z-index:3;margin-top:30px;max-width:100%}
.hero-tools .search-row{display:flex;gap:0;width:100%}
.hero-tools .search{height:46px;border:1px solid #c5d0d7;background:#fff;color:var(--text);padding:0 16px;min-width:0}
.hero-tools .search:focus{border-color:#9eabb2;outline:0;box-shadow:none}
.hero-tools .search-select{width:155px;height:46px;border:1px solid #c5d0d7;border-left:0;background:#fff;color:var(--text);padding:0 10px;outline:0}
.hero-tools .search-btn{width:52px;height:46px;border:1px solid var(--gold);border-left:0;background:var(--gold);color:#172934;font-size:20px;cursor:pointer}
.hero-tools .search-btn:hover{filter:brightness(.96)}
.hero-features{display:grid;grid-template-columns:repeat(5,1fr);margin:14px 0 0;border:0;gap:8px}
.hero-features .feature{min-height:76px;padding:12px 11px;background:rgba(7,27,43,.82);border:1px solid rgba(214,226,232,.17);color:#fff}
.hero-features .feature:hover{background:rgba(13,48,72,.92);border-color:rgba(215,173,90,.55)}
.hero-features .feature-icon{width:34px;height:34px;border-color:rgba(215,173,90,.65);color:var(--gold)}
.hero-features .feature strong{font-size:12px;color:#fff}
.hero-features .feature span{font-size:9px;color:#bdcbd2}
.search-options{display:none}

@media(max-width:1000px){
  .hero{min-height:500px}
  .hero-features{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .hero{min-height:650px}
  .hero-tools{margin-top:24px}
  .hero-tools .search-row{flex-wrap:nowrap}
  .hero-tools .search-select{width:125px}
  .hero-features{grid-template-columns:repeat(2,1fr);gap:7px}
  .hero-features .feature{min-height:72px}
}
@media(max-width:430px){
  .hero{min-height:650px}
  .hero-tools .search-row{display:grid;grid-template-columns:1fr 50px}
  .hero-tools .search{grid-column:1/-1;width:100%;height:44px}
  .hero-tools .search-select{grid-column:1;width:100%;border-left:1px solid #c5d0d7;border-top:0;height:44px}
  .hero-tools .search-btn{grid-column:2;grid-row:2;height:44px;border-top:0}
  .hero-features{grid-template-columns:1fr 1fr}
}


/* Shared inner-page layout */
.auth-page{padding:32px 18px 48px;background:#f7f9fa;min-height:520px}.auth-box{max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:26px}.auth-box h1{font:28px Georgia,serif;margin:0 0 18px}.auth-box form{display:grid;gap:12px}.auth-box label{display:grid;gap:6px;font-size:13px}.auth-box input,.auth-box textarea,.auth-box select{width:100%;min-height:44px;border:1px solid #c5d0d7;padding:10px 12px;background:#fff}.auth-box button{min-height:44px;border:0;background:var(--navy);color:#fff;padding:0 18px;cursor:pointer}.auth-box button:hover{filter:brightness(.96)}.msg{padding:12px;background:#eef6f9;border:1px solid #d7e5ea;margin-bottom:14px}.err{padding:12px;background:#fff0f0;border:1px solid #f0caca;margin-bottom:14px}.auth-box a{color:#537488}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:650px){.row{grid-template-columns:1fr}}