.elementor-48 .elementor-element.elementor-element-980851c{--display:flex;--min-height:90px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-48 .elementor-element.elementor-element-980851c:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-980851c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E9E9E9 0%, #6DC0FF 100%);}.elementor-48 .elementor-element.elementor-element-980851c > .elementor-shape-bottom svg, .elementor-48 .elementor-element.elementor-element-980851c > .e-con-inner > .elementor-shape-bottom svg{height:20px;}.elementor-48 .elementor-element.elementor-element-a8b703c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ===========================
   Smarters Pro 4K — Packages
   (fonts: Outfit for headings, Inter for text)
   =========================== */

:root{
  --spx-orange:#FF8E2B;
  --spx-green:#69C047;
  --spx-blue:#2AA7FF;
  --spx-deep:#0F172A;
  --spx-card:#ffffff;
  --spx-muted:#64748B;
  --spx-border:#E5E7EB;
  --spx-shadow:0 12px 28px rgba(15,23,42,.08);
}

/* Section wrapper */
.spx-packages{
  background:#fff;
  padding:48px 16px 72px;
}
.spx-packages .container{
  max-width:1200px;
  margin:0 auto;
}

/* Title */
.spx-title{
  font-family:"Outfit",system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(1.6rem,3.5vw,2.4rem);
  text-align:center;
  margin:0 0 22px;
  line-height:1.15;
  letter-spacing:.2px;
  background:linear-gradient(90deg,var(--spx-deep),var(--spx-orange));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Tabs */
.spx-tabs{
  display:flex; justify-content:center; align-items:center;
  gap:10px; margin:0 auto 26px;
  flex-wrap:wrap;
}
.spx-tab{
  font-family:"Outfit",system-ui,sans-serif;
  font-weight:700; font-size:1rem;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid var(--spx-border);
  color:var(--spx-deep);
  background:#fff;
  transition:.25s ease;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.spx-tab:hover{ transform:translateY(-1px); }
.spx-tab.is-active,
.spx-tab[aria-selected="true"]{
  color:#fff; border-color:transparent;
  background:linear-gradient(90deg,var(--spx-orange),var(--spx-green),var(--spx-blue));
}

/* Panels */
.spx-panel[hidden]{ display:none !important; }
.spx-panel{ animation:spxFade .24s ease both; }
@keyframes spxFade{ from{opacity:.0; transform:translateY(6px)} to{opacity:1; transform:none} }

/* Card grid */
.pkg-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(240px,1fr));
  gap:18px;
  align-items:stretch;
  justify-items:stretch;
}

/* Cards */
.pkg-card{
  position:relative;
  background:var(--spx-card);
  border:1px solid var(--spx-border);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:var(--spx-shadow);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pkg-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  border-color:#dfe3ea;
}

/* Header (title, price, per) */
.pkg-card header{ position:relative; margin-bottom:10px; }
.pkg-card h3{
  font-family:"Outfit",system-ui,sans-serif;
  font-weight:800; letter-spacing:.2px;
  font-size:1.2rem; margin:0 0 4px; color:var(--spx-deep);
}
.pkg-price{
  font-family:"Outfit",system-ui,sans-serif;
  font-weight:800; font-size:2.1rem; line-height:1; color:var(--spx-deep);
  margin:.25rem 0 2px;
}
.pkg-per{
  font-family:"Inter",system-ui,sans-serif;
  font-weight:600; font-size:.95rem; color:var(--spx-muted);
}

/* Badge (+2 maanden gratis) */
.pkg-badge{
  position:absolute; top:.35rem; right:.35rem;
  background:linear-gradient(135deg,var(--spx-orange),#ffb067);
  color:#fff; font-family:"Inter",system-ui,sans-serif; font-weight:700;
  font-size:.82rem; padding:.34rem .55rem; border-radius:999px;
  box-shadow:0 10px 24px rgba(255,142,43,.28);
}

/* CTA button */
.pkg-btn{
  display:block; text-align:center; text-decoration:none;
  margin:10px 0 14px; padding:12px 14px;
  color:#fff; border-radius:12px; font-family:"Outfit",system-ui,sans-serif;
  font-weight:800; letter-spacing:.2px;
  background:linear-gradient(90deg,var(--spx-orange),var(--spx-green));
  box-shadow:0 10px 24px rgba(255,142,43,.25);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.pkg-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(255,142,43,.35); filter:saturate(1.03); }
.pkg-btn:focus{ outline:3px solid rgba(42,167,255,.35); outline-offset:2px; }

/* Feature list */
.pkg-feats{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.pkg-feats li{
  font-family:"Inter",system-ui,sans-serif;
  font-weight:500; color:#1f2937; line-height:1.35; font-size:.98rem;
  padding-left:28px; position:relative;
}
.pkg-feats li::before{
  content:""; position:absolute; left:8px; top:.5em;
  width:10px; height:10px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, var(--spx-blue), var(--spx-green));
  box-shadow:0 0 0 3px rgba(42,167,255,.08);
}

/* Make cards & content centered on the page */
.spx-packages .container,
.spx-tabs, .pkg-grid{ margin-left:auto; margin-right:auto; }

/* Responsive */
@media (max-width:1100px){
  .pkg-grid{ grid-template-columns:repeat(3,minmax(240px,1fr)); }
}
@media (max-width:900px){
  .pkg-grid{ grid-template-columns:repeat(2,minmax(240px,1fr)); }
}
@media (max-width:640px){
  .spx-title{ margin-bottom:14px; }
  .spx-tabs{ gap:8px; margin-bottom:18px; }
  .pkg-grid{ grid-template-columns:1fr; gap:14px; }
  .pkg-card{ padding:16px 14px; border-radius:16px; }
  .pkg-price{ font-size:1.9rem; }
  .pkg-feats li{ font-size:.95rem; }
}

/* Optional: subtle separator under each panel */
.spx-panel + .spx-panel{ margin-top:8px; }/* End custom CSS */