.tds-wrapper { width: 100%; padding: clamp(10px, 2vw, 24px); box-sizing: border-box; }
.tds-wrapper *, .tds-wrapper *::before { box-sizing: border-box; }
.tds-wrapper .tds-grid { display: grid; grid-template-columns: minmax(0, 2.125fr) minmax(0, 1fr); gap: clamp(12px, 2vw, 24px); }
.tds-wrapper .tds-grid.tds-single { grid-template-columns: minmax(0, 1fr); }
.tds-wrapper .tds-slider { position: relative; width: 100%; min-width: 0; height: clamp(240px, 42vw, 620px); overflow: hidden; isolation: isolate; border-radius: 24px; background: #153b36; box-shadow: 0 12px 32px rgb(15 35 25 / 12%); touch-action: pan-y; }
.tds-wrapper .tds-slide { position: absolute; inset: 0; margin: 0; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; }
.tds-wrapper .tds-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.tds-wrapper .tds-image-link { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; }
.tds-wrapper .tds-image { display: block; width: 100%; height: 100%; max-width: none; margin: 0; border: 0; border-radius: 0; object-fit: cover; object-position: center; }
.tds-wrapper .tds-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; display: grid; place-items: center; width: 36px; height: 36px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 1px solid rgb(255 255 255 / 55%); border-radius: 50%; background: rgb(8 25 21 / 38%); backdrop-filter: blur(12px); color: #fff; cursor: pointer; box-shadow: none; }
.tds-wrapper .tds-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tds-wrapper .tds-prev { left: 18px; } .tds-wrapper .tds-next { right: 18px; }
.tds-wrapper .tds-arrow:hover { background: rgb(8 25 21 / 75%); }
.tds-wrapper .tds-arrow:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.tds-wrapper .tds-image-link:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.tds-wrapper .tds-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) {
  .tds-wrapper .tds-grid { grid-template-columns: minmax(0, 1fr); }
  .tds-wrapper .tds-slider { border-radius: 16px; }
  .tds-wrapper .tds-left { height: auto; aspect-ratio: 1.6 / 1; }
  .tds-wrapper .tds-right { height: clamp(240px, 80vw, 360px); background: #f5f6f3; }
  .tds-wrapper .tds-right .tds-image { object-fit: contain; }
  .tds-wrapper .tds-arrow { width: 32px; height: 32px; }
  .tds-wrapper .tds-prev { left: 10px; } .tds-wrapper .tds-next { right: 10px; }
}

/* Device visibility also removes the wrapper spacing when both sides are hidden. */
@media not all and (max-width: 760px) {
  .tds-wrapper[data-desktop-count="0"], .tds-wrapper .tds-slider[data-hide-desktop="1"] { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  .tds-wrapper[data-desktop-count="1"] .tds-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 760px) {
  .tds-wrapper[data-phone-count="0"], .tds-wrapper .tds-slider[data-hide-phone="1"] { display: none !important; visibility: hidden !important; pointer-events: none !important; }
}

.tds-wrapper[hidden], .tds-wrapper .tds-slider[hidden] { display: none !important; }