/* Divi Studio — shared front-end styles. */

/* Advanced FAQ: heading tags lose theme margin under the question. */
.dstd-faq__question-title,
h1.dstd-faq__question-title,
h2.dstd-faq__question-title,
h3.dstd-faq__question-title,
h4.dstd-faq__question-title,
h5.dstd-faq__question-title,
h6.dstd-faq__question-title,
p.dstd-faq__question-title {
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0;
}

/* Advanced FAQ icons — force correct icon font + default size on FE. */
.dstd-faq__icon .et-pb-icon {
  display: inline-block;
  line-height: 1 !important;
  font-size: 20px !important;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  font-style: normal !important;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.dstd-faq__icon-open {
  display: none;
}

.dstd-faq__item.is-open .dstd-faq__icon-closed {
  display: none;
}

.dstd-faq__item.is-open .dstd-faq__icon-open {
  display: inline-flex;
}

/* Bar Chart */
.dstd-bc {
  width: 100%;
}

.dstd-bc__canvas-wrap {
  position: relative;
  width: 100%;
  min-height: 120px;
}

.dstd-bc__canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.dstd-bc__error {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  padding: 0.6em 0.8em;
  margin-bottom: 0.75em;
  border-radius: 4px;
  font-size: 0.9em;
}

.dstd-bc__datasets {
  display: none !important;
}

/* Line Chart */
.dstd-lc {
  width: 100%;
}

.dstd-lc__canvas-wrap {
  position: relative;
  width: 100%;
  min-height: 120px;
}

.dstd-lc__canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.dstd-lc__error {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  padding: 0.6em 0.8em;
  margin-bottom: 0.75em;
  border-radius: 4px;
  font-size: 0.9em;
}

.dstd-lc__datasets {
  display: none !important;
}

/* Pie Chart */
.dstd-pc {
  width: 100%;
}

.dstd-pc__canvas-wrap {
  position: relative;
  width: 100%;
  min-height: 120px;
}

.dstd-pc__canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.dstd-pc__error {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  padding: 0.6em 0.8em;
  margin-bottom: 0.75em;
  border-radius: 4px;
  font-size: 0.9em;
}

.dstd-pc__slices {
  display: none !important;
}

/* Advanced List */
.dstd-al {
  width: 100%;
  --dstd-al-gap: 16px;
  --dstd-al-cols: 2;
  --dstd-al-icon-size: 28px;
  --dstd-al-icon-color: #2563eb;
  --dstd-al-icon-bg: transparent;
  --dstd-al-icon-gap: 12px;
  --dstd-al-icon-valign: flex-start;
  --dstd-al-place: row;
  --dstd-al-item-bg: transparent;
  --dstd-al-item-pad: 0px;
  --dstd-al-number-bg: #2563eb;
  --dstd-al-number-color: #ffffff;
  --dstd-al-number-size: 28px;
  --dstd-al-connector-color: rgba(37, 99, 235, 0.25);
  --dstd-al-connector-width: 2px;
  --dstd-al-h-align: flex-start;
  --dstd-al-counter-reset: 0;
}

.dstd-al__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dstd-al__item {
  position: relative;
  background: var(--dstd-al-item-bg);
  padding: var(--dstd-al-item-pad);
  box-sizing: border-box;
}

.dstd-al__row {
  display: flex;
  flex-direction: var(--dstd-al-place, row);
  align-items: var(--dstd-al-icon-valign, flex-start);
  gap: var(--dstd-al-icon-gap, 12px);
}

.dstd-al--numbers .dstd-al {
  counter-reset: dstd-al-num var(--dstd-al-counter-reset, 0);
}

.dstd-al.dstd-al--numbers {
  counter-reset: dstd-al-num var(--dstd-al-counter-reset, 0);
}

.dstd-al--numbers .dstd-al__item {
  counter-increment: dstd-al-num;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.dstd-al--numbers .dstd-al__row {
  flex: 1;
  min-width: 0;
}

.dstd-al__number {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--dstd-al-number-size);
  height: var(--dstd-al-number-size);
  font-size: calc(var(--dstd-al-number-size) * 0.42);
  font-weight: 700;
  line-height: 1;
  color: var(--dstd-al-number-color);
  background: var(--dstd-al-number-bg);
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}

.dstd-al--num-pill .dstd-al__number {
  border-radius: 999px;
  min-width: calc(var(--dstd-al-number-size) * 1.35);
  padding: 0 0.45em;
}

.dstd-al--num-plain .dstd-al__number {
  background: transparent;
  color: var(--dstd-al-number-bg);
  min-width: auto;
  height: auto;
  font-size: 1.1em;
}

.dstd-al--numbers .dstd-al__number::before {
  content: counter(dstd-al-num);
}

.dstd-al__media {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--dstd-al-icon-size) + 12px);
  height: calc(var(--dstd-al-icon-size) + 12px);
  background: var(--dstd-al-icon-bg);
  border-radius: 8px;
  color: var(--dstd-al-icon-color);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.dstd-al__media .et-pb-icon {
  font-size: var(--dstd-al-icon-size) !important;
  line-height: 1 !important;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  color: inherit !important;
  speak: never;
  -webkit-font-smoothing: antialiased;
}

.dstd-al__media-text {
  font-size: calc(var(--dstd-al-icon-size) * 0.55);
  font-weight: 700;
  color: inherit;
  line-height: 1;
}

.dstd-al__media-img {
  display: block;
  width: var(--dstd-al-icon-size);
  height: var(--dstd-al-icon-size);
  object-fit: cover;
  border-radius: 6px;
}

.dstd-al__media--hover {
  opacity: 0;
  transform: scale(0.9);
}

.dstd-al__item:hover .dstd-al__media--hover,
.dstd-al__item:focus-within .dstd-al__media--hover {
  opacity: 1;
  transform: scale(1);
}

.dstd-al__text {
  flex: 1;
  min-width: 0;
}

.dstd-al__title {
  margin: 0 0 0.25em;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dstd-al-title-color, inherit);
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.dstd-al__title-link {
  color: inherit;
  text-decoration: none;
}

.dstd-al__title-link:hover {
  text-decoration: underline;
}

.dstd-al__title-icon .et-pb-icon {
  font-size: 0.9em !important;
  line-height: 1 !important;
  font-family: ETmodules !important;
}

.dstd-al__body {
  margin: 0;
  color: var(--dstd-al-body-color, inherit);
  line-height: 1.55;
  font-size: 0.95em;
}

.dstd-al__body p:first-child {
  margin-top: 0;
}

.dstd-al__body p:last-child {
  margin-bottom: 0;
}

.dstd-al__item--icon-only .dstd-al__row {
  justify-content: center;
}

/* List connectors */
.dstd-al--connectors.dstd-al--list .dstd-al__items {
  position: relative;
}

.dstd-al--connectors.dstd-al--list .dstd-al__items > *:not(:last-child) .dstd-al__item::after {
  content: "";
  position: absolute;
  left: calc(var(--dstd-al-number-size, 28px) / 2 - var(--dstd-al-connector-width) / 2);
  top: 100%;
  width: var(--dstd-al-connector-width);
  height: var(--dstd-al-gap, 16px);
  background: var(--dstd-al-connector-color);
  z-index: 0;
}

.dstd-al--connectors.dstd-al--list:not(.dstd-al--numbers) .dstd-al__items > *:not(:last-child) .dstd-al__item::after {
  left: calc((var(--dstd-al-icon-size) + 12px) / 2 - var(--dstd-al-connector-width) / 2);
}

/* Tooltips */
.dstd-al__item[data-tooltip="1"] {
  cursor: default;
}

.dstd-al__tooltip {
  position: absolute;
  z-index: 20;
  max-width: 280px;
  padding: 0.55em 0.75em;
  background: #0f172a;
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
  pointer-events: none;
}

.dstd-al__item[data-tooltip-place="top"] .dstd-al__tooltip {
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
}

.dstd-al__item[data-tooltip-place="bottom"] .dstd-al__tooltip {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
}

.dstd-al__item[data-tooltip-place="left"] .dstd-al__tooltip {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.dstd-al__item[data-tooltip-place="right"] .dstd-al__tooltip {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.dstd-al__tooltip[hidden] {
  display: none !important;
}

/* Stagger */
.dstd-al__item--stagger {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.dstd-al__item--stagger.is-visible {
  opacity: 1;
  transform: none;
}

.dstd-al__empty {
  font-size: 13px;
  color: #64748b;
  padding: 0.5em 0;
}

@media (max-width: 767px) {
  .dstd-al--grid .dstd-al__items {
    grid-template-columns: 1fr !important;
  }
}


/* Advanced Tabs */
.dstd-at {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--dstd-at-panel-gap, 20px);
  --dstd-at-nav-gap: 8px;
  --dstd-at-item-pad: 12px;
  --dstd-at-active-bg: #2563eb;
  --dstd-at-active-color: #ffffff;
  --dstd-at-icon-size: 22px;
  --dstd-at-panel-pad: 20px;
  --dstd-at-panel-gap: 20px;
  --dstd-at-btn-bg: #2563eb;
  --dstd-at-btn-color: #ffffff;
  --dstd-at-side-width: 30%;
  --dstd-at-nav-align: flex-start;
  --dstd-at-sticky-top: 0px;
  --dstd-at-item-radius: 8px;
  --dstd-at-duration: 300ms;
  --dstd-at-nav-bg: transparent;
  --dstd-at-item-bg: rgba(15, 23, 42, 0.04);
  --dstd-at-item-color: inherit;
  --dstd-at-icon-color: inherit;
  --dstd-at-panel-bg: transparent;
  --dstd-at-content-color: inherit;
  --dstd-at-img-w: 40%;
}

.dstd-at--left,
.dstd-at--right {
  flex-direction: row;
  align-items: flex-start;
}

.dstd-at--right {
  flex-direction: row-reverse;
}

.dstd-at--bottom {
  flex-direction: column-reverse;
}

.dstd-at__nav-wrap {
  background: var(--dstd-at-nav-bg);
}

.dstd-at--left .dstd-at__nav-wrap,
.dstd-at--right .dstd-at__nav-wrap {
  width: var(--dstd-at-side-width);
  flex-shrink: 0;
}

.dstd-at--left .dstd-at__panels,
.dstd-at--right .dstd-at__panels {
  flex: 1;
  min-width: 0;
}

.dstd-at__nav-wrap.is-sticky,
.dstd-at--sticky .dstd-at__nav-wrap {
  position: sticky;
  top: var(--dstd-at-sticky-top, 0px);
  z-index: 5;
  align-self: flex-start;
}

.dstd-at__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dstd-at-nav-gap);
  justify-content: var(--dstd-at-nav-align, flex-start);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dstd-at--left .dstd-at__nav,
.dstd-at--right .dstd-at__nav {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}

.dstd-at__tab,
.dstd-at__acc-trigger {
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: var(--dstd-at-item-pad);
  border-radius: var(--dstd-at-item-radius);
  background: var(--dstd-at-item-bg);
  color: var(--dstd-at-item-color);
  text-align: left;
  font: inherit;
  line-height: 1.3;
  position: relative;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.dstd-at__tab:hover,
.dstd-at__acc-trigger:hover {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}

.dstd-at__tab.is-active,
.dstd-at__acc-trigger.is-active {
  background: var(--dstd-at-active-bg);
  color: var(--dstd-at-active-color);
}

.dstd-at__tab--icon-top {
  flex-direction: column;
  align-items: flex-start;
}

.dstd-at__tab--icon-bottom {
  flex-direction: column-reverse;
  align-items: flex-start;
}

.dstd-at__tab--icon-right {
  flex-direction: row-reverse;
}

.dstd-at__tab-text {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  min-width: 0;
}

.dstd-at__tab-title {
  font-weight: 600;
  font-size: 0.98em;
}

.dstd-at__tab-desc {
  font-size: 0.85em;
  opacity: 0.85;
  font-weight: 400;
}

.dstd-at__media {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dstd-at-icon-color, inherit);
}

.dstd-at__media .et-pb-icon {
  font-size: var(--dstd-at-icon-size) !important;
  line-height: 1 !important;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  color: inherit !important;
  speak: never;
  -webkit-font-smoothing: antialiased;
}

.dstd-at__media--image img {
  display: block;
  width: var(--dstd-at-icon-size);
  height: var(--dstd-at-icon-size);
  object-fit: cover;
  border-radius: 6px;
}

.dstd-at__tab.is-active .dstd-at__media,
.dstd-at__acc-trigger.is-active .dstd-at__media {
  color: inherit;
}

.dstd-at__arrow {
  display: none;
  position: absolute;
  line-height: 0;
  color: var(--dstd-at-active-bg);
  fill: currentColor;
}

.dstd-at__tab.is-active .dstd-at__arrow {
  display: block;
}

.dstd-at__tab--arrow-top .dstd-at__arrow {
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}

.dstd-at__tab--arrow-bottom .dstd-at__arrow {
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
}

.dstd-at__tab--arrow-left .dstd-at__arrow {
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.dstd-at__tab--arrow-right .dstd-at__arrow {
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.dstd-at__panels {
  flex: 1;
  min-width: 0;
  width: 100%;
}

.dstd-at__panels > .dstd_advanced_tab_item,
.dstd-at__panels > * {
  width: 100%;
}

.dstd-at__panel {
  background: var(--dstd-at-panel-bg);
  padding: var(--dstd-at-panel-pad);
  color: var(--dstd-at-content-color);
  box-sizing: border-box;
}

.dstd-at__panel[hidden],
.dstd-at__panel:not(.is-active) {
  display: none !important;
}

.dstd-at__panel.is-active {
  display: block !important;
}

.dstd-at.dstd-at--anim-fade .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-fade var(--dstd-at-duration, 300ms) ease;
}

.dstd-at.dstd-at--anim-slide_left .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-slide-left var(--dstd-at-duration, 300ms) ease;
}

.dstd-at.dstd-at--anim-slide_right .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-slide-right var(--dstd-at-duration, 300ms) ease;
}

.dstd-at.dstd-at--anim-slide_up .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-slide-up var(--dstd-at-duration, 300ms) ease;
}

.dstd-at.dstd-at--anim-slide_down .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-slide-down var(--dstd-at-duration, 300ms) ease;
}

.dstd-at.dstd-at--anim-zoom .dstd-at__panel.is-active.dstd-at__panel--animating .dstd-at__panel-inner {
  animation: dstd-at-zoom var(--dstd-at-duration, 300ms) ease;
}

@keyframes dstd-at-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes dstd-at-slide-left {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: none; }
}

@keyframes dstd-at-slide-right {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: none; }
}

@keyframes dstd-at-slide-up {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

@keyframes dstd-at-slide-down {
  from { opacity: 0; transform: translateY(-18px); }
  to { opacity: 1; transform: none; }
}

@keyframes dstd-at-zoom {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: none; }
}

.dstd-at__panel-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.dstd-at__image-wrap {
  flex-shrink: 0;
}

.dstd-at__panel--img-row .dstd-at__image-wrap,
.dstd-at__panel--img-row-reverse .dstd-at__image-wrap {
  width: var(--dstd-at-img-w, 40%);
}

.dstd-at__panel--img-row .dstd-at__content-wrap,
.dstd-at__panel--img-row-reverse .dstd-at__content-wrap {
  flex: 1;
  min-width: 0;
}

.dstd-at__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.dstd-at__body {
  line-height: 1.6;
  font-size: 0.98em;
}

.dstd-at__body p:first-child { margin-top: 0; }
.dstd-at__body p:last-child { margin-bottom: 0; }

.dstd-at__button-wrap {
  margin-top: 1rem;
}

.dstd-at__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7em 1.25em;
  border-radius: 6px;
  background: var(--dstd-at-btn-bg);
  color: var(--dstd-at-btn-color) !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 0.95em;
  transition: filter 0.15s ease, transform 0.15s ease;
}

.dstd-at__button:hover {
  filter: brightness(0.95);
}

.dstd-at__empty {
  font-size: 13px;
  color: #64748b;
  padding: 0.5em 0;
}

/* Mobile accordion: hide top nav, show panel triggers */
.dstd-at__acc-trigger {
  display: none;
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .dstd-at--mobile-accordion .dstd-at__nav-wrap {
    display: none !important;
  }

  .dstd-at--mobile-accordion {
    flex-direction: column !important;
  }

  .dstd-at--mobile-accordion .dstd-at__panels {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .dstd-at--mobile-accordion .dstd-at__panels > * {
    display: block !important;
    width: 100%;
  }

  .dstd-at--mobile-accordion .dstd-at__panel {
    display: block !important;
    padding: 0;
    background: transparent;
  }

  .dstd-at--mobile-accordion .dstd-at__panel[hidden] {
    display: block !important;
  }

  .dstd-at--mobile-accordion .dstd-at__acc-trigger {
    display: inline-flex;
  }

  .dstd-at--mobile-accordion .dstd-at__panel-inner {
    display: none;
    padding: var(--dstd-at-panel-pad);
    background: var(--dstd-at-panel-bg);
  }

  .dstd-at--mobile-accordion .dstd-at__panel.is-active .dstd-at__panel-inner {
    display: flex;
  }

  .dstd-at--left .dstd-at__nav-wrap,
  .dstd-at--right .dstd-at__nav-wrap {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-at__panel--animating .dstd-at__panel-inner {
    animation: none !important;
  }
}

/* ==========================================================================
   Image Accordion (.dstd-ia)
   ========================================================================== */
.dstd-ia {
  --dstd-ia-height: 450px;
  --dstd-ia-gap: 0px;
  --dstd-ia-grow: 10;
  --dstd-ia-overlay: rgba(0, 0, 0, 0.35);
  --dstd-ia-active-overlay: rgba(0, 0, 0, 0.45);
  --dstd-ia-title-color: #ffffff;
  --dstd-ia-body-color: rgba(255, 255, 255, 0.9);
  --dstd-ia-icon-color: #ffffff;
  --dstd-ia-icon-size: 32px;
  --dstd-ia-btn-bg: #ffffff;
  --dstd-ia-btn-color: #0f172a;
  --dstd-ia-radius: 0px;
  --dstd-ia-anim-ms: 500ms;
  --dstd-ia-expand-ms: 400ms;
  width: 100%;
}

.dstd-ia__row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--dstd-ia-gap);
  width: 100%;
  height: var(--dstd-ia-height);
  min-height: 180px;
}

.dstd-ia--vertical .dstd-ia__row {
  flex-direction: column;
  height: auto;
  min-height: var(--dstd-ia-height);
}

/* Child module wrappers share flex growth with panel items. */
.dstd-ia__row > .dstd_image_accordion_item,
.dstd-ia__row > * {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  height: 100%;
  transition: flex var(--dstd-ia-expand-ms) ease, min-width var(--dstd-ia-expand-ms) ease,
    min-height var(--dstd-ia-expand-ms) ease;
}

.dstd-ia__row > .dstd_image_accordion_item.is-active,
.dstd-ia__row > .dstd_image_accordion_item:has(.dstd-ia__item.is-active),
.dstd-ia__row > *:has(.dstd-ia__item.is-active) {
  flex: var(--dstd-ia-grow) 1 0;
}

.dstd-ia--vertical .dstd-ia__row > .dstd_image_accordion_item,
.dstd-ia--vertical .dstd-ia__row > * {
  height: auto;
  min-height: 80px;
}

.dstd-ia--vertical .dstd-ia__row > .dstd_image_accordion_item.is-active,
.dstd-ia--vertical .dstd-ia__row > .dstd_image_accordion_item:has(.dstd-ia__item.is-active),
.dstd-ia--vertical .dstd-ia__row > *:has(.dstd-ia__item.is-active) {
  min-height: calc(var(--dstd-ia-height) * 0.55);
}

.dstd_image_accordion_item,
.dstd_image_accordion_item > * {
  height: 100%;
}

.dstd-ia__item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: var(--dstd-ia-radius);
  cursor: pointer;
  outline: none;
}

.dstd-ia__item:focus-visible {
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px rgba(37, 99, 235, 0.9);
}

.dstd-ia__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1e293b;
  transition: transform calc(var(--dstd-ia-expand-ms) * 1.2) ease;
  z-index: 0;
}

.dstd-ia__item.is-active .dstd-ia__bg {
  transform: scale(1.04);
}

.dstd-ia__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: var(--dstd-ia-overlay);
  transition: background var(--dstd-ia-expand-ms) ease;
}

.dstd-ia__item.is-active .dstd-ia__overlay {
  background: var(--dstd-ia-active-overlay);
}

.dstd-ia__peek {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  text-align: center;
  pointer-events: none;
  opacity: 1;
  transition: opacity calc(var(--dstd-ia-anim-ms) * 0.6) ease;
}

.dstd-ia__peek-title {
  color: var(--dstd-ia-title-color);
  font-size: clamp(0.75rem, 1.1vw, 1rem);
  font-weight: 600;
  line-height: 1.2;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  max-height: 80%;
  overflow: hidden;
}

.dstd-ia--vertical .dstd-ia__peek-title {
  writing-mode: horizontal-tb;
  transform: none;
  max-height: none;
  max-width: 90%;
}

.dstd-ia__item.is-active .dstd-ia__peek {
  opacity: 0;
  visibility: hidden;
}

.dstd-ia__detail {
  position: relative;
  z-index: 3;
  display: flex;
  width: 100%;
  height: 100%;
  padding: clamp(16px, 2.5vw, 36px);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--dstd-ia-anim-ms) ease, visibility var(--dstd-ia-anim-ms) ease;
}

.dstd-ia__item.is-active .dstd-ia__detail {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dstd-ia__item[data-v-align="flex-start"] .dstd-ia__detail {
  align-items: flex-start;
}

.dstd-ia__item[data-v-align="center"] .dstd-ia__detail,
.dstd-ia__item:not([data-v-align]) .dstd-ia__detail {
  align-items: center;
}

.dstd-ia__item[data-v-align="flex-end"] .dstd-ia__detail {
  align-items: flex-end;
}

.dstd-ia__item[data-h-align="left"] .dstd-ia__detail {
  justify-content: flex-start;
  text-align: left;
}

.dstd-ia__item[data-h-align="center"] .dstd-ia__detail,
.dstd-ia__item:not([data-h-align]) .dstd-ia__detail {
  justify-content: center;
  text-align: center;
}

.dstd-ia__item[data-h-align="right"] .dstd-ia__detail {
  justify-content: flex-end;
  text-align: right;
}

.dstd-ia__content {
  width: 100%;
  max-width: 42rem;
}

.dstd-ia__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  color: var(--dstd-ia-icon-color);
}

.dstd-ia__icon .et-pb-icon {
  font-size: var(--dstd-ia-icon-size) !important;
  line-height: 1;
  color: inherit;
}

.dstd-ia__icon--image img {
  width: var(--dstd-ia-icon-size);
  height: var(--dstd-ia-icon-size);
  object-fit: contain;
  display: block;
}

.dstd-ia__title {
  margin: 0 0 0.4em;
  color: var(--dstd-ia-title-color);
  line-height: 1.2;
}

.dstd-ia__subtitle {
  margin: 0 0 0.6em;
  color: var(--dstd-ia-title-color);
  opacity: 0.92;
  font-weight: 500;
  line-height: 1.3;
}

.dstd-ia__body {
  color: var(--dstd-ia-body-color);
  line-height: 1.55;
}

.dstd-ia__body p:first-child {
  margin-top: 0;
}

.dstd-ia__body p:last-child {
  margin-bottom: 0;
}

.dstd-ia__btn-wrap {
  margin-top: 1rem;
}

.dstd-ia__btn {
  display: inline-block;
  padding: 0.65em 1.25em;
  border-radius: 2px;
  background: var(--dstd-ia-btn-bg);
  color: var(--dstd-ia-btn-color) !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.dstd-ia__btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.dstd-ia__empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #64748b;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  min-height: 160px;
  width: 100%;
}

/* Content entrance animations (active panel only). */
.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-duration: var(--dstd-ia-anim-ms);
  animation-fill-mode: both;
  animation-timing-function: ease;
}

.dstd-ia--anim-fade .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-fade;
}

.dstd-ia--anim-slide_left .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-slide-left;
}

.dstd-ia--anim-slide_right .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-slide-right;
}

.dstd-ia--anim-slide_up .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-slide-up;
}

.dstd-ia--anim-slide_down .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-slide-down;
}

.dstd-ia--anim-zoom .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
  animation-name: dstd-ia-zoom;
}

.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap:nth-child(1) { animation-delay: 0ms; }
.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap:nth-child(2) { animation-delay: 40ms; }
.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap:nth-child(3) { animation-delay: 80ms; }
.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap:nth-child(4) { animation-delay: 120ms; }
.dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap:nth-child(5) { animation-delay: 160ms; }

@keyframes dstd-ia-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes dstd-ia-slide-left {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes dstd-ia-slide-right {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes dstd-ia-slide-up {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dstd-ia-slide-down {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dstd-ia-zoom {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

/* Mobile: horizontal → vertical stack. */
@media (max-width: 767px) {
  .dstd-ia--mobile-vertical .dstd-ia__row {
    flex-direction: column;
    height: auto;
    min-height: 0;
  }

  .dstd-ia--mobile-vertical .dstd-ia__row > .dstd_image_accordion_item,
  .dstd-ia--mobile-vertical .dstd-ia__row > * {
    min-height: 96px;
    height: auto;
  }

  .dstd-ia--mobile-vertical .dstd-ia__row > .dstd_image_accordion_item.is-active,
  .dstd-ia--mobile-vertical .dstd-ia__row > .dstd_image_accordion_item:has(.dstd-ia__item.is-active),
  .dstd-ia--mobile-vertical .dstd-ia__row > *:has(.dstd-ia__item.is-active) {
    min-height: 280px;
  }

  .dstd-ia--mobile-vertical .dstd-ia__item {
    min-height: inherit;
  }

  .dstd-ia--mobile-vertical .dstd-ia__peek-title {
    writing-mode: horizontal-tb;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ia__row > *,
  .dstd-ia__bg,
  .dstd-ia__overlay,
  .dstd-ia__detail,
  .dstd-ia__peek {
    transition: none !important;
  }

  .dstd-ia__item.is-active.dstd-ia__item--animating .anime-wrap {
    animation: none !important;
  }

  .dstd-ia__item.is-active .dstd-ia__bg {
    transform: none;
  }
}

/* ==========================================================================
   Image Carousel (.dstd-ic)
   ========================================================================== */
.dstd-ic {
  --dstd-ic-overlay: rgba(0, 0, 0, 0.25);
  --dstd-ic-caption-color: #ffffff;
  --dstd-ic-btn-bg: #ffffff;
  --dstd-ic-btn-color: #0f172a;
  --dstd-ic-arrow-color: #0f172a;
  --dstd-ic-arrow-bg: #ffffff;
  --dstd-ic-dot-color: rgba(15, 23, 42, 0.28);
  --dstd-ic-dot-active: #0f172a;
  --dstd-ic-radius: 8px;
  --dstd-ic-img-height: 320px;
  --dstd-ic-img-max-width: 100%;
  --dstd-ic-hover-scale: 1.06;
  width: 100%;
  position: relative;
}

.dstd-ic__inner {
  position: relative;
  width: 100%;
}

.dstd-ic__swiper,
.dstd-ic .swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.dstd-ic .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
}

.dstd_image_carousel_item.swiper-slide,
.dstd-ic .swiper-slide {
  flex-shrink: 0;
  height: auto;
  position: relative;
}

.dstd-ic--variable .dstd_image_carousel_item {
  width: auto;
}

.dstd-ic__slide-inner {
  position: relative;
  overflow: hidden;
  border-radius: var(--dstd-ic-radius);
  background: #1e293b;
  height: 100%;
}

.dstd-ic--equal-height .dstd-ic__slide-inner {
  min-height: var(--dstd-ic-img-height);
  height: 100%;
}

.dstd-ic__img-wrap,
.dstd-ic__media-link {
  display: block;
  width: 100%;
  height: 100%;
  max-width: var(--dstd-ic-img-max-width);
  margin: 0 auto;
  overflow: hidden;
}

.dstd-ic__img {
  display: block;
  width: 100%;
  height: var(--dstd-ic-img-height);
  object-fit: cover;
  transition: transform 0.45s ease;
}

.dstd-ic__img-wrap--placeholder {
  min-height: var(--dstd-ic-img-height);
  background: linear-gradient(135deg, #334155, #1e293b);
}

.dstd-ic--hover-scale .dstd-ic__slide-inner:hover .dstd-ic__img {
  transform: scale(var(--dstd-ic-hover-scale));
}

.dstd-ic__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem 1.1rem;
  background: linear-gradient(to top, var(--dstd-ic-overlay), transparent 55%);
  pointer-events: none;
}

.dstd-ic__content {
  width: 100%;
  text-align: center;
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.dstd-ic--content-hover .dstd-ic__content {
  opacity: 0;
  transform: translateY(12px);
}

.dstd-ic--content-hover .dstd-ic__slide-inner:hover .dstd-ic__content {
  opacity: 1;
  transform: translateY(0);
}

.dstd-ic__caption {
  margin: 0 0 0.5rem;
  color: var(--dstd-ic-caption-color);
  line-height: 1.3;
  font-size: 1.05rem;
}

.dstd-ic__btn-wrap {
  margin-top: 0.35rem;
}

.dstd-ic__btn {
  display: inline-block;
  padding: 0.55em 1.1em;
  border-radius: 2px;
  background: var(--dstd-ic-btn-bg);
  color: var(--dstd-ic-btn-color) !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
}

.dstd-ic__btn:hover {
  opacity: 0.92;
}

.dstd-ic__arrows {
  z-index: 5;
}

.dstd-ic--arrow-middle .dstd-ic__arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dstd-ic--arrow-middle .dstd-ic__arrow {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.dstd-ic--arrow-middle .dstd-ic__arrow--prev { left: 8px; }
.dstd-ic--arrow-middle .dstd-ic__arrow--next { right: 8px; }

.dstd-ic--arrow-top .dstd-ic__arrows,
.dstd-ic--arrow-bottom .dstd-ic__arrows {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
  padding: 8px 0;
}

.dstd-ic--arrow-top .dstd-ic__arrows { order: -1; }

.dstd-ic__arrow {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--dstd-ic-arrow-bg);
  color: var(--dstd-ic-arrow-color);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}

.dstd-ic__arrow:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
}

/* Swiper injects :after content for default arrows — restyle */
.dstd-ic .swiper-button-prev:after,
.dstd-ic .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 700;
  color: var(--dstd-ic-arrow-color);
}

.dstd-ic .swiper-button-disabled {
  opacity: 0.35;
}

.dstd-ic__dots {
  position: relative;
  margin-top: 14px;
  text-align: center;
  width: 100%;
}

.dstd-ic__dots .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--dstd-ic-dot-color);
  opacity: 1;
  margin: 0 4px !important;
}

.dstd-ic__dots .swiper-pagination-bullet-active {
  background: var(--dstd-ic-dot-active);
  transform: scale(1.2);
}

.dstd-ic__empty {
  padding: 24px;
  text-align: center;
  color: #64748b;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  margin-top: 12px;
}

/* Lightbox */
.dstd-ic-lb {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dstd-ic-lb[hidden] {
  display: none !important;
}

.dstd-ic-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.88);
}

.dstd-ic-lb__dialog {
  position: relative;
  z-index: 1;
  max-width: min(1100px, 94vw);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dstd-ic-lb__figure {
  margin: 0;
  text-align: center;
}

.dstd-ic-lb__img {
  max-width: 94vw;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.dstd-ic-lb__caption {
  margin-top: 0.75rem;
  color: #f8fafc;
  font-size: 1rem;
}

.dstd-ic-lb__close {
  position: absolute;
  top: -2.5rem;
  right: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.dstd-ic-lb__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.dstd-ic-lb__nav--prev { left: -56px; }
.dstd-ic-lb__nav--next { right: -56px; }

.dstd-ic-lb__nav--prev::before,
.dstd-ic-lb__nav--next::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #0f172a;
  border-bottom: 2px solid #0f172a;
  margin: 0 auto;
}

.dstd-ic-lb__nav--prev::before { transform: rotate(45deg); margin-left: 16px; }
.dstd-ic-lb__nav--next::before { transform: rotate(-135deg); margin-right: 16px; }

html.dstd-ic-lb-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .dstd-ic-lb__nav--prev { left: 8px; }
  .dstd-ic-lb__nav--next { right: 8px; }

  .dstd-ic--arrow-middle .dstd-ic__arrow {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ic__img,
  .dstd-ic__content {
    transition: none !important;
  }

  .dstd-ic--hover-scale .dstd-ic__slide-inner:hover .dstd-ic__img {
    transform: none;
  }
}

/* ==========================================================================
   SVG Animator (.dstd-sa)
   ========================================================================== */
.dstd-sa {
  --dstd-sa-align: center;
  --dstd-sa-color: #0f172a;
  --dstd-sa-width: 100%;
  --dstd-sa-height: auto;
  --dstd-sa-weight: 2px;
  width: 100%;
}

.dstd-sa__wrap {
  display: flex;
  justify-content: var(--dstd-sa-align, center);
  align-items: center;
  width: 100%;
}

.dstd-sa__wrap svg,
.dstd-sa__svg {
  width: var(--dstd-sa-width, 100%);
  height: var(--dstd-sa-height, auto);
  max-width: 100%;
  display: block;
}

.dstd-sa__wrap svg * {
  fill: none !important;
  stroke: var(--dstd-sa-color, #0f172a);
  stroke-width: var(--dstd-sa-weight, 2px);
}

.dstd-sa__empty {
  padding: 20px;
  text-align: center;
  color: #64748b;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  width: 100%;
}

.dstd-sa__wrap[tabindex="0"] {
  cursor: pointer;
  outline: none;
}

.dstd-sa__wrap[tabindex="0"]:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-sa__wrap svg * {
    transition: none !important;
  }
}

/* ==========================================================================
   Advanced Carousel (.dstd-ac)
   ========================================================================== */
.dstd-ac {
  --dstd-ac-card-bg: #ffffff;
  --dstd-ac-title-color: #0f172a;
  --dstd-ac-subtitle-color: #64748b;
  --dstd-ac-body-color: #334155;
  --dstd-ac-btn-bg: #0f172a;
  --dstd-ac-btn-color: #ffffff;
  --dstd-ac-arrow-color: #0f172a;
  --dstd-ac-arrow-bg: #ffffff;
  --dstd-ac-dot-color: rgba(15, 23, 42, 0.28);
  --dstd-ac-dot-active: #0f172a;
  --dstd-ac-radius: 8px;
  --dstd-ac-img-height: 200px;
  --dstd-ac-icon-size: 48px;
  --dstd-ac-icon-color: #0f172a;
  --dstd-ac-card-pad: 24px;
  width: 100%;
  position: relative;
}

.dstd-ac__inner {
  position: relative;
  width: 100%;
}

.dstd-ac__swiper,
.dstd-ac .swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.dstd-ac .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
}

.dstd_advanced_carousel_item.swiper-slide,
.dstd-ac .swiper-slide {
  flex-shrink: 0;
  height: auto;
  position: relative;
}

.dstd-ac__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--dstd-ac-card-bg);
  border-radius: var(--dstd-ac-radius);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 4px 16px rgba(15, 23, 42, 0.06);
}

.dstd-ac--equal-height .dstd-ac__card {
  height: 100%;
  min-height: 100%;
}

.dstd-ac--equal-height .dstd_advanced_carousel_item {
  height: auto;
  align-self: stretch;
}

/* Layout presets */
.dstd-ac--layout-media_top .dstd-ac__card {
  flex-direction: column;
}

.dstd-ac--layout-media_bottom .dstd-ac__card {
  flex-direction: column-reverse;
}

.dstd-ac--layout-media_left .dstd-ac__card {
  flex-direction: row;
  align-items: stretch;
}

.dstd-ac--layout-media_right .dstd-ac__card {
  flex-direction: row-reverse;
  align-items: stretch;
}

.dstd-ac--layout-media_left .dstd-ac__media,
.dstd-ac--layout-media_right .dstd-ac__media {
  flex: 0 0 42%;
  max-width: 42%;
}

.dstd-ac--layout-media_left .dstd-ac__content,
.dstd-ac--layout-media_right .dstd-ac__content {
  flex: 1 1 auto;
  min-width: 0;
}

.dstd-ac--layout-content_only .dstd-ac__media {
  display: none !important;
}

.dstd-ac__media {
  position: relative;
}

.dstd-ac__media--image {
  width: 100%;
}

.dstd-ac__media--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--dstd-ac-card-pad) var(--dstd-ac-card-pad) 0;
}

.dstd-ac--layout-media_left .dstd-ac__media--icon,
.dstd-ac--layout-media_right .dstd-ac__media--icon {
  padding: var(--dstd-ac-card-pad);
}

.dstd-ac__img-wrap,
.dstd-ac__media-link {
  display: block;
  width: 100%;
  overflow: hidden;
}

.dstd-ac__img {
  display: block;
  width: 100%;
  height: var(--dstd-ac-img-height);
  object-fit: cover;
}

.dstd-ac--layout-media_left .dstd-ac__img,
.dstd-ac--layout-media_right .dstd-ac__img {
  height: 100%;
  min-height: var(--dstd-ac-img-height);
}

.dstd-ac__icon {
  font-size: var(--dstd-ac-icon-size);
  color: var(--dstd-ac-icon-color);
  line-height: 1;
}

.dstd-ac__content {
  padding: var(--dstd-ac-card-pad);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.dstd-ac__title {
  margin: 0 0 0.35rem;
  color: var(--dstd-ac-title-color);
  line-height: 1.3;
  font-size: 1.15rem;
}

.dstd-ac__title-link {
  color: inherit !important;
  text-decoration: none !important;
}

.dstd-ac__title-link:hover {
  text-decoration: underline !important;
}

.dstd-ac__subtitle {
  margin: 0 0 0.5rem;
  color: var(--dstd-ac-subtitle-color);
  font-size: 0.9rem;
  line-height: 1.4;
}

.dstd-ac__body {
  margin: 0 0 0.75rem;
  color: var(--dstd-ac-body-color);
  font-size: 0.95rem;
  line-height: 1.55;
  flex: 1 1 auto;
}

.dstd-ac__body p:last-child {
  margin-bottom: 0;
}

.dstd-ac__btn-wrap {
  margin-top: auto;
  padding-top: 0.35rem;
}

.dstd-ac__btn {
  display: inline-block;
  padding: 0.55em 1.15em;
  border-radius: 2px;
  background: var(--dstd-ac-btn-bg);
  color: var(--dstd-ac-btn-color) !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
}

.dstd-ac__btn:hover {
  opacity: 0.92;
}

.dstd-ac__arrows {
  z-index: 5;
}

.dstd-ac--arrow-middle .dstd-ac__arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dstd-ac--arrow-middle .dstd-ac__arrow {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.dstd-ac--arrow-middle .dstd-ac__arrow--prev { left: 8px; }
.dstd-ac--arrow-middle .dstd-ac__arrow--next { right: 8px; }

.dstd-ac--arrow-top .dstd-ac__arrows,
.dstd-ac--arrow-bottom .dstd-ac__arrows {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
  padding: 8px 0;
}

.dstd-ac--arrow-top .dstd-ac__arrows { order: -1; }

.dstd-ac__arrow {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--dstd-ac-arrow-bg);
  color: var(--dstd-ac-arrow-color);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}

.dstd-ac__arrow:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
}

.dstd-ac .swiper-button-prev:after,
.dstd-ac .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 700;
  color: var(--dstd-ac-arrow-color);
}

.dstd-ac .swiper-button-disabled {
  opacity: 0.35;
}

.dstd-ac__dots {
  position: relative;
  margin-top: 14px;
  text-align: center;
  width: 100%;
}

.dstd-ac__dots .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--dstd-ac-dot-color);
  opacity: 1;
  margin: 0 4px !important;
}

.dstd-ac__dots .swiper-pagination-bullet-active {
  background: var(--dstd-ac-dot-active);
  transform: scale(1.2);
}

.dstd-ac__empty {
  padding: 24px;
  text-align: center;
  color: #64748b;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  margin-top: 12px;
}

/* Lightbox */
.dstd-ac-lb {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dstd-ac-lb[hidden] {
  display: none !important;
}

.dstd-ac-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.88);
}

.dstd-ac-lb__dialog {
  position: relative;
  z-index: 1;
  max-width: min(1100px, 94vw);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dstd-ac-lb__figure {
  margin: 0;
  text-align: center;
}

.dstd-ac-lb__img {
  max-width: 94vw;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.dstd-ac-lb__caption {
  margin-top: 0.75rem;
  color: #f8fafc;
  font-size: 1rem;
}

.dstd-ac-lb__close {
  position: absolute;
  top: -2.5rem;
  right: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.dstd-ac-lb__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.dstd-ac-lb__nav--prev { left: -56px; }
.dstd-ac-lb__nav--next { right: -56px; }

.dstd-ac-lb__nav--prev::before,
.dstd-ac-lb__nav--next::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #0f172a;
  border-bottom: 2px solid #0f172a;
  margin: 0 auto;
}

.dstd-ac-lb__nav--prev::before { transform: rotate(45deg); margin-left: 16px; }
.dstd-ac-lb__nav--next::before { transform: rotate(-135deg); margin-right: 16px; }

html.dstd-ac-lb-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .dstd-ac--layout-media_left .dstd-ac__card,
  .dstd-ac--layout-media_right .dstd-ac__card {
    flex-direction: column;
  }

  .dstd-ac--layout-media_left .dstd-ac__media,
  .dstd-ac--layout-media_right .dstd-ac__media {
    flex: 0 0 auto;
    max-width: 100%;
  }

  .dstd-ac-lb__nav--prev { left: 8px; }
  .dstd-ac-lb__nav--next { right: 8px; }

  .dstd-ac--arrow-middle .dstd-ac__arrow {
    width: 34px;
    height: 34px;
  }
}

/* ==========================================================================
   Post List (.dstd-pl)
   ========================================================================== */
.dstd-pl {
  --dstd-pl-gap: 24px;
  --dstd-pl-img-col: 40%;
  --dstd-pl-img-min-h: 220px;
  --dstd-pl-collapse: 40px;
  --dstd-pl-title-color: #0f172a;
  --dstd-pl-body-color: #334155;
  --dstd-pl-meta-color: #64748b;
  --dstd-pl-btn-bg: #0f172a;
  --dstd-pl-btn-color: #ffffff;
  --dstd-pl-card-bg: transparent;
  --dstd-pl-radius: 0px;
  width: 100%;
}

.dstd-pl__list {
  display: flex;
  flex-direction: column;
  gap: var(--dstd-pl-gap);
}

.dstd-pl__item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: var(--dstd-pl-card-bg);
  border-radius: var(--dstd-pl-radius);
  overflow: hidden;
}

.dstd-pl--align-start .dstd-pl__item,
.dstd-pl--align-flex-start .dstd-pl__item {
  align-items: flex-start;
}

.dstd-pl--align-center .dstd-pl__item {
  align-items: center;
}

.dstd-pl--align-end .dstd-pl__item,
.dstd-pl--align-flex-end .dstd-pl__item {
  align-items: flex-end;
}

.dstd-pl__media {
  flex: 0 0 var(--dstd-pl-img-col);
  max-width: var(--dstd-pl-img-col);
  position: relative;
  overflow: hidden;
}

.dstd-pl__item--no-media .dstd-pl__content {
  width: 100%;
  max-width: 100%;
}

.dstd-pl__media-link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dstd-pl__img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: var(--dstd-pl-img-min-h);
  object-fit: cover;
  transition: transform 0.45s ease;
}

.dstd-pl__media-link--zoom-in:hover .dstd-pl__img {
  transform: scale(1.06);
}

.dstd-pl__media-link--zoom-out .dstd-pl__img {
  transform: scale(1.08);
}

.dstd-pl__media-link--zoom-out:hover .dstd-pl__img {
  transform: scale(1);
}

.dstd-pl--reduced-motion-aware.dstd-pl {
  /* hover disabled below when prefers-reduced-motion */
}

.dstd-pl__media--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 1rem;
}

.dstd-pl__icon {
  font-size: 2rem;
  color: var(--dstd-pl-meta-color);
}

.dstd-pl__content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dstd-pl__content-inner {
  padding: 1.1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

/* Layout 2: image right */
.dstd-pl--layout-2 .dstd-pl__item,
.dstd-pl__list--layout-2 .dstd-pl__item {
  flex-direction: row-reverse;
}

/* Layout 3: zigzag */
.dstd-pl--layout-3 .dstd-pl__list--layout-3 .dstd-pl__item:nth-child(even),
.dstd-pl__list--layout-3 .dstd-pl__item:nth-child(even) {
  flex-direction: row-reverse;
}

/* Collapse */
.dstd-pl__item--collapse .dstd-pl__media {
  z-index: 1;
}

.dstd-pl__item--collapse .dstd-pl__content {
  margin-left: calc(var(--dstd-pl-collapse) * -1);
  z-index: 2;
  background: var(--dstd-pl-card-bg, #fff);
}

.dstd-pl__list--layout-2 .dstd-pl__item--collapse .dstd-pl__content,
.dstd-pl__list--layout-3 .dstd-pl__item:nth-child(even).dstd-pl__item--collapse .dstd-pl__content {
  margin-left: 0;
  margin-right: calc(var(--dstd-pl-collapse) * -1);
}

/* Equal height */
.dstd-pl__item--equal-height .dstd-pl__media-link,
.dstd-pl--equal-height .dstd-pl__media-link {
  min-height: var(--dstd-pl-img-min-h);
}

.dstd-pl__title {
  margin: 0;
  color: var(--dstd-pl-title-color);
  font-size: 1.25rem;
  line-height: 1.3;
}

.dstd-pl__title-link {
  color: inherit !important;
  text-decoration: none !important;
}

.dstd-pl__title-link:hover {
  text-decoration: underline !important;
}

.dstd-pl__title-link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.dstd-pl__body {
  color: var(--dstd-pl-body-color);
  font-size: 0.95rem;
  line-height: 1.55;
}

.dstd-pl__body p:last-child {
  margin-bottom: 0;
}

.dstd-pl__meta {
  color: var(--dstd-pl-meta-color);
  font-size: 0.875rem;
  line-height: 1.4;
}

.dstd-pl__meta a {
  color: inherit;
}

.dstd-pl__el--author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dstd-pl__author-avatar img {
  border-radius: 999px;
  display: block;
}

.dstd-pl__btn {
  display: inline-block;
  padding: 0.55em 1.15em;
  background: var(--dstd-pl-btn-bg);
  color: var(--dstd-pl-btn-color) !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 2px;
}

.dstd-pl__btn:hover {
  opacity: 0.92;
}

.dstd-pl__btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.dstd-pl__divider {
  display: block;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.2), transparent);
  margin: 0.25rem 0;
}

.dstd-pl__empty {
  padding: 20px;
  text-align: center;
  color: #64748b;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
}

.dstd-pl__pagination {
  margin-top: 1.25rem;
}

.dstd-pl__pagination .page-numbers,
.dstd-pl__pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}

.dstd-pl__pagination .page-numbers a,
.dstd-pl__pagination .page-numbers span,
.dstd-pl__pagination li .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  color: #0f172a;
  text-decoration: none;
  background: #fff;
}

.dstd-pl__pagination .page-numbers.current,
.dstd-pl__pagination li .page-numbers.current {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.dstd-pl__pagination-simple {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.dstd-pl__pagination a:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .dstd-pl__item,
  .dstd-pl--layout-2 .dstd-pl__item,
  .dstd-pl__list--layout-2 .dstd-pl__item,
  .dstd-pl__list--layout-3 .dstd-pl__item:nth-child(even) {
    flex-direction: column !important;
  }

  .dstd-pl__media {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }

  .dstd-pl__item--collapse .dstd-pl__content,
  .dstd-pl__list--layout-2 .dstd-pl__item--collapse .dstd-pl__content,
  .dstd-pl__list--layout-3 .dstd-pl__item:nth-child(even).dstd-pl__item--collapse .dstd-pl__content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-pl--reduced-motion-aware .dstd-pl__img {
    transition: none !important;
  }

  .dstd-pl--reduced-motion-aware .dstd-pl__media-link--zoom-in:hover .dstd-pl__img,
  .dstd-pl--reduced-motion-aware .dstd-pl__media-link--zoom-out .dstd-pl__img,
  .dstd-pl--reduced-motion-aware .dstd-pl__media-link--zoom-out:hover .dstd-pl__img {
    transform: none !important;
  }
}

/* ==========================================================================
   Post Grid (.dstd-pg)
   ========================================================================== */
.dstd-pg {
  --dstd-pg-cols: 3;
  --dstd-pg-cols-tablet: 2;
  --dstd-pg-cols-mobile: 1;
  --dstd-pg-gap: 30px;
  --dstd-pg-title-color: #0f172a;
  --dstd-pg-body-color: #334155;
  --dstd-pg-meta-color: #64748b;
  --dstd-pg-btn-bg: #0f172a;
  --dstd-pg-btn-color: #ffffff;
  --dstd-pg-card-bg: transparent;
  --dstd-pg-radius: 0px;
  width: 100%;
}

.dstd-pg__track--grid {
  display: grid;
  grid-template-columns: repeat(var(--dstd-pg-cols), minmax(0, 1fr));
  gap: var(--dstd-pg-gap);
}

.dstd-pg__track--masonry {
  column-count: var(--dstd-pg-cols);
  column-gap: var(--dstd-pg-gap);
}

.dstd-pg__track--masonry .dstd-pg__item {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: var(--dstd-pg-gap);
  display: inline-block;
  width: 100%;
}

.dstd-pg__item {
  min-width: 0;
}

.dstd-pg__card {
  background: var(--dstd-pg-card-bg);
  border-radius: var(--dstd-pg-radius);
  overflow: hidden;
  height: 100%;
}

.dstd-pg--equal-height .dstd-pg__item,
.dstd-pg__item--equal-height {
  height: 100%;
}

.dstd-pg--equal-height .dstd-pg__card {
  display: flex;
  flex-direction: column;
}

.dstd-pg--equal-height .dstd-pg__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.dstd-pg__content {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0;
}

.dstd-pg__content > .dstd-pg__el:not(.dstd-pg__el--image) {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.dstd-pg__content > .dstd-pg__el:not(.dstd-pg__el--image):first-child {
  padding-top: 0.25rem;
}

.dstd-pg__content > .dstd-pg__el:last-child:not(.dstd-pg__el--image) {
  padding-bottom: 0.25rem;
}

.dstd-pg__item--bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.dstd-pg__item--bg-image .dstd-pg__card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.72) 100%);
  min-height: 280px;
}

.dstd-pg__item--bg-image .dstd-pg__content {
  margin-top: auto;
  padding: 1.25rem;
  color: #fff;
}

.dstd-pg__item--bg-image .dstd-pg__title,
.dstd-pg__item--bg-image .dstd-pg__title-link,
.dstd-pg__item--bg-image .dstd-pg__body,
.dstd-pg__item--bg-image .dstd-pg__meta,
.dstd-pg__item--bg-image .dstd-pg__meta a {
  color: #fff;
}

.dstd-pg__el--image,
.dstd-pg__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--dstd-pg-radius);
}

.dstd-pg__media-link {
  display: block;
  overflow: hidden;
}

.dstd-pg__img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.45s ease;
}

.dstd-pg__media-link--zoom-in:hover .dstd-pg__img {
  transform: scale(1.06);
}

.dstd-pg__media-link--zoom-out .dstd-pg__img {
  transform: scale(1.06);
}

.dstd-pg__media-link--zoom-out:hover .dstd-pg__img {
  transform: scale(1);
}

.dstd-pg__title {
  margin: 0;
  color: var(--dstd-pg-title-color);
  font-size: 1.15rem;
  line-height: 1.35;
}

.dstd-pg__title-link {
  color: inherit;
  text-decoration: none;
}

.dstd-pg__title-link:hover {
  text-decoration: underline;
}

.dstd-pg__title-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-pg__body {
  color: var(--dstd-pg-body-color);
  font-size: 0.95rem;
  line-height: 1.55;
}

.dstd-pg__body p:last-child {
  margin-bottom: 0;
}

.dstd-pg__meta {
  color: var(--dstd-pg-meta-color);
  font-size: 0.85rem;
}

.dstd-pg__meta a {
  color: inherit;
}

.dstd-pg__el--author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dstd-pg__author-avatar img {
  border-radius: 50%;
  display: block;
}

.dstd-pg__btn {
  display: inline-block;
  background: var(--dstd-pg-btn-bg);
  color: var(--dstd-pg-btn-color) !important;
  padding: 0.55rem 1rem;
  text-decoration: none;
  border-radius: 2px;
  line-height: 1.2;
}

.dstd-pg__btn:hover {
  opacity: 0.9;
}

.dstd-pg__btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-pg__divider {
  display: block;
  height: 1px;
  width: 100%;
  background: currentColor;
  opacity: 0.15;
}

.dstd-pg__empty {
  padding: 1.25rem;
  border: 1px dashed #cbd5e1;
  color: #64748b;
  font-size: 0.95rem;
}

.dstd-pg__pagination {
  margin-top: 1.5rem;
}

.dstd-pg__pagination .page-numbers,
.dstd-pg__pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dstd-pg__pagination .page-numbers a,
.dstd-pg__pagination .page-numbers span,
.dstd-pg__pagination li .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.55rem;
  text-decoration: none;
  border: 1px solid #e2e8f0;
  color: #0f172a;
  font-size: 0.9rem;
}

.dstd-pg__pagination .page-numbers.current,
.dstd-pg__pagination li .page-numbers.current {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.dstd-pg__pagination-simple {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.dstd-pg__pagination a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .dstd-pg__track--grid {
    grid-template-columns: repeat(var(--dstd-pg-cols-tablet), minmax(0, 1fr));
  }

  .dstd-pg__track--masonry {
    column-count: var(--dstd-pg-cols-tablet);
  }
}

@media (max-width: 767px) {
  .dstd-pg__track--grid {
    grid-template-columns: repeat(var(--dstd-pg-cols-mobile), minmax(0, 1fr));
  }

  .dstd-pg__track--masonry {
    column-count: var(--dstd-pg-cols-mobile);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-pg--reduced-motion-aware .dstd-pg__img {
    transition: none !important;
  }

  .dstd-pg--reduced-motion-aware .dstd-pg__media-link--zoom-in:hover .dstd-pg__img,
  .dstd-pg--reduced-motion-aware .dstd-pg__media-link--zoom-out .dstd-pg__img,
  .dstd-pg--reduced-motion-aware .dstd-pg__media-link--zoom-out:hover .dstd-pg__img {
    transform: none !important;
  }
}

/* ==========================================================================
   Post Carousel (.dstd-pc)
   ========================================================================== */
.dstd-pc {
  --dstd-pc-title-color: #0f172a;
  --dstd-pc-body-color: #334155;
  --dstd-pc-meta-color: #64748b;
  --dstd-pc-btn-bg: #0f172a;
  --dstd-pc-btn-color: #ffffff;
  --dstd-pc-card-bg: transparent;
  --dstd-pc-radius: 0px;
  --dstd-pc-arrow-color: #0f172a;
  --dstd-pc-arrow-bg: #ffffff;
  --dstd-pc-dot-color: rgba(15, 23, 42, 0.28);
  --dstd-pc-dot-active: #0f172a;
  width: 100%;
  position: relative;
}

.dstd-pc__inner {
  position: relative;
  width: 100%;
}

.dstd-pc__swiper {
  width: 100%;
  overflow: hidden;
}

.dstd-pc--coverflow .dstd-pc__swiper {
  overflow: visible;
  padding: 24px 0;
}

.dstd-pc__slide {
  height: auto;
  box-sizing: border-box;
}

.dstd-pc__card {
  background: var(--dstd-pc-card-bg);
  border-radius: var(--dstd-pc-radius);
  overflow: hidden;
  height: 100%;
}

.dstd-pc--equal-height .dstd-pc__slide,
.dstd-pc__slide--equal-height {
  height: auto;
}

.dstd-pc--equal-height .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.dstd-pc--equal-height .swiper-slide {
  height: auto;
  display: flex;
}

.dstd-pc--equal-height .swiper-slide > .dstd-pc__card,
.dstd-pc--equal-height .dstd-pc__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.dstd-pc--equal-height .dstd-pc__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.dstd-pc__content {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0;
}

.dstd-pc__content > .dstd-pc__el:not(.dstd-pc__el--image) {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.dstd-pc__content > .dstd-pc__el:not(.dstd-pc__el--image):first-child {
  padding-top: 0.25rem;
}

.dstd-pc__content > .dstd-pc__el:last-child:not(.dstd-pc__el--image) {
  padding-bottom: 0.25rem;
}

.dstd-pc__slide--bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.45s ease;
}

.dstd-pc--bg-scale .dstd-pc__slide--bg-image {
  background-size: 100% auto;
}

.dstd-pc--bg-scale .dstd-pc__slide--bg-image:hover {
  background-size: 108% auto;
}

.dstd-pc__slide--bg-image .dstd-pc__card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.72) 100%);
  min-height: 280px;
}

.dstd-pc__slide--bg-image .dstd-pc__content {
  margin-top: auto;
  padding: 1.25rem;
  color: #fff;
}

.dstd-pc__slide--bg-image .dstd-pc__title,
.dstd-pc__slide--bg-image .dstd-pc__title-link,
.dstd-pc__slide--bg-image .dstd-pc__body,
.dstd-pc__slide--bg-image .dstd-pc__meta,
.dstd-pc__slide--bg-image .dstd-pc__meta a {
  color: #fff;
}

.dstd-pc__el--image,
.dstd-pc__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--dstd-pc-radius);
}

.dstd-pc__media-link {
  display: block;
  overflow: hidden;
}

.dstd-pc__img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.45s ease;
}

.dstd-pc__media-link--zoom-in:hover .dstd-pc__img {
  transform: scale(1.06);
}

.dstd-pc__media-link--zoom-out .dstd-pc__img {
  transform: scale(1.06);
}

.dstd-pc__media-link--zoom-out:hover .dstd-pc__img {
  transform: scale(1);
}

.dstd-pc__title {
  margin: 0;
  color: var(--dstd-pc-title-color);
  font-size: 1.15rem;
  line-height: 1.35;
}

.dstd-pc__title-link {
  color: inherit;
  text-decoration: none;
}

.dstd-pc__title-link:hover {
  text-decoration: underline;
}

.dstd-pc__title-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-pc__body {
  color: var(--dstd-pc-body-color);
  font-size: 0.95rem;
  line-height: 1.55;
}

.dstd-pc__body p:last-child {
  margin-bottom: 0;
}

.dstd-pc__meta {
  color: var(--dstd-pc-meta-color);
  font-size: 0.85rem;
}

.dstd-pc__meta a {
  color: inherit;
}

.dstd-pc__el--author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dstd-pc__author-avatar img {
  border-radius: 50%;
  display: block;
}

.dstd-pc__btn {
  display: inline-block;
  background: var(--dstd-pc-btn-bg);
  color: var(--dstd-pc-btn-color) !important;
  padding: 0.55rem 1rem;
  text-decoration: none;
  border-radius: 2px;
  line-height: 1.2;
}

.dstd-pc__btn:hover {
  opacity: 0.9;
}

.dstd-pc__btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-pc__divider {
  display: block;
  height: 1px;
  width: 100%;
  background: currentColor;
  opacity: 0.15;
}

.dstd-pc__empty {
  padding: 1.25rem;
  border: 1px dashed #cbd5e1;
  color: #64748b;
  font-size: 0.95rem;
}

.dstd-pc__arrows {
  z-index: 5;
}

.dstd-pc--arrow-middle .dstd-pc__arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dstd-pc--arrow-middle .dstd-pc__arrow {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.dstd-pc--arrow-middle .dstd-pc__arrow--prev { left: 8px; }
.dstd-pc--arrow-middle .dstd-pc__arrow--next { right: 8px; }

.dstd-pc--arrow-top .dstd-pc__arrows,
.dstd-pc--arrow-bottom .dstd-pc__arrows {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
  padding: 8px 0;
}

.dstd-pc--arrow-top .dstd-pc__arrows { order: -1; }

.dstd-pc__arrow {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--dstd-pc-arrow-bg);
  color: var(--dstd-pc-arrow-color);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}

.dstd-pc__arrow:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
}

.dstd-pc .swiper-button-prev:after,
.dstd-pc .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 700;
  color: var(--dstd-pc-arrow-color);
}

.dstd-pc .swiper-button-disabled {
  opacity: 0.35;
}

.dstd-pc__dots {
  position: relative;
  margin-top: 14px;
  text-align: center;
  width: 100%;
}

.dstd-pc__dots .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--dstd-pc-dot-color);
  opacity: 1;
  margin: 0 4px !important;
}

.dstd-pc__dots .swiper-pagination-bullet-active {
  background: var(--dstd-pc-dot-active);
  transform: scale(1.2);
}

@media (max-width: 767px) {
  .dstd-pc--arrow-middle .dstd-pc__arrow {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-pc--reduced-motion-aware .dstd-pc__img {
    transition: none !important;
  }

  .dstd-pc--reduced-motion-aware .dstd-pc__media-link--zoom-in:hover .dstd-pc__img,
  .dstd-pc--reduced-motion-aware .dstd-pc__media-link--zoom-out .dstd-pc__img,
  .dstd-pc--reduced-motion-aware .dstd-pc__media-link--zoom-out:hover .dstd-pc__img {
    transform: none !important;
  }

  .dstd-pc--reduced-motion-aware.dstd-pc--bg-scale .dstd-pc__slide--bg-image,
  .dstd-pc--reduced-motion-aware.dstd-pc--bg-scale .dstd-pc__slide--bg-image:hover {
    background-size: cover !important;
    transition: none !important;
  }
}

/* —— Advanced Gallery (.dstd-ag) —— */
.dstd-ag {
  --dstd-ag-cols: 4;
  --dstd-ag-cols-tablet: 2;
  --dstd-ag-cols-mobile: 1;
  --dstd-ag-gap: 10px;
  --dstd-ag-radius: 0px;
  --dstd-ag-overlay: rgba(15, 23, 42, 0.45);
  --dstd-ag-caption-color: #ffffff;
  --dstd-ag-btn-bg: #0f172a;
  --dstd-ag-btn-color: #ffffff;
  --dstd-ag-filter-bg: transparent;
  --dstd-ag-filter-color: #0f172a;
  --dstd-ag-filter-active-bg: #0f172a;
  --dstd-ag-filter-active-color: #ffffff;
  width: 100%;
  box-sizing: border-box;
}

.dstd-ag *,
.dstd-ag *::before,
.dstd-ag *::after {
  box-sizing: border-box;
}

.dstd-ag__empty {
  padding: 16px 18px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}

.dstd-ag__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

.dstd-ag__filter {
  appearance: none;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: var(--dstd-ag-filter-bg);
  color: var(--dstd-ag-filter-color);
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dstd-ag__filter:hover {
  border-color: rgba(15, 23, 42, 0.28);
}

.dstd-ag__filter.is-active {
  background: var(--dstd-ag-filter-active-bg);
  color: var(--dstd-ag-filter-active-color);
  border-color: transparent;
}

.dstd-ag__filter:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Grid */
.dstd-ag--grid .dstd-ag__grid {
  display: grid;
  grid-template-columns: repeat(var(--dstd-ag-cols), minmax(0, 1fr));
  gap: var(--dstd-ag-gap);
}

/* Masonry via CSS columns */
.dstd-ag--masonry .dstd-ag__grid {
  column-count: var(--dstd-ag-cols);
  column-gap: var(--dstd-ag-gap);
}

.dstd-ag--masonry .dstd-ag__item {
  break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 var(--dstd-ag-gap);
  width: 100%;
}

.dstd-ag__item {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--dstd-ag-radius);
  background: #f1f5f9;
}

.dstd-ag__link,
.dstd-ag__media {
  display: block;
  position: relative;
  width: 100%;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  border-radius: inherit;
}

.dstd-ag__img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  transition: transform 0.35s ease;
}

/* Orientation crops (grid) */
.dstd-ag--orientation .dstd-ag__item--orient-landscape .dstd-ag__img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  height: auto;
}

.dstd-ag--orientation .dstd-ag__item--orient-portrait .dstd-ag__img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  height: auto;
}

.dstd-ag--grid.dstd-ag--orientation .dstd-ag__item--orient-landscape .dstd-ag__img,
.dstd-ag--grid.dstd-ag--orientation .dstd-ag__item--orient-portrait .dstd-ag__img {
  width: 100%;
  height: 100%;
}

.dstd-ag__item--scale-zoom-in:hover .dstd-ag__img,
.dstd-ag__item--scale-zoom-in:focus-within .dstd-ag__img {
  transform: scale(1.06);
}

.dstd-ag__item--scale-zoom-out .dstd-ag__img {
  transform: scale(1.08);
}

.dstd-ag__item--scale-zoom-out:hover .dstd-ag__img,
.dstd-ag__item--scale-zoom-out:focus-within .dstd-ag__img {
  transform: scale(1);
}

.dstd-ag__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px;
  text-align: center;
  color: var(--dstd-ag-caption-color);
  background: transparent;
  opacity: 0;
  transition: opacity 0.25s ease, background 0.25s ease;
  pointer-events: none;
}

.dstd-ag__item--overlay:hover .dstd-ag__overlay,
.dstd-ag__item--overlay:focus-within .dstd-ag__overlay,
.dstd-ag__item--caption-always .dstd-ag__overlay {
  opacity: 1;
  background: var(--dstd-ag-overlay);
}

.dstd-ag__item:not(.dstd-ag__item--overlay).dstd-ag__item--caption-always .dstd-ag__overlay,
.dstd-ag__item:not(.dstd-ag__item--overlay):hover .dstd-ag__overlay,
.dstd-ag__item:not(.dstd-ag__item--overlay):focus-within .dstd-ag__overlay {
  opacity: 1;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.55), transparent 60%);
  justify-content: flex-end;
}

.dstd-ag__caption,
.dstd-ag__description {
  display: block;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.35;
  color: var(--dstd-ag-caption-color);
}

.dstd-ag__caption {
  font-weight: 600;
}

.dstd-ag__description {
  font-weight: 400;
  opacity: 0.92;
}

.dstd-ag__footer,
.dstd-ag__pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.dstd-ag__load-more,
.dstd-ag__page-btn,
.dstd-ag__page-num {
  appearance: none;
  border: 0;
  background: var(--dstd-ag-btn-bg);
  color: var(--dstd-ag-btn-color);
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  border-radius: 4px;
}

.dstd-ag__page-num.is-active {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-ag__load-more:hover,
.dstd-ag__page-btn:hover:not(:disabled),
.dstd-ag__page-num:hover {
  filter: brightness(1.06);
}

.dstd-ag__page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.dstd-ag__page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.dstd-ag__page-status {
  font-size: 13px;
  color: #475569;
  min-width: 3.5em;
  text-align: center;
}

.dstd-ag__item.is-hidden {
  display: none !important;
}

/* Lightbox */
.dstd-ag-lb {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.dstd-ag-lb[hidden] {
  display: none !important;
}

.dstd-ag-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.88);
  cursor: pointer;
}

.dstd-ag-lb__dialog {
  position: relative;
  z-index: 1;
  max-width: min(1100px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dstd-ag-lb__figure {
  margin: 0;
  max-width: 100%;
}

.dstd-ag-lb__img {
  display: block;
  max-width: 100%;
  max-height: 80vh;
  width: auto;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.dstd-ag-lb__caption {
  margin-top: 12px;
  color: #e2e8f0;
  font-size: 14px;
  text-align: center;
  max-width: 40rem;
}

.dstd-ag-lb__close,
.dstd-ag-lb__nav {
  position: absolute;
  appearance: none;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  border-radius: 999px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  transition: background 0.15s ease;
}

.dstd-ag-lb__close:hover,
.dstd-ag-lb__nav:hover {
  background: rgba(255, 255, 255, 0.22);
}

.dstd-ag-lb__close {
  top: 0;
  right: 0;
  z-index: 2;
}

.dstd-ag-lb__nav--prev,
.dstd-ag-lb__nav--next {
  top: 50%;
  transform: translateY(-50%);
}

.dstd-ag-lb__nav--prev {
  left: -8px;
}

.dstd-ag-lb__nav--next {
  right: -8px;
}

.dstd-ag-lb__nav--prev::before {
  content: "‹";
  font-size: 28px;
}

.dstd-ag-lb__nav--next::before {
  content: "›";
  font-size: 28px;
}

html.dstd-ag-lb-open {
  overflow: hidden;
}

@media (max-width: 980px) {
  .dstd-ag--grid .dstd-ag__grid {
    grid-template-columns: repeat(var(--dstd-ag-cols-tablet), minmax(0, 1fr));
  }

  .dstd-ag--masonry .dstd-ag__grid {
    column-count: var(--dstd-ag-cols-tablet);
  }
}

@media (max-width: 767px) {
  .dstd-ag--grid .dstd-ag__grid {
    grid-template-columns: repeat(var(--dstd-ag-cols-mobile), minmax(0, 1fr));
  }

  .dstd-ag--masonry .dstd-ag__grid {
    column-count: var(--dstd-ag-cols-mobile);
  }

  .dstd-ag-lb__nav--prev {
    left: 4px;
  }

  .dstd-ag-lb__nav--next {
    right: 4px;
  }
}

.dstd-ag--motion-off .dstd-ag__img,
.dstd-ag--motion-off .dstd-ag__overlay {
  transition: none !important;
}

.dstd-ag--motion-off .dstd-ag__item--scale-zoom-in:hover .dstd-ag__img,
.dstd-ag--motion-off .dstd-ag__item--scale-zoom-out .dstd-ag__img,
.dstd-ag--motion-off .dstd-ag__item--scale-zoom-out:hover .dstd-ag__img {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ag--reduced-motion-aware .dstd-ag__img,
  .dstd-ag--reduced-motion-aware .dstd-ag__overlay {
    transition: none !important;
  }

  .dstd-ag--reduced-motion-aware .dstd-ag__item--scale-zoom-in:hover .dstd-ag__img,
  .dstd-ag--reduced-motion-aware .dstd-ag__item--scale-zoom-out .dstd-ag__img,
  .dstd-ag--reduced-motion-aware .dstd-ag__item--scale-zoom-out:hover .dstd-ag__img {
    transform: none !important;
  }
}

/* —— Logo Carousel (.dstd-lc) —— */
.dstd-lc {
  --dstd-lc-arrow-color: #0f172a;
  --dstd-lc-arrow-bg: #ffffff;
  --dstd-lc-dot-color: rgba(15, 23, 42, 0.28);
  --dstd-lc-dot-active: #0f172a;
  --dstd-lc-max-height: 80px;
  --dstd-lc-max-width: 100%;
  --dstd-lc-opacity: 0.85;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.dstd-lc *,
.dstd-lc *::before,
.dstd-lc *::after {
  box-sizing: border-box;
}

.dstd-lc__empty {
  padding: 16px 18px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}

.dstd-lc__inner {
  position: relative;
  width: 100%;
}

.dstd-lc__swiper {
  width: 100%;
  overflow: hidden;
}

.dstd-lc .swiper-wrapper {
  align-items: stretch;
}

.dstd-lc--valign-start .swiper-wrapper { align-items: flex-start; }
.dstd-lc--valign-center .swiper-wrapper { align-items: center; }
.dstd-lc--valign-end .swiper-wrapper { align-items: flex-end; }

.dstd-lc--equal-height .swiper-wrapper {
  align-items: center;
}

.dstd-lc--equal-height .dstd_logo_carousel_item,
.dstd-lc--equal-height .dstd-lc__item {
  height: 100%;
}

.dstd_logo_carousel_item.swiper-slide {
  height: auto;
  display: flex;
  box-sizing: border-box;
}

.dstd-lc__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 8px;
}

.dstd-lc__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.dstd-lc__img {
  display: block;
  max-width: var(--dstd-lc-max-width);
  max-height: var(--dstd-lc-max-height);
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  opacity: var(--dstd-lc-opacity);
  transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Studio: grayscale → color on hover/focus */
.dstd-lc--grayscale .dstd-lc__img {
  filter: grayscale(1);
}

.dstd-lc--grayscale .dstd-lc__item:hover .dstd-lc__img,
.dstd-lc--grayscale .dstd-lc__item:focus-within .dstd-lc__img {
  filter: grayscale(0);
  opacity: 1;
}

.dstd-lc__item:hover .dstd-lc__img,
.dstd-lc__item:focus-within .dstd-lc__img {
  opacity: 1;
}

/* Tooltips */
.dstd-lc--tooltips .dstd-lc__tip {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -6px);
  padding: 5px 9px;
  border-radius: 4px;
  background: #0f172a;
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 3;
}

.dstd-lc--tooltips .dstd-lc__item:hover .dstd-lc__tip,
.dstd-lc--tooltips .dstd-lc__item:focus-within .dstd-lc__tip {
  opacity: 1;
  transform: translate(-50%, -10px);
}

/* Arrows */
.dstd-lc__arrows {
  pointer-events: none;
}

.dstd-lc__arrow {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--dstd-lc-arrow-bg);
  color: var(--dstd-lc-arrow-color);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
  pointer-events: auto;
}

.dstd-lc__arrow:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
}

.dstd-lc .swiper-button-prev:after,
.dstd-lc .swiper-button-next:after {
  font-size: 14px !important;
  font-weight: 700;
  color: var(--dstd-lc-arrow-color);
}

.dstd-lc .swiper-button-disabled {
  opacity: 0.35;
}

.dstd-lc--arrow-middle .dstd-lc__arrow--prev,
.dstd-lc--arrow-middle .swiper-button-prev {
  left: 0;
  top: 50%;
  margin-top: -20px;
}

.dstd-lc--arrow-middle .dstd-lc__arrow--next,
.dstd-lc--arrow-middle .swiper-button-next {
  right: 0;
  top: 50%;
  margin-top: -20px;
}

.dstd-lc--arrow-top .dstd-lc__arrows,
.dstd-lc--arrow-bottom .dstd-lc__arrows {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 10px;
  position: relative;
}

.dstd-lc--arrow-bottom .dstd-lc__arrows {
  order: 2;
  margin: 10px 0 0;
}

.dstd-lc--arrow-top .dstd-lc__inner,
.dstd-lc--arrow-bottom .dstd-lc__inner {
  display: flex;
  flex-direction: column;
}

.dstd-lc--arrow-top .dstd-lc__arrows { order: -1; }
.dstd-lc--arrow-bottom .dstd-lc__swiper { order: 1; }

.dstd-lc--arrow-top .dstd-lc__arrow,
.dstd-lc--arrow-bottom .dstd-lc__arrow {
  position: static;
  margin: 0;
}

/* Dots */
.dstd-lc__dots {
  position: relative;
  margin-top: 14px;
  text-align: center;
  width: 100%;
}

.dstd-lc__dots .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--dstd-lc-dot-color);
  opacity: 1;
  margin: 0 4px !important;
}

.dstd-lc__dots .swiper-pagination-bullet-active {
  background: var(--dstd-lc-dot-active);
  transform: scale(1.2);
}

/* Ticker linear transitions */
.dstd-lc--ticker-linear .swiper-wrapper {
  transition-timing-function: linear !important;
}

.dstd-lc--motion-off .swiper-wrapper {
  transition-duration: 0ms !important;
}

@media (max-width: 767px) {
  .dstd-lc--arrow-middle .dstd-lc__arrow {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-lc--reduced-motion-aware .dstd-lc__img,
  .dstd-lc--reduced-motion-aware .dstd-lc__tip {
    transition: none !important;
  }

  .dstd-lc--reduced-motion-aware.dstd-lc--grayscale .dstd-lc__img {
    filter: none;
  }
}

/* —— Instagram Feed (.dstd-if) —— */
.dstd-if {
  --dstd-if-cols: 3;
  --dstd-if-cols-tablet: 2;
  --dstd-if-cols-mobile: 1;
  --dstd-if-gap: 10px;
  --dstd-if-radius: 8px;
  --dstd-if-aspect: 1 / 1;
  --dstd-if-overlay: rgba(15, 23, 42, 0.4);
  --dstd-if-caption-color: #ffffff;
  --dstd-if-btn-bg: #0f172a;
  --dstd-if-btn-color: #ffffff;
  width: 100%;
  box-sizing: border-box;
}

.dstd-if *,
.dstd-if *::before,
.dstd-if *::after {
  box-sizing: border-box;
}

.dstd-if__empty {
  padding: 16px 18px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}

.dstd-if__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
}

.dstd-if__avatar {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  object-fit: cover;
}

.dstd-if__username {
  font-weight: 600;
  color: #0f172a;
  font-size: 15px;
}

.dstd-if__follow {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 6px;
  background: var(--dstd-if-btn-bg);
  color: var(--dstd-if-btn-color);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.dstd-if--grid .dstd-if__grid {
  display: grid;
  grid-template-columns: repeat(var(--dstd-if-cols), minmax(0, 1fr));
  gap: var(--dstd-if-gap);
}

.dstd-if--masonry .dstd-if__grid {
  column-count: var(--dstd-if-cols);
  column-gap: var(--dstd-if-gap);
}

.dstd-if--masonry .dstd-if__item {
  break-inside: avoid;
  margin: 0 0 var(--dstd-if-gap);
  width: 100%;
}

.dstd-if__item {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--dstd-if-radius);
  background: #f1f5f9;
}

.dstd-if__item.is-hidden {
  display: none !important;
}

.dstd-if__media {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  border-radius: inherit;
}

.dstd-if__item--fixed-aspect .dstd-if__media {
  aspect-ratio: var(--dstd-if-aspect);
}

.dstd-if__img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.dstd-if__item--fixed-aspect .dstd-if__img {
  height: 100%;
  object-fit: cover;
}

.dstd-if__item:hover .dstd-if__img,
.dstd-if__item:focus-within .dstd-if__img {
  transform: scale(1.04);
}

.dstd-if__video-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.65);
}

.dstd-if__video-badge::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
}

.dstd-if__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 12px;
  opacity: 0;
  background: transparent;
  transition: opacity 0.25s ease, background 0.25s ease;
  pointer-events: none;
}

.dstd-if__item--overlay:hover .dstd-if__overlay,
.dstd-if__item--overlay:focus-within .dstd-if__overlay,
.dstd-if__item--caption-always .dstd-if__overlay {
  opacity: 1;
  background: var(--dstd-if-overlay);
}

.dstd-if__item:not(.dstd-if__item--overlay).dstd-if__item--caption-always .dstd-if__overlay,
.dstd-if__item:not(.dstd-if__item--overlay):hover .dstd-if__overlay {
  opacity: 1;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.55), transparent 55%);
}

.dstd-if__caption {
  color: var(--dstd-if-caption-color);
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
}

.dstd-if__footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.dstd-if__load-more {
  appearance: none;
  border: 0;
  background: var(--dstd-if-btn-bg);
  color: var(--dstd-if-btn-color);
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}

/* Lightbox */
.dstd-if-lb {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.dstd-if-lb[hidden] {
  display: none !important;
}

.dstd-if-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.88);
  cursor: pointer;
}

.dstd-if-lb__dialog {
  position: relative;
  z-index: 1;
  max-width: min(900px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dstd-if-lb__figure {
  margin: 0;
  max-width: 100%;
  text-align: center;
}

.dstd-if-lb__img {
  display: block;
  max-width: 100%;
  max-height: 72vh;
  width: auto;
  height: auto;
  border-radius: 4px;
  margin: 0 auto;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.dstd-if-lb__caption {
  margin-top: 12px;
  color: #e2e8f0;
  font-size: 14px;
  text-align: center;
  max-width: 40rem;
}

.dstd-if-lb__ig {
  display: inline-block;
  margin-top: 12px;
  color: #93c5fd;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.dstd-if-lb__ig:hover {
  text-decoration: underline;
}

.dstd-if-lb__close,
.dstd-if-lb__nav {
  position: absolute;
  appearance: none;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  border-radius: 999px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.dstd-if-lb__close {
  top: 0;
  right: 0;
  z-index: 2;
}

.dstd-if-lb__nav--prev,
.dstd-if-lb__nav--next {
  top: 50%;
  transform: translateY(-50%);
}

.dstd-if-lb__nav--prev { left: -8px; }
.dstd-if-lb__nav--next { right: -8px; }

.dstd-if-lb__nav--prev::before { content: "‹"; font-size: 28px; }
.dstd-if-lb__nav--next::before { content: "›"; font-size: 28px; }

html.dstd-if-lb-open {
  overflow: hidden;
}

@media (max-width: 980px) {
  .dstd-if--grid .dstd-if__grid {
    grid-template-columns: repeat(var(--dstd-if-cols-tablet), minmax(0, 1fr));
  }
  .dstd-if--masonry .dstd-if__grid {
    column-count: var(--dstd-if-cols-tablet);
  }
}

@media (max-width: 767px) {
  .dstd-if--grid .dstd-if__grid {
    grid-template-columns: repeat(var(--dstd-if-cols-mobile), minmax(0, 1fr));
  }
  .dstd-if--masonry .dstd-if__grid {
    column-count: var(--dstd-if-cols-mobile);
  }
}

.dstd-if--motion-off .dstd-if__img,
.dstd-if--motion-off .dstd-if__overlay {
  transition: none !important;
}

.dstd-if--motion-off .dstd-if__item:hover .dstd-if__img {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-if--reduced-motion-aware .dstd-if__img,
  .dstd-if--reduced-motion-aware .dstd-if__overlay {
    transition: none !important;
  }

  .dstd-if--reduced-motion-aware .dstd-if__item:hover .dstd-if__img {
    transform: none !important;
  }
}

/* —— Instagram Carousel (.dstd-ifc) —— */
.dstd-ifc {
  --dstd-ifc-arrow-color: #0f172a;
  --dstd-ifc-arrow-bg: #ffffff;
  --dstd-ifc-dot-color: rgba(15, 23, 42, 0.28);
  --dstd-ifc-dot-active: #0f172a;
  --dstd-ifc-max-height: 320px;
  width: 100%;
  position: relative;
}

.dstd-ifc *,
.dstd-ifc *::before,
.dstd-ifc *::after {
  box-sizing: border-box;
}

.dstd-ifc__header {
  margin-bottom: 16px;
}

.dstd-ifc__inner {
  position: relative;
  display: flex;
  flex-direction: column;
}

.dstd-ifc__swiper {
  width: 100%;
  overflow: hidden;
}

.dstd-ifc .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.dstd-ifc__slide {
  height: auto;
  box-sizing: border-box;
}

.dstd-ifc__slide .dstd-if__item {
  height: 100%;
  max-height: var(--dstd-ifc-max-height);
}

.dstd-ifc__slide .dstd-if__item--fixed-aspect .dstd-if__media {
  max-height: var(--dstd-ifc-max-height);
}

.dstd-ifc__slide .dstd-if__img {
  max-height: var(--dstd-ifc-max-height);
}

.dstd-ifc__arrows {
  pointer-events: none;
}

.dstd-ifc__arrow {
  pointer-events: auto;
  width: 40px;
  height: 40px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: var(--dstd-ifc-arrow-bg);
  color: var(--dstd-ifc-arrow-color);
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  z-index: 2;
}

.dstd-ifc__arrow:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dstd-ifc .swiper-button-prev:after,
.dstd-ifc .swiper-button-next:after {
  font-size: 14px;
  font-weight: 700;
  color: var(--dstd-ifc-arrow-color);
}

.dstd-ifc .swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

.dstd-ifc--arrow-middle .dstd-ifc__arrow--prev,
.dstd-ifc--arrow-middle .swiper-button-prev {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.dstd-ifc--arrow-middle .dstd-ifc__arrow--next,
.dstd-ifc--arrow-middle .swiper-button-next {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.dstd-ifc--arrow-top .dstd-ifc__arrows,
.dstd-ifc--arrow-bottom .dstd-ifc__arrows {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  pointer-events: auto;
  margin: 0 0 12px;
}

.dstd-ifc--arrow-bottom .dstd-ifc__arrows {
  order: 2;
  margin: 12px 0 0;
}

.dstd-ifc--arrow-top .dstd-ifc__inner,
.dstd-ifc--arrow-bottom .dstd-ifc__inner {
  display: flex;
  flex-direction: column;
}

.dstd-ifc--arrow-top .dstd-ifc__arrows { order: -1; }
.dstd-ifc--arrow-bottom .dstd-ifc__swiper { order: 1; }

.dstd-ifc--arrow-top .dstd-ifc__arrow,
.dstd-ifc--arrow-bottom .dstd-ifc__arrow {
  position: static;
  transform: none;
}

.dstd-ifc__dots {
  margin-top: 14px;
  text-align: center;
  position: relative;
  width: 100%;
}

.dstd-ifc__dots .swiper-pagination-bullet {
  opacity: 1;
  background: var(--dstd-ifc-dot-color);
  width: 8px;
  height: 8px;
  margin: 0 4px !important;
}

.dstd-ifc__dots .swiper-pagination-bullet-active {
  background: var(--dstd-ifc-dot-active);
}

.dstd-ifc--motion-off .swiper-wrapper {
  transition-duration: 0ms !important;
}

@media (max-width: 767px) {
  .dstd-ifc--arrow-middle .dstd-ifc__arrow {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ifc--reduced-motion-aware .dstd-if__img,
  .dstd-ifc--reduced-motion-aware .dstd-if__overlay {
    transition: none !important;
  }

  .dstd-ifc--reduced-motion-aware .dstd-if__item:hover .dstd-if__img {
    transform: none !important;
  }
}

/* —— Lottie (.dstd-lottie) —— */
.dstd-lottie {
  --dstd-lottie-width: 100%;
  --dstd-lottie-max-width: 480px;
  --dstd-lottie-align: center;
  width: 100%;
  display: flex;
  justify-content: var(--dstd-lottie-align);
  position: relative;
}

.dstd-lottie *,
.dstd-lottie *::before,
.dstd-lottie *::after {
  box-sizing: border-box;
}

.dstd-lottie__empty {
  width: 100%;
  padding: 24px 16px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
  border: 1px dashed rgba(15, 23, 42, 0.15);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.02);
}

.dstd-lottie__player {
  width: var(--dstd-lottie-width);
  max-width: var(--dstd-lottie-max-width);
  line-height: 0;
  overflow: hidden;
}

.dstd-lottie__player svg,
.dstd-lottie__player canvas {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
}

.dstd-lottie--trigger-click:not(.dstd-lottie--decorative) {
  cursor: pointer;
}

.dstd-lottie--trigger-click:not(.dstd-lottie--decorative):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.dstd-lottie--trigger-hover .dstd-lottie__player {
  cursor: default;
}

.dstd-lottie--motion-off .dstd-lottie__player {
  pointer-events: none;
}

/* —— Timeline (.dstd-tl) —— */
.dstd-tl {
  --dstd-tl-gap: 48px;
  --dstd-tl-line-color: #cbd5e1;
  --dstd-tl-line-width: 3px;
  --dstd-tl-progress-color: #0f172a;
  --dstd-tl-marker-size: 16px;
  --dstd-tl-marker-color: #0f172a;
  --dstd-tl-marker-active: #2563eb;
  --dstd-tl-card-bg: #ffffff;
  --dstd-tl-card-radius: 10px;
  position: relative;
  width: 100%;
}

.dstd-tl *,
.dstd-tl *::before,
.dstd-tl *::after {
  box-sizing: border-box;
}

.dstd-tl__empty {
  padding: 24px 16px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
  border: 1px dashed rgba(15, 23, 42, 0.15);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.02);
}

.dstd-tl__line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: var(--dstd-tl-line-width);
  margin-left: calc(var(--dstd-tl-line-width) / -2);
  background: var(--dstd-tl-line-color);
  border-radius: 999px;
  z-index: 0;
  overflow: hidden;
}

.dstd-tl__line-progress {
  display: block;
  width: 100%;
  height: 0;
  background: var(--dstd-tl-progress-color);
  border-radius: inherit;
  transition: height 0.05s linear;
}

.dstd-tl--layout-left .dstd-tl__line {
  left: calc(var(--dstd-tl-marker-size) / 2);
  margin-left: calc(var(--dstd-tl-line-width) / -2);
}

.dstd-tl--layout-right .dstd-tl__line {
  left: auto;
  right: calc(var(--dstd-tl-marker-size) / 2);
  margin-left: 0;
  margin-right: calc(var(--dstd-tl-line-width) / -2);
}

.dstd-tl__list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--dstd-tl-gap);
  counter-reset: dstd-tl-item;
}

.dstd-tl .dstd_timeline_item {
  position: relative;
  width: 100%;
  z-index: 1;
  counter-increment: dstd-tl-item;
}

.dstd-tl__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--dstd-tl-marker-size) minmax(0, 1fr);
  column-gap: 24px;
  align-items: start;
  width: 100%;
}

.dstd-tl__date {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
  padding-top: 4px;
  color: #64748b;
  font-size: 0.95rem;
  line-height: 1.4;
}

.dstd-tl__date-text {
  font-weight: 700;
  color: #0f172a;
}

.dstd-tl__date-label {
  font-size: 0.85rem;
  margin-top: 2px;
}

.dstd-tl__marker {
  grid-column: 2;
  grid-row: 1;
  width: var(--dstd-tl-marker-size);
  height: var(--dstd-tl-marker-size);
  margin-top: 6px;
  border-radius: 999px;
  background: var(--dstd-tl-marker-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 4px #fff;
  transition: background-color 0.2s ease, transform 0.2s ease;
  z-index: 2;
  flex-shrink: 0;
}

.dstd-tl__marker.is-active {
  background: var(--dstd-tl-marker-active);
  transform: scale(1.08);
}

.dstd-tl__marker-dot {
  width: 40%;
  height: 40%;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
}

.dstd-tl__marker-num {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.dstd-tl__marker-num::before {
  content: counter(dstd-tl-item);
}

.dstd-tl__marker-icon {
  font-size: calc(var(--dstd-tl-marker-size) * 0.55);
  line-height: 1;
}

.dstd-tl__card {
  grid-column: 3;
  grid-row: 1;
  background: var(--dstd-tl-card-bg);
  border-radius: var(--dstd-tl-card-radius);
  padding: 18px 20px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.dstd-tl__title {
  margin: 0 0 8px;
  font-size: 1.15rem;
  line-height: 1.3;
  color: #0f172a;
}

.dstd-tl__body {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.55;
}

.dstd-tl__body > *:first-child { margin-top: 0; }
.dstd-tl__body > *:last-child { margin-bottom: 0; }

.dstd-tl__media {
  margin: 0 0 12px;
  border-radius: calc(var(--dstd-tl-card-radius) - 2px);
  overflow: hidden;
}

.dstd-tl__img {
  display: block;
  width: 100%;
  height: auto;
}

.dstd-tl__actions {
  margin-top: 14px;
}

.dstd-tl__btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 6px;
  background: #0f172a;
  color: #fff !important;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
}

.dstd-tl__btn:hover {
  opacity: 0.9;
}

/* Alternate zigzag: default first card LEFT (start-left)
   start-left: odd = card left (swap date/card), even = card right
   start-right: opposite */
.dstd-tl--layout-alternate.dstd-tl--start-left .dstd_timeline_item:nth-child(odd) .dstd-tl__item .dstd-tl__date,
.dstd-tl--layout-alternate.dstd-tl--start-right .dstd_timeline_item:nth-child(even) .dstd-tl__item .dstd-tl__date {
  grid-column: 3;
  text-align: left;
}

.dstd-tl--layout-alternate.dstd-tl--start-left .dstd_timeline_item:nth-child(odd) .dstd-tl__item .dstd-tl__card,
.dstd-tl--layout-alternate.dstd-tl--start-right .dstd_timeline_item:nth-child(even) .dstd-tl__item .dstd-tl__card {
  grid-column: 1;
}

/* start-left even: default (date left, card right) — already set */
/* start-right odd: default likewise */

/* Left layout: stacked cols after marker */
.dstd-tl--layout-left .dstd-tl__item {
  grid-template-columns: var(--dstd-tl-marker-size) minmax(0, 1fr);
  column-gap: 20px;
}

.dstd-tl--layout-left .dstd-tl__marker {
  grid-column: 1;
  grid-row: 1;
}

.dstd-tl--layout-left .dstd-tl__date {
  grid-column: 2;
  grid-row: 1;
  text-align: left;
  margin-bottom: 6px;
}

.dstd-tl--layout-left .dstd-tl__card {
  grid-column: 2;
  grid-row: 2;
}

.dstd-tl--layout-left.dstd-tl--hide-date .dstd-tl__card {
  grid-row: 1;
}

/* Right layout */
.dstd-tl--layout-right .dstd-tl__item {
  grid-template-columns: minmax(0, 1fr) var(--dstd-tl-marker-size);
  column-gap: 20px;
}

.dstd-tl--layout-right .dstd-tl__date {
  grid-column: 1;
  text-align: right;
  margin-bottom: 6px;
}

.dstd-tl--layout-right .dstd-tl__card {
  grid-column: 1;
  grid-row: 2;
  text-align: right;
}

.dstd-tl--layout-right .dstd-tl__marker {
  grid-column: 2;
  grid-row: 1;
}

.dstd-tl--layout-right.dstd-tl--hide-date .dstd-tl__card {
  grid-row: 1;
}

.dstd-tl--hide-date .dstd-tl__date {
  display: none;
}

/* Reveal */
.dstd-tl--reveal .dstd_timeline_item,
.dstd-tl--reveal .dstd-tl__item {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.dstd-tl--reveal .dstd_timeline_item.is-visible,
.dstd-tl--reveal .dstd-tl__item.is-visible,
.dstd-tl--vb.dstd-tl--reveal .dstd_timeline_item,
.dstd-tl--vb.dstd-tl--reveal .dstd-tl__item {
  opacity: 1;
  transform: none;
}

.dstd-tl--motion-off.dstd-tl--reveal .dstd_timeline_item,
.dstd-tl--motion-off.dstd-tl--reveal .dstd-tl__item {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-tl--reduced-motion-aware.dstd-tl--reveal .dstd_timeline_item,
  .dstd-tl--reduced-motion-aware.dstd-tl--reveal .dstd-tl__item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .dstd-tl--reduced-motion-aware .dstd-tl__line-progress {
    transition: none !important;
  }
}

@media (max-width: 767px) {
  .dstd-tl--mobile-left .dstd-tl__line {
    left: calc(var(--dstd-tl-marker-size) / 2);
    right: auto;
    margin-left: calc(var(--dstd-tl-line-width) / -2);
    margin-right: 0;
  }

  .dstd-tl--mobile-right .dstd-tl__line {
    left: auto;
    right: calc(var(--dstd-tl-marker-size) / 2);
    margin-left: 0;
    margin-right: calc(var(--dstd-tl-line-width) / -2);
  }

  .dstd-tl--mobile-alternate .dstd-tl__line {
    left: 50%;
    right: auto;
    margin-left: calc(var(--dstd-tl-line-width) / -2);
  }

  /* Force left stack on mobile unless mobile alternate */
  .dstd-tl--mobile-left .dstd-tl__item,
  .dstd-tl:not(.dstd-tl--mobile-alternate):not(.dstd-tl--mobile-right) .dstd-tl__item {
    grid-template-columns: var(--dstd-tl-marker-size) minmax(0, 1fr) !important;
    column-gap: 16px;
  }

  .dstd-tl--mobile-left .dstd-tl__marker,
  .dstd-tl:not(.dstd-tl--mobile-alternate):not(.dstd-tl--mobile-right) .dstd-tl__marker {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .dstd-tl--mobile-left .dstd-tl__date,
  .dstd-tl:not(.dstd-tl--mobile-alternate):not(.dstd-tl--mobile-right) .dstd-tl__date {
    grid-column: 2 !important;
    grid-row: 1 !important;
    text-align: left !important;
  }

  .dstd-tl--mobile-left .dstd-tl__card,
  .dstd-tl:not(.dstd-tl--mobile-alternate):not(.dstd-tl--mobile-right) .dstd-tl__card {
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: left !important;
  }

  .dstd-tl--mobile-right .dstd-tl__item {
    grid-template-columns: minmax(0, 1fr) var(--dstd-tl-marker-size) !important;
  }

  .dstd-tl--mobile-right .dstd-tl__date {
    grid-column: 1 !important;
    text-align: right !important;
  }

  .dstd-tl--mobile-right .dstd-tl__card {
    grid-column: 1 !important;
    grid-row: 2 !important;
    text-align: right !important;
  }

  .dstd-tl--mobile-right .dstd-tl__marker {
    grid-column: 2 !important;
  }

  .dstd-tl--mobile-alternate .dstd_timeline_item:nth-child(odd) .dstd-tl__item,
  .dstd-tl--mobile-alternate .dstd_timeline_item:nth-child(even) .dstd-tl__item {
    grid-template-columns: minmax(0, 1fr) var(--dstd-tl-marker-size) minmax(0, 1fr);
  }
}

/* —— Image Hotspot (.dstd-hs) —— */
.dstd-hs {
  --dstd-hs-spot-size: 18px;
  --dstd-hs-spot-color: #0f172a;
  --dstd-hs-spot-text: #ffffff;
  --dstd-hs-tip-bg: #0f172a;
  --dstd-hs-tip-color: #f8fafc;
  --dstd-hs-tip-radius: 8px;
  --dstd-hs-tip-max-width: 280px;
  width: 100%;
  max-width: 100%;
}

.dstd-hs *,
.dstd-hs *::before,
.dstd-hs *::after {
  box-sizing: border-box;
}

.dstd-hs--align-left .dstd-hs__frame {
  margin-left: 0;
  margin-right: auto;
}

.dstd-hs--align-center .dstd-hs__frame {
  margin-left: auto;
  margin-right: auto;
}

.dstd-hs--align-right .dstd-hs__frame {
  margin-left: auto;
  margin-right: 0;
}

.dstd-hs__frame {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  line-height: 0;
}

.dstd-hs__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.dstd-hs__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  width: 100%;
  background:
    linear-gradient(135deg, #e2e8f0 25%, transparent 25%) -10px 0 / 20px 20px,
    linear-gradient(225deg, #e2e8f0 25%, transparent 25%) -10px 0 / 20px 20px,
    linear-gradient(315deg, #e2e8f0 25%, transparent 25%) 0 0 / 20px 20px,
    linear-gradient(45deg, #e2e8f0 25%, #f1f5f9 25%) 0 0 / 20px 20px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
}

.dstd-hs__spots {
  position: absolute;
  inset: 0;
  counter-reset: dstd-hs-spot;
  pointer-events: none;
  line-height: normal;
}

/* Child module wrappers and units */
.dstd-hs__spots .dstd_image_hotspot_item,
.dstd-hs .dstd_image_hotspot_item {
  position: absolute;
  pointer-events: auto;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  z-index: 2;
  transform: translate(-50%, -50%);
  line-height: normal;
  counter-increment: dstd-hs-spot;
}

.dstd-hs__unit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.dstd-hs__marker {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--dstd-hs-spot-size);
  height: var(--dstd-hs-spot-size);
  min-width: var(--dstd-hs-spot-size);
  min-height: var(--dstd-hs-spot-size);
  border-radius: 999px;
  color: var(--dstd-hs-spot-text);
  font-size: calc(var(--dstd-hs-spot-size) * 0.45);
  font-weight: 600;
  line-height: 1;
  z-index: 1;
  outline: none;
}

.dstd-hs__marker:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.45);
}

.dstd-hs__marker-face {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--dstd-hs-spot-color);
  color: inherit;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
}

.dstd-hs__unit--text .dstd-hs__marker,
.dstd-hs__unit--icon .dstd-hs__marker {
  width: auto;
  min-width: var(--dstd-hs-spot-size);
  height: auto;
  min-height: var(--dstd-hs-spot-size);
  padding: 0 0.4em;
  border-radius: 999px;
}

.dstd-hs__unit--text .dstd-hs__marker-face,
.dstd-hs__unit--icon .dstd-hs__marker-face {
  padding: 0.35em 0.55em;
  gap: 0;
}

.dstd-hs__marker-dot {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.dstd-hs__marker-num::before {
  content: counter(dstd-hs-spot);
}

.dstd-hs__marker-icon.et-pb-icon {
  font-size: inherit;
  line-height: 1;
}

/* Pulse ring */
.dstd-hs__marker--pulse::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: var(--dstd-hs-spot-color);
  opacity: 0.45;
  z-index: 0;
  animation: dstd-hs-pulse 1.8s ease-out infinite;
  pointer-events: none;
}

@keyframes dstd-hs-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  70% {
    transform: scale(2.1);
    opacity: 0;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}

.dstd-hs--motion-off .dstd-hs__marker--pulse::before,
.dstd-hs--motion-off .dstd-hs__tip {
  animation: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-hs--reduced-motion-aware .dstd-hs__marker--pulse::before {
    animation: none !important;
    display: none;
  }

  .dstd-hs--reduced-motion-aware .dstd-hs__tip {
    transition: none !important;
  }
}

/* Tooltip */
.dstd-hs__tip {
  position: absolute;
  z-index: 5;
  width: max-content;
  max-width: min(var(--dstd-hs-tip-max-width), calc(100vw - 32px));
  padding: 10px 12px;
  background: var(--dstd-hs-tip-bg);
  color: var(--dstd-hs-tip-color);
  border-radius: var(--dstd-hs-tip-radius);
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

.dstd-hs__unit.is-open .dstd-hs__tip,
.dstd-hs__tip.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dstd-hs__tip[hidden] {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dstd-hs__unit.is-open .dstd-hs__tip[hidden] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dstd-hs__tip-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.dstd-hs__tip-body p:last-child {
  margin-bottom: 0;
}

.dstd-hs__tip-body a {
  color: inherit;
  text-decoration: underline;
}

.dstd-hs__tip-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--dstd-hs-tip-bg);
  transform: rotate(45deg);
}

/* Placement relative to unit (spot center) */
.dstd-hs--place-top .dstd-hs__tip {
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
}

.dstd-hs--place-top .dstd-hs__tip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}

.dstd-hs--place-bottom .dstd-hs__tip {
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
}

.dstd-hs--place-bottom .dstd-hs__tip-arrow {
  top: -5px;
  left: 50%;
  margin-left: -5px;
}

.dstd-hs--place-left .dstd-hs__tip {
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
}

.dstd-hs--place-left .dstd-hs__tip-arrow {
  right: -5px;
  top: 50%;
  margin-top: -5px;
}

.dstd-hs--place-right .dstd-hs__tip {
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
}

.dstd-hs--place-right .dstd-hs__tip-arrow {
  left: -5px;
  top: 50%;
  margin-top: -5px;
}

.dstd-hs:not(.dstd-hs--arrow) .dstd-hs__tip-arrow {
  display: none;
}

.dstd-hs:not(.dstd-hs--tooltips) .dstd-hs__tip {
  display: none !important;
}

.dstd-hs__empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 280px;
  padding: 16px;
  text-align: center;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  pointer-events: none;
  counter-increment: none;
}

/* VB: keep spots interactive; tips readable when open */
.dstd-hs--vb .dstd_image_hotspot_item {
  outline: 1px dashed transparent;
}

.dstd-hs--vb .dstd_image_hotspot_item:hover {
  outline-color: rgba(37, 99, 235, 0.35);
}

/* —— Before / After (.dstd-ba) —— */
.dstd-ba {
  --dstd-ba-pos: 50%;
  --dstd-ba-handle-color: #ffffff;
  --dstd-ba-handle-width: 3px;
  --dstd-ba-handle-size: 44px;
  --dstd-ba-label-bg: rgba(15, 23, 42, 0.72);
  --dstd-ba-label-color: #f8fafc;
  --dstd-ba-label-radius: 4px;
  --dstd-ba-fit: cover;
  width: 100%;
  max-width: 100%;
}

.dstd-ba *,
.dstd-ba *::before,
.dstd-ba *::after {
  box-sizing: border-box;
}

.dstd-ba__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 20px;
  text-align: center;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
  background: #f1f5f9;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
}

.dstd-ba__frame {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  cursor: col-resize;
  background: #0f172a;
}

.dstd-ba--vertical .dstd-ba__frame {
  cursor: row-resize;
}

.dstd-ba__img,
.dstd-ba__ph {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-drag: none;
}

/* After is base layer full size */
.dstd-ba__img--after,
.dstd-ba__ph--after {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
}

/* Frame establishes size from after image; before overlays */
.dstd-ba__before-clip {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.dstd-ba--horizontal .dstd-ba__before-clip {
  clip-path: inset(0 calc(100% - var(--dstd-ba-pos)) 0 0);
}

.dstd-ba--vertical .dstd-ba__before-clip {
  clip-path: inset(0 0 calc(100% - var(--dstd-ba-pos)) 0);
}

.dstd-ba__before-clip:not(.is-instant) {
  transition: clip-path 0.12s ease-out;
}

.dstd-ba--motion-off .dstd-ba__before-clip,
.dstd-ba__before-clip.is-instant {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ba--reduced-motion-aware .dstd-ba__before-clip {
    transition: none !important;
  }
}

.dstd-ba__img--before,
.dstd-ba__ph--before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--dstd-ba-fit);
  object-position: center center;
}

/* Match after object-fit on base when fit is set */
.dstd-ba--fit-cover .dstd-ba__img--after,
.dstd-ba--fit-cover .dstd-ba__img--before {
  object-fit: cover;
}

.dstd-ba--fit-contain .dstd-ba__img--after,
.dstd-ba--fit-contain .dstd-ba__img--before {
  object-fit: contain;
}

.dstd-ba--fit-fill .dstd-ba__img--after,
.dstd-ba--fit-fill .dstd-ba__img--before {
  object-fit: fill;
}

/* When using object-fit, both imgs fill the frame; size frame via aspect from after intrinsic */
.dstd-ba--fit-cover .dstd-ba__frame,
.dstd-ba--fit-contain .dstd-ba__frame,
.dstd-ba--fit-fill .dstd-ba__frame {
  min-height: 160px;
}

.dstd-ba--fit-cover .dstd-ba__img--after,
.dstd-ba--fit-contain .dstd-ba__img--after,
.dstd-ba--fit-fill .dstd-ba__img--after {
  width: 100%;
  height: 100%;
  min-height: 240px;
  max-height: 80vh;
  object-fit: var(--dstd-ba-fit);
  object-position: center;
}

/* Prefer natural height when cover but after has intrinsic dimensions */
.dstd-ba .dstd-ba__img--after:not([src=""]) {
  height: auto;
  max-height: none;
  min-height: 0;
  object-fit: var(--dstd-ba-fit);
}

.dstd-ba--fit-cover .dstd-ba__img--after,
.dstd-ba--fit-contain .dstd-ba__img--after,
.dstd-ba--fit-fill .dstd-ba__img--after {
  height: auto;
  min-height: 0;
}

.dstd-ba__ph {
  min-height: 240px;
  background: #334155;
}

.dstd-ba__ph--before {
  background: #475569;
}

/* Labels */
.dstd-ba__labels {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.dstd-ba__label {
  position: absolute;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--dstd-ba-label-color);
  background: var(--dstd-ba-label-bg);
  border-radius: var(--dstd-ba-label-radius);
}

.dstd-ba--horizontal .dstd-ba__label--before {
  top: 12px;
  left: 12px;
}

.dstd-ba--horizontal .dstd-ba__label--after {
  top: 12px;
  right: 12px;
}

.dstd-ba--vertical .dstd-ba__label--before {
  top: 12px;
  left: 12px;
}

.dstd-ba--vertical .dstd-ba__label--after {
  bottom: 12px;
  left: 12px;
}

.dstd-ba--labels-hover .dstd-ba__label {
  opacity: 0;
  transition: opacity 0.18s ease;
}

.dstd-ba--labels-hover:hover .dstd-ba__label,
.dstd-ba--labels-hover.is-dragging .dstd-ba__label,
.dstd-ba--labels-hover:focus-within .dstd-ba__label {
  opacity: 1;
}

/* Handle */
.dstd-ba__handle {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  z-index: 3;
  cursor: inherit;
  outline: none;
}

.dstd-ba__handle:focus-visible .dstd-ba__handle-grip {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
}

.dstd-ba--horizontal .dstd-ba__handle {
  top: 0;
  bottom: 0;
  left: var(--dstd-ba-pos);
  width: var(--dstd-ba-handle-size);
  transform: translateX(-50%);
}

.dstd-ba--vertical .dstd-ba__handle {
  left: 0;
  right: 0;
  top: var(--dstd-ba-pos);
  height: var(--dstd-ba-handle-size);
  transform: translateY(-50%);
}

.dstd-ba__handle-line {
  position: absolute;
  background: var(--dstd-ba-handle-color);
  pointer-events: none;
}

.dstd-ba--horizontal .dstd-ba__handle-line {
  top: 0;
  bottom: 0;
  left: 50%;
  width: var(--dstd-ba-handle-width);
  transform: translateX(-50%);
}

.dstd-ba--vertical .dstd-ba__handle-line {
  left: 0;
  right: 0;
  top: 50%;
  height: var(--dstd-ba-handle-width);
  transform: translateY(-50%);
}

.dstd-ba__handle-grip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--dstd-ba-handle-size) * 0.72);
  height: calc(var(--dstd-ba-handle-size) * 0.72);
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: var(--dstd-ba-handle-color);
  border: 2px solid rgba(15, 23, 42, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dstd-ba--handle-shadow .dstd-ba__handle-line,
.dstd-ba--handle-shadow .dstd-ba__handle-grip {
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.35);
}

.dstd-ba__handle-arrows {
  display: block;
  width: 14px;
  height: 14px;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
  color: #0f172a;
  opacity: 0.55;
  transform: rotate(45deg);
}

.dstd-ba--vertical .dstd-ba__handle-arrows {
  transform: rotate(0deg);
}

.dstd-ba.is-dragging .dstd-ba__handle-grip {
  transform: translate(-50%, -50%) scale(1.05);
}

.dstd-ba--vb .dstd-ba__frame {
  /* keep interactive in builder */
}

/* —— Business Hours (.dstd-bh) —— */
.dstd-bh {
  --dstd-bh-gap: 0px;
  --dstd-bh-row-pad: 12px;
  --dstd-bh-day-color: #0f172a;
  --dstd-bh-time-color: #334155;
  --dstd-bh-title-color: #0f172a;
  --dstd-bh-today-bg: rgba(37, 99, 235, 0.08);
  --dstd-bh-today-color: #1e40af;
  --dstd-bh-open-bg: #16a34a;
  --dstd-bh-open-color: #ffffff;
  --dstd-bh-closed-bg: #64748b;
  --dstd-bh-closed-color: #ffffff;
  width: 100%;
  max-width: 100%;
}

.dstd-bh *,
.dstd-bh *::before,
.dstd-bh *::after {
  box-sizing: border-box;
}

.dstd-bh__title {
  margin: 0 0 16px;
  color: var(--dstd-bh-title-color);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
}

.dstd-bh__badge {
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.dstd-bh__badge.is-open {
  background: var(--dstd-bh-open-bg);
  color: var(--dstd-bh-open-color);
}

.dstd-bh__badge.is-closed {
  background: var(--dstd-bh-closed-bg);
  color: var(--dstd-bh-closed-color);
}

.dstd-bh__badge[hidden] {
  display: none !important;
}

.dstd-bh__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dstd-bh-gap);
}

.dstd-bh__list .dstd_business_hours_item {
  width: 100%;
  margin: 0;
}

.dstd-bh__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  padding: var(--dstd-bh-row-pad) 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.dstd-bh__list .dstd_business_hours_item:last-child .dstd-bh__row,
.dstd-bh__list > .dstd-bh__row:last-child {
  border-bottom: 0;
}

.dstd-bh__day {
  flex: 1 1 auto;
  min-width: 6em;
  color: var(--dstd-bh-day-color);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
}

.dstd-bh__time {
  flex: 0 1 auto;
  text-align: right;
  color: var(--dstd-bh-time-color);
  font-size: 15px;
  line-height: 1.4;
}

.dstd-bh__sep {
  margin: 0 0.35em;
  opacity: 0.7;
}

.dstd-bh__row.is-closed .dstd-bh__time {
  opacity: 0.75;
  font-style: italic;
}

/* Today highlight */
.dstd-bh--highlight-today .dstd-bh__row.is-today,
.dstd-bh--highlight-today .dstd_business_hours_item.is-today .dstd-bh__row {
  background: var(--dstd-bh-today-bg);
  color: var(--dstd-bh-today-color);
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 6px;
  border-bottom-color: transparent;
}

.dstd-bh--highlight-today .dstd-bh__row.is-today .dstd-bh__day,
.dstd-bh--highlight-today .dstd-bh__row.is-today .dstd-bh__time,
.dstd-bh--highlight-today .dstd_business_hours_item.is-today .dstd-bh__day,
.dstd-bh--highlight-today .dstd_business_hours_item.is-today .dstd-bh__time {
  color: var(--dstd-bh-today-color);
}

.dstd-bh__empty {
  padding: 16px;
  text-align: center;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
}

@media (max-width: 479px) {
  .dstd-bh__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .dstd-bh__time {
    text-align: left;
  }
}

/* -------------------------------------------------------------------------- */
/* Star Rating (.dstd-sr)                                                     */
/* -------------------------------------------------------------------------- */

.dstd_star_rating {
  width: 100%;
}

.dstd-sr {
  --dstd-sr-size: 28px;
  --dstd-sr-gap: 4px;
  --dstd-sr-color: #f5a623;
  --dstd-sr-empty: #e2e8f0;
  --dstd-sr-num-color: #0f172a;
  --dstd-sr-title-color: #0f172a;
  --dstd-sr-text-color: #475569;
  --dstd-sr-count-color: #64748b;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}

.dstd-sr--align-left {
  align-items: flex-start;
  text-align: left;
}

.dstd-sr--align-center {
  align-items: center;
  text-align: center;
}

.dstd-sr--align-right {
  align-items: flex-end;
  text-align: right;
}

.dstd-sr__title {
  margin: 0 0 4px;
  color: var(--dstd-sr-title-color);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}

.dstd-sr__row {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
}

.dstd-sr--align-center .dstd-sr__row {
  justify-content: center;
}

.dstd-sr--align-right .dstd-sr__row {
  justify-content: flex-end;
}

.dstd-sr__stars {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dstd-sr-gap);
  line-height: 0;
}

.dstd-sr__star {
  --dstd-sr-fill: 0%;
  position: relative;
  display: inline-block;
  width: var(--dstd-sr-size);
  height: var(--dstd-sr-size);
  flex: 0 0 auto;
  line-height: 0;
}

.dstd-sr__star-track,
.dstd-sr__star-fill {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.dstd-sr__star-track {
  color: var(--dstd-sr-empty);
}

.dstd-sr__star-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--dstd-sr-fill);
  height: 100%;
  overflow: hidden;
  color: var(--dstd-sr-color);
  pointer-events: none;
  white-space: nowrap;
}

.dstd-sr__star-fill .dstd-sr__icon {
  display: block;
  width: var(--dstd-sr-size);
  height: var(--dstd-sr-size);
  max-width: none;
  flex-shrink: 0;
}

.dstd-sr__icon {
  display: block;
  width: 100%;
  height: 100%;
}

.dstd-sr__meta {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  line-height: 1.3;
}

.dstd-sr__num {
  color: var(--dstd-sr-num-color);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.dstd-sr__count {
  color: var(--dstd-sr-count-color);
  font-size: 0.875rem;
  font-weight: 400;
  white-space: nowrap;
}

.dstd-sr__meta-sep {
  color: var(--dstd-sr-count-color);
  opacity: 0.65;
  font-size: 0.875rem;
}

.dstd-sr__text {
  margin: 0;
  color: var(--dstd-sr-text-color);
  font-size: 0.9375rem;
  line-height: 1.55;
  max-width: 40rem;
}

.dstd-sr__schema {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Image Mask (.dstd-im)                                                      */
/* -------------------------------------------------------------------------- */

.dstd_image_mask {
  width: 100%;
}

.dstd-im {
  --dstd-im-mask: none;
  --dstd-im-size: 100%;
  --dstd-im-hover-size: 100%;
  --dstd-im-pos: center;
  --dstd-im-rotate: 0deg;
  --dstd-im-fit: cover;
  width: 100%;
  box-sizing: border-box;
}

.dstd-im__frame {
  display: block;
  width: 100%;
  line-height: 0;
  -webkit-mask-image: var(--dstd-im-mask);
  mask-image: var(--dstd-im-mask);
  -webkit-mask-size: var(--dstd-im-size);
  mask-size: var(--dstd-im-size);
  -webkit-mask-position: var(--dstd-im-pos);
  mask-position: var(--dstd-im-pos);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  transform: rotate(var(--dstd-im-rotate));
  transform-origin: center center;
  transition:
    -webkit-mask-size 0.4s ease,
    mask-size 0.4s ease;
}

.dstd-im__img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: var(--dstd-im-fit);
  transform: rotate(calc(-1 * var(--dstd-im-rotate)));
  transform-origin: center center;
}

.dstd-im--full-width .dstd-im__img {
  width: 100%;
}

.dstd-im__link {
  display: block;
  line-height: 0;
}

.dstd-im__link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

/* Invert: full rect minus shape */
.dstd-im--invert .dstd-im__frame {
  -webkit-mask-image: linear-gradient(#000 0 0), var(--dstd-im-mask);
  mask-image: linear-gradient(#000 0 0), var(--dstd-im-mask);
  -webkit-mask-size: 100% 100%, var(--dstd-im-size);
  mask-size: 100% 100%, var(--dstd-im-size);
  -webkit-mask-position: center, var(--dstd-im-pos);
  mask-position: center, var(--dstd-im-pos);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

/* Hover expand */
.dstd-im--hover-expand:hover .dstd-im__frame {
  -webkit-mask-size: var(--dstd-im-hover-size);
  mask-size: var(--dstd-im-hover-size);
}

.dstd-im--hover-expand.dstd-im--invert:hover .dstd-im__frame {
  -webkit-mask-size: 100% 100%, var(--dstd-im-hover-size);
  mask-size: 100% 100%, var(--dstd-im-hover-size);
}

.dstd-im--reduced-motion-aware.dstd-im--hover-expand .dstd-im__frame {
  /* class marker; motion policy applied with media query */
}

@media (prefers-reduced-motion: reduce) {
  .dstd-im--reduced-motion-aware .dstd-im__frame {
    transition: none;
  }

  .dstd-im--reduced-motion-aware.dstd-im--hover-expand:hover .dstd-im__frame {
    -webkit-mask-size: var(--dstd-im-size);
    mask-size: var(--dstd-im-size);
  }

  .dstd-im--reduced-motion-aware.dstd-im--hover-expand.dstd-im--invert:hover .dstd-im__frame {
    -webkit-mask-size: 100% 100%, var(--dstd-im-size);
    mask-size: 100% 100%, var(--dstd-im-size);
  }
}

.dstd-im__empty {
  padding: 28px 16px;
  text-align: center;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
}

/* -------------------------------------------------------------------------- */
/* Flip Box (.dstd-fb)                                                        */
/* -------------------------------------------------------------------------- */

.dstd_flip_box {
  width: 100%;
}

.dstd-fb {
  --dstd-fb-duration: 600ms;
  --dstd-fb-min-h: 280px;
  --dstd-fb-radius: 12px;
  --dstd-fb-pad: 24px;
  --dstd-fb-front-bg: #0f172a;
  --dstd-fb-back-bg: #1e293b;
  --dstd-fb-front-title: #f8fafc;
  --dstd-fb-front-text: #cbd5e1;
  --dstd-fb-back-title: #f8fafc;
  --dstd-fb-back-text: #cbd5e1;
  --dstd-fb-btn-bg: #38bdf8;
  --dstd-fb-btn-color: #0f172a;
  position: relative;
  width: 100%;
  min-height: var(--dstd-fb-min-h);
  perspective: 1200px;
  box-sizing: border-box;
  cursor: default;
  outline: none;
}

.dstd-fb--trigger-click,
.dstd-fb--trigger-both {
  cursor: pointer;
}

.dstd-fb:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 3px;
}

.dstd-fb__scene {
  position: relative;
  width: 100%;
  min-height: var(--dstd-fb-min-h);
  transform-style: preserve-3d;
}

.dstd-fb__face {
  position: absolute;
  inset: 0;
  display: flex;
  box-sizing: border-box;
  min-height: var(--dstd-fb-min-h);
  border-radius: var(--dstd-fb-radius);
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform var(--dstd-fb-duration) ease, opacity var(--dstd-fb-duration) ease;
}

.dstd-fb__face--front {
  background: var(--dstd-fb-front-bg);
  color: var(--dstd-fb-front-text);
  z-index: 2;
}

.dstd-fb__face--back {
  background: var(--dstd-fb-back-bg);
  color: var(--dstd-fb-back-text);
  z-index: 1;
}

.dstd-fb__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: var(--dstd-fb-pad);
}

.dstd-fb--align-left .dstd-fb__inner {
  align-items: flex-start;
  text-align: left;
}

.dstd-fb--align-center .dstd-fb__inner {
  align-items: center;
  text-align: center;
}

.dstd-fb--align-right .dstd-fb__inner {
  align-items: flex-end;
  text-align: right;
}

.dstd-fb__media {
  line-height: 0;
  max-width: 100%;
}

.dstd-fb__img {
  display: block;
  max-width: 120px;
  max-height: 120px;
  width: auto;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.dstd-fb__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.dstd-fb__face--front .dstd-fb__title {
  color: var(--dstd-fb-front-title);
}

.dstd-fb__face--back .dstd-fb__title {
  color: var(--dstd-fb-back-title);
}

.dstd-fb__text {
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
}

.dstd-fb__text p {
  margin: 0 0 0.5em;
}

.dstd-fb__text p:last-child {
  margin-bottom: 0;
}

.dstd-fb__btn {
  display: inline-block;
  margin-top: 4px;
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--dstd-fb-btn-bg);
  color: var(--dstd-fb-btn-color);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2;
  transition: filter 0.2s ease;
}

.dstd-fb__btn:hover {
  filter: brightness(1.08);
}

/* ---- Flip L / R (Y) ---- */
.dstd-fb--flip.dstd-fb--dir-left .dstd-fb__face--front {
  transform: rotateY(0);
}
.dstd-fb--flip.dstd-fb--dir-left .dstd-fb__face--back {
  transform: rotateY(180deg);
}
.dstd-fb--flip.dstd-fb--dir-left.is-flipped .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-left.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-left.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  transform: rotateY(-180deg);
}
.dstd-fb--flip.dstd-fb--dir-left.is-flipped .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-left.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-left.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  transform: rotateY(0);
}

.dstd-fb--flip.dstd-fb--dir-right .dstd-fb__face--front {
  transform: rotateY(0);
}
.dstd-fb--flip.dstd-fb--dir-right .dstd-fb__face--back {
  transform: rotateY(-180deg);
}
.dstd-fb--flip.dstd-fb--dir-right.is-flipped .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-right.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-right.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  transform: rotateY(180deg);
}
.dstd-fb--flip.dstd-fb--dir-right.is-flipped .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-right.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-right.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  transform: rotateY(0);
}

/* ---- Flip U / D (X) ---- */
.dstd-fb--flip.dstd-fb--dir-up .dstd-fb__face--front {
  transform: rotateX(0);
}
.dstd-fb--flip.dstd-fb--dir-up .dstd-fb__face--back {
  transform: rotateX(-180deg);
}
.dstd-fb--flip.dstd-fb--dir-up.is-flipped .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-up.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-up.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  transform: rotateX(180deg);
}
.dstd-fb--flip.dstd-fb--dir-up.is-flipped .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-up.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-up.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  transform: rotateX(0);
}

.dstd-fb--flip.dstd-fb--dir-down .dstd-fb__face--front {
  transform: rotateX(0);
}
.dstd-fb--flip.dstd-fb--dir-down .dstd-fb__face--back {
  transform: rotateX(180deg);
}
.dstd-fb--flip.dstd-fb--dir-down.is-flipped .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-down.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb--flip.dstd-fb--dir-down.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  transform: rotateX(-180deg);
}
.dstd-fb--flip.dstd-fb--dir-down.is-flipped .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-down.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb--flip.dstd-fb--dir-down.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  transform: rotateX(0);
}

/* ---- Fade ---- */
.dstd-fb--fade .dstd-fb__face--front {
  opacity: 1;
  z-index: 2;
  transform: none;
}
.dstd-fb--fade .dstd-fb__face--back {
  opacity: 0;
  z-index: 1;
  transform: none;
  pointer-events: none;
}
.dstd-fb--fade.is-flipped .dstd-fb__face--front,
.dstd-fb--fade.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb--fade.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.dstd-fb--fade.is-flipped .dstd-fb__face--back,
.dstd-fb--fade.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb--fade.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

/* Reduced motion: no 3D, short fade */
.dstd-fb.is-reduced-motion.dstd-fb--flip .dstd-fb__face,
.dstd-fb--reduced-motion-aware.dstd-fb--flip.is-reduced-motion .dstd-fb__face {
  transform: none !important;
}

.dstd-fb.is-reduced-motion.dstd-fb--flip .dstd-fb__face--front {
  opacity: 1;
  z-index: 2;
}
.dstd-fb.is-reduced-motion.dstd-fb--flip .dstd-fb__face--back {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.dstd-fb.is-reduced-motion.dstd-fb--flip.is-flipped .dstd-fb__face--front,
.dstd-fb.is-reduced-motion.dstd-fb--flip.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
.dstd-fb.is-reduced-motion.dstd-fb--flip.dstd-fb--trigger-both:hover .dstd-fb__face--front {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.dstd-fb.is-reduced-motion.dstd-fb--flip.is-flipped .dstd-fb__face--back,
.dstd-fb.is-reduced-motion.dstd-fb--flip.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
.dstd-fb.is-reduced-motion.dstd-fb--flip.dstd-fb--trigger-both:hover .dstd-fb__face--back {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-fb--reduced-motion-aware.dstd-fb--flip .dstd-fb__face {
    transform: none !important;
  }
  .dstd-fb--reduced-motion-aware.dstd-fb--flip .dstd-fb__face--front {
    opacity: 1;
    z-index: 2;
  }
  .dstd-fb--reduced-motion-aware.dstd-fb--flip .dstd-fb__face--back {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.is-flipped .dstd-fb__face--front,
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.dstd-fb--trigger-hover:hover .dstd-fb__face--front,
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.dstd-fb--trigger-both:hover .dstd-fb__face--front {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.is-flipped .dstd-fb__face--back,
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.dstd-fb--trigger-hover:hover .dstd-fb__face--back,
  .dstd-fb--reduced-motion-aware.dstd-fb--flip.dstd-fb--trigger-both:hover .dstd-fb__face--back {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
  }
  .dstd-fb--reduced-motion-aware .dstd-fb__face {
    transition-duration: 0.01ms;
  }
}

/* VB preview sticky side */
.dstd-fb--vb[data-preview="back"]:not(.is-flipped) {
  /* JS forces is-flipped */
}

/* -------------------------------------------------------------------------- */
/* Hover Box (.dstd-hb)                                                       */
/* -------------------------------------------------------------------------- */

.dstd_hover_box {
  width: 100%;
}

.dstd-hb {
  --dstd-hb-duration: 350ms;
  --dstd-hb-min-h: 320px;
  --dstd-hb-radius: 12px;
  --dstd-hb-pad: 28px;
  --dstd-hb-bg-color: #0f172a;
  --dstd-hb-bg-image: none;
  --dstd-hb-overlay: #0f172a;
  --dstd-hb-overlay-op: 0.45;
  --dstd-hb-overlay-op-reveal: 0.65;
  --dstd-hb-title-color: #f8fafc;
  --dstd-hb-text-color: #e2e8f0;
  --dstd-hb-reveal-title: #f8fafc;
  --dstd-hb-reveal-text: #e2e8f0;
  --dstd-hb-btn-bg: #38bdf8;
  --dstd-hb-btn-color: #0f172a;
  --dstd-hb-valign: flex-end;
  --dstd-hb-bg-scale: 1.08;
  position: relative;
  display: block;
  width: 100%;
  min-height: var(--dstd-hb-min-h);
  border-radius: var(--dstd-hb-radius);
  overflow: hidden;
  box-sizing: border-box;
  cursor: default;
  outline: none;
}

.dstd-hb--trigger-click,
.dstd-hb--trigger-both {
  cursor: pointer;
}

.dstd-hb:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 3px;
}

.dstd-hb__bg {
  position: absolute;
  inset: 0;
  background-color: var(--dstd-hb-bg-color);
  background-image: var(--dstd-hb-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform var(--dstd-hb-duration) cubic-bezier(0.57, 0.21, 0.69, 1);
  z-index: 0;
}

.dstd-hb--bg-scale.dstd-hb--trigger-hover:hover .dstd-hb__bg,
.dstd-hb--bg-scale.dstd-hb--trigger-both:hover .dstd-hb__bg,
.dstd-hb--bg-scale.is-revealed .dstd-hb__bg {
  transform: scale(var(--dstd-hb-bg-scale));
}

.dstd-hb__overlay {
  position: absolute;
  inset: 0;
  background: var(--dstd-hb-overlay);
  opacity: var(--dstd-hb-overlay-op);
  transition: opacity var(--dstd-hb-duration) ease;
  z-index: 1;
  pointer-events: none;
}

.dstd-hb--overlay.dstd-hb--trigger-hover:hover .dstd-hb__overlay,
.dstd-hb--overlay.dstd-hb--trigger-both:hover .dstd-hb__overlay,
.dstd-hb--overlay.is-revealed .dstd-hb__overlay {
  opacity: var(--dstd-hb-overlay-op-reveal);
}

.dstd-hb__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: var(--dstd-hb-valign);
  min-height: var(--dstd-hb-min-h);
  padding: var(--dstd-hb-pad);
  box-sizing: border-box;
}

.dstd-hb__layer {
  width: 100%;
  transition:
    opacity var(--dstd-hb-duration) cubic-bezier(0.57, 0.21, 0.69, 1),
    transform var(--dstd-hb-duration) cubic-bezier(0.57, 0.21, 0.69, 1);
}

.dstd-hb__layer--idle {
  position: relative;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  z-index: 2;
}

.dstd-hb__layer--reveal {
  position: absolute;
  left: var(--dstd-hb-pad);
  right: var(--dstd-hb-pad);
  top: var(--dstd-hb-pad);
  bottom: var(--dstd-hb-pad);
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: var(--dstd-hb-valign);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.dstd-hb--align-left .dstd-hb__layer {
  text-align: left;
}
.dstd-hb--align-center .dstd-hb__layer {
  text-align: center;
}
.dstd-hb--align-right .dstd-hb__layer {
  text-align: right;
}

/* Directions: idle exit / reveal enter */
.dstd-hb--dir-bottom .dstd-hb__layer--reveal {
  transform: translate3d(0, 28px, 0);
}
.dstd-hb--dir-top .dstd-hb__layer--reveal {
  transform: translate3d(0, -28px, 0);
}
.dstd-hb--dir-left .dstd-hb__layer--reveal {
  transform: translate3d(-28px, 0, 0);
}
.dstd-hb--dir-right .dstd-hb__layer--reveal {
  transform: translate3d(28px, 0, 0);
}
.dstd-hb--dir-fade .dstd-hb__layer--reveal {
  transform: none;
}

/* Hover / revealed: swap layers */
.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb.is-revealed .dstd-hb__layer--idle {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.dstd-hb--dir-bottom.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--dir-bottom.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb--dir-bottom.is-revealed .dstd-hb__layer--idle {
  transform: translate3d(0, -20px, 0);
}
.dstd-hb--dir-top.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--dir-top.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb--dir-top.is-revealed .dstd-hb__layer--idle {
  transform: translate3d(0, 20px, 0);
}
.dstd-hb--dir-left.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--dir-left.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb--dir-left.is-revealed .dstd-hb__layer--idle {
  transform: translate3d(20px, 0, 0);
}
.dstd-hb--dir-right.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--dir-right.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb--dir-right.is-revealed .dstd-hb__layer--idle {
  transform: translate3d(-20px, 0, 0);
}
.dstd-hb--dir-fade.dstd-hb--trigger-hover:hover .dstd-hb__layer--idle,
.dstd-hb--dir-fade.dstd-hb--trigger-both:hover .dstd-hb__layer--idle,
.dstd-hb--dir-fade.is-revealed .dstd-hb__layer--idle {
  transform: none;
}

.dstd-hb--trigger-hover:hover .dstd-hb__layer--reveal,
.dstd-hb--trigger-both:hover .dstd-hb__layer--reveal,
.dstd-hb.is-revealed .dstd-hb__layer--reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
  z-index: 2;
}

.dstd-hb__title {
  margin: 0 0 8px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dstd-hb-title-color);
}

.dstd-hb__layer--reveal .dstd-hb__title {
  color: var(--dstd-hb-reveal-title);
}

.dstd-hb__text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--dstd-hb-text-color);
}

.dstd-hb__layer--reveal .dstd-hb__text {
  color: var(--dstd-hb-reveal-text);
}

.dstd-hb__text p {
  margin: 0 0 0.5em;
}
.dstd-hb__text p:last-child {
  margin-bottom: 0;
}

.dstd-hb__btn {
  display: inline-block;
  margin-top: 14px;
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--dstd-hb-btn-bg);
  color: var(--dstd-hb-btn-color);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2;
  transition: filter 0.2s ease;
}

.dstd-hb__btn:hover {
  filter: brightness(1.08);
}

/* Reduced motion */
.dstd-hb.is-reduced-motion .dstd-hb__bg,
.dstd-hb.is-reduced-motion .dstd-hb__layer {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-hb--reduced-motion-aware .dstd-hb__bg,
  .dstd-hb--reduced-motion-aware .dstd-hb__layer {
    transform: none !important;
  }
  .dstd-hb--reduced-motion-aware .dstd-hb__bg,
  .dstd-hb--reduced-motion-aware .dstd-hb__layer,
  .dstd-hb--reduced-motion-aware .dstd-hb__overlay {
    transition-duration: 0.01ms;
  }
  .dstd-hb--reduced-motion-aware.dstd-hb--bg-scale.dstd-hb--trigger-hover:hover .dstd-hb__bg,
  .dstd-hb--reduced-motion-aware.dstd-hb--bg-scale.dstd-hb--trigger-both:hover .dstd-hb__bg,
  .dstd-hb--reduced-motion-aware.dstd-hb--bg-scale.is-revealed .dstd-hb__bg {
    transform: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Image Hover (.dstd-ih)                                                     */
/* -------------------------------------------------------------------------- */

.dstd_image_hover {
  width: 100%;
}

.dstd-ih {
  --dstd-ih-duration: 400ms;
  --dstd-ih-radius: 8px;
  --dstd-ih-pad: 20px;
  --dstd-ih-overlay: #0f172a;
  --dstd-ih-overlay-op: 0;
  --dstd-ih-overlay-op-active: 0.5;
  --dstd-ih-title-color: #ffffff;
  --dstd-ih-text-color: rgba(255, 255, 255, 0.9);
  --dstd-ih-icon-color: #ffffff;
  --dstd-ih-icon-size: 28px;
  --dstd-ih-border-color: #ffffff;
  --dstd-ih-border-width: 2px;
  --dstd-ih-border-inset: 14px;
  --dstd-ih-scale: 1.12;
  position: relative;
  display: block;
  width: 100%;
  outline: none;
}

.dstd-ih:focus-visible,
.dstd-ih__link:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 3px;
}

.dstd-ih--trigger-click {
  cursor: pointer;
}

.dstd-ih__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.dstd-ih__figure {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--dstd-ih-radius);
  margin: 0;
}

.dstd-ih__media {
  position: relative;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}

.dstd-ih__img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  transform: scale(1) translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    transform var(--dstd-ih-duration) cubic-bezier(0.57, 0.21, 0.69, 1),
    filter var(--dstd-ih-duration) ease;
  will-change: transform;
}

.dstd-ih__placeholder {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, #1e293b, #0f172a);
}

/* Image motions */
.dstd-ih--motion-zoom-out .dstd-ih__img {
  transform: scale(var(--dstd-ih-scale));
}

.dstd-ih--motion-zoom-in.dstd-ih--trigger-hover:hover .dstd-ih__img,
.dstd-ih--motion-zoom-in.dstd-ih--trigger-both:hover .dstd-ih__img,
.dstd-ih--motion-zoom-in.dstd-ih--trigger-focus:focus-within .dstd-ih__img,
.dstd-ih--motion-zoom-in.is-active .dstd-ih__img {
  transform: scale(var(--dstd-ih-scale));
}

.dstd-ih--motion-zoom-out.dstd-ih--trigger-hover:hover .dstd-ih__img,
.dstd-ih--motion-zoom-out.dstd-ih--trigger-both:hover .dstd-ih__img,
.dstd-ih--motion-zoom-out.dstd-ih--trigger-focus:focus-within .dstd-ih__img,
.dstd-ih--motion-zoom-out.is-active .dstd-ih__img {
  transform: scale(1);
}

.dstd-ih--motion-pan-up.dstd-ih--trigger-hover:hover .dstd-ih__img,
.dstd-ih--motion-pan-up.dstd-ih--trigger-both:hover .dstd-ih__img,
.dstd-ih--motion-pan-up.dstd-ih--trigger-focus:focus-within .dstd-ih__img,
.dstd-ih--motion-pan-up.is-active .dstd-ih__img {
  transform: scale(1.08) translate3d(0, -4%, 0);
}

.dstd-ih--motion-pan-down.dstd-ih--trigger-hover:hover .dstd-ih__img,
.dstd-ih--motion-pan-down.dstd-ih--trigger-both:hover .dstd-ih__img,
.dstd-ih--motion-pan-down.dstd-ih--trigger-focus:focus-within .dstd-ih__img,
.dstd-ih--motion-pan-down.is-active .dstd-ih__img {
  transform: scale(1.08) translate3d(0, 4%, 0);
}

.dstd-ih--motion-blur.dstd-ih--trigger-hover:hover .dstd-ih__img,
.dstd-ih--motion-blur.dstd-ih--trigger-both:hover .dstd-ih__img,
.dstd-ih--motion-blur.dstd-ih--trigger-focus:focus-within .dstd-ih__img,
.dstd-ih--motion-blur.is-active .dstd-ih__img {
  filter: blur(3px);
  transform: scale(1.04);
}

/* Overlay */
.dstd-ih__overlay {
  position: absolute;
  inset: 0;
  background: var(--dstd-ih-overlay);
  opacity: var(--dstd-ih-overlay-op);
  pointer-events: none;
  z-index: 1;
  transition: opacity var(--dstd-ih-duration) ease;
}

.dstd-ih--overlay.dstd-ih--trigger-hover:hover .dstd-ih__overlay,
.dstd-ih--overlay.dstd-ih--trigger-both:hover .dstd-ih__overlay,
.dstd-ih--overlay.dstd-ih--trigger-focus:focus-within .dstd-ih__overlay,
.dstd-ih--overlay.is-active .dstd-ih__overlay {
  opacity: var(--dstd-ih-overlay-op-active);
}

/* Border draw */
.dstd-ih__draw {
  position: absolute;
  inset: var(--dstd-ih-border-inset);
  z-index: 2;
  pointer-events: none;
}

.dstd-ih__draw span {
  position: absolute;
  background: var(--dstd-ih-border-color);
  transition: transform var(--dstd-ih-duration) cubic-bezier(0.57, 0.21, 0.69, 1);
}

.dstd-ih__draw span:nth-child(1),
.dstd-ih__draw span:nth-child(2) {
  height: var(--dstd-ih-border-width);
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.dstd-ih__draw span:nth-child(1) {
  top: 0;
  transform-origin: left;
}
.dstd-ih__draw span:nth-child(2) {
  bottom: 0;
  transform-origin: right;
}

.dstd-ih__draw span:nth-child(3),
.dstd-ih__draw span:nth-child(4) {
  width: var(--dstd-ih-border-width);
  top: 0;
  bottom: 0;
  transform: scaleY(0);
}

.dstd-ih__draw span:nth-child(3) {
  left: 0;
  transform-origin: bottom;
}
.dstd-ih__draw span:nth-child(4) {
  right: 0;
  transform-origin: top;
}

.dstd-ih--border.dstd-ih--trigger-hover:hover .dstd-ih__draw span:nth-child(1),
.dstd-ih--border.dstd-ih--trigger-hover:hover .dstd-ih__draw span:nth-child(2),
.dstd-ih--border.dstd-ih--trigger-both:hover .dstd-ih__draw span:nth-child(1),
.dstd-ih--border.dstd-ih--trigger-both:hover .dstd-ih__draw span:nth-child(2),
.dstd-ih--border.dstd-ih--trigger-focus:focus-within .dstd-ih__draw span:nth-child(1),
.dstd-ih--border.dstd-ih--trigger-focus:focus-within .dstd-ih__draw span:nth-child(2),
.dstd-ih--border.is-active .dstd-ih__draw span:nth-child(1),
.dstd-ih--border.is-active .dstd-ih__draw span:nth-child(2) {
  transform: scaleX(1);
}

.dstd-ih--border.dstd-ih--trigger-hover:hover .dstd-ih__draw span:nth-child(3),
.dstd-ih--border.dstd-ih--trigger-hover:hover .dstd-ih__draw span:nth-child(4),
.dstd-ih--border.dstd-ih--trigger-both:hover .dstd-ih__draw span:nth-child(3),
.dstd-ih--border.dstd-ih--trigger-both:hover .dstd-ih__draw span:nth-child(4),
.dstd-ih--border.dstd-ih--trigger-focus:focus-within .dstd-ih__draw span:nth-child(3),
.dstd-ih--border.dstd-ih--trigger-focus:focus-within .dstd-ih__draw span:nth-child(4),
.dstd-ih--border.is-active .dstd-ih__draw span:nth-child(3),
.dstd-ih--border.is-active .dstd-ih__draw span:nth-child(4) {
  transform: scaleY(1);
}

/* Caption */
.dstd-ih__caption {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding: var(--dstd-ih-pad);
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity var(--dstd-ih-duration) ease,
    transform var(--dstd-ih-duration) cubic-bezier(0.57, 0.21, 0.69, 1);
}

.dstd-ih--reveal-always .dstd-ih__caption {
  opacity: 1;
  transform: none;
}

.dstd-ih--reveal-fade .dstd-ih__caption {
  transform: none;
}
.dstd-ih--reveal-fade-up .dstd-ih__caption {
  transform: translate3d(0, 16px, 0);
}
.dstd-ih--reveal-fade-down .dstd-ih__caption {
  transform: translate3d(0, -16px, 0);
}
.dstd-ih--reveal-fade-left .dstd-ih__caption {
  transform: translate3d(16px, 0, 0);
}
.dstd-ih--reveal-fade-right .dstd-ih__caption {
  transform: translate3d(-16px, 0, 0);
}

.dstd-ih:not(.dstd-ih--reveal-always).dstd-ih--trigger-hover:hover .dstd-ih__caption,
.dstd-ih:not(.dstd-ih--reveal-always).dstd-ih--trigger-both:hover .dstd-ih__caption,
.dstd-ih:not(.dstd-ih--reveal-always).dstd-ih--trigger-focus:focus-within .dstd-ih__caption,
.dstd-ih:not(.dstd-ih--reveal-always).is-active .dstd-ih__caption {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Positions */
.dstd-ih--pos-top-left .dstd-ih__caption {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.dstd-ih--pos-top-center .dstd-ih__caption {
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.dstd-ih--pos-top-right .dstd-ih__caption {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
.dstd-ih--pos-center-left .dstd-ih__caption {
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.dstd-ih--pos-center .dstd-ih__caption {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.dstd-ih--pos-center-right .dstd-ih__caption {
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.dstd-ih--pos-bottom-left .dstd-ih__caption {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}
.dstd-ih--pos-bottom-center .dstd-ih__caption {
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.dstd-ih--pos-bottom-right .dstd-ih__caption {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.dstd-ih__icon {
  margin-bottom: 10px;
  color: var(--dstd-ih-icon-color);
  font-size: var(--dstd-ih-icon-size);
  line-height: 1;
}

.dstd-ih__icon-text {
  display: inline-block;
}

.dstd-ih__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dstd-ih-title-color);
}

.dstd-ih__text {
  margin: 6px 0 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--dstd-ih-text-color);
}

.dstd-ih__text p {
  margin: 0 0 0.4em;
}
.dstd-ih__text p:last-child {
  margin-bottom: 0;
}

/* Reduced motion */
.dstd-ih.is-reduced-motion .dstd-ih__img,
.dstd-ih.is-reduced-motion .dstd-ih__draw span {
  transform: none !important;
  filter: none !important;
}

.dstd-ih.is-reduced-motion.dstd-ih--motion-zoom-out .dstd-ih__img {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ih--reduced-motion-aware .dstd-ih__img,
  .dstd-ih--reduced-motion-aware .dstd-ih__draw span {
    transform: none !important;
    filter: none !important;
  }
  .dstd-ih--reduced-motion-aware .dstd-ih__img,
  .dstd-ih--reduced-motion-aware .dstd-ih__overlay,
  .dstd-ih--reduced-motion-aware .dstd-ih__caption,
  .dstd-ih--reduced-motion-aware .dstd-ih__draw span {
    transition-duration: 0.01ms;
  }
  .dstd-ih--reduced-motion-aware.dstd-ih--motion-zoom-out .dstd-ih__img {
    transform: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Text Highlighter (.dstd-th)                                                 */
/* -------------------------------------------------------------------------- */

.dstd_text_highlighter {
  width: 100%;
}

.dstd-th {
  --dstd-th-duration: 900ms;
  --dstd-th-stroke: #38bdf8;
  --dstd-th-stroke-width: 8px;
  --dstd-th-stroke-op: 1;
  --dstd-th-scale: 1;
  --dstd-th-offset-y: 0px;
  --dstd-th-title-color: #0f172a;
  --dstd-th-mark-color: #0f172a;
  --dstd-th-size: 36px;
  --dstd-th-weight: 700;
  --dstd-th-line: 1.25;
  display: block;
  width: 100%;
  outline: none;
}

.dstd-th--trigger-hover {
  cursor: default;
}

.dstd-th:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 4px;
}

.dstd-th__heading {
  margin: 0;
  font-size: var(--dstd-th-size);
  font-weight: var(--dstd-th-weight);
  line-height: var(--dstd-th-line);
  color: var(--dstd-th-title-color);
}

.dstd-th--align-left .dstd-th__heading {
  text-align: left;
}
.dstd-th--align-center .dstd-th__heading {
  text-align: center;
}
.dstd-th--align-right .dstd-th__heading {
  text-align: right;
}

.dstd-th__prefix,
.dstd-th__suffix,
.dstd-th__mark {
  display: inline;
}

.dstd-th__mark {
  position: relative;
  display: inline-block;
  color: var(--dstd-th-mark-color);
  white-space: pre-wrap;
}

.dstd-th__text {
  position: relative;
  z-index: 2;
}

.dstd-th--readable .dstd-th__text {
  z-index: 3;
}

.dstd-th__stroke {
  position: absolute;
  left: -4%;
  right: -4%;
  top: -8%;
  bottom: -18%;
  width: 108%;
  height: 126%;
  pointer-events: none;
  z-index: 1;
  transform: translateY(var(--dstd-th-offset-y)) scale(var(--dstd-th-scale));
  transform-origin: center bottom;
}

.dstd-th--layer-above .dstd-th__stroke {
  z-index: 4;
}
.dstd-th--layer-above.dstd-th--readable .dstd-th__text {
  z-index: 5;
}

.dstd-th--layer-behind .dstd-th__stroke {
  z-index: 1;
}

.dstd-th__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.dstd-th__svg path {
  fill: none;
  stroke: var(--dstd-th-stroke);
  stroke-width: var(--dstd-th-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: var(--dstd-th-stroke-op);
  vector-effect: non-scaling-stroke;
  transition: stroke-dashoffset var(--dstd-th-duration) cubic-bezier(0.57, 0.21, 0.69, 1);
}

/* Static / reduced motion: always drawn */
.dstd-th--static .dstd-th__svg path,
.dstd-th.is-reduced-motion .dstd-th__svg path,
.dstd-th.is-drawn .dstd-th__svg path {
  stroke-dashoffset: 0 !important;
}

.dstd-th.is-reduced-motion .dstd-th__svg path {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-th--reduced-motion-aware .dstd-th__svg path {
    stroke-dashoffset: 0 !important;
    transition: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Content Toggle (.dstd-ct)                                                    */
/* -------------------------------------------------------------------------- */

.dstd_content_toggle {
  width: 100%;
}

.dstd-ct {
  --dstd-ct-duration: 280ms;
  --dstd-ct-gap: 16px;
  --dstd-ct-panel-gap: 20px;
  --dstd-ct-bar-bg: #e2e8f0;
  --dstd-ct-knob: #ffffff;
  --dstd-ct-track-on: #0f172a;
  --dstd-ct-label: #64748b;
  --dstd-ct-label-active: #0f172a;
  --dstd-ct-btn-bg: #e2e8f0;
  --dstd-ct-btn-color: #475569;
  --dstd-ct-btn-active-bg: #0f172a;
  --dstd-ct-btn-active-color: #f8fafc;
  --dstd-ct-badge-bg: #38bdf8;
  --dstd-ct-badge-color: #0f172a;
  --dstd-ct-text: #334155;
  --dstd-ct-radius: 999px;
  --dstd-ct-btn-radius: 8px;
  display: block;
  width: 100%;
}

.dstd-ct__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--dstd-ct-gap);
  margin-bottom: var(--dstd-ct-panel-gap);
}

.dstd-ct--align-left .dstd-ct__bar {
  justify-content: flex-start;
}
.dstd-ct--align-center .dstd-ct__bar {
  justify-content: center;
}
.dstd-ct--align-right .dstd-ct__bar {
  justify-content: flex-end;
}

.dstd-ct__label {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: var(--dstd-ct-label);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  transition: color var(--dstd-ct-duration) ease;
  user-select: none;
}

.dstd-ct__label.is-active {
  color: var(--dstd-ct-label-active);
}

.dstd-ct__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15em 0.5em;
  border-radius: 999px;
  background: var(--dstd-ct-badge-bg);
  color: var(--dstd-ct-badge-color);
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

/* Switch control */
.dstd-ct__switch {
  position: relative;
  flex: 0 0 auto;
  width: 3.25rem;
  height: 1.85rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: var(--dstd-ct-radius);
}

.dstd-ct__switch:focus-visible {
  outline: 2px solid var(--dstd-ct-track-on);
  outline-offset: 3px;
}

.dstd-ct__switch-track {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--dstd-ct-radius);
  background: var(--dstd-ct-bar-bg);
  transition: background-color var(--dstd-ct-duration) ease;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.dstd-ct--side-b .dstd-ct__switch-track {
  background: var(--dstd-ct-track-on);
}

.dstd-ct__switch-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(1.85rem - 6px);
  height: calc(1.85rem - 6px);
  border-radius: 50%;
  background: var(--dstd-ct-knob);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
  transition: transform var(--dstd-ct-duration) cubic-bezier(0.4, 0, 0.2, 1);
}

.dstd-ct--side-b .dstd-ct__switch-knob {
  transform: translateX(1.4rem);
}

/* Buttons control */
.dstd-ct--style-buttons .dstd-ct__bar {
  gap: 8px;
}

.dstd-ct__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  margin: 0;
  padding: 0.65em 1.1em;
  border: 0;
  border-radius: var(--dstd-ct-btn-radius);
  background: var(--dstd-ct-btn-bg);
  color: var(--dstd-ct-btn-color);
  font: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background-color var(--dstd-ct-duration) ease,
    color var(--dstd-ct-duration) ease;
}

.dstd-ct__btn:focus-visible {
  outline: 2px solid var(--dstd-ct-btn-active-bg);
  outline-offset: 2px;
}

.dstd-ct__btn.is-active {
  background: var(--dstd-ct-btn-active-bg);
  color: var(--dstd-ct-btn-active-color);
}

/* Panels */
.dstd-ct__panels {
  position: relative;
  color: var(--dstd-ct-text);
}

.dstd-ct__panel {
  color: inherit;
}

.dstd-ct__panel[hidden] {
  display: none !important;
}

.dstd-ct--animated .dstd-ct__panel.is-active .dstd-ct__panel-inner {
  animation: dstd-ct-fade-in var(--dstd-ct-duration) ease;
}

.dstd-ct.is-reduced-motion .dstd-ct__panel-inner,
.dstd-ct--static .dstd-ct__panel-inner {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ct--reduced-motion-aware .dstd-ct__panel-inner {
    animation: none !important;
  }
  .dstd-ct--reduced-motion-aware .dstd-ct__switch-knob,
  .dstd-ct--reduced-motion-aware .dstd-ct__switch-track {
    transition: none !important;
  }
}

@keyframes dstd-ct-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.dstd-ct__panel-inner > *:first-child {
  margin-top: 0;
}
.dstd-ct__panel-inner > *:last-child {
  margin-bottom: 0;
}

.dstd-ct--equal-height .dstd-ct__panels {
  /* min-height set via JS when equal_height is on */
}

/* -------------------------------------------------------------------------- */
/* Breadcrumb (.dstd-bc)                                                        */
/* -------------------------------------------------------------------------- */

.dstd_breadcrumb {
  width: 100%;
}

.dstd-bc {
  --dstd-bc-gap: 10px;
  --dstd-bc-size: 14px;
  --dstd-bc-link: #64748b;
  --dstd-bc-link-hover: #0f172a;
  --dstd-bc-current: #0f172a;
  --dstd-bc-sep: #94a3b8;
  display: block;
  width: 100%;
  font-size: var(--dstd-bc-size);
  line-height: 1.4;
}

.dstd-bc--empty {
  display: none;
}

.dstd-bc__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--dstd-bc-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dstd-bc--align-left .dstd-bc__list {
  justify-content: flex-start;
}
.dstd-bc--align-center .dstd-bc__list {
  justify-content: center;
}
.dstd-bc--align-right .dstd-bc__list {
  justify-content: flex-end;
}

.dstd-bc__item {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin: 0;
  padding: 0;
}

.dstd-bc__sep {
  display: inline-flex;
  color: var(--dstd-bc-sep);
  user-select: none;
}

.dstd-bc__sep-text {
  font-weight: 400;
}

.dstd-bc__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  color: var(--dstd-bc-link);
  text-decoration: none;
  transition: color 0.15s ease;
}

.dstd-bc__link:hover,
.dstd-bc__link:focus-visible {
  color: var(--dstd-bc-link-hover);
}

.dstd-bc__link:focus-visible {
  outline: 2px solid var(--dstd-bc-link-hover);
  outline-offset: 2px;
  border-radius: 2px;
}

.dstd-bc__current {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  color: var(--dstd-bc-current);
  font-weight: 600;
}

.dstd-bc__home-icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: -0.15em;
}

.dstd-bc__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dstd-bc__ellipsis {
  color: var(--dstd-bc-sep);
  letter-spacing: 0.05em;
}

/* -------------------------------------------------------------------------- */
/* Table of Contents (.dstd-toc)                                               */
/* -------------------------------------------------------------------------- */

.dstd_table_of_contents {
  width: 100%;
}

.dstd-toc {
  --dstd-toc-title-color: #0f172a;
  --dstd-toc-link: #475569;
  --dstd-toc-link-hover: #0f172a;
  --dstd-toc-active: #0f172a;
  --dstd-toc-active-bg: rgba(15, 23, 42, 0.06);
  --dstd-toc-border: #e2e8f0;
  --dstd-toc-size: 15px;
  --dstd-toc-title-size: 18px;
  --dstd-toc-gap: 6px;
  --dstd-toc-indent: 16px;
  --dstd-toc-max-h: none;
  --dstd-toc-offset: 80px;
  display: block;
  width: 100%;
  border: 1px solid var(--dstd-toc-border);
  border-radius: 8px;
  padding: 16px 18px;
  font-size: var(--dstd-toc-size);
  line-height: 1.45;
  background: #fff;
}

.dstd-toc[hidden],
.dstd-toc--hidden {
  display: none !important;
}

.dstd-toc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.dstd-toc--collapsed .dstd-toc__header {
  margin-bottom: 0;
}

.dstd-toc__title {
  margin: 0;
  font-size: var(--dstd-toc-title-size);
  font-weight: 700;
  line-height: 1.25;
  color: var(--dstd-toc-title-color);
}

.dstd-toc__toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--dstd-toc-border);
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  color: var(--dstd-toc-title-color);
}

.dstd-toc__toggle:focus-visible {
  outline: 2px solid var(--dstd-toc-link-hover);
  outline-offset: 2px;
}

.dstd-toc__toggle-icon {
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform 0.15s ease;
}

.dstd-toc--collapsed .dstd-toc__toggle-icon {
  transform: rotate(-45deg) translate(0, 1px);
}

.dstd-toc__body {
  max-height: var(--dstd-toc-max-h);
  overflow: auto;
}

.dstd-toc__list {
  margin: 0;
  padding: 0 0 0 1.25em;
}

.dstd-toc__list--none {
  list-style: none;
  padding-left: 0;
}

.dstd-toc__list--disc {
  list-style: disc;
}

.dstd-toc__list--decimal {
  list-style: decimal;
}

.dstd-toc__list .dstd-toc__list {
  margin-top: var(--dstd-toc-gap);
  padding-left: var(--dstd-toc-indent);
}

.dstd-toc__item {
  margin: 0 0 var(--dstd-toc-gap);
  padding: 0;
}

.dstd-toc__item:last-child {
  margin-bottom: 0;
}

.dstd-toc__link {
  display: inline-block;
  color: var(--dstd-toc-link);
  text-decoration: none;
  border-radius: 4px;
  padding: 0.15em 0.35em;
  margin-left: -0.35em;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.dstd-toc__link:hover {
  color: var(--dstd-toc-link-hover);
}

.dstd-toc__link:focus-visible {
  outline: 2px solid var(--dstd-toc-link-hover);
  outline-offset: 2px;
}

.dstd-toc__link.is-active {
  color: var(--dstd-toc-active);
  background: var(--dstd-toc-active-bg);
  font-weight: 600;
}

.dstd-toc__empty {
  margin: 0;
  color: var(--dstd-toc-link);
  font-size: 0.95em;
}

.dstd-toc__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dstd-toc--flat .dstd-toc__list .dstd-toc__list {
  /* still nested if flat build puts all at root; no extra indent tweak needed */
}

@media (prefers-reduced-motion: reduce) {
  .dstd-toc--reduced-motion-aware .dstd-toc__toggle-icon,
  .dstd-toc--reduced-motion-aware .dstd-toc__link {
    transition: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Pricing Table (.dstd-pt)                                                    */
/* -------------------------------------------------------------------------- */

.dstd_pricing_table {
  width: 100%;
}

.dstd-pt {
  --dstd-pt-cols: 3;
  --dstd-pt-gap: 24px;
  --dstd-pt-card-bg: #ffffff;
  --dstd-pt-card-border: #e2e8f0;
  --dstd-pt-card-radius: 12px;
  --dstd-pt-card-pad: 28px;
  --dstd-pt-title: #0f172a;
  --dstd-pt-desc: #64748b;
  --dstd-pt-price: #0f172a;
  --dstd-pt-period: #64748b;
  --dstd-pt-feat: #334155;
  --dstd-pt-feat-off: #94a3b8;
  --dstd-pt-check: #16a34a;
  --dstd-pt-ribbon-bg: #0f172a;
  --dstd-pt-ribbon-color: #f8fafc;
  --dstd-pt-cta-bg: #0f172a;
  --dstd-pt-cta-color: #f8fafc;
  --dstd-pt-cta-hover-bg: #1e293b;
  --dstd-pt-feat-accent: #0f172a;
  --dstd-pt-switch-bg: #e2e8f0;
  --dstd-pt-switch-active: #0f172a;
  --dstd-pt-switch-label: #64748b;
  --dstd-pt-switch-label-on: #0f172a;
  width: 100%;
}

.dstd-pt__switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 28px;
}

.dstd-pt__switch-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--dstd-pt-switch-label);
  cursor: pointer;
  user-select: none;
  transition: color 0.15s ease;
}

.dstd-pt__switch-label.is-active {
  color: var(--dstd-pt-switch-label-on);
  font-weight: 600;
}

.dstd-pt__switch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.dstd-pt__switch-btn:focus-visible {
  outline: 2px solid var(--dstd-pt-switch-active);
  outline-offset: 3px;
  border-radius: 999px;
}

.dstd-pt__switch-track {
  position: relative;
  display: block;
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: var(--dstd-pt-switch-bg);
  transition: background 0.15s ease;
}

.dstd-pt__switch-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
  transition: transform 0.15s ease;
}

.dstd-pt--period-b .dstd-pt__switch-track {
  background: var(--dstd-pt-switch-active);
}

.dstd-pt--period-b .dstd-pt__switch-knob {
  transform: translateX(20px);
}

.dstd-pt__grid {
  display: grid;
  grid-template-columns: repeat(var(--dstd-pt-cols), minmax(0, 1fr));
  gap: var(--dstd-pt-gap);
  align-items: start;
}

.dstd-pt--equal-height .dstd-pt__grid {
  align-items: stretch;
}

.dstd-pt__grid > .et_pb_module,
.dstd-pt__grid > .dstd_pricing_table_item,
.dstd-pt__grid > [class*="dstd_pricing_table_item"] {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dstd-pt__empty {
  margin: 0;
  grid-column: 1 / -1;
  color: var(--dstd-pt-desc);
  text-align: center;
}

/* Hide inactive period prices */
.dstd-pt:not(.dstd-pt--period-switch) .dstd-pt-card__price--b,
.dstd-pt--period-a .dstd-pt-card__price--b,
.dstd-pt--period-b .dstd-pt-card__price--a {
  display: none;
}

.dstd-pt-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: var(--dstd-pt-card-pad);
  background: var(--dstd-pt-card-bg);
  border: 1px solid var(--dstd-pt-card-border);
  border-radius: var(--dstd-pt-card-radius);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.dstd-pt-card--featured {
  border-color: var(--dstd-pt-feat-accent);
  border-width: 2px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  transform: translateY(-6px);
  z-index: 1;
}

.dstd-pt-card__ribbon {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-block;
  padding: 0.25em 0.65em;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: var(--dstd-pt-ribbon-bg);
  color: var(--dstd-pt-ribbon-color);
  line-height: 1.4;
}

.dstd-pt-card__title {
  margin: 0 0 8px;
  padding: 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--dstd-pt-title);
}

.dstd-pt-card__desc {
  margin: 0 0 16px;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--dstd-pt-desc);
}

.dstd-pt-card__prices {
  margin: 0 0 20px;
}

.dstd-pt-card__price {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35em 0.5em;
  color: var(--dstd-pt-price);
  line-height: 1.1;
}

.dstd-pt-card__sale {
  font-size: 1rem;
  font-weight: 500;
  color: var(--dstd-pt-period);
  text-decoration: line-through;
  opacity: 0.85;
}

.dstd-pt-card__current {
  display: inline-flex;
  align-items: baseline;
  gap: 0.05em;
}

.dstd-pt-card__currency {
  font-size: 1.15rem;
  font-weight: 600;
}

.dstd-pt-card__amount {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.dstd-pt-card__period {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--dstd-pt-period);
}

.dstd-pt-card__features {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  flex: 0 0 auto;
}

.dstd-pt-card__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 10px;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--dstd-pt-feat);
}

.dstd-pt-card__feature.is-excluded {
  color: var(--dstd-pt-feat-off);
}

.dstd-pt-card__mark {
  flex: 0 0 auto;
  width: 1.05em;
  height: 1.05em;
  margin-top: 0.2em;
  border-radius: 50%;
  position: relative;
}

.dstd-pt-card__mark--on {
  background: color-mix(in srgb, var(--dstd-pt-check) 15%, transparent);
  color: var(--dstd-pt-check);
}

.dstd-pt-card__mark--on::after {
  content: "";
  position: absolute;
  left: 0.3em;
  top: 0.18em;
  width: 0.28em;
  height: 0.5em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(40deg);
}

.dstd-pt-card__mark--off {
  background: color-mix(in srgb, var(--dstd-pt-feat-off) 18%, transparent);
  color: var(--dstd-pt-feat-off);
}

.dstd-pt-card__mark--off::before,
.dstd-pt-card__mark--off::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.55em;
  height: 2px;
  background: currentColor;
  margin: -1px 0 0 -0.275em;
}

.dstd-pt-card__mark--off::before {
  transform: rotate(45deg);
}

.dstd-pt-card__mark--off::after {
  transform: rotate(-45deg);
}

.dstd-pt-card__tip {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0.1em 0 0;
  padding: 0;
  border: 1px solid var(--dstd-pt-feat-off);
  border-radius: 50%;
  background: transparent;
  color: var(--dstd-pt-feat-off);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  cursor: help;
}

.dstd-pt-card__tip:focus-visible {
  outline: 2px solid var(--dstd-pt-feat-accent);
  outline-offset: 2px;
}

.dstd-pt-card__cta-wrap {
  margin-top: auto;
  padding-top: 8px;
}

.dstd-pt-card__cta-wrap.is-full .dstd-pt-card__cta {
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.dstd-pt-card__cta {
  display: inline-block;
  padding: 0.75em 1.25em;
  border-radius: 8px;
  background: var(--dstd-pt-cta-bg);
  color: var(--dstd-pt-cta-color);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.3;
  transition: background 0.15s ease, color 0.15s ease;
}

.dstd-pt-card__cta:hover {
  background: var(--dstd-pt-cta-hover-bg);
  color: var(--dstd-pt-cta-color);
}

.dstd-pt-card__cta:focus-visible {
  outline: 2px solid var(--dstd-pt-feat-accent);
  outline-offset: 3px;
}

.dstd-pt-card--featured .dstd-pt-card__cta {
  background: var(--dstd-pt-feat-accent);
}

@media (max-width: 980px) {
  .dstd-pt--cols-3 .dstd-pt__grid,
  .dstd-pt--cols-4 .dstd-pt__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dstd-pt-card--featured {
    transform: none;
  }
}

@media (max-width: 767px) {
  .dstd-pt__grid,
  .dstd-pt--cols-2 .dstd-pt__grid,
  .dstd-pt--cols-3 .dstd-pt__grid,
  .dstd-pt--cols-4 .dstd-pt__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-pt--reduced-motion-aware .dstd-pt-card,
  .dstd-pt--reduced-motion-aware .dstd-pt__switch-knob,
  .dstd-pt--reduced-motion-aware .dstd-pt__switch-track,
  .dstd-pt--reduced-motion-aware .dstd-pt-card__cta,
  .dstd-pt--reduced-motion-aware .dstd-pt__switch-label {
    transition: none !important;
  }

  .dstd-pt--reduced-motion-aware .dstd-pt-card--featured {
    transform: none;
  }
}

/* VB child module sizing */
.dstd_pricing_table_item {
  width: 100%;
}

/* -------------------------------------------------------------------------- */
/* Table (.dstd-tbl)                                                           */
/* -------------------------------------------------------------------------- */

.dstd_table {
  width: 100%;
}

.dstd-tbl {
  --dstd-tbl-pad: 12px;
  --dstd-tbl-border: #e2e8f0;
  --dstd-tbl-head-bg: #f8fafc;
  --dstd-tbl-head-color: #0f172a;
  --dstd-tbl-body-color: #334155;
  --dstd-tbl-foot-bg: #f8fafc;
  --dstd-tbl-foot-color: #0f172a;
  --dstd-tbl-stripe: rgba(15, 23, 42, 0.03);
  --dstd-tbl-hover: rgba(15, 23, 42, 0.05);
  --dstd-tbl-first-color: #0f172a;
  --dstd-tbl-radius: 8px;
  --dstd-tbl-sticky-top: 0px;
  --dstd-tbl-font-size: 14px;
  width: 100%;
  font-size: var(--dstd-tbl-font-size);
  line-height: 1.45;
}

.dstd-tbl__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--dstd-tbl-radius);
}

.dstd-tbl__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--dstd-tbl-border);
  border-radius: var(--dstd-tbl-radius);
  background: #fff;
}

.dstd-tbl__caption {
  caption-side: top;
  text-align: left;
  padding: 0 0 10px;
  font-weight: 600;
  color: var(--dstd-tbl-head-color);
}

.dstd-tbl__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dstd-tbl__cell {
  padding: var(--dstd-tbl-pad);
  border-bottom: 1px solid var(--dstd-tbl-border);
  border-right: 1px solid var(--dstd-tbl-border);
  color: var(--dstd-tbl-body-color);
  text-align: left;
  vertical-align: top;
}

.dstd-tbl__cell:last-child {
  border-right: 0;
}

.dstd-tbl__row:last-child .dstd-tbl__cell {
  border-bottom: 0;
}

.dstd-tbl__head .dstd-tbl__cell,
.dstd-tbl__cell--head {
  background: var(--dstd-tbl-head-bg);
  color: var(--dstd-tbl-head-color);
  font-weight: 700;
}

.dstd-tbl__foot .dstd-tbl__cell {
  background: var(--dstd-tbl-foot-bg);
  color: var(--dstd-tbl-foot-color);
  font-weight: 600;
}

.dstd-tbl--first-col-header .dstd-tbl__cell--rowhead {
  color: var(--dstd-tbl-first-color);
  font-weight: 600;
}

.dstd-tbl--striped .dstd-tbl__body .dstd-tbl__row:nth-child(even) .dstd-tbl__cell {
  background: var(--dstd-tbl-stripe);
}

.dstd-tbl--row-hover .dstd-tbl__body .dstd-tbl__row:hover .dstd-tbl__cell {
  background: var(--dstd-tbl-hover);
}

/* Sticky header */
.dstd-tbl--sticky-header .dstd-tbl__head .dstd-tbl__cell {
  position: sticky;
  top: var(--dstd-tbl-sticky-top);
  z-index: 2;
  box-shadow: 0 1px 0 var(--dstd-tbl-border);
}

.dstd-tbl__empty {
  margin: 0;
  padding: 16px;
  color: var(--dstd-tbl-body-color);
  text-align: center;
  border: 1px dashed var(--dstd-tbl-border);
  border-radius: var(--dstd-tbl-radius);
}

/* VB row preview (not real table) */
.dstd-tbl-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  border: 1px solid var(--dstd-tbl-border, #e2e8f0);
  border-radius: 6px;
  overflow: hidden;
  margin: 0 0 8px;
  background: #fff;
  font-size: 13px;
}

.dstd-tbl-row--head {
  background: #f8fafc;
  font-weight: 700;
}

.dstd-tbl-row--foot {
  background: #f8fafc;
  font-weight: 600;
}

.dstd-tbl-row__cell {
  padding: 10px 12px;
  border-right: 1px solid var(--dstd-tbl-border, #e2e8f0);
  min-width: 0;
  word-break: break-word;
}

.dstd-tbl-row__cell:last-child {
  border-right: 0;
}

.dstd-tbl-row__meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
  margin: 0 0 4px;
}

.dstd_table_row {
  width: 100%;
}

@media (max-width: 767px) {
  .dstd-tbl--mobile-scroll .dstd-tbl__scroll {
    overflow-x: auto;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__table,
  .dstd-tbl--mobile-stack .dstd-tbl__head,
  .dstd-tbl--mobile-stack .dstd-tbl__body,
  .dstd-tbl--mobile-stack .dstd-tbl__foot,
  .dstd-tbl--mobile-stack .dstd-tbl__row,
  .dstd-tbl--mobile-stack .dstd-tbl__cell {
    display: block;
    width: 100%;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__table {
    border: 0;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__head {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__row {
    margin: 0 0 12px;
    border: 1px solid var(--dstd-tbl-border);
    border-radius: var(--dstd-tbl-radius);
    overflow: hidden;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__cell {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--dstd-tbl-border);
    text-align: right;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__cell:last-child {
    border-bottom: 0;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__cell::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--dstd-tbl-head-color);
    text-align: left;
    flex: 0 1 45%;
  }

  .dstd-tbl--mobile-stack .dstd-tbl__cell--rowhead {
    text-align: left;
    font-weight: 700;
    background: var(--dstd-tbl-head-bg);
  }

  .dstd-tbl--mobile-stack .dstd-tbl__cell--rowhead::before {
    display: none;
  }

  .dstd-tbl--mobile-stack.dstd-tbl--sticky-header .dstd-tbl__head .dstd-tbl__cell {
    position: static;
    box-shadow: none;
  }
}

/* Advanced Menu (.dstd-am)                                                    */
/* -------------------------------------------------------------------------- */

.dstd-am {
  --dstd-am-bar-bg: #ffffff;
  --dstd-am-sticky-bg: #ffffff;
  --dstd-am-bar-pad-y: 12px;
  --dstd-am-bar-pad-x: 20px;
  --dstd-am-bar-border: #e2e8f0;
  --dstd-am-logo-h: 40px;
  --dstd-am-link: #0f172a;
  --dstd-am-link-hover: #334155;
  --dstd-am-link-active: #0f172a;
  --dstd-am-link-size: 15px;
  --dstd-am-link-gap: 24px;
  --dstd-am-drop-bg: #ffffff;
  --dstd-am-drop-link: #0f172a;
  --dstd-am-drop-hover-bg: rgba(15, 23, 42, 0.06);
  --dstd-am-drawer-bg: #ffffff;
  --dstd-am-drawer-w: 300px;
  --dstd-am-cta-bg: #0f172a;
  --dstd-am-cta-color: #ffffff;
  --dstd-am-cta-hover-bg: #334155;
  --dstd-am-cta-radius: 6px;
  --dstd-am-sticky-top: 0px;
  --dstd-am-z: 100;
  position: relative;
  z-index: var(--dstd-am-z);
  width: 100%;
  box-sizing: border-box;
  font-size: var(--dstd-am-link-size);
  color: var(--dstd-am-link);
}

.dstd-am *,
.dstd-am *::before,
.dstd-am *::after {
  box-sizing: border-box;
}

.dstd-am--sticky-stick,
.dstd-am--sticky-smart {
  position: sticky;
  top: var(--dstd-am-sticky-top);
  transition: transform 0.28s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.dstd-am--sticky-stick.is-stuck,
.dstd-am--sticky-smart.is-stuck {
  background: var(--dstd-am-sticky-bg);
  box-shadow: 0 1px 0 var(--dstd-am-bar-border), 0 8px 24px rgba(15, 23, 42, 0.06);
}

.dstd-am--sticky-smart.is-hidden-down {
  transform: translateY(calc(-100% - var(--dstd-am-sticky-top)));
}

.dstd-am--reduced-motion-aware.dstd-am--instant,
.dstd-am--reduced-motion-aware.dstd-am--instant * {
  transition: none !important;
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-am--reduced-motion-aware,
  .dstd-am--reduced-motion-aware * {
    transition: none !important;
    animation: none !important;
  }
}

.dstd-am__bar {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: var(--dstd-am-bar-pad-y) var(--dstd-am-bar-pad-x);
  background: var(--dstd-am-bar-bg);
  border-bottom: 1px solid var(--dstd-am-bar-border);
  min-height: calc(var(--dstd-am-logo-h) + var(--dstd-am-bar-pad-y) * 2);
  width: 100%;
}

.dstd-am.is-stuck .dstd-am__bar {
  background: transparent;
  border-bottom-color: transparent;
}

.dstd-am__logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
  color: inherit;
  line-height: 0;
  max-width: 40%;
}

.dstd-am__logo-img {
  display: block;
  height: var(--dstd-am-logo-h);
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.dstd-am__logo-img--sticky {
  display: none;
}

.dstd-am--has-sticky-logo.is-stuck .dstd-am__logo-img--default {
  display: none;
}

.dstd-am--has-sticky-logo.is-stuck .dstd-am__logo-img--sticky {
  display: block;
}

.dstd-am__brand {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.dstd-am__nav--desktop {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.dstd-am__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--dstd-am-link-gap);
}

.dstd-am__menu > .menu-item {
  position: relative;
  margin: 0;
  padding: 0;
}

.dstd-am__menu a {
  display: block;
  padding: 0.45em 0;
  color: var(--dstd-am-link);
  text-decoration: none;
  font-weight: 500;
  line-height: 1.3;
  transition: color 0.15s ease;
}

.dstd-am__menu a:hover,
.dstd-am__menu a:focus-visible {
  color: var(--dstd-am-link-hover);
}

.dstd-am__menu .current-menu-item > a,
.dstd-am__menu .current-menu-ancestor > a {
  color: var(--dstd-am-link-active);
  font-weight: 600;
}

.dstd-am__nav--desktop .menu-item-has-children > a {
  padding-right: 1.1em;
}

.dstd-am__nav--desktop .menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 0.35em;
  height: 0.35em;
  margin-left: 0.35em;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-0.15em);
  vertical-align: middle;
  opacity: 0.7;
}

.dstd-am__nav--desktop .sub-menu {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: var(--dstd-am-drop-bg);
  border: 1px solid var(--dstd-am-bar-border);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
  z-index: 20;
}

.dstd-am__nav--desktop .menu-item-has-children:hover > .sub-menu,
.dstd-am__nav--desktop .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dstd-am__nav--desktop .sub-menu a {
  color: var(--dstd-am-drop-link);
  padding: 0.55em 1em;
  white-space: nowrap;
}

.dstd-am__nav--desktop .sub-menu a:hover,
.dstd-am__nav--desktop .sub-menu a:focus-visible {
  background: var(--dstd-am-drop-hover-bg);
  color: var(--dstd-am-link-hover);
}

.dstd-am__nav--desktop .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  transform: translateX(4px);
}

.dstd-am__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0.55em 1.15em;
  background: var(--dstd-am-cta-bg);
  color: var(--dstd-am-cta-color) !important;
  border-radius: var(--dstd-am-cta-radius);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95em;
  line-height: 1.2;
  transition: background-color 0.15s ease, transform 0.15s ease;
  white-space: nowrap;
}

.dstd-am__cta:hover,
.dstd-am__cta:focus-visible {
  background: var(--dstd-am-cta-hover-bg);
  color: var(--dstd-am-cta-color) !important;
}

.dstd-am__toggle {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--dstd-am-link);
  border-radius: 8px;
}

.dstd-am__toggle:hover,
.dstd-am__toggle:focus-visible {
  background: rgba(15, 23, 42, 0.06);
}

.dstd-am__burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 22px;
  height: 16px;
}

.dstd-am__burger span {
  display: block;
  height: 2px;
  width: 100%;
  background: currentColor;
  border-radius: 1px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.dstd-am.is-open .dstd-am__burger span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.dstd-am.is-open .dstd-am__burger span:nth-child(2) {
  opacity: 0;
}

.dstd-am.is-open .dstd-am__burger span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.dstd-am__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  z-index: calc(var(--dstd-am-z) + 1);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.dstd-am.is-open .dstd-am__backdrop {
  opacity: 1;
  pointer-events: auto;
}

.dstd-am__drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: min(var(--dstd-am-drawer-w), 92vw);
  max-width: 100%;
  background: var(--dstd-am-drawer-bg);
  z-index: calc(var(--dstd-am-z) + 2);
  padding: 16px 20px 28px;
  overflow-y: auto;
  box-shadow: 0 0 40px rgba(15, 23, 42, 0.18);
  transition: transform 0.28s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dstd-am--side-right .dstd-am__drawer {
  right: 0;
  transform: translateX(104%);
}

.dstd-am--side-left .dstd-am__drawer {
  left: 0;
  transform: translateX(-104%);
}

.dstd-am.is-open .dstd-am__drawer {
  transform: translateX(0);
}

.dstd-am__drawer[hidden],
.dstd-am__backdrop[hidden] {
  display: none !important;
}

.dstd-am.is-open .dstd-am__drawer[hidden],
.dstd-am.is-open .dstd-am__backdrop[hidden] {
  display: none !important;
}

/* When open JS removes hidden; keep transform transitions working */
.dstd-am.is-open .dstd-am__drawer:not([hidden]) {
  display: flex;
}

.dstd-am.is-open .dstd-am__backdrop:not([hidden]) {
  display: block;
}

.dstd-am__drawer-head {
  display: flex;
  justify-content: flex-end;
}

.dstd-am__close {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--dstd-am-link);
  border-radius: 8px;
}

.dstd-am__close:hover,
.dstd-am__close:focus-visible {
  background: rgba(15, 23, 42, 0.06);
}

.dstd-am__nav--drawer .dstd-am__menu {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.dstd-am__nav--drawer .dstd-am__menu a {
  padding: 0.75em 0.25em;
  border-bottom: 1px solid var(--dstd-am-bar-border);
}

.dstd-am__nav--drawer .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.85em;
  display: none;
}

.dstd-am__nav--drawer .menu-item.is-sub-open > .sub-menu {
  display: block;
}

.dstd-am__nav--drawer .menu-item-has-children > a::after {
  content: "+";
  float: right;
  font-weight: 400;
  opacity: 0.6;
}

.dstd-am__nav--drawer .menu-item.is-sub-open > a::after {
  content: "−";
}

.dstd-am__cta--drawer {
  align-self: stretch;
  text-align: center;
  margin-top: auto;
}

/* Mobile shell (class toggled by JS at breakpoint) */
.dstd-am--mobile .dstd-am__nav--desktop {
  display: none;
}

.dstd-am--mobile .dstd-am__bar .dstd-am__cta:not(.dstd-am__cta--drawer) {
  display: none;
}

.dstd-am--mobile .dstd-am__toggle {
  display: inline-flex;
  margin-left: auto;
}

.dstd-am:not(.dstd-am--mobile) .dstd-am__drawer,
.dstd-am:not(.dstd-am--mobile) .dstd-am__backdrop {
  display: none !important;
}

html.dstd-am-scroll-lock,
body.dstd-am-scroll-lock {
  overflow: hidden;
}

/* Fallback without JS: hide toggle; show full bar nav at wide viewports via media is not applied.
   JS owns breakpoint. Default pre-init: show nav, hide toggle until class applied. */
.dstd-am:not(.dstd-am--mobile) .dstd-am__toggle {
  display: none;
}

/* Author Box (.dstd-ab) */
.dstd-ab {
  --dstd-ab-size: 96px;
  --dstd-ab-gap: 16px;
  --dstd-ab-radius: 50%;
  --dstd-ab-link: #2563eb;
  display: flex;
  align-items: flex-start;
  gap: var(--dstd-ab-gap);
  width: 100%;
}

.dstd-ab--vertical {
  flex-direction: column;
}

.dstd-ab--align-left {
  text-align: left;
  justify-content: flex-start;
}

.dstd-ab--align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.dstd-ab--align-right {
  text-align: right;
  justify-content: flex-end;
}

.dstd-ab--align-right.dstd-ab--horizontal {
  flex-direction: row-reverse;
}

.dstd-ab__avatar img {
  display: block;
  width: var(--dstd-ab-size);
  height: var(--dstd-ab-size);
  object-fit: cover;
  border-radius: var(--dstd-ab-radius);
}

.dstd-ab__avatar-link {
  display: inline-block;
  line-height: 0;
}

.dstd-ab__body {
  min-width: 0;
}

.dstd-ab .dstd-ab__name {
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.dstd-ab__name a {
  color: inherit;
  text-decoration: none;
}

.dstd-ab__bio {
  margin: 0 0 0.75em;
}

.dstd-ab__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em 1em;
}

.dstd-ab--align-center .dstd-ab__links {
  justify-content: center;
}

.dstd-ab--align-right .dstd-ab__links {
  justify-content: flex-end;
}

.dstd-ab__link {
  color: var(--dstd-ab-link);
  text-decoration: none;
}

.dstd-ab__link:hover,
.dstd-ab__link:focus-visible {
  text-decoration: underline;
}

.dstd-ab .dstd-ab__btn-wrap {
  margin: 0;
  padding: 0;
}

.dstd-ab--align-center .dstd-ab__btn-wrap {
  text-align: center;
}

.dstd-ab--align-right .dstd-ab__btn-wrap {
  text-align: right;
}

.dstd-ab .dstd-ab__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0.65em 1.15em;
  background: #2563eb;
  color: #fff;
  text-decoration: none;
  line-height: 1.3;
  border: 0 solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.dstd-ab__btn:hover,
.dstd-ab__btn:focus-visible {
  color: #fff;
  text-decoration: none;
}

.dstd-ab__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7em;
  margin-top: 0.75em;
}

.dstd-ab--align-center .dstd-ab__social {
  justify-content: center;
}

.dstd-ab--align-right .dstd-ab__social {
  justify-content: flex-end;
}

.dstd-ab__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  overflow: hidden;
  text-decoration: none;
  line-height: 1;
}

.dstd-ab__logo {
  display: block;
  width: var(--dstd-ab-social-size, 32px);
  height: var(--dstd-ab-social-size, 32px);
}

.dstd-ab__social-link:hover,
.dstd-ab__social-link:focus-visible {
  opacity: 0.75;
}

.dstd-ab__empty {
  margin: 0;
  color: #64748b;
}

.dstd-am--vb {
  min-width: 1px;
}

/* Social Icons (.dstd-si) */
.dstd-si {
  --dstd-si-size: 18px;
  --dstd-si-pad: 8px;
  --dstd-si-gap: 5px;
  --dstd-si-row: 5px;
  width: 100%;
}

.dstd-si__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--dstd-si-gap);
  row-gap: var(--dstd-si-row);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dstd-si--align-left .dstd-si__list { justify-content: flex-start; }
.dstd-si--align-center .dstd-si__list { justify-content: center; }
.dstd-si--align-right .dstd-si__list { justify-content: flex-end; }

.dstd-si--cols-1 .dstd-si__list { display: grid; grid-template-columns: repeat(1, auto); }
.dstd-si--cols-2 .dstd-si__list { display: grid; grid-template-columns: repeat(2, auto); }
.dstd-si--cols-3 .dstd-si__list { display: grid; grid-template-columns: repeat(3, auto); }
.dstd-si--cols-4 .dstd-si__list { display: grid; grid-template-columns: repeat(4, auto); }
.dstd-si--cols-5 .dstd-si__list { display: grid; grid-template-columns: repeat(5, auto); }
.dstd-si--cols-6 .dstd-si__list { display: grid; grid-template-columns: repeat(6, auto); }

.dstd-si__list > .dstd_social_icon {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}

/* Divi adds 30px bottom margin to every .et_pb_module in a column below 981px. */
.et_pb_column .dstd-si__list > .dstd_social_icon.et_pb_module {
  margin-bottom: 0 !important;
}

.dstd-si__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(var(--dstd-si-size) + (var(--dstd-si-pad) * 2));
  height: calc(var(--dstd-si-size) + (var(--dstd-si-pad) * 2));
  background: var(--dstd-si-bg, #111);
  color: var(--dstd-si-fg, #fff);
  text-decoration: none;
  line-height: 1;
  border: 0 solid transparent;
  border-radius: var(--dstd-si-radius, 4px);
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dstd-si--shape-square { --dstd-si-radius: 0; }
.dstd-si--shape-rounded { --dstd-si-radius: 4px; }
.dstd-si--shape-circle { --dstd-si-radius: 50%; }

.dstd-si--color-custom .dstd-si__link {
  background: var(--dstd-si-bg, #111);
  color: var(--dstd-si-fg, #fff);
}

.dstd-si--color-custom .dstd-si__link:not([class*="dstd-si__link--"]):hover,
.dstd-si--color-custom .dstd-si__link:not([class*="dstd-si__link--"]):focus-visible {
  background: var(--dstd-si-hover-bg, var(--dstd-si-bg, #111));
  color: var(--dstd-si-hover-fg, var(--dstd-si-fg, #fff));
}

.dstd-si .dstd-si__link.dstd-si__link--facebook { background: #1877F2; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--x { background: #000; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--youtube { background: #FF0000; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--instagram { background: #E1306C; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--linkedin { background: #0A66C2; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--pinterest { background: #E60023; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--whatsapp { background: #25D366; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--telegram { background: #26A5E4; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--tiktok { background: #111; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--github { background: #181717; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--dribbble { background: #EA4C89; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--reddit { background: #FF4500; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--spotify { background: #1DB954; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--twitch { background: #9146FF; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--email { background: #EA4335; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--phone { background: #34A853; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--rss { background: #F26522; color: #fff; }
.dstd-si .dstd-si__link.dstd-si__link--link { background: #1D4ED8; color: #fff; }

.dstd-si__logo,
.dstd-si__file {
  display: block;
  width: var(--dstd-si-size);
  height: var(--dstd-si-size);
  object-fit: contain;
}

.dstd-si__logo {
  fill: currentColor;
}

.dstd-si .dstd-si__font.et-pb-icon {
  display: block;
  width: var(--dstd-si-size);
  height: var(--dstd-si-size);
  font-size: var(--dstd-si-size);
  font-style: normal;
  line-height: var(--dstd-si-size);
  text-align: center;
}

.dstd-si__name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dstd-si[style*="--dstd-si-hover-border"] .dstd-si__link:hover,
.dstd-si[style*="--dstd-si-hover-border"] .dstd-si__link:focus-visible {
  border-color: var(--dstd-si-hover-border);
}

.dstd-si--hover-grow .dstd-si__link:hover,
.dstd-si--hover-grow .dstd-si__link:focus-visible {
  transform: scale(1.12);
}

.dstd-si--hover-lift .dstd-si__link:hover,
.dstd-si--hover-lift .dstd-si__link:focus-visible {
  transform: translateY(-4px);
}

.dstd-si__empty {
  margin: 0;
  color: #64748b;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-si__link {
    transition: none;
  }

  .dstd-si--hover-grow .dstd-si__link:hover,
  .dstd-si--hover-grow .dstd-si__link:focus-visible,
  .dstd-si--hover-lift .dstd-si__link:hover,
  .dstd-si--hover-lift .dstd-si__link:focus-visible {
    transform: none;
  }
}

/* Countdown Timer (.dstd-cd) */
.dstd-cd {
  --dstd-cd-gap: 12px;
  --dstd-cd-pad: 16px;
  --dstd-cd-align: center;
  --dstd-cd-justify: center;
  position: relative;
  width: 100%;
}

.dstd-cd--align-left {
  --dstd-cd-align: left;
  --dstd-cd-justify: flex-start;
}

.dstd-cd--align-right {
  --dstd-cd-align: right;
  --dstd-cd-justify: flex-end;
}

.dstd-cd__title,
.dstd-cd__message,
.dstd-cd__empty {
  margin: 0;
  padding: 0;
  text-align: var(--dstd-cd-align);
}

.dstd-cd__units {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--dstd-cd-justify);
  gap: var(--dstd-cd-gap);
}

.dstd-cd__units[hidden] {
  display: none;
}

.dstd-cd--cards .dstd-cd__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: var(--dstd-cd-pad);
  background: #f4f6f8;
  border-radius: 12px;
}

.dstd-cd--row .dstd-cd__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 0;
  background: transparent;
}

.dstd-cd__number {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.dstd-cd__label {
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dstd-cd__sep {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.dstd-cd__live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dstd-cd.is-expired-hide {
  display: none;
}

/* Number Counter (.dstd-nc) */
.dstd-nc {
  --dstd-nc-gap: 12px;
  --dstd-nc-align: center;
  --dstd-nc-justify: center;
  --dstd-nc-size: 160px;
  --dstd-nc-stroke: 8px;
  --dstd-nc-track: #e2e8f0;
  --dstd-nc-fill: #2563eb;
  --dstd-nc-cap: round;
  --dstd-nc-bar: 10px;
  --dstd-nc-bar-track: #e2e8f0;
  --dstd-nc-bar-fill: #2563eb;
  --dstd-nc-icon: 32px;
  --dstd-nc-icon-color: currentColor;
  --dstd-nc-icon-bg: transparent;
  --dstd-nc-icon-pad: 0px;
  --dstd-nc-img-w: 48px;
  --dstd-nc-img-h: auto;
  display: flex;
  flex-direction: column;
  align-items: var(--dstd-nc-justify);
  gap: var(--dstd-nc-gap);
  width: 100%;
  text-align: var(--dstd-nc-align);
}

.dstd-nc--align-left {
  --dstd-nc-align: left;
  --dstd-nc-justify: flex-start;
}

.dstd-nc--align-right {
  --dstd-nc-align: right;
  --dstd-nc-justify: flex-end;
}

.dstd-nc--media-left,
.dstd-nc--media-right {
  flex-direction: row;
  align-items: center;
}

.dstd-nc--media-right {
  flex-direction: row-reverse;
}

.dstd-nc__body {
  display: flex;
  flex-direction: column;
  align-items: var(--dstd-nc-justify);
  gap: var(--dstd-nc-gap);
  min-width: 0;
  flex: 1 1 auto;
}

.dstd-nc__title,
.dstd-nc__number,
.dstd-nc__affix,
.dstd-nc__percent {
  margin: 0;
  padding: 0;
}

.dstd-nc__figure {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: var(--dstd-nc-justify);
  gap: 10px;
}

.dstd-nc--bar {
  align-items: stretch;
}

.dstd-nc--bar .dstd-nc__body,
.dstd-nc--bar .dstd-nc__figure {
  width: 100%;
  align-items: stretch;
}

.dstd-nc--bar .dstd-nc__tile {
  align-self: var(--dstd-nc-justify);
}

.dstd-nc__tile {
  display: inline-flex;
  align-items: baseline;
  gap: 0.15em;
}

.dstd-nc__number {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.dstd-nc__affix,
.dstd-nc__percent {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.dstd-nc--circle .dstd-nc__figure {
  width: var(--dstd-nc-size);
  height: var(--dstd-nc-size);
  align-items: center;
  justify-content: center;
}

.dstd-nc__circle {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.dstd-nc__track,
.dstd-nc__progress {
  fill: none;
}

.dstd-nc__track {
  stroke: var(--dstd-nc-track);
}

.dstd-nc__progress {
  stroke: var(--dstd-nc-fill);
  stroke-linecap: var(--dstd-nc-cap);
}

.dstd-nc--circle .dstd-nc__tile {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dstd-nc__bar {
  width: 100%;
  height: var(--dstd-nc-bar);
  background: var(--dstd-nc-bar-track);
  border-radius: 999px;
  overflow: hidden;
}

.dstd-nc__bar-fill {
  display: block;
  height: 100%;
  background: var(--dstd-nc-bar-fill);
  border-radius: inherit;
}

.dstd-nc__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: ETmodules;
  font-weight: 400;
  font-style: normal;
  font-size: var(--dstd-nc-icon);
  line-height: 1;
  color: var(--dstd-nc-icon-color);
  background: var(--dstd-nc-icon-bg);
  padding: var(--dstd-nc-icon-pad);
}

.dstd-nc__image {
  width: var(--dstd-nc-img-w);
  height: var(--dstd-nc-img-h);
  object-fit: cover;
}

/* Icon (.dstd-ic) */
.dstd-ic {
  --dstd-ic-align: center;
  --dstd-ic-justify: center;
  --dstd-ic-size: 48px;
  --dstd-ic-rotate: 0deg;
  --dstd-ic-pad: 12px;
  --dstd-ic-dur: 300ms;
  --dstd-ic-badge-off: 0px;
  display: flex;
  width: 100%;
  justify-content: var(--dstd-ic-justify);
  text-align: var(--dstd-ic-align);
}

.dstd-ic--align-left {
  --dstd-ic-align: left;
  --dstd-ic-justify: flex-start;
}

.dstd-ic--align-right {
  --dstd-ic-align: right;
  --dstd-ic-justify: flex-end;
}

.dstd-ic__tile {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
  font-size: var(--dstd-ic-size);
  color: var(--dstd-ic-color, #2ea3f2);
  text-decoration: none;
  transform: rotate(var(--dstd-ic-rotate));
  transition: transform var(--dstd-ic-dur) ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

a.dstd-ic__tile,
a.dstd-ic__tile:hover {
  text-decoration: none;
}

.dstd-ic--stacked .dstd-ic__tile {
  padding: var(--dstd-ic-pad);
  color: var(--dstd-ic-color, #fff);
  background: var(--dstd-ic-tile, #2ea3f2);
}

.dstd-ic--framed .dstd-ic__tile {
  padding: var(--dstd-ic-pad);
  color: var(--dstd-ic-color, #2ea3f2);
  background: var(--dstd-ic-tile, transparent);
  border: 3px solid currentColor;
}

.dstd-ic--shape-square .dstd-ic__tile {
  border-radius: 0;
}

.dstd-ic--shape-rounded .dstd-ic__tile {
  border-radius: 10%;
}

.dstd-ic--shape-circle .dstd-ic__tile {
  border-radius: 50%;
}

.dstd-ic--plain .dstd-ic__tile {
  background: transparent;
}

.dstd-ic__glyph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}

.dstd-ic .dstd-ic__icon,
.et-db #et-boc .et-l .dstd-ic .dstd-ic__icon {
  content: normal;
  display: block;
  width: 1em;
  height: 1em;
  font-family: ETmodules;
  font-weight: 400;
  font-style: normal;
  font-size: 1em !important;
  line-height: 1;
  speak: none;
}

.dstd-ic__img {
  display: block;
  width: 1em;
  height: 1em;
  object-fit: contain;
}

.dstd-ic--fit .dstd-ic__glyph {
  width: auto;
}

.dstd-ic--fit .dstd-ic__img {
  width: auto;
  height: 1em;
}

.dstd-ic__empty {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  font-family: inherit;
}

.dstd-ic__badge {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.2;
  color: #fff;
  background: var(--dstd-ic-badge, #2ea3f2);
  border-radius: 999px;
  white-space: nowrap;
}

.dstd-ic--badge-top-left .dstd-ic__badge {
  top: var(--dstd-ic-badge-off);
  left: var(--dstd-ic-badge-off);
}

.dstd-ic--badge-top-right .dstd-ic__badge {
  top: var(--dstd-ic-badge-off);
  right: var(--dstd-ic-badge-off);
}

.dstd-ic--badge-bottom-left .dstd-ic__badge {
  bottom: var(--dstd-ic-badge-off);
  left: var(--dstd-ic-badge-off);
}

.dstd-ic--badge-bottom-right .dstd-ic__badge {
  bottom: var(--dstd-ic-badge-off);
  right: var(--dstd-ic-badge-off);
}

.dstd-ic--fx-grow:hover .dstd-ic__tile,
.dstd-ic--fx-shrink:hover .dstd-ic__tile,
.dstd-ic--fx-rotate:hover .dstd-ic__tile {
  transition-duration: var(--dstd-ic-dur);
}

.dstd-ic--fx-grow:hover .dstd-ic__tile {
  transform: scale(1.12) rotate(var(--dstd-ic-rotate));
}

.dstd-ic--fx-shrink:hover .dstd-ic__tile {
  transform: scale(0.9) rotate(var(--dstd-ic-rotate));
}

.dstd-ic--fx-rotate:hover .dstd-ic__tile {
  transform: rotate(calc(var(--dstd-ic-rotate) + 20deg));
}

.dstd-ic--fx-pulse:hover .dstd-ic__tile {
  animation: dstd-ic-pulse var(--dstd-ic-dur) ease-in-out infinite;
}

.dstd-ic--fx-float:hover .dstd-ic__tile {
  animation: dstd-ic-float var(--dstd-ic-dur) ease-in-out infinite;
}

.dstd-ic--fx-buzz:hover .dstd-ic__tile {
  animation: dstd-ic-buzz calc(var(--dstd-ic-dur) / 4) linear infinite;
}

@keyframes dstd-ic-pulse {
  0%,
  100% { transform: scale(1) rotate(var(--dstd-ic-rotate)); }
  50% { transform: scale(1.08) rotate(var(--dstd-ic-rotate)); }
}

@keyframes dstd-ic-float {
  0%,
  100% { transform: translateY(0) rotate(var(--dstd-ic-rotate)); }
  50% { transform: translateY(-6px) rotate(var(--dstd-ic-rotate)); }
}

@keyframes dstd-ic-buzz {
  0%,
  100% { transform: translateX(0) rotate(var(--dstd-ic-rotate)); }
  25% { transform: translateX(-2px) rotate(var(--dstd-ic-rotate)); }
  75% { transform: translateX(2px) rotate(var(--dstd-ic-rotate)); }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-ic__tile {
    transition: none;
    animation: none;
  }

  .dstd-ic--fx-grow:hover .dstd-ic__tile,
  .dstd-ic--fx-shrink:hover .dstd-ic__tile,
  .dstd-ic--fx-rotate:hover .dstd-ic__tile,
  .dstd-ic--fx-pulse:hover .dstd-ic__tile,
  .dstd-ic--fx-float:hover .dstd-ic__tile,
  .dstd-ic--fx-buzz:hover .dstd-ic__tile {
    transform: rotate(var(--dstd-ic-rotate));
    animation: none;
  }
}


/* Team Member (.dstd-tm) */
.dstd-tm {
  --dstd-tm-cols: 3;
  --dstd-tm-cols-t: 2;
  --dstd-tm-cols-m: 1;
  --dstd-tm-gap: 30px;
  --dstd-tm-gap-t: 10px;
  --dstd-tm-gap-m: 10px;
  --dstd-tm-img-w: 160px;
  --dstd-tm-overlay: rgba(15, 23, 42, 0.55);
  --dstd-tm-sep-w: 40px;
  --dstd-tm-sep-t: 2px;
  --dstd-tm-sep-c: #2ea3f2;
  --dstd-tm-social-size: 16px;
  --dstd-tm-social-gap: 8px;
  --dstd-tm-social-box: 36px;
  --dstd-tm-social: #2ea3f2;
  --dstd-tm-social-hover: #2ea3f2;
  --dstd-tm-social-bg: #e8f6fd;
  --dstd-tm-arrow: #0f172a;
  --dstd-tm-arrow-bg: #ffffff;
  --dstd-tm-dot: rgba(15, 23, 42, 0.28);
  --dstd-tm-dot-active: #0f172a;
  position: relative;
  width: 100%;
}

.dstd-tm__empty {
  margin: 0;
  padding: 24px;
  text-align: center;
}

.dstd-tm--grid .dstd-tm__track {
  display: grid;
  grid-template-columns: repeat(var(--dstd-tm-cols), minmax(0, 1fr));
  gap: var(--dstd-tm-gap);
}

.dstd-tm--grid .dstd_team_member_item {
  width: auto;
  height: auto;
}

.dstd-tm__card {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  min-width: 0;
}

.dstd-tm--equal .swiper-wrapper {
  align-items: stretch;
}

.dstd-tm--equal .swiper-slide {
  height: auto;
  display: flex;
}

.dstd-tm--equal .dstd-tm__card {
  flex: 1;
}

.dstd-tm--pos-left .dstd-tm__card,
.dstd-tm--pos-right .dstd-tm__card {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.dstd-tm--pos-right .dstd-tm__card {
  flex-direction: row-reverse;
}

.dstd-tm--pos-left .dstd-tm__body,
.dstd-tm--pos-right .dstd-tm__body {
  flex: 1;
  min-width: 0;
}

.dstd-tm__media {
  position: relative;
  display: flex;
  justify-content: center;
}

.dstd-tm--align-left.dstd-tm--pos-top .dstd-tm__media {
  justify-content: flex-start;
}

.dstd-tm--align-right.dstd-tm--pos-top .dstd-tm__media {
  justify-content: flex-end;
}

.dstd-tm__photo {
  position: relative;
  width: var(--dstd-tm-img-w);
  max-width: 100%;
  overflow: hidden;
}

.dstd-tm--shape-square .dstd-tm__photo { border-radius: 0; }
.dstd-tm--shape-rounded .dstd-tm__photo { border-radius: 12px; }
.dstd-tm--shape-circle .dstd-tm__photo { border-radius: 50%; aspect-ratio: 1 / 1; }
.dstd-tm--has-radius .dstd-tm__photo { border-radius: var(--dstd-tm-radius); }
.dstd-tm--has-height .dstd-tm__photo { height: var(--dstd-tm-img-h); aspect-ratio: auto; }

.dstd-tm__img,
.dstd-tm__photo-link,
.dstd-tm__photo-empty {
  display: block;
  width: 100%;
  height: 100%;
}

.dstd-tm__img {
  object-fit: cover;
  transition: transform 0.35s ease;
}

.dstd-tm__photo-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 12px;
  text-align: center;
  background: #f3f4f6;
}

.dstd-tm--img-grow .dstd-tm__card:hover .dstd-tm__img { transform: scale(1.06); }
.dstd-tm--img-shrink .dstd-tm__card:hover .dstd-tm__img { transform: scale(0.96); }

.dstd-tm__overlay {
  position: absolute;
  inset: 0;
  background: var(--dstd-tm-overlay);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.dstd-tm--overlay-none .dstd-tm__overlay { display: none; }

.dstd-tm__media .dstd-tm__bio,
.dstd-tm__media .dstd-tm__social {
  position: absolute;
  z-index: 2;
  left: 12px;
  right: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dstd-tm__media .dstd-tm__bio {
  top: 50%;
  margin: 0;
  text-align: center;
  transform: translateY(-50%);
}

.dstd-tm--overlay-both .dstd-tm__media .dstd-tm__bio { top: 34%; }
.dstd-tm--overlay-both .dstd-tm__media .dstd-tm__social { top: 58%; }

.dstd-tm--overlay-all .dstd-tm__body { display: none; }

.dstd-tm__panel {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 16px;
  text-align: left;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.dstd-tm--overlay-align-top-left .dstd-tm__panel {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.dstd-tm--overlay-align-top-right .dstd-tm__panel {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: right;
}

.dstd-tm--overlay-align-bottom-left .dstd-tm__panel {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: left;
}

.dstd-tm--overlay-align-bottom-right .dstd-tm__panel {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.dstd-tm--overlay-align-top-left .dstd-tm__panel .dstd-tm__sep,
.dstd-tm--overlay-align-bottom-left .dstd-tm__panel .dstd-tm__sep {
  margin-left: 0;
  margin-right: auto;
}

.dstd-tm--overlay-align-top-right .dstd-tm__panel .dstd-tm__sep,
.dstd-tm--overlay-align-bottom-right .dstd-tm__panel .dstd-tm__sep {
  margin-left: auto;
  margin-right: 0;
}

.dstd-tm__panel .dstd-tm__bio,
.dstd-tm__panel .dstd-tm__social {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin-top: 8px;
  opacity: 1;
  transform: none;
}

.dstd-tm__panel .dstd-tm__social:first-child { margin-top: 0; }

.dstd-tm--overlay-align-top-left .dstd-tm__panel .dstd-tm__social,
.dstd-tm--overlay-align-bottom-left .dstd-tm__panel .dstd-tm__social {
  justify-content: flex-start;
}

.dstd-tm--overlay-align-top-right .dstd-tm__panel .dstd-tm__social,
.dstd-tm--overlay-align-bottom-right .dstd-tm__panel .dstd-tm__social {
  justify-content: flex-end;
}

.dstd-tm--overlay-all .dstd-tm__card:hover .dstd-tm__panel,
.dstd-tm--overlay-all .dstd-tm__card:focus-within .dstd-tm__panel {
  opacity: 1;
}

.dstd-tm__media .dstd-tm__social {
  top: 50%;
  justify-content: center;
  transform: translateY(-50%);
}

.dstd-tm__media .dstd-tm__panel .dstd-tm__bio,
.dstd-tm__media .dstd-tm__panel .dstd-tm__social {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  opacity: 1;
  transform: none;
}

.dstd-tm__card:hover .dstd-tm__overlay,
.dstd-tm__card:focus-within .dstd-tm__overlay,
.dstd-tm__card:hover .dstd-tm__panel,
.dstd-tm__card:focus-within .dstd-tm__panel,
.dstd-tm__card:hover .dstd-tm__media .dstd-tm__bio,
.dstd-tm__card:focus-within .dstd-tm__media .dstd-tm__bio,
.dstd-tm__card:hover .dstd-tm__media .dstd-tm__social,
.dstd-tm__card:focus-within .dstd-tm__media .dstd-tm__social {
  opacity: 1;
}

.dstd-tm__card:hover .dstd-tm__panel,
.dstd-tm__card:focus-within .dstd-tm__panel {
  pointer-events: auto;
}

.dstd-tm__stretch {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dstd-tm__body {
  padding: 16px 16px 20px;
  text-align: var(--dstd-tm-align, center);
}

.dstd-tm--align-left { --dstd-tm-align: left; }
.dstd-tm--align-center { --dstd-tm-align: center; }
.dstd-tm--align-right { --dstd-tm-align: right; }

.dstd-tm__name,
.dstd-tm__role,
.dstd-tm__bio {
  margin: 0;
  padding: 0;
}

.dstd-tm__name { font-size: 20px; line-height: 1.3; }
.dstd-tm__role { margin-top: 4px; font-size: 14px; line-height: 1.4; }
.dstd-tm__bio { margin-top: 8px; font-size: 14px; line-height: 1.5; }

.dstd-tm__name-link,
.dstd-tm__name-link:hover {
  color: inherit;
}

.dstd-tm__name-link,
.dstd-tm__name-link:hover,
.dstd-tm__photo-link,
.dstd-tm__icon,
.dstd-tm__icon:hover {
  text-decoration: none;
}

.dstd-tm__sep {
  display: none;
  width: var(--dstd-tm-sep-w);
  height: var(--dstd-tm-sep-t);
  margin: 10px 0;
  background: var(--dstd-tm-sep-c);
}

.dstd-tm--sep-name .dstd-tm__sep--name,
.dstd-tm--sep-role .dstd-tm__sep--role,
.dstd-tm--sep-bio .dstd-tm__sep--bio { display: block; }

.dstd-tm--align-center .dstd-tm__sep { margin-left: auto; margin-right: auto; }
.dstd-tm--align-right .dstd-tm__sep { margin-left: auto; }

.dstd-tm__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dstd-tm-social-gap);
  margin-top: 12px;
}

.dstd-tm--align-center .dstd-tm__social { justify-content: center; }
.dstd-tm--align-right .dstd-tm__social { justify-content: flex-end; }

.dstd-tm--social-align-left .dstd-tm__social { justify-content: flex-start; }
.dstd-tm--social-align-center .dstd-tm__social { justify-content: center; }
.dstd-tm--social-align-right .dstd-tm__social { justify-content: flex-end; }

.dstd-tm__icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--dstd-tm-social-box);
  height: var(--dstd-tm-social-box);
  color: var(--dstd-tm-social);
  background-color: var(--dstd-tm-social-bg);
  font-size: var(--dstd-tm-social-size);
  line-height: 1;
}

.dstd-tm .dstd-tm__icon,
.dstd-tm .dstd-tm__icon:hover,
.et-db #et-boc .et-l .dstd-tm .dstd-tm__icon,
.et-db #et-boc .et-l .dstd-tm .dstd-tm__icon:hover {
  background-color: var(--dstd-tm-social-bg);
}

.dstd-tm__icon:hover { color: var(--dstd-tm-social-hover); }
.dstd-tm--social-square .dstd-tm__icon { border-radius: 0; }
.dstd-tm--social-rounded .dstd-tm__icon { border-radius: 8px; }
.dstd-tm--social-circle .dstd-tm__icon { border-radius: 50%; }
.dstd-tm--soc-grow .dstd-tm__icon { transition: transform 0.3s ease, color 0.3s ease; }
.dstd-tm--soc-grow .dstd-tm__icon:hover { transform: scale(1.12); }

.dstd-tm__icon svg,
.dstd-tm__logo {
  display: block;
  width: 1em;
  height: 1em;
}

.dstd-tm .dstd-tm__glyph,
.et-db #et-boc .et-l .dstd-tm .dstd-tm__glyph {
  content: normal;
  display: block;
  width: 1em;
  height: 1em;
  font-family: ETmodules;
  font-weight: 400;
  font-style: normal;
  font-size: 1em !important;
  line-height: 1;
}

.dstd-tm__swiper { position: relative; }
.dstd-tm--grab .swiper-wrapper { cursor: grab; }

.dstd-tm__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--dstd-tm-arrow-size, 40px);
  height: var(--dstd-tm-arrow-size, 40px);
  border: 0;
  border-radius: 999px;
  background: var(--dstd-tm-arrow-bg);
  color: var(--dstd-tm-arrow);
  cursor: pointer;
  z-index: 6;
}

.dstd-tm__arrow svg,
.dstd-tm .swiper-navigation-icon {
  display: none;
}

.dstd-tm .swiper-button-prev:after,
.dstd-tm .swiper-button-next:after,
.dstd-tm__arrow:after {
  content: "";
  display: block;
  width: calc(var(--dstd-tm-arrow-size, 40px) * 0.25);
  height: calc(var(--dstd-tm-arrow-size, 40px) * 0.25);
  margin: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  font-family: inherit;
  font-size: 0 !important;
  font-weight: 400;
  color: var(--dstd-tm-arrow);
}

.dstd-tm .swiper-button-prev:after,
.dstd-tm__arrow--prev:after {
  transform: rotate(135deg);
  margin-left: 4px;
}

.dstd-tm .swiper-button-next:after,
.dstd-tm__arrow--next:after {
  transform: rotate(-45deg);
  margin-right: 4px;
}

.dstd-tm--carousel .dstd-tm__arrow--prev,
.dstd-tm--carousel .swiper-button-prev {
  left: 0;
  top: 50%;
  margin-top: calc(var(--dstd-tm-arrow-size, 40px) / -2);
}

.dstd-tm--carousel .dstd-tm__arrow--next,
.dstd-tm--carousel .swiper-button-next {
  right: 0;
  top: 50%;
  margin-top: calc(var(--dstd-tm-arrow-size, 40px) / -2);
}

.dstd-tm__dots.swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 16px;
}

.dstd-tm .swiper-pagination-bullet {
  background: var(--dstd-tm-dot);
  opacity: 1;
}

.dstd-tm .swiper-pagination-bullet-active {
  background: var(--dstd-tm-dot-active);
}

@media (max-width: 980px) {
  .dstd-tm { --dstd-tm-cols: 2; }

  .dstd-tm--grid .dstd-tm__track {
    grid-template-columns: repeat(var(--dstd-tm-cols), minmax(0, 1fr));
    gap: var(--dstd-tm-gap-t);
  }

  .dstd-tm--stack-tablet.dstd-tm--pos-left .dstd-tm__card,
  .dstd-tm--stack-tablet.dstd-tm--pos-right .dstd-tm__card {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .dstd-tm { --dstd-tm-cols: 1; }

  .dstd-tm--grid .dstd-tm__track {
    grid-template-columns: repeat(var(--dstd-tm-cols), minmax(0, 1fr));
    gap: var(--dstd-tm-gap-m);
  }

  .dstd-tm--stack-mobile.dstd-tm--pos-left .dstd-tm__card,
  .dstd-tm--stack-mobile.dstd-tm--pos-right .dstd-tm__card,
  .dstd-tm--stack-tablet.dstd-tm--pos-left .dstd-tm__card,
  .dstd-tm--stack-tablet.dstd-tm--pos-right .dstd-tm__card {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dstd-tm__img,
  .dstd-tm__icon,
  .dstd-tm__overlay,
  .dstd-tm__media .dstd-tm__bio,
  .dstd-tm__media .dstd-tm__social,
  .dstd-tm__panel {
    transition: none;
  }

  .dstd-tm--img-grow .dstd-tm__card:hover .dstd-tm__img,
  .dstd-tm--img-shrink .dstd-tm__card:hover .dstd-tm__img,
  .dstd-tm--soc-grow .dstd-tm__icon:hover {
    transform: none;
  }
}

/* Tooltip (.dstd-tip) */
.dstd-tip {
  --dstd-tip-justify: flex-start;
  --dstd-tip-trigger: inherit;
  --dstd-tip-trigger-bg: transparent;
  --dstd-tip-deco: none;
  --dstd-tip-icon-size: 24px;
  --dstd-tip-icon-pad: 8px;
  --dstd-tip-icon: #0f172a;
  --dstd-tip-icon-bg: #e8f6fd;
  --dstd-tip-img-w: 80px;
  --dstd-tip-img-radius: 0px;
  --dstd-tip-bg: #0f172a;
  --dstd-tip-color: #ffffff;
  --dstd-tip-max: 280px;
  --dstd-tip-radius: 8px;
  --dstd-tip-arrow-size: 6px;
  --dstd-tip-arrow: var(--dstd-tip-bg);
  --dstd-tip-z: 40;
  --dstd-tip-bubble-align: left;
  display: flex;
  justify-content: var(--dstd-tip-justify);
  width: 100%;
  position: relative;
}

.dstd-tip__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--dstd-tip-trigger-bg);
  color: var(--dstd-tip-trigger);
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration-line: var(--dstd-tip-deco);
  text-decoration-color: var(--dstd-tip-deco-color, currentColor);
  cursor: pointer;
}

.dstd-tip .dstd-tip__trigger,
.dstd-tip .dstd-tip__trigger:hover,
.et-db #et-boc .et-l .dstd-tip .dstd-tip__trigger,
.et-db #et-boc .et-l .dstd-tip .dstd-tip__trigger:hover {
  background-color: var(--dstd-tip-trigger-bg);
  color: var(--dstd-tip-trigger);
  text-decoration-line: var(--dstd-tip-deco);
}

.dstd-tip .dstd-tip__trigger:hover,
.et-db #et-boc .et-l .dstd-tip .dstd-tip__trigger:hover {
  background-color: var(--dstd-tip-trigger-bg-hover, var(--dstd-tip-trigger-bg));
  color: var(--dstd-tip-trigger-hover, var(--dstd-tip-trigger));
  text-decoration-color: var(--dstd-tip-deco-hover, var(--dstd-tip-deco-color, currentColor));
}

.dstd-tip__trigger:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.dstd-tip--button .dstd-tip__trigger {
  padding: 10px 18px;
  border-radius: 6px;
}

.dstd-tip__iconbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(var(--dstd-tip-icon-size) + (var(--dstd-tip-icon-pad) * 2));
  height: calc(var(--dstd-tip-icon-size) + (var(--dstd-tip-icon-pad) * 2));
  background: var(--dstd-tip-icon-bg);
  color: var(--dstd-tip-icon);
  font-size: var(--dstd-tip-icon-size);
  line-height: 1;
}

.dstd-tip__trigger:hover .dstd-tip__iconbox {
  color: var(--dstd-tip-icon-hover, var(--dstd-tip-icon));
}

.dstd-tip--icon-square .dstd-tip__iconbox { border-radius: 0; }
.dstd-tip--icon-rounded .dstd-tip__iconbox { border-radius: 8px; }
.dstd-tip--icon-circle .dstd-tip__iconbox { border-radius: 50%; }

.dstd-tip__img {
  display: block;
  width: var(--dstd-tip-img-w);
  max-width: 100%;
  height: var(--dstd-tip-img-h, auto);
  border-radius: var(--dstd-tip-img-radius);
  object-fit: cover;
}

.dstd-tip .dstd-tip__glyph,
.et-db #et-boc .et-l .dstd-tip .dstd-tip__glyph {
  display: block;
  width: 1em;
  height: 1em;
  font-family: ETmodules;
  font-size: 1em !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

.dstd-tip__bubble {
  position: fixed;
  z-index: var(--dstd-tip-z);
  box-sizing: border-box;
  width: max-content;
  max-width: var(--dstd-tip-max);
  margin: 0;
  padding: 12px 14px;
  background-color: var(--dstd-tip-bg);
  color: var(--dstd-tip-color);
  border-radius: var(--dstd-tip-radius);
  text-align: var(--dstd-tip-bubble-align);
  pointer-events: auto;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

.dstd-tip__bubble[hidden] { display: none !important; }

.dstd-tip[data-dstd-vb="1"]:not(.is-open) .dstd-tip__bubble {
  display: none !important;
}

.et-db #et-boc .et-l .dstd_tooltip,
.et-db #et-boc .et-l .dstd_tooltip .et_pb_module_inner,
.et-db #et-boc .et-l .dstd-tip {
  overflow: visible;
}

.et-db #et-boc .et-l .dstd-tip[data-dstd-vb="1"].is-open .dstd-tip__bubble {
  z-index: 100000;
}

.dstd-tip__bubble p { margin: 0 0 8px; }
.dstd-tip__bubble p:last-child { margin-bottom: 0; }

.dstd-tip__heading {
  margin: 0 0 6px;
  font-weight: 700;
}

.dstd-tip__media,
.dstd-tip__video iframe {
  display: block;
  width: var(--dstd-tip-bubble-img, 100%);
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: var(--dstd-tip-bubble-radius, 4px);
}

.dstd-tip__video iframe { aspect-ratio: 16 / 9; }

.dstd-tip__caption {
  margin-top: 6px;
  font-size: 0.92em;
}

.dstd-tip__bubble--fade { opacity: 0; }
.dstd-tip__bubble--fade.is-in { opacity: 1; }

.dstd-tip__bubble--scale { opacity: 0; transform: scale(0.94); }
.dstd-tip__bubble--scale.is-in { opacity: 1; transform: none; }

.dstd-tip__bubble--shift[data-side="top"] { opacity: 0; transform: translateY(6px); }
.dstd-tip__bubble--shift[data-side="bottom"] { opacity: 0; transform: translateY(-6px); }
.dstd-tip__bubble--shift[data-side="left"] { opacity: 0; transform: translateX(6px); }
.dstd-tip__bubble--shift[data-side="right"] { opacity: 0; transform: translateX(-6px); }
.dstd-tip__bubble--shift.is-in { opacity: 1; transform: none; }

.dstd-tip__bubble--flip { opacity: 0; transform: perspective(400px) rotateX(-10deg); }
.dstd-tip__bubble--flip.is-in { opacity: 1; transform: none; }

.dstd-tip__bubble--arrow::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: var(--dstd-tip-arrow-size) solid transparent;
}

.dstd-tip__bubble--arrow[data-side="top"]::after {
  top: 100%;
  left: var(--dstd-tip-arrow-x, 50%);
  transform: translateX(-50%);
  border-bottom-width: 0;
  border-top-color: var(--dstd-tip-arrow);
}

.dstd-tip__bubble--arrow[data-side="bottom"]::after {
  bottom: 100%;
  left: var(--dstd-tip-arrow-x, 50%);
  transform: translateX(-50%);
  border-top-width: 0;
  border-bottom-color: var(--dstd-tip-arrow);
}

.dstd-tip__bubble--arrow[data-side="left"]::after {
  left: 100%;
  top: var(--dstd-tip-arrow-y, 50%);
  transform: translateY(-50%);
  border-right-width: 0;
  border-left-color: var(--dstd-tip-arrow);
}

.dstd-tip__bubble--arrow[data-side="right"]::after {
  right: 100%;
  top: var(--dstd-tip-arrow-y, 50%);
  transform: translateY(-50%);
  border-left-width: 0;
  border-right-color: var(--dstd-tip-arrow);
}

.dstd-tip-portal {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  min-height: 0 !important;
  pointer-events: none;
  z-index: var(--dstd-tip-z, 40);
}

.dstd-tip__row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

@media (prefers-reduced-motion: reduce) {
  .dstd-tip__bubble { transition: none; }
}