/* ==========================================================================
   Microcode redizayn: Mərhələ 2, dizayn sistemi (Palitra B: kəhrəba)
   - styles.css və mobile.css-dən SONRA yüklənir.
   - Bütün qaydalar `body.rd` ilə məhdudlaşdırılıb: köhnə utility qaydalarını
     !important olmadan, daha yüksək selektor spesifikliyi ilə üstələyir.
   - `rd` sinfi body-də olmayanda bu fayl heç nəyi dəyişmir.
   ========================================================================== */

/* ---------- Şriftlər (self-host, Google Fonts OFL): Anybody, dəyişən en və çəki oxları ---------- */
@font-face {
    font-family: "Anybody";
    src: url("../fonts/Anybody/anybody-latin-ext.woff2") format("woff2");
    font-weight: 100 900;
    font-stretch: 50% 150%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Anybody";
    src: url("../fonts/Anybody/anybody-latin.woff2") format("woff2");
    font-weight: 100 900;
    font-stretch: 50% 150%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Token-lar ---------- */
:root {
    /* rənglər: fon və səthlər */
    --rd-bg: #0E0C09;
    --rd-bg-2: #120F0B;
    --rd-surface: #181510;
    --rd-surface-2: #1F1B14;
    --rd-surface-3: #27221A;
    /* sərhədlər */
    --rd-line: #2E271D;
    --rd-line-strong: #4A3F2E;
    /* mətn səviyyələri */
    --rd-text: #F6F1E7;
    --rd-text-2: #D2C9B8;
    --rd-muted: #A89F8E;
    --rd-faint: #8C8373;
    /* vurğu (tək vurğu rəngi) */
    --rd-accent: #FFB224;
    --rd-accent-hi: #FFC65C;
    --rd-accent-lo: #E39A0B;
    --rd-ink: #1A1204;
    --rd-accent-soft: rgba(255, 178, 36, .12);
    --rd-accent-line: rgba(255, 178, 36, .42);
    /* vəziyyət rəngləri */
    --rd-danger: #FF7A6B;
    --rd-ok: #8FD9A8;

    /* tipoqrafiya */
    --rd-font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --rd-font-display: "Anybody", "Geist", ui-sans-serif, system-ui, sans-serif;
    --rd-display-stretch: 72%;
    --rd-fs-display: clamp(64px, 3.2rem + 5.2vw, 120px);   /* qısa display başlıqlar */
    --rd-fs-h1: clamp(40px, 2rem + 3.2vw, 80px);           /* uzun başlıqlar / məqalə başlıqları */
    --rd-fs-h2: clamp(34px, 1.7rem + 2.2vw, 64px);
    --rd-fs-h3: clamp(22px, 1.1rem + .9vw, 32px);
    --rd-fs-lead: clamp(18px, 1rem + .35vw, 21px);
    --rd-fs-body: 16px;
    --rd-fs-small: 14px;
    --rd-lh-display: .96;
    --rd-lh-tight: 1.1;
    --rd-lh-body: 1.6;
    --rd-ls-display: -.02em;
    --rd-ls-tight: -.015em;

    /* boşluq şkalası (4px əsaslı) */
    --rd-space-1: 4px;
    --rd-space-2: 8px;
    --rd-space-3: 12px;
    --rd-space-4: 16px;
    --rd-space-5: 24px;
    --rd-space-6: 32px;
    --rd-space-7: 48px;
    --rd-space-8: 64px;
    --rd-space-9: 96px;
    --rd-space-10: 144px;
    --rd-gutter: 16px;

    /* künc radiusları */
    --rd-radius-xs: 6px;
    --rd-radius-sm: 10px;
    --rd-radius-md: 16px;
    --rd-radius-lg: 24px;
    --rd-radius-pill: 999px;

    /* kölgələr (tünd fonda incə + işıq halqası) */
    --rd-shadow-1: 0 1px 0 rgba(246, 241, 231, .04) inset, 0 1px 2px rgba(0, 0, 0, .5);
    --rd-shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .7);
    --rd-shadow-3: 0 28px 60px -24px rgba(0, 0, 0, .85);
    --rd-glow: 0 0 0 1px var(--rd-accent-line), 0 14px 44px -14px rgba(255, 178, 36, .45);

    /* keçid sürətləri */
    --rd-ease: cubic-bezier(.2, .7, .2, 1);
    --rd-t-fast: .15s;
    --rd-t-base: .3s;
    --rd-t-slow: .6s;
}
@media (min-width: 768px) { :root { --rd-gutter: 24px; } }

/* ---------- Baza ---------- */
html:has(body.rd) { background: var(--rd-bg); color-scheme: dark; }
body.rd {
    background-color: var(--rd-bg);
    color: var(--rd-text);
    color-scheme: dark;
    font-family: var(--rd-font-body);
    font-size: var(--rd-fs-body);
    line-height: var(--rd-lh-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.rd ::selection { background: var(--rd-accent); color: var(--rd-ink); }
body.rd a { transition: color var(--rd-t-base) var(--rd-ease), opacity var(--rd-t-base) var(--rd-ease); }

/* köhnə utility rəng sinifləri yeni mətn səviyyələrinə köçürülür */
body.rd .text-black,
body.rd .text-dark-gray,
body.rd .text-dark-black,
body.rd .text-gray-900 { color: var(--rd-text); }
body.rd .text-black-500,
body.rd .text-gray-600,
body.rd .text-gray-200 { color: var(--rd-muted); }
body.rd .text-gray-800 { color: var(--rd-text-2); }
body.rd .hover\:text-blue-600:hover { color: var(--rd-accent-hi); }
body.rd .bg-white { background-color: var(--rd-surface); }

/* fokus: klaviatura naviqasiyası üçün görünən vurğu halqası */
body.rd :is(a, button, select, input, textarea, summary):focus-visible {
    outline: 2px solid var(--rd-accent);
    outline-offset: 3px;
}

/* ---------- Tipoqrafiya ---------- */
body.rd h1,
body.rd h2 {
    font-family: var(--rd-font-display);
    font-stretch: var(--rd-display-stretch);
    font-weight: 800;
    letter-spacing: var(--rd-ls-display);
    line-height: var(--rd-lh-display);
    text-wrap: balance;
    overflow-wrap: break-word;
    color: var(--rd-text);
}
body.rd h1 { font-size: var(--rd-fs-h1); }
body.rd h2 { font-size: var(--rd-fs-h2); margin-bottom: var(--rd-space-5); }
/* qısa səhifə başlıqları (Haqqımızda, Xidmətlər, Portfolio, Bloqlar, Əlaqə) display ölçüsündə */
body.rd .page-titles h1,
body.rd .about-hero h1 { font-size: var(--rd-fs-display); }
/* ana səhifə hero: hələlik uzun slogan olduğu üçün h1 şkalası; Mərhələ 3-də qısa display başlıq gələcək */
body.rd .home-h1 { font-size: clamp(34px, 1.4rem + 3.2vw, 68px); line-height: 1.02; max-width: 22ch; }
body.rd h3, body.rd h4, body.rd h5 {
    font-family: var(--rd-font-body);
    font-weight: 600;
    letter-spacing: var(--rd-ls-tight);
    line-height: var(--rd-lh-tight);
    color: var(--rd-text);
}
body.rd .page-titles { max-width: 980px; }
body.rd .page-titles > div,
body.rd .container > .text-black-500 { font-size: var(--rd-fs-lead); line-height: 1.55; color: var(--rd-muted); }

/* ---------- Hero fonu: pastel şəkil əvəzinə vurğu rənginə uyğun CSS parıltısı ---------- */
body.rd .page-head {
    background-image:
        radial-gradient(52% 62% at 82% -8%, rgba(255, 178, 36, .22), transparent 70%),
        radial-gradient(38% 48% at 4% 6%, rgba(255, 178, 36, .08), transparent 72%);
    min-height: 680px;
    -webkit-mask-image: linear-gradient(to bottom, #000 58%, transparent);
    mask-image: linear-gradient(to bottom, #000 58%, transparent);
}

/* ---------- Header ---------- */
body.rd .header {
    border-bottom: 1px solid transparent;
    transition: background-color var(--rd-t-base) var(--rd-ease), border-color var(--rd-t-base) var(--rd-ease),
                -webkit-backdrop-filter var(--rd-t-base) var(--rd-ease), backdrop-filter var(--rd-t-base) var(--rd-ease);
}
body.rd .header.active {
    background-color: rgba(14, 12, 9, .78);
    -webkit-backdrop-filter: blur(16px) saturate(1.25);
    backdrop-filter: blur(16px) saturate(1.25);
    border-bottom-color: var(--rd-line);
    box-shadow: none;
}
body.rd .header .nav-menu a { color: var(--rd-text-2); }
body.rd .header .nav-menu a:hover { color: var(--rd-accent-hi); }
body.rd .header a[href^="tel:"] span { color: var(--rd-text-2); }
body.rd .header a[href^="tel:"]:hover span { color: var(--rd-accent-hi); }
body.rd .header img[src$="call.svg"],
body.rd .header img[src$="phone-call.svg"],
body.rd .header img[src$="menu.svg"],
body.rd .header img[src$="icn-chevron-down.svg"] { filter: invert(1) brightness(.92); }
body.rd .mobile-lang a { color: var(--rd-text-2); }
body.rd .mobile-lang li.active a { color: var(--rd-accent); }
@media (max-width: 1279px) {
    body.rd .nav-menu { background-color: var(--rd-bg); }
    body.rd .nav-menu .menu-close svg { color: var(--rd-text); }
}

/* ---------- Düymələr ---------- */
/* köhnə "qara" CTA düymələri (bg-black) yeni vurğu düyməsinə çevrilir */
body.rd .bg-black,
body.rd .contact-submit {
    background-color: var(--rd-accent);
    color: var(--rd-ink);
    border: 1px solid var(--rd-accent);
    font-weight: 500;
    transition: transform var(--rd-t-base) var(--rd-ease), background-color var(--rd-t-base) var(--rd-ease),
                box-shadow var(--rd-t-base) var(--rd-ease);
}
body.rd .bg-black:hover,
body.rd .contact-submit:hover {
    opacity: 1;
    background-color: var(--rd-accent-hi);
    transform: translateY(-2px);
    box-shadow: var(--rd-glow);
}
body.rd .bg-black.text-white,
body.rd .bg-black .text-white,
body.rd .contact-submit .text-white,
body.rd .contact-submit span { color: var(--rd-ink); }
body.rd .bg-black img[src$="arrow-right.svg"] { filter: invert(1); }
body.rd .contact-submit svg path { stroke: var(--rd-ink); }

/* ==========================================================================
   Hissə 2: bölmələr və komponentlər (kartlar, işlər, bloq, rəylər, formalar, FAQ, footer)
   ========================================================================== */

/* ---------- Xidmət / fəlsəfə kartları (pastel + əyilmə ləğv, vahid tünd kart) ---------- */
body.rd .philosophy .philosophy-item,
body.rd .philosophy .philosophy-item[data-tone] {
    background-color: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: var(--rd-radius-lg);
    box-shadow: none;
    transform: none;
    transition: border-color var(--rd-t-base) var(--rd-ease), background-color var(--rd-t-base) var(--rd-ease),
                transform var(--rd-t-base) var(--rd-ease);
}
body.rd .philosophy .philosophy-item:hover {
    background-color: var(--rd-surface-2);
    border-color: var(--rd-accent-line);
    box-shadow: none;
    transform: translateY(-3px);
}
body.rd .philosophy .philosophy-item[data-tone] h4 span { color: var(--rd-text); }
body.rd .philosophy .philosophy-item[data-tone] .philosophy-text { color: var(--rd-text-2); }

body.rd .service-item,
body.rd .service-item[data-tone] {
    background-color: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: var(--rd-radius-lg);
    transition: border-color var(--rd-t-base) var(--rd-ease), background-color var(--rd-t-base) var(--rd-ease);
}
body.rd .service-item[data-tone] p { color: var(--rd-text); }
body.rd .service-item:hover { background-color: var(--rd-surface-2); border-color: var(--rd-accent-line); }
body.rd .service-item a:hover { box-shadow: none; }

/* ---------- Texnologiya şəkli: açıq fonlu PNG tünd səhifədə açıq kart kimi dayanır (Mərhələ 5-də SVG ilə əvəz olunacaq) ---------- */
body.rd picture:has(img[src*="techstack"]) {
    display: block;
    background: var(--rd-text);
    border-radius: var(--rd-radius-lg);
    padding: var(--rd-space-4);
    overflow: hidden;
}
body.rd picture:has(img[src*="techstack"]) img { border-radius: var(--rd-radius-md); }

/* ---------- Ortaq: etiketlər (tags) ---------- */
body.rd .tags-list li span,
body.rd .contact-box-item .tags-list li span {
    background-color: rgba(24, 21, 16, .78);
    border: 1px solid var(--rd-line-strong);
    color: var(--rd-text);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* ---------- İşlər bölməsi (ana səhifə) ---------- */
body.rd .work-frame {
    background: var(--rd-surface);
    border-color: var(--rd-line);
    box-shadow: var(--rd-shadow-2);
}
body.rd .work-frame:hover,
body.rd .work-frame:focus-visible {
    border-color: var(--rd-accent-line);
    box-shadow: var(--rd-glow);
}
body.rd .work-bar { background: var(--rd-surface-2); border-bottom-color: var(--rd-line); }
body.rd .work-bar i { background: var(--rd-line-strong); }
body.rd .work-url { background: var(--rd-bg); border-color: var(--rd-line); color: var(--rd-muted); }
body.rd .work-title { color: var(--rd-text); }
body.rd .work-cat { color: var(--rd-muted); }
body.rd .work-link { color: var(--rd-text-2); }
body.rd .work-link:hover { color: var(--rd-accent-hi); }

/* ---------- Bloq və portfolio kartları ---------- */
body.rd .blog-item a {
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: var(--rd-radius-lg);
    transition: border-color var(--rd-t-base) var(--rd-ease), background-color var(--rd-t-base) var(--rd-ease),
                transform var(--rd-t-base) var(--rd-ease);
}
body.rd .blog-item a:hover { background: var(--rd-surface-2); border-color: var(--rd-accent-line); transform: translateY(-3px); }
body.rd .blog-item:hover h4,
body.rd .portfolio-item:hover h4,
body.rd .portfolio-item:hover div { color: var(--rd-accent-hi); }
body.rd .blog-author { color: var(--rd-muted); }
body.rd .blog-author svg { fill: var(--rd-muted); }
body.rd .blog-author span:first-child::after { background-color: var(--rd-line-strong); }
body.rd .portfolio-item a { border-radius: var(--rd-radius-lg); }
body.rd .portfolio-nav li a { border-color: transparent; color: var(--rd-text-2); }
body.rd .portfolio-nav li a:hover,
body.rd .portfolio-nav li.active a { border-color: var(--rd-accent); color: var(--rd-text); }
body.rd .portfolio-nav img { filter: invert(1) brightness(.9); }

/* ---------- Rəylər ---------- */
body.rd .testimonials {
    background: var(--rd-surface);
    border: 1px solid var(--rd-line);
}
body.rd .testimonials .testimonial-item,
body.rd .testimonials .testimonial-item:nth-child(n) {
    background-color: var(--rd-surface-2);
    border: 1px solid var(--rd-line-strong);
    box-shadow: var(--rd-shadow-2);
}
body.rd .testimonials .testimonial-item:nth-child(n) .testimonial-text { color: var(--rd-text-2); }
body.rd .testimonials .testimonial-item:nth-child(n) p { color: var(--rd-text); }
body.rd .testimonials .testimonial-item:nth-child(n) span { color: var(--rd-muted); }
body.rd .testimonials-content h4 { color: var(--rd-text); }

/* ---------- Əlaqə blokları və formalar ---------- */
body.rd .contact-box-item {
    background-color: var(--rd-bg-2);
    border: 1px solid var(--rd-line);
    border-radius: var(--rd-radius-lg);
}
body.rd .cbox-item { border: 1px solid var(--rd-line); border-radius: var(--rd-radius-md); }
body.rd .contact-box-item .cbox-item.bg-white,
body.rd .contact-box-item a.bg-white { background-color: var(--rd-surface); }
body.rd .contact-box-item .text-black,
body.rd .contact-box-item h4,
body.rd .contact-box-item p { color: var(--rd-text); }
body.rd .contact-box-item .text-black-500 { color: var(--rd-muted); }
body.rd .contact-info a:hover span,
body.rd .contact-box-item a:hover span { color: var(--rd-accent-hi); }
body.rd .contact-box-item img[src$="icn-mail.svg"],
body.rd .contact-box-item img[src$="icn-phone-call.svg"],
body.rd .contact-box-item img[src$="icn-arrow-right.svg"] { filter: invert(1) brightness(.9); }
body.rd .contact-social-box img { filter: invert(1) brightness(1.15); }
body.rd .contact-social-box a:hover { background-color: var(--rd-surface-3); }

body.rd input,
body.rd select,
body.rd textarea {
    background-color: var(--rd-surface);
    color: var(--rd-text);
    border-color: var(--rd-line);
    transition: border-color var(--rd-t-base) var(--rd-ease), background-color var(--rd-t-base) var(--rd-ease);
}
body.rd input::placeholder,
body.rd textarea::placeholder { color: var(--rd-muted); opacity: 1; }
body.rd input:focus,
body.rd select:focus,
body.rd textarea:focus {
    border-color: var(--rd-accent);
    background-color: var(--rd-surface-2);
    box-shadow: 0 0 0 3px var(--rd-accent-soft);
    outline: none;
}
body.rd select option { background-color: var(--rd-surface); color: var(--rd-text); }
body.rd .relative > svg path { fill: var(--rd-muted); }
body.rd .lang-select { background-color: transparent; border-color: var(--rd-line-strong); color: var(--rd-text-2); }

/* ---------- FAQ akkordeonu ---------- */
body.rd .contact-collapse-item {
    background-color: var(--rd-surface);
    border: 1px solid var(--rd-line);
    border-radius: var(--rd-radius-md);
    transition: border-color var(--rd-t-base) var(--rd-ease);
}
body.rd .contact-collapse-item:hover { border-color: var(--rd-line-strong); }
body.rd .contact-collapse h3 button { color: var(--rd-text); font-family: var(--rd-font-body); }
body.rd .contact-collapse-text { color: var(--rd-text-2); }
body.rd .faq-plus { filter: invert(1) brightness(.95); }
body.rd .contact-collapse button[aria-expanded="true"] { color: var(--rd-accent-hi); }

/* ---------- Footer ---------- */
body.rd .footer {
    border-top: 1px solid var(--rd-line);
    padding-top: var(--rd-space-7);
    padding-bottom: var(--rd-space-7);
}
body.rd img.bg-img { display: none; }
body.rd .footer a { color: var(--rd-text-2); }
body.rd .footer a:hover { color: var(--rd-accent-hi); }
body.rd .footer p { color: var(--rd-muted); }

/* ==========================================================================
   Hissə 3: daxili səhifələr (məqalə mətni, tək səhifələr, əlavə komponentlər)
   ========================================================================== */

/* ---------- Məqalə mətni (blog-single, siyasət/şərtlər səhifələri) ---------- */
body.rd .blog-content,
body.rd .terms-privacy-txt {
    color: var(--rd-text-2);
    font-size: 17px;
    line-height: 1.75;
    max-width: 78ch;
}
body.rd .blog-content > *,
body.rd .terms-privacy-txt > * { max-width: 78ch; }
body.rd .blog-content p,
body.rd .terms-privacy-txt p { color: var(--rd-text-2); margin-block: 1em; }
body.rd .blog-content a,
body.rd .terms-privacy-txt a { color: var(--rd-accent-hi); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--rd-accent-line); }
body.rd .blog-content a:hover,
body.rd .terms-privacy-txt a:hover { color: var(--rd-accent); text-decoration-color: currentColor; }
body.rd .blog-content strong,
body.rd .terms-privacy-txt strong { color: var(--rd-text); font-weight: 600; }
/* məqalə daxilindəki başlıqlar: display yox, oxunaqlı Geist */
body.rd .blog-content h2, body.rd .terms-privacy-txt h2,
body.rd .blog-content h3, body.rd .terms-privacy-txt h3,
body.rd .blog-content h4, body.rd .terms-privacy-txt h4 {
    font-family: var(--rd-font-body);
    font-stretch: 100%;
    font-weight: 600;
    letter-spacing: var(--rd-ls-tight);
    line-height: 1.2;
    color: var(--rd-text);
    margin-top: 1.9em;
    margin-bottom: .6em;
    text-wrap: balance;
}
body.rd .blog-content h2, body.rd .terms-privacy-txt h2 { font-size: clamp(26px, 1.2rem + 1vw, 34px); }
body.rd .blog-content h3, body.rd .terms-privacy-txt h3 { font-size: clamp(21px, 1rem + .6vw, 26px); }
body.rd .blog-content h4, body.rd .terms-privacy-txt h4 { font-size: 20px; }
body.rd .blog-content ul, body.rd .terms-privacy-txt ul { list-style: disc; padding-left: 1.4em; margin-block: 1em; }
body.rd .blog-content ol, body.rd .terms-privacy-txt ol { list-style: decimal; padding-left: 1.4em; margin-block: 1em; }
body.rd .blog-content li, body.rd .terms-privacy-txt li { margin-block: .35em; padding-left: .2em; }
body.rd .blog-content li::marker, body.rd .terms-privacy-txt li::marker { color: var(--rd-accent); }
body.rd .blog-content blockquote,
body.rd .terms-privacy-txt blockquote {
    border-left: 3px solid var(--rd-accent);
    background: var(--rd-surface);
    padding: var(--rd-space-4) var(--rd-space-5);
    border-radius: 0 var(--rd-radius-md) var(--rd-radius-md) 0;
    color: var(--rd-text);
    margin-block: 1.4em;
}
body.rd .blog-content hr, body.rd .terms-privacy-txt hr { border-color: var(--rd-line); margin-block: 2em; }
body.rd .blog-content img { border-radius: var(--rd-radius-md); max-width: 100%; height: auto; }
body.rd .blog-content code, body.rd .terms-privacy-txt code {
    background: var(--rd-surface-2); border: 1px solid var(--rd-line); border-radius: var(--rd-radius-xs);
    padding: .1em .4em; font-size: .92em; color: var(--rd-accent-hi);
}
body.rd .blog-content pre { background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: var(--rd-radius-md); padding: var(--rd-space-4); overflow: auto; }
body.rd .blog-content table, body.rd .terms-privacy-txt table { border-collapse: collapse; width: 100%; margin-block: 1.4em; }
body.rd .blog-content th, body.rd .blog-content td,
body.rd .terms-privacy-txt th, body.rd .terms-privacy-txt td { border: 1px solid var(--rd-line); padding: var(--rd-space-3) var(--rd-space-4); }
body.rd .blog-content th, body.rd .terms-privacy-txt th { background: var(--rd-surface); color: var(--rd-text); text-align: left; }

/* ---------- Tək səhifələrin örtük şəkilləri ---------- */
body.rd .blog-cover-img { border-radius: var(--rd-radius-lg); border: 1px solid var(--rd-line); }
/* "Haqqımızda": şəffaf PNG-də qara loqo yazısı var, tünd fonda görünməsi üçün açıq kartda dayanır */
body.rd .about-cover { background: var(--rd-text); padding: var(--rd-space-5); }
body.rd .project-content img { border: 1px solid var(--rd-line); }
body.rd .not-found { color: var(--rd-text); }

/* ---------- Etiket siyahıları və kiçik başlıqlar (tək portfolio/blog) ---------- */
body.rd .tags-list li span { font-size: var(--rd-fs-small); }
body.rd .illus-icons li img { opacity: .95; }

/* ---------- Hər cür cədvəl/ayırıcı xətt ---------- */
body.rd hr { border-color: var(--rd-line); }
body.rd .border,
body.rd .border-b,
body.rd .border-b-2 { border-color: var(--rd-line); }
body.rd .portfolio-nav li a { border-bottom-width: 2px; }
/* inline SVG oxlar (stroke #36394A) tünd fonda görünsün */
body.rd a svg path[stroke="#36394A"] { stroke: var(--rd-text-2); }
body.rd a:hover svg path[stroke="#36394A"] { stroke: var(--rd-accent-hi); }

/* ---------- Mobil: uzun display sözlər (məs. "Xidmətlərimiz") 375px-də sığsın: ölçü saxlanır, en oxu daralır ---------- */
@media (max-width: 480px) {
    :root { --rd-display-stretch: 56%; }
    body.rd .home-h1 { max-width: none; }
}