/* styles.css – Fragolina front styles */
:root{
  --red:#E74C3C;
  --red-dark:#C0392B;
  --green:#145A32;
  --green-light:#27AE60;
  --green-dark:#0B3D1E;
  --beige:#F8F5F0;
  --black:#000;
  --white:#fff;
  --radius:1rem;
  --shadow:0 10px 24px rgba(0,0,0,.08);
}

html,body{font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
a{transition: .2s ease-in-out;}
.bg-beige{background-color: var(--beige)!important;}
.bg-green{background-color: var(--green)!important;}
.text-red{color: var(--red)!important;}
.text-green{color: var(--green)!important;}
.py-6{padding-block:4rem;}

.navbar-brand span{font-weight:700; letter-spacing:.3px;}
.hero .badge{letter-spacing:.2px}
.hero-visual img{border-radius: 1.25rem;}

.btn-red{background:var(--red); color:#fff; border:none;}
.btn-red:hover{background:var(--red-dark); color:#fff;}
.btn-green{background:var(--green-light); color:#fff; border:none;}
.btn-green:hover{background:var(--green); color:#fff;}
.btn-outline-green{border-color:var(--green); color:var(--green);}
.btn-outline-green:hover{background:var(--green); color:#fff;}

.chip{
  display:inline-block; padding:.4rem .7rem; border-radius:999px;
  background:#fff; border:1px solid rgba(0,0,0,.08); font-size:.85rem;
}

.product-card{border-radius: var(--radius); overflow:hidden;}
.product-figure{position:relative; margin:0; aspect-ratio:4/5; background:#fff; overflow:hidden;}
.product-figure img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: opacity .35s ease;}
.product-figure .img-secondary{opacity:0;}
.product-card:hover .img-secondary{opacity:1;}
.product-card:hover .img-primary{opacity:0;}
.product-badge{position:absolute; top:.75rem; left:.75rem; border-radius:999px;}

.step-icon{
  width:64px; height:64px; display:grid; place-items:center; 
  border-radius: 16px; background: #fff; color: var(--green);
  box-shadow: var(--shadow); font-size:28px; margin-inline:auto;
}

.benefit{background:#fff;}
.benefit i{vertical-align:middle;}
.text-red{color:var(--red)}
.text-green{color:var(--green)}

.bg-light{background: #fafafa!important;}

footer{background:#fff;}
footer h6{margin-bottom:.5rem;}
footer ul li{margin:.25rem 0;}

.accordion-button:focus{box-shadow:none;}
.accordion-button:not(.collapsed){background: #fff; color:#000;}

.toast{box-shadow: var(--shadow);}

@media (max-width: 767.98px){
  .display-5{font-size:2rem;}
}
.logo-img {
  height: 60px; /* možeš staviti 50px, 70px... po želji */
  width: auto;
}

.footer-logo {
  height: 50px; /* možeš staviti 60px ako želiš još izraženije */
  width: auto;
}