/* =========================================================
   ADPI Registrator ofisi — Joomla 5 template
   ========================================================= */
:root{
  --navy:#0E2A47;
  --navy-2:#123A63;
  --blue:#1B5FA8;
  --gold:#E8A020;
  --gold-soft:#F6C35C;
  --paper:#F7F5F0;
  --ink:#17222E;
  --muted:#5A6B7C;
  --white:#FFFFFF;
  --radius:18px;
  --shadow:0 12px 40px rgba(14,42,71,.10);
  --display:'Unbounded',sans-serif;
  --body:'Manrope',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16.5px}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--gold)}
.container{max-width:none;width:100%;margin:0 auto;padding:0 clamp(24px,4vw,72px)}

/* ikat signature divider */
.ikat{height:14px;width:100%;background:
  linear-gradient(135deg,var(--gold) 25%,transparent 25%) -7px 0/14px 14px,
  linear-gradient(225deg,var(--gold) 25%,transparent 25%) -7px 0/14px 14px,
  linear-gradient(315deg,var(--gold) 25%,transparent 25%) 0 0/14px 14px,
  linear-gradient(45deg,var(--gold) 25%,transparent 25%) 0 0/14px 14px;
  opacity:.9}

/* ---------- topbar ---------- */
.topbar{background:var(--navy);color:#C9D8E8;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;gap:16px;flex-wrap:wrap}
.topbar a{color:#C9D8E8;display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.topbar a:hover{color:var(--gold-soft)}
.topbar .group{display:flex;gap:22px;flex-wrap:wrap;align-items:center}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(14,42,71,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{width:46px;height:46px;border-radius:12px}
.brand-name{font-weight:800;font-size:17px;line-height:1.2;color:var(--navy)}
.brand-name small{display:block;font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.menu{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
/* Joomla mod_menu ro'yxatini gorizontal menyuga aylantirish */
.menu ul.mod-menu,.menu ul.menu,.menu ul.nav{list-style:none;display:flex;gap:6px;align-items:center;margin:0;padding:0;flex-wrap:wrap}
.menu ul.mod-menu ul,.menu ul.menu ul{display:none;position:absolute;background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:200px;z-index:60}
.menu ul.mod-menu li,.menu ul.menu li{position:relative;list-style:none}
.menu ul.mod-menu li:hover>ul,.menu ul.menu li:hover>ul,
.menu ul.mod-menu li:focus-within>ul,.menu ul.menu li:focus-within>ul{display:block}
.menu a{display:inline-block;padding:9px 15px;border-radius:10px;font-weight:600;font-size:15px;color:var(--navy-2);transition:background .2s,color .2s}
.menu a:hover,.menu .active>a,.menu .current>a{background:rgba(27,95,168,.09);color:var(--navy-2)}
.menu a.cta{background:var(--gold);color:var(--navy);font-weight:800;margin-left:8px}
.menu a.cta:hover{background:var(--gold-soft)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:26px;height:3px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{background:radial-gradient(1200px 600px at 85% -10%,rgba(232,160,32,.16),transparent 60%),linear-gradient(165deg,var(--navy) 0%,var(--navy-2) 55%,#16497F 100%);color:#EAF1F8;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:-40px 0 0 0;background:
  linear-gradient(135deg,rgba(255,255,255,.045) 25%,transparent 25%) -20px 0/40px 40px,
  linear-gradient(225deg,rgba(255,255,255,.045) 25%,transparent 25%) -20px 0/40px 40px;pointer-events:none;
  animation:patternFlow 26s linear infinite}
@keyframes patternFlow{to{transform:translateY(40px)}}

/* ---- Harakatlanuvchi orqa fon elementlari ---- */
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hbg{position:absolute;fill:#F7F5F0;opacity:.13;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.hbg-cap{fill:#F6C35C}
.hbg-seal{fill:#E8A020}
.hbg-star{fill:#F6C35C;opacity:.35}
.hbg-1{width:120px;top:12%;left:4%;animation:hbgFloatA 11s ease-in-out infinite}
.hbg-2{width:86px;top:58%;left:9%;animation:hbgFloatB 14s ease-in-out infinite 1s}
.hbg-3{width:110px;top:20%;left:46%;animation:hbgFloatA 13s ease-in-out infinite 2s}
.hbg-4{width:100px;top:68%;left:40%;animation:hbgFloatB 12s ease-in-out infinite .5s}
.hbg-5{width:80px;top:8%;right:6%;animation:hbgFloatB 15s ease-in-out infinite 1.5s}
.hbg-6{width:90px;top:66%;right:8%;animation:hbgFloatA 12s ease-in-out infinite 2.5s;opacity:.10}
.hbg-7{width:74px;top:38%;left:26%;animation:hbgSpin 30s linear infinite;opacity:.12}
.hbg-8{width:34px;top:26%;right:28%;animation:hbgTwinkle 4s ease-in-out infinite}
.hbg-9{width:20px;top:80%;left:22%;animation:hbgTwinkle 5s ease-in-out infinite 1.2s}
@keyframes hbgFloatA{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-26px) rotate(4deg)}}
@keyframes hbgFloatB{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(22px) rotate(-4deg)}}
@keyframes hbgSpin{to{transform:rotate(360deg)}}
@keyframes hbgTwinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.5;transform:scale(1.15)}}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:80px;padding-bottom:88px}
.hero a{color:inherit}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:22px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--gold)}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,4.4vw,50px);line-height:1.16;letter-spacing:-.5px;margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.hero .lead{font-size:18px;color:#B9CBDD;max-width:540px;margin-bottom:34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:12px;font-weight:800;font-size:15.5px;transition:transform .18s,box-shadow .18s,background .2s;cursor:pointer;border:0}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--navy)!important;box-shadow:0 10px 26px rgba(232,160,32,.35)}
.btn-gold:hover{background:var(--gold-soft)}
.btn-ghost{background:rgba(255,255,255,.08);color:#EAF1F8!important;border:1px solid rgba(255,255,255,.22)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.hero-side img{width:100%;max-width:480px;margin:0 auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}

/* Hero kirish animatsiyasi (sahifa yuklanganda ketma-ket) */
.hero .eyebrow,.hero h1,.hero .lead,.hero-actions,.hero-side{opacity:0;transform:translateY(24px);animation:heroIn .7s ease forwards}
.hero h1{animation-delay:.12s}
.hero .lead{animation-delay:.24s}
.hero-actions{animation-delay:.36s}
.hero-side{animation-delay:.3s}
@keyframes heroIn{to{opacity:1;transform:none}}

/* ---------- sections ---------- */
.section{padding:84px 0}
.sec-head{max-width:640px;margin-bottom:48px}
.sec-head .eyebrow,.about .eyebrow,.contact .eyebrow{color:var(--blue)}
h2{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,34px);color:var(--navy);line-height:1.25;margin-bottom:14px}
h3{color:var(--navy)}

/* services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc,.adpi-card{background:var(--white);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow);border:1px solid rgba(14,42,71,.06);position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}
.svc:hover,.adpi-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(14,42,71,.16)}
.svc::before,.adpi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--blue));opacity:0;transition:opacity .25s}
.svc:hover::before,.adpi-card:hover::before{opacity:1}
.svc-icon{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,rgba(27,95,168,.12),rgba(232,160,32,.16));display:grid;place-items:center;font-size:26px;margin-bottom:20px}
.svc h3{font-weight:800;font-size:19px;margin-bottom:10px}
.svc p{color:var(--muted);font-size:15.5px}

/* about */
.about{background:var(--white)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.about-img img{width:100%;height:auto}
.about-badge{position:absolute;bottom:20px;left:20px;z-index:2;background:var(--gold);color:var(--navy);font-weight:800;font-size:13.5px;padding:10px 18px;border-radius:12px}
.about-text p{color:var(--muted);margin-bottom:16px}
.check-list{list-style:none;margin:22px 0 10px;display:grid;gap:12px}
.check-list li{display:flex;gap:12px;font-weight:600;color:var(--navy-2)}
.check-list li::before{content:"\2713";width:24px;height:24px;border-radius:8px;background:rgba(232,160,32,.2);color:#B87708;display:grid;place-items:center;font-weight:800;flex-shrink:0;font-size:13px}

/* stats */
.stats{background:linear-gradient(150deg,var(--navy),var(--navy-2));color:#EAF1F8;position:relative;overflow:hidden;padding:84px 0}
.stats::before{content:"";position:absolute;inset:0;background:
  linear-gradient(135deg,rgba(232,160,32,.06) 25%,transparent 25%) -20px 0/40px 40px,
  linear-gradient(45deg,rgba(232,160,32,.06) 25%,transparent 25%) 0 0/40px 40px}
.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;text-align:center}
.stat b{font-family:var(--display);font-weight:700;font-size:clamp(34px,4vw,48px);color:var(--gold-soft);display:block;line-height:1}
.stat span{display:block;margin-top:12px;font-weight:600;color:#AFC4D8;font-size:15px}

/* students */
.students-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1320px;margin:0 auto}
.stu{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(14,42,71,.06);transition:transform .22s,box-shadow .22s}
.stu:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(14,42,71,.16)}
.stu-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#E7EDF4,#F2EBDD)}
.stu-img img{position:absolute;inset:0;width:100%;height:100%;margin:0}
.stu-img__bg{object-fit:cover;filter:blur(20px) saturate(1.15) brightness(.92);transform:scale(1.18)}
.stu-img__main{object-fit:contain;z-index:1;transition:transform .4s;filter:drop-shadow(0 10px 24px rgba(14,42,71,.28))}
.stu:hover .stu-img__main{transform:scale(1.04)}
.stu-body{padding:22px 24px 26px}
.stu-body h3{font-weight:800;font-size:17px}
.stu-body .award{margin-top:8px;font-size:14.5px;color:var(--muted);min-height:44px}
.stu-tag{display:inline-block;margin-top:12px;background:rgba(232,160,32,.16);color:#A96D06;font-weight:800;font-size:12px;letter-spacing:.8px;text-transform:uppercase;padding:6px 12px;border-radius:8px}

/* ---------- component / main area ---------- */
.main-area{padding:56px 0}
.main-home{padding:0}
.main-home .container:empty{display:none}
.with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.content-col{min-width:0}
.sidebar .adpi-card{margin-bottom:24px;padding:24px}
.sidebar h3.card-title{font-size:16px;font-weight:800;margin-bottom:14px}

/* Joomla ichki sahifalar tipografiyasi */
.content-col h1,.content-col .page-header h1,.content-col h2{font-family:var(--display);color:var(--navy)}
.content-col .page-header{margin-bottom:24px}
.content-col img{border-radius:14px}
.content-col table{width:100%;border-collapse:collapse;margin:20px 0}
.content-col th,.content-col td{border:1px solid rgba(14,42,71,.12);padding:10px 14px;text-align:left}
.content-col th{background:rgba(27,95,168,.07);color:var(--navy)}
.content-col blockquote{border-left:4px solid var(--gold);background:var(--white);padding:16px 22px;border-radius:0 12px 12px 0;margin:20px 0;color:var(--muted)}
.content-col ul,.content-col ol{padding-left:22px;margin:12px 0}
.content-col .item-page,.content-col .blog,.content-col .com-content-category-blog__item{background:var(--white);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);margin-bottom:24px}
.content-col .pagination{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap}
.content-col .pagination a,.content-col .pagination span{display:inline-block;padding:8px 14px;border-radius:10px;background:var(--white);box-shadow:var(--shadow);font-weight:700}
.content-col .pagination .active span{background:var(--gold);color:var(--navy)}

/* Breadcrumbs */
.mod-breadcrumbs,.breadcrumb{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0 0 22px;font-size:14px;color:var(--muted)}
.mod-breadcrumbs a,.breadcrumb a{color:var(--blue)}

/* Formalar (kirish, qidiruv, aloqa) */
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],textarea,select{
  width:100%;padding:12px 16px;border:1.5px solid rgba(14,42,71,.15);border-radius:12px;background:var(--white);font-family:var(--body);font-size:15px;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,95,168,.14)}
button,.btn-primary,input[type="submit"]{background:var(--gold);color:var(--navy);border:0;border-radius:12px;padding:12px 22px;font-weight:800;font-family:var(--body);cursor:pointer;transition:background .2s,transform .18s}
button:hover,.btn-primary:hover,input[type="submit"]:hover{background:var(--gold-soft);transform:translateY(-1px)}
.alert{border-radius:12px;padding:14px 18px;margin-bottom:18px;border:1px solid transparent}
.alert-info{background:rgba(27,95,168,.08);border-color:rgba(27,95,168,.25);color:var(--navy-2)}
.alert-warning{background:rgba(232,160,32,.12);border-color:rgba(232,160,32,.4);color:#8a6206}
.alert-danger,.alert-error{background:rgba(192,83,58,.1);border-color:rgba(192,83,58,.35);color:#8A3826}
.alert-success{background:rgba(46,125,107,.1);border-color:rgba(46,125,107,.35);color:#1B4F43}

/* contact */
.contact{background:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.c-item{display:flex;gap:16px;margin-bottom:22px;align-items:flex-start}
.c-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,rgba(27,95,168,.12),rgba(232,160,32,.16));display:grid;place-items:center;font-size:21px;flex-shrink:0}
.c-item b{display:block;color:var(--navy);font-size:15.5px}
.c-item a,.c-item span{color:var(--muted);font-size:15px}
.c-item a:hover{color:var(--blue)}
.map-box{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);min-height:360px;background:#E7EDF4}
.map-box iframe{width:100%;height:100%;min-height:360px;border:0}

/* footer */
.site-footer{background:var(--navy);color:#AFC4D8;padding:64px 0 0}
.site-footer a{color:#AFC4D8}
.site-footer a:hover{color:var(--gold-soft)}
.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px;padding-bottom:48px}
.f-grid h4,.f-title{font-family:var(--display);font-weight:600;font-size:15px;color:var(--white);margin-bottom:18px}
.f-grid p{font-size:14.5px;line-height:1.7}
.f-grid ul{list-style:none;display:grid;gap:10px;padding:0;margin:0}
.f-grid ul a{font-size:14.5px;transition:color .2s}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:13.5px;text-align:center;color:#7E93A8}

/* ---------- scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.on{opacity:1;transform:none}

/* fokus ko'rinishi */
a:focus-visible,button:focus-visible{outline:3px solid rgba(232,160,32,.7);outline-offset:2px;border-radius:8px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal,.hero .eyebrow,.hero h1,.hero .lead,.hero-actions,.hero-side{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .hero .container,.about-grid,.contact-grid,.with-sidebar{grid-template-columns:1fr}
  .services-grid,.students-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .f-grid{grid-template-columns:1fr 1fr}
  .hero-side{order:-1}
  .hero-side img{max-width:340px}
}
@media (max-width:680px){
  .menu{position:fixed;left:0;right:0;top:0;margin-top:0;padding:110px 24px 26px 24px;background:var(--paper);flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 20px 40px rgba(14,42,71,.15);transform:translateY(-110%);transition:transform .3s;z-index:40;border-bottom:1px solid rgba(14,42,71,.08)}
  .menu.open{transform:none}
  .menu ul.mod-menu,.menu ul.menu{flex-direction:column;align-items:stretch}
  .menu a{padding:13px 16px;display:block}
  .menu a.cta{margin-left:0;text-align:center}
  .burger{display:block;position:relative;z-index:45}
  .site-header{z-index:50}
  .services-grid,.students-grid{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .section{padding:60px 0}
  .hero .container{padding-top:48px;padding-bottom:56px}
  .topbar .group{gap:12px}
}

/* ---------- com_content override'lari ---------- */
.adpi-article__head{margin-bottom:26px}
.adpi-article__head h1{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.4vw,38px);color:var(--navy);line-height:1.22;margin:6px 0 14px}
.adpi-article__meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:14.5px;font-weight:600}
.adpi-article__img{margin:0 0 28px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.adpi-article__img img{width:100%;height:auto;border-radius:0}
.adpi-article__img figcaption{padding:12px 18px;background:var(--white);color:var(--muted);font-size:14px}
.adpi-article__body{font-size:17px}
.adpi-article__body p{margin-bottom:16px}

.adpi-blog__desc{color:var(--muted);max-width:720px;margin-bottom:36px}
.adpi-blog__lead{display:grid;gap:28px;margin-bottom:28px}
.adpi-blog__lead .adpi-post{display:grid;grid-template-columns:1.1fr 1fr;min-height:320px}
.adpi-blog__lead .adpi-post__img{height:100%}
.adpi-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.adpi-post{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(14,42,71,.06);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column;padding:0}
.adpi-post:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(14,42,71,.16)}
.adpi-post__img{display:block;height:200px;overflow:hidden;background:linear-gradient(135deg,#E7EDF4,#F2EBDD);position:relative}
.adpi-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;border-radius:0}
.adpi-post:hover .adpi-post__img img{transform:scale(1.05)}
.adpi-post__ph{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;opacity:.5}
.adpi-post__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.adpi-post__date{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#A96D06}
.adpi-post__title{font-size:18px;line-height:1.35;margin:0}
.adpi-post__title a{color:var(--navy)}
.adpi-post__title a:hover{color:var(--blue)}
.adpi-post__intro{color:var(--muted);font-size:15px;flex:1}
.adpi-post__more{font-weight:800;font-size:14.5px;color:var(--blue);align-self:flex-start}
.adpi-blog__links{list-style:none;padding:0;margin:28px 0;display:grid;gap:10px}
.adpi-blog__links a{font-weight:700}
.adpi-blog__pagination{margin-top:36px;display:flex;justify-content:center}
@media (max-width:960px){
  .adpi-blog__grid{grid-template-columns:repeat(2,1fr)}
  .adpi-blog__lead .adpi-post{grid-template-columns:1fr}
  .adpi-blog__lead .adpi-post__img{height:220px}
}
@media (max-width:680px){
  .adpi-blog__grid{grid-template-columns:1fr}
}

/* ---------- Qidiruv (mod_finder / Smart Search) dizayni ---------- */
.mod-finder{position:relative}
.mod-finder .finder{display:flex;align-items:center;gap:0;position:relative}
.mod-finder .awesomplete{flex:1;min-width:0}
.mod-finder input[type="text"],
.mod-finder input.js-finder-search-query{
  width:100%;padding:10px 16px;border-radius:12px 0 0 12px;
  border:1.5px solid rgba(14,42,71,.15);border-right:0;
  background:var(--white);font-family:var(--body);font-size:14.5px;color:var(--ink)}
.mod-finder input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,95,168,.14)}
.mod-finder .btn,.mod-finder button[type="submit"]{
  border-radius:0 12px 12px 0;padding:10px 18px;margin:0;
  background:var(--gold);color:var(--navy);border:1.5px solid var(--gold);
  font-weight:800;font-size:14.5px;cursor:pointer;transition:background .2s;white-space:nowrap}
.mod-finder .btn:hover,.mod-finder button[type="submit"]:hover{background:var(--gold-soft);border-color:var(--gold-soft);transform:none}
.mod-finder .btn .icon-search::before{content:"\1F50D"}

/* Topbar ichidagi ixcham qidiruv */
.topbar .mod-finder{max-width:280px}
.topbar .mod-finder input[type="text"],
.topbar .mod-finder input.js-finder-search-query{
  padding:6px 14px;font-size:13.5px;border-radius:10px 0 0 10px;
  background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#EAF1F8}
.topbar .mod-finder input::placeholder{color:#8FA6BC}
.topbar .mod-finder input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,160,32,.2);background:rgba(255,255,255,.15)}
.topbar .mod-finder .btn,.topbar .mod-finder button[type="submit"]{
  padding:6px 14px;font-size:13.5px;border-radius:0 10px 10px 0}

/* Sidebar / kontent ichida — karta ko'rinishi meros bo'ladi */
.sidebar .mod-finder input{border-radius:12px 0 0 12px}

/* Avto-taklif ochiluvchi ro'yxati (awesomplete) */
.mod-finder .awesomplete > ul{
  border-radius:12px;border:1px solid rgba(14,42,71,.1);box-shadow:var(--shadow);
  background:var(--white);margin-top:6px;padding:6px;z-index:70}
.mod-finder .awesomplete > ul > li{border-radius:8px;padding:8px 12px;font-size:14.5px;color:var(--ink)}
.mod-finder .awesomplete > ul > li:hover,
.mod-finder .awesomplete > ul > li[aria-selected="true"]{background:rgba(27,95,168,.09);color:var(--navy)}
.mod-finder .awesomplete mark{background:rgba(232,160,32,.35);color:inherit;border-radius:3px;padding:0 2px}

/* Qidiruv natijalari sahifasi (com_finder) */
.com-finder .search-query-explained{color:var(--muted);margin-bottom:22px}
.com-finder .search-results{list-style:none;padding:0;display:grid;gap:18px}
.com-finder .search-results .result-item,
.com-finder .search-results > li{
  background:var(--white);border-radius:var(--radius);padding:24px 28px;
  box-shadow:var(--shadow);border:1px solid rgba(14,42,71,.06);transition:transform .2s,box-shadow .2s}
.com-finder .search-results > li:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(14,42,71,.14)}
.com-finder .result-title{font-size:18px;font-weight:800;margin-bottom:6px}
.com-finder .result-title a{color:var(--navy)}
.com-finder .result-title a:hover{color:var(--blue)}
.com-finder .result-text{color:var(--muted);font-size:15px}
.com-finder .result-text mark{background:rgba(232,160,32,.3);border-radius:3px;padding:0 2px}
@media (max-width:680px){
  .topbar .mod-finder{max-width:100%;width:100%}
}

/* Harakatlanuvchi fon — mobil optimallashtirish */
@media (max-width:960px){
  .hbg-3,.hbg-7{display:none}
}
@media (max-width:680px){
  .hbg-4,.hbg-6,.hbg-8{display:none}
  .hbg{opacity:.10}
}

/* ---------- Frontend tahrirlash tugmasi ---------- */
.adpi-edit-btn{
  display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  background:rgba(27,95,168,.1);color:var(--blue)!important;
  border:1.5px dashed rgba(27,95,168,.45);border-radius:9px;
  padding:5px 12px;font-size:12.5px;font-weight:800;letter-spacing:.4px;
  text-transform:uppercase;text-decoration:none;transition:background .2s,border-color .2s,color .2s;
  margin-bottom:4px}
.adpi-edit-btn:hover{background:var(--gold);border-color:var(--gold);border-style:solid;color:var(--navy)!important}
.adpi-edit-btn--article{margin-bottom:12px}

/* ---------- Bo'lim va modul tahrirlash tugmalari ---------- */
.section,.site-footer{position:relative}
.adpi-sec-edit{position:absolute;top:16px;right:clamp(24px,4vw,72px);z-index:6;margin:0}
.hero .adpi-sec-edit{top:20px}
.adpi-edit-btn--light{
  background:rgba(255,255,255,.1);color:#F6C35C!important;
  border-color:rgba(246,195,92,.55)}
.adpi-edit-btn--light:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)!important}
.adpi-mod-edit{
  position:absolute;top:12px;right:12px;z-index:6;margin:0;
  padding:4px 9px;font-size:13px;border-radius:8px}
.adpi-mod-edit--inline{position:static;display:inline-flex;margin-bottom:8px}
.adpi-edit-mini{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:8px;font-size:13px;text-decoration:none;
  background:rgba(255,255,255,.12);color:#F6C35C!important;
  border:1.5px dashed rgba(246,195,92,.55);transition:background .2s,color .2s}
.adpi-edit-mini:hover{background:var(--gold);border-style:solid;border-color:var(--gold);color:var(--navy)!important}
.adpi-edit-mini--nav{background:rgba(27,95,168,.1);color:var(--blue)!important;border-color:rgba(27,95,168,.45);margin-left:6px}
.adpi-edit-mini--nav:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)!important}
.adpi-card{position:relative}

/* ---------- Xizmat "Batafsil" tugmasi va modal oynasi ---------- */
.svc-more{
  display:inline-flex;align-items:center;gap:6px;margin-top:16px;align-self:flex-start;
  background:none;border:0;padding:0;cursor:pointer;font-family:var(--body);
  font-weight:800;font-size:14.5px;color:var(--blue);transition:color .2s,gap .2s}
.svc-more:hover{color:var(--gold);gap:10px;background:none;transform:none}
.svc-full{display:none}

.adpi-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}
.adpi-modal[hidden]{display:none}
.adpi-modal__backdrop{position:absolute;inset:0;background:rgba(14,42,71,.55);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .3s}
.adpi-modal.open .adpi-modal__backdrop{opacity:1}
.adpi-modal__dialog{
  position:relative;z-index:1;background:var(--paper);border-radius:22px;
  max-width:640px;width:100%;max-height:min(82vh,720px);overflow-y:auto;
  padding:40px 42px 36px;box-shadow:0 30px 80px rgba(14,42,71,.35);
  opacity:0;transform:translateY(28px) scale(.96);
  transition:opacity .3s ease,transform .3s cubic-bezier(.2,.9,.3,1.2)}
.adpi-modal.open .adpi-modal__dialog{opacity:1;transform:none}
.adpi-modal__dialog::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;
  border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--gold),var(--blue))}
.adpi-modal__close{
  position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:11px;
  background:rgba(14,42,71,.07);color:var(--navy);border:0;font-size:22px;line-height:1;
  cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.adpi-modal__close:hover{background:var(--gold);transform:rotate(90deg)}
.adpi-modal__body .svc-full__icon{
  width:60px;height:60px;border-radius:16px;font-size:28px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(27,95,168,.12),rgba(232,160,32,.16));margin-bottom:18px}
.adpi-modal__body h3{font-family:var(--display);font-weight:600;font-size:22px;color:var(--navy);margin:0 0 16px}
.adpi-modal__body .svc-full__body{color:var(--ink);font-size:15.5px}
.adpi-modal__body .svc-full__body p{margin:0 0 14px;color:var(--muted)}
.adpi-modal__body .svc-full__body ul{margin:0 0 14px;padding-left:20px;display:grid;gap:8px}
.adpi-modal__body .svc-full__body li{color:var(--ink)}
.adpi-modal__body .svc-full__body b{color:var(--navy)}
body.adpi-modal-open{overflow:hidden}
@media (max-width:680px){
  .adpi-modal{padding:14px}
  .adpi-modal__dialog{padding:32px 24px 28px;max-height:88vh}
}
@media (prefers-reduced-motion:reduce){
  .adpi-modal__backdrop,.adpi-modal__dialog{transition:none;opacity:1;transform:none}
}

/* ---------- Bosh sahifa (Featured) yangiliklar to'ri ---------- */
.adpi-featured{max-width:1320px;margin:0 auto}
.adpi-featured .adpi-blog__grid{align-items:stretch}
.adpi-featured .adpi-post{height:100%}
.adpi-featured .adpi-post__img{height:220px;flex-shrink:0}
.adpi-featured .adpi-post__title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:2.7em}
.adpi-featured .adpi-post__intro{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.adpi-allnews{display:flex;justify-content:center;margin-top:40px}

/* ---------- Xizmatlar bo'limi: video bilan ikki ustun ---------- */
.services-split{display:grid;grid-template-columns:1.55fr 1fr;gap:44px;align-items:start}
.services-main{min-width:0}
.services-split .services-grid{grid-template-columns:repeat(2,1fr)}
.services-video{
  position:sticky;top:100px;border-radius:22px;overflow:hidden;
  box-shadow:var(--shadow);border:1px solid rgba(14,42,71,.08);
  background:var(--navy)}
.services-video::after{content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.services-video video{display:block;width:100%;height:auto}
@media (max-width:960px){
  .services-split{grid-template-columns:1fr}
  .services-video{position:static;order:-1;max-width:640px;margin:0 auto 8px}
  .services-split .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .services-split .services-grid{grid-template-columns:1fr}
}

/* ---------- Stats pozitsiyasidagi modullar (forma, video slaydshou) ----------
   Statistika to'ri 4 ustunli; unga qo'yilgan katta modullar (raqam-kartadan
   boshqa har qanday modul) 2 ustun kenglikni egallaydi */
.stats-grid > *:not(.stat){grid-column:span 2;text-align:left;min-width:0}
.stats-grid .adpi-vs{width:100%}
@media (max-width:960px){
  /* 960px dan pastda to'r 2 ustun — span 2 to'liq kenglik bo'ladi */
  .stats-grid > *:not(.stat){grid-column:span 2}
}