/* ==========================================================================
   For Business page: business-hero (global .page-hero) · business-services · business-logo-design ·
   business-industries · business-process · business-pricing · business-reviews · business-faq
   ========================================================================== */

/* ---------- Hero tweaks (layout: .page-hero in styles/sections.css) ---------- */
.business-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.business-hero__trust { margin-top: var(--space-2); gap: var(--space-4) var(--space-6); }
@media (min-width: 1024px) {
  .business-hero .page-hero__inner { min-height: var(--hero-min-height); }
  .business-hero .page-hero__inner > * { max-width: var(--measure); }
}

/* ---------- Services ---------- */
.business-services__head { display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: calc(var(--space-6) * var(--title-gap-scale)); }
.business-services__grid { display: grid; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; }
.service-card {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6);
  min-height: var(--image-card-min-height);
  background: var(--color-surface-inverse); color: var(--color-text-inverse);
  border-radius: var(--card-radius); box-shadow: var(--card-shadow);
  transition: translate var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);
}
/* photo fills the whole card; scrim keeps the white text readable */
.service-card__img {
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover;
  transition: scale var(--duration-slow) var(--ease-standard);
}
.service-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--overlay-card); }
.service-card:hover { translate: 0 var(--hover-lift); box-shadow: var(--shadow-lg); }
.service-card:hover .service-card__img { scale: var(--image-card-zoom); }
.service-card h3 { font-size: var(--text-xl); color: var(--color-text-inverse); }
.service-card > p { color: var(--color-text-inverse-muted); }
.service-card .checklist { margin-top: auto; padding-top: var(--space-2); }
.service-card .checklist .icon { color: var(--color-highlight); }
@media (min-width: 768px) { .business-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .business-services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Logo design ---------- */
.business-logo-design__panel { display: grid; overflow: hidden; border-radius: var(--banner-radius); background: var(--color-surface-tint); }
.business-logo-design__img { height: 100%; aspect-ratio: 3 / 2; border-radius: 0; }
.business-logo-design__content { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-8) var(--space-6); }
.business-logo-design__content h2 { margin-bottom: calc(var(--space-4) * (var(--title-gap-scale) - 1)); }
@media (min-width: 1024px) {
  .business-logo-design__panel { grid-template-columns: 1.1fr 1fr; }
  .business-logo-design__img { aspect-ratio: auto; }
  .business-logo-design__content { justify-content: center; padding: var(--space-10); }
}

/* ---------- Industries ---------- */
.business-industries__title, .business-process__title, .business-faq__title { margin-bottom: calc(var(--space-6) * var(--title-gap-scale)); }
.business-industries__grid { display: grid; gap: var(--grid-gap); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.industry-tile { display: flex; flex-direction: column; gap: var(--space-2); }
.industry-tile__img { aspect-ratio: 1 / 1; border-radius: var(--card-radius); box-shadow: var(--card-shadow); }
.industry-tile h3 { font-size: var(--text-lg); margin-top: var(--space-2); }
.industry-tile p { font-size: var(--text-sm); color: var(--color-text-muted); }
@media (min-width: 1024px) { .business-industries__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Pricing ---------- */
.business-pricing__panel {
  display: flex; flex-direction: column; gap: calc(var(--space-6) * var(--title-gap-scale)); padding: var(--space-6);
  background: var(--color-bg-alt); border: var(--card-border); border-radius: var(--banner-radius);
}
.business-pricing__grid { display: grid; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; }
.price-card {
  position: relative; display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6);
  background: var(--color-surface); border: var(--card-border); border-radius: var(--card-radius);
}
.price-card--featured { border-color: var(--color-primary); box-shadow: var(--shadow-lg); }
.price-card__badge { position: absolute; top: var(--space-4); right: var(--space-4); }
.price-card__name { font-size: var(--text-lg); }
.price-card__price { font-size: var(--text-3xl); font-weight: var(--weight-bold); color: var(--color-sale); line-height: var(--leading-tight); }
.price-card__price small { font-size: var(--text-sm); font-weight: var(--weight-regular); color: var(--color-text-muted); }
.price-card__text { font-size: var(--text-sm); color: var(--color-text-muted); }
.business-pricing__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); }
@media (min-width: 768px) {
  .business-pricing__panel { padding: var(--space-8); }
  .business-pricing__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- Reviews ---------- */
.business-reviews__grid { display: grid; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .business-reviews__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }