/* Unified page template generated for croazia-dentisti.info */
html, body { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }

.site-breadcrumbs,
.page-inner > .site-breadcrumbs {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.unified-main-container {
  max-width: 1120px;
  margin: 0 auto 48px;
  background: #e7ebf1;
  border-radius: 28px;
  padding: 20px 24px 34px;
  overflow: visible;
}

.unified-content-root {
  max-width: 980px !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

.unified-content-root.col-md-10,
.unified-content-root.col-md-12,
.unified-content-root.col-lg-10,
.unified-content-root.col-lg-12,
.unified-content-root.col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.unified-main-container > .main-middle-content,
.unified-main-container > .page-inner,
.unified-main-container > #mobile-safe,
.unified-main-container > .container,
.unified-main-container > .row {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.unified-main-container > .main-middle-content > .row,
.unified-main-container > .container > .row,
.unified-main-container > #mobile-safe > .container > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.unified-page-shell {
  width: 100%;
}

.unified-hero {
  width: 100%;
  margin: 0 0 24px;
}

.unified-hero > .intro-card,
.unified-hero > #home-hero,
.unified-hero > .hero-card,
.unified-hero > .page-hero {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.unified-content-wrapper {
  width: 100%;
}

.unified-content-wrapper > :first-child {
  margin-top: 0 !important;
}

.unified-main-container img:not(.doctor-photo img):not(.header-logo img):not(.footer-map img) {
  max-width: 100%;
  height: auto;
}

.unified-main-container iframe,
.unified-main-container table,
.unified-main-container object,
.unified-main-container embed,
.unified-main-container video {
  max-width: 100%;
}

.unified-main-container .row::before,
.unified-main-container .row::after,
.unified-main-container .clearfix::before,
.unified-main-container .clearfix::after {
  content: " ";
  display: table;
}
.unified-main-container .row::after,
.unified-main-container .clearfix::after { clear: both; }

@media (max-width: 991px) {
  .unified-main-container {
    margin-left: 12px;
    margin-right: 12px;
    padding: 16px 16px 26px;
    border-radius: 22px;
  }
  .site-breadcrumbs,
  .page-inner > .site-breadcrumbs {
    max-width: calc(100% - 24px);
  }
}


/* 2026-03 uniform width + spacing override */

.site-breadcrumbs,
.page-inner > .site-breadcrumbs {
  max-width: 1180px !important;
}

.unified-main-container,
.main-container.unified-main-container {
  max-width: 1180px !important;
  margin: 0 auto 48px !important;
  padding: 28px !important;
  border-radius: 34px !important;
  background: #e7ebf1 !important;
}

.unified-content-root,
.page-inner.unified-content-root,
.col-md-12.unified-content-root {
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

.unified-main-container > .main-middle-content,
.unified-main-container > .page-inner,
.unified-main-container > #mobile-safe,
.unified-main-container > .container,
.unified-main-container > .row,
.unified-main-container > #mobile-safe > .container,
.unified-main-container > #mobile-safe > .page-inner,
.unified-main-container > #mobile-safe > .container > .row,
.unified-main-container > .container > .row,
.unified-main-container > .page-inner > .row {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.unified-main-container #mobile-safe {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.unified-main-container .intro-card,
.unified-main-container #home-hero,
.unified-main-container .hero-card,
.unified-main-container .page-hero,
.unified-main-container .section-card,
.unified-main-container .summary-card,
.unified-main-container .faq-card,
.unified-main-container .seo-box,
.unified-main-container .faq-block {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  border-radius: 28px !important;
  box-sizing: border-box !important;
}

.unified-main-container .unified-page-shell,
.unified-main-container .unified-hero,
.unified-main-container .unified-content-wrapper {
  width: 100% !important;
  max-width: none !important;
}

.unified-main-container .unified-content-wrapper > :first-child,
.unified-main-container .unified-hero > :first-child {
  margin-top: 0 !important;
}

.unified-main-container .unified-content-wrapper > :last-child,
.unified-main-container .unified-hero > :last-child,
.unified-main-container .unified-page-shell > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  .unified-main-container,
  .main-container.unified-main-container {
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  .site-breadcrumbs,
  .page-inner > .site-breadcrumbs {
    max-width: calc(100% - 24px) !important;
  }
}


/* FINAL WHITE/GREY EQUILIBRIUM FIX (2026-03-07 v4) */
.unified-main-container,
.main-container.unified-main-container{
  padding:24px !important;
}

.unified-main-container .unified-page-shell{
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
}

.unified-main-container .unified-hero,
.unified-main-container .unified-content-wrapper{
  margin:0 !important;
  padding:0 !important;
}

.unified-main-container .unified-hero > .intro-card,
.unified-main-container .unified-hero > #home-hero,
.unified-main-container .unified-hero > .hero-card,
.unified-main-container .unified-hero > .page-hero{
  margin:0 !important;
}

.unified-main-container .unified-content-wrapper > :first-child,
.unified-main-container .unified-hero > :first-child{
  margin-top:0 !important;
}

.unified-main-container .unified-content-wrapper > :last-child,
.unified-main-container .unified-hero > :last-child,
.unified-main-container .unified-page-shell > :last-child{
  margin-bottom:0 !important;
}

@media (max-width: 991px){
  .unified-main-container,
  .main-container.unified-main-container{
    padding:18px !important;
  }

  .unified-main-container .unified-page-shell{
    gap:18px !important;
  }
}