.elementor-3136 .elementor-element.elementor-element-fac1b0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-498237b{--display:flex;}.elementor-3136 .elementor-element.elementor-element-c606664{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3136 .elementor-element.elementor-element-b3db036{font-family:"Afacad Flux", Sans-serif;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3136 .elementor-element.elementor-element-b7e586c .elementor-heading-title{font-family:"IBM Plex Serif", Sans-serif;font-weight:600;}.elementor-3136 .elementor-element.elementor-element-a69fd87{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3136 .elementor-element.elementor-element-9c1b0b4{--display:flex;}.elementor-3136 .elementor-element.elementor-element-41646a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-c68b171{--display:flex;}.elementor-3136 .elementor-element.elementor-element-e9cf9f7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-f708854{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6825b3f{--display:flex;}.elementor-3136 .elementor-element.elementor-element-dea62da{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4ea2617{--display:flex;}.elementor-3136 .elementor-element.elementor-element-5f8ee31{--display:flex;}.elementor-3136 .elementor-element.elementor-element-69a805d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-affd17c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-17f6960{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4d72770{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3136 .elementor-element.elementor-element-9675f29{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ffc1496{--display:flex;}.elementor-3136 .elementor-element.elementor-element-fa9baf7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-291d897{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ee5f38a{--display:flex;}.elementor-3136 .elementor-element.elementor-element-f4334ea{--display:flex;}.elementor-3136 .elementor-element.elementor-element-c1133c7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6431c84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-239995c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-e18fd5e{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d3383fa a{color:var( --e-global-color-939352b );transition-duration:1s;}.elementor-3136 .elementor-element.elementor-element-d3383fa a:hover, .elementor-3136 .elementor-element.elementor-element-d3383fa a:focus{color:var( --e-global-color-347bf22 );}.elementor-3136 .elementor-element.elementor-element-915bb92{--display:flex;}.elementor-3136 .elementor-element.elementor-element-963f619{--display:flex;}.elementor-3136 .elementor-element.elementor-element-10162f4{--display:flex;}.elementor-3136 .elementor-element.elementor-element-5eac59b{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d1b5c78{--display:flex;}.elementor-3136 .elementor-element.elementor-element-73bc4a9{--display:flex;}.elementor-3136 .elementor-element.elementor-element-9e4e0c5{--display:flex;}.elementor-3136 .elementor-element.elementor-element-1fca3f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-b927368{--display:flex;}.elementor-3136 .elementor-element.elementor-element-63e957a{--display:flex;}.elementor-3136 .elementor-element.elementor-element-554fb44{--display:flex;}.elementor-3136 .elementor-element.elementor-element-48a63af{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2c4c558{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2ae65ec{--display:flex;}.elementor-3136 .elementor-element.elementor-element-eac9fc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-7bace53{--display:flex;}.elementor-3136 .elementor-element.elementor-element-83295bd{--display:flex;}.elementor-3136 .elementor-element.elementor-element-42182f7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-29dcc95{--display:flex;}.elementor-3136 .elementor-element.elementor-element-3f02197{--display:flex;}.elementor-3136 .elementor-element.elementor-element-b9113dd{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ad05993{--display:flex;}.elementor-3136 .elementor-element.elementor-element-cbb9cde{--display:flex;}.elementor-3136 .elementor-element.elementor-element-a808a86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-28e33d6{--display:flex;}.elementor-3136 .elementor-element.elementor-element-9247375{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2c3b6fb{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2dfbab3{--display:flex;}.elementor-3136 .elementor-element.elementor-element-c0385af{--display:flex;}.elementor-3136 .elementor-element.elementor-element-da0f2c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-a184cf6{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d5d78c9{--display:flex;}.elementor-3136 .elementor-element.elementor-element-5482e27{--display:flex;}.elementor-3136 .elementor-element.elementor-element-88c9090{--display:flex;}.elementor-3136 .elementor-element.elementor-element-0db3eb3{--display:flex;}.elementor-3136 .elementor-element.elementor-element-afe65a6{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6ff640e{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d3d9a9e{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4e5715c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-7174bf8{--display:flex;}.elementor-3136 .elementor-element.elementor-element-0ac7960{--display:flex;}.elementor-3136 .elementor-element.elementor-element-e65eed7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-187f95d{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d0e20f9{--display:flex;}.elementor-3136 .elementor-element.elementor-element-45245a6{--display:flex;}.elementor-3136 .elementor-element.elementor-element-bb5da5b{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4cb8691{--display:flex;}.elementor-3136 .elementor-element.elementor-element-088a2c3{--display:flex;}.elementor-3136 .elementor-element.elementor-element-853dbb7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-87ba245{--display:flex;}.elementor-3136 .elementor-element.elementor-element-0205044{--display:flex;}.elementor-3136 .elementor-element.elementor-element-9af7184{--display:flex;}.elementor-3136 .elementor-element.elementor-element-bef9d99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-3a75ca5{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2d8a460{--display:flex;}.elementor-3136 .elementor-element.elementor-element-e774e58{--display:flex;}.elementor-3136 .elementor-element.elementor-element-2714eae{--display:flex;}.elementor-3136 .elementor-element.elementor-element-17278b9{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4887c36{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ef24cfc{--display:flex;}.elementor-3136 .elementor-element.elementor-element-fa1343c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-934548a{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ff6fe58{--display:flex;}.elementor-3136 .elementor-element.elementor-element-d43457c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-699fa60{--display:flex;}.elementor-3136 .elementor-element.elementor-element-205215c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-ba5702c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-43dcf9d{--display:flex;}.elementor-3136 .elementor-element.elementor-element-710a7a7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6488275{--display:flex;}.elementor-3136 .elementor-element.elementor-element-5559cf3{--display:flex;}.elementor-3136 .elementor-element.elementor-element-f56134d{--display:flex;}.elementor-3136 .elementor-element.elementor-element-7d9900c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-3714572{--display:flex;}.elementor-3136 .elementor-element.elementor-element-e8cb450{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3136 .elementor-element.elementor-element-d7d692c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6fadbc0{--display:flex;}.elementor-3136 .elementor-element.elementor-element-763376b{--display:flex;}.elementor-3136 .elementor-element.elementor-element-ab6f884{--display:flex;}.elementor-3136 .elementor-element.elementor-element-6953ebb{--display:flex;}.elementor-3136 .elementor-element.elementor-element-421ccf4{--display:flex;}.elementor-3136 .elementor-element.elementor-element-a3fd0c7{--display:flex;}.elementor-3136 .elementor-element.elementor-element-4576a1c{--display:flex;}.elementor-3136 .elementor-element.elementor-element-c2b0948{--display:flex;}.elementor-3136 .elementor-element.elementor-element-579ee46{--display:flex;}.elementor-3136 .elementor-element.elementor-element-1a4993e{--display:flex;}.elementor-3136 .elementor-element.elementor-element-068300e{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}body.elementor-page-3136:not(.elementor-motion-effects-element-type-background), body.elementor-page-3136 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-40fb0db );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-fac1b0f *//* =========================================================
   KKU – PODOLOGIE – 01 HERO
   Desktop + tablet + mobile responsive
   1440 / 1366 / 1024 jsou zamčené.
   768: finální drobné doladění média a rozestupu.
   390: vlastní mobilní kompozice.
   ========================================================= */

.kku-podo-hero {
    --kku-cream: #FCF8EE;
    --kku-beige: #F5E8C3;
    --kku-ink: #012628;
    --kku-orange: #FFA338;
    --kku-teal: #009D9F;
    --kku-brown: #291600;

    width: 100%;
    padding: 78px 0 94px;
    overflow: hidden;
    background: var(--kku-cream);
}

/* =========================================================
   INNER LAYOUT
   ========================================================= */

.kku-podo-hero .kku-podo-hero__inner {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 44px;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center !important;
    gap: 64px;
}

.kku-podo-hero .kku-podo-hero__copy {
    width: 100%;
    max-width: 610px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.kku-podo-hero .kku-podo-hero__eyebrow {
    width: auto;
    margin: 0 0 22px !important;
}

.kku-podo-hero .kku-podo-hero__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 13px;
}

.kku-podo-hero .kku-podo-hero__eyebrow .elementor-widget-container::before {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    flex: 0 0 34px;

    background: var(--kku-orange);
    border-radius: 999px;
}

.kku-podo-hero .kku-podo-hero__eyebrow p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;

    color: var(--kku-ink) !important;
}

/* =========================================================
   H1
   ========================================================= */

.kku-podo-hero .kku-podo-hero__title {
    width: 100%;
    margin: 0 0 25px !important;
}

.kku-podo-hero .kku-podo-hero__title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 60px !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;

    color: var(--kku-ink) !important;
}

/* =========================================================
   INTRO TEXT
   ========================================================= */

.kku-podo-hero .kku-podo-hero__text {
    width: 100%;
    max-width: 585px;
    margin: 0 0 34px !important;
}

.kku-podo-hero .kku-podo-hero__text p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    color: var(--kku-brown) !important;
}

/* =========================================================
   CTA GROUP
   ========================================================= */

.kku-podo-hero .kku-podo-hero__actions {
    width: auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.kku-podo-hero .kku-podo-hero__cta-primary,
.kku-podo-hero .kku-podo-hero__cta-secondary {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

.kku-podo-hero .kku-podo-hero__cta-primary .elementor-button,
.kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
    min-height: 54px;
    padding: 15px 25px !important;

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

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    border-radius: 999px !important;

    box-shadow: none !important;
    text-decoration: none !important;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        border-color 180ms ease;
}

.kku-podo-hero .kku-podo-hero__cta-primary .elementor-button {
    background: var(--kku-ink) !important;
    color: var(--kku-cream) !important;
    border: 1px solid var(--kku-ink) !important;
}

.kku-podo-hero .kku-podo-hero__cta-primary .elementor-button:hover,
.kku-podo-hero .kku-podo-hero__cta-primary .elementor-button:focus-visible {
    background: var(--kku-teal) !important;
    border-color: var(--kku-teal) !important;
    color: var(--kku-cream) !important;

    transform: translateY(-2px);
}

.kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
    background: transparent !important;
    color: var(--kku-ink) !important;
    border: 1px solid rgba(1, 38, 40, 0.28) !important;
}

.kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button:hover,
.kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button:focus-visible {
    background: rgba(1, 38, 40, 0.06) !important;
    border-color: var(--kku-ink) !important;
    color: var(--kku-ink) !important;

    transform: translateY(-2px);
}

/* =========================================================
   MEDIA
   ========================================================= */

.kku-podo-hero .kku-podo-hero__media {
    position: relative;
    width: 100%;
    min-width: 0;

    isolation: isolate;
}

.kku-podo-hero .kku-podo-hero__media::before {
    content: "";
    position: absolute;
    z-index: 0;

    top: 22px;
    right: -18px;
    bottom: -20px;
    left: 24px;

    background: var(--kku-beige);
    border-radius: 34px 88px 34px 88px;
}

.kku-podo-hero .kku-podo-hero__video {
    position: relative;
    z-index: 1;

    width: 100%;
    overflow: hidden;

    border-radius: 28px 78px 28px 78px;
    box-shadow: 0 24px 60px rgba(1, 38, 40, 0.13);
}

.kku-podo-hero .kku-podo-hero__video .elementor-widget-container {
    width: 100%;
    overflow: hidden;

    border-radius: inherit;
}

.kku-podo-hero .kku-podo-hero__video-element {
    display: block;

    width: 100%;
    aspect-ratio: 1.11 / 1;

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

    border-radius: inherit;
}


/* =========================================================
   TABLET – 769 až 1100 px
   Laděno podle skutečného náhledu 1024 px.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-hero {
        padding: 104px 0 78px !important;
    }

    .kku-podo-hero .kku-podo-hero__inner {
        max-width: 100%;
        padding: 0 54px !important;

        grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
        gap: 42px;
    }

    .kku-podo-hero .kku-podo-hero__copy {
        max-width: none;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-hero .kku-podo-hero__title {
        margin-bottom: 22px !important;
    }

    .kku-podo-hero .kku-podo-hero__title .elementor-heading-title {
        font-size: 52px !important;
        line-height: 1.03 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-hero .kku-podo-hero__text {
        max-width: 470px;
        margin-bottom: 30px !important;
    }

    .kku-podo-hero .kku-podo-hero__text p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-hero .kku-podo-hero__actions {
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    .kku-podo-hero .kku-podo-hero__cta-primary .elementor-button,
    .kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
        min-height: 50px;
        padding: 13px 19px !important;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .kku-podo-hero .kku-podo-hero__media::before {
        top: 18px;
        right: -14px;
        bottom: -18px;
        left: 18px;

        border-radius: 30px 72px 30px 72px;
    }

    .kku-podo-hero .kku-podo-hero__video {
        border-radius: 26px 68px 26px 68px;
        box-shadow: 0 20px 48px rgba(1, 38, 40, 0.12);
    }
}


/* =========================================================
   NARROW TABLET – 601 až 768 px
   Laděno podle skutečného náhledu 768 px.
   Dramaturgie: COPY → MEDIA.
   ========================================================= */

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

    .kku-podo-hero {
        padding: 96px 0 80px !important;
    }

    .kku-podo-hero .kku-podo-hero__inner {
        max-width: 100%;
        padding: 0 54px !important;

        grid-template-columns: minmax(0, 1fr);
        align-items: stretch !important;
        gap: 36px;
    }

    .kku-podo-hero .kku-podo-hero__copy {
        max-width: 640px;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-hero .kku-podo-hero__title {
        max-width: 630px;
        margin-bottom: 24px !important;
    }

    .kku-podo-hero .kku-podo-hero__title .elementor-heading-title {
        font-size: 54px !important;
        line-height: 1.03 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-hero .kku-podo-hero__text {
        max-width: 590px;
        margin-bottom: 30px !important;
    }

    .kku-podo-hero .kku-podo-hero__text p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-hero .kku-podo-hero__actions {
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }

    .kku-podo-hero .kku-podo-hero__cta-primary .elementor-button,
    .kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
        min-height: 50px;
        padding: 13px 20px !important;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .kku-podo-hero .kku-podo-hero__media {
        width: 100%;
        margin: 0;
    }

    .kku-podo-hero .kku-podo-hero__media::before {
        top: 18px;
        right: -16px;
        bottom: -18px;
        left: 20px;

        border-radius: 30px 72px 30px 72px;
    }

    .kku-podo-hero .kku-podo-hero__video {
        border-radius: 26px 68px 26px 68px;
        box-shadow: 0 20px 48px rgba(1, 38, 40, 0.12);
    }
}


/* =========================================================
   MOBILE – do 600 px
   Laděno podle skutečného náhledu 390 px.
   Na mobilu HTML používá pouze statický WebP poster.
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-hero {
        padding: 58px 0 68px !important;
    }

    .kku-podo-hero .kku-podo-hero__inner {
        max-width: 100%;
        padding: 0 24px !important;

        grid-template-columns: minmax(0, 1fr);
        align-items: stretch !important;
        gap: 32px;
    }

    .kku-podo-hero .kku-podo-hero__copy {
        max-width: none;
        width: 100%;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow {
        margin-bottom: 16px !important;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow .elementor-widget-container {
        gap: 10px;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow .elementor-widget-container::before {
        width: 28px;
        height: 3px;
        flex-basis: 28px;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow p {
        font-size: 13px !important;
        letter-spacing: 0.11em !important;
    }

    .kku-podo-hero .kku-podo-hero__title {
        max-width: none;
        margin-bottom: 22px !important;
    }

    .kku-podo-hero .kku-podo-hero__title .elementor-heading-title {
        font-size: 45px !important;
        line-height: 1.01 !important;
        letter-spacing: -0.035em !important;
    }

    .kku-podo-hero .kku-podo-hero__text {
        max-width: none;
        margin-bottom: 28px !important;
    }

    .kku-podo-hero .kku-podo-hero__text p {
        font-size: 18px !important;
        line-height: 1.48 !important;
    }

    .kku-podo-hero .kku-podo-hero__actions {
        width: 100% !important;

        flex-direction: column !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    .kku-podo-hero .kku-podo-hero__cta-primary,
    .kku-podo-hero .kku-podo-hero__cta-secondary {
        width: 100% !important;
    }

    .kku-podo-hero .kku-podo-hero__cta-primary .elementor-button,
    .kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
        width: 100%;
        min-height: 52px;
        padding: 14px 18px !important;

        font-size: 15px !important;
        white-space: normal;
    }

    .kku-podo-hero .kku-podo-hero__media {
        width: 100%;
        margin: 0;
    }

    .kku-podo-hero .kku-podo-hero__media::before {
        top: 13px;
        right: -10px;
        bottom: -13px;
        left: 12px;

        border-radius: 24px 58px 24px 58px;
    }

    .kku-podo-hero .kku-podo-hero__video {
        border-radius: 22px 54px 22px 54px;
        box-shadow: 0 18px 40px rgba(1, 38, 40, 0.11);
    }

    .kku-podo-hero .kku-podo-hero__video-element {
        width: 100%;
        aspect-ratio: 1.11 / 1;

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

/* =========================================================
   WIDESCREEN – od 1900 px
   Laděno podle skutečného náhledu 2400 px.
   Neškáluje slepě celý web – zvětšuje pouze kompozici HERO.
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-hero {
        padding: 96px 0 112px !important;
    }

    .kku-podo-hero .kku-podo-hero__inner {
        max-width: 1620px;
        padding: 0 56px;

        grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
        gap: 96px;
    }

    .kku-podo-hero .kku-podo-hero__copy {
        max-width: 690px;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow {
        margin-bottom: 24px !important;
    }

    .kku-podo-hero .kku-podo-hero__eyebrow p {
        font-size: 16px !important;
    }

    .kku-podo-hero .kku-podo-hero__title {
        margin-bottom: 28px !important;
    }

    .kku-podo-hero .kku-podo-hero__title .elementor-heading-title {
        font-size: 68px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-hero .kku-podo-hero__text {
        max-width: 650px;
        margin-bottom: 38px !important;
    }

    .kku-podo-hero .kku-podo-hero__text p {
        font-size: 21px !important;
        line-height: 1.52 !important;
    }

    .kku-podo-hero .kku-podo-hero__actions {
        gap: 16px !important;
    }

    .kku-podo-hero .kku-podo-hero__cta-primary .elementor-button,
    .kku-podo-hero .kku-podo-hero__cta-secondary .elementor-button {
        min-height: 56px;
        padding: 16px 27px !important;
        font-size: 17px !important;
    }

    .kku-podo-hero .kku-podo-hero__media::before {
        top: 26px;
        right: -22px;
        bottom: -24px;
        left: 28px;

        border-radius: 38px 96px 38px 96px;
    }

    .kku-podo-hero .kku-podo-hero__video {
        border-radius: 32px 88px 32px 88px;
        box-shadow: 0 28px 70px rgba(1, 38, 40, 0.13);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41646a1 *//* =========================================================
   KKU – PODOLOGIE – 02 RELEVANCE
   Desktop base + tablet 1024
   1440 / 1366 jsou zamčené.
   1024 má vlastní dramaturgii: INTRO nahoře → situace pod ním.
   Hover animace už neposouvá text.
   768 a mobil zatím nejsou řešené.
   ========================================================= */

.kku-podo-relevance {
    --kku-cream: #FCF8EE;
    --kku-beige: #F5E8C3;
    --kku-ink: #012628;
    --kku-orange: #FFA338;
    --kku-teal: #009D9F;
    --kku-brown: #291600;

    width: 100%;
    padding: 112px 0 118px;
    overflow: hidden;

    background: var(--kku-ink);
    color: var(--kku-cream);
}


/* =========================================================
   INNER
   ========================================================= */

.kku-podo-relevance .kku-podo-relevance__inner {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 44px;

    display: grid !important;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    align-items: start !important;
    gap: 112px;
}


/* =========================================================
   INTRO
   ========================================================= */

.kku-podo-relevance .kku-podo-relevance__intro {
    width: 100%;
    max-width: 500px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.kku-podo-relevance .kku-podo-relevance__eyebrow {
    width: auto;
    margin: 0 0 24px !important;
}

.kku-podo-relevance .kku-podo-relevance__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 13px;
}

.kku-podo-relevance .kku-podo-relevance__eyebrow .elementor-widget-container::before {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    flex: 0 0 34px;

    background: var(--kku-orange);
    border-radius: 999px;
}

.kku-podo-relevance .kku-podo-relevance__eyebrow p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;

    color: var(--kku-orange) !important;
}

.kku-podo-relevance .kku-podo-relevance__title {
    width: 100%;
    margin: 0 0 28px !important;
}

.kku-podo-relevance .kku-podo-relevance__title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 54px !important;
    font-weight: 500 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.032em !important;

    color: var(--kku-cream) !important;
}

.kku-podo-relevance .kku-podo-relevance__lead {
    width: 100%;
    max-width: 460px;
    margin: 0 !important;
}

.kku-podo-relevance .kku-podo-relevance__lead p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    color: rgba(252, 248, 238, 0.78) !important;
}


/* =========================================================
   SITUATIONS
   ========================================================= */

.kku-podo-relevance .kku-podo-relevance__situations {
    width: 100%;

    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;

    counter-reset: podo-situation;
}

.kku-podo-relevance .kku-podo-relevance__item {
    position: relative;
    width: 100%;
    min-height: 156px;
    padding: 30px 20px 30px 84px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;

    border-top: 1px solid rgba(252, 248, 238, 0.18);

    counter-increment: podo-situation;
}

.kku-podo-relevance .kku-podo-relevance__item:last-child {
    border-bottom: 1px solid rgba(252, 248, 238, 0.18);
}

.kku-podo-relevance .kku-podo-relevance__item::before {
    content: "0" counter(podo-situation);

    position: absolute;
    top: 34px;
    left: 0;

    font-family: "Afacad Flux", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.08em;

    color: var(--kku-orange);
}

.kku-podo-relevance .kku-podo-relevance__item::after {
    content: "";

    position: absolute;
    top: 41px;
    left: 38px;

    width: 18px;
    height: 2px;

    background: rgba(245, 232, 195, 0.42);
    border-radius: 999px;
}

.kku-podo-relevance .kku-podo-relevance__item-title {
    width: 100%;
    margin: 0 0 10px !important;
}

.kku-podo-relevance .kku-podo-relevance__item-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.018em !important;

    color: var(--kku-cream) !important;
}

.kku-podo-relevance .kku-podo-relevance__item-text {
    width: 100%;
    max-width: 690px;
    margin: 0 !important;
}

.kku-podo-relevance .kku-podo-relevance__item-text p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: rgba(252, 248, 238, 0.72) !important;
}


/* =========================================================
   MICRO HOVER
   Řádek zůstává vizuálně statický.
   Animuje se pouze číslo + krátká linka.
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .kku-podo-relevance .kku-podo-relevance__item::before {
        transform-origin: left center;
        transition:
            color 180ms ease,
            transform 180ms ease;
    }

    .kku-podo-relevance .kku-podo-relevance__item::after {
        transition:
            width 180ms ease,
            background-color 180ms ease;
    }

    .kku-podo-relevance .kku-podo-relevance__item:hover::before {
        color: var(--kku-cream);
        transform: scale(1.06);
    }

    .kku-podo-relevance .kku-podo-relevance__item:hover::after {
        width: 26px;
        background: var(--kku-orange);
    }
}



@media (hover: hover) and (pointer: fine) and (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-relevance .kku-podo-relevance__item:hover::after {
        width: 24px;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 601px) and (max-width: 768px) {
    .kku-podo-relevance .kku-podo-relevance__item:hover::after {
        width: 24px;
    }
}

/* =========================================================
   TABLET – 769 až 1100 px
   Laděno podle skutečného náhledu 1024 px.
   INTRO jde nad seznam; jednotlivé řádky využijí celou šířku.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-relevance {
        padding: 96px 0 102px;
    }

    .kku-podo-relevance .kku-podo-relevance__inner {
        max-width: 100%;
        padding: 0 54px;

        grid-template-columns: minmax(0, 1fr);
        gap: 68px;
    }

    .kku-podo-relevance .kku-podo-relevance__intro {
        max-width: 760px;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow {
        margin-bottom: 20px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title {
        max-width: 760px;
        margin-bottom: 22px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title .elementor-heading-title {
        font-size: 50px !important;
        line-height: 1.04 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-relevance .kku-podo-relevance__lead {
        max-width: 700px;
    }

    .kku-podo-relevance .kku-podo-relevance__lead p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item {
        min-height: 0;
        padding: 30px 12px 32px 72px;

        display: grid !important;
        grid-template-columns: minmax(250px, 0.86fr) minmax(0, 1.14fr);
        column-gap: 54px;

        align-items: start !important;
        justify-content: stretch !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item::before {
        top: 35px;
        left: 0;
    }

    .kku-podo-relevance .kku-podo-relevance__item::after {
        top: 42px;
        left: 36px;
        width: 17px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title {
        min-width: 0;
        margin: 0 !important;
        padding-right: 32px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text {
        min-width: 0;
        max-width: none;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text p {
        font-size: 17px !important;
        line-height: 1.48 !important;
    }
}

/* =========================================================
   NARROW TABLET – 601 až 768 px
   Laděno podle skutečného náhledu 768 px.
   Dramaturgie: INTRO nahoře → situace pod sebou.
   Každá situace: číslo + H3 + text, bez úzkého dvousloupce.
   ========================================================= */

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

    .kku-podo-relevance {
        padding: 92px 0 96px;
    }

    .kku-podo-relevance .kku-podo-relevance__inner {
        max-width: 100%;
        padding: 0 46px;

        grid-template-columns: minmax(0, 1fr);
        gap: 52px;
    }

    .kku-podo-relevance .kku-podo-relevance__intro {
        max-width: 640px;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title {
        max-width: 650px;
        margin-bottom: 22px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title .elementor-heading-title {
        font-size: 50px !important;
        line-height: 1.04 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-relevance .kku-podo-relevance__lead {
        max-width: 620px;
    }

    .kku-podo-relevance .kku-podo-relevance__lead p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item {
        min-height: 0;
        padding: 28px 10px 30px 70px;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 10px;

        align-items: start !important;
        justify-content: stretch !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item::before {
        top: 34px;
        left: 0;
    }

    .kku-podo-relevance .kku-podo-relevance__item::after {
        top: 41px;
        left: 35px;
        width: 17px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title {
        min-width: 0;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title .elementor-heading-title {
        font-size: 30px !important;
        line-height: 1.14 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text {
        min-width: 0;
        width: 100%;
        max-width: 590px;
        margin: 0 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text p {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   MOBILE – do 600 px
   Laděno podle skutečného náhledu 390 px.
   Dramaturgie: INTRO → situace pod sebou.
   Číslo + linka jsou samostatný orientační řádek nad H3.
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-relevance {
        padding: 72px 0 78px;
    }

    .kku-podo-relevance .kku-podo-relevance__inner {
        max-width: 100%;
        padding: 0 24px;

        grid-template-columns: minmax(0, 1fr);
        gap: 44px;
    }

    .kku-podo-relevance .kku-podo-relevance__intro {
        width: 100%;
        max-width: none;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow {
        margin-bottom: 16px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow .elementor-widget-container {
        gap: 10px;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow .elementor-widget-container::before {
        width: 28px;
        height: 3px;
        flex-basis: 28px;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow p {
        font-size: 13px !important;
        letter-spacing: 0.11em !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title {
        width: 100%;
        max-width: none;
        margin-bottom: 20px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title .elementor-heading-title {
        font-size: clamp(40px, 11.3vw, 44px) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-relevance .kku-podo-relevance__lead {
        width: 100%;
        max-width: none;
    }

    .kku-podo-relevance .kku-podo-relevance__lead p {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__situations {
        width: 100%;
    }

    .kku-podo-relevance .kku-podo-relevance__item {
        position: relative;
        width: 100%;
        min-height: 0;

        padding: 28px 0 30px;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 0 !important;

        border-top: 1px solid rgba(252, 248, 238, 0.18);
    }

    .kku-podo-relevance .kku-podo-relevance__item:last-child {
        border-bottom: 1px solid rgba(252, 248, 238, 0.18);
    }

    .kku-podo-relevance .kku-podo-relevance__item::before {
        top: 29px;
        left: 0;

        font-size: 13px;
        letter-spacing: 0.08em;
    }

    .kku-podo-relevance .kku-podo-relevance__item::after {
        top: 34px;
        left: 34px;

        width: 18px;
        height: 2px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title {
        width: 100%;
        min-width: 0;

        margin: 0 0 10px !important;
        padding: 34px 0 0 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title .elementor-heading-title {
        font-size: clamp(26px, 7.4vw, 29px) !important;
        line-height: 1.14 !important;
        letter-spacing: -0.018em !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text p {
        font-size: 16.5px !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   WIDESCREEN – od 1900 px
   Laděno podle skutečného náhledu 2400 px.
   Rozšiřuje kompozici bez slepého zvětšování celé sekce.
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-relevance {
        padding: 126px 0 132px;
    }

    .kku-podo-relevance .kku-podo-relevance__inner {
        max-width: 1640px;
        padding: 0 56px;

        grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
        gap: 132px;
    }

    .kku-podo-relevance .kku-podo-relevance__intro {
        max-width: 560px;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow {
        margin-bottom: 26px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__eyebrow p {
        font-size: 16px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title {
        margin-bottom: 30px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__title .elementor-heading-title {
        font-size: 62px !important;
        line-height: 1.05 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__lead {
        max-width: 520px;
    }

    .kku-podo-relevance .kku-podo-relevance__lead p {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item {
        min-height: 174px;
        padding: 34px 24px 34px 92px;
    }

    .kku-podo-relevance .kku-podo-relevance__item::before {
        top: 39px;
        font-size: 16px;
    }

    .kku-podo-relevance .kku-podo-relevance__item::after {
        top: 45px;
        left: 40px;
        width: 20px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title {
        margin-bottom: 12px !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-title .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text {
        max-width: 780px;
    }

    .kku-podo-relevance .kku-podo-relevance__item-text p {
        font-size: 19px !important;
        line-height: 1.52 !important;
    }

    @media (hover: hover) and (pointer: fine) {
        .kku-podo-relevance .kku-podo-relevance__item:hover::after {
            width: 28px;
        }
    }
}

/* =========================================================
   ART DIRECTION UPGRADE – RELEVANCE
   ---------------------------------------------------------
   Zachovává stávající layout a všechny responzivní breakpointy.
   Přidává organickou hloubku typickou pro nové KKU stránky.
   Na desktopu je motiv výraznější, na tabletu/mobilu jemnější.
   ========================================================= */

.kku-podo-relevance {
    position: relative;
    isolation: isolate;
}

/* Velká organická kontura za levou typografií.
   Není to další karta ani dekorace vložená "jen tak" –
   má rozbít dojem plochého full-width obdélníku. */
.kku-podo-relevance::before {
    content: "";

    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 1120px;
    height: 760px;

    left: -585px;
    top: 150px;

    border: 62px solid rgba(0, 157, 159, 0.045);
    border-radius: 56% 44% 61% 39% / 46% 58% 42% 54%;

    transform: rotate(-11deg);
}

/* Druhá jemnější linka na opačné straně vytváří pokračování
   motivu místo uzavřeného "blobu". */
.kku-podo-relevance::after {
    content: "";

    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 860px;
    height: 620px;

    right: -535px;
    top: 185px;

    border: 2px solid rgba(245, 232, 195, 0.060);
    border-radius: 47% 53% 41% 59% / 57% 43% 56% 44%;

    transform: rotate(16deg);
}

.kku-podo-relevance .kku-podo-relevance__inner {
    position: relative;
    z-index: 1;
}

/* Intro dostane lehce větší vizuální autoritu, aniž by měnil
   základní kompozici nebo šířku sloupců. */
@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-relevance .kku-podo-relevance__intro {
        position: relative;
    }

    .kku-podo-relevance .kku-podo-relevance__title {
        max-width: 470px;
    }

    .kku-podo-relevance .kku-podo-relevance__lead {
        max-width: 430px;
    }

    /* Pravý seznam zůstává přesný, jen se od organického
       levého bloku o pár px odtáhne. */
    .kku-podo-relevance .kku-podo-relevance__situations {
        transform: translateX(14px);
    }
}

/* Tablet – motiv zůstává, ale už nesmí soutěžit s obsahem. */
@media (min-width: 601px) and (max-width: 1100px) {

    .kku-podo-relevance::before {
        width: 760px;
        height: 540px;

        left: -475px;
        top: 110px;

        border-width: 52px;
        opacity: 0.62;
    }

    .kku-podo-relevance::after {
        width: 540px;
        height: 390px;

        right: -390px;
        top: 240px;

        opacity: 0.58;
    }
}

/* Mobil – pouze stopa motivu, aby sekce zůstala klidná. */
@media (max-width: 600px) {

    .kku-podo-relevance::before {
        width: 500px;
        height: 390px;

        left: -375px;
        top: 145px;

        border-width: 38px;
        opacity: 0.48;
    }

    .kku-podo-relevance::after {
        width: 360px;
        height: 280px;

        right: -300px;
        top: 455px;

        opacity: 0.42;
    }
}

/* Widescreen – motiv roste s kompozicí, ne jen s viewportem. */
@media (min-width: 1900px) {

    .kku-podo-relevance::before {
        width: 1360px;
        height: 900px;

        left: -680px;
        top: 150px;

        border-width: 74px;
    }

    .kku-podo-relevance::after {
        width: 1020px;
        height: 720px;

        right: -620px;
        top: 190px;
    }

    .kku-podo-relevance .kku-podo-relevance__situations {
        transform: translateX(18px);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69a805d *//* =========================================================
   KKU – PODOLOGIE – 03 VYŠETŘENÍ
   Desktop base – ladění pro 1440 px
   Responsive breakpointy zatím nejsou přidány.
   Vizuál záměrně přesahuje směrem do předchozí tmavé sekce.
   ========================================================= */

.kku-podo-exam {
    --kku-cream: #FCF8EE;
    --kku-beige: #F5E8C3;
    --kku-ink: #012628;
    --kku-orange: #FFA338;
    --kku-teal: #009D9F;
    --kku-brown: #291600;

    position: relative;
    z-index: 2;

    width: 100%;
    padding: 124px 0 122px;
    overflow: visible;

    background: var(--kku-cream);
    color: var(--kku-ink);
}


/* =========================================================
   INNER / STAGE
   ========================================================= */

.kku-podo-exam .kku-podo-exam__inner {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 44px;
}

.kku-podo-exam .kku-podo-exam__stage {
    width: 100%;

    display: grid !important;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start !important;
    gap: 90px;
}


/* =========================================================
   MEDIA
   ========================================================= */

.kku-podo-exam .kku-podo-exam__media {
    position: relative;
    z-index: 3;

    width: 100%;
    min-width: 0;
    margin-top: -184px;

    isolation: isolate;
}

.kku-podo-exam .kku-podo-exam__media::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 24px;
    right: -18px;
    bottom: -22px;
    left: 24px;

    background: var(--kku-beige);
    border-radius: 34px 90px 34px 90px;
}

.kku-podo-exam .kku-podo-exam__image {
    position: relative;
    z-index: 1;

    width: 100%;
    overflow: hidden;

    border-radius: 30px 82px 30px 82px;
    box-shadow: 0 26px 64px rgba(1, 38, 40, 0.14);
}

.kku-podo-exam .kku-podo-exam__image .elementor-widget-container {
    width: 100%;
    overflow: hidden;

    border-radius: inherit;
}

.kku-podo-exam .kku-podo-exam__image img {
    display: block;

    width: 100%;
    aspect-ratio: 0.93 / 1;

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

    border-radius: inherit;
}


/* =========================================================
   CONTENT
   ========================================================= */

.kku-podo-exam .kku-podo-exam__content {
    width: 100%;
    min-width: 0;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.kku-podo-exam .kku-podo-exam__intro {
    width: 100%;
    max-width: 690px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.kku-podo-exam .kku-podo-exam__eyebrow {
    width: auto;
    margin: 0 0 22px !important;
}

.kku-podo-exam .kku-podo-exam__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 13px;
}

.kku-podo-exam .kku-podo-exam__eyebrow .elementor-widget-container::before {
    content: "";

    display: block;
    width: 34px;
    height: 3px;
    flex: 0 0 34px;

    background: var(--kku-orange);
    border-radius: 999px;
}

.kku-podo-exam .kku-podo-exam__eyebrow p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;

    color: var(--kku-ink) !important;
}


/* =========================================================
   H2 / LEAD
   ========================================================= */

.kku-podo-exam .kku-podo-exam__title {
    width: 100%;
    margin: 0 0 24px !important;
}

.kku-podo-exam .kku-podo-exam__title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 54px !important;
    font-weight: 500 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.032em !important;

    color: var(--kku-ink) !important;
}

.kku-podo-exam .kku-podo-exam__lead {
    width: 100%;
    max-width: 650px;
    margin: 0 !important;
}

.kku-podo-exam .kku-podo-exam__lead p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    color: var(--kku-brown) !important;
}


/* =========================================================
   DETAILS
   ========================================================= */

.kku-podo-exam .kku-podo-exam__details {
    width: 100%;
    margin-top: 46px;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 42px;
}

.kku-podo-exam .kku-podo-exam__detail {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 186px;
    padding: 30px 0 28px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    border-top: 1px solid rgba(1, 38, 40, 0.16);
}

.kku-podo-exam .kku-podo-exam__detail:nth-child(3),
.kku-podo-exam .kku-podo-exam__detail:nth-child(4) {
    border-bottom: 1px solid rgba(1, 38, 40, 0.16);
}

.kku-podo-exam .kku-podo-exam__detail::before {
    content: "";

    display: block;
    width: 30px;
    height: 3px;
    margin: 0 0 18px;

    background: var(--kku-orange);
    border-radius: 999px;
}

.kku-podo-exam .kku-podo-exam__detail-title {
    width: 100%;
    margin: 0 0 10px !important;
}

.kku-podo-exam .kku-podo-exam__detail-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 27px !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.018em !important;

    color: var(--kku-ink) !important;
}

.kku-podo-exam .kku-podo-exam__detail-text {
    width: 100%;
    max-width: 310px;
    margin: 0 !important;
}

.kku-podo-exam .kku-podo-exam__detail-text p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: rgba(41, 22, 0, 0.76) !important;
}

/* =========================================================
   TABLET – 769 až 1100 px
   Laděno podle skutečného náhledu 1024 px.
   Horní řada: MEDIA + INTRO.
   DETAILY pak využijí celou šířku pod nimi.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-exam {
        padding: 108px 0 104px;
    }

    .kku-podo-exam .kku-podo-exam__inner {
        max-width: 100%;
        padding: 0 54px;
    }

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        align-items: start !important;
        gap: 54px 52px;
    }

    .kku-podo-exam .kku-podo-exam__content {
        display: contents !important;
    }

    .kku-podo-exam .kku-podo-exam__media {
        grid-column: 1;
        grid-row: 1;
        margin-top: -146px;
    }

    .kku-podo-exam .kku-podo-exam__media::before {
        top: 18px;
        right: -14px;
        bottom: -18px;
        left: 18px;
        border-radius: 28px 68px 28px 68px;
    }

    .kku-podo-exam .kku-podo-exam__image {
        border-radius: 26px 64px 26px 64px;
        box-shadow: 0 20px 48px rgba(1, 38, 40, 0.12);
    }

    .kku-podo-exam .kku-podo-exam__image img {
        aspect-ratio: 0.93 / 1;
    }

    .kku-podo-exam .kku-podo-exam__intro {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        max-width: none;
        padding-top: 22px;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-exam .kku-podo-exam__title {
        margin-bottom: 20px !important;
    }

    .kku-podo-exam .kku-podo-exam__title .elementor-heading-title {
        font-size: 48px !important;
        line-height: 1.04 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-exam .kku-podo-exam__lead {
        max-width: 500px;
    }

    .kku-podo-exam .kku-podo-exam__lead p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-exam .kku-podo-exam__details {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-top: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 42px;
    }

    .kku-podo-exam .kku-podo-exam__detail {
        min-height: 168px;
        padding: 28px 0 26px;
    }

    .kku-podo-exam .kku-podo-exam__detail::before {
        width: 28px;
        margin-bottom: 16px;
    }

    .kku-podo-exam .kku-podo-exam__detail-title {
        margin-bottom: 9px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-text {
        max-width: 390px;
    }

    .kku-podo-exam .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.48 !important;
    }
}

/* =========================================================
   NARROW TABLET – 601 až 768 px
   Laděno podle skutečného náhledu 768 px.
   Dramaturgie: MEDIA → INTRO → DETAILY.
   Fotografie dál přemosťuje přechod z předchozí tmavé sekce.
   ========================================================= */

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

    .kku-podo-exam {
        padding: 96px 0 96px;
    }

    .kku-podo-exam .kku-podo-exam__inner {
        max-width: 100%;
        padding: 0 54px;
    }

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch !important;
        gap: 46px;
    }

    .kku-podo-exam .kku-podo-exam__media {
        width: 100%;
        max-width: 620px;
        margin: -132px auto 0;
    }

    .kku-podo-exam .kku-podo-exam__media::before {
        top: 18px;
        right: -15px;
        bottom: -18px;
        left: 18px;

        border-radius: 28px 70px 28px 70px;
    }

    .kku-podo-exam .kku-podo-exam__image {
        border-radius: 26px 66px 26px 66px;
        box-shadow: 0 20px 48px rgba(1, 38, 40, 0.12);
    }

    .kku-podo-exam .kku-podo-exam__image img {
        aspect-ratio: 1.28 / 1;
        object-fit: cover;
        object-position: center;
    }

    .kku-podo-exam .kku-podo-exam__content {
        width: 100%;
        max-width: none;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__intro {
        width: 100%;
        max-width: 640px;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-exam .kku-podo-exam__title {
        margin-bottom: 22px !important;
    }

    .kku-podo-exam .kku-podo-exam__title .elementor-heading-title {
        font-size: 52px !important;
        line-height: 1.04 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-exam .kku-podo-exam__lead {
        max-width: 620px;
    }

    .kku-podo-exam .kku-podo-exam__lead p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-exam .kku-podo-exam__details {
        width: 100%;
        margin-top: 42px;

        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 36px;
    }

    .kku-podo-exam .kku-podo-exam__detail {
        min-height: 172px;
        padding: 28px 0 26px;
    }

    .kku-podo-exam .kku-podo-exam__detail::before {
        width: 28px;
        margin-bottom: 16px;
    }

    .kku-podo-exam .kku-podo-exam__detail-title {
        margin-bottom: 9px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-text {
        max-width: none;
    }

    .kku-podo-exam .kku-podo-exam__detail-text p {
        font-size: 16.5px !important;
        line-height: 1.48 !important;
    }
}


/* =========================================================
   MOBILE – do 600 px
   Laděno podle skutečného náhledu 390 px.
   Dramaturgie: MEDIA → INTRO → jednotlivé detaily pod sebou.
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-exam {
        padding: 72px 0 76px;
    }

    .kku-podo-exam .kku-podo-exam__inner {
        max-width: 100%;
        padding: 0 24px;
    }

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch !important;
        gap: 38px;
    }

    .kku-podo-exam .kku-podo-exam__media {
        width: 100%;
        max-width: none;
        margin: -96px 0 0;
    }

    .kku-podo-exam .kku-podo-exam__media::before {
        top: 13px;
        right: -10px;
        bottom: -13px;
        left: 12px;

        border-radius: 22px 56px 22px 56px;
    }

    .kku-podo-exam .kku-podo-exam__image {
        border-radius: 20px 52px 20px 52px;
        box-shadow: 0 16px 36px rgba(1, 38, 40, 0.11);
    }

    .kku-podo-exam .kku-podo-exam__image img {
        width: 100%;
        aspect-ratio: 1.12 / 1;

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

    .kku-podo-exam .kku-podo-exam__content {
        width: 100%;
        min-width: 0;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__intro {
        width: 100%;
        max-width: none;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow {
        margin-bottom: 16px !important;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow .elementor-widget-container {
        gap: 10px;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow .elementor-widget-container::before {
        width: 28px;
        height: 3px;
        flex-basis: 28px;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow p {
        font-size: 13px !important;
        letter-spacing: 0.11em !important;
    }

    .kku-podo-exam .kku-podo-exam__title {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .kku-podo-exam .kku-podo-exam__title .elementor-heading-title {
        font-size: clamp(40px, 11.3vw, 44px) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.03em !important;
    }

    .kku-podo-exam .kku-podo-exam__lead {
        width: 100%;
        max-width: none;
    }

    .kku-podo-exam .kku-podo-exam__lead p {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-exam .kku-podo-exam__details {
        width: 100%;
        margin-top: 38px;

        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .kku-podo-exam .kku-podo-exam__detail {
        width: 100%;
        min-width: 0;
        min-height: 0;
        padding: 26px 0 28px;

        border-top: 1px solid rgba(1, 38, 40, 0.16);
        border-bottom: 0;
    }

    .kku-podo-exam .kku-podo-exam__detail:last-child {
        border-bottom: 1px solid rgba(1, 38, 40, 0.16);
    }

    .kku-podo-exam .kku-podo-exam__detail::before {
        width: 26px;
        height: 3px;
        margin-bottom: 15px;
    }

    .kku-podo-exam .kku-podo-exam__detail-title {
        width: 100%;
        margin-bottom: 9px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.14 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-text {
        width: 100%;
        max-width: none;
    }

    .kku-podo-exam .kku-podo-exam__detail-text p {
        font-size: 16.5px !important;
        line-height: 1.5 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail:nth-child(3),
    .kku-podo-exam .kku-podo-exam__detail:nth-child(4) {
        border-bottom: 0;
    }

    .kku-podo-exam .kku-podo-exam__detail:last-child {
        border-bottom: 1px solid rgba(1, 38, 40, 0.16);
    }
}

/* =========================================================
   WIDESCREEN – od 1900 px
   Laděno podle skutečného náhledu 2400 px.
   Rozšiřuje kompozici 03 bez změny zamčených breakpointů.
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-exam {
        padding: 142px 0 138px;
    }

    .kku-podo-exam .kku-podo-exam__inner {
        max-width: 1660px;
        padding: 0 56px;
    }

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 108px;
    }

    .kku-podo-exam .kku-podo-exam__media {
        margin-top: -208px;
    }

    .kku-podo-exam .kku-podo-exam__media::before {
        top: 28px;
        right: -22px;
        bottom: -25px;
        left: 30px;

        border-radius: 40px 104px 40px 104px;
    }

    .kku-podo-exam .kku-podo-exam__image {
        border-radius: 36px 96px 36px 96px;
        box-shadow: 0 30px 76px rgba(1, 38, 40, 0.14);
    }

    .kku-podo-exam .kku-podo-exam__intro {
        max-width: 760px;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow {
        margin-bottom: 24px !important;
    }

    .kku-podo-exam .kku-podo-exam__eyebrow p {
        font-size: 16px !important;
    }

    .kku-podo-exam .kku-podo-exam__title {
        margin-bottom: 28px !important;
    }

    .kku-podo-exam .kku-podo-exam__title .elementor-heading-title {
        font-size: 62px !important;
        line-height: 1.05 !important;
    }

    .kku-podo-exam .kku-podo-exam__lead {
        max-width: 720px;
    }

    .kku-podo-exam .kku-podo-exam__lead p {
        font-size: 21px !important;
        line-height: 1.52 !important;
    }

    .kku-podo-exam .kku-podo-exam__details {
        margin-top: 52px;
        gap: 0 50px;
    }

    .kku-podo-exam .kku-podo-exam__detail {
        min-height: 198px;
        padding: 34px 0 31px;
    }

    .kku-podo-exam .kku-podo-exam__detail::before {
        width: 34px;
        margin-bottom: 20px;
    }

    .kku-podo-exam .kku-podo-exam__detail-title {
        margin-bottom: 11px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 31px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail-text {
        max-width: 360px;
    }

    .kku-podo-exam .kku-podo-exam__detail-text p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   ART DIRECTION UPGRADE – 03 VYŠETŘENÍ
   ---------------------------------------------------------
   Desktop pouze:
   SCAN = primární výchozí bod
   ostatní 3 oblasti = navazující vrstvy vyšetření
   Responsive 1024 a níž zůstává beze změny.
   ========================================================= */

@media (min-width: 1101px) {

    /* Místo stejné 2x2 mřížky:
       01 přes celou šířku, 02–04 ve třech sloupcích pod ním. */
    .kku-podo-exam .kku-podo-exam__details {
        position: relative;

        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 28px;
    }


    /* =====================================================
       DETAIL 01 – SCAN / PRIMÁRNÍ BOD
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--01 {
        grid-column: 1 / -1;

        position: relative;
        z-index: 2;

        width: calc(100% + 54px);
        min-height: 0;

        margin-left: -54px;
        margin-bottom: 18px;
        padding: 28px 32px 30px 92px;

        display: grid !important;
        grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
        align-items: center !important;
        column-gap: 34px;

        overflow: hidden;

        background: rgba(0, 157, 159, 0.085);
        border: 0 !important;
        border-radius: 26px 58px 26px 58px;
    }

    /* Původní oranžová krátká linka se u primárního bodu
       mění na jasnější orientační marker. */
    .kku-podo-exam .kku-podo-exam__detail--01::before {
        position: absolute;

        width: 32px;
        height: 3px;

        top: 36px;
        left: 30px;
        margin: 0;

        background: var(--kku-orange);
    }

    /* Velké 01 je jen atmosférická typografická vrstva,
       ne další badge/karta. */
    .kku-podo-exam .kku-podo-exam__detail--01::after {
        content: "01";

        position: absolute;
        z-index: 0;

        right: 22px;
        bottom: -18px;

        font-family: "IBM Plex Serif", serif;
        font-size: 118px;
        font-weight: 500;
        line-height: 1;

        color: rgba(1, 38, 40, 0.045);

        pointer-events: none;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title {
        position: relative;
        z-index: 1;

        width: 100%;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text {
        position: relative;
        z-index: 1;

        width: 100%;
        max-width: 430px;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.5 !important;
        color: rgba(41, 22, 0, 0.82) !important;
    }


    /* =====================================================
       DETAIL 02–04 – NAVAZUJÍCÍ VRSTVY
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        min-height: 210px;
        padding: 28px 0 30px;

        border-top: 1px solid rgba(1, 38, 40, 0.16);
        border-bottom: 1px solid rgba(1, 38, 40, 0.16);
    }

    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        width: 26px;
        height: 3px;
        margin-bottom: 17px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 24px !important;
        line-height: 1.16 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text {
        max-width: none;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 16px !important;
        line-height: 1.48 !important;
    }
}


/* =========================================================
   WIDESCREEN – proporce art-direction vrstvy
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__details {
        gap: 0 34px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 {
        width: calc(100% + 68px);
        margin-left: -68px;

        padding: 34px 38px 36px 108px;
        column-gap: 42px;

        border-radius: 32px 72px 32px 72px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        top: 43px;
        left: 38px;
        width: 38px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::after {
        right: 28px;
        bottom: -22px;
        font-size: 142px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 36px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text {
        max-width: 500px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 18px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        min-height: 232px;
        padding-top: 32px;
        padding-bottom: 34px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 27px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
    }
}

/* =========================================================
   ART DIRECTION V2 – STICKY FLOW
   Desktop 1101+
   ---------------------------------------------------------
   - MEDIA vlevo sticky
   - INTRO + SCAN + 02–04 vpravo
   - žádné 3 úzké sloupce
   - jemná KKU vlnka za pravým obsahem
   - tablet / mobil 1024 a níž zůstává beze změny
   ========================================================= */

@media (min-width: 1101px) {

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
        align-items: start !important;
        gap: 92px;
    }

    /* Sticky vizuál */
    .kku-podo-exam .kku-podo-exam__media {
        position: sticky;
        top: 118px;
        align-self: start;

        margin-top: -184px;
    }

    /* Pravý obsah jako delší scrollovací příběh */
    .kku-podo-exam .kku-podo-exam__content {
        position: relative;
        isolation: isolate;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;

        padding-bottom: 18px;
    }

    /* Skutečný KKU motiv používaný na Dentosofii. */
    .kku-podo-exam .kku-podo-exam__content::before {
        content: "";

        position: absolute;
        z-index: -1;
        pointer-events: none;

        width: 560px;
        height: 760px;

        right: -155px;
        top: 250px;

        opacity: 0.16;

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        background-image: url("https://krokykusmevu.cz/wp-content/uploads/2026/08/dentosofie-hero-motiv-v3.svg");
    }

    .kku-podo-exam .kku-podo-exam__intro {
        max-width: 690px;
    }


    /* =====================================================
       DETAILS – JEDEN ŠIROKÝ TOK
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__details {
        position: relative;

        width: 100%;
        margin-top: 46px;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }


    /* =====================================================
       01 – SCAN / HLAVNÍ BOD
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--01 {
        grid-column: auto;

        position: relative;
        z-index: 2;

        width: 100%;
        min-height: 0;

        margin: 0 0 22px;
        padding: 32px 38px 34px 84px;

        display: grid !important;
        grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.28fr);
        align-items: center !important;
        column-gap: 38px;

        overflow: hidden;

        background: rgba(0, 157, 159, 0.09);
        border: 0 !important;
        border-radius: 28px 64px 28px 64px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        position: absolute;

        width: 32px;
        height: 3px;

        top: 40px;
        left: 30px;
        margin: 0;

        background: var(--kku-orange);
    }

    .kku-podo-exam .kku-podo-exam__detail--01::after {
        content: "01";

        position: absolute;
        z-index: 0;

        right: 20px;
        bottom: -22px;

        font-family: "IBM Plex Serif", serif;
        font-size: 128px;
        font-weight: 500;
        line-height: 1;

        color: rgba(1, 38, 40, 0.045);

        pointer-events: none;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title {
        position: relative;
        z-index: 1;

        width: 100%;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text {
        position: relative;
        z-index: 1;

        width: 100%;
        max-width: none;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.5 !important;

        color: rgba(41, 22, 0, 0.82) !important;
    }


    /* =====================================================
       02–04 – ŠIROKÉ ŘÁDKY
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        position: relative;

        width: 100%;
        min-height: 0;

        padding: 30px 8px 31px 64px;

        display: grid !important;
        grid-template-columns: minmax(205px, 0.78fr) minmax(0, 1.22fr);
        align-items: start !important;
        column-gap: 38px;

        border-top: 1px solid rgba(1, 38, 40, 0.16);
        border-bottom: 0;
    }

    .kku-podo-exam .kku-podo-exam__detail--04 {
        border-bottom: 1px solid rgba(1, 38, 40, 0.16);
    }

    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        position: absolute;

        top: 38px;
        left: 8px;

        width: 28px;
        height: 3px;
        margin: 0;

        background: var(--kku-orange);
    }

    .kku-podo-exam .kku-podo-exam__detail--02::after,
    .kku-podo-exam .kku-podo-exam__detail--03::after,
    .kku-podo-exam .kku-podo-exam__detail--04::after {
        position: absolute;

        top: 34px;
        left: 0;

        font-family: "Afacad Flux", sans-serif;
        font-size: 12px;
        font-weight: 650;
        line-height: 1;
        letter-spacing: 0.08em;

        color: var(--kku-orange);
    }

    .kku-podo-exam .kku-podo-exam__detail--02::after {
        content: "02";
    }

    .kku-podo-exam .kku-podo-exam__detail--03::after {
        content: "03";
    }

    .kku-podo-exam .kku-podo-exam__detail--04::after {
        content: "04";
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title {
        width: 100%;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text {
        width: 100%;
        max-width: none;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }
}


/* =========================================================
   WIDESCREEN – STICKY FLOW
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 118px;
    }

    .kku-podo-exam .kku-podo-exam__media {
        top: 132px;
        margin-top: -208px;
    }

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 680px;
        height: 900px;

        right: -195px;
        top: 275px;

        opacity: 0.15;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 {
        padding: 38px 44px 40px 100px;

        grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr);
        column-gap: 48px;

        border-radius: 34px 78px 34px 78px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        top: 47px;
        left: 38px;
        width: 38px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::after {
        right: 26px;
        bottom: -25px;
        font-size: 148px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 36px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 18px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        padding: 36px 10px 37px 76px;

        grid-template-columns: minmax(245px, 0.78fr) minmax(0, 1.22fr);
        column-gap: 48px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        top: 45px;
        left: 10px;
        width: 32px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02::after,
    .kku-podo-exam .kku-podo-exam__detail--03::after,
    .kku-podo-exam .kku-podo-exam__detail--04::after {
        top: 41px;
        font-size: 13px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 29px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 18px !important;
    }
}

/* =========================================================
   ART DIRECTION V3 – FLIPPED STICKY FLOW
   Desktop 1101+
   ---------------------------------------------------------
   - CONTENT vlevo
   - sticky MEDIA vpravo
   - 01 jako hlavní blok
   - 02–04: číslo / nadpis / text v čistém řádku
   - skutečný KKU SVG motiv je viditelnější
   - 1024 a níž zůstává beze změny
   ========================================================= */

@media (min-width: 1101px) {

    /* Obrácení rytmu oproti sekci 02 */
    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
        align-items: start !important;
        gap: 92px;
    }

    .kku-podo-exam .kku-podo-exam__content {
        grid-column: 1;
        grid-row: 1;

        position: relative;
        isolation: isolate;

        width: 100%;
        min-width: 0;
        padding: 18px 0 24px;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__media {
        grid-column: 2;
        grid-row: 1;

        position: sticky;
        top: 118px;
        align-self: start;

        width: 100%;
        min-width: 0;
        margin-top: -184px;
    }

    /* Vizuál na pravé straně může být o trochu větší,
       aby působil jako skutečný sticky anchor. */
    .kku-podo-exam .kku-podo-exam__image img {
        aspect-ratio: 0.96 / 1;
    }

    /* =====================================================
       KKU MOTIV – přesný asset z Dentosofie
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__content::before {
        content: "";

        position: absolute;
        z-index: -1;
        pointer-events: none;

        width: 690px;
        height: 940px;

        left: -165px;
        top: 250px;

        opacity: 0.18;

        background-image: url("https://krokykusmevu.cz/wp-content/uploads/2026/08/dentosofie-hero-motiv-v3.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        transform: rotate(-7deg);
    }

    .kku-podo-exam .kku-podo-exam__intro {
        max-width: 720px;
    }

    /* =====================================================
       DETAILS
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__details {
        position: relative;

        width: 100%;
        margin-top: 48px;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    /* =====================================================
       01 – SCAN
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--01 {
        grid-column: auto;

        position: relative;
        z-index: 2;

        width: 100%;
        min-height: 0;

        margin: 0 0 24px;
        padding: 34px 42px 36px 86px;

        display: grid !important;
        grid-template-columns: minmax(210px, 0.78fr) minmax(0, 1.22fr);
        align-items: center !important;
        column-gap: 42px;

        overflow: hidden;

        background: rgba(0, 157, 159, 0.10);
        border: 0 !important;
        border-radius: 30px 68px 30px 68px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        position: absolute;

        top: 42px;
        left: 34px;

        width: 32px;
        height: 3px;
        margin: 0;

        background: var(--kku-orange);
        border-radius: 999px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::after {
        content: "01";

        position: absolute;
        z-index: 0;

        right: 24px;
        bottom: -24px;

        font-family: "IBM Plex Serif", serif;
        font-size: 132px;
        font-weight: 500;
        line-height: 1;

        color: rgba(1, 38, 40, 0.05);

        pointer-events: none;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title {
        position: relative;
        z-index: 1;

        width: 100%;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text {
        position: relative;
        z-index: 1;

        width: 100%;
        max-width: none;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.52 !important;

        color: rgba(41, 22, 0, 0.82) !important;
    }

    /* =====================================================
       02–04 – ČISTÝ ŘÁDEK:
       číslo | nadpis | text
       ===================================================== */

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        position: relative;

        width: 100%;
        min-height: 0;

        padding: 31px 8px 32px 0;

        display: grid !important;
        grid-template-columns: 58px minmax(205px, 0.80fr) minmax(0, 1.20fr);
        align-items: start !important;
        column-gap: 28px;

        border-top: 1px solid rgba(1, 38, 40, 0.16);
        border-bottom: 0;
    }

    .kku-podo-exam .kku-podo-exam__detail--04 {
        border-bottom: 1px solid rgba(1, 38, 40, 0.16);
    }

    /* Číslo vlevo */
    .kku-podo-exam .kku-podo-exam__detail--02::after,
    .kku-podo-exam .kku-podo-exam__detail--03::after,
    .kku-podo-exam .kku-podo-exam__detail--04::after {
        position: static;

        grid-column: 1;
        grid-row: 1;

        align-self: start;

        padding-top: 7px;

        font-family: "Afacad Flux", sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.08em;

        color: var(--kku-orange);
    }

    .kku-podo-exam .kku-podo-exam__detail--02::after { content: "02"; }
    .kku-podo-exam .kku-podo-exam__detail--03::after { content: "03"; }
    .kku-podo-exam .kku-podo-exam__detail--04::after { content: "04"; }

    /* Krátká linka pod číslem, ne vedle nadpisu */
    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        position: absolute;

        top: 52px;
        left: 0;

        width: 28px;
        height: 2px;
        margin: 0;

        background: rgba(1, 38, 40, 0.36);
        border-radius: 999px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title {
        grid-column: 2;
        grid-row: 1;

        width: 100%;
        margin: 0 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.16 !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text {
        grid-column: 3;
        grid-row: 1;

        width: 100%;
        max-width: none;
        margin: 0 !important;
        padding-top: 1px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 17px !important;
        line-height: 1.52 !important;
    }
}


/* =========================================================
   WIDESCREEN – FLIPPED FLOW
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__stage {
        grid-template-columns: minmax(0, 1.10fr) minmax(0, 0.90fr);
        gap: 122px;
    }

    .kku-podo-exam .kku-podo-exam__media {
        top: 132px;
        margin-top: -208px;
    }

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 790px;
        height: 1040px;

        left: -205px;
        top: 270px;

        opacity: 0.17;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 {
        padding: 40px 48px 42px 102px;

        grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1.22fr);
        column-gap: 52px;

        border-radius: 36px 82px 36px 82px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        top: 49px;
        left: 40px;
        width: 38px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::after {
        right: 30px;
        bottom: -28px;
        font-size: 154px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 37px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--01 .kku-podo-exam__detail-text p {
        font-size: 18px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        padding-top: 37px;
        padding-bottom: 38px;

        grid-template-columns: 66px minmax(245px, 0.82fr) minmax(0, 1.18fr);
        column-gap: 34px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        top: 59px;
        width: 32px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02::after,
    .kku-podo-exam .kku-podo-exam__detail--03::after,
    .kku-podo-exam .kku-podo-exam__detail--04::after {
        padding-top: 8px;
        font-size: 14px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-title .elementor-heading-title,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-title .elementor-heading-title {
        font-size: 30px !important;
    }

    .kku-podo-exam .kku-podo-exam__detail--02 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--03 .kku-podo-exam__detail-text p,
    .kku-podo-exam .kku-podo-exam__detail--04 .kku-podo-exam__detail-text p {
        font-size: 18px !important;
    }
}

/* =========================================================
   V9 – MICRO LAYOUT REFINEMENT
   ---------------------------------------------------------
   - SCAN title víc doleva, text zůstává vpravo
   - větší vzduch mezi title a textem
   - kratší linky u 02–04
   - linky + separátory používají brand hnědou
   ========================================================= */

@media (min-width: 1101px) {

    /* 01 – SCAN:
       title posunout doleva, ale text neposouvat k němu */
    .kku-podo-exam .kku-podo-exam__detail--01 {
        padding-left: 58px;

        grid-template-columns: 230px minmax(0, 1fr);
        column-gap: 56px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        left: 24px;
        width: 22px;
    }

    /* 02–04 – menší technický marker */
    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        left: 1px;
        width: 14px;
        height: 2px;

        background: rgba(41, 22, 0, 0.62);
    }

    /* Jemné horizontální separátory už ne zelené,
       ale z brandové hnědé. */
    .kku-podo-exam .kku-podo-exam__detail--02,
    .kku-podo-exam .kku-podo-exam__detail--03,
    .kku-podo-exam .kku-podo-exam__detail--04 {
        border-top-color: rgba(41, 22, 0, 0.15);
    }

    .kku-podo-exam .kku-podo-exam__detail--04 {
        border-bottom-color: rgba(41, 22, 0, 0.15);
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__detail--01 {
        padding-left: 70px;

        grid-template-columns: 270px minmax(0, 1fr);
        column-gap: 68px;
    }

    .kku-podo-exam .kku-podo-exam__detail--01::before {
        left: 30px;
        width: 26px;
    }

    .kku-podo-exam .kku-podo-exam__detail--02::before,
    .kku-podo-exam .kku-podo-exam__detail--03::before,
    .kku-podo-exam .kku-podo-exam__detail--04::before {
        width: 16px;
    }
}

/* =========================================================
   V10 – KKU MOTIV VISIBILITY
   ---------------------------------------------------------
   Vlnka z Dentosofie je nyní vědomou součástí kompozice:
   - větší
   - čitelnější
   - stále v pozadí
   - vede oko od SCAN přes 02–04
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 780px;
        height: 1040px;

        left: -175px;
        top: 225px;

        opacity: 0.30;

        transform: rotate(-5deg);
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 920px;
        height: 1180px;

        left: -235px;
        top: 250px;

        opacity: 0.27;

        transform: rotate(-5deg);
    }
}

/* =========================================================
   V11 – KKU MOTIV BALANCE
   ---------------------------------------------------------
   - motiv zůstává čitelný
   - posunut víc doleva a níž
   - nižší opacity, aby nesoutěžil s textem
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 820px;
        height: 1080px;

        left: -245px;
        top: 285px;

        opacity: 0.22;

        transform: rotate(-5deg);
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 960px;
        height: 1220px;

        left: -315px;
        top: 315px;

        opacity: 0.20;

        transform: rotate(-5deg);
    }
}

/* =========================================================
   V12 – KKU MOTIV / SOFT HANDOFF 03 → 04
   ---------------------------------------------------------
   Problém:
   motiv byl na spodní hraně 03 opticky useknutý sekcí 04.

   Řešení:
   motiv zůstává čitelný přes obsah 03, ale ve spodní části
   se postupně rozpustí. 04 pak převezme vlastní organický
   motiv bez tvrdého zlomu a bez dvojité dekorace.
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 820px;
        height: 1080px;

        left: -245px;
        top: 285px;

        opacity: 0.24;

        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 72%,
            rgba(0, 0, 0, 0.72) 82%,
            transparent 98%
        );

        mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 72%,
            rgba(0, 0, 0, 0.72) 82%,
            transparent 98%
        );

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;

        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;

        transform: rotate(-5deg);
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__content::before {
        width: 960px;
        height: 1220px;

        left: -315px;
        top: 315px;

        opacity: 0.22;

        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 73%,
            rgba(0, 0, 0, 0.72) 83%,
            transparent 98%
        );

        mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 73%,
            rgba(0, 0, 0, 0.72) 83%,
            transparent 98%
        );

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;

        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;

        transform: rotate(-5deg);
    }
}

/* =========================================================
   V13 – REAL FADE BEFORE SECTION 04
   ---------------------------------------------------------
   Proč V12 nebyla vidět:
   04 má vyšší stacking level (z-index: 3) než 03 (z-index: 2),
   takže spodní část SVG překryla dřív, než se maska projevila.

   V13:
   - ruší předchozí masku SVG
   - vytváří krémový fade UVNITŘ 03 ještě před hranicí
   - fade je nad motivem, ale pod texty
   ========================================================= */

@media (min-width: 1101px) {

    /* Vrátíme samotný SVG motiv bez masky. */
    .kku-podo-exam .kku-podo-exam__content::before {
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    /* Content je samostatný stacking kontext už z art-direction.
       Přidáme druhou vrstvu, která přikryje pouze spodní konec motivu. */
    .kku-podo-exam .kku-podo-exam__content::after {
        content: "";

        position: absolute;
        z-index: 0;
        pointer-events: none;

        left: -90px;
        right: -40px;
        bottom: -72px;

        height: 250px;

        background: linear-gradient(
            to bottom,
            rgba(252, 248, 238, 0) 0%,
            rgba(252, 248, 238, 0.20) 20%,
            rgba(252, 248, 238, 0.72) 48%,
            rgba(252, 248, 238, 0.96) 68%,
            #FCF8EE 82%,
            #FCF8EE 100%
        );
    }

    /* Skutečný obsah musí být nad fade vrstvou. */
    .kku-podo-exam .kku-podo-exam__intro,
    .kku-podo-exam .kku-podo-exam__details {
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__content::after {
        left: -110px;
        right: -55px;
        bottom: -84px;

        height: 285px;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 03 VYSETRENI
   V14 – SOFT HANDOFF COVER FIX
   ---------------------------------------------------------
   Opravuje posledni viditelny "useknuty" kus KKU motivu
   nad sekci 04.

   V13 fade byl uzsi nez samotny SVG motiv:
   motiv: left cca -245 px
   fade:  left jen -90 px

   Tento patch pouze rozsiri fade doleva a zesili jeho
   spodni cast. Layout, sticky media ani sekci 04 nemeni.
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-exam .kku-podo-exam__content::after {
        left: -330px;
        right: -90px;
        bottom: -88px;

        height: 320px;

        background: linear-gradient(
            to bottom,
            rgba(252, 248, 238, 0) 0%,
            rgba(252, 248, 238, 0.16) 18%,
            rgba(252, 248, 238, 0.58) 40%,
            rgba(252, 248, 238, 0.90) 57%,
            rgba(252, 248, 238, 0.99) 70%,
            #FCF8EE 78%,
            #FCF8EE 100%
        );
    }
}

@media (min-width: 1900px) {

    .kku-podo-exam .kku-podo-exam__content::after {
        left: -420px;
        right: -120px;
        bottom: -100px;

        height: 360px;

        background: linear-gradient(
            to bottom,
            rgba(252, 248, 238, 0) 0%,
            rgba(252, 248, 238, 0.14) 18%,
            rgba(252, 248, 238, 0.56) 40%,
            rgba(252, 248, 238, 0.90) 57%,
            rgba(252, 248, 238, 0.99) 70%,
            #FCF8EE 78%,
            #FCF8EE 100%
        );
    }
}

/* =========================================================
   KKU – PODOLOGIE – 03 VYSETRENI
   V15 – REMOVE BOTTOM FADE
   ---------------------------------------------------------
   Cilem je nechat dekorativni vlnku z 03 ciste pretect
   do sekce 04, stejne jako na homepage.

   V15 pouze vypina spodní fade/masku.
   Layout, sticky media, vlnku ani sekci 04 nemeni.
   ========================================================= */

@media (min-width: 1101px) {
    .kku-podo-exam .kku-podo-exam__content::after {
        content: none !important;
        display: none !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 03 VYSETRENI
   V16 – ULTRAWIDE MOTIF SEPARATION
   ---------------------------------------------------------
   Pouze 1900 px+.
   Na 2400 px oddeli motiv sekce 03 od velkeho oblouku 04,
   aby se spolu vizualne "nezamotavaly".

   1440 / 1366 / 1024 / tablet / mobil zustava beze zmeny.
   Sekce 04 se nemeni.
   ========================================================= */

@media (min-width: 1900px) {
    .kku-podo-exam .kku-podo-exam__content::before {
        width: 740px;
        height: 900px;

        left: -205px;
        top: 170px;

        opacity: 0.15;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6431c84 *//* =========================================================
   KKU – PODOLOGIE – 04 VLOŽKY
   ART DIRECTION PASS – desktop 1440
   ---------------------------------------------------------
   Cíl:
   - vizuálně navázat na homepage + Dentosofii
   - zachovat krémové kontinuální pozadí po sekci 03
   - udělat z produktu hlavní vizuální moment
   - více asymetrie, vrstev a brandového charakteru
   - žádný další béžový blob
   - žádné klasické feature cards
   ---------------------------------------------------------
   Responsive breakpointy zatím NEJSOU řešené.
   ========================================================= */

.kku-podo-insoles {
    --kku-cream: #FCF8EE;
    --kku-beige: #F5E8C3;
    --kku-ink: #012628;
    --kku-orange: #FFA338;
    --kku-teal: #009D9F;
    --kku-brown: #291600;

    position: relative;
    z-index: 3;
    isolation: isolate;

    width: 100%;
    margin-top: -100px;
    padding: 36px 0 154px;

    overflow-x: clip;
    overflow-y: visible;

    background: var(--kku-cream);
    color: var(--kku-ink);
}


/* =========================================================
   BACKGROUND MOTIF
   Velká velmi jemná organická kontura – jen atmosféra.
   ========================================================= */

.kku-podo-insoles::before {
    content: "";

    position: absolute;
    z-index: -1;
    pointer-events: none;

    width: 1080px;
    height: 690px;

    top: 212px;
    right: -520px;

    border: 78px solid rgba(0, 157, 159, 0.045);
    border-radius: 55% 45% 58% 42% / 48% 57% 43% 52%;

    transform: rotate(-14deg);
}


/* =========================================================
   INNER
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__inner {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 44px;
}


/* =========================================================
   INTRO
   Velká kapitola nahoře, ale bez samostatné "sekční krabice".
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__intro {
    width: 100%;
    max-width: 940px;
    margin: 0 0 54px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.kku-podo-insoles .kku-podo-insoles__eyebrow {
    width: auto;
    margin: 0 0 22px !important;
}

.kku-podo-insoles .kku-podo-insoles__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 13px;
}

.kku-podo-insoles .kku-podo-insoles__eyebrow .elementor-widget-container::before {
    content: "";

    display: block;
    width: 34px;
    height: 3px;
    flex: 0 0 34px;

    background: var(--kku-orange);
    border-radius: 999px;
}

.kku-podo-insoles .kku-podo-insoles__eyebrow p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;

    color: var(--kku-ink) !important;
}

.kku-podo-insoles .kku-podo-insoles__title {
    width: 100%;
    max-width: 900px;
    margin: 0 0 24px !important;
}

.kku-podo-insoles .kku-podo-insoles__title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 58px !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.034em !important;

    color: var(--kku-ink) !important;
}

.kku-podo-insoles .kku-podo-insoles__lead {
    width: 100%;
    max-width: 780px;
    margin: 0 !important;
}

.kku-podo-insoles .kku-podo-insoles__lead p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    color: var(--kku-brown) !important;
}


/* =========================================================
   STAGE
   DOM: MEDIA → CONTENT
   Desktop vizuál: CONTENT vlevo / MEDIA vpravo.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__stage {
    position: relative;

    width: 100%;
    padding: 18px 0 62px;

    display: grid !important;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    align-items: center !important;
    gap: 76px;
}

.kku-podo-insoles .kku-podo-insoles__content {
    grid-column: 1;
    grid-row: 1;

    position: relative;
    z-index: 3;

    width: 100%;
    min-width: 0;
    padding: 34px 0 22px;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.kku-podo-insoles .kku-podo-insoles__media {
    grid-column: 2;
    grid-row: 1;

    position: relative;
    z-index: 2;

    width: calc(100% + 54px);
    min-width: 0;

    transform: translateX(18px);
}


/* =========================================================
   MEDIA – HLAVNÍ MOMENT
   Oranžová offset plocha místo dalšího blobu.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__media::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 30px;
    right: -20px;
    bottom: -24px;
    left: 48px;

    background: var(--kku-orange);
    border-radius: 42px 118px 42px 118px;

    transform: rotate(1.5deg);
    transform-origin: center;
}

.kku-podo-insoles .kku-podo-insoles__image {
    position: relative;
    z-index: 1;

    width: 100%;
    overflow: hidden;

    border-radius: 30px 104px 30px 104px;
    box-shadow: 0 30px 70px rgba(1, 38, 40, 0.16);
}

.kku-podo-insoles .kku-podo-insoles__image .elementor-widget-container {
    width: 100%;
    overflow: hidden;

    border-radius: inherit;
}

.kku-podo-insoles .kku-podo-insoles__image img {
    display: block;

    width: 100%;
    aspect-ratio: 1.34 / 1;

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

    border-radius: inherit;
}


/* =========================================================
   STATEMENT
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__statement {
    width: 100%;
    max-width: 410px;
    margin: 0 0 28px !important;
}

.kku-podo-insoles .kku-podo-insoles__statement .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 39px !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.027em !important;

    color: var(--kku-ink) !important;
}


/* =========================================================
   POINTS
   Čistý číslovaný tok, ne karty.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__points {
    width: 100%;

    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;

    counter-reset: insoles-point;
}

.kku-podo-insoles .kku-podo-insoles__point {
    position: relative;

    width: 100%;
    min-width: 0;
    padding: 25px 0 26px 62px;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;

    border-top: 1px solid rgba(1, 38, 40, 0.16);

    counter-increment: insoles-point;
}

.kku-podo-insoles .kku-podo-insoles__point:last-child {
    border-bottom: 1px solid rgba(1, 38, 40, 0.16);
}

.kku-podo-insoles .kku-podo-insoles__point::before {
    content: "0" counter(insoles-point);

    position: absolute;
    top: 30px;
    left: 0;

    font-family: "Afacad Flux", sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0.08em;

    color: var(--kku-orange);
}

.kku-podo-insoles .kku-podo-insoles__point::after {
    content: "";

    position: absolute;
    top: 35px;
    left: 31px;

    width: 17px;
    height: 2px;

    background: rgba(1, 38, 40, 0.38);
    border-radius: 999px;
}

.kku-podo-insoles .kku-podo-insoles__point-title {
    width: 100%;
    margin: 0 0 8px !important;
}

.kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 27px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.017em !important;

    color: var(--kku-ink) !important;
}

.kku-podo-insoles .kku-podo-insoles__point-text {
    width: 100%;
    max-width: 440px;
    margin: 0 !important;
}

.kku-podo-insoles .kku-podo-insoles__point-text p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;

    color: rgba(41, 22, 0, 0.76) !important;
}


/* =========================================================
   NOTE – PLOVOUCÍ PRAKTICKÝ ŠTÍTEK
   Stále je to běžný Textový editor v Elementoru.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__note {
    position: absolute;
    z-index: 6;

    /* NOTE je v DOM uvnitř levého CONTENT,
       ale vizuálně ho vytahujeme k fotografii vpravo. */
    left: calc(100% + 106px);
    bottom: 12px;

    width: 304px;
    max-width: 304px;
    margin: 0 !important;
    padding: 20px 23px 21px;

    background: var(--kku-orange);
    border: 1px solid rgba(1, 38, 40, 0.08);
    border-radius: 22px 22px 22px 7px;

    box-shadow: 0 18px 42px rgba(1, 38, 40, 0.15);
}

.kku-podo-insoles .kku-podo-insoles__note::before {
    content: "PRAKTICKY";

    display: block;
    margin: 0 0 8px;

    font-family: "Afacad Flux", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.14em;

    color: rgba(1, 38, 40, 0.72);
}

.kku-podo-insoles .kku-podo-insoles__note p {
    margin: 0 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 500 !important;
    line-height: 1.43 !important;

    color: var(--kku-ink) !important;
}

/* =========================================================
   RESPONSIVE PASS – 04 VLOŽKY
   ---------------------------------------------------------
   Desktop > 1100 px = původní art-direction layout
   769–1100 px         = product-first tablet layout
   601–768 px          = stacked tablet layout
   <= 600 px           = mobile layout
   <= 340 px           = compact mobile refinement
   ========================================================= */


/* =========================================================
   TABLET / SMALL LAPTOP – 769–1100
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles {
        margin-top: -72px;
        padding: 70px 0 118px;
    }

    .kku-podo-insoles::before {
        width: 900px;
        height: 610px;

        top: 250px;
        right: -555px;

        border-width: 62px;
        opacity: 0.82;
    }

    .kku-podo-insoles .kku-podo-insoles__inner {
        max-width: none;
        padding: 0 58px;
    }

    .kku-podo-insoles .kku-podo-insoles__intro {
        max-width: 860px;
        margin-bottom: 58px;
    }

    .kku-podo-insoles .kku-podo-insoles__eyebrow {
        margin-bottom: 18px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__title {
        max-width: 860px;
        margin-bottom: 22px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__title .elementor-heading-title {
        font-size: 52px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__lead {
        max-width: 820px;
    }

    .kku-podo-insoles .kku-podo-insoles__lead p {
        font-size: 18px !important;
        line-height: 1.52 !important;
    }


    /* PRODUCT FIRST */
    .kku-podo-insoles .kku-podo-insoles__stage {
        padding: 0;

        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start !important;
        gap: 0;
    }

    .kku-podo-insoles .kku-podo-insoles__media {
        grid-column: 1;
        grid-row: 1;

        width: 88%;
        margin: 0 auto;

        transform: none;
    }

    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 28px;
        right: -22px;
        bottom: -24px;
        left: 46px;

        border-radius: 38px 96px 38px 96px;
    }

    .kku-podo-insoles .kku-podo-insoles__image {
        border-radius: 28px 88px 28px 88px;
    }

    .kku-podo-insoles .kku-podo-insoles__image img {
        aspect-ratio: 1.55 / 1;
    }


    /* CONTENT POD MÉDIEM */
    .kku-podo-insoles .kku-podo-insoles__content {
        grid-column: 1;
        grid-row: 2;

        width: 100%;
        padding: 58px 0 0;
    }

    /* Note je v DOM uvnitř contentu, ale vizuálně sedí
       na spodní hraně fotografie. */
    .kku-podo-insoles .kku-podo-insoles__note {
        left: auto;
        right: 34px;
        top: -68px;
        bottom: auto;

        width: 318px;
        max-width: 318px;

        padding: 19px 22px 20px;

        border-radius: 22px 22px 22px 7px;
    }

    .kku-podo-insoles .kku-podo-insoles__note p {
        font-size: 15.5px !important;
        line-height: 1.42 !important;
    }


    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: 440px;
        margin-bottom: 30px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__statement .elementor-heading-title {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }


    /* 3 BODY V JEDNÉ ŘADĚ */
    .kku-podo-insoles .kku-podo-insoles__points {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
    }

    .kku-podo-insoles .kku-podo-insoles__point {
        padding: 25px 0 28px 0;

        border-top: 1px solid rgba(41, 22, 0, 0.16);
        border-bottom: 1px solid rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point::before {
        position: static;

        display: block;
        margin: 0 0 14px;

        font-size: 13px;
    }

    .kku-podo-insoles .kku-podo-insoles__point::after {
        top: 32px;
        left: 30px;

        width: 14px;

        background: rgba(41, 22, 0, 0.58);
    }

    .kku-podo-insoles .kku-podo-insoles__point-title {
        margin-bottom: 9px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
        font-size: 24px !important;
        line-height: 1.16 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text {
        max-width: none;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text p {
        font-size: 15.5px !important;
        line-height: 1.48 !important;
    }
}


/* =========================================================
   TABLET PORTRAIT – 601–768
   ========================================================= */

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

    .kku-podo-insoles {
        margin-top: -58px;
        padding: 68px 0 108px;
    }

    .kku-podo-insoles::before {
        width: 720px;
        height: 520px;

        top: 300px;
        right: -470px;

        border-width: 52px;
        opacity: 0.72;
    }

    .kku-podo-insoles .kku-podo-insoles__inner {
        padding: 0 64px;
    }

    .kku-podo-insoles .kku-podo-insoles__intro {
        max-width: none;
        margin-bottom: 48px;
    }

    .kku-podo-insoles .kku-podo-insoles__title {
        max-width: 640px;
    }

    .kku-podo-insoles .kku-podo-insoles__title .elementor-heading-title {
        font-size: 46px !important;
        line-height: 1.05 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__lead p {
        font-size: 18px !important;
    }


    .kku-podo-insoles .kku-podo-insoles__stage {
        padding: 0;

        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start !important;
        gap: 0;
    }

    .kku-podo-insoles .kku-podo-insoles__media {
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        margin: 0;

        transform: none;
    }

    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 24px;
        right: -16px;
        bottom: -20px;
        left: 38px;

        border-radius: 32px 78px 32px 78px;
    }

    .kku-podo-insoles .kku-podo-insoles__image {
        border-radius: 26px 72px 26px 72px;
    }

    .kku-podo-insoles .kku-podo-insoles__image img {
        aspect-ratio: 1.45 / 1;
    }


    .kku-podo-insoles .kku-podo-insoles__content {
        grid-column: 1;
        grid-row: 2;

        padding: 116px 0 0;
    }

    .kku-podo-insoles .kku-podo-insoles__note {
        left: 24px;
        right: 24px;
        top: -66px;
        bottom: auto;

        width: auto;
        max-width: none;

        padding: 18px 22px 19px;
    }

    .kku-podo-insoles .kku-podo-insoles__note p {
        font-size: 15.5px !important;
    }


    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: 520px;
        margin-bottom: 28px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__statement .elementor-heading-title {
        font-size: 35px !important;
    }


    .kku-podo-insoles .kku-podo-insoles__points {
        display: flex !important;
        flex-direction: column !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point {
        padding: 26px 0 27px 54px;

        border-top-color: rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point:last-child {
        border-bottom-color: rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point::before {
        top: 31px;
        left: 0;

        font-size: 13px;
    }

    .kku-podo-insoles .kku-podo-insoles__point::after {
        top: 35px;
        left: 29px;

        width: 13px;

        background: rgba(41, 22, 0, 0.58);
    }

    .kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
        font-size: 26px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text {
        max-width: 560px;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text p {
        font-size: 17px !important;
    }
}


/* =========================================================
   MOBILE – <=600
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-insoles {
        margin-top: -42px;
        padding: 66px 0 92px;
    }

    .kku-podo-insoles::before {
        width: 560px;
        height: 430px;

        top: 360px;
        right: -390px;

        border-width: 42px;
        opacity: 0.62;
    }

    .kku-podo-insoles .kku-podo-insoles__inner {
        padding: 0 30px;
    }

    .kku-podo-insoles .kku-podo-insoles__intro {
        max-width: none;
        margin-bottom: 42px;
    }

    .kku-podo-insoles .kku-podo-insoles__eyebrow {
        margin-bottom: 16px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__eyebrow .elementor-widget-container::before {
        width: 24px;
        flex-basis: 24px;
        height: 2px;
    }

    .kku-podo-insoles .kku-podo-insoles__eyebrow p {
        font-size: 12px !important;
        letter-spacing: 0.11em !important;
    }

    .kku-podo-insoles .kku-podo-insoles__title {
        max-width: none;
        margin-bottom: 20px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__title .elementor-heading-title {
        font-size: 39px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.028em !important;
    }

    .kku-podo-insoles .kku-podo-insoles__lead p {
        font-size: 17px !important;
        line-height: 1.52 !important;
    }


    .kku-podo-insoles .kku-podo-insoles__stage {
        padding: 0;

        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 0;
    }

    .kku-podo-insoles .kku-podo-insoles__media {
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        margin: 0;

        transform: none;
    }

    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 18px;
        right: -10px;
        bottom: -16px;
        left: 26px;

        border-radius: 26px 58px 26px 58px;
    }

    .kku-podo-insoles .kku-podo-insoles__image {
        border-radius: 22px 54px 22px 54px;
        box-shadow: 0 20px 44px rgba(1, 38, 40, 0.13);
    }

    .kku-podo-insoles .kku-podo-insoles__image img {
        aspect-ratio: 1.28 / 1;
    }


    .kku-podo-insoles .kku-podo-insoles__content {
        grid-column: 1;
        grid-row: 2;

        padding: 118px 0 0;
    }

    .kku-podo-insoles .kku-podo-insoles__note {
        left: 12px;
        right: 12px;
        top: -58px;
        bottom: auto;

        width: auto;
        max-width: none;

        padding: 17px 19px 18px;

        border-radius: 20px 20px 20px 7px;
    }

    .kku-podo-insoles .kku-podo-insoles__note::before {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .kku-podo-insoles .kku-podo-insoles__note p {
        font-size: 14.5px !important;
        line-height: 1.42 !important;
    }


    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: none;
        margin-bottom: 26px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__statement .elementor-heading-title {
        font-size: 31px !important;
        line-height: 1.08 !important;
    }


    .kku-podo-insoles .kku-podo-insoles__points {
        display: flex !important;
        flex-direction: column !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point {
        padding: 24px 0 25px 48px;

        border-top-color: rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point:last-child {
        border-bottom-color: rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point::before {
        top: 29px;
        left: 0;

        font-size: 12px;
    }

    .kku-podo-insoles .kku-podo-insoles__point::after {
        top: 33px;
        left: 27px;

        width: 11px;

        background: rgba(41, 22, 0, 0.58);
    }

    .kku-podo-insoles .kku-podo-insoles__point-title {
        margin-bottom: 8px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.16 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text {
        max-width: none;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}


/* =========================================================
   COMPACT MOBILE – <=340
   ========================================================= */

@media (max-width: 340px) {

    .kku-podo-insoles {
        margin-top: -36px;
        padding-bottom: 84px;
    }

    .kku-podo-insoles .kku-podo-insoles__inner {
        padding: 0 24px;
    }

    .kku-podo-insoles .kku-podo-insoles__title .elementor-heading-title {
        font-size: 35px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__lead p {
        font-size: 16.5px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__image img {
        aspect-ratio: 1.18 / 1;
    }

    .kku-podo-insoles .kku-podo-insoles__content {
        padding-top: 126px;
    }

    .kku-podo-insoles .kku-podo-insoles__note {
        left: 8px;
        right: 8px;
        top: -62px;

        padding: 16px 17px 17px;
    }

    .kku-podo-insoles .kku-podo-insoles__note p {
        font-size: 14px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__statement .elementor-heading-title {
        font-size: 29px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point {
        padding-left: 44px;
    }

    .kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
        font-size: 23px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text p {
        font-size: 15.5px !important;
    }
}

/* =========================================================
   V9 – 1024 COMPOSITION REFINEMENT
   ---------------------------------------------------------
   769–1100:
   - média o něco klidnější
   - PRAKTICKY více uvnitř kompozice
   - 01 + 02 nahoře ve dvou sloupcích
   - 03 jako široká závěrečná pointa
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles .kku-podo-insoles__media {
        width: 84%;
    }

    .kku-podo-insoles .kku-podo-insoles__note {
        right: 52px;
        top: -66px;
    }

    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: 520px;
        margin-top: 4px !important;
        margin-bottom: 30px !important;
    }

    .kku-podo-insoles .kku-podo-insoles__points {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 38px;
    }

    .kku-podo-insoles .kku-podo-insoles__point {
        min-height: 0;
        padding: 26px 0 28px;

        border-top: 1px solid rgba(41, 22, 0, 0.16);
        border-bottom: 1px solid rgba(41, 22, 0, 0.16);
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3) {
        grid-column: 1 / -1;

        margin-top: 20px;
        padding: 30px 0 31px;

        display: grid !important;
        grid-template-columns: 64px minmax(230px, 0.72fr) minmax(0, 1.28fr);
        align-items: start !important;
        column-gap: 28px;
    }

    /* 01 + 02 */
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1)::before,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2)::before {
        position: static;

        display: block;
        margin: 0 0 14px;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1)::after,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2)::after {
        top: 33px;
        left: 30px;

        width: 14px;
        height: 2px;

        background: rgba(41, 22, 0, 0.58);
    }

    /* 03 – číslo v prvním sloupci */
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3)::before {
        position: static;

        grid-column: 1;
        grid-row: 1;

        display: block;
        margin: 0;
        padding-top: 7px;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3)::after {
        top: 52px;
        left: 0;

        width: 14px;
        height: 2px;

        background: rgba(41, 22, 0, 0.58);
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3) .kku-podo-insoles__point-title {
        grid-column: 2;
        grid-row: 1;

        margin: 0 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3) .kku-podo-insoles__point-text {
        grid-column: 3;
        grid-row: 1;

        max-width: 420px;
        margin: 0 !important;
        padding-top: 1px;
    }

    .kku-podo-insoles .kku-podo-insoles__point-title .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.16 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point-text p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

/* =========================================================
   V10 – 1024 SPACING + DIVIDER CLEANUP
   ---------------------------------------------------------
   - větší mezera mezi 01 a 02
   - odstranění dvojité čáry před 03
   - pouze jeden čistý předěl mezi horní dvojicí a bodem 03
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles .kku-podo-insoles__points {
        column-gap: 64px;
    }

    /* 01 + 02 už nemají spodní linku.
       Tím zmizí dvojitý předěl před bodem 03. */
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1),
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) {
        border-bottom: 0;
    }

    /* 03 drží jediný společný předěl. */
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(3) {
        margin-top: 26px;
        border-top: 1px solid rgba(41, 22, 0, 0.16);
    }
}

/* =========================================================
   V11 – 1024 COLUMN GUTTER
   ---------------------------------------------------------
   01 a 02 potřebují výraznější vizuální oddělení.
   Nezužujeme text paddingem – zvětšujeme skutečnou
   mezeru mezi oběma grid sloupci.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles .kku-podo-insoles__points {
        column-gap: 92px;
    }
}

/* =========================================================
   V12 – 1024 PRAKTICKY BADGE OFFSET
   ---------------------------------------------------------
   - štítek více doprava
   - více vzduchu pro statement pod médiem
   - asymetričtější kompozice
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles .kku-podo-insoles__note {
        right: 18px;
        top: -66px;
    }

    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: 500px;
        margin-top: 10px !important;
    }
}

/* =========================================================
   V13 – 1024 POINT 01 TEXT BREATHING ROOM
   ---------------------------------------------------------
   Gutter mezi 01 a 02 už dál nezvětšujeme.
   Místo toho omezujeme pouze šířku body textu v 01,
   aby jeho řádky nekončily těsně u sloupce 02.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles
    .kku-podo-insoles__point:nth-child(1)
    .kku-podo-insoles__point-text {
        max-width: 330px;
        padding-right: 22px;
    }
}

/* =========================================================
   V14 – 1024 ALIGN 01 + 02
   ---------------------------------------------------------
   Čísla 01 / 02 už sedí na stejné ose.
   Normalizujeme proto pouze vnitřní obsah obou bodů:
   - stejný start nadpisu
   - nulový horní margin / padding
   - stejné flex zarovnání
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1),
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) {
        align-self: start !important;
        justify-content: flex-start !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1) .kku-podo-insoles__point-title,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) .kku-podo-insoles__point-title {
        margin-top: 0 !important;
        padding-top: 0 !important;
        align-self: flex-start !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1) .kku-podo-insoles__point-title .elementor-widget-container,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) .kku-podo-insoles__point-title .elementor-widget-container,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1) .kku-podo-insoles__point-title .elementor-heading-title,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) .kku-podo-insoles__point-title .elementor-heading-title {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__point:nth-child(1) .kku-podo-insoles__point-text,
    .kku-podo-insoles .kku-podo-insoles__point:nth-child(2) .kku-podo-insoles__point-text {
        margin-top: 0 !important;
        align-self: flex-start !important;
    }
}

/* =========================================================
   V15 – 768 PRAKTICKY CARD REFINEMENT
   ---------------------------------------------------------
   Tablet portrait:
   - z širokého banneru děláme kompaktní kartu
   - zavěšenou vpravo přes spodní hranu fotografie
   - zachovává asymetrii a nechává statement více dýchat
   ========================================================= */

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

    .kku-podo-insoles .kku-podo-insoles__content {
        padding-top: 92px;
    }

    .kku-podo-insoles .kku-podo-insoles__note {
        left: auto;
        right: 18px;
        top: -74px;

        width: min(390px, 64%);
        max-width: 390px;

        padding: 19px 22px 20px;

        border-radius: 22px 22px 22px 8px;
    }

    .kku-podo-insoles .kku-podo-insoles__note p {
        font-size: 15px !important;
        line-height: 1.42 !important;
    }

    .kku-podo-insoles .kku-podo-insoles__statement {
        max-width: 560px;
        margin-top: 10px !important;
    }
}

/* =========================================================
   V16 – COLOR BALANCE / MEDIA OFFSET
   ---------------------------------------------------------
   Oranžová zůstává akcentem:
   - PRAKTICKY
   - čísla
   - drobné markery

   Velká offset plocha za fotografií přechází na jemný
   brandový tyrkys, aby sekce nebyla oranžově přetížená.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__media::before {
    background: rgba(0, 157, 159, 0.24);
}

/* =========================================================
   V17 – TRUE BRAND TURQUOISE
   ---------------------------------------------------------
   Místo zesvětleného rgba používáme skutečnou brandovou
   tyrkysovou #009D9F.

   Aby nebyla příliš dominantní, zmenšujeme její přesah
   za fotografií místo zesvětlování samotné barvy.
   ========================================================= */

.kku-podo-insoles .kku-podo-insoles__media::before {
    background: #009D9F;
}

/* Desktop */
@media (min-width: 1101px) {
    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 24px;
        right: -18px;
        bottom: -20px;
        left: 38px;
    }
}

/* 1024 */
@media (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 22px;
        right: -14px;
        bottom: -18px;
        left: 36px;
    }
}

/* 768 */
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 20px;
        right: -12px;
        bottom: -16px;
        left: 32px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .kku-podo-insoles .kku-podo-insoles__media::before {
        top: 16px;
        right: -8px;
        bottom: -13px;
        left: 22px;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 04 VLOZKY
   V18 – DESKTOP INTRO CLIPPING FIX
   ---------------------------------------------------------
   Problem:
   desktop root ma margin-top: -100px a padding-top jen 36px,
   takze intro zacina efektivne 64px uvnitr predchozi sekce.

   Fix:
   na desktopu pouze zvysime horni padding.
   Zadna zmena layoutu tabletu/mobilu ani typografie H2.
   ========================================================= */

@media (min-width: 1101px) {
    .kku-podo-insoles {
        padding-top: 108px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fca3f3 *//* =========================================================
   KKU – PODOLOGIE – 05 PRŮBĚH
   FINAL CONSOLIDATED
   ---------------------------------------------------------
   Konsolidace schváleného stavu:
   - 04 -> 05 handoff
   - hnědá procesní karta
   - horní brandový motiv
   - 3 kroky procesu
   - 1024 horizontální STEP 03
   - connector 05 -> 06 přes Isolation_Mode.svg
   - responsive 2400 / 1440 / 1366 / 1024 / 768 / 390 / 320

   NAHRAZUJE celý dosavadní CSS stack sekce 05
   (V1–V11 + V18 + V19).
   ========================================================= */


/* =========================================================
   04 -> 05 HANDOFF
   ========================================================= */

.kku-podo-insoles {
    position: relative;
    z-index: 1;
    padding-bottom: 72px !important;
}


/* =========================================================
   05 – OUTER
   ========================================================= */

.kku-podo-process {
    position: relative;
    z-index: 3;
    isolation: isolate;

    margin-top: 0 !important;
    padding: 58px 28px 158px;

    overflow: visible !important;
    background: #FCF8EE;
}

.kku-podo-process > .e-con-inner {
    overflow: visible !important;
}


/* =========================================================
   05 – MAIN CARD
   ========================================================= */

.kku-podo-process__inner {
    position: relative;
    z-index: 1 !important;
    isolation: isolate;

    width: min(1240px, 100%);
    margin: 0 auto;
    padding: 88px 92px 104px;

    overflow: hidden !important;

    background: #291600 !important;
    background-clip: padding-box !important;

    border-radius: 54px 128px 54px 128px !important;

    -webkit-clip-path:
        inset(0 round 54px 128px 54px 128px);
    clip-path:
        inset(0 round 54px 128px 54px 128px);

    box-shadow:
        0 30px 74px rgba(41, 22, 0, 0.14);
}

.kku-podo-process__inner > .e-con-inner {
    border-radius: inherit !important;
    overflow: hidden !important;
}

/* Staré vnitřní dekorace už nepoužíváme. */
.kku-podo-process__inner::before,
.kku-podo-process__inner::after {
    content: none !important;
}


/* =========================================================
   TOP BRAND MOTIF
   ========================================================= */

.kku-podo-process::before {
    content: "";

    position: absolute;
    z-index: 2 !important;
    pointer-events: none;

    width: 1100px;
    height: 1040px;

    top: -270px;
    right: -18px;

    background:
        linear-gradient(
            to bottom,
            rgba(0, 157, 159, 0.20) 0%,
            rgba(0, 157, 159, 0.18) 29%,
            rgba(245, 232, 195, 0.17) 34%,
            rgba(245, 232, 195, 0.17) 100%
        );

    -webkit-mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/dentosofie-hero-motiv-v3.svg");
    mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/dentosofie-hero-motiv-v3.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    opacity: 1;

    transform: rotate(9deg);
}


/* =========================================================
   CONNECTOR 05 -> 06
   ========================================================= */

.kku-podo-process::after {
    content: "" !important;

    position: absolute !important;
    z-index: 0 !important;
    pointer-events: none !important;

    width: 520px !important;
    height: 560px !important;

    left: auto !important;
    right: 7% !important;
    bottom: -310px !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    background: #009D9F !important;
    opacity: 1 !important;

    -webkit-mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Isolation_Mode.svg") !important;
    mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Isolation_Mode.svg") !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    mask-mode: alpha;

    transform:
        rotate(-8deg)
        scale(1.08) !important;

    transform-origin: 50% 18% !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.kku-podo-process__intro {
    position: relative;
    z-index: 3 !important;

    width: min(690px, 100%);
}

.kku-podo-process__eyebrow,
.kku-podo-process__title,
.kku-podo-process__lead {
    margin: 0 !important;
}

.kku-podo-process__eyebrow {
    margin-bottom: 20px !important;
}

.kku-podo-process__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kku-podo-process__eyebrow .elementor-widget-container::before {
    content: "";

    flex: 0 0 28px;
    width: 28px;
    height: 2px;

    background: #FFA338;
    border-radius: 999px;
}

.kku-podo-process__eyebrow p {
    margin: 0 !important;

    color: #FFA338 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.13em !important;

    text-transform: uppercase;
}

.kku-podo-process__title {
    margin-bottom: 24px !important;
}

.kku-podo-process__title .elementor-heading-title {
    color: #FCF8EE !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: clamp(48px, 4.1vw, 64px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
}

.kku-podo-process__lead {
    width: min(650px, 100%);
}

.kku-podo-process__lead p {
    margin: 0 !important;

    color: rgba(252, 248, 238, 0.84) !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   STEPS – DESKTOP BASE
   ========================================================= */

.kku-podo-process__steps {
    position: relative;
    z-index: 3 !important;

    margin-top: 86px;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start !important;

    gap: 58px;
}

.kku-podo-process__step {
    position: relative;

    min-width: 0;
    padding-top: 34px;
}

.kku-podo-process__step--01 {
    margin-top: 0;
}

.kku-podo-process__step--02 {
    margin-top: 72px;
}

.kku-podo-process__step--03 {
    margin-top: 22px;
}

.kku-podo-process__step::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 42px;
    height: 2px;

    background: rgba(245, 232, 195, 0.38);
    border-radius: 999px;
}

.kku-podo-process__step--02::before {
    background: #009D9F;
}

.kku-podo-process__step--03::before {
    background: #FFA338;
}

.kku-podo-process__number,
.kku-podo-process__step-title,
.kku-podo-process__step-text {
    margin: 0 !important;
}

.kku-podo-process__number {
    margin-bottom: 20px !important;
}

.kku-podo-process__number p {
    margin: 0 !important;

    color: #FFA338 !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.11em !important;
}

.kku-podo-process__step-title {
    margin-bottom: 13px !important;
}

.kku-podo-process__step-title .elementor-heading-title {
    color: #FCF8EE !important;

    font-family: "IBM Plex Serif", serif !important;
    font-size: 31px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.018em !important;
}

.kku-podo-process__step-text {
    width: min(330px, 100%);
}

.kku-podo-process__step-text p {
    margin: 0 !important;

    color: rgba(252, 248, 238, 0.76) !important;

    font-family: "Afacad Flux", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   2400+
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-insoles {
        padding-bottom: 88px !important;
    }

    .kku-podo-process {
        padding-top: 70px !important;
        padding-bottom: 188px;
    }

    .kku-podo-process__inner {
        width: min(1460px, 100%);
        padding: 108px 118px 126px;

        border-radius: 64px 150px 64px 150px !important;

        -webkit-clip-path:
            inset(0 round 64px 150px 64px 150px);
        clip-path:
            inset(0 round 64px 150px 64px 150px);
    }

    .kku-podo-process::before {
        width: 1320px;
        height: 1250px;

        top: -320px;
        right: 60px;

        background:
            linear-gradient(
                to bottom,
                rgba(0, 157, 159, 0.18) 0%,
                rgba(0, 157, 159, 0.16) 29%,
                rgba(245, 232, 195, 0.16) 34%,
                rgba(245, 232, 195, 0.16) 100%
            );

        transform: rotate(8deg);
    }

    .kku-podo-process::after {
        width: 650px !important;
        height: 700px !important;

        right: 9% !important;
        bottom: -390px !important;

        transform:
            rotate(-8deg)
            scale(1.08) !important;
    }

    .kku-podo-process__intro {
        width: min(780px, 100%);
    }

    .kku-podo-process__lead {
        width: min(720px, 100%);
    }

    .kku-podo-process__lead p {
        font-size: 19px !important;
    }

    .kku-podo-process__steps {
        margin-top: 104px;
        gap: 86px;
    }

    .kku-podo-process__step--02 {
        margin-top: 88px;
    }

    .kku-podo-process__step--03 {
        margin-top: 28px;
    }

    .kku-podo-process__step-title .elementor-heading-title {
        font-size: 35px !important;
    }

    .kku-podo-process__step-text {
        width: min(380px, 100%);
    }

    .kku-podo-process__step-text p {
        font-size: 18px !important;
    }
}


/* =========================================================
   1024 / 769–1100
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-insoles {
        padding-bottom: 66px !important;
    }

    .kku-podo-process {
        padding: 52px 34px 122px;
    }

    .kku-podo-process__inner {
        padding: 74px 62px 84px;

        border-radius: 44px 96px 44px 96px !important;

        -webkit-clip-path:
            inset(0 round 44px 96px 44px 96px);
        clip-path:
            inset(0 round 44px 96px 44px 96px);
    }

    .kku-podo-process::before {
        width: 900px;
        height: 860px;

        top: -220px;
        right: -175px;

        background:
            linear-gradient(
                to bottom,
                rgba(0, 157, 159, 0.18) 0%,
                rgba(0, 157, 159, 0.16) 29%,
                rgba(245, 232, 195, 0.15) 34%,
                rgba(245, 232, 195, 0.15) 100%
            );

        transform: rotate(11deg);
    }

    .kku-podo-process::after {
        width: 400px !important;
        height: 440px !important;

        right: 3% !important;
        bottom: -250px !important;

        transform:
            rotate(-8deg)
            scale(1.04) !important;
    }

    .kku-podo-process__title .elementor-heading-title {
        font-size: 52px !important;
    }

    .kku-podo-process__steps {
        margin-top: 70px;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 64px;
        row-gap: 48px;
    }

    .kku-podo-process__step--01,
    .kku-podo-process__step--02 {
        margin-top: 0;
    }

    /* STEP 03 = široký horizontální závěr */
    .kku-podo-process__step--03 {
        grid-column: 1 / -1;

        width: 100%;
        max-width: none;
        margin: 0 !important;

        padding: 32px 0 4px;

        display: grid !important;
        grid-template-columns:
            68px
            minmax(230px, 0.8fr)
            minmax(0, 1.25fr);

        column-gap: 28px;
        align-items: start !important;

        border-top:
            1px solid rgba(252, 248, 238, 0.16);
    }

    .kku-podo-process__step--03::before {
        top: -1px;
        left: 0;

        width: 42px;
        height: 2px;

        background: #FFA338;
    }

    .kku-podo-process__step--03 .kku-podo-process__number {
        grid-column: 1;
        grid-row: 1;

        margin: 4px 0 0 !important;
    }

    .kku-podo-process__step--03 .kku-podo-process__step-title {
        grid-column: 2;
        grid-row: 1;

        margin: 0 !important;
        padding: 0 !important;
    }

    .kku-podo-process__step--03 .kku-podo-process__step-text {
        grid-column: 3;
        grid-row: 1;

        width: 100%;
        max-width: 420px;

        margin: 2px 0 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   768 / 601–768
   ========================================================= */

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

    .kku-podo-insoles {
        padding-bottom: 58px !important;
    }

    .kku-podo-process {
        padding: 46px 28px 104px;
    }

    .kku-podo-process__inner {
        padding: 66px 56px 76px;

        border-radius: 38px 78px 38px 78px !important;

        -webkit-clip-path:
            inset(0 round 38px 78px 38px 78px);
        clip-path:
            inset(0 round 38px 78px 38px 78px);
    }

    .kku-podo-process::before {
        width: 790px;
        height: 760px;

        top: -190px;
        right: -270px;

        background:
            linear-gradient(
                to bottom,
                rgba(0, 157, 159, 0.17) 0%,
                rgba(0, 157, 159, 0.15) 29%,
                rgba(245, 232, 195, 0.14) 34%,
                rgba(245, 232, 195, 0.14) 100%
            );

        transform: rotate(13deg);
    }

    .kku-podo-process::after {
        width: 330px !important;
        height: 360px !important;

        right: -42px !important;
        bottom: -150px !important;

        transform:
            rotate(-10deg)
            scale(1.02) !important;
    }

    .kku-podo-process__title .elementor-heading-title {
        font-size: 46px !important;
    }

    .kku-podo-process__lead p {
        font-size: 17.5px !important;
    }

    .kku-podo-process__steps {
        margin-top: 64px;

        display: flex !important;
        flex-direction: column !important;

        gap: 0;
    }

    .kku-podo-process__step,
    .kku-podo-process__step--01,
    .kku-podo-process__step--02,
    .kku-podo-process__step--03 {
        width: 100%;
        margin: 0;

        padding: 34px 0 36px 74px;

        border-top:
            1px solid rgba(252, 248, 238, 0.15);
    }

    .kku-podo-process__step:last-child {
        border-bottom:
            1px solid rgba(252, 248, 238, 0.15);
    }

    .kku-podo-process__step::before {
        top: 42px;
        left: 0;

        width: 36px;
    }

    .kku-podo-process__number {
        position: absolute;

        top: 36px;
        left: 46px;

        margin: 0 !important;
    }

    .kku-podo-process__step-title {
        padding-left: 42px;
    }

    .kku-podo-process__step-text {
        width: min(520px, 100%);
        padding-left: 42px;
    }
}


/* =========================================================
   MOBILE / <=600
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-insoles {
        padding-bottom: 52px !important;
    }

    .kku-podo-process {
        padding: 42px 18px 88px;
    }

    .kku-podo-process__inner {
        padding: 56px 30px 64px;

        border-radius: 30px 58px 30px 58px !important;

        -webkit-clip-path:
            inset(0 round 30px 58px 30px 58px);
        clip-path:
            inset(0 round 30px 58px 30px 58px);
    }

    .kku-podo-process::before {
        width: 680px;
        height: 650px;

        top: -160px;
        right: -350px;

        background:
            linear-gradient(
                to bottom,
                rgba(0, 157, 159, 0.16) 0%,
                rgba(0, 157, 159, 0.14) 29%,
                rgba(245, 232, 195, 0.13) 34%,
                rgba(245, 232, 195, 0.13) 100%
            );

        transform: rotate(15deg);
    }

    .kku-podo-process::after {
        width: 280px !important;
        height: 320px !important;

        right: -72px !important;
        bottom: -165px !important;

        transform:
            rotate(-12deg)
            scale(1) !important;
    }

    .kku-podo-process__eyebrow {
        margin-bottom: 16px !important;
    }

    .kku-podo-process__eyebrow .elementor-widget-container::before {
        flex-basis: 22px;
        width: 22px;
    }

    .kku-podo-process__eyebrow p {
        font-size: 11px !important;
    }

    .kku-podo-process__title {
        margin-bottom: 20px !important;
    }

    .kku-podo-process__title .elementor-heading-title {
        font-size: 39px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-process__lead p {
        font-size: 16.5px !important;
        line-height: 1.52 !important;
    }

    .kku-podo-process__steps {
        margin-top: 54px;

        display: flex !important;
        flex-direction: column !important;

        gap: 0;
    }

    .kku-podo-process__step,
    .kku-podo-process__step--01,
    .kku-podo-process__step--02,
    .kku-podo-process__step--03 {
        width: 100%;
        margin: 0;

        padding: 30px 0 32px;

        border-top:
            1px solid rgba(252, 248, 238, 0.15);
    }

    .kku-podo-process__step:last-child {
        border-bottom:
            1px solid rgba(252, 248, 238, 0.15);
    }

    .kku-podo-process__step::before {
        top: 36px;
        width: 30px;
    }

    .kku-podo-process__number {
        margin: 0 0 18px 46px !important;
    }

    .kku-podo-process__step-title {
        margin-bottom: 10px !important;
    }

    .kku-podo-process__step-title .elementor-heading-title {
        font-size: 28px !important;
    }

    .kku-podo-process__step-text {
        width: 100%;
    }

    .kku-podo-process__step-text p {
        font-size: 16px !important;
    }
}


/* =========================================================
   320 / <=340
   ========================================================= */

@media (max-width: 340px) {

    .kku-podo-process {
        padding-left: 14px;
        padding-right: 14px;
    }

    .kku-podo-process__inner {
        padding: 50px 24px 58px;
    }

    .kku-podo-process::before {
        width: 610px;
        height: 590px;

        top: -145px;
        right: -330px;
    }

    .kku-podo-process::after {
        width: 245px !important;
        height: 285px !important;

        right: -74px !important;
        bottom: -150px !important;
    }

    .kku-podo-process__title .elementor-heading-title {
        font-size: 35px !important;
    }

    .kku-podo-process__lead p {
        font-size: 16px !important;
    }

    .kku-podo-process__step-title .elementor-heading-title {
        font-size: 25px !important;
    }

    .kku-podo-process__step-text p {
        font-size: 15.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eac9fc2 *//* =========================================================
   KKU PODOLOGIE — 06 KONSTRUKCE
   V1 — PRODUCT / TECHNICAL ART DIRECTION
   ========================================================= */

.kku-podo-construction {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 138px 28px 154px;
    background: #FCF8EE;
}

.kku-podo-construction::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 980px;
    height: 980px;
    left: -360px;
    top: 180px;
    background-image: url("https://krokykusmevu.cz/wp-content/uploads/2026/08/dentosofie-hero-motiv-v3.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.075;
    transform: rotate(-11deg);
}

.kku-podo-construction__inner {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.kku-podo-construction__intro {
    width: min(790px, 100%);
}

.kku-podo-construction__eyebrow,
.kku-podo-construction__title,
.kku-podo-construction__lead {
    margin: 0 !important;
}

.kku-podo-construction__eyebrow {
    margin-bottom: 18px !important;
}

.kku-podo-construction__eyebrow .elementor-widget-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kku-podo-construction__eyebrow .elementor-widget-container::before {
    content: "";
    width: 28px;
    height: 2px;
    flex: 0 0 28px;
    border-radius: 999px;
    background: #FFA338;
}

.kku-podo-construction__eyebrow p {
    margin: 0 !important;
    color: #012628 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase;
}

.kku-podo-construction__title {
    margin-bottom: 22px !important;
}

.kku-podo-construction__title .elementor-heading-title {
    color: #012628 !important;
    font-family: "IBM Plex Serif", serif !important;
    font-size: clamp(48px, 4.1vw, 62px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.034em !important;
}

.kku-podo-construction__lead {
    width: min(720px, 100%);
}

.kku-podo-construction__lead p {
    margin: 0 !important;
    color: #291600 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.56 !important;
}

.kku-podo-construction__stage {
    position: relative;
    margin-top: 86px;
    display: grid !important;
    grid-template-columns: minmax(0, 1.16fr) minmax(330px, 0.84fr);
    align-items: center !important;
    gap: 84px;
}

.kku-podo-construction__media {
    position: relative;
    min-width: 0;
    padding: 44px 34px 38px;
    background: rgba(0, 157, 159, 0.075);
    border-radius: 46px 118px 46px 118px;
}

.kku-podo-construction__media::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 72%;
    height: 72%;
    right: -34px;
    bottom: -34px;
    background: rgba(0, 157, 159, 0.15);
    border-radius: 38% 62% 48% 52% / 58% 45% 55% 42%;
    transform: rotate(5deg);
}

.kku-podo-construction__media::after {
    content: "";
    position: absolute;
    right: 28px;
    bottom: 26px;
    width: 58px;
    height: 3px;
    border-radius: 999px;
    background: #FFA338;
}

.kku-podo-construction__image {
    position: relative;
    z-index: 2;
    margin: 0 !important;
}

.kku-podo-construction__image img {
    display: block;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 650px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.kku-podo-construction__callouts {
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
}

.kku-podo-construction__callout {
    position: relative;
    padding: 30px 0 34px;
    border-top: 1px solid rgba(41, 22, 0, 0.18);
}

.kku-podo-construction__callout:last-child {
    border-bottom: 1px solid rgba(41, 22, 0, 0.18);
}

.kku-podo-construction__callout--02 {
    margin: 12px -28px;
    padding: 30px 28px 34px;
    border: 0;
    border-radius: 34px 72px 34px 72px;
    background: rgba(0, 157, 159, 0.095);
}

.kku-podo-construction__label,
.kku-podo-construction__callout-title,
.kku-podo-construction__callout-text {
    margin: 0 !important;
}

.kku-podo-construction__label {
    margin-bottom: 14px !important;
}

.kku-podo-construction__label p {
    margin: 0 !important;
    color: #FFA338 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
}

.kku-podo-construction__callout-title {
    margin-bottom: 10px !important;
}

.kku-podo-construction__callout-title .elementor-heading-title {
    color: #012628 !important;
    font-family: "IBM Plex Serif", serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.018em !important;
}

.kku-podo-construction__callout-text {
    width: min(420px, 100%);
}

.kku-podo-construction__callout-text p {
    margin: 0 !important;
    color: #291600 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1.54 !important;
}

/* =========================================================
   1900+
   ========================================================= */

@media (min-width: 1900px) {
    .kku-podo-construction {
        padding-top: 162px;
        padding-bottom: 184px;
    }

    .kku-podo-construction__inner {
        width: min(1480px, 100%);
    }

    .kku-podo-construction__intro {
        width: min(890px, 100%);
    }

    .kku-podo-construction__lead {
        width: min(800px, 100%);
    }

    .kku-podo-construction__lead p {
        font-size: 19px !important;
    }

    .kku-podo-construction__stage {
        margin-top: 102px;
        grid-template-columns: minmax(0, 1.2fr) minmax(390px, 0.8fr);
        gap: 108px;
    }

    .kku-podo-construction__media {
        padding: 54px 44px 46px;
    }

    .kku-podo-construction__image img {
        max-width: 830px !important;
        max-height: 760px;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 34px !important;
    }

    .kku-podo-construction__callout-text p {
        font-size: 18px !important;
    }
}

/* =========================================================
   1024
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-construction {
        padding: 108px 38px 126px;
    }

    .kku-podo-construction__inner {
        width: min(900px, 100%);
    }

    .kku-podo-construction__title .elementor-heading-title {
        font-size: 52px !important;
    }

    .kku-podo-construction__stage {
        margin-top: 70px;
        display: block !important;
    }

    .kku-podo-construction__media {
        width: min(790px, 100%);
        margin: 0 auto;
        padding: 42px 38px;
    }

    .kku-podo-construction__image img {
        max-width: 680px !important;
        max-height: 590px;
    }

    .kku-podo-construction__callouts {
        margin-top: 68px;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start !important;
        gap: 34px;
    }

    .kku-podo-construction__callout,
    .kku-podo-construction__callout--02 {
        margin: 0;
        padding: 26px 0 30px;
        border-radius: 0;
        border-top: 1px solid rgba(41, 22, 0, 0.18);
        border-bottom: 1px solid rgba(41, 22, 0, 0.18);
        background: transparent;
    }

    .kku-podo-construction__callout--02 {
        padding-left: 20px;
        padding-right: 20px;
        background: rgba(0, 157, 159, 0.075);
        border-radius: 26px 52px 26px 52px;
        border-color: transparent;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 26px !important;
    }

    .kku-podo-construction__callout-text p {
        font-size: 16px !important;
    }
}

/* =========================================================
   768
   ========================================================= */

@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-construction {
        padding: 92px 34px 108px;
    }

    .kku-podo-construction__title .elementor-heading-title {
        font-size: 46px !important;
    }

    .kku-podo-construction__lead p {
        font-size: 17px !important;
    }

    .kku-podo-construction__stage {
        margin-top: 62px;
        display: block !important;
    }

    .kku-podo-construction__media {
        padding: 36px 28px 32px;
        border-radius: 38px 82px 38px 82px;
    }

    .kku-podo-construction__image img {
        max-height: 540px;
    }

    .kku-podo-construction__callouts {
        margin-top: 58px;
    }

    .kku-podo-construction__callout {
        padding: 28px 0 31px;
    }

    .kku-podo-construction__callout--02 {
        margin: 10px -18px;
        padding: 28px 18px 31px;
        border-radius: 28px 58px 28px 58px;
    }
}

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

@media (max-width: 600px) {
    .kku-podo-construction {
        padding: 78px 18px 92px;
    }

    .kku-podo-construction::before {
        width: 600px;
        height: 600px;
        left: -330px;
        top: 220px;
        opacity: 0.065;
    }

    .kku-podo-construction__inner {
        width: 100%;
    }

    .kku-podo-construction__eyebrow {
        margin-bottom: 15px !important;
    }

    .kku-podo-construction__eyebrow .elementor-widget-container::before {
        width: 22px;
        flex-basis: 22px;
    }

    .kku-podo-construction__eyebrow p {
        font-size: 11px !important;
    }

    .kku-podo-construction__title {
        margin-bottom: 18px !important;
    }

    .kku-podo-construction__title .elementor-heading-title {
        font-size: 39px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-construction__lead p {
        font-size: 16.5px !important;
        line-height: 1.52 !important;
    }

    .kku-podo-construction__stage {
        margin-top: 52px;
        display: block !important;
    }

    .kku-podo-construction__media {
        padding: 26px 14px 24px;
        border-radius: 30px 60px 30px 60px;
    }

    .kku-podo-construction__media::before {
        width: 82%;
        height: 72%;
        right: -18px;
        bottom: -20px;
    }

    .kku-podo-construction__media::after {
        right: 18px;
        bottom: 16px;
        width: 42px;
    }

    .kku-podo-construction__image img {
        max-height: 390px;
    }

    .kku-podo-construction__callouts {
        margin-top: 54px;
    }

    .kku-podo-construction__callout {
        padding: 26px 0 29px;
    }

    .kku-podo-construction__callout--02 {
        margin: 10px -10px;
        padding: 26px 16px 29px;
        border-radius: 26px 50px 26px 50px;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 27px !important;
    }

    .kku-podo-construction__callout-text p {
        font-size: 16px !important;
    }
}

/* =========================================================
   320
   ========================================================= */

@media (max-width: 340px) {
    .kku-podo-construction {
        padding-left: 14px;
        padding-right: 14px;
    }

    .kku-podo-construction__title .elementor-heading-title {
        font-size: 35px !important;
    }

    .kku-podo-construction__lead p {
        font-size: 16px !important;
    }

    .kku-podo-construction__media {
        padding-left: 10px;
        padding-right: 10px;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 25px !important;
    }

    .kku-podo-construction__callout-text p {
        font-size: 15.5px !important;
    }
}

/* =========================================================
   V2 — 1440 REFINEMENT
   ---------------------------------------------------------
   - menší mezera intro → stage
   - klidnější MEDIA dekorace
   - zvýrazněný CALL OUT 02 je subtilnější
   - trochu kompaktnější pravý sloupec
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-construction {
        padding-top: 124px;
        padding-bottom: 142px;
    }

    .kku-podo-construction__stage {
        margin-top: 64px;
        gap: 76px;
        align-items: center !important;
    }

    .kku-podo-construction__media {
        padding: 34px 28px 30px;
        background: rgba(0, 157, 159, 0.055);
        border-radius: 42px 104px 42px 104px;
    }

    .kku-podo-construction__media::before {
        width: 54%;
        height: 54%;
        right: -18px;
        bottom: -18px;
        background: rgba(0, 157, 159, 0.085);
        opacity: 0.85;
    }

    .kku-podo-construction__media::after {
        width: 52px;
        right: 24px;
        bottom: 22px;
    }

    .kku-podo-construction__image img {
        max-width: 680px !important;
        max-height: 610px;
    }

    .kku-podo-construction__callout {
        padding: 25px 0 28px;
    }

    .kku-podo-construction__callout--02 {
        margin: 8px -18px;
        padding: 25px 18px 28px;
        border-radius: 30px 62px 30px 62px;
        background: rgba(0, 157, 159, 0.075);
    }

    .kku-podo-construction__label {
        margin-bottom: 12px !important;
    }

    .kku-podo-construction__callout-title {
        margin-bottom: 8px !important;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.10 !important;
    }

    .kku-podo-construction__callout-text p {
        font-size: 16px !important;
        line-height: 1.50 !important;
    }
}

/* =========================================================
   V3 — COLOR BALANCE
   ---------------------------------------------------------
   Produkt samotný už nese výrazný tyrkys.
   Okolní layout proto zklidňujeme do béžové / krémové
   a oranžové akcenty necháváme jako kontrast.
   ========================================================= */

/* MEDIA: z tyrkysové do teplejší béžové */
.kku-podo-construction__media {
    background: rgba(245, 232, 195, 0.42);
}

.kku-podo-construction__media::before {
    background: rgba(245, 232, 195, 0.72);
}

/* CALL OUT 02: místo dalšího tyrkysového bloku
   jemný oranžovo-béžový akcent */
.kku-podo-construction__callout--02 {
    background: rgba(255, 163, 56, 0.09);
}

/* Horní organický motiv necháváme tyrkysový,
   ale ještě o něco subtilnější */
.kku-podo-construction::before {
    opacity: 0.055;
}


/* 1024 */
@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-construction__callout--02 {
        background: rgba(255, 163, 56, 0.075);
    }
}


/* MOBILE */
@media (max-width: 600px) {

    .kku-podo-construction::before {
        opacity: 0.05;
    }

    .kku-podo-construction__callout--02 {
        background: rgba(255, 163, 56, 0.075);
    }
}

/* =========================================================
   V4 — FULL BROWN PRODUCT BLOB
   ---------------------------------------------------------
   Tyrkys už nese samotný produkt.
   Organický tvar za produktem přebírá brand hnědou,
   aby vznikl hlubší kontrast a vazba na sekci 05.
   ========================================================= */

.kku-podo-construction__media::before {
    background: #291600 !important;
    opacity: 1 !important;
}

/* =========================================================
   V5 — BROWN BLOB STACKING FIX
   ---------------------------------------------------------
   Blob byl na z-index:-1, takže ho poloprůhledný béžový
   background MEDIA opticky přebarvoval.

   Správné vrstvení:
   MEDIA background = základ
   brown blob        = 1
   product image     = 2
   orange accent     = 3
   ========================================================= */

.kku-podo-construction__media {
    isolation: isolate;
}

.kku-podo-construction__media::before {
    z-index: 1 !important;
    background: #291600 !important;
    opacity: 1 !important;
}

.kku-podo-construction__image {
    position: relative;
    z-index: 2 !important;
}

.kku-podo-construction__media::after {
    z-index: 3 !important;
}

/* =========================================================
   V6 — BROWN + ORANGE LAYERED PRODUCT MOTIF
   ---------------------------------------------------------
   Hnědý blob dostává oranžový offset, aby nepůsobil jako
   osamocená tmavá plocha.

   Hnědá = hloubka
   Oranžová = brand akcent
   Tyrkys = samotný produkt
   ========================================================= */

.kku-podo-construction__media::before {
    width: 49% !important;
    height: 50% !important;

    left: 3% !important;
    right: auto !important;
    top: 6% !important;
    bottom: auto !important;

    background: #291600 !important;
    opacity: 1 !important;

    border-radius: 44% 56% 39% 61% / 55% 43% 57% 45% !important;

    transform: rotate(-8deg) !important;

    /* oranžová vrstva vykukující zprava a zespodu */
    box-shadow: 24px 22px 0 #FFA338 !important;
}


/* 2400+ */
@media (min-width: 1900px) {
    .kku-podo-construction__media::before {
        width: 50% !important;
        height: 51% !important;
        box-shadow: 30px 27px 0 #FFA338 !important;
    }
}


/* 1024 */
@media (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-construction__media::before {
        width: 48% !important;
        height: 49% !important;
        left: 4% !important;
        top: 7% !important;
        box-shadow: 20px 18px 0 #FFA338 !important;
    }
}


/* 768 */
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-construction__media::before {
        width: 50% !important;
        height: 47% !important;
        left: 3% !important;
        top: 8% !important;
        box-shadow: 17px 16px 0 #FFA338 !important;
    }
}


/* MOBILE */
@media (max-width: 600px) {
    .kku-podo-construction__media::before {
        width: 54% !important;
        height: 45% !important;
        left: 1% !important;
        top: 7% !important;
        box-shadow: 13px 13px 0 #FFA338 !important;
    }
}

/* =========================================================
   V7 — ORANGE-ONLY PRODUCT BLOB
   ---------------------------------------------------------
   Hnědou vrstvu odstraňujeme.
   Produkt už nese dost barev sám o sobě, proto za něj
   necháváme jen jeden čistý brandový oranžový motiv.
   ========================================================= */

.kku-podo-construction__media::before {
    width: 50% !important;
    height: 49% !important;

    left: 3% !important;
    right: auto !important;
    top: 8% !important;
    bottom: auto !important;

    background: #FFA338 !important;
    opacity: 1 !important;

    border-radius: 47% 53% 41% 59% / 56% 44% 56% 44% !important;

    transform: rotate(-7deg) !important;

    box-shadow: none !important;
}


/* 2400+ */
@media (min-width: 1900px) {
    .kku-podo-construction__media::before {
        width: 51% !important;
        height: 50% !important;
        left: 4% !important;
        top: 8% !important;
    }
}


/* 1024 */
@media (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-construction__media::before {
        width: 49% !important;
        height: 48% !important;
        left: 4% !important;
        top: 8% !important;
    }
}


/* 768 */
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-construction__media::before {
        width: 51% !important;
        height: 47% !important;
        left: 3% !important;
        top: 9% !important;
    }
}


/* MOBILE */
@media (max-width: 600px) {
    .kku-podo-construction__media::before {
        width: 54% !important;
        height: 45% !important;
        left: 1% !important;
        top: 8% !important;
    }
}

/* =========================================================
   V8 — ORANGE BLOB REFINEMENT
   ---------------------------------------------------------
   Zachováváme čistou brand oranžovou #FFA338,
   ale blob je menší, organičtější a méně dominantní.
   Produkt musí zůstat hlavním bodem.
   ========================================================= */

.kku-podo-construction__media::before {
    width: 42% !important;
    height: 43% !important;

    left: 4% !important;
    right: auto !important;
    top: 7% !important;
    bottom: auto !important;

    background: #FFA338 !important;
    opacity: 1 !important;

    border-radius:
        63% 37% 52% 48% /
        44% 59% 41% 56% !important;

    transform: rotate(-13deg) !important;

    box-shadow: none !important;
}


/* 2400+ */
@media (min-width: 1900px) {
    .kku-podo-construction__media::before {
        width: 43% !important;
        height: 44% !important;
        left: 5% !important;
        top: 7% !important;
    }
}


/* 1024 */
@media (min-width: 769px) and (max-width: 1100px) {
    .kku-podo-construction__media::before {
        width: 42% !important;
        height: 42% !important;
        left: 4% !important;
        top: 8% !important;
    }
}


/* 768 */
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-construction__media::before {
        width: 44% !important;
        height: 41% !important;
        left: 3% !important;
        top: 8% !important;
    }
}


/* MOBILE */
@media (max-width: 600px) {
    .kku-podo-construction__media::before {
        width: 47% !important;
        height: 39% !important;
        left: 1% !important;
        top: 8% !important;
        transform: rotate(-11deg) !important;
    }
}

/* =========================================================
   V9 — DESKTOP CALLOUT RAIL
   ---------------------------------------------------------
   Pravá strana dostává jeden sjednocující princip:
   vertikální osu + tři body procesu.
   02 zůstává jediným zvýrazněným momentem.
   Levá produktová kompozice se nemění.
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-construction__callouts {
        position: relative;
        padding-left: 46px;
    }

    /* Jemná svislá osa */
    .kku-podo-construction__callouts::before {
        content: "";
        position: absolute;
        left: 11px;
        top: 28px;
        bottom: 30px;
        width: 1px;
        background: rgba(41, 22, 0, 0.20);
        pointer-events: none;
    }

    .kku-podo-construction__callout,
    .kku-podo-construction__callout--02 {
        position: relative;
        border: 0 !important;
        margin: 0 !important;
        padding: 28px 0 32px 18px;
        background: transparent;
    }

    /* Krátká oranžová spojka z osy ke každému bodu */
    .kku-podo-construction__callout::before {
        content: "";
        position: absolute;
        left: -35px;
        top: 34px;
        width: 26px;
        height: 2px;
        border-radius: 999px;
        background: #FFA338;
        pointer-events: none;
    }

    /* Malý bod na ose */
    .kku-podo-construction__callout::after {
        content: "";
        position: absolute;
        left: -40px;
        top: 30px;
        width: 8px;
        height: 8px;
        box-sizing: border-box;
        border-radius: 50%;
        background: #FCF8EE;
        border: 2px solid #FFA338;
        pointer-events: none;
    }

    /* 02 — jediný měkký akcent */
    .kku-podo-construction__callout--02 {
        margin: 8px 0 8px 8px !important;
        padding: 28px 26px 31px 28px;
        border-radius: 28px 62px 28px 62px !important;
        background: rgba(255, 163, 56, 0.085) !important;
    }

    /* Jemná asymetrie, aby sloupec nebyl mechanický */
    .kku-podo-construction__callout--01 {
        padding-right: 26px;
    }

    .kku-podo-construction__callout--03 {
        margin-left: 18px !important;
        padding-right: 8px;
    }

    .kku-podo-construction__label {
        margin-bottom: 13px !important;
    }

    .kku-podo-construction__callout-title {
        margin-bottom: 10px !important;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 29px !important;
        line-height: 1.10 !important;
    }

    .kku-podo-construction__callout-text {
        width: min(390px, 100%);
    }

    .kku-podo-construction__callout-text p {
        line-height: 1.52 !important;
    }
}

/* =========================================================
   V10 — MULTICOLOR BRAND BALANCE
   ---------------------------------------------------------
   Oranžová zůstává hlavním akcentem PRODUKTU vlevo.
   Pravý rail dostává vlastní barevnou hierarchii:
   01 = hnědá
   02 = tyrkys
   03 = tmavá zelená
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    /* neutrálnější osa místo další oranžové */
    .kku-podo-construction__callouts::before {
        background: rgba(41, 22, 0, 0.22) !important;
    }

    /* reset společných oranžových markerů */
    .kku-podo-construction__callout::before {
        background: currentColor !important;
    }

    .kku-podo-construction__callout::after {
        background: #FCF8EE !important;
        border-color: currentColor !important;
    }

    /* 01 — hnědá */
    .kku-podo-construction__callout--01 {
        color: #291600;
    }

    .kku-podo-construction__callout--01 .kku-podo-construction__label p {
        color: #291600 !important;
    }

    /* 02 — tyrkysový aktivní bod */
    .kku-podo-construction__callout--02 {
        color: #009D9F;
        background: rgba(0, 157, 159, 0.075) !important;
    }

    .kku-podo-construction__callout--02 .kku-podo-construction__label p {
        color: #009D9F !important;
    }

    /* 03 — tmavá zelená */
    .kku-podo-construction__callout--03 {
        color: #012628;
    }

    .kku-podo-construction__callout--03 .kku-podo-construction__label p {
        color: #012628 !important;
    }

    /* titulky a text zůstávají typograficky konzistentní */
    .kku-podo-construction__callout-title .elementor-heading-title {
        color: #012628 !important;
    }

    .kku-podo-construction__callout-text p {
        color: #291600 !important;
    }
}

/* =========================================================
   V11 — ULTRAWIDE CALLOUT RAIL
   ---------------------------------------------------------
   V10 rail byl pouze pro 1101–1899 px.
   Na 1900+ vracíme stejný princip a lehce zvětšíme spacing.
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-construction__callouts {
        position: relative;
        padding-left: 58px;
    }

    .kku-podo-construction__callouts::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 34px;
        bottom: 36px;
        width: 1px;
        background: rgba(41, 22, 0, 0.22);
        pointer-events: none;
    }

    .kku-podo-construction__callout,
    .kku-podo-construction__callout--02 {
        position: relative;
        border: 0 !important;
        margin: 0 !important;
        padding: 34px 0 38px 22px;
        background: transparent;
    }

    .kku-podo-construction__callout::before {
        content: "";
        position: absolute;
        left: -42px;
        top: 41px;
        width: 30px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        pointer-events: none;
    }

    .kku-podo-construction__callout::after {
        content: "";
        position: absolute;
        left: -47px;
        top: 37px;
        width: 8px;
        height: 8px;
        box-sizing: border-box;
        border-radius: 50%;
        background: #FCF8EE;
        border: 2px solid currentColor;
        pointer-events: none;
    }

    /* 01 — hnědá */
    .kku-podo-construction__callout--01 {
        color: #291600;
        padding-right: 34px;
    }

    .kku-podo-construction__callout--01 .kku-podo-construction__label p {
        color: #291600 !important;
    }

    /* 02 — tyrkys */
    .kku-podo-construction__callout--02 {
        color: #009D9F;
        margin: 10px 0 10px 10px !important;
        padding: 34px 32px 38px 34px;
        border-radius: 34px 74px 34px 74px !important;
        background: rgba(0, 157, 159, 0.075) !important;
    }

    .kku-podo-construction__callout--02 .kku-podo-construction__label p {
        color: #009D9F !important;
    }

    /* 03 — tmavá zelená */
    .kku-podo-construction__callout--03 {
        color: #012628;
        margin-left: 22px !important;
        padding-right: 10px;
    }

    .kku-podo-construction__callout--03 .kku-podo-construction__label p {
        color: #012628 !important;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        color: #012628 !important;
        font-size: 34px !important;
        line-height: 1.10 !important;
    }

    .kku-podo-construction__callout-text {
        width: min(470px, 100%);
    }

    .kku-podo-construction__callout-text p {
        color: #291600 !important;
        font-size: 18px !important;
        line-height: 1.52 !important;
    }
}

/* =========================================================
   V12 — ULTRAWIDE WIDER / SHORTER COMPOSITION
   ---------------------------------------------------------
   Cíl pro 1900+:
   - víc využít šířku viewportu
   - zmenšit vertikální délku sekce
   - dát pravému railu víc prostoru
   - zachovat dominantní produkt, ale ne nafukovat ho
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-construction {
        padding-top: 128px;
        padding-bottom: 136px;
    }

    .kku-podo-construction__inner {
        width: min(1760px, calc(100% - 96px));
    }

    .kku-podo-construction__intro {
        width: min(1040px, 100%);
    }

    .kku-podo-construction__lead {
        width: min(930px, 100%);
    }

    .kku-podo-construction__stage {
        margin-top: 72px;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(560px, 0.88fr);

        gap: 132px;
        align-items: center !important;
    }

    .kku-podo-construction__media {
        padding: 40px 42px 36px;
        border-radius: 48px 112px 48px 112px;
    }

    .kku-podo-construction__image img {
        max-width: 790px !important;
        max-height: 650px;
    }

    .kku-podo-construction__callouts {
        padding-left: 64px;
    }

    .kku-podo-construction__callouts::before {
        left: 15px;
        top: 30px;
        bottom: 32px;
    }

    .kku-podo-construction__callout,
    .kku-podo-construction__callout--02 {
        padding-top: 27px;
        padding-bottom: 30px;
    }

    .kku-podo-construction__callout::before {
        left: -46px;
        top: 34px;
        width: 32px;
    }

    .kku-podo-construction__callout::after {
        left: -51px;
        top: 30px;
    }

    .kku-podo-construction__callout--02 {
        margin: 6px 0 6px 10px !important;
        padding: 28px 34px 31px 36px;
        border-radius: 32px 72px 32px 72px !important;
    }

    .kku-podo-construction__callout--03 {
        margin-left: 18px !important;
    }

    .kku-podo-construction__callout-title .elementor-heading-title {
        font-size: 32px !important;
    }

    .kku-podo-construction__callout-text {
        width: min(540px, 100%);
    }

    .kku-podo-construction__callout-text p {
        font-size: 17px !important;
        line-height: 1.48 !important;
    }
}

/* =========================================================
   V13 — ULTRAWIDE SECTION SPACING
   ---------------------------------------------------------
   Šířku a kompozici V12 zachováváme.
   Na 1900+ pouze zkracujeme zbytečně velké vertikální mezery:
   - menší nástup po sekci 05
   - kompaktnější intro → stage
   - lehce menší výdech před další sekcí
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-construction {
        padding-top: 72px;
        padding-bottom: 108px;
    }

    .kku-podo-construction__stage {
        margin-top: 54px;
    }
}

/* =========================================================
   V14 — RESPONSIVE POLISH
   ---------------------------------------------------------
   2400+ V13 ponecháváme zamčené.
   Ladíme pouze:
   - 1366: kratší nástup a intro → stage
   - 1024: méně vertikální délky
   - 768: kompaktnější rytmus
   - mobile: kratší nástup
   - 02: tyrkysový akcent i mimo desktop
   - čísla: 01 hnědá / 02 tyrkys / 03 tmavá zelená
   ========================================================= */


/* =========================================================
   1101–1399 — 1366 class
   1440 tímto NEOVLIVŇUJEME
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1399px) {

    .kku-podo-construction {
        padding-top: 84px;
        padding-bottom: 124px;
    }

    .kku-podo-construction__stage {
        margin-top: 48px;
    }
}


/* =========================================================
   769–1100 — 1024
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-construction {
        padding-top: 76px;
        padding-bottom: 104px;
    }

    .kku-podo-construction__stage {
        margin-top: 50px;
    }

    .kku-podo-construction__callouts {
        margin-top: 50px;
    }

    /* 01 — hnědá */
    .kku-podo-construction__callout--01 .kku-podo-construction__label p {
        color: #291600 !important;
    }

    /* 02 — tyrkys */
    .kku-podo-construction__callout--02 {
        background: rgba(0, 157, 159, 0.075) !important;
    }

    .kku-podo-construction__callout--02 .kku-podo-construction__label p {
        color: #009D9F !important;
    }

    /* 03 — tmavá zelená */
    .kku-podo-construction__callout--03 .kku-podo-construction__label p {
        color: #012628 !important;
    }
}


/* =========================================================
   601–768 — tablet portrait
   ========================================================= */

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

    .kku-podo-construction {
        padding-top: 68px;
        padding-bottom: 94px;
    }

    .kku-podo-construction__stage {
        margin-top: 46px;
    }

    .kku-podo-construction__callouts {
        margin-top: 48px;
    }

    .kku-podo-construction__callout--01 .kku-podo-construction__label p {
        color: #291600 !important;
    }

    .kku-podo-construction__callout--02 {
        background: rgba(0, 157, 159, 0.075) !important;
    }

    .kku-podo-construction__callout--02 .kku-podo-construction__label p {
        color: #009D9F !important;
    }

    .kku-podo-construction__callout--03 .kku-podo-construction__label p {
        color: #012628 !important;
    }
}


/* =========================================================
   <=600 — mobile
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-construction {
        padding-top: 56px;
        padding-bottom: 82px;
    }

    .kku-podo-construction__stage {
        margin-top: 42px;
    }

    .kku-podo-construction__callouts {
        margin-top: 46px;
    }

    .kku-podo-construction__callout--01 .kku-podo-construction__label p {
        color: #291600 !important;
    }

    .kku-podo-construction__callout--02 {
        background: rgba(0, 157, 159, 0.075) !important;
    }

    .kku-podo-construction__callout--02 .kku-podo-construction__label p {
        color: #009D9F !important;
    }

    .kku-podo-construction__callout--03 .kku-podo-construction__label p {
        color: #012628 !important;
    }
}


/* =========================================================
   <=340 — 320
   jen lehce utažený konec sekce
   ========================================================= */

@media (max-width: 340px) {

    .kku-podo-construction {
        padding-top: 52px;
        padding-bottom: 76px;
    }

    .kku-podo-construction__stage {
        margin-top: 40px;
    }

    .kku-podo-construction__callouts {
        margin-top: 42px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a808a86 *//* =========================================================
   KKU — PODOLOGIE 07 / V PRAXI — V1
   ---------------------------------------------------------
   Směr:
   - výrazná změna rytmu po technické 06
   - tmavá zelená plocha
   - text vlevo dole
   - dominantní video vpravo
   - oranžová jen jako malý akcent
   ========================================================= */

.kku-podo-practice {
    position: relative;
    isolation: isolate;
    overflow: visible;

    padding: 150px 0 160px;

    background: #012628;
    color: #FCF8EE;
}

/* jemný přechod / světelný nádech vpravo */
.kku-podo-practice::before {
    content: "";
    position: absolute;
    z-index: -1;

    width: 720px;
    height: 720px;
    right: -230px;
    top: 6%;

    border-radius: 50%;
    background: rgba(0, 157, 159, 0.10);

    pointer-events: none;
}

.kku-podo-practice__inner {
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
}

/* ---------------------------------------------------------
   INTRO
   --------------------------------------------------------- */

.kku-podo-practice__intro {
    width: min(820px, 100%);
}

.kku-podo-practice__eyebrow {
    margin-bottom: 24px;
}

.kku-podo-practice__eyebrow p {
    margin: 0;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #FFA338;
}

.kku-podo-practice__h2 {
    margin: 0;
}

.kku-podo-practice__h2 .elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif;
    font-size: clamp(54px, 5vw, 78px);
    line-height: 0.98;
    font-weight: 500;

    color: #FCF8EE;
}

.kku-podo-practice__lead {
    width: min(760px, 100%);
    margin-top: 30px;
}

.kku-podo-practice__lead p {
    margin: 0;

    font-size: 18px;
    line-height: 1.55;

    color: rgba(252, 248, 238, 0.82);
}

/* ---------------------------------------------------------
   STAGE
   --------------------------------------------------------- */

.kku-podo-practice__stage {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
    gap: 72px;
    align-items: end;

    margin-top: 86px;
}

/* ---------------------------------------------------------
   COPY
   --------------------------------------------------------- */

.kku-podo-practice__copy {
    position: relative;

    padding: 0 0 18px 36px;
}

.kku-podo-practice__copy::before {
    content: "";
    position: absolute;

    left: 0;
    top: 4px;
    width: 2px;
    height: 100%;

    border-radius: 999px;
    background: rgba(255, 163, 56, 0.72);
}

.kku-podo-practice__label {
    margin-bottom: 16px;
}

.kku-podo-practice__label p {
    margin: 0;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #FFA338;
}

.kku-podo-practice__title {
    margin: 0;
}

.kku-podo-practice__title .elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif;
    font-size: 38px;
    line-height: 1.07;
    font-weight: 500;

    color: #FCF8EE;
}

.kku-podo-practice__text {
    width: min(420px, 100%);
    margin-top: 20px;
}

.kku-podo-practice__text p {
    margin: 0;

    font-size: 17px;
    line-height: 1.56;

    color: rgba(252, 248, 238, 0.78);
}

/* ---------------------------------------------------------
   MEDIA / VIDEO
   --------------------------------------------------------- */

.kku-podo-practice__media {
    position: relative;
    isolation: isolate;

    min-height: 590px;
    aspect-ratio: 1.18 / 1;

    overflow: hidden;

    border-radius: 82px 24px 82px 24px;

    background:
        linear-gradient(
            145deg,
            rgba(245, 232, 195, 0.18),
            rgba(0, 157, 159, 0.10)
        );

    box-shadow:
        0 34px 80px rgba(0, 0, 0, 0.20);
}

/* béžový offset za médiem */
.kku-podo-practice__media::before {
    content: "";
    position: absolute;
    z-index: -1;

    inset: 22px -24px -22px 24px;

    border-radius: 82px 24px 82px 24px;
    background: #F5E8C3;
}

/* malý oranžový detail */
.kku-podo-practice__media::after {
    content: "";
    position: absolute;
    z-index: 3;

    width: 68px;
    height: 3px;

    right: 36px;
    bottom: 32px;

    border-radius: 999px;
    background: #FFA338;

    pointer-events: none;
}

.kku-podo-practice__video,
.kku-podo-practice__video .elementor-widget-container {
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.kku-podo-practice__video video {
    display: block;

    width: 100%;
    height: 100%;
    min-height: inherit;

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

    border-radius: inherit;
}

/* ---------------------------------------------------------
   2400+
   --------------------------------------------------------- */

@media (min-width: 1900px) {

    .kku-podo-practice {
        padding: 132px 0 142px;
    }

    .kku-podo-practice__inner {
        width: min(1760px, calc(100% - 120px));
    }

    .kku-podo-practice__intro {
        width: min(980px, 100%);
    }

    .kku-podo-practice__stage {
        grid-template-columns: minmax(420px, 0.70fr) minmax(0, 1.30fr);
        gap: 118px;
        margin-top: 74px;
    }

    .kku-podo-practice__media {
        min-height: 640px;
        aspect-ratio: 1.42 / 1;
    }

    .kku-podo-practice__text {
        width: min(500px, 100%);
    }
}

/* ---------------------------------------------------------
   1024–1399
   --------------------------------------------------------- */

@media (min-width: 769px) and (max-width: 1399px) {

    .kku-podo-practice {
        padding: 112px 0 122px;
    }

    .kku-podo-practice__inner {
        width: min(100%, calc(100% - 80px));
    }

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: clamp(48px, 5.4vw, 64px);
    }

    .kku-podo-practice__stage {
        grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
        gap: 48px;
        margin-top: 68px;
    }

    .kku-podo-practice__media {
        min-height: 500px;
        aspect-ratio: 1.05 / 1;
        border-radius: 66px 22px 66px 22px;
    }

    .kku-podo-practice__title .elementor-heading-title {
        font-size: 34px;
    }
}

/* ---------------------------------------------------------
   768
   --------------------------------------------------------- */

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

    .kku-podo-practice {
        padding: 92px 0 102px;
    }

    .kku-podo-practice__inner {
        width: min(100%, calc(100% - 92px));
    }

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: 52px;
        line-height: 1.00;
    }

    .kku-podo-practice__lead {
        margin-top: 26px;
    }

    .kku-podo-practice__stage {
        display: flex;
        flex-direction: column-reverse;
        gap: 52px;

        margin-top: 58px;
    }

    .kku-podo-practice__media {
        width: 100%;
        min-height: 520px;
        aspect-ratio: 1.22 / 1;

        border-radius: 58px 20px 58px 20px;
    }

    .kku-podo-practice__copy {
        width: min(560px, 100%);
        padding-left: 30px;
    }

    .kku-podo-practice__title .elementor-heading-title {
        font-size: 36px;
    }
}

/* ---------------------------------------------------------
   MOBILE <= 600
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .kku-podo-practice {
        padding: 80px 0 88px;
    }

    .kku-podo-practice::before {
        width: 420px;
        height: 420px;
        right: -240px;
        top: 16%;
    }

    .kku-podo-practice__inner {
        width: min(100%, calc(100% - 72px));
    }

    .kku-podo-practice__eyebrow {
        margin-bottom: 18px;
    }

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: clamp(38px, 11vw, 46px);
        line-height: 0.99;
    }

    .kku-podo-practice__lead {
        margin-top: 24px;
    }

    .kku-podo-practice__lead p {
        font-size: 16px;
        line-height: 1.58;
    }

    .kku-podo-practice__stage {
        display: flex;
        flex-direction: column-reverse;
        gap: 42px;

        margin-top: 48px;
    }

    .kku-podo-practice__media {
        width: 100%;
        min-height: 0;
        aspect-ratio: 0.88 / 1;

        border-radius: 42px 16px 42px 16px;
    }

    .kku-podo-practice__media::before {
        inset: 14px -12px -14px 12px;
        border-radius: inherit;
    }

    .kku-podo-practice__media::after {
        width: 52px;
        right: 24px;
        bottom: 24px;
    }

    .kku-podo-practice__copy {
        padding: 0 0 0 24px;
    }

    .kku-podo-practice__label {
        margin-bottom: 14px;
    }

    .kku-podo-practice__title .elementor-heading-title {
        font-size: 30px;
        line-height: 1.08;
    }

    .kku-podo-practice__text {
        margin-top: 18px;
    }

    .kku-podo-practice__text p {
        font-size: 16px;
        line-height: 1.58;
    }
}

/* ---------------------------------------------------------
   320
   --------------------------------------------------------- */

@media (max-width: 340px) {

    .kku-podo-practice {
        padding: 72px 0 82px;
    }

    .kku-podo-practice__inner {
        width: min(100%, calc(100% - 58px));
    }

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: 36px;
    }

    .kku-podo-practice__media {
        aspect-ratio: 0.86 / 1;
    }

    .kku-podo-practice__title .elementor-heading-title {
        font-size: 28px;
    }
}

/* =========================================================
   V2 — TYPOGRAPHY + STAGE COMPOSITION FIX
   ========================================================= */

/* Elementor overrides — force brand typography */
.kku-podo-practice__h2 .elementor-heading-title,
.kku-podo-practice__h2 h2.elementor-heading-title {
    font-family: "IBM Plex Serif", serif !important;
    font-weight: 500 !important;
    color: #FCF8EE !important;
}

.kku-podo-practice__title .elementor-heading-title,
.kku-podo-practice__title h3.elementor-heading-title {
    font-family: "IBM Plex Serif", serif !important;
    font-weight: 500 !important;
    color: #FCF8EE !important;
}

/* Keep supporting text on Afacad Flux */
.kku-podo-practice__eyebrow,
.kku-podo-practice__lead,
.kku-podo-practice__label,
.kku-podo-practice__text {
    font-family: "Afacad Flux", sans-serif !important;
}

/* Decorative glow belongs to the media side, not behind H2 */
.kku-podo-practice::before {
    left: auto !important;
    right: -210px !important;
    top: 18% !important;

    width: 620px !important;
    height: 620px !important;

    background: rgba(0, 157, 159, 0.075) !important;
    opacity: 1 !important;
}

.kku-podo-practice::after {
    content: none !important;
}

/* Pull the visual stage upward */
.kku-podo-practice__stage {
    margin-top: 58px;
    align-items: end;
}

/* Media should start earlier than the copy */
.kku-podo-practice__media {
    transform: translateY(-34px);
}

/* Copy remains anchored lower for asymmetry */
.kku-podo-practice__copy {
    transform: translateY(10px);
}


/* 1900+ */
@media (min-width: 1900px) {
    .kku-podo-practice__stage {
        margin-top: 58px;
    }

    .kku-podo-practice__media {
        transform: translateY(-28px);
    }

    .kku-podo-practice__copy {
        transform: translateY(8px);
    }
}


/* 769–1399 */
@media (min-width: 769px) and (max-width: 1399px) {
    .kku-podo-practice::before {
        right: -250px !important;
        top: 20% !important;
        width: 560px !important;
        height: 560px !important;
    }

    .kku-podo-practice__stage {
        margin-top: 52px;
    }

    .kku-podo-practice__media {
        transform: translateY(-24px);
    }

    .kku-podo-practice__copy {
        transform: translateY(6px);
    }
}


/* 768 and below: stacked layout, no transform tricks */
@media (max-width: 768px) {
    .kku-podo-practice::before {
        right: -260px !important;
        top: 28% !important;
        width: 460px !important;
        height: 460px !important;
    }

    .kku-podo-practice__stage {
        margin-top: 48px;
    }

    .kku-podo-practice__media,
    .kku-podo-practice__copy {
        transform: none !important;
    }
}


/* 390 / mobile */
@media (max-width: 600px) {
    .kku-podo-practice::before {
        right: -280px !important;
        top: 24% !important;
        width: 420px !important;
        height: 420px !important;
    }
}

/* =========================================================
   V3 — MEDIA STACKING + HORIZONTAL OVERFLOW FIX
   ---------------------------------------------------------
   - odstranění horizontálního scrollbaru
   - MEDIA zůstává otevřené pro béžový offset
   - samotné video se ořezává uvnitř VIDEO wrapperu
   ========================================================= */

.kku-podo-practice {
    overflow: hidden !important;
}

/* MEDIA je pouze vnější rám / positioning context */
.kku-podo-practice__media {
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Béžový offset může konečně skutečně vykouknout */
.kku-podo-practice__media::before {
    z-index: -1 !important;
    background: #F5E8C3 !important;
}

/* Samotný VIDEO wrapper drží radius, clipping i stín */
.kku-podo-practice__video {
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;
    min-height: inherit;

    overflow: hidden;

    border-radius: inherit;

    background: #F5E8C3;

    box-shadow:
        0 34px 80px rgba(0, 0, 0, 0.20);
}

.kku-podo-practice__video > .elementor-widget-container {
    width: 100%;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    border-radius: inherit;
}

.kku-podo-practice__video video {
    width: 100%;
    height: 100%;
    min-height: inherit;

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

    border-radius: inherit;
}


/* Mobile offset trochu menší */
@media (max-width: 600px) {

    .kku-podo-practice__media::before {
        inset: 12px -10px -12px 10px !important;
    }
}

/* =========================================================
   V4 — SUBTLE RIGHT BACKGROUND MOTIF
   ---------------------------------------------------------
   Reálné video už nese dost vizuální energie.
   Pravý tyrkysový kruh proto stahujeme jen na jemný oblouk,
   aby doplňoval médium místo soutěžení s ním.
   ========================================================= */

.kku-podo-practice::before {
    width: 560px !important;
    height: 560px !important;

    right: -335px !important;
    top: 20% !important;

    background: rgba(0, 157, 159, 0.055) !important;
}


/* 1900+ */
@media (min-width: 1900px) {
    .kku-podo-practice::before {
        width: 660px !important;
        height: 660px !important;

        right: -390px !important;
        top: 17% !important;
    }
}


/* 769–1399 */
@media (min-width: 769px) and (max-width: 1399px) {
    .kku-podo-practice::before {
        width: 500px !important;
        height: 500px !important;

        right: -315px !important;
        top: 21% !important;
    }
}


/* 768 and below */
@media (max-width: 768px) {
    .kku-podo-practice::before {
        width: 430px !important;
        height: 430px !important;

        right: -300px !important;
        top: 27% !important;
    }
}


/* mobile */
@media (max-width: 600px) {
    .kku-podo-practice::before {
        width: 360px !important;
        height: 360px !important;

        right: -270px !important;
        top: 25% !important;
    }
}

/* =========================================================
   V5 — MEDIA OFFSET POLISH
   ---------------------------------------------------------
   Béžový podklad zůstává jako jemná hloubka,
   ale už nepůsobí jako druhá samostatná karta.
   ========================================================= */

.kku-podo-practice__media::before {
    inset: 11px -12px -11px 12px !important;
    background: #F5E8C3 !important;
}

/* 1900+ — o chlup větší, ale stále subtilní */
@media (min-width: 1900px) {
    .kku-podo-practice__media::before {
        inset: 13px -14px -13px 14px !important;
    }
}

/* tablet */
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-practice__media::before {
        inset: 10px -10px -10px 10px !important;
    }
}

/* mobile */
@media (max-width: 600px) {
    .kku-podo-practice__media::before {
        inset: 8px -8px -8px 8px !important;
    }
}

/* =========================================================
   FINAL ADDITIONS — APPROVED ONLY
   ---------------------------------------------------------
   Původní V5 nad tímto blokem zůstává beze změny.
   Přidáváme pouze:
   - mobilní poster místo videa
   - prefers-reduced-motion poster
   - schválenou mobilní velikost H2
   ========================================================= */


/* ---------------------------------------------------------
   MOBILE / REDUCED-MOTION POSTER
   --------------------------------------------------------- */

.kku-podo-practice-poster {
    display: none;

    width: 100%;
    height: 100%;

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

    border-radius: inherit;
}


/* ---------------------------------------------------------
   MOBILE <= 600
   - video se nezobrazuje
   - poster se zobrazí
   - finální schválená velikost H2
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .kku-podo-practice-video {
        display: none !important;
    }

    .kku-podo-practice-poster {
        display: block !important;
    }

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.02 !important;
        letter-spacing: -0.01em;
    }
}


/* ---------------------------------------------------------
   320 / <= 340
   - finální schválená velikost H2
   --------------------------------------------------------- */

@media (max-width: 340px) {

    .kku-podo-practice__h2 .elementor-heading-title {
        font-size: 31px !important;
        line-height: 1.03 !important;
    }
}


/* ---------------------------------------------------------
   PREFERS REDUCED MOTION
   --------------------------------------------------------- */

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

    .kku-podo-practice-video {
        display: none !important;
    }

    .kku-podo-practice-poster {
        display: block !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 07 V PRAXI
   V11 – FINAL RESPONSIVE SUN 06 -> 07
   ---------------------------------------------------------
   NAHRAZUJE V9 + V10.

   Asset:
   Y2K-Futuristic-Abstract-Shapes-Set-179-5.svg

   Princip:
   - cele SVG je viditelne
   - skutecne presahuje pres hranici 06 -> 07
   - cca 1/3 motivu je v kremove 06
   - cca 2/3 motivu je v tmave zelene 07
   - zadny novy Elementor prvek
   - horizontální overflow zustava chraneny

   Breakpointy:
   2400+
   1440 / 1366
   1024
   768
   390
   320
   ========================================================= */


/* =========================================================
   SPOLECNY ZAKLAD
   ========================================================= */

.kku-podo-practice {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

.kku-podo-practice::after {
    content: "" !important;

    position: absolute !important;
    z-index: 6 !important;
    pointer-events: none !important;

    right: auto !important;
    bottom: auto !important;

    background-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Y2K-Futuristic-Abstract-Shapes-Set-179-5.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 1 !important;

    transform:
        translateX(-50%)
        rotate(11deg) !important;

    transform-origin: center !important;
}


/* =========================================================
   1900+ – 2400
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-practice::after {
        width: 236px !important;
        height: 236px !important;

        left: 86% !important;
        top: -82px !important;
    }
}


/* =========================================================
   1101–1899 – 1440 / 1366
   SCHVALENA KOMPOZICE
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1899px) {

    .kku-podo-practice::after {
        width: 192px !important;
        height: 192px !important;

        left: 85% !important;
        top: -66px !important;
    }
}


/* =========================================================
   769–1100 – 1024
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {

    .kku-podo-practice::after {
        width: 146px !important;
        height: 146px !important;

        left: 84% !important;
        top: -50px !important;

        transform:
            translateX(-50%)
            rotate(10deg) !important;
    }
}


/* =========================================================
   601–768 – TABLET
   ========================================================= */

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

    .kku-podo-practice::after {
        width: 118px !important;
        height: 118px !important;

        left: 84% !important;
        top: -40px !important;

        transform:
            translateX(-50%)
            rotate(9deg) !important;
    }
}


/* =========================================================
   <=600 – MOBILE / 390
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-practice::after {
        width: 92px !important;
        height: 92px !important;

        left: 82% !important;
        top: -31px !important;

        transform:
            translateX(-50%)
            rotate(8deg) !important;
    }
}


/* =========================================================
   <=340 – 320
   ========================================================= */

@media (max-width: 340px) {

    .kku-podo-practice::after {
        width: 78px !important;
        height: 78px !important;

        left: 81% !important;
        top: -27px !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 07 V PRAXI
   V12 – SUN TABLET + MOBILE POLISH
   ---------------------------------------------------------
   Navazuje na V11.

   2400 / 1440 / 1366 / 1024:
   - beze zmeny

   768:
   - mensi slunce
   - vic k pravemu okraji
   - mene konkuruje H2

   <=600:
   - slunce se vypina
   - mobilni prechod zustava cisty
   ========================================================= */


/* =========================================================
   601–768
   ========================================================= */

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

    .kku-podo-practice::after {
        width: 104px !important;
        height: 104px !important;

        left: 90.5% !important;
        top: -36px !important;

        transform:
            translateX(-50%)
            rotate(9deg) !important;
    }
}


/* =========================================================
   <=600 – MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-practice::after {
        content: none !important;
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da0f2c5 *//* =========================================================
   KKU — PODOLOGIE 09 / PODLE POUZITI — V17 FINAL CONSOLIDATED
   ---------------------------------------------------------
   Nahrazuje cely dosavadni blok V8 + V9 + V10 + V11
   + V13 + V14 + V15 + V16.

   Finalni layout:
   - 1900+      4 x 2
   - 1400–1899  4 x 2
   - 1200–1399  4 x 2
   - 769–1199   3 + 3 + vycentrovane 2
   - 601–768    2 x 4
   - 361–600    2 x 4
   - <=360      2 x 4

   V17 navic odstranuje stary ultrawide stagger:
   na 2400 jsou produkty zarovnane stejne jako na 1440.
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

.kku-podo-use {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 142px 0 164px;

    background: #012628;
    color: #FCF8EE;
}


/* =========================================================
   BACKGROUND WAVE — SHARED
   ========================================================= */

.kku-podo-use::before {
    content: "";

    position: absolute;
    z-index: 0;

    background: #FCF8EE;

    -webkit-mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Vectorvlnka2.svg");
    mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Vectorvlnka2.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    mask-mode: alpha;

    pointer-events: none;
}


/* =========================================================
   INNER + INTRO
   ========================================================= */

.kku-podo-use__inner {
    position: relative;
    z-index: 1;

    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
}


.kku-podo-use__intro {
    width: min(850px, 100%);
}


.kku-podo-use__eyebrow {
    margin-bottom: 22px;

    font-family: "Afacad Flux", sans-serif !important;
}


.kku-podo-use__eyebrow p {
    margin: 0;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #FFA338;
}


.kku-podo-use__h2 {
    margin: 0;
}


.kku-podo-use__h2 .elementor-heading-title,
.kku-podo-use__h2 h2.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: clamp(54px, 5vw, 74px);
    line-height: 0.99;
    font-weight: 500 !important;

    color: #FCF8EE !important;
}


.kku-podo-use__lead {
    width: min(760px, 100%);
    margin-top: 28px;

    font-family: "Afacad Flux", sans-serif !important;
}


.kku-podo-use__lead p {
    margin: 0;

    font-size: 18px;
    line-height: 1.58;

    color: rgba(252, 248, 238, 0.80);
}


/* =========================================================
   GRID
   ========================================================= */

.kku-podo-use__grid {
    display: grid;

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

    gap: 48px 26px;

    margin-top: 74px;
    padding-bottom: 28px;
}


.kku-podo-use__item {
    position: relative;

    min-width: 0;

    /* Finalni smer: zadny vertikalni stagger. */
    transform: none !important;
}


/* =========================================================
   PRODUCT MEDIA
   ========================================================= */

.kku-podo-use__media {
    position: relative;
    isolation: isolate;

    overflow: visible !important;

    width: 100%;
    aspect-ratio: 3 / 2;

    border-radius: 0 !important;
    background: transparent !important;
}


.kku-podo-use__media::before {
    content: "";

    position: absolute;
    z-index: 0;

    width: 76%;
    height: 70%;

    left: 50%;
    top: 50%;

    border-radius:
        46% 54% 61% 39% /
        51% 43% 57% 49%;

    transform:
        translate(-50%, -50%)
        rotate(-8deg);

    background: #FFA338;

    pointer-events: none;
}


/* Tvarove odchylky */
.kku-podo-use__item--02 .kku-podo-use__media::before,
.kku-podo-use__item--06 .kku-podo-use__media::before {
    transform:
        translate(-50%, -50%)
        rotate(7deg);

    border-radius:
        55% 45% 42% 58% /
        44% 57% 43% 56%;
}


.kku-podo-use__item--03 .kku-podo-use__media::before,
.kku-podo-use__item--07 .kku-podo-use__media::before {
    width: 72%;
    height: 74%;

    transform:
        translate(-50%, -50%)
        rotate(-14deg);

    border-radius:
        42% 58% 63% 37% /
        58% 43% 57% 42%;
}


.kku-podo-use__item--04 .kku-podo-use__media::before,
.kku-podo-use__item--08 .kku-podo-use__media::before {
    width: 80%;
    height: 66%;

    transform:
        translate(-50%, -50%)
        rotate(11deg);
}


.kku-podo-use__media::after {
    content: none !important;
}


/* =========================================================
   CHECKERBOARD COLORS
   01 O / 02 T / 03 O / 04 T
   05 T / 06 O / 07 T / 08 O
   ========================================================= */

.kku-podo-use__item--01 .kku-podo-use__media::before,
.kku-podo-use__item--03 .kku-podo-use__media::before,
.kku-podo-use__item--06 .kku-podo-use__media::before,
.kku-podo-use__item--08 .kku-podo-use__media::before {
    background: #FFA338 !important;
}


.kku-podo-use__item--02 .kku-podo-use__media::before,
.kku-podo-use__item--04 .kku-podo-use__media::before,
.kku-podo-use__item--05 .kku-podo-use__media::before,
.kku-podo-use__item--07 .kku-podo-use__media::before {
    background: #009D9F !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.kku-podo-use__image,
.kku-podo-use__image > .elementor-widget-container {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    overflow: visible !important;
    background: transparent !important;
}


.kku-podo-use__image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center !important;

    mix-blend-mode: normal !important;
    background: transparent !important;

    transform-origin: center;

    filter:
        drop-shadow(0 13px 14px rgba(0, 0, 0, 0.16));
}


/* =========================================================
   LABEL + TITLE
   ========================================================= */

.kku-podo-use__label {
    margin-top: 12px;
    margin-bottom: 10px;

    font-family: "Afacad Flux", sans-serif !important;
}


.kku-podo-use__label p {
    margin: 0;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}


.kku-podo-use__item--01 .kku-podo-use__label p,
.kku-podo-use__item--03 .kku-podo-use__label p,
.kku-podo-use__item--06 .kku-podo-use__label p,
.kku-podo-use__item--08 .kku-podo-use__label p {
    color: #FFA338 !important;
}


.kku-podo-use__item--02 .kku-podo-use__label p,
.kku-podo-use__item--04 .kku-podo-use__label p,
.kku-podo-use__item--05 .kku-podo-use__label p,
.kku-podo-use__item--07 .kku-podo-use__label p {
    color: #009D9F !important;
}


.kku-podo-use__title {
    margin: 0;
}


.kku-podo-use__title .elementor-heading-title,
.kku-podo-use__title h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 27px;
    line-height: 1.08;
    font-weight: 500 !important;

    color: #FCF8EE !important;
}


/* =========================================================
   BRIDGE — PANTOFLE A SANDALY
   ========================================================= */

.kku-podo-use__open {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr !important;

    gap: 42px;
    align-items: stretch;

    min-height: 300px;

    margin-top: 100px;

    padding:
        52px
        390px
        52px
        54px;

    border-radius: 68px 22px 68px 22px;

    background: #FFA338;
    color: #291600;
}


.kku-podo-use__open-copy {
    position: relative;
    z-index: 2;

    align-self: center;

    max-width: 650px;
}


.kku-podo-use__open-label {
    margin-bottom: 18px;

    font-family: "Afacad Flux", sans-serif !important;
}


.kku-podo-use__open-label p {
    margin: 0;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 750;

    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #291600;
}


.kku-podo-use__open-title {
    margin: 0;
}


.kku-podo-use__open-title .elementor-heading-title,
.kku-podo-use__open-title h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 42px;
    line-height: 1.02;
    font-weight: 500 !important;

    color: #291600 !important;
}


.kku-podo-use__open-text {
    width: min(600px, 100%);
    margin-top: 20px;

    font-family: "Afacad Flux", sans-serif !important;
}


.kku-podo-use__open-text p {
    margin: 0;

    font-size: 17px;
    line-height: 1.56;

    color: rgba(41, 22, 0, 0.82);
}


.kku-podo-use__open-media {
    display: block !important;

    position: absolute;
    z-index: 1;

    overflow: hidden;

    width: 430px;
    height: 430px;
    min-height: 0;

    right: -105px;
    top: 50%;

    transform:
        translateY(-50%)
        rotate(-12deg);

    border-radius:
        44% 56% 63% 37% /
        51% 42% 58% 49%;

    background: #009D9F;
}


.kku-podo-use__open-image {
    display: none !important;
}


.kku-podo-use__open-media::before,
.kku-podo-use__open-media::after {
    content: none !important;
}


/* =========================================================
   DESKTOP ART DIRECTION — 1100–1899
   ========================================================= */

@media (min-width: 1100px) and (max-width: 1899px) {

    .kku-podo-use__grid {
        margin-top: 66px;
        row-gap: 48px;
    }


    /* 01 — Beh */
    .kku-podo-use__item--01 .kku-podo-use__media::before {
        width: 74%;
        height: 66%;

        left: 47%;
        top: 52%;

        border-radius:
            39% 61% 53% 47% /
            58% 44% 56% 42%;

        transform:
            translate(-50%, -50%)
            rotate(-11deg);
    }

    .kku-podo-use__item--01 .kku-podo-use__image img {
        transform: scale(1.08) translateX(-1%);
    }


    /* 02 — Cyklistika */
    .kku-podo-use__item--02 .kku-podo-use__media::before {
        width: 70%;
        height: 62%;

        left: 53%;
        top: 54%;

        border-radius:
            56% 44% 40% 60% /
            43% 58% 42% 57%;

        transform:
            translate(-50%, -50%)
            rotate(7deg);
    }

    .kku-podo-use__item--02 .kku-podo-use__image img {
        transform: scale(1.12) translateX(1%);
    }


    /* 03 — Fotbal */
    .kku-podo-use__item--03 .kku-podo-use__media::before {
        width: 70%;
        height: 68%;

        left: 48%;
        top: 51%;

        border-radius:
            45% 55% 66% 34% /
            59% 39% 61% 41%;

        transform:
            translate(-50%, -50%)
            rotate(-15deg);
    }

    .kku-podo-use__item--03 .kku-podo-use__image img {
        transform: scale(1.07) translateX(-1%);
    }


    /* 04 — Golf */
    .kku-podo-use__item--04 .kku-podo-use__media::before {
        width: 68%;
        height: 58%;

        left: 50%;
        top: 55%;

        border-radius:
            58% 42% 52% 48% /
            46% 61% 39% 54%;

        transform:
            translate(-50%, -50%)
            rotate(10deg);
    }

    .kku-podo-use__item--04 .kku-podo-use__image img {
        transform: scale(1.20) translateY(-1%);
    }


    /* 05 — Basketbal */
    .kku-podo-use__item--05 .kku-podo-use__media::before {
        width: 73%;
        height: 64%;

        left: 46%;
        top: 52%;

        border-radius:
            42% 58% 47% 53% /
            60% 43% 57% 40%;

        transform:
            translate(-50%, -50%)
            rotate(-5deg);
    }

    .kku-podo-use__item--05 .kku-podo-use__image img {
        transform: scale(1.13) translateX(-2%);
    }


    /* 06 — Tenis */
    .kku-podo-use__item--06 .kku-podo-use__media::before {
        width: 67%;
        height: 59%;

        left: 54%;
        top: 54%;

        border-radius:
            54% 46% 39% 61% /
            45% 60% 40% 55%;

        transform:
            translate(-50%, -50%)
            rotate(8deg);
    }

    .kku-podo-use__item--06 .kku-podo-use__image img {
        transform: scale(1.20) translateX(1%);
    }


    /* 07 — Turistika */
    .kku-podo-use__item--07 .kku-podo-use__media::before {
        width: 69%;
        height: 61%;

        left: 48%;
        top: 53%;

        border-radius:
            40% 60% 63% 37% /
            57% 44% 56% 43%;

        transform:
            translate(-50%, -50%)
            rotate(-12deg);
    }

    .kku-podo-use__item--07 .kku-podo-use__image img {
        transform: scale(1.15) translateX(-1%);
    }


    /* 08 — Pracovni obuv */
    .kku-podo-use__item--08 .kku-podo-use__media::before {
        width: 75%;
        height: 58%;

        left: 52%;
        top: 55%;

        border-radius:
            61% 39% 48% 52% /
            42% 56% 44% 58%;

        transform:
            translate(-50%, -50%)
            rotate(12deg);
    }

    .kku-podo-use__item--08 .kku-podo-use__image img {
        transform: scale(1.14) translateX(1%);
    }


    .kku-podo-use__label {
        margin-top: 6px;
    }


    /* Bridge */
    .kku-podo-use__open {
        min-height: 262px;

        margin-top: 92px;

        padding-top: 46px;
        padding-bottom: 46px;
        padding-right: 310px;
    }


    .kku-podo-use__open-media {
        width: 320px !important;
        height: 330px !important;

        right: -105px !important;
        top: 50%;

        transform:
            translateY(-50%)
            rotate(-8deg);

        border-radius:
            46% 54% 62% 38% /
            55% 42% 58% 45%;
    }


    .kku-podo-use__open-media::before {
        content: "" !important;

        position: absolute;

        width: 56px;
        height: 3px;

        left: 88px;
        top: 90px;

        border-radius: 999px;

        background: #FCF8EE;

        opacity: 0.82;
    }


    .kku-podo-use__open-media::after {
        content: none !important;
    }
}


/* =========================================================
   1900+ — ULTRAWIDE
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-use {
        padding: 148px 0 174px;
    }


    .kku-podo-use__inner {
        width: min(1760px, calc(100% - 120px));
    }


    .kku-podo-use__intro {
        width: min(980px, 100%);
    }


    .kku-podo-use__grid {
        gap: 56px 34px;
        margin-top: 82px;
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 30px;
    }


    /* Finalni widescreen vlnka */
    .kku-podo-use::before {
        width: 100vw;
        height: 980px;

        left: calc(50% - 44px);
        right: auto;
        top: 390px;

        transform:
            translateX(-50%)
            scaleX(1.58)
            rotate(18deg);

        transform-origin: 17% 40%;

        opacity: 0.46;
    }


    /* Bridge zustava monumentalni, ale prazdny panel je organicky */
    .kku-podo-use__open {
        margin-top: 118px;

        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 66px;
        padding-right: 390px;
    }
}


/* =========================================================
   1100–1899 — FINAL DESKTOP WAVE
   ========================================================= */

@media (min-width: 1100px) and (max-width: 1899px) {

    .kku-podo-use::before {
        width: 100vw;
        height: 760px;

        left: calc(50% - 30px);
        right: auto;
        top: 355px;

        transform:
            translateX(-50%)
            scaleX(1.52)
            rotate(19deg);

        transform-origin: 18% 42%;

        opacity: 0.50;
    }
}


/* =========================================================
   1200–1399 — 4 x 2
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .kku-podo-use__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 48px 26px;

        margin-top: 66px;
        padding-bottom: 28px;
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 26px !important;
    }
}


/* =========================================================
   769–1399 — SHARED LAPTOP/TABLET TYPO + SPACING
   ========================================================= */

@media (min-width: 769px) and (max-width: 1399px) {

    .kku-podo-use {
        padding: 112px 0 132px;
    }


    .kku-podo-use__inner {
        width: min(100%, calc(100% - 80px));
    }


    .kku-podo-use__h2 .elementor-heading-title,
    .kku-podo-use__h2 h2.elementor-heading-title {
        font-size: clamp(48px, 5.4vw, 64px);
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 25px;
    }


    .kku-podo-use__open {
        min-height: 280px;

        margin-top: 82px;

        padding-top: 46px;
        padding-bottom: 46px;
        padding-left: 48px;
        padding-right: 330px;
    }


    .kku-podo-use__open-media {
        width: 360px;
        height: 360px;

        right: -90px;
    }
}


/* =========================================================
   769–1199 — 3 + 3 + CENTERED 2
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

    .kku-podo-use__grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));

        gap: 44px 22px;

        margin-top: 62px;
        padding-bottom: 28px;
    }


    .kku-podo-use__item {
        grid-column: span 2;
    }


    .kku-podo-use__item--07 {
        grid-column: 2 / span 2;
    }


    .kku-podo-use__item--08 {
        grid-column: 4 / span 2;
    }


    .kku-podo-use::before {
        width: 100vw;
        height: 820px;

        left: calc(50% - 20px);
        right: auto;
        top: 340px;

        transform:
            translateX(-50%)
            scaleX(1.42)
            rotate(16deg);

        transform-origin: 18% 42%;

        opacity: 0.46;
    }
}


/* =========================================================
   601–768 — TABLET 2 x 4
   ========================================================= */

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

    .kku-podo-use {
        padding: 92px 0 108px;
    }


    .kku-podo-use__inner {
        width: min(100%, calc(100% - 92px));
    }


    .kku-podo-use__h2 .elementor-heading-title,
    .kku-podo-use__h2 h2.elementor-heading-title {
        font-size: 52px;
        line-height: 1;
    }


    .kku-podo-use__lead {
        margin-top: 26px;
    }


    .kku-podo-use__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 42px 22px;

        margin-top: 58px;
        padding-bottom: 0;
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 25px;
    }


    .kku-podo-use::before {
        width: 108vw;
        height: 1080px;

        left: calc(50% - 18px);
        right: auto;
        top: 330px;

        transform:
            translateX(-50%)
            scaleX(1.38)
            rotate(16deg);

        transform-origin: 16% 38%;

        opacity: 0.42;
    }


    /* Bridge */
    .kku-podo-use__open {
        display: flex;
        flex-direction: column;

        gap: 32px;

        min-height: 0;

        margin-top: 72px;

        padding:
            42px
            42px
            180px;

        border-radius: 54px 18px 54px 18px;
    }


    .kku-podo-use__open-media {
        width: 270px;
        height: 270px;

        right: -74px;
        top: auto;
        bottom: -118px;

        transform: rotate(-10deg);
    }
}


/* =========================================================
   <=600 — MOBILE WAVE BASE
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-use::before {
        width: 170vw;
        height: 900px;

        left: calc(50% - 18px);
        right: auto;
        top: 360px;

        transform:
            translateX(-50%)
            scaleX(1.18)
            rotate(21deg);

        transform-origin: 16% 34%;

        opacity: 0.34;
    }
}


/* =========================================================
   361–600 — STANDARD MOBILE 2 x 4
   ========================================================= */

@media (min-width: 361px) and (max-width: 600px) {

    .kku-podo-use {
        padding: 76px 0 86px;
    }


    .kku-podo-use__inner {
        width: min(100%, calc(100% - 48px));
    }


    .kku-podo-use__intro,
    .kku-podo-use__h2,
    .kku-podo-use__lead {
        width: 100%;
        max-width: none;
    }


    .kku-podo-use__eyebrow {
        margin-bottom: 18px;
    }


    .kku-podo-use__h2 .elementor-heading-title,
    .kku-podo-use__h2 h2.elementor-heading-title {
        font-size: 36px !important;
        line-height: 0.99 !important;
        letter-spacing: -0.01em;
    }


    .kku-podo-use__lead {
        margin-top: 22px;
    }


    .kku-podo-use__lead p {
        font-size: 15.5px;
        line-height: 1.55;
    }


    .kku-podo-use__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 14px;
        row-gap: 24px;

        margin-top: 48px;
        padding-bottom: 0;
    }


    .kku-podo-use__media {
        aspect-ratio: 1.30 / 1;
    }


    .kku-podo-use__media::before {
        width: 88% !important;
        height: 68% !important;
    }


    .kku-podo-use__image img {
        transform: scale(1.17) !important;

        filter:
            drop-shadow(0 7px 8px rgba(0, 0, 0, 0.15)) !important;
    }


    .kku-podo-use__label {
        margin-top: 4px;
        margin-bottom: 5px;
    }


    .kku-podo-use__label p {
        font-size: 10px;
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 21px !important;
        line-height: 1.04 !important;
    }


    /* Bridge */
    .kku-podo-use__open {
        display: flex;
        flex-direction: column;

        gap: 30px;

        min-height: 0;

        margin-top: 48px;

        padding:
            28px
            22px
            108px;

        border-radius: 40px 14px 40px 14px;
    }


    .kku-podo-use__open-title .elementor-heading-title,
    .kku-podo-use__open-title h3.elementor-heading-title {
        font-size: 29px !important;
        line-height: 1.02 !important;
    }


    .kku-podo-use__open-text {
        margin-top: 14px;
    }


    .kku-podo-use__open-text p {
        font-size: 15px;
        line-height: 1.52;
    }


    .kku-podo-use__open-media {
        width: 174px !important;
        height: 174px !important;

        right: -58px !important;
        top: auto;
        bottom: -76px !important;

        transform: rotate(-10deg);
    }
}


/* =========================================================
   <=360 — 320 FINAL
   ========================================================= */

@media (max-width: 360px) {

    .kku-podo-use {
        padding: 68px 0 76px;
    }


    .kku-podo-use__inner {
        width: calc(100% - 32px);
        max-width: none;
    }


    .kku-podo-use__intro,
    .kku-podo-use__h2,
    .kku-podo-use__lead {
        width: 100%;
        max-width: none;
    }


    .kku-podo-use__eyebrow {
        margin-bottom: 18px;
    }


    .kku-podo-use__eyebrow p {
        font-size: 10px;
        line-height: 1.25;
    }


    .kku-podo-use__h2 .elementor-heading-title,
    .kku-podo-use__h2 h2.elementor-heading-title {
        font-size: 32px !important;
        line-height: 0.98 !important;
        letter-spacing: -0.01em !important;
    }


    .kku-podo-use__lead {
        margin-top: 22px;
    }


    .kku-podo-use__lead p {
        font-size: 14px;
        line-height: 1.52;
    }


    .kku-podo-use__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 12px;
        row-gap: 22px;

        margin-top: 44px;
        padding-bottom: 0;
    }


    .kku-podo-use__item,
    .kku-podo-use__item--01,
    .kku-podo-use__item--02,
    .kku-podo-use__item--03,
    .kku-podo-use__item--04,
    .kku-podo-use__item--05,
    .kku-podo-use__item--06,
    .kku-podo-use__item--07,
    .kku-podo-use__item--08 {
        grid-column: auto;
        width: auto;
        min-width: 0;

        transform: none !important;
    }


    .kku-podo-use__media {
        width: 100%;
        aspect-ratio: 1.28 / 1;
    }


    .kku-podo-use__media::before {
        width: 88% !important;
        height: 68% !important;
    }


    .kku-podo-use__image img {
        transform: scale(1.14) !important;

        filter:
            drop-shadow(0 6px 7px rgba(0, 0, 0, 0.14)) !important;
    }


    .kku-podo-use__label {
        margin-top: 3px;
        margin-bottom: 4px;
    }


    .kku-podo-use__label p {
        font-size: 9px;
        line-height: 1;
    }


    .kku-podo-use__title .elementor-heading-title,
    .kku-podo-use__title h3.elementor-heading-title {
        font-size: 18px !important;
        line-height: 1.04 !important;
    }


    /* Wave */
    .kku-podo-use::before {
        width: 190vw;
        height: 820px;

        left: calc(50% - 12px);
        top: 335px;

        transform:
            translateX(-50%)
            scaleX(1.12)
            rotate(21deg);

        transform-origin: 14% 32%;

        opacity: 0.32;
    }


    /* Bridge */
    .kku-podo-use__open {
        display: flex;
        flex-direction: column;

        gap: 30px;

        min-height: 0;
        width: 100%;

        margin-top: 42px;

        padding:
            24px
            18px
            94px;

        border-radius: 34px 12px 34px 12px;
    }


    .kku-podo-use__open-label p {
        font-size: 9px;
    }


    .kku-podo-use__open-title .elementor-heading-title,
    .kku-podo-use__open-title h3.elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.01 !important;
    }


    .kku-podo-use__open-text {
        margin-top: 13px;
    }


    .kku-podo-use__open-text p {
        font-size: 14px;
        line-height: 1.5;
    }


    .kku-podo-use__open-media {
        width: 150px !important;
        height: 150px !important;

        right: -50px !important;
        top: auto;
        bottom: -64px !important;

        transform: rotate(-10deg);
    }
}

/* =========================================================
   KKU – PODOLOGIE – 08 PODLE POUZITI
   V18 – DESKTOP TOP SPACING POLISH
   ---------------------------------------------------------
   Zkracuje pouze prazdny zeleny oddech mezi 07 a 08.

   07 se nemeni.
   Obsah, grid, vlna, bridge ani mobil/tablet se nemeni.
   ========================================================= */

/* Bezny desktop */
@media (min-width: 1100px) and (max-width: 1899px) {
    .kku-podo-use {
        padding-top: 72px;
    }
}

/* Ultrawide – ponechame o trochu vic vzduchu */
@media (min-width: 1900px) {
    .kku-podo-use {
        padding-top: 88px;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 08 PODLE POUZITI
   V19 – ORGANIC BOTTOM HANDOFF
   ---------------------------------------------------------
   Nahrazuje rovny prechod 08 -> 09 organickym kremovym
   zarezanim do spodku tmave zelene sekce.

   - bez noveho SVG
   - bez zasahu do 09
   - obsah 08 zustava nad dekoraci
   - V18 spacing zustava beze zmeny
   ========================================================= */

@media (min-width: 1100px) {

    .kku-podo-use {
        position: relative;
    }

    .kku-podo-use::after {
        content: "";

        position: absolute;
        z-index: 0;

        left: -12vw;
        bottom: -132px;

        width: 124vw;
        height: 228px;

        background: #FCF8EE;

        border-radius:
            48% 52% 0 0 /
            78% 64% 0 0;

        transform: rotate(-1.15deg);

        transform-origin: center;

        pointer-events: none;
    }

    .kku-podo-use__inner {
        position: relative;
        z-index: 1;
    }
}


/* 2400+ – o neco vyraznejsi krivka, aby na ultrawide
   nepusobila skoro rovne */
@media (min-width: 1900px) {

    .kku-podo-use::after {
        left: -10vw;
        bottom: -150px;

        width: 120vw;
        height: 270px;

        border-radius:
            46% 54% 0 0 /
            82% 66% 0 0;

        transform: rotate(-0.85deg);
    }
}

/* =========================================================
   KKU – PODOLOGIE – 08 PODLE POUZITI
   V20 – REMOVE OPEN MEDIA ACCENT LINE
   ---------------------------------------------------------
   Odstranuje pouze kratkou kremovou dekorativni linku
   uvnitr tyrkysoveho blobu Pantofle a sandaly.
   ========================================================= */

.kku-podo-use__open-media::before {
    content: none !important;
    display: none !important;
}

/* =========================================================
   PODOLOGIE 08 – MOBILE OVERFLOW FIX
   390 px
   ========================================================= */

@media (min-width: 361px) and (max-width: 600px) {
    .kku-podo-use__open-media {
        right: -48px !important;
    }
}

/* =========================================================
   PODOLOGIE 08 – MOBILE HORIZONTAL OVERFLOW GUARD
   ========================================================= */

@media (max-width: 600px) {
    .kku-podo-use {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bef9d99 *//* =========================================================
   KROKY K USMEVU — PODOLOGIE
   09 ZKUSENOSTI / SOCIAL PROOF
   FINAL CONSOLIDATED — V1 + V2 + V3 + V4 + V5
   ========================================================= */


/* ===== SOURCE LAYER 1 ===== */

.kku-podo-proof {
    position: relative;
    overflow: hidden;
    padding: 144px 0 164px;
    background: #FCF8EE;
    color: #012628;
}

.kku-podo-proof__inner {
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
}

/* ---------- INTRO ---------- */

.kku-podo-proof__intro {
    position: relative;
    max-width: 900px;
    margin-bottom: 88px;
    z-index: 2;
}

.kku-podo-proof__eyebrow .elementor-widget-container,
.kku-podo-proof__eyebrow {
    color: #E78616;
    font-family: "Afacad Flux", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kku-podo-proof__h2 {
    margin-top: 22px;
}

.kku-podo-proof__h2 .elementor-heading-title {
    max-width: 860px;
    margin: 0;
    color: #012628;
    font-family: "IBM Plex Serif", serif;
    font-size: clamp(50px, 4.35vw, 64px);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.025em;
}

.kku-podo-proof__lead {
    max-width: 760px;
    margin-top: 28px;
}

.kku-podo-proof__lead .elementor-widget-container,
.kku-podo-proof__lead {
    color: rgba(1, 38, 40, .82);
    font-family: "Afacad Flux", sans-serif;
    font-size: 18px;
    line-height: 1.58;
}

/* ---------- CASE STUDY ---------- */

.kku-podo-proof__story {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: clamp(48px, 5vw, 82px);
    align-items: center;
    margin-bottom: 150px;
    padding: 56px 58px 58px;
    background: #F5E8C3;
    border-radius:
        44px 86px 52px 96px /
        54px 62px 88px 46px;
    isolation: isolate;
}

.kku-podo-proof__story::after {
    content: "";
    position: absolute;
    right: -62px;
    bottom: -54px;
    width: 170px;
    aspect-ratio: 1;
    background: #009D9F;
    border-radius:
        58% 42% 64% 36% /
        47% 61% 39% 53%;
    transform: rotate(15deg);
    z-index: -1;
}

/* ---------- PHOTO COLLAGE ---------- */

.kku-podo-proof__story-media {
    position: relative;
    min-width: 0;
    min-height: 650px;
    z-index: 1;
}

.kku-podo-proof__story-media::before {
    content: "";
    position: absolute;
    inset: 58px 50px 62px 10px;
    background: #FFA338;
    border-radius:
        54% 46% 59% 41% /
        43% 61% 39% 57%;
    transform: rotate(-5deg);
    z-index: 0;
}

.kku-podo-proof__story-image-main,
.kku-podo-proof__story-image-detail,
.kku-podo-proof__story-image-result {
    position: absolute !important;
    margin: 0 !important;
    z-index: 2;
}

.kku-podo-proof__story-image-main {
    left: 18px;
    top: 24px;
    width: min(72%, 430px) !important;
    transform: rotate(-3.1deg);
}

.kku-podo-proof__story-image-detail {
    right: 0;
    top: 72px;
    width: min(43%, 255px) !important;
    transform: rotate(4.2deg);
    z-index: 3;
}

.kku-podo-proof__story-image-result {
    right: 18px;
    bottom: 8px;
    width: min(54%, 325px) !important;
    transform: rotate(-1.3deg);
    z-index: 4;
}

.kku-podo-proof__story-image-main .elementor-widget-container,
.kku-podo-proof__story-image-detail .elementor-widget-container,
.kku-podo-proof__story-image-result .elementor-widget-container {
    padding: 10px;
    background: #FCF8EE;
    box-shadow: 0 18px 42px rgba(41, 22, 0, .16);
}

.kku-podo-proof__story-image-main img,
.kku-podo-proof__story-image-detail img,
.kku-podo-proof__story-image-result img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.kku-podo-proof__story-image-main .elementor-widget-container {
    border-radius: 28px 58px 26px 50px;
}

.kku-podo-proof__story-image-detail .elementor-widget-container {
    border-radius: 24px 42px 26px 38px;
}

.kku-podo-proof__story-image-result .elementor-widget-container {
    border-radius: 44px 24px 48px 28px;
}

.kku-podo-proof__story-image-main img {
    border-radius: 19px 49px 17px 41px;
}

.kku-podo-proof__story-image-detail img {
    border-radius: 15px 33px 17px 29px;
}

.kku-podo-proof__story-image-result img {
    border-radius: 35px 15px 39px 19px;
}

/* ---------- STORY COPY ---------- */

.kku-podo-proof__story-copy {
    position: relative;
    z-index: 5;
    padding: 54px 50px 46px;
    background: #291600;
    color: #FCF8EE;
    border-radius:
        54px 84px 48px 72px /
        70px 48px 82px 52px;
    box-shadow: 0 22px 54px rgba(41, 22, 0, .17);
}

.kku-podo-proof__story-label .elementor-widget-container,
.kku-podo-proof__story-label {
    color: #FFA338;
    font-family: "Afacad Flux", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kku-podo-proof__story-title {
    margin-top: 18px;
}

.kku-podo-proof__story-title .elementor-heading-title {
    margin: 0;
    color: #FCF8EE;
    font-family: "IBM Plex Serif", serif;
    font-size: clamp(36px, 3vw, 48px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.kku-podo-proof__story-text {
    margin-top: 24px;
}

.kku-podo-proof__story-text .elementor-widget-container,
.kku-podo-proof__story-text {
    color: rgba(252, 248, 238, .88);
    font-family: "Afacad Flux", sans-serif;
    font-size: 17px;
    line-height: 1.62;
}

.kku-podo-proof__story-quote {
    position: relative;
    margin-top: 34px;
    padding: 24px 26px 23px 30px;
    background: #009D9F;
    border-radius:
        28px 42px 26px 36px /
        32px 26px 40px 28px;
}

.kku-podo-proof__story-quote::before {
    content: "“";
    position: absolute;
    left: 16px;
    top: -22px;
    color: #FFA338;
    font-family: "IBM Plex Serif", serif;
    font-size: 74px;
    font-weight: 500;
    line-height: 1;
}

.kku-podo-proof__story-quote .elementor-widget-container,
.kku-podo-proof__story-quote {
    color: #FCF8EE;
    font-family: "IBM Plex Serif", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.38;
}

/* ---------- REVIEWS INTRO ---------- */

.kku-podo-proof__reviews {
    position: relative;
}

.kku-podo-proof__reviews-intro {
    max-width: 760px;
    margin-bottom: 58px;
}

.kku-podo-proof__reviews-eyebrow .elementor-widget-container,
.kku-podo-proof__reviews-eyebrow {
    color: #009D9F;
    font-family: "Afacad Flux", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.kku-podo-proof__reviews-title {
    margin-top: 18px;
}

.kku-podo-proof__reviews-title .elementor-heading-title {
    margin: 0;
    color: #012628;
    font-family: "IBM Plex Serif", serif;
    font-size: clamp(40px, 3.6vw, 54px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -0.02em;
}

/* ---------- REVIEW GRID ---------- */

.kku-podo-proof__reviews-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 38px;
    align-items: stretch;
    padding: 12px 10px 20px;
}

.kku-podo-proof__review {
    position: relative;
    min-width: 0;
    min-height: 270px;
    padding: 48px 44px 38px !important;
    border: 9px solid #FCF8EE;
    box-shadow: 0 18px 38px rgba(41, 22, 0, .14);
    overflow: visible;
    isolation: isolate;
    transition: transform .25s ease, box-shadow .25s ease;
}

.kku-podo-proof__review::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -19px;
    width: 28px;
    height: 28px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #FCF8EE;
    box-shadow:
        0 3px 0 rgba(41, 22, 0, .18),
        0 6px 14px rgba(41, 22, 0, .18);
    z-index: 3;
}

.kku-podo-proof__review::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    width: 2px;
    height: 26px;
    transform: translateX(-50%) rotate(7deg);
    transform-origin: top;
    background: rgba(41, 22, 0, .38);
    z-index: -1;
}

.kku-podo-proof__review--01 {
    background: #FFA338;
    color: #291600;
    transform: rotate(-1.15deg);
    border-radius: 30px 42px 28px 38px;
}

.kku-podo-proof__review--02 {
    background: #012628;
    color: #FCF8EE;
    transform: rotate(.8deg);
    border-radius: 42px 30px 38px 26px;
}

.kku-podo-proof__review--03 {
    background: #291600;
    color: #FCF8EE;
    transform: rotate(.65deg);
    border-radius: 28px 42px 32px 46px;
}

.kku-podo-proof__review--04 {
    background: #009D9F;
    color: #FCF8EE;
    transform: rotate(-.9deg);
    border-radius: 40px 28px 46px 32px;
}

.kku-podo-proof__review-text {
    margin: 0;
}

.kku-podo-proof__review-text .elementor-widget-container,
.kku-podo-proof__review-text {
    color: inherit;
    font-family: "IBM Plex Serif", serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.38;
}

.kku-podo-proof__review-meta {
    margin-top: auto;
    padding-top: 26px;
}

.kku-podo-proof__review-meta .elementor-widget-container,
.kku-podo-proof__review-meta {
    color: inherit;
    font-family: "Afacad Flux", sans-serif;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: .015em;
}

.kku-podo-proof__review--02 .kku-podo-proof__review-meta,
.kku-podo-proof__review--03 .kku-podo-proof__review-meta,
.kku-podo-proof__review--04 .kku-podo-proof__review-meta {
    color: rgba(252, 248, 238, .72);
}

.kku-podo-proof__review--01 .kku-podo-proof__review-meta {
    color: rgba(41, 22, 0, .72);
}

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

@media (max-width: 1100px) {
    .kku-podo-proof {
        padding: 118px 0 132px;
    }

    .kku-podo-proof__inner {
        width: min(100% - 72px, 1040px);
    }

    .kku-podo-proof__intro {
        margin-bottom: 68px;
    }

    .kku-podo-proof__story {
        grid-template-columns: 1fr;
        gap: 46px;
        padding: 46px;
        margin-bottom: 120px;
    }

    .kku-podo-proof__story-media {
        min-height: 610px;
        max-width: 680px;
        width: 100%;
        margin-inline: auto;
    }

    .kku-podo-proof__story-copy {
        max-width: 720px;
        margin-inline: auto;
    }
}

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

@media (max-width: 760px) {
    .kku-podo-proof {
        padding: 88px 0 100px;
    }

    .kku-podo-proof__inner {
        width: calc(100% - 40px);
    }

    .kku-podo-proof__intro {
        margin-bottom: 52px;
    }

    .kku-podo-proof__h2 .elementor-heading-title {
        font-size: 42px;
        line-height: 1.04;
    }

    .kku-podo-proof__lead .elementor-widget-container,
    .kku-podo-proof__lead {
        font-size: 17px;
    }

    .kku-podo-proof__story {
        gap: 34px;
        padding: 26px 22px 24px;
        margin-bottom: 94px;
        border-radius:
            32px 48px 34px 52px /
            38px 32px 54px 34px;
    }

    .kku-podo-proof__story::after {
        width: 110px;
        right: -42px;
        bottom: -38px;
    }

    .kku-podo-proof__story-media {
        min-height: 500px;
    }

    .kku-podo-proof__story-media::before {
        inset: 58px 24px 54px 4px;
    }

    .kku-podo-proof__story-image-main {
        left: 4px;
        top: 18px;
        width: 72% !important;
    }

    .kku-podo-proof__story-image-detail {
        right: 0;
        top: 80px;
        width: 42% !important;
    }

    .kku-podo-proof__story-image-result {
        right: 8px;
        bottom: 0;
        width: 53% !important;
    }

    .kku-podo-proof__story-image-main .elementor-widget-container,
    .kku-podo-proof__story-image-detail .elementor-widget-container,
    .kku-podo-proof__story-image-result .elementor-widget-container {
        padding: 7px;
    }

    .kku-podo-proof__story-copy {
        padding: 38px 30px 32px;
        border-radius:
            38px 52px 34px 46px /
            44px 34px 52px 38px;
    }

    .kku-podo-proof__story-title .elementor-heading-title {
        font-size: 36px;
    }

    .kku-podo-proof__story-text .elementor-widget-container,
    .kku-podo-proof__story-text {
        font-size: 16px;
    }

    .kku-podo-proof__story-quote {
        margin-top: 28px;
        padding: 22px 22px 20px 26px;
    }

    .kku-podo-proof__story-quote .elementor-widget-container,
    .kku-podo-proof__story-quote {
        font-size: 19px;
    }

    .kku-podo-proof__reviews-intro {
        margin-bottom: 44px;
    }

    .kku-podo-proof__reviews-title .elementor-heading-title {
        font-size: 38px;
    }

    .kku-podo-proof__reviews-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 10px 0;
    }

    .kku-podo-proof__review {
        min-height: 0;
        padding: 42px 30px 32px !important;
        transform: none !important;
        border-width: 7px;
    }

    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text {
        font-size: 22px;
    }
}

@media (max-width: 390px) {
    .kku-podo-proof__inner {
        width: calc(100% - 32px);
    }

    .kku-podo-proof__h2 .elementor-heading-title {
        font-size: 37px;
    }

    .kku-podo-proof__story {
        padding-inline: 16px;
    }

    .kku-podo-proof__story-media {
        min-height: 430px;
    }

    .kku-podo-proof__story-copy {
        padding: 34px 24px 28px;
    }

    .kku-podo-proof__story-title .elementor-heading-title {
        font-size: 32px;
    }

    .kku-podo-proof__reviews-title .elementor-heading-title {
        font-size: 34px;
    }

    .kku-podo-proof__review {
        padding: 38px 24px 28px !important;
    }

    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text {
        font-size: 20px;
    }
}

/* ===== SOURCE LAYER 2 ===== */

/* --- Intro --- */
.kku-podo-proof .kku-podo-proof__eyebrow,
.kku-podo-proof .kku-podo-proof__eyebrow .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__eyebrow p {
    color: #FFA338 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.kku-podo-proof .kku-podo-proof__h2 .elementor-heading-title {
    color: #012628 !important;
    font-family: "IBM Plex Serif", serif !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
}

.kku-podo-proof .kku-podo-proof__lead,
.kku-podo-proof .kku-podo-proof__lead .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__lead p {
    color: rgba(1, 38, 40, .82) !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
}

/* --- Story card --- */
.kku-podo-proof .kku-podo-proof__story-label,
.kku-podo-proof .kku-podo-proof__story-label .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__story-label p {
    color: #FFA338 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.kku-podo-proof .kku-podo-proof__story-title .elementor-heading-title {
    color: #FCF8EE !important;
    font-family: "IBM Plex Serif", serif !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
}

.kku-podo-proof .kku-podo-proof__story-text,
.kku-podo-proof .kku-podo-proof__story-text .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__story-text p {
    color: rgba(252, 248, 238, .9) !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
}

.kku-podo-proof .kku-podo-proof__story-quote,
.kku-podo-proof .kku-podo-proof__story-quote .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__story-quote p {
    color: #FCF8EE !important;
    font-family: "IBM Plex Serif", serif !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
}

/* --- Reviews intro --- */
.kku-podo-proof .kku-podo-proof__reviews-eyebrow,
.kku-podo-proof .kku-podo-proof__reviews-eyebrow .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__reviews-eyebrow p {
    color: #009D9F !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.kku-podo-proof .kku-podo-proof__reviews-title .elementor-heading-title {
    color: #012628 !important;
    font-family: "IBM Plex Serif", serif !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
}

/* --- Review cards --- */
.kku-podo-proof .kku-podo-proof__review-text,
.kku-podo-proof .kku-podo-proof__review-text .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__review-text p {
    font-family: "IBM Plex Serif", serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
}

.kku-podo-proof .kku-podo-proof__review-meta,
.kku-podo-proof .kku-podo-proof__review-meta .elementor-widget-container,
.kku-podo-proof .kku-podo-proof__review-meta p {
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}

/* Orange card */
.kku-podo-proof .kku-podo-proof__review--01 .kku-podo-proof__review-text,
.kku-podo-proof .kku-podo-proof__review--01 .kku-podo-proof__review-text *,
.kku-podo-proof .kku-podo-proof__review--01 .kku-podo-proof__review-meta,
.kku-podo-proof .kku-podo-proof__review--01 .kku-podo-proof__review-meta * {
    color: #291600 !important;
}

/* Dark green, brown and turquoise cards */
.kku-podo-proof .kku-podo-proof__review--02 .kku-podo-proof__review-text,
.kku-podo-proof .kku-podo-proof__review--02 .kku-podo-proof__review-text *,
.kku-podo-proof .kku-podo-proof__review--03 .kku-podo-proof__review-text,
.kku-podo-proof .kku-podo-proof__review--03 .kku-podo-proof__review-text *,
.kku-podo-proof .kku-podo-proof__review--04 .kku-podo-proof__review-text,
.kku-podo-proof .kku-podo-proof__review--04 .kku-podo-proof__review-text * {
    color: #FCF8EE !important;
}

.kku-podo-proof .kku-podo-proof__review--02 .kku-podo-proof__review-meta,
.kku-podo-proof .kku-podo-proof__review--02 .kku-podo-proof__review-meta *,
.kku-podo-proof .kku-podo-proof__review--03 .kku-podo-proof__review-meta,
.kku-podo-proof .kku-podo-proof__review--03 .kku-podo-proof__review-meta *,
.kku-podo-proof .kku-podo-proof__review--04 .kku-podo-proof__review-meta,
.kku-podo-proof .kku-podo-proof__review--04 .kku-podo-proof__review-meta * {
    color: rgba(252, 248, 238, .75) !important;
}

/* Preserve responsive text sizing from V1 */
@media (max-width: 760px) {
    .kku-podo-proof .kku-podo-proof__review-text,
    .kku-podo-proof .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof .kku-podo-proof__review-text p {
        font-size: 22px !important;
    }

    .kku-podo-proof .kku-podo-proof__story-quote,
    .kku-podo-proof .kku-podo-proof__story-quote .elementor-widget-container,
    .kku-podo-proof .kku-podo-proof__story-quote p {
        font-size: 19px !important;
    }
}

@media (max-width: 390px) {
    .kku-podo-proof .kku-podo-proof__review-text,
    .kku-podo-proof .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof .kku-podo-proof__review-text p {
        font-size: 20px !important;
    }
}

/* ===== SOURCE LAYER 3 ===== */

/* ---------- Desktop spacing polish ---------- */

@media (min-width: 1025px) {
    /* Pull the case study a little closer to the intro */
    .kku-podo-proof__intro {
        margin-bottom: 66px;
    }

    /* Slightly tighten the transition from case study to reviews */
    .kku-podo-proof__story {
        margin-bottom: 132px;
    }

    /* Bring the review cards closer to their heading */
    .kku-podo-proof__reviews-intro {
        margin-bottom: 42px;
    }
}

/* ---------- Quote mark micro-polish ---------- */

.kku-podo-proof__story-quote::before {
    left: 10px;
    top: -28px;
}

/* ---------- Click-to-zoom / lightbox affordance ---------- */

/* Elementor "Media File" link */
.kku-podo-proof__story-media a {
    display: block;
    cursor: zoom-in;
}

/* Smooth, restrained image movement */
.kku-podo-proof__story-image-main img,
.kku-podo-proof__story-image-detail img,
.kku-podo-proof__story-image-result img {
    transition: transform .28s ease;
    transform-origin: center center;
    will-change: transform;
}

/* Keep the zoom inside the photo frame */
.kku-podo-proof__story-image-main .elementor-widget-container,
.kku-podo-proof__story-image-detail .elementor-widget-container,
.kku-podo-proof__story-image-result .elementor-widget-container {
    overflow: hidden;
}

/* Hover only on devices that actually have hover */
@media (hover: hover) and (pointer: fine) {
    .kku-podo-proof__story-image-main:hover img,
    .kku-podo-proof__story-image-detail:hover img,
    .kku-podo-proof__story-image-result:hover img {
        transform: scale(1.025);
    }
}

/* Keyboard focus */
.kku-podo-proof__story-media a:focus-visible {
    outline: 3px solid #FFA338;
    outline-offset: 4px;
}

/* ===== SOURCE LAYER 4 ===== */

/*
   At tablet widths the case-study composition still works well,
   but the 2-column review grid becomes too narrow for the longer
   serif quotes. Switch reviews to one comfortable column earlier.
*/
@media (max-width: 900px) {
    .kku-podo-proof__reviews-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        width: min(100%, 640px);
        margin-inline: auto;
        padding: 10px 0 20px;
    }

    .kku-podo-proof__review {
        min-height: 220px;
        padding: 42px 44px 34px !important;
    }

    .kku-podo-proof__review-text,
    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text p {
        font-size: 23px !important;
        line-height: 1.38 !important;
    }

    .kku-podo-proof__reviews-intro {
        max-width: 640px;
    }
}

/* Existing mobile behavior remains cleaner without card rotation. */
@media (max-width: 760px) {
    .kku-podo-proof__reviews-grid {
        width: 100%;
    }

    .kku-podo-proof__review {
        min-height: 0;
        padding: 42px 30px 32px !important;
    }

    .kku-podo-proof__review-text,
    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text p {
        font-size: 22px !important;
    }
}

/* ===== SOURCE LAYER 5 ===== */

@media (max-width: 430px) {

    .kku-podo-proof {
        padding-top: 78px;
        padding-bottom: 88px;
    }

    .kku-podo-proof__intro {
        margin-bottom: 46px;
    }

    .kku-podo-proof__h2 .elementor-heading-title {
        font-size: 35px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-proof__lead,
    .kku-podo-proof__lead .elementor-widget-container,
    .kku-podo-proof__lead p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .kku-podo-proof__story {
        gap: 28px;
        margin-bottom: 78px;
    }

    .kku-podo-proof__story-copy {
        padding: 30px 24px 27px;
    }

    .kku-podo-proof__story-title .elementor-heading-title {
        font-size: 30px !important;
        line-height: 1.05 !important;
    }

    .kku-podo-proof__story-text,
    .kku-podo-proof__story-text .elementor-widget-container,
    .kku-podo-proof__story-text p {
        font-size: 15.5px !important;
        line-height: 1.55 !important;
    }

    .kku-podo-proof__story-quote {
        margin-top: 25px;
        padding: 20px 20px 19px 24px;
    }

    .kku-podo-proof__story-quote,
    .kku-podo-proof__story-quote .elementor-widget-container,
    .kku-podo-proof__story-quote p {
        font-size: 18px !important;
        line-height: 1.34 !important;
    }

    .kku-podo-proof__story-quote::before {
        left: 9px;
        top: -25px;
        font-size: 66px;
    }

    .kku-podo-proof__reviews-intro {
        margin-bottom: 34px;
    }

    .kku-podo-proof__reviews-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.04 !important;
    }

    .kku-podo-proof__reviews-grid {
        gap: 24px;
    }

    .kku-podo-proof__review {
        padding: 34px 22px 26px !important;
        border-width: 6px;
    }

    .kku-podo-proof__review-text,
    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text p {
        font-size: 19px !important;
        line-height: 1.36 !important;
    }

    .kku-podo-proof__review-meta,
    .kku-podo-proof__review-meta .elementor-widget-container,
    .kku-podo-proof__review-meta p {
        font-size: 14px !important;
    }

    .kku-podo-proof__review-meta {
        padding-top: 22px;
    }
}

@media (max-width: 340px) {
    .kku-podo-proof__h2 .elementor-heading-title {
        font-size: 32px !important;
    }

    .kku-podo-proof__story-title .elementor-heading-title {
        font-size: 28px !important;
    }

    .kku-podo-proof__reviews-title .elementor-heading-title {
        font-size: 29px !important;
    }

    .kku-podo-proof__review-text,
    .kku-podo-proof__review-text .elementor-widget-container,
    .kku-podo-proof__review-text p {
        font-size: 18px !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 09 ZKUSENOSTI
   V6 – REVIEW PINS + DESKTOP BOTTOM SPACING
   ---------------------------------------------------------
   1) Zkracuje prazdny prechod 09 -> 10 pouze na desktopu.
   2) Dava kazde recenzni karte kontrastni brandovy spendlik.
   3) Tablet a mobil zustavaji beze zmeny.
   ========================================================= */


/* =========================================================
   DESKTOP – MENSI PRAZDNY PROSTOR PRED SEKCI CENA
   ========================================================= */

@media (min-width: 1101px) {
    .kku-podo-proof {
        padding-bottom: 64px;
    }
}


/* =========================================================
   REVIEW PINS – KONTRAST PODLE BARVY KARTY
   ========================================================= */

/* 01 ORANZOVA KARTA -> TMAVE ZELENY SPENDLIK */
.kku-podo-proof__review--01::before {
    background: #012628;
}

.kku-podo-proof__review--01::after {
    background: rgba(1, 38, 40, .62);
}


/* 02 TMAVE ZELENA KARTA -> ORANZOVY SPENDLIK */
.kku-podo-proof__review--02::before {
    background: #FFA338;
}

.kku-podo-proof__review--02::after {
    background: rgba(255, 163, 56, .72);
}


/* 03 HNEDA KARTA -> TYRKYSOVY SPENDLIK */
.kku-podo-proof__review--03::before {
    background: #009D9F;
}

.kku-podo-proof__review--03::after {
    background: rgba(0, 157, 159, .72);
}


/* 04 TYRKYSOVA KARTA -> HNEDY SPENDLIK */
.kku-podo-proof__review--04::before {
    background: #291600;
}

.kku-podo-proof__review--04::after {
    background: rgba(41, 22, 0, .62);
}


/* Jemne sjednoceni hloubky barevnych spendliku */
.kku-podo-proof__review::before {
    box-shadow:
        0 3px 0 rgba(41, 22, 0, .14),
        0 6px 14px rgba(41, 22, 0, .16);
}

/* =========================================================
   KKU – PODOLOGIE – 09 ZKUSENOSTI
   V7 – MOBILE SPACING POLISH
   ---------------------------------------------------------
   PRIDAT UPLNE DOLU ZA STAVAJICI CSS SEKCE 09.
   Nic predchoziho nemazat.

   1) Zkracuje prazdny prostor 09 -> 10 na mobilu.
   2) Zmensuje vysku fotokolaze na uzkych mobilech,
      aby treti fotografie nebyla zbytecne daleko.
   3) 768+ zustava beze zmeny.
   ========================================================= */

@media (max-width: 430px) {
    .kku-podo-proof {
        padding-bottom: 16px !important;
    }

    .kku-podo-proof__story-media {
        min-height: 415px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-205215c *//* =========================================================
   KKU — PODOLOGIE / 10 CENA + CTA
   CLEAN CONSOLIDATED VERSION
   Nahrazuje původní CENA základ + V2–V6 + CTA V1–V5.
   ========================================================= */


/* =========================================================
   SECTION + INTRO
   ========================================================= */

.kku-podo-price {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 138px 0 156px;

    background: #FCF8EE;
    color: #012628;
}

.kku-podo-price__inner {
    position: relative;
    z-index: 1;

    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
}

.kku-podo-price__intro {
    width: min(820px, 100%);
}

.kku-podo-price__eyebrow {
    margin-bottom: 22px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__eyebrow p {
    margin: 0;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #FFA338;
}

.kku-podo-price__h2 {
    margin: 0;
}

.kku-podo-price__h2 .elementor-heading-title,
.kku-podo-price__h2 h2.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: clamp(54px, 5vw, 72px);
    line-height: 0.99;
    font-weight: 500 !important;

    color: #012628 !important;
}

.kku-podo-price__lead {
    width: min(720px, 100%);
    margin-top: 28px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__lead p {
    margin: 0;

    font-size: 18px;
    line-height: 1.58;

    color: rgba(1, 38, 40, 0.78);
}


/* =========================================================
   PRICE STAGE
   ========================================================= */

.kku-podo-price__stage {
    display: grid;

    grid-template-columns:
        minmax(0, 1.38fr)
        minmax(310px, 0.62fr);

    gap: 28px;
    align-items: center;

    margin-top: 50px;
}


/* =========================================================
   MAIN PRICE CARD — 4 000 Kč
   ========================================================= */

.kku-podo-price__main {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    min-height: 430px;

    padding: 50px 56px 46px;

    border-radius: 72px 24px 72px 24px;

    background: #FFA338;
    color: #291600;
}

.kku-podo-price__main::before {
    content: "";

    position: absolute;
    z-index: -1;

    width: 210px;
    height: 210px;

    right: -108px;
    top: -92px;

    border-radius:
        47% 53% 61% 39% /
        44% 48% 52% 56%;

    background: #009D9F;

    transform: rotate(16deg);

    pointer-events: none;
}

/* starý spodní dekorativní detail je finálně vypnutý */
.kku-podo-price__main::after {
    content: none !important;
}

.kku-podo-price__main-label {
    margin-bottom: 20px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__main-label p {
    margin: 0;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 750;

    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #291600;
}

.kku-podo-price__main-price {
    margin: 0;
}

.kku-podo-price__main-price .elementor-heading-title,
.kku-podo-price__main-price h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 90px;
    line-height: 0.92;

    font-weight: 500 !important;

    letter-spacing: -0.035em;

    color: #291600 !important;
}

.kku-podo-price__main-title {
    margin-top: 28px;
}

.kku-podo-price__main-title .elementor-heading-title,
.kku-podo-price__main-title h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 34px;
    line-height: 1.08;

    font-weight: 500 !important;

    color: #291600 !important;
}

.kku-podo-price__main-text {
    width: min(580px, 100%);
    margin-top: 18px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__main-text p {
    margin: 0;

    font-size: 17px;
    line-height: 1.56;

    color: #291600;
}

.kku-podo-price__main-note {
    position: relative;

    width: fit-content;
    max-width: 520px;

    margin-top: auto;
    padding-top: 34px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__main-note::before {
    content: "";

    display: block;

    width: 34px;
    height: 2px;

    margin-bottom: 11px;

    border-radius: 999px;

    background: #291600;
}

.kku-podo-price__main-note p {
    margin: 0;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 650;

    color: #291600;
}


/* =========================================================
   SECONDARY PRICE CARD — 1 000 Kč
   ========================================================= */

.kku-podo-price__secondary {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    min-height: 350px;

    padding: 40px 42px 38px;

    border-radius: 48px 18px 48px 18px;

    background: #009D9F;
    color: #FCF8EE;

    transform: translateY(18px);
}

.kku-podo-price__secondary::before {
    content: "";

    position: absolute;

    width: 52px;
    height: 3px;

    right: 32px;
    top: 31px;

    border-radius: 999px;

    background: #FFA338;

    pointer-events: none;
}

.kku-podo-price__secondary-label {
    margin-bottom: 24px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__secondary-label p {
    margin: 0;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 750;

    letter-spacing: 0.13em;
    text-transform: uppercase;

    color: #012628;
}

.kku-podo-price__secondary-price {
    margin: 0;
}

.kku-podo-price__secondary-price .elementor-heading-title,
.kku-podo-price__secondary-price h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 58px;
    line-height: 0.95;

    font-weight: 500 !important;

    letter-spacing: -0.025em;

    color: #FCF8EE !important;
}

.kku-podo-price__secondary-title {
    margin-top: 25px;
}

.kku-podo-price__secondary-title .elementor-heading-title,
.kku-podo-price__secondary-title h3.elementor-heading-title {
    margin: 0;

    font-family: "IBM Plex Serif", serif !important;

    font-size: 28px;
    line-height: 1.08;

    font-weight: 500 !important;

    color: #012628 !important;
}

.kku-podo-price__secondary-text {
    margin-top: 18px;

    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-price__secondary-text p {
    margin: 0;

    font-size: 16px;
    line-height: 1.56;

    color: rgba(1, 38, 40, 0.82);
}


/* =========================================================
   CTA BRIDGE
   ========================================================= */

.kku-podo-price__cta {
    position: relative;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(300px, 0.82fr);

    gap: clamp(32px, 4vw, 58px);
    align-items: center;

    width: 100%;

    margin-top: clamp(54px, 6vw, 84px);
    margin-bottom: -48px;

    padding:
        clamp(38px, 3.8vw, 54px)
        clamp(36px, 5vw, 72px);

    background: #291600;
    color: #FCF8EE;

    border-radius:
        52px 92px 46px 78px /
        62px 48px 84px 44px;

    overflow: visible;
    isolation: isolate;
}

.kku-podo-price__cta::after {
    content: "";

    position: absolute;

    right: -26px;
    bottom: -22px;

    width: 96px;
    aspect-ratio: 1;

    background: #009D9F;

    border-radius:
        58% 42% 64% 36% /
        46% 62% 38% 54%;

    transform: rotate(10deg);

    z-index: -1;
}

.kku-podo-price__cta-copy {
    min-width: 0;
}

.kku-podo-price__cta-eyebrow,
.kku-podo-price__cta-eyebrow .elementor-widget-container,
.kku-podo-price__cta-eyebrow p {
    color: #FFA338 !important;

    font-family: "Afacad Flux", sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.kku-podo-price__cta-title {
    margin-top: 18px;
}

.kku-podo-price__cta-title .elementor-heading-title {
    margin: 0 !important;

    max-width: 620px;

    color: #FCF8EE !important;

    font-family: "IBM Plex Serif", serif !important;

    font-size: clamp(36px, 3.4vw, 50px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;

    letter-spacing: -0.02em !important;
}

.kku-podo-price__cta-text {
    max-width: 650px;

    margin-top: 22px;
}

.kku-podo-price__cta-text,
.kku-podo-price__cta-text .elementor-widget-container,
.kku-podo-price__cta-text p {
    color: rgba(252, 248, 238, 0.86) !important;

    font-family: "Afacad Flux", sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
}

.kku-podo-price__cta-action {
    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;

    min-width: 0;

    padding: 22px 24px 20px;

    background: rgba(252, 248, 238, 0.035);

    border: 1px solid rgba(252, 248, 238, 0.075);

    border-radius:
        34px 48px 30px 44px /
        42px 30px 48px 34px;
}

.kku-podo-price__cta-button {
    width: 100%;
}

.kku-podo-price__cta-button .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 54px;

    padding: 15px 26px !important;

    background: #FFA338 !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    transition:
        transform 0.22s ease,
        background-color 0.22s ease;
}

.kku-podo-price__cta-button .elementor-button-text {
    color: #291600 !important;

    font-family: "Afacad Flux", sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

@media (hover: hover) and (pointer: fine) {
    .kku-podo-price__cta-button .elementor-button:hover {
        transform: translateY(-2px);
        background: #FCF8EE !important;
    }
}

.kku-podo-price__cta-note {
    margin-top: 14px;

    text-align: center;
}

.kku-podo-price__cta-note,
.kku-podo-price__cta-note .elementor-widget-container,
.kku-podo-price__cta-note p {
    color: rgba(252, 248, 238, 0.66) !important;

    font-family: "Afacad Flux", sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}


/* =========================================================
   ULTRAWIDE — 1900+
   ========================================================= */

@media (min-width: 1900px) {

    .kku-podo-price {
        padding-top: 142px;
        padding-bottom: 164px;
    }

    .kku-podo-price__inner {
        width: min(1600px, calc(100% - 120px));
    }

    .kku-podo-price__intro {
        width: min(940px, 100%);
    }

    .kku-podo-price__stage {
        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(360px, 0.55fr);

        gap: 38px;
    }

    .kku-podo-price__main {
        min-height: 456px;

        padding: 56px 64px 50px;
    }

    .kku-podo-price__main-price .elementor-heading-title {
        font-size: 98px;
    }

    .kku-podo-price__secondary {
        padding-top: 44px;
        padding-bottom: 44px;
    }
}


/* =========================================================
   DESKTOP / LAPTOP — 1025+
   ========================================================= */

@media (min-width: 1025px) {

    .kku-podo-price {
        padding-bottom: 72px !important;
    }

    /* transition Cena → FAQ */
    .kku-podo-faq {
        padding-top: 88px !important;
    }
}


/* =========================================================
   769–1399
   ========================================================= */

@media (min-width: 769px) and (max-width: 1399px) {

    .kku-podo-price {
        padding-top: 112px;
        padding-bottom: 132px;
    }

    .kku-podo-price__inner {
        width: min(100%, calc(100% - 80px));
    }

    .kku-podo-price__h2 .elementor-heading-title {
        font-size: clamp(48px, 5.4vw, 64px);
    }

    .kku-podo-price__stage {
        grid-template-columns:
            minmax(0, 1.22fr)
            minmax(290px, 0.78fr);

        gap: 24px;
    }

    .kku-podo-price__main {
        min-height: 404px;

        padding: 44px 44px 40px;

        border-radius: 60px 22px 60px 22px;
    }

    .kku-podo-price__main-price .elementor-heading-title {
        font-size: 74px;
    }

    .kku-podo-price__main-title .elementor-heading-title {
        font-size: 30px;
    }

    .kku-podo-price__secondary {
        padding-top: 36px;
        padding-bottom: 36px;

        transform: translateY(14px);
    }

    .kku-podo-price__secondary-price .elementor-heading-title {
        font-size: 50px;
    }

    .kku-podo-price__secondary-title .elementor-heading-title {
        font-size: 25px;
    }
}


/* =========================================================
   TABLET CTA — <=1024
   ========================================================= */

@media (max-width: 1024px) {

    .kku-podo-price__cta {
        grid-template-columns: 1fr;

        gap: 30px;

        margin-top: 56px;
        margin-bottom: -28px;

        padding: 40px 42px;
    }

    .kku-podo-price__cta-title .elementor-heading-title {
        max-width: 680px;

        font-size: 42px !important;
    }

    .kku-podo-price__cta-action {
        width: 100%;
        max-width: 560px;

        padding: 20px 22px 18px;
    }
}


/* =========================================================
   TABLET — 601–768
   ========================================================= */

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

    .kku-podo-price {
        padding: 92px 0 110px;
    }

    .kku-podo-price__inner {
        width: min(100%, calc(100% - 92px));
    }

    .kku-podo-price__h2 .elementor-heading-title {
        font-size: 52px;
        line-height: 1;
    }

    .kku-podo-price__lead {
        margin-top: 26px;
    }

    .kku-podo-price__stage {
        display: flex;
        flex-direction: column;

        gap: 24px;
        align-items: stretch;

        margin-top: 54px;
    }

    .kku-podo-price__main {
        width: 100%;
        min-height: 0;

        padding: 46px 46px 42px;

        border-radius: 58px 20px 58px 20px;
    }

    /* na 601–768 zůstává větší tabletová varianta blobu */
    .kku-podo-price__main::before {
        width: 245px;
        height: 245px;

        right: -78px;
        top: -82px;

        border-radius:
            44% 56% 63% 37% /
            48% 43% 57% 52%;

        transform: rotate(18deg);
    }

    .kku-podo-price__main-price .elementor-heading-title {
        font-size: 78px;
    }

    .kku-podo-price__secondary {
        width: 78%;

        margin-left: auto;

        padding-top: 38px;
        padding-bottom: 40px;

        transform: none;
    }
}


/* =========================================================
   MOBILE — <=600
   ========================================================= */

@media (max-width: 600px) {

    .kku-podo-price {
        padding: 80px 0 44px;
    }

    .kku-podo-price__inner {
        width: min(100%, calc(100% - 72px));
    }

    .kku-podo-price__eyebrow {
        margin-bottom: 18px;
    }

    .kku-podo-price__h2 .elementor-heading-title {
        font-size: 38px;
        line-height: 1.01;
    }

    .kku-podo-price__lead {
        margin-top: 22px;
    }

    .kku-podo-price__lead p {
        font-size: 16px;
        line-height: 1.58;
    }

    .kku-podo-price__stage {
        display: flex;
        flex-direction: column;

        gap: 18px;
        align-items: stretch;

        margin-top: 44px;
    }


    /* MAIN */

    .kku-podo-price__main {
        min-height: 0;

        padding: 30px 22px;

        border-radius: 42px 16px 42px 16px;
    }

    .kku-podo-price__main::before {
        width: 112px;
        height: 112px;

        right: -38px;
        top: -42px;

        border-radius:
            47% 53% 61% 39% /
            44% 48% 52% 56%;

        transform: rotate(16deg);
    }

    .kku-podo-price__main-label {
        margin-bottom: 18px;
    }

    .kku-podo-price__main-price .elementor-heading-title,
    .kku-podo-price__main-price h3.elementor-heading-title {
        font-size: clamp(46px, 14vw, 54px) !important;
        line-height: 0.94 !important;

        letter-spacing: -0.035em;

        white-space: nowrap;
    }

    .kku-podo-price__main-title {
        margin-top: 22px;
    }

    .kku-podo-price__main-title .elementor-heading-title,
    .kku-podo-price__main-title h3.elementor-heading-title {
        font-size: clamp(24px, 7vw, 27px) !important;
        line-height: 1.08 !important;
    }

    .kku-podo-price__main-text {
        margin-top: 16px;
    }

    .kku-podo-price__main-text p {
        font-size: 16px;
    }

    .kku-podo-price__main-note {
        margin-top: 28px;

        padding-top: 0;
        padding-right: 28px;
    }

    .kku-podo-price__main-note p {
        font-size: 14px;
        line-height: 1.4;
    }


    /* SECONDARY */

    .kku-podo-price__secondary {
        width: 100%;

        padding: 28px 22px 30px;

        border-radius: 36px 14px 36px 14px;

        transform: none;
    }

    .kku-podo-price__secondary-label {
        margin-bottom: 20px;
    }

    .kku-podo-price__secondary-price .elementor-heading-title,
    .kku-podo-price__secondary-price h3.elementor-heading-title {
        font-size: clamp(40px, 12vw, 46px) !important;
        line-height: 0.96 !important;

        letter-spacing: -0.025em;

        white-space: nowrap;
    }

    .kku-podo-price__secondary-title {
        margin-top: 20px;
    }

    .kku-podo-price__secondary-title .elementor-heading-title,
    .kku-podo-price__secondary-title h3.elementor-heading-title {
        font-size: 24px !important;
        line-height: 1.08 !important;
    }

    .kku-podo-price__secondary-text {
        margin-top: 15px;
    }

    .kku-podo-price__secondary-text p {
        font-size: 15.5px;
    }


    /* CTA */

    .kku-podo-price__cta {
        gap: 26px;

        margin-top: 42px;
        margin-bottom: -8px;

        padding: 30px 24px 28px;

        border-radius:
            34px 48px 30px 42px /
            40px 30px 46px 32px;
    }

    .kku-podo-price__cta::after {
        right: -20px;
        bottom: -16px;

        width: 72px;
    }

    .kku-podo-price__cta-title {
        margin-top: 14px;
    }

    .kku-podo-price__cta-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.05 !important;
    }

    .kku-podo-price__cta-text {
        margin-top: 18px;
    }

    .kku-podo-price__cta-text,
    .kku-podo-price__cta-text .elementor-widget-container,
    .kku-podo-price__cta-text p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .kku-podo-price__cta-action {
        padding: 18px 16px 17px;

        background: rgba(252, 248, 238, 0.03);
    }

    .kku-podo-price__cta-button .elementor-button {
        min-height: 54px;

        padding-inline: 18px !important;
    }

    .kku-podo-price__cta-button .elementor-button-text {
        font-size: 15px !important;
    }


    /* transition Cena → FAQ */

    .kku-podo-faq {
        padding-top: 58px !important;
    }
}


/* =========================================================
   320 — <=340
   ========================================================= */

@media (max-width: 340px) {

    .kku-podo-price {
        padding: 72px 0 38px;
    }

    .kku-podo-price__inner {
        width: min(100%, calc(100% - 58px));
    }

    .kku-podo-price__h2 .elementor-heading-title {
        font-size: 34px;
    }

    .kku-podo-price__main {
        padding: 27px 20px 28px;
    }

    .kku-podo-price__main::before {
        width: 96px;
        height: 96px;

        right: -32px;
        top: -36px;
    }

    .kku-podo-price__main-label p,
    .kku-podo-price__secondary-label p {
        font-size: 10.5px;

        letter-spacing: 0.10em;
    }

    .kku-podo-price__secondary {
        padding: 26px 20px 28px;
    }

    /* na 320 kolidovala oranžová linka s labelem */
    .kku-podo-price__secondary::before {
        display: none !important;
    }

    .kku-podo-price__cta {
        padding-inline: 20px;
    }

    .kku-podo-price__cta-title .elementor-heading-title {
        font-size: 29px !important;
    }

    .kku-podo-price__cta-action {
        padding: 18px 16px 17px;
    }

    .kku-podo-price__cta-button .elementor-button-text {
        font-size: 14px !important;
    }

    .kku-podo-faq {
        padding-top: 52px !important;
    }
}


/* =========================================================
   VERIFIED RESPONSIVE DECORATION RESTORE
   Zachovava presne otestovany stav CLEAN FINAL + Restore V2.
   ========================================================= */


/* =========================================================
   KKU — PODOLOGIE / 10 CENA
   DECORATION RESTORE V2 — RESPONSIVE
   NAHRAZUJE decoration-restore-v1.css
   Vlozit ZA kku-podologie-10-cena-CLEAN-FINAL.css
   ========================================================= */

/* Desktop / default:
   oba pseudo-prvky explicitne ukotvit vpravo.
*/
.kku-podo-price__main::before {
    left: auto !important;
    right: -108px !important;
    top: -92px !important;
}

.kku-podo-price__secondary::before {
    left: auto !important;
    right: 32px !important;
    top: 31px !important;
}

/* Tablet 601–768:
   zachovat puvodni vetsi tabletovy blob.
*/
@media (min-width: 601px) and (max-width: 768px) {
    .kku-podo-price__main::before {
        left: auto !important;
        width: 245px !important;
        height: 245px !important;
        right: -78px !important;
        top: -82px !important;
        border-radius:
            44% 56% 63% 37% /
            48% 43% 57% 52% !important;
        transform: rotate(18deg) !important;
    }
}

/* Mobil:
   vraci kompaktní roh, aby nelezel do ceny.
*/
@media (max-width: 600px) {
    .kku-podo-price__main::before {
        left: auto !important;
        width: 112px !important;
        height: 112px !important;
        right: -38px !important;
        top: -42px !important;
        border-radius:
            47% 53% 61% 39% /
            44% 48% 52% 56% !important;
        transform: rotate(16deg) !important;
    }

    .kku-podo-price__secondary::before {
        left: auto !important;
        right: 32px !important;
        top: 31px !important;
    }
}

/* 320:
   jeste mensi hlavni blob a sekundarni linka zustava skryta.
*/
@media (max-width: 340px) {
    .kku-podo-price__main::before {
        left: auto !important;
        width: 96px !important;
        height: 96px !important;
        right: -32px !important;
        top: -36px !important;
    }

    .kku-podo-price__secondary::before {
        display: none !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 10 CENA
   V7 – DESKTOP TOP SPACING POLISH
   ---------------------------------------------------------
   Zkracuje prazdny prechod 09 ZKUSENOSTI -> 10 CENA.

   - sekce 09 se nemeni
   - cenove karty se nemeni
   - CTA se nemeni
   - Cena -> FAQ se nemeni
   - tablet 768 a mobil zustavaji beze zmeny
   ========================================================= */


/* Laptop + bezny desktop */
@media (min-width: 1025px) and (max-width: 1899px) {
    .kku-podo-price {
        padding-top: 72px !important;
    }
}


/* Ultrawide – o trochu vic vzduchu */
@media (min-width: 1900px) {
    .kku-podo-price {
        padding-top: 88px !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 10 CENA
   V8 – MOBILE TOP SPACING POLISH
   ---------------------------------------------------------
   PRIDAT UPLNE DOLU ZA STAVAJICI CSS SEKCE 10.
   Nic predchoziho nemazat.

   Zkracuje prazdny prechod 09 ZKUSENOSTI -> 10 CENA
   pouze na uzkych mobilech.
   431px+ zustava beze zmeny.
   ========================================================= */

@media (max-width: 430px) {
    .kku-podo-price {
        padding-top: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8cb450 *//* =========================================================
   KROKY K USMEVU — PODOLOGIE
   11 FAQ
   FINAL CONSOLIDATED — V1 + V2 + V3
   ========================================================= */

/* ===== SOURCE LAYER 1 ===== */

.kku-podo-faq {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 148px 0 164px;
    background: #FCF8EE;
    color: #012628;
}

.kku-podo-faq__inner {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
    gap: clamp(72px, 7vw, 116px);
    align-items: start;
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
}

/* INTRO */
.kku-podo-faq__intro {
    position: relative;
    min-width: 0;
    min-height: 650px;
    padding-bottom: 310px;
}

.kku-podo-faq__intro::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 270px;
    height: 220px;
    left: -48px;
    bottom: 22px;
    border-radius: 58% 42% 63% 37% / 48% 61% 39% 52%;
    transform: rotate(-10deg);
    background: #009D9F;
}

.kku-podo-faq__intro::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 112px;
    height: 112px;
    left: 154px;
    bottom: 0;
    border-radius: 44% 56% 52% 48% / 59% 43% 57% 41%;
    transform: rotate(12deg);
    background: #FFA338;
}

.kku-podo-faq__eyebrow {
    margin: 0 0 22px;
    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-faq__eyebrow p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #FFA338;
}

.kku-podo-faq__h2 {
    width: min(530px, 100%);
    margin: 0;
}

.kku-podo-faq__h2 .elementor-heading-title,
.kku-podo-faq__h2 h2.elementor-heading-title {
    margin: 0;
    font-family: "IBM Plex Serif", serif !important;
    font-size: clamp(52px, 4.2vw, 62px);
    line-height: .99;
    font-weight: 500 !important;
    letter-spacing: -.015em;
    color: #012628 !important;
}

.kku-podo-faq__lead {
    width: min(470px, 100%);
    margin-top: 30px;
    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-faq__lead p {
    margin: 0;
    font-size: 18px;
    line-height: 1.58;
    color: rgba(1, 38, 40, .76);
}

/* LIST */
.kku-podo-faq__list {
    min-width: 0;
    padding-top: 4px;
}

.kku-podo-faq__accordion {
    width: 100%;
    font-family: "Afacad Flux", sans-serif !important;
}

.kku-podo-faq__accordion .e-n-accordion {
    counter-reset: kku-faq;
    display: block !important;
    width: 100%;
}

/* ITEM */
.kku-podo-faq__accordion .e-n-accordion-item {
    counter-increment: kku-faq;
    position: relative;
    margin: 0;
    border: 0 !important;
    border-top: 1px solid rgba(1, 38, 40, .22) !important;
    background: transparent !important;
    transition: background-color 180ms ease, border-radius 180ms ease,
                margin 180ms ease, padding 180ms ease;
}

.kku-podo-faq__accordion .e-n-accordion-item:last-child {
    border-bottom: 1px solid rgba(1, 38, 40, .22) !important;
}

/* QUESTION */
.kku-podo-faq__accordion .e-n-accordion-item-title {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 44px;
    column-gap: 14px;
    align-items: center;
    width: 100%;
    padding: 24px 4px 24px 0 !important;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    cursor: pointer;
}

.kku-podo-faq__accordion .e-n-accordion-item-title::-webkit-details-marker {
    display: none;
}

.kku-podo-faq__accordion .e-n-accordion-item-title::marker {
    content: "";
}

.kku-podo-faq__accordion .e-n-accordion-item-title::before {
    content: counter(kku-faq, decimal-leading-zero);
    grid-column: 1;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 12px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: .12em;
    color: #009D9F;
    transition: color 180ms ease;
}

.kku-podo-faq__accordion .e-n-accordion-item-title-header {
    grid-column: 2;
    min-width: 0;
}

.kku-podo-faq__accordion .e-n-accordion-item-title-text {
    font-family: "IBM Plex Serif", serif !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    color: #012628 !important;
    transition: color 180ms ease;
}

.kku-podo-faq__accordion .e-n-accordion-item-title-icon {
    display: none !important;
}

.kku-podo-faq__accordion .e-n-accordion-item-title::after {
    content: "+";
    grid-column: 3;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    justify-self: end;
    border-radius: 50%;
    font-family: "Afacad Flux", sans-serif;
    font-size: 23px;
    line-height: 1;
    font-weight: 500;
    color: #FCF8EE;
    background: #012628;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

.kku-podo-faq__accordion .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #FFA338 !important;
    outline-offset: 4px;
    border-radius: 12px;
}

/* OPEN ITEM */
.kku-podo-faq__accordion .e-n-accordion-item[open] {
    margin: 12px 0 14px;
    padding: 0 26px 28px;
    border: 0 !important;
    border-radius: 34px 10px 34px 10px;
    background: #009D9F !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
    padding: 26px 0 18px !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-n-accordion-item-title::before {
    color: #FFA338 !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text {
    color: #FCF8EE !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-n-accordion-item-title::after {
    content: "−";
    color: #291600;
    background: #FFA338;
}

/* ANSWER */
.kku-podo-faq__accordion .e-n-accordion-item > .e-con,
.kku-podo-faq__accordion .e-n-accordion-item > .elementor-element {
    padding: 0 56px 0 66px !important;
    background: transparent !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-con p,
.kku-podo-faq__accordion .e-n-accordion-item[open] > .elementor-element p {
    margin: 0 0 10px;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 17px;
    line-height: 1.58;
    font-weight: 400;
    color: rgba(252, 248, 238, .88) !important;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] > .e-con p:last-child,
.kku-podo-faq__accordion .e-n-accordion-item[open] > .elementor-element p:last-child {
    margin-bottom: 0;
}

.kku-podo-faq__accordion .e-n-accordion-item[open] a {
    color: #FCF8EE !important;
    text-decoration-color: #FFA338 !important;
    text-underline-offset: 3px;
}

/* CLASSIC ACCORDION FALLBACK */
.kku-podo-faq__accordion .elementor-accordion {
    counter-reset: kku-faq-classic;
}

.kku-podo-faq__accordion .elementor-accordion-item {
    counter-increment: kku-faq-classic;
    border: 0 !important;
    border-top: 1px solid rgba(1, 38, 40, .22) !important;
}

.kku-podo-faq__accordion .elementor-accordion-item:last-child {
    border-bottom: 1px solid rgba(1, 38, 40, .22) !important;
}

.kku-podo-faq__accordion .elementor-tab-title {
    position: relative;
    padding: 24px 52px 24px 66px !important;
    border: 0 !important;
    font-family: "IBM Plex Serif", serif !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    color: #012628 !important;
    background: transparent !important;
}

.kku-podo-faq__accordion .elementor-tab-title::before {
    content: counter(kku-faq-classic, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Afacad Flux", sans-serif;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .12em;
    color: #009D9F;
}

.kku-podo-faq__accordion .elementor-accordion-icon {
    display: none !important;
}

.kku-podo-faq__accordion .elementor-tab-content {
    padding: 4px 56px 26px 66px !important;
    border: 0 !important;
    font-family: "Afacad Flux", sans-serif !important;
    font-size: 17px;
    line-height: 1.58;
    color: rgba(1, 38, 40, .78);
    background: transparent !important;
}

/* TABLET */
@media (max-width: 1024px) {
    .kku-podo-faq {
        padding: 112px 0 126px;
    }

    .kku-podo-faq__inner {
        grid-template-columns: 1fr !important;
        gap: 70px;
        width: min(100%, calc(100% - 80px));
    }

    .kku-podo-faq__intro {
        min-height: 0;
        padding-bottom: 0;
    }

    .kku-podo-faq__intro::before,
    .kku-podo-faq__intro::after {
        display: none;
    }

    .kku-podo-faq__h2 {
        width: min(720px, 100%);
    }

    .kku-podo-faq__lead {
        width: min(680px, 100%);
    }

    .kku-podo-faq__list {
        padding-top: 0;
    }
}

/* MOBILE */
@media (max-width: 600px) {
    .kku-podo-faq {
        padding: 78px 0 88px;
    }

    .kku-podo-faq__inner {
        gap: 48px;
        width: calc(100% - 48px);
    }

    .kku-podo-faq__eyebrow {
        margin-bottom: 18px;
    }

    .kku-podo-faq__eyebrow p {
        font-size: 10px;
    }

    .kku-podo-faq__h2 .elementor-heading-title,
    .kku-podo-faq__h2 h2.elementor-heading-title {
        font-size: 38px;
        line-height: 1.01;
    }

    .kku-podo-faq__lead {
        margin-top: 22px;
    }

    .kku-podo-faq__lead p {
        font-size: 15.5px;
        line-height: 1.55;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title {
        grid-template-columns: 36px minmax(0, 1fr) 34px;
        column-gap: 8px;
        padding: 18px 0 !important;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title::before {
        font-size: 10px;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title-text {
        font-size: 20px !important;
        line-height: 1.12 !important;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title::after {
        width: 30px;
        height: 30px;
        font-size: 19px;
    }

    .kku-podo-faq__accordion .e-n-accordion-item[open] {
        margin: 8px 0 10px;
        padding: 0 16px 20px;
        border-radius: 26px 8px 26px 8px;
    }

    .kku-podo-faq__accordion .e-n-accordion-item[open] > .e-n-accordion-item-title {
        padding: 20px 0 14px !important;
    }

    .kku-podo-faq__accordion .e-n-accordion-item > .e-con,
    .kku-podo-faq__accordion .e-n-accordion-item > .elementor-element {
        padding: 0 34px 0 44px !important;
    }

    .kku-podo-faq__accordion .e-n-accordion-item[open] > .e-con p,
    .kku-podo-faq__accordion .e-n-accordion-item[open] > .elementor-element p {
        font-size: 15px;
        line-height: 1.55;
    }
}

/* 320 */
@media (max-width: 360px) {
    .kku-podo-faq__inner {
        width: calc(100% - 32px);
    }

    .kku-podo-faq__h2 .elementor-heading-title,
    .kku-podo-faq__h2 h2.elementor-heading-title {
        font-size: 34px;
        line-height: 1.01;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title-text {
        font-size: 18px !important;
    }

    .kku-podo-faq__accordion .e-n-accordion-item-title {
        grid-template-columns: 30px minmax(0, 1fr) 30px;
        column-gap: 6px;
    }

    .kku-podo-faq__accordion .e-n-accordion-item > .e-con,
    .kku-podo-faq__accordion .e-n-accordion-item > .elementor-element {
        padding: 0 30px 0 36px !important;
    }
}

/* ===== SOURCE LAYER 2 ===== */

@media (min-width: 1025px) {

    .kku-podo-faq__intro {
        min-height: 650px;
        padding-bottom: 0;
    }

    .kku-podo-faq__intro::before {
        width: 330px;
        height: 238px;

        left: 4px;
        right: auto;
        top: 395px;
        bottom: auto;

        border-radius:
            58% 42% 64% 36% /
            47% 62% 38% 53%;

        transform: rotate(-9deg);

        background: #009D9F;
    }

    .kku-podo-faq__intro::after {
        width: 116px;
        height: 116px;

        left: 242px;
        right: auto;
        top: 538px;
        bottom: auto;

        border-radius:
            45% 55% 52% 48% /
            58% 43% 57% 42%;

        transform: rotate(13deg);

        background: #FFA338;
    }
}


/* Elementor nekdy ponecha na content wrapperu vlastni border */
.kku-podo-faq__accordion .e-n-accordion-item > .e-con,
.kku-podo-faq__accordion .e-n-accordion-item > .elementor-element {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    --border-top-width: 0px !important;
    --border-right-width: 0px !important;
    --border-bottom-width: 0px !important;
    --border-left-width: 0px !important;
}

/* ===== SOURCE LAYER 3 ===== */

/*
   Na mobilu byla odpoved otevrene polozky zbytecne uzka:
   obsah si nechaval misto vpravo jako na desktopu pro ikonu.
   Tady srovname odpoved pod zacatek textu otazky a dame ji
   vice realne sirky, bez zmeny vzhledu zavrenych polozek.
*/

@media (max-width: 600px) {

    .kku-podo-faq__accordion .e-n-accordion-item[open] {
        padding: 0 12px 18px;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-n-accordion-item-title {
        grid-template-columns: 32px minmax(0, 1fr) 30px;
        column-gap: 6px;
        padding: 19px 0 13px !important;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-con,
    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .elementor-element {
        padding: 0 8px 0 38px !important;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-con p,
    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .elementor-element p {
        font-size: 15px !important;
        line-height: 1.52 !important;
    }
}


/* Extra compact treatment for 320px */
@media (max-width: 360px) {

    .kku-podo-faq__accordion .e-n-accordion-item[open] {
        padding: 0 10px 17px;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-n-accordion-item-title {
        grid-template-columns: 26px minmax(0, 1fr) 28px;
        column-gap: 5px;
        padding: 18px 0 12px !important;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-con,
    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .elementor-element {
        padding: 0 6px 0 31px !important;
    }

    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .e-con p,
    .kku-podo-faq__accordion
    .e-n-accordion-item[open] > .elementor-element p {
        font-size: 14.5px !important;
        line-height: 1.52 !important;
    }
}

/* =========================================================
   KKU – PODOLOGIE – 11 FAQ
   V4 – DESKTOP BOTTOM SPACING POLISH
   ---------------------------------------------------------
   Zkracuje pouze prazdny dojezd FAQ pred globalnim footerem.

   - FAQ obsah se nemeni
   - akordeon se nemeni
   - dekorace se nemeni
   - horní spacing se nemeni
   - footer se nemeni
   - tablet a mobil zustavaji beze zmeny
   ========================================================= */

/* Bezny desktop / laptop */
@media (min-width: 1025px) and (max-width: 1899px) {
    .kku-podo-faq {
        padding-bottom: 72px !important;
    }
}

/* Ultrawide – nechame o trochu vic vzduchu */
@media (min-width: 1900px) {
    .kku-podo-faq {
        padding-bottom: 88px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   PODOLOGIE – PAGE HORIZONTAL OVERFLOW GUARD
   ========================================================= */

html,
body {
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Afacad Flux';
	font-display: auto;
	src: url('https://krokykusmevu.cz/wp-content/uploads/2026/08/AfacadFlux-VariableFont_slntwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */