:root {
        /* =========================================================
     DELTA CLEAN – DESIGN TOKENEK
  ========================================================= */

        /* Márkaszínek */
        --dc-primary: #1c5aa6;
        --dc-primary-hover: #174b89;
        --dc-primary-hover-strong: #15457f;

        --dc-blue: #356eb5;
        --dc-blue-dark: #285892;
        --dc-blue-hover: #244f84;
        --dc-blue-light: #eef5fb;
        --dc-blue-soft: #f3f7fc;
        --dc-navy: #12395b;
        --dc-accent-blue: #2b7bd6;
        --dc-link-blue: #0275d8;

        /* Címszínek */
        --dc-heading-blue: #12395b;
        --dc-heading-blue-alt: #123d6b;

        /* Szövegszínek */
        --dc-text: #1f2937;
        --dc-heading: #111827;
        --dc-muted: #4b5563;
        --dc-muted-light: #6b7280;
        --dc-text-soft: #374151;
        --dc-text-slate: #334155;
        --dc-muted-blue: #5b6472;
        --dc-muted-disabled: #5b6b7d;

        /* Háttérszínek */
        --dc-white: #ffffff;
        --dc-bg-soft: #f3f7fb;
        --dc-bg-light: #f8fbff;
        --dc-bg-section: #eef5fc;
        --dc-bg-muted: #f7f9fc;
        --dc-bg-cta: #f3f6fa;
        --dc-bg-cta-gradient-end: #eef3f9;
        --dc-bg-placeholder: #eef2f7;
        --dc-bg-split: #f4f7fb;
        --dc-bg-faq-head: #f7fbff;
        --dc-bg-faq-question: #f8fbfe;
        --dc-bg-faq-open: #eef5fb;
        --dc-bg-faq-icon: #e8f1fb;
        --dc-bg-mobile-hover: #f2f7fc;
        --dc-bg-mobile-icon-hover: #f5f9fd;

        /* Keretek */
        --dc-border: #d8e2ee;
        --dc-border-muted: #d1d5db;
        --dc-border-light: #e5e7eb;
        --dc-border-blue: #d9e7f4;
        --dc-border-soft: #d7e1ec;
        --dc-border-subtle: #e6edf5;
        --dc-border-form: #e2e8f0;
        --dc-border-card: #d9e2ec;
        --dc-border-tag: #cbd8e6;
        --dc-border-hover: #b8c4d6;
        --dc-border-featured: #dbe5f0;
        --dc-border-service-hover: #c5d1e0;
        --dc-border-menu: #d9e4ef;
        --dc-border-faq-head: #d9e7f3;
        --dc-border-faq-hover: #c7d9eb;
        --dc-border-faq-open: #c8dbef;
        --dc-border-mobile-icon: #cfdceb;
        --dc-border-mobile-icon-hover: #b8cde3;
        --dc-border-divider: #e5edf5;

        /* Állapot- és kiegészítő színek */
        --dc-danger: #e53935;

        /* Lekerekítések */
        --dc-radius-xs: 4px;
        --dc-radius-sm: 6px;
        --dc-radius-base: 8px;
        --dc-radius-image: 0px;
        --dc-radius-md: 4px;
        --dc-radius-card-lg: 14px;
        --dc-radius-lg: 18px;
        --dc-radius-xl: 20px;
        --dc-radius-pill: 999px;

        /* Árnyékok */
        --dc-shadow-soft: 0 6px 18px rgba(15, 23, 42, 0.05);
        --dc-shadow-card: 0 8px 18px rgba(15, 23, 42, 0.08);
        --dc-shadow-strong: 0 12px 28px rgba(21, 61, 110, 0.08);
        --dc-shadow-form: 0 4px 14px rgba(0, 0, 0, 0.05);
        --dc-shadow-elevated: 0 10px 20px rgba(0, 0, 0, 0.05);
        --dc-shadow-service-hover: 0 14px 28px rgba(15, 23, 42, 0.10);
        --dc-shadow-cta: 0 10px 26px rgba(15, 23, 42, 0.06);
        --dc-shadow-menu: 0 12px 28px rgba(18, 61, 117, 0.10);
        --dc-shadow-subtle-card: 0 4px 16px rgba(0, 0, 0, 0.04);
        --dc-shadow-subtle-hover: 0 10px 24px rgba(0, 0, 0, 0.08);
        --dc-shadow-faq-hover: 0 10px 24px rgba(15, 23, 42, 0.08);
        --dc-shadow-products-btn: 0 10px 18px rgba(28, 90, 166, 0.22);
        --dc-shadow-products-btn-hover: 0 14px 24px rgba(28, 90, 166, 0.28);
        --dc-shadow-danger-badge: 0 2px 8px rgba(229, 57, 53, 0.25);
        --dc-shadow-mobile-icon: 0 4px 14px rgba(28, 90, 166, 0.08);

        /* Térközök */
        --dc-space-xs: 6px;
        --dc-space-sm: 10px;
        --dc-space-md: 18px;
        --dc-space-lg: 24px;
        --dc-space-xl: 35px;
        --dc-space-xxl: 50px;

        /* Elrendezés */
        --dc-container: 1100px;
        --dc-container-wide: 1200px;
        --dc-container-products: 1180px;
        --dc-grid-gap: 22px;
        --dc-mobile-menu-height: 56px;

        /* Animációk */
        --dc-transition-fast: 0.18s ease;
        --dc-transition-base: 0.2s ease;
        --dc-transition-image: 0.35s ease;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ BLOKK ELVÁLASZTÓ
========================================================= */

    .aboutus-separator {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 42px auto;
    }

    .aboutus-separator::before {
        content: "";
        display: block;
        width: 86px;
        height: 4px;
        border-radius: var(--dc-radius-pill);
        background: linear-gradient(90deg,
                var(--dc-primary) 0%,
                var(--dc-accent-blue) 100%);
        box-shadow: 0 6px 14px rgba(28, 90, 166, 0.18);
    }

    /* =========================================================
   DELTA CLEAN – ALAP KONTÉNEREK / ÁLTALÁNOS ALAPOLDAL STRUKTÚRA
   Az általános belső oldalak alap szélessége, tipográfiája
   és szekcióközei.
========================================================= */

    .dc-container {
        max-width: var(--dc-container);
        margin: 0 auto;
        padding: 0 var(--dc-space-md);
        color: var(--dc-text);
        line-height: 1.6;
        text-align: left;
    }

    .dc-section {
        margin: 0 0 var(--dc-space-xl);
    }

    /* =========================================================
   DELTA CLEAN – ÁLTALÁNOS GRID ELRENDEZÉSEK
   2 és 3 hasábos reszponzív elrendezések.
========================================================= */

    .dc-grid-2,
    .dc-grid-3 {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--dc-grid-gap);
    }

    .dc-grid-2>* {
        flex: 1 1 420px;
        min-width: 280px;
    }

    .dc-grid-3>* {
        flex: 1 1 320px;
        min-width: 260px;
    }

    /* =========================================================
   DELTA CLEAN – ÁLTALÁNOS OLDALFEJLÉC / BEVEZETŐ BLOKK
   Címsor és bevezető szöveg a belső aloldalak tetején.
========================================================= */

    .dc-header {
        margin-bottom: 28px;
        padding-top: 22px;
        border-top: 2px solid var(--dc-primary);
    }

    .dc-title {
        margin: 0 0 12px;
        color: var(--dc-heading);
        font-size: 34px;
        font-weight: 700;
        text-align: center;
    }

    .dc-lead {
        max-width: 820px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
    }


    /* =========================================================
   DELTA CLEAN – ÁLTALÁNOS KÁRTYÁK / DOBOZOS TARTALOM
   Kisebb információs blokkok, szövegdobozok, tartalmi elemek.
========================================================= */

    .dc-card,
    .dc-contact-box {
        box-sizing: border-box;
        width: 100%;
        padding: var(--dc-space-lg);
        border: 1px solid var(--dc-border-muted);
        background-color: var(--dc-white);
        text-align: left;
    }

    .dc-card h2,
    .dc-card h3,
    .dc-card h4 {
        margin-top: 0;
        margin-bottom: 12px;
        color: var(--dc-primary);
    }

    .dc-card p {
        margin: 0 0 12px;
        color: var(--dc-text);
        line-height: 1.6;
    }

    .dc-label {
        margin: 0 0 8px;
        color: var(--dc-primary);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    .dc-bigtext {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-heading);
        font-size: 20px;
        font-weight: 700;
    }

    /* =========================================================
   DELTA CLEAN – KAPCSOLATI BLOKK / ELÉRHETŐSÉGEK
   Kapcsolat oldali információs dobozok és nyitvatartás.
========================================================= */

    .dc-contact-box {
        height: 100%;
    }

    .dc-contact-item {
        margin: 0 0 var(--dc-space-sm);
        font-size: 16px;
        line-height: 1.6;
    }

    .dc-hours-row {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 8px 0;
        border-bottom: 1px solid var(--dc-border-light);
    }

    .dc-hours-row:last-child {
        border-bottom: none;
    }

    .dc-hours-day {
        color: var(--dc-text);
        font-size: 16px;
    }

    .dc-hours-time {
        color: var(--dc-heading);
        font-size: 16px;
        font-weight: 700;
        text-align: right;
    }

    /* =========================================================
   DELTA CLEAN – TÉRKÉP BLOKK
   Térképes szakasz címével és keretezésével.
========================================================= */

    .dc-map-title {
        margin-bottom: var(--dc-space-md);
        padding: 10px 16px;
        border-left: 3px solid var(--dc-primary);
        background-color: var(--dc-bg-muted);
        color: var(--dc-heading);
        font-size: 18px;
        font-weight: 700;
    }

    .dc-map-wrap {
        box-sizing: border-box;
        padding: 20px;
        border: 1px solid var(--dc-border-muted);
        background-color: var(--dc-white);
    }

    /* =========================================================
   DELTA CLEAN – ÁLTALÁNOS CTA / FELHÍVÁS BLOKK
   Oldalvégi figyelemfelkeltő kapcsolatfelvételi szekció.
========================================================= */

    .dc-cta {
        margin: 40px 0 0;
        padding: 40px 30px;
        border-top: 4px solid var(--dc-primary);
        background-color: var(--dc-bg-cta);
        text-align: center;
    }

    .dc-cta h2 {
        margin: 0 0 var(--dc-space-md);
        color: var(--dc-primary);
        font-size: 30px;
        font-weight: 700;
    }

    .dc-cta p {
        max-width: 820px;
        margin: 0 auto var(--dc-space-md);
        color: var(--dc-text);
        font-size: 16px;
    }

    /* =========================================================
   DELTA CLEAN – AJÁNLATKÉRŐ / EGYEDI OFFER OLDAL ALAPBEÁLLÍTÁS
   Az ajánlatkérő vagy sales fókuszú aloldal teljes külső váza.
========================================================= */

    .dc-offer-page {
        max-width: var(--dc-container);
        margin: 0 auto;
        padding: 0 var(--dc-space-md) var(--dc-space-xxl);
        color: var(--dc-text);
        line-height: 1.6;
    }

    .dc-offer-page * {
        box-sizing: border-box;
    }

    /* =========================================================
   DELTA CLEAN – AJÁNLATKÉRŐ OLDAL FEJLÉC
   Főcím és bevezető szöveg az ajánlatkérő aloldal tetején.
========================================================= */

    .dc-offer-header {
        margin-bottom: 30px;
        padding-top: 22px;
        border-top: 2px solid var(--dc-primary);
    }

    .dc-offer-header h1 {
        margin: 0 0 12px;
        color: var(--dc-heading);
        font-size: 34px;
        font-weight: 700;
        text-align: center;
    }

    .dc-offer-header p {
        max-width: 820px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
    }

    /* =========================================================
   DELTA CLEAN – KIEMELT AJÁNLATI / HERO BLOKK
   Fő ajánlat vagy bemutató rész bal-jobb hasábos elrendezésben.
========================================================= */

    .dc-offer-highlight {
        margin: 0 0 30px;
        padding: 28px 24px;
        border: 1px solid var(--dc-border-soft);
        background-color: var(--dc-bg-soft);
    }

    .dc-offer-highlight-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--dc-grid-gap);
    }

    .dc-offer-highlight-left {
        flex: 1 1 520px;
        min-width: 280px;
    }

    .dc-offer-highlight-right {
        display: flex;
        flex: 1 1 260px;
        align-items: center;
        justify-content: center;
        min-width: 260px;
    }

    .dc-offer-highlight h2 {
        margin: 0 0 12px;
        color: var(--dc-primary);
        font-size: 28px;
        line-height: 1.25;
    }

    .dc-offer-highlight p {
        margin: 0 0 14px;
        color: var(--dc-text-soft);
        font-size: 16px;
    }

    /* =========================================================
   DELTA CLEAN – CÍMKÉK / TAG ELEMEK
   Kiemelt tulajdonságok, rövid benefit címkék.
========================================================= */

    .dc-offer-tags {
        display: flex;
        flex-wrap: wrap;
        gap: var(--dc-space-sm);
        margin-top: var(--dc-space-md);
    }

    .dc-offer-tag {
        padding: 8px 12px;
        border: 1px solid var(--dc-border-tag);
        background-color: var(--dc-white);
        color: var(--dc-primary);
        font-size: 14px;
        font-weight: 700;
    }

    /* =========================================================
   DELTA CLEAN – GOMBOK / CTA GOMBOK
   Elsődleges, másodlagos és újrahasználható gombstílusok.
========================================================= */

    .dc-offer-btn,
    .dc-offer-btn-outline,
    .dc-button,
    .dc-button-outline {
        display: inline-block;
        font-weight: 700;
        text-decoration: none !important;
    }

    .dc-offer-btn,
    .dc-button {
        border: 1px solid var(--dc-primary);
        background-color: var(--dc-primary);
        color: var(--dc-white) !important;
    }

    .dc-offer-btn:hover,
    .dc-button:hover {
        color: var(--dc-white) !important;
        text-decoration: none !important;
    }

    .dc-offer-btn {
        padding: 13px 26px;
    }

    .dc-offer-btn:hover {
        border-color: var(--dc-primary-hover);
        background-color: var(--dc-primary-hover);
    }

    .dc-button {
        margin: 0 10px 10px;
        padding: 14px 30px;
        border: none;
    }

    .dc-button:hover {
        background-color: var(--dc-primary-hover-strong);
    }

    .dc-offer-btn-outline,
    .dc-button-outline {
        border: 2px solid var(--dc-primary);
        background-color: transparent;
        color: var(--dc-primary) !important;
    }

    .dc-offer-btn-outline:hover,
    .dc-button-outline:hover {
        background-color: var(--dc-primary);
        color: var(--dc-white) !important;
        text-decoration: none !important;
    }

    .dc-offer-btn-outline {
        padding: 13px 26px;
    }

    .dc-button-outline {
        margin: 0 10px 10px;
        padding: 12px 28px;
    }

    /* =========================================================
   DELTA CLEAN – SZEKCIÓCÍMEK / BEVEZETŐ SZÖVEGEK
   Az ajánlatkérő aloldal egyes tartalmi blokkjainak címei.
========================================================= */

    .dc-offer-section-title {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-primary);
        font-size: 28px;
        text-align: center;
    }

    .dc-offer-section-intro {
        max-width: 850px;
        margin: 0 auto 26px;
        color: var(--dc-muted);
        font-size: 16px;
        text-align: center;
    }

    /* =========================================================
   DELTA CLEAN – AJÁNLATI TARTALMI GRID / OSZLOPOK / DOBOZOK
   Több hasábos tartalmi részek, információs blokkok.
========================================================= */

    .dc-offer-grid {
        display: flex;
        flex-wrap: wrap;
        gap: var(--dc-grid-gap);
        margin-bottom: 30px;
    }

    .dc-offer-col {
        flex: 1 1 420px;
        min-width: 280px;
    }

    .dc-offer-box {
        height: 100%;
        padding: 25px;
        border: 1px solid var(--dc-border-soft);
        background-color: var(--dc-white);
    }

    .dc-offer-box h3 {
        margin: 0 0 16px;
        padding-bottom: var(--dc-space-sm);
        border-bottom: 1px solid var(--dc-border-subtle);
        color: var(--dc-primary);
        font-size: 22px;
    }

    /* =========================================================
   DELTA CLEAN – LÉPÉSEK / FOLYAMATBEMUTATÁS
   Számozott folyamatábra vagy lépésről lépésre lista.
========================================================= */

    .dc-steps {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .dc-steps li {
        position: relative;
        margin-bottom: var(--dc-space-md);
        padding-left: 44px;
    }

    .dc-step-no {
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        background-color: var(--dc-primary);
        color: var(--dc-white);
        font-size: 14px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
    }

    .dc-steps strong {
        display: block;
        margin-bottom: 3px;
        color: var(--dc-heading);
    }

    /* =========================================================
   DELTA CLEAN – ÁLTALÁNOS LISTÁK
   Felsorolások, előnyök és tudnivalók listás megjelenítése.
========================================================= */

    .dc-list {
        margin: 0;
        padding-left: var(--dc-space-md);
    }

    .dc-list li {
        margin-bottom: var(--dc-space-sm);
        color: var(--dc-text-soft);
    }

    /* =========================================================
   DELTA CLEAN – ŰRLAP BLOKK / FORM FEJLÉC
   Kapcsolatfelvételi vagy ajánlatkérő űrlap környezete.
========================================================= */

    .dc-form-wrap {
        margin: 40px 0;
        padding: 26px 28px;
        border: 1px solid var(--dc-border-light);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-form);
    }

    .dc-form-head {
        margin-bottom: var(--dc-space-md);
        text-align: center;
    }

    .dc-form-head h2 {
        margin: 0 0 var(--dc-space-xs);
        color: var(--dc-primary);
        font-size: 24px;
    }

    .dc-form-head p {
        max-width: 520px;
        margin: 0 auto;
        color: var(--dc-muted-light);
        font-size: 15px;
    }

    .dc-form-section {
        margin-bottom: 60px;
    }

    .dc-minicrm-form {
        max-width: 720px;
        margin: 0 auto;
        padding: 22px;
        border: 1px solid var(--dc-border-form);
        border-radius: var(--dc-radius-sm);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-elevated);
    }

    .dc-minicrm-form iframe {
        width: 100%;
        min-height: 800px;
        border: 0;
    }

    /* =========================================================
   DELTA CLEAN – ELŐNYÖK / BENEFIT KÁRTYÁK
   Rövid előnyök, USP-k vagy szolgáltatási kiemelések.
========================================================= */

    .dc-benefits {
        margin-bottom: 30px;
    }

    .dc-benefits-grid {
        display: flex;
        flex-wrap: wrap;
        gap: var(--dc-grid-gap);
    }

    .dc-benefit {
        flex: 1 1 240px;
        min-width: 220px;
        padding: 22px var(--dc-space-md);
        border: 1px solid var(--dc-border-soft);
        background-color: var(--dc-white);
        text-align: center;
    }

    .dc-benefit h4 {
        margin: 0 0 8px;
        color: var(--dc-primary);
        font-size: 18px;
    }

    .dc-benefit p {
        margin: 0;
        color: var(--dc-muted-light);
        font-size: 14px;
    }

    /* =========================================================
   DELTA CLEAN – KAPCSOLATI / ZÁRÓ AJÁNLATI BLOKK
   Oldalvégi kapcsolatfelvételi doboz linkekkel és gombokkal.
========================================================= */

    .dc-offer-contact-box {
        padding: 28px 24px;
        border: 1px solid var(--dc-border-soft);
        border-top: 3px solid var(--dc-primary);
        background-color: var(--dc-white);
        text-align: center;
    }

    .dc-offer-contact-box h2 {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-primary);
        font-size: 26px;
    }

    .dc-offer-contact-box p {
        margin: 0 0 15px;
        color: var(--dc-muted);
        font-size: 16px;
    }

    .dc-offer-contact-links {
        margin-bottom: var(--dc-space-md);
        font-size: 17px;
        line-height: 1.9;
    }

    .dc-offer-contact-links a {
        color: var(--dc-primary) !important;
        font-weight: 700;
        text-decoration: none;
    }

    .dc-offer-contact-links a:hover {
        text-decoration: underline;
    }

    .dc-offer-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    /* =========================================================
   DELTA CLEAN – AJÁNLATKÉRÉS / FOLYAMATKÁRTYÁK
   Lépésenkénti ajánlatkérési vagy együttműködési folyamat.
========================================================= */

    .dc-offer-process {
        margin: 0 0 32px;
    }

    .dc-offer-process-grid {
        display: grid;
        gap: var(--dc-space-md);
    }

    .dc-offer-process-card {
        padding: var(--dc-space-md) 20px;
        border: 1px solid var(--dc-border-form);
        border-radius: var(--dc-radius-sm);
        background-color: var(--dc-white);
    }

    .dc-offer-process-no {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        margin-bottom: 8px;
        border-radius: var(--dc-radius-xs);
        background-color: var(--dc-primary);
        color: var(--dc-white);
        font-size: 14px;
        font-weight: 700;
    }

    .dc-offer-process-card h3 {
        margin: var(--dc-space-xs) 0;
        font-size: 18px;
    }

    .dc-offer-process-card p {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    /* =========================================================
   DELTA CLEAN – AJÁNLATKÉRÉS / KÉTOSZLOPOS LAYOUT
   Bal oldalon információ, jobb oldalon form vagy MiniCRM űrlap.
========================================================= */

    .dc-offer-split {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 40px;
        margin: 0 0 var(--dc-space-xxl);
    }

    .dc-offer-split-left {
        display: flex;
        flex: 1 1 420px;
        flex-direction: column;
        min-width: 300px;
        padding: 30px;
        border-radius: var(--dc-radius-base);
        background-color: var(--dc-bg-split);
    }

    .dc-offer-split-right {
        display: flex;
        flex: 1 1 520px;
        flex-direction: column;
        min-width: 320px;
    }

    .dc-offer-split-right .dc-minicrm-form {
        flex-grow: 1;
        max-width: none;
        margin: 0;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ OLDAL / ALAPSTRUKTÚRA
   About us jellegű aloldal fő konténere és alap tipográfiája.
========================================================= */

    .aboutus {
        max-width: var(--dc-container);
        margin: 0 auto;
        color: var(--dc-text);
        line-height: 1.7;
    }

    .aboutus h1 {
        margin: 0 0 20px;
        font-size: 34px;
        font-weight: 700;
        letter-spacing: 0.3px;
        text-align: center;
    }

    .aboutus h2 {
        margin: 0 0 var(--dc-space-md);
        font-size: 28px;
        font-weight: 700;
    }

    .aboutus img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .aboutus a {
        transition:
            opacity var(--dc-transition-fast),
            background-color var(--dc-transition-fast),
            color var(--dc-transition-fast),
            border-color var(--dc-transition-fast);
    }

    .aboutus a:hover {
        opacity: 0.97;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ BEVEZETŐ SZEKCIÓ
   Nyitó szövegblokk, lead bekezdés, középre igazított bemutatás.
========================================================= */

    .aboutus-intro {
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: linear-gradient(
    135deg,
    #064c96 0%,
    #2781e2 48%,
    #75d4f2 100%
);
}

.aboutus-intro::before {
    content: "";
    display: none;
}

.aboutus-intro-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 16px;
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(28px, 4vw, 56px);
    align-items: stretch;
    min-height: clamp(420px, 38vw, 560px);
}

.aboutus-intro-image {
    width: 100%;
    height: 100%;
}

.aboutus-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
    box-shadow: 0 24px 50px rgba(8, 40, 68, 0.22);
}

.aboutus-intro-content {
    position: relative;
    z-index: 1;
    text-align: left;
    justify-self: start;
    align-self: center;
    padding: clamp(42px, 6vw, 80px) 0;
}

.aboutus-intro-content p {
    max-width: 680px;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    color: rgba(255, 255, 255, 0.92);
}

.aboutus-intro-content p:last-child {
    margin-bottom: 0;
}

.aboutus-intro-content .lead {
    color: #ffffff;
    font-size: clamp(21px, 2.3vw, 30px);
    line-height: 1.45;
    font-weight: 800;
    text-align: left;
}

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ STATISZTIKAI SOR
   Rövid számadatok, kiemelt mutatók, tapasztalat, partner, év.
========================================================= */

    .aboutus-stats {
        margin: 0 0 40px;
    }

    .aboutus-stats-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--dc-space-md);
    }

    .aboutus-stat {
        box-sizing: border-box;
        flex: 1 1 220px;
        min-width: 180px;
        padding: 24px var(--dc-space-md);
        border: 1px solid var(--dc-border-card);
        border-radius: var(--dc-radius-md);
        background-color: var(--dc-white);
        text-align: center;
        transition:
            transform var(--dc-transition-fast),
            box-shadow var(--dc-transition-fast),
            border-color var(--dc-transition-fast);
    }

    .aboutus-stat:hover {
        border-color: var(--dc-border-hover);
        box-shadow: var(--dc-shadow-card);
        transform: translateY(-3px);
    }

    .aboutus-stat strong {
        display: block;
        margin-bottom: 8px;
        color: var(--dc-primary);
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
    }

    .aboutus-stat span {
        display: block;
        color: var(--dc-muted);
        font-size: 14px;
        line-height: 1.5;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ INFORMÁCIÓS KÁRTYÁK
   Értékek, előnyök, rövid vállalati bemutató elemek.
========================================================= */

    .aboutus-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0 0 40px;
    }

    .aboutus-card {
        box-sizing: border-box;
        flex: 1 1 320px;
        min-width: 280px;
        padding: 22px;
        border: 1px solid var(--dc-border-muted);
        border-radius: var(--dc-radius-md);
        background-color: var(--dc-white);
        transition:
            transform var(--dc-transition-fast),
            box-shadow var(--dc-transition-fast),
            border-color var(--dc-transition-fast);
    }

    .aboutus-card:hover {
        border-color: var(--dc-border-hover);
        box-shadow: var(--dc-shadow-card);
        transform: translateY(-3px);
    }

    .aboutus-card h3 {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-heading);
        font-size: 18px;
        font-weight: 700;
    }

    .aboutus-card p {
        margin: 0;
        font-size: 16px;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ SZOLGÁLTATÁSI BLOKKOK
   Kattintható szolgáltatási kártyák vagy kategóriadobozok.
========================================================= */

    .aboutus-services {
        display: flex;
        flex-wrap: wrap;
        gap: var(--dc-grid-gap);
        margin: 0 0 45px;
    }

    .aboutus-service {
        display: block;
        box-sizing: border-box;
        flex: 1 1 300px;
        min-width: 260px;
        overflow: hidden;
        border: 1px solid var(--dc-border-muted);
        border-radius: var(--dc-radius-card-lg);
        background-color: var(--dc-white);
        color: inherit;
        text-decoration: none;
        transition:
            transform var(--dc-transition-base),
            box-shadow var(--dc-transition-base),
            border-color var(--dc-transition-base);
    }

    .aboutus-service:hover {
        border-color: var(--dc-border-service-hover);
        box-shadow: var(--dc-shadow-service-hover);
        opacity: 1;
        transform: translateY(-4px);
    }

    .aboutus-service img {
        display: block;
        width: 100%;
        height: auto;
        transition: transform var(--dc-transition-image);
    }

    .aboutus-service:hover img {
        transform: scale(1.03);
    }

    .aboutus-service-content {
        padding: 20px;
    }

    .aboutus-service h3 {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-heading);
        font-size: 20px;
        font-weight: 700;
    }

    .aboutus-service p {
        margin: 0 0 14px;
        color: var(--dc-text);
        font-size: 15px;
    }

    .aboutus-service span {
        color: var(--dc-primary);
        font-size: 15px;
        font-weight: 700;
    }

    .aboutus-services-intro {
        margin: 0 0 25px;
        color: var(--dc-muted);
        font-size: 16px;
    }

    .aboutus-image-rounded {
        width: 100%;
        height: auto;
        border-radius: var(--dc-radius-image);
    }

    .aboutus-text-block p {
        margin: 0 0 15px;
        font-size: 16px;
    }

    .aboutus-text-block p:last-child {
        margin-bottom: 0;
    }

    .aboutus-full-image {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 var(--dc-grid-gap);
    }

    .aboutus-video-title {
        font-size: 26px;
        text-align: center;
    }

    .aboutus-video-intro {
        margin: 0 0 25px;
        text-align: center;
    }

    .aboutus-video-image {
        display: block;
        width: 100%;
        height: auto;
        border: 1px solid var(--dc-border-muted);
    }

    .aboutus-cta-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin-top: 12px;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ VIDEÓ BLOKK
   Beágyazott videó vagy videós bemutatkozás kerete.
========================================================= */

    .aboutus-video {
        max-width: 640px;
        margin: 30px auto 40px;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ CTA / ZÁRÓ BLOKK
   Oldalvégi kapcsolatfelvételi vagy ajánlatkérő felhívás.
========================================================= */

    .aboutus-cta {
        margin: var(--dc-space-xxl) 0 0;
        padding: 42px 30px;
        border-top: 4px solid var(--dc-primary);
        border-radius: var(--dc-radius-card-lg);
        background: linear-gradient(180deg,
                var(--dc-bg-cta) 0%,
                var(--dc-bg-cta-gradient-end) 100%);
        box-shadow: var(--dc-shadow-cta);
        text-align: center;
    }

    .aboutus-cta h2 {
        margin: 0 0 var(--dc-space-md);
        color: var(--dc-primary);
        font-size: 30px;
        font-weight: 700;
    }

    .aboutus-cta p {
        max-width: 820px;
        margin: 0 auto var(--dc-space-md);
        color: var(--dc-text);
        font-size: 16px;
    }

    /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ GOMBOK
   About us oldali elsődleges és outline gombok.
========================================================= */

    .aboutus-button,
    .aboutus-button-outline {
        display: inline-block;
        margin: 0 10px 10px;
        font-weight: 700;
        text-decoration: none !important;
    }

    .aboutus-button {
        padding: 14px 30px;
        border: none;
        background-color: var(--dc-primary);
        color: var(--dc-white) !important;
    }

    .aboutus-button:hover {
        background-color: var(--dc-primary-hover-strong);
        color: var(--dc-white) !important;
        text-decoration: none !important;
        opacity: 1;
    }

    .aboutus-button-outline {
        padding: 12px 28px;
        border: 2px solid var(--dc-primary);
        background-color: transparent;
        color: var(--dc-primary) !important;
    }

    .aboutus-button-outline:hover {
        background-color: var(--dc-primary);
        color: var(--dc-white) !important;
        text-decoration: none !important;
        opacity: 1;
    }

    /* =========================================================
   DELTA CLEAN – MUNKATÁRSAK / CSAPAT GRID ELRENDEZÉS
   Csapatkártyák rácsszerkezete, középre rendezett változatokkal.
========================================================= */

    .dc-team-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--dc-grid-gap);
    }

    .dc-team-grid-center {
        justify-content: center;
    }

    .dc-team-grid-center .dc-team-card {
        max-width: 320px;
    }

    .dc-team-center {
        display: flex;
        justify-content: center;
    }

    /* =========================================================
   DELTA CLEAN – MUNKATÁRSAK / KÁRTYÁK
   Egyes munkatársak dobozos megjelenítése.
========================================================= */

    .dc-team-card {
        box-sizing: border-box;
        flex: 1 1 260px;
        min-width: 240px;
        padding: 20px;
        border: 1px solid var(--dc-border-muted);
        background-color: var(--dc-white);
        text-align: center;
        transition:
            transform var(--dc-transition-fast),
            box-shadow var(--dc-transition-fast),
            border-color var(--dc-transition-fast);
    }

    .dc-team-card:hover {
        border-color: var(--dc-border-hover);
        box-shadow: var(--dc-shadow-card);
        transform: translateY(-3px);
    }

    .dc-team-card--small {
        flex: 1 1 220px;
        min-width: 220px;
        padding: var(--dc-space-md);
    }

    .dc-team-card--wide {
        flex: 1 1 320px;
        min-width: 280px;
    }

    /* =========================================================
   DELTA CLEAN – MUNKATÁRSAK / FOTÓK ÉS HELYKITÖLTŐK
   Profilképek és kép nélküli placeholder elemek.
========================================================= */

    .dc-team-photo,
    .dc-team-placeholder {
        width: 92px;
        height: 92px;
        margin: 0 auto 14px;
        border: 1px solid var(--dc-border-muted);
        border-radius: 50%;
    }

    .dc-team-photo {
        overflow: hidden;
        background-color: var(--dc-white);
    }

    .dc-team-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dc-team-photo--large,
    .dc-team-placeholder--large {
        width: 110px;
        height: 110px;
    }

    .dc-team-photo--small,
    .dc-team-placeholder--small {
        width: 82px;
        height: 82px;
        margin-bottom: 12px;
    }

    .dc-team-placeholder {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--dc-bg-placeholder);
        color: var(--dc-muted-light);
        font-size: 28px;
        font-weight: 700;
    }

    .dc-team-placeholder--small {
        font-size: 24px;
    }

    .dc-team-placeholder--large {
        font-size: 30px;
    }

    /* =========================================================
   DELTA CLEAN – MUNKATÁRSAK / SZEKCIÓCÍM ÉS KIEMELT SZEMÉLY
   Külön vezetői vagy kiemelt munkatársi blokkhoz.
========================================================= */

    .dc-team-section-title {
        margin-bottom: var(--dc-space-md);
        padding: 10px 16px;
        border-left: 3px solid var(--dc-primary);
        background-color: var(--dc-bg-muted);
        color: var(--dc-heading);
        font-size: 18px;
        font-weight: 700;
    }

    .dc-team-featured {
        margin-bottom: 28px;
        padding: 26px 24px;
        border: 1px solid var(--dc-border-featured);
        background-color: var(--dc-bg-muted);
        text-align: center;
    }

    /* =========================================================
   DELTA CLEAN – MUNKATÁRSAK / NÉV, POZÍCIÓ, ELÉRHETŐSÉG
   Kártyán belüli szöveges információk.
========================================================= */

    .dc-team-name,
    .dc-team-name-lg {
        color: var(--dc-heading);
        font-weight: 700;
    }

    .dc-team-name {
        margin: 0 0 var(--dc-space-xs);
        font-size: 19px;
    }

    .dc-team-name-lg {
        margin: 0 0 8px;
        font-size: 28px;
    }

    .dc-team-role {
        margin: 0 0 12px;
        color: var(--dc-muted);
        font-size: 15px;
    }

    .dc-team-role-lg {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-text);
        font-size: 17px;
    }

    .dc-team-region {
        margin: 0 0 12px;
        color: var(--dc-muted-light);
        font-size: 14px;
    }

    .dc-team-contact {
        margin: 0 0 var(--dc-radius-xs);
        font-size: 14px;
    }

    .dc-team-contact:last-child {
        margin-bottom: 0;
    }



    /* =========================================================
   DELTA CLEAN – TERMÉKOLDALI ALSÓ CTA BLOKK
   Termékkategória vagy termékoldal alatti ajánlatkérő CTA.
========================================================= */

    .dc-products-bottom {
        max-width: var(--dc-container-products);
        margin: 42px auto 0;
    }

    .dc-products-cta {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 34px 26px;
        border: 1px solid var(--dc-border-blue);
        border-radius: 0;
        background: linear-gradient(135deg,
                var(--dc-bg-light) 0%,
                var(--dc-bg-section) 100%);
        box-shadow: var(--dc-shadow-strong);
        text-align: center;
    }

    .dc-products-cta-content {
        position: relative;
        z-index: 2;
    }

    .dc-products-cta h2 {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-heading-blue-alt);
        font-size: 30px;
        line-height: 1.2;
    }

    .dc-products-cta p {
        max-width: 760px;
        margin: 0 auto var(--dc-space-md);
        color: var(--dc-text-slate);
        font-size: 16px;
        line-height: 1.6;
    }

    .dc-products-cta-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin-top: 12px;
    }

    .dc-products-cta-btn {
        position: relative;
        z-index: 2;
        display: inline-block;
        padding: 14px 26px;
        border-radius: 0;
        background: linear-gradient(135deg,
                var(--dc-primary) 0%,
                var(--dc-accent-blue) 100%);
        box-shadow: var(--dc-shadow-products-btn);
        color: var(--dc-white) !important;
        font-weight: 700;
        text-decoration: none;
        transition:
            transform var(--dc-transition-base),
            box-shadow var(--dc-transition-base);
    }

    .dc-products-cta-btn:hover {
        box-shadow: var(--dc-shadow-products-btn-hover);
        transform: translateY(-2px);
    }

    /* =========================================================
   DELTA CLEAN – STATISZTIKA BLOKK
========================================================= */

    .dc-stats {
        max-width: var(--dc-container-products);
        margin: 0 auto 40px;
        padding: 22px 24px;
        border: 1px solid var(--dc-border-blue);
        border-radius: var(--dc-radius-xl);
        background: linear-gradient(135deg,
                var(--dc-bg-light) 0%,
                var(--dc-bg-section) 100%);
        box-shadow: var(--dc-shadow-strong);
    }

    .dc-stats-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: var(--dc-space-md);
        text-align: center;
    }

    .dc-stat-item {
        flex: 1 1 160px;
        min-width: 160px;
        padding: 10px 8px;
    }

    .dc-stat-value {
        margin-bottom: var(--dc-space-xs);
        color: var(--dc-primary);
        font-size: 30px;
        font-weight: 700;
        line-height: 1.1;
    }

    .dc-stat-label {
        color: var(--dc-muted);
        font-size: 14px;
        line-height: 1.5;
    }

    /* =========================================================
   DELTA CLEAN – GYIK OLDAL
   Professzionális, B2B fókuszú, egységes megjelenés.
========================================================= */

    .dc-faq-wrap {
        box-sizing: border-box;
        max-width: var(--dc-container);
        margin: 40px auto;
        padding: 0 var(--dc-space-md);
        color: var(--dc-text);
    }

    .dc-faq-wrap *,
    .dc-faq-wrap *::before,
    .dc-faq-wrap *::after {
        box-sizing: border-box;
    }

    /* =========================================================
   DELTA CLEAN – GYIK FEJLÉC
========================================================= */

    .dc-faq-head {
        position: relative;
        overflow: hidden;
        margin-bottom: 28px;
        padding: 34px 28px 30px;
        border: 1px solid var(--dc-border-faq-head);
        border-radius: var(--dc-radius-lg);
        background: linear-gradient(135deg,
                var(--dc-bg-faq-head) 0%,
                var(--dc-blue-light) 100%);
        text-align: center;
    }

    .dc-faq-head::before,
    .dc-faq-head::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .dc-faq-head::before {
        top: -60px;
        right: -60px;
        width: 180px;
        height: 180px;
        background: radial-gradient(circle,
                rgba(28, 90, 166, 0.12) 0%,
                rgba(28, 90, 166, 0) 72%);
    }

    .dc-faq-head::after {
        bottom: -70px;
        left: -70px;
        width: 200px;
        height: 200px;
        background: radial-gradient(circle,
                rgba(39, 129, 226, 0.10) 0%,
                rgba(39, 129, 226, 0) 72%);
    }

    .dc-faq-toplabel {
        position: relative;
        z-index: 1;
        display: inline-block;
        margin: 0 0 14px;
        padding: 7px 14px;
        border-radius: var(--dc-radius-pill);
        background-color: var(--dc-primary);
        color: var(--dc-white);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.4px;
        line-height: 1;
        text-transform: uppercase;
    }

    .dc-faq-head h1 {
        position: relative;
        z-index: 1;
        margin: 0 0 14px;
        color: var(--dc-heading-blue);
        font-size: 36px;
        line-height: 1.2;
    }

    .dc-faq-head p {
        position: relative;
        z-index: 1;
        max-width: 800px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 17px;
        line-height: 1.75;
    }

    /* =========================================================
   DELTA CLEAN – GYIK GYORS INFORMÁCIÓS SÁV
========================================================= */

    .dc-faq-highlights {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin: 0 0 30px;
    }

    .dc-faq-highlight {
        padding: var(--dc-space-md) var(--dc-space-md) 16px;
        border: 1px solid var(--dc-border);
        border-radius: var(--dc-radius-card-lg);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-soft);
        text-align: left;
    }

    .dc-faq-highlight strong {
        display: block;
        margin: 0 0 7px;
        color: var(--dc-heading-blue);
        font-size: 15px;
        line-height: 1.4;
    }

    .dc-faq-highlight span {
        display: block;
        color: var(--dc-muted-blue);
        font-size: 14px;
        line-height: 1.7;
    }

    /* =========================================================
   DELTA CLEAN – GYIK LISTA
========================================================= */

    .dc-faq-list {
        margin: 0;
        padding: 0;
    }

    .dc-faq-item {
        overflow: hidden;
        margin: 0 0 14px;
        border: 1px solid var(--dc-border);
        border-radius: var(--dc-radius-card-lg);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-soft);
        transition:
            transform var(--dc-transition-base),
            box-shadow var(--dc-transition-base),
            border-color var(--dc-transition-base);
    }

    .dc-faq-item:hover {
        border-color: var(--dc-border-faq-hover);
        box-shadow: var(--dc-shadow-faq-hover);
        transform: translateY(-2px);
    }

    .dc-faq-question {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 20px 58px 20px 22px;
        border: none;
        outline: none;
        background-color: var(--dc-bg-faq-question);
        color: var(--dc-heading-blue);
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        list-style: none;
    }

    .dc-faq-question::-webkit-details-marker {
        display: none;
    }

    .dc-faq-question::marker {
        display: none;
    }

    .dc-faq-question::after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: var(--dc-bg-faq-icon);
        color: var(--dc-primary);
        font-size: 22px;
        font-weight: 500;
        line-height: 1;
        transform: translateY(-50%);
    }

    .dc-faq-item[open] {
        border-color: var(--dc-border-faq-open);
    }

    .dc-faq-item[open] .dc-faq-question {
        background-color: var(--dc-bg-faq-open);
    }

    .dc-faq-item[open] .dc-faq-question::after {
        content: "−";
    }

    .dc-faq-answer {
        margin: 0;
        padding: 2px 22px 22px;
        background-color: var(--dc-white);
        color: var(--dc-text-soft);
        font-size: 16px;
        line-height: 1.78;
    }

    .dc-faq-answer p {
        margin: 0 0 12px;
    }

    .dc-faq-answer p:first-child {
        padding-top: var(--dc-radius-xs);
    }

    .dc-faq-answer p:last-child,
    .dc-faq-answer ul:last-child {
        margin-bottom: 0;
    }

    .dc-faq-answer ul {
        margin: 8px 0 12px 20px;
        padding: 0;
    }

    .dc-faq-answer li {
        margin: 0 0 var(--dc-space-xs);
    }

    /* =========================================================
   DELTA CLEAN – GYIK CTA
========================================================= */

    .dc-faq-cta {
        margin: 32px 0 0;
        padding: 30px 24px;
        border-top: 4px solid var(--dc-primary);
        border-radius: var(--dc-radius-card-lg);
        background: linear-gradient(180deg,
                var(--dc-bg-cta) 0%,
                var(--dc-bg-cta-gradient-end) 100%);
        box-shadow: var(--dc-shadow-cta);
        text-align: center;
    }

    .dc-faq-cta h2 {
        margin: 0 0 var(--dc-space-sm);
        color: var(--dc-primary);
        font-size: 26px;
    }

    .dc-faq-cta p {
        max-width: 760px;
        margin: 0 auto var(--dc-space-md);
        color: var(--dc-text);
        font-size: 16px;
    }

    /* =========================================================
   DELTA CLEAN – PÁLYÁZATOK OLDAL
========================================================= */

    .dc-grants-wrap {
        box-sizing: border-box;
        max-width: var(--dc-container);
        margin: 40px auto;
        padding: 0 15px;
        color: var(--dc-text);
    }

    .dc-grants-wrap *,
    .dc-grants-wrap *::before,
    .dc-grants-wrap *::after {
        box-sizing: border-box;
    }

    .dc-grants-head {
        margin-bottom: 36px;
        text-align: center;
    }

    .dc-grants-head h1 {
        margin: 0 0 12px;
        color: var(--dc-heading-blue);
        font-size: 36px;
        line-height: 1.2;
    }

    .dc-grants-head p {
        max-width: 820px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 17px;
        line-height: 1.75;
    }

    .dc-grants-year {
        margin: 40px 0 20px;
        padding-bottom: var(--dc-space-sm);
        border-bottom: 2px solid var(--dc-border);
    }

    .dc-grants-year h2 {
        margin: 0;
        color: var(--dc-primary);
        font-size: 28px;
        text-align: center;
    }

    .dc-grant-card {
        margin: 0 0 var(--dc-space-lg);
        padding: 26px 24px;
        border: 1px solid var(--dc-border);
        border-radius: var(--dc-radius-card-lg);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-subtle-card);
    }

    .dc-grant-logo {
        margin-bottom: var(--dc-space-md);
        text-align: right;
    }

    .dc-grant-logo img {
        max-width: 220px;
        height: auto;
    }

    .dc-grant-title {
        margin: 0 0 var(--dc-space-md);
        color: var(--dc-heading-blue);
        font-size: 24px;
        line-height: 1.35;
        text-align: center;
    }

    .dc-grant-subtitle {
        margin: 22px 0 var(--dc-space-sm);
        color: var(--dc-heading-blue);
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
    }

    .dc-grant p {
        margin: 0 0 14px;
        color: var(--dc-text-soft);
        font-size: 16px;
        line-height: 1.8;
    }

    .dc-grant ul {
        margin: 0 0 16px 22px;
        padding: 0;
    }

    .dc-grant li {
        margin: 0 0 8px;
        color: var(--dc-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .dc-grant strong {
        color: var(--dc-heading);
    }

    .dc-grant a {
        color: var(--dc-primary);
        text-decoration: none;
    }

    .dc-grant a:hover {
        text-decoration: underline;
    }

    .dc-grant-divider {
        height: 1px;
        margin: 20px 0;
        background-color: var(--dc-border-divider);
    }

    .dc-grants-nav {
        margin: 20px 0 var(--dc-space-xl);
        text-align: center;
    }

    .dc-grants-nav a {
        display: inline-block;
        margin: 0 var(--dc-space-sm);
        padding: 6px 12px;
        border-radius: var(--dc-radius-sm);
        background-color: var(--dc-blue-light);
        color: var(--dc-primary);
        font-weight: 700;
        text-decoration: none;
    }

    .dc-grants-nav a:hover {
        background-color: var(--dc-primary);
        color: var(--dc-white);
    }

    /* =========================================================
   DELTA CLEAN – KATALÓGUS OLDAL
========================================================= */

    .dc-catalog-wrap {
        box-sizing: border-box;
        max-width: var(--dc-container-wide);
        margin: 40px auto;
        padding: 0 15px;
        color: var(--dc-text);
    }

    .dc-catalog-wrap *,
    .dc-catalog-wrap *::before,
    .dc-catalog-wrap *::after {
        box-sizing: border-box;
    }

    .dc-catalog-head {
        margin-bottom: 34px;
        text-align: center;
    }

    .dc-catalog-head h1 {
        margin: 0 0 12px;
        color: var(--dc-heading-blue);
        font-size: 36px;
        line-height: 1.2;
    }

    .dc-catalog-head p {
        max-width: 820px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 17px;
        line-height: 1.75;
    }

    .dc-catalog-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--dc-space-lg);
    }

    .dc-catalog-card {
        display: block;
        overflow: hidden;
        border: 1px solid var(--dc-border);
        border-radius: var(--dc-radius-card-lg);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-subtle-card);
        text-decoration: none;
        transition:
            transform var(--dc-transition-base),
            box-shadow var(--dc-transition-base);
    }

    .dc-catalog-card:hover {
        box-shadow: var(--dc-shadow-subtle-hover);
        text-decoration: none;
        transform: translateY(-4px);
    }

    .dc-catalog-card img {
        display: block;
        width: 100%;
        height: auto;
    }

    .dc-catalog-card-body {
        padding: var(--dc-space-md) var(--dc-space-md) 20px;
        text-align: center;
    }

    .dc-catalog-card-body h2 {
        margin: 0 0 14px;
        color: var(--dc-heading-blue);
        font-size: 21px;
        line-height: 1.35;
    }

    .dc-catalog-btn {
        display: inline-block;
        padding: 11px 18px;
        border-radius: var(--dc-radius-sm);
        background-color: var(--dc-primary);
        color: var(--dc-white);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
    }

    /* =========================================================
   DELTA CLEAN – BIZTONSÁGI ADATLAPOK / SDS OLDAL
========================================================= */

    .dc-sds-wrap {
        box-sizing: border-box;
        max-width: var(--dc-container);
        margin: 40px auto;
        padding: 0 15px;
        color: var(--dc-text);
    }

    .dc-sds-wrap *,
    .dc-sds-wrap *::before,
    .dc-sds-wrap *::after {
        box-sizing: border-box;
    }

    .dc-sds-head {
        margin-bottom: 34px;
        text-align: center;
    }

    .dc-sds-head h1 {
        margin: 0 0 12px;
        color: var(--dc-heading-blue);
        font-size: 36px;
        line-height: 1.2;
    }

    .dc-sds-head p {
        max-width: 820px;
        margin: 0 auto;
        color: var(--dc-muted);
        font-size: 17px;
        line-height: 1.75;
    }

    .dc-sds-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .dc-sds-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--dc-space-md);
        padding: var(--dc-space-md) 20px;
        border: 1px solid var(--dc-border);
        border-radius: var(--dc-radius-md);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-form);
    }

    .dc-sds-name {
        color: var(--dc-heading-blue);
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
    }

    .dc-sds-btn,
    .dc-sds-status {
        display: inline-block;
        padding: 11px 18px;
        border-radius: var(--dc-radius-sm);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
    }

    .dc-sds-btn {
        background-color: var(--dc-primary);
        color: var(--dc-white) !important;
        text-decoration: none;
        transition: background-color var(--dc-transition-base);
    }

    .dc-sds-btn:hover {
        background-color: var(--dc-primary-hover-strong);
        color: var(--dc-white) !important;
        text-decoration: none;
    }

    .dc-sds-status {
        background-color: var(--dc-blue-light);
        color: var(--dc-muted-disabled);
    }

    /* =========================================================
   DELTA CLEAN – HEADER ÉS MENÜ TESTRESZABÁS
========================================================= */

    #header_bottom_wrap {
        text-align: left;
    }

    /* =========================================================
   DELTA CLEAN – DESKTOP FŐMENÜ
========================================================= */

    #mainmenu {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start !important;
        gap: 6px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: visible !important;
    }

    #mainmenu>li {
        position: relative;
        display: inline-block;
        float: none !important;
        overflow: visible !important;
        margin-bottom: -12px;
        padding-bottom: 12px;
    }

    #mainmenu>li>a {
        padding: 0 22px !important;
        color: var(--dc-link-blue);
        font-size: 14px;
        letter-spacing: 0.4px;
        transition:
            color 0.25s ease,
            background-color 0.25s ease,
            border-color 0.25s ease;
    }

    #mainmenu>li>a:hover {
        color: var(--dc-primary) !important;
        /* =========================================================
   DELTA CLEAN – CÉGBEMUTATÓ KÉK BEVEZETŐ BLOKK
========================================================= */

    }

    /* =========================================================
   DELTA CLEAN – EU / GINOP TÁMOGATÁSI BLOKK
========================================================= */

    .aboutus-eu-support,
    .aboutus-eu-support * {
        box-sizing: border-box;
    }

    .aboutus-eu-support {
        display: grid;
        grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.2fr);
        gap: 30px;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 0 46px;
        padding: 30px;
        overflow: hidden;
        border: 1px solid var(--dc-border-blue);
        border-radius: var(--dc-radius-card-lg);
        background: linear-gradient(135deg,
                var(--dc-bg-light) 0%,
                var(--dc-bg-section) 100%);
        box-shadow: var(--dc-shadow-cta);
    }

    .aboutus-eu-support-content {
        min-width: 0;
    }

    .aboutus-eu-support-content h2 {
        margin: 0 0 14px;
        color: var(--dc-heading-blue);
        font-size: 28px;
        line-height: 1.25;
        font-weight: 800;
    }

    .aboutus-eu-support-content p {
        margin: 0 0 18px;
        color: var(--dc-text-soft);
        font-size: 16px;
        line-height: 1.7;
    }

    .aboutus-eu-support-content .aboutus-button {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .aboutus-eu-support-image {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 14px;
        overflow: hidden;
        border: 1px solid var(--dc-border-light);
        border-radius: var(--dc-radius-md);
        background-color: var(--dc-white);
        box-shadow: var(--dc-shadow-soft);
    }

    .aboutus-eu-support-image img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: var(--dc-radius-sm);
        object-fit: contain;
    }

    /* Tablet és kisebb nézet */

    @media (max-width: 900px) {
        .aboutus-eu-support {
            grid-template-columns: 1fr;
            gap: 24px;
            padding: 24px 20px;
        }

        .aboutus-eu-support-content h2 {
            font-size: 25px;
        }
    }

    /* =========================================================
   DELTA CLEAN – RESZPONZÍV / HEADER KORREKCIÓ
   999 px alatt a fejléc elemei biztonságosan egymás alá kerülnek.
========================================================= */

    @media (max-width: 999px) {
        #header_content {
            position: relative !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
        }

        #header_content_right {
            position: static !important;
            z-index: auto !important;
            display: block !important;
            clear: both !important;
            float: none !important;
            width: 100% !important;
            min-width: 0;
            height: auto !important;
            margin: 12px 0 0 !important;
            text-align: right !important;
            box-sizing: border-box;
        }
    }

    /* =========================================================
   DELTA CLEAN – RESZPONZÍV / TABLET
   768–991 px közötti nézetekre optimalizált elrendezések.
========================================================= */

    @media (min-width: 768px) and (max-width: 991px) {

        .dc-container,
        .dc-faq-wrap,
        .dc-grants-wrap,
        .dc-catalog-wrap,
        .dc-sds-wrap {
            padding-right: 15px;
            padding-left: 15px;
        }

        .dc-grid-2>*,
        .dc-grid-3>* {
            flex: 1 1 100%;
            min-width: 100%;
        }

        .dc-title {
            font-size: 28px;
        }

        .dc-cta,
        .aboutus-cta {
            padding: 30px 20px;
        }

        .dc-cta h2,
        .aboutus-cta h2 {
            font-size: 26px;
        }

        .aboutus h1 {
            font-size: 28px;
        }

        .aboutus-cards,
        .aboutus-services {
            gap: var(--dc-space-md);
        }

        .aboutus-card,
        .aboutus-service {
            flex: 1 1 100%;
            min-width: 100%;
        }

        .dc-catalog-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        #header_bottom_wrap {
            text-align: center;
        }

        #mainmenu {
            display: flex !important;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center !important;
        }

        #mobile_mainmenu {
            display: none !important;
        }

        .dc-faq-head {
            padding: 28px 20px 24px;
        }

        .dc-faq-head h1 {
            font-size: 31px;
        }

        .dc-faq-highlights {
            grid-template-columns: 1fr;
        }

        .dc-products-cta h2 {
            font-size: 27px;
        }
    }

    /* =========================================================
   DELTA CLEAN – RESZPONZÍV / MOBIL
   767 px alatti nézetekre optimalizált elrendezések.
========================================================= */

    @media (max-width: 767px) {

        html,
        body {
            max-width: 100%;
            overflow-x: hidden !important;
        }

        body {
            min-width: 0;
        }

        /* -------------------------
     Mobil menü
  ------------------------- */

        #mainmenu {
            display: none !important;
        }

        #mobile_mainmenu {
            position: relative;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 0 !important;
            width: 100%;
            min-width: 0;
            min-height: var(--dc-mobile-menu-height);
            padding: 10px 14px !important;
            overflow: hidden !important;
            border-top: 1px solid var(--dc-border-light);
            border-bottom: 1px solid var(--dc-border-light);
            background-color: var(--dc-white);
            box-sizing: border-box;
        }

        .mobile_mainmenu_icon,
        #mobile_mainmenu a,
        #mobile_mainmenu i,
        #mobile_mainmenu svg {
            color: var(--dc-primary) !important;
            text-decoration: none !important;
            transition:
                color var(--dc-transition-base),
                background-color var(--dc-transition-base),
                border-color var(--dc-transition-base),
                box-shadow var(--dc-transition-base);
        }

        .mobile_mainmenu_icon {
            position: relative;
            display: flex !important;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border-radius: var(--dc-radius-image);
            font-size: 22px;
            line-height: 1;
            box-sizing: border-box;
        }

        .mobile_mainmenu_icon::before,
        .mobile_mainmenu_icon::after {
            color: var(--dc-primary) !important;
            transition:
                color 0.25s ease,
                background-color 0.25s ease;
        }

        .mobile_mainmenu_icon:hover,
        .mobile_mainmenu_icon:active,
        #mobile_mainmenu a:hover,
        #mobile_mainmenu i:hover,
        #mobile_mainmenu svg:hover {
            background-color: var(--dc-bg-mobile-hover);
            color: var(--dc-primary-hover) !important;
        }

        #mobile_search_icon {
            order: 1;
            margin-right: auto;
        }

        #mobile_cart_icon {
            position: relative;
            order: 3;
            margin-right: var(--dc-space-xs);
            margin-left: auto;
        }

        #mobile_cat_icon {
            order: 4;
            width: 42px;
            height: 42px;
            border: 1px solid var(--dc-border-mobile-icon);
            border-radius: var(--dc-radius-md);
            background-color: var(--dc-white);
            box-shadow: var(--dc-shadow-mobile-icon);
        }

        #mobile_cat_icon:hover,
        #mobile_cat_icon:active {
            border-color: var(--dc-border-mobile-icon-hover);
            background-color: var(--dc-bg-mobile-icon-hover);
        }

        #mobile_filter_icon {
            display: none !important;
        }

        #mobile_cart_icon .cart_num,
        #mobile_cart_icon .cart_quantity,
        #mobile_cart_icon .cart_db {
            position: absolute !important;
            top: 2px !important;
            right: 1px !important;
            z-index: 3;
            min-width: 18px !important;
            height: 18px !important;
            padding: 0 5px !important;
            border-radius: var(--dc-radius-pill) !important;
            background-color: var(--dc-danger) !important;
            box-shadow: var(--dc-shadow-danger-badge);
            color: var(--dc-white) !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            line-height: 18px !important;
            text-align: center !important;
            box-sizing: border-box;
        }

        /* -------------------------
     UNAS kereső javaslatok elrejtése mobilon
  ------------------------- */

        #search_ajax,
        .search_ajax,
        .search_dropdown,
        .search_popup,
        .search_suggest,
        .search_result_box,
        .search_ajax_box,
        .ajax_search_result,
        .search_autocomplete,
        .ui-autocomplete {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            max-height: 0 !important;
            overflow: hidden !important;
            border: 0 !important;
            opacity: 0 !important;
            box-shadow: none !important;
            pointer-events: none !important;
        }

        /* -------------------------
     Általános mobil konténerek
  ------------------------- */

        .dc-container,
        .dc-faq-wrap,
        .dc-grants-wrap,
        .dc-catalog-wrap,
        .dc-sds-wrap {
            padding-right: 14px;
            padding-left: 14px;
        }

        .dc-faq-wrap {
            margin: 28px auto;
        }

        /* -------------------------
     Mobil címsorok
  ------------------------- */

        .dc-title,
        .dc-offer-header h1,
        .dc-offer-highlight h2,
        .dc-offer-section-title,
        .dc-form-head h2,
        .dc-contact-box h2 {
            font-size: 26px;
        }

        .dc-catalog-head h1,
        .dc-grants-head h1,
        .dc-sds-head h1 {
            font-size: 30px;
        }

        .dc-catalog-head p,
        .dc-grants-head p,
        .dc-sds-head p {
            font-size: 16px;
        }

        /* -------------------------
     Katalógus
  ------------------------- */

        .dc-catalog-grid {
            grid-template-columns: 1fr;
            gap: var(--dc-space-md);
        }

        .dc-catalog-card-body h2 {
            font-size: 19px;
        }

        /* -------------------------
     Ajánlatkérő oldal
  ------------------------- */

        .dc-offer-page {
            padding: 0 15px 40px;
        }

        .dc-offer-btn,
        .dc-offer-btn-outline {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        .dc-offer-actions {
            flex-direction: column;
        }

        .dc-offer-process-grid {
            gap: 16px;
        }

        .dc-offer-process-card {
            min-width: 0;
            padding: 20px var(--dc-space-md);
            box-sizing: border-box;
        }

        .dc-offer-process-no {
            width: 38px;
            height: 38px;
            font-size: 16px;
            line-height: 38px;
        }

        .dc-offer-split {
            flex-direction: column;
            gap: var(--dc-space-lg);
        }

        .dc-offer-split-left,
        .dc-offer-split-right {
            flex: 1 1 100%;
            min-width: 0;
        }

        .dc-offer-split-left {
            padding: 20px;
        }

        /* -------------------------
     Munkatársak
  ------------------------- */

        .dc-team-grid {
            gap: 16px;
        }

        .dc-team-card,
        .dc-team-card--small,
        .dc-team-card--wide {
            flex: 1 1 100%;
            min-width: 0;
        }

        .dc-team-name-lg {
            font-size: 24px;
        }

        /* -------------------------
     Nyitvatartás
  ------------------------- */

        .dc-hours-row {
            flex-direction: row;
            gap: var(--dc-space-sm);
        }

        /* -------------------------
     Cégbemutató oldal
  ------------------------- */

        .aboutus h2 {
            font-size: 24px;
        }

        .aboutus-intro .lead {
            font-size: 18px;
        }

        .aboutus-stats-grid {
            gap: 16px;
        }

        .aboutus-stat {
            flex: 1 1 calc(50% - 8px);
            min-width: 0;
            padding: 20px 14px;
        }

        .aboutus-stat strong {
            font-size: 24px;
        }

        .aboutus-stat span {
            font-size: 13px;
        }

        .aboutus-service-content {
            padding: var(--dc-space-md);
        }

        .aboutus-cta {
            padding: 28px var(--dc-space-md);
        }

        .aboutus-button,
        .aboutus-button-outline {
            display: block;
            max-width: 260px;
            margin: var(--dc-space-sm) auto;
            text-align: center;
        }

        /* -------------------------
     GYIK
  ------------------------- */

        .dc-faq-head h1 {
            font-size: 28px;
        }

        .dc-faq-head p {
            font-size: 16px;
            line-height: 1.7;
        }

        .dc-faq-question {
            padding: 17px 52px 17px 18px;
            font-size: 17px;
        }

        .dc-faq-question::after {
            right: 16px;
            font-size: 24px;
        }

        .dc-faq-answer {
            padding: 2px 18px 18px;
            font-size: 15px;
        }

        .dc-faq-cta {
            padding: 24px var(--dc-space-md);
        }

        .dc-faq-cta h2 {
            font-size: 23px;
        }

        /* -------------------------
     Pályázatok
  ------------------------- */

        .dc-grants-year h2 {
            font-size: 24px;
        }

        .dc-grant-card {
            padding: 20px var(--dc-space-md);
        }

        .dc-grant-title {
            font-size: 21px;
        }

        .dc-grant-subtitle {
            font-size: 17px;
        }

        .dc-grant p,
        .dc-grant li {
            font-size: 15px;
        }

        .dc-grant-logo {
            text-align: center;
        }

        /* -------------------------
     Biztonsági adatlapok
  ------------------------- */

        .dc-sds-item {
            flex-direction: column;
            align-items: flex-start;
            padding: 16px;
        }

        .dc-sds-name {
            font-size: 17px;
        }

        .dc-sds-btn,
        .dc-sds-status {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        /* -------------------------
     Termékoldali CTA
  ------------------------- */

        .dc-products-cta {
            padding: 28px var(--dc-space-md);
        }

        .dc-products-cta h2 {
            font-size: 24px;
        }

        .dc-products-cta p {
            font-size: 15px;
            line-height: 1.75;
        }

        .dc-products-cta-btn {
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
            text-align: center;
        }
        
   .aboutus-intro-inner {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 0;
        gap: 0;
    }

    .aboutus-intro-image {
        height: 260px;
    }

    .aboutus-intro-content {
        padding: 32px 16px 40px 16px;
    }

    .aboutus-intro-content p {
        max-width: 100%;
    }

    /* =========================================================
   DELTA CLEAN – RESZPONZÍV / KIS MOBIL
   640 px alatti képernyőkre vonatkozó finomhangolások.
========================================================= */

    @media (max-width: 640px) {
        .dc-products-cta {
            padding: 26px var(--dc-space-md);
            border-radius: 16px;
        }

        .dc-products-cta h2 {
            font-size: 24px;
        }

        .dc-products-cta p {
            font-size: 15px;
        }

        .dc-products-cta-actions {
            gap: var(--dc-space-sm);
        }

        .dc-products-cta-btn {
            width: 100%;
            max-width: 280px;
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

        .dc-stats {
            padding: var(--dc-space-md) 14px;
            border-radius: 16px;
        }

        .dc-stats-grid {
            gap: var(--dc-space-sm);
        }

        .dc-stat-item {
            flex: 1 1 calc(50% - 10px);
            min-width: 140px;
        }

        .dc-stat-value {
            font-size: 26px;
        }

        .dc-stat-label {
            font-size: 13px;
        }

        .aboutus-stat {
            flex: 1 1 100%;
        }

        .aboutus-eu-support {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
            padding: 22px 14px;
            border-radius: var(--dc-radius-md);
        }

        .aboutus-eu-support-image {
            padding: 8px;
        }

        .aboutus-eu-support-content h2 {
            font-size: 24px;
        }

        .aboutus-eu-support-content p {
            font-size: 15px;
            line-height: 1.65;
        }

        .aboutus-eu-support .aboutus-button {
            display: block;
            width: 100%;
            margin: 0;
            padding-right: 14px;
            padding-left: 14px;
        }
    }

    /* =========================================================
   DELTA CLEAN – RESZPONZÍV / EXTRA KIS MOBIL
   380 px alatti készülékekhez minimális védőkorrekciók.
========================================================= */

    @media (max-width: 380px) {
        #mobile_mainmenu {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

        .mobile_mainmenu_icon,
        #mobile_cat_icon {
            width: 40px;
            height: 40px;
        }

        .dc-faq-question {
            padding-right: 48px;
            font-size: 16px;
        }

        .dc-products-cta h2,
        .dc-offer-header h1,
        .dc-offer-highlight h2,
        .dc-offer-section-title {
            font-size: 23px;
        }

        .dc-stat-item {
            min-width: 120px;
        }
    }