/* =====================================================
   ACQWASTE — Design System v2
   Brand: Navy #07182e · Cyan #00a8cd
   Fonts: Manrope (display) · Work Sans (body) · Inter (labels)
   ===================================================== */

/* --- 1. TOKENS --- */
:root {
  /* Brand */
  --aq-navy:        #07182e;
  --aq-navy-mid:    #1d2d44;
  --aq-cyan:        #00a8cd;
  --aq-cyan-dark:   #00677f;
  --aq-cyan-light:  #e6f7fb;

  /* Surfaces (paper-on-stone layering) */
  --aq-bg:          #f7faf9;
  --aq-surface-lo:  #f1f4f3;
  --aq-surface-mid: #ebeeed;
  --aq-surface-hi:  #ffffff;

  /* Text */
  --aq-text:        #181c1c;
  --aq-muted:       #4f5f6e;
  --aq-subtle:      #8595a3;

  /* Ghost border (felt, not seen) */
  --aq-ghost:       rgba(7, 24, 46, 0.10);

  /* Fonts */
  --aq-display: 'Manrope',    system-ui, sans-serif;
  --aq-body:    'Work Sans',  system-ui, sans-serif;
  --aq-label:   'Inter',      system-ui, sans-serif;

  /* Radii */
  --aq-r-sm:   0.375rem;
  --aq-r:      0.75rem;   /* xl — system default */
  --aq-r-lg:   1rem;
  --aq-r-xl:   1.5rem;
  --aq-r-full: 9999px;

  /* Spacing */
  --aq-pad:   1.5rem;
  --aq-max-w: 1220px;
}

/* --- 1b. COMPATIBILITY ALIASES (keeps old class/var names working) --- */
:root {
  --aq-orange:        var(--aq-cyan);
  --aq-orange-dark:   var(--aq-cyan-dark);
  --aq-orange-light:  var(--aq-cyan-light);
  --aq-black:         var(--aq-navy);
  --aq-surface:       var(--aq-surface-lo);
  --aq-border:        var(--aq-ghost);
  --aq-white:         #ffffff;
  --aq-radius:        var(--aq-r);
  --aq-radius-lg:     var(--aq-r-lg);
  --aq-radius-xl:     var(--aq-r-xl);
  --aq-font:          var(--aq-body);
}
.aq-section--surface { background: var(--aq-surface-lo); }
.aq-section--dark    { background: var(--aq-navy); color: #fff; }
.aq-skip__btn--orange { background: var(--aq-cyan); color: var(--aq-navy); border-color: var(--aq-cyan); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
.aq-skip__btn--orange:hover { background: var(--aq-cyan-dark); border-color: var(--aq-cyan-dark); color: #fff; }
.aq-skip__btn--border { background: transparent; border: 2px solid var(--aq-ghost); color: var(--aq-text); border-radius: var(--aq-r); display: block; width: 100%; padding: .75rem; text-align: center; font-family: var(--aq-display); font-weight: 700; font-size: .875rem; cursor: pointer; text-decoration: none; transition: all .2s; }
.aq-skip__btn--border:hover { border-color: var(--aq-navy); color: var(--aq-navy); }

/* --- 2. RESET / BASE --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--aq-body);
  color: var(--aq-text);
  background: var(--aq-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Override theme placeholder rules */
body { background: var(--aq-bg) !important; }
body * { display: revert; }
/* SVG sprite sheet — must stay hidden despite display:revert above */
body > svg:first-of-type { display: none !important; position: absolute; }
main { padding: 0 !important; min-height: 0 !important; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: var(--aq-body); }

/* --- 3. LAYOUT --- */
.aq-ctn {
  max-width: var(--aq-max-w);
  margin: 0 auto;
  padding: 0 var(--aq-pad);
}
.aq-section         { padding: 5rem 0; }
.aq-section--sm     { padding: 3rem 0; }
.aq-section--navy   { background: var(--aq-navy);     color: #fff; }
.aq-section--lo     { background: var(--aq-surface-lo); }
.aq-section--mid    { background: var(--aq-surface-mid); }
.aq-section--cyan   { background: var(--aq-cyan);     color: #fff; }

/* --- 4. TYPOGRAPHY --- */
.aq-eyebrow {
  font-family: var(--aq-label);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aq-cyan);
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
}
.aq-eyebrow::before {
  content: '';
  display: block;
  width: 18px;
  height: 2px;
  background: var(--aq-cyan);
  flex-shrink: 0;
}

/* Dark-bg eyebrow */
.aq-section--navy .aq-eyebrow { color: var(--aq-cyan); }

.aq-h1 {
  font-family: var(--aq-display);
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.03em;
}
.aq-h2 {
  font-family: var(--aq-display);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.03em;
}
.aq-h3 {
  font-family: var(--aq-display);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.aq-lead {
  font-family: var(--aq-body);
  font-size: 1.0625rem;
  color: var(--aq-muted);
  line-height: 1.7;
}

/* --- 5. BUTTONS --- */
.aq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  font-family: var(--aq-display);
  font-size: .9375rem;
  font-weight: 700;
  border-radius: var(--aq-r);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
}
.aq-btn:active { transform: scale(.98) translateY(1px); }

/* Primary: cyan */
.aq-btn--primary {
  background: var(--aq-cyan);
  color: var(--aq-navy);
  border-color: var(--aq-cyan);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
.aq-btn--primary:hover { background: var(--aq-cyan-dark); border-color: var(--aq-cyan-dark); color: #fff; }

/* Secondary: navy */
.aq-btn--navy {
  background: var(--aq-navy);
  color: #fff;
  border-color: var(--aq-navy);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.aq-btn--navy:hover { background: var(--aq-navy-mid); }

/* Ghost */
.aq-btn--ghost {
  background: transparent;
  color: var(--aq-text);
  border-color: var(--aq-ghost);
}
.aq-btn--ghost:hover { border-color: var(--aq-navy); }

/* White (on colored bg) */
.aq-btn--white { background: #fff; color: var(--aq-navy); border-color: #fff; }
.aq-btn--white:hover { background: rgba(255,255,255,.88); }

/* Outline white */
.aq-btn--outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.aq-btn--outline-white:hover { border-color: #fff; background: rgba(255,255,255,.1); }

.aq-btn--lg   { padding: .9375rem 2rem; font-size: 1rem; }
.aq-btn--sm   { padding: .5rem 1.125rem; font-size: .875rem; }
.aq-btn--full { width: 100%; }

/* Chip / pill variant */
.aq-chip {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  padding: .3rem .875rem;
  border-radius: var(--aq-r-full);
  font-family: var(--aq-label);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(0,168,205,.15);
  color: var(--aq-cyan-dark);
  width: fit-content;
}
.aq-section--navy .aq-chip {
  background: rgba(0,168,205,.2);
  color: var(--aq-cyan);
}

/* --- 6. HEADER --- */
.aq-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: var(--aq-navy);
}
.aq-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  gap: 1.5rem;
}

/* Logo */
.aq-logo { display: flex; align-items: center; flex-shrink: 1; min-width: 0; }
.aq-logo img { height: 28px; max-height: 28px; width: auto; display: block; }

/* Desktop nav */
.aq-header-nav { flex: 1; display: flex; justify-content: center; }
.aq-header-nav ul { display: flex; align-items: center; list-style: none; gap: .25rem; }
.aq-header-nav ul li a {
  display: block;
  padding: .5rem .875rem;
  font-family: var(--aq-body);
  font-size: .9rem;
  font-weight: 500;
  color: rgba(255,255,255,.65);
  border-radius: var(--aq-r-sm);
  transition: color .15s, background .15s;
  text-decoration: none;
}
.aq-header-nav ul li a:hover,
.aq-header-nav ul .current-menu-item a {
  color: #fff;
  background: rgba(255,255,255,.08);
}

/* Right side */
.aq-header__right { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }
.aq-header__phone {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-family: var(--aq-display);
  font-size: .875rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.aq-header__phone:hover { color: var(--aq-cyan); }
.aq-header__phone svg { width: 14px; height: 14px; fill: var(--aq-cyan); flex-shrink: 0; }

/* Hamburger */
.aq-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--aq-r);
  cursor: pointer;
  padding: 0 11px;
  flex-shrink: 0;
}
.aq-hamburger span { display: block; width: 100%; height: 2px; background: #fff; border-radius: 2px; }

/* Mobile nav */
.aq-mobile-nav { position: relative; }
.aq-mobile-nav-list {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  background: var(--aq-navy-mid);
  border-radius: var(--aq-r-lg);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: .5rem;
  z-index: 300;
}
.aq-mobile-nav.toggled .aq-mobile-nav-list { display: block; }
.aq-mobile-nav-list ul { list-style: none; }
.aq-mobile-nav-list ul li a {
  display: block;
  padding: .625rem .875rem;
  font-size: .9375rem;
  font-weight: 500;
  color: rgba(255,255,255,.85);
  border-radius: var(--aq-r-sm);
  text-decoration: none;
  transition: background .15s;
}
.aq-mobile-nav-list ul li a:hover { background: rgba(255,255,255,.08); color: #fff; }

/* --- 7. FOOTER --- */
.aq-footer { background: var(--aq-navy); color: #fff; padding: 4rem 0 2rem; }
.aq-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.aq-footer__logo .aq-logo img { height: 26px; }
.aq-footer__tagline { margin-top: .875rem; font-size: .875rem; color: rgba(255,255,255,.42); line-height: 1.65; max-width: 28ch; }

.aq-footer__socials { display: flex; gap: .625rem; margin-top: 1.5rem; }
.aq-footer__socials a {
  width: 36px; height: 36px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--aq-r);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .15s, background .15s;
}
.aq-footer__socials a svg { width: 16px; height: 16px; fill: rgba(255,255,255,.5); }
.aq-footer__socials a:hover { border-color: var(--aq-cyan); background: rgba(0,168,205,.12); }
.aq-footer__socials a:hover svg { fill: var(--aq-cyan); }

.aq-footer__col-heading {
  font-family: var(--aq-label);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.3);
  margin-bottom: 1rem;
}
.aq-footer__links { list-style: none; display: flex; flex-direction: column; gap: .5rem; }
.aq-footer__links a { font-size: .875rem; color: rgba(255,255,255,.55); text-decoration: none; transition: color .15s; }
.aq-footer__links a:hover { color: #fff; }

.aq-footer__contact-row { display: flex; align-items: flex-start; gap: .625rem; margin-bottom: .875rem; }
.aq-footer__contact-row svg { width: 15px; height: 15px; fill: var(--aq-cyan); flex-shrink: 0; margin-top: 3px; }
.aq-footer__contact-row span { font-size: .875rem; color: rgba(255,255,255,.55); line-height: 1.5; }

.aq-footer__bottom {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; padding-top: 1.75rem; flex-wrap: wrap;
}
.aq-footer__copy { font-family: var(--aq-label); font-size: .8125rem; color: rgba(255,255,255,.28); }

/* --- 8. HERO --- */
.aq-hero {
  background: var(--aq-navy);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.aq-hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.aq-hero__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .1; filter: grayscale(1); }
.aq-hero__bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, var(--aq-navy) 45%, rgba(7,24,46,.65) 100%);
}

.aq-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 4rem;
  align-items: center;
  padding: 5.5rem 0 5rem;
}
.aq-hero__title {
  font-family: var(--aq-display);
  font-size: clamp(2.5rem, 5.5vw, 4rem);
  font-weight: 800;
  line-height: .97;
  letter-spacing: -.035em;
  margin-bottom: 1.5rem;
}
.aq-hero__title em { font-style: normal; color: var(--aq-cyan); }
.aq-hero__sub { font-size: 1.0625rem; color: rgba(255,255,255,.58); line-height: 1.7; max-width: 46ch; margin-bottom: 2rem; }
.aq-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.aq-hero__coverage {
  display: flex; align-items: center; gap: .5rem;
  margin-top: 2rem;
  font-family: var(--aq-label);
  font-size: .8rem;
  color: rgba(255,255,255,.38);
}
.aq-hero__coverage svg { width: 12px; height: 12px; fill: var(--aq-cyan); flex-shrink: 0; }

/* Hero card */
.aq-hero-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-top: 1px solid rgba(255,255,255,.15);
  border-radius: var(--aq-r-xl);
  padding: 1.75rem;
  backdrop-filter: blur(24px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.aq-hero-card__title {
  font-family: var(--aq-label);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.38);
  margin-bottom: 1.25rem;
}
.aq-hero-card__row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; padding: .75rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aq-hero-card__row:last-of-type { border-bottom: none; }
.aq-hero-card__name { font-size: .875rem; color: rgba(255,255,255,.62); }
.aq-hero-card__price { font-family: var(--aq-display); font-size: 1rem; font-weight: 700; color: #fff; }
.aq-hero-card__cta {
  display: block; width: 100%; margin-top: 1.5rem; padding: .9rem;
  background: var(--aq-cyan); color: var(--aq-navy);
  font-family: var(--aq-display); font-weight: 700; font-size: .9375rem;
  border: none; border-radius: var(--aq-r); cursor: pointer;
  text-align: center; text-decoration: none; transition: background .2s;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
.aq-hero-card__cta:hover { background: var(--aq-cyan-dark); color: #fff; }

/* --- 9. TRUST BAR --- */
.aq-trust { background: var(--aq-surface-hi); border-bottom: 1px solid var(--aq-ghost); }
.aq-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.aq-trust__item {
  display: flex; align-items: center; gap: .75rem;
  padding: 1.125rem 1.25rem;
  border-right: 1px solid var(--aq-ghost);
}
.aq-trust__item:last-child { border-right: none; }
.aq-trust__icon {
  width: 38px; height: 38px; border-radius: var(--aq-r);
  background: var(--aq-cyan-light);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.aq-trust__icon svg { width: 18px; height: 18px; fill: var(--aq-cyan-dark); }
.aq-trust__label { font-family: var(--aq-display); font-size: .8125rem; font-weight: 700; color: var(--aq-text); line-height: 1.2; }
.aq-trust__sub { font-family: var(--aq-label); font-size: .73rem; color: var(--aq-muted); margin-top: .1rem; }

/* --- 10. SERVICES --- */
.aq-services__grid { display: grid; grid-template-columns: 3fr 2fr; gap: 1.25rem; }

.aq-svc { border-radius: var(--aq-r-xl); padding: 2.5rem; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.aq-svc--dark { background: var(--aq-navy); color: #fff; }
.aq-svc--light { background: var(--aq-surface-lo); color: var(--aq-text); }

.aq-svc__badge {
  display: inline-flex; align-items: center; gap: .375rem;
  font-family: var(--aq-label); font-size: .68rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  padding: .3rem .875rem; border-radius: var(--aq-r-full);
  background: rgba(0,168,205,.18); color: var(--aq-cyan);
  margin-bottom: 1.5rem; width: fit-content;
}
.aq-svc--light .aq-svc__badge { background: rgba(0,103,127,.12); color: var(--aq-cyan-dark); }

.aq-svc__title { font-family: var(--aq-display); font-size: 1.875rem; font-weight: 800; letter-spacing: -.03em; margin-bottom: .75rem; line-height: 1.05; }
.aq-svc--dark .aq-svc__title { color: #fff; }

.aq-svc__desc { font-size: .9375rem; line-height: 1.65; margin-bottom: 1.75rem; }
.aq-svc--dark .aq-svc__desc  { color: rgba(255,255,255,.58); }
.aq-svc--light .aq-svc__desc { color: var(--aq-muted); }

.aq-svc__from { font-family: var(--aq-label); font-size: .8rem; font-weight: 500; margin-bottom: .2rem; }
.aq-svc--dark .aq-svc__from  { color: rgba(255,255,255,.42); }
.aq-svc--light .aq-svc__from { color: var(--aq-muted); }

.aq-svc__price { font-family: var(--aq-display); font-size: 2.5rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; margin-bottom: 1.75rem; }
.aq-svc--dark .aq-svc__price  { color: #fff; }
.aq-svc--light .aq-svc__price { color: var(--aq-text); }

.aq-svc__features { list-style: none; display: flex; flex-direction: column; gap: .55rem; flex: 1; margin-bottom: 2rem; }
.aq-svc__features li { display: flex; align-items: center; gap: .625rem; font-size: .875rem; }
.aq-svc--dark  .aq-svc__features li { color: rgba(255,255,255,.62); }
.aq-svc--light .aq-svc__features li { color: var(--aq-muted); }
.aq-svc__features li::before {
  content: ''; display: inline-block; width: 6px; height: 6px;
  border-radius: 50%; background: var(--aq-cyan); flex-shrink: 0;
}
.aq-svc--light .aq-svc__features li::before { background: var(--aq-cyan-dark); }

.aq-svc__bg { position: absolute; bottom: -30px; right: -30px; width: 180px; height: 180px; opacity: .03; pointer-events: none; }
.aq-svc__bg svg { width: 100%; height: 100%; }

/* --- 11. SKIP CARDS --- */
.aq-skips__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2.5rem; }
.aq-skips__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 calc(-1 * var(--aq-pad)); padding: 0 var(--aq-pad) 1.5rem; }
.aq-skips__scroll::-webkit-scrollbar { display: none; }
.aq-skips__grid { display: grid; grid-template-columns: repeat(4, minmax(248px, 1fr)); gap: 1rem; }
@media (max-width: 900px) { .aq-skips__grid { min-width: max-content; } }

.aq-skip {
  background: var(--aq-surface-hi);
  border-radius: var(--aq-r-xl);
  padding: 1.625rem;
  display: flex; flex-direction: column; position: relative;
  transition: box-shadow .2s;
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-skip:hover { box-shadow: 0 8px 32px rgba(7,24,46,.09); }
.aq-skip--popular { background: var(--aq-navy); color: #fff; box-shadow: none; }
.aq-skip--popular:hover { box-shadow: 0 8px 32px rgba(7,24,46,.25); }

.aq-skip__popular-tag {
  position: absolute; top: 0; right: 1.25rem;
  background: var(--aq-cyan); color: var(--aq-navy);
  font-family: var(--aq-label); font-size: .6rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  padding: .25rem .625rem; border-radius: 0 0 var(--aq-r-sm) var(--aq-r-sm);
}
.aq-skip__yard {
  font-family: var(--aq-label); font-size: .7rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--aq-cyan); margin-bottom: .2rem;
}
.aq-skip--popular .aq-skip__yard { color: var(--aq-cyan); }
.aq-skip__name { font-family: var(--aq-display); font-size: 1.0625rem; font-weight: 700; letter-spacing: -.015em; margin-bottom: .15rem; }
.aq-skip--popular .aq-skip__name { color: #fff; }
.aq-skip__bags { font-family: var(--aq-label); font-size: .78rem; color: var(--aq-muted); margin-bottom: 1.125rem; }
.aq-skip--popular .aq-skip__bags { color: rgba(255,255,255,.4); }

.aq-skip__visual {
  height: 72px; border-radius: var(--aq-r); margin-bottom: 1.125rem;
  background: var(--aq-surface-lo);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.aq-skip--popular .aq-skip__visual { background: rgba(255,255,255,.06); }

.aq-skip__desc { font-size: .8125rem; line-height: 1.6; color: var(--aq-muted); flex: 1; margin-bottom: 1.125rem; }
.aq-skip--popular .aq-skip__desc { color: rgba(255,255,255,.48); }

.aq-skip__price { font-family: var(--aq-display); font-size: 1.875rem; font-weight: 800; letter-spacing: -.03em; line-height: 1; margin-bottom: .2rem; }
.aq-skip--popular .aq-skip__price { color: #fff; }
.aq-skip__hire { font-family: var(--aq-label); font-size: .73rem; color: var(--aq-muted); margin-bottom: 1.25rem; }
.aq-skip--popular .aq-skip__hire { color: rgba(255,255,255,.32); }

.aq-skip__btn {
  display: block; width: 100%; padding: .75rem; text-align: center;
  font-family: var(--aq-display); font-weight: 700; font-size: .875rem;
  border-radius: var(--aq-r); cursor: pointer; text-decoration: none;
  transition: all .2s; border: 2px solid transparent;
}
.aq-skip__btn--primary { background: var(--aq-cyan); color: var(--aq-navy); border-color: var(--aq-cyan); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
.aq-skip__btn--primary:hover { background: var(--aq-cyan-dark); border-color: var(--aq-cyan-dark); color: #fff; }
.aq-skip__btn--ghost { background: transparent; border-color: var(--aq-ghost); color: var(--aq-text); }
.aq-skip__btn--ghost:hover { border-color: var(--aq-navy); color: var(--aq-navy); }

/* --- 12. WASTE TYPES --- */
.aq-waste-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .625rem; }
.aq-waste-item {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-lg);
  padding: .875rem 1rem; display: flex; align-items: center; gap: .75rem;
  transition: background .15s;
}
.aq-waste-item:hover { background: var(--aq-cyan-light); }
.aq-waste-item__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--aq-cyan); flex-shrink: 0; }
.aq-waste-item__name { font-size: .8125rem; font-weight: 500; color: var(--aq-text); }

/* --- 13. WHY SECTION --- */
.aq-why__grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: center; }
.aq-why__stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: var(--aq-ghost); border-radius: var(--aq-r-lg); overflow: hidden;
  margin-top: 2.5rem;
}
.aq-why__stat { background: var(--aq-surface-hi); padding: 1.5rem; }
.aq-why__stat-num { font-family: var(--aq-display); font-size: 2.5rem; font-weight: 800; letter-spacing: -.04em; color: var(--aq-cyan-dark); line-height: 1; margin-bottom: .2rem; }
.aq-why__stat-label { font-family: var(--aq-label); font-size: .8rem; color: var(--aq-muted); }

.aq-why__features { display: flex; flex-direction: column; gap: 1.75rem; }
.aq-why__feature { display: flex; gap: 1rem; align-items: flex-start; }
.aq-why__feature-icon {
  width: 44px; height: 44px; border-radius: var(--aq-r); background: var(--aq-cyan-light);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.aq-why__feature-icon svg { width: 20px; height: 20px; fill: var(--aq-cyan-dark); }
.aq-why__feature-title { font-family: var(--aq-display); font-size: .9375rem; font-weight: 700; margin-bottom: .2rem; letter-spacing: -.01em; }
.aq-why__feature-desc { font-size: .875rem; color: var(--aq-muted); line-height: 1.6; }

/* --- 14. CTA BAND --- */
.aq-cta-band { background: var(--aq-navy); padding: 4rem 0; position: relative; overflow: hidden; }
.aq-cta-band::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 75% 50%, rgba(0,168,205,.12) 0%, transparent 65%);
  pointer-events: none;
}
.aq-cta-band__inner { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; }
.aq-cta-band__title { font-family: var(--aq-display); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; color: #fff; letter-spacing: -.03em; margin-bottom: .5rem; line-height: 1.05; }
.aq-cta-band__sub { font-size: 1rem; color: rgba(255,255,255,.58); }
.aq-cta-band__actions { display: flex; gap: .75rem; align-items: center; flex-shrink: 0; }

/* --- 15. PAGE HERO --- */
.aq-page-hero { background: var(--aq-surface-lo); padding: 3.5rem 0; border-bottom: 1px solid var(--aq-ghost); }
.aq-page-hero__title { font-family: var(--aq-display); font-size: clamp(1.875rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; max-width: 20ch; margin-bottom: 1rem; }
.aq-page-hero__sub { font-size: 1.0625rem; color: var(--aq-muted); max-width: 55ch; line-height: 1.7; }

/* --- 16. ABOUT --- */
.aq-about__story { display: grid; grid-template-columns: 1.2fr 1fr; gap: 5rem; align-items: start; }
.aq-about__text p { font-size: 1rem; line-height: 1.75; color: var(--aq-muted); margin-bottom: 1rem; }
.aq-about__text p:last-child { margin-bottom: 0; }
.aq-about__text strong { color: var(--aq-text); font-weight: 600; }

.aq-values { display: flex; flex-direction: column; gap: 1.125rem; }
.aq-value { border-left: 3px solid var(--aq-ghost); padding-left: 1.25rem; transition: border-color .2s; }
.aq-value:hover { border-color: var(--aq-cyan); }
.aq-value__title { font-family: var(--aq-display); font-size: .9375rem; font-weight: 700; margin-bottom: .2rem; }
.aq-value__desc { font-size: .875rem; color: var(--aq-muted); line-height: 1.6; }

.aq-coverage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem; margin-top: 2rem; }
.aq-coverage-item {
  background: var(--aq-surface-lo); border-radius: var(--aq-r);
  padding: .875rem 1rem; font-size: .875rem; font-weight: 500;
  display: flex; align-items: center; gap: .5rem;
}
.aq-coverage-item::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--aq-cyan); flex-shrink: 0; }

/* --- 17. CONTACT --- */
.aq-contact__layout { display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: start; }
.aq-contact__info-item { display: flex; align-items: flex-start; gap: 1rem; padding: 1.375rem 0; border-bottom: 1px solid var(--aq-ghost); }
.aq-contact__info-item:last-child { border-bottom: none; }
.aq-contact__info-icon { width: 44px; height: 44px; border-radius: var(--aq-r); background: var(--aq-cyan-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.aq-contact__info-icon svg { width: 20px; height: 20px; fill: var(--aq-cyan-dark); }
.aq-contact__info-kicker { font-family: var(--aq-label); font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--aq-muted); margin-bottom: .25rem; }
.aq-contact__info-value { font-family: var(--aq-display); font-size: 1rem; font-weight: 700; color: var(--aq-text); }
.aq-contact__info-sub { font-size: .8125rem; color: var(--aq-muted); margin-top: .1rem; }

/* --- 18. FORMS --- */
.aq-form { display: flex; flex-direction: column; gap: 1.25rem; }
.aq-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.aq-form-group { display: flex; flex-direction: column; gap: .375rem; }
.aq-form label { font-family: var(--aq-label); font-size: .875rem; font-weight: 500; color: var(--aq-text); }
.aq-form label em { color: var(--aq-cyan-dark); font-style: normal; }

/* Bottom-bar input style per DESIGN.md — box-shadow used for zero layout shift */
.aq-form input,
.aq-form select,
.aq-form textarea {
  font-family: var(--aq-body);
  font-size: .9375rem;
  color: var(--aq-text);
  background: var(--aq-surface-mid);
  border: none;
  border-radius: var(--aq-r-sm);
  padding: .75rem 1rem;
  width: 100%;
  box-shadow: 0 2px 0 transparent;
  transition: box-shadow .15s;
  outline: none;
  appearance: none;
}
.aq-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%234f5f6e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .875rem center;
  background-size: 16px;
  padding-right: 2.5rem;
  cursor: pointer;
  background-color: var(--aq-surface-mid);
}
.aq-form input:focus,
.aq-form select:focus,
.aq-form textarea:focus { box-shadow: 0 2px 0 var(--aq-cyan); }
.aq-form textarea { resize: vertical; min-height: 120px; border-radius: var(--aq-r-sm) var(--aq-r-sm) 0 0; }
.aq-form__hint { font-family: var(--aq-label); font-size: .8rem; color: var(--aq-subtle); }

/* --- 19. CALCULATOR --- */
.aq-calc__layout { display: grid; grid-template-columns: 1fr 360px; gap: 2.5rem; align-items: start; }

/* Steps */
.aq-steps { display: flex; align-items: center; margin-bottom: 2.5rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.aq-steps::-webkit-scrollbar { display: none; }
.aq-step { display: flex; align-items: center; flex-shrink: 0; }
.aq-step__btn { display: flex; align-items: center; gap: .625rem; padding: .5rem .75rem; border: none; background: none; cursor: pointer; font-family: var(--aq-body); }
.aq-step__num {
  width: 28px; height: 28px; border-radius: var(--aq-r-full);
  border: 2px solid var(--aq-ghost); display: flex; align-items: center; justify-content: center;
  font-family: var(--aq-label); font-size: .75rem; font-weight: 700;
  color: var(--aq-muted); background: var(--aq-surface-hi); transition: all .2s; flex-shrink: 0;
}
.aq-step__label { font-size: .8125rem; font-weight: 500; color: var(--aq-muted); white-space: nowrap; }
.aq-step--active .aq-step__num { border-color: var(--aq-cyan); background: var(--aq-cyan); color: var(--aq-navy); }
.aq-step--active .aq-step__label { color: var(--aq-text); font-weight: 600; }
.aq-step--done .aq-step__num { border-color: var(--aq-cyan-dark); background: var(--aq-cyan-light); color: var(--aq-cyan-dark); }
.aq-step__line { width: 28px; height: 1px; background: var(--aq-ghost); flex-shrink: 0; }

/* Panels */
.aq-panel { display: none; }
.aq-panel.is-active { display: block; animation: fadeInUp .3s cubic-bezier(.16,1,.3,1); }
.aq-panel__title { font-family: var(--aq-display); font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .375rem; }
.aq-panel__sub { font-size: .9rem; color: var(--aq-muted); margin-bottom: 1.75rem; }

/* Service options */
.aq-svc-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 2rem; }
.aq-svc-opt {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-xl);
  padding: 1.5rem; cursor: pointer; transition: all .2s; text-align: left;
  font-family: var(--aq-body); border: 2px solid transparent; position: relative;
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-svc-opt:hover { box-shadow: 0 6px 20px rgba(7,24,46,.08); }
.aq-svc-opt.is-selected { background: var(--aq-cyan-light); box-shadow: 0 0 0 2px var(--aq-cyan); }
.aq-svc-opt.is-selected::after {
  content: '';
  position: absolute; top: 1rem; right: 1rem;
  width: 20px; height: 20px; border-radius: var(--aq-r-full);
  background: var(--aq-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3.5 3.5L13 5' stroke='%2307182e' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/14px;
}
.aq-svc-opt__icon { margin-bottom: .875rem; }
.aq-svc-opt__icon svg { width: 30px; height: 30px; fill: var(--aq-cyan-dark); }
.aq-svc-opt__name { font-family: var(--aq-display); font-size: 1rem; font-weight: 700; margin-bottom: .25rem; color: var(--aq-text); }
.aq-svc-opt__desc { font-size: .8125rem; color: var(--aq-muted); line-height: 1.5; }

/* Size options */
.aq-size-opts { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: 2rem; }
.aq-size-opt {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-lg);
  padding: 1.125rem 1.25rem; cursor: pointer; transition: all .2s;
  font-family: var(--aq-body); text-align: left; position: relative;
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-size-opt:hover { box-shadow: 0 6px 20px rgba(7,24,46,.08); }
.aq-size-opt.is-selected { background: var(--aq-cyan-light); box-shadow: 0 0 0 2px var(--aq-cyan); }
.aq-size-opt__name { font-family: var(--aq-display); font-size: .9375rem; font-weight: 700; margin-bottom: .1rem; color: var(--aq-text); }
.aq-size-opt__bags { font-family: var(--aq-label); font-size: .75rem; color: var(--aq-muted); margin-bottom: .5rem; }
.aq-size-opt__price { font-family: var(--aq-display); font-size: 1.125rem; font-weight: 800; color: var(--aq-cyan-dark); }

/* Waste type options */
.aq-waste-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem; margin-bottom: 2rem; }
.aq-waste-opt {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-lg);
  padding: .75rem 1rem; cursor: pointer; transition: all .15s;
  font-family: var(--aq-body); font-size: .8125rem; font-weight: 500;
  text-align: left; color: var(--aq-text);
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-waste-opt:hover { background: var(--aq-cyan-light); }
.aq-waste-opt.is-selected { background: var(--aq-cyan-light); box-shadow: 0 0 0 2px var(--aq-cyan); color: var(--aq-cyan-dark); font-weight: 600; }

/* Permit options */
.aq-permit-opts { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 1.75rem; }
.aq-permit-opt {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-lg);
  padding: 1rem 1.25rem; cursor: pointer; transition: all .15s;
  display: flex; align-items: flex-start; gap: .875rem;
  font-family: var(--aq-body); text-align: left;
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-permit-opt:hover { box-shadow: 0 4px 16px rgba(7,24,46,.07); }
.aq-permit-opt.is-selected { background: var(--aq-cyan-light); box-shadow: 0 0 0 2px var(--aq-cyan); }
.aq-permit-opt__radio { width: 18px; height: 18px; border-radius: var(--aq-r-full); border: 2px solid var(--aq-ghost); flex-shrink: 0; margin-top: 1px; position: relative; transition: border-color .15s; }
.aq-permit-opt.is-selected .aq-permit-opt__radio { border-color: var(--aq-cyan); }
.aq-permit-opt.is-selected .aq-permit-opt__radio::after { content: ''; position: absolute; inset: 3px; border-radius: var(--aq-r-full); background: var(--aq-cyan); }
.aq-permit-opt__label { font-family: var(--aq-display); font-size: .875rem; font-weight: 700; color: var(--aq-text); margin-bottom: .15rem; }
.aq-permit-opt__desc { font-size: .8125rem; color: var(--aq-muted); }

/* Add-ons */
.aq-addons { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.75rem; }
.aq-addon {
  background: var(--aq-surface-hi); border-radius: var(--aq-r-lg);
  padding: .875rem 1rem; cursor: pointer; transition: all .15s;
  display: flex; align-items: center; gap: .875rem;
  font-family: var(--aq-body);
  box-shadow: 0 1px 0 var(--aq-ghost);
}
.aq-addon:hover { box-shadow: 0 4px 16px rgba(7,24,46,.07); }
.aq-addon.is-selected { background: var(--aq-cyan-light); box-shadow: 0 0 0 2px var(--aq-cyan); }
.aq-addon__check { width: 18px; height: 18px; border-radius: 5px; border: 2px solid var(--aq-ghost); flex-shrink: 0; transition: all .15s; display: flex; align-items: center; justify-content: center; }
.aq-addon.is-selected .aq-addon__check { border-color: var(--aq-cyan); background: var(--aq-cyan); }
.aq-addon.is-selected .aq-addon__check::after { content: ''; width: 10px; height: 6px; border-left: 2px solid var(--aq-navy); border-bottom: 2px solid var(--aq-navy); transform: rotate(-45deg) translateY(-1px); display: block; }
.aq-addon__info { flex: 1; display: flex; align-items: center; justify-content: space-between; }
.aq-addon__name { font-size: .875rem; font-weight: 500; color: var(--aq-text); }
.aq-addon__price { font-family: var(--aq-display); font-size: .875rem; font-weight: 700; color: var(--aq-cyan-dark); }

/* Hire days */
.aq-days-row { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.75rem; flex-wrap: wrap; }
.aq-days-label { font-family: var(--aq-label); font-size: .875rem; color: var(--aq-muted); }
.aq-days-ctrl { display: flex; align-items: center; gap: .375rem; background: var(--aq-surface-mid); border-radius: var(--aq-r); padding: .25rem; }
.aq-days-btn { width: 32px; height: 32px; border: none; background: none; cursor: pointer; border-radius: var(--aq-r-sm); font-size: 1rem; font-weight: 700; color: var(--aq-text); display: flex; align-items: center; justify-content: center; font-family: var(--aq-body); transition: background .15s; line-height: 1; }
.aq-days-btn:hover { background: var(--aq-surface-lo); }
.aq-days-val { font-family: var(--aq-display); font-size: 1rem; font-weight: 700; width: 36px; text-align: center; }
.aq-days-extra { font-family: var(--aq-label); font-size: .8125rem; color: var(--aq-muted); }

/* Panel navigation */
.aq-panel-nav { display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem; border-top: 1px solid var(--aq-ghost); margin-top: 1.5rem; }
.aq-back-btn { background: none; border: none; cursor: pointer; font-family: var(--aq-body); font-size: .875rem; font-weight: 500; color: var(--aq-muted); display: flex; align-items: center; gap: .375rem; padding: .5rem 0; transition: color .15s; }
.aq-back-btn:hover { color: var(--aq-text); }
.aq-back-btn svg { width: 14px; height: 14px; fill: currentColor; }

/* Summary sidebar */
.aq-summary { border-radius: var(--aq-r-xl); overflow: hidden; position: sticky; top: 90px; box-shadow: 0 4px 24px rgba(7,24,46,.1); }
.aq-summary__head { background: var(--aq-navy); color: #fff; padding: 1.5rem; }
.aq-summary__kicker { font-family: var(--aq-label); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.38); margin-bottom: .5rem; }
.aq-summary__price { font-family: var(--aq-display); font-size: 2.75rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.aq-summary__note { font-family: var(--aq-label); font-size: .78rem; color: rgba(255,255,255,.32); margin-top: .5rem; }
.aq-summary__body { padding: 1.25rem 1.5rem; background: var(--aq-surface-hi); }
.aq-summary__row { display: flex; align-items: center; justify-content: space-between; padding: .625rem 0; border-bottom: 1px solid var(--aq-ghost); font-size: .875rem; }
.aq-summary__row:last-of-type { border-bottom: none; }
.aq-summary__row .lbl { color: var(--aq-muted); font-family: var(--aq-label); }
.aq-summary__row .val { font-family: var(--aq-display); font-weight: 700; color: var(--aq-text); }
.aq-summary__row .val.cyan { color: var(--aq-cyan-dark); }
.aq-summary__foot { padding: 1rem 1.5rem; background: var(--aq-surface-lo); }
.aq-summary__total { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.aq-summary__total .lbl { font-family: var(--aq-label); font-size: .875rem; font-weight: 600; }
.aq-summary__total .total { font-family: var(--aq-display); font-size: 1.625rem; font-weight: 800; letter-spacing: -.03em; color: var(--aq-cyan-dark); }

/* Mobile sticky price bar */
.aq-calc-mobile-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 500;
  background: var(--aq-navy);
  color: #fff;
  padding: .875rem var(--aq-pad);
  box-shadow: 0 -4px 24px rgba(7,24,46,.2);
}
.aq-calc-mobile-bar__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; max-width: var(--aq-max-w); margin: 0 auto; }
.aq-calc-mobile-bar__price-label { font-family: var(--aq-label); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.45); margin-bottom: .1rem; }
.aq-calc-mobile-bar__price { font-family: var(--aq-display); font-size: 1.5rem; font-weight: 800; letter-spacing: -.03em; color: var(--aq-cyan); }

/* --- 20. ANIMATIONS --- */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

/* --- 21. RESPONSIVE --- */
@media (max-width: 1024px) {
  .aq-hero__inner { grid-template-columns: 1fr; padding: 4rem 0 3.5rem; }
  .aq-hero-card { display: none; }
  .aq-services__grid { grid-template-columns: 1fr; }
  .aq-why__grid { grid-template-columns: 1fr; gap: 3rem; }
  .aq-why__stats { grid-template-columns: repeat(4, 1fr); }
  .aq-about__story { grid-template-columns: 1fr; gap: 3rem; }
  .aq-contact__layout { grid-template-columns: 1fr; gap: 3rem; }
  .aq-calc__layout { grid-template-columns: 1fr; }
  .aq-summary { position: static; }
  .aq-calc-mobile-bar { display: block; }
  .aq-footer__grid { grid-template-columns: 1fr 1fr; }
  .aq-waste-grid { grid-template-columns: repeat(3, 1fr); }
  .aq-cta-band__inner { grid-template-columns: 1fr; gap: 1.75rem; }
}

@media (max-width: 768px) {
  :root { --aq-pad: 1rem; }
  .aq-section { padding: 3rem 0; }

  /* Hide desktop nav elements */
  .aq-header-nav { display: none; }
  .aq-header__phone { display: none; }
  .aq-hamburger { display: flex; }

  /* Trust bar */
  .aq-trust__grid { grid-template-columns: 1fr 1fr; }
  .aq-trust__item { border-right: none; border-bottom: 1px solid var(--aq-ghost); }
  .aq-trust__item:nth-child(odd) { border-right: 1px solid var(--aq-ghost); }
  .aq-trust__item:nth-child(3),
  .aq-trust__item:nth-child(4) { border-bottom: none; }

  /* Footer */
  .aq-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .aq-footer__bottom { flex-direction: column; text-align: center; }

  /* Content grids */
  .aq-waste-grid { grid-template-columns: 1fr 1fr; }
  .aq-coverage-grid { grid-template-columns: 1fr 1fr; }
  .aq-form-row { grid-template-columns: 1fr; }
  .aq-why__stats { grid-template-columns: 1fr 1fr; }
  .aq-skips__header { flex-direction: column; align-items: flex-start; }
  .aq-cta-band__actions { flex-wrap: wrap; justify-content: center; }
  .aq-cta-band__inner { text-align: center; }

  /* Calculator: hide step labels, show only numbers */
  .aq-step__label { display: none; }
  .aq-step__btn { padding: .5rem .4rem; }
  .aq-step__line { width: 18px; }
  .aq-svc-opts { grid-template-columns: 1fr; }
  .aq-size-opts { grid-template-columns: 1fr 1fr; }
  .aq-waste-opts { grid-template-columns: 1fr 1fr; }

  /* Add bottom padding for fixed price bar */
  .aq-section--surface { padding-bottom: calc(3rem + 80px); }
}

@media (max-width: 480px) {
  .aq-trust__grid { grid-template-columns: 1fr; }
  .aq-trust__item { border-right: none !important; }
  .aq-trust__item:last-child { border-bottom: none; }
  .aq-waste-grid { grid-template-columns: 1fr 1fr; }
  .aq-coverage-grid { grid-template-columns: 1fr; }
  .aq-waste-opts { grid-template-columns: 1fr; }
  .aq-size-opts { grid-template-columns: 1fr; }
  .aq-cta-band__actions { flex-direction: column; width: 100%; }
  .aq-cta-band__actions .aq-btn { width: 100%; }

  /* Small screens: hide quote btn to avoid crowding */
  .aq-header__right .aq-btn { display: none; }
}