body{font-family:'Open Sans',sans-serif;margin:0;padding:0}.badge-native{position:fixed;top:30px;right:-60px;background-color:#6d13b0;color:#fff;font-weight:700;padding:.75rem 2.5rem;transform:rotate(45deg);opacity:.3;box-shadow:0 4px 8px rgb(0 0 0 / .2);z-index:9999;font-size:1.1rem;white-space:nowrap}.testimonial{cursor:pointer;background:#F5DF4E;margin:1rem auto;padding:1rem;border-radius:20px;max-width:80%;border:1.5px solid #bbb;box-shadow:0 6px 14px rgb(0 0 0 / .25),-1px -1px 3px rgb(255 255 255 / .6);transition:all 0.3s ease;color:#565759}.expand-icon{display:inline-block;transition:transform 0.8s ease;margin-right:28px}.testimonial.expanded .expand-icon{transform:rotate(90deg)}.card-style{background-color:#FEF387;border-radius:20px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:1.5rem;margin:1rem auto;max-width:90%}.frame-3d{border:1.5px solid #e6b800;border-radius:10px;box-shadow:0 6px 14px rgb(0 0 0 / .25),-1px -1px 3px rgb(255 255 255 / .6);padding:4px;background-color:#fff8e1;display:inline-block}.responsive-image{width:100%;height:auto;display:block;border-radius:12px}.testimonial-full{background-color:#FEF387;padding:1rem;border-radius:12px;margin-top:.5rem}input,textarea,select,label,button{color:#565759}

/* Uvodna slika: široka na desktopu, još šira na mobilnom */
.hero-image-wrap{width:100%;max-width:1050px;margin:1.2rem auto .35rem;text-align:center;box-sizing:border-box}.hero-frame{display:block;width:100%;margin:0 auto;box-sizing:border-box}.hero-frame .responsive-image{width:100%;height:auto;display:block}

/* Bedž: veći, sa manjim razmakom ispod */
.badge-wrap{margin:.25rem auto 0;padding:0;text-align:center}.main-badge{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}

/* Smanjen razmak između bedža i Kursevi i usluge */
#uvod{padding-bottom:.2rem!important}#kursevi{margin-top:0;padding-top:0}#kursevi h2{margin-top:.1rem;padding-top:.2rem}

/* Foto-ram u sekciji Ko sam ja */
.pippi-frame{position:relative;width:min(420px,90vw);aspect-ratio:595/661;margin:1.5rem auto;filter:drop-shadow(0 0 12px rgba(0,0,0,.20))}.pippi-photo{position:absolute;left:17.5%;top:14.5%;width:65%;height:71%;object-fit:cover;z-index:1;opacity:1;transition:opacity 1s ease-in-out}.pippi-frame-img{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}

@media (max-width:768px){#uvod{padding-left:1rem!important;padding-right:1rem!important;padding-top:1rem!important}.hero-image-wrap{width:100%;max-width:100%;margin-top:1rem}.hero-frame{width:100%}.main-badge{max-width:120px}.testimonial{max-width:88%}#kursevi h2{margin-top:-.2rem;padding-top:0}.pippi-frame{width:min(360px,92vw)}}
@media (max-width: 768px) {
  .main-badge {
    width: 150px !important;
    max-width: 150px !important;
  }
}