/* html, body{
    margin: 0;
    padding: 0; 
    width: 100%;
    height: 100%;
} */

/* ============= CSS RESET =========== */

 *,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} 

img {
    display: block;
    max-width: 100%;
    height: auto;
}

input, button, textarea {
    font: inherit;
}

svg {
  margin-left: 3px;
  margin-right: 3px;
}

/* ------------- CSS RESET -------------------------- */

/* ================= PROMENLJIVE =================== */

:root {

  /* -- FONTOVI -- */
  --FFAMILY: sans-serif;
  --F_HEADER_H: "verdana", sans-serif;
  --F_HEADER_P: "arial", sans-serif;
  --FS: clamp(1rem, 2.2vh, 1.5rem); 
  /* ------------- */
  
  /* -- BOJE -- */
   /*  --BG_HTML_IMG: linear-gradient(to right, #c77637,#fcd04d, #c77637); */ /* narandžasta gradient */
   --BG_HTML_IMG:white;
    /* --BG_HEADER_IMG: linear-gradient(rgb(0, 255, 21), rgb(0, 149, 35)); */
    --BG_HEADER_IMG: white;
    --BORDURA_BODY_BOJA: rgb(0, 39, 0);    
  /* ---------- */

  /* -- BORDURE -- */
    --BORDURA_BODY: 1px solid var(--BORDURA_BODY_BOJA);
    --BORDER-RADIUS: 15px;
  /* ---------- */

}
/* ..............PROMENLJIVE.......................... */


/* ================= OSNOVNE POSTAVKE =============== */

html {
  scroll-behavior: smooth;
  /* font-size: var(--FS); */
  font-family: var(--FFAMILY);
  background-image: var(--BG_HTML_IMG); 
} 

body { 
  /* color: var(--FONT-COLOR); */
  min-height: 100vh; 
  max-width: 1200px; 
  margin: 0 auto;   /* 0 za top i bottom, auto za levo i desno (centrirace se body)*/
  border-left: var(--BORDURA_BODY);
  border-right: var(--BORDURA_BODY);
  /* box-shadow: 0 0 10px var(--BORDER-COLOR);  */
  /* background-color: orange;  */
  background-color:  rgb(255, 255, 255); 
}  

 /*................ OSNOVNE POSTAVKE .............. */

/*----- ZAJEDNICKO ---------------------*/

h1{
  font-size:2em;
}


h1, h2{
  text-align: center;
}

nav {
  background-color: #092b1b;
  color: rgb(255, 249, 250); /*mora u ul i li elementima da se navede, jer vec imaju default boje koje ce da override-uju ovo*/
}

li a {
  color: inherit;
  text-decoration: none;  
}

li a:hover {
  color:yellow;
  text-decoration: underline;
  outline: 2px solid limegreen;
}

section {
  width: 97%;
  position: relative;
  display: flow-root;   
  padding: 1rem; 
  border: 1.5px solid rgba(0, 0, 0, 0.527);
  margin: 1rem auto; 
}

p {
  font-size: 1.2rem;
}
/* *************************** HEADER ********************************************* */

/* ---------header__nav adrese----------*/

/*......................................*/
/* ---------+header__ul adrese----------*/
.header__ul {
  display: flex;
 /*  justify-content: space-evenly; */
  list-style-type: none;
  /* align-items: center; */
  gap:20px;
  

  font-family: 'arial';
  font-size: 2rem;
  padding: 5px;
  margin: 0;
  overflow-y: hidden;
}

/* .adrese {
  font-size: 1.1rem;
  flex-wrap: wrap;
  list-style-type: none;
  min-height:30px;
} */

.adrese_nav{
  display: flex;
  gap: 15px;
  margin-left: auto;   /* pushes it to the right */

}
/*......................................*/
/* -------- header__title --------------*/  
.header__title{
  /* width: 97%; */
  width: 100%;
  position: relative;
  display: flow-root;   
  /* padding: 1rem;  */
  /* border: 1.5px solid rgba(0, 0, 0, 0.527); */
  /* margin: 0.5rem auto;  */
  
}

#header__title_slika {
  background-color: transparent;
 /*  margin: auto 0; */
  
  justify-self: left;
  align-self: center;
  /* height:100%; */
}

.header__title p {
  justify-self: right;
  align-self: center;
}

.header__title_naslov {
  display: flex;
  flex-wrap:wrap;
  flex-direction: column; /*main axis - vertikalna osa*/
  align-items: center; /*cross axis -  horizontalna osa*/
  justify-content: center;
}

.header__title_naslov_h1 {
  font-size: 2rem;
  font-family: var(--F_HEADER_H);
} 

.header__title_naslov_p {
  font-family:'Arial';
  font-size: 1.5rem;
}
/*......................................*/
/* #header__nav_veliki__meni {
    display: flex;
    align-items: center; 
    min-height: 54px;
    justify-content: space-evenly;
    position:relative;
  }  */

.NavBar {
height:35px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 1rem;
position:relative;
z-index: 10;
}

.nav_menu{
display:flex;
gap:20px;
list-style:none;
}

.aktivna_meni_stavka {
  color:yellow;
}

.hamburger {
display:none;
flex-direction:column;
gap:6px;
background:none;
border:none;
cursor:pointer;
}

.hamburger span{
width:30px;
height:4px;
background:white;
display:block;
border-radius:3px;
display:block;
} 
  
.mobile_menu{
position:absolute;
top:100%;
left:0;
width:180px;
background:#333;
list-style:none;
display:none;
flex-direction:column;
padding:0;
box-shadow:0 10px 20px rgba(0,0,0,0.3);
z-index:10;
}

.mobile_menu li{
padding:1px;
text-align:center;
}

.mobile_menu a{
color:white;
text-decoration:none;
}

/*---------NASLOVNA_CELINA1 ------------ */

#sekcija1 {
  /* justify-items: center;
  overflow: hidden;  */
  /* height:1200px; */
  /* max-height:600px */
  padding: 0.1em;
  display:none;
  /* justify-content: center;
  align-items: center; */
}


#sekcija1_slika {
  display: none;
}


#sekcija2 {
  background-image: url("../img/kamperi_e1.png");
  background-size: cover;
  background-repeat: no-repeat;
  /* box-sizing: border-box; */
}

#sekcija3 {
  background-image: url("../img/pl4.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  /* box-sizing: border-box; */
}

#SekcijaKetering img{
  max-width: 100;
  height: auto;
}

   /* .transparent{
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.6);
  width:600px;
  height:100%;
}    */

/*...........-SLAJD SLIKA .............. */

/* ============== FOOTER ============= */

footer {
  padding:1rem;
  background-color: rgb(50, 50, 50);
  color: rgb(255, 249, 250);
  font-size: 1.1rem;
}

.pravniLinkovi {
  border:none;
}

.pravniLinkovi a {
    color: rgb(154,205,50);
    text-decoration: none;
    transition: color 0.2s ease;
}

.pravniLinkovi a:hover {
    color: yellow;
    text-decoration: underline;
    outline: 1px solid limegreen;
    outline-offset: 2px;
}

 .pravniLinkovi, .logotipovi  {
    background-color: rgb(50, 50, 50);
  }

.logotipovi {
  border: 1.5px dashed rgb(166, 255, 0);
}

  .desktopLogotipovi,.desktop_pravniLinkovi  {
    display: none;
  }

  .mobilniLogotipovi, .mobilni_pravniLinkovi {
    width: 100%;
  }

  .mobilni_pravniLinkovi {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        gap: 12px 20px;

        justify-items: center;
        align-items: center;

        text-align: center;
  }

  .cardLogoRow, .pravniLinkoviRow {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    /* gap: 10px;
    margin: 10px 0; */
  }

.logotipKarticaOkvir {
    /* width: 70px;
    height: 70px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.logotipKarticaOkvir img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.bankaLogo{ 
  background-color: white;
  /* width: 280px; */
}

.footer__centralniPodaci{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer__ul li {
  display: flex;
  align-items: center;
}  

.footer__ul li p{
  font-size: inherit;
}  

.poslednjiodeljak__podnaslov {
  /* font-size: 1rem; */
  color: rgb(166, 255, 0);
}

.prvakol, .drugakol, .trecakol {
  /* display: inline-block; */
  margin: 15px;  
}
/*......................................*/
/*........................ ZAJEDNICKO ..................*/

/* 11111111111111111111111111111111111 POCETNA 111111111111111111111111111111111111111111 */

section ul {
  font-size: 1.1em;
  padding-left: 40px;
  padding-bottom: 15px;
}

.drugi_odeljak iframe {
  float: left;
  margin-right: 1rem ;
  width: 60%;
}

.drugi_odeljak p {
  text-align: right;
}

/* .SlajdSlika {
  object-fit: scale-down; 
  max-height: 600px;
  height: auto; 
} */



/* ............................ POCETNA ........................... */

/*555555555555555555555 KONTAKT 55555555555555555555555555 */

  .mapa iframe {
    width:100%;
  }

    .main__article {
    padding: 1rem;
    border: 1px solid black;
    margin: 1rem;
} 

.main__article h1,
.main__article h2,
.main__article address{
  font-size: 2rem;
} 

/*    .main__article:first-child {
  margin-top: 1em;
}

.main__article:last-child {
  min-height: calc(100vh - 20rem);
}   */ 

.contact__h2 {
  margin: 0;
}

.contact__fieldset {
  border: none;
}

.contact__p {
  margin: 1em 0;
}

.contact__label {
  display: block;
  font-size: 2rem;
  font-weight: bold;
}

.contact__input,
.contact__textarea {
  padding: 0.5em;
  border-radius: var(--BORDER-RADIUS);
  border-width: 2px;
  width: 100%;
  
}

.contact__button {
  padding: 0.5em;
  border-radius: var(--BORDER-RADIUS);
  background-color: var(--HIGHLIGHT-COLOR);
  color: var(--BUTTON-COLOR);
  font-weight: bold;
}  

  /* ..................... KONTAKT .......................... */
  .kontaktStranica {
    max-width: 900px;
    margin: 2rem auto;
    padding: 2rem;
}

.kontaktSekcija {
    margin-bottom: 2rem;
}

.kontaktSekcija h2 {
    margin-bottom: 1rem;
    text-align: left;
}

.kontaktSekcija p,
.kontaktSekcija address {
    line-height: 1.7;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.kontaktSekcija a {
    color: #092b1b;
    font-weight: bold;
}

.kontaktSekcija a:hover {
    color: #4CAF50;
    text-decoration: underline;
}

.kontaktSekcija.mapa iframe {
    width: 100%;
    max-width: 100%;
    min-height: 350px;
    border-radius: 8px;
}

  /*----------------------OKVIR LISTE PROIZVODA--------------------------- */
  .okvir_liste_proizvoda {
  display: grid;
  max-width: 700px;
  grid-template-columns: 1fr 1fr;


  display: grid;
  max-width: 700px;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;              /* umesto margin na kartici */
  margin: 0 auto;         /* centriranje */
  justify-content: center;
  align-content: center;

  overflow: hidden;
  }

  .kartica_proizvoda {
  /* border: 2px solid black; */
  
  display: grid;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  text-align: center;
  font-family: arial;
  transition: transform 0.4s ease, opacity 0.4s ease;
  }

  .kartica_proizvoda img {
  place-self:center;
  max-height: 260px;
  width: auto;
  }

  .proizvod_naslov {
  font-weight: bold;
}

  .slide-out {
    transform: translateX(-100px); /* Pomera ulevo */
    opacity: 0;
}

/* Klasa za "ulazak" nove strane */
.slide-in {
    transform: translateX(100px);
    opacity: 0;
}

  .pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0px;
  margin-top: 1rem;
}

/* .pagination li a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  border: 1px solid gray;
  color: black;  
  margin: 0 4px;
  border-radius: 5px;
} */
 .pagination li {
  margin: 0 4px;
}

.pagination button {
  padding: 8px 12px;
  border: 1px solid gray;
  background: white;
  border-radius: 5px;
  cursor: pointer;
}

.pagination .aktivan_broj {
  background-color: #4CAF50;
  color: white;
}

/* .pagination li a.neaktivan_broj {
  background-color: #ffffff;
  color: rgb(0, 0, 0);
} */

  /*--------------------- PRODUCT CARD --------------------- */

/*---------------------- ODABRANI PROIZVOD SLIKA ------------*/

.kursor_velike_slike {
  background-color: white;
  position: absolute;
  top: 300px;
  border: 1px solid black;
  height: 30px;
  width:30;
  display:none;
}

.kursor_velike_slike.levo {
  left: 10px;
}

  .card {
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.price {
  color: grey;
  font-size: 22px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}
 /*--------------------- PRODUCT CARD --------------------- */
/*------------------- OKVIR PROIZVODA--------------*/
#sekcija_proizvodi {
  
}

.okvir_proizvoda{
  display: grid;
  max-width: 700px;
  grid-template-columns: repeat(2, 1fr);
  justify-self: center;
  align-self: center;
  justify-content: center;
  align-content: center;
  gap: 16px;

  /* min-height:100px; */
  /* gap: 1rem; */
}
.proizvod{
  border-style: solid;
    border-width: 2px;
    background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2);
  max-width: 300px;
  margin:1rem;
  text-align: center;
  font-family: arial;
  
  /* flex-wrap: wrap; */
}

.proizvod p{
padding:10px;
  /* flex-wrap: wrap; */
}

/*-------------------KORPA-------------------*/
.brojProizvodaUKorpi {
  background: red;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
  margin-left: 5px;
}

 .stavka {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
} 

/*-------------------PODACI O TRANSAKCIJI -------------------*/
.podaciOTransakciji p {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

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

/* On smaller screens, decrease text size */
/* @media only screen and (max-width: 300px) {
  .text {font-size: 11px}
} */

/* II SMALL  < 576px */
@media screen and (max-width: 576px) {

  svg {
    width: 20px;
    height: 20px;
  } 

  .prvi_odeljak {
    font-size: 1em;
  }

  .prvi_odeljak img {
    float: none;
    margin: auto;
  }

  .drugi_odeljak {
    font-size: 1em;
  }

    .kartica_proizvoda p {
  font-size:1rem;
  flex-wrap: wrap;
  } 

  
}
/*  .kartica_proizvoda p {
  font-size:0.8em;
  } */

  /* II SMALL  > 576px */
  @media screen and (min-width: 576px) {
 
    svg {
     width: 30px;
     height: 30px;
   } 

   .prvi_odeljak {
    font-size: 1.5rem;
  }

   .prvi_odeljak img {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
   }

  .drugi_odeljak {
    font-size: 1.5em;
  }

  
}
 
 /* II MEDIUM */
@media screen and (min-width: 768px) {
  
.logotipovi {
    height: 90px;
  }


  .mobilniLogotipovi, .mobilni_pravniLinkovi {
    display: none;
  }

  .desktopLogotipovi, .desktop_pravniLinkovi {
    display: flex;
    justify-content: space-evenly;
    /* padding:0 0.6rem; */
    width: 100%;
  }

  svg {
    width:35px;
    height: 35px;
    align-self: center;
    justify-self: center;
    display: flex;
  } 

   .podaci {
    font-size: 1.1rem;
  }

}

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

/* .desktopLogotipovi > :nth-child(6) { 
  width: 240px;
} */
 .mobilni_pravniLinkovi{
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
 }

.pravniLinkovi {
  height: 70px;
}

.logotipovi {
  height: 200px;
}

.nav_menu{
display:none;
}

.hamburger{
display:flex;
}

.mobile_menu.active{
display:flex;
gap: 8px;
}
   
   .podaci {
    font-size: 0.8rem;
  }

  .Dobrodoslica {
    font-size: x-large;
  }

  header p {
    font-size: small;
  }

  .drugi_odeljak iframe {
    margin-right: 1rem ;
    width: 100%;
  }

   .stavka{
      flex-direction: column;
      text-align: center;
    }

    .stavkaLevo{
        flex: auto;
        width: 100%;
        max-width: 180px;
    }

    .redKolicina{

        justify-content:center;

    }

     .rezimeKorpe{

        margin-left:0;

        padding:20px;

    }

}

/* II LARGE */
@media screen and (min-width: 992px) {

.logotipKarticaOkvir {
    width: 70px;
    height: 70px;
}

.bankaLogo { 
  width: 280px;
}

} 

@media screen and (max-width: 992px) {
.logotipKarticaOkvir {
  width: 60px;
  height: 60px;
}

.bankaLogo{ 
  width: 240px;
}
}

@media screen and (max-width: 1200px) {
  article {
    background-image: var(--BG_HTML_IMG);
  }
section {
    background-color:white;
  } 
}

/* II XL */
@media screen and (min-width: 1200px) {

}

/* ================================================== */

.checkout_dugme, .potvrdi_narudzbinu {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  text-decoration: none;
   border-radius: 5px; 
  font-size: 1.2rem;
  margin-top: 20px;
  border: gray dashed 3px;
}

.checkout_section{
  display: flex;
  /* flex-direction: column; */
  justify-content: space-evenly;
  align-items: center;
}

.checkout_section input{
  


}

.checkout_dugme:hover {
    background-color: #43a047;
    /* transform: translateY(-2px); */
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

.checkout_dugme:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.podaci label, input {
 
display:block;
}

.podaci {
 
    margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom:1rem;
}

.greska {
  color: red;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.podaci input {
  max-width: 60%;
}

.telefonInput {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inputError {
  border : 2px solid red;
}

/* ++++++++++++++++ STILIZACIJA KARTICA +++++++++++++++++ */

.kolicinaInput {
  display: inline-block;
  width: 70px;
  max-width: 70px;
  padding: 8px;
  margin: 10px auto;
  text-align: center;
  border: 1px solid #999;
  border-radius: 5px;
}

.dugmeKorpa {
  display: block;
  width: 90%;
  margin: 10px auto 15px auto;
  padding: 10px 12px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.dugmeKorpa:hover {
  background-color: #3d8f41;
}

.kontrolaKolicine {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 10px auto;
}

.kolicinaBtn {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 5px;
  background-color: #092b1b;
  color: white;
  cursor: pointer;
  font-weight: bold;
}

.kolicinaBtn:hover {
  background-color: #145c39;
}

.kolicinaInput {
  width: 60px;
  max-width: 60px;
  text-align: center;
}

.kolicinaInput::-webkit-inner-spin-button,
.kolicinaInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.kolicinaInput {
  -moz-appearance: textfield;
}

.cenovniPragovi {
  font-size: 0.85rem;
  margin: 8px auto;
  color: #333;
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 6px;
}

.cenovniPragovi p {
  font-size: 0.85rem;
  margin: 2px 0;
}
/*++++++++++++++++++++++++++++++++*/

/*KKKKKKKKKKKKKKKKKKKKK  CART STRANICA STYLE KKKKKKKKKK */

.obrisiDugme {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  background-color: #b00020;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.obrisiDugme:hover {
  background-color: #850018;
}

.redKolicina {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
}

.labelKolicina {
    font-weight: bold;
}

.kolicinaKorpa {
    min-width: 30px;
    text-align: center;
    font-weight: bold;
}

.napomenaDostava {
    font-size: 0.9rem;
    color: #2e7d32;
    margin-top: 5px;
    font-style: italic;
}
/* KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK */

/* LLLLLLLLLLLLLLLLLL LOGOTIPOVI KARTICA LLLLLLLLLLLLLLL  */
/* .karticaLogo {
    width: 60px;
    height: auto;   
} */

/*  PPPPPPPPPPPPPPPPP  LEGAL PAGE PPPPPPPPPPPPPPPPPPPPPPPP */
.legalPage{

    max-width:900px;

    margin:0 auto;

    padding:2rem;

}

.legalPage h1{

    margin-bottom:2rem;

}

.legalPage h2{

    margin-top:2rem;

}

.legalPage p{

    line-height:1.8;

    margin-bottom:1rem;

}

/*AAAAAAAAAAAAAAAA  ANIMACIJA ZA DODAVANJE U KORPU AAAAAA*/
.dodatoUKorpuAnimacija {
    animation: dodatoUKorpu 0.6s ease;
}

@keyframes dodatoUKorpu {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(76, 175, 80, 0);
    }

    50% {
        transform: scale(1.03);
        box-shadow: 0 0 18px rgba(76, 175, 80, 0.7);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
}


.toastKorpa{

    position:fixed;

    top:25px;

    right:25px;

    width:320px;

    background:white;

    border-left:6px solid #4CAF50;

    border-radius:8px;

    box-shadow:0 8px 20px rgba(0,0,0,.25);

    padding:15px;

    opacity:0;

    transform:translateX(120%);

    transition:.35s;

    z-index:9999;

}

.toastKorpa.prikazi{

    opacity:1;

    transform:translateX(0);

}

.toastNaslov{

    color:#4CAF50;

    font-weight:bold;

    margin-bottom:8px;

}

#toastTekst{

    color:#333;

    font-size:.95rem;

}

.pdvNapomena {
    font-size: 0.9rem;
    color: #555;
    font-style: italic;
    margin-top: 0.5rem;
}

.logotipKarticaLink {
    display: inline-flex;
    text-decoration: none;
}

.logotipKarticaLink:hover {
    outline: 2px solid rgb(154,205,50);
    outline-offset: 3px;
}

.paymentNotice {
    max-width: 900px;
    margin: 1rem auto;
    padding: 1rem 1.2rem;

    background-color: #fff3cd;
    color: #664d03;

    border: 1px solid #ffecb5;
    border-left: 6px solid #f0ad4e;

    border-radius: 8px;

    font-size: 1rem;
    line-height: 1.6;
}

.paymentNotice strong {
    font-weight: bold;
}

.stavka{
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.stavkaLevo{
    flex: 0 0 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 10px;
}

.slikaProizvodaKorpa{
    width: 110px;
    height: 110px;
    object-fit: contain;
}

.stavkaDesno{
    flex:1;
}

.stavkaDesno h3{
    margin-top: 0;
    margin-bottom: 12px;
    color: #092b1b;
    font-size: 1.3rem;
}

.stavkaDesno p {
    margin: 8px 0;
}

.rezimeKorpe{

    margin-left:155px;

    margin-top:40px;

    max-width:700px;

    background:white;

    border:1px solid #dddddd;

    border-radius:10px;

    padding:25px;

    box-shadow:0 3px 8px rgba(0,0,0,.08);

}

.rezimeKorpe h2{

    margin-top:0;

    color:#092b1b;

    text-align:center;

    margin-bottom:25px;

}

.redRezimea{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    font-size:1.05rem;

}

.ukupnoRed{

    font-size:1.3rem;

    color:#092b1b;

}

.rezimeKorpe hr{

    margin:20px 0;

    border:none;

    border-top:1px solid #dddddd;

}

.napomenaDostava{

    margin-top:25px;

}

.pdvNapomena{

    margin-top:20px;

    margin-bottom:25px;

}