/* GEODOMAS Shop · LIVE 3D + TAB INFO studio */
.gd-product-studio {
  margin: 28px 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--dark-line);
  box-shadow: var(--shadow-soft);
  background: var(--white);
}

.gd-product-studio .gd-live-3d {
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #0f1713;
}

.gd-live-3d {
  margin: 28px 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--dark-line);
  box-shadow: var(--shadow-soft);
  background: #0f1713;
}

.gd-live-3d-bridge {
  height: 3px;
  background: linear-gradient(90deg, #a7e0c8, #1d5b37 42%, #d49a43 78%, #edf7ef);
}

.gd-live-3d-seam {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: #f3f5f7;
  box-shadow: none;
}

.gd-live-3d:has(.gd-live-3d-bridge) .gd-live-3d-chrome {
  border-bottom: none;
}

.gd-live-3d-chrome {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(18px) saturate(1.45);
  -webkit-backdrop-filter: blur(18px) saturate(1.45);
}

.gd-live-3d-dots {
  display: inline-flex;
  gap: 5px;
  flex-shrink: 0;
}

.gd-live-3d-dots i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
}

.gd-live-3d-dots i:nth-child(1) { background: #ff6b6b; }
.gd-live-3d-dots i:nth-child(2) { background: #f0c86a; }
.gd-live-3d-dots i:nth-child(3) { background: #5fd38d; }

.gd-live-3d-chrome-center {
  text-align: center;
  min-width: 0;
  padding: 0 8px;
}

.gd-live-3d-model-name {
  display: block;
  font-size: clamp(12px, 1.8vw, 14px);
  font-weight: 800;
  letter-spacing: .03em;
  color: rgba(255,255,255,.96);
  line-height: 1.25;
}

.gd-live-3d-model-meta {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,.58);
  line-height: 1.4;
}

.gd-live-3d-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(95,211,141,.12);
  border: 1px solid rgba(95,211,141,.28);
  color: #9fd8b8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.gd-live-3d-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5fd38d;
  box-shadow: 0 0 0 0 rgba(95,211,141,.55);
  animation: gdLive3dPulse 1.8s infinite;
}

@keyframes gdLive3dPulse {
  70% { box-shadow: 0 0 0 8px rgba(95,211,141,0); }
  100% { box-shadow: 0 0 0 0 rgba(95,211,141,0); }
}

.gd-live-3d-frame {
  position: relative;
  min-height: 420px;
  background: #f7faf5;
}

.gd-live-3d-frame iframe {
  display: block;
  width: 100%;
  min-height: 420px;
  height: 420px;
  border: 0;
  background: #f7faf5;
}

.gd-live-3d-note { display: none; }

/* Studio · sujungta su TAB INFO */
.gd-product-studio .gd-live-3d-frame {
  margin: 0;
  padding: 0;
  line-height: 0;
  background: #f7faf5;
  overflow: hidden;
}

.gd-product-studio .gd-live-3d-frame iframe {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.gd-product-studio .gd-product-studio-intro,
.gd-product-studio .gd-product-studio-intro.ui-row,
.gd-product-studio .gd-product-studio-intro h2,
.gd-product-studio .gd-product-studio-intro h3 {
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(23,51,38,.72) !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

.gd-product-studio .ui--tabs,
.gd-product-studio .gd-live-3d ~ .ui--tabs {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
  box-shadow: none !important;
  background: var(--white);
  overflow: hidden;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-header,
.gd-product-longdesc .gd-product-studio .ui--tabs .ui--tabs-header,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-header {
  margin: 0 !important;
  padding: 8px 10px 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border-top: 1px solid #e3e8ee !important;
  border-bottom: 1px solid #e3e8ee !important;
  background: linear-gradient(180deg, #fafbfc 0%, #f3f5f7 100%) !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-header-holder {
  display: flex !important;
  justify-content: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Vienas pilkas valdymo juostos dizainas — studio, fallback, mini */
.gd-product-longdesc .gd-product-studio .ui--tabs-titles,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: stretch !important;
  align-items: stretch;
  gap: 3px !important;
  margin: 0 !important;
  padding: 4px 5px !important;
  width: 100% !important;
  max-width: none !important;
  background: #eef1f4 !important;
  border: 1px solid #dde3ea !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-titles > li,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles > li {
  float: none !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-titles h5,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles h5 {
  margin: 0 !important;
  font-family: var(--serif) !important;
  font-size: clamp(11px, 1.05vw, 13px) !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  line-height: 1.1 !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-titles a,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles a {
  border: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #5f6b7a !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background .18s, border-color .18s, color .18s, box-shadow .18s !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-titles a:hover,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles a:hover {
  background: rgba(255, 255, 255, .55) !important;
  border-color: #d5dce4 !important;
  color: #334155 !important;
}

.gd-product-longdesc .gd-product-studio .ui--tabs-titles li.is-active a,
.gd-product-longdesc .gd-product-studio .ui--tabs-titles li.active a,
.gd-product-longdesc .gd-product-studio .ui--tabs-titles li.is-active a:hover,
.gd-product-longdesc .gd-product-studio .ui--tabs-titles li.active a:hover,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles li.is-active a,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles li.active a,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles li.is-active a:hover,
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles li.active a:hover,
.gd-product-longdesc .ui--tabs-mini-horizontal .ui--tabs-titles li.active a,
.gd-product-longdesc .ui--tabs-mini-horizontal .ui--tabs-titles li.is-active a {
  background: #ffffff !important;
  border-color: #cfd6de !important;
  border-top-color: #cfd6de !important;
  color: #1a2e28 !important;
  box-shadow: 0 1px 2px rgba(15, 34, 28, .06), inset 0 1px 0 #fff !important;
}

.gd-product-studio .ui--tabs-border-before,
.gd-product-studio .ui--tabs-border-after {
  display: none !important;
}

.gd-product-studio .ui--tabs-contents {
  border-top: none;
  margin: 0;
  background: #fafbfc;
}

.gd-product-longdesc .gd-live-3d,
.gd-product-longdesc .gd-product-studio,
.gd-product-longdesc .gd-live-3d .fullwidth-content {
  width: 100% !important;
  max-width: 100% !important;
}

/* Jei studio JS dar neapjungė — vizualus fallback */
.gd-product-longdesc .gd-live-3d:not(.gd-product-studio *) {
  margin-bottom: 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.gd-product-longdesc .gd-live-3d ~ .ui--tabs {
  margin-top: 0 !important;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
  border-top: none !important;
}
.gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-header {
  border-radius: 0 !important;
}

/* Kai live-3d ir tabs skirtinguose fullwidth blokuose (pvz. 50 m²) */
.gd-product-longdesc > .auto-format:has(.gd-live-3d) + .fullwidth-content:has(.ui--tabs) {
  margin-top: 0 !important;
}

.gd-product-longdesc > .auto-format:has(.gd-live-3d) + .fullwidth-content:has(.ui--tabs) .ui--tabs {
  margin-top: 0 !important;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

.gd-product-longdesc > .auto-format:has(.gd-live-3d):not(.gd-product-studio *) .gd-live-3d {
  margin-bottom: 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

@media (max-width: 900px) {
  .gd-live-3d-chrome {
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "dots live"
      "center center";
  }
  .gd-live-3d-dots { grid-area: dots; }
  .gd-live-3d-live { grid-area: live; justify-self: end; }
  .gd-live-3d-chrome-center { grid-area: center; padding-top: 4px; }
}

@media (max-width: 720px) {
  .gd-product-longdesc .ui--tabs-titles,
  .gd-product-longdesc .gd-product-studio .ui--tabs-titles,
  .gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles {
    flex-wrap: wrap !important;
  }

  .gd-product-longdesc .ui--tabs-titles > li,
  .gd-product-longdesc .gd-product-studio .ui--tabs-titles > li,
  .gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles > li {
    flex: 1 1 calc(33.333% - 4px) !important;
    min-width: calc(33.333% - 4px) !important;
  }

  .gd-product-longdesc .ui--tabs-titles h5,
  .gd-product-longdesc .gd-product-studio .ui--tabs-titles h5,
  .gd-product-longdesc .gd-live-3d ~ .ui--tabs .ui--tabs-titles h5 {
    font-size: 10px !important;
  }

  .gd-live-3d-frame,
  .gd-live-3d-frame iframe {
    min-height: 320px;
    height: 320px;
  }
}