/* === Technolutions skin for Six / Standard Cart ========================= */
:root{
  --tnl-primary:#00E5E5;
  --tnl-primary-600:#00C9C9;
  --tnl-dark:#0b2b3c;
  --tnl-text:#223645;
  --tnl-muted:#7a93a6;
  --tnl-bg:#f5fbff;
  --tnl-radius:16px;
  --tnl-shadow:0 8px 24px rgba(11,43,60,.08);
  --tnl-shadow-lg:0 16px 40px rgba(11,43,60,.12);
  --tnl-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

body, .main-content{font-family:var(--tnl-font); color:var(--tnl-text)}
h1,h2,h3{color:var(--tnl-dark); font-weight:700}

/* Buttons */
.btn, .btn-lg{border-radius:999px; font-weight:600}
.btn-primary, .btn-success{
  background:var(--tnl-primary)!important;
  border-color:var(--tnl-primary)!important;
  color:#003333!important;
}
.btn-primary:hover, .btn-success:hover{
  background:var(--tnl-primary-600)!important;
  border-color:var(--tnl-primary-600)!important;
}

/* Optional halo background */
.bg-halo{
  background:
    radial-gradient(1000px 1000px at 110% -10%, rgba(0,229,229,.16) 0, rgba(0,229,229,0) 60%),
    radial-gradient(900px 900px at -10% 110%, rgba(10,166,255,.12) 0, rgba(10,166,255,0) 60%),
    radial-gradient(circle at center, rgba(0,229,229,.08) 2px, transparent 3px) 0 0/24px 24px #fff;
  border-radius:var(--tnl-radius);
}

/* ------------------------------------------------------------------ */
/* Match YOUR markup (tnl-card / tnl-price / tnl-features)            */
/* ------------------------------------------------------------------ */
/* More space under the hero/title before the package cards */
#order-standard_cart .bg-halo{             /* your header block */
  margin-bottom: 40px !important;          /* tweak value to taste (24–64px) */
  padding:20px;
}

#order-standard_cart .tnl-card{
  border:0;
  border-radius:var(--tnl-radius);
  box-shadow:var(--tnl-shadow);
  background:#fff;
  padding:18px 20px;
}
#order-standard_cart .tnl-card.card-hover:hover{
  box-shadow:var(--tnl-shadow-lg);
  transform:translateY(-2px);
  transition:.25s;
}

#order-standard_cart .tnl-chip{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#055;
  background:rgba(0,229,229,.14);
  border:1px solid rgba(0,229,229,.35);
  padding:4px 8px;
  border-radius:999px;
}

#order-standard_cart .tnl-price{
  font-size:26px;
  font-weight:800;
  color:var(--tnl-dark);
  margin:6px 0 2px;
}
#order-standard_cart .tnl-card small{color:var(--tnl-muted)}

/* Features list with teal checkmarks */
#order-standard_cart .tnl-features ul{
  list-style:none; margin:10px 0 0; padding:0;
}
#order-standard_cart .tnl-features ul li{
  position:relative; padding-left:26px; margin:6px 0; color:var(--tnl-text);
}
#order-standard_cart .tnl-features ul li:before{
  content:"\f00c";
  font-family:"Font Awesome 5 Free"; font-weight:900;
  position:absolute; left:0; top:0; color:var(--tnl-primary);
}

/* Cards used in the highlight row */
#order-standard_cart .tnl-card.tnl-simple,
#order-standard_cart .section-light .tnl-card{
  border-radius:var(--tnl-radius);
  box-shadow:var(--tnl-shadow);
}

/* Light section */
.section-light{background:var(--tnl-bg); border-radius:var(--tnl-radius); padding:20px}

/* Give grid items breathing room */
#order-standard_cart .row .col-sm-6,
#order-standard_cart .row .col-lg-3{margin-bottom:16px}

/* Also style default Standard Cart boxes, if any still render */
#order-standard_cart .product,
#order-standard_cart .package,
#order-standard_cart .panel.product{
  border:0; border-radius:var(--tnl-radius); box-shadow:var(--tnl-shadow); background:#fff;
}
#order-standard_cart .product .content,
#order-standard_cart .package .content{padding:18px 20px}
#order-standard_cart .price,
#order-standard_cart .product .pricing{font-size:26px; font-weight:800; color:var(--tnl-dark)}
#order-standard_cart .product .content ul,
#order-standard_cart .package .content ul{list-style:none; margin:10px 0 0; padding:0}
#order-standard_cart .product .content ul li,
#order-standard_cart .package .content ul li{position:relative; padding-left:26px; margin:6px 0}
#order-standard_cart .product .content ul li:before,
#order-standard_cart .package .content ul li:before{content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:0; color:var(--tnl-primary)}