body{font-family:var(--spn-font)}
h3{margin-bottom:0!important}
p{margin-bottom:0!important}
.spn-section-title{margin-bottom:48px!important}
.spn-hero{background-color:var(--spn-hero-bg);padding:70px 0 50px;text-align:center}
.spn-hero h1{font-size:var(--spn-hero-h1-size);font-weight:var(--spn-hero-h1-weight);color:var(--spn-primary);font-family:var(--spn-font);margin-bottom:16px!important}
.spn-hero .spn-subtitle{font-size:var(--spn-hero-subtitle-size);font-weight:var(--spn-hero-subtitle-weight);color:#1a1d3a;margin-bottom:14px!important}
.spn-hero .spn-desc{color:var(--spn-text-muted);font-size:var(--spn-hero-desc-size);max-width:720px;margin:0 auto 32px!important;line-height:1.6}
.spn-stores{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.spn-store-btn{display:inline-flex!important;align-items:center!important;gap:10px!important;background:var(--spn-store-bg)!important;color:#fff!important;border-radius:var(--spn-store-radius)!important;padding:10px 20px!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s;min-width:160px!important;border:none!important;box-shadow:none!important}
.spn-store-btn:hover{text-decoration:none!important;transform:translateY(-2px)}
.spn-store-icon{font-size:1.5rem!important;flex-shrink:0!important;line-height:1!important}
.spn-huawei-icon{width:1.5rem!important;height:1.5rem!important}
.spn-store-text{display:flex!important;flex-direction:column!important;line-height:1.25!important;text-align:left!important;font-size:.95rem!important;font-weight:600!important}
.spn-store-text .spn-store-small{font-size:.58rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;opacity:.7!important;font-weight:400!important;display:block!important;margin-bottom:0!important;line-height:1.2!important}
.spn-slider-wrap{background:var(--spn-bg-page);padding:32px 0}
.spn-slider{position:relative;overflow:hidden;border-radius:var(--spn-slider-radius);background:#fff;box-shadow:0 2px 16px rgba(9,15,171,.07)}
.spn-slides{display:flex;transition:transform .5s ease}
.spn-slide{min-width:100%;background:var(--spn-slider-bg);border-radius:var(--spn-slider-radius) 0 0 0;padding:32px 36px 0;display:flex;align-items:center;gap:24px;min-height:140px}
.spn-slide-icon{flex-shrink:0;width:120px;height:100px;background:var(--spn-slide-icon-bg);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem}
.spn-slide-text{flex-grow:1;max-width:50%}
.spn-slide-text h3{font-size:var(--spn-slide-h3-size);font-weight:700;color:var(--spn-primary);font-family:var(--spn-font);margin-bottom:8px!important;margin-top:0!important}
.spn-slide-text p{font-size:.95rem;color:var(--spn-text-medium);margin:0}
.spn-dots{display:flex;justify-content:center;gap:8px;padding:0 0 20px;background:var(--spn-slider-bg);border-radius:0 0 var(--spn-slider-radius) var(--spn-slider-radius)}
.spn-dot{width:10px;height:10px;border-radius:50%;background:#c8d4f0;cursor:pointer;border:none;padding:0;transition:background .3s}
.spn-dot.active{background:var(--spn-primary)}
.spn-services{padding:64px 0;background:var(--spn-bg-page)}
.spn-services-title{font-size:var(--spn-title-size);font-weight:var(--spn-title-weight);color:var(--spn-primary);font-family:var(--spn-font);text-align:center;margin-bottom:8px}
.spn-services-sub{text-align:center;color:var(--spn-text-muted);margin-bottom:40px;font-size:var(--spn-section-sub-size)}
.spn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spn-card{background:#fff;border:1.5px solid var(--spn-card-border);border-radius:var(--spn-card-radius);padding:24px 22px 20px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 8px rgba(9,15,171,.04)}
.spn-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(9,15,171,.11);border-color:var(--spn-primary);text-decoration:none;color:inherit}
.spn-card-icon{width:44px;height:44px;background:var(--spn-bg-light);border-radius:var(--spn-card-icon-radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.3rem;color:var(--spn-primary);flex-shrink:0}
.spn-card-icon .iconify{font-size:1.3rem;color:var(--spn-primary)!important;width:auto!important;height:auto!important;margin-left:0!important}
.spn-card-icon svg{width:22px;height:22px;color:var(--spn-primary);stroke:var(--spn-primary);fill:none}
.spn-card h3 {
  font-size: 1.08rem;
  line-height: 1.22;
  font-weight: 700;
  color: var(--spn-text);
  font-family: var(--spn-font);
  margin: 0 0 8px !important;
}

.spn-card-bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex: 1;
}

.spn-card-bottom p {
  width: 100%;
  flex: unset !important;
  margin: 0;
  font-size: .92rem;
  line-height: 1.46;
  color: var(--spn-text-muted);
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spn-card-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  align-self: flex-start !important;
  background: var(--spn-bg-light) !important;
  color: var(--spn-primary) !important;
  transition:
    transform .25s ease,
    background-color .25s ease,
    box-shadow .25s ease;
}

.spn-card-arrow .iconify {
  font-size: 1rem;
  color: var(--spn-primary) !important;
  margin-left: 0 !important;
}

.spn-card:hover .spn-card-arrow {
  transform: translateY(-2px);
  background: var(--spn-accent) !important;
  box-shadow: 0 8px 20px rgba(9, 15, 171, .14);
}
.spn-cta-section{padding:50px 0;background:var(--spn-bg-page)}
.spn-cta-inner{background:linear-gradient(135deg,var(--spn-primary) 0%,var(--spn-primary-dark) 100%);border-radius:20px;padding:52px 40px;text-align:center}
.spn-cta-inner h2{font-size:var(--spn-title-size);font-weight:var(--spn-title-weight);color:#fff;font-family:var(--spn-font);margin-bottom:12px!important}
.spn-cta-inner p{color:rgba(255,255,255,.85);margin-bottom:28px!important;font-size:var(--spn-section-sub-size)}
.spn-stores-center{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.spn-stores-center .spn-store-btn{background:rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important}
.spn-stores-center .spn-store-btn:hover{background:rgba(255,255,255,.2)!important}
.spn-benefits{padding:64px 0;background:var(--spn-bg-page)}
.spn-benefits-title{font-size:var(--spn-title-size);font-weight:var(--spn-title-weight);color:var(--spn-primary);font-family:var(--spn-font);text-align:center;margin-bottom:8px;letter-spacing:var(--spn-title-letter-spacing,normal)}
.spn-benefits-sub{text-align:center;color:var(--spn-text-muted);margin-bottom:48px;font-size:var(--spn-section-sub-size)}
.spn-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.spn-benefit-item{text-align:center;background:#fff;border-radius:16px;padding:28px 20px;transition:transform .2s ease,box-shadow .2s ease;cursor:default}
.spn-benefit-item:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(9,15,171,.10);background-color:var(--spn-bg-light);border:1px solid #deeafa}
.spn-benefit-item:hover .spn-benefit-icon{background:var(--spn-primary)}
.spn-benefit-item:hover .spn-benefit-icon .iconify{color:#fff!important}
.spn-benefit-item:hover .spn-benefit-icon svg{stroke:#fff;color:#fff}
.spn-benefit-icon{width:64px;height:64px;background:var(--spn-bg-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;flex-shrink:0}
.spn-benefit-icon .iconify{font-size:1.6rem;color:var(--spn-primary)!important;width:auto!important;height:auto!important}
.spn-benefit-icon svg{width:28px;height:28px;color:var(--spn-primary);stroke:var(--spn-primary);fill:none}
.spn-benefit-item h4{font-size:1.2rem;font-weight:700;color:var(--spn-text);font-family:var(--spn-font);margin-bottom:8px}
.spn-benefit-item p{font-size:1rem;color:var(--spn-text-muted);margin:0;line-height:1.5}
.spn-promotii{padding:64px 0;background:var(--spn-bg-page)}
.spn-promotii-title{font-size:var(--spn-title-size);font-weight:var(--spn-title-weight);color:var(--spn-primary);font-family:var(--spn-font);text-align:center;margin-bottom:12px!important}
.spn-promotii-sub{text-align:center;color:var(--spn-text-muted);margin-bottom:40px;font-size:var(--spn-section-sub-size)}
.spn-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.spn-promo-card{background:#fff;border:1.5px solid var(--spn-card-border);border-radius:var(--spn-card-radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.spn-promo-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(9,15,171,.1);text-decoration:none;color:inherit}
.spn-promo-img{width:100%;aspect-ratio:8/3;height:auto;background:linear-gradient(135deg,var(--spn-primary) 0%,var(--spn-primary-dark) 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--spn-card-radius) var(--spn-card-radius) 0 0}
.spn-promo-img img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .3s ease}
.spn-promo-card:hover .spn-promo-img img{transform:scale(1.04)}
.spn-promo-img-placeholder{font-size:3rem}
.spn-promo-body{padding:20px;flex-grow:1}
.spn-promo-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--spn-card-arrow-bg);background:var(--spn-bg-light);border-radius:20px;padding:4px 10px;margin-bottom:10px}
.spn-promo-body h3{font-size:1.1rem;font-weight:700;color:var(--spn-text);font-family:var(--spn-font);margin:0!important;padding-bottom:8px}
.spn-promo-body p{font-size:.92rem;color:var(--spn-text-muted);margin:0;line-height:1.5}
.spn-promotii-footer{text-align:center;margin-top:36px}
.spn-promotii-footer .btn-primary-outline{padding:12px 28px;border-radius:8px}
.spn-support{background:var(--spn-support-bg);padding:52px 0}
.spn-support-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.spn-support-text h2{font-size:var(--spn-support-h2-size);font-weight:var(--spn-title-weight);color:var(--spn-primary);font-family:var(--spn-font);margin-bottom:8px}
.spn-support-text p{color:var(--spn-text-medium);margin:0;font-size:1rem}
.spn-support-btns{display:flex;gap:14px;align-items:center;flex-shrink:0}
.btn-contact{padding:12px 22px;border-radius:10px;font-weight:600;text-decoration:none;font-size:14px;transition:all .2s}
#n2-ss-3 .n-uc-Vu4DhEYqQZqe {overflow: hidden !important;max-height: 420px !important}
#n2-ss-3 .n-uc-Vu4DhEYqQZqe img {max-height: 420px !important;object-fit: contain !important;object-position: center bottom !important}
#n2-ss-3 .n-uc-jQpaxQeEoN6c {display: flex !important;align-items: center !important;height: 100% !important}
#n2-ss-3 .n-uc-jQpaxQeEoN6c-inner {justify-content: center !important;padding: 0px !important}


.spn-banner-wrap {
  background: var(--spn-bg-page);
  padding: 24px 0;
}

.spn-banner-wrap .spn-slider {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  position: relative;
}

.spn-banner-slide {
  display: block;
  width: 100%;
  line-height: 0;
}

.spn-banner-img {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 1;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

.spn-banner-wrap .spn-dots {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.spn-banner-wrap .spn-dot {
  background: rgba(255, 255, 255, .5);
}

.spn-banner-wrap .spn-dot.active {
  background: #fff;
}

.spn-card--has-bg {
  position: relative;
  overflow: hidden;
  border-color: transparent;
  background-color: var(--spn-bg-light) !important;
  background-repeat: no-repeat !important;
}

.spn-card-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
  background: transparent !important;
  pointer-events: none;
}

.spn-card--has-bg .spn-card-icon,
.spn-card--has-bg h3,
.spn-card--has-bg .spn-card-bottom p {
  position: relative;
  z-index: 2;
}

.spn-card--has-bg h3,
.spn-card--has-bg .spn-card-bottom p {
  color: var(--spn-primary) !important;
}

.spn-card--has-bg .spn-card-icon {
  background: rgba(255, 255, 255, .55);
}

.spn-card--has-bg .spn-card-icon .iconify,
.spn-card--has-bg .spn-card-icon svg {
  color: var(--spn-primary) !important;
  stroke: var(--spn-primary) !important;
}

@media (min-width: 992px) {
  .spn-card--has-bg {
    aspect-ratio: 2.35 / 1;
    min-height: unset !important;
    height: auto !important;
    padding: 22px 20px 18px !important;
    background-size: auto 84% !important;
    background-position: right 18px center !important;
  }

  .spn-card--has-bg h3 {
    width: 50% !important;
    max-width: 50% !important;
    margin: 0 0 6px !important;
    font-size: 1.1rem;
    line-height: 1.18;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .spn-card--has-bg .spn-card-bottom {
    position: static !important;
    width: 50% !important;
    max-width: 50% !important;
    min-height: auto !important;
    margin-top: 0 !important;
    padding-bottom: 48px;
    gap: 10px !important;
  }

  .spn-card--has-bg .spn-card-bottom p {
    width: 100% !important;
    font-size: .94rem;
    line-height: 1.42;
    -webkit-line-clamp: 3;
  }

  .spn-card--has-bg .spn-card-arrow {
    position: absolute !important;
    left: 20px !important;
    bottom: 18px !important;
    z-index: 5;
    margin: 0 !important;
    align-self: unset !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: var(--spn-primary) !important;
    transform: none !important;
    transition:
      left .48s cubic-bezier(.22, 1, .36, 1),
      background-color .25s ease,
      box-shadow .25s ease !important;
  }

  .spn-card--has-bg .spn-card-arrow .iconify {
    color: var(--spn-primary) !important;
  }

  .spn-card--has-bg:hover .spn-card-arrow {
    /* left: calc(100% - 56px) !important; */
    background: var(--spn-accent) !important;
    transform: none !important;
    box-shadow: 0 8px 20px rgba(9, 15, 171, .16) !important;
  }
}

/* FIX desktop banner slider - 1500x300 ratio */
@media (min-width: 992px) {
  .spn-banner-wrap {
    background: var(--spn-bg-page) !important;
    padding: 24px 0 36px !important;
  }

  .spn-banner-wrap .spn-slider {
    width: 100% !important;
    max-width: 1500px !important;
    aspect-ratio: 5 / 1 !important;
    height: auto !important;
    max-height: 300px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    position: relative !important;
    box-shadow: var(--shadow-md) !important;
    background: transparent !important;
  }

  .spn-banner-wrap .spn-slides {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 100% !important;
  }

  .spn-banner-wrap .spn-banner-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
  }

  .spn-banner-wrap .spn-banner-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    aspect-ratio: 5 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }

  /* Pe desktop ascundem imaginea de mobile */
  .spn-banner-wrap .spn-banner-img.spn-desc--mobile,
  .spn-banner-wrap .spn-banner-slide.spn-desc--mobile {
    display: none !important;
  }

  /* Pe desktop afișăm doar imaginea desktop */
  .spn-banner-wrap .spn-banner-img.spn-desc--desktop,
  .spn-banner-wrap .spn-banner-slide.spn-desc--desktop {
    display: block !important;
  }

  .spn-banner-wrap .spn-dots {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 12px !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
}
.spn-app-hero{background:#fff;padding:92px 0 72px;overflow:hidden}.spn-app-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:70px}.spn-app-hero-content{max-width:780px}.spn-app-hero-kicker{font-family:var(--spn-font);font-size:1.05rem;font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--spn-primary);margin-bottom:8px}.spn-app-hero-title{font-family:var(--spn-font);font-size:var(--spn-hero-h1-size);font-weight:var(--spn-hero-h1-weight);line-height:1.08;color:var(--spn-primary);margin:0 0 18px!important}.spn-app-hero-desc{font-family:var(--spn-font);font-size:var(--spn-hero-desc-size);font-weight:var(--spn-hero-subtitle-weight);line-height:1.65;color:var(--spn-primary);max-width:720px;margin:0 0 20px!important}.spn-app-hero-stores{justify-content:flex-start!important;gap:18px!important}.spn-app-hero-stores .spn-store-btn{background:#fff!important;color:var(--spn-primary)!important;border:1.5px solid var(--spn-primary)!important;border-radius:6px!important;box-shadow:none!important;min-width:168px!important;padding:7px 12px!important;gap:9px!important}.spn-app-hero-stores .spn-store-btn:hover{background:#fff!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(9,15,171,.12)!important;text-decoration:none!important}.spn-app-hero-stores .spn-store-icon{font-size:2rem!important;color:var(--spn-primary)!important}.spn-app-hero-stores .spn-huawei-icon{width:2rem!important;height:2rem!important}.spn-app-hero-stores .spn-store-text{font-size:1.12rem!important;font-weight:700!important;line-height:.95!important;color:var(--spn-primary)!important}.spn-app-hero-stores .spn-store-small{font-size:.66rem!important;font-weight:600!important;letter-spacing:0!important;opacity:1!important;text-transform:none!important;color:var(--spn-primary)!important}.spn-app-hero-media{display:flex;align-items:center;justify-content:center}.spn-app-hero-media img{display:block;width:100%;max-width:330px;height:auto;object-fit:contain}