/* CashMyPhone v6.70: eigenständiges Verkaufs-Motiv im Hero */
.sale-visual{
  position:relative;
  isolation:isolate;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  align-self:stretch;
  padding:28px;
  border:1px solid rgba(124,171,255,.22);
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 80% 18%,rgba(72,127,255,.24),transparent 33%),
    radial-gradient(circle at 5% 96%,rgba(63,191,255,.13),transparent 33%),
    linear-gradient(145deg,#0d172a 0%,#111f38 58%,#162849 100%);
  box-shadow:0 30px 80px rgba(12,24,46,.19),inset 0 1px 0 rgba(255,255,255,.08);
}
.sale-visual>*:not(.sale-visual-grid):not(.sale-visual-orbit){position:relative;z-index:2}
.sale-visual-grid{position:absolute;inset:0;z-index:0;opacity:.3;background-image:linear-gradient(rgba(144,183,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(144,183,255,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 76%)}
.sale-visual-orbit{position:absolute;z-index:1;border:1px solid rgba(117,166,255,.17);border-radius:999px;pointer-events:none}
.sale-visual-orbit-one{width:260px;height:260px;right:-108px;top:-120px}
.sale-visual-orbit-two{width:160px;height:160px;left:-88px;bottom:-78px}
.sale-visual-heading{display:block;margin-bottom:24px}
.sale-visual-kicker{display:inline-flex;align-items:center;gap:8px;color:#a9c9ff;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.sale-visual-kicker i{width:9px;height:9px;border-radius:50%;background:#57a0ff;box-shadow:0 0 0 6px rgba(87,160,255,.14),0 0 20px rgba(87,160,255,.9)}
.sale-visual-heading h2{margin:12px 0 0!important;max-width:none;color:#fff!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.04!important;letter-spacing:-1.3px!important;text-align:left}
.sale-visual-stage{display:grid;grid-template-columns:minmax(100px,.76fr) 42px minmax(150px,1.24fr);align-items:center;gap:10px;min-width:0;min-height:244px;margin:0 0 22px}
.sale-device-wrap{position:relative;display:grid;place-items:center;min-width:0}
.sale-device{position:relative;width:min(100%,146px);height:238px;padding:9px;border:2px solid #90b7ff;border-radius:28px;background:linear-gradient(155deg,#15294b,#0a1324);box-shadow:0 22px 45px rgba(3,10,22,.34),inset 0 0 0 1px rgba(255,255,255,.1);box-sizing:border-box}
.sale-device-speaker{position:absolute;z-index:3;top:9px;left:50%;width:38px;height:5px;border-radius:9px;background:#253b60;transform:translateX(-50%)}
.sale-device-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;overflow:hidden;border-radius:20px;background:linear-gradient(165deg,#edf5ff 0%,#bdd6ff 50%,#6e9fff 100%);color:#173b76;text-align:center}
.sale-screen-glow{position:absolute;right:-28px;top:-34px;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.52);filter:blur(2px)}
.sale-screen-icon{position:relative;width:42px;height:42px;padding:13px;border-radius:18px;color:#1758cf;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(24,77,163,.16)}
.sale-device-screen small{position:relative;max-width:90%;color:#183b73;font-size:11px;font-weight:850;line-height:1.25}
.sale-device-button{position:absolute;right:-5px;top:62px;width:3px;height:36px;border-radius:0 4px 4px 0;background:#79a3ee}
.sale-device-tag{position:absolute;right:-3px;bottom:20px;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.56);border-radius:999px;color:#174b9b;background:#f7fbff;box-shadow:0 12px 25px rgba(7,24,55,.25);font-size:11px;font-weight:900;white-space:nowrap}
.sale-device-tag .ico{width:13px;height:13px}
.sale-transfer{display:flex;align-items:center;min-width:0;color:#82b5ff}
.sale-transfer span{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(130,181,255,.18),#82b5ff)}
.sale-transfer .ico{width:20px;height:20px;flex:none;filter:drop-shadow(0 0 10px rgba(82,146,255,.75))}
.sale-offer-card{min-width:0;padding:20px;border:1px solid rgba(211,228,255,.82);border-radius:22px;color:#15233a;background:linear-gradient(160deg,#fff 0%,#eff5ff 100%);box-shadow:0 24px 55px rgba(3,12,28,.28),inset 0 1px 0 #fff;transform:rotate(1.6deg)}
.sale-offer-head{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:16px}
.sale-offer-head>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#2364df;background:#e2edff;flex:none}
.sale-offer-head .ico{width:18px;height:18px}
.sale-offer-head small{min-width:0;color:#557095;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere}
.sale-offer-card>strong{display:block;color:#101d33;font-size:24px;line-height:1.08;letter-spacing:-.7px}
.sale-offer-card>p{margin:7px 0 14px;color:#60708a;font-size:12px;line-height:1.45}
.sale-offer-lines{display:grid;gap:7px;margin-bottom:17px}
.sale-offer-lines span{display:block;height:7px;border-radius:99px;background:#d7e4f8}
.sale-offer-lines span:nth-child(2){width:78%}.sale-offer-lines span:nth-child(3){width:56%}
.sale-valid{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#17643c;background:#ddf5e7;font-size:11px;font-weight:900;white-space:nowrap}
.sale-valid .ico{width:13px;height:13px}
.sale-payout-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid rgba(139,183,255,.22);border-radius:18px;background:rgba(31,51,85,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.sale-payout-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#91baff;background:rgba(81,137,236,.16);flex:none}
.sale-payout-icon .ico-lg{width:22px;height:22px}
.sale-payout-copy{display:block;min-width:0}
.sale-payout-copy small,.sale-payout-copy strong{display:block;overflow-wrap:anywhere}
.sale-payout-copy small{margin-bottom:3px;color:#aebbd0;font-size:9.5px;font-weight:750;line-height:1.35}
.sale-payout-copy strong{color:#fff;font-size:12px;line-height:1.3}
.sale-payout-chip{padding:7px 10px;border-radius:999px;color:#bcd3ff;background:rgba(74,127,221,.18);font-size:9.5px;font-weight:850;line-height:1.25;text-align:center;white-space:nowrap}
@media(max-width:900px){
  .sale-visual{max-width:680px;margin-inline:auto;padding:26px}
  .sale-visual-stage{grid-template-columns:minmax(105px,.75fr) 44px minmax(165px,1.25fr)}
}
@media(max-width:620px){
  .sale-visual{padding:20px 17px;border-radius:24px}
  .sale-visual-heading{display:block;margin-bottom:18px}
  .sale-visual-heading h2{max-width:none;margin-top:12px!important;font-size:28px!important;text-align:left;letter-spacing:-.8px!important}
  .sale-visual-kicker{font-size:10.5px}
  .sale-visual-stage{grid-template-columns:minmax(88px,.72fr) 28px minmax(126px,1.28fr);gap:5px;min-height:205px;margin-bottom:16px}
  .sale-device{width:min(100%,116px);height:196px;padding:7px;border-radius:23px}
  .sale-device-screen{gap:8px;border-radius:17px}.sale-device-speaker{top:7px;width:31px;height:4px}
  .sale-screen-icon{width:34px;height:34px;padding:10px;border-radius:14px}.sale-device-screen small{font-size:9px}
  .sale-device-tag{right:-4px;bottom:15px;padding:6px 7px;font-size:9px}.sale-device-tag .ico{width:11px;height:11px}
  .sale-transfer .ico{width:17px;height:17px}
  .sale-offer-card{padding:14px 12px;border-radius:17px;transform:rotate(1deg)}
  .sale-offer-head{gap:7px;margin-bottom:12px}.sale-offer-head>span{width:29px;height:29px;border-radius:9px}.sale-offer-head .ico{width:15px;height:15px}.sale-offer-head small{font-size:8.2px;line-height:1.25}
  .sale-offer-card>strong{font-size:18px;letter-spacing:-.35px}.sale-offer-card>p{margin:5px 0 10px;font-size:9.5px}.sale-offer-lines{gap:5px;margin-bottom:11px}.sale-offer-lines span{height:5px}
  .sale-valid{padding:6px 8px;font-size:9px}.sale-valid .ico{width:11px;height:11px}
  .sale-payout-card{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border-radius:16px}
  .sale-payout-icon{width:38px;height:38px}.sale-payout-copy small{font-size:8.8px}.sale-payout-copy strong{font-size:10.5px}
  .sale-payout-chip{grid-column:1/-1;width:100%;box-sizing:border-box;font-size:9px;white-space:normal}
}
@media(max-width:370px){
  .sale-visual{padding-inline:14px}
  .sale-visual-stage{grid-template-columns:minmax(80px,.7fr) 24px minmax(116px,1.3fr)}
  .sale-device{height:184px}.sale-offer-card{padding-inline:10px}.sale-offer-head small{font-size:7.6px}
}
@media(prefers-reduced-motion:reduce){.sale-offer-card{transform:none}}

/* v6.70 final: offenes Verkaufs-Motiv ohne ein weiteres blaues Feld */
.sale-visual{
  overflow:visible;
  padding:24px 0 24px 26px;
  border:0;
  border-radius:0;
  color:#0f172a;
  background:transparent;
  box-shadow:none;
}
.sale-visual::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:3% -7% 1% 7%;
  border-radius:46% 54% 42% 58%/55% 42% 58% 45%;
  background:
    radial-gradient(circle at 72% 24%,rgba(183,211,255,.72),transparent 34%),
    radial-gradient(circle at 24% 82%,rgba(221,235,255,.95),transparent 42%),
    linear-gradient(145deg,rgba(246,250,255,.96),rgba(232,241,255,.72));
  box-shadow:0 28px 70px rgba(50,93,163,.09);
  pointer-events:none;
}
.sale-visual-grid{
  inset:8% -3% 7% 12%;
  opacity:.48;
  background-image:radial-gradient(rgba(79,133,226,.22) 1.15px,transparent 1.15px);
  background-size:20px 20px;
  mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.7) 48%,transparent 76%);
}
.sale-visual-orbit{border-color:rgba(56,113,213,.16)}
.sale-visual-orbit-one{right:-70px;top:-74px}
.sale-visual-orbit-two{left:-45px;bottom:-48px}
.sale-visual-kicker{color:#285dcc}
.sale-visual-heading h2{color:#0f172a!important}
.sale-device{box-shadow:0 22px 45px rgba(27,57,108,.23),inset 0 0 0 1px rgba(255,255,255,.1)}
.sale-offer-card{box-shadow:0 24px 55px rgba(42,77,134,.18),inset 0 1px 0 #fff}
.sale-payout-card{
  border:1px solid rgba(157,188,238,.58);
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 36px rgba(42,77,134,.11),inset 0 1px 0 #fff;
}
.sale-payout-icon{color:#2866db;background:#e7f0ff}
.sale-payout-copy small{color:#697a95}
.sale-payout-copy strong{color:#17253b}
.sale-payout-chip{color:#2759ae;background:#eaf2ff}
@media(max-width:900px){
  .sale-visual{padding:22px 12px 18px}
  .sale-visual::before{inset:2% -3% 0 3%}
}
@media(max-width:620px){
  .sale-visual{overflow:hidden;padding:20px 10px 10px;border-radius:0}
  .sale-visual::before{inset:0 -28% 0 2%;border-radius:42% 58% 38% 62%/48% 42% 58% 52%}
  .sale-visual-grid{inset:8% -15% 6% 6%}
  .sale-visual-heading{padding-inline:6px}
  .sale-payout-card{margin-inline:2px}
}
@media(max-width:370px){.sale-visual{padding-inline:6px}}

/* v6.73: Die längere Hero-Überschrift bleibt vollständig vor dem Motiv sichtbar. */
.hero-grid{isolation:isolate}
.hero-copy{position:relative;z-index:3;min-width:0}
.hero-copy h1{max-width:100%!important}
.sale-visual{z-index:1}
.sale-visual-heading h2{margin-top:0!important}