.sbtm-block {
  --sbtm-cols-desktop: 5;
  --sbtm-cols-tablet: 3;
  --sbtm-cols-mobile: 2;
  --sbtm-gap: 8px;
  --sbtm-radius: 7px;
  --sbtm-icon-size: 22px;
  --sbtm-wrapper-bg: transparent;
  width: 100%;
  margin: 8px 0;
  padding: 0;
  background: var(--sbtm-wrapper-bg);
  direction: inherit;
}
.sbtm-grid {
  display: grid;
  grid-template-columns: repeat(var(--sbtm-cols-desktop), minmax(0, 1fr));
  gap: var(--sbtm-gap);
  width: 100%;
}
.sbtm-trigger {
  --sbtm-btn-bg: #fff;
  --sbtm-btn-color: #333;
  --sbtm-btn-border: #e6e9ec;
  --sbtm-btn-hover-bg: #f7f8f9;
  position: relative;
  min-width: 0;
  margin: 0;
  color: var(--sbtm-btn-color);
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.sbtm-trigger:focus-visible {
  outline: 2px solid rgba(37, 185, 215, 0.28);
  outline-offset: 2px;
}
.sbtm-trigger-icon {
  flex: 0 0 var(--sbtm-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--sbtm-icon-size);
  height: var(--sbtm-icon-size);
  font-size: var(--sbtm-icon-size);
  line-height: 1;
  color: currentColor;
}
.sbtm-trigger-icon img,
.sbtm-trigger-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sbtm-trigger-title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.sbtm-trigger-arrow {
  line-height: 1;
}
.sbtm-inline-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  width: 100%;
  margin: 0 0 var(--sbtm-gap);
  box-sizing: border-box;
}
.sbtm-inline-stack:empty,
.sbtm-grid:empty {
  display: none;
}
.sbtm-inline-card {
  --sbtm-card-bg: #fff;
  --sbtm-card-accent: #333;
  --sbtm-card-border: #e6e9ec;
  --sbtm-card-hover: #f7f8f9;
  position: relative;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  color: #454c54;
  background: var(--sbtm-card-bg);
  border-color: var(--sbtm-card-border);
  font: inherit;
  direction: inherit;
}
.sbtm-inline-main {
  position: relative;
  min-width: 0;
}
.sbtm-inline-heading {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.sbtm-inline-title {
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--sbtm-card-accent);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.sbtm-inline-icon {
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--sbtm-card-accent);
  font-size: 20px;
  line-height: 1;
}
.sbtm-inline-icon img,
.sbtm-inline-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sbtm-pack-svg {
  vector-effect: non-scaling-stroke;
}
.sbtm-inline-content {
  margin-top: 5px;
  color: #68727c;
  font-size: 12.5px;
  line-height: 0.5;
  overflow-wrap: anywhere;
}
.sbtm-inline-content > :first-child {
  margin-top: 0;
}
.sbtm-inline-content > :last-child {
  margin-bottom: 0;
}
.sbtm-inline-content p {
  margin: 0 0 4px;
}
.sbtm-inline-content ul,
.sbtm-inline-content ol {
  margin: 4px 0 0;
  padding-inline-start: 18px;
}
.sbtm-inline-content li {
  margin: 1px 0;
}
.sbtm-inline-content img {
  max-width: 100%;
  height: auto;
}
.sbtm-inline-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}
.sbtm-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  color: var(--sbtm-card-accent);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}
.sbtm-inline-link:hover,
.sbtm-inline-link:focus {
  color: var(--sbtm-card-accent);
  text-decoration: none;
}
.sbtm-inline-link-arrow {
  font-size: 16px;
  line-height: 1;
  opacity: 0.7;
  transition: transform 0.12s ease;
}
.sbtm-inline-link:hover .sbtm-inline-link-arrow {
  transform: translateX(-1px);
}
@media (min-width: 1200px) {
  .sbtm-hide-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .sbtm-grid {
    grid-template-columns: repeat(var(--sbtm-cols-tablet), minmax(0, 1fr));
  }
  .sbtm-hide-tablet {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .sbtm-block {
    margin: 6px 0;
  }
  .sbtm-grid {
    grid-template-columns: repeat(var(--sbtm-cols-mobile), minmax(0, 1fr));
    gap: min(var(--sbtm-gap), 6px);
  }
  .sbtm-hide-mobile {
    display: none !important;
  }
  .sbtm-inline-stack {
    gap: 5px;
    margin-bottom: min(var(--sbtm-gap), 6px);
  }
  .sbtm-inline-title {
    font-size: 13.5px;
  }
  .sbtm-inline-content {
    font-size: 12px;
    line-height: 1.75;
  }
  .sbtm-inline-link {
    font-size: 10.5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sbtm-trigger,
  .sbtm-trigger-arrow,
  .sbtm-inline-link-arrow {
    transition: none !important;
  }
}

/* ===== SbTrustModals skin — v1.12.0 =====
 * Presentation only; DOM, classes, data-attributes and JS untouched.
 * Colours chosen per item in admin (--sbtm-btn-*, --sbtm-card-*) are still respected.
 */
html body:not(#_) .sbtm-block {
  --tm-ink: #111827;
  --tm-ink2: #374151;
  --tm-mute: #6b7280;
  --tm-line: #e6e8ec;
  --tm-soft: #f5f6f8;
  --tm-accent: #1877f2;
  --tm-accent-soft: #e8f1fe;
  --tm-accent-line: #a3c8fa;
  --tm-accent-ink: #1259ba;
  --tm-ease: cubic-bezier(0.22, 0.8, 0.3, 1);
}
/* ---- Triggers ---- */
html body:not(#_) .sbtm-trigger {
  border-radius: var(--sbtm-radius);
  transition:
    transform 0.2s var(--tm-ease),
    box-shadow 0.2s var(--tm-ease),
    border-color 0.2s var(--tm-ease),
    background-color 0.2s var(--tm-ease),
    color 0.2s var(--tm-ease) !important;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
}
html
  body:not(#_)
  .sbtm-trigger:not(.sbtm-style-text):not(.sbtm-style-trustbar):not(
    .sbtm-style-icon-chip
  ) {
  min-height: 48px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
html body:not(#_) .sbtm-trigger .sbtm-trigger-title {
  font-weight: 700;
  line-height: 1.5;
}
@media (hover: hover) and (pointer: fine) {
  html
    body:not(#_)
    .sbtm-trigger:not(.sbtm-style-text):not(.sbtm-style-trustbar):hover {
    transform: translateY(-2px);
    box-shadow:
      0 8px 20px -8px rgba(16, 24, 40, 0.22),
      0 2px 6px rgba(16, 24, 40, 0.06);
  }
  html body:not(#_) .sbtm-trigger:hover .sbtm-trigger-arrow {
    opacity: 0.75;
  }
}
html body:not(#_) .sbtm-trigger:active {
  transform: scale(0.975) !important;
  transition-duration: 0.08s !important;
}
html body:not(#_) .sbtm-trigger:focus-visible {
  outline: 2px solid var(--tm-accent) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(24, 119, 242, 0.16);
}
html body:not(#_) .sbtm-trigger[aria-expanded="true"] {
  border-color: var(--tm-accent-line);
}
html body:not(#_) .sbtm-trigger .sbtm-trigger-arrow {
  transition:
    opacity 0.2s var(--tm-ease),
    transform 0.2s var(--tm-ease);
}
html body:not(#_) .sbtm-style-icon-chip {
  min-height: 38px;
}
html body:not(#_) .sbtm-style-trustbar {
  border-radius: 7px;
}
@media (max-width: 767.98px) {
  html
    body:not(#_)
    .sbtm-trigger:not(.sbtm-style-text):not(.sbtm-style-trustbar):not(
      .sbtm-style-icon-chip
    ) {
    min-height: 44px;
  }
  html body:not(#_) .sbtm-style-icon-chip {
    min-height: 36px;
  }
  html body:not(#_) .sbtm-style-text {
    min-height: 32px;
  }
}
/* ---- Inline cards ---- */
html body:not(#_) .sbtm-inline-stack {
  gap: 10px;
}
html body:not(#_) .sbtm-inline-card {
  border-radius: 7px;
}
html body:not(#_) .sbtm-inline-style-feature,
html body:not(#_) .sbtm-inline-style-soft {
  padding: 14px 16px;
  border-radius: 7px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
html body:not(#_) .sbtm-inline-style-feature:before {
  top: 14px;
  bottom: 14px;
  width: 3px;
}
html body:not(#_) .sbtm-inline-title {
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1.6;
}
html body:not(#_) .sbtm-inline-content {
  margin-top: 6px;
  color: var(--tm-mute);
  font-size: 13px;
  line-height: 1.9;
}
html body:not(#_) .sbtm-inline-link {
  min-height: 32px;
  margin-top: 8px;
  padding: 0 12px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--sbtm-card-accent) 9%, transparent);
  font-size: 12.5px;
  font-weight: 700;
  transition: background 0.18s var(--tm-ease);
}
html body:not(#_) .sbtm-inline-link:hover {
  background: color-mix(in srgb, var(--sbtm-card-accent) 16%, transparent);
}
html body:not(#_) .sbtm-inline-link:focus-visible {
  outline: 2px solid var(--tm-accent);
  outline-offset: 2px;
}
html body:not(#_) .sbtm-inline-style-compact .sbtm-inline-link,
html body:not(#_) .sbtm-inline-style-minimal .sbtm-inline-link {
  margin-top: 6px;
}
@media (max-width: 767.98px) {
  html body:not(#_) .sbtm-inline-style-feature,
  html body:not(#_) .sbtm-inline-style-soft {
    padding: 12px 13px;
    border-radius: 7px;
  }
  html body:not(#_) .sbtm-inline-title {
    font-size: 14px;
  }
  html body:not(#_) .sbtm-inline-content {
    font-size: 12.5px;
    line-height: 0.55;
  }
}

/* ===== SbTrustModals v1.13.0 — readable text + properly sized icons (presentation only) =====
 * Icon size follows the admin "icon size" setting (--sbtm-icon-size) multiplied per style, so changing it in admin still scales everything.
 * Minimum text size 12px (11.5px for the stacked trust bar); tap targets 36-48px; one radius (--sbtm-radius, default 8px).
 */
html body:not(#_) .sbtm-trigger .sbtm-trigger-icon {
  --sbtm-icon-size: inherit;
  --tm-ik: 1;
  width: calc(var(--sbtm-icon-size) * var(--tm-ik));
  height: calc(var(--sbtm-icon-size) * var(--tm-ik));
  flex: 0 0 calc(var(--sbtm-icon-size) * var(--tm-ik));
  font-size: calc(var(--sbtm-icon-size) * var(--tm-ik));
  opacity: 1;
}
html body:not(#_) .sbtm-trigger .sbtm-trigger-icon svg {
  stroke-width: 0.5;
}
html body:not(#_) .sbtm-trigger .sbtm-trigger-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
html body:not(#_) .sbtm-trigger .sbtm-trigger-arrow {
  font-size: 18px;
  line-height: 1;
  opacity: 0.4;
}
/* card-like styles */
html
  body:not(#_)
  :is(.sbtm-style-minimal, .sbtm-style-glass, .sbtm-style-outline) {
  gap: 9px;
  min-height: 48px;
  padding: 8px 30px 8px 12px;
  border-radius: var(--sbtm-radius);
}
html body:not(#_) .sbtm-style-outline {
  padding: 8px 12px;
}
html
  body:not(#_)
  :is(.sbtm-style-minimal, .sbtm-style-glass)
  .sbtm-trigger-arrow {
  inset-inline-end: 10px;
}
/* chip */
html body:not(#_) .sbtm-style-icon-chip {
  --tm-ik: 0.82;
  gap: 7px;
  min-height: 38px;
  padding: 6px 13px;
}
html body:not(#_) .sbtm-style-icon-chip .sbtm-trigger-icon {
  --tm-ik: 0.82;
}
html body:not(#_) .sbtm-style-icon-chip .sbtm-trigger-title {
  font-size: 12.5px;
  white-space: nowrap;
}
/* text links */
html body:not(#_) .sbtm-style-text {
  min-height: 34px;
  gap: 6px;
}
html body:not(#_) .sbtm-style-text .sbtm-trigger-icon {
  --tm-ik: 0.85;
}
html body:not(#_) .sbtm-style-text .sbtm-trigger-title {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
html body:not(#_) .sbtm-layout-text .sbtm-grid {
  gap: 2px 18px;
}
/* stacked trust bar: big icon, readable caption */
html body:not(#_) .sbtm-style-trustbar {
  gap: 1px;
  min-height: 70px;
  padding: 5px 2px;
  border-radius: var(--sbtm-radius);
}
html body:not(#_) .sbtm-style-trustbar .sbtm-trigger-icon {
  --tm-ik: 1.3;
}
html body:not(#_) .sbtm-style-trustbar .sbtm-trigger-title {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}
/* inline cards */
html body:not(#_) .sbtm-inline-stack {
  gap: 8px;
}
html body:not(#_) .sbtm-inline-card {
  border-radius: var(--sbtm-radius);
}
html body:not(#_) .sbtm-inline-heading {
  gap: 10px;
}
html body:not(#_) .sbtm-inline-icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: var(--sbtm-radius);
  background: color-mix(in srgb, var(--sbtm-card-accent) 11%, transparent);
  font-size: 20px;
}
html body:not(#_) .sbtm-inline-icon > svg,
html body:not(#_) .sbtm-inline-icon > img {
  width: 21px;
  height: 21px;
}
html body:not(#_) .sbtm-inline-icon.sbtm-inline-icon {
  padding: 0;
  border: 0;
}
html body:not(#_) .sbtm-inline-title {
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.5;
}
html body:not(#_) .sbtm-inline-content {
  margin-top: 7px;
  font-size: 13px;
  line-height: 0.55;
}
html body:not(#_) .sbtm-inline-style-feature,
html body:not(#_) .sbtm-inline-style-soft {
  padding: 12px 14px;
  border-radius: var(--sbtm-radius);
}
html body:not(#_) .sbtm-inline-style-feature:before {
  top: 12px;
  bottom: 12px;
}
html body:not(#_) .sbtm-inline-style-minimal,
html body:not(#_) .sbtm-inline-style-compact {
  padding: 11px 0;
}
html body:not(#_) .sbtm-inline-style-minimal .sbtm-inline-icon,
html body:not(#_) .sbtm-inline-style-compact .sbtm-inline-icon {
  flex-basis: 30px;
  width: 30px;
  height: 30px;
}
html body:not(#_) .sbtm-inline-style-minimal .sbtm-inline-icon > svg,
html body:not(#_) .sbtm-inline-style-compact .sbtm-inline-icon > svg {
  width: 19px;
  height: 19px;
}
html body:not(#_) .sbtm-inline-link {
  align-self: flex-start;
  width: fit-content;
  min-height: 32px;
  margin-top: 9px;
  padding: 0 13px;
  border-radius: var(--sbtm-radius);
  font-size: 12.5px;
  font-weight: 700;
}
html body:not(#_) .sbtm-inline-link-arrow {
  font-size: 17px;
  opacity: 0.8;
}
html body:not(#_) .sbtm-inline-style-compact .sbtm-inline-main {
  column-gap: 12px;
}
html body:not(#_) .sbtm-inline-style-compact .sbtm-inline-link {
  align-self: center;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  html body:not(#_) .sbtm-trigger .sbtm-trigger-title {
    font-size: 12.5px;
  }
  html
    body:not(#_)
    :is(.sbtm-style-minimal, .sbtm-style-glass, .sbtm-style-outline) {
    gap: 7px;
    min-height: 46px;
    padding: 7px 26px 7px 9px;
  }
  html body:not(#_) .sbtm-style-outline {
    padding: 7px 9px;
  }
  html
    body:not(#_)
    :is(.sbtm-style-minimal, .sbtm-style-glass)
    .sbtm-trigger-arrow {
    inset-inline-end: 7px;
    font-size: 16px;
  }
  html body:not(#_) .sbtm-style-icon-chip {
    min-height: 36px;
    padding: 5px 11px;
  }
  html body:not(#_) .sbtm-style-icon-chip .sbtm-trigger-title {
    font-size: 12px;
    white-space: normal;
  }
  html body:not(#_) .sbtm-style-text {
    min-height: 34px;
  }
  html body:not(#_) .sbtm-style-text .sbtm-trigger-title {
    font-size: 12.5px;
  }
  html body:not(#_) .sbtm-layout-text .sbtm-grid {
    gap: 0 14px;
  }
  html body:not(#_) .sbtm-style-trustbar {
    min-height: 72px;
    padding: 8px 2px;
  }
  html body:not(#_) .sbtm-style-trustbar .sbtm-trigger-icon {
    --tm-ik: 1.22;
  }
  html body:not(#_) .sbtm-style-trustbar .sbtm-trigger-title {
    font-size: 11.5px;
  }
  html body:not(#_) .sbtm-layout-trustbar .sbtm-grid {
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    gap: 4px;
  }
  html body:not(#_) .sbtm-inline-heading {
    gap: 9px;
  }
  html body:not(#_) .sbtm-inline-icon {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
  html body:not(#_) .sbtm-inline-title {
    font-size: 14px;
  }
  html body:not(#_) .sbtm-inline-content {
    font-size: 12.5px;
    line-height: 0.5;
  }
  html body:not(#_) .sbtm-inline-style-feature,
  html body:not(#_) .sbtm-inline-style-soft {
    padding: 11px 12px;
  }
  html body:not(#_) .sbtm-inline-link {
    min-height: 34px;
    font-size: 12.5px;
  }
}

/* ===== SbTrustModals v1.14.0 — compact responsive mobile tiles (presentation only) =====
 * Active on phones (<768px) when the admin "mobile columns" setting is 3-6 (default 5; class .sbtm-mcols-N on the block).
 * Each trigger becomes a small tile: icon on top, short title below. Icon, text, gaps and padding scale with the
 * screen width (vw), so 5 modals stay on ONE row from ~320px up; extra items wrap in rows of N.
 * With fewer items than N the tiles share the row equally. Columns 1-2 keep the previous horizontal layout.
 */
@media (max-width: 767.98px) {
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text) {
    --tm-mg: clamp(3px, 1.1vw, 6px);
    --tm-mi: min(var(--sbtm-icon-size), clamp(17px, 5.6vw, 30px));
    --tm-mf: clamp(9.5px, 2.7vw, 12px);
  }
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-grid {
    grid-template-columns: repeat(
      auto-fit,
      minmax(
        max(
          44px,
          calc(
            (100% - (var(--sbtm-cols-mobile) - 1) * var(--tm-mg)) /
              var(--sbtm-cols-mobile) - 1px
          )
        ),
        1fr
      )
    );
    gap: var(--tm-mg);
  }
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(3px, 1vw, 5px);
    min-height: 0;
    width: auto;
    padding: clamp(7px, 2.2vw, 10px) clamp(2px, 0.8vw, 4px) clamp(6px, 2vw, 9px);
    border-radius: min(var(--sbtm-radius), 7px);
    box-shadow: none;
  }
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-trigger
    .sbtm-trigger-icon {
    --tm-ik: 1;
    flex: 0 0 auto;
    width: var(--tm-mi);
    height: var(--tm-mi);
    font-size: var(--tm-mi);
  }
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-trigger
    .sbtm-trigger-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    max-width: 100%;
    font-size: var(--tm-mf);
    font-weight: 600;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-trigger
    .sbtm-trigger-arrow {
    display: none;
  }
  /* no hover-lift on touch tiles; keep a subtle press feedback */
  html
    body:not(#_)
    .sbtm-block:is(
      .sbtm-mcols-3,
      .sbtm-mcols-4,
      .sbtm-mcols-5,
      .sbtm-mcols-6
    ):not(.sbtm-layout-text)
    .sbtm-trigger:hover {
    transform: none;
    box-shadow: none;
  }
}
/* Design system: scoped to SBTrustModals, no inline styles. */
.sbtm-block {
  --sbtm-radius: 7px; /* fallback until per-shop compiled CSS loads */
}
html
  body:not(#_)
  .sbtm-block
  :is(.sbtm-trigger, .sbtm-inline-card, .sbtm-inline-icon, .sbtm-inline-link) {
  border-radius: var(--sbtm-radius, 7px);
}
html
  body:not(#_)
  .sbtm-modal-root
  :is(.sbtm-modal-dialog, .sbtm-retry, .sbtm-iframe-wrap),
html body:not(#_) .sbtm-modal-richtext :is(img, blockquote, table) {
  border-radius: 7px;
}
/* A square-like close button, preserving its 40px target. */
html body:not(#_) .sbtm-modal-root .sbtm-modal-close {
  border-radius: 7px;
}
@media (max-width: 767.98px) {
  html body:not(#_) .sbtm-block .sbtm-trigger .sbtm-trigger-title,
  html body:not(#_) .sbtm-block .sbtm-inline-title,
  html body:not(#_) .sbtm-block .sbtm-inline-link,
  html body:not(#_) .sbtm-modal-root .sbtm-modal-title,
  html body:not(#_) .sbtm-modal-root .sbtm-retry {
    font-weight: 500 !important;
  }
  html body:not(#_) .sbtm-modal-root .sbtm-modal-dialog {
    border-radius: 7px 7px 0 0;
  }
}