.brand-logo { width: 52px; height: 52px; object-fit: contain; }
.brand-mark { display: none; }
body { --navy: #061a3a; --navy2: #0a2f67; --blue: #075ed1; --lime: #ef1b2d; }
.storefront { max-width: 1180px; margin: 0 auto; padding: 100px 24px 20px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 64px; }
.storefront-copy h2 { font-size: clamp(34px, 4vw, 52px); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 20px; }
.storefront-copy > p:last-of-type { color: var(--muted); font-size: 18px; line-height: 1.7; }
.location-button { margin-top: 22px; background: #ef1b2d; color: #fff; }
.storefront-photo { margin: 0; aspect-ratio: 4 / 4.2; overflow: hidden; border-radius: 14px; box-shadow: 18px 18px 0 #075ed1; background: #061a3a; }
.storefront-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.primary { background: #ef1b2d; color: #fff; }
.eyebrow { color: #ff3345; }
.eyebrow.blue { color: #075ed1; }
.trust-card .check { background: #ef1b2d; color: #fff; }
.service-grid article:nth-child(2) { border-color: #ef1b2d; }
.text-link { color: #ff4352; }
.pricing {
  background: linear-gradient(135deg, #07377d 0%, #061a3a 70%);
  color: #fff;
  padding: 90px clamp(24px, 8vw, 128px);
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(460px, 1.25fr);
  gap: 70px;
  align-items: center;
}

/* Storefront-inspired yellow, red and blue identity */
body { --navy: #061a3a; --navy2: #0a2f67; --blue: #075ed1; --lime: #ffe500; --red: #d90b1c; }
.topbar { background: #ffe500; border-bottom: 6px solid #d90b1c; }
.topbar nav a { color: #061a3a; }
.brand-logo { width: clamp(210px, 25vw, 330px); height: 58px; object-fit: cover; object-position: center; border-radius: 5px; }
.lang { border-color: #061a3a; color: #061a3a; background: #fff; }
.call-small { background: #d90b1c; color: #fff; }
.primary { background: #ffe500; color: #061a3a; }
.eyebrow { color: #ffe500; }
.eyebrow.blue { color: #075ed1; }
.trust-card .check { background: #d90b1c; color: #fff; }
.service-grid article:nth-child(2) { border-color: #ffe500; }
.text-link { color: #ffe500; }
.location-button { background: #d90b1c; color: #fff; }
.price-card.featured { background: #ffe500; border-top-color: #d90b1c; }
.truck-check-title p, .truck-price { color: #d90b1c; }
.coupon { background: #ffe500; border: 4px dashed #d90b1c; grid-template-columns: 190px 1fr auto; }
.coupon img { width: 190px; height: 38px; object-fit: cover; object-position: center; border-radius: 4px; }
.coupon strong { color: #d90b1c; }

@media (max-width: 800px) {
  .brand-logo { width: 190px; height: 35px; }
  .coupon { grid-template-columns: 1fr; }
  .coupon img { width: 190px; height: 38px; }
}
.pricing-heading h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -.035em;
  margin: 0;
}
.price-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.price-card { background: #fff; color: var(--ink); padding: 32px; border-radius: 12px; }
.price-card.featured { background: #fff; border-top: 8px solid #ef1b2d; }
.price-card p { margin: 0 0 8px; color: var(--muted); font-weight: 700; }
.price-card h3 { margin: 0; font-size: 21px; }
.price-card > strong { display: block; font: 800 58px Montserrat, sans-serif; letter-spacing: -.05em; margin-top: 28px; }
.price-card sup { font-size: 23px; vertical-align: top; position: relative; top: 8px; margin-right: 3px; }
.price-card small { display: block; margin-top: 16px; color: #a30f1c; font-weight: 800; }
.truck-check-card { grid-column: 1 / -1; background: #fff; color: var(--ink); padding: 34px; border-radius: 12px; display: grid; grid-template-columns: 1fr auto; gap: 22px 40px; align-items: center; border-left: 8px solid #075ed1; }
.truck-check-title { display: flex; align-items: center; gap: 18px; }
.truck-icon { display: grid; place-items: center; width: 60px; height: 60px; flex: 0 0 60px; border-radius: 50%; background: #075ed1; color: #fff; font: 800 18px Montserrat, sans-serif; }
.truck-check-title p { margin: 0 0 5px; color: #ef1b2d; font-weight: 900; font-size: 13px; letter-spacing: .1em; }
.truck-check-title h3 { margin: 0; font-size: 28px; }
.truck-check-title small { display: block; margin-top: 4px; color: var(--muted); font-size: 16px; }
.truck-price { color: #ef1b2d; font: 800 54px Montserrat, sans-serif; letter-spacing: -.05em; }
.truck-price sup { font-size: 22px; vertical-align: top; position: relative; top: 8px; }
.truck-check-card ul { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; list-style: none; margin: 4px 0 0; padding: 22px 0; border-top: 1px solid var(--line); }
.truck-check-card li { position: relative; padding-left: 30px; line-height: 1.45; }
.truck-check-card li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #075ed1; font-weight: 900; }
.truck-button { grid-column: 1 / -1; background: #061a3a; color: #fff; width: 100%; }
.coupon { grid-column: 1 / -1; background: #fff; color: var(--ink); border: 3px dashed #ef1b2d; border-radius: 12px; padding: 22px 28px; display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 22px; }
.coupon img { width: 82px; height: 82px; object-fit: contain; }
.coupon p { margin: 0 0 4px; color: #075ed1; font-weight: 900; letter-spacing: .12em; font-size: 13px; }
.coupon strong { display: block; color: #ef1b2d; font: 800 38px Montserrat, sans-serif; }
.coupon span { font-weight: 800; }
.coupon > small { max-width: 260px; color: var(--muted); line-height: 1.45; }
.hours { margin-top: 28px; border-top: 1px solid rgba(255,255,255,.18); padding-top: 18px; max-width: 430px; }
.hours p { display: flex; justify-content: space-between; gap: 28px; margin: 9px 0; color: #dce6ef; }
.hours strong { color: #fff; }
@media (max-width: 800px) {
  .storefront { grid-template-columns: 1fr; gap: 34px; padding-top: 72px; }
  .storefront-photo { aspect-ratio: 4 / 5; box-shadow: 10px 10px 0 #075ed1; }
  .pricing { grid-template-columns: 1fr; gap: 38px; padding-top: 70px; padding-bottom: 70px; }
  .price-grid { grid-template-columns: 1fr; }
  .truck-check-card { grid-template-columns: 1fr; padding: 24px; }
  .truck-price { font-size: 48px; }
  .truck-check-card ul { grid-template-columns: 1fr; }
  .coupon { grid-template-columns: 64px 1fr; padding: 20px; }
  .coupon img { width: 60px; height: 60px; }
  .coupon > small { grid-column: 1 / -1; max-width: none; }
  .brand-logo { width: 44px; height: 44px; }
  .hours { width: 100%; }
}

/* Final storefront palette overrides */
.truck-check-title p, .truck-price { color: #d90b1c; }
.coupon { background: #ffe500; border: 4px dashed #d90b1c; grid-template-columns: 190px 1fr auto; }
.coupon img { width: 190px; height: 38px; object-fit: cover; object-position: center; border-radius: 4px; }
.coupon strong { color: #d90b1c; }
@media (max-width: 800px) {
  .brand-logo { width: 190px; height: 35px; }
  .coupon { grid-template-columns: 1fr; }
  .coupon img { width: 190px; height: 38px; }
}
