:root{ --cream:#FFFFFF; --cream2:#F8FBFF; --white:#fff; --ink:#0E1B2E; --dark:#003579; --dark-h:#0A4B9E; --body:#56677C; --muted:#8A9AAC; --line:#E1E9F2; --p1:#C6DEF8; --p2:#6BA8EE; --p3:#1877E8; --p4:#003579; --ptint:#E8F1FC; --ptext:#003579; --gold:#1877E8; --rc:22px; --rb:13px; --sh:0 2px 10px rgba(18,45,80,.04),0 12px 34px rgba(18,45,80,.055); --shh:0 4px 14px rgba(18,45,80,.06),0 22px 50px rgba(18,45,80,.11); --max:1240px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:'Poppins','Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--body);background:var(--cream);line-height:1.68;font-size:15.5px;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer;border:none;background:none;color:inherit} h1,h2,h3,h4{color:var(--ink);line-height:1.28;font-weight:700;letter-spacing:-.01em} h1{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:700} h2{font-size:clamp(1.5rem,2.9vw,2.15rem)} h3{font-size:1.08rem;font-weight:600} .wrap{max-width:var(--max);margin:0 auto;padding:0 24px} .sec{padding:82px 0} .white{background:#F4F8FE} .center{text-align:center} /* reveal */ /* Scroll animasiyası — TƏHLÜKƏSİZ QURULUŞ: Elementlər standart olaraq GÖRÜNƏNDİR. Gizlətmə yalnız elementinə "ce-js" sinfi əlavə olunduqda işə düşür (bunu head-dəki kiçik skript edir). Beləliklə JavaScript işləməsə belə məzmun heç vaxt gizli qalmır. */ .rv{opacity:1;transform:none} html.ce-js .rv{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.22,.72,.28,1),transform .75s cubic-bezier(.22,.72,.28,1)} html.ce-js .rv.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){html.ce-js .rv{opacity:1;transform:none;transition:none}} /* demo */ .demobar{background:#101A28;color:#A7B7C8;font-size:12.5px;padding:9px 22px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap} .demobar b{color:#fff} .demobar .dot{width:7px;height:7px;border-radius:50%;background:var(--p3)} .demobar a{color:var(--p2);font-weight:600} /* header */ header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;gap:24px;height:88px} .logo{display:flex;align-items:center;gap:12px;flex:none} .logo .mark{width:46px;height:46px;display:grid;place-items:center;flex:none} .logo .mark img{width:100%;height:100%;object-fit:contain} .logo .nm em{font-style:normal;color:var(--p3);margin-left:.14em} .logo .nm{font-weight:700;color:var(--ink);font-size:1.44rem;letter-spacing:.06em;line-height:1} .logo small{display:block;font-size:.6rem;font-weight:500;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:4px;white-space:nowrap} .menu{display:flex;gap:6px;margin-left:auto;align-items:center;list-style:none} /* DİQQƏT: WordPress menyu elementlərini

kimi verir. Nöqtə işarələri görünməsin deyə list-style hər səviyyədə söndürülür. */ .menu li,.menu ul,.menu ol{list-style:none;margin:0;padding:0;display:block} .menu li::marker{content:""} .menu a{padding:10px 14px;font-size:.97rem;font-weight:500;color:var(--ink);transition:.18s;position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap} .menu a:hover{color:var(--p4)} /* Aktiv səhifə xətti — həm öz "on" sinfimiz, həm WordPress-in öz sinifləri */ .menu a.on::after, .menu li.ce-current>a::after, .menu li.current-menu-item>a::after, .menu li.current_page_item>a::after, .menu li.current-menu-parent>a::after, .menu li.current-menu-ancestor>a::after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:3px;background:var(--gold);border-radius:3px} .menu li.ce-current>a, .menu li.current-menu-item>a, .menu li.current_page_item>a{color:var(--p4);font-weight:600} .menu a .cv{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;opacity:.55} .nav-cta{display:flex;gap:10px;align-items:center;flex:none} .burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);place-items:center;background:#fff} /* buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--rb);font-weight:600;font-size:.92rem;transition:.2s;white-space:nowrap;letter-spacing:.01em} .btn svg{width:17px;height:17px;flex:none} .btn-d{background:var(--dark);color:#fff} .btn-d:hover{background:var(--dark-h);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,53,121,.28)} .btn-p{background:linear-gradient(135deg,var(--p3),var(--p4));color:#fff} .btn-p:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,119,232,.34)} .btn-o{border:1.6px solid var(--line);background:#fff;color:var(--ink)} .btn-o:hover{border-color:var(--p3);color:var(--p4)} .btn-sm{padding:10px 18px;font-size:.85rem} .btn-full{width:100%} .btn-up{text-transform:uppercase;letter-spacing:.08em;font-size:.84rem;font-weight:600} /* BANER (hero slayder) üslubu bilərəkdən BU FAYLDA DEYİL. O, birbaşa template-parts/hero.php içində, səhifənin özündə yazılıb. Səbəb: brauzerin keşində bu faylın köhnə versiyası qalarsa baner oxunmaz hala düşür (tünd fonda tünd yazı, slaydlar alt-alta). Səhifə ilə birlikdə gələn üslub isə heç vaxt köhnə qala bilməz. */ /* =========================================================================== STATİSTİKA ZOLAĞI (banerin altında) =========================================================================== */ .statband{background:var(--cream);border-bottom:1px solid var(--line);padding:38px 0} .hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center} .hstats b{display:block;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.1} .hstats b .cnt{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit} .hstats>div>span{display:block;font-size:.85rem;color:var(--muted);margin-top:2px} .hero-visual{position:relative;display:grid;place-items:center} .hv-card{background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shh);width:100%;max-width:400px} .hv-ico{width:120px;height:120px;border-radius:30px;background:linear-gradient(140deg,var(--p2),var(--p3));display:grid;place-items:center;margin:0 auto 22px} .hv-ico svg{width:56px;height:56px;stroke:#fff;fill:none;stroke-width:2.4} .hv-card h3{text-align:center;font-size:1.15rem;margin-bottom:6px} .hv-card p{text-align:center;font-size:.88rem;margin-bottom:20px} .hv-row{display:flex;gap:10px} .hv-row div{flex:1;background:var(--cream);border-radius:14px;padding:13px;text-align:center} .hv-row b{display:block;color:var(--ink);font-size:1.1rem;font-weight:700} .hv-row span{font-size:.72rem;color:var(--muted)} .float-badge{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shh);display:flex;gap:10px;align-items:center;font-size:.82rem;font-weight:600;color:var(--ink)} .fb1{top:6%;left:-6%} .fb2{bottom:-16px;right:-30px} .float-badge .d{width:34px;height:34px;border-radius:11px;background:var(--ptint);display:grid;place-items:center;flex:none} .float-badge .d svg{width:17px;height:17px;stroke:var(--p4);fill:none;stroke-width:2.3} /* section head */ .shead{max-width:660px;margin:0 auto 52px;text-align:center} .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ptext);background:var(--ptint);padding:7px 16px;border-radius:100px;margin-bottom:16px} .shead p{margin-top:14px;font-size:1rem} .shead.left{margin-left:0;text-align:left} /* grids */ .grid{display:grid;gap:24px} .g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)} /* feature card */ .feat{background:#fff;border-radius:var(--rc);padding:32px 28px;transition:.28s;box-shadow:var(--sh)} .feat:hover{box-shadow:var(--shh);transform:translateY(-6px)} .feat .ic{width:62px;height:62px;border-radius:18px;background:linear-gradient(140deg,var(--p2),var(--p3));display:grid;place-items:center;margin-bottom:20px} .feat .ic svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2.4} .feat h3{margin-bottom:9px} .feat p{font-size:.91rem} /* course card (techera style) */ .cc{background:#fff;border-radius:var(--rc);padding:30px 24px 24px;text-align:center;transition:.28s;box-shadow:var(--sh);display:flex;flex-direction:column;height:100%} .cc:hover{box-shadow:var(--shh);transform:translateY(-6px)} .cc:hover .cc-t{color:var(--p4)} .cc:hover .cc-ic{background:linear-gradient(140deg,var(--p3),var(--p4))} .cc-ic{width:96px;height:96px;border-radius:24px;background:linear-gradient(140deg,var(--p2),var(--p3));display:grid;place-items:center;margin:0 auto 22px;transition:.28s;position:relative} .cc-ic svg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:2.4} .cc-ic .ph{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-size:.58rem;background:#fff;border:1px solid var(--line);color:var(--muted);padding:1px 8px;border-radius:100px;white-space:nowrap} .chip{display:inline-flex;align-items:center;gap:7px;background:var(--ptint);color:var(--ptext);font-size:.79rem;font-weight:500;padding:7px 15px;border-radius:100px;margin-bottom:16px} .chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2} .cc-t{font-size:1.09rem;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:14px;transition:.24s} .cc-meta{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--muted);margin-bottom:22px} .cc-meta div{display:flex;align-items:center;justify-content:center;gap:7px} .cc-meta svg{width:14px;height:14px;stroke:var(--p3);fill:none;stroke-width:2.2} .cc-price{font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:18px;letter-spacing:-.02em} .cc-price small{font-size:.76rem;font-weight:400;color:var(--muted)} .cc .btn{margin-top:auto} /* courses page layout */ .cwrap{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start} .catbox{background:#fff;border-radius:var(--rc);padding:26px 20px;box-shadow:var(--sh);position:sticky;top:108px} .catbox h3{display:flex;align-items:center;gap:11px;font-size:1.22rem;font-weight:700;margin-bottom:20px;padding:0 6px} .catbox h3 .i{width:34px;height:34px;border-radius:10px;background:var(--ptint);display:grid;place-items:center;flex:none} .catbox h3 .i svg{width:17px;height:17px;stroke:var(--p4);fill:none;stroke-width:2.3} .cat{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:16px;width:100%;text-align:left;transition:.2s;margin-bottom:5px;color:var(--ink);font-size:.93rem;font-weight:500;line-height:1.35} .cat:hover{background:var(--cream)} .cat .ci{width:22px;height:22px;flex:none;display:grid;place-items:center} .cat .ci svg{width:19px;height:19px;stroke:var(--p4);fill:none;stroke-width:2} .cat .nm{flex:1} .cat .n{background:#E9F1F9;color:var(--body);font-size:.79rem;font-weight:600;padding:3px 11px;border-radius:100px;flex:none} .cat.on{background:var(--dark);color:#fff} .cat.on .ci svg{stroke:#fff} .cat.on .n{background:#fff;color:var(--dark)} .resbar{background:#fff;border-radius:var(--rc);padding:20px 26px;box-shadow:var(--sh);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap} .resbar .rescnt{font-size:1.02rem;color:var(--body)} .resbar .rescnt b{color:var(--ink);font-weight:700;font-size:1.18rem} /* trainers */ .tc{background:#fff;border-radius:var(--rc);padding:28px 22px;text-align:center;box-shadow:var(--sh);transition:.28s} .tc:hover{box-shadow:var(--shh);transform:translateY(-6px)} .tc .av{width:104px;height:104px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;font-size:1.9rem;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--p2),var(--p3));position:relative} .tc .av .ph{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:.57rem;background:#fff;border:1px solid var(--line);color:var(--muted);padding:1px 8px;border-radius:100px} .tc h3{margin-bottom:3px} .tc .role{font-size:.85rem;color:var(--ptext);font-weight:500} .tc .exp{font-size:.81rem;color:var(--muted);margin-top:8px} .socs{display:flex;gap:8px;justify-content:center;margin-top:18px} .socs a{width:34px;height:34px;border-radius:11px;background:var(--cream);display:grid;place-items:center;transition:.2s} .socs a:hover{background:var(--dark)} .socs a:hover svg{stroke:#fff} .socs svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.8} /* news */ .nc{background:#fff;border-radius:var(--rc);overflow:hidden;box-shadow:var(--sh);transition:.28s;display:flex;flex-direction:column} .nc:hover{box-shadow:var(--shh);transform:translateY(-6px)} .nc .im{aspect-ratio:16/9;background:linear-gradient(140deg,var(--p1),var(--p2));display:grid;place-items:center;position:relative} .nc .im svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:2.3} .nc .im .ph{position:absolute;right:10px;bottom:9px;font-size:.6rem;background:rgba(255,255,255,.85);color:var(--muted);padding:2px 9px;border-radius:100px} .nc-b{padding:24px} .date{font-size:.78rem;color:var(--ptext);font-weight:500;display:flex;align-items:center;gap:7px;margin-bottom:10px} .nc h3{font-size:1.02rem;margin-bottom:9px;line-height:1.45} .nc p{font-size:.88rem} .readmore{color:var(--ink);font-weight:600;font-size:.86rem;display:inline-flex;gap:7px;margin-top:15px;align-items:center} .readmore:hover{color:var(--p4)} /* split */ .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .imgbox{aspect-ratio:4/3.2;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(140deg,var(--p1),var(--p2));box-shadow:var(--shh)} .imgbox svg{width:90px;height:90px;stroke:#fff;fill:none;stroke-width:1.8} .imgbox .ph{position:absolute;bottom:14px;right:14px;font-size:.68rem;background:rgba(255,255,255,.9);color:var(--body);padding:4px 11px;border-radius:100px} .ticks{list-style:none;margin-top:26px;display:grid;gap:14px} .ticks li{display:flex;gap:14px;align-items:flex-start;font-size:.95rem} .ticks .t{width:26px;height:26px;border-radius:9px;background:var(--ptint);display:grid;place-items:center;flex:none;margin-top:2px} .ticks svg{width:13px;height:13px;stroke:var(--p4);stroke-width:3;fill:none} /* forms */ .formcard{background:#fff;border-radius:26px;padding:36px;box-shadow:var(--sh)} .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px} .field{margin-bottom:17px} .field label{display:block;font-size:.84rem;font-weight:500;color:var(--ink);margin-bottom:7px} .field label i{color:#C24545;font-style:normal} .field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:13px;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--cream2);transition:.18s} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--p3);background:#fff;box-shadow:0 0 0 4px rgba(24,119,232,.16)} .field textarea{resize:vertical;min-height:110px} .hint{font-size:.79rem;color:var(--muted);margin-top:12px;text-align:center} .okmsg{display:none;background:#F0FAF3;border:1.5px solid #BFE7CE;color:#2C6B44;border-radius:14px;padding:15px 18px;font-size:.9rem;font-weight:500;margin-bottom:18px} .okmsg.show{display:flex;gap:10px;align-items:center} /* contact */ .cinfo{display:grid;gap:14px} .cline{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:18px;padding:20px;box-shadow:var(--sh)} .cline .ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--p2),var(--p3));display:grid;place-items:center;flex:none} .cline .ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2} .cline b{display:block;color:var(--ink);font-size:.93rem;font-weight:600;margin-bottom:3px} .cline span{font-size:.9rem} .map{height:360px;border-radius:26px;overflow:hidden;background: linear-gradient(rgba(24,119,232,.05),rgba(24,119,232,.05)), repeating-linear-gradient(0deg,#E3ECF6 0 1px,transparent 1px 48px), repeating-linear-gradient(90deg,#E3ECF6 0 1px,transparent 1px 48px),#F8FBFF; display:grid;place-items:center;position:relative;box-shadow:var(--sh)} .map .pin{background:#fff;border-radius:16px;padding:15px 22px;box-shadow:var(--shh);text-align:center;font-size:.87rem} .map .pin b{display:block;color:var(--ink);font-weight:600} .map .bd{position:absolute;top:14px;left:14px;font-size:.72rem;background:var(--dark);color:#fff;padding:5px 13px;border-radius:100px;font-weight:500} /* cta band */ .band{background:var(--dark);border-radius:32px;padding:56px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap} .band::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(24,119,232,.42),transparent 68%);right:-90px;top:-140px} .band>*{position:relative;z-index:2} .band h2{color:#fff;margin-bottom:8px} .band p{color:#A8BCD0} /* page head */ /* Dekorativ yumşaq ləkələr — daxili səhifə başlıqlarında istifadə olunur */ .blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none} .b1{width:520px;height:520px;background:radial-gradient(circle,rgba(107,168,238,.55),transparent 70%);top:-200px;right:-120px} .b2{width:420px;height:420px;background:radial-gradient(circle,rgba(198,222,248,.8),transparent 70%);bottom:-200px;left:-140px} .pagehead{background:var(--cream);padding:60px 0 52px;position:relative;overflow:hidden} .pagehead .wrap{position:relative;z-index:2} .pagehead h1{font-size:clamp(1.7rem,3.4vw,2.6rem)} .pagehead p{margin-top:12px;max-width:620px} .crumb{font-size:.86rem;color:var(--muted);margin-bottom:14px} .crumb a{color:var(--ptext);font-weight:500} /* course detail */ .cd{display:grid;grid-template-columns:1.55fr .95fr;gap:40px;align-items:start} .cd-hero{aspect-ratio:16/7;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:30px;background:linear-gradient(140deg,var(--p1),var(--p2));box-shadow:var(--sh)} .cd-hero svg{width:80px;height:80px;stroke:#fff;fill:none;stroke-width:2.2} .cd-hero .ph{position:absolute;bottom:14px;right:14px;font-size:.68rem;background:rgba(255,255,255,.9);color:var(--body);padding:4px 11px;border-radius:100px} .cd h2{margin:32px 0 14px;font-size:1.3rem} .cd p{margin-bottom:13px} .prog{list-style:none;display:grid;gap:10px;counter-reset:p} .prog li{counter-increment:p;display:flex;gap:15px;align-items:flex-start;background:#fff;border-radius:16px;padding:16px 20px;font-size:.93rem;box-shadow:var(--sh)} .prog li::before{content:counter(p);width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,var(--p2),var(--p3));color:#fff;font-size:.78rem;font-weight:700;display:grid;place-items:center;flex:none} .side{position:sticky;top:108px;display:grid;gap:20px} .pricebox{background:#fff;border-radius:26px;padding:30px;box-shadow:var(--sh)} .pricebox .big{font-size:2.2rem;font-weight:700;color:var(--ink);letter-spacing:-.03em;line-height:1.1} .pricebox .big small{font-size:.82rem;color:var(--muted);font-weight:400} .speclist{list-style:none;margin:20px 0;display:grid} .speclist li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.89rem} .speclist li:last-child{border:none} .speclist b{color:var(--ink);font-weight:600} .trainerbox{background:#fff;border-radius:22px;padding:24px;display:flex;gap:16px;align-items:center;box-shadow:var(--sh)} .trainerbox .av{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none;background:linear-gradient(140deg,var(--p2),var(--p3))} /* partners */ .marq{overflow:hidden;position:relative;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .marq-in{display:flex;gap:20px;width:max-content;animation:mq 36s linear infinite} .marq:hover .marq-in{animation-play-state:paused} @keyframes mq{to{transform:translateX(-50%)}} .plogo{width:196px;height:92px;background:#fff;border-radius:18px;display:grid;place-items:center;flex:none;font-weight:600;color:#9AADC0;letter-spacing:.07em;font-size:.88rem;transition:.24s;text-align:center;padding:0 14px;line-height:1.3;box-shadow:var(--sh)} .plogo:hover{color:var(--p4);transform:translateY(-4px);box-shadow:var(--shh)} /* footer */ footer{background:var(--dark);color:#9DB1C5;padding:66px 0 0;margin-top:0} .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:46px} footer h4{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:18px} footer a{font-size:.89rem;display:block;padding:5px 0;transition:.16s} footer a:hover{color:var(--p2);padding-left:5px} footer p{font-size:.89rem;line-height:1.8} .fsoc{display:flex;gap:10px;margin-top:20px} .fsoc a{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.07);display:grid;place-items:center;padding:0} .fsoc a:hover{background:linear-gradient(140deg,var(--p3),var(--p4));padding-left:0} .fsoc svg{width:16px;height:16px;stroke:#C4D7EA;fill:none;stroke-width:1.8} .fsoc a:hover svg{stroke:#fff} .fbot{border-top:1px solid rgba(255,255,255,.09);padding:22px 0;font-size:.84rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap} /* floating */ .float{position:fixed;right:24px;bottom:24px;z-index:70;display:grid;gap:12px} .fab{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 28px rgba(15,40,72,.28);transition:.2s} .fab:hover{transform:scale(1.08)} .fab.wa{background:#25D366} .fab.up{background:var(--dark)} .fab svg{width:25px;height:25px} /* admin */ .ce-admin-demo{background:#ECF2F8;border-radius:26px;overflow:hidden;box-shadow:var(--shh)} .ce-admin-demo .abar{background:var(--dark);color:#fff;padding:15px 22px;display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:600} .ce-admin-demo .abar .dts{display:flex;gap:6px} .ce-admin-demo .abar .dts i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.24)} .ce-admin-demo .abar .url{margin-left:auto;font-size:.77rem;font-weight:400;color:#A8BCD0;background:rgba(255,255,255,.09);padding:5px 14px;border-radius:100px} .ce-admin-demo .abody{display:grid;grid-template-columns:236px 1fr;min-height:460px} .ce-admin-demo .aside{background:#1A3252;padding:18px 14px} .ce-admin-demo .aside .grp{font-size:.66rem;color:#7E96B0;letter-spacing:.15em;text-transform:uppercase;padding:14px 12px 7px;font-weight:600} .ce-admin-demo .aside a{display:flex;align-items:center;gap:10px;color:#C4D7EA;padding:11px 13px;border-radius:12px;font-size:.87rem;font-weight:500} .ce-admin-demo .aside a:hover{background:rgba(255,255,255,.06)} .ce-admin-demo .aside a.on{background:linear-gradient(140deg,var(--p3),var(--p4));color:#fff;font-weight:600} .ce-admin-demo .aside a .n{margin-left:auto;font-size:.7rem;background:#C24545;color:#fff;padding:1px 8px;border-radius:100px} .ce-admin-demo .aside a.on .n{background:#fff;color:var(--p4)} .ce-admin-demo .amain{padding:26px;background:#F7FAFD;overflow:auto} .ce-admin-demo .amain h3{font-size:1.14rem;margin-bottom:4px} .ce-admin-demo .amain .sub{font-size:.85rem;color:var(--muted);margin-bottom:20px} .ce-admin-demo .atools{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap} .ce-admin-demo .atools input{padding:10px 15px;border:1.5px solid var(--line);border-radius:11px;font-size:.85rem;min-width:230px;font-family:inherit;background:#fff} table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:.86rem;box-shadow:var(--sh)} th{background:#ECF2F9;text-align:right;padding:13px 15px;font-weight:600;color:var(--ink);font-size:.79rem} th:first-child,td:first-child{text-align:left} td{padding:13px 15px;border-top:1px solid #EDF3F9;text-align:right} td:first-child{color:var(--ink);font-weight:500} tbody tr:hover{background:#F8FBFF} .bdg{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.74rem;font-weight:600} .b-new{background:#FCEBD2;color:#92621B} .b-call{background:#E2ECF7;color:#2A5486} .b-ok{background:#DDF3E4;color:#2C6B44} .b-no{background:#FADEDE;color:#8F3535} .ce-admin-demo .atabs{display:flex;gap:8px;margin-bottom:20px} .ce-admin-demo .atabs button{padding:9px 17px;font-size:.86rem;font-weight:500;color:var(--body);border-radius:100px;background:#fff} .ce-admin-demo .atabs button.on{background:var(--dark);color:#fff} .ce-admin-demo .aform{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--sh)} .ce-admin-demo .aform label{font-size:.8rem} .ce-admin-demo .aform input,.aform select,.aform textarea{padding:10px 13px;font-size:.87rem} .ce-admin-demo .upl{border:2px dashed #D2DEEA;border-radius:16px;padding:26px;text-align:center;font-size:.85rem;color:var(--muted);background:var(--cream2)} /* DİQQƏT: Burada əvvəllər ".page{display:none}" qaydası var idi. O, prototipdəki saxta səhifə keçidi üçün idi. WordPress isə etiketinə avtomatik "page" sinfi əlavə edir — nəticədə bütün sayt gizlənirdi (ağ səhifə). Bu qayda tamamilə silindi. WordPress-in standart sinifləri ilə eyni adlı selektor yazmaq olmaz: page, home, single, archive, blog, search, post. */ @media(max-width:1080px){ .hero-visual{max-width:420px;margin:0 auto} .float-badge{display:none} .g4{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(2,1fr)} .split,.cd{grid-template-columns:1fr;gap:34px} .side{position:static} .cwrap{grid-template-columns:1fr} .catbox{position:static} .fgrid{grid-template-columns:1fr 1fr} .abody{grid-template-columns:1fr} .aside{display:none} } @media(max-width:800px){ .menu{display:none} .burger{display:grid} .nav{height:72px} .g2,.g3,.g4{grid-template-columns:1fr} .frow{grid-template-columns:1fr} .sec{padding:56px 0} .fgrid{grid-template-columns:1fr} .formcard{padding:24px} .band{padding:34px;border-radius:26px} .hstats{grid-template-columns:repeat(2,1fr);gap:26px} .statband{padding:30px 0} .fab{width:50px;height:50px} table{font-size:.79rem} .nav-cta .btn{padding:10px 14px;font-size:.82rem} .logo small{display:none} .logo .nm{font-size:1.22rem} .logo .mark{width:38px;height:38px} .wrap{padding:0 18px} } /* ========================================================= WordPress uyğunlaşdırmaları ========================================================= */ /* Loqo şəkli */ .logo .mark img{width:100%;height:100%;object-fit:contain} /* Şəkil yüklənəndə ikon panelini şəkil ilə əvəz et */ .cc-ic.has-img,.nc .im.has-img,.tc .av.has-img,.imgbox.has-img,.cd-hero.has-img{padding:0;overflow:hidden;background:var(--p1)} .cc-ic.has-img{width:100%;height:auto;aspect-ratio:16/10;border-radius:18px} .cc-ic.has-img img,.nc .im.has-img img,.tc .av.has-img img,.imgbox.has-img img,.cd-hero img{width:100%;height:100%;object-fit:cover;display:block} .tc .av.has-img{border-radius:50%} .trainerbox .av.has-img{padding:0;overflow:hidden} .trainerbox .av.has-img img{width:100%;height:100%;object-fit:cover;border-radius:50%} .cd-hero img{border-radius:28px} .plogo img{max-width:80%;max-height:60%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.25s} .plogo:hover img{filter:none;opacity:1} /* Kart başlığındakı link */ .cc-t a,.tc h3 a,.nc h3 a{color:inherit;text-decoration:none} .cc-t a:hover,.nc h3 a:hover{color:var(--p4)} /* Xəritə iframe */ .map iframe{width:100%;height:100%;border:0;display:block} .map{padding:0;overflow:hidden} /* Məzmun tipoqrafiyası (the_content) */ .ce-content{font-size:1rem;line-height:1.75} .ce-content h2{font-size:1.3rem;margin:30px 0 12px} .ce-content h3{font-size:1.1rem;margin:22px 0 8px} .ce-content p{margin-bottom:14px} .ce-content ul,.ce-content ol{margin:0 0 16px 20px} .ce-content li{margin-bottom:8px} .ce-content img{border-radius:16px;margin:18px 0} .ce-content a{color:var(--p4);text-decoration:underline} .ce-content blockquote{border-left:3px solid var(--p3);padding:12px 18px;background:var(--ptint);border-radius:0 10px 10px 0;margin:18px 0} .ce-content table{width:100%;border-collapse:collapse;margin:18px 0} .ce-content th,.ce-content td{border:1px solid var(--line);padding:10px 12px;text-align:left} .ce-content th{background:var(--ptint)} /* Səhifələmə */ .ce-pagination{margin-top:44px;display:flex;justify-content:center} .ce-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap} .ce-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;background:#fff;border:1.5px solid var(--line);font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none;transition:.18s} .ce-pagination .page-numbers:hover{border-color:var(--p3);color:var(--p4)} .ce-pagination .page-numbers.current{background:var(--dark);border-color:var(--dark);color:#fff} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} /* Forma bildirişi */ .okmsg.err{background:#FDF0F0;border-color:#F0C9C9;color:#8F3535} /* Kateqoriya çipi link kimi */ a.chip{text-decoration:none} a.eyebrow{text-decoration:none} /* Admin çubuğu olanda başlığın yerini düzəlt */ .admin-bar header{top:32px} @media(max-width:782px){.admin-bar header{top:46px}}