/* Web Renewal Co.'s cooler blue palette */
:root{
  --ink:#14243d;
  --ink-2:#243b58;
  --cream:#f6f8fc;
  --cream2:#e9eff7;
  --violet:#234f91;
  --violet-d:#183d73;
  --muted:#4b5c72;
  --line:#d6dfeb;
  --coral:#df594d;
}

/* Bring the packages into the first screenful and make the choice easier to scan. */
.package-preview{
  background:linear-gradient(180deg,#e7eef8 0%,#f4f7fb 100%);
  border-bottom:1px solid var(--line);
}
.package-preview .section-head{margin-bottom:1.75rem}
.package-preview .pack-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:1rem;
  padding-top:.35rem;
}
.package-preview .pack{
  border-color:#cdd8e7;
  box-shadow:0 6px 20px rgba(20,36,61,.09);
}
.package-preview .pack-top{padding:1.25rem 1.15rem 1.3rem}
.package-preview .pack-top h3{font-size:1.25rem;margin-bottom:.75rem}
.package-preview .pack .price{font-size:1.7rem}
.package-preview .pack .price+.price{font-size:1.15rem}
.package-preview .pack.is-featured{
  background:#173c6d;
  box-shadow:0 12px 30px rgba(18,47,85,.25);
}
.package-preview .pack.is-featured .price+.price{color:#fff}
.package-preview .fine{margin-top:1rem}
.visit-address{margin-top:auto;padding-top:.6rem;font-size:.9rem;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}

@media (max-width:680px){
  .package-preview .section-head.row{align-items:flex-start}
  .package-preview .pack-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
}
