/* ========================================================================
   EcomElevate — Main Stylesheet
   ======================================================================== */
:root {
  --logo-box-height: 64px;
  --logo-img-height: 50px;
}

/* ==========================================================================
   BRAND WATERMARK — oversized logo mark behind hero/dark-section text
   ========================================================================== */

.ee-watermark {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background-image: url('/assets/E-logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.28;
  filter: invert(48%) sepia(94%) saturate(1955%) hue-rotate(1deg) brightness(103%) contrast(105%);
}

/* Variant: centered PPC-style heroes — bottom-left, cropped off the edge */
.ee-watermark--corner {
  width: 640px;
  height: 640px;
  left: -140px;
  bottom: -160px;
  transform: rotate(-6deg);
}

/* Variant: two-column homepage hero — sits behind the left text block */
.ee-watermark--side {
  width: 520px;
  height: 520px;
  left: -120px;
  top: 50%;
  transform: translateY(-50%) rotate(-4deg);
}

@media (max-width: 860px) {
  .ee-watermark--corner { width: 380px; height: 380px; left: -100px; bottom: -100px; }
  .ee-watermark--side   { display: none; } /* content stacks on mobile, watermark would collide */
}









body {
  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-white);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
}

.ee-container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--space-3);
}

.ee-section { padding: var(--space-7) 0; }
.ee-section__title { font-size: var(--fs-2xl); text-align: center; max-width: 760px; margin: 0 auto var(--space-2); }
.ee-section__subtitle { text-align: center; color: var(--color-text-muted); max-width: 620px; margin: 0 auto var(--space-5); font-size: var(--fs-sm); line-height: 1.75; }

.ee-eyebrow {
  display: inline-block;
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: var(--fs-xs);
  margin-bottom: var(--space-1);
}
.ee-eyebrow--center { display: block; text-align: center; }

/* ---------- Buttons ---------- */
.ee-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.9rem 1.8rem;
  border-radius: var(--radius-pill);
  font-weight: 600;
  font-size: var(--fs-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
  white-space: nowrap;
}
.ee-btn--primary {
  background: var(--gradient-primary);
  color: var(--color-black);
  box-shadow: 0 10px 25px rgba(255, 138, 0, 0.35);
}
.ee-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(255, 138, 0, 0.45); }
.ee-btn--outline {
  background: transparent;
  border: 1.5px solid var(--color-black);
  color: var(--color-black);
}
.ee-btn--outline:hover { background: var(--color-black); color: var(--color-white); }
.ee-btn--wide { width: 100%; }

/* ---------- Placeholders (swap for real assets) ---------- */
.ee-img-placeholder {
  background: repeating-linear-gradient(45deg, #f1f1f1, #f1f1f1 10px, #e9e9e9 10px, #e9e9e9 20px);
  border: 1px dashed #cfcfcf;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9a9a9a;
  font-size: var(--fs-sm);
  font-weight: 600;
  min-height: 220px;
  width: 100%;
}
.ee-logo__placeholder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--gradient-primary);
  color: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 800;
  flex-shrink: 0;
}

/* ---------- Fixed header wrapper (topbar + nav pinned together) ---------- */
#ee-header-include {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
}

/* ---------- Topbar ---------- */
.ee-topbar {
  background: linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 48%, var(--color-primary-light) 100%);
  color: var(--color-black);
  font-size: 0.85rem;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 4px 14px rgba(0, 0, 0, 0.28);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.ee-topbar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.09) 0 2px, transparent 2px 16px);
  pointer-events: none;
}
.ee-topbar__inner { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 0.45rem 0; }
.ee-topbar__hours { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; letter-spacing: 0.01em; }
.ee-topbar__contact { display: flex; align-items: center; }
.ee-topbar__contact a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-black);
  font-weight: 700;
  padding: 0.35rem 0.8rem;
  border-radius: var(--radius-pill);
  transition: background var(--transition-base), opacity var(--transition-base);
}
.ee-topbar__contact a:hover { background: rgba(10, 10, 10, 0.12); opacity: 0.85; }
.ee-topbar__divider { margin: 0 0.5rem; opacity: 0.4; }

/* ---------- Header / Nav ---------- */
/* Semi-transparent + blurred since the header sits fixed above scrolling
   page content (glass-nav treatment, similar to quadrazon.com's fixed bar). */
.ee-header {
  position: relative;
  background:
    radial-gradient(560px 260px at 6% 20%, rgba(var(--color-primary-rgb), 0.16), transparent 70%),
    linear-gradient(150deg, rgba(20, 20, 20, 0.92) 0%, rgba(13, 13, 13, 0.94) 55%, rgba(5, 5, 5, 0.96) 100%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--color-border-dark);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

/* Thin brand-gradient accent line separating header from page content */
.ee-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--color-primary) 50%, transparent 100%);
  opacity: 0.6;
  z-index: 2;
}

.ee-header__inner { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--space-5); padding: 0.55rem 1.5rem; min-height: 76px; }
.ee-logo { display: flex; align-items: center; gap: 0.7rem; margin-right: auto; height: 100%; }
.ee-logo__box {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  height: var(--logo-box-height, 56px);
  flex-shrink: 0;
}
.ee-logo__img {height: 104px;
  width: 250px;
  margin-bottom: 0;
  object-fit: contain;
  flex-shrink: 0;
}
.ee-logo__text { font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; color: var(--color-white); letter-spacing: 0.01em; white-space: nowrap; }
.ee-logo__text span { color: var(--color-primary); }

.ee-nav__list { display: flex; align-items: center; gap: 1.6rem; flex-wrap: nowrap; }
.ee-nav__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--color-white);
  padding: 0.55rem 0;
  white-space: nowrap;
  transition: color var(--transition-base);
}
.ee-nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.35rem;
  height: 2px;
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition-base);
}
.ee-nav__link:hover { color: var(--color-primary); }
.ee-nav__link:hover::after,
.ee-has-mega[data-open="true"] .ee-nav__link::after { transform: scaleX(1); }
.ee-caret { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-top: -3px; transition: transform var(--transition-base); }
.ee-has-mega[data-open="true"] .ee-caret { transform: rotate(-135deg); margin-top: 2px; }

.ee-has-mega { position: relative; }
.ee-mega {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-primary);
  border-radius: var(--radius-md);
  box-shadow: 0 26px 50px rgba(0, 0, 0, 0.22);
  padding: var(--space-4);
  display: grid;
  grid-template-columns: repeat(4, 200px);
  gap: var(--space-3);
  opacity: 0;
  visibility: hidden;
  translate: 0 8px;
  transition: opacity var(--transition-base), translate var(--transition-base), visibility var(--transition-base);
  z-index: 50;
}
.ee-mega--simple { grid-template-columns: 220px; }
.ee-has-mega[data-open="true"] .ee-mega { opacity: 1; visibility: visible; translate: 0 0; }
.ee-mega__col h4 { font-size: var(--fs-sm); margin-bottom: 0.75rem; }
.ee-mega__col h4 a:hover { color: var(--color-primary); }
.ee-mega__col ul li { margin-bottom: 0.5rem; }
.ee-mega__col ul li a { font-size: var(--fs-sm); color: var(--color-text-muted); transition: color var(--transition-base); }
.ee-mega__col ul li a:hover { color: var(--color-primary); }

.ee-header__cta.ee-btn { flex-shrink: 0; padding: 0.7rem 1.7rem; font-size: 0.88rem; }
.ee-burger { display: none; flex-direction: column; gap: 5px; width: 28px; z-index: 1; }
.ee-burger span { display: block; height: 2px; background: var(--color-white); border-radius: 2px; transition: transform var(--transition-base), opacity var(--transition-base); }

/* ---------- Hero ---------- */
.ee-hero,
.ee-ppc-hero {
  background:
    radial-gradient(var(--hero-glow-shape), var(--hero-glow), transparent 55%),
    linear-gradient(165deg, var(--hero-base-start) 0%, var(--hero-base-end) 72%);
}

.ee-hero {
    position: relative; 
  border-radius: 0 0 40px 40px;
  overflow: hidden;
}
.ee-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: var(--space-5);
  align-items: center;
  padding: var(--space-3) 0 var(--space-4);
}

/* Slow-moving ambient glow behind the hero content — a bit of
   professional-feeling motion instead of a flat, static gradient. */
.ee-hero__grid::before {
  content: "";
  position: absolute;
  inset: -15% -8%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(42% 55% at 22% 28%, rgba(var(--color-primary-rgb), 0.32), transparent 60%),
    radial-gradient(38% 50% at 78% 68%, rgba(var(--color-primary-rgb), 0.2), transparent 62%),
    radial-gradient(30% 40% at 55% 12%, rgba(255, 255, 255, 0.05), transparent 65%);
  animation: ee-hero-flow 18s ease-in-out infinite;
  will-change: transform;
}
.ee-hero__content,
.ee-hero__media { position: relative; z-index: 1; }

@keyframes ee-hero-flow {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  33%  { transform: translate(2%, -3%) rotate(3deg) scale(1.05); }
  66%  { transform: translate(-3%, 2%) rotate(-2deg) scale(1.03); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .ee-hero__grid::before { animation: none; }
}
.ee-hero__content h1 { font-size: clamp(1.7rem, 2.3vw, 2.15rem); line-height: 1.28; max-width: 680px; margin-bottom: var(--space-2); color: var(--color-white); }
.ee-hero__content p { color: #e4dfd9; font-size: 0.88rem; line-height: 1.75; margin-bottom: var(--space-3); max-width: 580px; }
.ee-hero__actions { display: flex; align-items: center; gap: var(--space-3); }
.ee-hero__link { font-weight: 600; color: var(--color-white); border-bottom: 2px solid var(--color-primary); padding-bottom: 2px; }
.ee-hero__image { min-height: 300px; border-radius: var(--radius-lg); }
img.ee-hero__image { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Entrance motion for hero content/media — adds presence on load */
.ee-hero__content { animation: ee-hero-rise 0.7s ease both; }
.ee-hero__media { animation: ee-hero-rise 0.8s ease 0.1s both; }
@keyframes ee-hero-rise {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .ee-hero__content, .ee-hero__media { animation: none; }
}

.ee-marquee {
  background: var(--color-white);
  border-top: 1px solid var(--color-border);
  overflow: hidden;
  padding: var(--space-3) 0;
  margin: 0 -9999px;
  padding-left: 9999px;
  padding-right: 9999px;
}
.ee-marquee__track { display: flex; align-items: center; gap: var(--space-6); width: max-content; animation: ee-scroll 26s linear infinite; }
.ee-marquee__track span { display: flex; align-items: center; justify-content: center; height: 52px; width: 130px; flex-shrink: 0; }
.ee-marquee__track img {
  height: 44px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  filter: grayscale(1) opacity(0.55);
  transition: filter var(--transition-base);
}
.ee-marquee:hover .ee-marquee__track { animation-play-state: paused; }
.ee-marquee__track img:hover { filter: grayscale(0) opacity(1); }

.ee-marquee__track img[src*="walmart" i] { height: 118px; }
.ee-marquee__track img[src*="ebay"    i] { height: 100px; }
.ee-marquee__track img[src*="amazon"  i] { height: 100px; }
.ee-marquee__track img[src*="shopify" i] { height: 68px; }
.ee-marquee__track img[src*="etsy"    i] { height: 58px; }

@keyframes ee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Purchase / Why Choose ---------- */
.ee-purchase__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: center; }
.ee-purchase__grid > * { min-width: 0; }
.ee-purchase h2 { font-size: var(--fs-2xl); margin: 0.5rem 0 1rem; }
.ee-purchase h3 { font-size: var(--fs-lg); margin-bottom: 0.75rem; color: var(--color-primary-dark); }
.ee-purchase p { color: var(--color-text-muted); font-size: var(--fs-sm); line-height: 1.75; }
.ee-purchase__media .ee-img-placeholder { min-height: 340px; }
.ee-purchase__media {
  display: block;
  width: 100%;
}
.ee-purchase__media img {
  display: block;
  width: 100%;
  height: 340px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

/* ---------- Why-choose slider (4 rotating slides) ---------- */
.ee-purchase__slider { overflow: hidden; }
.ee-purchase__track { display: flex; transition: transform 0.5s ease; }
.ee-purchase__slide { min-width: 100%; flex: 0 0 100%; }
.ee-purchase__slide h2 span { color: var(--color-primary); }
.ee-purchase__dots { display: flex; gap: 0.5rem; margin-top: var(--space-3); }
.ee-purchase__dots button { width: 9px; height: 9px; border-radius: 50%; background: #e0d9cd; padding: 0; }
.ee-purchase__dots button[aria-current="true"] { background: var(--color-primary); }

/* ---------- Solutions cards ---------- */
.ee-solutions { background: var(--color-black); }
.ee-solutions .ee-section__title { color: var(--color-white); }
.ee-solutions__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); margin-top: var(--space-5); }
.ee-solution-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border-dark);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  transition: border-color var(--transition-base), transform var(--transition-base);
}
.ee-solution-card:hover { border-color: var(--color-primary); transform: translateY(-4px); }
.ee-icon-badge {
  width: 52px; height: 52px;
  border-radius: var(--radius-sm);
  background: var(--gradient-primary);
  color: var(--color-black);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: var(--fs-sm);
  margin-bottom: var(--space-2);
}
.ee-icon-badge--outline {
  background: transparent;
  border: 1.5px solid var(--color-primary);
  color: var(--color-primary);
}
.ee-solution-card h3 { color: var(--color-white); font-size: var(--fs-md); margin-bottom: 0.75rem; }
.ee-solution-card ul li { color: #b6b6b6; font-size: var(--fs-sm); padding-left: 1.1rem; position: relative; margin-bottom: 0.4rem; }
.ee-solution-card ul li::before { content: "→"; position: absolute; left: 0; color: var(--color-primary); }

/* ---------- Callout headline (highlighted band with accent bar) ---------- */
.ee-callout {
  background: var(--color-primary-soft);
  border-left: 6px solid var(--color-primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
}
.ee-callout h2 {
  font-size: var(--fs-xl);
  line-height: 1.3;
  margin: 0;
}
.ee-callout h2 span { color: var(--color-primary); }

@media (max-width: 640px) {
  .ee-callout { padding: var(--space-2) var(--space-3); }
}
.ee-elevate__grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-6); }
.ee-elevate__content h2 { font-size: var(--fs-2xl); margin-bottom: var(--space-2); }
.ee-elevate__content p { color: var(--color-text-muted); margin-bottom: var(--space-2); font-size: var(--fs-sm); line-height: 1.75; }
.ee-elevate__content .ee-btn { margin-top: var(--space-2); }

.ee-elevate__side { display: flex; flex-direction: column; gap: var(--space-2); }
.ee-elevate__card {
  background: var(--gradient-dark);
  color: var(--color-white);
  border-radius: var(--radius-md);
  padding: var(--space-3);
}
.ee-elevate__badge { font-family: var(--font-display); font-weight: 700; color: var(--color-primary-light); margin-bottom: 0.3rem; }
.ee-elevate__verified { font-size: var(--fs-sm); color: #cfcfcf; }
.ee-elevate__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); text-align: center; background: var(--color-off-white); border-radius: var(--radius-md); padding: var(--space-3); }
.ee-elevate__stats strong { display: block; font-family: var(--font-display); font-size: var(--fs-lg); color: var(--color-primary-dark); }
.ee-elevate__stats span { font-size: 0.75rem; color: var(--color-text-muted); }
.ee-elevate__image { min-height: 180px; overflow: hidden; }
.ee-elevate__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  border-radius: var(--radius-md);
}
/* Once a real <img> is inside, drop the dashed placeholder chrome */
.ee-elevate__image:has(img) {
  background: none;
  border: 0;
  padding: 0;
}

/* ---------- Ideal store / progress ---------- */
.ee-ideal-store { background: var(--color-off-white); }
.ee-ideal-store__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: center; }

/* Right-hand column: image stacked above the progress bars */
.ee-ideal-store__side { display: flex; flex-direction: column; gap: var(--space-4); }
.ee-ideal-store__image img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}
@media (max-width: 640px) {
  .ee-ideal-store__image img { height: 200px; }
}
.ee-ideal-store h2 { font-size: var(--fs-2xl); margin-bottom: var(--space-2); }
.ee-ideal-store p { color: var(--color-text-muted); margin-bottom: var(--space-2); font-size: var(--fs-sm); line-height: 1.75; }

.ee-progress-list { display: flex; flex-direction: column; gap: var(--space-3); }
.ee-progress__label { display: flex; justify-content: space-between; font-weight: 600; margin-bottom: 0.5rem; }
.ee-progress__num { color: var(--color-primary-dark); }
.ee-progress__track { height: 10px; background: #e8e3db; border-radius: var(--radius-pill); overflow: hidden; }
.ee-progress__fill { height: 100%; width: 0%; background: var(--gradient-primary); border-radius: var(--radius-pill); transition: width 1.2s ease; }

/* ---------- Strategies ---------- */
.ee-strategies__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); }
.ee-strategy-card { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); transition: box-shadow var(--transition-base), transform var(--transition-base); }
.ee-strategy-card:hover { box-shadow: var(--shadow-card); transform: translateY(-4px); }
.ee-strategy-card h3 { font-size: var(--fs-md); margin-bottom: 0.5rem; }
.ee-strategy-card p { color: var(--color-text-muted); font-size: var(--fs-sm); line-height: 1.75; }

/* ---------- Industries ---------- */
.ee-industries { background: var(--color-black); text-align: center; }
.ee-industries .ee-section__title { color: var(--color-white); }
.ee-industries__text { max-width: 900px; margin: 0 auto; color: #b6b6b6; }

/* ---------- Proof stats ---------- */
.ee-proof__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-3); text-align: center; margin-top: var(--space-5); }
.ee-proof-card { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4) var(--space-2); }
.ee-counter { display: block; font-family: var(--font-display); font-size: var(--fs-2xl); color: var(--color-primary-dark); margin-bottom: 0.4rem; }
.ee-proof-card span { color: var(--color-text-muted); font-size: var(--fs-sm); }

/* ---------- Testimonials ---------- */
.ee-testimonials { background: var(--color-off-white); }
.ee-testimonial-slider { max-width: 720px; margin: 0 auto; overflow: hidden; }
.ee-testimonial-track { display: flex; transition: transform 0.5s ease; }
.ee-testimonial {
  min-width: 100%;
  background: var(--color-white);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  text-align: center;
  box-shadow: var(--shadow-card);
}
.ee-testimonial p { font-size: var(--fs-lg); font-family: var(--font-display); font-weight: 500; color: var(--color-black); margin-bottom: var(--space-2); }
.ee-testimonial cite { color: var(--color-primary-dark); font-style: normal; font-weight: 600; font-size: var(--fs-sm); }
.ee-testimonial-dots { display: flex; justify-content: center; gap: 0.5rem; margin-top: var(--space-3); }
.ee-testimonial-dots button { width: 9px; height: 9px; border-radius: 50%; background: #e0d9cd; }
.ee-testimonial-dots button[aria-current="true"] { background: var(--color-primary); }

/* ---------- Brand logos ---------- */
.ee-brands__grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-6) var(--space-5); }
.ee-brands__grid img {
  height: 50px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  filter: grayscale(1) opacity(0.6);
  transition: filter var(--transition-base), transform var(--transition-base);
}
.ee-brands__grid img:hover { filter: grayscale(0) opacity(1); transform: translateY(-2px); }
.ee-brands__grid img[src*="protection" i] { height: 72px; }
.ee-brands__grid img[src*="accu"       i] { height: 66px; }
.ee-brands__grid img[src*="nitecore"   i] { height: 66px; }
.ee-brands__grid img[src*="olight"     i] { height: 66px; }
.ee-brands__grid img[src*="fidlock"    i] { height: 60px; }
.ee-brands__grid img[src*="leupold"    i] { height: 58px; }

/* ---------- Brand logos — infinite scroll variant ----------
   Wrap the existing .ee-brands__grid in .ee-brands__viewport and
   duplicate the logos once in the HTML for a seamless loop.
   Reuses the same @keyframes ee-scroll defined for the nav marquee. */
.ee-brands__viewport {
  overflow: hidden;
  margin: 0 -9999px;
  padding: var(--space-2) 9999px;
}
.ee-brands__viewport .ee-brands__grid {
  flex-wrap: nowrap;
  width: max-content;
  animation: ee-scroll 28s linear infinite;
}
.ee-brands__viewport:hover .ee-brands__grid { animation-play-state: paused; }

/* ---------- Case study ---------- */
.ee-case-study { background: var(--color-off-white); }
.ee-case-study__grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-6); }
.ee-case-study__content h2 { font-size: var(--fs-2xl); margin-bottom: var(--space-2); }
.ee-case-study__content p { color: var(--color-text-muted); margin-bottom: var(--space-3); }
.ee-case-study__card { background: var(--color-white); border-radius: var(--radius-md); padding: var(--space-4); box-shadow: var(--shadow-card); }
.ee-case-study__logo { margin-bottom: var(--space-2); }
.ee-case-study__stats { display: flex; gap: var(--space-4); margin-bottom: var(--space-2); }
.ee-case-study__stats strong { display: block; font-family: var(--font-display); font-size: var(--fs-xl); color: var(--color-primary-dark); }
.ee-case-study__stats span { font-size: 0.75rem; color: var(--color-text-muted); }
.ee-case-study__card p { color: var(--color-text-muted); font-size: var(--fs-sm); margin-bottom: var(--space-2); }
.ee-case-study__readmore { color: var(--color-primary-dark); font-weight: 600; font-size: var(--fs-sm); display: inline-block; margin-bottom: var(--space-3); }
.ee-case-study__meta { display: flex; justify-content: space-between; border-top: 1px solid var(--color-border); padding-top: var(--space-2); font-size: var(--fs-sm); }
.ee-case-study__meta h5 { font-size: var(--fs-xs); text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 0.4rem; }

/* ---------- Blog ---------- */
.ee-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
.ee-blog-card__image { min-height: 180px; margin-bottom: var(--space-2); }
.ee-blog-card h3 { font-size: var(--fs-md); margin-bottom: 0.5rem; }
.ee-blog-card p { color: var(--color-text-muted); font-size: var(--fs-sm); margin-bottom: 0.6rem; }
.ee-blog-card a { color: var(--color-primary-dark); font-weight: 600; font-size: var(--fs-sm); }

/* ---------- Consultation form ---------- */
.ee-consult { background: var(--color-black); }
.ee-consult__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: var(--space-6); align-items: start; }
.ee-consult__content h2 { color: var(--color-white); font-size: var(--fs-2xl); margin: 0.4rem 0 1rem; }
.ee-consult__content p { color: #b6b6b6; font-size: var(--fs-sm); line-height: 1.75; }
.ee-consult__form { background: var(--color-white); border-radius: var(--radius-md); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.ee-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
.ee-consult__form input, .ee-consult__form textarea {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 0.8rem 1rem;
  font-size: var(--fs-sm);
  width: 100%;
}
.ee-consult__form input:focus, .ee-consult__form textarea:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; }

/* ---------- FAQ ---------- */
.ee-faq__head {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: var(--space-4);
  align-items: start;
  margin-bottom: var(--space-5);
}
.ee-faq__head h2 { font-size: var(--fs-2xl); margin: 0.4rem 0 1rem; }
.ee-faq__head p  { color: var(--color-text-muted); font-size: var(--fs-sm); line-height: 1.75; }

.ee-faq__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-2);
}

.ee-badge-chip {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 0.6rem 1rem;
  font-size: var(--fs-xs);
  font-weight: 600;
  text-align: center;
}

.ee-badge-chip:has(img) {
  flex: 0 0 auto;
  width: 108px;
  height: 108px;
  border: 0;
  padding: 0;
}
.ee-badge-chip img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.ee-accordion__item { border-bottom: 1px solid var(--color-border); }

/* ---------- Final CTA ---------- */
.ee-final-cta { background: var(--gradient-primary); text-align: center; padding: var(--space-6) 0; }
.ee-final-cta__inner { max-width: 700px; margin: 0 auto; }
.ee-final-cta h2 { font-size: var(--fs-2xl); margin-bottom: var(--space-2); }

/* ---------- Footer ---------- */
.ee-footer {
  position: relative;
  overflow: hidden;
  background: var(--color-black);
  color: #b6b6b6;
  padding-top: calc(var(--space-6) + var(--cta-overlap));
  isolation: isolate;
}

/* Animated grid-line backdrop (white/orange, footer-only) */
.ee-footer::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(var(--color-primary-rgb), 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 42px 42px, 42px 42px;
  background-position: 0 0, 0 0;
  mask-image: radial-gradient(120% 100% at 50% 0%, #000 40%, transparent 95%);
  -webkit-mask-image: radial-gradient(120% 100% at 50% 0%, #000 40%, transparent 95%);
  animation: ee-footer-grid-drift 22s linear infinite;
}

/* Soft roaming orange glow line to give the grid depth */
.ee-footer::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -10%;
  width: 55%;
  height: 140%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 40%, rgba(var(--color-primary-rgb), 0.16) 50%, transparent 60%);
  animation: ee-footer-glow-sweep 12s ease-in-out infinite;
}

@keyframes ee-footer-grid-drift {
  from { background-position: 0 0, 0 0; }
  to   { background-position: 42px 42px, -42px 42px; }
}

@keyframes ee-footer-glow-sweep {
  0%, 100% { transform: translateX(0); opacity: 0.7; }
  50%      { transform: translateX(160%); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .ee-footer::before, .ee-footer::after { animation: none; }
}

.ee-footer__top,
.ee-footer__bottom {
  position: relative;
  z-index: 1;
}

.ee-footer__top {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: var(--space-4) var(--space-4);
  padding-bottom: var(--space-5);
  align-items: start;
}

.ee-footer__brand { max-width: 320px; padding-right: var(--space-3); }
.ee-footer__col { min-width: 0; }
.ee-footer__brand p { font-size: var(--fs-sm); margin: var(--space-2) 0 var(--space-3); line-height: 1.75; color: #a6a6a6; }
.ee-logo--footer .ee-logo__text { color: var(--color-white); }
.ee-logo--footer .ee-logo__img { height: 48px; width: auto; max-width: 170px; object-fit: contain; }
.ee-footer__social { display: flex; gap: 0.75rem; }
.ee-footer__social a {
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid var(--color-border-dark);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.95rem; font-weight: 700;
  color: #d8d8d8;
  transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
}
.ee-footer__social a:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-black); transform: translateY(-2px); }
.ee-footer__col h4 {
  color: var(--color-white);
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: var(--space-3);
  padding-bottom: 0.7rem;
  border-bottom: 1px solid var(--color-border-dark);
}
.ee-footer__col ul li { margin-bottom: 0.75rem; }
.ee-footer__col ul li a { font-size: var(--fs-sm); color: #b6b6b6; transition: color var(--transition-base), padding-left var(--transition-base); }
.ee-footer__col ul li a:hover { color: var(--color-primary); padding-left: 0.25rem; }

.ee-footer__newsletter {
  max-width: 560px;
  margin: 0 auto;
  padding: var(--space-4) 0 var(--space-5);
  border-top: 1px solid var(--color-border-dark);
  text-align: center;
}
.ee-footer__newsletter h4 {
  color: var(--color-white);
  font-size: var(--fs-md);
  font-weight: 700;
  margin-bottom: var(--space-3);
}
.ee-newsletter-form { display: flex; align-items: center; gap: 0.75rem; width: 100%; }
.ee-newsletter-form input { flex: 1; border: 1px solid var(--color-border-dark); background: var(--color-surface); color: var(--color-white); border-radius: var(--radius-pill); padding: 0.85rem 1.2rem; font-size: var(--fs-sm); }
.ee-newsletter-form input:focus { outline: none; border-color: var(--color-primary); }
.ee-newsletter-form .ee-btn { flex-shrink: 0; border-radius: var(--radius-pill); padding: 0.85rem 1.8rem; }
.ee-footer__bottom { border-top: 1px solid var(--color-border-dark); padding: var(--space-2) 0; text-align: center; font-size: var(--fs-xs); color: #8a8a8a; }

/* ========================================================================
   Responsive
   ======================================================================== */

@media (max-width: 1100px) {
  .ee-nav { display: none; }
  .ee-burger { display: flex; }
  .ee-solutions__grid, .ee-strategies__grid, .ee-proof__grid, .ee-brands__grid, .ee-blog__grid { grid-template-columns: repeat(2, 1fr); }
  .ee-footer__top { grid-template-columns: repeat(2, 1fr); }
  .ee-footer__brand { grid-column: 1 / -1; max-width: 100%; padding-right: 0; }
}
@media (max-width: 640px) {
  :root {
    --cta-overlap: 60px;
    --logo-box-height: 64px;
    --logo-img-height: 34px;
  }
  .ee-cta__box { padding: 28px 22px; }
}

@media (max-width: 860px) {
  .ee-hero__grid, .ee-purchase__grid, .ee-elevate__grid, .ee-ideal-store__grid, .ee-case-study__grid, .ee-consult__grid {
    grid-template-columns: 1fr;
  }
  .ee-purchase__media { order: -1; }
  .ee-faq__head { grid-template-columns: 1fr; }
  .ee-form-row { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .ee-topbar__hours { display: none; }
  .ee-hero__content h1 { font-size: var(--fs-xl); }
  .ee-solutions__grid, .ee-strategies__grid, .ee-proof__grid, .ee-brands__grid, .ee-blog__grid { grid-template-columns: 1fr; }
  .ee-footer__top { grid-template-columns: 1fr; }
  .ee-footer__brand { max-width: 100%; }
  .ee-header__cta { display: none; }
  .ee-newsletter-form { flex-direction: column; align-items: stretch; }
  .ee-newsletter-form .ee-btn { width: 100%; }
}

/* ---------- Mobile nav (open state) ---------- */
@media (max-width: 1100px) {
  .ee-nav.ee-nav--open {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-black);
    border-bottom: 1px solid var(--color-border-dark);
    padding: var(--space-2) var(--space-3) var(--space-4);
    max-height: 80vh;
    overflow-y: auto;
  }
  .ee-nav--open .ee-nav__list { flex-direction: column; align-items: flex-start; gap: 0; }
  .ee-nav--open .ee-nav__item { width: 100%; border-bottom: 1px solid var(--color-border-dark); }
  .ee-nav--open .ee-nav__link { width: 100%; justify-content: space-between; padding: 0.9rem 0; }
  .ee-nav--open .ee-mega { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: none; display: none; grid-template-columns: 1fr; padding: 0 0 1rem; }
  .ee-nav--open .ee-has-mega[data-open="true"] .ee-mega { display: grid; }
  .ee-burger.ee-burger--open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .ee-burger.ee-burger--open span:nth-child(2) { opacity: 0; }
  .ee-burger.ee-burger--open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ==========================================================
   PPC HERO SECTION
========================================================== */

.ee-ppc-hero{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:60px 0 55px;
}

.ee-ppc-hero::before{
    content:"";
    position:absolute;
    top:-300px;
    left:50%;
    transform:translateX(-50%);
    width:720px;
    height:720px;
    background:
    radial-gradient(circle,
    rgba(255,138,0,.08) 0%,
    rgba(255,138,0,.03) 45%,
    transparent 72%);
    pointer-events:none;
}

.ee-ppc-hero .ee-container{
    position:relative;
    z-index:2;
}

.ee-ppc-hero h1{
    color:#fff;
    font-size:44px;
    font-weight:800;
    line-height:1.2;
    margin:0 auto 18px;
}

.ee-ppc-hero h1 {
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}
.ee-ppc-hero__content {
  max-width: 1140px;
  margin: 0 auto;
}

@media (min-width: 993px) {
  .ee-ppc-hero h1 { max-width: 44ch; font-size: 42px; }
}

.ee-ppc-hero p{
    color:#d7d7d7;
    font-size:13.5px;
    line-height:1.75;
    max-width:640px;
    margin:0 auto 22px;
}

.ee-ppc-hero .ee-hero__actions{
    display:flex;
    justify-content:center;
}

.ee-ppc-hero .ee-btn{
    padding:15px 36px;
    font-size:15px;
}

@media(max-width:992px){
    .ee-ppc-hero{
        padding:55px 0 50px;
    }
    .ee-ppc-hero h1{
        font-size:38px;
    }
}

@media(max-width:768px){
    .ee-ppc-hero{
        padding:50px 0 45px;
    }
    .ee-ppc-hero h1{
        font-size:32px;
    }
    .ee-ppc-hero p{
        font-size:13.5px;
    }
}

@media(max-width:576px){
    .ee-ppc-hero{
        padding:40px 0 35px;
    }
    .ee-ppc-hero h1{
        font-size:26px;
        line-height:1.25;
    }
}

/* ==========================================================
   PPC ABOUT SECTION
========================================================== */

.ee-ppc-about{
    padding:36px 0 20px;
    background:#fff;
}

.ee-ppc-about__content{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}

.ee-ppc-about__content h2{
    font-size:46px;
    font-weight:700;
    line-height:1.15;
    color:#111;
    margin-bottom:14px;
}

.ee-ppc-about__content p{
    font-size:13.5px;
    line-height:1.75;
    color:#666;
    margin-bottom:10px;
}

.ee-ppc-about__content p:last-child{
    margin-bottom:0;
}

@media(max-width:992px){
.ee-ppc-about{
    padding:40px 0 20px;
}
.ee-ppc-about__content h2{
    font-size:40px;
}
}

@media(max-width:768px){
.ee-ppc-about{
    padding:28px 0 14px;
}
.ee-ppc-about__content h2{
    font-size:26px;
}
.ee-ppc-about__content p{
    font-size:13px;
}
}

@media(max-width:576px){
.ee-ppc-about{
    padding:22px 0 10px;
}
.ee-ppc-about__content h2{
    font-size:22px;
}
.ee-ppc-about__content p{
    font-size:13px;
}
}

/* ==========================================================
   PPC SERVICES
========================================================== */

.ee-ppc-services{
    padding:52px 0;
    background:#fff;
}

.ee-ppc-services__heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 28px;
}

.ee-ppc-services__heading h2{
    font-size:48px;
    font-weight:700;
    color:#111;
    line-height:1.2;
}

.ee-ppc-services__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.ee-ppc-card{
    background:#fff;
    padding:22px 20px;
    border-radius:14px;
    border:1px solid #ececec;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
    transition:.35s;
}

.ee-ppc-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.ee-ppc-card__icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--gradient-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}

.ee-ppc-card__icon::before{
    content:"";
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.ee-ppc-card h3{
    font-size:14px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
}

.ee-card-points{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.ee-card-points p{
    color:#666;
    font-size:13.5px;
    line-height:1.75;
    margin:0;
}

.ee-card-points span{
    display:block;
    color:#666;
    font-size:13.5px;
    line-height:1.75;
}

@media(max-width:992px){
.ee-ppc-services__grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.ee-ppc-services__heading h2{
font-size:36px;
}
.ee-ppc-services__grid{
grid-template-columns:1fr;
}
}

/* ==========================================================
   RESULTS SECTION
========================================================== */

.ee-results{
    padding:52px 0;
    background:#ffffff;
}

.ee-results__heading{
    max-width:760px;
    margin:0 auto 28px;
    text-align:center;
}

.ee-results__heading h2{
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    color:#111;
    margin-bottom:24px;
}

.ee-results__heading p{
    max-width:700px;
    margin:0 auto;
    font-size:13.5px;
    line-height:1.75;
    color:#666;
}

.ee-results__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.ee-result-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    padding:22px 20px;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    transition:all .35s ease;
}

.ee-result-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
    border-color:rgba(255,138,0,.25);
}

.ee-result-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff8a00,#ffb347);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}

.ee-result-icon::before{
    content:"";
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.ee-result-card h3{
    font-size:14px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
    line-height:1.3;
}

.ee-result-card p{
    color:#666;
    font-size:13.5px;
    line-height:1.75;
    margin:0;
}

@media(max-width:992px){
    .ee-results{
        padding:52px 0;
    }
    .ee-results__grid{
        grid-template-columns:repeat(2,1fr);
    }
    .ee-results__heading h2{
        font-size:40px;
    }
}

@media(max-width:768px){
    .ee-results{
        padding:75px 0;
    }
    .ee-results__heading{
        margin-bottom:45px;
    }
    .ee-results__heading h2{
        font-size:34px;
    }
    .ee-results__heading p{
        font-size:13.5px;
    }
    .ee-results__grid{
        grid-template-columns:1fr;
        gap:22px;
    }
    .ee-result-card{
        padding:18px 16px;
    }
    .ee-result-card h3{
        font-size:14px;
    }
}

@media(max-width:576px){
    .ee-results__heading h2{
        font-size:30px;
    }
    .ee-result-icon{
        width:42px;
        height:42px;
    }
    .ee-result-icon img{
        width:30px;
    }
}

/* ==========================================================
   ELEVATE SALES /  WHY SECTION
========================================================== */

.ee-why{
    padding:60px 0;
    background:#fff;
}

.ee-why__heading{
    text-align:center;
    margin-bottom:36px;
}

.ee-why__heading h2{
    font-size:50px;
    font-weight:700;
    line-height:1.15;
    color:#111;
    max-width:800px;
    margin:0 auto;
}

.ee-why__wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:70px;
    align-items:flex-start;
}

.ee-why__list{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.ee-why__item{
    display:flex;
    align-items:center;
    gap:20px;
    cursor:pointer;
}

.ee-number{
    width:32px;
    height:32px;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:15px;
    font-weight:700;
    color:#666;
}

.ee-why__item h3{
    font-size:20px;
    font-weight:700;
    color:#222;
}

.ee-why__item.active{
    border-left:3px solid var(--color-primary);
    padding-left:20px;
}

.ee-why__item.active .ee-number{
    background:var(--color-primary);
    color:#fff;
}

.ee-why__item.active h3{
    color:#d73b00;
}

.ee-why__text{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:35px;
}

.ee-why__image img{
    width:100%;
    border-radius:20px;
    display:block;
}

@media(max-width:992px){
    .ee-why{
        padding:52px 0;
    }
    .ee-why__heading h2{
        font-size:46px;
    }
    .ee-why__wrapper{
        grid-template-columns:1fr;
        gap:60px;
    }
}

@media(max-width:768px){
    .ee-why__heading h2{
        font-size:34px;
    }
    .ee-why__item h3{
        font-size:17px;
    }
}

/* ==========================================================
   SELLER COMPARISON
========================================================== */

.ee-seller-comparison{
    padding:52px 0;
    background:#ffffff;
}

.ee-seller-comparison__heading{
    text-align:center;
    margin-bottom:24px;
}

.ee-seller-comparison__heading h2{
    font-size:56px;
    font-weight:800;
    color:#111;
    line-height:1.15;
}

.ee-seller-comparison__box{
    background:#f5f6f8;
    border-radius:26px;
    padding:35px;
    overflow:hidden;
}

.ee-seller-comparison__box img{
    width:100%;
    display:block;
    border-radius:16px;
}

@media(max-width:992px){
    .ee-seller-comparison{
        padding:52px 0;
    }
    .ee-seller-comparison__heading h2{
        font-size:44px;
    }
}

@media(max-width:768px){
    .ee-seller-comparison__heading h2{
        font-size:34px;
    }
    .ee-seller-comparison__box{
        padding:20px;
    }
}

/* ==========================================================
   SPECIAL PPC SERVICE
========================================================== */

.ee-special__heading{
    max-width: 1180px;
    margin: 0 auto 32px;
}

.ee-special__heading h2{
    font-size: 58px;
    font-weight: 700;
    line-height: 1.15;
    color: #111;
    max-width: 1120px;
    margin-bottom: 28px;
}

.ee-special__heading h2 span{
    color: var(--color-primary);
}

.ee-special__heading p{
    max-width: 980px;
    font-size: 20px;
    line-height: 1.8;
    color: #5f6773;
}

.ee-special__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.ee-special-card{
    display:flex;
    flex-direction:column;
    background:#ffffff;
    border:1px solid #ececec;
    border-radius:16px;
    padding:28px;
    transition:all .35s ease;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.ee-special-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.09);
}

.ee-special-card__icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#fff4e7;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    flex-shrink:0;
}

.ee-special-card__icon::before{
    content:"";
    width:26px;
    height:26px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.ee-special-card h3{
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    color:#111;
    margin-bottom:10px;
    font-family:var(--font-display);
}

.ee-special-card p{
    color:#666;
    font-size:13.5px;
    line-height:1.75;
    margin-bottom:16px;
    font-family:var(--font-body);
}

.ee-special-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--color-primary);
    font-size:13px;
    font-weight:600;
    transition:color .3s ease, gap .3s ease;
}

/* Remove the ::after duplicate arrow — the arrow is already in the HTML text */
.ee-special-link::after{
    content:none;
}

.ee-special-link:hover{
    color:var(--color-primary-dark);
    gap:10px;
}

@media(max-width:992px){
    .ee-special { padding: 70px 0; }
    .ee-special__grid{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }
    .ee-special__heading{
        margin-bottom:28px;
    }
    .ee-special__heading h2{
        font-size:36px;
        line-height:1.2;
    }
    .ee-special__heading p{
        font-size:15px;
        max-width:100%;
    }
}

@media(max-width:768px){
    .ee-special{
        padding:50px 0;
    }
    .ee-special__grid{
        grid-template-columns:1fr;
        gap:16px;
    }
    .ee-special-card{
        padding:22px;
    }
    .ee-special__heading{
        margin-bottom:24px;
    }
    .ee-special__heading h2{
        font-size:28px;
        line-height:1.25;
    }
    .ee-special__heading p{
        font-size:14px;
        line-height:1.75;
        max-width:100%;
    }
}

@media(max-width:576px){
    .ee-special{
        padding:60px 0;
    }
    .ee-special-card{
        padding:26px;
    }
    .ee-special__heading h2{
        font-size:30px;
        line-height:1.25;
    }
    .ee-special-card h3{
        font-size:14px;
    }
}

/* ==========================================================
   TESTIMONIALS
========================================================== */

.ee-testimonials{
    padding:52px 0;
    background:#ffffff;
}

.ee-testimonials__heading{
    max-width:640px;
    margin:0 auto 28px;
    text-align:center;
}

.ee-testimonials__tag{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #ddd;
    border-radius:999px;
    font-size:14px;
    color:var(--color-primary);
    font-weight:600;
    margin-bottom:20px;
}

.ee-testimonials__heading h2{
    font-size:52px;
    font-weight:700;
    line-height:1.2;
    color:#111;
    margin-bottom:12px;
}

.ee-testimonials__heading p{
    max-width:600px;
    margin:0 auto;
    color:#666;
    font-size:13.5px;
    line-height:1.75;
}

.ee-testimonials__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    opacity:1;
    transform:translateX(0);
    transition:opacity .4s ease, transform .4s ease;
}

.ee-testimonials__grid.ee-fade-out{
    opacity:0;
    transform:translateX(20px);
}

.ee-testimonial-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:35px;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    transition:.3s ease;
}

.ee-testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.ee-testimonial-card__quote{
    color:var(--color-primary);
    font-size:60px;
    line-height:1;
    font-weight:700;
    margin-bottom:18px;
}

.ee-testimonial-card p{
    color:#555;
    font-size:16px;
    line-height:1.9;
    margin-bottom:24px;

}

.ee-testimonial-card h4{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:6px;
}

.ee-testimonial-card span{
    color:var(--color-primary);
    font-size:15px;
    font-weight:500;
}

.ee-testimonials__dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:45px;
}

.ee-testimonials__dots span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d8d8d8;
    transition:.3s;
    cursor:pointer;
}

.ee-testimonials__dots span.active{
    background:var(--color-primary);
}

@media(max-width:992px){
    .ee-testimonials{
        padding:52px 0;
    }
    .ee-testimonials__grid{
        grid-template-columns:repeat(2,1fr);
    }
    .ee-testimonials__heading h2{
        font-size:42px;
    }
}

@media(max-width:768px){
    .ee-testimonials__grid{
        grid-template-columns:1fr;
    }
    .ee-testimonials__heading h2{
        font-size:34px;
    }
    .ee-testimonial-card{
        padding:28px;
    }
}

@media(max-width:576px){
    .ee-testimonials{
        padding:60px 0;
    }
    .ee-testimonials__heading h2{
        font-size:30px;
    }
    .ee-testimonials__heading p{
        font-size:13.5px;
    }
}

/* ==========================================================
   FAQ + CONSULTATION SECTION
========================================================== */

.ee-faq{
    padding:52px 0;
    background:#fafafa;
}

.ee-faq__grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:50px;
    align-items:start;
}

.ee-faq__left,
.ee-consultation{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.ee-faq__tag{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #ddd;
    border-radius:999px;
    font-size:14px;
    font-weight:600;
    color:var(--color-primary);
    margin-bottom:20px;
}

.ee-faq__left h2,
.ee-consultation h2{
    font-size:46px;
    font-weight:700;
    line-height:1.2;
    color:#111;
    margin-bottom:20px;
}

.ee-faq__left h2 span,
.ee-consultation h2 span{
    color:var(--color-primary);
}

.ee-consultation p{
    color:#666;
    font-size:16px;
    line-height:1.8;
    margin-bottom:24px;
}

.ee-accordion__item{
    border:1px solid #ededed;
    border-radius:14px;
    margin-bottom:18px;
    overflow:hidden;
    transition:.3s;
}

.ee-accordion__item.active{
    border-color:var(--color-primary);
}

.ee-accordion__header{
    width:100%;
    border:none;
    background:#fff;
    padding:22px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    font-size:17px;
    font-weight:600;
    color:#111;
}

.ee-accordion__header span{
    font-size:24px;
    color:var(--color-primary);
    transition:.3s;
}

.ee-accordion__item.active .ee-accordion__header span{
    transform:rotate(45deg);
}

.ee-accordion__content{
    display:none;
    padding:0 24px 24px;
}

.ee-accordion__item.active .ee-accordion__content{
    display:block;
}

.ee-accordion__content p{
    color:#666;
    font-size:16px;
    line-height:1.9;
}

.ee-consultation{
    border-top:5px solid var(--color-primary);
    position:relative;
}

.ee-form__row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:18px;
}

.ee-consultation input,
.ee-consultation textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:15px;
    font-family:inherit;
    outline:none;
    transition:.3s;
}

.ee-consultation input:focus,
.ee-consultation textarea:focus{
    border-color:var(--color-primary);
}

.ee-consultation textarea{
    resize:none;
    margin-bottom:22px;
}

.ee-checkbox{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:14px;
    color:#666;
    margin-bottom:28px;
}

.ee-checkbox input{
    width:auto;
    margin-top:4px;
}

.ee-consultation .ee-btn{
    padding:16px 38px;
}

@media(max-width:992px){
    .ee-faq{
        padding:52px 0;
    }
    .ee-faq__grid{
        grid-template-columns:1fr;
    }
    .ee-faq__left h2,
    .ee-consultation h2{
        font-size:38px;
    }
}

@media(max-width:768px){
    .ee-form__row{
        grid-template-columns:1fr;
    }
}

@media(max-width:576px){
    .ee-faq{
        padding:60px 0;
    }
    .ee-faq__left,
    .ee-consultation{
        padding:28px;
    }
    .ee-faq__left h2,
    .ee-consultation h2{
        font-size:30px;
    }
}

/* ==========================================================
   CTA SECTION
========================================================== */
.ee-cta{
    position:relative;
    z-index:5;
    padding-top:var(--space-6);
    margin-bottom:calc(var(--cta-overlap) * -1);
}

.ee-cta__box{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    border-radius:16px;
    padding:38px 50px;
    text-align:center;
    box-shadow:0 18px 45px rgba(var(--color-black-rgb), .12);
}
.ee-cta__tag{
    display:inline-block;
    padding:7px 16px;
    border:1px solid #ddd;
    border-radius:30px;
    font-size:12px;
    color:var(--color-primary);
    margin-bottom:18px;
}

.ee-cta__box h2{
    font-size:28px;
    line-height:1.25;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
}

.ee-cta__box h2 span{
    color:var(--color-primary);
}

.ee-cta__box p{
    max-width:470px;
    margin:0 auto 22px;
    font-size:14px;
    color:#666;
    line-height:1.7;
}

.ee-cta .ee-btn{
    padding:13px 28px;
    font-size:14px;
}

/* ==========================================================================
   POST-LAUNCH STRATEGIES — text panes + quote card
   ========================================================================== */

.ee-why__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.ee-why__pane { display: none; }
.ee-why__pane.active {
  display: block;
  animation: ee-pane-in 0.35s ease;
}

.ee-why__pane p {
  color: var(--color-text-muted);
  font-size: var(--fs-md);
  line-height: 1.8;
  margin-bottom: var(--space-3);
}
.ee-why__pane p:last-child { margin-bottom: 0; }

@keyframes ee-pane-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

.ee-why__quote {
  position: relative;
  background: var(--gradient-dark);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-4) var(--space-3);
  color: var(--color-text-invert);
  overflow: hidden;
}

.ee-why__quote::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(var(--color-primary-rgb), 0.18);
  filter: blur(40px);
  pointer-events: none;
}

.ee-why__quote-mark {
  display: block;
  font-size: 2rem;
  line-height: 1;
  color: var(--color-primary);
  margin-bottom: var(--space-2);
}

.ee-why__quote p {
  position: relative;
  z-index: 1;
  font-size: var(--fs-md);
  font-style: italic;
  line-height: 1.7;
  margin-bottom: var(--space-3);
}

.ee-why__quote footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.ee-why__quote footer strong {
  display: block;
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-white);
}

.ee-why__quote footer span {
  font-size: var(--fs-sm);
  color: #a9a9a9;
}

.ee-why__quote-avatar {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gradient-primary);
  object-fit: cover;
}

@media (max-width: 768px) {
  .ee-why__quote { padding: var(--space-3); }
  .ee-why__pane p { font-size: var(--fs-base); }
}

/* ==========================================================================
   SELLER COMPARISON — slider
   ========================================================================== */

.ee-seller-comparison__box {
  position: relative;
  padding: 35px 72px;
}

.ee-seller-comparison__viewport { overflow: hidden; }

.ee-seller-comparison__track {
  display: flex;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.ee-seller-comparison__slide {
  flex: 0 0 100%;
  min-width: 100%;
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: var(--space-4);
  align-items: center;
  background: var(--color-white);
  border-radius: 18px;
  padding: var(--space-4);
}

.ee-seller-comparison__figure img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.ee-seller-comparison__quote {
  position: relative;
  padding-left: var(--space-3);
}

.ee-seller-comparison__quote::before {
  content: "\201C";
  position: absolute;
  top: -46px;
  left: -6px;
  font-family: var(--font-display);
  font-size: 9rem;
  line-height: 1;
  color: rgba(var(--color-black-rgb), 0.06);
  pointer-events: none;
}

.ee-seller-comparison__quote p {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-text);
  margin-bottom: var(--space-3);
}

.ee-seller-comparison__quote h4 {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 0.2rem;
}

.ee-seller-comparison__quote span {
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
}

.ee-seller-comparison__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem;
  line-height: 1;
  color: var(--color-primary);
  background: transparent;
  transition: background var(--transition-base), color var(--transition-base);
}

.ee-seller-comparison__arrow:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.ee-seller-comparison__arrow--prev { left: 10px; }
.ee-seller-comparison__arrow--next { right: 10px; }

.ee-seller-comparison__dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: var(--space-3);
}

.ee-seller-comparison__dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  background: #d3d3d3;
  transition: background var(--transition-base), width var(--transition-base);
}

.ee-seller-comparison__dots button[aria-current] {
  background: var(--color-primary);
  width: 26px;
  border-radius: var(--radius-pill);
}

@media (max-width: 992px) {
  .ee-seller-comparison__slide {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
  .ee-seller-comparison__quote { padding-left: 0; }
  .ee-seller-comparison__quote::before { top: -34px; font-size: 6rem; }
}

@media (max-width: 768px) {
  .ee-seller-comparison__box { padding: 20px 16px 20px; }
  .ee-seller-comparison__slide { padding: var(--space-3); }
  .ee-seller-comparison__quote p { font-size: var(--fs-md); }
  .ee-seller-comparison__arrow {
    width: 36px;
    height: 36px;
    font-size: 1.5rem;
    background: var(--color-white);
    box-shadow: 0 2px 10px rgba(var(--color-black-rgb), 0.15);
  }
  .ee-seller-comparison__arrow--prev { left: 2px; }
  .ee-seller-comparison__arrow--next { right: 2px; }
}

/* ==========================================================
   SECTION HEADING SIZES — all in one place
========================================================== */
.ee-section__title,
.ee-purchase h2,
.ee-elevate__content h2,
.ee-ideal-store h2,
.ee-case-study__content h2,
.ee-consult__content h2,
.ee-faq__head h2,
.ee-final-cta h2,
.ee-ppc-about__content h2,
.ee-ppc-services__heading h2,
.ee-results__heading h2,
.ee-why__heading h2,
.ee-seller-comparison__heading h2,
.ee-special__heading h2,
.ee-testimonials__heading h2,
.ee-faq__left h2,
.ee-consultation h2 {
  font-size: clamp(1.9rem, 3.5vw, 3rem);
}

/* ==========================================================
   ABOUT US PAGE — new components (about-us.html only)
========================================================== */

.ee-about-stats__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--space-3);
    text-align:center;
}

.ee-about-stats__card{
    background:var(--color-white);
    border:1px solid var(--color-border);
    border-radius:var(--radius-md);
    padding:var(--space-4) var(--space-2);
    box-shadow:var(--shadow-card);
}

.ee-about-stats__card .ee-counter{ margin-bottom:0.3rem; }

.ee-about-stats__card span{
    color:var(--color-text-muted);
    font-size:var(--fs-sm);
    text-transform:uppercase;
    letter-spacing:.04em;
}

@media(max-width:768px){
    .ee-about-stats__grid{ grid-template-columns:repeat(2,1fr); }
}

.ee-about-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--space-6);
    align-items:center;
    padding:var(--space-6) 0;
}

.ee-about-split--reverse .ee-about-split__media{ order:2; }
.ee-about-split--reverse .ee-about-split__content{ order:1; }

.ee-about-split__media img{
    width:100%;
    border-radius:var(--radius-lg);
    display:block;
    box-shadow:var(--shadow-soft);
}

.ee-about-split__content h2{
    font-size:var(--fs-2xl);
    margin-bottom:var(--space-2);
}

.ee-about-split__content p{
    color:var(--color-text-muted);
    font-size:var(--fs-md);
    line-height:1.7;
}

@media(max-width:900px){
    .ee-about-split{ grid-template-columns:1fr; gap:var(--space-3); padding:var(--space-4) 0; }
    .ee-about-split--reverse .ee-about-split__media,
    .ee-about-split--reverse .ee-about-split__content{ order:initial; }
}

.ee-about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:var(--space-4) var(--space-5);
}

.ee-about-features--compact{
    grid-template-columns:1fr;
    gap:var(--space-3);
    max-width:760px;
    margin:0 auto;
}

.ee-about-feature{
    display:flex;
    gap:var(--space-2);
    align-items:flex-start;
}

.ee-about-feature .ee-number{
    background:var(--color-primary-soft);
    color:var(--color-primary-dark);
    flex-shrink:0;
}

.ee-about-feature h3{
    font-size:var(--fs-md);
    margin-bottom:0.4rem;
}

.ee-about-feature p{
    color:var(--color-text-muted);
    font-size:var(--fs-sm);
    line-height:1.7;
}

.ee-about-features--compact .ee-about-feature p{ margin-bottom:0; }

@media(max-width:768px){
    .ee-about-features{ grid-template-columns:1fr; }
}

.ee-team__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--space-3);
    text-align:center;
}

.ee-team-card{
    border:1px solid var(--color-border);
    border-radius:var(--radius-md);
    padding:var(--space-4) var(--space-2);
    transition:box-shadow var(--transition-base), transform var(--transition-base);
}

.ee-team-card:hover{ box-shadow:var(--shadow-card); transform:translateY(-4px); }

.ee-team-card__avatar{
    width:88px;
    height:88px;
    border-radius:50%;
    margin:0 auto var(--space-2);
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--gradient-primary);
    color:var(--color-white);
    font-family:var(--font-display);
    font-weight:700;
    font-size:var(--fs-md);
}

.ee-team-card h3{
    font-size:var(--fs-md);
    margin-bottom:0.2rem;
}

.ee-team-card span{
    color:var(--color-text-muted);
    font-size:var(--fs-sm);
}

@media(max-width:900px){
    .ee-team__grid{ grid-template-columns:repeat(2,1fr); }
}

.ee-about-chart{
    background:var(--color-off-white);
}

.ee-about-chart__grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:var(--space-6);
    align-items:center;
}

.ee-about-chart__content h2{
    font-size:var(--fs-2xl);
    margin-bottom:var(--space-2);
}

.ee-about-chart__content p{
    color:var(--color-text-muted);
    margin-bottom:var(--space-3);
    line-height:1.7;
}

.ee-about-chart__media img{
    width:100%;
    border-radius:var(--radius-md);
    display:block;
    box-shadow:var(--shadow-card);
}

@media(max-width:900px){
    .ee-about-chart__grid{ grid-template-columns:1fr; }
    .ee-about-chart__media{ order:-1; }
}

/* ==========================================================
   CONTACT PAGE — two small additions
========================================================== */

.ee-faq__grid--even { align-items: stretch; }

.ee-contact-card {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
}

.ee-contact-card .ee-icon-badge {
  flex: 0 0 auto;
  margin-bottom: 0;
}

/* ==========================================================================
   AUDIT & SUSPENSION — stat icons + numbered offer cards
   ========================================================================== */

.ee-proof--icons .ee-proof-card {
  border: 0;
  padding: var(--space-2);
  transition: transform var(--transition-base);
}

.ee-proof--icons .ee-proof-card:hover { transform: translateY(-6px); }

.ee-proof-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--space-2);
  border-radius: 50%;
  background: var(--color-off-white);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--transition-base), color var(--transition-base);
}

.ee-proof-card:hover .ee-proof-icon {
  background: rgba(var(--color-primary-rgb), 0.14);
  color: var(--color-primary);
}

.ee-counter { transition: color var(--transition-base); }
.ee-proof-card:hover .ee-counter { color: var(--color-primary); }

.ee-result-card { position: relative; }

.ee-card-number {
  position: absolute;
  top: -16px;
  right: -12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-sm);
  color: var(--color-primary);
  transition: background var(--transition-base), color var(--transition-base);
}

.ee-result-card:hover .ee-card-number {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

.ee-result-icon {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.ee-result-card:hover .ee-result-icon {
  transform: scale(1.06);
  box-shadow: 0 0 0 12px rgba(var(--color-primary-rgb), 0.13);
}

.ee-result-card::after {
  content: "";
  position: absolute;
  left: var(--space-3);
  right: var(--space-3);
  bottom: 0;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

.ee-result-card:hover::after { transform: scaleX(1); }

@media (max-width: 1100px) {
  .ee-proof--icons .ee-proof-card { padding: var(--space-2) 0; }
}

@media (max-width: 576px) {
  .ee-proof-icon { width: 54px; height: 54px; }
  .ee-card-number { top: -12px; right: -8px; width: 34px; height: 34px; }
}

/* ==========================================================================
   ICON LIBRARY
   ========================================================================== */

[data-icon]::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: background-color var(--transition-base);
}

.ee-ppc-card__icon      { color: var(--color-white); }
.ee-result-icon         { color: var(--color-white); }
.ee-special-card__icon  { color: var(--color-primary); }
.ee-icon-badge          { color: var(--color-black); }
.ee-icon-badge--outline { color: var(--color-primary); }
.ee-proof-icon          { color: inherit; }

.ee-icon-badge[data-icon]::before { width: 24px; height: 24px; }

[data-icon="alert"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
[data-icon="aperture"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
}
[data-icon="award"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 13.5L17 22l-5-3-5 3 1.5-8.5'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 13.5L17 22l-5-3-5 3 1.5-8.5'/%3E%3C/svg%3E");
}
[data-icon="box"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}
[data-icon="calendar"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
[data-icon="cart"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}
[data-icon="chart"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E");
}
[data-icon="check"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}
[data-icon="clock"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}
[data-icon="code"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");
}
[data-icon="document"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}
[data-icon="dollar"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}
[data-icon="edit"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4z'/%3E%3C/svg%3E");
}
[data-icon="eye"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
[data-icon="flag"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");
}
[data-icon="gear"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}
[data-icon="globe"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}
[data-icon="grid"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}
[data-icon="image"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");
}
[data-icon="layers"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
}
[data-icon="lock"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
[data-icon="mail"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
}
[data-icon="map-pin"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
[data-icon="megaphone"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-5v12L3 13v-2z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.2-3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-5v12L3 13v-2z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.2-3'/%3E%3C/svg%3E");
}
[data-icon="message"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}
[data-icon="monitor"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}
[data-icon="phone"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
[data-icon="play"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E");
}
[data-icon="refresh"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpolyline points='1 20 1 14 7 14'/%3E%3Cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpolyline points='1 20 1 14 7 14'/%3E%3Cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3E%3C/svg%3E");
}
[data-icon="search"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}
[data-icon="shield"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
}
[data-icon="star"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}
[data-icon="tag"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41L13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41L13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
}
[data-icon="target"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}
[data-icon="trending"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");
}
[data-icon="truck"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");
}
[data-icon="type"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 7 4 4 20 4 20 7'/%3E%3Cline x1='9' y1='20' x2='15' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 7 4 4 20 4 20 7'/%3E%3Cline x1='9' y1='20' x2='15' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
[data-icon="users"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
[data-icon="zap"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
}

.ee-seller-comparison__slide {
  min-height: 420px;
}
.ee-seller-comparison__figure img {
  max-height: 360px;
  object-fit: contain;
  width: auto;
  margin-inline: auto;
}

.ee-seller-comparison__slide--media {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}
.ee-seller-comparison__slide--media .ee-seller-comparison__figure {
  max-width: 100%;
  width: 100%;
}
.ee-seller-comparison__slide--media .ee-seller-comparison__figure img {
  max-height: none;
  width: 100%;
}
.ee-seller-comparison__caption {
  max-width: 720px;
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
}

/* ==========================================================================
   BOOTSTRAP ICONS — sizing inside existing icon holders
   The holders (72px circles, 52px chips) were built for 32px CSS-mask icons.
   Bootstrap Icons are a font, so without an explicit font-size they render
   at the browser default (~16px) and look tiny/off-center. This scales them
   back up and centers them the same way the old icons sat.
   ========================================================================== */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 32px;
  line-height: 1;
}

.ee-icon-badge i {
  font-size: 22px;
  line-height: 1;
}

.ee-proof-icon i {
  font-size: 28px;
  line-height: 1;
}

.ee-contact-card .ee-icon-badge i {
  font-size: 20px;
}
/* ==========================================================================
   HERO — floating marketplace badges around the dashboard image
   Lightweight stand-in for a full photo-composite hero: reuses your
   existing nav-logo assets as circular floating badges instead of
   requiring a custom-designed collage graphic.
   ========================================================================== */
.ee-hero__media { position: relative; }
.ee-hero__media img,
.ee-hero__media .ee-img-placeholder { border-radius: var(--radius-lg); }

.ee-hero__badge {
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-white);
  box-shadow: var(--shadow-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  z-index: 2;
}
.ee-hero__badge img { border-radius: 0; height: 100%; width: 100%; object-fit: contain; }

/* Gentle continuous float, as if each marketplace logo is drifting
   around the dashboard — staggered delay/duration per badge so they
   don't move in lockstep. */
.ee-hero__badge {
  animation: ee-badge-float 5s ease-in-out infinite;
}
.ee-hero__badge--amazon  { top: 68px;  left: -18px;width: 75px;  animation-duration: 5.5s; animation-delay: 0s; }
.ee-hero__badge--etsy    { top: 12px;  right: 30px; width: 76px; height: 76px; animation-duration: 6.2s; animation-delay: 0.5s; }
.ee-hero__badge--walmart { top: 40%;    right: -26px; width: 74px;  animation-duration: 4.8s; animation-delay: 1s; }
.ee-hero__badge--tiktok  { bottom: -20px; left: 10%; animation-duration: 5.8s; animation-delay: 1.4s; }
.ee-hero__badge--ebay    { bottom: -24px; right: 20%; width: 70px; height: 70px; animation-duration: 5.2s; animation-delay: 0.8s; }
.ee-hero__badge--shopify { bottom: 20%; left: -22px; width: 70px; animation-duration: 6.5s; animation-delay: 0.3s; }

@keyframes ee-badge-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25%      { transform: translate(3px, -10px) rotate(-3deg); }
  50%      { transform: translate(-2px, -4px) rotate(2deg); }
  75%      { transform: translate(-4px, -12px) rotate(-1deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ee-hero__badge { animation: none; }
}

@media (max-width: 860px) {
  .ee-hero__badge { width: 48px; height: 48px; padding: 7px; }
  .ee-hero__badge--etsy, .ee-hero__badge--ebay { width: 54px; height: 54px; }
}

/* ==========================================================================
   SOLUTIONS CARDS — real icon instead of a text abbreviation
   ========================================================================== */
.ee-solution-card .ee-icon-badge { font-size: 22px; }
.ee-solution-card ul li { display: flex; align-items: flex-start; gap: 0.5rem; padding-left: 0; }
.ee-solution-card ul li::before { content: none; }
.ee-solution-card ul li i { color: var(--color-primary); font-size: 0.9rem; margin-top: 0.2rem; flex-shrink: 0; }

/* ==========================================================================
   STRATEGY CARDS — icon + decorative corner accent (matches reference)
   ========================================================================== */
.ee-strategy-card {
  position: relative;
  overflow: hidden;
}
.ee-strategy-card::after {
  content: "";
  position: absolute;
  top: -34px;
  right: -34px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: var(--color-primary-soft);
  z-index: 0;
}
.ee-strategy-card .ee-icon-badge,
.ee-strategy-card h3,
.ee-strategy-card p {
  position: relative;
  z-index: 1;
}
.ee-strategy-card .ee-icon-badge--outline i { font-size: 22px; }

/* ==========================================================================
   INDUSTRIES — card carousel with icon, description, Learn More + arrows
   ========================================================================== */
.ee-industries-grid { background: var(--color-off-white); }

.ee-industries-carousel { overflow: hidden; margin-top: var(--space-5); }
.ee-industries-carousel__track {
  display: flex;
  gap: var(--space-3);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.ee-industries-carousel__track::-webkit-scrollbar { display: none; }

.ee-industry-card {
  position: relative;
  overflow: hidden;
  flex: 0 0 calc(25% - (var(--space-3) * 3 / 4));
  scroll-snap-align: start;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}
.ee-industry-card:hover { box-shadow: var(--shadow-card); transform: translateY(-4px); }
.ee-industry-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-primary-soft);
  z-index: 0;
}
.ee-industry-card__icon {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: var(--radius-sm);
  background: var(--color-primary-soft);
  color: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: var(--space-2);
}
.ee-industry-card h3 { position: relative; z-index: 1; font-size: var(--fs-md); margin-bottom: 0.5rem; }
.ee-industry-card p {
  position: relative;
  z-index: 1;
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
  margin-bottom: var(--space-2);
}
.ee-industry-card .ee-special-link { position: relative; z-index: 1; font-size: var(--fs-sm); }

.ee-industries-carousel__arrows { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: var(--space-3); }
.ee-industries-carousel__arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-primary-soft);
  color: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transition: background var(--transition-base), color var(--transition-base);
}
.ee-industries-carousel__arrow:hover { background: var(--color-primary); color: var(--color-white); }
.ee-industries-carousel__arrow:disabled { opacity: 0.4; cursor: default; }

@media (max-width: 992px) { .ee-industry-card { flex-basis: calc(50% - (var(--space-3) / 2)); } }
@media (max-width: 640px) { .ee-industry-card { flex-basis: 85%; } }

/* ==========================================================================
   FAQ ACCORDION — two-column grid variant
   Use on standalone FAQ pages where .ee-faq__left spans the full container
   (no .ee-faq__grid sibling). Keeps each question from stretching edge to
   edge. Leave plain .ee-accordion alone anywhere it sits beside a form.
   ========================================================================== */
.ee-accordion--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
}
.ee-accordion--grid .ee-accordion__item { margin-bottom: 0; }

@media (max-width: 768px) {
  .ee-accordion--grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   GLOBAL TEXT REFINEMENT — consistent inner margins & professional sizing
   Non-heading paragraph/list text gets fixed L/R breathing room
   ========================================================================== */
.ee-purchase__content p,
.ee-elevate__content p,
.ee-ideal-store__grid > div:first-child p,
.ee-consult__content p,
.ee-faq__head p,
.ee-cta__box p {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}

.ee-solution-card ul li,
.ee-industry-card p {
  line-height: 1.7;
}

/* ==========================================================================
   SCROLL-REVEAL ANIMATION — cards fade-up on enter
   JS-free version using @keyframes + animation-timeline where supported,
   with a universal CSS fallback that triggers on load.
   ========================================================================== */
@keyframes ee-card-reveal {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ee-solution-card,
.ee-strategy-card,
.ee-industry-card,
.ee-proof-card {
  animation: ee-card-reveal 0.6s ease both;
}

/* Stagger the cards so they cascade in */
.ee-solution-card:nth-child(1),
.ee-strategy-card:nth-child(1),
.ee-proof-card:nth-child(1) { animation-delay: 0.05s; }
.ee-solution-card:nth-child(2),
.ee-strategy-card:nth-child(2),
.ee-proof-card:nth-child(2) { animation-delay: 0.15s; }
.ee-solution-card:nth-child(3),
.ee-strategy-card:nth-child(3),
.ee-proof-card:nth-child(3) { animation-delay: 0.25s; }
.ee-solution-card:nth-child(4),
.ee-strategy-card:nth-child(4),
.ee-proof-card:nth-child(4) { animation-delay: 0.35s; }
.ee-proof-card:nth-child(5) { animation-delay: 0.45s; }

@media (prefers-reduced-motion: reduce) {
  .ee-solution-card,
  .ee-strategy-card,
  .ee-industry-card,
  .ee-proof-card { animation: none; }
}

/* ==========================================================================
   ENHANCED HOVER — Solution Cards (dark bg)
   ========================================================================== */
.ee-solution-card {
  transition: border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}
.ee-solution-card:hover {
  border-color: var(--color-primary);
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(var(--color-primary-rgb), 0.18);
  background: var(--color-surface-alt);
}
.ee-solution-card .ee-icon-badge {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.ee-solution-card:hover .ee-icon-badge {
  transform: scale(1.12) rotate(-4deg);
  box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.35);
}

/* ==========================================================================
   ENHANCED HOVER — Strategy Cards
   ========================================================================== */
.ee-strategy-card {
  transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
}
.ee-strategy-card:hover {
  box-shadow: 0 18px 44px rgba(var(--color-primary-rgb), 0.14);
  transform: translateY(-6px);
  border-color: var(--color-primary-light);
}
.ee-strategy-card .ee-icon-badge--outline {
  transition: background var(--transition-base), color var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
}
.ee-strategy-card:hover .ee-icon-badge--outline {
  background: var(--gradient-primary);
  color: var(--color-black);
  border-color: transparent;
  transform: scale(1.1);
}
.ee-strategy-card::after {
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.ee-strategy-card:hover::after {
  transform: scale(1.5);
  opacity: 0.6;
}

/* ==========================================================================
   ENHANCED HOVER — Industry Cards
   ========================================================================== */
.ee-industry-card {
  transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
}
.ee-industry-card:hover {
  box-shadow: 0 18px 44px rgba(var(--color-primary-rgb), 0.14);
  transform: translateY(-6px);
  border-color: var(--color-primary-light);
}
.ee-industry-card__icon {
  transition: background var(--transition-base), color var(--transition-base), transform var(--transition-base);
}
.ee-industry-card:hover .ee-industry-card__icon {
  background: var(--gradient-primary);
  color: var(--color-white);
  transform: scale(1.1) rotate(-3deg);
}
.ee-industry-card:hover::after {
  transform: scale(1.6);
  opacity: 0.5;
}
.ee-industry-card::after {
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.ee-industry-card .ee-special-link {
  transition: color var(--transition-base), letter-spacing var(--transition-base);
}
.ee-industry-card:hover .ee-special-link {
  color: var(--color-primary-dark);
  letter-spacing: 0.03em;
}

/* ==========================================================================
   ENHANCED HOVER — Proof / Stats Cards
   ========================================================================== */
.ee-proof-card {
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.ee-proof-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(var(--color-primary-rgb), 0.13);
  border-color: var(--color-primary-light);
}
.ee-proof-card .ee-counter {
  transition: transform var(--transition-base), color var(--transition-base);
}
.ee-proof-card:hover .ee-counter {
  transform: scale(1.08);
  color: var(--color-primary);
}
.ee-proof-card span {
  transition: color var(--transition-base);
}
.ee-proof-card:hover span {
  color: var(--color-text);
}

/* ==========================================================================
   SPECIAL CARDS — icon containment, text sizing & enhanced hover
   ========================================================================== */

/* Fix icons overflowing their circular container.
   The old CSS-mask icon system added a ::before with width/height 32px.
   When Bootstrap Icon <i> elements are used instead, that invisible
   ::before still occupies space and pushes the real icon off-center.
   Kill it when an <i> child is present. */
.ee-special-card__icon {
  flex-shrink: 0;
  overflow: hidden;
}
.ee-special-card__icon:has(i)::before {
  content: none;
}
.ee-special-card__icon i {
  font-size: 22px;
  line-height: 1;
}

/* Sizing set in base .ee-special-card h3 and p rules above */

/* Consistent card height with balanced content */
.ee-special-card {
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Decorative corner accent (matches strategy/industry cards) */
.ee-special-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: rgba(var(--color-primary-rgb), 0.06);
  z-index: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.ee-special-card:hover::after {
  transform: scale(1.8);
  opacity: 0.4;
}

/* Enhanced hover */
.ee-special-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(var(--color-primary-rgb), 0.12);
  border-color: var(--color-primary-light);
}

/* Icon glow on hover */
.ee-special-card__icon {
  transition: background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.ee-special-card:hover .ee-special-card__icon {
  background: var(--gradient-primary);
  color: var(--color-white);
  transform: scale(1.08) rotate(-3deg);
  box-shadow: 0 6px 18px rgba(var(--color-primary-rgb), 0.3);
}
.ee-special-card:hover .ee-special-card__icon i {
  color: var(--color-white);
}

/* Learn More link animation */
.ee-special-card .ee-special-link {
  transition: color var(--transition-base), gap var(--transition-base);
}
.ee-special-card:hover .ee-special-link {
  color: var(--color-primary-dark);
  gap: 14px;
}

/* Bottom accent bar on hover */
.ee-special-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--gradient-primary);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 1;
}
.ee-special-card:hover::before {
  transform: scaleX(1);
}

/* Fade-up animation for special cards */
.ee-special-card {
  animation: ee-card-reveal 0.6s ease both;
}

/* Extended stagger for grids with 5–8 cards */
.ee-special-card:nth-child(1),
.ee-strategy-card:nth-child(1) { animation-delay: 0.05s; }
.ee-special-card:nth-child(2),
.ee-strategy-card:nth-child(2) { animation-delay: 0.12s; }
.ee-special-card:nth-child(3),
.ee-strategy-card:nth-child(3) { animation-delay: 0.19s; }
.ee-special-card:nth-child(4),
.ee-strategy-card:nth-child(4) { animation-delay: 0.26s; }
.ee-special-card:nth-child(5),
.ee-strategy-card:nth-child(5) { animation-delay: 0.33s; }
.ee-special-card:nth-child(6),
.ee-strategy-card:nth-child(6) { animation-delay: 0.40s; }
.ee-special-card:nth-child(7),
.ee-strategy-card:nth-child(7) { animation-delay: 0.47s; }
.ee-special-card:nth-child(8),
.ee-strategy-card:nth-child(8) { animation-delay: 0.54s; }

@media (prefers-reduced-motion: reduce) {
  .ee-special-card { animation: none; }
}

/* ==========================================================================
   SPECIAL HEADING — refined sizing for inner pages
   ========================================================================== */
.ee-special__heading h2 {
  font-size: clamp(1.9rem, 3.5vw, 3rem);
  margin-bottom: 20px;
}
.ee-special__heading p {
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-muted);
}

/* ==========================================================================
   STRATEGY CARDS — tighter text on inner pages with many cards
   ========================================================================== */
.ee-strategy-card p {
  font-size: var(--fs-sm);
  line-height: 1.75;
}

/* ==========================================================================
   PURCHASE SECTION — text refinement for inner pages
   ========================================================================== */
.ee-purchase__content p {
  font-size: var(--fs-sm);
  line-height: 1.75;
}
.ee-purchase h2 span {
  display: block;
  color: var(--color-primary);
}

/* ==========================================================================
   ENHANCED HOVER — PPC Service Cards (.ee-ppc-card)
   ========================================================================== */
.ee-ppc-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

/* Decorative corner glow blob */
.ee-ppc-card::after {
  content: "";
  position: absolute;
  top: -28px;
  right: -28px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(var(--color-primary-rgb), 0.07);
  transition: transform 0.4s ease, opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}
.ee-ppc-card:hover::after {
  transform: scale(2);
  opacity: 0.35;
}

/* Bottom accent bar sweeps in on hover */
.ee-ppc-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--gradient-primary);
  border-radius: 0 0 18px 18px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 1;
}
.ee-ppc-card:hover::before {
  transform: scaleX(1);
}

.ee-ppc-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(var(--color-primary-rgb), 0.12);
  border-color: rgba(var(--color-primary-rgb), 0.3);
}

/* Icon pulse on hover */
.ee-ppc-card__icon {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  position: relative;
  z-index: 1;
}
.ee-ppc-card:hover .ee-ppc-card__icon {
  transform: scale(1.1) rotate(-4deg);
  box-shadow: 0 8px 22px rgba(var(--color-primary-rgb), 0.35);
}

/* All child content above pseudo elements */
.ee-ppc-card h3,
.ee-ppc-card .ee-card-points {
  position: relative;
  z-index: 1;
}

/* Fade-up stagger animation */
.ee-ppc-card {
  animation: ee-card-reveal 0.6s ease both;
}
.ee-ppc-card:nth-child(1) { animation-delay: 0.05s; }
.ee-ppc-card:nth-child(2) { animation-delay: 0.12s; }
.ee-ppc-card:nth-child(3) { animation-delay: 0.19s; }
.ee-ppc-card:nth-child(4) { animation-delay: 0.26s; }
.ee-ppc-card:nth-child(5) { animation-delay: 0.33s; }
.ee-ppc-card:nth-child(6) { animation-delay: 0.40s; }
.ee-ppc-card:nth-child(7) { animation-delay: 0.47s; }
.ee-ppc-card:nth-child(8) { animation-delay: 0.54s; }

@media (prefers-reduced-motion: reduce) {
  .ee-ppc-card { animation: none; }
}

/* ==========================================================================
   ENHANCED HOVER — Result Cards (.ee-result-card)
   ========================================================================== */
.ee-result-card {
  animation: ee-card-reveal 0.6s ease both;
}
.ee-result-card:nth-child(1) { animation-delay: 0.05s; }
.ee-result-card:nth-child(2) { animation-delay: 0.13s; }
.ee-result-card:nth-child(3) { animation-delay: 0.21s; }
.ee-result-card:nth-child(4) { animation-delay: 0.29s; }
.ee-result-card:nth-child(5) { animation-delay: 0.37s; }
.ee-result-card:nth-child(6) { animation-delay: 0.45s; }

@media (prefers-reduced-motion: reduce) {
  .ee-result-card { animation: none; }
}

/* ==========================================================================
   SPECIAL CARDS — data-icon variant (PPC page uses data-icon, not <i>)
   The ::before pseudo-element IS the icon here — don't suppress it.
   But we do still want the same hover effects.
   ========================================================================== */
/* Only suppress ::before when a real Bootstrap <i> is present */
.ee-special-card__icon:not(:has(i))::before {
  /* data-icon cards: keep the mask icon, just ensure it stays centered */
  flex-shrink: 0;
}
/* ==========================================================================
   SEO / LISTING OPTIMISATION PAGE — targeted overrides
   ========================================================================== */

/* ppc-about: tighter text */
.ee-ppc-about__content p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin-bottom: 12px;
}
.ee-ppc-about__content h2 span { color: var(--color-primary); }

/* ppc-services heading text */
.ee-ppc-services__heading p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin-top: 10px;
}

/* 8 cards → 4 columns; compact */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .ee-ppc-services .ee-ppc-services__grid { grid-template-columns: 1fr; }
}

/* ppc-card: compact sizing, paragraph text */
.ee-ppc-services .ee-ppc-card {
  padding: 22px 20px;
}
.ee-ppc-services .ee-ppc-card__icon {
  width: 50px;
  height: 50px;
  margin-bottom: 14px;
}
.ee-ppc-services .ee-ppc-card__icon i {
  font-size: 20px;
  line-height: 1;
}
/* suppress old ::before mask on Bootstrap-icon cards */
.ee-ppc-services .ee-ppc-card__icon:has(i)::before { content: none; }

.ee-ppc-services .ee-ppc-card h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ee-ppc-services .ee-ppc-card p {
  color: #666;
  font-size: 13.5px;
  line-height: 1.75;
  margin: 0;
}

/* 7 special cards (optimize section) → 3+3+1 via 3-col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 992px) {
  .ee-special--store .ee-special__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .ee-special--store .ee-special__grid { grid-template-columns: 1fr; }
}

/* why-choose (4 special cards) stays at 2-col — already handled globally */

/* ppc-services section padding */
.ee-ppc-services { padding: 60px 0; }
.ee-ppc-services__heading { margin: 0 auto 28px; }
.ee-special--store { padding-top: 60px; padding-bottom: 60px; }

/* ==========================================================================
   GLOBAL RESPONSIVE SYSTEM — applied to all inner pages
   Fixes: hero h1 clamp, grids, section padding, card sizes, why-wrapper
   ========================================================================== */

/* ── Hero h1: clamp so it never breaks on any screen ── */
.ee-ppc-hero h1 {
  font-size: clamp(22px, 5vw, 42px);
  line-height: 1.2;
  text-wrap: balance;
}

/* ── Hero p: always 13.5px, centered, constrained ── */
.ee-ppc-hero p {
  font-size: 13.5px;
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto 22px;
}

/* ── Global section padding cap ── */
.ee-ppc-services,
.ee-results,
.ee-why,
.ee-seller-comparison,
.ee-testimonials,
.ee-special,
.ee-special--store,
.ee-faq {
  padding-top: 52px;
  padding-bottom: 52px;
}

/* ── Heading-to-grid gap cap ── */
.ee-ppc-services__heading,
.ee-results__heading,
.ee-why__heading,
.ee-seller-comparison__heading,
.ee-special__heading,
.ee-testimonials__heading {
  margin-bottom: 28px;
}

/* ── All heading h2s: clamp scale ── */
.ee-ppc-services__heading h2,
.ee-results__heading h2,
.ee-why__heading h2,
.ee-seller-comparison__heading h2,
.ee-special__heading h2,
.ee-testimonials__heading h2,
.ee-ppc-about__content h2 {
  font-size: clamp(1.4rem, 3.5vw, 2.8rem);
  line-height: 1.2;
}

/* ── All heading subtitles / paragraphs ── */
.ee-ppc-services__heading p,
.ee-results__heading p,
.ee-special__heading p,
.ee-testimonials__heading p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
}

/* ── Card text: never let responsive breakpoints override to bigger sizes ── */
.ee-ppc-card h3,
.ee-result-card h3,
.ee-special-card h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ee-ppc-card p,
.ee-result-card p,
.ee-special-card p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* ── Testimonial card p: no min-height, correct size ── */
.ee-testimonial-card p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #555;
  margin-bottom: 18px;
  min-height: unset;
}
.ee-testimonial-card h4 { font-size: 15px; margin-bottom: 4px; }

/* ── Bootstrap icon sizing in all circle containers ── */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
  color: inherit;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* ── Why wrapper: fix fixed 420px column ── */
.ee-why__wrapper {
  grid-template-columns: minmax(0, 360px) 1fr;
  gap: 48px;
}

/* ── Testimonials grid: 3 col desktop ── */
.ee-testimonials__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ── TABLET: 768px – 1100px ── */
@media (max-width: 1100px) and (min-width: 769px) {
  /* 4-col grids → 2 col */
  .ee-ppc-services .ee-ppc-services__grid,
  .ee-results__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  /* 3-col grids → 2 col */
  .ee-special--store .ee-special__grid,
  .ee-special__grid,
  .ee-testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  /* 2-col grids → 1 col */
  .ee-special:not(.ee-special--store) .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Why wrapper: stack */
  .ee-why__wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* ── MOBILE: < 768px ── */
@media (max-width: 768px) {
  /* Section padding: 28px on mobile */
  .ee-ppc-services,
  .ee-results,
  .ee-why,
  .ee-seller-comparison,
  .ee-testimonials,
  .ee-special,
  .ee-special--store,
  .ee-faq,
  .ee-ppc-about {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  /* All grids → 1 column */
  .ee-ppc-services .ee-ppc-services__grid,
  .ee-results__grid,
  .ee-special--store .ee-special__grid,
  .ee-special__grid,
  .ee-testimonials__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Why wrapper stack */
  .ee-why__wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Headings: clamp handles it but cap the bottom margin too */
  .ee-ppc-services__heading,
  .ee-results__heading,
  .ee-special__heading,
  .ee-testimonials__heading,
  .ee-why__heading {
    margin-bottom: 20px;
  }

  /* Cards: tighter padding on mobile */
  .ee-ppc-card,
  .ee-result-card,
  .ee-special-card {
    padding: 18px 16px;
  }

  /* Card icon: slightly smaller on mobile */
  .ee-ppc-card__icon,
  .ee-result-icon,
  .ee-special-card__icon {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
  }

  /* Seller comparison box: no horizontal padding */
  .ee-seller-comparison__box {
    padding: 16px;
  }

  /* CTA box */
  .ee-cta__box {
    padding: 24px 18px;
  }

  /* Testimonial card padding */
  .ee-testimonial-card {
    padding: 20px;
  }
}

/* ── SMALL MOBILE: < 480px ── */
@media (max-width: 480px) {
  .ee-ppc-hero {
    padding: 36px 0 30px;
  }
  .ee-ppc-about__content h2 {
    font-size: 20px;
  }
  .ee-why__item h3 {
    font-size: 14px;
  }
  .ee-why__item {
    gap: 12px;
  }
}
/* ==========================================================================
   PRODUCT LAUNCHES PAGE — specific overrides
   ========================================================================== */

/* 11-card checklist grid → 4 col on desktop, 2 on tablet, 1 on mobile */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4-card ranking grid → 2 col (4 cards rule) on desktop */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Post-launch 4 special cards → 2 col */
.ee-special:not(.ee-special--store) .ee-special__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-special:not(.ee-special--store) .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
/* ==========================================================================
   MARKETPLACE MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 8 strategy cards → 4 col */
.ee-strategies__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-strategies__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-strategies__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Strategy card: compact sizing matching global card rules */
.ee-strategy-card {
  padding: 22px 20px;
}
.ee-strategy-card h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ee-strategy-card p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Callout: remove stray span styling */
.ee-callout h2 span {
  color: inherit;
}

/* Hero paragraph: centered, 13.5px */
.ee-ppc-hero p {
  font-size: 13.5px;
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto 22px;
}
/* ==========================================================================
   STORE MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 7 specialization cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons inside ppc-card__icon circles */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* ppc-card text — paragraph variant (no bullet spans) */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Intro h2 — no span styling needed */
.ee-ppc-about__content h2 span { color: inherit; }
/* ==========================================================================
   VENDOR CENTRAL MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* Card paragraph text (p inside card-points) */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Remove span colour in intro h2 */
.ee-ppc-about__content h2 span { color: inherit; }
/* ==========================================================================
   POSTS MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* ppc-card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}
/* ==========================================================================
   SELLER CENTRAL MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* Card paragraph (p inside card-points) */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Remove span styling in intro h2 */
.ee-ppc-about__content h2 span { color: inherit; }
/* ==========================================================================
   AMAZON INVENTORY MANAGEMENT PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* ppc-card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}
/* ==========================================================================
   MULTICHANNEL MARKETPLACE PAGE — specific overrides
   ========================================================================== */

/* 8 capability cards → 4 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 special cards → 2 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* ppc-card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Remove span colouring in intro h2 */
.ee-ppc-about__content h2 span { color: inherit; }


/* ==========================================================================
   AUDIT & SUSPENSION PAGE — specific overrides
   ========================================================================== */

/* 4 special cards → 2 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Process 3 steps → 3 col */
.ee-results--process .ee-results__grid--3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-results--process .ee-results__grid--3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-results--process .ee-results__grid--3 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 audit cards → 3 col */
.ee-results:not(.ee-results--process) .ee-results__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-results:not(.ee-results--process) .ee-results__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-results:not(.ee-results--process) .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-special-card__icon i,
.ee-result-icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-special-card__icon:has(i)::before,
.ee-result-icon:has(i)::before {
  content: none;
}

/* Proof icon: data-icon "box" is now "zap" so no dupe with audit card */
.ee-proof-icon { flex-shrink: 0; }

/* Card number badge */
.ee-card-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--gradient-primary);
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
  flex-shrink: 0;
}
/* ==========================================================================
   BRAND PROTECTION PAGE — specific overrides
   ========================================================================== */

/* 5 ppc cards — keep as natural grid, no 4th col needed */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons in all circle containers */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* Card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* ==========================================================================
   CONSUMER AUDIT PAGE — specific overrides
   ========================================================================== */

/* 5 ppc cards → 3 col (3+2) */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 5 special cards → 3 col (3+2) */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}
/* ==========================================================================
   ABOUT PAGE — complete redesign & animation system
   ========================================================================== */

/* ── Stat strip ──────────────────────────────────────── */
.ee-about-stats-section { padding: 44px 0; }

.ee-about-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
}

.ee-about-stats__card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 32px 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.05);
  position: relative;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  animation: ee-card-reveal 0.6s ease both;
}
.ee-about-stats__card:nth-child(1) { animation-delay: 0.05s; }
.ee-about-stats__card:nth-child(2) { animation-delay: 0.12s; }
.ee-about-stats__card:nth-child(3) { animation-delay: 0.19s; }
.ee-about-stats__card:nth-child(4) { animation-delay: 0.26s; }

.ee-about-stats__card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.ee-about-stats__card:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(var(--color-primary-rgb),.12); }
.ee-about-stats__card:hover::before { transform: scaleX(1); }

.ee-about-stats__card .ee-counter {
  display: block;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 6px;
  line-height: 1;
}
.ee-about-stats__card > span:last-child {
  color: var(--color-text-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
}

@media (max-width: 768px) { .ee-about-stats__grid { grid-template-columns: repeat(2,1fr); gap:14px; } }
@media (max-width: 480px) { .ee-about-stats__grid { grid-template-columns: 1fr 1fr; } }

/* ── Split sections ──────────────────────────────────── */
.ee-about-splits-section { padding: 20px 0 44px; }

.ee-about-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  padding: 48px 0;
  border-bottom: 1px solid var(--color-border);
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.ee-about-split.in-view { opacity: 1; transform: translateY(0); }
.ee-about-split:last-child { border-bottom: none; }

.ee-about-split--reverse .ee-about-split__media { order: 2; }
.ee-about-split--reverse .ee-about-split__content { order: 1; }

.ee-about-split__media img {
  width: 100%;
  border-radius: 20px;
  display: block;
  box-shadow: 0 16px 48px rgba(0,0,0,.1);
  transition: transform 0.6s ease;
}
.ee-about-split:hover .ee-about-split__media img { transform: scale(1.02); }

.ee-about-split__content h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  margin-bottom: 14px;
  position: relative;
  padding-left: 18px;
}
.ee-about-split__content h2::before {
  content: '';
  position: absolute;
  left: 0; top: 6px;
  width: 4px;
  height: calc(100% - 6px);
  background: var(--gradient-primary);
  border-radius: 4px;
}
.ee-about-split__content p {
  color: var(--color-text-muted);
  font-size: 13.5px;
  line-height: 1.75;
}

@media (max-width: 900px) {
  .ee-about-split { grid-template-columns: 1fr; gap: 24px; padding: 36px 0; }
  .ee-about-split--reverse .ee-about-split__media,
  .ee-about-split--reverse .ee-about-split__content { order: initial; }
}

/* ── What We Do Best — numbered card grid ────────────── */
.ee-about-best-section { padding: 52px 0; background: var(--color-off-white); }

.ee-about-best__heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 36px;
}
.ee-about-best__heading h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); margin-bottom: 10px; }
.ee-about-best__heading h2 span { color: var(--color-primary); }
.ee-about-best__heading p { font-size: 13.5px; line-height: 1.75; color: var(--color-text-muted); }

.ee-about-best__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Push 4th and 5th cards into a centered 2-col row */
.ee-about-best__card:nth-child(4) { grid-column: 1 / 2; }
.ee-about-best__card:nth-child(5) { grid-column: 2 / 3; }

.ee-about-best__card {
  position: relative;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: 28px 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  animation: ee-card-reveal 0.6s ease both;
}
.ee-about-best__card:nth-child(1) { animation-delay: 0.05s; }
.ee-about-best__card:nth-child(2) { animation-delay: 0.13s; }
.ee-about-best__card:nth-child(3) { animation-delay: 0.21s; }
.ee-about-best__card:nth-child(4) { animation-delay: 0.29s; }
.ee-about-best__card:nth-child(5) { animation-delay: 0.37s; }

/* decorative corner blob */
.ee-about-best__card::after {
  content: '';
  position: absolute;
  top: -30px; right: -30px;
  width: 90px; height: 90px;
  border-radius: 50%;
  background: rgba(var(--color-primary-rgb), .06);
  transition: transform 0.4s ease, opacity 0.4s ease;
  pointer-events: none;
}
/* bottom accent bar */
.ee-about-best__card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--gradient-primary);
  border-radius: 0 0 18px 18px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.ee-about-best__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(var(--color-primary-rgb), .12);
  border-color: rgba(var(--color-primary-rgb), .25);
}
.ee-about-best__card:hover::before { transform: scaleX(1); }
.ee-about-best__card:hover::after { transform: scale(1.8); opacity: .4; }

/* big faint number watermark */
.ee-about-best__num {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: .15;
  position: absolute;
  top: 12px; right: 18px;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.ee-about-best__card:hover .ee-about-best__num { opacity: .35; }

/* icon circle */
.ee-about-best__icon {
  width: 50px; height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff4e7, #ffe8c4);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
  position: relative; z-index: 1;
}
.ee-about-best__icon i {
  font-size: 20px;
  color: var(--color-primary);
  line-height: 1;
  transition: color 0.35s ease;
}
.ee-about-best__card:hover .ee-about-best__icon {
  background: var(--gradient-primary);
  transform: scale(1.1) rotate(-4deg);
  box-shadow: 0 6px 18px rgba(var(--color-primary-rgb), .3);
}
.ee-about-best__card:hover .ee-about-best__icon i { color: var(--color-white); }

.ee-about-best__card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #111;
  margin: 0;
  position: relative; z-index: 1;
}
.ee-about-best__card p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
  position: relative; z-index: 1;
}

@media (max-width: 1100px) {
  .ee-about-best__grid { grid-template-columns: repeat(2, 1fr); }
  .ee-about-best__card:nth-child(4),
  .ee-about-best__card:nth-child(5) { grid-column: auto; }
}
@media (max-width: 768px) {
  .ee-about-best__grid { grid-template-columns: 1fr; gap: 14px; }
  .ee-about-best-section { padding: 28px 0; }
}

/* ── Team grid ──────────────────────────────────────── */
.ee-about-team-section { padding: 52px 0; }

.ee-team__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
  margin-top: 28px;
}

.ee-team-card {
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: 32px 16px 24px;
  background: var(--color-white);
  position: relative; overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  animation: ee-card-reveal 0.6s ease both;
}
.ee-team-card:nth-child(1) { animation-delay: 0.05s; }
.ee-team-card:nth-child(2) { animation-delay: 0.13s; }
.ee-team-card:nth-child(3) { animation-delay: 0.21s; }
.ee-team-card:nth-child(4) { animation-delay: 0.29s; }

.ee-team-card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.ee-team-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(var(--color-primary-rgb), .12);
  border-color: rgba(var(--color-primary-rgb), .25);
}
.ee-team-card:hover::before { transform: scaleX(1); }

.ee-team-card__avatar {
  width: 80px; height: 80px;
  border-radius: 50%;
  margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: var(--gradient-primary);
  color: var(--color-white);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: .02em;
  box-shadow: 0 8px 24px rgba(var(--color-primary-rgb), .25);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ee-team-card:hover .ee-team-card__avatar {
  transform: scale(1.08);
  box-shadow: 0 12px 32px rgba(var(--color-primary-rgb), .4);
}
.ee-team-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: #111; }
.ee-team-card span { color: var(--color-text-muted); font-size: 12.5px; }

@media (max-width: 900px) { .ee-team__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ee-team__grid { grid-template-columns: 1fr 1fr; } }

/* ── Activities / chart section ─────────────────────── */
.ee-about-chart { background: var(--color-off-white); padding: 52px 0; }

.ee-about-chart__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 56px;
  align-items: center;
}

.ee-about-chart__content h2 {
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  margin-bottom: 14px;
}
.ee-about-chart__content p {
  color: var(--color-text-muted);
  font-size: 13.5px;
  line-height: 1.75;
  margin-bottom: 24px;
}
.ee-about-chart__media img {
  width: 100%;
  border-radius: 16px;
  display: block;
  box-shadow: 0 16px 48px rgba(0,0,0,.1);
}

@media (max-width: 900px) {
  .ee-about-chart__grid { grid-template-columns: 1fr; gap: 28px; }
  .ee-about-chart__media { order: -1; }
  .ee-about-chart { padding: 28px 0; }
}

/* ── Scroll-reveal for split sections (JS-less fallback: set in-view on load) */
/* Triggered by a tiny IntersectionObserver in ui.js — if not available, no harm */

/* ── Compact numbered list section ──────────────────── */
.ee-about-compact-section { padding: 52px 0; }

.ee-about-features--compact {
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 680px;
  margin: 0 auto;
}

.ee-about-feature--animated {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.ee-about-feature--animated.in-view { opacity: 1; transform: translateX(0); }
.ee-about-feature--animated:nth-child(1) { transition-delay: 0.05s; }
.ee-about-feature--animated:nth-child(2) { transition-delay: 0.15s; }
.ee-about-feature--animated:nth-child(3) { transition-delay: 0.25s; }
.ee-about-feature--animated:nth-child(4) { transition-delay: 0.35s; }

.ee-about-features--compact .ee-about-feature {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid var(--color-border);
}
.ee-about-features--compact .ee-about-feature:last-child { border-bottom: none; }

.ee-about-features--compact .ee-number {
  width: 36px; height: 36px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--gradient-primary);
  color: var(--color-white);
  font-weight: 700;
  font-size: 13px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), .25);
}

.ee-about-features--compact .ee-about-feature p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
  padding-top: 6px;
}

@media (max-width: 768px) { .ee-about-compact-section { padding: 28px 0; } }

/* ── About split images: reduce size ────────────────── */
.ee-about-split__media {
  max-width: 420px;
  justify-self: center;
}
.ee-about-split__media img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}

/* ── Team card: image avatar ─────────────────────────── */
.ee-team-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* ── Team grid: 3 members only, larger avatar ────────── */
.ee-team__grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 780px;
  margin: 28px auto 0;
}

.ee-team-card__avatar {
  width: 120px;
  height: 120px;
  margin-bottom: 18px;
}

/* ── Team card: larger avatar, 3-col grid ────────────── */
.ee-about-team-section .ee-team__grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 780px;
  margin: 28px auto 0;
}
.ee-team-card__avatar {
  width: 120px;
  height: 120px;
  overflow: hidden;
  flex-shrink: 0;
}
.ee-team-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
/* hide any text content inside avatar when image is present */
.ee-team-card__avatar:has(img) {
  font-size: 0;
  background: transparent;
  box-shadow: 0 8px 24px rgba(var(--color-primary-rgb),.18);
}
@media (max-width: 600px) {
  .ee-about-team-section .ee-team__grid { grid-template-columns: 1fr; max-width: 280px; }
}

/* ==========================================================================
   GLOBAL RESPONSIVE FIX — single consolidated block, overrides everything
   Breakpoints: desktop >1100 | tablet 768-1100 | mobile <768 | small <480
   ========================================================================== */

/* ── Ensure nothing bleeds outside viewport on any screen ── */
*, *::before, *::after { box-sizing: border-box; }
body { overflow-x: hidden; }
img, video { max-width: 100%; height: auto; display: block; }

/* ── Container safe padding on small screens ── */
@media (max-width: 768px) {
  .ee-container { padding: 0 16px; }
}
@media (max-width: 480px) {
  .ee-container { padding: 0 14px; }
}

/* ════════════════════════════════════════════════════════
   TABLET  768px – 1100px
   ════════════════════════════════════════════════════════ */
@media (max-width: 1100px) and (min-width: 769px) {

  /* All 4-col card grids → 2 col */
  .ee-ppc-services .ee-ppc-services__grid,
  .ee-strategies__grid,
  .ee-proof__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

  /* All 3-col grids → 2 col */
  .ee-results__grid,
  .ee-special--store .ee-special__grid,
  .ee-special__grid,
  .ee-testimonials__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

  /* Why wrapper: side list collapses */
  .ee-why__wrapper { grid-template-columns: 1fr; gap: 28px; }

  /* About page */
  .ee-about-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .ee-about-best__grid  { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .ee-about-best__card:nth-child(4),
  .ee-about-best__card:nth-child(5) { grid-column: auto; }
  .ee-team__grid        { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .ee-about-chart__grid { grid-template-columns: 1fr; gap: 24px; }
  .ee-about-split       { grid-template-columns: 1fr; gap: 20px; padding: 32px 0; }
  .ee-about-split--reverse .ee-about-split__media,
  .ee-about-split--reverse .ee-about-split__content { order: initial; }
  .ee-about-split__media { max-width: 100%; }
  .ee-about-split__media img { max-height: 260px; }

  /* Purchase / ideal-store */
  .ee-purchase__grid, .ee-ideal-store__grid { grid-template-columns: 1fr; gap: 28px; }

  /* Elevate section */
  .ee-elevate__grid { grid-template-columns: 1fr; }

  /* Consult section */
  .ee-consult__grid { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════
   MOBILE  < 768px
   ════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── Section padding ── */
  .ee-section,
  .ee-ppc-services, .ee-results, .ee-why, .ee-seller-comparison,
  .ee-testimonials, .ee-special, .ee-special--store, .ee-faq,
  .ee-ppc-about, .ee-about-stats-section, .ee-about-splits-section,
  .ee-about-best-section, .ee-about-team-section, .ee-about-chart,
  .ee-about-compact-section, .ee-brands, .ee-elevate, .ee-ideal-store,
  .ee-consult { padding-top: 28px; padding-bottom: 28px; }

  /* ── Every grid → 1 col ── */
  .ee-ppc-services__grid,
  .ee-results__grid,
  .ee-strategies__grid,
  .ee-proof__grid,
  .ee-special--store .ee-special__grid,
  .ee-special__grid,
  .ee-testimonials__grid,
  .ee-about-stats__grid,
  .ee-about-best__grid,
  .ee-team__grid,
  .ee-about-chart__grid,
  .ee-industry__grid,
  .ee-solutions__grid { grid-template-columns: 1fr !important; gap: 14px; }

  /* ── About best card numbering reset ── */
  .ee-about-best__card:nth-child(4),
  .ee-about-best__card:nth-child(5) { grid-column: auto; }

  /* ── Split sections → stacked ── */
  .ee-about-split { grid-template-columns: 1fr; gap: 18px; padding: 24px 0; }
  .ee-about-split--reverse .ee-about-split__media,
  .ee-about-split--reverse .ee-about-split__content { order: initial; }
  .ee-about-split__media { max-width: 100%; }
  .ee-about-split__media img { max-height: 220px; object-fit: cover; }

  /* ── Chart section ── */
  .ee-about-chart__grid { grid-template-columns: 1fr; gap: 20px; }
  .ee-about-chart__media { order: -1; }

  /* ── Why wrapper → stacked ── */
  .ee-why__wrapper { grid-template-columns: 1fr !important; gap: 20px; }
  .ee-why__list { display: flex; flex-direction: column; gap: 8px; }
  .ee-why__item { padding: 12px 16px; }
  .ee-why__item h3 { font-size: 13px; }

  /* ── Purchase / ideal ── */
  .ee-purchase__grid,
  .ee-ideal-store__grid { grid-template-columns: 1fr; gap: 20px; }

  /* ── Elevate / consult ── */
  .ee-elevate__grid, .ee-consult__grid { grid-template-columns: 1fr; }

  /* ── Hero ── */
  .ee-ppc-hero { padding: 36px 0 30px; }
  .ee-ppc-hero h1 { font-size: clamp(20px, 6vw, 30px); }
  .ee-ppc-hero p  { font-size: 13px; max-width: 100%; }

  /* ── Cards: tighter padding ── */
  .ee-ppc-card,
  .ee-result-card,
  .ee-special-card,
  .ee-strategy-card,
  .ee-about-best__card { padding: 18px 16px; }

  /* ── Icons: smaller on mobile ── */
  .ee-ppc-card__icon,
  .ee-result-icon,
  .ee-special-card__icon { width: 42px; height: 42px; margin-bottom: 10px; }

  /* ── Seller comparison ── */
  .ee-seller-comparison__box { padding: 12px; }
  .ee-seller-comparison__slide { flex-direction: column; }

  /* ── CTA box ── */
  .ee-cta__box { padding: 24px 16px; }
  .ee-cta__box h2 { font-size: clamp(1.2rem, 5vw, 1.6rem); }

  /* ── Proof grid ── */
  .ee-proof__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }

  /* ── Testimonials ── */
  .ee-testimonial-card { padding: 20px 16px; }

  /* ── Section headings ── */
  .ee-section__title { font-size: clamp(1.3rem, 5vw, 1.8rem); }
  .ee-ppc-services__heading h2,
  .ee-results__heading h2,
  .ee-special__heading h2 { font-size: clamp(1.2rem, 5vw, 1.6rem); }

  /* ── Heading-to-grid gap ── */
  .ee-ppc-services__heading,
  .ee-results__heading,
  .ee-special__heading,
  .ee-testimonials__heading,
  .ee-why__heading { margin-bottom: 18px; }

  /* ── Team ── */
  .ee-team__grid { grid-template-columns: 1fr !important; max-width: 260px; }
  .ee-team-card__avatar { width: 100px; height: 100px; }

  /* ── About features compact list ── */
  .ee-about-features--compact { max-width: 100%; }

  /* ── FAQ accordion ── */
  .ee-accordion--grid { grid-template-columns: 1fr !important; }

  /* ── Marquee ── */
  .ee-marquee__track img { height: 28px; }

  /* ── Brands ── */
  .ee-brands__grid img { height: 28px; }
}

/* ════════════════════════════════════════════════════════
   SMALL MOBILE  < 480px
   ════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  .ee-container { padding: 0 12px; }

  .ee-ppc-hero h1 { font-size: clamp(18px, 6vw, 26px); }

  /* Proof grid: still 2 col but very tight */
  .ee-proof__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
  .ee-proof-card { padding: 14px 10px; }

  /* Why items: horizontal pills on small screens */
  .ee-why__item h3 { font-size: 12px; }

  /* CTA */
  .ee-cta__box { padding: 20px 14px; }
  .ee-cta__box h2 { font-size: 1.1rem; }

  /* About stats: 2 col stays but smaller text */
  .ee-about-stats__card { padding: 20px 10px; }
  .ee-about-stats__card .ee-counter { font-size: 1.6rem; }

  /* Team */
  .ee-team__grid { max-width: 220px; }
  .ee-team-card__avatar { width: 80px; height: 80px; }

  /* Section titles */
  .ee-section__title { font-size: 1.2rem; }
}
/* ==========================================================================
   LISTING REINSTATEMENT PAGE — specific overrides
   ========================================================================== */

/* 5 ppc cards → 3 col (3+2) */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 4 result cards → 2 col */
.ee-results__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 768px) {
  .ee-results__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons */
.ee-ppc-card__icon i,
.ee-result-icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-result-icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}
/* ==========================================================================
   ACCOUNT REINSTATEMENT PAGE — specific overrides
   ========================================================================== */

/* 6 ppc cards → 3 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons */
.ee-ppc-card__icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}
/* ==========================================================================
   FEEDBACK REMOVAL PAGE — specific overrides
   ========================================================================== */

/* 6 ppc-cards → 3 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons */
.ee-ppc-card__icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* Card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Remove Learn More link display globally */
.ee-special-link { display: none; }
/* ==========================================================================
   POLICY COMPLIANCE SUPPORT PAGE — specific overrides
   ========================================================================== */

/* 6 ppc-cards → 3 col */
.ee-ppc-services .ee-ppc-services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-ppc-services .ee-ppc-services__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6 special cards → 3 col */
.ee-special--store .ee-special__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1100px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .ee-special--store .ee-special__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Bootstrap icons */
.ee-ppc-card__icon i,
.ee-special-card__icon i {
  font-size: 20px;
  line-height: 1;
}
.ee-ppc-card__icon:has(i)::before,
.ee-special-card__icon:has(i)::before {
  content: none;
}

/* Card paragraph text */
.ee-card-points p {
  font-size: 13.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

/* Hide all Learn More links globally */
.ee-special-link { display: none; }