/* FlyBeds — tünd firuzəyi + sarı + firuzəyi */
:root{
  --ink:#17324A;--ink2:#34506A;--muted:#557080;--line:#DCEBEC;--line2:#EAF4F4;--bg:#F2FAFA;--card:#FFFFFF;
  --teal:#127F8E;--teal-dark:#1F5F7A;--teal-soft:#DDF2F2;--teal-text:#E4F7F8;--coral:#F2D43D;--fly:#FFFFFF;--accent-light:#F2D43D;--turq:#1AA6B7;--red:#DE5A3E;--aqua:#CDEBEA;
  --ok-bg:#E3F3EA;--ok:#1C6B47;--warn-bg:#FDF1D6;--warn:#7A4B00;--bad-bg:#FDECE6;--bad:#8A2E12;--star:#B07A00;
  --radius:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}
a{color:var(--teal)}a:hover{color:#006570}
h1,h2,h3,.brand{font-family:'Montserrat','Inter',sans-serif}
h1{font-size:28px;font-weight:800;letter-spacing:-.4px;margin:0}
h2{font-size:19px;font-weight:700;margin:0}
h3{font-size:16px;font-weight:700;margin:0}
p{margin:0}
.muted{color:var(--muted)} .small{font-size:13px} .xs{font-size:12px} .right{text-align:right} .nowrap{white-space:nowrap}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.stack{display:flex;flex-direction:column;gap:16px} .stack-s{display:flex;flex-direction:column;gap:8px}
.row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start} .row-c{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.between{justify-content:space-between} .grow{flex:999 1 520px;min-width:0} .side{flex:1 1 280px;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}

/* Header */
.top{background:var(--turq);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10;color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.wm{font-family:'Jost','Montserrat',sans-serif;font-size:28px;line-height:1;letter-spacing:-.4px}
.wm-f{font-weight:400;color:var(--fly)} .wm-b{font-weight:700;color:var(--coral)}
.top .muted{color:var(--teal-text)}
.nav{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}
.nav a{padding:9px 13px;border-radius:99px;color:var(--teal-text);text-decoration:none;font-size:15px}
.nav a:hover{color:#fff}
.nav a.on{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.bal{display:flex;flex-direction:column;padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;text-decoration:none;color:#fff;line-height:1.25}
.bal:hover{color:#fff;border-color:var(--coral)}
.bal span{font-size:11px;color:var(--teal-text)} .bal strong{font-size:16px;color:#fff}
.top .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)} .top .btn-ghost:hover{border-color:#fff}
.top .btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.top .lang summary{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.top .lang[open] summary{border-color:var(--coral);color:var(--coral)}
.avatar{width:38px;height:38px;border-radius:99px;background:#fff;color:var(--teal-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.admin-top{background:var(--teal-dark)}
.tag{font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--coral);color:var(--ink)}

main{padding:28px 0 56px}
.hero{background:linear-gradient(110deg,var(--turq) 0%,#3EC0C9 65%,#8ADCD9 100%);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:6%;top:-40px;width:180px;height:180px;border-radius:50%;background:var(--red);opacity:.9}
.hero::before{content:"";position:absolute;right:calc(6% + 210px);top:40px;width:34px;height:34px;border-radius:50%;background:var(--coral)}
.hero .wrap{position:relative;z-index:1}
.hero .wrap{padding-top:40px;padding-bottom:88px}
.hero h1{font-size:36px;color:#fff;max-width:760px}
.hero p{color:#F2FFFF;font-size:17px;max-width:620px;margin-top:8px}
.lift{margin-top:-64px}

/* Cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}
.card.shadow{box-shadow:0 12px 32px rgba(0,69,77,.16);border:0}
.card.flush{padding:0;overflow:hidden}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px}
.stat strong{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:800;color:var(--teal-dark)}
.note{border-radius:14px;padding:14px 16px;font-size:14px}
.note.ok{background:var(--ok-bg);color:var(--ok)} .note.warn{background:var(--warn-bg);color:var(--warn)} .note.bad{background:var(--bad-bg);color:var(--bad)} .note.info{background:var(--teal-soft);color:var(--teal)}

/* Forms */
label.f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted);flex:1 1 160px;min-width:0}
.stack>label.f,.stack-s>label.f,.card>label.f{flex:0 0 auto}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=tel],select,textarea{
  min-height:48px;border:1px solid #D3DAD7;border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%}
textarea{padding:12px 14px;min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal)}
.check{display:flex;gap:10px;align-items:center;font-size:14px;min-height:32px;color:var(--ink)}
.check input{width:18px;height:18px;accent-color:var(--teal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:0;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-primary{background:var(--red);color:#fff} .btn-primary:hover{color:#fff;filter:brightness(.95)}
.btn-yellow{background:var(--coral);color:var(--ink)}
.btn-teal{background:var(--teal);color:#fff} .btn-teal:hover{color:#fff;background:#006A74}
.btn-ghost{background:#fff;color:var(--teal);border:1px solid var(--teal)}
.btn-light{background:#fff;color:var(--ink);border:1px solid #D3DAD7}
.btn-danger{background:#fff;color:var(--bad);border:1px solid #F0B9A8}
.btn-s{min-height:38px;padding:0 14px;font-size:13px;border-radius:10px}
.btn-lg{min-height:54px;font-size:17px;padding:0 28px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:99px;background:#F0F2F1;color:var(--ink);font-size:13px;text-decoration:none;border:1px solid transparent}
.chip.on{background:var(--teal);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}

/* Badges */
.badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 11px;border-radius:99px;white-space:nowrap}
.badge-ok{background:var(--ok-bg);color:var(--ok)} .badge-warn{background:var(--warn-bg);color:var(--warn)}
.badge-bad{background:var(--bad-bg);color:var(--bad)} .badge-muted{background:#F0F2F1;color:#4A5653} .badge-teal{background:var(--teal-soft);color:var(--teal)}
.stars{color:var(--star);letter-spacing:2px;font-size:14px}

/* Tables */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px;border-bottom:1px solid var(--line2);vertical-align:top}
tr:last-child td{border-bottom:0}

/* Results */
.hotel{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.hotel.pinned{border:2px solid var(--teal)}
.hotel .pin{background:var(--teal);color:#fff;font-weight:700;font-size:14px;padding:9px 20px}
.hotel .body{display:flex;flex-wrap:wrap}
.hotel .img{flex:1 1 220px;min-height:180px;background:linear-gradient(135deg,#00838F,#4FD1DC);background-size:cover;background-position:center}
.hotel .info{flex:2 1 300px;padding:18px 22px;display:flex;flex-direction:column;gap:6px}
.hotel .price{flex:1 1 200px;padding:18px 22px;border-left:1px solid var(--line2);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:4px}
.big{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:800}
.rooms{border-top:1px solid var(--line);background:#FAFBFA;padding:4px 22px 14px}
.room{padding:14px 0;border-bottom:1px solid var(--line)} .room:last-child{border-bottom:0}
.board{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:10px;margin-top:10px;border-top:1px dashed var(--line)}
.board>strong{flex:0 0 150px;font-size:14px;padding-top:9px}
.rate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:6px 0;flex:1 1 360px}
.rate .cx{flex:1 1 200px;font-size:13px;font-weight:600}
.cx.ok{color:var(--ok)} .cx.bad{color:var(--bad)}
details>summary{cursor:pointer;list-style:none} details>summary::-webkit-details-marker{display:none}

.flash{margin-bottom:16px}
.timer{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:99px;background:var(--warn-bg);color:var(--warn);font-weight:600;font-size:14px}
.foot{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:13px}
.foot .wrap{padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.empty{padding:28px;text-align:center;color:var(--muted)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:14px} .kv:last-child{border-bottom:0}
.kv span:first-child{color:var(--muted)}

@media (max-width:700px){
  .wrap{padding:0 16px} h1{font-size:23px} .hero h1{font-size:27px} .hero .wrap{padding-top:28px}
  .hotel .price{border-left:0;border-top:1px solid var(--line2);align-items:flex-start;text-align:left}
  .board>strong{flex-basis:100%;padding-top:0}
  .nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap}
}
@media print{.top,.foot,.noprint{display:none!important} body{background:#fff}}
.admin-top .avatar{background:#fff;color:var(--teal-dark)}

/* ===== Əsas səhifə və giriş (Bedsonline üslubu) ===== */
.hero-photo{position:relative;overflow:hidden;color:#fff;background-color:var(--turq);
  background-image:linear-gradient(100deg,rgba(20,120,140,.88) 0%,rgba(26,166,183,.62) 45%,rgba(26,166,183,.05) 80%),url('img/hero.jpg'),linear-gradient(110deg,#1AA6B7,#3EC0C9 60%,#8ADCD9);
  background-size:cover;background-position:center}
.hero-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px;padding-top:48px;padding-bottom:88px;min-height:460px}
.hero-home .hero-grid{padding-bottom:104px}
.hero-login .hero-grid{min-height:calc(100vh - 140px);padding-bottom:56px}
.hero-copy{flex:1 1 420px;display:flex;flex-direction:column;gap:16px;min-width:0}
.hero-copy .tag{align-self:flex-start}
.hero-copy h1{font-size:46px;line-height:1.1;color:#fff;max-width:640px;letter-spacing:-1px}
.hero-copy .hl{color:var(--coral)}
.hero-copy p{font-size:18px;color:#E3F7F9;max-width:560px}
.hero-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:500}
.hero-list li{display:flex;gap:10px;align-items:center}
.hero-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:99px;background:var(--coral);color:var(--ink);font-weight:800;font-size:13px;flex:0 0 24px}
.login-card{flex:0 1 350px;width:100%;background:#fff;color:var(--ink);border-radius:18px;padding:22px 22px 18px;box-shadow:0 20px 50px rgba(0,30,34,.32);gap:12px}
.login-card label.f{flex:0 0 auto;gap:4px;font-size:12px}
.login-card input{min-height:42px;font-size:15px;border-radius:10px}
.login-card .btn{min-height:44px;font-size:15px}
.login-card h2{font-size:19px}
.login-foot{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;border-top:1px solid var(--line2);padding-top:10px;font-size:13px}
.stats{position:relative;z-index:2;margin-top:-56px;background:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(0,69,77,.14);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.stats>div{padding:22px 24px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line2)}
.stats>div:last-child{border-right:0}
.stats strong{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:800;color:var(--teal)}
.stats span{color:var(--muted);font-size:14px}
.block{padding-top:64px;padding-bottom:64px}
.block-tint{background:var(--aqua)}
.block-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.block-head h2{font-size:30px;font-weight:800;letter-spacing:-.5px}
.eyebrow{display:block;color:var(--teal);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px}
.dest{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#00838F,#4FD1DC);background-size:cover;background-position:center;transition:transform .2s}
.dest:hover{transform:translateY(-3px)}
.dest::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,40,45,.85) 100%)}
.dest-big{grid-column:span 2;grid-row:span 2}
.dest-label{position:absolute;left:20px;bottom:18px;z-index:1;color:#fff;display:flex;flex-direction:column}
.dest-label strong{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800}
.dest-big .dest-label strong{font-size:32px}
.dest-label span{font-size:14px;color:#E3F7F9}
.feature{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.ico{width:46px;height:46px;border-radius:50%;background:var(--turq);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px}
.step-n{font-family:'Montserrat',sans-serif;font-size:34px;font-weight:800;color:var(--teal);line-height:1}
.step-n::after{content:"";display:block;width:32px;height:4px;border-radius:2px;background:var(--coral);margin-top:8px}
.cta-band{background:var(--teal-dark)}
@media (max-width:900px){.dest-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}
@media (max-width:700px){
  .hero-copy h1{font-size:32px}.hero-grid{padding-top:36px;min-height:0;gap:28px}
  .login-card{padding:22px;flex-basis:100%}
  .stats{margin-top:-40px}.stats>div{border-right:0;border-bottom:1px solid var(--line2);padding:16px 20px}
  .block{padding-top:44px;padding-bottom:44px}.block-head h2{font-size:24px}
  .dest-big .dest-label strong{font-size:24px}
}

/* Dil seçimi */
.lang{position:relative}
.lang summary{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;color:var(--ink2);background:#fff;user-select:none}
.lang[open] summary{border-color:var(--teal);color:var(--teal)}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 36px rgba(0,69,77,.16);padding:6px;min-width:180px;z-index:30;display:flex;flex-direction:column}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:14px}
.lang-menu a span{font-size:11px;font-weight:800;color:var(--muted);width:22px}
.lang-menu a:hover{background:var(--teal-soft)} .lang-menu a.on{background:var(--teal-soft);color:var(--teal);font-weight:700}
html[lang=zh] body{font-family:'Inter',system-ui,'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
.ft-by{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:12px}
.ft-by img{display:block;height:26px;width:auto}
.foot .wrap{align-items:center}
main:has(> .hero){padding-top:0} main:has(> .hero) .flash{margin-top:16px}

/* Bauhaus dairələri (istinad rəsmindən) */
.hero-photo::before{content:"";position:absolute;left:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:var(--red);opacity:.88;z-index:0}
.hero-photo::after{content:"";position:absolute;left:190px;bottom:36px;width:30px;height:30px;border-radius:50%;background:var(--coral);z-index:0}
.hero-photo .wrap{position:relative;z-index:1}
.hero-copy h1{text-shadow:0 2px 18px rgba(15,70,90,.25)}
.dest::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(23,50,74,.8) 100%)}
.step-n::after{background:var(--red)}
.stats strong{color:var(--teal-dark)}
.cta-band{background:var(--teal-dark);position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--turq);opacity:.6}
.cta-band .wrap{position:relative;z-index:1}
.login-card .btn-primary{background:var(--red)}
.wm-b{color:var(--coral)}
.top .lang[open] summary{border-color:#fff;color:#fff}
.hero-list li::before{background:var(--coral);color:var(--ink)}
.lift{position:relative;z-index:2}

/* Yuxarı panel: böyük, giriş hissəsinin keçidli rəngi ilə; giriş hissəsi isə panelin düz firuzəyisi ilə (yerləri dəyişdirildi) */
.top{background:linear-gradient(100deg,#1AA6B7 0%,#3EC0C9 60%,#5CCBD1 100%)}
.top .wrap{padding-top:18px;padding-bottom:18px}
.brand img{width:50px;height:50px}
.wm{font-size:36px}
.hero-photo{background-color:#1AA6B7;
  background-image:linear-gradient(100deg,rgba(21,140,156,.92) 0%,rgba(26,166,183,.78) 45%,rgba(26,166,183,.2) 85%),url('img/hero.jpg'),linear-gradient(#1AA6B7,#1AA6B7)}
.hero{background:#1AA6B7}
@media (max-width:700px){.wm{font-size:28px}.brand img{width:40px;height:40px}.top .wrap{padding-top:12px;padding-bottom:12px}}
.wm{font-size:44px;letter-spacing:-.6px}
.brand{gap:12px}
.brand img{width:58px;height:58px}
@media (max-width:700px){.wm{font-size:32px}.brand img{width:44px;height:44px}}
.top .wrap{padding-top:12px;padding-bottom:12px}
.wm{font-size:40px}
.brand img{width:52px;height:52px}