/* ════════════════════════════════════════════════════════════════════ AZEA — RESPONSIV TƏNZİMLƏMƏLƏR (mobil tipoqrafiya + planşet/masaüstü tərtibat) Yaradıldı: 2026-09-03 · ABŞ bazarına hazırlıq SƏBƏB azea-ds.css `@media (min-width: 480px)` ilə bütün böyük ekranlara 430px-lik "telefon çərçivəsi" verir (--azea-shell-w). Nəticədə 1440px monitorda məzmun ekranın cəmi 30%-ini tuturdu, 70% boş qalırdı və mobil alt naviqasiya masaüstündə də görünürdü. ABŞ auditoriyasının təxminən yarısı masaüstündən gəlir — premium studiya üçün bu, «bitməmiş sayt» təəssüratı yaradırdı. ÜSUL Bu fayl ƏN SONDA yüklənir və yalnız ≥768px-də işə düşür. Heç bir mövcud qayda silinmir; mobil görünüş (<768px) tamamilə toxunulmazdır. Geri qaytarmaq üçün _layout.php-dən bir sətrini silmək kifayətdir. ════════════════════════════════════════════════════════════════════ */ /* ─── MOBİL (≤767px) — TİPOQRAFİYA ÖLÇÜSÜ ─────────────────────────── Ana səhifə başlığı 390px enində ekranda 51px idi (sətir hündürlüyü 41,5px, yəni sətirlər bir-birinə sıxılırdı) və hero blok ekranın 63%-ini tuturdu. Ölçülər telefon üçün balanslaşdırılır; tərtibat və rənglər dəyişmir. */ @media (max-width: 767.98px) { .nh-hero h1, .nh-hero-title { font-size: clamp(32px, 8.6vw, 40px) !important; line-height: 1.06 !important; letter-spacing: -0.5px !important; } .nh-hero-lead { font-size: 14.5px !important; line-height: 1.5 !important; } .nh-stat strong, .nh-stat-num { font-size: 25px !important; } .nh-sect-title h2, .nh-sect-title { font-size: 15px !important; } h2 { font-size: 25px !important; } h3 { font-size: 24px !important; } /* Dekorativ bölmə nömrəsi («02») — fon elementidir, kiçildilir */ .nh-camp-no { font-size: 30px !important; } /* Funksional etiketlər 8–9,5px idi — telefon üçün oxunaqlıq həddindən aşağı. Ölçüldü: dok 5 elementlə 370/390px tutur, daşma və kəsilmə yoxdur. QEYD: hədiyyə kartının üzərindəki xırda yazı (.cc-serial, .cc-tag, .cc-tier) QƏSDƏN kiçikdir — əsl kartın çap yazısını təqlid edir, toxunulmur. */ .dock-label { font-size: 10px !important; } .dock-cta-label { font-size: 10.5px !important; } .nh-tile-badge { font-size: 10px !important; } .lp-tag { font-size: 9.5px !important; } .nh-chip { font-size: 10.5px !important; } .nh-kicker { font-size: 10.5px !important; } } /* ─── PLANŞET (768–1023px) — çərçivə genişlənir, mobil naviqasiya qalır ─── */ @media (min-width: 768px) and (max-width: 1023.98px) { body { max-width: 760px !important; } .site-header, .dock-nav, .overlay-menu, .scroll-progress { max-width: 760px !important; } .nh-app, .exec-app, .neo-app { max-width: 760px !important; width: auto !important; margin-inline: auto !important; padding-inline: 26px !important; } .nh-stats, .nh-stats-2 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; } .nh-mosaic { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; height: auto !important; } .nh-mosaic > .nh-tile { height: 280px !important; width: auto !important; min-width: 0 !important; } .nh-gift-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; } .nh-gift-list > * { width: auto !important; min-width: 0 !important; flex: none !important; } } /* ─── MASAÜSTÜ (≥1024px) — tam veb tərtibat ─── */ @media (min-width: 1024px) { /* 1. Telefon çərçivəsindən çıxış */ body { max-width: none !important; margin-inline: 0 !important; box-shadow: none !important; padding-bottom: 0 !important; } .site-header, .overlay-menu, .scroll-progress { max-width: none !important; } .site-header > * { max-width: 1240px; margin-inline: auto; } /* Əsas məzmun konteyneri — oxunaqlı sətir uzunluğu üçün 1240px. DİQQƏT: hər səhifənin ÖZ konteyneri var, hamısı 430px-ə bağlı idi: index.php → .nh-app · services.php → .exec-app · projects.php → .neo-app (smeta.php → .sm-page onsuz da 1240px idi, toxunulmur.) */ .nh-app, .exec-app, .neo-app { max-width: 1240px !important; width: auto !important; margin-inline: auto !important; padding-inline: 32px !important; } /* 2. Mobil alt dok masaüstündə lazım deyil — menyu başlıqdadır */ .dock-nav { display: none !important; } /* 3. Hero — tam en, böyüdülmüş tipoqrafiya */ .nh-hero { min-height: 600px !important; border-radius: 22px !important; } .nh-hero-title, .nh-hero h1 { font-size: clamp(52px, 4.4vw, 76px) !important; line-height: 1.03 !important; max-width: 14ch !important; } .nh-hero-lead { font-size: 18px !important; max-width: 54ch !important; } /* 4. Statistika — hər sətir 2 element, tam eni doldurur */ .nh-stats, .nh-stats-2 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; } .nh-stat { min-width: 0 !important; } /* 5. Portfel mozaikası — 3 sütun */ .nh-mosaic { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; height: auto !important; } .nh-mosaic > .nh-tile { height: 320px !important; width: auto !important; min-width: 0 !important; } /* 6. Hədiyyə kartları — 4 sütun */ .nh-gift-list { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; } .nh-gift-list > * { width: auto !important; min-width: 0 !important; flex: none !important; } /* 7. XİDMƏTLƏR səhifəsi — tək sütunda qalan siyahılar. Ölçüldü (1440px): sig-list 916→296px, journey 334→95px, compact-list 1805→1124px; səhifə ~5500→3941px. */ .exec-sig-list { grid-template-columns: repeat(3, 1fr) !important; } .exec-journey { grid-template-columns: repeat(4, 1fr) !important; } .exec-compact-list { grid-template-columns: repeat(3, 1fr) !important; } /* LAYİHƏLƏR — portfel şəbəkəsi 2 sütunda qalırdı (24 layihə, 3340px). 3 sütun: 2224px, kart 385×436 — portfel üçün standart nisbət. */ .neo-grid { grid-template-columns: repeat(3, 1fr) !important; } /* 8. Mobil üçün nəzərdə tutulmuş kiçik mətnlər masaüstündə oxunaqlı olsun */ .dock-label { font-size: 11px !important; } .lp-tag { font-size: 10px !important; } .eyebrow { font-size: 11px !important; letter-spacing: .2em !important; } }