:root{--navy:#12354a;--deep:#0b293a;--teal:#168b87;--mint:#dff3ef;--ice:#f3f8f8;--white:#fff;--ink:#18313e;--muted:#5d707a;--line:#d7e3e4;--shadow:0 24px 60px rgba(18,53,74,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit}.site-header{height:88px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(18,53,74,.1);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:10}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;line-height:1.2}.brand-mark{width:45px;height:45px;border-radius:50% 50% 50% 12px;background:var(--teal);color:white;display:grid;place-items:center;font-weight:800;letter-spacing:.04em}.brand strong,.brand small{display:block}.brand strong{font-size:.88rem;color:var(--navy)}.brand small{font-size:.8rem;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:27px}nav a{text-decoration:none;font-size:.9rem;font-weight:650;color:var(--navy)}.nav-contact{padding:10px 17px;border:1px solid var(--teal);border-radius:100px;color:var(--teal)}.menu-button{display:none}.hero{min-height:620px;background:linear-gradient(135deg,var(--ice) 0%,#f8fbfb 58%,var(--mint) 100%);padding:100px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:430px;height:430px;border:95px solid rgba(22,139,135,.08);border-radius:50%;right:-180px;top:-145px}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.18em;color:var(--teal);margin:0 0 17px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3.3rem,7vw,6.1rem);line-height:.98;letter-spacing:-.05em;color:var(--deep);margin:0 0 28px}.intro{font-size:1.15rem;max-width:620px;color:var(--muted);margin:0 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:14px 21px;border-radius:8px;text-decoration:none;font-weight:750;font-size:.94rem}.primary{background:var(--teal);color:white}.secondary{border:1px solid var(--line);background:white;color:var(--navy)}.today-card{background:var(--navy);color:white;padding:38px;border-radius:3px 32px 3px 32px;box-shadow:var(--shadow);position:relative;z-index:1}.card-label{font-size:.7rem;letter-spacing:.18em;color:#83d2ca;font-weight:800;margin:0 0 16px}.today-date{margin:0;color:#c9dcdf}.today-hours{font-size:2.25rem;font-weight:750;margin:6px 0 28px;line-height:1.1}.visit-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:19px;font-size:.88rem}.weekend-note{color:#bcd0d3;margin:20px 0 0;font-size:.82rem}.section{padding:96px max(24px,calc((100% - 1180px)/2));scroll-margin-top:82px}.section-heading{max-width:690px;margin-bottom:42px}.section-heading h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.035em;color:var(--deep);font-weight:500;margin:0 0 16px}.section-heading>p:last-child,.contact-copy>p:last-child{color:var(--muted);margin:0}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.schedule-card{border:1px solid var(--line);padding:34px;border-radius:4px 24px 4px 24px}.schedule-card.accent{background:var(--mint);border-color:transparent}.date-badge{font-size:.78rem;font-weight:800;color:var(--teal);letter-spacing:.08em}.schedule-card h3{font-size:1.05rem;margin:14px 0 4px}.large-time{font-family:Georgia,serif;font-size:2.6rem;color:var(--deep);margin:0 0 24px}.card-detail{display:flex;justify-content:space-between;border-top:1px solid rgba(18,53,74,.13);padding-top:16px;color:var(--muted);font-size:.9rem}.card-detail strong{color:var(--navy)}.notices{background:var(--navy);color:white}.notices h2{color:white}.split-heading{max-width:none;display:flex;align-items:flex-end;justify-content:space-between}.updated{font-size:.78rem;color:#a9c2c7;border:1px solid rgba(255,255,255,.18);padding:7px 12px;border-radius:100px}.empty-notice{display:flex;gap:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:27px;border-radius:4px 20px 4px 20px}.notice-icon{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--teal);font-family:Georgia,serif;font-style:italic;font-weight:bold}.empty-notice h3{margin:0 0 5px}.empty-notice p{margin:0;color:#b9cdd1}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid article{padding:28px;border-top:3px solid var(--teal);background:var(--ice);min-height:190px}.topic-grid span{font-size:.75rem;color:var(--teal);font-weight:800}.topic-grid h3{margin:20px 0 7px;color:var(--deep)}.topic-grid p{margin:0;color:var(--muted);font-size:.92rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--mint)}.contact-copy{max-width:600px}.contact-list{border-top:1px solid rgba(18,53,74,.18)}.contact-list a{display:flex;flex-direction:column;text-decoration:none;padding:17px 5px;border-bottom:1px solid rgba(18,53,74,.18)}.contact-list span{font-size:.72rem;letter-spacing:.12em;color:var(--teal);font-weight:800;text-transform:uppercase}.contact-list strong{font-size:1.02rem;color:var(--deep);overflow-wrap:anywhere}footer{padding:32px max(24px,calc((100% - 1180px)/2));background:var(--deep);color:#b8c9ce;display:flex;justify-content:space-between;gap:30px;font-size:.78rem}.disclaimer{max-width:600px;text-align:right}
@media(max-width:820px){.site-header{height:75px}.brand strong{font-size:.75rem}.brand small{font-size:.72rem}.menu-button{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:9px 12px;color:var(--navy);font-weight:700}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:20px 24px;box-shadow:0 14px 30px rgba(18,53,74,.1);flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}.nav-contact{border:0;padding:0}.hero{grid-template-columns:1fr;gap:48px;padding-top:70px;padding-bottom:70px;min-height:0}.hero h1{font-size:clamp(3.25rem,15vw,5rem)}.section{padding-top:70px;padding-bottom:70px}.schedule-grid,.topic-grid,.contact{grid-template-columns:1fr}.contact{gap:42px}.split-heading{display:block}.updated{display:inline-block;margin-top:15px}.topic-grid article{min-height:0}footer{display:block}.disclaimer{text-align:left;margin-top:15px}.today-hours{font-size:2rem}}
@media(max-width:460px){.brand-mark{width:39px;height:39px}.brand strong{max-width:220px}.brand small{display:none}.hero-actions{display:grid}.button{text-align:center}.today-card{padding:28px}.schedule-card{padding:26px}.large-time{font-size:2.2rem}.card-detail{display:block}.card-detail strong{display:block}.empty-notice{display:block}.notice-icon{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fotografije */
.hero{min-height:650px;background:var(--ice);grid-template-columns:1.1fr .72fr}
.hero:after{display:none}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,251,251,.99) 0%,rgba(246,251,251,.94) 37%,rgba(246,251,251,.38) 65%,rgba(11,41,58,.05) 100%);z-index:1}
.hero-copy{position:relative;z-index:2}
.today-card{z-index:2}
.today-card .visit-line+.visit-line{margin-top:14px}
.advice-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;margin-bottom:50px}
.advice-intro .section-heading{margin-bottom:0}
.advice-photo{margin:0;height:350px;border-radius:4px 34px 4px 34px;overflow:hidden;box-shadow:var(--shadow)}
.advice-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:820px){
  .hero{grid-template-columns:1fr}
  .hero-photo{object-position:62% center}
  .hero-shade{background:linear-gradient(90deg,rgba(246,251,251,.98) 0%,rgba(246,251,251,.88) 60%,rgba(246,251,251,.35) 100%)}
  .advice-intro{grid-template-columns:1fr;gap:32px;margin-bottom:38px}
  .advice-photo{height:280px}
}
@media(max-width:540px){
  .hero-photo{object-position:68% center;opacity:.5}
  .hero-shade{background:linear-gradient(90deg,rgba(246,251,251,.98),rgba(246,251,251,.75))}
}

/* Gornja fotografija */
.top-photo{margin:0;width:100%;height:390px;overflow:hidden;background:var(--ice)}
.top-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero{min-height:560px;background:linear-gradient(135deg,var(--ice) 0%,#f8fbfb 58%,var(--mint) 100%)}
.hero:after{display:block}
@media(max-width:820px){
  .top-photo{height:280px}
  .top-photo img{object-position:62% center}
}
@media(max-width:540px){
  .top-photo{height:220px}
  .top-photo img{object-position:68% center}
}

/* Jasnije radno vrijeme */
.schedule{background:#fbfdfd}
.schedule-heading{display:flex;align-items:flex-start;gap:22px;margin-bottom:42px}
.schedule-heading .section-heading{margin:0}
.clock-symbol{flex:0 0 66px;width:66px;height:66px;border-radius:20px;background:var(--navy);display:grid;place-items:center;box-shadow:0 12px 26px rgba(18,53,74,.14)}
.clock-symbol svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.odd-text{color:#087f77}.even-text{color:#3565a8}
.schedule-grid{gap:26px}
.schedule-card{position:relative;overflow:hidden;padding:0;border:0;box-shadow:0 18px 42px rgba(18,53,74,.09);background:#fff}
.schedule-card:before{content:"";display:block;height:8px}
.odd-card:before{background:#0f9188}.even-card:before{background:#4778bd}
.date-row{padding:27px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.date-type{font-size:.79rem;font-weight:850;letter-spacing:.12em}
.odd-card .date-type{color:#087f77}.even-card .date-type{color:#3565a8}
.date-dots{display:flex;gap:6px}
.date-dots b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.77rem}
.odd-card .date-dots b{background:#d9f2ef;color:#087f77}.even-card .date-dots b{background:#e2ecf9;color:#3565a8}
.schedule-card h3,.schedule-card .large-time,.schedule-card .card-detail{margin-left:30px;margin-right:30px}
.schedule-card h3{margin-top:2px;margin-bottom:4px;color:var(--muted);font-weight:650}
.schedule-card .large-time{font-size:3.15rem;font-weight:600;line-height:1.1;margin-bottom:27px}
.odd-card .large-time{color:#087f77}.even-card .large-time{color:#3565a8}
.schedule-card .card-detail{padding:18px 0 25px}
.schedule-card .break-detail{padding-bottom:16px}
@media(max-width:820px){
  .schedule-heading{gap:16px}
  .clock-symbol{flex-basis:54px;width:54px;height:54px;border-radius:16px}
  .clock-symbol svg{width:32px;height:32px}
}
@media(max-width:460px){
  .schedule-heading{display:block}
  .clock-symbol{margin-bottom:20px}
  .date-row{display:block;padding:24px 24px 18px}
  .date-dots{margin-top:13px}
  .schedule-card h3,.schedule-card .large-time,.schedule-card .card-detail{margin-left:24px;margin-right:24px}
  .schedule-card .large-time{font-size:2.65rem}
}

/* Kontakt medicinske sestre */
.contact-list .staff-contact{margin-top:14px;padding:20px 18px;background:rgba(255,255,255,.52);border:1px solid rgba(18,53,74,.14);border-radius:4px 18px 4px 18px}
.contact-list .staff-contact strong{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500;margin:2px 0}
.contact-list .staff-contact small{font-size:.92rem;color:var(--teal);overflow-wrap:anywhere}
.contact-list .phone-ordering{margin:14px 0;padding:20px 18px;background:var(--navy);border:0;border-radius:4px 18px 4px 18px;color:#fff}
.contact-list .phone-ordering span{color:#83d2ca}
.contact-list .phone-ordering strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:500;margin:2px 0}
.contact-list .phone-ordering small{font-size:.9rem;color:#c7dade}
.contact-list .phone-link{position:relative;padding-right:105px}
.call-action{position:absolute;right:16px;top:50%;transform:translateY(-50%);min-width:74px;padding:8px 12px;border-radius:100px;background:var(--teal);color:#fff;font-style:normal;font-size:.8rem;font-weight:800;text-align:center}
.phone-ordering .call-action{background:#fff;color:var(--navy)}
.contact-map{grid-column:1/-1;margin-top:8px;background:#fff;padding:16px;border-radius:4px 26px 4px 26px;box-shadow:var(--shadow)}
.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 8px 18px}
.map-heading span,.map-heading strong{display:block}
.map-heading span{font-size:.72rem;letter-spacing:.12em;color:var(--teal);font-weight:800;text-transform:uppercase}
.map-heading strong{color:var(--deep);margin-top:3px}
.map-heading a{flex:none;padding:10px 15px;border-radius:100px;background:var(--navy);color:#fff;text-decoration:none;font-size:.82rem;font-weight:750}
.contact-map iframe{display:block;width:100%;height:360px;border:0;border-radius:3px 18px 3px 18px}
.map-navigation-button{display:block;margin-top:12px;padding:15px 18px;border-radius:6px 16px 6px 16px;background:var(--teal);color:#fff;text-align:center;text-decoration:none;font-size:.95rem;font-weight:800}
.map-navigation-button:active{transform:translateY(1px)}

/* Informacije za pacijente */
.patient-info{background:#fff}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.info-card{position:relative;min-height:235px;padding:28px;border:1px solid var(--line);border-radius:4px 22px 4px 22px;text-decoration:none;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
a.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.info-card.ordering{background:var(--navy);color:#fff;border-color:transparent}
.info-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mint);color:var(--teal);font-size:.75rem;font-weight:850}
.ordering .info-number{background:rgba(255,255,255,.12);color:#83d2ca}
.info-card h3{font-size:1.03rem;margin:20px 0 5px}.info-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:500;color:var(--deep)}
.ordering strong{color:#fff}.info-card p{margin:9px 0 20px;color:var(--muted);font-size:.9rem}.ordering p{color:#c6d8dc}
.info-card em{position:absolute;left:28px;bottom:24px;color:var(--teal);font-size:.8rem;font-style:normal;font-weight:850}.ordering em{color:#83d2ca}
.info-card.urgent{background:#fff5f2;border-color:#f1cec4}.urgent .info-number{background:#b54b38;color:#fff}.urgent strong{color:#a83e2d}
.email-strong{font-family:inherit!important;font-size:1rem!important;overflow-wrap:anywhere}

/* Članci i najčešća pitanja */
.article-list,.faq-list{display:grid;gap:12px}
.health-article,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:4px 18px 4px 18px;overflow:hidden}
.health-article summary,.faq-list summary{list-style:none;cursor:pointer;padding:22px 25px;display:flex;align-items:center;gap:16px;color:var(--deep);font-size:1.02rem}
.health-article summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}
.health-article summary:after,.faq-list summary:after{content:"+";margin-left:auto;color:var(--teal);font-size:1.5rem;font-weight:400}
.health-article[open] summary:after,.faq-list details[open] summary:after{content:"–"}
.health-article summary span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-size:.72rem;font-weight:850}
.health-article>div,.faq-list details>p{padding:0 25px 24px 75px;color:var(--muted)}
.health-article>div p{margin:0 0 12px}.health-article>div a{color:var(--teal);font-weight:750;text-decoration:none}
.faq{background:var(--ice)}.faq-list{grid-template-columns:1fr 1fr;align-items:start}
.faq-list details>p{padding-left:25px;margin:0}.faq-list details a{color:var(--teal);font-weight:800}

/* Tim, poveznice i privatnost */
.team{background:var(--navy);color:#fff}.team .section-heading h2{color:#fff}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.team-grid article{display:flex;align-items:center;gap:20px;padding:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:4px 20px 4px 20px}
.initials{flex:0 0 58px;width:58px;height:58px;border-radius:50% 50% 50% 14px;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:850}.initials.nurse{background:#4778bd}
.team-grid small{color:#83d2ca;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.team-grid h3{margin:2px 0;color:#fff}.team-grid a{color:#c7dade;font-size:.87rem;overflow-wrap:anywhere}
.resources{background:#fff}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.resource-grid a{min-height:190px;padding:24px;display:flex;flex-direction:column;text-decoration:none;background:var(--ice);border-top:4px solid var(--teal)}
.resource-grid strong{font-size:1.08rem;color:var(--deep)}.resource-grid span{color:var(--muted);font-size:.88rem;margin-top:9px}.resource-grid em{margin-top:auto;color:var(--teal);font-style:normal;font-size:.8rem;font-weight:850}
.privacy-note{margin-top:24px;padding:24px 28px;border-radius:4px 18px 4px 18px;background:#fff8e8;border:1px solid #ead9ac}.privacy-note strong{color:#6f5416}.privacy-note p{margin:5px 0 0;color:#765f2c}

@media(max-width:900px){
  .resource-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .info-grid,.faq-list,.team-grid{grid-template-columns:1fr}
  .health-article>div{padding-left:25px}
}
@media(max-width:540px){
  .resource-grid{grid-template-columns:1fr}
  .resource-grid a{min-height:150px}
  .health-article summary,.faq-list summary{padding:19px 18px}
  .health-article>div,.faq-list details>p{padding-right:18px;padding-left:18px}
}
@media(max-width:540px){
  .map-heading{display:block}
  .map-heading a{display:inline-block;margin-top:14px}
  .contact-map{padding:10px}
  .contact-map iframe{height:300px}
}