/* =========================================================
   SLEEK INTERIO — SHARED COMPONENTS v1.0
   ========================================================= */


/* ---------------- HEADER ---------------- */

.sleek-lp-header{
  position:sticky;
  top:0;
  z-index:900;

  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border-bottom:1px solid var(--sleek-lavender-border);
}

.sleek-lp-header-inner{
  width:min(
    var(--sleek-container),
    calc(100% - 40px)
  );

  min-height:76px;
  margin:auto;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.sleek-lp-brand{
  color:var(--sleek-ink);
  font-size:27px;
  line-height:1;
  font-weight:800;
  letter-spacing:-1px;
}

.sleek-lp-brand span{
  color:var(--sleek-purple);
}

.sleek-lp-brand small{
  display:block;
  margin-top:5px;

  color:var(--sleek-muted);
  font-size:8px;
  line-height:1;
  font-weight:700;
  letter-spacing:2.2px;
}


/* ---------------- BUTTONS ---------------- */

.sleek-btn{
  min-height:50px;
  padding:0 22px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  border:1px solid transparent;
  border-radius:var(--sleek-radius-sm);

  cursor:pointer;

  font-weight:800;
  font-size:13px;
  line-height:1;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.sleek-btn:hover{
  transform:translateY(-1px);
}

.sleek-btn-primary{
  color:#fff;

  background:
    linear-gradient(
      135deg,
      var(--sleek-purple-soft),
      var(--sleek-purple),
      var(--sleek-purple-dark)
    );

  box-shadow:
    0 10px 24px rgba(112,64,166,.22);
}

.sleek-btn-secondary{
  color:var(--sleek-purple-dark);
  background:#fff;
  border-color:var(--sleek-border);
}


/* ---------------- CARDS ---------------- */

.sleek-card{
  background:#fff;
  border:1px solid var(--sleek-lavender-border);
  border-radius:var(--sleek-radius);

  box-shadow:var(--sleek-shadow-soft);
}

.sleek-card-body{
  padding:26px;
}

.sleek-grid{
  display:grid;
  gap:22px;
}

.sleek-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.sleek-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.sleek-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}


/* ---------------- TRUST STRIP ---------------- */

.sleek-trust-strip{
  border-top:1px solid var(--sleek-lavender-border);
  border-bottom:1px solid var(--sleek-lavender-border);
  background:var(--sleek-lavender);
}

.sleek-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.sleek-trust-item{
  padding:22px 16px;
  text-align:center;
}

.sleek-trust-item strong{
  display:block;
  color:var(--sleek-purple-dark);
  font-size:20px;
}

.sleek-trust-item span{
  display:block;
  margin-top:4px;
  color:var(--sleek-muted);
  font-size:12px;
}


/* ---------------- CATEGORY CHIPS ---------------- */

.sleek-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.sleek-chip{
  min-height:44px;
  padding:0 17px;

  display:inline-flex;
  align-items:center;

  border:1px solid var(--sleek-border);
  border-radius:999px;

  background:#fff;
  color:var(--sleek-ink);

  font-size:13px;
  font-weight:700;
}

.sleek-chip:hover,
.sleek-chip.is-active{
  border-color:var(--sleek-purple-soft);
  background:var(--sleek-lavender-strong);
  color:var(--sleek-purple-dark);
}


/* ---------------- MOBILE CONVERSION BAR ---------------- */

.sleek-mobile-conversion{
  display:none;
}


/* ---------------- FOOTER ---------------- */

.sleek-lp-footer{
  padding:42px 0 96px;

  background:#fff;
  border-top:1px solid var(--sleek-lavender-border);

  color:var(--sleek-muted);
  font-size:13px;
}

.sleek-lp-footer strong{
  color:var(--sleek-ink);
}