.elementor-283 .elementor-element.elementor-element-548071d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-283 .elementor-element.elementor-element-548071d:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-548071d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bosiljakpizza.com/wp-content/uploads/2026/05/main-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-283 .elementor-element.elementor-element-0115f49{--display:flex;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-283 .elementor-element.elementor-element-46f083b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-global .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-283 .elementor-element.elementor-global-308 .elementor-button:hover, .elementor-283 .elementor-element.elementor-global-308 .elementor-button:focus{background-color:#AE3529;}.elementor-283 .elementor-element.elementor-global-308 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-283 .elementor-element.elementor-global-308 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-283 .elementor-element.elementor-global-308 .elementor-button{font-family:"Rubik", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:20px 32px 20px 32px;}.elementor-283 .elementor-element.elementor-global-311 .elementor-button{background-color:#EEEEEE14;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:20px 32px 20px 32px;}.elementor-283 .elementor-element.elementor-global-311 .elementor-button-content-wrapper{flex-direction:row;}.elementor-283 .elementor-element.elementor-global-311 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-283 .elementor-element.elementor-element-0e68332{width:var( --container-widget-width, 70% );max-width:70%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-fad21a3{--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-283 .elementor-element.elementor-element-a1c1a3c{--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;--gap:1em 1em;--row-gap:1em;--column-gap:1em;}.elementor-283 .elementor-element.elementor-element-a1c1a3c:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-a1c1a3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF8;}.elementor-283 .elementor-element.elementor-element-48ebde9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-283 .elementor-element.elementor-element-fdf98cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:2em 2em;--row-gap:2em;--column-gap:2em;}.elementor-283 .elementor-element.elementor-element-3b8aaf3{--display:flex;--gap:2em 2em;--row-gap:2em;--column-gap:2em;}.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-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-283 .elementor-element.elementor-element-4cbd305 .elementor-button:hover, .elementor-283 .elementor-element.elementor-element-4cbd305 .elementor-button:focus{background-color:#AE3529;}.elementor-283 .elementor-element.elementor-element-4cbd305 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-283 .elementor-element.elementor-element-4cbd305 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-283 .elementor-element.elementor-element-4cbd305 .elementor-button{font-family:"Rubik", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:20px 32px 20px 32px;}.elementor-283 .elementor-element.elementor-element-0ecbed0{--display:flex;--gap:0em 0em;--row-gap:0em;--column-gap:0em;}.elementor-283 .elementor-element.elementor-element-0ecbed0:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-0ecbed0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF8;}.elementor-283 .elementor-element.elementor-element-fdfc86b{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-283 .elementor-element.elementor-element-564e014{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-283 .elementor-element.elementor-element-564e014:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-564e014 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010101;}.elementor-283 .elementor-element.elementor-element-0a1cda6{--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-283 .elementor-element.elementor-element-53a6bcb{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-283 .elementor-element.elementor-element-a2773ff{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2em 2em;--row-gap:2em;--column-gap:2em;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-283 .elementor-element.elementor-element-6c7ab5c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-283 .elementor-element.elementor-element-6c7ab5c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-283 .elementor-element.elementor-element-9ebea1e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--overlay-opacity:0.39;}.elementor-283 .elementor-element.elementor-element-9ebea1e:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-9ebea1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-283 .elementor-element.elementor-element-9ebea1e::before, .elementor-283 .elementor-element.elementor-element-9ebea1e > .elementor-background-video-container::before, .elementor-283 .elementor-element.elementor-element-9ebea1e > .e-con-inner > .elementor-background-video-container::before, .elementor-283 .elementor-element.elementor-element-9ebea1e > .elementor-background-slideshow::before, .elementor-283 .elementor-element.elementor-element-9ebea1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-283 .elementor-element.elementor-element-9ebea1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-283 .elementor-element.elementor-element-8664f2c{width:100%;max-width:100%;}.elementor-283 .elementor-element.elementor-element-45a3eb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:3em 3em;--row-gap:3em;--column-gap:3em;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-283 .elementor-element.elementor-element-6c7ab5c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-548071d:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-548071d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bosiljakpizza.com/wp-content/uploads/2026/05/main-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-283 .elementor-element.elementor-element-548071d{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-283 .elementor-element.elementor-element-0115f49{--padding-top:6rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-283 .elementor-element.elementor-element-46f083b{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:2em 2em;--row-gap:2em;--column-gap:2em;}.elementor-283 .elementor-element.elementor-element-0e68332{width:100%;max-width:100%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-283 .elementor-element.elementor-element-a1c1a3c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-283 .elementor-element.elementor-element-48ebde9{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-283 .elementor-element.elementor-element-32d0714{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-283 .elementor-element.elementor-element-3b8aaf3{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-283 .elementor-element.elementor-element-0ecbed0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-283 .elementor-element.elementor-element-0a1cda6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-283 .elementor-element.elementor-element-6c7ab5c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-283 .elementor-element.elementor-element-45a3eb7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:2em 2em;--row-gap:2em;--column-gap:2em;}}@media(min-width:768px){.elementor-283 .elementor-element.elementor-element-46f083b{--width:50%;}}/* Start custom CSS for global, class: .elementor-global-329 *//* Glavni kontejner (poredalo u istu liniju) */
.autenticna-pizza-bedz {
    display: inline-flex;
    align-items: center;
    gap: 12px; /* Razmak između crvene tačke i teksta */
}

/* Crvena tačka */
.autenticna-pizza-bedz .crvena-tacka {
    width: 10px;
    height: 10px;
    background-color: #d32f2f; /* Ista crvena sa dugmića */
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    box-shadow: 0 0 8px rgba(211, 47, 47, 0.6); /* Blagi crveni sjaj (glow) */
}

/* Tekst */
.autenticna-pizza-bedz .bedz-tekst {
    color: #ffffff; /* Bela boja */
    font-size: 15px; 
    font-weight: 500; /* Podebljano */
    letter-spacing: 3px; /* Širok razmak između slova kao na slici */
    text-transform: uppercase; /* Sve velika slova */
    line-height: 1;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); /* Senka da tekst iskoči preko tamne pozadine */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d00520 *//* Osnovna podešavanja za H1 naslov */
.naslov-narucivanje {
    font-weight: 800; /* Podebljan tekst */
    text-align: center; /* Centrirano (možeš obrisati ako želiš levo poravnanje) */
   
    color:#fff;
    text-align: left;
    font-size: clamp(2.4rem, 5vw, 5rem)!important
}

/* Crvena boja za srednji deo */
.naslov-narucivanje .crveni-tekst {
    color: var(--e-global-color-secondary); 
}

/* Italic (iskošeno) za reč Online */
.naslov-narucivanje .italic-tekst {
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e68332 *//* Glavni kontejner i gornja tanka linija */
.statistika-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: 1px solid rgba(255, 255, 255, 0.25); /* Tanka poluprovidna linija na vrhu */
    padding-top: 30px; /* Pravi tačan razmak između linije i brojeva kao na slici */
    width: 100%;
}

/* Pojedinačne kolone i vertikalne linije */
.stat-kolona {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.25); /* Uspravne poluprovidne linije */
}

/* Uklanja levi padding sa prve kolone da bi bila u ravni sa gornjom linijom */
.stat-kolona:first-child {
    padding-left: 0;
}

/* Uklanja uspravnu liniju sa poslednje kolone */
.stat-kolona:last-child {
    border-right: none;
    padding-right: 0;
}

/* Veliki brojevi (30-45, 4.9, 48h...) */
.stat-broj {
    font-size: 38px;
    font-weight: 800; /* Debelo */
    color: #ffffff;
    line-height: 1;
    margin-bottom: 12px;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); /* Jaka senka za čitljivost preko slika */
}

/* Bledi tekst ispod brojeva */
.stat-tekst {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7); /* Bledo sivo-bela boja */
    text-transform: uppercase;
    letter-spacing: 2px; /* Širok razmak između slova */
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

/* Specijalno za reč "MIN" u prvoj koloni (da bude skroz bela i deblja) */
.stat-tekst .beli-tekst {
    color: #ffffff;
    font-weight: 800;
}

/* =========================================
   RESPONZIVNOST: Mobilni telefoni i Tableti 
   ========================================= */
@media (max-width: 768px) {
    .statistika-wrapper {
        flex-wrap: wrap; /* Dozvoljava prelazak u novi red */
        border-top: none; /* Uklanja gornju liniju na telefonu radi lepšeg izgleda */
        gap: 30px 0; /* Razmak između redova */
        padding-top: 0;
    }
    
    .stat-kolona {
        flex: 0 0 50%; /* Dve kolone u redu umesto četiri */
        text-align: center; /* Na telefonu lepše izgleda centrirano */
        padding: 0 10px;
        border-right: none;
    }
    
    .stat-kolona:first-child {
        padding-left: 10px;
    }
    
    /* Dodaje vertikalnu liniju između 1. i 2. i između 3. i 4. na mobilnom */
    .stat-kolona:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.25);
    }
    
    .stat-broj {
        font-size: 22px; /* Malo manji brojevi za telefon */
    }
    
    .stat-tekst {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9c1617 *//* Glavni kontejner */
.info-traka-wrapper {
    display: flex;
    justify-content: space-between; /* Razvlači ih ravnomerno po širini */
    align-items: center;
    background-color: #ffffff; /* Bela pozadina */
    padding: 25px 0;
    width: 100%;
    flex-wrap: wrap; 
    gap: 20px;
}

/* Pojedinačna stavka */
.info-stavka {
    display: flex;
    align-items: center;
    gap: 12px; /* Razmak između ikonice i teksta */
}

/* Ikonice (SVG) */
.info-ikona svg {
    width: 24px;
    height: 24px;
    stroke: #111111; /* Gotovo potpuno crna boja linije */
    display: block;
}

/* Stil za tekst */
.info-tekst {
    font-size: 15px;
    font-family: inherit; /* Vuče tvoj font sa sajta */
    color: #444444;
}

/* Podebljani deo teksta */
.info-tekst .podebljano {
    font-weight: 600;
    color: #000000;
}

/* Bledi deo teksta */
.info-tekst .bledo {
    font-weight: 400;
    color: #666666;
}

/* =========================================
   RESPONZIVNOST: Tableti i Mobilni 
   ========================================= */

/* Tableti (preko 768px do 1100px) */
@media (max-width: 1100px) {
    .info-traka-wrapper {
        justify-content: center;
        gap: 30px;
    }
}

/* Mobilni telefoni (ispod 768px) */
@media (max-width: 768px) {
    .info-traka-wrapper {
        display: grid; /* Prelazimo na Grid za savršene kolone */
        grid-template-columns: 1fr 1fr; /* Pravi tačno 2 kolone iste širine */
        gap: 25px 15px; /* Razmak: 25px između redova, 15px između kolona */
        padding: 20px 10px;
    }
    
    .info-stavka {
        width: 100%;
        flex-direction: column; /* Prebacuje ikonicu iznad teksta */
        align-items: center; /* Centrirano po horizontali */
        text-align: center; /* Centriran tekst */
        gap: 8px; /* Manji razmak između ikone i teksta */
    }

    .info-ikona svg {
        width: 28px; /* Malo veća ikonica na telefonu jer je izdvojena na vrhu */
        height: 28px;
    }
    
    .info-tekst {
        font-size: 13px; /* Malo manji font da bi lepo stao u pola ekrana */
        line-height: 1.4;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f98e2f */.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .78rem;
    font-weight: 600;
    
    text-transform: uppercase;
    letter-spacing: .16em;
    }
    
   .eyebrow .dot {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-secondary);
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44d0a7e *//* "Kako poručiti" nadnaslov */
.kp-nadnaslov {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.kp-crvena-tacka {
    width: 6px;
    height: 6px;
    background-color: #d32f2f;
    border-radius: 50%;
    display: inline-block;
}

/* Veliki naslov */
.kp-naslov {
    font-size: 42px;
    font-weight: 800;
    color: #111111;
    margin-top: 0;
    margin-bottom: 50px;
    letter-spacing: -1px; /* Skupljena slova za moderan izgled */
}

/* Omotač za 3 koraka */
.kp-koraci-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

/* Pojedinačni korak */
.kp-korak {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
    padding: 25px 20px;
    border-radius: 16px;
    transition: all 0.3s ease; /* Prelaz za hover efekat */
    background: transparent;
    cursor: default;
}

/* HOVER EFEKAT (Samo kada pređeš mišem) */
.kp-korak:hover {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transform: translateY(-5px); /* Blago skoči gore */
}

/* Promena boje kruga pri hoveru */
.kp-korak:hover .kp-broj {
    background-color: #d32f2f; /* Postaje crven */
    transform: scale(1.05); /* Blago se uveća */
    box-shadow: 0 5px 15px rgba(211,47,47,0.3);
}

/* Crni krug sa brojem */
.kp-broj {
    width: 45px;
    height: 45px;
    background-color: #111111;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

/* Tekst koraka */
.kp-tekst-wrapper h3 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 700;
    color: #111111;
}

.kp-tekst-wrapper p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
}

/* =========================================
   RESPONZIVNOST: Tableti i Mobilni telefoni
   ========================================= */
@media (max-width: 992px) {
    .kp-koraci-wrapper {
        flex-direction: column; /* Na telefonu idu jedan ispod drugog */
        gap: 15px;
    }
    
    .kp-naslov {
        font-size: 32px;
        margin-bottom: 30px;
    }
    
    .kako-poruciti-sekcija {
        padding: 40px 20px;
    }
    
    /* Na telefonima ne moramo da forsiramo jak hover jer nema miša, 
       pa koracima dajemo belu pozadinu po defaultu radi preglednosti */
    .kp-korak {
        background: #ffffff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.03);
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0db09a */.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .78rem;
    font-weight: 600;
    
    text-transform: uppercase;
    letter-spacing: .16em;
    }
    
   .eyebrow .dot {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-secondary);
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8dd3480 */.elementor-283 .elementor-element.elementor-element-8dd3480 ul li {
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef90a39 */.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .78rem;
    font-weight: 600;
    
    text-transform: uppercase;
    letter-spacing: .16em;
    }
    
   .eyebrow .dot {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-secondary);
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e62c228 *//* Glavni crni kontejner */
.prednosti-sekcija-crna {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 kolone iste širine */
    gap: 40px;
   
    font-family: inherit;
}

/* Pojedinačna kartica */
.prednost-kartica {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease;
}

/* Hover animacija (blago skakanje kartice na prelaz mišem) */
.prednost-kartica:hover {
    transform: translateY(-5px);
}

/* Ikonice na vrhu */
.p-ikona {
    margin-bottom: 25px;
}

.p-ikona svg {
    width: 65px;
    height: 65px;
    stroke: #ffffff; /* Bele, elegantne tanke linije */
}

/* Naslovi (H3) */
.prednost-kartica h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

/* Tekst opisa */
.prednost-kartica p {
    color: rgba(255, 255, 255, 0.7); /* Bledo bela (svetlo siva) boja teksta kao na slici */
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* =========================================
   RESPONZIVNOST (Tablet i Telefon)
   ========================================= */

/* Za tablete (Ispod 1024px) prebacujemo u 2x2 mrežu */
@media (max-width: 1024px) {
    .prednosti-sekcija-crna {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 30px;
    }
}

/* Za telefone (Ispod 768px) prebacujemo sve u jednu kolonu */
@media (max-width: 768px) {
    .prednosti-sekcija-crna {
        grid-template-columns: 1fr;
        padding: 60px 20px;
        gap: 50px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eeb9ecb */.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .78rem;
    font-weight: 600;
    
    text-transform: uppercase;
    letter-spacing: .16em;
    }
    
   .eyebrow .dot {
    width: 6px;
    height: 6px;
    background: var(--e-global-color-secondary);
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ebea1e */.elementor-283 .elementor-element.elementor-element-9ebea1e::before {
        content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 30%, rgba(215, 38, 56, .18) 0%, transparent 45%), radial-gradient(circle at 80% 70%, rgba(215, 38, 56, .12) 0%, transparent 45%);

}/* End custom CSS */