/* Home promotion: real EN-PedsSystem UI and the store's existing visual system. */
.exo-peds-promo{
  --peds-promo-surface:#141216;
  --peds-promo-ink:#f6f5f8;
  --peds-promo-muted:#c5becf;
  --peds-promo-line:#3a2c46;
  padding-block:clamp(24px,3.5vw,48px) clamp(48px,5vw,72px);
}
.exo-peds-promo-panel{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:center;
  gap:clamp(28px,3vw,44px);
  padding:clamp(24px,3.2vw,44px);
  border:1px solid var(--peds-promo-line);
  border-radius:20px;
  background:radial-gradient(ellipse at 100% 0%,rgb(141 53 255 / .10),transparent 58%),var(--peds-promo-surface);
  overflow:hidden;
}
.exo-peds-promo-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgb(168 88 255 / .13) 1px,transparent 1px),linear-gradient(rgb(168 88 255 / .13) 1px,transparent 1px);
  background-size:48px 48px;
  background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 65% 85% at 80% 50%,#000,transparent 78%);
  mask-image:radial-gradient(ellipse 65% 85% at 80% 50%,#000,transparent 78%);
}
.exo-peds-promo-copy,
.exo-peds-promo-preview{min-width:0}
.exo-redesign .exo-peds-promo h2{
  margin:0;
  color:var(--peds-promo-ink);
  font-size:clamp(32px,3.25vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.exo-peds-promo h2>span{display:block}
.exo-redesign .exo-peds-promo-copy>p{
  max-width:44ch;
  margin:24px 0 0;
  color:var(--peds-promo-muted);
  font-size:16px;
  line-height:1.7;
}
.exo-peds-promo-copy>p strong{color:var(--peds-promo-ink);font-weight:600}
.exo-peds-promo-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:30px;
}
.exo-redesign .exo-peds-promo .exo-peds-promo-action{
  min-height:48px;
  height:auto;
  max-width:100%;
  padding:13px 18px;
  gap:10px;
  border-radius:8px;
  font-size:14px;
  line-height:1.4;
  white-space:normal;
  text-align:center;
}
.exo-peds-promo-action .icon{width:18px;height:18px}
.exo-peds-promo-action:focus-visible{outline:3px solid #c18bff;outline-offset:5px}
.exo-peds-promo-preview{margin:0}
.exo-peds-promo-preview picture{display:block}
.exo-peds-promo-preview img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:12px;
}
.exo-peds-promo-preview figcaption{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px 16px;
  margin-top:14px;
  color:var(--peds-promo-muted);
  font-size:12px;
  line-height:1.5;
}
.exo-peds-promo-preview figcaption strong{color:var(--peds-promo-ink);font-size:14px;font-weight:700}
.exo-peds-promo-preview figcaption strong>span{color:var(--peds-promo-muted);font-weight:400}
@media(max-width:960px){
  .exo-peds-promo-panel{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px}
  .exo-redesign .exo-peds-promo h2{font-size:clamp(32px,5.5vw,44px)}
  .exo-redesign .exo-peds-promo-copy>p{max-width:60ch;margin-top:20px}
  .exo-peds-promo-actions{margin-top:24px}
  .exo-peds-promo-panel::before{
    -webkit-mask-image:radial-gradient(ellipse 100% 65% at 70% 80%,#000,transparent 80%);
    mask-image:radial-gradient(ellipse 100% 65% at 70% 80%,#000,transparent 80%);
  }
}
@media(max-width:520px){
  .exo-peds-promo-panel{padding:24px 20px;gap:28px;border-radius:16px}
  .exo-redesign .exo-peds-promo h2{font-size:clamp(25px,7.6vw,32px);line-height:1.12;letter-spacing:-.03em}
  .exo-redesign .exo-peds-promo-copy>p{font-size:16px;line-height:1.65}
  .exo-peds-promo-actions{flex-direction:column;align-items:stretch;gap:12px}
  .exo-redesign .exo-peds-promo .exo-peds-promo-action{width:100%;min-height:48px}
  .exo-peds-promo-preview figcaption{display:grid;gap:4px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .exo-peds-promo .exo-peds-promo-action,
  .exo-peds-promo .exo-peds-promo-action::after{animation:none!important;transition:none!important}
  .exo-peds-promo .exo-peds-promo-action:hover,
  .exo-peds-promo .exo-peds-promo-action:active{transform:none}
}