/* =========================================================
   DYNAMICZNY ROZWÓJ — CUSTOM.CSS CLEAN
   2026-09-21

   ZASADA:
   1) jedna wersja HOME
   2) jedna wersja OFERTY
   3) jedna wersja animacji logo
   4) brak starych eksperymentów i nakładających się override'ów
   ========================================================= */


/* =========================================================
   1. LOGO MODUŁU TITLE — PULS + KOMETA
   ========================================================= */

.dr-logo-pulse{
    position:relative;
    overflow:visible;
}

.dr-logo-pulse img{
    position:relative;
    z-index:2;
    display:block;
    height:auto;
    filter:
        contrast(1.04)
        saturate(1.04)
        drop-shadow(0 2px 3px rgba(10,30,52,.10));
    animation:drLogoGoldPulse 6.8s ease-in-out infinite;
}

@keyframes drLogoGoldPulse{
    0%,100%{
        filter:
            contrast(1.04)
            saturate(1.04)
            drop-shadow(0 2px 3px rgba(10,30,52,.10))
            drop-shadow(0 0 3px rgba(215,166,45,.10));
    }
    50%{
        filter:
            contrast(1.08)
            saturate(1.08)
            drop-shadow(0 3px 5px rgba(10,30,52,.13))
            drop-shadow(0 0 12px rgba(215,166,45,.38));
    }
}

/* Nie dokładamy osobnej stałej linii — zostaje tylko kometa. */
.dr-logo-pulse::before{
    display:none !important;
}

.dr-logo-pulse::after{
    content:"";
    position:absolute;
    z-index:10;
    pointer-events:none;

    top:62%;
    left:30%;

    width:64px;
    height:5px;
    border-radius:999px;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(210,216,225,.35) 18%,
        rgba(236,240,246,.88) 48%,
        rgba(255,255,255,1) 78%,
        rgba(255,230,155,1) 100%
    );

    box-shadow:
        0 0 5px rgba(255,255,255,1),
        0 0 12px rgba(220,228,238,.95),
        0 0 20px rgba(218,169,46,.70),
        0 0 28px rgba(218,169,46,.40);

    opacity:0;
    animation:drLogoLineComet 7.8s ease-in-out infinite;
}

@keyframes drLogoLineComet{
    0%,12%{
        left:30%;
        opacity:0;
        transform:scaleX(.65);
    }
    18%{
        opacity:1;
        transform:scaleX(1);
    }
    48%{
        opacity:1;
    }
    58%{
        left:84%;
        opacity:1;
        transform:scaleX(.9);
    }
    64%{
        left:86%;
        opacity:0;
        transform:scaleX(.55);
    }
    100%{
        left:86%;
        opacity:0;
    }
}

@media(max-width:700px){
    .dr-logo-pulse img{
        animation-duration:7.4s;
    }

    .dr-logo-pulse::after{
        top:62%;
        left:28%;
        width:46px;
        height:4px;
        animation-duration:8.8s;
        box-shadow:
            0 0 5px rgba(255,255,255,.95),
            0 0 10px rgba(220,228,238,.85),
            0 0 16px rgba(218,169,46,.62);
    }

    @keyframes drLogoLineComet{
        0%,12%{
            left:28%;
            opacity:0;
            transform:scaleX(.65);
        }
        18%{
            opacity:1;
            transform:scaleX(1);
        }
        48%{
            opacity:1;
        }
        58%{
            left:84%;
            opacity:1;
            transform:scaleX(.9);
        }
        64%{
            left:87%;
            opacity:0;
            transform:scaleX(.55);
        }
        100%{
            left:87%;
            opacity:0;
        }
    }
}

@media(prefers-reduced-motion:reduce){
    .dr-logo-pulse img{
        animation:none !important;
    }

    .dr-logo-pulse::after{
        display:none !important;
        animation:none !important;
    }
}


/* =========================================================
   2. HOME — JEDNA SKONSOLIDOWANA WERSJA
   używa istniejącego #dr-strategy-final
   ========================================================= */

body:has(#dr-strategy-final) #sp-main-body{
    padding-top:0 !important;
}

/* ---------- HERO ---------- */

#dr-strategy-final .dr-home-hero{
    position:relative;
    isolation:isolate;

    width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;

    min-height:640px;

    color:#fff;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,18,35,.48) 0%,
            rgba(5,18,35,.24) 34%,
            rgba(5,18,35,.05) 60%,
            rgba(5,18,35,0) 78%
        ),
        url("/images/hero-home/home-panorama-new-desktop.webp");

    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

#dr-strategy-final .dr-home-hero__inner{
    position:relative;
    z-index:2;

    width:min(1180px, calc(100% - 40px));
    min-height:640px;
    margin:0 auto;

    display:flex;
    align-items:center;
}

#dr-strategy-final .dr-home-hero__content{
    position:relative;
    z-index:3;

    width:min(620px,56%);
    padding:70px 0;
}

#dr-strategy-final .dr-home-hero__logo{
    display:none !important;
}

#dr-strategy-final .dr-home-hero__headline{
    display:block !important;
    max-width:620px;
    margin:0 0 20px;

    color:#fff;
    font-size:clamp(38px,4vw,62px);
    line-height:1.02;
    font-weight:850;
    letter-spacing:-1.2px;

    text-shadow:0 3px 18px rgba(0,0,0,.36);
}

#dr-strategy-final .dr-home-hero__headline span{
    color:#e4b647;
}

#dr-strategy-final .dr-home-hero__lead{
    display:block !important;
    margin:0 0 32px;

    color:rgba(255,255,255,.96);
    font-size:clamp(20px,1.6vw,27px);
    line-height:1.35;
    font-weight:450;

    text-shadow:0 2px 12px rgba(0,0,0,.30);
}

#dr-strategy-final .dr-home-hero__buttons{
    display:flex !important;
    flex-wrap:wrap;
    gap:14px;
}

#dr-strategy-final .dr-home-hero__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;

    min-height:58px;
    padding:15px 25px;

    border-radius:10px;

    font-size:15px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:.2px;

    text-decoration:none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background-color .22s ease,
        border-color .22s ease;
}

#dr-strategy-final .dr-home-hero__btn span{
    font-size:22px;
    line-height:1;
}

#dr-strategy-final .dr-home-hero__btn--gold{
    color:#071525 !important;

    background:linear-gradient(
        135deg,
        #f5d56b 0%,
        #d8aa38 55%,
        #f2cf61 100%
    );

    border:1px solid rgba(255,220,112,.88);
    box-shadow:0 10px 30px rgba(222,173,51,.25);
}

#dr-strategy-final .dr-home-hero__btn--dark{
    color:#fff !important;
    background:rgba(5,18,35,.88);
    border:1px solid rgba(224,177,62,.90);
    box-shadow:0 10px 28px rgba(0,0,0,.22);
}

@media(hover:hover) and (pointer:fine){
    #dr-strategy-final .dr-home-hero__btn:hover{
        transform:translateY(-2px);
    }

    #dr-strategy-final .dr-home-hero__btn--gold:hover{
        box-shadow:0 14px 36px rgba(222,173,51,.34);
    }

    #dr-strategy-final .dr-home-hero__btn--dark:hover{
        background:#081b30;
        border-color:#f0c75d;
    }
}

/* Jedyna automatyczna animacja w HERO — delikatna złota poświata. */
#dr-strategy-final .dr-home-hero__glow{
    position:absolute;
    z-index:1;

    left:5%;
    top:11%;

    width:650px;
    height:500px;

    pointer-events:none;

    background:radial-gradient(
        ellipse at center,
        rgba(255,216,111,.34) 0%,
        rgba(226,176,56,.20) 30%,
        rgba(226,176,56,.08) 48%,
        rgba(226,176,56,0) 72%
    );

    transform-origin:center center;
    animation:drHomeGoldBreath 7s ease-in-out infinite;
}

@keyframes drHomeGoldBreath{
    0%,100%{
        opacity:.36;
        transform:scale(1);
    }
    50%{
        opacity:.78;
        transform:scale(1.045);
    }
}

/* ---------- 4 FILARY ---------- */

#dr-strategy-final .dr-home-benefits{
    position:relative;
    z-index:5;

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#fff;

    border-top:1px solid rgba(205,157,48,.18);
    border-bottom:1px solid rgba(205,157,48,.28);
}

#dr-strategy-final .dr-home-benefits__inner{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;

    padding:0;
    align-items:stretch;
}

#dr-strategy-final .dr-home-benefits__item{
    position:relative;

    display:flex;
    align-items:center;
    gap:14px;

    min-height:0;
    padding:10px 22px;

    background:#fff;
}

#dr-strategy-final .dr-home-benefits__item:not(:last-child)::after{
    content:"";
    position:absolute;

    right:0;
    top:15%;

    width:1px;
    height:70%;

    background:linear-gradient(
        180deg,
        transparent,
        rgba(205,157,48,.40),
        transparent
    );
}

#dr-strategy-final .dr-home-benefits__icon{
    flex:0 0 46px;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #f4d36b 0%,
        #d4a32f 100%
    );

    color:#102944;

    font-family:"Segoe UI Symbol","Noto Sans Symbols",sans-serif;
    font-variant-emoji:text;

    font-size:22px;
    line-height:1;

    box-shadow:0 6px 18px rgba(205,157,48,.18);
}

#dr-strategy-final .dr-home-benefits__item strong{
    display:block;
    margin:0 0 4px;

    color:#15314f;

    font-size:16px;
    line-height:1.15;
    font-weight:800;
}

#dr-strategy-final .dr-home-benefits__item span{
    display:block;

    color:#687789;

    font-size:13px;
    line-height:1.25;
    font-weight:500;
}

@media(min-width:992px){
    #dr-strategy-final .dr-home-benefits__item:nth-child(4){
        transform:translateX(-16px);
        padding-left:10px;
        padding-right:0;
    }

    #dr-strategy-final .dr-home-benefits__item:nth-child(4) span{
        white-space:nowrap;
    }
}

/* ---------- HOME MOBILE ---------- */

@media(max-width:991px){
    #dr-strategy-final .dr-home-benefits__inner{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        padding:14px 0;
    }

    #dr-strategy-final .dr-home-benefits__item{
        border:1px solid rgba(205,157,48,.24);
        border-radius:12px;
    }

    #dr-strategy-final .dr-home-benefits__item::after{
        display:none !important;
    }
}

@media(max-width:700px){
    #dr-strategy-final .dr-home-hero{
        min-height:650px;

        background-image:
            linear-gradient(
                180deg,
                rgba(5,18,35,.04) 0%,
                rgba(5,18,35,.12) 42%,
                rgba(5,18,35,.78) 72%,
                rgba(5,18,35,.96) 100%
            ),
            url("/images/hero-home/home-panorama-new-mobile.webp");

        background-size:cover;
        background-repeat:no-repeat;
        background-position:center top;
    }

    #dr-strategy-final .dr-home-hero__inner{
        width:calc(100% - 32px);
        min-height:650px;
        align-items:stretch;
    }

    #dr-strategy-final .dr-home-hero__content{
        width:100%;
        min-height:650px;

        display:flex;
        flex-direction:column;

        padding:18px 0 22px;
    }

    #dr-strategy-final .dr-home-hero__headline{
        margin-top:auto;
        margin-bottom:10px;

        max-width:100%;

        font-size:clamp(28px,8vw,36px);
        line-height:1.02;
        text-align:center;
        letter-spacing:-.7px;
    }

    #dr-strategy-final .dr-home-hero__lead{
        max-width:360px;
        margin:0 auto 16px;

        font-size:16px;
        line-height:1.3;
        text-align:center;
    }

    #dr-strategy-final .dr-home-hero__buttons{
        display:grid !important;
        grid-template-columns:1fr;
        gap:11px;
    }

    #dr-strategy-final .dr-home-hero__btn{
        width:100%;
        min-height:52px;
        padding:13px 18px;
    }

    #dr-strategy-final .dr-home-hero__glow{
        left:50%;
        top:auto;
        bottom:40px;

        width:430px;
        height:400px;

        transform:translateX(-50%);

        background:radial-gradient(
            ellipse at center,
            rgba(255,218,111,.42) 0%,
            rgba(226,176,56,.24) 30%,
            rgba(226,176,56,.09) 49%,
            rgba(226,176,56,0) 72%
        );

        animation:drHomeGoldBreathMobile 6.5s ease-in-out infinite;
    }

    #dr-strategy-final .dr-home-benefits__inner{
        width:calc(100% - 24px);
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        padding:12px 0 14px;
    }

    #dr-strategy-final .dr-home-benefits__item{
        min-height:92px;
        padding:12px 10px;
        gap:9px;

        border:1px solid rgba(205,157,48,.30);
        border-radius:12px;

        box-shadow:0 6px 18px rgba(14,38,63,.05);
    }

    #dr-strategy-final .dr-home-benefits__icon{
        flex:0 0 38px;
        width:38px;
        height:38px;
        font-size:19px;
    }

    #dr-strategy-final .dr-home-benefits__item strong{
        font-size:14px;
        line-height:1.16;
    }

    #dr-strategy-final .dr-home-benefits__item span{
        font-size:12px;
        line-height:1.22;
    }
}

@keyframes drHomeGoldBreathMobile{
    0%,100%{
        opacity:.40;
        transform:translateX(-50%) scale(1);
    }
    50%{
        opacity:.84;
        transform:translateX(-50%) scale(1.04);
    }
}

@media(max-width:390px){
    #dr-strategy-final .dr-home-hero,
    #dr-strategy-final .dr-home-hero__inner,
    #dr-strategy-final .dr-home-hero__content{
        min-height:620px;
    }

    #dr-strategy-final .dr-home-hero__headline{
        font-size:30px;
    }

    #dr-strategy-final .dr-home-hero__lead{
        font-size:15.5px;
    }
}

@media(prefers-reduced-motion:reduce){
    #dr-strategy-final .dr-home-hero__glow{
        animation:none !important;
        opacity:.48;
    }

    #dr-strategy-final .dr-home-hero__btn{
        transition:none !important;
    }
}


/* =========================================================
   3. OFERTA — ZOSTAJE DOKŁADNIE DZIAŁAJĄCA WERSJA
   ========================================================= */

/* =========================================================
   OFERTA 2026 — FINAL
   Dynamiczny Rozwój
   ========================================================= */

#dr-offer-final{
    --dr-navy:#15314f;
    --dr-navy-dark:#0b2238;
    --dr-gold:#c49a53;
    --dr-gold-light:#e1bd73;
    --dr-text:#25364a;
    --dr-muted:#607083;
    --dr-line:#e2e7eb;
    --dr-soft:#f6f8fa;

    max-width:1180px;
    margin:0 auto;
    padding:0 18px 48px;
    color:var(--dr-text);
    font-family:inherit;
    line-height:1.7;
}

#dr-offer-final *{
    box-sizing:border-box;
}

/* ===== HERO ===== */

#dr-offer-final .dr-offer-hero{
    text-align:center;
    padding:24px 0 10px;
}

#dr-offer-final .dr-eyebrow{
    margin:0 0 8px;
    color:#8f681f;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

#dr-offer-final .dr-offer-hero h1{
    max-width:1000px;
    margin:0 auto 14px;
    color:var(--dr-navy);
    font-size:clamp(34px,5vw,54px);
    line-height:1.08;
}

#dr-offer-final .dr-offer-lead{
    max-width:850px;
    margin:0 auto 24px;
    color:var(--dr-muted);
    font-size:18px;
    line-height:1.65;
}

#dr-offer-final .dr-offer-hero-img{
    display:block;
    width:100%;
    height:auto;
    margin:26px auto 0;
    border-radius:18px;
    box-shadow:0 16px 38px rgba(21,49,79,.12);
}

#dr-offer-final .dr-main-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

#dr-offer-final .dr-main-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:14px 24px;
    border-radius:10px;
    font-weight:850;
    text-decoration:none !important;
    transition:.22s ease;
}

#dr-offer-final .dr-main-btn:hover{
    transform:translateY(-2px);
}

#dr-offer-final .dr-main-btn--gold{
    background:var(--dr-gold);
    color:#071727 !important;
    border:2px solid var(--dr-gold);
}

#dr-offer-final .dr-main-btn--light{
    background:#fff;
    color:var(--dr-navy) !important;
    border:2px solid var(--dr-gold);
}


/* =========================================================
   SEKCJA SPRZEDAŻOWA — CAŁE KAFLE KLIKALNE
   ========================================================= */

#dr-offer-final .dr-sales-section{
    margin-top:62px;
    padding:42px 28px;
    background:var(--dr-soft);
    border-radius:18px;
}

#dr-offer-final .dr-section-title{
    max-width:900px;
    margin:0 auto 12px;
    text-align:center;
    color:var(--dr-navy);
    font-size:clamp(29px,4vw,40px);
    line-height:1.2;
}

#dr-offer-final .dr-section-intro{
    max-width:820px;
    margin:0 auto 30px;
    text-align:center;
    color:var(--dr-muted);
    font-size:16.5px;
}

#dr-offer-final .dr-sales-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

/* TYLKO te kafle są całe klikalne */
#dr-offer-final .dr-sales-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:245px;
    padding:25px;

    background:#fff;
    border:1px solid var(--dr-line);
    border-top:3px solid var(--dr-gold);
    border-radius:14px;

    color:inherit !important;
    text-decoration:none !important;

    box-shadow:0 7px 20px rgba(21,49,79,.05);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

#dr-offer-final .dr-sales-card:hover{
    transform:translateY(-5px);
    border-color:var(--dr-gold);
    box-shadow:0 16px 32px rgba(21,49,79,.13);
}

#dr-offer-final .dr-sales-tag{
    display:block;
    margin-bottom:8px;
    color:#8f681f;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

#dr-offer-final .dr-sales-card h3{
    margin:0 0 9px;
    color:var(--dr-navy);
    font-size:21px;
    line-height:1.28;
}

#dr-offer-final .dr-sales-card p{
    margin:0 0 18px;
    color:var(--dr-muted);
    font-size:15px;
}

#dr-offer-final .dr-sales-cta{
    display:block;
    margin-top:auto;
    padding-top:13px;
    border-top:1px solid rgba(196,154,83,.28);

    color:var(--dr-navy);
    font-weight:900;
}


/* =========================================================
   KAFLE INFORMACYJNE
   NIE RUSZAJĄ SIĘ — KLIKALNE JEST TYLKO CZYTAJ DALEJ
   ========================================================= */

#dr-offer-final .dr-info-section{
    margin-top:62px;
}

#dr-offer-final .dr-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

#dr-offer-final .dr-info-card{
    padding:24px;
    background:#fff;
    border:1px solid var(--dr-line);
    border-radius:13px;

    /* BRAK hover / transform */
}

#dr-offer-final .dr-info-card h3{
    margin:0 0 8px;
    color:var(--dr-navy);
    font-size:20px;
}

#dr-offer-final .dr-info-card > p{
    margin:0 0 14px;
    color:var(--dr-muted);
    font-size:15px;
}

/* klikana jest WYŁĄCZNIE belka Czytaj dalej */
#dr-offer-final .dr-readmore{
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid rgba(196,154,83,.23);
}

#dr-offer-final .dr-readmore summary{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:10px 17px;

    background:#fff;
    border:1px solid var(--dr-gold);
    border-radius:9px;

    color:var(--dr-navy);
    font-weight:850;
    cursor:pointer;
    list-style:none;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

#dr-offer-final .dr-readmore summary::-webkit-details-marker{
    display:none;
}

#dr-offer-final .dr-readmore summary:hover{
    transform:translateY(-2px);
    background:#fffaf1;
    box-shadow:0 7px 18px rgba(21,49,79,.08);
}

#dr-offer-final .dr-readmore[open] summary{
    background:#fff8e9;
}

#dr-offer-final .dr-readmore-content{
    margin-top:12px;
    padding:14px 16px;

    background:var(--dr-soft);
    border-left:3px solid var(--dr-gold);
    border-radius:0 9px 9px 0;

    color:var(--dr-muted);
    font-size:14.5px;
}


/* =========================================================
   CONSULTATION BAR
   ========================================================= */

#dr-offer-final .dr-choice-help{
    margin-top:54px;
    padding:30px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    background:var(--dr-navy);
    border-radius:16px;
    color:#fff;
}

#dr-offer-final .dr-choice-help h2{
    margin:0 0 6px;
    color:#fff;
    font-size:26px;
}

#dr-offer-final .dr-choice-help p{
    max-width:720px;
    margin:0;
    color:#d8e0e7;
}

#dr-offer-final .dr-choice-help a{
    flex:0 0 auto;
    display:inline-flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    padding:13px 21px;

    background:var(--dr-gold);
    border-radius:9px;

    color:#071727 !important;
    font-weight:900;
    text-decoration:none !important;

    transition:.22s ease;
}

#dr-offer-final .dr-choice-help a:hover{
    transform:translateY(-2px);
}


/* =========================================================
   COACHING / MENTORING / DORADZTWO
   KAFLE STATYCZNE
   ========================================================= */

#dr-offer-final .dr-method-section{
    margin-top:62px;
    padding:42px 28px;
    background:var(--dr-soft);
    border-radius:18px;
}

#dr-offer-final .dr-method-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

#dr-offer-final .dr-method-card{
    padding:25px;
    background:#fff;
    border:1px solid var(--dr-line);
    border-top:3px solid var(--dr-gold);
    border-radius:13px;

    /* brak hover */
}

#dr-offer-final .dr-method-card h3{
    margin:0 0 8px;
    color:var(--dr-navy);
    font-size:21px;
}

#dr-offer-final .dr-method-card > p{
    color:var(--dr-muted);
    font-size:15px;
}


/* =========================================================
   PROCES / EFEKTY
   ========================================================= */

#dr-offer-final .dr-process-section,
#dr-offer-final .dr-benefits-section,
#dr-offer-final .dr-trust-section,
#dr-offer-final .dr-faq-section{
    margin-top:62px;
}

#dr-offer-final .dr-process-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

#dr-offer-final .dr-process-card{
    padding:21px;
    background:#fff;
    border:1px solid var(--dr-line);
    border-top:3px solid var(--dr-gold);
    border-radius:12px;
}

#dr-offer-final .dr-process-num{
    display:block;
    color:#8f681f;
    font-size:13px;
    font-weight:900;
}

#dr-offer-final .dr-process-card h3{
    margin:5px 0 6px;
    color:var(--dr-navy);
    font-size:18px;
}

#dr-offer-final .dr-process-card p{
    margin:0;
    color:var(--dr-muted);
    font-size:14.5px;
}


#dr-offer-final .dr-benefits-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

#dr-offer-final .dr-benefit{
    padding:21px;
    background:var(--dr-soft);
    border-radius:12px;

    /* informacja — bez hover */
}

#dr-offer-final .dr-benefit strong{
    display:block;
    margin-bottom:4px;
    color:var(--dr-navy);
    font-size:17px;
}

#dr-offer-final .dr-benefit span{
    color:var(--dr-muted);
    font-size:14px;
}


/* =========================================================
   DLACZEGO ZE MNĄ
   CAŁE KAFLE SĄ LINKAMI, WIĘC MOGĄ SIĘ RUSZAĆ
   ========================================================= */

#dr-offer-final .dr-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

#dr-offer-final .dr-trust-card{
    display:flex;
    flex-direction:column;
    padding:25px;

    background:#fff;
    border:1px solid var(--dr-line);
    border-top:3px solid var(--dr-gold);
    border-radius:13px;

    color:inherit !important;
    text-decoration:none !important;

    transition:.22s ease;
}

#dr-offer-final .dr-trust-card:hover{
    transform:translateY(-4px);
    border-color:var(--dr-gold);
    box-shadow:0 12px 26px rgba(21,49,79,.10);
}

#dr-offer-final .dr-trust-card h3{
    margin:0 0 8px;
    color:var(--dr-navy);
    font-size:20px;
}

#dr-offer-final .dr-trust-card p{
    color:var(--dr-muted);
}

#dr-offer-final .dr-trust-link{
    margin-top:auto;
    color:#8f681f;
    font-weight:900;
}


/* =========================================================
   FAQ
   ========================================================= */

#dr-offer-final .dr-faq{
    max-width:940px;
    margin:0 auto;
    display:grid;
    gap:10px;
}

#dr-offer-final .dr-faq details{
    padding:17px 19px;
    background:#fff;
    border:1px solid var(--dr-line);
    border-radius:11px;
}

#dr-offer-final .dr-faq summary{
    cursor:pointer;
    list-style:none;
    color:var(--dr-navy);
    font-weight:850;
}

#dr-offer-final .dr-faq summary::-webkit-details-marker{
    display:none;
}

#dr-offer-final .dr-faq p{
    margin:11px 0 0;
    color:var(--dr-muted);
}


/* =========================================================
   KOŃCOWE CTA
   ========================================================= */

#dr-offer-final .dr-final-cta{
    margin-top:62px;
    padding:44px 28px;

    text-align:center;

    background:var(--dr-navy);
    border-radius:18px;
    color:#fff;

    box-shadow:0 14px 34px rgba(21,49,79,.14);
}

#dr-offer-final .dr-final-cta h2{
    margin:0 auto 12px;
    color:#fff;
    font-size:clamp(29px,4vw,40px);
}

#dr-offer-final .dr-final-cta p{
    max-width:780px;
    margin:0 auto 22px;
    color:#d8e0e7;
}

#dr-offer-final .dr-final-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:11px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

    #dr-offer-final .dr-sales-grid,
    #dr-offer-final .dr-info-grid,
    #dr-offer-final .dr-method-grid,
    #dr-offer-final .dr-benefits-grid,
    #dr-offer-final .dr-trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    #dr-offer-final .dr-process-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px){

    #dr-offer-final{
        padding-left:12px;
        padding-right:12px;
    }

    #dr-offer-final .dr-sales-section,
    #dr-offer-final .dr-method-section{
        padding:28px 14px;
    }

    #dr-offer-final .dr-sales-grid,
    #dr-offer-final .dr-info-grid,
    #dr-offer-final .dr-method-grid,
    #dr-offer-final .dr-benefits-grid,
    #dr-offer-final .dr-trust-grid,
    #dr-offer-final .dr-process-grid{
        grid-template-columns:1fr;
    }

    #dr-offer-final .dr-sales-card{
        min-height:0;
    }

    #dr-offer-final .dr-choice-help{
        flex-direction:column;
        align-items:stretch;
        padding:24px 18px;
    }

    #dr-offer-final .dr-choice-help a{
        width:100%;
    }

    #dr-offer-final .dr-main-actions,
    #dr-offer-final .dr-final-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    #dr-offer-final .dr-main-btn,
    #dr-offer-final .dr-final-actions a{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){

    #dr-offer-final .dr-sales-card,
    #dr-offer-final .dr-trust-card,
    #dr-offer-final .dr-readmore summary,
    #dr-offer-final .dr-main-btn,
    #dr-offer-final .dr-choice-help a{
        transition:none !important;
        transform:none !important;
    }
}

/* =========================================================
   KONIEC PLIKU
   ========================

/* =========================================================
   HOME 2026 — FINAL
   artykuł ID 14 / wrapper: #dr-home-final
   ========================================================= */

#dr-home-final{
    --navy:#15314f;
    --navy-dark:#081c2f;
    --gold:#c49a53;
    --gold-light:#e4bd6d;
    --gold-dark:#8f681f;
    --text:#25364a;
    --muted:#607083;
    --soft:#f6f8fa;
    --line:#e2e7eb;

    max-width:1180px;
    margin:0 auto;
    padding:0 18px 52px;
    color:var(--text);
    font-family:inherit;
    line-height:1.7;
}

#dr-home-final *,
#dr-home-final *::before,
#dr-home-final *::after{
    box-sizing:border-box;
}

body:has(#dr-home-final) #sp-main-body{
    padding-top:0 !important;
}

#dr-home-final h1,
#dr-home-final h2,
#dr-home-final h3{
    text-wrap:balance;
}

#dr-home-final .drh-eyebrow{
    margin:0 0 8px;
    color:var(--gold-dark);
    font-size:13px;
    font-weight:900;
    letter-spacing:1.35px;
    text-transform:uppercase;
}

#dr-home-final .drh-title{
    max-width:930px;
    margin:0 auto 13px;
    text-align:center;
    color:var(--navy);
    font-size:clamp(29px,4vw,40px);
    line-height:1.2;
}

#dr-home-final .drh-intro{
    max-width:850px;
    margin:0 auto 30px;
    text-align:center;
    color:var(--muted);
    font-size:16.5px;
}


/* =========================================================
   4 FILARY
   ========================================================= */

#dr-home-final .drh-pillars{
    width:100vw;
    margin-left:calc(50% - 50vw);
    background:#fff;
    border-top:1px solid rgba(196,154,83,.18);
    border-bottom:1px solid rgba(196,154,83,.28);
}

#dr-home-final .drh-pillars-inner{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

#dr-home-final .drh-pillar{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:7px 16px;
}

#dr-home-final .drh-pillar:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:16%;
    width:1px;
    height:68%;
    background:linear-gradient(
        180deg,
        transparent,
        rgba(196,154,83,.38),
        transparent
    );
}

#dr-home-final .drh-pillar-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#f1d067,#d4a32f);
    color:#102944;
    font-size:18px;
    font-weight:900;
    box-shadow:0 5px 15px rgba(196,154,83,.16);
}

#dr-home-final .drh-pillar strong{
    display:block;
    margin:0 0 1px;
    color:var(--navy);
    font-size:14px;
    line-height:1.15;
}

#dr-home-final .drh-pillar span{
    display:block;
    color:#687789;
    font-size:12.5px;
    line-height:1.25;
}


/* =========================================================
   HERO
   ========================================================= */

#dr-home-final .drh-hero{
    position:relative;
    width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
    background:var(--navy-dark);
}

#dr-home-final .drh-hero picture{
    display:block;
    position:relative;
    z-index:0;
    width:100%;
}

#dr-home-final .drh-hero img{
    display:block;
    width:100%;
    height:auto;
}

#dr-home-final .drh-hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(5,18,35,.65) 0%,
            rgba(5,18,35,.46) 28%,
            rgba(5,18,35,.18) 51%,
            rgba(5,18,35,.03) 70%,
            rgba(5,18,35,0) 82%
        );
}

#dr-home-final .drh-hero-glow{
    position:absolute;
    z-index:2;
    left:2%;
    top:5%;
    width:620px;
    height:80%;
    pointer-events:none;

    background:radial-gradient(
        ellipse at center,
        rgba(255,217,112,.24) 0%,
        rgba(218,166,43,.10) 38%,
        transparent 70%
    );

    animation:drhGoldBreath 7s ease-in-out infinite;
}

@keyframes drhGoldBreath{
    0%,100%{
        opacity:.35;
        transform:scale(1);
    }
    50%{
        opacity:.72;
        transform:scale(1.035);
    }
}

#dr-home-final .drh-hero-content{
    position:absolute;
    z-index:3;

    left:max(24px,calc((100vw - 1180px)/2));
    top:50%;
    transform:translateY(-50%);

    width:min(590px,47vw);
}

#dr-home-final .drh-hero .drh-eyebrow{
    color:var(--gold-light);
}

#dr-home-final .drh-hero h1{
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(37px,4.3vw,61px);
    line-height:1.03;
    font-weight:850;
    letter-spacing:-1px;
    text-shadow:0 3px 18px rgba(0,0,0,.32);
}

#dr-home-final .drh-hero h1 span{
    color:#e5b845;
}

#dr-home-final .drh-hero-lead{
    max-width:590px;
    margin:0 0 24px;
    color:rgba(255,255,255,.95);
    font-size:clamp(17px,1.35vw,21px);
    line-height:1.48;
    text-shadow:0 2px 10px rgba(0,0,0,.26);
}

#dr-home-final .drh-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
}

#dr-home-final .drh-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:13px 22px;
    border-radius:9px;
    text-decoration:none !important;
    font-size:14px;
    font-weight:900;
    letter-spacing:.2px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        border-color .2s ease;
}

#dr-home-final .drh-btn-gold{
    color:#071727 !important;
    background:linear-gradient(135deg,#f1d166,#d6a534);
    border:1px solid #e5bd55;
    box-shadow:0 9px 24px rgba(211,164,49,.22);
}

#dr-home-final .drh-btn-dark{
    color:#fff !important;
    background:rgba(5,18,35,.82);
    border:1px solid rgba(229,184,69,.88);
}

@media(hover:hover) and (pointer:fine){
    #dr-home-final .drh-btn:hover{
        transform:translateY(-2px);
        box-shadow:0 12px 26px rgba(0,0,0,.18);
    }
}


/* =========================================================
   SEKCJE
   ========================================================= */

#dr-home-final .drh-section{
    margin-top:62px;
}

#dr-home-final .drh-soft{
    padding:42px 28px;
    background:var(--soft);
    border-radius:18px;
}


/* =========================================================
   DWA KIERUNKI
   ========================================================= */

#dr-home-final .drh-directions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

#dr-home-final .drh-direction{
    display:flex;
    flex-direction:column;
    min-height:260px;
    padding:29px;

    border:2px solid var(--gold);
    border-radius:15px;

    text-decoration:none !important;
    color:inherit !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

#dr-home-final .drh-direction--life{
    background:#fff;
}

#dr-home-final .drh-direction--business{
    background:
        radial-gradient(circle at top right,rgba(196,154,83,.14),transparent 58%),
        var(--navy);

    color:#fff !important;
}

#dr-home-final .drh-tag{
    display:block;
    margin-bottom:8px;
    color:var(--gold-dark);
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
}

#dr-home-final .drh-direction--business .drh-tag{
    color:var(--gold-light);
}

#dr-home-final .drh-direction h3{
    margin:0 0 10px;
    color:var(--navy);
    font-size:25px;
    line-height:1.28;
}

#dr-home-final .drh-direction--business h3{
    color:#fff;
}

#dr-home-final .drh-direction p{
    margin:0 0 18px;
    color:var(--muted);
}

#dr-home-final .drh-direction--business p{
    color:#d9e2e9;
}

#dr-home-final .drh-direction-cta{
    margin-top:auto;
    padding-top:13px;
    border-top:1px solid rgba(196,154,83,.32);
    color:var(--navy);
    font-weight:900;
}

#dr-home-final .drh-direction--business .drh-direction-cta{
    color:#fff;
}

@media(hover:hover) and (pointer:fine){
    #dr-home-final .drh-direction:hover{
        transform:translateY(-5px);
        border-color:#a97620;
        box-shadow:0 16px 32px rgba(21,49,79,.14);
    }
}


/* =========================================================
   OFERTA — 6 KAFELKÓW
   ========================================================= */

#dr-home-final .drh-sales-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

#dr-home-final .drh-sales-card{
    display:flex;
    flex-direction:column;
    min-height:220px;
    padding:23px;

    background:#fff;
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:13px;

    color:inherit !important;
    text-decoration:none !important;

    box-shadow:0 6px 18px rgba(21,49,79,.045);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

#dr-home-final .drh-sales-card small{
    display:block;
    margin-bottom:6px;
    color:var(--gold-dark);
    font-size:11.5px;
    font-weight:900;
    letter-spacing:.9px;
}

#dr-home-final .drh-sales-card h3{
    margin:0 0 8px;
    color:var(--navy);
    font-size:20px;
    line-height:1.3;
}

#dr-home-final .drh-sales-card p{
    margin:0 0 16px;
    color:var(--muted);
    font-size:14.5px;
}

#dr-home-final .drh-sales-cta{
    margin-top:auto;
    padding-top:12px;
    border-top:1px solid rgba(196,154,83,.26);
    color:var(--navy);
    font-size:14px;
    font-weight:900;
}

@media(hover:hover) and (pointer:fine){
    #dr-home-final .drh-sales-card:hover{
        transform:translateY(-4px);
        border-color:var(--gold);
        box-shadow:0 14px 30px rgba(21,49,79,.12);
    }
}


/* =========================================================
   POMOC W WYBORZE
   ========================================================= */

#dr-home-final .drh-help{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    margin-top:48px;
    padding:28px;

    background:var(--navy);
    border-radius:15px;
    color:#fff;
}

#dr-home-final .drh-help h2{
    margin:0 0 5px;
    color:#fff;
    font-size:25px;
}

#dr-home-final .drh-help p{
    max-width:700px;
    margin:0;
    color:#d9e2e9;
}


/* =========================================================
   INFORMACJA
   ========================================================= */

#dr-home-final .drh-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

#dr-home-final .drh-info-card{
    padding:23px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
}

#dr-home-final .drh-info-card h3{
    margin:0 0 7px;
    color:var(--navy);
    font-size:19px;
}

#dr-home-final .drh-info-card > p{
    margin:0;
    color:var(--muted);
    font-size:14.5px;
}


/* =========================================================
   CZYTAJ DALEJ
   ========================================================= */

#dr-home-final .drh-readmore{
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid rgba(196,154,83,.24);
}

#dr-home-final .drh-readmore summary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:43px;
    padding:9px 16px;

    background:#fff;
    border:1px solid var(--gold);
    border-radius:8px;

    color:var(--navy);
    font-size:13.5px;
    font-weight:900;

    cursor:pointer;
    list-style:none;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

#dr-home-final .drh-readmore summary::-webkit-details-marker{
    display:none;
}

#dr-home-final .drh-readmore[open] summary{
    background:#fff8e9;
}

#dr-home-final .drh-readmore-content{
    margin-top:12px;
    padding:14px 15px;

    background:var(--soft);
    border-left:3px solid var(--gold);
    border-radius:0 8px 8px 0;

    color:var(--muted);
    font-size:14px;
}

@media(hover:hover) and (pointer:fine){
    #dr-home-final .drh-readmore summary:hover{
        transform:translateY(-2px);
        background:#fff9ed;
        box-shadow:0 7px 17px rgba(21,49,79,.08);
    }
}


/* =========================================================
   COACHING / MENTORING / DORADZTWO
   ========================================================= */

#dr-home-final .drh-method-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

#dr-home-final .drh-method-card{
    padding:23px;
    background:#fff;
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:12px;
}

#dr-home-final .drh-method-card h3{
    margin:0 0 7px;
    color:var(--navy);
    font-size:20px;
}

#dr-home-final .drh-method-card > p{
    margin:0;
    color:var(--muted);
    font-size:14.5px;
}


/* =========================================================
   PROCES
   ========================================================= */

#dr-home-final .drh-process-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
}

#dr-home-final .drh-process-card{
    padding:20px;
    background:#fff;
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:11px;
}

#dr-home-final .drh-process-card small{
    color:var(--gold-dark);
    font-size:12px;
    font-weight:900;
}

#dr-home-final .drh-process-card h3{
    margin:5px 0 5px;
    color:var(--navy);
    font-size:17px;
}

#dr-home-final .drh-process-card p{
    margin:0;
    color:var(--muted);
    font-size:13.5px;
}


/* =========================================================
   DLACZEGO DYNAMICZNY ROZWÓJ
   ========================================================= */

#dr-home-final .drh-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

#dr-home-final .drh-trust-card{
    display:flex;
    flex-direction:column;
    padding:24px;

    background:var(--soft);
    border:1px solid var(--line);
    border-top:3px solid var(--gold);
    border-radius:12px;

    color:inherit !important;
    text-decoration:none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

#dr-home-final .drh-trust-card h3{
    margin:0 0 8px;
    color:var(--navy);
    font-size:20px;
}

#dr-home-final .drh-trust-card p{
    margin:0 0 15px;
    color:var(--muted);
    font-size:14.5px;
}

#dr-home-final .drh-trust-cta{
    margin-top:auto;
    color:var(--gold-dark);
    font-weight:900;
}

@media(hover:hover) and (pointer:fine){
    #dr-home-final .drh-trust-card:hover{
        transform:translateY(-4px);
        border-color:var(--gold);
        box-shadow:0 13px 27px rgba(21,49,79,.10);
    }
}


/* =========================================================
   FAQ / SEO
   ========================================================= */

#dr-home-final .drh-accordion{
    display:grid;
    gap:10px;
    max-width:980px;
    margin:0 auto;
}

#dr-home-final .drh-accordion details{
    padding:17px 19px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
}

#dr-home-final .drh-accordion summary{
    color:var(--navy);
    font-weight:850;
    cursor:pointer;
    list-style:none;
}

#dr-home-final .drh-accordion summary::-webkit-details-marker{
    display:none;
}

#dr-home-final .drh-accordion p{
    margin:11px 0 0;
    color:var(--muted);
}


/* =========================================================
   FINAL CTA
   ========================================================= */

#dr-home-final .drh-final{
    margin-top:62px;
    padding:44px 28px;
    text-align:center;

    background:var(--navy);
    border-radius:18px;
    color:#fff;

    box-shadow:0 14px 34px rgba(21,49,79,.15);
}

#dr-home-final .drh-final h2{
    max-width:850px;
    margin:0 auto 12px;
    color:#fff;
    font-size:clamp(29px,4vw,40px);
}

#dr-home-final .drh-final p{
    max-width:790px;
    margin:0 auto 22px;
    color:#d9e2e9;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:950px){

    #dr-home-final .drh-sales-grid,
    #dr-home-final .drh-info-grid,
    #dr-home-final .drh-method-grid,
    #dr-home-final .drh-trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    #dr-home-final .drh-process-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    #dr-home-final{
        padding-left:11px;
        padding-right:11px;
    }

    #dr-home-final .drh-pillars-inner{
        width:calc(100% - 20px);
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding:9px 0;
    }

    #dr-home-final .drh-pillar{
        padding:9px 7px;
        border:1px solid rgba(196,154,83,.25);
        border-radius:10px;
    }

    #dr-home-final .drh-pillar::after{
        display:none !important;
    }

    #dr-home-final .drh-pillar-icon{
        flex-basis:34px;
        width:34px;
        height:34px;
        font-size:16px;
    }

    #dr-home-final .drh-pillar strong{
        font-size:13px;
    }

    #dr-home-final .drh-pillar span{
        font-size:11px;
    }

    #dr-home-final .drh-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(5,18,35,0) 0%,
                rgba(5,18,35,.03) 31%,
                rgba(5,18,35,.36) 54%,
                rgba(5,18,35,.89) 75%,
                rgba(5,18,35,.98) 100%
            );
    }

    #dr-home-final .drh-hero-glow{
        left:10%;
        top:auto;
        bottom:0;
        width:80%;
        height:55%;
    }

    #dr-home-final .drh-hero-content{
        left:16px;
        right:16px;
        top:auto;
        bottom:18px;

        transform:none;

        width:auto;
        text-align:center;
    }

    #dr-home-final .drh-hero h1{
        margin-bottom:10px;
        font-size:clamp(28px,8vw,36px);
        line-height:1.04;
    }

    #dr-home-final .drh-hero-lead{
        max-width:370px;
        margin:0 auto 15px;
        font-size:15px;
        line-height:1.36;
    }

    #dr-home-final .drh-hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    #dr-home-final .drh-btn{
        width:100%;
        min-height:49px;
        padding:11px 16px;
    }

    #dr-home-final .drh-soft{
        padding:29px 14px;
    }

    #dr-home-final .drh-directions,
    #dr-home-final .drh-sales-grid,
    #dr-home-final .drh-info-grid,
    #dr-home-final .drh-method-grid,
    #dr-home-final .drh-process-grid,
    #dr-home-final .drh-trust-grid{
        grid-template-columns:1fr;
    }

    #dr-home-final .drh-direction{
        min-height:0;
        padding:24px;
    }

    #dr-home-final .drh-help{
        flex-direction:column;
        align-items:stretch;
        padding:23px 18px;
    }

    #dr-home-final .drh-help .drh-btn{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){

    #dr-home-final *,
    #dr-home-final *::before,
    #dr-home-final *::after{
        animation:none !important;
        transition:none !important;
    }
}


/* =========================================================
   FOOTER DYNAMICZNY ROZWÓJ 2026 — PREMIUM FINAL
   ========================================================= */

/* Helix domyślnie dodaje duży odstęp w Bottom */
#sp-bottom{
    padding:0 !important;
}


/* =========================================================
   GŁÓWNY KONTENER
   ========================================================= */

#dr-footer-main{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:24px 22px 20px;
    color:#c9d0d7;
}

#dr-footer-main,
#dr-footer-main *,
#dr-footer-main *::before,
#dr-footer-main *::after{
    box-sizing:border-box;
}


/* =========================================================
   GÓRNY PASEK LINKÓW
   ========================================================= */

#dr-footer-main .dr-footer-quick{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;

    margin:0 0 24px;
    padding:9px;

    background:rgba(255,255,255,.025);
    border:1px solid rgba(196,154,83,.25);
    border-radius:12px;
}

#dr-footer-main .dr-footer-quick a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:38px;
    padding:8px 13px;

    border:1px solid transparent;
    border-radius:8px;

    color:#d7dde3 !important;
    font-size:12.5px;
    line-height:1.1;
    font-weight:750;

    text-decoration:none !important;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

#dr-footer-main .dr-footer-quick a:hover{
    color:#f0c96d !important;
    background:rgba(196,154,83,.08);
    border-color:rgba(196,154,83,.40);
    transform:translateY(-1px);
}

#dr-footer-main .dr-footer-quick .dr-footer-quick-gold{
    color:#0e1d2c !important;
    background:linear-gradient(135deg,#efd06b,#c99a36);
    border-color:#d9ad4e;
    font-weight:900;
}

#dr-footer-main .dr-footer-quick .dr-footer-quick-gold:hover{
    color:#07131f !important;
    background:linear-gradient(135deg,#f5d879,#d4a642);
}


/* =========================================================
   4 RÓWNE KOLUMNY
   ========================================================= */

#dr-footer-main .dr-footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:stretch;
}

#dr-footer-main .dr-footer-col{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    padding:4px 27px 6px;

    border-right:1px solid rgba(196,154,83,.17);
}

#dr-footer-main .dr-footer-col:first-child{
    padding-left:0;
}

#dr-footer-main .dr-footer-col:last-child{
    padding-right:0;
    border-right:none;
}


/* =========================================================
   ETYKIETY I NAGŁÓWKI
   ========================================================= */

#dr-footer-main .dr-footer-label{
    display:block;

    margin:0 0 8px;

    color:#d7ad50;
    font-size:10.5px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:1.15px;
    text-transform:uppercase;
}

#dr-footer-main h3{
    min-height:46px;
    margin:0 0 10px;

    color:#ffffff;
    font-size:18px;
    line-height:1.28;
    font-weight:850;
}


/* =========================================================
   TREŚĆ / KONTAKT
   ========================================================= */

#dr-footer-main p{
    margin:0 0 9px;

    color:#bfc7cf;
    font-size:13.5px;
    line-height:1.55;
}

#dr-footer-main strong{
    color:#e6e9ed;
    font-weight:800;
}

#dr-footer-main .dr-footer-address{
    margin:5px 0 10px;
    padding:10px 0 0;

    border-top:1px solid rgba(255,255,255,.065);

    color:#c5ccd3;
    font-size:13.5px;
    line-height:1.55;
}

#dr-footer-main .dr-footer-contact-line{
    margin:0 0 5px;
}

#dr-footer-main .dr-footer-contact-line a{
    color:#d1d7dd !important;
    font-weight:650;
    text-decoration:none !important;
}

#dr-footer-main .dr-footer-contact-line a:hover{
    color:#e4b957 !important;
}


/* =========================================================
   LISTY LINKÓW
   ========================================================= */

#dr-footer-main .dr-footer-links{
    margin:0;
    padding:0;
    list-style:none;
}

#dr-footer-main .dr-footer-links li{
    margin:0;
    padding:0;
}

#dr-footer-main .dr-footer-links a{
    position:relative;
    display:block;

    padding:6px 0 6px 15px;

    color:#c6cdd4 !important;
    font-size:13.5px;
    line-height:1.35;
    text-decoration:none !important;

    transition:
        color .2s ease,
        padding-left .2s ease;
}

#dr-footer-main .dr-footer-links a::before{
    content:"›";
    position:absolute;

    left:0;
    top:5px;

    color:#b98c32;
    font-size:17px;
    line-height:1;
}

#dr-footer-main .dr-footer-links a:hover{
    padding-left:19px;
    color:#e6ba58 !important;
}


/* =========================================================
   DOLNE LINKI W KOLUMNACH SIEWIERZ / KATOWICE
   ========================================================= */

#dr-footer-main .dr-footer-link{
    display:inline-flex;
    align-items:center;

    width:max-content;
    max-width:100%;

    margin-top:auto;
    padding:10px 0 4px;

    border-bottom:1px solid rgba(196,154,83,.38);

    color:#dfb456 !important;

    font-size:12.5px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.25px;

    text-decoration:none !important;

    transition:
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

#dr-footer-main .dr-footer-link:hover{
    color:#f1cd77 !important;
    border-color:#f1cd77;
    transform:translateX(3px);
}


/* =========================================================
   SUBTELNY ZŁOTY AKCENT NAD LOKALIZACJAMI
   ========================================================= */

#dr-footer-main .dr-footer-office::before{
    content:"";
    position:absolute;

    top:0;
    left:27px;
    right:27px;

    height:2px;

    background:linear-gradient(
        90deg,
        rgba(196,154,83,.75),
        rgba(196,154,83,.08),
        transparent
    );
}

#dr-footer-main .dr-footer-col:first-child::before{
    left:0;
}


/* =========================================================
   TABLET — 2 × 2
   ========================================================= */

@media(max-width:900px){

    #dr-footer-main{
        padding:22px 18px 18px;
    }

    #dr-footer-main .dr-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    #dr-footer-main .dr-footer-col{
        padding:20px 22px;

        border-right:1px solid rgba(196,154,83,.17);
        border-bottom:1px solid rgba(196,154,83,.17);
    }

    #dr-footer-main .dr-footer-col:nth-child(2n){
        border-right:none;
    }

    #dr-footer-main .dr-footer-col:nth-child(3),
    #dr-footer-main .dr-footer-col:nth-child(4){
        border-bottom:none;
    }

    #dr-footer-main .dr-footer-col:first-child{
        padding-left:22px;
    }

    #dr-footer-main .dr-footer-col:last-child{
        padding-right:22px;
    }

    #dr-footer-main .dr-footer-office::before{
        left:22px;
        right:22px;
    }

    #dr-footer-main .dr-footer-col:first-child::before{
        left:22px;
    }
}


/* =========================================================
   MOBILE — 2 × 2
   ========================================================= */

@media(max-width:600px){

    #dr-footer-main{
        padding:18px 11px 14px;
    }

    #dr-footer-main .dr-footer-quick{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:6px;
        margin-bottom:17px;
        padding:7px;
    }

    #dr-footer-main .dr-footer-quick a{
        width:100%;
        min-height:36px;

        padding:7px 6px;

        font-size:11px;
        text-align:center;
    }

    #dr-footer-main .dr-footer-col{
        padding:16px 12px;
    }

    #dr-footer-main .dr-footer-col:first-child{
        padding-left:12px;
    }

    #dr-footer-main .dr-footer-col:last-child{
        padding-right:12px;
    }

    #dr-footer-main .dr-footer-office::before,
    #dr-footer-main .dr-footer-col:first-child::before{
        left:12px;
        right:12px;
    }

    #dr-footer-main .dr-footer-label{
        margin-bottom:6px;

        font-size:9px;
        letter-spacing:.7px;
    }

    #dr-footer-main h3{
        min-height:44px;
        margin-bottom:7px;

        font-size:15px;
        line-height:1.22;
    }

    #dr-footer-main p,
    #dr-footer-main .dr-footer-address,
    #dr-footer-main .dr-footer-links a{
        font-size:11.5px;
    }

    #dr-footer-main .dr-footer-address{
        padding-top:7px;
    }

    #dr-footer-main .dr-footer-links a{
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
    }

    #dr-footer-main .dr-footer-links a::before{
        top:4px;
        font-size:15px;
    }

    #dr-footer-main .dr-footer-link{
        font-size:10.5px;
    }
}


/* =========================================================
   DOSTĘPNOŚĆ
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    #dr-footer-main a{
        transition:none !important;
        transform:none !important;
    }
}

/* =========================================================
   WIEDZA 2026 — HERO + 3 KATEGORIE
   ========================================================= */

#dr-wiedza-top{
  width:100%;
  max-width:1240px;
  margin:0 auto 54px;
  padding:0 22px;
}

/* ===== HERO ===== */

#dr-wiedza-top .dr-wiedza-hero{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border-radius:22px;
  background:
    linear-gradient(90deg,
      rgba(6,22,39,.94) 0%,
      rgba(6,22,39,.82) 38%,
      rgba(6,22,39,.34) 68%,
      rgba(6,22,39,.18) 100%
    ),
    url('/images/wiedza/wiedza-open-space-panorama.webp') center center / cover no-repeat;
  box-shadow:0 22px 60px rgba(8,24,42,.15);
}

/* bardzo delikatny "żywy" ruch panoramy */
#dr-wiedza-top .dr-wiedza-hero::before{
  content:"";
  position:absolute;
  inset:-2%;
  background:
    url('/images/wiedza/wiedza-open-space-panorama.webp') center center / cover no-repeat;
  z-index:0;
  opacity:.28;
  transform:scale(1.025);
  animation:drWiedzaPanorama 14s ease-in-out infinite alternate;
}

#dr-wiedza-top .dr-wiedza-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 38%,
      rgba(218,169,46,.16) 0%,
      rgba(218,169,46,0) 34%);
}

@keyframes drWiedzaPanorama{
  from{
    transform:scale(1.025) translate3d(-.5%,0,0);
  }
  to{
    transform:scale(1.045) translate3d(.7%,-.4%,0);
  }
}

#dr-wiedza-top .dr-wiedza-hero-inner{
  position:relative;
  z-index:3;
  width:min(680px,100%);
  padding:54px 54px 50px;
}

#dr-wiedza-top .dr-wiedza-eyebrow{
  margin-bottom:13px;
  color:#e0b14b;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.18em;
}

#dr-wiedza-top .dr-wiedza-hero h2{
  margin:0 0 17px;
  color:#fff;
  font-size:clamp(34px,4vw,58px);
  line-height:1.05;
  font-weight:750;
  letter-spacing:-.035em;
}

#dr-wiedza-top .dr-wiedza-lead{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.90);
  font-size:17px;
  line-height:1.7;
}

/* ===== 3 KATEGORIE ===== */

#dr-wiedza-top .dr-wiedza-kategorie{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}

#dr-wiedza-top .dr-wiedza-kafel{
  position:relative;
  min-height:270px;
  display:flex;
  align-items:flex-end;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(218,169,46,.32);
  border-radius:18px;
  background:
    linear-gradient(155deg,#0c2238 0%,#102c49 100%);
  box-shadow:0 14px 34px rgba(8,24,42,.10);
  text-decoration:none !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

#dr-wiedza-top .dr-wiedza-kafel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 14%,
      rgba(218,169,46,.17),
      transparent 34%);
  opacity:.75;
  transition:opacity .28s ease;
}

#dr-wiedza-top .dr-wiedza-kafel::after{
  content:"";
  position:absolute;
  top:0;
  left:30px;
  width:64px;
  height:3px;
  background:linear-gradient(90deg,#c9952d,#f1cb70);
  border-radius:0 0 4px 4px;
}

#dr-wiedza-top .dr-wiedza-kafel:hover{
  transform:translateY(-6px);
  border-color:rgba(218,169,46,.72);
  box-shadow:0 22px 48px rgba(8,24,42,.18);
}

#dr-wiedza-top .dr-wiedza-kafel:hover::before{
  opacity:1;
}

#dr-wiedza-top .dr-wiedza-kafel-content{
  position:relative;
  z-index:2;
}

#dr-wiedza-top .dr-wiedza-kafel-label{
  display:block;
  margin-bottom:12px;
  color:#dbaa43;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.15em;
}

#dr-wiedza-top .dr-wiedza-kafel h3{
  margin:0 0 12px;
  color:#fff;
  font-size:25px;
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.025em;
}

#dr-wiedza-top .dr-wiedza-kafel p{
  margin:0 0 22px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.6;
}

#dr-wiedza-top .dr-wiedza-link{
  color:#e2b54e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

/* ===== TABLET ===== */

@media (max-width:991px){

  #dr-wiedza-top{
    margin-bottom:42px;
  }

  #dr-wiedza-top .dr-wiedza-hero{
    min-height:350px;
  }

  #dr-wiedza-top .dr-wiedza-hero-inner{
    padding:42px 34px;
  }

  #dr-wiedza-top .dr-wiedza-kategorie{
    grid-template-columns:1fr 1fr;
  }

  #dr-wiedza-top .dr-wiedza-kafel:last-child{
    grid-column:1 / -1;
  }
}

/* ===== MOBILE ===== */

@media (max-width:767px){

  #dr-wiedza-top{
    padding:0 14px;
    margin-bottom:34px;
  }

  #dr-wiedza-top .dr-wiedza-hero{
    min-height:400px;
    border-radius:16px;
    background-position:62% center;
  }

  #dr-wiedza-top .dr-wiedza-hero::before{
    animation:none;
  }

  #dr-wiedza-top .dr-wiedza-hero-inner{
    padding:34px 24px;
  }

  #dr-wiedza-top .dr-wiedza-eyebrow{
    font-size:11px;
  }

  #dr-wiedza-top .dr-wiedza-lead{
    font-size:15px;
    line-height:1.6;
  }

  #dr-wiedza-top .dr-wiedza-kategorie{
    grid-template-columns:1fr;
    gap:14px;
  }

  #dr-wiedza-top .dr-wiedza-kafel,
  #dr-wiedza-top .dr-wiedza-kafel:last-child{
    grid-column:auto;
    min-height:230px;
    padding:26px;
  }
}

/* ograniczenie ruchu dla użytkowników, którzy go wyłączają */
@media (prefers-reduced-motion:reduce){
  #dr-wiedza-top .dr-wiedza-hero::before{
    animation:none;
  }

  #dr-wiedza-top .dr-wiedza-kafel{
    transition:none;
  }
}

/* =========================================================
   WIEDZA 2026 — BLOG / ARTYKUŁ GŁÓWNY + RÓWNE KAFLE
   tylko pozycja menu Wiedza — ItemID 359
   ========================================================= */

/* ===== WIĘKSZE ETYKIETY 3 GŁÓWNYCH KATEGORII ===== */

#dr-wiedza-top .dr-wiedza-kafel-label{
  font-size:14px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.12em;
}


/* =========================================================
   ARTYKUŁ GŁÓWNY — NOWOŚĆ
   ========================================================= */

body.itemid-359 .items-leading{
  width:80%;
  max-width:980px;
  margin:34px auto 38px;
}

body.itemid-359 .items-leading .article{
  position:relative;
  display:grid;
  grid-template-columns:40% 60%;
  min-height:245px;
  overflow:hidden;

  background:#fff;
  border:1px solid rgba(15,42,68,.13);
  border-radius:18px;

  box-shadow:
    0 18px 44px rgba(8,24,42,.10);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

body.itemid-359 .items-leading .article:hover{
  transform:translateY(-3px);
  box-shadow:
    0 24px 54px rgba(8,24,42,.15);
}


/* NOWOŚĆ — róg */

body.itemid-359 .items-leading .article::before{
  content:"NOWOŚĆ";

  position:absolute;
  top:14px;
  left:14px;
  z-index:8;

  padding:7px 12px;

  color:#0b2239;
  background:linear-gradient(135deg,#f0ca6a,#d8a632);

  border-radius:999px;

  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.10em;

  box-shadow:0 5px 15px rgba(0,0,0,.16);
}


/* obraz główny */

body.itemid-359 .items-leading .article-intro-image{
  width:100%;
  height:245px;
  margin:0 !important;
  overflow:hidden;
}

body.itemid-359 .items-leading .article-intro-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* prawa część głównego artykułu */

body.itemid-359 .items-leading .article-body{
  min-width:0;
  padding:26px 30px 24px;

  display:flex;
  flex-direction:column;
}


/* tytuł głównego artykułu — max 2 linie */

body.itemid-359 .items-leading .article-header h2,
body.itemid-359 .items-leading .article-header h2 a{
  margin:0;
  color:#102b46;

  font-size:clamp(22px,2vw,29px);
  line-height:1.18;
  font-weight:750;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}


/* główne intro — max 2 linie */

body.itemid-359 .items-leading .article-body > p:not(.readmore){
  display:none;
}

body.itemid-359 .items-leading .article-body > p:not(.readmore):first-of-type{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;

  margin:14px 0 18px;

  color:#536272;
  font-size:15px;
  line-height:1.55;
}


/* CTA głównego artykułu */

body.itemid-359 .items-leading .readmore{
  margin-top:auto;
  margin-bottom:0;
}

body.itemid-359 .items-leading .readmore a{
  color:#b98722;
  font-weight:800;
  text-decoration:none;
}


/* =========================================================
   STANDARDOWE KAFLE ARTYKUŁÓW
   ========================================================= */

/* kolumny trzymają równe wysokości */

body.itemid-359 .items-row > div{
  display:flex;
}


/* kafel — 10% węższy od obecnego */

body.itemid-359 .items-row .article{
  width:90%;
  height:100%;
  margin:0 auto 26px;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:#fff;
  border:1px solid rgba(15,42,68,.11);
  border-radius:15px;

  box-shadow:
    0 12px 30px rgba(8,24,42,.08);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

body.itemid-359 .items-row .article:hover{
  transform:translateY(-5px);

  border-color:rgba(218,169,46,.48);

  box-shadow:
    0 20px 40px rgba(8,24,42,.14);
}


/* obraz zawsze równy — 3:2 */

body.itemid-359 .items-row .article-intro-image{
  width:100%;
  aspect-ratio:3 / 2;

  margin:0 !important;
  overflow:hidden;
}

body.itemid-359 .items-row .article-intro-image img{
  width:100%;
  height:100%;
  object-fit:cover;

  transition:transform .35s ease;
}

body.itemid-359 .items-row .article:hover .article-intro-image img{
  transform:scale(1.025);
}


/* zawartość kafla */

body.itemid-359 .items-row .article-body{
  flex:1;
  min-width:0;

  display:flex;
  flex-direction:column;

  padding:18px 19px 17px;
}


/* tytuł max 2 linie */

body.itemid-359 .items-row .article-header h2,
body.itemid-359 .items-row .article-header h2 a{
  margin:0;

  color:#102b46;
  font-size:18px;
  line-height:1.28;
  font-weight:750;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}


/* intro zwykłych kafli — dokładnie 1 linia */

body.itemid-359 .items-row .article-body p:not(.readmore),
body.itemid-359 .items-row .articleBody p:not(.readmore){
    display:none !important;
}

body.itemid-359 .items-row .article-body p:first-of-type,
body.itemid-359 .items-row .articleBody p:first-of-type{
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;

    margin:11px 0 15px;
    color:#66727e;
    font-size:13.5px;
    line-height:1.5;
}

body.itemid-359 .items-row p.readmore{
    display:block !important;
}

body.itemid-359 .items-row .article-body .article-introtext p:not(:first-child),
body.itemid-359 .items-row .articleBody .article-introtext p:not(:first-child){
    display:none;
}


/* Czytaj więcej zawsze na dole */

body.itemid-359 .items-row .readmore{
  margin-top:auto;
  margin-bottom:0;
}

body.itemid-359 .items-row .readmore a{
  color:#b98722;

  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;

  text-decoration:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991px){

  body.itemid-359 .items-leading{
    width:94%;
  }

  body.itemid-359 .items-leading .article{
    grid-template-columns:42% 58%;
  }

  body.itemid-359 .items-row .article{
    width:96%;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

  #dr-wiedza-top .dr-wiedza-kafel-label{
    font-size:12px;
  }

  body.itemid-359 .items-leading{
    width:100%;
    margin:26px auto 32px;
  }

  body.itemid-359 .items-leading .article{
    display:flex;
    flex-direction:column;
    min-height:0;
  }

  body.itemid-359 .items-leading .article-intro-image{
    height:auto;
    aspect-ratio:16 / 9;
  }

  body.itemid-359 .items-leading .article-body{
    padding:22px;
  }

  body.itemid-359 .items-row .article{
    width:100%;
  }
}


/* =========================================================
   DOSTĘPNOŚĆ
   ========================================================= */

@media (prefers-reduced-motion:reduce){

  body.itemid-359 .items-leading .article,
  body.itemid-359 .items-row .article,
  body.itemid-359 .items-row .article-intro-image img{
    transition:none !important;
    transform:none !important;
  }
}

/* ==========================================================
   DYNAMICZNY ROZWÓJ — KAFELKI ARTYKUŁÓW / WIEDZA
   482 — Rozwój osobisty
   483 — Biznes, sprzedaż i leadership
   484 — Kariera i zmiana zawodowa

   WAŻNE:
   - nie zmienia HTML ani linków Joomla
   - zdjęcia pozostają klikalne
   - nie dotyczy strony głównej
   - nie dotyczy głównego huba "Wiedza"
   ========================================================== */


/* ---------- ODSTĘPY MIĘDZY KAFLAMI ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list > .row {
    row-gap: 28px;
}


/* ---------- KAFEL ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article {
    height: 100%;
    display: flex;
    flex-direction: column;

    background: #ffffff;
    border: 1px solid rgba(18, 43, 68, 0.11);
    border-radius: 14px;
    overflow: hidden;

    box-shadow: 0 7px 22px rgba(18, 43, 68, 0.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* ---------- PODŚWIETLENIE KAFLA ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article:hover {
    transform: translateY(-6px);
    border-color: rgba(196, 151, 45, 0.72);
    box-shadow: 0 16px 36px rgba(18, 43, 68, 0.16);
}


/* ---------- LINK ZE ZDJĘCIEM ----------
   NIE zmieniamy href Joomla.
   Zdjęcie nadal jest przyciskiem/linkiem.
   ------------------------------------ */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article > a {
    display: block;
    overflow: hidden;
}


/* ---------- ZDJĘCIE ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article > a img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin: 0;

    transition:
        transform .35s ease,
        filter .35s ease;
}


/* subtelna reakcja zdjęcia */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article:hover > a img {
    transform: scale(1.025);
}


/* ---------- TREŚĆ ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article-body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 19px 21px 21px;
}


/* ---------- TYTUŁ ARTYKUŁU ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h2,
body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h3 {
    margin: 0 0 9px;

    color: #122b44;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.28;
}


/* jeśli tytuł Joomla jest linkiem */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h2 a,
body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h3 a {
    color: #122b44;
    text-decoration: none;

    transition: color .2s ease;
}


body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h2 a:hover,
body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article h3 a:hover {
    color: #b88718;
}


/* ==========================================================
   ZAJAWKA — TYLKO JEDNA LINIA
   ========================================================== */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article-introtext {
    margin: 0 0 17px;

    color: #596570;
    font-size: 14.5px;
    line-height: 1.5;

    overflow: hidden;
}


/* chowamy kolejne akapity */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article-introtext p {
    display: none;
}


/* pokazujemy wyłącznie pierwszy */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .article-introtext p:first-child {
    display: block;

    width: 100%;
    margin: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ---------- CZYTAJ DALEJ ---------- */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .readmore {
    margin-top: auto;
    padding-top: 3px;
}


/*
   Zachowujemy PRAWDZIWY link Joomla.
   Zmieniamy wyłącznie widoczny napis.
*/

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .readmore a {
    display: inline-flex;
    align-items: center;

    color: #b88718;
    text-decoration: none;

    font-size: 0;

    transition:
        color .2s ease,
        transform .2s ease;
}


body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .readmore a::after {
    content: "CZYTAJ DALEJ  →";

    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .035em;
}


/* mocniejsza reakcja CTA */

body:is(.itemid-482, .itemid-483, .itemid-484)
.com-content-category-blog .article-list .readmore a:hover {
    color: #122b44;
    transform: translateX(4px);
}


/* ---------- TELEFON ---------- */

@media (max-width: 767px) {

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list > .row {
        row-gap: 20px;
    }

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .article {
        border-radius: 12px;
    }

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .article-body {
        padding: 17px 18px 19px;
    }

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .article h2,
    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .article h3 {
        font-size: 19px;
    }

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .article-introtext {
        font-size: 14px;
    }

    body:is(.itemid-482, .itemid-483, .itemid-484)
    .com-content-category-blog .article-list .readmore a::after {
        font-size: 15px;
    }
}


/* ==========================================================
   DYNAMICZNY ROZWÓJ — ARTYKUŁY WIEDZY
   OGRANICZENIE GŁÓWNEGO ZDJĘCIA
   482 / 483 / 484
   ========================================================== */

body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
#sp-main-body {
    padding-top: 55px;
    padding-bottom: 75px;
}


/* szerokość samego artykułu */

body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
.article-details {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}


/* kontener zdjęcia */

body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
.article-details .article-full-image {
    display: block;
    float: none !important;

    width: 100%;
    margin: 0 0 34px;

    overflow: hidden;
    border-radius: 14px;
}


/* GŁÓWNE ZDJĘCIE ARTYKUŁU */

body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
.article-details .article-full-image img {
    display: block;

    width: 100%;
    height: 420px;

    object-fit: cover;
    object-position: center;

    border-radius: 0;
}


/* TREŚĆ — czytelniejsza szerokość */

body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
.article-details [itemprop="articleBody"] {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}


/* TABLET */

@media (max-width: 991px) {

    body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
    .article-details .article-full-image img {
        height: 360px;
    }

}


/* TELEFON */

@media (max-width: 767px) {

    body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
    #sp-main-body {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
    .article-details .article-full-image {
        margin-bottom: 24px;
        border-radius: 10px;
    }

    body.view-article:is(.itemid-482, .itemid-483, .itemid-484)
    .article-details .article-full-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

}



/* =========================================================
   COACHING ONLINE — DYNAMICZNY ROZWÓJ
   TYLKO #dr-coaching-online
   ========================================================= */

#dr-coaching-online{
  --navy:#102b4e;
  --gold:#b48618;
  --gold2:#d7b45a;
  --soft:#f6f8fa;
  --cream:#f8f4ea;
  --text:#263442;
  --muted:#5b6772;
  --line:#e3e7eb;
  max-width:1180px;
  margin:0 auto;
  padding:20px 18px 70px;
  color:var(--text);
}

#dr-coaching-online *,
#dr-coaching-online *::before,
#dr-coaching-online *::after{
  box-sizing:border-box;
}

#dr-coaching-online a{
  text-decoration:none;
}

#dr-coaching-online .dr-online-kicker{
  display:inline-block;
  margin:0 0 12px;
  color:var(--gold);
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}


/* ===== HERO ===== */

#dr-coaching-online .dr-online-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);
  gap:48px;
  align-items:center;
  padding:20px 0 60px;
}

#dr-coaching-online .dr-online-hero h1{
  margin:0 0 20px;
  color:var(--navy);
  font-size:clamp(36px,4.2vw,55px);
  line-height:1.07;
  letter-spacing:-.03em;
}

#dr-coaching-online .dr-online-hero-lead{
  margin:0 0 26px;
  color:#4d5964;
  font-size:18px;
  line-height:1.72;
}

#dr-coaching-online .dr-online-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-bottom:14px;
}

#dr-coaching-online .dr-online-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 24px;
  border:2px solid var(--navy);
  border-radius:9px;
  font-size:15px;
  font-weight:800;
  transition:.22s ease;
}

#dr-coaching-online .dr-online-btn-primary{
  background:var(--navy);
  color:#fff;
  box-shadow:0 8px 22px rgba(16,43,78,.15);
}

#dr-coaching-online .dr-online-btn-secondary{
  background:#fff;
  color:var(--navy);
}

#dr-coaching-online .dr-online-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 27px rgba(16,43,78,.16);
}

#dr-coaching-online .dr-online-note{
  margin:0;
  color:#7b858e;
  font-size:13px;
}

#dr-coaching-online .dr-online-hero-media{
  position:relative;
}

#dr-coaching-online .dr-online-hero-media::before{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  top:-17px;
  right:-17px;
  border-radius:50%;
  background:rgba(215,180,90,.18);
}

#dr-coaching-online .dr-online-hero-media img{
  position:relative;
  display:block;
  width:100%;
  height:475px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  box-shadow:0 18px 44px rgba(16,43,78,.15);
}


/* ===== GRANATOWY ŁĄCZNIK ===== */

#dr-coaching-online .dr-online-statement{
  position:relative;
  overflow:hidden;
  margin:0 0 68px;
  padding:30px 33px;
  background:var(--navy);
  border-radius:18px;
}

#dr-coaching-online .dr-online-statement p{
  margin:0;
  color:#fff;
  font-size:clamp(20px,2.3vw,28px);
  line-height:1.45;
  font-weight:600;
}

#dr-coaching-online .dr-online-statement strong{
  color:#e6c56f;
}


/* ===== TYPOGRAFIA SEKCJI ===== */

#dr-coaching-online .dr-online-section,
#dr-coaching-online .dr-online-process{
  margin-bottom:72px;
}

#dr-coaching-online .dr-online-section > h2,
#dr-coaching-online .dr-online-process > h2,
#dr-coaching-online .dr-online-editorial > h2,
#dr-coaching-online .dr-online-methods > h2{
  max-width:900px;
  margin:0 0 17px;
  color:var(--navy);
  font-size:clamp(28px,3.1vw,41px);
  line-height:1.17;
}

#dr-coaching-online .dr-online-intro{
  max-width:850px;
  margin:0 0 29px;
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
}


/* ===== 3 KLIKALNE KAFLE ===== */

#dr-coaching-online .dr-online-paths{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

#dr-coaching-online .dr-online-path{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:275px;
  padding:28px;
  overflow:hidden;
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 8px 25px rgba(16,43,78,.07);
  transition:.25s ease;
}

#dr-coaching-online .dr-online-path::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:var(--gold2);
  transform:scaleY(.28);
  transform-origin:top;
  transition:.25s ease;
}

#dr-coaching-online .dr-online-path:hover{
  transform:translateY(-6px);
  border-color:rgba(180,134,24,.55);
  box-shadow:0 17px 38px rgba(16,43,78,.13);
}

#dr-coaching-online .dr-online-path:hover::before{
  transform:scaleY(1);
}

#dr-coaching-online .dr-online-path-number{
  margin-bottom:17px;
  color:var(--gold);
  font-size:13px;
  font-weight:900;
}

#dr-coaching-online .dr-online-path h3{
  margin:0 0 11px;
  color:var(--navy);
  font-size:23px;
}

#dr-coaching-online .dr-online-path p{
  margin:0 0 20px;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.65;
}

#dr-coaching-online .dr-online-path-cta{
  margin-top:auto;
  color:var(--gold);
  font-size:14px;
  font-weight:900;
}

#dr-coaching-online .dr-online-path:hover .dr-online-path-cta{
  transform:translateX(4px);
}


/* ===== Z CZYM MOŻESZ PRZYJŚĆ ===== */

#dr-coaching-online .dr-online-situations{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:44px;
  align-items:center;
  margin:0 0 72px;
  padding:42px 39px;
  background:var(--soft);
  border-radius:20px;
}

#dr-coaching-online .dr-online-situations h2{
  margin:0 0 15px;
  color:var(--navy);
  font-size:clamp(27px,3vw,39px);
  line-height:1.18;
}

#dr-coaching-online .dr-online-situations p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}

#dr-coaching-online .dr-online-topics{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

#dr-coaching-online .dr-online-topic{
  padding:16px 18px;
  background:#fff;
  border:1px solid #e3e8ec;
  border-radius:11px;
  color:var(--navy);
  font-size:15px;
  font-weight:750;
  transition:.2s ease;
}

#dr-coaching-online .dr-online-topic:hover{
  transform:translateX(3px);
  border-color:rgba(180,134,24,.55);
}


/* ===== PROCES 01–04 ===== */

#dr-coaching-online .dr-online-process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}

#dr-coaching-online .dr-online-step{
  padding:24px 21px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  transition:.22s ease;
}

#dr-coaching-online .dr-online-step:hover{
  transform:translateY(-4px);
  border-color:rgba(180,134,24,.35);
  box-shadow:0 12px 29px rgba(16,43,78,.09);
}

#dr-coaching-online .dr-online-step > span{
  display:block;
  margin-bottom:12px;
  color:var(--gold2);
  font-size:29px;
  font-weight:900;
}

#dr-coaching-online .dr-online-step h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:19px;
}

#dr-coaching-online .dr-online-step p{
  margin:0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.65;
}


/* ===== SEO / CZYTAJ WIĘCEJ ===== */

#dr-coaching-online .dr-online-editorial{
  margin:0 0 72px;
  padding:42px 0;
  border-top:1px solid #e2e6e9;
  border-bottom:1px solid #e2e6e9;
}

#dr-coaching-online .dr-online-editorial > p{
  max-width:900px;
  color:var(--muted);
  font-size:16.5px;
  line-height:1.8;
}

#dr-coaching-online .dr-online-more{
  max-width:920px;
  margin-top:20px;
}

#dr-coaching-online .dr-online-more > summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  list-style:none;
  color:var(--navy);
  font-size:15px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}

#dr-coaching-online .dr-online-more > summary::-webkit-details-marker{
  display:none;
}

#dr-coaching-online .dr-online-more > summary::after{
  content:"↓";
  color:var(--gold);
  font-size:21px;
}

#dr-coaching-online .dr-online-more[open] > summary::after{
  transform:rotate(180deg);
}

#dr-coaching-online .dr-online-more-content{
  max-width:880px;
  padding-top:27px;
  color:#44515d;
  font-size:16px;
  line-height:1.82;
}

#dr-coaching-online .dr-online-more-content h3{
  margin:30px 0 10px;
  color:var(--navy);
  font-size:22px;
}

#dr-coaching-online .dr-online-more-content p{
  margin:0 0 17px;
}


/* ===== COACHING / MENTORING / DORADZTWO ===== */

#dr-coaching-online .dr-online-methods{
  margin:0 0 72px;
  padding:39px;
  background:var(--cream);
  border-radius:20px;
}

#dr-coaching-online .dr-online-method-lead{
  margin:0 0 28px;
  color:#45515c;
  font-size:19px;
  font-weight:650;
}

#dr-coaching-online .dr-online-method-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

#dr-coaching-online .dr-online-method{
  padding:25px;
  background:#fff;
  border-radius:14px;
}

#dr-coaching-online .dr-online-method h3{
  margin:0 0 9px;
  color:var(--navy);
  font-size:21px;
}

#dr-coaching-online .dr-online-method p{
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.65;
}


/* ===== MOBILE / TABLET ===== */

@media(max-width:900px){

  #dr-coaching-online .dr-online-hero{
    grid-template-columns:1fr;
    gap:30px;
  }

  #dr-coaching-online .dr-online-hero-media img{
    height:430px;
  }

  #dr-coaching-online .dr-online-paths{
    grid-template-columns:1fr;
  }

  #dr-coaching-online .dr-online-path{
    min-height:0;
  }

  #dr-coaching-online .dr-online-situations{
    grid-template-columns:1fr;
  }

  #dr-coaching-online .dr-online-process-grid{
    grid-template-columns:repeat(2,1fr);
  }

  #dr-coaching-online .dr-online-method-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){

  #dr-coaching-online{
    padding:10px 14px 55px;
  }

  #dr-coaching-online .dr-online-hero{
    padding-top:10px;
    padding-bottom:45px;
  }

  #dr-coaching-online .dr-online-hero h1{
    font-size:35px;
  }

  #dr-coaching-online .dr-online-hero-media img{
    height:auto;
    aspect-ratio:4/3;
  }

  #dr-coaching-online .dr-online-actions{
    display:grid;
  }

  #dr-coaching-online .dr-online-btn{
    width:100%;
  }

  #dr-coaching-online .dr-online-statement{
    padding:25px 22px;
    margin-bottom:52px;
  }

  #dr-coaching-online .dr-online-situations,
  #dr-coaching-online .dr-online-methods{
    padding:28px 21px;
  }

  #dr-coaching-online .dr-online-topics,
  #dr-coaching-online .dr-online-process-grid{
    grid-template-columns:1fr;
  }
}

#dr-kontakt{
  --navy:#15314f;
  --navy2:#1d4064;
  --gold:#8f681f;
  --gold2:#d9b776;
  --soft:#f5f7f9;
  --text:#25364a;
  --muted:#607083;
  --line:#e0e6ec;
  max-width:1180px;
  margin:0 auto;
  padding:20px 18px 55px;
  color:var(--text);
}

#dr-kontakt *,
#dr-kontakt *::before,
#dr-kontakt *::after{box-sizing:border-box}

#dr-kontakt h1,
#dr-kontakt h2,
#dr-kontakt h3,
#dr-kontakt p{margin-top:0}

#dr-kontakt a{text-decoration:none}

#dr-kontakt .drk-kicker{
  margin:0 0 9px;
  color:var(--gold);
  font-size:13px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase
}

#dr-kontakt .drk-kicker-light{color:var(--gold2)}
#dr-kontakt .drk-center{text-align:center}

#dr-kontakt .drk-title-center{
  text-align:center;
  margin:0 0 15px;
  color:var(--navy);
  font-size:clamp(29px,4vw,36px);
  line-height:1.25
}

#dr-kontakt .drk-lead-center{
  max-width:820px;
  margin:0 auto 32px;
  text-align:center;
  color:var(--muted);
  font-size:16.5px;
  line-height:1.72
}

#dr-kontakt .drk-section{margin-top:68px}

/* HERO */
#dr-kontakt .drk-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:42px;
  align-items:center;
  padding:24px 0 30px
}

#dr-kontakt .drk-hero h1{
  margin:0 0 20px;
  color:var(--navy);
  font-size:clamp(38px,5vw,56px);
  line-height:1.1;
  font-weight:750;
  letter-spacing:-.025em
}

#dr-kontakt .drk-hero-strong{
  margin:0 0 13px;
  color:#43566b;
  font-size:20px;
  line-height:1.55;
  font-weight:700
}

#dr-kontakt .drk-hero-lead{
  max-width:720px;
  margin:0 0 14px;
  color:var(--muted);
  font-size:17px;
  line-height:1.75
}

#dr-kontakt .drk-hero-note{
  margin:0 0 27px;
  color:var(--navy);
  font-size:15.5px;
  line-height:1.65;
  font-weight:800
}

#dr-kontakt .drk-hero-media{position:relative}

#dr-kontakt .drk-hero-media::before{
  content:"";
  position:absolute;
  width:105px;
  height:105px;
  right:-14px;
  top:-14px;
  border-radius:50%;
  background:rgba(217,183,118,.2)
}

#dr-kontakt .drk-hero-media img{
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  height:475px;
  margin:0;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  box-shadow:0 18px 44px rgba(21,49,79,.15)
}

#dr-kontakt .drk-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px
}

#dr-kontakt .drk-actions-center{justify-content:center}

#dr-kontakt .drk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 25px;
  border-radius:9px;
  font-size:15px;
  font-weight:800;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease
}

#dr-kontakt .drk-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 11px 26px rgba(21,49,79,.16)
}

#dr-kontakt .drk-btn-primary{background:var(--navy);color:#fff}
#dr-kontakt .drk-btn-gold{background:var(--gold);color:#fff}
#dr-kontakt .drk-btn-light{background:#fff;color:var(--navy)}

/* PATHS */
#dr-kontakt .drk-path-section{margin-top:58px}

#dr-kontakt .drk-paths{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}

#dr-kontakt .drk-path{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:285px;
  padding:30px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  color:var(--text);
  box-shadow:0 8px 25px rgba(21,49,79,.065);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease
}

#dr-kontakt .drk-path::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:var(--gold2);
  transform:scaleY(.30);
  transform-origin:top;
  transition:transform .24s ease
}

#dr-kontakt .drk-path:hover{
  transform:translateY(-6px);
  border-color:rgba(143,104,31,.5);
  box-shadow:0 17px 38px rgba(21,49,79,.13)
}

#dr-kontakt .drk-path:hover::before{transform:scaleY(1)}

#dr-kontakt .drk-path-featured{
  background:var(--navy);
  color:#fff
}

#dr-kontakt .drk-path-label{
  margin-bottom:14px;
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em
}

#dr-kontakt .drk-path-featured .drk-path-label{color:var(--gold2)}

#dr-kontakt .drk-path h3{
  margin:0 0 12px;
  color:var(--navy);
  font-size:23px;
  line-height:1.25
}

#dr-kontakt .drk-path-featured h3{color:#fff}

#dr-kontakt .drk-path p{
  margin:0 0 20px;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.7
}

#dr-kontakt .drk-path-featured p{color:#dce5ed}

#dr-kontakt .drk-path-cta{
  margin-top:auto;
  color:var(--gold);
  font-size:14px;
  font-weight:900;
  transition:transform .2s ease
}

#dr-kontakt .drk-path-featured .drk-path-cta{color:#fff}
#dr-kontakt .drk-path:hover .drk-path-cta{transform:translateX(4px)}

/* BRIDGE */
#dr-kontakt .drk-bridge{
  max-width:930px;
  margin:62px auto 0;
  padding:30px 32px;
  text-align:center;
  background:linear-gradient(135deg,#fbf8f0,#fff);
  border:1px solid #eadfbe;
  border-radius:17px
}

#dr-kontakt .drk-bridge h2{
  max-width:820px;
  margin:0 auto 12px;
  color:var(--navy);
  font-size:clamp(25px,3vw,34px);
  line-height:1.22
}

#dr-kontakt .drk-bridge>p:last-child{
  max-width:790px;
  margin:0 auto;
  color:var(--muted);
  font-size:16px;
  line-height:1.75
}

/* CONTACT BAND */
#dr-kontakt .drk-contact-band{
  margin-top:70px;
  padding:45px 28px;
  background:var(--navy);
  border-radius:19px
}

#dr-kontakt .drk-contact-band>h2{
  text-align:center;
  margin:0 0 31px;
  color:#fff;
  font-size:34px;
  line-height:1.25
}

#dr-kontakt .drk-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}

#dr-kontakt .drk-contact-card{
  display:flex;
  min-height:175px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:27px;
  text-align:center;
  color:#fff;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  transition:transform .22s ease,background .22s ease
}

#dr-kontakt .drk-contact-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.11)
}

#dr-kontakt .drk-contact-card>span{
  margin-bottom:8px;
  color:var(--gold2);
  font-size:12px;
  font-weight:900
}

#dr-kontakt .drk-contact-card>strong{
  color:#fff;
  font-size:20px;
  line-height:1.35
}

#dr-kontakt .drk-contact-card .drk-mail{
  font-size:16px;
  word-break:break-word
}

#dr-kontakt .drk-contact-card>p{
  margin:10px 0 0;
  color:#dce5ed;
  font-size:14.5px;
  line-height:1.6
}

#dr-kontakt .drk-contact-card-light{
  color:var(--navy);
  background:#fff
}

#dr-kontakt .drk-contact-card-light:hover{background:#fff}

#dr-kontakt .drk-contact-card-light>span{color:var(--gold)}
#dr-kontakt .drk-contact-card-light>strong{color:var(--navy)}
#dr-kontakt .drk-contact-card-light>p{color:var(--muted)}

/* ONLINE */
#dr-kontakt .drk-online-card{
  position:relative;
  display:block;
  overflow:hidden;
  padding:42px 34px;
  background:var(--navy);
  border-radius:18px;
  color:#fff;
  transition:transform .24s ease,box-shadow .24s ease
}

#dr-kontakt .drk-online-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  bottom:-105px;
  border-radius:50%;
  background:rgba(217,183,118,.13)
}

#dr-kontakt .drk-online-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 34px rgba(21,49,79,.16)
}

#dr-kontakt .drk-online-label{
  display:block;
  margin-bottom:8px;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em
}

#dr-kontakt .drk-online-card h3{
  max-width:880px;
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(27px,4vw,36px);
  line-height:1.25
}

#dr-kontakt .drk-online-card p{
  position:relative;
  z-index:1;
  max-width:870px;
  margin:0 0 20px;
  color:#dce5ed;
  font-size:16px;
  line-height:1.75
}

#dr-kontakt .drk-online-cta{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:14px;
  font-weight:900
}

/* CITIES */
#dr-kontakt .drk-cities{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px
}

#dr-kontakt .drk-cities a{
  flex:1 1 175px;
  max-width:220px;
  padding:19px 15px;
  text-align:center;
  color:var(--navy);
  background:var(--soft);
  border:1px solid #e5e9ed;
  border-radius:11px;
  font-weight:800;
  transition:transform .2s ease,border-color .2s ease,background .2s ease
}

#dr-kontakt .drk-cities a:hover{
  transform:translateY(-3px);
  border-color:rgba(143,104,31,.45);
  background:#fff
}

/* PROCESS */
#dr-kontakt .drk-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:30px
}

#dr-kontakt .drk-step{
  padding:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}

#dr-kontakt .drk-step:hover{
  transform:translateY(-4px);
  border-color:rgba(143,104,31,.35);
  box-shadow:0 12px 29px rgba(21,49,79,.09)
}

#dr-kontakt .drk-step>span{
  display:block;
  margin-bottom:10px;
  color:var(--gold2);
  font-size:28px;
  font-weight:900
}

#dr-kontakt .drk-step h3{
  margin:0 0 9px;
  color:var(--navy);
  font-size:20px
}

#dr-kontakt .drk-step p{
  margin:0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.7
}

/* EDITORIAL SEO */
#dr-kontakt .drk-editorial{
  margin-top:70px;
  padding:42px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

#dr-kontakt .drk-editorial h2{
  max-width:900px;
  margin:0 0 18px;
  color:var(--navy);
  font-size:clamp(28px,3.2vw,40px);
  line-height:1.2
}

#dr-kontakt .drk-editorial>p{
  max-width:900px;
  color:var(--muted);
  font-size:16.5px;
  line-height:1.8
}

#dr-kontakt .drk-more{
  max-width:900px;
  margin-top:20px
}

#dr-kontakt .drk-more>summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  list-style:none;
  color:var(--navy);
  font-size:15px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase
}

#dr-kontakt .drk-more>summary::-webkit-details-marker{display:none}

#dr-kontakt .drk-more>summary::after{
  content:"↓";
  color:var(--gold);
  font-size:21px;
  transition:transform .22s ease
}

#dr-kontakt .drk-more[open]>summary::after{transform:rotate(180deg)}

#dr-kontakt .drk-more-content{
  max-width:880px;
  padding-top:27px;
  color:#455566;
  font-size:16px;
  line-height:1.82
}

#dr-kontakt .drk-more-content h3{
  margin:29px 0 9px;
  color:var(--navy);
  font-size:21px
}

#dr-kontakt .drk-more-content p{margin:0 0 16px}

#dr-kontakt .drk-editorial-practical{
  padding-left:28px;
  padding-right:28px;
  background:var(--soft);
  border:0;
  border-radius:18px
}

/* FAQ */
#dr-kontakt .drk-faq{
  margin-top:70px
}

#dr-kontakt .drk-faq details{
  margin:0;
  border-bottom:1px solid var(--line)
}

#dr-kontakt .drk-faq summary{
  position:relative;
  padding:20px 46px 20px 0;
  cursor:pointer;
  list-style:none;
  color:var(--navy);
  font-size:17px;
  font-weight:750
}

#dr-kontakt .drk-faq summary::-webkit-details-marker{display:none}

#dr-kontakt .drk-faq summary::after{
  content:"+";
  position:absolute;
  right:5px;
  top:11px;
  color:var(--gold);
  font-size:30px;
  font-weight:400
}

#dr-kontakt .drk-faq details[open] summary::after{content:"−"}

#dr-kontakt .drk-faq-answer{
  max-width:900px;
  padding:0 46px 20px 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.7
}

/* FINAL */
#dr-kontakt .drk-final{
  margin-top:70px;
  padding:49px 28px;
  text-align:center;
  background:var(--navy);
  border-radius:18px
}

#dr-kontakt .drk-final h2{
  max-width:880px;
  margin:0 auto 15px;
  color:#fff;
  font-size:clamp(30px,4vw,39px);
  line-height:1.25
}

#dr-kontakt .drk-final>p{
  max-width:760px;
  margin:0 auto 28px;
  color:#dce5ed;
  font-size:17px;
  line-height:1.7
}

/* RESPONSIVE */
@media(max-width:1050px){
  #dr-kontakt .drk-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:900px){
  #dr-kontakt .drk-hero{
    grid-template-columns:1fr;
    gap:30px
  }

  #dr-kontakt .drk-hero-media{
    max-width:720px
  }

  #dr-kontakt .drk-hero-media img{
    height:430px
  }

  #dr-kontakt .drk-paths,
  #dr-kontakt .drk-process-grid{
    grid-template-columns:1fr
  }

  #dr-kontakt .drk-path{min-height:0}
}

@media(max-width:680px){
  #dr-kontakt{
    padding:12px 14px 48px
  }

  #dr-kontakt .drk-hero-media img{
    height:auto;
    aspect-ratio:4/3
  }

  #dr-kontakt .drk-contact-grid{
    grid-template-columns:1fr
  }

  #dr-kontakt .drk-bridge,
  #dr-kontakt .drk-editorial-practical{
    padding-left:20px;
    padding-right:20px
  }

  #dr-kontakt .drk-actions{
    display:grid
  }

  #dr-kontakt .drk-btn{
    width:100%
  }

  #dr-kontakt .drk-contact-band,
  #dr-kontakt .drk-offices,
  #dr-kontakt .drk-final{
    padding-left:20px;
    padding-right:20px
  }
}



/* =========================================================
DYNAMICZNY ROZWOJ — UNIVERSAL CONTACT / CITY SYSTEM v1
25.09.2026
Nowe podstrony działu Kontakt i strony miejskie.
Nie wpływa na stare strony, dopóki nie mają klasy .dr-contact-page
========================================================= */

.dr-contact-page{
  --dr-navy:#102b4e;
  --dr-navy2:#173a62;
  --dr-gold:#ad7d12;
  --dr-gold2:#d2b064;
  --dr-soft:#f7f8fa;
  --dr-cream:#f8f3e6;
  --dr-text:#263442;
  --dr-muted:#59646e;
  --dr-line:#e3e7eb;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:18px 18px 70px;
  color:var(--dr-text);
  font-family:inherit
}

.dr-contact-page *,
.dr-contact-page *::before,
.dr-contact-page *::after{box-sizing:border-box}

.dr-contact-page h1,
.dr-contact-page h2,
.dr-contact-page h3,
.dr-contact-page p{margin-top:0}

.dr-contact-page a{text-decoration:none}

.dr-contact-kicker{
  display:block;
  margin:0 0 9px;
  color:var(--dr-gold);
  font-size:12px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}

.dr-contact-kicker-light{color:#e3b84f}

.dr-contact-section,
.dr-contact-process,
.dr-contact-methods,
.dr-contact-editorial,
.dr-contact-faq{margin:0 0 68px}

.dr-contact-section>h2,
.dr-contact-process>h2,
.dr-contact-methods>h2,
.dr-contact-editorial>h2,
.dr-contact-faq>h2,
.dr-city-business h2,
.dr-city-local h2{
  max-width:920px;
  margin:0 0 17px;
  color:var(--dr-navy);
  font-size:clamp(28px,3.3vw,42px);
  line-height:1.18;
  letter-spacing:-.018em
}

.dr-contact-section-lead{
  max-width:860px;
  margin:0 0 30px;
  color:var(--dr-muted);
  font-size:17px;
  line-height:1.75
}

/* HERO */
.dr-contact-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);
  gap:48px;
  align-items:center;
  padding:34px 0 62px
}

.dr-contact-hero h1{
  max-width:700px;
  margin:0 0 20px;
  color:var(--dr-navy);
  font-size:clamp(35px,4.25vw,55px);
  line-height:1.075;
  font-weight:750;
  letter-spacing:-.03em
}

.dr-contact-hero-lead{
  max-width:680px;
  margin:0 0 26px;
  color:#4b5762;
  font-size:clamp(17px,1.55vw,19px);
  line-height:1.72
}

.dr-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin:0 0 14px
}

.dr-contact-actions-center{justify-content:center}

.dr-contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 24px;
  border:2px solid var(--dr-navy);
  border-radius:9px;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease
}

.dr-contact-btn-primary{
  background:var(--dr-navy);
  color:#fff;
  box-shadow:0 8px 22px rgba(16,43,78,.15)
}

.dr-contact-btn-secondary{
  background:#fff;
  color:var(--dr-navy)
}

.dr-contact-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 27px rgba(16,43,78,.16)
}

.dr-contact-note{
  margin:0;
  color:#7b848d;
  font-size:13px;
  line-height:1.5
}

.dr-contact-hero-media{position:relative}

.dr-contact-hero-media::before{
  content:"";
  position:absolute;
  z-index:0;
  width:112px;
  height:112px;
  top:-17px;
  right:-17px;
  border-radius:50%;
  background:rgba(210,176,100,.18)
}

.dr-contact-hero-media img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:475px;
  margin:0;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  box-shadow:0 18px 44px rgba(16,43,78,.15)
}

/* LOCAL STATEMENT */
.dr-contact-statement{
  margin:0 0 68px;
  padding:36px 34px;
  background:var(--dr-navy);
  color:#fff;
  border-radius:20px
}

.dr-contact-statement h2{
  max-width:900px;
  margin:0 0 17px;
  color:#fff;
  font-size:clamp(28px,3.3vw,40px);
  line-height:1.18
}

.dr-contact-statement p:not(.dr-contact-kicker){
  max-width:930px;
  margin:0 0 14px;
  color:#e4eaf0;
  font-size:16.5px;
  line-height:1.75
}

.dr-contact-statement p:last-child{margin-bottom:0}

/* CARDS */
.dr-contact-card-grid{
  display:grid;
  gap:17px
}

.dr-contact-card-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.dr-contact-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:27px;
  overflow:hidden;
  background:#fff;
  color:var(--dr-text);
  border:1px solid var(--dr-line);
  border-radius:16px;
  box-shadow:0 8px 27px rgba(16,43,78,.06);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease
}

.dr-contact-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:var(--dr-gold2);
  transform:scaleY(.3);
  transform-origin:top;
  transition:transform .24s ease
}

.dr-contact-card:hover{
  transform:translateY(-6px);
  border-color:rgba(173,125,18,.45);
  box-shadow:0 17px 38px rgba(16,43,78,.12)
}

.dr-contact-card:hover::before{transform:scaleY(1)}

.dr-contact-card-dark{
  background:var(--dr-navy);
  color:#fff;
  border-color:transparent
}

.dr-contact-card-no{
  margin:0 0 12px;
  color:var(--dr-gold);
  font-size:13px;
  font-weight:900
}

.dr-contact-card-dark .dr-contact-card-no{color:#e3b84f}

.dr-contact-card h3{
  margin:0 0 10px;
  color:var(--dr-navy);
  font-size:21px;
  line-height:1.28
}

.dr-contact-card-dark h3{color:#fff}

.dr-contact-card p{
  margin:0 0 18px;
  color:var(--dr-muted);
  font-size:15.5px;
  line-height:1.65
}

.dr-contact-card-dark p{color:#e4eaf0}

.dr-contact-card-cta{
  margin-top:auto;
  color:var(--dr-gold);
  font-size:13px;
  font-weight:900
}

.dr-contact-card-dark .dr-contact-card-cta{color:#fff}

/* PROCESS */
.dr-contact-process{
  padding:37px 30px;
  background:var(--dr-soft);
  border-radius:20px
}

.dr-contact-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px
}

.dr-contact-step{
  padding:24px;
  background:#fff;
  border-radius:14px;
  transition:transform .22s ease,box-shadow .22s ease
}

.dr-contact-step:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 29px rgba(16,43,78,.09)
}

.dr-contact-step>span{
  display:block;
  margin-bottom:10px;
  color:var(--dr-gold2);
  font-size:29px;
  font-weight:900
}

.dr-contact-step h3{
  margin:0 0 8px;
  color:var(--dr-navy);
  font-size:19px
}

.dr-contact-step p{
  margin:0;
  color:var(--dr-muted);
  font-size:14.5px;
  line-height:1.62
}

/* EDITORIAL / SEO */
.dr-contact-editorial{
  padding:42px 0;
  border-top:1px solid var(--dr-line);
  border-bottom:1px solid var(--dr-line)
}

.dr-contact-editorial-soft{
  padding-left:30px;
  padding-right:30px;
  background:var(--dr-soft);
  border:0;
  border-radius:18px
}

.dr-contact-editorial>p{
  max-width:920px;
  color:var(--dr-muted);
  font-size:16.5px;
  line-height:1.82
}

.dr-contact-more{
  max-width:920px;
  margin-top:20px
}

.dr-contact-more>summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  list-style:none;
  color:var(--dr-navy);
  font-size:15px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase
}

.dr-contact-more>summary::-webkit-details-marker{display:none}

.dr-contact-more>summary::after{
  content:"↓";
  color:var(--dr-gold);
  font-size:21px;
  transition:transform .22s ease
}

.dr-contact-more[open]>summary::after{transform:rotate(180deg)}

.dr-contact-more-content{
  max-width:890px;
  padding-top:27px;
  color:#44515d;
  font-size:16px;
  line-height:1.82
}

.dr-contact-more-content h3{
  margin:30px 0 9px;
  color:var(--dr-navy);
  font-size:21px;
  line-height:1.3
}

.dr-contact-more-content p{margin:0 0 16px}

/* METHODS */
.dr-contact-methods{
  padding:36px 30px;
  background:var(--dr-cream);
  border-radius:19px
}

.dr-contact-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:27px
}

.dr-contact-method-grid>div{
  padding:25px;
  background:#fff;
  border-radius:14px
}

.dr-contact-method-grid h3{
  margin:0 0 9px;
  color:var(--dr-navy);
  font-size:21px
}

.dr-contact-method-grid p{
  margin:0;
  color:var(--dr-muted);
  font-size:15.5px;
  line-height:1.65
}

/* BUSINESS SPLIT */
.dr-city-business{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);
  gap:36px;
  align-items:center;
  margin:0 0 68px
}

.dr-city-business-media img{
  display:block;
  width:100%;
  max-width:480px;
  max-height:520px;
  margin:0 auto;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 14px 35px rgba(16,43,78,.1)
}

.dr-city-business>div:last-child>p:not(.dr-contact-kicker){
  color:var(--dr-muted);
  font-size:16.5px;
  line-height:1.75
}

.dr-contact-list{
  display:grid;
  gap:10px;
  margin-top:20px
}

.dr-contact-list>div{
  padding:14px 17px;
  border-left:4px solid var(--dr-gold2);
  background:var(--dr-soft);
  border-radius:8px;
  color:var(--dr-text)
}

/* RESULTS */
.dr-contact-results{
  margin:0 0 68px;
  padding:37px 30px;
  background:var(--dr-navy);
  border-radius:20px
}

.dr-contact-results h2{
  max-width:880px;
  margin:0 0 26px;
  color:#fff;
  font-size:clamp(28px,3.3vw,40px);
  line-height:1.18
}

.dr-contact-results-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px
}

.dr-contact-results-grid>div{
  padding:19px;
  text-align:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  font-weight:800
}

/* LOCAL ACCENT */
.dr-city-local{
  margin:0 0 68px;
  padding:36px 34px;
  background:linear-gradient(135deg,#f8f3e6,#fff);
  border:1px solid #ece2c8;
  border-radius:20px
}

.dr-city-local>div>p:not(.dr-contact-kicker){
  max-width:920px;
  margin:0;
  color:var(--dr-muted);
  font-size:16.5px;
  line-height:1.78
}

/* FAQ */
.dr-contact-faq details{
  margin:0;
  border-bottom:1px solid var(--dr-line)
}

.dr-contact-faq summary{
  position:relative;
  padding:20px 46px 20px 0;
  cursor:pointer;
  list-style:none;
  color:var(--dr-navy);
  font-size:17px;
  line-height:1.4;
  font-weight:750
}

.dr-contact-faq summary::-webkit-details-marker{display:none}

.dr-contact-faq summary::after{
  content:"+";
  position:absolute;
  right:5px;
  top:11px;
  color:var(--dr-gold);
  font-size:30px;
  font-weight:400
}

.dr-contact-faq details[open] summary::after{content:"−"}

.dr-contact-faq-answer{
  max-width:900px;
  padding:0 46px 20px 0;
  color:var(--dr-muted);
  font-size:16px;
  line-height:1.72
}

/* FINAL CTA */
.dr-contact-final{
  padding:46px 30px;
  text-align:center;
  background:linear-gradient(135deg,#f8f3e6,#fff);
  border:1px solid #ece2c8;
  border-radius:20px
}

.dr-contact-final h2{
  max-width:850px;
  margin:0 auto 17px;
  color:var(--dr-navy);
  font-size:clamp(29px,3.5vw,43px);
  line-height:1.18
}

.dr-contact-final>p:not(.dr-contact-kicker){
  max-width:720px;
  margin:0 auto 27px;
  color:#525e68;
  font-size:17px;
  line-height:1.7
}

/* TABLET */
@media(max-width:1000px){
  .dr-contact-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dr-contact-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dr-contact-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .dr-contact-hero{
    grid-template-columns:1fr;
    gap:30px
  }

  .dr-contact-hero-media{max-width:720px}

  .dr-contact-hero-media img{height:430px}

  .dr-city-business{
    grid-template-columns:1fr
  }

  .dr-city-business-media{
    max-width:620px
  }
}

/* MOBILE */
@media(max-width:650px){
  .dr-contact-page{
    padding:10px 14px 55px
  }

  .dr-contact-hero{
    padding-top:10px;
    padding-bottom:46px
  }

  .dr-contact-hero h1{font-size:35px}

  .dr-contact-hero-media img{
    height:auto;
    aspect-ratio:4/3
  }

  .dr-contact-actions{display:grid}

  .dr-contact-btn{width:100%}

  .dr-contact-card-grid-4,
  .dr-contact-process-grid,
  .dr-contact-results-grid{
    grid-template-columns:1fr
  }

  .dr-contact-card{min-height:0}

  .dr-contact-process,
  .dr-contact-methods,
  .dr-contact-results,
  .dr-contact-editorial-soft,
  .dr-city-local{
    padding-left:20px;
    padding-right:20px
  }

  .dr-contact-method-grid{
    grid-template-columns:1fr
  }
}

/* CONVERSION CONTACT — wspólny dla stron .dr-contact-page */
.dr-contact-convert{
  margin:0 0 56px;
  padding:28px 24px;
  text-align:center;
  background:var(--dr-navy);
  border-radius:18px
}

.dr-contact-convert h2{
  max-width:920px;
  margin:0 auto 10px;
  color:#fff;
  font-size:clamp(24px,2.7vw,34px);
  line-height:1.2
}

.dr-contact-convert-lead{
  max-width:820px;
  margin:0 auto 20px;
  color:#dce5ed;
  font-size:15.5px;
  line-height:1.65
}

.dr-contact-convert-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}

.dr-contact-convert-card{
  display:flex;
  min-height:160px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:18px 16px;
  text-align:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#fff;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease
}

.dr-contact-convert-card:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.12);
  box-shadow:0 14px 30px rgba(16,43,78,.16)
}

.dr-contact-convert-card>span{
  margin-bottom:6px;
  color:#e3b84f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em
}

.dr-contact-convert-card>strong{
  color:#fff;
  font-size:18px;
  line-height:1.3
}

.dr-contact-convert-card>p{
  margin:8px 0 0;
  color:#dce5ed;
  font-size:13.5px;
  line-height:1.5
}

.dr-contact-convert-mail{
  font-size:14px !important;
  word-break:break-word
}

.dr-contact-convert-card-light{
  background:#fff;
  color:var(--dr-navy)
}

.dr-contact-convert-card-light:hover{
  background:#fff
}

.dr-contact-convert-card-light>span{color:var(--dr-gold)}
.dr-contact-convert-card-light>strong{color:var(--dr-navy)}
.dr-contact-convert-card-light>p{color:var(--dr-muted)}

.dr-contact-convert-bottom{
  margin-bottom:0
}

@media(max-width:1000px){
  .dr-contact-convert-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:650px){
  .dr-contact-convert{
    padding:24px 16px
  }

  .dr-contact-convert-grid{
    grid-template-columns:1fr
  }

  .dr-contact-convert-card{
    min-height:0
  }
}


/* =========================================================
   COACHING WARSZAWA – KOREKTA CZYTELNOŚCI I WYSOKOŚCI KAFli
   ========================================================= */

/* 1. CIEMNE SEKCJE – CZYTELNY TEKST */
.dr-city-warszawa .dr-contact-convert{
  color:#fff;
}

.dr-city-warszawa .dr-contact-convert .dr-contact-section-head h2,
.dr-city-warszawa .dr-contact-convert .dr-contact-section-head p{
  color:#fff !important;
}

.dr-city-warszawa .dr-contact-convert .dr-contact-section-head p{
  opacity:.82;
}

.dr-city-warszawa .dr-contact-convert-card strong,
.dr-city-warszawa .dr-contact-convert-card span{
  color:#fff !important;
}


/* 2. LEADERSHIP – PRAWA GRANATOWA KOLUMNA */
.dr-city-warszawa .dr-city-business .dr-contact-results{
  color:#fff;
}

.dr-city-warszawa .dr-city-business .dr-contact-results h3{
  color:#fff !important;
}

.dr-city-warszawa .dr-city-business .dr-contact-results p{
  color:rgba(255,255,255,.82) !important;
}


/* 3. COACHING / MENTORING / DORADZTWO – MNIEJSZE KAFLE */
.dr-city-warszawa .dr-contact-methods .dr-contact-card-grid{
  gap:18px;
}

.dr-city-warszawa .dr-contact-methods .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:24px 24px 22px !important;
}

.dr-city-warszawa .dr-contact-methods .dr-contact-card h3{
  margin:0 0 9px !important;
}

.dr-city-warszawa .dr-contact-methods .dr-contact-card p{
  margin:0 !important;
  line-height:1.6;
}


/* 4. WIEDZA – KOMPAKTOWE KAFLE */
.dr-city-warszawa #warszawa-wiedza .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:26px 28px !important;
}

.dr-city-warszawa #warszawa-wiedza .dr-contact-card h3{
  margin:0 0 10px !important;
}

.dr-city-warszawa #warszawa-wiedza .dr-contact-card p{
  margin:0 0 15px !important;
}

.dr-city-warszawa #warszawa-wiedza .dr-contact-card-link{
  margin-top:4px !important;
}


/* 5. DESKTOP – WIEDZA W 3 KOLUMNACH */
@media (min-width:992px){
  .dr-city-warszawa #warszawa-wiedza .dr-contact-card-grid{
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
}


/* 6. MOBILE */
@media (max-width:767px){
  .dr-city-warszawa .dr-contact-methods .dr-contact-card,
  .dr-city-warszawa #warszawa-wiedza .dr-contact-card{
    padding:21px 19px !important;
  }
}


.dr-city-warszawa .dr-contact-hero-media img{
  object-position:center 18% !important;
}

/* =========================================================
   DYNAMICZNY ROZWÓJ — NOWE MIASTA
   Wspólna korekta dla: Poznań / Wrocław / Gdańsk / Rzeszów
   Wrapper w HTML: .dr-city-template
   Nie ingeruje w Katowice / Gliwice.
   Warszawa może pozostać na swojej obecnej korekcie.
   ========================================================= */

/* Czytelność ciemnych modułów kontaktowych */
.dr-city-template .dr-contact-convert{
  color:#fff;
}

.dr-city-template .dr-contact-convert .dr-contact-section-head h2,
.dr-city-template .dr-contact-convert .dr-contact-section-head p{
  color:#fff !important;
}

.dr-city-template .dr-contact-convert .dr-contact-section-head p{
  opacity:.84;
}

.dr-city-template .dr-contact-convert-card strong,
.dr-city-template .dr-contact-convert-card span{
  color:#fff !important;
}

/* Leadership / prawa ciemna część */
.dr-city-template .dr-city-business .dr-contact-results{
  color:#fff;
}

.dr-city-template .dr-city-business .dr-contact-results h3{
  color:#fff !important;
}

.dr-city-template .dr-city-business .dr-contact-results p{
  color:rgba(255,255,255,.84) !important;
}

/* Coaching / mentoring / doradztwo — zwarte kafle */
.dr-city-template .dr-contact-methods .dr-contact-card-grid{
  gap:18px;
}

.dr-city-template .dr-contact-methods .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:24px 24px 22px !important;
}

.dr-city-template .dr-contact-methods .dr-contact-card h3{
  margin:0 0 9px !important;
}

.dr-city-template .dr-contact-methods .dr-contact-card p{
  margin:0 !important;
  line-height:1.6;
}

/* Wiedza — zwarte kafle */
.dr-city-template [id$="-wiedza"] .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:26px 28px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card h3{
  margin:0 0 10px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card p{
  margin:0 0 15px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card-link{
  margin-top:4px !important;
}

/* Desktop — 3 kolumny Wiedzy */
@media (min-width:992px){
  .dr-city-template [id$="-wiedza"] .dr-contact-card-grid{
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
}

/* Mobile */
@media (max-width:767px){
  .dr-city-template .dr-contact-methods .dr-contact-card,
  .dr-city-template [id$="-wiedza"] .dr-contact-card{
    padding:21px 19px !important;
  }
}


/* =========================================================
   DYNAMICZNY ROZWÓJ
   NEW CITIES / MAX SEO — UNIVERSAL CSS v2
   Warszawa / Poznań / Wrocław / Gdańsk / Łódź / Kraków
   + wszystkie kolejne miasta
   ========================================================= */


/* =========================================================
   1. CIEMNE MODUŁY KONTAKTOWE — CZYTELNOŚĆ
   ========================================================= */

.dr-city-template .dr-contact-convert{
  color:#fff;
}

.dr-city-template .dr-contact-convert .dr-contact-section-head h2,
.dr-city-template .dr-contact-convert .dr-contact-section-head p{
  color:#fff !important;
}

.dr-city-template .dr-contact-convert .dr-contact-section-head p{
  opacity:.84;
}

.dr-city-template .dr-contact-convert-card strong,
.dr-city-template .dr-contact-convert-card span{
  color:#fff !important;
}


/* =========================================================
   2. LEADERSHIP / BUSINESS — TEKST NA GRANATOWYM TLE
   ========================================================= */

.dr-city-template .dr-city-business .dr-contact-results{
  color:#fff;
}

.dr-city-template .dr-city-business .dr-contact-results h3{
  color:#fff !important;
}

.dr-city-template .dr-city-business .dr-contact-results p{
  color:rgba(255,255,255,.84) !important;
}


/* =========================================================
   3. COACHING / MENTORING / DORADZTWO
   KOMPAKTOWE KAFLE
   ========================================================= */

.dr-city-template .dr-contact-methods .dr-contact-card-grid{
  gap:18px;
}

.dr-city-template .dr-contact-methods .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:24px 24px 22px !important;
}

.dr-city-template .dr-contact-methods .dr-contact-card h3{
  margin:0 0 9px !important;
}

.dr-city-template .dr-contact-methods .dr-contact-card p{
  margin:0 !important;
  line-height:1.6;
}


/* =========================================================
   4. WIEDZA — KOMPAKTOWE KAFLE
   ========================================================= */

.dr-city-template [id$="-wiedza"] .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:26px 28px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card h3{
  margin:0 0 10px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card p{
  margin:0 0 15px !important;
}

.dr-city-template [id$="-wiedza"] .dr-contact-card-link{
  margin-top:4px !important;
}


/* =========================================================
   5. MAX SEO — ROZSZERZONA OFERTA
   np. Executive / Mentoring / Doradztwo / Sprzedaż
   ========================================================= */

.dr-city-template [id$="-oferta"] .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:24px 24px 22px !important;
}

.dr-city-template [id$="-oferta"] .dr-contact-card h3{
  margin:0 0 9px !important;
}

.dr-city-template [id$="-oferta"] .dr-contact-card p{
  margin:0 0 14px !important;
  line-height:1.6;
}

.dr-city-template [id$="-oferta"] .dr-contact-card-link{
  margin-top:4px !important;
}


/* =========================================================
   6. MAX SEO — FIRMY / ZESPOŁY / SZKOLENIA
   ========================================================= */

.dr-city-template [id$="-zespoly"] .dr-contact-card{
  min-height:0 !important;
  height:auto !important;
  padding:24px 24px 22px !important;
}

.dr-city-template [id$="-zespoly"] .dr-contact-card h3{
  margin:0 0 9px !important;
}

.dr-city-template [id$="-zespoly"] .dr-contact-card p{
  margin:0 !important;
  line-height:1.6;
}


/* =========================================================
   7. DESKTOP
   ========================================================= */

@media (min-width:1100px){

  /* Wiedza — 3 kolumny */
  .dr-city-template [id$="-wiedza"] .dr-contact-card-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:18px;
  }

  /* Rozszerzona oferta — 3 + 3 */
  .dr-city-template [id$="-oferta"] .dr-contact-card-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:18px;
  }

  /* Firmy / zespoły — 4 w jednym rzędzie */
  .dr-city-template [id$="-zespoly"] .dr-contact-card-grid{
    grid-template-columns:repeat(4,1fr) !important;
    gap:18px;
  }
}


/* =========================================================
   8. TABLET
   ========================================================= */

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

  .dr-city-template [id$="-wiedza"] .dr-contact-card-grid,
  .dr-city-template [id$="-oferta"] .dr-contact-card-grid,
  .dr-city-template [id$="-zespoly"] .dr-contact-card-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:16px;
  }
}


/* =========================================================
   9. MOBILE
   ========================================================= */

@media (max-width:767px){

  .dr-city-template .dr-contact-methods .dr-contact-card,
  .dr-city-template [id$="-wiedza"] .dr-contact-card,
  .dr-city-template [id$="-oferta"] .dr-contact-card,
  .dr-city-template [id$="-zespoly"] .dr-contact-card{
    min-height:0 !important;
    height:auto !important;
    padding:21px 19px !important;
  }

  .dr-city-template [id$="-wiedza"] .dr-contact-card-grid,
  .dr-city-template [id$="-oferta"] .dr-contact-card-grid,
  .dr-city-template [id$="-zespoly"] .dr-contact-card-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }
}