.elementor-6972 .elementor-element.elementor-element-f958888{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6972 .elementor-element.elementor-element-2347e69{--display:flex;--margin-top:-7em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.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 );}.elementor-6972 .elementor-element.elementor-element-68939f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 17px) 0px;text-align:center;}.elementor-6972 .elementor-element.elementor-element-68939f6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:600;}.elementor-6972 .elementor-element.elementor-element-8aa32ea{--e-image-carousel-slides-to-show:4;}.elementor-6972 .elementor-element.elementor-element-8aa32ea .elementor-swiper-button.elementor-swiper-button-prev, .elementor-6972 .elementor-element.elementor-element-8aa32ea .elementor-swiper-button.elementor-swiper-button-next{font-size:51px;color:#FFFFFF;}.elementor-6972 .elementor-element.elementor-element-8aa32ea .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-6972 .elementor-element.elementor-element-8aa32ea .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-6972 .elementor-element.elementor-element-2347e69{--margin-top:-4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-6972 .elementor-element.elementor-element-68939f6 .elementor-heading-title{font-size:29px;}.elementor-6972 .elementor-element.elementor-element-8aa32ea{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --ml-dark: #102a22;
    --ml-green: #17382d;
    --ml-green-medium: #567163;
    --ml-light-green: #edf2ed;
    --ml-soft: #f7f8f5;
    --ml-beige: #e8dfcf;
    --ml-accent: #ad9265;
    --ml-text: #28352f;
    --ml-muted: #64716a;
    --ml-white: #ffffff;
}


/* =========================================================
   GLOBAL
========================================================= */

.ml-section,
.ml-section *,
.ml-section *::before,
.ml-section *::after {
    box-sizing: border-box;
}

.ml-section {
    width: 100%;
    overflow: hidden;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    color: var(--ml-text);
}

.ml-section h1,
.ml-section h2,
.ml-section h3,
.ml-section h4,
.ml-section p,
.ml-section a,
.ml-section span,
.ml-section div {
    font-family: "Poppins", sans-serif;
}

.ml-section img {
    display: block;
    width: 100%;
}

.ml-section a {
    text-decoration: none;
}

.ml-container {
    width: min(1240px, calc(100% - 64px));
    margin: 0 auto;
}


/* =========================================================
   TYPOGRAFIJA
========================================================= */

.ml-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    margin: 0 0 22px;

    color: var(--ml-accent);

    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .23em;

    text-transform: uppercase;
}

.ml-eyebrow::before {
    content: "";

    width: 38px;
    height: 1px;

    background: currentColor;
}

.ml-title {
    max-width: 900px;

    margin: 0 !important;

    color: var(--ml-dark) !important;

    font-size: clamp(45px, 6vw, 82px) !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
}

.ml-section-title {
    max-width: 850px;

    margin: 0 !important;

    color: var(--ml-dark) !important;

    font-size: clamp(34px, 4.2vw, 57px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -.045em !important;
}

.ml-lead {
    max-width: 680px;

    margin: 26px 0 0;

    color: var(--ml-muted);

    font-size: 17px;
    font-weight: 300;
    line-height: 1.85;
}


/* =========================================================
   GUMBI
========================================================= */

.ml-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 13px;

    min-height: 56px;
    padding: 0 29px;

    border: 1px solid var(--ml-green);
    border-radius: 100px;

    background: var(--ml-green);

    color: var(--ml-white) !important;

    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .025em;

    transition: all .25s ease;
}

.ml-button:hover {
    transform: translateY(-2px);

    border-color: var(--ml-dark);
    background: var(--ml-dark);

    color: var(--ml-white) !important;
}

.ml-button--outline {
    border-color: rgba(255, 255, 255, .58);

    background: transparent;

    color: var(--ml-white) !important;
}

.ml-button--outline:hover {
    border-color: var(--ml-white);

    background: var(--ml-white);

    color: var(--ml-dark) !important;
}

.ml-button__arrow {
    font-size: 19px;
    font-weight: 300;

    transition: transform .25s ease;
}

.ml-button:hover .ml-button__arrow {
    transform: translateX(4px);
}


/* =========================================================
   1. HERO
========================================================= */

.ml-hero {
    position: relative;

    min-height: 820px;

    display: flex;
    align-items: flex-end;

    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            rgba(8,30,22,.89) 0%,
            rgba(8,30,22,.68) 40%,
            rgba(8,30,22,.22) 72%,
            rgba(8,30,22,.08) 100%
        ),
        url("https://malolevi.si/wp-content/uploads/2026/07/1000012427-1.jpg")
        center center / cover no-repeat;
}

.ml-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background: linear-gradient(
        180deg,
        rgba(5,18,13,.04) 35%,
        rgba(5,18,13,.55) 100%
    );
}

.ml-hero__content {
    width: 100%;

    padding: 150px 0 82px;
}

.ml-hero__inner {
    max-width: 850px;
}

.ml-hero .ml-eyebrow {
    color: #dac59f !important;
}

.ml-hero .ml-title {
    color: #ffffff !important;
}

.ml-hero__text {
    max-width: 660px;

    margin: 30px 0 0;

    color: rgba(255,255,255,.82) !important;

    font-size: 18px;
    font-weight: 300;
    line-height: 1.85;
}

.ml-hero__actions {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 40px;
}

.ml-hero__facts {
    display: flex;
    flex-wrap: wrap;

    gap: 16px 42px;

    margin-top: 75px;

    color: rgba(255,255,255,.76) !important;

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

.ml-hero__fact {
    display: flex;
    align-items: center;

    gap: 11px;

    color: rgba(255,255,255,.76) !important;
}

.ml-hero__fact::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: #dac59f;
}


/* =========================================================
   2. UVOD
========================================================= */

.ml-intro {
    padding: 150px 0 170px;

    background: #ffffff !important;
}

.ml-intro__grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;

    gap: 115px;

    align-items: center;
}

.ml-image-frame {
    position: relative;
}

.ml-image-frame__main {
    aspect-ratio: 4 / 5;

    object-fit: cover;

    border-radius: 3px;
}

.ml-image-frame__small {
    position: absolute;

    right: -48px;
    bottom: 48px;

    width: 43%;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    border: 10px solid #ffffff;
    border-radius: 2px;

    box-shadow: 0 25px 65px rgba(20,50,38,.18);
}

.ml-intro__copy {
    padding-left: 10px;
}

.ml-intro .ml-section-title {
    color: var(--ml-dark) !important;
}

.ml-intro .ml-lead {
    color: var(--ml-muted) !important;
}

.ml-intro__copy .ml-lead + .ml-lead {
    margin-top: 18px;
}

.ml-checks {
    display: grid;

    gap: 17px;

    margin-top: 38px;
}

.ml-check {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    color: #435149 !important;

    font-size: 14px;
    line-height: 1.7;
}

.ml-check__icon {
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    display: grid;
    place-items: center;

    margin-top: 1px;

    border-radius: 50%;

    background: var(--ml-light-green);

    color: var(--ml-green) !important;

    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   3. IZVEDBE
========================================================= */

.ml-products {
    padding: 150px 0;

    background: var(--ml-soft) !important;
}

.ml-products .ml-section-title {
    color: var(--ml-dark) !important;
}

.ml-products .ml-lead {
    color: var(--ml-muted) !important;
}

.ml-products__header {
    max-width: 820px;

    margin-bottom: 65px;
}

.ml-products__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));

    gap: 26px;
}

.ml-product {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    border-radius: 4px;

    background: var(--ml-green);
}

.ml-product__image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .8s ease;
}

.ml-product:hover .ml-product__image {
    transform: scale(1.04);
}

.ml-product::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(5,22,16,.02) 20%,
        rgba(5,22,16,.92) 100%
    );
}

.ml-product__content {
    position: relative;

    z-index: 2;

    width: 100%;

    padding: 46px;

    color: #ffffff !important;
}

.ml-product__number {
    margin-bottom: 15px;

    color: #d6bc8e !important;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .2em;
}

.ml-product__title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: clamp(29px,3vw,42px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
}

.ml-product__text {
    max-width: 540px;

    margin: 18px 0 0;

    color: rgba(255,255,255,.76) !important;

    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}


/* =========================================================
   4. PREDNOSTI / PODROBNOSTI
========================================================= */

.ml-benefits {
    padding: 145px 0;

    background: var(--ml-dark) !important;

    color: #ffffff !important;
}

.ml-benefits .ml-eyebrow {
    color: #d5bc8f !important;
}

.ml-benefits .ml-section-title {
    color: #ffffff !important;
}

.ml-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));

    gap: 1px;

    margin-top: 70px;

    background: rgba(255,255,255,.14);
}

.ml-benefit {
    min-height: 275px;

    padding: 39px 31px;

    background: var(--ml-dark) !important;

    color: #ffffff !important;
}

.ml-benefit__icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    margin-bottom: 31px;

    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;

    color: #d5bc8f !important;

    font-size: 18px;
    font-weight: 300;
}

.ml-benefit__title {
    margin: 0 0 13px !important;

    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.ml-benefit__text {
    margin: 0;

    color: rgba(255,255,255,.63) !important;

    font-size: 13px;
    font-weight: 300;
    line-height: 1.8;
}


/* =========================================================
   5. GALERIJA
========================================================= */

.ml-gallery {
    padding: 150px 0;

    background: #ffffff !important;
}

.ml-gallery .ml-section-title {
    color: var(--ml-dark) !important;
}

.ml-gallery .ml-lead {
    color: var(--ml-muted) !important;
}

.ml-gallery__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 60px;

    margin-bottom: 58px;
}

.ml-gallery__header-text {
    max-width: 720px;
}

.ml-gallery__header .ml-lead {
    max-width: 430px;

    margin-bottom: 3px;

    font-size: 15px;
}

.ml-gallery__grid {
    display: grid;

    grid-template-columns: 1.15fr .85fr .85fr;
    grid-template-rows: repeat(2,355px);

    gap: 18px;
}

.ml-gallery__item {
    overflow: hidden;

    border-radius: 3px;

    background: #dce6dd;
}

.ml-gallery__item:first-child {
    grid-row: span 2;
}

.ml-gallery__item img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .65s ease;
}

.ml-gallery__item:hover img {
    transform: scale(1.04);
}


/* =========================================================
   6. POSTOPEK
========================================================= */

.ml-process {
    padding: 150px 0;

    background: var(--ml-light-green) !important;
}

.ml-process .ml-section-title {
    color: var(--ml-dark) !important;
}

.ml-process__top {
    display: grid;
    grid-template-columns: .9fr 1.1fr;

    gap: 100px;

    align-items: end;
}

.ml-process__intro {
    padding-bottom: 7px;

    color: #58665e !important;

    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
}

.ml-process__steps {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));

    gap: 22px;

    margin-top: 70px;
}

.ml-step {
    padding: 38px 27px;

    border-top: 1px solid rgba(23,56,45,.23);
}

.ml-step__number {
    margin-bottom: 44px;

    color: var(--ml-accent) !important;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: .18em;
}

.ml-step__title {
    margin: 0 0 14px !important;

    color: var(--ml-dark) !important;

    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.ml-step__text {
    margin: 0;

    color: #59675f !important;

    font-size: 13px;
    font-weight: 300;
    line-height: 1.8;
}


/* =========================================================
   7. CENA / PODROBNOSTI
========================================================= */

.ml-price {
    padding: 150px 0;

    background: #ffffff !important;
}

.ml-price__box {
    display: grid;
    grid-template-columns: 1.12fr .88fr;

    overflow: hidden;

    border-radius: 5px;

    background: var(--ml-green) !important;
}

.ml-price__content {
    padding: 82px 75px;

    background: var(--ml-green) !important;

    color: #ffffff !important;
}

.ml-price__content .ml-eyebrow {
    color: #d7bd8e !important;
}

.ml-price__title {
    max-width: 700px;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: clamp(34px,4vw,52px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.045em !important;
}

.ml-price__text {
    max-width: 650px;

    margin: 25px 0 0;

    color: rgba(255,255,255,.72) !important;

    font-size: 15px;
    font-weight: 300;
    line-height: 1.85;
}

.ml-price__note {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;

    gap: 9px;

    margin-top: 35px;

    color: #ffffff !important;
}

.ml-price__from {
    color: rgba(255,255,255,.56) !important;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;

    text-transform: uppercase;
}

.ml-price__amount {
    color: #ffffff !important;

    font-size: 39px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.04em;
}

.ml-price__unit {
    color: rgba(255,255,255,.65) !important;

    font-size: 14px;
    font-weight: 300;
}

.ml-price__actions {
    margin-top: 37px;
}

.ml-price__image {
    min-height: 640px;

    background: var(--ml-green);
}

.ml-price__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================================
   8. CTA
========================================================= */

.ml-cta {
    position: relative;

    padding: 145px 0;

    background:
        linear-gradient(
            rgba(8,31,23,.86),
            rgba(8,31,23,.86)
        ),
        url("https://malolevi.si/wp-content/uploads/2026/07/1000012782.jpg")
        center / cover no-repeat !important;

    color: #ffffff !important;

    text-align: center;
}

.ml-cta__inner {
    max-width: 890px;

    margin: 0 auto;
}

.ml-cta .ml-eyebrow {
    justify-content: center;

    color: #d7bd8e !important;
}

.ml-cta__title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: clamp(40px,5vw,65px) !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: -.05em !important;
}

.ml-cta__text {
    max-width: 680px;

    margin: 28px auto 0;

    color: rgba(255,255,255,.74) !important;

    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
}

.ml-cta__actions {
    margin-top: 39px;
}


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

@media (max-width: 1024px) {

    .ml-container {
        width: min(100% - 48px, 1240px);
    }

    .ml-hero {
        min-height: 730px;
    }

    .ml-intro__grid,
    .ml-process__top,
    .ml-price__box {
        grid-template-columns: 1fr;
    }

    .ml-intro__grid {
        gap: 80px;
    }

    .ml-image-frame {
        max-width: 780px;
    }

    .ml-image-frame__main {
        aspect-ratio: 16 / 11;
    }

    .ml-image-frame__small {
        right: 28px;
        bottom: -50px;

        width: 30%;
    }

    .ml-benefits__grid,
    .ml-process__steps {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .ml-gallery__grid {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(3,320px);
    }

    .ml-gallery__item:first-child {
        grid-column: span 2;
        grid-row: auto;
    }

    .ml-price__image {
        min-height: 500px;
    }
}


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

@media (max-width: 767px) {

    .ml-container {
        width: calc(100% - 28px);
    }

    .ml-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: .18em;
    }

    .ml-eyebrow::before {
        width: 27px;
    }

    .ml-title {
        font-size: clamp(39px,12vw,57px) !important;
        line-height: 1.04 !important;
    }

    .ml-section-title {
        font-size: clamp(31px,9vw,43px) !important;
        line-height: 1.14 !important;
    }

    .ml-lead {
        margin-top: 21px;

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

    .ml-hero {
        min-height: 735px;

        background:
            linear-gradient(
                180deg,
                rgba(7,26,19,.22) 0%,
                rgba(7,26,19,.65) 48%,
                rgba(7,26,19,.96) 100%
            ),
            url("https://malolevi.si/wp-content/uploads/2026/07/1000012674.jpg")
            58% center / cover no-repeat;
    }

    .ml-hero__content {
        padding: 110px 0 50px;
    }

    .ml-hero__text {
        margin-top: 24px;

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

    .ml-hero__actions {
        flex-direction: column;

        margin-top: 32px;
    }

    .ml-button {
        width: 100%;
        min-height: 54px;
    }

    .ml-hero__facts {
        display: grid;

        gap: 10px;

        margin-top: 42px;
    }

    .ml-intro,
    .ml-products,
    .ml-gallery,
    .ml-process,
    .ml-price,
    .ml-benefits {
        padding: 85px 0;
    }

    .ml-intro {
        padding-bottom: 100px;
    }

    .ml-intro__grid {
        gap: 65px;
    }

    .ml-image-frame__main {
        aspect-ratio: 4 / 5;
    }

    .ml-image-frame__small {
        right: 12px;
        bottom: -36px;

        width: 39%;

        border-width: 6px;
    }

    .ml-products__grid,
    .ml-benefits__grid,
    .ml-process__steps {
        grid-template-columns: 1fr;
    }

    .ml-products__header {
        margin-bottom: 42px;
    }

    .ml-product {
        min-height: 510px;
    }

    .ml-product__content {
        padding: 31px 24px;
    }

    .ml-product__title {
        font-size: 29px !important;
    }

    .ml-benefits__grid {
        gap: 0;

        margin-top: 45px;
    }

    .ml-benefit {
        min-height: auto;

        padding: 33px 0;

        border-bottom: 1px solid rgba(255,255,255,.13);
    }

    .ml-benefit:last-child {
        border-bottom: 0;
    }

    .ml-gallery__header {
        display: block;

        margin-bottom: 40px;
    }

    .ml-gallery__header .ml-lead {
        max-width: 100%;
    }

    .ml-gallery__grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .ml-gallery__item,
    .ml-gallery__item:first-child {
        grid-column: auto;
        grid-row: auto;

        height: 340px;
    }

    .ml-process__top {
        gap: 25px;
    }

    .ml-process__steps {
        gap: 0;

        margin-top: 45px;
    }

    .ml-step {
        padding: 29px 0;
    }

    .ml-step__number {
        margin-bottom: 22px;
    }

    .ml-price__content {
        padding: 50px 25px;
    }

    .ml-price__title {
        font-size: 31px !important;
    }

    .ml-price__amount {
        font-size: 34px;
    }

    .ml-price__image {
        min-height: 390px;
    }

    .ml-cta {
        padding: 95px 0;
    }

    .ml-cta__title {
        font-size: clamp(37px,10vw,50px) !important;
    }

    .ml-cta__text {
        font-size: 15px;
    }
}/* End custom CSS */