/* BelDent patient results - cohesive version 3 */
.beldent-results-container { max-width:1170px; margin:0 auto; }
.beldent-results-grid { display:grid; }
.beldent-result-card { min-width:0; background:#fff; overflow:hidden; }
.beldent-result-compare { position:relative; overflow:hidden; isolation:isolate; background:#e9f0f3; --split:50%; }
.beldent-result-layer { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.beldent-result-before { clip-path:inset(0 calc(100% - var(--split)) 0 0); z-index:2; }
.beldent-result-image { display:block; width:100%; height:100%; object-fit:contain; object-position:center; max-width:none; }
.beldent-result-divider { position:absolute; left:var(--split); top:0; bottom:0; z-index:3; transform:translateX(-50%); box-shadow:0 0 8px rgba(0,0,0,.22); pointer-events:none; }
.beldent-result-handle { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:5px; line-height:1; }
.beldent-result-handle-arrow { display:inline-flex; align-items:center; justify-content:center; line-height:1; transform:translateY(-1px); }



.beldent-result-range { appearance:none; -webkit-appearance:none; position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; background:transparent; cursor:ew-resize; z-index:4; border:0; touch-action:pan-y; }
.beldent-result-range::-webkit-slider-runnable-track { height:100%; background:transparent; border:0; }
.beldent-result-range::-moz-range-track { height:100%; background:transparent; border:0; }
.beldent-result-range::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; background:transparent; border:0; width:62px; height:100%; cursor:ew-resize; }
.beldent-result-range::-moz-range-thumb { background:transparent; border:0; width:62px; height:100%; cursor:ew-resize; }
.beldent-result-range:focus-visible { outline:3px solid #0a8ba2; outline-offset:-3px; }
.beldent-result-meta { display:flex; }
.beldent-results-detail { max-width:980px; margin:25px auto 45px; }
.beldent-reveal { opacity:0; transition:opacity .65s ease; }
.beldent-reveal.beldent-visible { opacity:1; }
.beldent-results-grid .beldent-result-card:nth-child(2) { transition-delay:.10s; }
.beldent-results-grid .beldent-result-card:nth-child(3) { transition-delay:.15s; }
.beldent-results-grid .beldent-result-card:nth-child(4) { transition-delay:.22s; }

/* Editorial layout: featured case followed by three cases */
.beldent-results-section {
  padding: 100px 24px 110px;
  background: linear-gradient(165deg, #f4f9fc 0%, #fff 58%, #f1f7fa 100%);
}
.beldent-results-section .beldent-results-container { max-width: 1170px; }
.beldent-results-section .beldent-results-header {
  text-align: left;
  max-width: none;
  margin: 0 0 45px;
  padding: 0 0 22px 25px;
  border-left: 3px solid #0b91ac;
}
.beldent-results-section .beldent-results-eyebrow {
  font-size: 11px;
  letter-spacing: .16em;
  color: #0a819b;
  margin-bottom: 12px;
}
.beldent-results-section .beldent-results-header h2 {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: clamp(34px, 3.9vw, 52px) !important;
  line-height: 1.13 !important;
  font-weight: 600 !important;
  color: #263b50 !important;
  letter-spacing: -.025em;
  margin: 0 0 14px;
}
.beldent-results-section .beldent-results-header p {
  font-size: 17px;
  color: #42566b;
  line-height: 1.55;
  max-width: 780px;
}
.beldent-results-section .beldent-results-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  
}
.beldent-results-section .beldent-result-card {
  position: relative;
  border-radius: 14px;
  border: 1px solid #dce8ef;
  box-shadow: 0 12px 30px rgba(27, 54, 77, .065);
  
  transition: box-shadow .32s ease, transform .32s ease;
}
.beldent-results-section .beldent-result-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 21px 42px rgba(27, 54, 77, .13);
}
.beldent-results-section .beldent-result-compare { aspect-ratio: 1.75 / 1; }

.beldent-results-section .beldent-result-divider { background: rgba(255,255,255,.97); width: 2px; }
.beldent-results-section .beldent-result-handle {
  width: 64px; height: 64px;
  background: #263b50;
  border: 2px solid #fff;
  font-size: 0; font-weight: 700; letter-spacing: 0;
  box-shadow: 0 0 0 5px rgba(38,59,80,.12), 0 5px 15px rgba(0,0,0,.15);
}
.beldent-results-section .beldent-result-handle-arrow { font-size: 34px; }
.beldent-results-section .beldent-result-meta {
  min-height: 118px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
  padding: 25px 23px 27px;
}
.beldent-results-section .beldent-result-meta h3 {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #263b50;
  margin: 0;
}
/* Editorial feature: larger first case; text to the right, not beneath the image. */
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.82fr) minmax(275px, 1fr);
  min-height: 365px;
}
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-compare {
  aspect-ratio: auto;
  min-height: 365px;
}
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta {
  position: relative;
  padding: 55px 36px;
  gap: 22px;
  justify-content: center;
  background: #263b50;
}
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta h3 {
  color: #fff;
  font-size: clamp(25px, 2.5vw, 35px);
  font-weight: 600;
}
/* Detail pages keep a full-width photo comparison instead of the index feature layout. */
.beldent-results-detail .beldent-results-grid { display: grid; grid-template-columns: 1fr; }
.beldent-results-detail .beldent-result-card { display:block !important; grid-column:auto !important; min-height:0 !important; }
@media (max-width: 1050px) {
  .beldent-results-section .beldent-results-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .beldent-results-section { padding: 68px 18px 76px; }
  .beldent-results-section .beldent-results-header { margin-bottom: 28px; padding-left: 17px; }
  .beldent-results-section .beldent-results-header h2 { font-size: 34px !important; }
  .beldent-results-section .beldent-results-grid { grid-template-columns: 1fr; gap: 23px; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child { display: block; grid-column: auto; min-height: auto; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-compare { min-height: 0; aspect-ratio: 1.75 / 1; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta { padding: 26px 24px 29px; gap: 13px; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta h3 { font-size: 24px; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:last-child:nth-child(4) { grid-column: auto; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:last-child:nth-child(4) .beldent-result-compare { aspect-ratio: 1.75 / 1; }
  .beldent-results-section .beldent-result-meta { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .beldent-results-section .beldent-result-card { transform: none !important; }
}


/* Interaction: badges return to their original appearance after release. */


/* Keep arrow inline and vertically centered on both light and dark panels. */
/* Show comparison labels and handle clearly at smaller screen sizes. */
@media (max-width:480px) {

  .beldent-results-section .beldent-result-handle { width:54px; height:54px; font-size:25px; }
  .beldent-result-range::-webkit-slider-thumb { width:54px; }
  .beldent-result-range::-moz-range-thumb { width:54px; }
}
@media (prefers-reduced-motion:reduce) {

}

/* BELDENT RESULTS V5 START */
/* Real centered vector glyphs, unaffected by font metrics. */
.beldent-results-section .beldent-result-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  width: 70px;
  height: 70px;
  line-height: 0;
}
.beldent-results-section .beldent-result-handle-icon {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  margin: 0;
  transform: none;
  overflow: visible;
}
/* Refined dark featured panel and restrained hover. */
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta {
  padding: 42px clamp(26px,3.2vw,44px);
  gap: 20px;
}
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta h3 {
  line-height: 1.21;
  letter-spacing: -.01em;
}
.beldent-results-section .beldent-result-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.beldent-results-section .beldent-result-card:hover {
  transform: translateY(-3px);
  border-color: #c6dbe5;
  box-shadow: 0 17px 35px rgba(27,54,77,.10);
}
.beldent-results-section .beldent-reveal.beldent-visible:hover {
  transform: translateY(-3px);
}
@media (max-width: 760px) {
  .beldent-results-section { padding: 58px 16px 72px; }
  .beldent-results-section .beldent-results-header { margin-bottom: 30px; }
  .beldent-results-section .beldent-results-grid { gap: 20px; }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta {
    padding: 27px 23px 30px;
    gap: 16px;
  }
  .beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta h3 {
    font-size: clamp(23px,5.4vw,28px);
  }
}
@media (max-width: 480px) {
  .beldent-results-section .beldent-result-handle { width: 54px; height: 54px; }
  .beldent-results-section .beldent-result-handle-icon { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .beldent-results-section .beldent-result-card {
    transition: none;
  }
  .beldent-results-section .beldent-result-card:hover,
  .beldent-results-section .beldent-reveal.beldent-visible:hover { transform: none; }
}
/* BELDENT RESULTS V5 END */

/* BELDENT RESULTS V6 HANDLE SPACING */
.beldent-results-section .beldent-result-handle-icon { width: 38px; height: 34px; }
.beldent-results-section .beldent-result-handle-icon path { stroke-width: 2.4; }
@media (max-width:480px) {
  .beldent-results-section .beldent-result-handle-icon { width: 34px; height: 30px; }
}
/* END BELDENT RESULTS V6 HANDLE SPACING */


/* BELDENT RESULTS V7 SPACING */
.beldent-results-section {
  padding-top: 65px;
  padding-bottom: 65px;
}
.beldent-results-section .beldent-results-header {
  margin-bottom: 32px;
}
.beldent-results-section .beldent-result-handle-icon {
  width: 40px;
  height: 34px;
}
@media (max-width: 760px) {
  .beldent-results-section {
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .beldent-results-section .beldent-result-handle-icon {
    width: 36px;
    height: 30px;
  }
}
/* END BELDENT RESULTS V7 SPACING */

/* Fade-in without vertical entrance movement. */
.beldent-results-section .beldent-result-card.beldent-reveal {
  transition: opacity .65s ease, transform .28s ease,
              box-shadow .28s ease, border-color .28s ease;
}


/* BELDENT RESULTS TWO COLUMN LAYOUT */
.beldent-results-section .beldent-results-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

/* Sve kartice su ravnopravne, uključujući prvu. */
.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child {
  grid-column: auto;
  display: block;
  min-height: 0;
}

.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-compare {
  min-height: 0;
  aspect-ratio: 1.75 / 1;
}

.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta {
  background: #fff;
  padding: 25px 23px 27px;
  min-height: 118px;
  justify-content: center;
}

.beldent-results-section .beldent-results-grid > .beldent-result-card:first-child .beldent-result-meta h3 {
  color: #263b50;
  font-size: 20px;
  line-height: 1.3;
}

/* Četvrta kartica više ne zauzima ceo red. */
.beldent-results-section .beldent-results-grid > .beldent-result-card:last-child:nth-child(4) {
  grid-column: auto;
}

.beldent-results-section .beldent-results-grid > .beldent-result-card:last-child:nth-child(4) .beldent-result-compare {
  aspect-ratio: 1.75 / 1;
}

@media (max-width: 760px) {
  .beldent-results-section .beldent-results-grid {
    grid-template-columns: 1fr;
  }
}
/* END BELDENT RESULTS TWO COLUMN LAYOUT */


/* BELDENT NATURAL PHOTO PROPORTIONS */
.beldent-results-section .beldent-result-compare,
.beldent-results-detail .beldent-result-compare {
    aspect-ratio: var(--beldent-photo-ratio, 1530 / 798) !important;
    min-height: 0 !important;
}

/* BELDENT RESULTS FINAL UNIFORM SIZE */
.beldent-results-section .beldent-result-compare,
.beldent-results-detail .beldent-result-compare {
  aspect-ratio: 2.20 / 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.beldent-results-section .beldent-result-image,
.beldent-results-detail .beldent-result-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (min-width: 1101px) {
  .beldent-results-section .beldent-results-container {
    width: min(1140px, calc(100vw - 40px)) !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* END BELDENT RESULTS FINAL UNIFORM SIZE */