body{
    padding-bottom:95px;
    font-family:'Poppins',sans-serif;
    background:#000000;
    color:#fff;
}

.navbar{
    background:#111;
}

.navbar-brand{
    font-weight:500;
    color:#fff;
}
.phone, .lead a, .lead a:hover {color:#fff;text-decoration: none;}
.hero{
    background:
    linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),
    url('../images/beaumont-smog.webp');
    background-size:cover;
    background-position:center;
    color:#fff;
    padding:120px 0;
}

.hero h1{
    font-size:3rem;
    font-weight:600;
}

.btn-book{
    background:#ee1212;
    border:none;
    padding:14px 28px;
    font-weight:600;
}

.section-title{
    font-weight:700;
    margin-bottom:20px;
}

.service-card{
    border:none;
    border-radius:16px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-5px);
}

.info-section{
    background:#111;
    color:#fff;
}

.footer{
    background:#000;
    color:#aaa;
}
.color_white {
    color: #aaa !important;
    text-decoration: none;
}
.hours-table td{
    padding:6px 12px;
}

.badge-custom{
    background:#ee1212;
    padding:10px 18px;
    font-size:.95rem;
    margin:5px;
}
.mobile-sticky-cta{
    position:fixed;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);
    width:92%;
    max-width:420px;
    display:flex;
    justify-content:center;
    gap:12px;
    z-index:9999;
    animation:slideUp .5s ease;
}

.sticky-btn{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 18px;
    border-radius:18px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    font-size:1rem;
    backdrop-filter:blur(12px);
    box-shadow:
        0 10px 30px rgba(0,0,0,.22),
        0 2px 8px rgba(0,0,0,.12);
    transition:.25s ease;
}

.sticky-btn i{
    font-size:1.2rem;
}

.call-btn{
    background:rgba(33, 37, 41, .92);
}

.book-btn{
    background:linear-gradient(135deg,#ee1212,#c40000);
}

.sticky-btn:hover{
    transform:translateY(-3px) scale(1.02);
    color:#fff;
}

.sticky-btn:active{
    transform:scale(.96);
}

@keyframes slideUp{
    from{
        opacity:0;
        transform:translate(-50%, 100px);
    }
    to{
        opacity:1;
        transform:translate(-50%, 0);
    }
}

/* Slight glass effect */
.mobile-sticky-cta::before{
    content:'';
    position:absolute;
    inset:-8px;
    background:rgba(255,255,255,.08);
    border-radius:24px;
    z-index:-1;
    backdrop-filter:blur(20px);
}
/* Card Container */
.pricing-card.star-smog {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 30px 24px;
  width: 100%;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
  margin: 0 auto;
}
.pricing-card p {color: #1a1a1a;}
/* Title */
.card-title {
  color: #1a1a1a;
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0 0 12px 0;
}

/* Price Sections */
.price-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.price-label {
  color: #666666;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.standard .price-amount {
  color: #272727;
  font-size: 2.2rem;
  font-weight: 600;
  opacity: 0.8;
}

/* Divider Line */
.divider {
  height: 1px;
  background: #e5e5e5;
  margin: 20px auto;
  width: 60%;
}

/* Cash Discount Section */
.discount-badge {
  background-color: #2e7d32; /* Eco-friendly green for cash */
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.cash-discount .price-amount {
  color: #1a1a1a;
  font-size: 3rem;
  font-weight: 800;
}
/* Coupon Grid Layout */
.coupon-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Coupon Card Style */
.coupon-card {
  background: #ffffff;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  padding: 30px;
  width: 100%;
  max-width: 400px;
  position: relative;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: #1f2937;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Special borders for active offers */
.star-smog-coupon {
  border-color: #dc2626; /* Red emphasis color */
}

/* Badge Styles */
.coupon-badge {
  position: absolute;
  top: -12px;
  left: 24px;
  background-color: #dc2626;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 50px;
  letter-spacing: 0.05em;
}

.coupon-badge.diesel-badge {
  background-color: #1e3a8a; /* Blue contrast for diesel */
}

/* Typography */
.coupon-title {
  font-size: 2rem;
  font-weight: 800;
  margin: 10px 0 5px 0;
  color: #dc2626;
}

.diesel-coupon .coupon-title {
  color: #1e3a8a;
}

.coupon-condition {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 15px;
}

.coupon-condition strong {
  color: #dc2626;
}

.coupon-divider {
  border-top: 1px solid #e5e7eb;
  margin: 15px 0;
}

.coupon-applicable {
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #6b7280;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

/* Bullet Points */
.coupon-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.coupon-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #374151;
}

/* Custom Checkmark for Bullet List */
.coupon-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #10b981; /* Green check */
  font-weight: bold;
}

.year-highlight {
  font-size: 0.9rem;
  color: #6b7280;
  font-weight: normal;
}

/* Coupon Footer & Codes */
.coupon-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.coupon-code {
  background-color: #f3f4f6;
  border: 1px dashed #9ca3af;
  padding: 6px 16px;
  font-family: monospace;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-radius: 4px;
}

.coupon-disclaimer {
  font-size: 0.75rem;
  color: #9ca3af;
  margin: 0;
  text-align: center;
}
@media (max-width: 480px) {
  table th:nth-child(2), table td:nth-child(2)  {
    display: none;
    }
}
a {color:#1a1a1a;text-decoration: none;}
a:hover {color:red;text-decoration: none;}