body[class*="theme-"] main.builder-page.is-wide { max-width: none; padding-inline: 0 }
main.builder-page.is-narrow,
body[class*="theme-"] main.builder-page.is-narrow { max-width: min(var(--wg-narrow, 860px), 100%) }
main.builder-page.is-narrow .wg-rich,
main.builder-page.is-narrow .wg-faq { max-width: 100% }

body[class*="theme-"] .product.pcard { border-radius: var(--pc-r) }
body[class*="theme-"] .pcard.pc-noborder .product-visual { border-radius: var(--pc-r) }

body[class*="theme-"] .wg-plan,
body[class*="theme-"] .wg-faq details,
body[class*="theme-"] .wg-spot,
body[class*="theme-"] .wg-deal,
body[class*="theme-"] .wg-deal2-card,
body[class*="theme-"] .wg-pages a,
body[class*="theme-"] .wg-rank-item,
body[class*="theme-"] .wg-bento-cell,
body[class*="theme-"] .wg-pcols.is-card .wg-pcol,
body[class*="theme-"] .wg-quote,
body[class*="theme-"] .wg-feature,
body[class*="theme-"] .wg-contact,
body[class*="theme-"] .wg-stats.is-card .wg-stat,
body[class*="theme-"] .wg-cats:not(.is-circles) a,
body[class*="theme-"] .wg-brands a,
body[class*="theme-"] .wg-logos a {
  background-color: var(--surface);
  border-color: var(--sf-hair, var(--line));
  color: var(--ink);
}
body[class*="theme-"] .wg-deal2-card { border-radius: var(--sf-r-sm, 13px) }
body[class*="theme-"] .wg-plan.is-hot { border-color: var(--green) }
body[class*="theme-"] .wg-faq summary { color: var(--ink) }
body[class*="theme-"] .wg-faq p,
body[class*="theme-"] .wg-sub,
body[class*="theme-"] .wg-pcol-n,
body[class*="theme-"] .wg-rank-n { color: var(--muted) }
body[class*="theme-"] .wg-tabs-bar button { color: var(--muted) }
body[class*="theme-"] .wg-tabs-bar button.on { color: var(--green) }
body[class*="theme-"] .wg-badge { background: var(--v9-tint2, color-mix(in oklab, var(--green) 18%, transparent)); color: var(--green) }
body[class*="theme-"] .wg-notice.is-soft,
body[class*="theme-"] .wg-news.is-soft,
body[class*="theme-"] .wg-cta.is-soft { background: var(--surface2); color: var(--ink) }
body[class*="theme-"] .wg-map,
body[class*="theme-"] .wg-gal figure,
body[class*="theme-"] .wg-hero-img { background: var(--surface2) }
body[class*="theme-"] .wg-news-form input {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}

html[data-theme="dark"] body[class*="theme-"] .builder-page .wg-show-btn {
  background: var(--surface2, var(--surface));
  color: var(--ink);
}
html[data-theme="dark"] body[class*="theme-"] .wg-cta.is-dark,
html[data-theme="dark"] body[class*="theme-"] .wg-news.is-dark,
html[data-theme="dark"] body[class*="theme-"] .wg-notice.is-dark {
  background: var(--surface2);
  color: var(--ink);
  border: 1px solid var(--line);
}
html[data-theme="dark"] body[class*="theme-"] .wg-news.is-dark .wg-sub { color: var(--muted) }

body.theme-soft-shadow .product.pcard,
body.theme-soft-shadow .wg-plan,
body.theme-soft-shadow .wg-feature,
body.theme-soft-shadow .wg-quote,
body.theme-soft-shadow .wg-rank-item,
body.theme-soft-shadow .wg-bento-cell,
body.theme-soft-shadow .wg-deal2-card,
body.theme-soft-shadow .wg-pages a,
body.theme-soft-shadow .wg-contact,
body.theme-soft-shadow .wg-spot,
body.theme-soft-shadow .wg-deal {
  box-shadow: var(--sf-shadow-1, 0 1px 2px rgba(0, 0, 0, .05), 0 6px 18px -8px rgba(0, 0, 0, .12));
}
body.theme-soft-shadow .wg-sh-none .product.pcard,
body.theme-soft-shadow .wg-sh-none .wg-plan,
body.theme-soft-shadow .wg-sh-none .wg-feature,
body.theme-soft-shadow .wg-sh-none .wg-quote,
body.theme-soft-shadow .wg-sh-none .wg-rank-item,
body.theme-soft-shadow .wg-sh-none .wg-bento-cell,
body.theme-soft-shadow .wg-sh-none .wg-deal2-card { box-shadow: none }
html[data-theme="dark"] body.theme-soft-shadow .product.pcard { box-shadow: 0 10px 28px -14px rgba(0, 0, 0, .55) }

body.theme-wide-hero main.builder-page:not(.is-wide) > section.wg-hero:first-child,
body.theme-wide-hero main.builder-page:not(.is-wide) > section.wg-slider:first-child {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}
body.theme-wide-hero main.builder-page:not(.is-wide) > section.wg-slider:first-child .wg-slider,
body.theme-wide-hero main.builder-page:not(.is-wide) > section.wg-slider:first-child .wg-slide { border-radius: 0 }
body.theme-wide-hero main.builder-page:not(.is-wide) > section.wg-hero:first-child .wg-hero-in {
  max-width: var(--wg-max, 1200px);
  margin-inline: auto;
  padding-inline: clamp(12px, 3vw, 24px);
}
body.theme-wide-hero { overflow-x: clip }

body.no-topline .topline,
body.no-topline .sf-ann { display: none }