.elementor-7315 .elementor-element.elementor-element-a1f4a81{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-49fc9fd *//* =========================================================
   SMOKING BOARD – IZ NAŠE DELAVNICE
========================================================= */

.sb-workshop {
    padding: 120px 0 130px;
    background: #f7f5f1 !important;
}

.sb-workshop__head {
    max-width: 760px;
    margin-bottom: 48px;
}

.sb-workshop .sb-section-title {
    color: var(--sb-text, #2c2926) !important;
}

.sb-workshop .sb-lead {
    color: var(--sb-muted, #6f6862) !important;
}


/* =========================================================
   CAROUSEL
========================================================= */

.sb-workshop__slider {
    position: relative;

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

    overflow: hidden;

    padding: 0 24px;
}

.sb-workshop__track {
    display: flex !important;

    gap: 16px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
    -ms-overflow-style: none;

    cursor: grab;

    user-select: none;
    -webkit-user-select: none;

    touch-action: pan-x;
}

.sb-workshop__track::-webkit-scrollbar {
    display: none;
}

.sb-workshop__track:active {
    cursor: grabbing;
}


/* 5 SLIK NA DESKTOPU */

.sb-workshop__slide {
    position: relative;

    flex: 0 0 calc((100% - 64px) / 5);

    min-width: 0;

    overflow: hidden;

    scroll-snap-align: start;

    border-radius: 4px;

    background: #e9e5df;
}


/* IMAGE */

.sb-workshop__slide img {
    display: block;

    width: 100% !important;

    aspect-ratio: 4 / 5;

    object-fit: cover;

    cursor: zoom-in;

    transition:
        transform .5s cubic-bezier(.2,.7,.2,1),
        filter .35s ease;
}

.sb-workshop__slide:hover img {
    transform: scale(1.025);
}


/* subtilni overlay ob hoverju */

.sb-workshop__slide::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background: rgba(10,10,10,0);

    transition: background .35s ease;
}

.sb-workshop__slide:hover::after {
    background: rgba(10,10,10,.04);
}


/* =========================================================
   EDGE FADE
========================================================= */

.sb-workshop__slider::before,
.sb-workshop__slider::after {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    z-index: 3;

    width: 55px;

    pointer-events: none;
}

.sb-workshop__slider::before {
    left: 0;

    background: linear-gradient(
        90deg,
        #f7f5f1 0%,
        rgba(247,245,241,.8) 25%,
        rgba(247,245,241,0) 100%
    );
}

.sb-workshop__slider::after {
    right: 0;

    background: linear-gradient(
        270deg,
        #f7f5f1 0%,
        rgba(247,245,241,.8) 25%,
        rgba(247,245,241,0) 100%
    );
}


/* =========================================================
   CAROUSEL ARROWS
========================================================= */

.sb-workshop__nav {
    position: absolute;

    top: 50%;

    z-index: 5;

    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;

    padding: 0;

    transform: translateY(-50%);

    border: 1px solid rgba(20,20,20,.12);
    border-radius: 50%;

    background: rgba(255,255,255,.94);

    color: #171717;

    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;

    box-shadow: 0 8px 30px rgba(0,0,0,.09);

    cursor: pointer;

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

.sb-workshop__nav:hover {
    background: #121212;
    border-color: #121212;

    color: #ffffff;

    transform: translateY(-50%) scale(1.05);
}

.sb-workshop__nav--prev {
    left: 28px;
}

.sb-workshop__nav--next {
    right: 28px;
}


/* =========================================================
   LIGHTBOX
========================================================= */

.sb-lightbox {
    position: fixed;

    inset: 0;

    z-index: 9999999;

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

    padding: 50px 90px;

    background: rgba(8,8,8,.95);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.sb-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* =========================================================
   LIGHTBOX IMAGE
========================================================= */

.sb-lightbox__stage {
    position: relative;

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

    width: 100%;
    height: 100%;

    cursor: zoom-out;
}

.sb-lightbox__image {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: calc(100vh - 100px) !important;

    object-fit: contain;

    border-radius: 3px;

    box-shadow: 0 35px 120px rgba(0,0,0,.5);

    opacity: 1;

    transform: scale(1);

    cursor: default;

    transition:
        opacity .18s ease,
        transform .28s ease;
}

.sb-lightbox:not(.is-open) .sb-lightbox__image {
    transform: scale(.975);
}


/* =========================================================
   LIGHTBOX CLOSE
========================================================= */

.sb-lightbox__close {
    position: absolute;

    top: 24px;
    right: 28px;

    z-index: 20;

    display: grid;
    place-items: center;

    width: 46px;
    height: 46px;

    padding: 0;

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

    background: rgba(255,255,255,.07);

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

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

.sb-lightbox__close:hover {
    background: #ffffff;
    border-color: #ffffff;

    color: #121212;
}


/* =========================================================
   LIGHTBOX NAVIGATION
========================================================= */

.sb-lightbox__nav {
    position: absolute;

    top: 50%;

    z-index: 20;

    display: grid;
    place-items: center;

    width: 50px;
    height: 50px;

    padding: 0;

    transform: translateY(-50%);

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

    background: rgba(255,255,255,.07);

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 300;

    cursor: pointer;

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

.sb-lightbox__nav:hover {
    background: #ffffff;
    border-color: #ffffff;

    color: #121212;
}

.sb-lightbox__nav--prev {
    left: 28px;
}

.sb-lightbox__nav--next {
    right: 28px;
}


/* prepreči scroll strani */

body.sb-lightbox-open {
    overflow: hidden !important;
}


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

@media (max-width: 1024px) {

    .sb-workshop__slide {
        flex: 0 0 calc((100% - 32px) / 3);
    }

    .sb-lightbox {
        padding: 60px 70px;
    }

}


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

@media (max-width: 767px) {

    .sb-workshop {
        padding: 80px 0 90px;
    }

    .sb-workshop__head {
        margin-bottom: 35px;
    }

    .sb-workshop__slider {
        padding: 0 14px;
    }

    .sb-workshop__track {
        gap: 12px;
    }


    /* ena velika + del naslednje */

    .sb-workshop__slide {
        flex: 0 0 78%;
    }


    .sb-workshop__slider::before,
    .sb-workshop__slider::after {
        width: 25px;
    }


    /* na telefonu carousel puščice skrijemo,
       ker je swipe bolj naraven */

    .sb-workshop__nav {
        display: none;
    }


    /* LIGHTBOX */

    .sb-lightbox {
        padding: 65px 10px 25px;
    }

    .sb-lightbox__image {
        max-width: 100% !important;
        max-height: calc(100vh - 95px) !important;
    }

    .sb-lightbox__close {
        top: 13px;
        right: 13px;

        width: 42px;
        height: 42px;

        font-size: 24px;
    }


    /* lightbox puščice na telefonu pustimo */

    .sb-lightbox__nav {
        display: grid;

        width: 42px;
        height: 42px;

        background: rgba(10,10,10,.58);

        font-size: 17px;
    }

    .sb-lightbox__nav--prev {
        left: 8px;
    }

    .sb-lightbox__nav--next {
        right: 8px;
    }

}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
    --sb-black:#121212;
    --sb-dark:#1a1917;
    --sb-brown:#3b2b21;
    --sb-gold:#c49a68;
    --sb-cream:#f1ece5;
    --sb-soft:#f7f5f1;
    --sb-white:#ffffff;
    --sb-text:#2c2926;
    --sb-muted:#6f6862;
    --sb-border:#e1dbd4;
}


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

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

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

.sb-section h1,
.sb-section h2,
.sb-section h3,
.sb-section p,
.sb-section div,
.sb-section span,
.sb-section a,
.sb-section li{
    font-family:"Poppins",sans-serif !important;
}

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

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

.sb-container{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
}


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

.sb-eyebrow{
    display:flex;
    align-items:center;
    gap:11px;

    margin:0 0 18px;

    color:var(--sb-gold) !important;

    font-size:10px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.2em;

    text-transform:uppercase;
}

.sb-eyebrow::before{
    content:"";
    width:32px;
    height:1px;
    flex:0 0 32px;
    background:currentColor;
}

.sb-title{
    margin:0 !important;

    color:#fff !important;

    font-size:clamp(46px,5.6vw,76px) !important;
    font-weight:600 !important;
    line-height:1.04 !important;
    letter-spacing:-.05em !important;
}

.sb-section-title{
    margin:0 !important;

    color:var(--sb-text) !important;

    font-size:clamp(32px,3.7vw,50px) !important;
    font-weight:600 !important;
    line-height:1.14 !important;
    letter-spacing:-.04em !important;
}

.sb-lead{
    max-width:650px;
    margin:22px 0 0 !important;

    color:var(--sb-muted) !important;

    font-size:16px !important;
    font-weight:300 !important;
    line-height:1.8 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.sb-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    min-height:54px;
    padding:0 27px;

    border:1px solid var(--sb-black);
    border-radius:999px;

    background:var(--sb-black);

    color:#fff !important;

    font-size:13px;
    font-weight:500;
    line-height:1;

    transition:.25s ease;
}

.sb-button:hover{
    transform:translateY(-2px);
    background:var(--sb-brown);
    border-color:var(--sb-brown);
}

.sb-button--outline{
    background:transparent;
    border-color:rgba(255,255,255,.55);
}

.sb-button--outline:hover{
    background:#fff;
    border-color:#fff;
    color:#111 !important;
}

.sb-arrow{
    font-size:17px;
    font-weight:300;
}


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

.sb-hero{
    min-height:780px;

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

    background:
        linear-gradient(
            90deg,
            rgba(10,10,10,.92) 0%,
            rgba(10,10,10,.72) 42%,
            rgba(10,10,10,.26) 72%,
            rgba(10,10,10,.08) 100%
        ),
        url("https://malolevi.si/wp-content/uploads/2026/09/1000014386.png")
        center center / cover no-repeat;

    color:#fff;
}

.sb-hero__content{
    width:100%;
    padding:140px 0 75px;
}

.sb-hero__inner{
    max-width:780px;
}

.sb-hero .sb-eyebrow{
    color:#d2aa78 !important;
}

.sb-hero__text{
    max-width:620px;
    margin:26px 0 0;

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

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

.sb-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin-top:34px;
}

.sb-hero__facts{
    display:flex;
    flex-wrap:wrap;
    gap:12px 32px;

    margin-top:55px;

    color:rgba(255,255,255,.7);

    font-size:12px;
}

.sb-hero__fact{
    color:rgba(255,255,255,.7) !important;
}

.sb-hero__fact::before{
    content:"";
    display:inline-block;

    width:5px;
    height:5px;

    margin-right:9px;

    border-radius:50%;

    background:var(--sb-gold);
}


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

.sb-intro{
    padding:120px 0;
    background:#fff !important;
}

.sb-intro__grid{
    display:grid !important;

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

    gap:72px;

    align-items:center;
}

.sb-intro__image{
    position:relative;
    width:100%;
    min-width:0;
}

.sb-intro__image img{
    width:100%;
    height:auto;

    aspect-ratio:4/5;
    object-fit:cover;

    border-radius:4px;
}

.sb-intro__badge{
    position:absolute;

    left:24px;
    right:24px;
    bottom:24px;

    width:auto;

    padding:19px 21px;

    background:rgba(18,18,18,.94);

    color:#fff !important;

    border-radius:3px;

    box-shadow:0 16px 35px rgba(0,0,0,.18);

    backdrop-filter:blur(5px);
}

.sb-intro__badge strong{
    display:block;

    margin:0 0 5px;

    color:#fff !important;

    font-size:17px;
    font-weight:500;
    line-height:1.35;
}

.sb-intro__badge span{
    display:block;

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

    font-size:11px;
    font-weight:300;
    line-height:1.6;
}

.sb-intro__copy{
    display:block !important;
    width:100%;
    min-width:0;
}

.sb-intro .sb-section-title{
    color:var(--sb-text) !important;
}

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

.sb-checks{
    display:grid;
    gap:14px;

    margin-top:30px;
}

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

    gap:12px;

    color:var(--sb-text) !important;

    font-size:14px;
    font-weight:400;
    line-height:1.65;
}

.sb-check__icon{
    width:24px;
    height:24px;
    flex:0 0 24px;

    display:grid;
    place-items:center;

    margin-top:1px;

    border-radius:50%;

    background:var(--sb-soft);

    color:var(--sb-brown) !important;

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


/* =========================================================
   EXPERIENCE
========================================================= */

.sb-experience{
    padding:120px 0;

    background:var(--sb-black) !important;

    color:#fff !important;
}

.sb-experience .sb-eyebrow{
    color:var(--sb-gold) !important;
}

.sb-experience .sb-section-title{
    color:#fff !important;
}

.sb-experience__grid{
    display:grid !important;

    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;

    gap:70px;

    align-items:center;

    margin-top:50px;
}

.sb-experience__image{
    width:100%;
    min-width:0;
}

.sb-experience__image img{
    width:100%;
    height:auto;

    aspect-ratio:16/11;
    object-fit:cover;

    border-radius:4px;
}

.sb-experience__content{
    width:100%;
    min-width:0;
}

.sb-experience__text{
    margin:0 0 20px !important;

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

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

.sb-experience__quote{
    margin-top:28px;

    padding:4px 0 4px 20px;

    border-left:2px solid var(--sb-gold);

    color:#fff !important;

    font-size:20px;
    font-weight:400;
    line-height:1.5;
}


/* =========================================================
   HOW IT WORKS
========================================================= */

.sb-how{
    padding:120px 0;

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

.sb-how .sb-section-title{
    color:var(--sb-text) !important;
}

.sb-how__steps{
    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:18px;

    margin-top:55px;
}

.sb-step{
    padding:30px 22px 20px;

    border-top:1px solid rgba(30,25,20,.18);
}

.sb-step__number{
    margin-bottom:30px;

    color:var(--sb-gold) !important;

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

.sb-step__title{
    margin:0 0 10px !important;

    color:var(--sb-text) !important;

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

.sb-step__text{
    margin:0 !important;

    color:var(--sb-muted) !important;

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


/* =========================================================
   PACKAGES
========================================================= */

.sb-packages{
    padding:120px 0;

    background:#fff !important;
}

.sb-packages .sb-section-title{
    color:var(--sb-text) !important;
}

.sb-packages__head{
    max-width:760px;

    margin-bottom:48px;
}

.sb-packages__grid{
    display:grid !important;

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

    gap:24px;

    align-items:stretch;
}

.sb-package{
    display:flex !important;
    flex-direction:column;

    min-width:0;

    padding:42px 38px;

    border:1px solid var(--sb-border);

    background:#fff !important;

    color:var(--sb-text) !important;
}

.sb-package--premium{
    background:var(--sb-black) !important;
    border-color:var(--sb-black) !important;

    color:#fff !important;
}

.sb-package__label{
    color:var(--sb-gold) !important;

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

    text-transform:uppercase;
}

.sb-package__name{
    margin:12px 0 0 !important;

    color:var(--sb-text) !important;

    font-size:32px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
}

.sb-package--premium .sb-package__name{
    color:#fff !important;
}

.sb-package__price{
    margin:24px 0 0;

    color:var(--sb-text) !important;

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

.sb-package--premium .sb-package__price{
    color:#fff !important;
}

.sb-package__list{
    display:grid !important;

    gap:12px;

    margin:28px 0 0 !important;
    padding:0 !important;

    list-style:none !important;
}

.sb-package__list li{
    position:relative;

    display:block !important;

    padding-left:22px;

    color:var(--sb-muted) !important;

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

.sb-package__list li::before{
    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:var(--sb-gold);

    font-weight:600;
}

.sb-package--premium .sb-package__list li{
    color:rgba(255,255,255,.7) !important;
}


/* =========================================================
   PERSONALIZATION
========================================================= */

.sb-personal{
    padding:120px 0;

    background:#ebe6df !important;
}

.sb-personal__grid{
    display:grid !important;

    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;

    gap:72px;

    align-items:center;
}

.sb-personal__content{
    display:block !important;

    min-width:0;
}

.sb-personal .sb-section-title{
    color:var(--sb-text) !important;
}

.sb-personal .sb-lead{
    color:var(--sb-muted) !important;
}

.sb-personal__image{
    width:100%;
    min-width:0;
}

.sb-personal__image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center bottom !important;
    border-radius: 4px;
}

.sb-personal__tags{
    display:flex !important;
    flex-wrap:wrap;

    gap:8px;

    margin-top:28px;
}

.sb-personal__tag{
    display:inline-flex;
    align-items:center;

    padding:8px 13px;

    border:1px solid rgba(30,20,15,.16);
    border-radius:999px;

    color:var(--sb-text) !important;

    font-size:11px;
    font-weight:400;
}


/* =========================================================
   USE CASES
========================================================= */

.sb-uses{
    padding:120px 0;

    background:var(--sb-brown) !important;

    color:#fff !important;
}

.sb-uses .sb-eyebrow{
    color:#d5ad7c !important;
}

.sb-uses .sb-section-title{
    color:#fff !important;
}

.sb-uses__grid{
    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:1px;

    margin-top:52px;

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

.sb-use{
    min-height:180px;

    padding:30px 24px;

    background:var(--sb-brown) !important;
}

.sb-use__title{
    margin:0 0 10px !important;

    color:#fff !important;

    font-size:17px !important;
    font-weight:500 !important;
}

.sb-use__text{
    margin:0 !important;

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

    font-size:12px;
    font-weight:300;
    line-height:1.75;
}


/* =========================================================
   SPECS
========================================================= */

.sb-specs{
    padding:120px 0;

    background:#fff !important;
}

.sb-specs__grid{
    display:grid !important;

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

    gap:72px;

    align-items:center;
}

.sb-specs__image{
    width:100%;
    min-width:0;
}

.sb-specs__image img{
    width:100%;
    height:auto;

    aspect-ratio:;

    object-fit:cover;

    border-radius:4px;
}

.sb-specs .sb-section-title{
    color:var(--sb-text) !important;
}

.sb-specs__box{
    margin-top:28px;

    border-top:1px solid var(--sb-border);
}

.sb-spec{
    display:grid !important;

    grid-template-columns:160px minmax(0,1fr) !important;

    gap:18px;

    padding:14px 0;

    border-bottom:1px solid var(--sb-border);
}

.sb-spec__label{
    color:var(--sb-muted) !important;

    font-size:12px;
}

.sb-spec__value{
    color:var(--sb-text) !important;

    font-size:13px;
    font-weight:500;
}


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

.sb-cta{
    padding:120px 0;

    text-align:center;

    background:
        linear-gradient(rgba(10,10,10,.88),rgba(10,10,10,.88)),
        url("VSTAVI-URL-CTA-SMOKING-BOARD.jpg")
        center center / cover no-repeat !important;

    color:#fff !important;
}

.sb-cta__inner{
    max-width:760px;

    margin:0 auto;
}

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

    color:var(--sb-gold) !important;
}

.sb-cta .sb-section-title{
    color:#fff !important;
}

.sb-cta__text{
    max-width:600px;

    margin:22px auto 0;

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

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

.sb-cta__actions{
    margin-top:32px;
}


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

@media(max-width:1024px){

    .sb-container{
        width:min(100% - 36px,1180px);
    }

    .sb-intro__grid,
    .sb-experience__grid,
    .sb-personal__grid,
    .sb-specs__grid{
        grid-template-columns:1fr !important;
        gap:48px;
    }

    .sb-how__steps,
    .sb-uses__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .sb-intro__image{
        max-width:720px;
    }

}


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

@media(max-width:767px){

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

    .sb-title{
        font-size:clamp(39px,11vw,56px) !important;
    }

    .sb-section-title{
        font-size:clamp(29px,8vw,40px) !important;
    }

    .sb-lead{
        font-size:15px !important;
    }

    .sb-hero{
        min-height:700px;

        background:
            linear-gradient(
                180deg,
                rgba(10,10,10,.18) 0%,
                rgba(10,10,10,.62) 48%,
                rgba(10,10,10,.95) 100%
            ),
            url("https://malolevi.si/wp-content/uploads/2026/09/1000014386.png")
            center center / cover no-repeat;
    }

    .sb-hero__content{
        padding:100px 0 45px;
    }

    .sb-hero__actions{
        flex-direction:column;
    }

    .sb-button{
        width:100%;
    }

    .sb-hero__facts{
        display:grid;
        gap:8px;
    }

    .sb-intro,
    .sb-experience,
    .sb-how,
    .sb-packages,
    .sb-personal,
    .sb-uses,
    .sb-specs{
        padding:80px 0;
    }

    .sb-intro__image img{
        aspect-ratio:4/5;
    }

    .sb-intro__badge{
        left:12px;
        right:12px;
        bottom:12px;

        padding:16px 17px;
    }

    .sb-intro__badge strong{
        font-size:15px;
    }

    .sb-intro__badge span{
        font-size:10px;
    }

    .sb-how__steps,
    .sb-packages__grid,
    .sb-uses__grid{
        grid-template-columns:1fr !important;
    }

    .sb-package{
        padding:34px 24px;
    }

    .sb-package__price{
        font-size:38px;
    }

    .sb-spec{
        grid-template-columns:1fr !important;
        gap:4px;
    }

    .sb-cta{
        padding:85px 0;
    }

}/* End custom CSS */