/* Sport-Mag BF2026. Se incarca DUPA CSS-ul activ al landingului.
   Necesita clasa smbf-uniform-newsletter numai pe radacina paginii Sport-Mag.
   Nu contine reguli globale pentru tema sau alte magazine. */

.smbf.smbf-uniform-newsletter .smbf-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.smbf.smbf-uniform-newsletter .smbf-step { min-width: 0; }
.smbf.smbf-uniform-newsletter .smbf-step strong {
  color: #151819;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}
.smbf.smbf-uniform-newsletter .smbf-step small {
  color: #151819;
  font-size: 12px;
  line-height: 1.5;
}
.smbf.smbf-uniform-newsletter .smbf-step:first-child .smbf-step-number {
  background: #151819;
  border-color: #151819;
  color: #FFFFFF;
}
.smbf.smbf-uniform-newsletter #smbf-offer-title,
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) h3,
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) p,
.smbf.smbf-uniform-newsletter .smbf-selection-header h2,
.smbf.smbf-uniform-newsletter .smbf-coming h3,
.smbf.smbf-uniform-newsletter .smbf-coming p {
  color: #151819;
}

/* Cardul ofertei: aceeasi compozitie ca newsletterul aprobat,
   cu cifra si motivele desenate nativ pentru web. */
.smbf.smbf-uniform-newsletter .smbf-offers { align-items: stretch; }
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) {
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  text-align: center;
  gap: 18px;
}
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) > div:last-child { max-width: 430px; }
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) h3 { font-size: 28px; }
.smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) p { font-size: 15px; line-height: 1.65; }
.smbf.smbf-uniform-newsletter .smbf-offer.smbf-offer-newsletter {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: #151819;
  border: 1px solid #151819;
  border-radius: 12px;
}
.smbf.smbf-uniform-newsletter .smbf-offer-newsletter .smbf-newsletter-offer-title {
  width: 100%;
  padding: 17px 20px;
  margin: 0;
  color: #FFFFFF;
  font: 700 24px/1.3 Arial, Helvetica, sans-serif;
  text-align: center;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-offer-art {
  width: 100%;
  min-height: 216px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #FE8C29;
  color: #151819;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-offer-edition {
  position: absolute;
  left: 24px;
  top: 17px;
  color: #151819;
  font: 700 10px/1.5 Arial, Helvetica, sans-serif;
  letter-spacing: 1.5px;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-amount {
  position: relative;
  z-index: 1;
  color: #151819;
  white-space: nowrap;
  font: 700 168px/.98 var(--serif, Georgia, serif);
  letter-spacing: -6px;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-amount > span {
  font-size: .49em;
  letter-spacing: -2px;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-orbit {
  position: absolute;
  width: 290px;
  height: 166px;
  border: 1px solid #A64B13;
  border-radius: 50%;
  transform: rotate(-20deg);
  opacity: .6;
  pointer-events: none;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-orbit::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid #A64B13;
  border-radius: 50%;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-orbit-left { left: -150px; top: 20px; }
.smbf.smbf-uniform-newsletter .smbf-newsletter-orbit-right { right: -150px; bottom: 15px; }
.smbf.smbf-uniform-newsletter .smbf-newsletter-bars {
  position: absolute;
  right: 27px;
  bottom: 35px;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  transform: skewY(-23deg);
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-bars i {
  display: block;
  width: 7px;
  height: 22px;
  background: #151819;
}
.smbf.smbf-uniform-newsletter .smbf-newsletter-bars i:nth-child(2) { height: 34px; }
.smbf.smbf-uniform-newsletter .smbf-newsletter-bars i:nth-child(3) { height: 46px; }
.smbf.smbf-uniform-newsletter .smbf-offer-newsletter .smbf-newsletter-offer-caption {
  margin: 0;
  padding: 15px 18px 17px;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font: 400 14px/1.6 Arial, Helvetica, sans-serif;
}

/* Selectia statica: pastram cardul orizontal si CTA-ul existent. */
.smbf.smbf-uniform-newsletter .smbf-coming {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 34px;
}
.smbf.smbf-uniform-newsletter .smbf-coming-art {
  width: 100%;
  max-width: 360px;
  height: 190px;
  margin: 0;
  position: relative;
  isolation: isolate;
  transform: none;
  gap: 4%;
  background: #F2E6D9;
  border-radius: 10px;
}
.smbf.smbf-uniform-newsletter .smbf-coming-art::before {
  content: "";
  position: absolute;
  width: 88%;
  height: 110px;
  border: 1px solid #D7B696;
  border-radius: 50%;
  transform: rotate(-8deg);
  z-index: -1;
}
.smbf.smbf-uniform-newsletter .smbf-coming-art i {
  position: relative;
  display: block;
  width: 26%;
  height: auto;
  aspect-ratio: .76;
  flex: none;
  border: 1px solid #BFC8C6;
  border-top: 4px solid #FE8C29;
  border-radius: 9px;
  background: #FFFFFF;
  box-shadow: 0 7px 14px #15181912;
  transform: rotate(-11deg) translateY(7px);
}
.smbf.smbf-uniform-newsletter .smbf-coming-art i:nth-child(2) {
  width: 30%;
  height: auto;
  aspect-ratio: .74;
  transform: rotate(-1deg) translateY(-5px);
  z-index: 1;
}
.smbf.smbf-uniform-newsletter .smbf-coming-art i:nth-child(3) { transform: rotate(10deg) translateY(7px); }
.smbf.smbf-uniform-newsletter .smbf-coming-art i::before {
  content: "\2605";
  position: absolute;
  width: 52%;
  aspect-ratio: 1;
  left: 24%;
  top: 19%;
  display: grid;
  place-items: center;
  border: 1.5px solid #FE8C29;
  border-radius: 50%;
  background: #FFF5EB;
  color: #FE8C29;
  font: normal 26px/1 Arial, Helvetica, sans-serif;
}
.smbf.smbf-uniform-newsletter .smbf-coming-art i::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 13%;
  height: 13px;
  background-image: linear-gradient(#D1D9D7, #D1D9D7), linear-gradient(to right, #FE8C29 45%, transparent 45%);
  background-size: 100% 3px, 100% 3px;
  background-repeat: no-repeat;
  background-position: left top, left bottom;
}

/* Editorial negru; textul alb se pastreaza local, fara reset global de titluri. */
.smbf.smbf-uniform-newsletter .smbf-editorial { background: #151819; }
.smbf.smbf-uniform-newsletter .smbf-editorial h2,
.smbf.smbf-uniform-newsletter .smbf-editorial strong { color: #FFFFFF; }
.smbf.smbf-uniform-newsletter .smbf-editorial p { color: #E0E6E6; }
.smbf.smbf-uniform-newsletter .smbf-editorial .smbf-kicker,
.smbf.smbf-uniform-newsletter .smbf-editorial .smbf-check > span { color: #FE8C29; }
.smbf.smbf-uniform-newsletter .smbf-editorial .smbf-btn-primary { color: #151819; }
.smbf.smbf-uniform-newsletter .smbf-checklist,
.smbf.smbf-uniform-newsletter .smbf-check + .smbf-check { border-color: #3C4848; }

@media (max-width: 1050px) {
  .smbf.smbf-uniform-newsletter .smbf-coming { grid-template-columns: minmax(0, 1fr) 280px; }
  .smbf.smbf-uniform-newsletter .smbf-coming-art { height: 170px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-amount { font-size: 146px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-bars { right: 18px; }
}
@media (max-width: 760px) {
  .smbf.smbf-uniform-newsletter .smbf-journey { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .smbf.smbf-uniform-newsletter .smbf-step { display: block; padding: 14px 8px; }
  .smbf.smbf-uniform-newsletter .smbf-step-number { margin-bottom: 8px; }
  .smbf.smbf-uniform-newsletter .smbf-step strong { font-size: 16px; line-height: 1.35; overflow-wrap: normal; }
  .smbf.smbf-uniform-newsletter .smbf-step small { font-size: 12px; letter-spacing: 0; line-height: 1.45; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-offer-art { min-height: 192px; }
  .smbf.smbf-uniform-newsletter .smbf-offer-newsletter .smbf-newsletter-offer-title { font-size: 23px; padding: 16px 15px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-amount { font-size: 146px; }
  .smbf.smbf-uniform-newsletter .smbf-offers > .smbf-offer:not(.smbf-offer-newsletter) h3 { font-size: 26px; }
  .smbf.smbf-uniform-newsletter .smbf-coming { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .smbf.smbf-uniform-newsletter .smbf-coming-art { max-width: 340px; margin: 0 auto; height: 190px; }
}
@media (max-width: 359px) {
  .smbf.smbf-uniform-newsletter .smbf-newsletter-amount { font-size: 128px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-offer-art { min-height: 178px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-bars { right: 16px; bottom: 27px; gap: 4px; }
  .smbf.smbf-uniform-newsletter .smbf-newsletter-bars i { width: 5px; }
  .smbf.smbf-uniform-newsletter .smbf-coming { padding: 22px; }
  .smbf.smbf-uniform-newsletter .smbf-coming-art { height: 160px; }
  .smbf.smbf-uniform-newsletter .smbf-coming-art i::before { font-size: 20px; }
}