/* Inner pages. Builds on site.css (the homepage tokens and components). */
/* Owner's font rule 2026-11-03: default bold elements are half-bold (600) on every page */
h2,h3,h4,h5,h6,b,strong,th{font-weight:600;letter-spacing:-.025em}
.page-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,75,.92) 0%,rgba(11,31,75,.65) 55%,rgba(11,31,75,.25) 100%)}
.page-hero .wrap{position:relative;z-index:1;padding-block:44px 40px}
.page-hero h1{color:#fff;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.1;max-width:820px}
.page-hero p{margin-top:12px;max-width:640px;font-size:13px;line-height:1.6;color:#DCE5F7}
.crumbs{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:#B7C6E6;margin-bottom:14px}
.crumbs a{color:#fff;font-weight:600;letter-spacing:-.025em}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-facts span{padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:12.5px;font-weight:600;color:#fff;letter-spacing:-.025em}

.page{padding-block:34px 10px}
.page h2{font-size:13px;font-weight:600;letter-spacing:-.025em;margin-bottom:14px}
.page h3{font-size:13px;font-weight:600;margin-bottom:8px;letter-spacing:-.025em}
.prose{max-width:760px;font-size:13px;line-height:1.7;color:#2D3854}
.prose p+p{margin-top:12px}
.block{padding-block:28px;border-top:1px solid #EEF2F8}
.block:first-child{border-top:0;padding-top:0}

/* Filters */
.filters{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;background:#fff;border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);margin-top:-30px;position:relative;z-index:2}
.f-item{display:flex;flex-direction:column;gap:5px;min-width:0}
.f-item label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.f-item input,.f-item select{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font-size:13px;font-weight:600;color:var(--navy);background:#fff;width:100%;min-width:0;letter-spacing:-.025em}
.f-item input:focus,.f-item select:focus{outline:none;border-color:#9DB7F5;box-shadow:0 0 0 3px rgba(10,75,214,.12)}
.f-reset{height:42px;padding:0 16px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:13px;color:var(--navy);cursor:pointer;letter-spacing:-.025em}
.f-reset:hover{border-color:var(--navy)}
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px}
.results-bar strong{font-size:13px;color:var(--navy)}
.results-bar label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.results-bar select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-weight:600;color:var(--navy);background:#fff;letter-spacing:-.025em}

/* University page */
.uni-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fact{background:#fff;border-radius:12px;padding:14px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.fact small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fact b{display:block;margin-top:4px;font-size:13px;color:var(--navy);line-height:1.35}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.tbl-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}
.tbl th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:#F6F8FC;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 14px;border-bottom:1px solid #EEF2F8;color:var(--ink);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.tbl tr:target td{background:#FFF8DC}
.tbl .sub{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.panel{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.panel ul,.panel ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:#2D3854}
.panel p{font-size:13px;line-height:1.6;color:#2D3854}
.panel p+p{margin-top:8px}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kv .panel h3{font-size:13px;display:flex;align-items:center;gap:8px;letter-spacing:-.025em}
.kv .panel h3 svg{width:18px;height:18px;color:var(--blue)}

/* Georgia guide */
.guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:26px}
.guide.flip>figure{order:2}
.guide figure{margin:0}
.guide figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.guide ul{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#2D3854}
.cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.city{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.city img{width:100%;aspect-ratio:3/2;object-fit:cover}
.city div{padding:14px 16px 16px}
.city p{font-size:13px;color:#2D3854;line-height:1.55}
.cost{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cost .panel b{display:block;font-size:13px;color:var(--navy);font-variant-numeric:tabular-nums}
.cost .panel small{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
.note{font-size:12.5px;color:var(--muted);margin-top:10px}

/* Steps & support */
.steps-v{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.steps-v .panel{position:relative;padding-top:20px}
.steps-v .panel h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px}
.cta-box{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(90deg,#0B2A78,#0A3A9E);color:#fff;border-radius:16px;padding:24px 28px}
.cta-box h2{color:#fff;margin:0}
.cta-box p{color:#DCE5F7;margin-top:6px;font-size:13px}
.copy{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;font-size:13px;cursor:pointer;user-select:all}

/* FAQ page */
.faq-page details{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);margin-bottom:10px}
.faq-page summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 18px;font-weight:600;font-size:13px;color:var(--navy);letter-spacing:-.025em}
.faq-page summary::-webkit-details-marker{display:none}
.faq-page summary::after{content:"+";font-size:22px;font-weight:400}
.faq-page details[open] summary::after{content:"−"}
.faq-page details>div{padding:0 18px 16px;font-size:13px;line-height:1.65;color:#2D3854}
.faq-page details>div p+p{margin-top:8px}
.qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

/* Coming soon */
.soon{display:grid;place-items:center;padding-block:56px 40px}
.soon .panel{max-width:560px;width:100%;text-align:center;padding:0;overflow:hidden}
.soon .panel img{width:100%;height:200px;object-fit:cover}
.soon .panel .in{padding:26px 26px 30px}
.soon .tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#FFF3E2;color:#8A5300;font-size:12px;font-weight:600;letter-spacing:-.025em}
.soon h1{margin:12px 0 8px;font-size:13px;font-weight:600;letter-spacing:-.025em}
.soon p{color:var(--muted);font-size:13px;line-height:1.6}
.soon .btn{margin-top:20px}

@media (max-width:1000px){
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-item:first-child{grid-column:1/-1}
  .uni-head,.guide,.cols2{grid-template-columns:minmax(0,1fr)}
  .guide.flip>figure{order:0}
  .steps-v,.qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .filters,.kv,.facts,.steps-v,.qgrid,.cities{grid-template-columns:minmax(0,1fr)}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Discovery lists, call to action, citizenship finder */
.discovery{padding-bottom:10px}
.discovery .list-sec{padding-block:30px 0}
.big-cta{padding:30px 32px;align-items:center}
.big-cta h2{font-size:13px;letter-spacing:-.025em}
.cta-points{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#fff}
.cta-points li{display:flex;align-items:center;gap:7px}
.cta-points li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.cta-ghost{display:inline-flex;justify-content:center;align-items:center;height:41px;padding:0 22px;border-radius:22px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:600;font-size:13px;letter-spacing:-.025em}
.cta-ghost:hover{background:rgba(255,255,255,.1)}
.apply-wide{width:100%;margin-top:12px;height:44px;font-size:13px}
.cz-form{grid-template-columns:2fr 2fr auto}
.cz-form .s-btn{height:42px;flex:none;padding:0 22px}
.cz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px}
.cz-list a{font-size:13px;color:var(--navy);padding:6px 0;border-bottom:1px solid #EEF2F8}
.cz-list a:hover{color:var(--blue)}
.cz-lvl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.cz-lvl select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-weight:600;color:var(--navy);background:#fff;letter-spacing:-.025em}
@media (max-width:1000px){.cz-form{grid-template-columns:minmax(0,1fr)}}

/* ---------- Country themes: flag colours override the accent tokens ---------- */
body.theme{--blue:var(--t1);--blue-2:var(--t1d);--blue-soft:var(--t1s)}
body.t-ge{--t1:#C8102E;--t1d:#A00C24;--t1s:#FDECEE;--t2:#FFFFFF;--flag:linear-gradient(90deg,#fff 0 40%,#C8102E 40% 60%,#fff 60%)}
body.t-md{--t1:#0046AE;--t1d:#00398D;--t1s:#E6EEFA;--t2:#FFD200;--flag:linear-gradient(90deg,#0046AE 0 33.3%,#FFD200 33.3% 66.6%,#CC092F 66.6%)}
body.t-ba{--t1:#002395;--t1d:#001B75;--t1s:#E6E9F5;--t2:#FECB00;--flag:linear-gradient(90deg,#002395 0 60%,#FECB00 60%)}
body.t-ua{--t1:#0057B7;--t1d:#004694;--t1s:#E6F0FA;--t2:#FFD700;--flag:linear-gradient(90deg,#0057B7 0 50%,#FFD700 50%)}
body.t-am{--t1:#D90012;--t1d:#B0000F;--t1s:#FCE8EA;--t2:#F2A800;--flag:linear-gradient(90deg,#D90012 0 33.3%,#0033A0 33.3% 66.6%,#F2A800 66.6%)}
body.t-xk{--t1:#244AA5;--t1d:#1C3A84;--t1s:#E9EEF8;--t2:#D0A650;--flag:linear-gradient(90deg,#244AA5 0 70%,#D0A650 70%)}
body.t-rs{--t1:#C6363C;--t1d:#A22B30;--t1s:#FAEBEC;--t2:#0C4076;--flag:linear-gradient(90deg,#C6363C 0 33.3%,#0C4076 33.3% 66.6%,#fff 66.6%)}
body.t-me{--t1:#C40308;--t1d:#9E0206;--t1s:#FBE7E7;--t2:#D3AE3B;--flag:linear-gradient(90deg,#D3AE3B 0 8%,#C40308 8% 92%,#D3AE3B 92%)}
body.theme .flag-bar{height:6px;background:var(--flag);box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)}
body.theme .page-hero::after{background:linear-gradient(90deg,color-mix(in srgb,var(--t1d) 92%,#000) 0%,color-mix(in srgb,var(--t1) 70%,transparent) 55%,rgba(0,0,0,.15) 100%)}
body.theme .cta-box{background:linear-gradient(90deg,var(--t1d),var(--t1))}

body.theme .soon .tag{background:var(--t1s);color:var(--t1d)}
body.theme .fact b,body.theme .faq-page summary{color:var(--navy)}

/* ---------- University page (client design) ---------- */
.uh{background:linear-gradient(90deg,#fff 0%,#fff 42%,#F4F6FA 100%);border-bottom:1px solid #EEF2F8}
.uh-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;align-items:stretch}
.uh-text{padding-block:24px 30px;display:flex;flex-direction:column;justify-content:center}
.uh .crumbs{color:var(--muted)}
.uh .crumbs a{color:var(--navy);font-weight:500}
.uh h1{font-size:clamp(30px,3.6vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.1}
.uh .tagline{margin-top:8px;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.uh .lead{margin-top:10px;font-size:13px;line-height:1.6;color:#46516A;max-width:520px}
.uh-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn-solid{height:42px;padding:0 20px;border-radius:6px;background:var(--blue);color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.btn-solid:hover{background:var(--blue-2)}
.btn-solid svg,.btn-line svg{width:15px;height:15px}
.btn-line{height:42px;padding:0 20px;border-radius:6px;border:1.5px solid var(--navy);color:var(--navy);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;background:#fff}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.uh-collage{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;min-height:300px}
.uh-collage img{width:100%;height:100%;object-fit:cover}
.uh-collage img:first-child{grid-row:1/3}
.infobar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#F6F8FC;border-radius:0 0 12px 12px;padding:16px 10px}
.info{display:flex;align-items:center;gap:12px;padding:4px 14px}
.info+.info{border-left:1px solid #E1E6EF}
.info svg{width:24px;height:24px;color:var(--blue);flex:0 0 auto}
.info small{display:block;font-size:11.5px;color:var(--muted)}
.info b{display:block;font-size:13px;color:var(--navy)}
.utabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}
.utabs a{padding:10px 2px;font-size:13px;font-weight:500;color:#3A4560;border-bottom:2px solid transparent;white-space:nowrap}
.utabs a.on,.utabs a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.ulayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;padding-block:22px 0}
.uside{position:sticky;top:16px}
.plan{background:#F3F5F9;border-radius:10px;padding:18px}
.plan h2{font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:-.025em}
.plan label{display:block;font-size:12px;color:var(--navy);margin:10px 0 6px}
.plan select{width:100%;height:38px;border:1px solid var(--line);border-radius:6px;padding:0 10px;font-size:12.5px;color:var(--navy);background:#fff}
.plan .btn-solid{width:100%;justify-content:center;margin-top:14px}
.plan p{margin-top:10px;font-size:11.5px;color:var(--muted);line-height:1.5}
.usec{padding-block:26px 0}
.usec h2{font-size:13px;font-weight:600;letter-spacing:-.025em}
.usec .sub{font-size:13px;color:var(--muted);margin-top:4px}
.usec .sec-head{margin-bottom:14px}
.about p{font-size:13px;line-height:1.65;color:#46516A;max-width:640px}
.about p+p{margin-top:12px}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pc{background:#fff;border:1px solid #E8ECF3;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);transition:transform .3s ease}
.pc:hover{transform:scale(1.025)}
.pc img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pc-b{padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.pc h3{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.pc .chips span{font-size:10.5px}
.pc .fee{font-size:12.5px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.pc .btn-out{margin-top:auto;height:30px;border:1.5px solid var(--blue);border-radius:4px;color:var(--blue);font-weight:600;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px}
.pc .btn-out:hover{background:var(--blue);color:#fff}
.pc .btn-out svg{width:13px;height:13px}
.hsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#F6F8FC;border-radius:10px;padding:16px}
.hstep{display:flex;gap:12px;align-items:flex-start;position:relative;padding-right:20px}
.hstep+.hstep{border-left:1px solid #E1E6EF;padding-left:14px}
.hstep i{font-style:normal;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;letter-spacing:-.025em}
.hstep b{display:block;font-size:12.5px;color:var(--navy)}
.hstep small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.45}
.campus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.campus figure{margin:0}
.campus img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.campus figcaption{font-size:12px;color:#3A4560;margin-top:6px}
.minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mini{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #E8ECF3;border-radius:6px;padding:6px 12px 6px 6px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);transition:transform .3s ease}
.mini:hover{transform:scale(1.02)}
.mini img{width:110px;height:70px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.mini .mb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.mini b{font-size:12.5px;color:var(--navy);line-height:1.3}
.mini small{font-size:11.5px;color:var(--muted)}
.mini .chip{align-self:flex-start;padding:2px 8px;border-radius:4px;background:var(--blue-soft);color:var(--blue-2);font-size:10.5px;font-weight:600;margin-top:2px;letter-spacing:-.025em}
.mini>svg{width:14px;height:14px;color:#3A4560;flex:0 0 auto}
.mini .tag-new,.mini .tag-match{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:-.025em}
.mini .tag-new{background:#FF6B57;color:#fff}
.mini .tag-match{background:#EAF1FF;color:#0A4BD6;top:-9px}
.cta-band{position:relative;margin-top:36px;color:#fff;background:var(--blue);overflow:hidden}
.cta-band img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.cta-band .wrap{position:relative;padding-block:28px 30px}
.cta-band h2{color:#fff;font-size:13px;font-weight:600;letter-spacing:-.025em}
.cta-band p{margin-top:6px;font-size:13px;color:rgba(255,255,255,.92)}
.cta-band .uh-btns{margin-top:16px}
.cta-band .btn-w{height:40px;padding:0 20px;border-radius:4px;background:#fff;color:var(--navy);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.cta-band .btn-w svg{width:15px;height:15px}
.cta-band .btn-wl{height:40px;padding:0 20px;border-radius:4px;border:1.5px solid #fff;color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center}
.cta-band + footer{margin-top:0}
@media (max-width:1000px){
  .uh-in,.ulayout{grid-template-columns:minmax(0,1fr)}
  .uside{position:static}
  .uh-collage{min-height:240px}
  .infobar,.hsteps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .info+.info,.hstep+.hstep{border-left:0;padding-left:0}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .minis,.campus{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-band img{width:100%;opacity:.25;-webkit-mask-image:none;mask-image:none}
}
@media (max-width:600px){
  .infobar,.hsteps,.pgrid,.minis,.campus{grid-template-columns:minmax(0,1fr)}
}
.more-hidden{display:none!important}

/* Block headings use the card-title style everywhere */
.page h2,.usec h2,.about h2,.discovery h2,.block>h2,.list-sec h2,.faq-page h2,.sec-head h2{font-size:13px!important;font-weight:600!important;line-height:1.3;letter-spacing:-.025em!important;color:var(--navy)}
.page h2,.block>h2,.faq-page>h2{margin-bottom:12px}

/* ---------- Unified type scale for labels everywhere ----------
   Block headings = the size of the "View details" link; everything inside cards one step smaller. */
.sec-head h2,.page h2,.usec h2,.about h2,.discovery h2,.block>h2,.list-sec h2,.faq-page h2{font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.025em!important;color:var(--navy)!important}
.sec-head .link,.usec .sec-head .link{font-size:13px!important}
.pbody h3,.pc h3,.uni-row h3,.city h3,.why-c h3,.svc h3,.step b,.news h4,.card h4,.uni-top h4,.job h4,.mini b,.rv-slide figcaption b,.d-card span,.country p{font-size:12px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.025em}
.pbody .uni,.mini small,.pbody .meta,.card .meta,.news time,.why-c p,.city p,.rv-slide figcaption small{font-size:11.5px!important}
.pcard .link,.card .link,.pc .btn-out,.v-btn,.pbody .link{font-size:12px!important}
.badge{font-size:10.5px!important}
.panel h3,.kv .panel h3{font-size:12.5px!important;font-weight:600!important;letter-spacing:-.025em}

/* Apply buttons look like the Search button: same colour and text size, bold text */
.btn-p,.btn-y,.btn-solid{background:var(--blue)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;border-radius:10px!important;height:40px!important;padding:0 20px!important;border:0!important}
.btn-p:hover,.btn-y:hover,.btn-solid:hover{background:var(--blue-2)!important}
.btn-y svg{width:14px;height:14px}
body.theme .cta-box .btn-y{background:#fff!important;color:var(--t1d)!important}

/* Header search panel */
header{position:relative}
.hsearch{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 16px 30px rgba(11,31,75,.16);border-top:1px solid #EEF2F8;z-index:45;padding-block:14px 16px}
.hs-in{display:flex;align-items:center;gap:10px}
.hs-in>svg{width:20px;height:20px;color:var(--muted);flex:0 0 auto}
.hs-in input{flex:1 1 auto;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:13px;color:var(--navy)}
.hs-in input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.hs-in button[type=submit]{height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:600;font-size:12px;cursor:pointer}
.hs-close{width:40px;height:40px;border:0;background:none;font-size:13px;line-height:1;color:var(--muted);cursor:pointer;border-radius:8px}
.hs-close:hover{background:#F2F4F8}
.hs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hs-res{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.hs-res a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:8px 10px;border-radius:8px}
.hs-res a:hover,.hs-res a:focus{background:var(--blue-soft)}
.hs-k{grid-row:1/3;align-self:center;padding:3px 8px;border-radius:6px;background:#F2F4F8;font-size:10.5px;font-weight:600;color:#3A4560;letter-spacing:-.025em}
.hs-res b{font-size:12px;color:var(--navy)}
.hs-res small{font-size:11.5px;color:var(--muted)}
/* Search suggestions: level · program · school · price · country, then a "View" button on the right (owner, 2026-11-04). */
.hs-res a{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center}
.hs-res a>b,.hs-res a>small{grid-column:2}
.hs-go{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 10px 0 12px;border-radius:999px;background:var(--blue-soft,#EAF1FF);color:var(--blue);font-size:12px;font-weight:600;white-space:nowrap}
.hs-go svg{width:14px;height:14px}
.hs-res a:hover .hs-go,.hs-res a:focus .hs-go{background:var(--blue);color:#fff}
.hs-res .hs-note{grid-column:1/-1;padding:2px 10px 4px;font-size:12px;font-weight:600;color:var(--blue);letter-spacing:-.025em}
@media (max-width:380px){.hs-res a{column-gap:7px!important;padding:8px 2px!important}.hs-k{padding:3px 6px;font-size:10px}.hs-go{height:28px;padding:0 6px 0 9px;font-size:11px}.hs-go svg{width:12px;height:12px}.hs-res small{font-size:11px}}
.hs-none{font-size:12.5px;color:var(--muted);padding:8px 10px}
@media (max-width:700px){.hs-res{grid-template-columns:minmax(0,1fr)}}

/* Degree levels on university cards in black */
.pbody .levels{color:#000}

/* Apply buttons: same text size and weight as Login */
.btn-p,.btn-y,.btn-solid{font-size:12px!important;font-weight:600!important}

/* Georgia guide on the Georgia country page */
.country-guide{padding-top:20px}
.country-guide .cg-title{margin-bottom:4px}

/* Gentle 0.5s fade-in on every page load */
@keyframes pageIn{from{opacity:0}to{opacity:1}}
body{animation:pageIn 1s ease-out both}

/* CTA boxes: the heading always stays white on the blue band (a generic .page h2 colour could hide it) */
.cta-box h2{color:#fff!important}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}

/* Country "Discover" pages */
.dg-hero .eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.dg-hero h1{font-size:clamp(28px,3.6vw,40px)}
.flagtiles span{background:var(--t1);opacity:.9}
.flagtiles span:last-child{background:var(--t2)}
.dg-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center}
.dg-intro p{font-size:13px;line-height:1.65;color:#46516A;margin-top:10px}
.dg-intro>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.soon-note{font-weight:600;color:var(--navy)!important;letter-spacing:-.025em}
.dg-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.ccard{background:#fff;border:1px solid #E8ECF3;border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.ccard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ccard>div{padding:12px 14px 14px}
.ccard h3{font-size:12px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.ccard .csub{font-size:11.5px;font-weight:600;color:var(--blue);margin-top:2px;letter-spacing:-.025em}
.ccard p{font-size:12px;color:#46516A;line-height:1.5;margin-top:6px}
.noimg .ccard{border-top:4px solid var(--t1)}
.dg-life{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-top:14px}
.dg-life>img{width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:4px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.dg-life-list{display:flex;flex-direction:column;gap:12px}
.pl-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #E8ECF3;border-radius:4px;padding:14px 16px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.pl-card>svg{width:26px;height:26px;color:var(--blue);flex:0 0 auto}
.pl-card h3{font-size:12px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.pl-card p{font-size:11.5px;color:#46516A;line-height:1.5;margin-top:4px}
.dg-banner{position:relative;margin-top:30px;min-height:150px;color:#fff;overflow:hidden;display:flex;align-items:center}
.dg-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dg-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,60,.65),rgba(10,30,60,.1))}
.dg-banner .wrap{position:relative;z-index:1;width:100%;padding-block:30px}
.dg-banner h2{color:#fff;font-size:13px;font-weight:600;letter-spacing:-.025em}
.dg-banner p{font-size:13px;margin-top:4px}
.dg-hosp figcaption b{display:block;font-size:12px;color:var(--navy)}
.dg-hosp figcaption span{display:block;font-size:11.5px;color:#46516A;line-height:1.5;margin-top:3px}
.dg-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.dg-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.sources{margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.6}
.sources a{color:var(--blue)}
@media (max-width:1000px){.dg-intro,.dg-life{grid-template-columns:minmax(0,1fr)}.dg-cities,.dg-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.dg-cities,.dg-plan,.dg-facts{grid-template-columns:minmax(0,1fr)}}

/* News cards: dark label on top, regular-weight article title below */
.news-grid .card .art-k{color:var(--navy)!important}
.news-grid .card h4{font-weight:400!important;color:var(--ink)!important}

/* Country pages: image corners rounded 2px more */
.dg-hero .uh-collage img{border-radius:2px}
.dg-intro>img,.dg-life>img,.dg-hosp img,.ccard,.pl-card{border-radius:6px}

/* Country pages: no shadows, thin light borders as in the mockup */
body:has(.dg-hero) .dg-pics img,body:has(.dg-hero) .btn-solid,body:has(.dg-hero) .cta-band *{box-shadow:none!important}
body:has(.dg-hero) .ccard,body:has(.dg-hero) .pl-card{border:1px solid #E6E9EF!important}

/* ===== Country "Discover" pages – matched to the client mockup ===== */
body:has(.dg-hero) .usec h2{font-size:13px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.15!important;margin-bottom:0}
body:has(.dg-hero) .usec{padding-block:44px 0}
.dg-hero{position:relative;height:clamp(300px,28vw,370px);overflow:hidden;background:#fff}
.dg-pics{position:absolute;inset:0}
.dg-pics img{position:absolute;object-fit:cover;box-shadow:none!important}
.dg-pics img:nth-child(1){left:23.5%;width:49.6%;top:0;height:100%}
.dg-pics img:nth-child(2){right:0;width:26.4%;top:0;height:calc(46% - 2px)}
.dg-pics img:nth-child(3){right:0;width:26.4%;bottom:0;height:calc(54% - 2px)}
.dg-pics::after{content:"";position:absolute;inset:0 26.4% 0 0;background:linear-gradient(90deg,#fff 0%,#fff 23.5%,rgba(255,255,255,.92) 32%,rgba(255,255,255,.55) 42%,rgba(255,255,255,0) 54%);pointer-events:none}
.dg-hero[data-plain] .dg-pics span{position:absolute;right:0;width:26.4%;background:var(--t1)}
.dg-hero[data-plain] .dg-pics span:nth-of-type(1){top:0;height:calc(46% - 2px)}
.dg-hero[data-plain] .dg-pics span:nth-of-type(2){bottom:0;height:calc(54% - 2px);background:var(--t2)}
.dg-copy{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center}
.dg-copy>*{max-width:470px}
.dg-copy .eyebrow{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.dg-copy h1{font-size:clamp(34px,3.7vw,48px);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:#16213A}
.dg-copy .lead{margin-top:14px;font-size:13px;line-height:1.55;color:#46516A}
.dg-copy .uh-btns{margin-top:22px}
body:has(.dg-hero) .btn-solid{height:46px!important;padding:0 26px!important;border-radius:4px!important;font-size:13px!important;animation:none}
body:has(.dg-hero) .infobar{margin-top:14px;border-radius:6px;background:#F5F6F8;padding:20px 12px}
body:has(.dg-hero) .info small{font-size:13px}
body:has(.dg-hero) .info b{font-size:13px;font-weight:600;color:#16213A;letter-spacing:-.025em}
body:has(.dg-hero) .info svg{width:30px;height:30px;color:var(--blue)}
body:has(.dg-hero) .dg-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:40px}
body:has(.dg-hero) .dg-intro p{font-size:13px;line-height:1.6;color:#46516A;margin-top:14px}
body:has(.dg-hero) .dg-intro>img{aspect-ratio:2/1}
body:has(.dg-hero) .dg-cities{gap:22px;margin-top:20px}
body:has(.dg-hero) .ccard{border:1px solid #E6E9EF}
body:has(.dg-hero) .ccard img{aspect-ratio:1.85/1}
body:has(.dg-hero) .ccard>div{padding:14px 16px 18px}
body:has(.dg-hero) .ccard h3{font-size:13px!important;font-weight:600!important;color:#16213A;letter-spacing:-.025em}
body:has(.dg-hero) .ccard .csub{font-size:13px;font-weight:600;color:var(--blue);margin-top:4px;letter-spacing:-.025em}
body:has(.dg-hero) .ccard p{font-size:13px;line-height:1.5;color:#55607A;margin-top:8px}
body:has(.dg-hero) .dg-life{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:20px}
body:has(.dg-hero) .dg-life>img{min-height:370px}
body:has(.dg-hero) .dg-life-list{gap:14px}
body:has(.dg-hero) .pl-card{padding:16px 18px;border:1px solid #E6E9EF;align-items:flex-start}
body:has(.dg-hero) .pl-card>svg{width:34px;height:34px;color:var(--blue)}
body:has(.dg-hero) .pl-card h3{font-size:13px!important;font-weight:600!important;color:#16213A;letter-spacing:-.025em}
body:has(.dg-hero) .pl-card p{font-size:13px;line-height:1.5;color:#55607A;margin-top:6px}
body:has(.dg-hero) .dg-banner{margin-top:26px;min-height:175px}
body:has(.dg-hero) .dg-banner::after{background:linear-gradient(90deg,rgba(14,44,82,.72) 0%,rgba(14,44,82,.35) 45%,rgba(14,44,82,0) 75%)}
body:has(.dg-hero) .dg-banner h2{font-size:13px!important;font-weight:600!important;color:#fff!important;letter-spacing:-.025em}
body:has(.dg-hero) .dg-banner p{font-size:13px;margin-top:6px;color:#fff}
body:has(.dg-hero) .dg-hosp{gap:18px;margin-top:20px}
body:has(.dg-hero) .dg-hosp img{aspect-ratio:2.3/1;border-radius:6px}
body:has(.dg-hero) .dg-hosp figcaption{padding:10px 8px 0}
body:has(.dg-hero) .dg-hosp figcaption b{font-size:13px!important;font-weight:600;color:#16213A;letter-spacing:-.025em}
body:has(.dg-hero) .dg-hosp figcaption span{font-size:13px;color:#55607A;margin-top:4px}
body:has(.dg-hero) .dg-plan{gap:18px;margin-top:20px}
body:has(.dg-hero) .dg-plan .pl-card{align-items:center}
.dg-cta{margin-top:22px;background:#B5121B}
body.theme .dg-cta{background:var(--t1d)}
.dg-cta img{width:55%}
.dg-cta .wrap{padding-block:34px 36px}
.dg-cta h2{font-size:13px!important;letter-spacing:-.025em}
.dg-cta p{font-size:13px}
.dg-cta .btn-w,.dg-cta .btn-wl{height:48px;padding:0 26px;font-size:13px;border-radius:4px}
@media (max-width:900px){
  .dg-hero{height:auto}
  .dg-pics{position:relative;height:260px}
  .dg-pics img:nth-child(1){left:0;width:65%}
  .dg-pics img:nth-child(2),.dg-pics img:nth-child(3),.dg-hero[data-plain] .dg-pics span{width:34.5%}
  .dg-pics::after{display:none}
  .dg-copy{padding-block:22px 4px}
  body:has(.dg-hero) .dg-intro,body:has(.dg-hero) .dg-life{grid-template-columns:minmax(0,1fr)}
}

/* Saved (heart) state: filled in red with a small pop */
.pfav[aria-pressed=true]{background:#FFF0F3}
.pfav[aria-pressed=true] svg path{fill:#E11D48;stroke:#E11D48}
.pfav[aria-pressed=true] svg{animation:heartPop .35s ease}
@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}


/* Country hero: keep the lead text on a clean white fade */
.dg-pics::after{background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.5) 47%,rgba(255,255,255,0) 58%)!important}

/* Login */
.login-wrap{display:grid;place-items:center;padding-block:56px 40px}
.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 28px;text-align:center;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.login-card h1{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.login-card p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55}
.g-btn{margin-top:22px;width:100%;height:46px;border:1px solid #DADCE0;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;color:#3C4043;cursor:pointer}
.g-btn:hover{background:#F8F9FA;border-color:#C6C9CE}
.g-btn svg{width:20px;height:20px}
.login-msg{margin-top:14px;font-size:12.5px;color:var(--muted);min-height:18px}
.login-user{margin-top:18px;font-size:13px;color:var(--navy)}
.login-user button{margin-top:12px;height:38px;padding:0 18px;border-radius:6px;border:1.5px solid var(--navy);background:#fff;font-weight:600;cursor:pointer}

/* Country hero: wider white fade so the lead never runs over the photo */
.dg-pics::after{background:linear-gradient(90deg,#fff 0%,#fff 36%,rgba(255,255,255,.88) 43%,rgba(255,255,255,.45) 52%,rgba(255,255,255,0) 62%)!important}
.dg-copy .lead{max-width:430px}

/* Homepage hero: each of the four feature labels in its own colour, shadow kept */
.feats .feat:nth-child(1),.feats .feat:nth-child(1) svg{color:#FFD447}
.feats .feat:nth-child(2),.feats .feat:nth-child(2) svg{color:#7FD8FF}
.feats .feat:nth-child(3),.feats .feat:nth-child(3) svg{color:#7CF2B4}
.feats .feat:nth-child(4),.feats .feat:nth-child(4) svg{color:#FFB3A1}

/* Smooth hover zoom in and out on cards */
.pcard,.d-card,.news-grid .card,.why-c,.mini,.pc{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}
.pcard:hover,.d-card:hover,.news-grid .card:hover,.why-c:hover{transform:scale(1.025)}
.pimg img,.news-grid .card>img{transition:transform .7s cubic-bezier(.22,.61,.36,1)!important}
.pcard:hover .pimg img,.news-grid .card:hover>img{transform:scale(1.05)}
.news-grid .card{overflow:hidden}

/* Homepage hero feature labels: dark colours with a white glow */
.feats .feat{text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px rgba(255,255,255,.9)!important}
.feats .feat svg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff)!important}
.feats .feat:nth-child(1),.feats .feat:nth-child(1) svg{color:#C26A00!important}
.feats .feat:nth-child(2),.feats .feat:nth-child(2) svg{color:#0A47C9!important}
.feats .feat:nth-child(3),.feats .feat:nth-child(3) svg{color:#C8102E!important}
.feats .feat:nth-child(4),.feats .feat:nth-child(4) svg{color:#6B21A8!important}

/* Responsive images keep their aspect ratio */
body:has(.dg-hero) .ccard img,body:has(.dg-hero) .dg-intro>img,body:has(.dg-hero) .dg-hosp img{height:auto}



/* Country pages: program lists after the CTA band */
body:has(.dg-hero) .dg-cta + .discovery{padding-top:10px}
body:has(.dg-hero) .discovery .sec-head h2{font-size:13px!important;font-weight:600!important;letter-spacing:-.025em!important}

/* ===== One corner radius everywhere: every card and every content image = 12px ===== */
.pcard,.card,.d-card,.why-c,.mini,.pc,.ccard,.pl-card,.panel,.fact,.city,.step,.svc,.rv-card,.faq details,.faq-page details,.tbl-wrap,
.login-card,.plan,.infobar,.hsteps,.cta-box,.cta,.soon .panel,.news-grid .card,.services,
.gallery img,.campus img,.guide figure img,.dg-intro>img,.dg-life>img,.dg-hosp img,.city img,.d-card img,.mini img,.rv-card img{border-radius:12px!important}
.pcard .pimg,.ccard img,.news-grid .card>img,.card>img,.pc img{border-radius:12px 12px 0 0!important}
.d-card img{border-radius:9px!important}
.mini img{border-radius:8px!important}

/* ===== One shadow everywhere: the program / university card shadow ===== */
.pcard,.card,.d-card,.why-c,.mini,.pc,.ccard,.pl-card,.panel,.fact,.city,.rv-card,.faq details,.faq-page details,.tbl-wrap,
.login-card,.infobar,.cta-box,.news-grid .card,.search,.filters,
.gallery img,.campus img,.guide figure img,.dg-intro>img,.dg-life>img,.dg-hosp img,
/* every banner / header collage on every portal (owner, 2026-11-03: "Minden banner árnyékolt – minden! úgy mint a program kártyák") */
.hx-col,.gx-col,.uh-collage,.dv-banner,html:not(.ge-site) .hx-col,html:not(.ge-site) .gx-col{box-shadow:0 0 18px rgba(15,23,42,.10),0 14px 35px rgba(15,23,42,.10),0 4px 9px rgba(15,23,42,.06)!important} /* banners: one shadow all around, the same on every portal (owner, 2026-11-03) */
.pcard:hover,.d-card:hover,.news-grid .card:hover,.why-c:hover,.mini:hover{box-shadow:0 24px 60px rgba(15,23,42,.13),0 6px 16px rgba(15,23,42,.06)!important}

/* ===== Country pages v2 (client design) ===== */
body:has(.dv-hero) .flag-bar{display:none}
.dv-hero{position:relative;min-height:clamp(420px,38vw,520px);overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 30%,#F6F7FA 100%)}
.dv-hero-img{position:absolute;top:0;bottom:0;left:31%;right:0}
.dv-hero-img img{width:100%;height:100%;object-fit:cover;box-shadow:none!important}
.dv-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.85) 8%,rgba(255,255,255,0) 30%)}
.dv-flag img{filter:saturate(.9)}
.dv-cards{position:absolute;right:max(16px,calc((100% - 1217px)/2 + 16px));top:26px;width:26%;max-width:330px;height:calc(100% - 70px)}
.dv-tilt{position:absolute;margin:0;border:5px solid #fff;border-radius:14px;overflow:visible;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.dv-tilt img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px;box-shadow:none!important}
.dv-tilt.t1{right:0;top:0;width:72%;height:44%;transform:rotate(3deg)}
.dv-tilt.t2{right:6%;bottom:0;width:92%;height:50%;transform:rotate(-2deg)}
.dv-badge{position:absolute;left:-46px;top:-14px;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#16213A;white-space:nowrap}
.dv-badge svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--blue);color:#fff}
.dv-copy{position:relative;z-index:2;padding-block:34px 70px}
.dv-copy>*{max-width:430px}
.dv-eyebrow{display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.dv-eyebrow i{width:30px;height:2px;background:var(--blue);display:inline-block}
.dv-copy h1{margin-top:10px;font-size:clamp(44px,5.3vw,68px);font-weight:800;line-height:.98;letter-spacing:-.035em;color:#0B1F4B}
.dv-copy h1 em{font-style:normal;color:var(--blue)}
.dv-lead{margin-top:16px;font-size:13px;line-height:1.5;color:#3A4560}
.dv-copy .uh-btns{margin-top:22px;gap:14px}
body:has(.dv-hero) .btn-solid{height:46px!important;padding:0 24px!important;border-radius:6px!important;font-size:13px!important;animation:none}
.btn-line.red{height:46px;padding:0 24px;border-radius:6px;border:1.5px solid var(--blue);color:var(--blue);font-weight:600;font-size:13px;background:#fff}
.btn-line.red:hover{background:var(--blue-soft)}
.dv-info{position:relative;z-index:3;margin-top:-46px;background:#fff!important;padding:22px 16px!important}
body:has(.dv-hero) .info small{font-size:12.5px}
body:has(.dv-hero) .info b{font-size:13px;font-weight:600;color:#16213A;letter-spacing:-.025em}
body:has(.dv-hero) .info svg{width:30px;height:30px;color:var(--blue)}
.dv-sec{padding-top:46px}
.dv-h{position:relative;padding-top:14px;font-size:13px!important;font-weight:600!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#0B1F4B!important;margin-bottom:22px}
.dv-h::before{content:"";position:absolute;left:0;top:0;width:30px;height:3px;background:var(--blue)}
.dv-h em{font-style:normal;color:var(--blue)}
.dv-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);gap:34px;align-items:center}
.dv-intro .dv-h span{display:block}
.dv-intro p{font-size:13px;line-height:1.6;color:#46516A;margin-top:12px}
.dv-photo{position:relative;margin:0}
.dv-photo img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.dv-pin{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.dv-pin svg{width:20px;height:20px;color:var(--blue)}
.dv-pin b{display:block;font-size:12.5px;color:#16213A}
.dv-pin small{display:block;font-size:11px;color:var(--muted)}
.dv-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dv-way{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.dv-way:hover{transform:scale(1.02)}
.dv-way-img{position:relative}
.dv-way-img img{width:100%;height:auto;aspect-ratio:2.1/1;object-fit:cover;display:block;border-radius:12px 12px 0 0!important;box-shadow:none!important}
.dv-tag{position:absolute;left:14px;bottom:12px;padding:5px 12px;border-radius:999px;background:#fff;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#16213A}
.dv-tag.static{position:static;display:inline-block;margin-bottom:8px;background:var(--blue-soft);color:var(--blue-2)}
.dv-way-b{display:flex;align-items:center;gap:14px;padding:16px 18px 18px}
.dv-way-b h3{font-size:13px;font-weight:600;color:#16213A;letter-spacing:-.025em}
.dv-way-b p{font-size:13px;line-height:1.5;color:#55607A;margin-top:6px}
.dv-way.noimg .dv-way-b{border-top:4px solid var(--blue)}
.dv-go{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--blue-soft);background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.dv-go svg{width:16px;height:16px}
.dv-go:hover{background:var(--blue);color:#fff}
.dv-home{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:end}
.dv-big img{aspect-ratio:1.95/1}
.dv-script{position:absolute;left:24px;bottom:26px;display:flex;flex-direction:column;font-family:'Caveat',cursive;font-size:13px;font-weight:600;line-height:1.05;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);transform:rotate(-8deg);transform-origin:left bottom;letter-spacing:-.025em}
.dv-script span:last-child{position:relative;padding-bottom:6px}
.dv-script span:last-child::after{content:"";position:absolute;left:0;right:30%;bottom:0;height:3px;border-radius:3px;background:var(--blue)}
.dv-feats{display:flex;flex-direction:column;gap:14px}
.dv-feat{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.dv-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}
.dv-ic svg{width:22px;height:22px}
.dv-feat h3{font-size:13px;font-weight:600;color:#16213A;letter-spacing:-.025em}
.dv-feat p{font-size:12.5px;line-height:1.5;color:#55607A;margin-top:5px}
.dv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dv-banner{position:relative;margin-top:46px;min-height:clamp(170px,15vw,200px);color:#fff;overflow:hidden;display:flex;align-items:center}
.dv-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;box-shadow:none!important;border-radius:0!important}
.dv-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,38,72,.78) 0%,rgba(12,38,72,.45) 45%,rgba(12,38,72,0) 75%)}
.dv-banner .wrap{position:relative;z-index:1;width:100%;padding-block:28px}
.dv-banner h2{font-size:13px!important;font-weight:600!important;color:#fff!important;letter-spacing:-.025em}
.dv-banner p{font-size:13px;margin-top:4px}
.dv-line{display:block;width:34px;height:3px;background:var(--blue);margin:14px 0}
.dv-banner ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 30px;font-size:13px;font-weight:600;letter-spacing:-.025em}
.dv-banner li{display:flex;align-items:center;gap:10px}
.dv-banner li svg{width:22px;height:22px}
.dv-tastes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dv-taste{position:relative;margin:0;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.dv-taste:hover{transform:scale(1.02)}
.dv-taste img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
.dv-taste figcaption{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:#16213A;box-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.025em}
.dv-taste figcaption svg{width:16px;height:16px;color:var(--blue)}
.dv-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dv-moves .dv-feat{align-items:center}
.dv-cta{position:relative;overflow:hidden;border-radius:12px;background:var(--blue);color:#fff;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.dv-cta img{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;box-shadow:none!important;border-radius:0!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.dv-cta-in{position:relative;padding:30px 34px 32px}
.dv-cta h2{font-size:13px!important;font-weight:600!important;color:#fff!important;letter-spacing:-.025em}
.dv-cta p{font-size:13px;margin-top:6px;color:rgba(255,255,255,.92)}
.dv-cta .uh-btns{margin-top:18px}
.dv-cta .btn-w{height:46px;padding:0 24px;border-radius:6px;background:#fff;color:#16213A;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.dv-cta .btn-w svg{width:15px;height:15px}
.dv-cta .btn-wl{height:46px;padding:0 24px;border-radius:6px;border:1.5px solid #fff;color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center}
body:has(.dv-hero) .discovery{padding-top:20px}
@media (max-width:1000px){
  .dv-hero{min-height:0}
  .dv-hero-img{position:relative;left:0;height:280px}
  .dv-hero-img::after{display:none}
  .dv-cards{display:none}
  .dv-copy{padding-block:24px 60px}
  .dv-intro,.dv-home{grid-template-columns:minmax(0,1fr)}
  .dv-ways,.dv-tastes,.dv-moves{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){.dv-ways,.dv-tastes,.dv-moves,.dv-facts{grid-template-columns:minmax(0,1fr)}.dv-info{margin-top:-30px}}

/* Card spacing: room for the soft card shadow, similar on desktop and mobile */
.grid4,.cards3,.why,.news-grid,.pgrid,.qgrid,.dv-ways,.dv-tastes,.dv-moves,.dv-facts,.facts{gap:36px 28px!important}
.dv-feats{gap:24px!important}
.rv-track{gap:28px!important}
.d-track{gap:16px!important}
@media (max-width:560px){
  .grid4,.cards3,.why,.news-grid,.pgrid,.qgrid,.dv-ways,.dv-tastes,.dv-moves,.dv-facts,.facts{gap:36px 20px!important}
  .rv-track{gap:20px!important}
}
.rv-track{grid-auto-columns:calc((100% - 56px)/3)}
.d-card{flex-basis:calc((100% - 112px)/8)}
@media (max-width:900px){.rv-track{grid-auto-columns:calc((100% - 28px)/2)}}
@media (max-width:560px){.rv-track{grid-auto-columns:88%}}
.faq{gap:18px!important}
.faq-wide .faq{gap:18px 28px!important}
.faq-page details+details{margin-top:18px}
/* Georgia page: every image and card after the banner has the card radius and the card shadow */
.dv-taste img,.dv-photo img,.dv-way,.dv-feat,.dv-moves>*{border-radius:12px!important;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)!important}
.dv-cta{border-radius:12px!important}

/* One CTA design everywhere (homepage strip); on country-themed pages it takes the flag colours */
.cta.cta-u{margin-top:36px}
body.theme .cta{background:linear-gradient(90deg,color-mix(in srgb,var(--t1d) 62%,#000) 0%,var(--t1d) 55%,color-mix(in srgb,var(--t1d) 62%,#000) 100%)}
body.theme .cta .btn-y{background:var(--t1)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
body.theme .cta .btn-y:hover{background:var(--t1d)!important}
.cta{box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.dv-sec .cta{margin-top:0}
.block{border-top:0!important}
.cta-ic{flex:0 0 auto;width:84px;height:84px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff}
.cta-ic svg{width:54px;height:54px}
.cta.cta-u{margin-bottom:40px}
.dv-sec .cta.cta-u{margin-bottom:0}
@media (max-width:560px){.cta-ic{width:64px;height:64px}.cta-ic svg{width:42px;height:42px}}

/* Card labels: as tall as the heart button, card-like rounding; heart 10% smaller */
.pfav{top:12px!important;right:12px!important;width:34px!important;height:34px!important}
.pfav svg{width:16px!important;height:16px!important}
.badges{top:12px!important;left:12px!important;right:54px!important;gap:6px!important}
.badge{display:inline-flex!important;align-items:center;height:34px;padding:0 12px!important;border-radius:12px!important;line-height:1!important}

/* Light background areas 5% lighter */
.band-alt{background:#F7F9FC!important;box-shadow:0 0 0 100vmax #F7F9FC!important}
.infobar,.hsteps,.adv{background:#FAFBFD!important}
.plan{background:#F8FAFC!important}
.uh{background:linear-gradient(90deg,#fff 0%,#fff 42%,#F8FAFC 100%)!important}
.how-band{background:color-mix(in srgb,var(--blue-soft) 70%,#fff)!important}

/* Card labels: no outline, random soft colours (red, purple, blue, yellow, orange, green) */
.badge{border:0!important}
.badge.bc-0{background:rgba(253,226,228,.9)!important;color:#9B1C2C!important}
.badge.bc-1{background:rgba(237,227,251,.9)!important;color:#5B2A9C!important}
.badge.bc-2{background:rgba(225,234,255,.9)!important;color:#0D2763!important}
.badge.bc-3{background:rgba(255,243,201,.9)!important;color:#5A4300!important}
.badge.bc-4{background:rgba(255,232,212,.9)!important;color:#8A3B00!important}
.badge.bc-5{background:rgba(223,243,229,.9)!important;color:#14552B!important}
.badge.b-new{background:rgba(10,75,214,.9)!important}

/* Everything slides in smoothly (1s), on every device */
@keyframes slideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
main{animation:slideIn 1s cubic-bezier(.22,.61,.36,1) both}
.fade-in{animation:slideIn 1s cubic-bezier(.22,.61,.36,1) both!important}
html{scroll-behavior:smooth}

/* Header and the mobile bottom bar also glide in on load */
@keyframes barDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes barUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
header{animation:barDown 1s cubic-bezier(.22,.61,.36,1) both}
.bnav{animation:barUp 1s cubic-bezier(.22,.61,.36,1) both}
/* The reveal transition must win over the cards' own hover transitions while it runs */
.reveal{opacity:0!important;transform:translateY(26px)!important;transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)!important}
.reveal.in{opacity:1!important;transform:none!important}
img.fz{opacity:0;transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform .5s ease!important}
img.fz.fz-on{opacity:1}
/* "Study and Work Abroad": a soft white glow lifts it off the background (not a full outline) */
.hero h1.sub .hw{text-shadow:0 1px 2px rgba(255,255,255,.75),0 0 12px rgba(255,255,255,.6),0 0 22px rgba(255,255,255,.35)!important}
/* Cloud-like, more blurred white glow on both headline lines */
.hero h1.sub .hw,.hero h1.sub .wp i{text-shadow:0 0 6px rgba(255,255,255,.55),0 0 18px rgba(255,255,255,.5),0 0 34px rgba(255,255,255,.42),0 0 52px rgba(255,255,255,.3)!important}
/* Glow: 10% whiter, half the blur */
.hero h1.sub .hw,.hero h1.sub .wp i{text-shadow:0 0 3px rgba(255,255,255,.65),0 0 9px rgba(255,255,255,.6),0 0 17px rgba(255,255,255,.52),0 0 26px rgba(255,255,255,.4)!important}
/* Glow: 20% whiter again */
.hero h1.sub .hw,.hero h1.sub .wp i{text-shadow:0 0 3px rgba(255,255,255,.85),0 0 9px rgba(255,255,255,.8),0 0 17px rgba(255,255,255,.72),0 0 26px rgba(255,255,255,.6)!important}

/* Search sheet that pops up from the bottom bar on inner pages */
.sheet{position:fixed;inset:0;z-index:60}
.sh-back{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .35s ease}
.sh-box{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:10px;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);box-shadow:0 -10px 30px rgba(15,23,42,.18)}
.sheet.open .sh-back{opacity:1}.sheet.open .sh-box{transform:none}
.sh-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 4px}
.sh-head b{font-size:13px;color:var(--navy)}
.sh-x{border:0;background:#F2F4F8;width:34px;height:34px;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;color:var(--navy)}
.sh-f{display:grid;gap:3px;border:1px solid #E3E8F2;border-radius:12px;padding:8px 12px}
.sh-f small{font-size:11px;color:#6B7690}
.sh-f select,.sh-f input{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--navy);padding:0;outline:none;width:100%;letter-spacing:-.025em}
.sh-go{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-weight:600;font-size:13px;cursor:pointer;margin-top:4px}
.sh-go svg{width:18px;height:18px}
@media (min-width:781px){.sh-box{left:50%;right:auto;bottom:auto;top:50%;width:min(480px,92vw);border-radius:16px;transform:translate(-50%,-40%);opacity:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s}.sheet.open .sh-box{transform:translate(-50%,-50%);opacity:1}}
/* Homepage: the search box flashes when the bottom Search button brings you to it */
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(10,75,214,.45)}100%{box-shadow:0 0 0 14px rgba(10,75,214,0)}}
#search.flash{animation:flash 1.2s ease-out 2}
/* FAQ: no blue tap highlight or focus line when a question is opened */
details,summary{-webkit-tap-highlight-color:transparent}
summary:focus,summary:focus-visible,details:focus,details:focus-visible{outline:none!important;box-shadow:none}
/* Mobile: slogan panel 80% white, no glow around the slogan */
@media (max-width:780px){
  .hero h1.sub,.hero .feats{background:rgba(255,255,255,.8)!important}
  .hero h1.sub .hw,.hero h1.sub .wp i{text-shadow:none!important}
}
/* Phone or tablet in "desktop site" mode (touch screen, ~980px wide): 3 cards per row instead of 2 */
@media (min-width:700px) and (max-width:1100px) and (pointer:coarse){
  .grid4,.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ---------- Shared by both sites (built on the Georgia site first) ---------- */
/* Smart header: sticky, hides while scrolling down, returns on scroll up (site.js) */
header#top{position:sticky!important;top:0;z-index:50;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,background-color .25s ease}
header#top.hdr-scrolled{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 6px 20px rgba(15,23,42,.08)}
/* the header keeps its height when scrolled: a height change moves the page and made the header flicker near the top */
header#top.hdr-ready,header#top.hdr-scrolled,header#top.hdr-hide{animation:none} /* entrance animation only once per page load, never again at the top */
header#top.hdr-hide{transform:translateY(-102%);box-shadow:none}
@media (prefers-reduced-motion:reduce){header#top{transition:none}}
/* "Post your apartment for rent" beside the Apartment tab, only while the Apartment search is open.
   Computer: fades in beside the tabs. Tablet and phone: the filter opens downwards by the button's row
   (like a slide phone) and the button fades in; it closes the same way. The hero photo does not change (site.js). */
.s-post{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px 0 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 3px 8px color-mix(in srgb,var(--blue) 22%,transparent);transition:background .15s ease,transform .15s ease;letter-spacing:-.025em}
.s-post svg{width:16px;height:16px}
.s-post:hover{background:var(--blue-2);transform:translateY(-1px)}
.s-post:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.s-post-row{display:none;align-self:center;margin:10px 0 0 6px}
.search[data-mode=apartments] .s-post-row[data-for=apartments],.search[data-mode=jobs] .s-post-row[data-for=jobs],.search[data-mode=insurance] .s-post-row[data-for=insurance],.search[data-mode=documents] .s-post-row[data-for=documents],.search[data-mode=visa] .s-post-row[data-for=visa]{display:block;animation:swPostIn .5s ease both}
@keyframes swPostIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:1060px){
  .s-tabs [role=tablist]{order:0}
  .s-tabs .s-soc,.s-tabs .adv{order:2}
  /* the closed row must take no space: no row gap; the rows below keep their spacing with margins instead */
  .s-tabs{row-gap:0}
}
@media (max-width:780px){
  .s-tabs .s-soc{margin-top:18px}
  .s-tabs .adv{margin-top:18px!important}
}
@media (max-width:600px){.s-post-row{order:1!important}}
@media (max-width:1060px){
  .s-post-row,.search[data-mode=apartments] .s-post-row[data-for=apartments],.search[data-mode=jobs] .s-post-row[data-for=jobs],.search[data-mode=insurance] .s-post-row[data-for=insurance],.search[data-mode=documents] .s-post-row[data-for=documents],.search[data-mode=visa] .s-post-row[data-for=visa]{
    order:3;flex:0 0 100%;display:grid;grid-template-rows:0fr;margin:0;animation:none;
    transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1) .12s}
  .s-post-in{min-height:0;overflow:hidden;display:flex;justify-content:center;
    opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .52s}
  .s-post{height:40px;padding:0 20px 0 16px;font-size:13px;margin:10px 0 12px}
  .search[data-mode=apartments] .s-post-row[data-for=apartments],.search[data-mode=jobs] .s-post-row[data-for=jobs],.search[data-mode=insurance] .s-post-row[data-for=insurance],.search[data-mode=documents] .s-post-row[data-for=documents],.search[data-mode=visa] .s-post-row[data-for=visa]{grid-template-rows:1fr;
    transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1)}
  .search[data-mode=apartments] .s-post-row[data-for=apartments] .s-post-in,.search[data-mode=jobs] .s-post-row[data-for=jobs] .s-post-in,.search[data-mode=insurance] .s-post-row[data-for=insurance] .s-post-in,.search[data-mode=documents] .s-post-row[data-for=documents] .s-post-in,.search[data-mode=visa] .s-post-row[data-for=visa] .s-post-in{opacity:1;visibility:visible;transition:opacity .35s ease .2s,visibility 0s}
}
@media (prefers-reduced-motion:reduce){.s-post-row,.s-post-in{animation:none!important;transition:none!important}}
/* Chat (bottom bar): the channels rise above the Chat button, one above the other */
.sw-chat-shade{position:fixed;inset:0;z-index:28;background:rgba(15,23,42,.18);opacity:0;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}
.sw-chat-shade.open{opacity:1}
.sw-chat{--s:.9;position:fixed;z-index:31;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.sw-chat.open{pointer-events:auto}
.sw-chat-i{display:flex;align-items:center;gap:10px;text-decoration:none;opacity:0;transform:translateY(14px) scale(.92);
  transition:opacity .22s ease calc(var(--i) * 45ms),transform .28s cubic-bezier(.2,.9,.3,1.25) calc(var(--i) * 45ms)}
.sw-chat.open .sw-chat-i{opacity:1;transform:none}
.sw-chat-t{padding:calc(7px * var(--s)) calc(12px * var(--s));border-radius:10px;background:#fff;color:#0F172A;font-size:calc(13px * var(--s) - 1px);font-weight:600;box-shadow:0 4px 14px rgba(15,23,42,.14);white-space:nowrap;letter-spacing:-.025em}
.sw-chat-c{display:grid;place-items:center;width:calc(52px * var(--s));height:calc(52px * var(--s));border-radius:50%;box-shadow:0 6px 16px rgba(15,23,42,.22);flex:0 0 auto}
.sw-chat-c svg{width:calc(26px * var(--s));height:calc(26px * var(--s))}
@media (max-width:1060px){.sw-chat{--s:.95}} /* tablet and phone: 5% smaller; the 10px gap stays */
.sw-chat-messenger .sw-chat-c{background:linear-gradient(200deg,#00C6FF,#0068FF 55%,#A033FF)}
.sw-chat-instagram .sw-chat-c{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.sw-chat-telegram .sw-chat-c{background:linear-gradient(135deg,#37AEE2,#1E96C8)}
.sw-chat-x .sw-chat-c{background:#000}
.sw-chat-i:hover .sw-chat-c,.sw-chat-i:focus-visible .sw-chat-c{transform:scale(1.06)}
.sw-chat-c{transition:transform .15s ease}
.sw-chat-i:focus-visible{outline:none}.sw-chat-i:focus-visible .sw-chat-t{outline:2px solid var(--blue);outline-offset:2px}
.bnav a.sw-chat-on{color:var(--blue)}
@media (prefers-reduced-motion:reduce){.sw-chat-i,.sw-chat-shade{transition:none}}
/* Filter: X and Instagram beside Telegram and Facebook, on every screen */
.soc .soc-x{background:#000}
.soc .soc-ig{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
/* phones: one row, the icons from the left and Advanced Search on the right */
@media (max-width:600px){
  .s-tabs .s-soc{gap:6px;margin-left:0!important;margin-right:8px!important}
  .s-tabs .adv{padding:0 14px;margin-left:auto!important;margin-right:0!important;flex:1 1 0;min-width:0;max-width:max-content;white-space:nowrap;overflow:hidden}
  .s-tabs .s-soc{flex:0 0 auto}
}
@media (max-width:380px){
  .s-tabs .s-soc a{width:28px;height:28px}
  .s-tabs .s-soc svg{width:15px;height:15px}
  .s-tabs .adv{padding:0 10px;gap:6px;font-size:11.5px}
}
@media (max-width:340px){
  .s-tabs .s-soc{gap:5px;margin-right:4px!important}
  .s-tabs .s-soc a{width:26px;height:26px}
  .s-tabs .adv{padding:0 8px;font-size:11px}
}
/* Portal: the Countries menu opens when the mouse is over it (and with the keyboard); a click does nothing there */
@media (min-width:1251px) and (hover:hover) and (pointer:fine){
  html:not(.ge-site) .nav .dd:hover>.dd-menu,html:not(.ge-site) .nav .dd:has(:focus-visible)>.dd-menu{display:flex!important}
  html:not(.ge-site) .nav .dd>.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  html:not(.ge-site) .nav .dd>button{cursor:default}
  html:not(.ge-site) .nav .dd>button svg{transition:transform .2s ease}
  html:not(.ge-site) .nav .dd:hover>button svg{transform:rotate(180deg)}
}
/* Advanced Search label: shortened with "…" rather than wrapping when a phone is very narrow */
.adv .adv-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Admissions dropdown in the main menu (both sites): same lettering as the menu items, opens on mouse over */
.ge-dd>button svg{width:12px;height:12px;transition:transform .2s ease}
.ge-dd>button.on{background:var(--blue-soft);color:var(--blue);font-weight:600}
.ge-dd.open>button svg{transform:rotate(180deg)}
.ge-dd-menu{display:flex;top:calc(100% + 8px);min-width:200px;padding:6px;gap:2px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility 0s .16s}
.ge-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px} /* keeps hover while moving to the menu */
.ge-dd.open .ge-dd-menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease}
/* computer: opens on mouse over (and keyboard focus), not on click */
@media (min-width:1251px){
  html:not(.ge-burger) .ge-dd:hover .ge-dd-menu,html:not(.ge-burger) .ge-dd:has(:focus-visible) .ge-dd-menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease}
  html:not(.ge-burger) .ge-dd:hover>button svg,html:not(.ge-burger) .ge-dd:has(:focus-visible)>button svg{transform:rotate(180deg)}
}
@media (min-width:1251px) and (hover:hover) and (pointer:fine){html:not(.ge-burger) .ge-dd>button{cursor:default}}
.nav .ge-dd-menu a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:500;color:#2A3550;white-space:nowrap}
.nav .ge-dd-menu a:hover{background:var(--blue-soft);color:var(--blue)}
.nav .ge-dd-menu a.on{background:var(--blue-soft);color:var(--blue);font-weight:600;letter-spacing:-.025em}
.ge-dd-i{display:inline-flex;color:var(--blue);flex:0 0 auto}
.ge-dd-i svg{width:16px;height:16px}
/* Mobile menu (and the menu button on narrow laptops): the Admissions links are listed under "Admissions" */
.nav.open{flex-wrap:nowrap} /* a tall open list (e.g. Visa) must scroll, never wrap into a second column */
.nav.open .ge-dd,.nav.open .dd{width:100%} /* portal Countries item: full-width divider like the other items */
.nav.open .ge-dd>button{cursor:default;pointer-events:none}
.nav.open .ge-dd>button svg{display:none}
.nav.open .ge-dd-menu{position:static;opacity:1;visibility:visible;transform:none;transition:none;min-width:0;width:100%;box-shadow:none;border:0;padding:0;background:none;gap:0}
.nav.open .ge-dd-menu::before{display:none}
.nav.open .ge-dd-menu a{font-size:13px;border-radius:0;border-bottom:1px solid #F0F3F8;padding:13px 6px}
.nav.open .ge-dd-menu a.on{border-left:0;padding-left:6px}
.nav.open .ge-dd>button.on{background:none;color:var(--blue)}
/* All Services dropdown (Georgia menu, 2026-11-02): the search card's six tabs in two columns + "View all services".
   Computer: a compact two-column panel. Mobile menu: a short two-column tile grid, so the menu stays short. */
.ge-sv-menu{flex-direction:column;min-width:0;width:320px;padding:8px;gap:6px;left:50%;transform:translate(-50%,-4px)}
.ge-dd.ge-sv.open .ge-sv-menu{transform:translate(-50%,0)}
@media (min-width:1251px){html:not(.ge-burger) .ge-sv:hover .ge-sv-menu,html:not(.ge-burger) .ge-sv:has(:focus-visible) .ge-sv-menu{transform:translate(-50%,0)}}
.nav.open .ge-dd.ge-sv .ge-sv-menu{left:auto;transform:none}
/* Mobile menu, both sites (2026-11-02, user's decision): Admissions and All Services look like the other menu items
   and open their list below with a tap (one at a time), so the menu stays short. */
.nav.open .ge-dd>button{cursor:pointer;pointer-events:auto;font-weight:500;gap:8px}
.nav.open .ge-dd>button.on{font-weight:600}
.nav.open .ge-dd>button svg{display:inline-block;width:13px;height:13px;flex:0 0 auto;transition:transform .2s ease}
.nav.open .ge-dd.open>button svg{transform:rotate(180deg)}
.nav.open .ge-dd>.ge-dd-menu{display:none}
.nav.open .ge-dd.open>.ge-dd-menu{display:flex;animation:geDdIn .18s ease}
.nav.open .ge-dd.open>button{border-bottom-color:transparent}
@keyframes geDdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ge-sv-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
/* Visa menu (2026-11-03): the All Services dropdown look, wider for the visa names; the code in a soft badge */
.ge-vz-menu{width:580px}
.ge-vz-c{font-style:normal;margin-left:4px;padding:1px 6px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:600;letter-spacing:-.025em}
.nav.open .ge-vz-menu .ge-sv-grid{grid-template-columns:minmax(0,1fr)}
.nav.open .ge-vz-menu .ge-sv-grid a{white-space:normal}
.nav.open .ge-vz-menu .ge-sv-t{white-space:normal;overflow:visible;text-overflow:clip}
.nav .ge-sv-menu .ge-sv-grid a{white-space:nowrap}
.nav .ge-sv-menu a.ge-sv-all{justify-content:center;gap:6px;border-top:1px solid #F0F3F8;border-radius:0 0 8px 8px;padding:9px 10px 7px;font-weight:600;color:var(--blue);letter-spacing:-.025em}
.nav .ge-sv-menu a.ge-sv-all svg{width:12px;height:12px}
.nav .ge-sv-menu a.ge-sv-all:hover{background:var(--blue-soft)}
.nav.open .ge-sv-menu{width:100%;padding:6px 0 10px;gap:8px}
.nav.open .ge-sv-grid{gap:8px;width:100%;max-width:440px}
.nav.open .ge-sv-menu .ge-sv-grid a{width:auto;justify-content:flex-start;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;color:#2A3550;
  border:1px solid #ECEFF5;border-radius:12px;background:#fff;min-width:0;letter-spacing:-.025em}
.nav.open .ge-sv-menu .ge-sv-grid a.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);padding-left:10px}
.nav.open .ge-sv-menu .ge-sv-grid a:active{background:var(--blue-soft)}
.nav.open .ge-sv-grid .ge-dd-i{width:28px;height:28px;border-radius:8px;background:var(--blue-soft);align-items:center;justify-content:center}
.nav.open .ge-sv-grid .ge-dd-i svg{width:16px;height:16px}
.nav.open .ge-sv-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav.open .ge-sv-menu a.ge-sv-all{width:100%;max-width:440px;justify-content:center;border:0;border-radius:10px;padding:11px 6px;font-size:13px;background:var(--blue-soft)}
.nav.open .ge-sv-menu a.ge-sv-all.on{border-left:0;padding-left:6px}
@media (max-width:780px){.nav.open .ge-sv-grid,.nav.open .ge-sv-menu a.ge-sv-all{margin:0 auto}}
@media (max-width:370px){.nav.open .ge-sv-x{display:none}.nav.open .ge-sv-menu .ge-sv-grid a{padding:8px 7px;gap:6px;font-size:12.5px}.nav.open .ge-sv-grid .ge-dd-i{width:24px;height:24px}}
/* Services list in the mobile menu (owner, 2026-11-05, both sites): one item per row, full names – nothing is shortened */
.nav.open .ge-sv-menu .ge-sv-grid{grid-template-columns:minmax(0,1fr)}
.nav.open .ge-sv-menu .ge-sv-x{display:inline}
/* Phones: 10px more space above and below the slogan in the search card (as on the Study Programs page) */
@media (max-width:600px){.hero .s-top{padding-top:22px;padding-bottom:22px}}
/* Tablets and phones, both sites: the slogan sits on its own band in the bottom bar's cream made 20% lighter (same
   transparency and blur), with 5px between its lines; the six labels below form a centred grid
   (icons in one column line, texts starting in line). The Study Programs page keeps its own heading. */
@media (max-width:1060px){
  .hero .s-top:not(:has(.s-pgt)){padding-top:0}
  .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{margin:0 -18px;padding:17px 18px;gap:5px;background:rgba(255,246,222,.85);border-radius:18px 18px 0 0}
  .s-feats{grid-template-columns:repeat(3,max-content);justify-content:center;justify-items:start;align-items:center;gap:12px 32px}
  /* Study Programs page: its heading area gets the same band colour */
  .hero .s-top:has(.s-pgt){background:rgba(255,246,222,.85)}
}
@media (max-width:600px){
  .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{margin:0 -14px;padding:17px 8px}
  .s-feats{grid-template-columns:repeat(2,max-content);gap:12px 28px}
}
/* Search card: tabs and fields 90% cover, the tinted top / labels area 88%, the slogan band 85%. The card itself paints nothing, so the tinted top,
   the slogan band and the labels are no longer stacked on top of the card's white. */
.hero .search{background:transparent}
.hero .s-top{--stop:rgba(223,232,252,.88);background:var(--stop)}
html.ge-site .hero .s-top{--stop:rgba(250,224,226,.88)}
.hero .search>.s-tabs{background:rgba(255,255,255,.90)}
.hero .search>.s-top,.hero .search>.s-tabs{border-bottom:0}
.hero .search>.s-body{background:rgba(255,255,255,.90);border-radius:0 0 18px 18px}
@media (max-width:1060px){
  .hero .s-top:not(:has(.s-pgt)){background:none;gap:0;padding-bottom:0}
  .hero .s-top:not(:has(.s-pgt))>.s-feats{background:var(--stop);margin:0 -18px;padding:12px 18px 14px}
}
@media (max-width:600px){
  .hero .s-top:not(:has(.s-pgt))>.s-feats{margin:0 -14px;padding:12px 14px 22px}
}
/* Tablets and phones: the slogan on one line in bold, same size: "Study and Work Abroad – We Provide It for You." */
@media (max-width:1060px){
  .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{flex-direction:row;flex-wrap:nowrap;justify-content:center;column-gap:.3em;font-weight:600;white-space:nowrap;letter-spacing:-.025em}
  .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child .s-sl2::before{content:"– "}
}
/* Georgia site, tablets and phones: the slogan band (and the Study Programs heading) in the card's pink, 5% lighter */
@media (max-width:1060px){
  html.ge-site .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child,html.ge-site .hero .s-top:has(.s-pgt){background:rgba(243,219,220,.85)}
}
/* Georgia site: the bottom bar on every page in Georgia's light red, as on the portal's Georgia page */
html.ge-site .bnav{background:rgba(253,228,231,.97);border-color:#F8D3D7}
/* Portal, tablets and phones: the slogan band in the card's blue, 5% lighter (trying it out) */
@media (max-width:1060px){
  html:not(.ge-site) .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{background:rgba(227,235,255,.85)}
}
/* Tablets and phones: the one-line slogan one step bolder (800) */
@media (max-width:1060px){.hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{font-weight:600;letter-spacing:-.025em}}
/* Phones, both sites: the search card starts as far below the menu as it sits from the sides (24px) */
@media (max-width:600px){
  .hero-in{padding-top:0}
  .hero .search{margin-top:24px}
  /* the gap from the slogan to the first label equals the gap from the card top to the slogan (14px) */
  .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{padding-top:14px;padding-bottom:7px}
  .hero .s-top:not(:has(.s-pgt))>.s-feats{padding-top:7px}
}
/* Portal, tablets and phones: the slogan band in the portal blue, "Study and Work Abroad" in the bottom
   bar's cream, "We Provide It for You." light blue */
@media (max-width:1060px){
  html:not(.ge-site) .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{background:rgba(10,72,206,.85)}
  html:not(.ge-site) .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child .s-sl1{color:rgba(255,244,214,.85)} /* the bottom bar cream, 15% see-through so it is softer on the blue */
  html:not(.ge-site) .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child .s-sl2{color:#BFD4FF}
}
/* Phones, both sites: the coloured slogan band and the labels area each centre their content vertically */
@media (max-width:600px){
  html .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{padding-top:11px;padding-bottom:11px}
  html .hero .s-top:not(:has(.s-pgt))>.s-feats{padding-top:15px;padding-bottom:15px}
}
/* Georgia site, tablets and phones: the slogan band in Georgian red, "Study and Work in Georgia" soft white
   (15% see-through), "We Provide It for You." light pink: the portal's look in Georgia's colours */
@media (max-width:1060px){
  html.ge-site .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child{background:rgba(192,16,45,.85)}
  html.ge-site .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child .s-sl1{color:rgba(255,255,255,.85)}
  html.ge-site .hero .s-top:not(:has(.s-pgt))>.s-slogan:first-child .s-sl2{color:#FFCCD3}
}
/* Search tabs, both sites: Study Programs · Apartments · Jobs, a little closer together */
html .s-tabs [role=tablist]{gap:4px}
html .s-tab{padding:0 14px}
@media (max-width:600px){html .s-tab{padding:0 8px;gap:6px}}
/* Jobs search: same number of fields as the others; a "Soon" note under them */
.s-soon{display:none;flex:0 0 100%;margin:0;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;color:#5B6478;text-align:center}
.s-soon span{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--blue);border-radius:999px;padding:3px 8px}
.search[data-mode=jobs] .s-soon[data-for=jobs],.search[data-mode=insurance] .s-soon[data-for=insurance],.search[data-mode=documents] .s-soon[data-for=documents],.search[data-mode=visa] .s-soon[data-for=visa],.search[data-mode=apartments] .s-soon[data-for=apartments]{display:flex;animation:swPostIn .5s ease both}
/* Six search tabs: Study Programs · Apartments · Jobs · Visa · Insurance · Documents (both sites).
   Computers: one row of tabs. Tablets and phones: two rows of three, with short names. */
.s-tab .t-short{display:none}
.s-soon.s-note{font-weight:500}
/* "Scroll down for more information" before the Visa and Documents notes: their content opens below the search card */
.s-soon .s-down{display:inline-flex;align-items:center;gap:4px;color:#E0202A;font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap;letter-spacing:-.025em}
.s-soon .s-down svg{width:15px;height:15px;animation:swDown 1.4s ease-in-out infinite}
.s-soon{flex-wrap:wrap}
@keyframes swDown{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.s-soon .s-down svg{animation:none}}
.field-err{border-color:var(--blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
@media (max-width:1060px){
  .s-tabs{padding:0 18px!important}
  .s-tabs [role=tablist]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;width:100%;padding:12px 0 12px!important}
  .s-tab{height:38px;border-radius:10px!important;justify-content:center;padding:0 6px!important;gap:6px!important;white-space:nowrap;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #E3E8F1}
  .s-tab[aria-selected=true]{box-shadow:none}
  .s-tab .t-long{display:none}
  .s-tab .t-short{display:inline}
  .s-tab svg{width:16px;height:16px;flex:0 0 auto}
}
@media (max-width:600px){.s-tabs{padding:0 14px!important}}
/* Computers: the partner button sits right after the tabs, twice the gap between tabs */
@media (min-width:1061px){
  .s-tabs{justify-content:flex-start!important}
  .s-tabs .s-post-row{margin-left:-2px!important} /* with the row's 10px gap: 8px, twice the 4px between tabs */
}
/* Computers: the search fields start 5px lower (more room under the tabs) */
@media (min-width:1061px){.hero .search>.s-body{padding-top:25px}}
/* Spread the six service labels across one centred row. */
.hero .s-top>.s-feats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1 1 0;gap:12px;align-items:center;justify-items:stretch;align-self:stretch}
.hero .s-top>.s-feats>.s-feat{min-width:0;justify-content:center;align-items:center}
@media(max-width:1060px){
  .hero .s-top:not(:has(.s-pgt))>.s-feats{align-self:stretch}
  .hero .s-top>.s-feats{gap:6px}
  .hero .s-top>.s-feats>.s-feat{font-size:10px;gap:5px}
  .hero .s-top>.s-feats>.s-feat svg{width:18px;height:18px}
}
@media(max-width:600px){
  .hero .s-top>.s-feats{grid-template-columns:repeat(2,max-content);justify-content:center;justify-items:start;gap:12px 28px}
  .hero .s-top>.s-feats>.s-feat{flex-direction:row;justify-content:flex-start;text-align:left;font-size:11.5px;gap:7px}
  .hero .s-top>.s-feats>.s-feat svg{width:20px;height:20px}
}
/* Keep all six search tabs on one row on tablets; retain the phone layout. */
@media(min-width:601px) and (max-width:1060px){
  .hero .s-tabs [role=tablist]{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:601px) and (max-width:767px){
  .hero .s-tabs .s-tab{font-size:10.5px;padding:0 4px!important;gap:4px!important}
}
/* Connected folder tabs on computers and tablets; phones retain their buttons. */
@media(min-width:601px){
  .hero .search>.s-body{background:#fff}
  .hero .search>.s-tabs{row-gap:0}
  .hero .s-tabs [role=tablist]{padding-bottom:0!important}
  .hero .s-tabs .s-tab{position:relative;isolation:isolate;background:transparent;color:var(--navy);box-shadow:none;border-radius:10px 10px 0 0!important}
  .hero .s-tabs .s-tab[aria-selected=true]{background:#fff;color:var(--navy);z-index:1}
  .hero .s-tabs .s-tab[aria-selected=true]::before,
  .hero .s-tabs .s-tab[aria-selected=true]::after{content:"";position:absolute;bottom:0;width:12px;height:12px;pointer-events:none}
  .hero .s-tabs .s-tab[aria-selected=true]::before{left:-12px;background:radial-gradient(circle at top left,transparent 12px,#fff 12.5px)}
  .hero .s-tabs .s-tab[aria-selected=true]::after{right:-12px;background:radial-gradient(circle at top right,transparent 12px,#fff 12.5px)}
  .hero .s-tabs .s-tab:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
}
@media(min-width:601px) and (max-width:1060px){
  .hero .s-tabs .s-post-row{background:#fff;flex-basis:calc(100% + 36px);margin:0 -18px;padding:0 18px}
}
/* Partner actions match Search on every portal and screen size. */
@media all{
  .hero .s-tabs .s-post-row{margin-top:0;margin-bottom:0;align-self:center}
  .hero .s-tabs .s-post-in{display:flex;align-items:center;justify-content:center}
  .hero .s-tabs .s-post{height:54px;border-radius:10px;padding:0 22px;margin:18px 0;justify-content:center;gap:10px;font-size:12px;font-weight:500;box-shadow:0 2px 4px rgba(15,23,42,.08)}
  .hero .s-tabs .s-post svg{width:18px;height:18px;flex-shrink:0}
}
@media(min-width:1061px){
  .hero .s-tabs .s-post-row{flex:1 1 auto}
}
/* Softer partner colours on every screen size. */
@media all{
  html:not(.ge-site) .hero .search .s-post,
  html:not(.ge-site) .hero .search .s-post:hover{background:rgba(255,244,214,.97);color:var(--navy);box-shadow:0 2px 4px rgba(15,23,42,.08)}
}
/* Compact the actual gaps, including the filter panel's top padding. */
@media(min-width:601px){
  .hero .s-tabs .s-post{margin:12.96px 0 9px}
  .hero .search:is([data-mode=apartments],[data-mode=jobs],[data-mode=insurance],[data-mode=documents],[data-mode=visa])>.s-body{padding-top:3.96px}
}
@media(max-width:600px){
  .hero .search:is([data-mode=apartments],[data-mode=jobs],[data-mode=insurance],[data-mode=documents],[data-mode=visa]) .s-tabs [role=tablist]{padding-bottom:0!important}
  .hero .s-tabs .s-post{margin:13.5px 0 9px}
  .hero .search:is([data-mode=apartments],[data-mode=jobs],[data-mode=insurance],[data-mode=documents],[data-mode=visa])>.s-body{padding-top:8.1px}
}
.hero .search[data-mode=apartments] .s-post-row[data-for=apartments] .s-post-in,
.hero .search[data-mode=jobs] .s-post-row[data-for=jobs] .s-post-in,
.hero .search[data-mode=insurance] .s-post-row[data-for=insurance] .s-post-in,
.hero .search[data-mode=documents] .s-post-row[data-for=documents] .s-post-in,.search[data-mode=visa] .s-post-row[data-for=visa] .s-post-in{overflow:visible}

/* Phone menus have the same clearance above and below when no partner action is shown. */
@media(max-width:600px){
  .hero .s-tabs [role=tablist]{padding-bottom:0!important}
  .hero .search[data-mode=programs]>.s-body{padding-top:12px}
}
/* One shared slot opens and closes; switching actions never stacks their rows. */
.hero .s-tabs>.s-post-slot{display:grid;grid-template-rows:0fr;flex:0 0 100%;width:100%;order:3;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}
.hero .s-post-slot-inner{display:grid;min-height:0;overflow:hidden}
.hero .s-tabs .s-post-slot .s-post-row{grid-area:1 / 1;display:flex;justify-content:center;align-items:center;min-width:0;margin:0!important;padding:0;animation:none;transform:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.hero .s-tabs .s-post-slot .s-post-in{display:flex;align-items:center;justify-content:center;min-height:0;overflow:visible!important;opacity:1!important;visibility:inherit!important;transition:none}
.hero .s-tabs .s-post-slot .s-post{flex-shrink:0}
.hero .search:is([data-mode=apartments],[data-mode=jobs],[data-mode=insurance],[data-mode=documents],[data-mode=visa]) .s-post-slot{grid-template-rows:1fr}
.hero .search[data-mode=apartments] .s-post-slot .s-post-row[data-for=apartments],
.hero .search[data-mode=jobs] .s-post-slot .s-post-row[data-for=jobs],
.hero .search[data-mode=insurance] .s-post-slot .s-post-row[data-for=insurance],
.hero .search[data-mode=documents] .s-post-slot .s-post-row[data-for=documents],
.hero .search[data-mode=visa] .s-post-slot .s-post-row[data-for=visa]{opacity:1;visibility:visible;pointer-events:auto}
@media(min-width:601px){
  .hero .search>.s-tabs{display:flex;padding:0 22px!important;row-gap:0;background:linear-gradient(to bottom,rgba(255,255,255,.9) 50px,#fff 50px)}
  .hero .s-tabs [role=tablist]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));flex:0 0 100%;width:100%;height:50px;box-sizing:border-box;align-items:end;padding:12px 0 0!important;gap:6px!important}
  .hero .s-post-slot{background:#fff}
}
@media(prefers-reduced-motion:reduce){.hero .s-tabs>.s-post-slot,.hero .s-tabs .s-post-slot .s-post-row{transition:none}}
/* Only the requested icon/text spacing changes on phones. */
@media(max-width:600px){
  .hero .s-tabs :is(#tab-programs,#tab-apartments,#tab-documents,#tab-insurance){gap:4px!important}
}
/* Centre each label and icon together inside its desktop/tablet tab. */
@media(min-width:601px){
  .hero .s-tabs .s-tab{justify-content:center}
}
/* Match panel spacing to the slot animation in both directions. */
.hero .search>.s-body{transition:padding-top .35s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){.hero .search>.s-body{transition:none}}

/* Chat channels: bottom to top Messenger, Viber, WhatsApp, Telegram. */
.sw-chat-viber .sw-chat-c{background:#7360F2}
.sw-chat-whatsapp .sw-chat-c{background:#25D366}
.soc .soc-tiktok{background:#111}
@media(max-width:780px){
  html.ge-site header .h-soc.sw-mobile-social{display:flex}
}
@media(max-width:360px){
  header .hdr-r .h-soc.sw-mobile-social{gap:6px!important}
  header .hdr-r .h-soc.sw-mobile-social a{width:28px!important;height:28px!important}
}
@media(max-width:360px){
  header .hdr-r:has(.sw-mobile-social){gap:6px!important}
  header .hdr-r:has(.sw-mobile-social)>.btn-p{padding-inline:12px!important}
}
/* Four social icons fit beside Apply and Menu on small phones. */
@media(max-width:780px){
  header .hdr-r .h-soc.sw-mobile-social{gap:6px!important}
  header .hdr-r .h-soc.sw-mobile-social a{width:28px!important;height:28px!important}
}
@media(max-width:360px){
  header .hdr-r .h-soc.sw-mobile-social{gap:4px!important}
  header .hdr-r .h-soc.sw-mobile-social a{width:24px!important;height:24px!important}
  header .hdr-r:has(.sw-mobile-social){gap:4px!important}
  header .hdr-r:has(.sw-mobile-social)>.btn-p{padding-inline:8px!important}
  header .hdr-r:has(.sw-mobile-social)>.burger{padding-inline:8px}
}

.sw-chat-live .sw-chat-c{background:var(--blue)}

/* Header social icons removed on every site (owner, 2026-11-04: "vedd ki egyenlőre"); chat channels live in the bottom bar's Chat menu.
   To bring them back later, delete this rule and call headerSocials() again in site.js. */
header .h-soc{display:none!important}
/* PHONE HEADER (owner, 2026-11-04: "ne pazaroljuk a helyet"), ≤780px, both sites – ONE row:
   logo (mark + two-line name; up to 460px only the mark) · Search · Contact · Login (icons with a small word under them) ·
   Apply Now · Menu (icon only). Search slides the full search bar down under the row and pushes the content down (site.js). */
@media (max-width:780px){
  header .hdr{justify-content:space-between!important;flex-wrap:nowrap!important;column-gap:11.5px!important}
  header .logo{display:flex!important;flex:0 0 auto!important;min-width:0;gap:8px!important}
  header .logo .sw-mark,header .logo .ge-mark{width:32px;height:32px}
  header .logo .sw-word,header .logo .ge-word{display:flex!important;align-items:flex-start!important;text-align:left}
  header .logo .sw-word b,header .logo .sw-word small,header .logo .ge-word b,header .logo .ge-word small{font-size:12px!important;font-weight:600;line-height:15px!important;letter-spacing:-.025em}
  header .hdr-r{width:auto!important;flex:0 0 auto!important;justify-content:flex-end!important;gap:11.5px!important;padding-inline:0}
  header .hdr-r .icon-btn.srch,header .hdr-r .login{display:inline-flex!important;flex-direction:column;align-items:center;width:auto!important;height:auto;gap:1px!important;padding:0 2px;font-size:10px!important;font-weight:600;line-height:12px;color:var(--navy);white-space:nowrap}
  header .hdr-r .icon-btn.srch::after{content:"Search"}
  header .hdr-r .icon-btn.srch[aria-expanded=true]{color:var(--blue)}
  header .hdr-r .icon-btn.srch .ico{width:18px;height:18px;margin-block:2px}
  header .hdr-r .login::after{content:"Login"}
  header .hdr-r .login .av{width:22px;height:22px;box-shadow:none;background:none}
  header .hdr-r .login .av svg{width:18px;height:18px}
  header .hdr-r .btn-p{padding-inline:12px!important}
  /* Menu button (owner, 2026-11-04): the word "Menu" beside the three lines (right of them, lines at their own size),
     inside the same white button with its shadow. */
  header .burger{display:inline-flex!important;flex-direction:row;align-items:center;justify-content:center;gap:6px!important;padding:0 11px!important}
  header .burger .burger-t{display:inline!important;font-size:13px!important;font-weight:600;line-height:1;color:var(--navy);letter-spacing:-.025em}
  /* Stays white with its shadow when the menu is open too – no blue (owner, 2026-11-04). */
  html header .burger[aria-expanded=true]{background:#fff!important;color:var(--navy)!important}
  html header .burger[aria-expanded=true] .burger-t{color:var(--navy)!important}
  header .hsearch{position:static;box-shadow:none;overflow:hidden;padding-block:10px 12px;transition:height .36s cubic-bezier(.22,.61,.36,1)}
  header .hsearch .hs-res{max-height:52vh;overflow-y:auto}
}
@media (max-width:460px){header .logo .sw-word,header .logo .ge-word{display:none!important}}
@media (max-width:379px){header .hdr{column-gap:7px!important}header .hdr-r{gap:8px!important}header .hdr-r .btn-p{padding-inline:9px!important}header .burger{padding:0 7px!important}}
@media (max-width:339px){header .hdr{padding-inline:10px!important;column-gap:6px!important}header .hdr-r{gap:6px!important}header .hdr-r .btn-p{padding-inline:7px!important}header .burger{padding:0 6px!important}}
/* Phone header "Contact" (owner, 2026-11-04): phone icon with its word under it, before Login; a tap opens Telegram, WhatsApp
   and Viber in a small rounded list under it (no border, soft shadow). site.js headerContact().
   On every screen (owner, 2026-11-04: "egységesnek kell lennie mindenhol") – PC too, before Login. */
@media all{
  .hdr-ct{display:block;position:relative}
  .hdr-ct-b{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:0 2px;border:0;background:none;cursor:pointer;font:inherit;font-size:10px;font-weight:600;line-height:12px;color:var(--navy);white-space:nowrap;letter-spacing:-.025em}
  .hdr-ct-b svg{width:20px;height:20px;margin-block:1px}
  .hdr-ct-b[aria-expanded=true]{color:var(--blue)}
  .hdr-ct-m{position:absolute;top:calc(100% + 12px);left:50%;z-index:60;display:flex;flex-direction:column;gap:4px;min-width:196px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 18px rgba(15,23,42,.10),0 14px 35px rgba(15,23,42,.12);opacity:0;transform:translate(-50%,-6px);transition:opacity .25s ease,transform .25s ease}
  .hdr-ct-m[hidden]{display:none}
  .hdr-ct-m.open{opacity:1;transform:translate(-50%,0)}
  .hdr-ct-m a{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
  .hdr-ct-m a:hover,.hdr-ct-m a:focus-visible{background:#F2F5FA}
  .hdr-ct-m a[data-soon]{opacity:.55;cursor:default}
  .hdr-ct-m .sw-chat-c{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:0 0 auto}
  .hdr-ct-m .sw-chat-c svg{width:17px;height:17px}
  /* Close: centred at the bottom, 14px below the last channel (the channels are 6px apart) so it stands apart. */
  .hdr-ct-x{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:6px 10px;border:0;border-radius:10px;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
  .hdr-ct-x .hs-close{width:30px;height:30px;background:var(--blue)}
  .hdr-ct-x .hs-close svg{width:14px;height:14px}
  .hdr-ct-x:hover .hs-close{background:color-mix(in srgb,var(--blue) 90%,#000)}
}
@media (prefers-reduced-motion:reduce){.hdr-ct-m{transition:none}}
/* Contact + Login icons by screen (owner, 2026-11-04): phones (≤600px) – plain icons, NO word under them, no circle;
   tablets (601–780px) – the two icons in white circles like on PC, no word. */
@media (max-width:600px){
  header .hdr-r .login::after{content:none}
  header .hdr-r .login .av{width:24px;height:24px}
  header .hdr-r .login .av svg{width:22px;height:22px}
  .hdr-ct-b span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hdr-ct-b{height:40px;justify-content:center;gap:0}
  .hdr-ct-b svg{width:21px;height:21px;margin:0}
}
@media (min-width:601px) and (max-width:780px){
  header .hdr-r .login::after{content:none}
  header .hdr-r .login .av{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(11,31,75,.13)}
  header .hdr-r .login .av svg{width:20px;height:20px}
  .hdr-ct-b{width:40px;height:40px;padding:0;gap:0;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(11,31,75,.13);color:#2C3E66}
  .hdr-ct-b span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hdr-ct-b svg{width:19px;height:19px;margin:0}
}
/* PC (owner, 2026-11-04): Contact looks exactly like the person icon next to it – a 40px white circle with the same soft
   shadow, the handset in the same colour and line weight; no word under it. */
@media (min-width:781px){
  .hdr-ct{display:flex;align-items:center}
  .hdr-ct-b{width:40px;height:40px;padding:0;gap:0;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(11,31,75,.13);color:#2C3E66}
  .hdr-ct-b span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hdr-ct-b svg{width:19px;height:19px;margin:0}
  .hdr-ct-b:hover,.hdr-ct-b[aria-expanded=true]{color:var(--blue)}
  /* Contact and Login sit further left of Apply Now so its ripple never reaches them (owner, 2026-11-04, "legyen 5% csak"): 8px → 14px. */
  header .hdr-r .login{margin-right:6px}
}
/* Header Apply Now: no zoom pulse any more (owner, 2026-11-04, variant "C"): the button stands still and a soft patch in its
   own colour (blue portal, red Georgia) spreads out from behind it and fades, again and again – like a ripple on water. */
header .btn-p{position:relative;isolation:isolate;animation:none!important}
header .btn-p::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:inherit;pointer-events:none;animation:ripple-h 2.4s ease-out infinite}
@keyframes ripple-h{0%{transform:scale(1);opacity:.35}100%{transform:scale(1.18,1.45);opacity:0}}
@media (prefers-reduced-motion:reduce){header .btn-p::before{animation:none;opacity:0}}

/* Footer social profiles (owner, 2026-11-04: "szépek, színesek, elegánsak"): round brand-coloured icons under the contact
   lines, both sites. An inactive one shows "Not active yet" in a small bubble on hover or tap (site.js footerSocials). */
.ft-soc{margin-top:20px}
.ft-soc-t{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--ge-ink,var(--navy));letter-spacing:-.025em}
.ft-soc-r{display:flex;flex-wrap:wrap;gap:10px}
.ft-s{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;box-shadow:0 4px 12px rgba(15,23,42,.14);transition:transform .25s ease,box-shadow .25s ease}
.ft-s svg{width:19px;height:19px}
.ft-s:hover,.ft-s:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.2)}
.ft-s-facebook{background:#1877F2}
.ft-s-instagram{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.ft-s-tiktok{background:#111;box-shadow:-2px -1px 0 #25F4EE inset,2px 1px 0 #FE2C55 inset,0 4px 12px rgba(15,23,42,.14)}
.ft-s-x{background:#000}
.ft-s-telegram{background:linear-gradient(135deg,#37AEE2,#1E96C8)}
.ft-s[data-soon]{cursor:default}
.ft-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);padding:6px 10px;border-radius:8px;background:#0B1F4B;color:#fff;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}
.ft-tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#0B1F4B}
.ft-s:hover .ft-tip,.ft-s:focus-visible .ft-tip,.ft-s.tip-on .ft-tip{opacity:1;transform:translate(-50%,0)}
.ft-soc-r .ft-s:first-child .ft-tip{left:0;transform:translate(0,4px)}
.ft-soc-r .ft-s:first-child:hover .ft-tip,.ft-soc-r .ft-s:first-child.tip-on .ft-tip,.ft-soc-r .ft-s:first-child:focus-visible .ft-tip{transform:translate(0,0)}
.ft-soc-r .ft-s:first-child .ft-tip::after{left:19px}
@media (max-width:900px){.ft-soc-r{gap:12px}.ft-s{width:40px;height:40px}}

/* A single close-button treatment for search sheets, search and Live Chat. */
.sh-x,.hs-close,.lc-window .lc-close{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--t1,#C8102E);color:#fff;line-height:1;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.sh-x svg,.hs-close svg,.lc-window .lc-close svg{display:block;width:16px;height:16px;margin:0}
.sh-x:hover,.hs-close:hover,.lc-window .lc-close:hover{background:color-mix(in srgb,var(--t1,#C8102E) 90%,#000)}
@media(min-width:601px){
  .sh-box{left:50%;right:auto;top:50%;bottom:auto;width:min(460px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:var(--font);font-size:12px;overflow:auto;transform:translate(-50%,-40%);opacity:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s}
  .sheet.open .sh-box{transform:translate(-50%,-50%);opacity:1}
  .sh-head,.sh-go{grid-column:1/-1}
  .sh-head b{font-size:12px;font-weight:600;line-height:1.35;letter-spacing:-.025em}
  .sh-f{min-width:0;min-height:50px;gap:2px;padding:6px 10px}
  .sh-f small{font-size:11.5px;line-height:1.35}
  .sh-f select,.sh-f input{font-size:12px;font-weight:500;line-height:1.35}
  .sh-go{height:40px;margin-top:0;font-size:12px}
}
@media(min-width:601px) and (max-height:480px){
  .sh-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px}
  .sh-f{min-height:42px;padding:4px 7px}
  .sh-f small{font-size:10px}
  .sh-go{height:34px}
}

.lc-window .lc-file-close{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--t1,#C8102E);color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.lc-window .lc-file-close svg{width:14px;height:14px;stroke-width:1.8}
.sh-x svg,.hs-close svg,.lc-window .lc-close svg{stroke-width:1.8}

/* Shared popup styling: the site's card font, reference pill controls and soft shadows. */
:root{--popup-font:var(--font,'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif);--popup-title-weight:600;--popup-text-weight:400;--popup-button-radius:999px;--popup-window-radius:32px;--popup-choice-gap:16.5375px;--popup-button-shadow:0 2px 4px rgb(15 23 42 / 12%),0 0 1px rgb(15 23 42 / 6%)}
/* Mobile menu open: light shade over the page, like the Chat panel */
.sw-nav-shade{position:fixed;inset:0;z-index:45;background:rgba(15,23,42,.18);opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}
.sw-nav-shade.open{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.sw-nav-shade{transition:none}}

/* Visa page content shown under the search card on the Visa tab (site.js): the portal's own spacing and type sizes,
   the same as the homepage sections (section titles 13px, card titles 12px, text 11.5px; the contact band like .cta). */
#visa-content .czp{margin-top:30px}
#visa-content h2{font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.025em!important}
#visa-content h3,#visa-content h4{font-size:12px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.025em!important}
#visa-content p,#visa-content li,#visa-content dd,#visa-content dt{font-size:11.5px!important;line-height:1.5!important}
#visa-content summary{font-size:13px!important;font-weight:600!important;letter-spacing:-.025em}
#visa-content details p{font-size:12.5px!important}
#visa-content label,#visa-content label>span:first-child{font-size:11.5px!important}
#visa-content select,#visa-content .czc-i,#visa-content input{font-size:13px!important}
#visa-content button,#visa-content a.btn,#visa-content .vlink,#visa-content [class*=btn]{font-size:12px!important}
#visa-content .czb h2{font-size:13px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.025em}
#visa-content .czb p{font-size:13px!important}
@media(max-width:600px){#visa-content .czp{margin-top:24px}#visa-content .czb h2{font-size:13px!important;letter-spacing:-.025em}}
#visa-content .vr-h,#visa-content b,#visa-content strong{font-size:12px!important}#visa-content .vr-to{font-size:13px!important}

/* ---------- One banner style on every page (2026-11-02, owner's choice: the Services banner proportions) ----------
   The photo spans the whole banner (380–520px high, 30vw); it is clear of the text start and fades in smoothly
   between 22% and 62% of the width. My Citizenship and Visa heroes (.czh) follow the same rule.
   White text side on the left, the page's own photo on the right fading into white. Both sites; accent = var(--blue). */
.page-hero{background:#fff!important;color:var(--ink);min-height:clamp(380px,30vw,520px);display:flex;align-items:center}
.page-hero::after{display:none!important}
.page-hero>img{left:0;right:0;width:100%;opacity:1;object-position:center 35%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%)}
.page-hero .wrap{width:100%;padding-block:36px 44px}
.page-hero .wrap>*{max-width:min(560px,48%)}
.page-hero .crumbs{color:var(--muted)}
.page-hero .crumbs a{color:var(--ink);font-weight:600;letter-spacing:-.025em}
.page-hero h1{color:var(--ink)!important;font-size:clamp(32px,4.2vw,50px);letter-spacing:-.035em;line-height:1.05}
.page-hero p{color:#3A4256!important;font-size:13px}
.page-hero p a{color:var(--blue)!important;text-decoration:underline}
.page-hero .hero-facts span{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 12px rgba(15,23,42,.05)}
/* University pages: the main photo alone, fading into the white text side */
.uh{position:relative;overflow:hidden;background:#fff!important}
.uh-in{min-height:clamp(380px,30vw,520px)}
.uh-collage{display:block;position:absolute;top:0;right:0;bottom:0;width:100%;left:0;min-height:0}
.uh-collage img:not(:first-child){display:none}
.uh-collage img:first-child{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%)}
.uh-text{position:relative;z-index:1}
@media(max-width:900px){
  .page-hero{flex-direction:column-reverse;align-items:stretch;min-height:0}
  .page-hero>img{position:relative;inset:auto;width:100%;height:210px;-webkit-mask-image:none;mask-image:none}
  .page-hero .wrap{padding-block:22px 28px}
  .page-hero .wrap>*{max-width:none}
  .uh-in{min-height:0}
  .uh-collage{position:relative;width:auto;height:210px;margin:0 -16px}
  .uh-collage img:first-child{-webkit-mask-image:none;mask-image:none}
}

/* FAQ banner (owner's image, 2026-11-02): keep the student and the question bubbles in view */
.faq-hero>img{object-position:center 40%}
@media(max-width:900px){.faq-hero>img{height:230px;object-position:68% center}}

/* Admission Guide banner (owner's image, 2026-11-02): keep the students and the checklist in view */
.adm-hero>img{object-position:center 30%}
@media(max-width:900px){.adm-hero>img{height:230px;object-position:center center}}

/* Plan My Studies banner (owner's image, 2026-11-02): keep both students and the laptop in view */
.pms-hero>img{object-position:center 35%}
@media(max-width:900px){.pms-hero>img{height:230px;object-position:center center}}

/* My Citizenship / Visa heroes: the same full-width photo and fade */
.czh{min-height:clamp(380px,30vw,520px)}
.czh-in{position:static}
.czh-t{position:relative;z-index:1}
.czh-img{position:absolute!important;inset:0;margin:0}
.czh-img>img{width:100%!important;height:100%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%) !important;mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%) !important}
@media(max-width:980px){
  .czh{min-height:0}
  .czh-img{position:relative!important;inset:auto}
  .czh-img>img{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 35%)!important;mask-image:linear-gradient(0deg,transparent 0,#000 35%)!important}
}

/* Country row on every portal page (site.js, owner 2026-11-02): the homepage's eight destination cards in one fixed row,
   four per row on phones, never a sideways scroll. The homepage row (#dest-track) gets the same fixed layout. */
.cstrip{padding-block:28px 6px}
.cstrip h2{margin:0 0 14px;font-size:13px!important;font-weight:600!important;letter-spacing:-.025em;color:var(--navy)}
.cs-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.cs-card{position:relative;display:flex;flex-direction:column;border:2px solid transparent;border-radius:12px;background:#fff;padding:3px 3px 8px;text-align:center;color:var(--navy);text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.08),0 3px 10px rgba(15,23,42,.04);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}
a.cs-card:hover{transform:scale(1.03);box-shadow:0 22px 50px rgba(15,23,42,.13),0 6px 16px rgba(15,23,42,.06)}
.cs-card.on{border-color:var(--blue)}
.cs-card img{width:100%;aspect-ratio:105/62;object-fit:cover;border-radius:9px;display:block}
.cs-card>span{display:flex;align-items:center;justify-content:center;flex:1 1 auto;margin-top:7px;min-height:18px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.cs-card.is-soon{cursor:default}
.cs-card.is-soon img{filter:grayscale(.6);opacity:.7}
.cs-card.is-soon>span{color:#8A94A8}
.cs-soon{position:absolute;top:8px;right:8px;font-style:normal;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7A859B;background:rgba(255,255,255,.92);border-radius:999px;padding:2px 6px}
html:not(.ge-site) .dest .c-arrow{display:none}
html:not(.ge-site) .dest #dest-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px!important;overflow:visible;padding:0;margin:0;scroll-snap-type:none}
html:not(.ge-site) .dest #dest-track .d-card{min-width:0;flex:none}
html:not(.ge-site) .dest #dest-track .d-card span{white-space:normal;line-height:1.2}
@media (max-width:900px){
  .cs-row,html:not(.ge-site) .dest #dest-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
}
/* FAQ page (both sites): questions in two columns on PC; one column on tablets and phones */
@media (min-width:901px){
.faq-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;align-items:start}
.faq-2col>h2{grid-column:1/-1;margin-bottom:0!important}
.faq-2col details,.faq-2col details+details{margin:0!important}
}
/* "More services" row at the end of every sub-page with a filter (owner, 2026-11-03; tab-pages.mjs moreServices):
   the other services as photo cards, like "Choose Your Destination"; one fixed row, never a sideways scroll */
.msv{padding-block:34px 24px}
.msv .msv-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.msv .d-card{min-width:0;flex:none;text-decoration:none}
.msv .d-card img{aspect-ratio:16/10}
.msv .d-card span{white-space:normal;line-height:1.25}
@media (max-width:760px){.msv .msv-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
/* Portal Study Programs: Country is the first filter field (owner, 2026-11-03); Georgia live, the others "coming soon" */
@media (min-width:1181px){.filters.f-cty{grid-template-columns:minmax(0,1fr) 1.6fr repeat(4,minmax(0,1fr)) auto}}
/* phones and tablets: Country and Search on full rows, the other fields two per row (≤1000px) or one per row (≤640px), Reset full width */
@media (max-width:1000px){.filters.f-cty .f-item:nth-child(-n+2){grid-column:1/-1}.filters.f-cty .f-reset{grid-column:1/-1}}
@media (max-width:640px){.filters.f-cty{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.filters.f-cty .f-item label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (min-width:1001px) and (max-width:1180px){.filters.f-cty{grid-template-columns:repeat(4,minmax(0,1fr))}.filters.f-cty .f-item:nth-child(2){grid-column:span 3}}
/* Admissions page (owner, 2026-11-03): My Citizenship picker first, then How it works (six stages), then Plan My Studies */
.adh{padding:30px 0 10px}
.adh:last-of-type{padding-bottom:48px}
.adh-head{text-align:center;max-width:680px;margin:0 auto 18px}
.adh-head h2{margin:0 0 6px}
.adh-head p{margin:0;color:#5B6680}
.adh-cz .cz-form{margin:0 auto;max-width:980px}
.adh-more{text-align:center;margin:16px 0 0}
.adh-lead{text-align:center;max-width:680px;margin:18px auto 0;color:#4A5570}
.hxd-slot .hxd{margin-top:12px}
.adh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adh-steps li{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px -16px rgba(16,32,72,.28),0 2px 8px rgba(16,32,72,.05)}
.adh-n{flex:0 0 30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue);font-weight:600;letter-spacing:-.025em}
.adh-steps h3{margin:3px 0 4px}
.adh-steps p{margin:0;color:#4A5570}
.adh-plan{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--blue-soft);border-radius:20px;padding:22px 26px}
.adh-plan h2{margin:0 0 4px}
.adh-plan p{margin:0;color:#4A5570}
.adh-plan .btn{flex:0 0 auto}
.adh .btn{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:100%}
.adh .btn svg,.adh .link svg{width:15px;height:15px;flex:0 0 auto}
@media (max-width:900px){.adh-steps{grid-template-columns:minmax(0,1fr)}.adh-plan{flex-direction:column;align-items:flex-start}}
/* Our own filter dropdown list (site.js, owner 2026-11-03): rounded, no border, soft shadow, rounded rows */
.sws{position:fixed;z-index:9999;background:#fff;border:0;border-radius:18px;padding:6px;max-height:320px;overflow-y:auto;box-shadow:0 18px 44px -14px rgba(16,32,72,.32),0 4px 14px rgba(16,32,72,.08);display:flex;flex-direction:column;gap:2px;animation:sws-in .14s ease;scrollbar-width:thin}
@keyframes sws-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sws-i{padding:8px 14px;border-radius:999px;font-size:13px;line-height:1.35;color:#2A3550;cursor:pointer;white-space:nowrap;user-select:none}
.sws-i:hover{background:#F1F4FA}
.sws-i.on{background:var(--blue-soft,#EAF1FF);color:var(--blue);font-weight:600;letter-spacing:-.025em}
.sws-i.off{color:#A3ACBE;cursor:default}
.sws-i.off:hover{background:none}
/* Country rows on phones and tablets (owner, 2026-11-03: "ne két sorban legyen 8 kocka, hanem görgethető… a zoomos verzió"):
   "Choose Your Destination" (.cs-row, every portal page) and the homepage row (#dest-track) become ONE sideways-scrolling
   row without arrows; the tile in the middle zooms in (1.10), the others zoom out (0.88); site.js marks it with .zoom.
   No border ring anywhere (the page's own country is shown by the zoom and blue text). PC keeps the one fixed row. */
.cs-card.on{border-color:transparent}
.cs-card.on>span{color:var(--blue)}
@media (max-width:900px){
  .cs-row,html:not(.ge-site) .dest #dest-track{display:flex!important;gap:2px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -12px!important;padding:12px calc(50% - 56px) 16px!important}
  .cs-row::-webkit-scrollbar,html:not(.ge-site) .dest #dest-track::-webkit-scrollbar{display:none}
  .cs-row>.cs-card,html:not(.ge-site) .dest #dest-track .d-card{flex:0 0 112px!important;min-width:0;scroll-snap-align:center;transform:scale(.88);transition:transform .22s ease,box-shadow .22s ease!important}
  .cs-row>.cs-card.zoom,html:not(.ge-site) .dest #dest-track .d-card.zoom{transform:scale(1.1)!important;z-index:1;box-shadow:0 16px 30px -14px rgba(16,32,72,.38),0 3px 10px rgba(16,32,72,.08)!important}
  .cs-card>span{min-height:2.5em}
}
/* Portal Visa page: destination tiles under the heading, before the filter (owner, 2026-11-03).
   No border ring: the current tile zooms in, the others zoom out (1.10 vs 0.88 = 25% difference). On phones the row
   scrolls sideways without arrows and the tile in the middle is the current one (site.js adds .zoom). */
.hxd{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 auto 14px;max-width:1010px;padding:11px 2px 14px}
.hxd-c{position:relative;flex:0 0 115px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 4px 7px;border:0;border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:#2A3550;box-shadow:0 8px 20px -12px rgba(16,32,72,.30),0 2px 6px rgba(16,32,72,.05);transform:scale(.88);transition:transform .22s ease,box-shadow .22s ease;outline:none}
.hxd-c img{width:100%;height:60px;object-fit:cover;border-radius:10px;display:block}
.hxd-c span{font-size:12px;font-weight:600;line-height:1.25;text-align:center;min-height:2.5em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;letter-spacing:-.025em}
.hxd-c em{position:absolute;top:7px;right:7px;font-style:normal;font-size:9px;font-weight:600;text-transform:uppercase;background:rgba(255,255,255,.92);color:#5B6680;border-radius:999px;padding:1px 6px}
.hxd-c.soon span{color:#7C879C}
.hxd-c.zoom{transform:scale(1.1);z-index:1;box-shadow:0 16px 30px -14px rgba(16,32,72,.38),0 3px 10px rgba(16,32,72,.08)}
.hxd-c.on span{color:var(--blue)}
.hxd-c:focus-visible{box-shadow:0 16px 30px -14px rgba(16,32,72,.38),0 0 0 3px rgba(10,75,214,.25)}
.hxd-note{text-align:center;margin:-6px auto 12px;max-width:640px;color:#4A5570;font-size:12px}
@media (max-width:900px){
  .hxd{justify-content:flex-start;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-12px;margin-right:-12px;max-width:none;padding:14px calc(50% - 56px) 16px}
  .hxd::-webkit-scrollbar{display:none}
  .hxd-c{flex:0 0 112px;scroll-snap-align:center}
  .hxd-c img{height:56px}
}
/* Long intro texts: ONE line + "More" (site.js; owner 2026-11-03 19:25, base rule, every portal) */
.more-clamp:not(.more-open){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.more-tg{display:block;margin:4px auto 0;padding:2px 10px;border:0;background:none;color:var(--blue);font:inherit;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:-.025em}
.more-tg:hover{text-decoration:underline}
.gx-t .more-tg,.hx .more-tg,.adh .more-tg,.vsec-h .more-tg{margin-left:auto;margin-right:auto}
/* "More": the opened text fades in line by line from the top while the paragraph grows (site.js) */
@property --mf{syntax:'<number>';inherits:false;initial-value:1}
@keyframes moreFade{from{--mf:0}to{--mf:1}}
.more-anim{transition:height .9s cubic-bezier(.22,.61,.36,1)}
.more-in{--mcut:calc(var(--mh0,1.4em) + (100% - var(--mh0,1.4em)) * var(--mf));
  -webkit-mask-image:linear-gradient(to bottom,#000 var(--mcut),rgba(0,0,0,0) calc(var(--mcut) + 3em));
  mask-image:linear-gradient(to bottom,#000 var(--mcut),rgba(0,0,0,0) calc(var(--mcut) + 3em));
  animation:moreFade .95s cubic-bezier(.4,0,.2,1) both}
/* Bottom bar: hidden at the very top of a page, fades in after a small scroll and then stays (site.js adds .bnav-in) */
.bnav{animation:none;opacity:0;transform:translateY(24px);pointer-events:none;visibility:hidden;transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1),visibility 0s linear 1s}
.bnav.bnav-in{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1),visibility 0s}
/* Apartments page note: "Post your apartment for rent" pill in place of "Scroll down", grey text after it (owner, 2026-11-03) */
.s-soon .s-postl{display:inline-flex;align-items:center;gap:5px;color:#E0202A;font-weight:600;font-size:12.5px;text-decoration:none;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#FDECEE;transition:background .15s ease;letter-spacing:-.025em}
.s-soon .s-postl svg{width:14px;height:14px}
.s-soon .s-postl:hover{background:#FBDDE1}
.s-soon.s-postnote{color:#8A93A5;font-weight:400}
/* BUTTONS – BASE RULE (owner 2026-11-04: "minden gomb … legyen árnyék … alapszabályba"), every portal, every page:
   every button carries the same soft shadow and NO border line; outline buttons keep their colour text on white,
   outline buttons on a coloured band get a light see-through fill instead of the line.
   Two buttons side by side (.uh-btns) are the same height and the same width. Icon buttons are not included. */
.btn,.btn-solid,.btn-line,.btn-o,.btn-p,.btn-y,.btn-w,.btn-wl,.btn-apt,.gbtn,.pp-btn,.bl-btn,.czg-btn,.rd-btn,.g-btn,.isv-btn,.sv-btn,.v-btn,.pc .btn-out,.hs-go,.sh-go,.more-btn{border:0!important;box-shadow:0 6px 18px rgba(15,23,42,.10),0 1px 4px rgba(15,23,42,.06)!important}
.btn-line,.btn-line.red,.btn-o,.czg-btn,.pc .btn-out,.g-btn{background:#fff}
.btn-line:hover,.btn-line.red:hover,.btn-o:hover,.czg-btn:hover,.pc .btn-out:hover{background:var(--blue-soft,#fff);color:var(--blue)}
/* …and every other clickable element that looks like a button: chips, filter pills, A–Z letters, pagination,
   outline links, Reset, small tiles – owner 2026-11-04: "mindenhol azt jelenti mindenhol" */
:is(a,button,label)[class*="btn"]:not(.icon-btn):not(.owp-btn):not(.burger),:is(a,button,span,label)[class*="chip"],
.bl-chips button,.bl-pages button,.jbs-pages button,.cze-az button,.czg-t button,.cze-more,.bl-links a,.bl-cta-s,.cta-ghost,
.f-reset,.dv-go,.vc-outline,.vc-quick>button,.rd-promo button,.dd-drop button,.login-user button,.ac-role-grid button,
.ac-welcome .ac-body>.ac-primary,.ac-welcome .ac-body>.ac-provider,.ex-cat,.czk,.jbs-cat,
.card,.gnx-c,.vdc,.vsc,.pp-tc,.ex-tile,.copy,.cze-q,.bl-search,.bl-nf,.news-f,.vz-other a,.gd-prow,.gd-cmp-s select,.ap-tile{border:0!important;box-shadow:0 6px 18px rgba(15,23,42,.10),0 1px 4px rgba(15,23,42,.06)!important}
.bl-cta-s,.cta-ghost,.copy{background:rgba(255,255,255,.16)!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}
.cta-band .btn-wl,.gbtn-o{background:rgba(255,255,255,.16)!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}
.uh-btns>.btn-solid,.uh-btns>.btn-line,.uh-btns>.gbtn,.uh-btns>.btn-w,.uh-btns>.btn-wl,.gcta-b>.gbtn{box-sizing:border-box;height:auto!important;min-height:46px!important;padding:6px 14px!important;border-radius:6px!important;justify-content:center;width:100%;min-width:0;white-space:normal!important;line-height:1.25;text-align:center} /* owner, 2026-11-05: same size always; a long label wraps and both grow together */
.uh-btns:has(>:nth-child(2):last-child),.gcta-b:has(>:nth-child(2):last-child){align-items:stretch}
.uh-btns:has(>:nth-child(2):last-child),.gcta-b:has(>:nth-child(2):last-child){display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:440px}
.page-hero.gx .uh-btns:has(>:nth-child(2):last-child){margin-inline:auto}
/* Tab content below the search card fades and rises in (site.js SWTabIn; owner, 2026-11-04) */
@keyframes swTabIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tab-in{animation:swTabIn .6s cubic-bezier(.22,.61,.36,1) both}
/* MOBILE MENU = SIDE DRAWER – both sites (owner, 2026-11-05: admission.ge review, "mehet"): the menu slides in from the
   right as a full-height panel that scrolls on its own; its lists (Study Programs, Live in Georgia, Visa, Admissions,
   Services) open one at a time inside it. Own head row with "Close" (the Menu button is under the panel on phones).
   The header drops its blur/transform while the panel is open, so the fixed panel is measured from the screen. */
header#top:has(.nav.open){transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav.open,html.ge-burger .nav.open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(86vw,380px)!important;height:100vh;height:100dvh;max-height:none!important;
  padding:0 18px calc(26px + env(safe-area-inset-bottom,0px))!important;border-top:0!important;border-radius:20px 0 0 20px;background:#fff;
  box-shadow:-18px 0 50px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.06)!important;overflow-y:auto;overscroll-behavior:contain;z-index:60;animation:swDrawerIn .34s cubic-bezier(.22,.61,.36,1) both}
.nav.open.nav-out{animation:swDrawerOut .24s ease both}
@keyframes swDrawerIn{from{transform:translateX(104%)}to{transform:none}}
@keyframes swDrawerOut{from{transform:none}to{transform:translateX(104%)}}
.nav-dh{display:none}
.nav.open .nav-dh{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:2;flex:0 0 auto;width:100%;background:#fff;padding:16px 0 12px;margin-bottom:2px;border-bottom:1px solid #F0F3F8}
.nav-dh b{font-size:13px;font-weight:600;letter-spacing:-.025em;color:var(--navy)}
.nav.open .nav-dh .nav-x{width:auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:500;color:var(--navy);cursor:pointer;
  box-shadow:0 6px 18px rgba(15,23,42,.10),0 1px 4px rgba(15,23,42,.06)}
.nav-dh .nav-x svg{width:14px;height:14px}
.nav.open>a,.nav.open>.ge-dd>button,.nav.open>.dd>button,.nav.open>.nav-soon{min-height:48px}
.ge-st .ge-sv-menu{width:400px}
.nav.open .ge-st .ge-sv-menu{width:100%}
.nav.open .ge-st .ge-sv-grid{grid-template-columns:minmax(0,1fr)}
.nav.open .ge-st .ge-sv-grid a,.nav.open .ge-st .ge-sv-t{white-space:normal;overflow:visible;text-overflow:clip}
/* Portal Countries list: Georgia's field pages and guides under the Georgia row (owner, 2026-11-05, option 2) */
/* Countries ▾ on the portal (owner, 2026-11-05): flags, every live country a closed row that slides open on tap (site.js) */
.nav .dd-menu.cty-wide{width:330px;max-width:calc(100vw - 32px)}
@media (min-width:1251px){html:not(.ge-site) .nav #dd-menu.cty-wide{left:50%;transform:translateX(-50%)}}
.nav .dd-menu img.cty-flag{width:24px;height:16px;object-fit:cover;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.cty-row{display:flex;flex-direction:column}
.nav .cty-tg{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin:0;border:0!important;background:none;font:inherit;font-size:12px;font-weight:600;letter-spacing:-.025em;color:var(--navy);border-radius:8px;cursor:pointer;text-align:left;box-shadow:none!important}
.nav .cty-tg:hover,.nav .cty-row.open .cty-tg{background:var(--blue-soft);color:var(--blue)}
.cty-tg span{flex:1;min-width:0}
.cty-tg svg{width:14px;height:14px;flex:none;transition:transform .3s ease}
.cty-row.open .cty-tg svg{transform:rotate(180deg)}
.cty-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.cty-row.open .cty-sub{grid-template-rows:1fr}
.cty-in{overflow:hidden;min-height:0;padding:0 2px 0 40px}
.cty-in>:first-child{margin-top:4px}
.cty-in>:last-child{margin-bottom:8px}
.cty-h{display:block;font-size:12px;color:var(--muted);padding:6px 6px 2px}
.cty-g{display:grid;grid-template-columns:1fr 1fr;gap:0 4px}
.cty-g.cty-one{grid-template-columns:1fr}
.nav .cty-g a{padding:6px 6px!important;font-size:12px;font-weight:500;border-radius:8px;white-space:nowrap;color:#2A3550}
.nav .cty-g a:hover,.nav .cty-g a.on{background:var(--blue-soft);color:var(--blue)}
.nav .cty-g a.on{font-weight:600;letter-spacing:-.025em}
.nav.open .dd-menu.cty-wide{width:100%;max-width:none;transform:none}
.nav.open .cty-tg{font-size:13px;padding:10px 8px;justify-content:center}
.nav.open .cty-tg span{flex:none}
.nav.open .cty-in{padding-left:0}
.nav.open .cty-h{text-align:left;padding:8px 6px 4px}
.nav.open .cty-g{gap:6px}
.nav.open .cty-g a{justify-content:flex-start!important;text-align:left;font-size:13px;padding:9px 10px!important;background:var(--blue-soft);border-radius:10px;white-space:normal;border:0!important}
.ge-st-h{display:flex;align-items:center;gap:8px;padding:6px 10px 4px;font-size:12px;font-weight:600;letter-spacing:-.025em;color:var(--muted)}
.ge-st-h img{width:24px;height:16px;object-fit:cover;border-radius:3px}
.nav.open .ge-st-h{padding:4px 2px 2px}
html.nav-locked,html.nav-locked body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.nav.open,.nav.open.nav-out{animation:none}}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.copy{font-size:13px;font-weight:500}.btn-solid{font-size:13px;font-weight:500}.btn-line{font-size:13px;font-weight:500}.pc .btn-out{font-size:13px;font-weight:500}.cta-band .btn-w{font-size:13px;font-weight:500}.cta-band .btn-wl{font-size:13px;font-weight:500}.pcard .link,.card .link,.pc .btn-out,.v-btn,.pbody .link{font-size:13px!important;font-weight:500!important}.btn-p,.btn-y,.btn-solid{font-size:13px!important;font-weight:500!important}.hs-in button[type=submit]{font-size:13px;font-weight:500}.hs-go{font-size:13px;font-weight:500}body:has(.dg-hero) .btn-solid{font-size:13px!important;font-weight:500!important}.dg-cta .btn-w,.dg-cta .btn-wl{font-size:13px;font-weight:500}.g-btn{font-size:13px;font-weight:500}.login-user button{font-size:13px;font-weight:500}body:has(.dv-hero) .btn-solid{font-size:13px!important;font-weight:500!important}.btn-line.red{font-size:13px;font-weight:500}.dv-cta .btn-w{font-size:13px;font-weight:500}.dv-cta .btn-wl{font-size:13px;font-weight:500}.sh-go{font-size:13px;font-weight:500}.ge-dd>button.on{font-size:13px;font-weight:500}.nav.open .ge-dd>button{font-size:13px;font-weight:500}.nav.open .ge-dd>button.on{font-size:13px;font-weight:500}#visa-content button,#visa-content a.btn,#visa-content .vlink,#visa-content [class*=btn]{font-size:13px!important;font-weight:500!important}}