.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans 3';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
/* ===== ZAJEDNICKO (header, footer, dugmad, WhatsApp, forma, FAQ) ===== */
/* =========================================================
   Stomatologija Cvijetić–Đurđević — Common stylesheet
   Shared design tokens + header/nav + footer + buttons +
   WhatsApp button + contact form. Used on every page.
   Load this file BEFORE any page-specific CSS (e.g. naslovna.css).
   ========================================================= */

:root{
  --color-dark:      #1a1c1e;
  --color-dark-2:    #111214;
  --color-dark-3:    #212326;
  --color-border-dark: #33373c;
  --color-border-dark-2: #3a3d41;

  --color-cream:     #f4f1ec;
  --color-beige:     #e9e4da;
  --color-beige-light: #faf8f4;
  --color-border:    #ddd7cd;
  --color-border-2:  #ccc6bc;
  --color-image-bg:  #dcd6cb;

  --color-text:      #1a1c1e;
  --color-text-muted:#5a5952;
  --color-text-dim:  #6b6a64;
  --color-text-faint:#8a897f;
  --color-text-light:#c3c2bd;
  --color-text-light-2:#d6d5d0;

  --teal:            #0e9aa2;
  --teal-light:      #7fd6dc;
  --teal-dark-text:  #0a2c2f;

  --font-head: 'Space Grotesk', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --gutter: 48px;
  --header-h: 73px;
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:var(--color-cream);
  color:var(--color-text);
  font-family:var(--font-body);
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:var(--teal); text-decoration:none; }
a:hover{ opacity:.75; }
ul{ list-style:none; }
button{ font-family:inherit; cursor:pointer; }

.container{ max-width:1400px; margin:0 auto; }

/* ---------- Section label / kicker ---------- */
.kicker{
  display:inline-block;
  font:500 12px/1 var(--font-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:16px;
}
.kicker.on-dark{ color:var(--teal-light); }

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;
  font:600 15px var(--font-body);
  padding:16px 30px;
  border:1px solid transparent;
  text-align:center;
  white-space:nowrap;
}
.btn-primary{ background:var(--teal-light); color:var(--teal-dark-text); }
.btn-dark{ background:var(--color-dark); color:var(--color-cream); }
.btn-outline{ border-color:var(--color-border-dark-2); color:var(--color-cream); }
.btn-outline-dark{ border-color:var(--color-dark); color:var(--color-dark); }
.btn-outline-teal{ border-color:var(--teal-light); color:var(--teal-light); font-weight:600; padding:10px 20px; font-size:14px; }

/* =========================================================
   HEADER / NAV
   ========================================================= */
.hero-wrap{ background:var(--color-dark); color:var(--color-cream); }
.top-bar{
  background:var(--color-dark-2);
  color:var(--color-text-light);
  font-size:13px;
  padding:9px var(--gutter);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  font-family:var(--font-mono);
}
.top-bar__contacts{ display:flex; gap:22px; }

.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px var(--gutter);
  border-bottom:1px solid var(--color-border-dark);
  position:sticky;
  top:0;
  background:rgba(26,28,30,.92);
  backdrop-filter:blur(8px);
  z-index:100;
}
.site-logo{
  font:600 16px var(--font-head);
  letter-spacing:.02em;
  color:var(--color-cream);
}
.site-logo span{ color:var(--teal-light); }

.main-nav{
  display:flex;
  align-items:center;
  gap:26px;
  font-size:14px;
  color:var(--color-text-light);
  font-weight:500;
}
.main-nav a{ color:var(--color-text-light); }
.main-nav a:hover{ opacity:1; color:var(--teal-light); }

/* Services dropdown (desktop = hover, mobile = tap) */
.nav-dd{ position:relative; }
.nav-dd__toggle{
  display:inline-flex; align-items:center; gap:5px;
  color:var(--color-text-light); cursor:pointer; background:none; border:0;
  font:inherit;
}
.nav-dd__toggle .caret{ font-size:10px; transition:transform .15s; }
.nav-dd-menu{
  display:none;
  position:absolute; top:100%; left:0; padding-top:14px; z-index:60;
}
.nav-dd-menu__inner{
  display:grid; grid-template-columns:1fr 1fr; gap:2px;
  background:var(--color-dark-3); border:1px solid var(--color-border-dark);
  width:600px; padding:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}
.nav-dd-menu a{
  display:block; padding:12px 16px; color:var(--color-text-light);
}
.nav-dd-menu a:hover{ opacity:1; background:var(--color-dark-3); }
.nav-dd-menu a strong{
  display:block; font:600 14px var(--font-head); color:var(--color-cream); font-weight:600;
}
.nav-dd-menu a small{
  display:block; font-size:12px; color:var(--color-text-faint); margin-top:3px;
}
@media (hover:hover){
  .nav-dd:hover .nav-dd-menu{ display:block; }
}
.nav-dd.is-open .nav-dd-menu{ display:block; }

.header-cta{ white-space:nowrap; }
.mobile-cta{ display:none; }

.nav-toggle{
  display:none;
  width:40px; height:40px;
  background:none; border:1px solid var(--color-border-dark);
  color:var(--color-cream);
  align-items:center; justify-content:center;
  font-size:20px;
}

/* ---------- Mobile nav ---------- */
@media (max-width:960px){
  :root{ --gutter:24px; }
  .header-cta{ display:none; }
  .nav-toggle{ display:flex; }
  /* backdrop-filter turns .site-header into a containing block for its
     fixed-position descendants (the mobile nav panel below) — drop it
     on mobile so the panel positions against the viewport instead. */
  .site-header{ backdrop-filter:none; background:var(--color-dark); }
  .main-nav{
    display:none;
    position:fixed; inset:var(--header-h) 0 0 0;
    background:var(--color-dark);
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:12px var(--gutter) 32px;
    overflow-y:auto;
    z-index:90;
  }
  .main-nav.is-open{ display:flex; }
  .main-nav > a, .nav-dd{ width:100%; border-bottom:1px solid var(--color-border-dark); padding:16px 0; }
  .nav-dd__toggle{ width:100%; justify-content:space-between; padding:0; }
  .nav-dd-menu{ position:static; padding-top:0; width:100%; }
  .nav-dd-menu__inner{ width:100%; grid-template-columns:1fr; margin-top:14px; border:0; padding:0; box-shadow:none; background:transparent; }
  .nav-dd-menu a{ padding:10px 0; }
  .header-cta.mobile-cta{
    display:block; margin-top:20px; width:100%; text-align:center;
  }
}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{ background:var(--color-dark-2); color:var(--color-text-faint); }
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:40px;
  padding:64px var(--gutter) 48px;
}
.footer-brand{ font:600 17px var(--font-head); color:var(--color-cream); margin-bottom:16px; }
.footer-brand span{ color:var(--teal-light); }
.footer-desc{ font-size:14px; line-height:1.7; color:var(--color-text-faint); margin-bottom:20px; max-width:280px; }
.footer-social{ display:flex; gap:10px; }
.footer-social a{
  width:38px; height:38px; border:1px solid var(--color-border-dark);
  color:var(--color-text-light); display:flex; align-items:center; justify-content:center;
  font-size:13px; font-family:var(--font-mono);
}
.footer-col-title{
  font:500 12px var(--font-mono); letter-spacing:.12em; text-transform:uppercase;
  color:var(--teal-light); margin-bottom:16px;
}
.footer-links{ display:flex; flex-direction:column; gap:11px; font-size:14px; }
.footer-links a{ color:var(--color-text-light); }
.footer-contact{ display:flex; flex-direction:column; gap:11px; font-size:14px; color:var(--color-text-light); }
.footer-contact a{ color:var(--color-text-light); }
.footer-contact .muted{ color:var(--color-text-faint); font-family:var(--font-mono); font-size:12px; }
.footer-bottom{
  border-top:1px solid #22242a;
  padding:22px var(--gutter);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:13px;
}

@media (max-width:960px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  .footer-grid{ grid-template-columns:1fr; padding:48px var(--gutter) 32px; gap:32px; }
}

/* =========================================================
   CONTACT FORM (Kontakt section)
   ========================================================= */
.contact-form{ display:flex; flex-direction:column; gap:16px; margin-bottom:34px; }
.contact-form__row{ display:flex; gap:14px; flex-wrap:wrap; }
.contact-form__field{ flex:1 1 200px; display:flex; flex-direction:column; gap:6px; }
.contact-form__field label{
  font:500 11px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--teal-light);
}
.contact-form__field input,
.contact-form__field textarea{
  background:var(--color-dark-3);
  border:1px solid var(--color-border-dark);
  color:var(--color-cream);
  font:15px var(--font-body);
  padding:13px 14px;
  width:100%;
}
.contact-form__field textarea{ resize:vertical; min-height:110px; }
.contact-form__field input:focus,
.contact-form__field textarea:focus{
  outline:none; border-color:var(--teal-light);
}
.contact-form__honeypot{ position:absolute; left:-9999px; opacity:0; height:0; width:0; }
.contact-form__submit{
  background:var(--teal-light); color:var(--teal-dark-text); font-weight:600; font-size:15px;
  padding:16px 28px; border:0; align-self:flex-start;
}
.contact-form__submit[disabled]{ opacity:.6; cursor:default; }
.contact-form__status{
  font-size:14px; padding:12px 14px; display:none;
}
.contact-form__status.is-visible{ display:block; }
.contact-form__status.is-success{ background:rgba(127,214,220,.12); color:var(--teal-light); display:block; }
.contact-form__status.is-error{ background:rgba(220,90,90,.12); color:#e08b8b; display:block; }

/* =========================================================
   FAQ ACCORDION — shared across homepage + every service page
   ========================================================= */
.faq{ background:var(--color-beige); padding:80px var(--gutter); }
.faq-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start; }
.faq-intro h2{ font:500 40px/1.1 var(--font-head); letter-spacing:-.02em; margin-bottom:18px; }
.faq-intro p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; }
.faq-list{ border-top:1px solid var(--color-border-2); }
.faq-item{ border-bottom:1px solid var(--color-border-2); padding:22px 0; }
.faq-item summary{
  display:flex; justify-content:space-between; align-items:center; gap:20px;
  font:600 18px var(--font-head); list-style:none; cursor:pointer;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary .faq-plus{ color:var(--teal); flex-shrink:0; margin-left:16px; transition:transform .15s; display:inline-block; }
.faq-item[open] summary .faq-plus{ transform:rotate(45deg); }
.faq-item p{ color:var(--color-text-muted); line-height:1.6; font-size:15px; margin-top:14px; }
@media (max-width:900px){ .faq-grid{ grid-template-columns:1fr; gap:32px; } }

/* =========================================================
   WHATSAPP FLOATING BUTTON
   ========================================================= */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:200;
  width:60px;
  height:60px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease;
}
.whatsapp-float:hover{
  opacity:1;
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.34);
}
.whatsapp-float svg{ width:30px; height:30px; }
.whatsapp-float__pulse{
  position:absolute; inset:0; border-radius:50%;
  background:#25D366; opacity:.55;
  animation:wa-pulse 2.2s ease-out infinite;
}
@keyframes wa-pulse{
  0%{ transform:scale(1); opacity:.55; }
  100%{ transform:scale(1.7); opacity:0; }
}
@media (max-width:600px){
  .whatsapp-float{ right:16px; bottom:16px; width:54px; height:54px; }
  .whatsapp-float svg{ width:27px; height:27px; }
}

/* ===== NASLOVNA (samo pocetna stranica) ===== */
/* =========================================================
   Stomatologija Cvijetić–Đurđević — Naslovna (homepage)
   Page-specific styles. Load AFTER common.css.
   ========================================================= */

.page-naslovna{ background:var(--color-cream); color:var(--color-text); }

/* ---------- HERO ---------- (.hero-wrap lives in common.css — reused on every page) */
.hero{
  position:relative;
  min-height:660px;
  overflow:hidden;
  background:var(--color-dark-2);
}
.hero__bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:75% center;
}
.hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(100deg,rgba(15,16,18,.96) 0%,rgba(15,16,18,.9) 42%,rgba(15,16,18,.55) 72%,rgba(15,16,18,.25) 100%);
}
.hero__content{
  position:relative;
  padding:72px var(--gutter) 132px;
  display:flex; align-items:center; justify-content:space-between; gap:48px;
  min-height:660px;
}
.hero__col{ flex:1; max-width:760px; }
.hero__badge{
  display:inline-flex; align-items:center; gap:10px;
  font:500 12px var(--font-mono); letter-spacing:.16em; text-transform:uppercase;
  color:var(--teal-light);
  margin-bottom:26px;
  border:1px solid var(--color-border-dark);
  padding:7px 14px; border-radius:100px;
}
.hero__badge .dot{ width:7px; height:7px; background:var(--teal-light); border-radius:50%; }
.hero__title{
  font:500 76px/.98 var(--font-head);
  letter-spacing:-.03em;
  max-width:760px;
}
.hero__title em{ font-style:italic; color:var(--teal-light); }
.hero__desc{
  font-size:18px; line-height:1.65; color:var(--color-text-light);
  max-width:520px; margin:26px 0 32px;
}
.hero__ctas{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:34px; }
.hero__meta{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.hero__rating{ display:flex; align-items:center; gap:10px; }
.hero__stars{ color:var(--teal-light); font-size:17px; }
.hero__rating-text{ font-size:14px; color:var(--color-text-light-2); }
.hero__rating-text strong{ color:var(--color-cream); }
.hero__divider{ width:1px; height:22px; background:var(--color-border-dark-2); }
.hero__years{ font-size:14px; color:var(--color-text-light-2); }
.hero__years strong{ color:var(--color-cream); }

.hero__services{
  position:absolute; left:0; right:0; bottom:0;
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--color-border-dark);
  background:rgba(15,16,18,.55);
  backdrop-filter:blur(6px);
}
.hero__services a{
  padding:20px 32px;
  border-right:1px solid var(--color-border-dark);
  color:var(--color-cream);
  display:flex; align-items:center; justify-content:space-between;
}
.hero__services a:last-child{ border-right:0; }
.hero__services a span:first-child{ font:600 15px var(--font-head); }
.hero__services a span:last-child{ color:var(--teal-light); }

@media (max-width:960px){
  .hero{ min-height:auto; }
  .hero__content{ min-height:auto; padding:56px 24px 120px; }
  .hero__title{ font-size:48px; }
  .hero__services{ position:static; grid-template-columns:1fr 1fr; }
  .hero__services a{ padding:16px 20px; border-bottom:1px solid var(--color-border-dark); }
}
@media (max-width:520px){
  .hero__title{ font-size:38px; }
  .hero__services{ grid-template-columns:1fr; }
}

/* ---------- TRUST BAR ---------- */
.trust-bar{
  background:var(--color-cream);
  border-bottom:1px solid var(--color-border);
  display:grid; grid-template-columns:repeat(4,1fr);
}
.trust-bar__item{
  padding:22px 32px;
  border-right:1px solid var(--color-border);
  display:flex; align-items:center; gap:12px;
}
.trust-bar__item:last-child{ border-right:0; }
.trust-bar__check{ color:var(--teal); font-size:18px; }
.trust-bar__title{ font:600 15px var(--font-head); }
.trust-bar__sub{ font-size:13px; color:var(--color-text-dim); }
@media (max-width:960px){
  .trust-bar{ grid-template-columns:1fr 1fr; }
  .trust-bar__item{ border-bottom:1px solid var(--color-border); }
}
@media (max-width:520px){ .trust-bar{ grid-template-columns:1fr; } }

/* ---------- INTRO STORY ---------- */
.intro{
  padding:90px var(--gutter);
  text-align:center;
  border-bottom:1px solid var(--color-border);
  max-width:920px;
  margin:0 auto;
}
.intro h2{ font:500 40px/1.15 var(--font-head); letter-spacing:-.02em; margin-bottom:24px; }
.intro p{ font-size:18px; line-height:1.75; color:var(--color-text-muted); margin-bottom:16px; }
@media (max-width:600px){ .intro h2{ font-size:30px; } }

/* ---------- SERVICES ---------- */
.services{ padding:80px var(--gutter); }
.services h2{ font:500 46px var(--font-head); letter-spacing:-.02em; margin-bottom:44px; max-width:620px; }
.services-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
.svc-cell{
  display:block;
  color:var(--color-text);
  padding:28px 26px; border-right:1px solid var(--color-border); border-bottom:1px solid var(--color-border);
  transition:background .18s;
}
.svc-cell:hover{ background:var(--color-beige-light); opacity:1; }
.svc-cell:nth-child(4n){ border-right:0; }
.svc-cell__top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.svc-cell__num{ font:500 13px var(--font-mono); color:var(--teal); }
.svc-cell__arrow{ color:var(--teal); opacity:0; transform:translateX(-4px); transition:.18s; }
.svc-cell:hover .svc-cell__arrow{ opacity:1; transform:translateX(0); }
.svc-cell h3{ font:600 20px var(--font-head); margin-bottom:8px; color:var(--color-text); }
.svc-cell p{ color:var(--color-text-muted); line-height:1.55; font-size:14px; }
@media (max-width:960px){
  .services h2{ font-size:34px; }
  .services-grid{ grid-template-columns:1fr 1fr; }
  .svc-cell:nth-child(4n){ border-right:1px solid var(--color-border); }
  .svc-cell:nth-child(2n){ border-right:0; }
}
@media (max-width:600px){
  .services-grid{ grid-template-columns:1fr; }
  .svc-cell{ border-right:0 !important; }
}

/* ---------- ABOUT ---------- */
.about{ display:grid; grid-template-columns:1fr 1fr; }
.about__images{
  aspect-ratio:1; display:grid; grid-template-columns:1fr 1fr; gap:2px;
  background:var(--color-image-bg); overflow:hidden;
}
.about__images img{ width:100%; height:100%; object-fit:cover; }
.about__content{
  background:var(--color-beige); padding:64px var(--gutter);
  display:flex; flex-direction:column; justify-content:center;
}
.about__content h2{ font:500 38px/1.1 var(--font-head); letter-spacing:-.02em; margin-bottom:18px; }
.about__content p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; margin-bottom:14px; }
.about__features{ display:flex; gap:36px; margin-top:14px; flex-wrap:wrap; }
.about__features strong{ display:block; font:600 15px var(--font-head); font-weight:600; }
.about__features span{ font-size:13px; color:var(--color-text-dim); }
@media (max-width:900px){
  .about{ grid-template-columns:1fr; }
  .about__content{ padding:48px 24px; }
}

/* ---------- WHY US ---------- */
.whyus{ padding:80px var(--gutter); }
.whyus h2{ font:500 40px var(--font-head); letter-spacing:-.02em; margin-bottom:40px; }
.whyus-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.whyus-card{ border:1px solid var(--color-border); padding:30px; background:var(--color-beige-light); }
.whyus-card__title{ font:600 22px var(--font-head); color:var(--teal); margin-bottom:12px; }
.whyus-card p{ color:var(--color-text-muted); line-height:1.6; font-size:14px; }
@media (max-width:900px){ .whyus-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .whyus-grid{ grid-template-columns:1fr; } }

/* ---------- ORDINACIJA / VIDEO ---------- */
.ordinacija{
  background:var(--color-beige-light);
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
  padding:80px var(--gutter);
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
}
.ordinacija h2{ font:500 40px/1.1 var(--font-head); letter-spacing:-.02em; margin-bottom:18px; }
.ordinacija > div:first-child > p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; margin-bottom:30px; }
.ordinacija__list{ border-top:1px solid var(--color-border); margin-bottom:30px; }
.ordinacija__row{ display:flex; gap:18px; padding:18px 0; border-bottom:1px solid var(--color-border); }
.ordinacija__row-num{ font:500 13px var(--font-mono); color:var(--teal); flex-shrink:0; padding-top:2px; }
.ordinacija__row-title{ font:600 16px var(--font-head); margin-bottom:2px; }
.ordinacija__row-desc{ font-size:14px; color:var(--color-text-dim); line-height:1.5; }
.ordinacija__gallery{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ordinacija__gallery-item{ position:relative; background:var(--color-image-bg); overflow:hidden; }
.ordinacija__gallery-item img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ordinacija__gallery-item--wide{ aspect-ratio:16/9; grid-column:1 / -1; }
.ordinacija__gallery-item--square{ aspect-ratio:1/1; }
@media (max-width:900px){
  .ordinacija{ grid-template-columns:1fr; padding:56px 24px; }
}

/* ---------- PRVA POSJETA ---------- */
.prva-posjeta{ padding:80px var(--gutter); border-top:1px solid var(--color-border); }
.prva-posjeta__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:44px; }
.prva-posjeta__head h2{ font:500 40px var(--font-head); letter-spacing:-.02em; }
.prva-posjeta__link{ font-weight:600; color:var(--teal); font-size:15px; }
.pp-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.pp-step{ border-top:2px solid var(--color-dark); padding-top:22px; }
.pp-step__num{ font:500 13px var(--font-mono); color:var(--teal); margin-bottom:14px; }
.pp-step h3{ font:600 19px var(--font-head); margin-bottom:10px; }
.pp-step p{ color:var(--color-text-muted); line-height:1.6; font-size:14px; }
@media (max-width:900px){ .pp-grid{ grid-template-columns:1fr 1fr; gap:28px; } }
@media (max-width:520px){ .pp-grid{ grid-template-columns:1fr; } }

/* ---------- TEAM ---------- */
.team{ background:var(--color-beige); padding:80px var(--gutter); }
.team h2{ font:500 40px var(--font-head); letter-spacing:-.02em; margin-bottom:40px; }
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.team-card__photo{ position:relative; aspect-ratio:3/4; background:var(--color-image-bg); overflow:hidden; margin-bottom:18px; }
.team-card__photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; }
.team-card h3{ font:600 19px var(--font-head); }
.team-card__role{ font-size:13px; color:var(--teal); margin:6px 0 2px; }
.team-card__detail{ font-size:13px; color:var(--color-text-faint); margin-bottom:8px; }
@media (max-width:900px){ .team-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .team-grid{ grid-template-columns:1fr; max-width:320px; margin:0 auto; } }

/* ---------- TESTIMONIALS ---------- */
.testimonials{ background:var(--color-dark); color:var(--color-cream); padding:80px var(--gutter); }
.testimonials h2{ font:500 40px var(--font-head); letter-spacing:-.02em; margin-bottom:40px; }
.testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.testi-card{ border:1px solid var(--color-border-dark); padding:32px; background:var(--color-dark-3); }
.testi-card__stars{ color:var(--teal-light); margin-bottom:16px; font-size:18px; }
.testi-card p{ color:var(--color-text-light-2); line-height:1.6; font-size:15px; margin-bottom:20px; }
.testi-card__name{ font-weight:600; font-size:14px; }
.testi-card__place{ font-size:13px; color:var(--color-text-faint); }
@media (max-width:900px){ .testi-grid{ grid-template-columns:1fr; } }

/* ---------- BLOG ---------- */
.blog{ padding:80px var(--gutter); }
.blog__head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; flex-wrap:wrap; gap:16px; }
.blog__head h2{ font:500 40px var(--font-head); letter-spacing:-.02em; }
.blog__link{ font-weight:600; color:var(--teal); font-size:15px; }
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.blog-card{ border:1px solid var(--color-border); background:var(--color-beige-light); }
.blog-card__img{ position:relative; aspect-ratio:16/10; background:var(--color-image-bg); overflow:hidden; }
.blog-card__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.blog-card__body{ padding:24px; }
.blog-card__cat{ font:500 12px var(--font-mono); color:var(--color-text-faint); margin-bottom:10px; }
.blog-card h3{ font:600 19px var(--font-head); margin-bottom:10px; line-height:1.25; }
.blog-card__link{ font-weight:600; font-size:14px; color:var(--teal); }
@media (max-width:900px){ .blog-grid{ grid-template-columns:1fr; } }

/* ---------- FAQ ---------- (base .faq/.faq-grid/.faq-item rules live in common.css — reused on every service page) */

/* ---------- MOTO ---------- */
.moto{ background:var(--color-beige); padding:90px var(--gutter); text-align:center; }
.moto p{
  font:400 clamp(28px,3.4vw,48px)/1.2 var(--font-head);
  font-style:italic; letter-spacing:-.02em;
  max-width:900px; margin:0 auto; color:var(--color-dark);
}

/* ---------- CONTACT + MAP ---------- */
.contact{ display:grid; grid-template-columns:1fr 1fr; }
.contact__info{ background:var(--color-dark); color:var(--color-cream); padding:72px var(--gutter); }
.contact__info h2{ font:500 44px/1.02 var(--font-head); letter-spacing:-.02em; margin-bottom:24px; }
.contact__details{ font-size:15px; color:var(--color-text-light); display:flex; flex-direction:column; gap:16px; }
.contact__details-label{
  font:500 11px var(--font-mono); letter-spacing:.1em; text-transform:uppercase;
  color:var(--teal-light); margin-bottom:3px; display:block;
}
.contact__map{ min-height:440px; background:var(--color-border); }
.contact__map iframe{ width:100%; height:100%; border:0; display:block; min-height:440px; }
@media (max-width:900px){
  .contact{ grid-template-columns:1fr; }
  .contact__info{ padding:56px 24px; }
}

/* ===== STRANICE USLUGA (svih 8 stranica usluga) ===== */
/* =========================================================
   Stomatologija Cvijetić–Đurđević — stranica usluge (template)
   Zajednički stilovi za svih 8 stranica usluga
   (Ortodoncija, Oralna hirurgija, Protetika, Implantologija,
   Parodontologija, Konzervativna, Preventivna, Dječija).
   Učitati NAKON common.css.
   ========================================================= */

.page-usluga{ background:var(--color-cream); color:var(--color-text); }

/* current service highlighted in the mega-menu */
.nav-dd-menu a.is-active strong{ color:var(--teal-light); }

/* breadcrumb */
.svc-crumb{
  font:500 12px var(--font-mono); letter-spacing:.14em; text-transform:uppercase;
  color:var(--teal-light); margin-bottom:20px;
}
.svc-crumb a{ color:var(--teal-light); }

/* ---------- HERO ---------- */
.svc-hero{ position:relative; min-height:520px; overflow:hidden; background:var(--color-dark-2); }
.svc-hero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.svc-hero__overlay{ position:absolute; inset:0; background:linear-gradient(100deg,rgba(15,16,18,.95) 0%,rgba(15,16,18,.8) 45%,rgba(15,16,18,.3) 100%); }
.svc-hero__content{ position:relative; padding:72px var(--gutter); min-height:520px; display:flex; flex-direction:column; justify-content:center; color:var(--color-cream); }
.svc-hero h1{ font:500 68px/1.0 var(--font-head); letter-spacing:-.03em; max-width:680px; }
.svc-hero__desc{ font-size:19px; line-height:1.6; color:var(--color-text-light); max-width:560px; margin:22px 0 28px; }
.svc-hero__badges{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px; }
.svc-hero__badges span{
  font:500 12px var(--font-mono); color:var(--teal-light);
  border:1px solid var(--color-border-dark); border-radius:100px; padding:8px 15px;
}
.svc-hero__ctas{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.svc-hero__rating{ display:flex; align-items:center; gap:10px; margin-left:6px; }
.svc-hero__rating .stars{ color:var(--teal-light); font-size:16px; }
.svc-hero__rating span{ font-size:14px; color:var(--color-text-light-2); }
.svc-hero__rating strong{ color:var(--color-cream); }

@media (max-width:900px){
  .svc-hero{ min-height:auto; }
  .svc-hero__content{ min-height:auto; padding:48px 24px; }
  .svc-hero h1{ font-size:44px; }
}

/* ---------- TRUST BAR (dark, simple) ---------- */
.svc-trust{ background:var(--color-dark-2); color:var(--color-text-light); display:grid; grid-template-columns:repeat(4,1fr); }
.svc-trust__item{ padding:20px 28px; border-right:1px solid #26282c; display:flex; align-items:center; gap:10px; }
.svc-trust__item:last-child{ border-right:0; }
.svc-trust__item span:first-child{ color:var(--teal-light); }
.svc-trust__item span:last-child{ font-size:13.5px; }
@media (max-width:900px){ .svc-trust{ grid-template-columns:1fr 1fr; } .svc-trust__item{ border-bottom:1px solid #26282c; } }
@media (max-width:520px){ .svc-trust{ grid-template-columns:1fr; } }

/* ---------- QUICK FACTS ---------- */
.svc-facts{ display:grid; grid-template-columns:repeat(4,1fr); background:var(--color-cream); border-bottom:1px solid var(--color-border); }
.svc-facts__item{ padding:22px 28px; border-right:1px solid var(--color-image-bg); display:flex; flex-direction:column; gap:4px; }
.svc-facts__item:last-child{ border-right:0; }
.svc-facts__value{ font:600 22px var(--font-head); color:var(--color-text); }
.svc-facts__label{ font:500 11px var(--font-mono); letter-spacing:.08em; color:var(--color-text-dim); text-transform:uppercase; }
@media (max-width:900px){ .svc-facts{ grid-template-columns:1fr 1fr; } .svc-facts__item{ border-bottom:1px solid var(--color-image-bg); } }
@media (max-width:520px){ .svc-facts{ grid-template-columns:1fr; } }

/* ---------- SECTION LABEL/HEAD generic ---------- */
.svc-section{ padding:80px var(--gutter); }
.svc-head{ max-width:620px; margin-bottom:44px; }
.svc-head h2{ font:500 38px var(--font-head); letter-spacing:-.02em; }
.svc-head p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; margin-top:12px; }

/* ---------- INTRO (O usluzi) ---------- */
.svc-intro{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; padding:80px var(--gutter); align-items:center; }
.svc-intro h2{ font:500 38px/1.1 var(--font-head); letter-spacing:-.02em; margin-bottom:20px; }
.svc-intro p{ color:var(--color-text-muted); line-height:1.75; font-size:16px; margin-bottom:16px; }
.svc-intro__checklist{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; margin-top:10px; }
.svc-intro__checklist li{ display:flex; gap:12px; align-items:flex-start; }
.svc-intro__checklist li span{ color:var(--teal); font-weight:700; flex-shrink:0; }
.svc-intro__checklist li p{ color:#3f3e39; font-size:15px; line-height:1.5; margin:0; }
.svc-intro__img{ position:relative; aspect-ratio:5/4; background:var(--color-image-bg); overflow:hidden; }
.svc-intro__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (max-width:900px){
  .svc-intro{ grid-template-columns:1fr; padding:56px 24px; }
  .svc-intro__checklist{ grid-template-columns:1fr; }
}

/* ---------- INDICATIONS (Znakovi da vam treba...) ---------- */
.svc-indications{ padding:0 var(--gutter) 80px; }
.svc-indications__grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; }
.svc-indications h2{ font:500 34px/1.15 var(--font-head); letter-spacing:-.02em; margin-bottom:16px; }
.svc-indications p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; }
.svc-indications__list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.svc-indications__item{ display:flex; gap:14px; align-items:center; padding:20px 22px; background:var(--color-beige-light); border:1px solid var(--color-border); }
.svc-indications__item span{ width:8px; height:8px; border-radius:50%; background:var(--teal); flex-shrink:0; }
.svc-indications__item p{ font:500 15px var(--font-head); color:var(--color-text); margin:0; }
@media (max-width:900px){
  .svc-indications__grid{ grid-template-columns:1fr; gap:28px; }
  .svc-indications__list{ grid-template-columns:1fr; }
}

/* ---------- TREATMENTS ---------- */
.svc-treatments{ background:var(--color-beige); padding:80px var(--gutter); }
.svc-treatments__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.svc-treat-card{ background:var(--color-beige-light); border:1px solid var(--color-border); padding:30px; display:flex; flex-direction:column; gap:12px; }
.svc-treat-card__num{ font:500 13px var(--font-mono); color:var(--teal); }
.svc-treat-card h3{ font:600 22px var(--font-head); }
.svc-treat-card p{ color:var(--color-text-muted); line-height:1.6; font-size:14px; flex:1; margin:0; }
@media (max-width:900px){ .svc-treatments__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .svc-treatments__grid{ grid-template-columns:1fr; } }

/* ---------- COMPARE TABLE ---------- */
.svc-compare{ padding:80px var(--gutter); }
.svc-compare__table{ border:1px solid var(--color-border); overflow-x:auto; }
.svc-compare__row{ display:grid; grid-template-columns:1.1fr repeat(3,1fr); min-width:640px; }
.svc-compare__row--head{ background:var(--color-dark); color:var(--color-cream); }
.svc-compare__row--head > div:first-child{ font:500 12px var(--font-mono); letter-spacing:.06em; color:#9aa2ab; text-transform:uppercase; }
.svc-compare__row--head > div:not(:first-child){ font:600 16px var(--font-head); border-left:1px solid var(--color-border-dark); }
.svc-compare__row > div{ padding:18px 22px; }
.svc-compare__row:not(.svc-compare__row--head){ background:#fff; border-bottom:1px solid #e4ded4; }
.svc-compare__row:not(.svc-compare__row--head):nth-of-type(even){ background:var(--color-beige-light); }
.svc-compare__row > div:first-child{ font:600 14px var(--font-head); color:var(--color-text); }
.svc-compare__row > div:not(:first-child){ font-size:14px; color:var(--color-text-muted); border-left:1px solid #e4ded4; line-height:1.4; }
.svc-compare__hint{ display:none; font-size:13px; color:var(--color-text-dim); margin-bottom:10px; }
@media (max-width:680px){ .svc-compare__hint{ display:block; } }

/* ---------- PROCESS (Tok tretmana) ---------- */
.svc-process{ background:var(--color-beige-light); border-top:1px solid var(--color-border); padding:80px var(--gutter); }
.svc-process__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.svc-process__step{ border-top:2px solid var(--color-dark); padding-top:22px; }
.svc-process__step-num{ font:500 13px var(--font-mono); color:var(--teal); margin-bottom:14px; }
.svc-process__step h3{ font:600 19px var(--font-head); margin-bottom:10px; }
.svc-process__step p{ color:var(--color-text-muted); line-height:1.6; font-size:14px; margin:0; }
@media (max-width:900px){ .svc-process__grid{ grid-template-columns:1fr 1fr; gap:28px; } }
@media (max-width:520px){ .svc-process__grid{ grid-template-columns:1fr; } }

/* ---------- MYTHS ---------- */
.svc-myths{ padding:80px var(--gutter); }
.svc-myths__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.svc-myth-card{ background:var(--color-beige-light); border:1px solid var(--color-border); padding:28px; display:flex; flex-direction:column; gap:14px; }
.svc-myth-card__row{ display:flex; gap:10px; align-items:flex-start; }
.svc-myth-card__tag{ font:600 12px var(--font-mono); padding:4px 9px; flex-shrink:0; }
.svc-myth-card__tag--myth{ color:#b4453a; background:#f6e2df; }
.svc-myth-card__tag--truth{ color:#0a7d63; background:#dcf1e9; }
.svc-myth-card p{ margin:0; }
.svc-myth-card__row:first-child p{ font:600 17px/1.35 var(--font-head); color:var(--color-text); }
.svc-myth-card__row:last-child p{ color:var(--color-text-muted); line-height:1.6; font-size:14.5px; }
@media (max-width:900px){ .svc-myths__grid{ grid-template-columns:1fr; } }

/* ---------- COMFORT (Bez straha) ---------- */
.svc-comfort{ background:var(--color-dark); color:var(--color-cream); display:grid; grid-template-columns:1fr 1.1fr; }
.svc-comfort__img{ position:relative; min-height:460px; overflow:hidden; background:var(--color-dark-2); }
.svc-comfort__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.svc-comfort__body{ padding:72px var(--gutter); display:flex; flex-direction:column; justify-content:center; }
.svc-comfort__body h2{ font:500 38px/1.1 var(--font-head); letter-spacing:-.02em; margin-bottom:16px; }
.svc-comfort__body > p{ color:var(--color-text-light); line-height:1.7; font-size:16px; margin-bottom:30px; max-width:520px; }
.svc-comfort__grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; }
.svc-comfort__point{ display:flex; gap:14px; align-items:flex-start; }
.svc-comfort__point span{ color:var(--teal-light); font-size:18px; line-height:1.3; flex-shrink:0; }
.svc-comfort__point strong{ display:block; font:600 16px var(--font-head); color:var(--color-cream); margin-bottom:4px; }
.svc-comfort__point em{ font-style:normal; font-size:14px; color:#9aa2ab; line-height:1.55; }
@media (max-width:900px){
  .svc-comfort{ grid-template-columns:1fr; }
  .svc-comfort__img{ min-height:280px; }
  .svc-comfort__body{ padding:48px 24px; }
  .svc-comfort__grid{ grid-template-columns:1fr; }
}

/* ---------- SPECIALIST ---------- */
.svc-specialist{ padding:80px var(--gutter); }
.svc-specialist__card{ display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:center; background:var(--color-beige-light); border:1px solid var(--color-border); }
.svc-specialist__img{ position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--color-image-bg); height:100%; }
.svc-specialist__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; }
.svc-specialist__body{ padding:48px 48px 48px 0; }
.svc-specialist__body h2{ font:500 32px var(--font-head); letter-spacing:-.02em; margin-bottom:6px; }
.svc-specialist__role{ font-size:15px; color:var(--teal); margin-bottom:20px; }
.svc-specialist__body p{ color:var(--color-text-muted); line-height:1.75; font-size:16px; margin-bottom:26px; max-width:520px; }
@media (max-width:900px){
  .svc-specialist__card{ grid-template-columns:1fr; }
  .svc-specialist__img{ aspect-ratio:16/10; }
  .svc-specialist__body{ padding:32px 24px 40px; }
}

/* ---------- REVIEWS ---------- */
.svc-reviews{ background:var(--color-beige); padding:80px var(--gutter); }
.svc-reviews__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:44px; }
.svc-reviews__head h2{ font:500 38px var(--font-head); letter-spacing:-.02em; }
.svc-reviews__rating{ display:flex; align-items:center; gap:10px; }
.svc-reviews__rating .stars{ color:var(--teal); font-size:16px; }
.svc-reviews__rating span{ font-size:14px; color:var(--color-text-muted); }
.svc-reviews__rating strong{ color:var(--color-text); }
.svc-reviews__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.svc-review-card{ background:var(--color-beige-light); border:1px solid var(--color-border); padding:30px; display:flex; flex-direction:column; gap:16px; }
.svc-review-card__stars{ color:var(--teal); font-size:16px; letter-spacing:2px; }
.svc-review-card p{ font:400 18px/1.5 var(--font-head); color:var(--color-text); flex:1; margin:0; }
.svc-review-card__who{ display:flex; align-items:center; gap:10px; border-top:1px solid #e2ddd3; padding-top:14px; }
.svc-review-card__avatar{ width:34px; height:34px; border-radius:50%; background:var(--color-dark); color:var(--teal-light); display:flex; align-items:center; justify-content:center; font:600 13px var(--font-head); flex-shrink:0; }
.svc-review-card__who span{ font-size:14px; color:var(--color-text-muted); }
@media (max-width:900px){ .svc-reviews__grid{ grid-template-columns:1fr; } }

/* ---------- AFTERCARE ---------- */
.svc-aftercare{ padding:80px var(--gutter); }
.svc-aftercare__grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; }
.svc-aftercare h2{ font:500 34px/1.15 var(--font-head); letter-spacing:-.02em; margin-bottom:16px; }
.svc-aftercare p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; }
.svc-aftercare__list{ display:flex; flex-direction:column; gap:22px; border-left:2px solid var(--color-border); padding-left:32px; }
.svc-aftercare__item{ display:flex; gap:16px; align-items:flex-start; }
.svc-aftercare__item span{ font:500 15px var(--font-mono); color:var(--teal); flex-shrink:0; }
.svc-aftercare__item p{ color:#3f3e39; font-size:15px; line-height:1.55; margin:0; }
@media (max-width:900px){ .svc-aftercare__grid{ grid-template-columns:1fr; gap:28px; } }

/* ---------- FAQ quote card (extends shared .faq-grid from common.css) ---------- */
.svc-faq-quote{ background:var(--color-cream); border:1px solid var(--color-border-2); padding:26px; margin-top:24px; }
.svc-faq-quote p{ font:400 20px/1.4 var(--font-head); font-style:italic; color:var(--color-text); margin-bottom:14px; }
.svc-faq-quote__who{ display:flex; align-items:center; gap:10px; }
.svc-faq-quote__who .stars{ color:var(--teal); font-size:15px; }
.svc-faq-quote__who span{ font-size:13px; color:var(--color-text-dim); }

/* ---------- PRICING ---------- */
.svc-pricing{ padding:72px var(--gutter); text-align:center; border-bottom:1px solid var(--color-border); }
.svc-pricing h2{ font:500 34px/1.2 var(--font-head); letter-spacing:-.02em; max-width:720px; margin:0 auto 18px; }
.svc-pricing p{ color:var(--color-text-muted); line-height:1.7; font-size:16px; max-width:600px; margin:0 auto 24px; }
.svc-pricing__tags{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.svc-pricing__tags span{ font:500 12px var(--font-mono); color:var(--teal); border:1px solid #cfe7e5; background:#eef7f6; padding:7px 14px; }

/* ---------- IMAGE PLACEHOLDER (za osjetljive slike koje klijent treba lično dodati) ---------- */
.img-placeholder{
  display:flex; align-items:center; justify-content:center; text-align:center; padding:24px;
}
.img-placeholder__note{
  font:500 13px var(--font-mono); line-height:1.5; padding:16px 20px;
  border:1px dashed currentColor; border-radius:6px; max-width:260px;
}
.svc-hero .img-placeholder{ background:linear-gradient(135deg,#26282c,#1a1c1e); color:var(--color-text-light); }
.svc-intro__img .img-placeholder{ background:var(--color-image-bg); color:var(--color-text-dim); width:100%; height:100%; }
.svc-comfort__img .img-placeholder{ background:var(--color-dark-2); color:var(--color-text-light); width:100%; height:100%; }

/* ---------- CTA + QUICK CONTACT (dark, before footer) ---------- */
.svc-cta{ background:var(--color-dark); color:var(--color-cream); padding:64px var(--gutter); display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.svc-cta h2{ font:500 40px/1.05 var(--font-head); letter-spacing:-.02em; margin-bottom:16px; }
.svc-cta > div:first-child > p{ color:#9aa2ab; font-size:16px; line-height:1.6; margin-bottom:26px; }
.svc-cta__contact{ font-size:15px; color:var(--color-text-light); display:flex; flex-direction:column; gap:14px; }
.svc-cta__contact-label{ font:500 11px var(--font-mono); letter-spacing:.1em; color:var(--teal-light); text-transform:uppercase; margin-bottom:3px; display:block; }
@media (max-width:900px){ .svc-cta{ grid-template-columns:1fr; padding:48px 24px; } }

/* =========================================================
   PRVA POSJETA — dedicated page (numbered patient guide)
   ========================================================= */
.guide{ padding:80px var(--gutter); }
.guide__inner{ max-width:940px; margin:0 auto; }
.guide-step{ display:grid; grid-template-columns:110px 1fr; gap:32px; padding:32px 0; border-top:1px solid var(--color-border); }
.guide-step:last-child{ border-bottom:1px solid var(--color-border); }
.guide-step__num{ font:500 46px var(--font-head); color:var(--teal); line-height:1; }
.guide-step__body h3{ font:600 24px var(--font-head); margin-bottom:10px; }
.guide-step__body p{ color:var(--color-text-muted); line-height:1.65; font-size:15px; margin-bottom:14px; }
.guide-step__body p:last-child{ margin-bottom:0; }
.guide-plan-label{ font:500 12px var(--font-mono); letter-spacing:.1em; color:var(--teal); text-transform:uppercase; margin-bottom:12px; }
.guide-plan-list{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px 28px; color:var(--color-text-muted); font-size:14px; line-height:1.5; }
.guide-plan-list li{ display:flex; gap:10px; }
.guide-plan-list li span{ color:var(--teal); flex-shrink:0; }
@media (max-width:600px){
  .guide-step{ grid-template-columns:1fr; gap:12px; }
  .guide-plan-list{ grid-template-columns:1fr; }
}

.guide-cta{ background:var(--color-dark); color:var(--color-cream); padding:72px var(--gutter); text-align:center; }
.guide-cta h2{ font:500 40px/1.05 var(--font-head); letter-spacing:-.02em; margin-bottom:16px; }
.guide-cta p{ color:#9aa2ab; font-size:16px; line-height:1.6; margin:0 auto 28px; max-width:460px; }

/* =========================================================
   Simple text-only page header — O nama / Tim / Kontakt
   (no hero photo needed)
   ========================================================= */
.page-header{ background:var(--color-dark); color:var(--color-cream); padding:64px var(--gutter) 56px; }
.page-header h1{ font:500 56px/1.02 var(--font-head); letter-spacing:-.03em; max-width:680px; margin-top:8px; }
.page-header p{ font-size:18px; line-height:1.6; color:var(--color-text-light); max-width:560px; margin-top:18px; }
@media (max-width:600px){ .page-header h1{ font-size:38px; } }