/* Pricing Page Add-On CSS for Dr Guitar Care */
.pricing-hero{
    position: relative;
    min-height: 760px;
    background:
    linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.76)),
    url("img/hero-pricing-dr-guitar-care.png")
    center center/cover no-repeat;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.pricing-hero-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(255,180,60,.10),
    transparent 35%);
    z-index:1;
}

.pricing-hero-content{
    position:relative;
    z-index:2;
}

.pricing-hero-title {
  font-size: clamp(2.35rem, 5vw, 4.85rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.pricing-hero-copy {
  max-width: 850px;
  color: rgba(255,255,255,.88);
}

.pricing-trust-box,
.pricing-premium-box {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 1.5rem;
  padding: 2rem;
  background: rgba(0,0,0,.52);
  backdrop-filter: blur(10px);
  box-shadow: 0 1.25rem 3rem rgba(0,0,0,.35);
}

.pricing-premium-box {
  background: #111;
  color: #fff;
  border-color: rgba(255,193,7,.45);
}

.pricing-card {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 1.5rem;
  padding: 1.5rem;
  background: rgba(255,255,255,.06);
  box-shadow: 0 .75rem 2rem rgba(0,0,0,.22);
}

.pricing-table {
  --bs-table-bg: transparent;
  --bs-table-color: #f8f9fa;
  --bs-table-striped-bg: rgba(255,255,255,.07);
  --bs-table-striped-color: #fff;
  color: #f8f9fa;
}

.pricing-table td {
  border-color: rgba(255,255,255,.14);
  padding: .82rem .65rem;
}

.pricing-checklist {
  padding-left: 0;
  list-style: none;
}

.pricing-checklist li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: .8rem;
}

.pricing-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  color: #198754;
}

#pricingFaq .accordion-button {
  font-size: 1rem;
  line-height: 1.35;
}

#pricingFaq .accordion-body {
  color: #333;
  font-size: .98rem;
  line-height: 1.7;
}

@media (max-width: 991.98px) {
  .pricing-hero {
    min-height: auto;
    padding: 7.5rem 0 4rem;
  }

  .pricing-trust-box,
  .pricing-premium-box {
    padding: 1.5rem;
  }
}