.elementor-3303 .elementor-element.elementor-element-73551d5{--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-3303 .elementor-element.elementor-element-e3b41d0{--display:flex;}.elementor-3303 .elementor-element.elementor-element-c885fec{--display:flex;}.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-3303 .elementor-element.elementor-element-abf5550 .elementor-heading-title{font-family:"IBM Plex Serif", Sans-serif;font-weight:600;}.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-3303 .elementor-element.elementor-element-d25faeb{font-family:"Afacad Flux", Sans-serif;}.elementor-3303 .elementor-element.elementor-element-a659f8f{--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-3303 .elementor-element.elementor-element-03f3c8d{--display:flex;}.elementor-3303 .elementor-element.elementor-element-b6dc833{--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-3303 .elementor-element.elementor-element-45f4227{--display:flex;}.elementor-3303 .elementor-element.elementor-element-c672cb8{--display:flex;}.elementor-3303 .elementor-element.elementor-element-bad792e{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3303 .elementor-element.elementor-element-a29b2ca{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-3303 .elementor-element.elementor-element-a29b2ca .elementor-divider-separator{width:100%;}.elementor-3303 .elementor-element.elementor-element-a29b2ca .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3303 .elementor-element.elementor-element-be932af{--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-3303 .elementor-element.elementor-element-6f87a07{--display:flex;}.elementor-3303 .elementor-element.elementor-element-81dd06f{--display:flex;}.elementor-3303 .elementor-element.elementor-element-489329b{--display:flex;}.elementor-3303 .elementor-element.elementor-element-d9c59c8{--display:flex;}.elementor-3303 .elementor-element.elementor-element-cecc12d{--display:flex;}.elementor-3303 .elementor-element.elementor-element-1d6222c{--display:flex;}.elementor-3303 .elementor-element.elementor-element-655c835{--display:flex;}.elementor-3303 .elementor-element.elementor-element-bf17412{--display:flex;}.elementor-3303 .elementor-element.elementor-element-fdce617{--display:flex;}.elementor-3303 .elementor-element.elementor-element-6a5ec15{--display:flex;}.elementor-3303 .elementor-element.elementor-element-a4f96d2{--display:flex;}.elementor-3303 .elementor-element.elementor-element-d7910cb{--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-3303 .elementor-element.elementor-element-8f746b5{--display:flex;}.elementor-3303 .elementor-element.elementor-element-56ee2d1{--display:flex;}.elementor-3303 .elementor-element.elementor-element-19b5b23{--display:flex;}.elementor-3303 .elementor-element.elementor-element-b07abfd{--display:flex;}.elementor-3303 .elementor-element.elementor-element-9f880fd{--display:flex;}.elementor-3303 .elementor-element.elementor-element-0a25469{--display:flex;}.elementor-3303 .elementor-element.elementor-element-744efc0{--display:flex;}.elementor-3303 .elementor-element.elementor-element-73cb3f2{--display:flex;}.elementor-3303 .elementor-element.elementor-element-18c7b2a{--display:flex;}.elementor-3303 .elementor-element.elementor-element-d4a62e1{--display:flex;}.elementor-3303 .elementor-element.elementor-element-4f5b475{--display:flex;}.elementor-3303 .elementor-element.elementor-element-0c2b02f{--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-3303 .elementor-element.elementor-element-e070960{--display:flex;}.elementor-3303 .elementor-element.elementor-element-561ef7a{--display:flex;}.elementor-3303 .elementor-element.elementor-element-34d37c7{--display:flex;}.elementor-3303 .elementor-element.elementor-element-96be0ab{--display:flex;}.elementor-3303 .elementor-element.elementor-element-79fc13e{--display:flex;}.elementor-3303 .elementor-element.elementor-element-05834ef{--display:flex;}.elementor-3303 .elementor-element.elementor-element-22d752a{--display:flex;}.elementor-3303 .elementor-element.elementor-element-fefa0fe{--display:flex;}.elementor-3303 .elementor-element.elementor-element-c59be6b{--display:flex;}.elementor-3303 .elementor-element.elementor-element-ec3961e{--display:flex;}.elementor-3303 .elementor-element.elementor-element-eb97f81{--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-3303 .elementor-element.elementor-element-6c90cc2{--display:flex;}.elementor-3303 .elementor-element.elementor-element-7cf82c2{--display:flex;}.elementor-3303 .elementor-element.elementor-element-35f9be8{--display:flex;}.elementor-3303 .elementor-element.elementor-element-c3764eb{--display:flex;}.elementor-3303 .elementor-element.elementor-element-2371391{--display:flex;}.elementor-3303 .elementor-element.elementor-element-6cf2034{--display:flex;}.elementor-3303 .elementor-element.elementor-element-830461a{--display:flex;}.elementor-3303 .elementor-element.elementor-element-9619623{--display:flex;}.elementor-3303 .elementor-element.elementor-element-6dd7a0a{--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-3303 .elementor-element.elementor-element-9aeb522{--display:flex;}.elementor-3303 .elementor-element.elementor-element-7d5b2af{--display:flex;}.elementor-3303 .elementor-element.elementor-element-deb0ad2{--display:flex;}.elementor-3303 .elementor-element.elementor-element-62037e7{--display:flex;}.elementor-3303 .elementor-element.elementor-element-8a476b7{--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-3303 .elementor-element.elementor-element-b97001d{--display:flex;}.elementor-3303 .elementor-element.elementor-element-66be101{--display:flex;}.elementor-3303 .elementor-element.elementor-element-d885281{--display:flex;}.elementor-3303 .elementor-element.elementor-element-1cb0c6e{--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-3303 .elementor-element.elementor-element-0d7ea67{--display:flex;}.elementor-3303 .elementor-element.elementor-element-543a189{--display:flex;}.elementor-3303 .elementor-element.elementor-element-eda03e5{--display:flex;}.elementor-3303 .elementor-element.elementor-element-6a41ff3{--display:flex;}.elementor-3303 .elementor-element.elementor-element-3fddfd7{--display:flex;}.elementor-3303 .elementor-element.elementor-element-0dd7a24{--display:flex;}.elementor-3303 .elementor-element.elementor-element-645dbfd{--display:flex;}.elementor-3303 .elementor-element.elementor-element-acc5c23{--display:flex;}.elementor-3303 .elementor-element.elementor-element-480547d{--display:flex;}.elementor-3303 .elementor-element.elementor-element-7cb452a{--display:flex;}.elementor-3303 .elementor-element.elementor-element-fbb4faa{--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;}.elementor-3303 .elementor-element.elementor-element-34f0296{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3303 .elementor-element.elementor-element-7ae6cdc .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-3303 .elementor-element.elementor-element-7ae6cdc{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:560px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-3303 .elementor-element.elementor-element-960ff9d{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3303 .elementor-element.elementor-element-a952244 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3303 .elementor-element.elementor-element-a952244 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3303 .elementor-element.elementor-element-a952244 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-type-html{padding-bottom:0px;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3303 .elementor-element.elementor-element-a952244{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-3303:not(.elementor-motion-effects-element-type-background), body.elementor-page-3303 > .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-73551d5 *//* ==================================================
   KRANIO — HERO
   DESKTOP BASE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 {
    --kranio-hero-max: 1440px;
    --kranio-hero-gutter: clamp(32px, 4vw, 72px);
    --kranio-hero-gap: clamp(44px, 4.2vw, 68px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    width: 100%;

    background: #FCF8EE;
    color: #012628;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__inner {
    display: grid !important;

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

    align-items: center;

    width: min(
        calc(100% - (2 * var(--kranio-hero-gutter))),
        var(--kranio-hero-max)
    );

    margin-inline: auto;

    padding-top: clamp(56px, 5.2vw, 82px);
    padding-bottom: clamp(62px, 5.8vw, 92px);

    gap: var(--kranio-hero-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__content {
    width: 100%;
    max-width: 650px;

    margin: 0;
    padding: 0;
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__eyebrow {
    margin: 0 0 18px 0;
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__eyebrow .elementor-heading-title {
    margin: 0;

    color: #009D9F;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(50px, 4vw, 64px);
    font-weight: 400;
    line-height: 1.04;

    letter-spacing: -0.022em;
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead {
    width: 100%;
    max-width: 570px;

    margin: clamp(24px, 2.1vw, 32px) 0 0 0;
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead,
.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead p {
    margin: 0;

    color: #291600;

    font-size: clamp(19px, 1.3vw, 21px);
    font-weight: 400;
    line-height: 1.55;
}


/* ==================================================
   ACTIONS
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__actions {
    display: flex !important;

    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: clamp(28px, 2.4vw, 36px);
}


/* ==================================================
   CTA — PRIMARY
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 15px 26px;

    background: #009D9F;
    color: #FCF8EE;

    border: 1px solid #009D9F;
    border-radius: 999px;

    font-family: var(--kku-body);
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button-text {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button:hover {
    background: #012628;
    border-color: #012628;

    transform: translateY(-2px);
}


/* ==================================================
   CTA — SECONDARY
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 15px 22px;

    background: transparent;
    color: #012628;

    border: 1px solid rgba(1, 38, 40, 0.26);
    border-radius: 999px;

    font-family: var(--kku-body);
    font-size: 17px;
    font-weight: 500;
    line-height: 1;

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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button-text {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button:hover {
    background: rgba(1, 38, 40, 0.05);
    border-color: #012628;

    transform: translateY(-2px);
}


/* ==================================================
   META
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta {
    margin-top: 20px;
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta,
.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta p {
    margin: 0;

    color: rgba(41, 22, 0, 0.68);

    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta span {
    display: inline-block;

    margin-inline: 7px;

    color: #009D9F;
}


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

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media {
    position: relative;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* ==================================================
   VIDEO WRAPPER
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__visual {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 34px;
}


/* ==================================================
   VIDEO
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__video {
    display: block;

    width: 100%;
    aspect-ratio: 10 / 9;

    margin: 0;

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

    background: #F5E8C3;
}


/* ==================================================
   ORGANIC DETAIL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media::before {
    content: "";

    position: absolute;
    z-index: 0;

    width: clamp(180px, 15vw, 260px);
    aspect-ratio: 1;

    right: clamp(-65px, -3.5vw, -32px);
    bottom: clamp(-60px, -3.5vw, -32px);

    background: #F5E8C3;

    border-radius:
        50% 42% 58% 46%
        /
        48% 57% 43% 52%;
}


/* ==================================================
   1024 PX
   První skutečný responsive zásah
   ================================================== */

@media (max-width: 1024px) {

    .elementor-3303 .elementor-element.elementor-element-73551d5 {
        --kranio-hero-gutter: 60px;
        --kranio-hero-gap: 34px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__inner {
        grid-template-columns:
            minmax(0, 1.1fr)
            minmax(0, 0.9fr);

        padding-top: 64px;
        padding-bottom: 72px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__title .elementor-heading-title {
        font-size: 46px;
        line-height: 1.05;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead {
        max-width: 470px;
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead p {
        font-size: 19px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__actions {
        margin-top: 30px;
        gap: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button,
    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button {
        min-height: 52px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__visual {
        border-radius: 30px;
    }
}

/* ==================================================
   768 PX — TABLET
   ================================================== */

@media (max-width: 768px) {

    .elementor-3303 .elementor-element.elementor-element-73551d5 {
        --kranio-hero-gutter: 56px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__inner {
        display: grid !important;
        grid-template-columns: 1fr;

        width: calc(100% - (2 * var(--kranio-hero-gutter)));

        padding-top: 72px;
        padding-bottom: 72px;

        gap: 46px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__content {
        max-width: 620px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__title .elementor-heading-title {
        font-size: 50px;
        line-height: 1.03;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead {
        max-width: 560px;
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead p {
        font-size: 19px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__actions {
        flex-direction: row;
        align-items: center;

        margin-top: 30px;

        gap: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta {
        margin-top: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__visual {
        width: 100%;

        border-radius: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__video {
        width: 100%;
        aspect-ratio: 16 / 10;

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

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media::before {
        width: 220px;

        right: -45px;
        bottom: -45px;
    }
}

/* ==================================================
   390 PX — MOBILE
   ================================================== */

@media (max-width: 390px) {

    .elementor-3303 .elementor-element.elementor-element-73551d5 {
        --kranio-hero-gutter: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__inner {
        width: calc(100% - (2 * var(--kranio-hero-gutter)));

        padding-top: 48px;
        padding-bottom: 56px;

        gap: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__content {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__eyebrow {
        margin-bottom: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__eyebrow .elementor-heading-title {
        font-size: 12px;
        letter-spacing: 0.11em;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__title .elementor-heading-title {
        font-size: clamp(36px, 10.5vw, 42px);
        line-height: 1.04;
        letter-spacing: -0.02em;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead {
        max-width: none;
        margin-top: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__lead p {
        font-size: 18px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__actions {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;

        margin-top: 28px;

        gap: 11px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button,
    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button {
        min-height: 50px;

        padding: 14px 22px;

        font-size: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta {
        margin-top: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta p {
        font-size: 14px;
        line-height: 1.4;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__meta span {
        margin-inline: 5px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__visual {
        width: 100%;

        border-radius: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__video {
        width: 100%;
        aspect-ratio: 16 / 10;

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

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__media::before {
        display: none;
    }
}
/* ==================================================
   MOBILE CTA HIERARCHY
   ================================================== */

@media (max-width: 390px) {

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__actions {
        width: 100%;
        align-items: stretch;

        gap: 14px;
    }

    /* PRIMARY — FULL WIDTH */

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-primary .elementor-button {
        width: 100%;

        min-height: 52px;

        justify-content: center;
    }


    /* SECONDARY — TEXT LINK */

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary {
        width: 100%;

        text-align: center;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button {
        width: auto;

        min-height: 0;

        padding: 4px 0;

        background: transparent;
        color: #012628;

        border: 0;
        border-radius: 0;

        font-weight: 500;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button-text::after {
        content: " ↓";

        display: inline-block;

        margin-left: 5px;

        color: #009D9F;
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__cta-secondary .elementor-button:hover {
        background: transparent;
        color: #009D9F;

        border: 0;

        transform: none;
    }
}
/* ==================================================
   HERO — SECONDARY CTA
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__secondary .elementor-button {
    padding: 14px 20px;

    background: transparent !important;

    border: 1px solid rgba(1, 38, 40, 0.28) !important;
    border-radius: 999px;

    box-shadow: none !important;

    color: #012628 !important;

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

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


/* text uvnitř Elementoru */

.elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__secondary .elementor-button-text {
    color: #012628 !important;
}


/* hover */

@media (hover: hover) {

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__secondary .elementor-button:hover {
        background: #012628 !important;
        border-color: #012628 !important;
        color: #FCF8EE !important;

        transform: translateY(-2px);
    }

    .elementor-3303 .elementor-element.elementor-element-73551d5 .kranio-hero__secondary .elementor-button:hover
    .elementor-button-text {
        color: #FCF8EE !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6dc833 *//* ==================================================
   KRANIO — PRAXE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-b6dc833 {
    --practice-max: 1440px;
    --practice-gutter: clamp(32px, 4vw, 72px);
    --practice-gap: clamp(64px, 8vw, 130px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;

    width: 100%;

    background: #012628;
    color: #FCF8EE;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__inner {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    align-items: start;

    width: min(
        calc(100% - (2 * var(--practice-gutter))),
        var(--practice-max)
    );

    margin-inline: auto;

    padding-top: clamp(96px, 9vw, 150px);
    padding-bottom: clamp(96px, 9vw, 150px);

    gap: var(--practice-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__intro {
    width: 100%;
    max-width: 610px;

    margin: 0;
    padding: 0;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__eyebrow {
    margin: 0 0 20px 0;
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__eyebrow .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(44px, 4vw, 64px);
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -0.025em;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead {
    max-width: 560px;

    margin-top: clamp(28px, 2.4vw, 38px);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead,
.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead p {
    margin: 0;

    color: rgba(252, 248, 238, 0.78);

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   DETAIL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__detail {
    position: relative;

    width: 100%;

    margin: 0;
    padding: clamp(38px, 4vw, 58px);

    background: #F5E8C3;
    color: #291600;

    border-radius: 34px;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement {
    max-width: 700px;

    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement .elementor-heading-title {
    margin: 0;

    color: #291600;

    font-family: var(--kku-heading);
    font-size: clamp(30px, 2.6vw, 42px);
    font-weight: 400;
    line-height: 1.12;

    letter-spacing: -0.02em;
}


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

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text {
    max-width: 680px;

    margin-top: clamp(28px, 2.4vw, 36px);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text,
.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p {
    margin: 0 0 18px 0;

    color: rgba(41, 22, 0, 0.82);

    font-size: clamp(18px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.6;
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   DIVIDER
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__divider {
    margin-top: clamp(30px, 2.5vw, 40px);
    margin-bottom: clamp(26px, 2vw, 32px);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__divider .elementor-divider-separator {
    width: 100%;

    border-top-color: rgba(41, 22, 0, 0.18);
}


/* ==================================================
   CALLOUT
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout,
.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
    margin: 0;

    color: #009D9F;

    font-size: clamp(20px, 1.5vw, 24px);
    font-weight: 600;
    line-height: 1.4;
}


/* ==================================================
   ORGANIC BACKGROUND DETAIL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-b6dc833::before {
    content: "";

    position: absolute;

    width: clamp(300px, 26vw, 520px);
    aspect-ratio: 1;

    left: clamp(-220px, -10vw, -120px);
    bottom: clamp(-280px, -14vw, -170px);

    border: 1px solid rgba(0, 157, 159, 0.20);

    border-radius:
        54% 46% 62% 38%
        /
        48% 62% 38% 52%;

    pointer-events: none;
}
/* ==================================================
   PRAXE — FINÁLNÍ DETAILY
   ================================================== */

/* CALLOUT — jemnější váha */

.elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
    font-weight: 500;
}


/* ORGANIC DETAIL — bez uříznutí dole */

.elementor-3303 .elementor-element.elementor-element-b6dc833::before {
    width: clamp(360px, 30vw, 500px);
    aspect-ratio: 0.82;

    left: clamp(-280px, -15vw, -190px);
    top: 50%;
    bottom: auto;

    transform: translateY(-50%) rotate(-7deg);

    border-radius:
        54% 46% 61% 39%
        /
        45% 58% 42% 55%;
}
/* ==================================================
   768 PX — TABLET
   ================================================== */

@media (max-width: 768px) {

    .elementor-3303 .elementor-element.elementor-element-b6dc833 {
        --practice-gutter: 56px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__inner {
        grid-template-columns: 1fr;

        width: calc(100% - (2 * var(--practice-gutter)));

        padding-top: 78px;
        padding-bottom: 82px;

        gap: 52px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__intro {
        max-width: 610px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__title .elementor-heading-title {
        font-size: 50px;
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead {
        max-width: 570px;
        margin-top: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead p {
        font-size: 19px;
        line-height: 1.58;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__detail {
        width: 88%;
        max-width: 610px;

        justify-self: end;

        padding: 42px;

        border-radius: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement .elementor-heading-title {
        font-size: 36px;
        line-height: 1.1;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p {
        font-size: 18px;
        line-height: 1.58;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
        font-size: 21px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833::before {
        width: 390px;

        left: -245px;
        top: 37%;

        transform: translateY(-50%) rotate(-7deg);
    }
}
/* ==================================================
   390 PX — MOBILE
   ================================================== */

@media (max-width: 390px) {

    .elementor-3303 .elementor-element.elementor-element-b6dc833 {
        --practice-gutter: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__inner {
        width: calc(100% - (2 * var(--practice-gutter)));

        padding-top: 64px;
        padding-bottom: 68px;

        gap: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__eyebrow {
        margin-bottom: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__eyebrow .elementor-heading-title {
        font-size: 12px;
        letter-spacing: 0.11em;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__title .elementor-heading-title {
        font-size: clamp(36px, 10.5vw, 41px);
        line-height: 1.04;
        letter-spacing: -0.02em;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead {
        max-width: none;
        margin-top: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__lead p {
        font-size: 18px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__detail {
        width: 100%;
        max-width: none;

        justify-self: stretch;

        padding: 30px 26px;

        border-radius: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement {
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement .elementor-heading-title {
        font-size: clamp(29px, 8.5vw, 34px);
        line-height: 1.08;
        letter-spacing: -0.018em;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text {
        max-width: none;
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p {
        font-size: 17px;
        line-height: 1.58;
        margin-bottom: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__divider {
        margin-top: 28px;
        margin-bottom: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833::before {
        width: 300px;

        left: -215px;
        top: 34%;

        transform: translateY(-50%) rotate(-7deg);
    }
}
/* ==================================================
   340 PX — SMALL MOBILE
   Wider detail card
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__detail {
        width: calc(100% + 24px);

        justify-self: center;

        padding: 28px 22px;

        border-radius: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__statement .elementor-heading-title {
        font-size: 29px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__text p {
        font-size: 17px;
        line-height: 1.56;
    }

    .elementor-3303 .elementor-element.elementor-element-b6dc833 .kranio-practice__callout p {
        font-size: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be932af *//* ==================================================
   KRANIO — KDY LIDÉ PŘICHÁZEJÍ
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af {
    --when-max: 1440px;
    --when-gutter: clamp(32px, 4vw, 72px);
    --when-gap: clamp(64px, 8vw, 130px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;

    width: 100%;

    background: #FCF8EE;
    color: #012628;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__inner {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    align-items: start;

    width: min(
        calc(100% - (2 * var(--when-gutter))),
        var(--when-max)
    );

    margin-inline: auto;

    padding-top: clamp(96px, 9vw, 150px);
    padding-bottom: clamp(96px, 9vw, 150px);

    gap: var(--when-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__intro {
    width: 100%;
    max-width: 560px;

    margin: 0;
    padding: 0;
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__eyebrow {
    margin: 0 0 20px 0;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__eyebrow .elementor-heading-title {
    margin: 0;

    color: #009D9F;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(44px, 4vw, 64px);
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -0.025em;
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead {
    max-width: 520px;

    margin-top: clamp(28px, 2.4vw, 38px);
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead,
.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead p {
    margin: 0;

    color: rgba(41, 22, 0, 0.78);

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   LIST
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__list {
    width: 100%;

    margin: 0;
    padding: 0;
}


/* ==================================================
   ITEM
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item {
    display: grid !important;

    grid-template-columns: 64px minmax(0, 1fr);

    align-items: start;

    width: 100%;

    padding-block: clamp(28px, 2.5vw, 40px);

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

    gap: clamp(22px, 2.5vw, 38px);
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item:last-child {
    border-bottom: 1px solid rgba(1, 38, 40, 0.16);
}


/* ==================================================
   NUMBER
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__number {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__number .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-body);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.08em;
}


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

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-content {
    width: 100%;

    margin: 0;
    padding: 0;
}


/* ==================================================
   ITEM TITLE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(28px, 2.2vw, 36px);
    font-weight: 400;
    line-height: 1.12;

    letter-spacing: -0.018em;
}


/* ==================================================
   ITEM TEXT
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text {
    max-width: 620px;

    margin-top: 12px;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text,
.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text p {
    margin: 0;

    color: rgba(41, 22, 0, 0.76);

    font-size: clamp(17px, 1.2vw, 19px);
    font-weight: 400;
    line-height: 1.55;
}


/* ==================================================
   DECORATIVE DETAIL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af::after {
    content: "";

    position: absolute;

    width: clamp(180px, 16vw, 280px);
    aspect-ratio: 1;

    right: clamp(-100px, -5vw, -50px);
    top: clamp(80px, 8vw, 130px);

    background: #F5E8C3;

    border-radius:
        46% 54% 38% 62%
        /
        58% 42% 60% 40%;

    opacity: 0.75;

    pointer-events: none;
}
/* ==================================================
   WHEN — LAYERING FIX
   Blob behind content
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-be932af {
    isolation: isolate;
}

.elementor-3303 .elementor-element.elementor-element-be932af::after {
    z-index: 0;
}

.elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__inner {
    position: relative;
    z-index: 1;
}
/* ==================================================
   768 PX — TABLET
   ================================================== */

@media (max-width: 768px) {

    .elementor-3303 .elementor-element.elementor-element-be932af {
        --when-gutter: 56px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__inner {
        grid-template-columns: 1fr;

        width: calc(100% - (2 * var(--when-gutter)));

        padding-top: 78px;
        padding-bottom: 82px;

        gap: 52px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__intro {
        max-width: 620px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__title .elementor-heading-title {
        font-size: 50px;
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead {
        max-width: 580px;
        margin-top: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead p {
        font-size: 19px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__list {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item {
        grid-template-columns: 56px minmax(0, 1fr);

        padding-block: 30px;

        gap: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-title .elementor-heading-title {
        font-size: 34px;
        line-height: 1.1;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text {
        max-width: 590px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text p {
        font-size: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af::after {
        width: 230px;

        right: -85px;
        top: 390px;
    }
}

/* ==================================================
   390 PX — MOBILE
   ================================================== */

@media (max-width: 390px) {

    .elementor-3303 .elementor-element.elementor-element-be932af {
        --when-gutter: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__inner {
        width: calc(100% - (2 * var(--when-gutter)));

        padding-top: 64px;
        padding-bottom: 68px;

        gap: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__intro {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__eyebrow {
        margin-bottom: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__eyebrow .elementor-heading-title {
        font-size: 12px;
        letter-spacing: 0.11em;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__title .elementor-heading-title {
        font-size: clamp(36px, 10.5vw, 41px);
        line-height: 1.04;
        letter-spacing: -0.02em;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead {
        max-width: none;
        margin-top: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__lead p {
        font-size: 18px;
        line-height: 1.55;
    }


    /* =========================
       LIST
       ========================= */

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__list {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item {
        grid-template-columns: 1fr;

        width: 100%;

        padding-block: 26px;

        gap: 10px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__number .elementor-heading-title {
        font-size: 13px;
        line-height: 1.2;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-content {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-title .elementor-heading-title {
        font-size: clamp(29px, 8.5vw, 33px);
        line-height: 1.08;
        letter-spacing: -0.018em;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text {
        width: 100%;
        max-width: none;

        margin-top: 10px;
    }

    .elementor-3303 .elementor-element.elementor-element-be932af .kranio-when__item-text p {
        font-size: 17px;
        line-height: 1.55;
    }


    /* =========================
       BLOB
       ========================= */

    .elementor-3303 .elementor-element.elementor-element-be932af::after {
        width: 170px;

        right: -95px;
        top: 300px;

        opacity: 0.65;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7910cb *//* ==================================================
   KRANIO — PRŮBĚH
   BOLD CARD VERSION
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb {
    --process-max: 1440px;
    --process-gutter: clamp(32px, 4vw, 72px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;
    isolation: isolate;

    width: 100%;

    background: #012628;
    color: #FCF8EE;

    overflow: hidden;
}


/* ==================================================
   BRAND SVG MOTIV
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb::before {
    content: "";

    position: absolute;
    z-index: 0;

    left: -7%;
    bottom: -15%;

    width: min(76vw, 1100px);
    aspect-ratio: 1;

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

    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;

    opacity: 0.40;

    pointer-events: none;
    user-select: none;
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__inner {
    position: relative;
    z-index: 1;

    display: grid !important;
    grid-template-columns: 1fr;

    width: min(
        calc(100% - (2 * var(--process-gutter))),
        var(--process-max)
    );

    margin-inline: auto;

    padding-top: clamp(100px, 9vw, 150px);
    padding-bottom: clamp(110px, 10vw, 165px);

    gap: clamp(58px, 6vw, 92px);
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__intro {
    width: 100%;
    max-width: 900px;

    margin: 0;
    padding: 0;

    background: transparent;
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__eyebrow {
    margin: 0 0 20px 0;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__eyebrow .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__title {
    margin: 0;
    max-width: 820px;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(50px, 4.8vw, 76px);
    font-weight: 400;
    line-height: 1.03;

    letter-spacing: -0.03em;
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead {
    max-width: 650px;

    margin-top: clamp(26px, 2.3vw, 36px);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead,
.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead p {
    margin: 0;

    color: rgba(252, 248, 238, 0.78);

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   STEPS — 2 × 2 GRID
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__steps {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    align-items: stretch;

    width: 100%;

    margin: 0;
    padding: 0;

    gap: clamp(22px, 2.4vw, 34px);
}


/* ==================================================
   STEP CARD
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step {
    position: relative;

    display: block !important;

    width: 100%;
    min-width: 0;
    min-height: clamp(280px, 23vw, 340px);

    margin: 0;
    padding: clamp(32px, 3.2vw, 46px);

    border-radius: 34px;

    overflow: hidden;
}


/* asymetrický rytmus */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2),
.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4) {
    transform: translateY(28px);
}


/* ==================================================
   CARD COLORS
   ================================================== */

/* 01 — CREAM */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(1) {
    background: #FCF8EE;
    color: #012628;
}


/* 02 — TURQUOISE */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2) {
    background: #009D9F;
    color: #FCF8EE;
}


/* 03 — SAND */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3) {
    background: #F5E8C3;
    color: #291600;
}


/* 04 — ORANGE */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4) {
    background: #FFA338;
    color: #291600;
}


/* ==================================================
   STEP NUMBER
   Giant decorative number
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number {
    position: absolute;
    z-index: 0;

    top: 20px;
    right: 26px;

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    border-radius: 0;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number .elementor-heading-title {
    margin: 0;

    font-family: var(--kku-heading);
    font-size: clamp(72px, 7vw, 110px);
    font-weight: 400;
    line-height: 0.85;

    letter-spacing: -0.06em;
}


/* NUMBER COLORS */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(1)
.kranio-process__step-number .elementor-heading-title {
    color: rgba(255, 163, 56, 0.34);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2)
.kranio-process__step-number .elementor-heading-title {
    color: rgba(252, 248, 238, 0.22);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-number .elementor-heading-title {
    color: rgba(0, 157, 159, 0.25);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4)
.kranio-process__step-number .elementor-heading-title {
    color: rgba(41, 22, 0, 0.16);
}


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

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-content {
    position: relative;
    z-index: 1;

    width: min(78%, 570px);

    margin: 0;
    padding: 0;
}


/* ==================================================
   STEP TITLE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title .elementor-heading-title {
    margin: 0;

    font-family: var(--kku-heading);
    font-size: clamp(30px, 2.6vw, 42px);
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.022em;
}


/* TITLE COLORS */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(1)
.kranio-process__step-title .elementor-heading-title {
    color: #012628;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2)
.kranio-process__step-title .elementor-heading-title {
    color: #FCF8EE;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-title .elementor-heading-title {
    color: #291600;
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4)
.kranio-process__step-title .elementor-heading-title {
    color: #291600;
}


/* ==================================================
   STEP TEXT
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text {
    max-width: 560px;

    margin-top: clamp(18px, 1.6vw, 24px);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text,
.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text p {
    margin: 0;

    font-size: clamp(17px, 1.15vw, 19px);
    font-weight: 400;
    line-height: 1.58;
}


/* TEXT COLORS */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(1)
.kranio-process__step-text p {
    color: rgba(41, 22, 0, 0.78);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2)
.kranio-process__step-text p {
    color: rgba(252, 248, 238, 0.84);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-text p {
    color: rgba(41, 22, 0, 0.78);
}

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4)
.kranio-process__step-text p {
    color: rgba(41, 22, 0, 0.82);
}


/* ==================================================
   TABLET — 1024
   ================================================== */

@media (max-width: 1024px) {

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__inner {
        gap: 52px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__title .elementor-heading-title {
        font-size: clamp(46px, 6vw, 62px);
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step {
        min-height: 300px;

        padding: 34px;

        border-radius: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-content {
        width: 82%;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title .elementor-heading-title {
        font-size: clamp(29px, 3.5vw, 36px);
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number .elementor-heading-title {
        font-size: 78px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb::before {
        left: -12%;
        bottom: -12%;

        width: 92vw;

        opacity: 0.14;
    }
}


/* ==================================================
   TABLET / MOBILE — STACK
   ================================================== */

@media (max-width: 768px) {

    .elementor-3303 .elementor-element.elementor-element-d7910cb {
        --process-gutter: 56px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__inner {
        padding-top: 82px;
        padding-bottom: 96px;

        gap: 46px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__title .elementor-heading-title {
        font-size: 50px;
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__steps {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step,
    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(2),
    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(4) {
        transform: none;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step {
        min-height: 0;

        padding: 38px;

        border-radius: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-content {
        width: 78%;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb::before {
        width: 120vw;

        left: -30%;
        bottom: -12%;
    }
}


/* ==================================================
   MOBILE — 390
   ================================================== */

@media (max-width: 390px) {

    .elementor-3303 .elementor-element.elementor-element-d7910cb {
        --process-gutter: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__inner {
        padding-top: 64px;
        padding-bottom: 72px;

        gap: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__eyebrow {
        margin-bottom: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__eyebrow .elementor-heading-title {
        font-size: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__title .elementor-heading-title {
        font-size: clamp(36px, 10.5vw, 41px);
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead {
        margin-top: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__lead p {
        font-size: 18px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step {
        padding: 28px 24px;

        border-radius: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-content {
        width: 82%;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number {
        top: 18px;
        right: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number .elementor-heading-title {
        font-size: 62px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title .elementor-heading-title {
        font-size: 28px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text {
        margin-top: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text p {
        font-size: 17px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb::before {
        width: 150vw;

        left: -46%;
        bottom: -6%;

        opacity: 0.13;
    }
}
/* ==================================================
   PRŮBĚH — BROWN BRAND VARIANT
   ================================================== */

/* hlavní pozadí sekce */

.elementor-3303 .elementor-element.elementor-element-d7910cb {
    background: #291600;
}


/* 03 — DARK GREEN */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3) {
    background: #012628;
    color: #FCF8EE;
}


/* 03 — NUMBER */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-number .elementor-heading-title {
    color: rgba(0, 157, 159, 0.32);
}


/* 03 — TITLE */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-title .elementor-heading-title {
    color: #FCF8EE;
}


/* 03 — BODY */

.elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step:nth-child(3)
.kranio-process__step-text p {
    color: rgba(252, 248, 238, 0.82);
}


/* SVG motiv na hnědé o něco subtilnější */

.elementor-3303 .elementor-element.elementor-element-d7910cb::before {
    opacity: 0.13;
}
/* ==================================================
   340 PX — SMALL MOBILE
   More usable card width
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-d7910cb {
        --process-gutter: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step {
        padding: 26px 20px;

        border-radius: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-content {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title {
        max-width: calc(100% - 48px);
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number {
        top: 16px;
        right: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-number .elementor-heading-title {
        font-size: 54px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-title .elementor-heading-title {
        font-size: 27px;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text {
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-d7910cb .kranio-process__step-text p {
        font-size: 16.5px;
        line-height: 1.55;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2b02f *//* ==================================================
   KRANIO — NAŠE PRAXE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f {
    --trust-max: 1440px;
    --trust-gutter: clamp(32px, 4vw, 72px);
    --trust-gap: clamp(70px, 8vw, 135px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;
    isolation: isolate;

    width: 100%;

    background: #009D9F;
    color: #FCF8EE;

    overflow: hidden;
}


/* ==================================================
   BACKGROUND DETAIL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f::before {
    content: "";

    position: absolute;
    z-index: 0;

    width: clamp(380px, 38vw, 720px);
    aspect-ratio: 1;

    left: -16%;
    bottom: -36%;

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

    border-radius:
        57% 43% 60% 40%
        /
        42% 61% 39% 58%;

    transform: rotate(18deg);

    pointer-events: none;
}


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

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
    position: relative;
    z-index: 1;

    display: grid !important;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    width: min(
        calc(100% - (2 * var(--trust-gutter))),
        var(--trust-max)
    );

    margin-inline: auto;

    padding-top: clamp(100px, 9vw, 150px);
    padding-bottom: clamp(105px, 9vw, 155px);

    gap: var(--trust-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__intro {
    width: 100%;
    max-width: 560px;

    margin: 0;
    padding: 0;
}


/* EYEBROW */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__eyebrow {
    margin: 0 0 20px 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__eyebrow .elementor-heading-title {
    margin: 0;

    color: #291600;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


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

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(52px, 4.8vw, 76px);
    font-weight: 400;
    line-height: 1.03;

    letter-spacing: -0.03em;
}


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

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead {
    max-width: 530px;

    margin-top: clamp(28px, 2.5vw, 38px);
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead,
.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
    margin: 0;

    color: rgba(252, 248, 238, 0.84);

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   PRINCIPLES
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principles {
    width: 100%;

    margin: 0;
    padding: 0;

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


/* ==================================================
   PRINCIPLE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
    display: grid !important;

    grid-template-columns:
        74px
        minmax(0, 1fr);

    width: 100%;

    padding-block: clamp(30px, 3vw, 44px);

    gap: clamp(24px, 2.7vw, 40px);

    border-bottom: 1px solid rgba(252, 248, 238, 0.30);
}


/* ==================================================
   NUMBER
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-heading);
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 400;
    line-height: 1;

    letter-spacing: -0.035em;
}


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

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-content {
    width: 100%;
    min-width: 0;
}


/* TITLE */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(30px, 2.5vw, 40px);
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.02em;
}


/* TEXT */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text {
    max-width: 650px;

    margin-top: 14px;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text,
.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
    margin: 0;

    color: rgba(252, 248, 238, 0.80);

    font-size: clamp(17px, 1.15vw, 19px);
    font-weight: 400;
    line-height: 1.58;
}


/* ==================================================
   TEAM STRIP
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
    grid-column: 1 / -1;

    display: grid !important;

    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);

    align-items: center;

    width: 100%;

    margin-top: clamp(54px, 6vw, 88px);
    padding: clamp(34px, 3.5vw, 50px);

    background: #012628;

    border-radius: 32px;

    gap: clamp(38px, 5vw, 82px);
}


/* TEAM TITLE */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(32px, 3vw, 46px);
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.022em;
}


/* TEAM TEXT */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text {
    max-width: 680px;

    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text,
.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text p {
    margin: 0;

    color: rgba(252, 248, 238, 0.82);

    font-size: clamp(18px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.6;
}
/* ==================================================
   PRAXE — TEXT CONTRAST
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
    color: #291600;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
    color: #291600;
}
/* ==================================================
   PRAXE — TEAM SPACING FIX
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
    column-gap: var(--trust-gap);
    row-gap: 0;
}

.elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
    margin-top: clamp(34px, 3.5vw, 52px);
}
/* ==================================================
   KRANIO — NAŠE PRAXE
   TABLET TUNING — 1024
   ================================================== */

@media (max-width: 1024px) {

    /* --------------------------------------------------
       HLAVNÍ GRID
       méně mrtvého prostoru mezi sloupci
       + trochu více místa levému intro bloku
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
        grid-template-columns:
            minmax(0, 0.88fr)
            minmax(0, 1.12fr);

        column-gap: 48px;

        padding-top: 82px;
        padding-bottom: 88px;
    }


    /* --------------------------------------------------
       INTRO
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__intro {
        max-width: 390px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title .elementor-heading-title {
        font-size: 46px;
        line-height: 1.04;
        letter-spacing: -0.025em;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead {
        max-width: 370px;
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
        font-size: 18px;
        line-height: 1.55;
    }


    /* --------------------------------------------------
       PRINCIPLES
       lehce kompaktnější
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
        grid-template-columns:
            58px
            minmax(0, 1fr);

        padding-block: 30px;

        gap: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
        font-size: 36px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title .elementor-heading-title {
        font-size: 29px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text {
        margin-top: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
        font-size: 17px;
        line-height: 1.52;
    }


    /* --------------------------------------------------
       TEAM STRIP
       pořád 2 sloupce, jen méně nafouknutý
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
        grid-template-columns:
            minmax(0, 0.78fr)
            minmax(0, 1.22fr);

        margin-top: 30px;
        padding: 30px 34px;

        gap: 36px;

        border-radius: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title .elementor-heading-title {
        font-size: 34px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text p {
        font-size: 17px;
        line-height: 1.55;
    }
}
/* ==================================================
   KRANIO — NAŠE PRAXE
   TABLET LAYOUT — 768
   ================================================== */

@media (max-width: 820px) {

    .elementor-3303 .elementor-element.elementor-element-0c2b02f {
        --trust-gutter: 56px;
    }

    /* ----------------------------------------------
       HLAVNÍ GRID → 1 SLOUPEC
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 46px;

        padding-top: 78px;
        padding-bottom: 92px;
    }


    /* ----------------------------------------------
       INTRO
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__intro {
        max-width: 600px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title .elementor-heading-title {
        font-size: 54px;
        line-height: 1.03;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead {
        max-width: 560px;
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
        font-size: 18px;
        line-height: 1.55;
    }


    /* ----------------------------------------------
       PRINCIPLES
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principles {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
        grid-template-columns:
            64px
            minmax(0, 1fr);

        padding-block: 32px;

        gap: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
        font-size: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title .elementor-heading-title {
        font-size: 34px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text {
        max-width: 560px;
        margin-top: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
        font-size: 17px;
        line-height: 1.55;
    }


    /* ----------------------------------------------
       TEAM STRIP
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
        grid-column: auto;

        grid-template-columns: 1fr;

        margin-top: 4px;
        padding: 34px;

        gap: 18px;

        border-radius: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title {
        max-width: 420px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title .elementor-heading-title {
        font-size: 36px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text {
        max-width: 620px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text p {
        font-size: 17px;
        line-height: 1.55;
    }


    /* ----------------------------------------------
       DEKORACE
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f::before {
        width: 560px;

        left: -240px;
        bottom: -150px;

        opacity: 0.16;
    }
}
/* ==================================================
   KRANIO — NAŠE PRAXE
   MOBILE — 390 / 320
   ================================================== */

@media (max-width: 480px) {

    .elementor-3303 .elementor-element.elementor-element-0c2b02f {
        --trust-gutter: 24px;
    }


    /* --------------------------------------------------
       INNER
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
        padding-top: 64px;
        padding-bottom: 72px;

        row-gap: 36px;
    }


    /* --------------------------------------------------
       INTRO
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__intro {
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__eyebrow {
        margin-bottom: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__eyebrow .elementor-heading-title {
        font-size: 12px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title .elementor-heading-title {
        font-size: clamp(39px, 11.5vw, 46px);
        line-height: 1.04;
        letter-spacing: -0.025em;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead {
        max-width: 100%;

        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__lead p {
        font-size: 17px;
        line-height: 1.55;
    }


    /* --------------------------------------------------
       PRINCIPLES
       pořád číslo + obsah vedle sebe,
       ale už s reálně použitelnou šířkou
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
        grid-template-columns:
            48px
            minmax(0, 1fr);

        padding-block: 28px;

        gap: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
        font-size: 34px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-content {
        width: 100%;
        min-width: 0;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title {
        width: 100%;
        min-width: 0;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title .elementor-heading-title {
        font-size: 29px;
        line-height: 1.08;

        overflow-wrap: normal;
        word-break: normal;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text {
        width: 100%;
        max-width: 100%;

        margin-top: 16px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-text p {
        font-size: 16.5px;
        line-height: 1.55;
    }


    /* --------------------------------------------------
       TEAM STRIP
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
        width: 100%;

        margin-top: 4px;

        padding: 28px 26px;

        gap: 18px;

        border-radius: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title {
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title .elementor-heading-title {
        font-size: 32px;
        line-height: 1.06;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text {
        width: 100%;
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-text p {
        font-size: 16.5px;
        line-height: 1.55;
    }


    /* --------------------------------------------------
       DEKORACE
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-0c2b02f::before {
        width: 430px;

        left: -260px;
        bottom: -100px;

        opacity: 0.12;
    }
}


/* ==================================================
   SMALL MOBILE — 320
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-0c2b02f {
        --trust-gutter: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__inner {
        padding-top: 58px;
        padding-bottom: 66px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__title .elementor-heading-title {
        font-size: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap: 14px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
        font-size: 31px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle-title .elementor-heading-title {
        font-size: 27px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team {
        padding: 26px 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__team-title .elementor-heading-title {
        font-size: 30px;
    }
}
/* ==================================================
   PRAXE — 320 PRINCIPLE ALIGNMENT
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__principle {
        grid-template-columns:
            32px
            minmax(0, 1fr);

        gap: 10px;
    }

    .elementor-3303 .elementor-element.elementor-element-0c2b02f .kranio-trust__number .elementor-heading-title {
        font-size: 29px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb97f81 *//* ==================================================
   KRANIO — PRAKTICKÉ INFO
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-eb97f81 {
    --practical-max: 1440px;
    --practical-gutter: clamp(32px, 4vw, 72px);
    --practical-gap: clamp(70px, 8vw, 140px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;
    isolation: isolate;

    width: 100%;

    background: #FCF8EE;
    color: #291600;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__inner {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);

    align-items: start;

    width: min(
        calc(100% - (2 * var(--practical-gutter))),
        var(--practical-max)
    );

    margin-inline: auto;

    padding-top: clamp(100px, 9vw, 150px);
    padding-bottom: clamp(105px, 9vw, 155px);

    gap: var(--practical-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__intro {
    width: 100%;
    max-width: 570px;
}


/* EYEBROW */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__eyebrow {
    margin: 0 0 20px 0;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__eyebrow .elementor-heading-title {
    margin: 0;

    color: #009D9F;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* H2 */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(48px, 4.4vw, 70px);
    font-weight: 400;
    line-height: 1.04;

    letter-spacing: -0.028em;
}


/* ==================================================
   PRICE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price {
    display: flex !important;
    flex-direction: column;

    width: max-content;

    margin-top: clamp(52px, 5vw, 80px);
}


/* NUMBER */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-number {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-number .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-heading);
    font-size: clamp(76px, 8vw, 124px);
    font-weight: 400;
    line-height: 0.9;

    letter-spacing: -0.055em;
}


/* LABEL */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-label {
    margin-top: 12px;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-label .elementor-heading-title {
    margin: 0;

    color: #291600;

    font-family: var(--kku-body);
    font-size: clamp(17px, 1.2vw, 20px);
    font-weight: 500;
    line-height: 1.3;
}


/* ==================================================
   INFO
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__info {
    width: 100%;

    border-top: 1px solid rgba(41, 22, 0, 0.20);
}


/* ROW */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row {
    display: grid !important;

    grid-template-columns:
        minmax(190px, 0.8fr)
        minmax(0, 1.2fr);

    align-items: start;

    width: 100%;

    padding-block: clamp(28px, 3vw, 42px);

    gap: clamp(32px, 4vw, 64px);

    border-bottom: 1px solid rgba(41, 22, 0, 0.20);
}


/* ROW TITLE */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(28px, 2.4vw, 38px);
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.02em;
}


/* ROW TEXT */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text {
    max-width: 600px;
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text,
.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text p {
    margin: 0;

    color: rgba(41, 22, 0, 0.76);

    font-size: clamp(17px, 1.15vw, 19px);
    font-weight: 400;
    line-height: 1.58;
}


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

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta {
    margin-top: clamp(34px, 3.5vw, 50px);
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta .elementor-button {
    min-height: 54px;

    padding: 14px 28px;

    background: #009D9F;
    color: #FCF8EE;

    border: 0;
    border-radius: 999px;

    font-family: var(--kku-body);
    font-size: 16px;
    font-weight: 600;
}

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta .elementor-button:hover {
    background: #012628;
    color: #FCF8EE;
}
/* ==================================================
   KRANIO — PRAKTICKY
   TABLET / MOBILE LAYOUT
   ================================================== */

@media (max-width: 820px) {

    .elementor-3303 .elementor-element.elementor-element-eb97f81 {
        --practical-gutter: 56px;
    }

    /* ==================================================
       HLAVNÍ LAYOUT → 1 SLOUPEC
       ================================================== */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__inner {
        grid-template-columns: 1fr;

        gap: 56px;

        padding-top: 82px;
        padding-bottom: 92px;
    }


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

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__intro {
        max-width: 620px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title {
        max-width: 620px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title .elementor-heading-title {
        font-size: 54px;
    }


    /* CENA */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price {
        margin-top: 44px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-number .elementor-heading-title {
        font-size: 94px;
    }


    /* ==================================================
       INFO
       ================================================== */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__info {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row {
        grid-template-columns:
            minmax(190px, 0.75fr)
            minmax(0, 1.25fr);

        gap: 42px;

        padding-block: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-title .elementor-heading-title {
        font-size: 32px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text p {
        font-size: 17px;
    }


    /* CTA */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta {
        margin-top: 36px;
    }
}
/* ==================================================
   KRANIO — PRAKTICKY
   MOBILE — 390 / 320
   ================================================== */

@media (max-width: 480px) {

    .elementor-3303 .elementor-element.elementor-element-eb97f81 {
        --practical-gutter: 24px;
    }

    /* HLAVNÍ OBSAH */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__inner {
        grid-template-columns: 1fr;

        width: calc(100% - (2 * var(--practical-gutter)));

        gap: 46px;

        padding-top: 64px;
        padding-bottom: 72px;
    }


    /* INTRO */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__intro {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__eyebrow,
    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title {
        text-align: left;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title .elementor-heading-title {
        font-size: clamp(42px, 12vw, 48px);
        line-height: 1.04;
    }


    /* CENA */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price {
        width: 100%;

        margin-top: 38px;

        align-items: flex-start;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-number .elementor-heading-title {
        font-size: clamp(58px, 18vw, 72px);
        line-height: 0.92;

        white-space: nowrap;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-label {
        margin-top: 10px;
    }


    /* PRAKTICKÉ ÚDAJE → 1 SLOUPEC */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row {
        grid-template-columns: 1fr;

        padding-block: 26px;

        gap: 10px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-title .elementor-heading-title {
        font-size: 30px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text p {
        font-size: 16.5px;
        line-height: 1.55;
    }


    /* CTA */

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta {
        width: 100%;

        margin-top: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__cta .elementor-button {
        width: 100%;
    }
}


/* ==================================================
   SMALL MOBILE — 320
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-eb97f81 {
        --practical-gutter: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__title .elementor-heading-title {
        font-size: 40px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__price-number .elementor-heading-title {
        font-size: 57px;
    }

    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-title .elementor-heading-title {
        font-size: 28px;
    }
}
/* ==================================================
   PRAKTICKY — INTERNÍ ODKAZY
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text a {
    color: inherit !important;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    text-decoration-color: rgba(0, 157, 159, 0.55);

    transition:
        color .2s ease,
        text-decoration-color .2s ease;
}

@media (hover: hover) {
    .elementor-3303 .elementor-element.elementor-element-eb97f81 .kranio-practical__row-text a:hover {
        color: #009D9F !important;
        text-decoration-color: #009D9F;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd7a0a *//* ==================================================
   KRANIO — PŘÍBĚH
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-6dd7a0a {
    --story-max: 1440px;
    --story-gutter: clamp(32px, 4vw, 72px);
    --story-gap: clamp(60px, 7vw, 120px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

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

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

    width: 100%;

    background: #FFA338;
    color: #291600;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    align-items: start;

    width: min(calc(100% - (2 * var(--story-gutter))), var(--story-max));
    margin-inline: auto;

    padding-top: clamp(110px, 9vw, 150px);
    padding-bottom: clamp(120px, 10vw, 170px);

    gap: var(--story-gap);

    position: relative;
    z-index: 2;
}


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

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__intro {
    width: 100%;
    max-width: 560px;

    margin-top: clamp(70px, 6vw, 110px);

    position: relative;
    z-index: 2;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__eyebrow {
    margin: 0 0 22px 0;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__eyebrow .elementor-heading-title {
    margin: 0;

    color: #291600;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__title .elementor-heading-title {
    margin: 0;

    color: #291600;

    font-family: var(--kku-heading);
    font-size: clamp(50px, 4.5vw, 72px);
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: -0.035em;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead {
    max-width: 480px;
    margin-top: clamp(30px, 2.6vw, 42px);
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead,
.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead p {
    margin: 0;

    color: rgba(41, 22, 0, 0.84);

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.58;
}


/* ==================================================
   STORY PANEL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel {
    position: relative;
    z-index: 2;

    width: 100%;

    padding:
        clamp(48px, 5vw, 74px)
        clamp(42px, 4.6vw, 72px);

    background: #012628;
    color: #FCF8EE;

    border-radius: clamp(32px, 3vw, 48px);

    overflow: hidden;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-label {
    margin: 0 0 24px 0;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-label .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-body);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-title {
    max-width: 690px;
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(34px, 3vw, 48px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.022em;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text {
    max-width: 690px;
    margin-top: clamp(30px, 3vw, 42px);
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text,
.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text p {
    margin: 0 0 18px 0;

    color: rgba(252, 248, 238, 0.82);

    font-size: clamp(17px, 1.15vw, 19px);
    font-weight: 400;
    line-height: 1.62;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   AUTHOR
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;

    width: 100%;

    margin-top: clamp(34px, 3.5vw, 48px);
    padding-top: 24px;

    border-top: 1px solid rgba(245, 232, 195, 0.22);

    gap: 8px 16px;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-name {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-name .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: 23px;
    font-weight: 400;
    line-height: 1.2;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-role,
.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-role p {
    margin: 0;

    color: rgba(252, 248, 238, 0.62);

    font-family: var(--kku-body);
    font-size: 15px;
    line-height: 1.4;
}


/* ==================================================
   QUOTE MARK IN PANEL
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel::after {
    content: "„";

    position: absolute;
    z-index: 0;

    right: 18px;
    top: -54px;

    color: rgba(0, 157, 159, 0.22);

    font-family: var(--kku-heading);
    font-size: clamp(190px, 20vw, 330px);
    font-weight: 400;
    line-height: 1;

    pointer-events: none;
}

.elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel > * {
    position: relative;
    z-index: 1;
}


/* ==================================================
   BRAND WAVE — ORANGE SECTION
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-6dd7a0a::before {
    content: "";

    position: absolute;
    z-index: 0;

    left: clamp(-180px, -8vw, -70px);
    bottom: clamp(-170px, -9vw, -90px);

    width: clamp(900px, 78vw, 1500px);
    aspect-ratio: 2.25 / 1;

    background: rgba(41, 22, 0, 0.25);

    -webkit-mask-image: var(--story-wave-url);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left bottom;
    -webkit-mask-size: contain;

    mask-image: var(--story-wave-url);
    mask-repeat: no-repeat;
    mask-position: left bottom;
    mask-size: contain;

    transform: rotate(-2deg);

    pointer-events: none;
}


/* ==================================================
   TABLET — 1024
   ================================================== */

@media (max-width: 1024px) {

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__inner {
        grid-template-columns: 1fr;

        gap: 56px;

        padding-top: 90px;
        padding-bottom: 120px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__intro {
        max-width: 100%;
        margin-top: 0;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead {
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel {
        max-width: 100%;
    }


    /* BRAND WAVE */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a::before {
        left: -120px;
        bottom: -140px;

        width: min(1250px, 140vw);

        background: rgba(41, 22, 0, 0.20);

        transform: rotate(-2deg);
    }
}


/* ==================================================
   MOBILE — 768 A MÉNĚ
   ================================================== */

@media (max-width: 767px) {

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a {
        --story-gutter: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__inner {
        gap: 44px;

        padding-top: 72px;
        padding-bottom: 95px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__title .elementor-heading-title {
        font-size: clamp(44px, 13vw, 60px);
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead p {
        font-size: 18px;
        line-height: 1.56;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel {
        padding: 34px 28px;

        border-radius: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-title .elementor-heading-title {
        font-size: 34px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text p {
        font-size: 17px;
        line-height: 1.6;
    }


    /* BRAND WAVE */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a::before {
        left: -90px;
        bottom: -105px;

        width: 170vw;

        background: rgba(41, 22, 0, 0.16);

        transform: rotate(-2deg);
    }
}
/* ==================================================
   SMALL MOBILE — 320
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a {
        --story-gutter: 14px;
    }


    /* HLAVNÍ SEKCE */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__inner {
        gap: 38px;

        padding-top: 62px;
        padding-bottom: 78px;
    }


    /* INTRO */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__title .elementor-heading-title {
        font-size: 40px;
        line-height: 1.03;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead {
        margin-top: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__lead p {
        font-size: 17px;
        line-height: 1.52;
    }


    /* STORY PANEL */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel {
        padding:
            30px
            22px
            32px;

        border-radius: 24px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-label {
        margin-bottom: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-title .elementor-heading-title {
        font-size: 30px;
        line-height: 1.08;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text {
        margin-top: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel-text p {
        font-size: 16.5px;
        line-height: 1.56;

        margin-bottom: 17px;
    }


    /* AUTHOR */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author {
        margin-top: 32px;
        padding-top: 22px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-name .elementor-heading-title {
        font-size: 21px;
    }

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-role,
    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__author-role p {
        font-size: 14px;
    }


    /* QUOTE MARK */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a .kranio-story__panel::after {
        right: 5px;
        top: -26px;

        font-size: 175px;
    }


    /* BRAND WAVE */

    .elementor-3303 .elementor-element.elementor-element-6dd7a0a::before {
        left: -70px;
        bottom: -80px;

        width: 190vw;

        background: rgba(41, 22, 0, 0.15);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a476b7 *//* ==================================================
   KRANIO — FINAL CTA
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7 {
    --final-max: 1440px;
    --final-gutter: clamp(32px, 4vw, 72px);
    --final-gap: clamp(70px, 8vw, 140px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

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

    width: 100%;

    background: #FCF8EE;
    color: #012628;

    /* dekorace může přesáhnout do FAQ */
    overflow: visible;
}


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

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__inner {
    position: relative;
    z-index: 2;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, 0.85fr);

    align-items: center;

    width: min(
        calc(100% - (2 * var(--final-gutter))),
        var(--final-max)
    );

    margin-inline: auto;

    padding-top: clamp(115px, 10vw, 165px);
    padding-bottom: clamp(120px, 10vw, 170px);

    gap: var(--final-gap);
}


/* ==================================================
   HEADLINE
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__headline {
    width: 100%;
    max-width: 820px;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__eyebrow {
    margin: 0 0 24px 0;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__eyebrow .elementor-heading-title {
    margin: 0;

    color: #009D9F;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__title .elementor-heading-title {
    margin: 0;

    color: #012628;

    font-family: var(--kku-heading);
    font-size: clamp(54px, 5vw, 80px);
    font-weight: 400;
    line-height: 1.02;

    letter-spacing: -0.035em;
}


/* ==================================================
   ACTION
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__action {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 500px;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text {
    max-width: 470px;
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text,
.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text p {
    margin: 0;

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

    font-size: clamp(19px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.58;
}


/* ==================================================
   BUTTON
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button {
    margin-top: clamp(32px, 3vw, 42px);
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button .elementor-button {
    min-height: 58px;

    padding: 16px 30px;

    background: #009D9F;
    color: #FCF8EE;

    border-radius: 999px;

    font-family: var(--kku-body);
    font-size: 16px;
    font-weight: 600;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease;
}

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button .elementor-button:hover {
    background: #012628;

    transform: translateY(-2px);
}


/* ==================================================
   META
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta {
    width: calc(100% - 14px);
    max-width: 456px;

    margin-top: 30px;
    padding-top: 22px;

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

.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta,
.elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta p {
    margin-bottom: 0;

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

    font-family: var(--kku-body);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}


/* ==================================================
   LEVÁ ORGANICKÁ LINKA
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7::before {
    content: "";

    position: absolute;
    z-index: 0;

    width: clamp(430px, 36vw, 650px);
    aspect-ratio: 1;

    left: clamp(-280px, -12vw, -130px);
    top: 50%;

    border: 2px solid rgba(255, 163, 56, 0.28);

    border-radius:
        57% 43% 42% 58%
        /
        46% 56% 44% 54%;

    transform:
        translateY(-50%)
        rotate(-15deg);

    pointer-events: none;
}


/* ==================================================
   BRAND SUN — PROPOJENÍ S FAQ
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-8a476b7::after {
    content: "";

    position: absolute;
    z-index: 4;

   right: clamp(55px, 8vw, 125px);

    /*
     * cca 35–40 % motivu leze do FAQ
     */
    bottom: clamp(-82px, -5.5vw, -58px);

    width: clamp(150px, 13vw, 200px);
    aspect-ratio: 1;

    /*
     * SVG používáme jako masku.
     * Díky tomu má motiv přesně naši oranžovou
     * a žádnou průhlednost.
     */
    background: #FFA338;

    -webkit-mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Y2K-Futuristic-Abstract-Shapes-Set-179-4.svg");
    mask-image:
        url("https://krokykusmevu.cz/wp-content/uploads/2026/08/Y2K-Futuristic-Abstract-Shapes-Set-179-4.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;

    pointer-events: none;
}

/* ==================================================
   TABLET — 768
   ================================================== */

@media (max-width: 900px) {

    .elementor-3303 .elementor-element.elementor-element-8a476b7 {
        --final-gutter: 56px;
        --final-gap: 48px;
    }


    /* ----------------------------------------------
       LAYOUT → 1 SLOUPEC
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__inner {
        grid-template-columns: 1fr;

        align-items: start;

        padding-top: 88px;
        padding-bottom: 110px;

        gap: var(--final-gap);
    }


    /* ----------------------------------------------
       HEADLINE
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__headline {
        max-width: 650px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__title .elementor-heading-title {
        font-size: 58px;
        line-height: 1.03;
    }


    /* ----------------------------------------------
       ACTION
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__action {
        width: 100%;
        max-width: 590px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text {
        max-width: 560px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button {
        margin-top: 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta {
        width: 100%;
        max-width: 560px;

        margin-top: 28px;
    }


    /* ----------------------------------------------
       LEVÁ DEKORACE
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-8a476b7::before {
        width: 430px;

        left: -235px;
        top: 42%;
    }


    /* ----------------------------------------------
       BRAND SUN
       ---------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-8a476b7::after {
        right: 48px;
        bottom: -62px;

        width: 145px;
    }
}
/* ==================================================
   MOBILE — 390 / 320
   ================================================== */

@media (max-width: 480px) {

    .elementor-3303 .elementor-element.elementor-element-8a476b7 {
        --final-gutter: 24px;
        --final-gap: 38px;
    }


    /* LAYOUT */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__inner {
        padding-top: 68px;
        padding-bottom: 86px;

        gap: var(--final-gap);
    }


    /* HEADLINE */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__headline {
        max-width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__eyebrow {
        margin-bottom: 20px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__title .elementor-heading-title {
        font-size: 46px;
        line-height: 1.02;
    }


    /* ACTION */

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__action,
    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text,
    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text p {
        font-size: 17px;
        line-height: 1.55;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button {
        margin-top: 28px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta {
        margin-top: 26px;
        padding-top: 20px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta,
    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__meta p {
        font-size: 14px;
        line-height: 1.5;
    }


    /* LEVÁ LINKA */

    .elementor-3303 .elementor-element.elementor-element-8a476b7::before {
        width: 330px;

        left: -230px;
        top: 46%;

        opacity: 0.75;
    }


    /* BRAND SUN */

    .elementor-3303 .elementor-element.elementor-element-8a476b7::after {
        right: 20px;
        bottom: -48px;

        width: 112px;
    }
}


/* ==================================================
   SMALL MOBILE — 320
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-8a476b7 {
        --final-gutter: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__inner {
        padding-top: 62px;
        padding-bottom: 80px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__title .elementor-heading-title {
        font-size: 40px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__text p {
        font-size: 16.5px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7 .kranio-final__button .elementor-button {
        width: 100%;
        min-height: 54px;

        padding-inline: 18px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7::before {
        width: 285px;

        left: -205px;
    }

    .elementor-3303 .elementor-element.elementor-element-8a476b7::after {
        right: 14px;
        bottom: -42px;

        width: 96px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb0c6e *//* ==================================================
   KRANIO — FAQ
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e {
    --faq-max: 1440px;
    --faq-gutter: clamp(32px, 4vw, 72px);
    --faq-gap: clamp(80px, 9vw, 150px);

    --kku-heading: "IBM Plex Serif", serif;
    --kku-body: "Afacad Flux", sans-serif;

    position: relative;
    isolation: isolate;

    width: 100%;

    background: #012628;
    color: #FCF8EE;

    overflow: hidden;
}


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

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__inner {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    width: min(
        calc(100% - (2 * var(--faq-gutter))),
        var(--faq-max)
    );

    margin-inline: auto;

    padding-top: clamp(105px, 9vw, 150px);
    padding-bottom: clamp(110px, 9vw, 160px);

    gap: var(--faq-gap);
}


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

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__intro {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 500px;
}


/* EYEBROW */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__eyebrow {
    margin: 0 0 22px 0;
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__eyebrow .elementor-heading-title {
    margin: 0;

    color: #FFA338;

    font-family: var(--kku-body);
    font-size: clamp(13px, 0.85vw, 15px);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* H2 */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title {
    margin: 0;
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title .elementor-heading-title {
    margin: 0;

    color: #FCF8EE;

    font-family: var(--kku-heading);
    font-size: clamp(48px, 4.3vw, 68px);
    font-weight: 400;
    line-height: 1.04;

    letter-spacing: -0.028em;
}


/* LEAD */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead {
    max-width: 470px;

    margin-top: clamp(28px, 2.5vw, 38px);
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead,
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead p {
    margin: 0;

    color: rgba(252, 248, 238, 0.76);

    font-size: clamp(18px, 1.3vw, 21px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   ACCORDION
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion {
    position: relative;
    z-index: 2;

    width: 100%;
}


/* ITEM */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item {
    margin: 0;

    background: transparent;

    border: 0;
    border-top: 1px solid rgba(245, 232, 195, 0.22);
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item:last-child {
    border-bottom: 1px solid rgba(245, 232, 195, 0.22);
}


/* ==================================================
   QUESTION / SUMMARY
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title {
    min-height: 0;

    padding: clamp(24px, 2.5vw, 34px) 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #FCF8EE;

    font-family: var(--kku-heading);

    transition:
        color 0.2s ease,
        padding 0.2s ease;
}


/* QUESTION TEXT */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title-text {
    padding-right: 28px;

    color: inherit;

    font-family: var(--kku-heading);
    font-size: clamp(25px, 2.1vw, 34px);
    font-weight: 400;
    line-height: 1.12;

    letter-spacing: -0.018em;
}


/* ICON */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title-icon {
    color: #FFA338;

    font-size: 24px;
}


/* HOVER */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title:hover {
    color: #F5E8C3;
}


/* OPEN */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item[open]
.e-n-accordion-item-title {
    color: #FFA338;

    padding-bottom: 16px !important;
}


/* ==================================================
   ANSWER
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer {
    max-width: 720px;

    margin: 0;
    padding: 0 54px 30px 0;
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer,
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer p {
    font-family: var(--kku-body);
}

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer p {
    margin: 0;

    color: rgba(252, 248, 238, 0.76);

    font-size: clamp(17px, 1.2vw, 19px);
    font-weight: 400;
    line-height: 1.6;
}


/* ==================================================
   SUBTLE ORANGE DECORATION
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e::before {
    content: "";

    position: absolute;
    z-index: 0;

    width: clamp(260px, 26vw, 440px);
    aspect-ratio: 1;

    left: clamp(-220px, -10vw, -110px);
    bottom: clamp(-180px, -8vw, -90px);

    background: #FFA338;

    border-radius:
        55% 45% 62% 38%
        /
        48% 62% 38% 52%;

    opacity: 0.09;

    transform: rotate(-14deg);

    pointer-events: none;
}
/* ==================================================
   FAQ — FINAL DESKTOP POLISH
   ================================================== */

/* skutečně oranžové + / − */
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title-icon,
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title-icon *,
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion .e-n-accordion-item-title-icon svg {
    color: #FFA338 !important;
    fill: #FFA338 !important;
    stroke: #FFA338 !important;
}

/* dekorace o něco klidnější */
.elementor-3303 .elementor-element.elementor-element-1cb0c6e::before {
    opacity: 0.065;
}
/* ==================================================
   FAQ — OPEN ANSWER CLEANUP
   ================================================== */

/* odstranění defaultního boxu Nested Accordionu */
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
.e-n-accordion-item > .e-con,

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
.e-n-accordion-item > [role="region"] {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* odpověď jako přirozené pokračování otázky */
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer {
    max-width: 720px;

    margin: 0;
    padding:
        0
        54px
        32px
        20px;
}


/* trochu klidnější mezera pod otevřeným titulkem */
.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title {
    padding-bottom: 14px !important;
}
/* ==================================================
   KRANIO — FAQ
   TABLET PORTRAIT
   ================================================== */

@media (max-width: 900px) {

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e {
        --faq-gutter: 56px;
        --faq-gap: 54px;
    }


    /* --------------------------------------------------
       HLAVNÍ LAYOUT → 1 SLOUPEC
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__inner {
        grid-template-columns: 1fr;

        gap: var(--faq-gap);

        padding-top: 88px;
        padding-bottom: 100px;
    }


    /* --------------------------------------------------
       INTRO
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__intro {
        max-width: 560px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title {
        max-width: 560px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title .elementor-heading-title {
        font-size: 56px;
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead {
        max-width: 520px;

        margin-top: 28px;
    }


    /* --------------------------------------------------
       ACCORDION
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion {
        width: 100%;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title-text {
        font-size: 30px;
        line-height: 1.12;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title {
        padding-block: 26px !important;
    }


    /* OPEN ANSWER */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer {
        max-width: 680px;

        padding:
            0
            46px
            30px
            20px;
    }


    /* --------------------------------------------------
       DEKORACE
       -------------------------------------------------- */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e::before {
        width: 420px;

        left: -250px;
        bottom: auto;
        top: 130px;

        opacity: 0.055;
    }
}
@media (max-width: 900px) {
    .elementor-3303 .elementor-element.elementor-element-1cb0c6e::before {
        left: -285px;
    }
}
/* ==================================================
   KRANIO — FAQ
   MOBILE 390 / 320
   ================================================== */

@media (max-width: 480px) {

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e {
        --faq-gutter: 24px;
        --faq-gap: 42px;
    }


    /* HLAVNÍ LAYOUT */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__inner {
        width: calc(100% - (2 * var(--faq-gutter)));

        gap: var(--faq-gap);

        padding-top: 66px;
        padding-bottom: 78px;
    }


    /* INTRO */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__intro,
    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title,
    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead {
        width: 100%;
        max-width: none;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title .elementor-heading-title {
        font-size: clamp(42px, 12vw, 48px);
        line-height: 1.04;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead {
        margin-top: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__lead p {
        font-size: 17px;
        line-height: 1.55;
    }


    /* ==================================================
       ACCORDION
       ================================================== */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion {
        width: 100%;
        min-width: 0;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title {
        align-items: flex-start;

        padding: 22px 0 !important;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title-text {
        min-width: 0;

        padding-right: 8px;

        font-size: 28px;
        line-height: 1.1;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title-icon {
        flex: 0 0 auto;

        margin-top: 4px;
    }


    /* ==================================================
       OPEN ANSWER
       ================================================== */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item > .e-con,

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item > [role="region"] {
        width: 100% !important;
        max-width: none !important;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer {
        width: 100%;
        max-width: none;

        padding:
            0
            8px
            28px
            28px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer p {
        font-size: 16.5px;
        line-height: 1.58;
    }


    /* DEKORACE */

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e::before {
        width: 330px;

        left: -245px;
        top: 390px;

        opacity: 0.05;
    }
}


/* ==================================================
   SMALL MOBILE — 320
   ================================================== */

@media (max-width: 340px) {

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e {
        --faq-gutter: 20px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__title .elementor-heading-title {
        font-size: 40px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__accordion
    .e-n-accordion-item-title-text {
        font-size: 26px;
    }

    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer {
        padding-right: 2px;
        padding-left: 26px;
    }
}
/* ==================================================
   FAQ — INTERNÍ ODKAZY
   ================================================== */

.elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer a {
    color: #FCF8EE !important;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    text-decoration-color: rgba(255, 163, 56, 0.65);

    transition:
        color .2s ease,
        text-decoration-color .2s ease;
}

@media (hover: hover) {
    .elementor-3303 .elementor-element.elementor-element-1cb0c6e .kranio-faq__answer a:hover {
        color: #FFA338 !important;
        text-decoration-color: #FFA338;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-960ff9d *//* =========================================================
   KKU — BOWEN OFFCANVAS / INNER
   CSS patří na: OFFCANVAS - INNER
   ========================================================= */


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

.elementor-3303 .elementor-element.elementor-element-960ff9d {
    position: relative;

    width: 100%;
    min-height: 100vh;

    display: flex;
    flex-direction: column;

    padding: 60px 48px 44px;

    background: #FCF8EE;

    overflow-y: auto;
}


/* oranžový brand detail nahoře */

.elementor-3303 .elementor-element.elementor-element-960ff9d::before {
    content: "";

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

    width: 72px;
    height: 4px;

    background: #FFA338;

    border-radius: 0 0 999px 999px;
}


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

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__eyebrow {
    width: 100%;
    margin: 0 0 18px;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__eyebrow p {
    margin: 0;

    font-family: "Afacad Flux", sans-serif;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.2;

    letter-spacing: .10em;
    text-transform: uppercase;

    color: #009D9F;
}


/* =========================================================
   HEADLINE
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__title {
    width: 100%;
    max-width: 420px;

    margin: 0 0 20px;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__title
.elementor-heading-title {
    margin: 0;

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

    letter-spacing: -.035em;

    color: #012628;
}


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

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__text {
    width: 100%;
    max-width: 440px;

    margin: 0 0 34px;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__text p {
    margin: 0;

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

    color: rgba(41, 22, 0, .74);
}


/* =========================================================
   FORM
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__form {
    width: 100%;
}


/* jednotlivá pole */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-group {
    margin-bottom: 18px;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-label {
    margin-bottom: 7px;

    font-family: "Afacad Flux", sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.2;

    color: #012628;
}


/* =========================================================
   INPUTS
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="text"],

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="email"],

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="tel"],

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
textarea {
    width: 100%;

    padding: 13px 15px;

    background: #F5E8C3;

    border: 1px solid transparent;
    border-radius: 14px 4px 14px 4px;

    box-shadow: none;

    font-family: "Afacad Flux", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;

    color: #291600;

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


/* focus */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="text"]:focus,

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="email"]:focus,

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input[type="tel"]:focus,

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
textarea:focus {
    outline: none;

    background: #FCF8EE;

    border-color: #009D9F;
}


/* placeholder */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
input::placeholder,

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
textarea::placeholder {
    color: rgba(41, 22, 0, .42);
}


/* textarea */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
textarea {
    min-height: 96px;

    resize: vertical;
}


/* =========================================================
   LOKALITY — RADIO
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
.elementor-field-subgroup {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 9px;
}


.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
.elementor-field-option {
    position: relative;

    width: 100%;
    margin: 0;
}


/* schováme klasické radio */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
input[type="radio"] {
    position: absolute;

    opacity: 0;
    pointer-events: none;
}


/* label = tlačítko */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
.elementor-field-option label {
    width: 100%;
    min-height: 46px;

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

    margin: 0;
    padding: 10px 8px;

    background: #F5E8C3;

    border: 1px solid rgba(41, 22, 0, .10);
    border-radius: 999px;

    cursor: pointer;

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

    color: #012628;

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


/* vybraná lokalita */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
input[type="radio"]:checked + label {
    background: #012628;

    border-color: #012628;

    color: #FCF8EE;
}


/* hover */

@media (hover: hover) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__form
    .elementor-field-type-radio
    .elementor-field-option label:hover {
        border-color: #009D9F;
    }
}


/* =========================================================
   SOUHLAS
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-acceptance
.elementor-field-option {
    display: flex;
    align-items: flex-start;

    gap: 10px;
}


.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-acceptance
input {
    flex: 0 0 auto;

    width: 18px;
    height: 18px;

    margin: 2px 0 0;

    accent-color: #009D9F;
}


.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-acceptance
label {
    font-family: "Afacad Flux", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;

    color: rgba(41, 22, 0, .66);
}


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

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-button,
.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
button[type="submit"] {
    width: 100%;
    min-height: 54px;

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

    padding: 15px 24px;

    background-color: #FFA338 !important;
    background: #FFA338 !important;

    border: 1px solid #FFA338 !important;
    border-radius: 999px;

    box-shadow: none;

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

    color: #012628 !important;

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

@media (hover: hover) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__form
    .elementor-button:hover,
    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__form
    button[type="submit"]:hover {
        background-color: #012628 !important;
        background: #012628 !important;

        border-color: #012628 !important;

        color: #FCF8EE !important;

        transform: translateY(-2px);
    }
}


/* =========================================================
   FORM MESSAGES
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-message {
    margin-top: 14px;

    font-family: "Afacad Flux", sans-serif;
    font-size: 14px;
    line-height: 1.4;
}


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

@media (max-width: 1024px) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d {
        padding:
            56px 38px 40px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d::before {
        left: 38px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__title
    .elementor-heading-title {
        font-size: 43px;
    }
}


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

@media (max-width: 767px) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d {
        padding:
            50px 26px 34px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d::before {
        left: 26px;
        width: 62px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__title
    .elementor-heading-title {
        font-size: 40px;
    }
}


@media (max-width: 480px) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d {
        padding:
            46px 20px 30px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d::before {
        left: 20px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__title
    .elementor-heading-title {
        font-size: 36px;
    }

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__text p {
        font-size: 15px;
    }

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__text p {
    font-size: 15px;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__text {
    margin-bottom: 26px;
}

    .elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
.elementor-field-subgroup {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__form
.elementor-field-type-radio
.elementor-field-option label {
    min-height: 44px;
    justify-content: center;
    padding: 9px 5px;

    font-size: 14px;
}
}

/* =========================================================
   CLOSE BUTTON
   ========================================================= */

.elementor-3303 .elementor-element.elementor-element-960ff9d .kku-bowen-offcanvas__close {
    position: absolute;
    top: 22px;
    right: 22px;

    z-index: 20;

    width: 42px;
    height: 42px;

    margin: 0;
}


/* samotný button */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__close
.elementor-button {
    width: 42px;
    height: 42px;

    min-width: 42px;
    min-height: 42px;

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

    padding: 0;

    background: transparent !important;

    border: 1px solid rgba(1, 38, 40, .18) !important;
    border-radius: 50%;

    box-shadow: none !important;

    font-family: "Afacad Flux", sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;

    color: #012628 !important;

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


/* odstraníme případné vnitřní odsazení Elementoru */

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__close
.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    line-height: 1;
}

.elementor-3303 .elementor-element.elementor-element-960ff9d
.kku-bowen-offcanvas__close
.elementor-button-text {
    line-height: 1;

    transform: translateY(-1px);
}


/* hover */

@media (hover: hover) {

    .elementor-3303 .elementor-element.elementor-element-960ff9d
    .kku-bowen-offcanvas__close
    .elementor-button:hover {
        background: #012628 !important;

        border-color: #012628 !important;

        color: #FCF8EE !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 */