/* Shared ScamGuard offer: text and artwork remain crisp at every zoom level. */
#content .sg-offer, #content .sg-offer * { box-sizing: border-box; }
#content .sg-offer {
  clear: both; width: 100%; margin: 14px 0 0; padding: 16px;
  display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px;
  border: 1px solid #ddcde9; border-left: 4px solid #7950a8; border-radius: 10px;
  box-shadow: 0 3px 12px rgba(67, 34, 100, .06);
  background: radial-gradient(ellipse at 0 100%, #f0e5f7, transparent 55%), linear-gradient(115deg, #fffaf1, #fff 70%);
  color: #30263c; text-align: left; font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px; line-height: 1.5; float: none; position: relative;
}
#content .sg-offer .sg-icon { display: block; width: 48px; height: 58px; align-self: center; }
#content .sg-offer .sg-copy { min-width: 0; }
/* Neutralize legacy .centercontent paragraph widths and forced colors. */
#content .sg-offer p { width: auto; position: static; }
#content .sg-offer p.sg-subtitle, #content .sg-offer p.sg-reassurance { color: #55318b !important; }
#content .sg-offer p.sg-text { color: #30263c !important; }
#content .sg-offer .sg-title {
  margin: 0 0 7px; padding: 0; color: #4e2b83; font: 700 19px/1.25 'Open Sans', Arial, sans-serif;
  text-align: left; letter-spacing: normal; white-space: normal; background: none;
}
#content .sg-offer .sg-subtitle { margin: 0 0 6px; padding: 0; color: #55318b; font: 700 13px/1.45 'Open Sans', Arial, sans-serif; text-align: left; }
#content .sg-offer .sg-text { margin: 0 0 8px; padding: 0; color: #30263c; font: 400 13px/1.5 'Open Sans', Arial, sans-serif; text-align: left; }
#content .sg-offer .sg-reassurance { margin: 0; padding: 0; color: #4e2b83; font: 700 13px/1.5 'Open Sans', Arial, sans-serif; text-align: left; }
#content .sg-offer .sg-details { margin-top: 8px; }
#content .sg-offer summary { cursor: pointer; color: #55318b; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
#content .sg-offer summary:hover { color: #341759; }
#content .sg-offer summary:focus-visible { outline: 3px solid #b18b3d; outline-offset: 4px; border-radius: 2px; }
#content .sg-offer .sg-benefits { margin: 8px 0 0; padding: 0; list-style: none; }
#content .sg-offer .sg-benefits li { position: relative; margin: 0; padding: 5px 0 5px 20px; color: #30263c; font: 400 13px/1.45 'Open Sans', Arial, sans-serif; background: none; }
#content .sg-offer .sg-benefits li::before { content: '\2713'; position: absolute; left: 0; color: #55318b; font-weight: bold; }
#content .sg-shell { clear: both; }
#content .sg-offer .sg-free { color: #55318b; white-space: nowrap; font: inherit; letter-spacing: inherit;display: inline-block; padding: 0 9px 2px; border-radius: 5px; background: linear-gradient(115deg, #f7e5a7, #efd185); box-shadow: inset 0 1px 0 #fff4d6; }
#content .sg-offer .sg-title-lead { font: inherit; color: inherit; }
#content .sg-offer--featured .sg-title-lead { display: block; font-size: 22px; font-weight: 600; letter-spacing: 0; margin-bottom: 4px; }
#content .sg-offer.sg-offer--featured {
  isolation: isolate; overflow: hidden; float: left;
  grid-template-columns: 140px minmax(0, 1fr) 245px; gap: 24px; align-items: center;
  margin: 0; padding: 34px 28px 38px; border: 1px solid #61398e; border-top: 4px solid #70449b; border-radius: 0;
  box-shadow: inset 0 1px 0 #f2dfb4;
  background: radial-gradient(ellipse at 4% 40%, #e9daf4 0, transparent 33%), linear-gradient(112deg, #fbf5ff, #fffaf0 48%, #fffdfb 76%, #f7f0fc);
}
#content .sg-offer--featured::before, #content .sg-offer--featured::after {
  content: ''; position: absolute; pointer-events: none; z-index: -1;
  width: 100%; height: 50px; left: 0; bottom: -34px;
  border-radius: 75% 30% 0 0; background: #dfc9ee;
}
#content .sg-offer--featured::after { bottom: -41px; border-radius: 30% 70% 0 0; background: #8051ac; opacity: .55; }
#content .sg-offer--featured .sg-icon { width: 140px; height: 160px; filter: drop-shadow(0 7px 7px rgba(72, 35, 105, .12)); }
#content .sg-offer--featured .sg-title { font-size: 30px; line-height: 1.22; margin-bottom: 13px; letter-spacing: -.6px; }
#content .sg-offer--featured .sg-free { display: inline-block; padding: 0 9px 2px; border-radius: 5px; background: linear-gradient(115deg, #f7e5a7, #efd185); box-shadow: inset 0 1px 0 #fff4d6; }
#content .sg-offer--featured .sg-subtitle { font-size: 15px; margin-bottom: 8px; }
#content .sg-offer--featured .sg-text { font-size: 14px; line-height: 1.6; margin-bottom: 14px; }
#content .sg-offer--featured .sg-reassurance { font-size: 13px; display: inline-block; padding: 7px 11px; border: 1px solid #d7c3e4; border-radius: 20px; background: rgba(255,255,255,.8); }
#content .sg-offer--featured .sg-reassurance span { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; color: #fff; background: #684090; margin-right: 4px; }
#content .sg-offer .sg-side { border: 1px solid #e4d6ed; padding: 17px; border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 5px 20px rgba(75,35,105,.05); align-self: center; }
#content .sg-offer .sg-side .sg-benefits { margin-top: 0; }
#content .sg-offer .sg-side .sg-benefits li { padding: 9px 0 9px 29px; border-bottom: 1px solid #eee5f3; }
#content .sg-offer .sg-side .sg-benefits li::before { width: 21px; height: 21px; border-radius: 50%; background: #f1e8f8; text-align: center; line-height: 21px; top: 9px; }
#content .sg-offer .sg-side .sg-learn-link { display: block; position: relative; margin-top: 12px; padding: 10px 24px 10px 11px; color: #fff; background: linear-gradient(120deg, #7949a6, #4e2b83); border-radius: 6px; font-size: 12px; line-height: 1.5; text-decoration: none; box-shadow: 0 2px 4px #e2d5eb; }
#content .sg-offer .sg-side .sg-learn-link::after { content: '\2197'; position: absolute; right: 10px; top: 8px; font-size: 17px; }
#content .sg-offer .sg-side .sg-learn-link:hover { background: #4e2b83; }
#content .sg-offer.sg-offer--anniversary { border-top-color: #b18b3d; }
#content .sg-offer.sg-offer--standard { margin-top: 0; }
#content .sg-offer.sg-offer--cross { margin-top: 16px; }
/* Let the existing product column contain the new offer and expanded details. */
#content .sg-product-column { height: auto !important; min-height: 437px; }
@media (max-width: 700px) {
  #content .sg-offer.sg-offer--featured { grid-template-columns: 48px minmax(0, 1fr); gap: 16px; padding: 22px 18px; }
  #content .sg-offer--featured .sg-icon { width: 48px; height: 60px; }
  #content .sg-offer--featured .sg-title { font-size: 24px; }
  #content .sg-offer .sg-side { grid-column: 2; padding: 14px; }
}
@media (max-width: 420px) {
  #content .sg-offer { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  #content .sg-offer:not(.sg-offer--featured) .sg-icon { display: none; }
}

#content .sg-offer .sg-side .sg-learn-link:focus-visible { outline: 3px solid #b18b3d; outline-offset: 4px; }