/* ============================================================
   ЗУУНМОД ПОРТАЛ — Main Stylesheet
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,700;0,900;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --sky:#2471A3; --sky-l:#EAF4F9; --sky-m:#A9CCE3;
  --grn:#1E8449; --grn-l:#EAFAF1; --grn-m:#A9DFBF;
  --amb:#D68910; --amb-l:#FEF9E7; --amb-m:#F9E79F;
  --red:#C0392B; --red-l:#FDEDEC; --red-m:#F1948A;
  --purp:#7D3C98; --purp-l:#F5EEF8;
  --teal:#148F77; --teal-l:#E8F8F5;
  --warm:#F8F5F0; --warm2:#F0EBE3;
  --dark:#1C1917; --body:#44403C; --muted:#78716C;
  --border:#E5DDD5; --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--warm);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;overflow-x:hidden;}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:54px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 1px 8px rgba(0,0,0,0.04);}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.brand-dot{width:36px;height:36px;background:var(--sky);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Fraunces',serif;font-weight:900;font-size:1rem;}
.brand-text{font-family:'Fraunces',serif;font-weight:900;font-size:1.05rem;color:var(--dark);line-height:1.1;}
.brand-sub{font-size:0.58rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;display:block;}
.nav-tabs{display:flex;gap:4px;list-style:none;}
.nav-tabs a{display:flex;align-items:center;gap:4px;padding:5px 9px;border-radius:7px;color:var(--body);text-decoration:none;font-size:0.74rem;font-weight:500;transition:background .2s,color .2s;}
.nav-tabs a:hover,.nav-tabs a.active{background:var(--sky-l);color:var(--sky);}
.nav-tabs .ti{font-size:0.9rem;}
.ai-btn{background:var(--sky);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:0.78rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s;}
.ai-btn:hover{background:#1A5276;}

/* ── TICKER ── */
.ticker{background:var(--sky);color:#fff;padding:8px 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-block;animation:tick 45s linear infinite;font-size:0.76rem;font-weight:500;}
.tsep{margin:0 22px;opacity:.4;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── HERO ── */
.hero{margin-top:54px;background:var(--white);border-bottom:1px solid var(--border);}
.hero-inner{padding:36px 32px 0;display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:end;}
.hero-kicker{display:inline-flex;align-items:center;gap:7px;background:var(--grn-l);color:var(--grn);font-size:0.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 13px;border-radius:20px;margin-bottom:18px;}
.hero-kicker::before{content:'●';font-size:0.45rem;}
.hero h1{font-family:'Fraunces',serif;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:900;line-height:1.1;color:var(--dark);}
.hero h1 em{font-style:italic;color:var(--sky);}
.hero-desc{margin-top:12px;font-size:0.88rem;color:var(--body);line-height:1.75;max-width:460px;}
.search-bar{margin-top:28px;display:flex;max-width:460px;background:var(--warm);border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s;}
.search-bar:focus-within{border-color:var(--sky);}
.search-bar input{flex:1;border:none;outline:none;background:transparent;padding:13px 16px;font-size:0.88rem;font-family:'Plus Jakarta Sans',sans-serif;color:var(--dark);}
.search-bar input::placeholder{color:var(--muted);}
.search-bar button{background:var(--sky);color:#fff;border:none;padding:11px 20px;font-size:0.84rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s;}
.search-bar button:hover{background:#1A5276;}
.hero-right{display:flex;flex-direction:column;gap:10px;padding-bottom:0;}
.wx-card{background:linear-gradient(135deg,#2471A3,#1A5276);border-radius:14px 14px 0 0;padding:20px 24px;color:#fff;display:flex;justify-content:space-between;align-items:center;}
.wx-temp{font-family:'Fraunces',serif;font-size:2.6rem;font-weight:900;line-height:1;}
.wx-info p{font-size:0.78rem;opacity:.85;margin-top:3px;}
.wx-icon{font-size:2.8rem;}
.hero-qlinks{display:flex;gap:8px;}
.hql{flex:1;background:var(--warm);border:1px solid var(--border);border-radius:10px;padding:12px;text-decoration:none;transition:border-color .2s,background .2s;text-align:center;}
.hql:hover{border-color:var(--sky);background:var(--sky-l);}
.hql-icon{font-size:1.3rem;display:block;margin-bottom:4px;}
.hql-label{font-size:0.7rem;font-weight:600;color:var(--body);}

/* ── FX CARD ── */
.fx-card{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.fx-head{background:var(--grn);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;}
.fx-title{color:#fff;font-weight:700;font-size:0.85rem;font-family:'Fraunces',serif;}
.fx-upd{color:rgba(255,255,255,.75);font-size:0.65rem;}
.fx-rows{padding:4px 0;}
.fx-row{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);transition:background .2s;}
.fx-row:last-child{border-bottom:none;}
.fx-row:hover{background:var(--grn-l);}
.fx-flag{font-size:1rem;width:20px;}
.fx-name{font-size:0.78rem;font-weight:700;color:var(--body);width:32px;}
.fx-rate{flex:1;font-family:'Fraunces',serif;font-size:1rem;font-weight:700;color:var(--dark);text-align:right;}
.fx-rate.loading{color:var(--muted);font-size:0.78rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;}
.fx-chg{font-size:0.7rem;font-weight:700;min-width:44px;text-align:right;}
.fx-chg.up{color:var(--grn);} .fx-chg.dn{color:var(--red);}
.fx-foot{padding:8px 16px;font-size:0.65rem;color:var(--muted);border-top:1px solid var(--border);}

/* ── SECTIONS ── */
.sec{padding:44px 32px;} .sw{background:var(--white);} .sg{background:var(--grn-l);} .ss{background:var(--sky-l);} .sa{background:var(--amb-l);} .swm{background:var(--warm);}
.sec-hdr{margin-bottom:24px;}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.stag{font-size:0.66rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:7px;}
.t-sky{color:var(--sky);}.t-grn{color:var(--grn);}.t-amb{color:var(--amb);}.t-red{color:var(--red);}.t-purp{color:var(--purp);}
.stitle{font-family:'Fraunces',serif;font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:700;color:var(--dark);}
.ssub{font-size:0.86rem;color:var(--muted);line-height:1.7;max-width:400px;}
.seeall{font-size:0.8rem;font-weight:700;color:var(--sky);text-decoration:none;white-space:nowrap;}
.seeall:hover{text-decoration:underline;}
.divider{height:3px;background:linear-gradient(90deg,var(--red) 33%,var(--sky) 33%,var(--sky) 67%,var(--red) 67%);}

/* ── NEWS ── */
.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px;}
.ncard{border-radius:13px;overflow:hidden;background:var(--white);border:1px solid var(--border);cursor:pointer;transition:transform .25s,box-shadow .25s;text-decoration:none;display:block;color:inherit;}
.ncard:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,0.09);}
.ncard.feat{grid-row:span 2;}
.nthumb{height:190px;display:flex;align-items:center;justify-content:center;font-size:3rem;}
.ncard.feat .nthumb{height:250px;}
.nt-sky{background:var(--sky-l);}.nt-grn{background:var(--grn-l);}.nt-amb{background:var(--amb-l);}.nt-red{background:var(--red-l);}
.nbody{padding:16px 18px;}
.ncat{font-size:0.6rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px;display:block;}
.nc-sky{color:var(--sky);}.nc-grn{color:var(--grn);}.nc-amb{color:var(--amb);}.nc-red{color:var(--red);}
.ncard h3{font-family:'Fraunces',serif;font-size:0.92rem;color:var(--dark);line-height:1.42;margin-bottom:6px;font-weight:700;}
.ncard.feat h3{font-size:1.15rem;}
.nexc{font-size:0.78rem;color:var(--muted);line-height:1.6;margin-bottom:9px;}
.nmeta{font-size:0.7rem;color:var(--muted);}

/* ── AI NEWS BOX ── */
.ai-news-box{background:var(--white);border:1.5px solid var(--sky-m);border-radius:14px;padding:24px;margin-top:20px;}
.ai-news-hdr{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.ai-spark{width:32px;height:32px;background:var(--sky);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.9rem;}
.ai-news-hdr h4{font-family:'Fraunces',serif;font-weight:700;font-size:0.95rem;color:var(--dark);}
.ai-news-hdr span{font-size:0.72rem;color:var(--muted);}
.gen-btn{margin-left:auto;background:var(--sky-l);color:var(--sky);border:1.5px solid var(--sky-m);padding:7px 16px;border-radius:20px;font-size:0.78rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.ai-result{font-size:0.84rem;color:var(--body);line-height:1.75;white-space:pre-wrap;}
.ai-result.loading{color:var(--muted);font-style:italic;}

/* ── LIFE GRID ── */
.life-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;}
.lcard{border-radius:12px;padding:16px 14px;cursor:pointer;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s;border:1px solid transparent;}
.lcard:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,0.08);}
.lc-sky{background:var(--sky-l);}.lc-grn{background:var(--grn-l);}.lc-amb{background:var(--amb-l);}.lc-red{background:var(--red-l);}
.lc-purp{background:var(--purp-l);}.lc-teal{background:var(--teal-l);}.lc-warm{background:var(--warm2);}.lc-rose{background:#FDF0F5;}
.lcard-icon{font-size:1.4rem;margin-bottom:8px;display:block;}
.lcard h3{font-family:'Fraunces',serif;font-size:0.82rem;font-weight:700;color:var(--dark);margin-bottom:4px;}
.lcard p{display:none;}
.lcard-cnt{margin-top:12px;font-size:0.68rem;font-weight:700;letter-spacing:.5px;}
.cnt-sky{color:var(--sky);}.cnt-grn{color:var(--grn);}.cnt-amb{color:var(--amb);}.cnt-red{color:var(--red);}.cnt-purp{color:var(--purp);}.cnt-teal{color:var(--teal);}

/* ── JOBS ── */
.jobs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.jcard{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:20px;display:flex;gap:16px;cursor:pointer;transition:border-color .2s,transform .2s;text-decoration:none;color:inherit;}
.jcard:hover{border-color:var(--sky);transform:translateY(-2px);}
.jico{width:46px;height:46px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.ji-sky{background:var(--sky-l);}.ji-grn{background:var(--grn-l);}.ji-amb{background:var(--amb-l);}.ji-purp{background:var(--purp-l);}
.jinfo h4{font-weight:700;font-size:0.88rem;color:var(--dark);margin-bottom:3px;}
.jinfo p{font-size:0.76rem;color:var(--muted);line-height:1.5;}
.jtag{display:inline-block;margin-top:8px;font-size:0.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:10px;}
.jt-sky{background:var(--sky-l);color:var(--sky);}.jt-grn{background:var(--grn-l);color:var(--grn);}
.jt-amb{background:var(--amb-l);color:var(--amb);}.jt-purp{background:var(--purp-l);color:var(--purp);}
.jsalary{float:right;font-family:'Fraunces',serif;font-size:0.9rem;font-weight:700;color:var(--grn);}
.aigen-section{background:var(--white);border:1.5px solid var(--grn-m);border-radius:14px;padding:22px;margin-top:18px;}
.aigen-hdr{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.aigen-spark{width:30px;height:30px;background:var(--grn);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.85rem;}
.aigen-hdr h4{font-family:'Fraunces',serif;font-weight:700;font-size:0.9rem;}
.aigen-row{display:flex;gap:8px;flex-wrap:wrap;}
.aigen-input{flex:1;min-width:180px;border:1.5px solid var(--border);border-radius:9px;padding:9px 13px;font-size:0.82rem;outline:none;font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .2s;}
.aigen-input:focus{border-color:var(--grn);}
.aigen-go{background:var(--grn);color:#fff;border:none;padding:9px 18px;border-radius:9px;font-size:0.82rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;transition:background .2s;}
.aigen-go:hover{background:#176339;}
.aigen-out{margin-top:14px;font-size:0.83rem;color:var(--body);line-height:1.75;white-space:pre-wrap;display:none;}

/* ── EVENTS ── */
.events-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.evcard{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:20px 22px;display:flex;gap:18px;cursor:pointer;transition:border-color .2s,box-shadow .2s;}
.evcard:hover{border-color:var(--sky);box-shadow:0 4px 14px rgba(36,113,163,.1);}
.evdate{flex-shrink:0;width:54px;height:60px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ed-sky{background:var(--sky-l);}.ed-grn{background:var(--grn-l);}.ed-amb{background:var(--amb-l);}.ed-red{background:var(--red-l);}
.eday{font-family:'Fraunces',serif;font-size:1.6rem;font-weight:900;line-height:1;}
.eday-sky{color:var(--sky);}.eday-grn{color:var(--grn);}.eday-amb{color:var(--amb);}.eday-red{color:var(--red);}
.emon{font-size:0.58rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.evinfo h4{font-weight:700;font-size:0.9rem;color:var(--dark);margin-bottom:4px;line-height:1.35;}
.evinfo p{font-size:0.76rem;color:var(--muted);line-height:1.55;}
.evtags{margin-top:9px;display:flex;gap:5px;flex-wrap:wrap;}
.et{font-size:0.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:20px;}
.et-sky{background:var(--sky-l);color:var(--sky);}.et-grn{background:var(--grn-l);color:var(--grn);}
.et-amb{background:var(--amb-l);color:var(--amb);}.et-red{background:var(--red-l);color:var(--red);}

/* ── BIZ ── */
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.bzcard{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:18px;display:flex;align-items:flex-start;gap:13px;cursor:pointer;transition:border-color .2s,transform .2s;text-decoration:none;color:inherit;}
.bzcard:hover{border-color:var(--sky);transform:translateY(-2px);}
.bzico{width:46px;height:46px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;}
.bz-sky{background:var(--sky-l);}.bz-grn{background:var(--grn-l);}.bz-amb{background:var(--amb-l);}.bz-purp{background:var(--purp-l);}.bz-teal{background:var(--teal-l);}
.bzinfo h4{font-weight:700;font-size:0.86rem;color:var(--dark);margin-bottom:2px;}
.bzinfo p{font-size:0.73rem;color:var(--muted);line-height:1.5;}
.bztag{display:inline-block;margin-top:6px;font-size:0.58rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:10px;}
.bzt-sky{background:var(--sky-l);color:var(--sky);}.bzt-grn{background:var(--grn-l);color:var(--grn);}
.bzt-amb{background:var(--amb-l);color:var(--amb);}.bzt-purp{background:var(--purp-l);color:var(--purp);}.bzt-teal{background:var(--teal-l);color:var(--teal);}

/* ── TRANSPORT ── */
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.rcard{background:var(--white);border:1px solid var(--border);border-radius:13px;overflow:hidden;}
.rhead{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;}
.rh-sky{background:var(--sky);}.rh-grn{background:var(--grn);}
.rhead h4{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;}
.rbadge{background:rgba(255,255,255,.2);font-size:0.65rem;font-weight:700;padding:3px 10px;border-radius:20px;}
.rstops{padding:14px 20px;}
.rsitem{display:flex;align-items:center;gap:11px;padding:7px 0;border-bottom:1px solid var(--border);font-size:0.82rem;}
.rsitem:last-child{border-bottom:none;}
.rsdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.rd-sky{background:var(--sky);}.rd-grn{background:var(--grn);}
.rsname{flex:1;color:var(--body);font-weight:500;}
.rstime{color:var(--muted);font-size:0.73rem;font-weight:600;}
.taxi-box{background:var(--amb-l);border:1px solid var(--amb-m);border-radius:13px;padding:20px;}
.taxi-box h4{font-family:'Fraunces',serif;font-weight:700;font-size:1rem;color:var(--dark);margin-bottom:14px;}
.taxinum{display:flex;flex-direction:column;gap:8px;}
.tn{display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:8px;padding:10px 14px;border:1px solid var(--border);}
.tn-l{font-size:0.82rem;font-weight:600;color:var(--body);}
.tn-n{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:900;color:var(--amb);}

/* ── HEALTH ── */
.hl-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;}
.hcard{background:var(--white);border:1px solid var(--border);border-radius:13px;overflow:hidden;}
.hhead{padding:18px 22px;color:#fff;}
.hh-grn{background:var(--grn);}.hh-sky{background:var(--sky);}
.hhead h4{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:700;margin-bottom:3px;}
.hhead p{font-size:0.78rem;opacity:.85;}
.hbody{padding:18px 22px;}
.hrow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:0.82rem;}
.hrow:last-child{border-bottom:none;}
.hlbl{color:var(--muted);}
.hval{font-weight:600;color:var(--dark);}
.hval.open{color:var(--grn);}.hval.closed{color:var(--red);}
.emgcard{background:var(--red);border-radius:13px;padding:22px;color:#fff;}
.emgcard h4{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:700;margin-bottom:6px;}
.emgcard p{font-size:0.8rem;opacity:.87;margin-bottom:18px;line-height:1.6;}
.emgnums{display:flex;flex-direction:column;gap:8px;}
.emgitem{background:rgba(255,255,255,.15);border-radius:8px;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;}
.emgname{font-size:0.8rem;font-weight:500;}
.emgnum{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:900;letter-spacing:1px;}

/* ── EDU ── */
.edu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.ecard{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:20px;cursor:pointer;transition:border-color .2s,transform .2s;}
.ecard:hover{border-color:var(--grn);transform:translateY(-3px);}
.eemo{font-size:1.8rem;margin-bottom:12px;}
.ecard h4{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;color:var(--dark);margin-bottom:5px;}
.ecard p{font-size:0.76rem;color:var(--muted);line-height:1.6;}
.edet{margin-top:12px;display:flex;flex-direction:column;gap:4px;}
.edet-row{display:flex;justify-content:space-between;font-size:0.73rem;}
.edet-row span:first-child{color:var(--muted);} .edet-row span:last-child{font-weight:600;color:var(--body);}

/* ── NATURE ── */
.nat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.natcard{border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;text-decoration:none;display:block;}
.natcard:hover{transform:scale(1.02);box-shadow:0 10px 28px rgba(0,0,0,.11);}
.natimg{height:170px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;}
.ni1{background:linear-gradient(135deg,#A9CCE3,#5DADE2);}
.ni2{background:linear-gradient(135deg,#A9DFBF,#52BE80);}
.ni3{background:linear-gradient(135deg,#F9E79F,#F4D03F);}
.natbody{background:var(--white);padding:15px 17px;border:1px solid var(--border);border-top:none;}
.natbody h4{font-family:'Fraunces',serif;font-size:0.92rem;font-weight:700;color:var(--dark);margin-bottom:4px;}
.natbody p{font-size:0.76rem;color:var(--muted);line-height:1.55;}
.nattags{margin-top:9px;display:flex;gap:5px;flex-wrap:wrap;}
.ntag{font-size:0.6rem;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--warm);color:var(--body);}

/* ── COMMUNITY ── */
.com-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;}
.forum-card{background:var(--white);border:1px solid var(--border);border-radius:13px;overflow:hidden;}
.forum-hdr{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.forum-hdr h4{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;}
.fnew-btn{background:var(--sky);color:#fff;border:none;font-size:0.68rem;font-weight:700;padding:5px 12px;border-radius:20px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.fitem{padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;}
.fitem:last-child{border-bottom:none;}
.fitem:hover{background:var(--warm);}
.fititle{font-size:0.84rem;font-weight:600;color:var(--dark);margin-bottom:3px;}
.fimeta{font-size:0.7rem;color:var(--muted);display:flex;gap:8px;align-items:center;}
.fireps{background:var(--warm);color:var(--muted);font-size:0.65rem;font-weight:700;padding:2px 7px;border-radius:9px;}
.poll-card{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:20px;}
.poll-q{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;color:var(--dark);margin-bottom:16px;line-height:1.4;}
.popts{display:flex;flex-direction:column;gap:9px;}
.popt{display:flex;align-items:center;gap:11px;padding:9px 13px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden;}
.popt:hover,.popt.voted{border-color:var(--sky);}
.popt.voted{background:var(--sky-l);}
.pbar{position:absolute;left:0;top:0;bottom:0;background:var(--sky-l);z-index:0;transition:width .5s ease;}
.plbl{font-size:0.82rem;font-weight:500;color:var(--body);position:relative;z-index:1;flex:1;}
.ppct{font-size:0.76rem;font-weight:700;color:var(--sky);position:relative;z-index:1;}
.pfooter{margin-top:13px;font-size:0.7rem;color:var(--muted);text-align:center;}

/* ── ADS ── */
.ads-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:28px;}
.ads-search{flex:1;min-width:200px;display:flex;background:var(--white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s;}
.ads-search:focus-within{border-color:var(--sky);}
.ads-search input{flex:1;border:none;outline:none;background:transparent;padding:10px 14px;font-size:0.84rem;font-family:'Plus Jakarta Sans',sans-serif;color:var(--dark);}
.ads-search input::placeholder{color:var(--muted);}
.ads-search button{background:var(--sky);color:#fff;border:none;padding:9px 16px;font-size:0.82rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.ads-cats{display:flex;gap:7px;flex-wrap:wrap;}
.acat{background:var(--white);border:1.5px solid var(--border);color:var(--body);padding:7px 14px;border-radius:20px;font-size:0.76rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;}
.acat:hover,.acat.active{background:var(--sky);border-color:var(--sky);color:#fff;}
.ads-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ad-card{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative;}
.ad-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.09);}
.ad-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;}
.ad-badge{position:absolute;top:10px;left:10px;font-size:0.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;}
.ab-new{background:var(--amb-l);color:var(--amb);border:1px solid var(--amb-m);}
.ab-hot{background:var(--red-l);color:var(--red);border:1px solid var(--red-m);}
.ad-body{padding:14px 16px;}
.ad-cat{font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;display:block;}
.ad-card h4{font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;color:var(--dark);line-height:1.35;margin-bottom:6px;}
.ad-price{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:900;margin-bottom:8px;}
.ad-meta{font-size:0.72rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;}
.post-ad-btn{background:var(--amb);color:#fff;border:none;padding:10px 22px;border-radius:20px;font-size:0.82rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s;}
.post-ad-btn:hover{background:#B7770D;}
.load-more-btn{display:block;margin:24px auto 0;background:none;border:1.5px solid var(--border);color:var(--body);padding:10px 28px;border-radius:20px;font-size:0.82rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .2s,color .2s;}
.load-more-btn:hover{border-color:var(--sky);color:var(--sky);}

/* ── MODALS ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:400;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--white);border-radius:16px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.modal.wide{max-width:700px;}
.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--white);z-index:1;}
.modal-head h3{font-family:'Fraunces',serif;font-weight:700;font-size:1.1rem;}
.modal-close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--muted);line-height:1;padding:4px;}
.modal-body{padding:24px;}
.form-field{margin-bottom:16px;}
.form-field label{display:block;font-size:0.78rem;font-weight:700;color:var(--body);margin-bottom:6px;}
.form-field input,.form-field textarea,.form-field select{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:11px 14px;font-size:0.86rem;outline:none;font-family:'Plus Jakarta Sans',sans-serif;color:var(--dark);background:var(--white);transition:border-color .2s;}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--sky);}
.form-field select option{background:var(--white);}
.form-field textarea{height:90px;resize:vertical;}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;background:var(--white);}
.btn-cancel{background:none;border:1.5px solid var(--border);color:var(--body);padding:10px 20px;border-radius:9px;font-size:0.84rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;}
.btn-submit{background:var(--sky);color:#fff;border:none;padding:10px 24px;border-radius:9px;font-size:0.84rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s;}
.btn-submit:hover{background:#1A5276;}
.btn-submit.grn{background:var(--grn);} .btn-submit.grn:hover{background:#176339;}
.ai-desc-btn{background:var(--amb-l);color:var(--amb);border:1.5px solid var(--amb-m);padding:7px 14px;border-radius:8px;font-size:0.76rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;margin-top:7px;}

/* ── AI CHAT ── */
.ai-panel{position:fixed;bottom:24px;right:24px;z-index:500;width:380px;}
.ai-toggle{display:flex;align-items:center;gap:10px;background:var(--sky);color:#fff;border:none;padding:13px 20px;border-radius:24px;font-size:0.88rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 4px 20px rgba(36,113,163,.4);width:100%;justify-content:center;}
.ai-chat{display:none;background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);margin-bottom:10px;flex-direction:column;}
.ai-chat.open{display:flex;}
.ai-head{background:var(--sky);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;}
.ai-head h4{font-family:'Fraunces',serif;font-weight:700;font-size:0.95rem;}
.ai-head span{font-size:0.72rem;opacity:.8;}
.ai-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;line-height:1;}
.ai-messages{height:280px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;}
.msg{max-width:88%;padding:10px 13px;border-radius:12px;font-size:0.82rem;line-height:1.6;}
.msg.bot{background:var(--warm);color:var(--body);align-self:flex-start;border-radius:4px 12px 12px 12px;}
.msg.user{background:var(--sky);color:#fff;align-self:flex-end;border-radius:12px 12px 4px 12px;}
.msg.thinking{background:var(--warm);color:var(--muted);font-style:italic;}
.ai-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);}
.ai-input-row input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:9px 13px;font-size:0.82rem;outline:none;font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .2s;}
.ai-input-row input:focus{border-color:var(--sky);}
.ai-send{background:var(--sky);color:#fff;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:1rem;}

/* ── FOOTER ── */
footer{background:var(--dark);color:#aaa;padding:36px 32px 20px;}
.fflag{height:4px;background:linear-gradient(90deg,#C0392B 33%,#2471A3 33%,#2471A3 67%,#C0392B 67%);border-radius:2px;margin-bottom:44px;}
.ftop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.07);}
.fbrand p{font-size:0.8rem;color:#555;line-height:1.8;margin-top:13px;max-width:250px;}
.fcol h5{font-size:0.63rem;letter-spacing:3px;text-transform:uppercase;color:var(--sky);margin-bottom:15px;font-weight:700;}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.fcol a{font-size:0.8rem;color:#555;text-decoration:none;transition:color .2s;}
.fcol a:hover{color:#ccc;}
.fbot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;flex-wrap:wrap;gap:10px;}
.fbot p{font-size:0.7rem;color:#444;}
.fsocs{display:flex;gap:7px;}
.fsoc{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;color:#555;text-decoration:none;transition:border-color .2s,color .2s;}
.fsoc:hover{border-color:var(--sky);color:var(--sky);}
.success-toast{display:none;position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--grn);color:#fff;padding:12px 24px;border-radius:24px;font-size:0.86rem;font-weight:600;z-index:600;box-shadow:0 4px 16px rgba(30,132,73,.4);white-space:nowrap;}

/* ── RESPONSIVE TABLET ── */
@media(max-width:960px){
  nav{padding:0 16px;} .nav-tabs{display:none;}
  .hero-inner{padding:40px 18px 0;grid-template-columns:1fr;} .hero-right{display:none;}
  .sec{padding:36px 16px;}
  .news-grid,.tr-grid,.hl-grid,.com-grid{grid-template-columns:1fr;}
  .ncard.feat{grid-row:auto;}
  .life-grid,.edu-grid,.nat-grid{grid-template-columns:repeat(2,1fr);}
  .events-grid,.jobs-grid,.biz-grid,.ads-grid{grid-template-columns:1fr;}
  .ftop{grid-template-columns:1fr 1fr;gap:24px;}
  footer{padding:36px 18px 20px;}
  .ai-panel{right:10px;bottom:10px;width:calc(100vw - 20px);}
  .form-row-2{grid-template-columns:1fr;}
}

/* ── MOBILE ── */
@media(max-width:600px){
  /* Nav */
  nav{padding:0 14px;height:56px;}
  .brand-text{font-size:0.95rem;}
  .brand-sub{display:none;}
  .brand-dot{width:32px;height:32px;font-size:0.9rem;}
  .ai-btn{padding:6px 12px;font-size:0.72rem;}

  /* Hero */
  .hero-inner{padding:28px 16px 0;}
  .hero h1{font-size:2.2rem;}
  .hero-desc{font-size:0.88rem;margin-top:12px;}
  .search-bar{margin-top:20px;}
  .search-bar input{font-size:0.84rem;padding:11px 13px;}
  .search-bar button{padding:9px 14px;font-size:0.8rem;}

  /* Ticker */
  .ticker-inner{font-size:0.72rem;}

  /* Sections */
  .sec{padding:36px 14px;}
  .stitle{font-size:1.4rem;}
  .sec-row{flex-direction:column;align-items:flex-start;gap:8px;}

  /* Life grid — 2 багана */
  .life-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .lcard{padding:16px 14px;}
  .lcard-icon{font-size:1.4rem;margin-bottom:8px;}
  .lcard h3{font-size:0.88rem;}
  .lcard p{font-size:0.7rem;}
  .lcard-cnt{font-size:0.65rem;}

  /* News */
  .news-grid{grid-template-columns:1fr;gap:12px;}
  .nthumb{height:140px;font-size:2.2rem;}
  .nbody{padding:12px 14px;}
  .ncard h3{font-size:0.9rem;}

  /* Jobs */
  .jobs-grid{grid-template-columns:1fr;gap:10px;}
  .jcard{padding:14px;}
  .jico{width:38px;height:38px;font-size:1.1rem;}
  .jinfo h4{font-size:0.84rem;}
  .jsalary{font-size:0.82rem;}

  /* Events */
  .events-grid{grid-template-columns:1fr;gap:10px;}
  .evcard{padding:14px 16px;gap:12px;}
  .evdate{width:48px;height:54px;}
  .eday{font-size:1.4rem;}
  .evinfo h4{font-size:0.86rem;}
  .evinfo p{font-size:0.73rem;}

  /* Biz */
  .biz-grid{grid-template-columns:1fr;gap:10px;}
  .bzcard{padding:14px;}
  .bzico{width:38px;height:38px;font-size:1.2rem;}
  .bzinfo h4{font-size:0.84rem;}

  /* Transport */
  .tr-grid{grid-template-columns:1fr;gap:12px;}
  .rhead h4{font-size:0.88rem;}
  .rsitem{font-size:0.78rem;padding:6px 0;}
  .tn-l{font-size:0.78rem;}
  .tn-n{font-size:0.88rem;}

  /* Health */
  .hl-grid{grid-template-columns:1fr;gap:12px;}
  .hhead h4{font-size:0.95rem;}
  .hrow{font-size:0.78rem;}
  .emgnum{font-size:0.95rem;}

  /* Education */
  .edu-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .ecard{padding:14px;}
  .eemo{font-size:1.5rem;margin-bottom:8px;}
  .ecard h4{font-size:0.84rem;}
  .ecard p{font-size:0.72rem;}
  .edet-row{font-size:0.7rem;}

  /* Nature */
  .nat-grid{grid-template-columns:1fr;gap:12px;}
  .natimg{height:140px;font-size:2.8rem;}
  .natbody h4{font-size:0.88rem;}

  /* Community */
  .com-grid{grid-template-columns:1fr;gap:12px;}
  .fititle{font-size:0.82rem;}
  .fimeta{font-size:0.68rem;}
  .poll-q{font-size:0.88rem;}
  .plbl{font-size:0.78rem;}

  /* Ads */
  .ads-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .ad-img{height:120px;font-size:2.2rem;}
  .ad-body{padding:10px 12px;}
  .ad-card h4{font-size:0.82rem;}
  .ad-price{font-size:0.95rem;}
  .ad-meta{font-size:0.68rem;}
  .ads-cats{gap:5px;}
  .acat{padding:5px 10px;font-size:0.7rem;}
  .ads-toolbar{gap:8px;}
  .post-ad-btn{padding:8px 16px;font-size:0.76rem;}

  /* Modal */
  .modal{max-width:100%;margin:10px;border-radius:12px;}
  .modal-head{padding:14px 16px;}
  .modal-head h3{font-size:0.95rem;}
  .modal-body{padding:14px 16px;}
  .form-field label{font-size:0.74rem;}
  .form-field input,.form-field textarea,.form-field select{padding:10px 12px;font-size:0.84rem;}
  .modal-footer{padding:12px 16px;}

  /* AI panel */
  .ai-panel{right:8px;bottom:8px;width:calc(100vw - 16px);}
  .ai-toggle{padding:11px 16px;font-size:0.82rem;}
  .ai-messages{height:240px;}
  .msg{font-size:0.78rem;}

  /* Footer */
  .ftop{grid-template-columns:1fr;gap:20px;}
  footer{padding:28px 14px 16px;}
  .fflag{margin-bottom:28px;}

  /* Quick links */
  .quick-links{padding:12px 14px;}
  .quick-btn{padding:6px 12px;font-size:0.72rem;}

  /* AI news box */
  .ai-news-box{padding:16px;}
  .aigen-row{flex-direction:column;}
  .aigen-input{min-width:100%;}

  /* Bottom padding for AI button */
  body{padding-bottom:70px;}
}

/* ── MOBILE BOTTOM NAV ── */
@media(max-width:600px){
  .mobile-nav{
    display:flex;
    position:fixed;
    bottom:0;left:0;right:0;
    background:var(--white);
    border-top:0.5px solid var(--border);
    z-index:250;
    height:58px;
    box-shadow:0 -2px 12px rgba(0,0,0,0.08);
  }
  .mobile-nav a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-decoration:none;color:var(--muted);font-size:0.58rem;font-weight:500;gap:3px;
    transition:color .2s;
  }
  .mobile-nav a:hover,.mobile-nav a.active{color:var(--sky);}
  .mobile-nav .mn-icon{font-size:1.1rem;}
}
@media(min-width:601px){
  .mobile-nav{display:none;}
}