/* Doybit 0.46.85 development round: product-page conversion copy and layout.
   Uses the approved 0.46.84 colours, typography, radius and existing components.
   No purchase logic, release gates, tracking, external fonts or account changes. */
body.public-body .dx-product-sales-intro,
body.public-body .dx-product-offer {
  margin-block:clamp(18px,3vw,30px);
  padding:clamp(22px,3vw,36px);
  border:1px solid rgba(167,196,226,.45);
  border-radius:25px;
  background:linear-gradient(145deg,#f7fbff 0%,#fff 77%);
  box-shadow:0 10px 30px rgba(32,76,129,.055);
}
body.public-body .dx-product-sales-intro {
  scroll-margin-top:106px;
}
body.public-body .dx-product-sales-head,
body.public-body .dx-product-offer-head {
  margin-bottom:19px;
  align-items:end;
  gap:22px;
}
body.public-body .dx-product-sales-head h2,
body.public-body .dx-product-offer-head h2 {
  max-width:680px;
  color:#132d50;
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.17;
  letter-spacing:-.04em;
  text-wrap:balance;
}
body.public-body .dx-product-sales-head > p,
body.public-body .dx-product-offer-head > p {
  max-width:530px;
  margin:0;
  color:#506b88;
  font-size:clamp(13px,1.12vw,15px);
  line-height:1.65;
}
body.public-body .dx-product-benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.4vw,16px);
}
body.public-body .dx-product-benefit {
  min-width:0;
  padding:clamp(16px,1.8vw,23px);
  border:1px solid #d9e7f6;
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 22px rgba(29,85,143,.055);
}
body.public-body .dx-product-benefit-number {
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  margin-bottom:15px;
  border-radius:13px;
  background:#e8f3ff;
  color:#1f66ae;
  font-size:13px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
body.public-body .dx-product-benefit h3 {
  margin:0 0 9px;
  color:#173456;
  font-size:clamp(16px,1.4vw,19px);
  line-height:1.3;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
body.public-body .dx-product-benefit p {
  margin:0;
  color:#506781;
  font-size:clamp(12px,1vw,14px);
  line-height:1.6;
}
body.public-body .dx-product-sales-disclaimer {
  margin:15px 0 0;
  color:#596d86;
  font-size:12px;
  line-height:1.6;
}
body.public-body .dx-product-offer {
  background:linear-gradient(145deg,#f5faff,#eaf4ff 100%);
  scroll-margin-top:106px;
}
body.public-body .dx-product-offer .product-premium-buy {
  margin:0;
  background:rgba(255,255,255,.94);
  border:1px solid #d0e1f4;
  box-shadow:0 12px 26px rgba(27,74,122,.06);
}
body.public-body .dx-product-offer .product-premium-price {
  min-width:0;
}
body.public-body .dx-product-offer .product-premium-price > strong {
  font-variant-numeric:tabular-nums;
}
body.public-body .dx-product-offer .product-premium-buy-action {
  min-width:0;
}
body.public-body .dx-product-trust {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
  margin-top:18px;
  color:#3a5a7e;
  font-size:12px;
  font-weight:700;
}
body.public-body .dx-product-trust span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
body.public-body .dx-product-trust svg {
  width:17px;
  height:17px;
  flex:none;
  color:#286fae;
}
body.public-body .dx-product-offer-help {
  margin:14px 0 0;
  color:#506781;
  font-size:13px;
  line-height:1.65;
}
body.public-body .dx-product-offer-help a {
  color:#185eab;
  font-weight:750;
  text-underline-offset:3px;
}
body.public-body .dx-product-offer :is(a,button):focus-visible,
body.public-body .dx-product-offer-help a:focus-visible {
  outline:3px solid #176fc6;
  outline-offset:3px;
}
body.public-body .dx-product-offer button[disabled] {
  cursor:not-allowed;
  opacity:.72;
}
body.public-body .dx-product-compare {
  margin-block:15px 24px;
}
body.public-body .dx-product-compare .sg-head h2 {
  text-wrap:balance;
}
body.public-body #produktbilder {
  scroll-margin-top:106px;
}
body.public-body #produktbilder .sg-gallery,
body.public-body #produktbilder .sg-release-gallery {
  margin-top:15px;
}
@media(max-width:900px) {
  body.public-body .dx-product-benefit-grid {grid-template-columns:1fr 1fr}
  body.public-body .dx-product-benefit:last-child:nth-child(odd) {grid-column:1/-1}
}
@media(max-width:600px) {
  body.public-body .dx-product-sales-intro,
  body.public-body .dx-product-offer {
    padding:21px 15px;
    border-radius:19px;
    margin-block:14px 21px;
  }
  body.public-body .dx-product-benefit-grid {grid-template-columns:1fr}
  body.public-body .dx-product-benefit:last-child:nth-child(odd) {grid-column:auto}
  body.public-body .dx-product-benefit {padding:15px 16px}
  body.public-body .dx-product-benefit-number {margin-bottom:9px;width:35px;height:35px}
  body.public-body .dx-product-benefit h3 {font-size:17px}
  body.public-body .dx-product-sales-head,
  body.public-body .dx-product-offer-head {display:block;margin-bottom:17px}
  body.public-body .dx-product-sales-head > p,
  body.public-body .dx-product-offer-head > p {margin-top:10px}
  body.public-body .dx-product-trust {display:grid;gap:11px;margin-top:14px}
  body.public-body .dx-product-offer .product-premium-buy {padding:15px}
  body.public-body .dx-product-offer .product-premium-buy-action .button {min-height:44px}
  body.public-body .sg-hero-copy :is(h1,h2) {
    overflow-wrap:break-word;
    hyphens:auto;
  }
}
@media(max-width:350px) {
  body.public-body .dx-product-sales-intro,
  body.public-body .dx-product-offer {padding:16px 12px}
}
@media(prefers-reduced-motion:reduce) {
  body.public-body .dx-product-benefit {transition:none}
}
