/* MASTER V9.5: Turbolader – zwei Funktionsbloecke und zentrierte Produktansicht */

.oe-clean-viewer.oe-turbo-viewer .oe-viewer-logo {
  top: 2.4vh;
  width: min(40vw, 820px);
  filter:
    brightness(1.08)
    contrast(1.08)
    drop-shadow(0 3px 4px rgba(0, 0, 0, .72))
    drop-shadow(0 0 18px rgba(103, 194, 239, .24));
}

/* Die sechs Funktionen stehen negativ auf dem Hintergrund: 1–3 links, 4–6 rechts. */
.oe-clean-viewer.oe-turbo-viewer .side {
  display: grid !important;
  grid-template-columns: minmax(260px, 23.5%) 1fr minmax(260px, 23.5%);
  grid-template-rows: repeat(3, minmax(76px, auto));
  column-gap: 0;
  row-gap: clamp(26px, 3.2vh, 42px);
  position: absolute;
  inset: 29% 3.4% auto 3.4% !important;
  width: auto !important;
  z-index: 8;
  pointer-events: none;
}

.oe-turbo-viewer .side .info {
  display: grid;
  grid-template-columns: clamp(34px, 2.2vw, 43px) minmax(0, 1fr);
  gap: clamp(14px, 1vw, 21px);
  align-items: start;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .96), 0 0 18px rgba(0, 0, 0, .7);
  cursor: pointer;
  pointer-events: auto;
  transition: transform .2s ease, filter .2s ease;
}

.oe-turbo-viewer .side .info:hover,
.oe-turbo-viewer .side .info:focus-within {
  transform: translateY(-2px);
  filter: drop-shadow(0 0 10px rgba(54, 169, 255, .28));
}

.oe-turbo-viewer .side .info:nth-child(1) { grid-column: 1; grid-row: 1; }
.oe-turbo-viewer .side .info:nth-child(2) { grid-column: 1; grid-row: 2; }
.oe-turbo-viewer .side .info:nth-child(3) { grid-column: 1; grid-row: 3; }
.oe-turbo-viewer .side .info:nth-child(4) { grid-column: 3; grid-row: 1; }
.oe-turbo-viewer .side .info:nth-child(5) { grid-column: 3; grid-row: 2; }
.oe-turbo-viewer .side .info:nth-child(6) { grid-column: 3; grid-row: 3; }

.oe-turbo-viewer .side .badge {
  width: clamp(32px, 2vw, 40px);
  height: clamp(32px, 2vw, 40px);
  font-size: clamp(15px, .95vw, 19px);
  color: #fff;
  border: 1px solid rgba(184, 226, 255, .46);
  box-shadow: 0 0 24px rgba(19, 119, 255, .68);
}

.oe-turbo-viewer .side .info h3 {
  margin: 0 0 clamp(7px, .7vh, 11px);
  color: #fff;
  font-size: clamp(21px, 1.38vw, 28px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .015em;
}

.oe-turbo-viewer .side .info p {
  margin: 0;
  color: #f1f7fb;
  font-size: clamp(16px, 1.02vw, 20px);
  font-weight: 500;
  line-height: 1.28;
}

/* Das Produkt sitzt als eigenstaendige Animation genau zwischen beiden Textbloecken. */
.oe-clean-viewer.oe-turbo-viewer .viewer {
  left: 26% !important;
  top: 20.5% !important;
  width: 48% !important;
  height: 64% !important;
  transform: none !important;
  cursor: ew-resize !important;
}

.oe-turbo-viewer #turbo {
  max-width: 100%;
  max-height: 100%;
}

.oe-turbo-viewer .oe-zoom-controls-v29 {
  bottom: 14.5vh;
}

@media (max-width: 1180px) {
  .oe-clean-viewer.oe-turbo-viewer .side {
    grid-template-columns: minmax(220px, 27%) 1fr minmax(220px, 27%);
    inset: 27% 2.4% auto 2.4% !important;
    row-gap: 2.4vh;
  }

  .oe-turbo-viewer .side .info h3 { font-size: clamp(17px, 1.7vw, 22px); }
  .oe-turbo-viewer .side .info p { font-size: clamp(14px, 1.35vw, 17px); }

  .oe-clean-viewer.oe-turbo-viewer .viewer {
    left: 27% !important;
    width: 46% !important;
  }
}

@media (max-width: 800px) {
  .oe-clean-viewer.oe-turbo-viewer .oe-viewer-logo {
    top: 2vh;
    width: min(58vw, 620px);
  }

  .oe-clean-viewer.oe-turbo-viewer .side {
    grid-template-columns: minmax(155px, 31%) 1fr minmax(155px, 31%);
    grid-template-rows: repeat(3, minmax(58px, auto));
    inset: 24% 2% auto 2% !important;
    row-gap: 1.8vh;
    transform: none !important;
  }

  .oe-turbo-viewer .side .info {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
  }

  .oe-turbo-viewer .side .badge {
    width: 27px;
    height: 27px;
    font-size: 13px;
  }

  .oe-turbo-viewer .side .info h3 {
    margin-bottom: 5px;
    font-size: clamp(14px, 2.25vw, 18px);
  }

  .oe-turbo-viewer .side .info p {
    font-size: clamp(11px, 1.75vw, 14px);
  }

  .oe-clean-viewer.oe-turbo-viewer .viewer {
    left: 29% !important;
    top: 24% !important;
    width: 42% !important;
    height: 59% !important;
  }

  .oe-turbo-viewer .oe-zoom-controls-v29 { bottom: 15vh; }
}

/* MASTER V9.6: Bei aktiver Drehung oder Vergroesserung bleibt nur das Produkt sichtbar. */
.oe-turbo-viewer .oe-viewer-logo,
.oe-turbo-viewer .oe-viewer-slogan,
.oe-turbo-viewer .side,
.oe-turbo-viewer .langbar,
.oe-turbo-viewer .controls,
.oe-turbo-viewer .oe-zoom-controls-v29,
.oe-turbo-viewer #oeProductLink {
  transition: opacity .28s ease, visibility .28s ease;
}

.oe-turbo-viewer.oe-product-active .oe-viewer-logo,
.oe-turbo-viewer.oe-product-active .oe-viewer-slogan,
.oe-turbo-viewer.oe-product-active .side,
.oe-turbo-viewer.oe-product-active .langbar,
.oe-turbo-viewer.oe-product-active .controls,
.oe-turbo-viewer.oe-product-active .oe-zoom-controls-v29,
.oe-turbo-viewer.oe-product-active #oeProductLink {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.oe-turbo-viewer .oe-viewer-slogan span {
  display: none !important;
}

/* MASTER V9.7: reduzierte, in den Hintergrund eingebettete Sloganwirkung. */
.oe-turbo-viewer .oe-zoom-controls-v29 {
  display: none !important;
}

.oe-turbo-viewer .oe-viewer-slogan strong {
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(24px, 2.93vw, 56px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  color: #315d82 !important;
  background: linear-gradient(180deg,
    #7fa7c3 0%,
    #628cac 17%,
    #3d6888 37%,
    #203f59 57%,
    #142d41 69%,
    #355f7d 86%,
    #587f99 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: .45px rgba(2, 15, 25, .9) !important;
  text-shadow:
    -1px -1px 0 rgba(155, 201, 231, .2),
    1px 1px 0 rgba(0, 5, 10, .96),
    2px 2px 1px rgba(0, 8, 15, .78),
    5px 7px 8px rgba(0, 0, 0, .48),
    0 0 15px rgba(24, 123, 182, .08) !important;
  filter: brightness(1.15) drop-shadow(5px 7px 6px rgba(0, 0, 0, .38));
  opacity: 1;
}

@media (max-width: 800px) {
  .oe-turbo-viewer .oe-viewer-slogan strong {
    font-size: clamp(18px, 4.6vw, 29px) !important;
  }
}