/* Public storefront only: keep photo geometry and navigation hit areas intact. */
body:not(.admin-layout-active) .promo-bar,
body:not(.admin-layout-active) .topbar[data-storefront-header],
body:not(.admin-layout-active) .storefront-primary-nav {
  background: var(--surface-strong);
  color: #fff;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] {
  border-bottom-color: #333;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] .utility-nav a,
body:not(.admin-layout-active) .topbar[data-storefront-header] .storefront-menu > summary {
  color: #fff;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] .topbar-product-search {
  background: var(--surface-strong);
  border-color: #666;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] .topbar-product-search input {
  color: #fff;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] .topbar-product-search input::placeholder {
  color: #ccc;
}

body:not(.admin-layout-active) .topbar[data-storefront-header] .topbar-product-search:focus-within {
  border-color: #fff;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

body:not(.admin-layout-active) .hero-store-banner-content h1 {
  font-size: 54.4px;
}

body:not(.admin-layout-active) .hero-product-banner strong {
  font-size: 43.2px;
}

body:not(.admin-layout-active) .hero-product-banner b {
  font-size: 19.2px;
}

body:not(.admin-layout-active) .hero-promo-price b {
  font-size: 20.8px;
}

body:not(.admin-layout-active) .hero-promo-price s {
  font-size: 12px;
}

body:not(.admin-layout-active) .hero-campaign-card strong {
  font-size: 16.8px;
}

body:not(.admin-layout-active) .hero-mini-product strong,
body:not(.admin-layout-active) .editorial-product-row strong {
  font-size: 12.8px;
}

body:not(.admin-layout-active) .hero-store-banner-content > span,
body:not(.admin-layout-active) .hero-product-kicker,
body:not(.admin-layout-active) .hero-product-banner small,
body:not(.admin-layout-active) .hero-campaign-card span,
body:not(.admin-layout-active) .hero-campaign-card small,
body:not(.admin-layout-active) .hero-mini-product span,
body:not(.admin-layout-active) .editorial-product-row span {
  font-size: 8.8px;
}

body:not(.admin-layout-active) .hero-store-banner-actions .button,
body:not(.admin-layout-active) .hero-mini-price,
body:not(.admin-layout-active) .editorial-promo-price,
.showcase-section .product-card .button {
  font-size: 10.4px;
}

.showcase-section .product-grid .product-card:first-child .product-body h3 {
  font-size: 19.2px;
}

.showcase-section .product-body h3 {
  font-size: 14.4px;
}

.showcase-section .product-body strong {
  font-size: 17.6px;
}

.showcase-section .product-meta p,
.showcase-section .product-meta span,
.showcase-section .product-tags span,
.showcase-section .product-carousel-count,
.showcase-section .promo-current-price em,
.showcase-section .product-promotion-badge {
  font-size: 8.8px;
}

.showcase-section .product-meta .product-code {
  font-size: 7.2px;
}

.showcase-section .promo-price-stack > span {
  font-size: 9.6px;
}

#consultoria.style-service-band h2 {
  font-size: 27.2px;
}

#servicos.seller-strip h2 {
  font-size: 43.2px;
}

/* Fixed heading sizes at the existing layout breakpoints. */
@media (min-width: 901px) and (max-width: 1199px) {
  body:not(.admin-layout-active) .hero-store-banner-content h1 {
    font-size: 44.8px;
  }

  body:not(.admin-layout-active) .hero-product-banner strong {
    font-size: 32.8px;
  }

  #servicos.seller-strip h2 {
    font-size: 32.8px;
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  body:not(.admin-layout-active) .hero-store-banner-content h1 {
    font-size: 27.2px;
  }

  body:not(.admin-layout-active) .hero-product-banner strong {
    font-size: 25.6px;
  }

  body:not(.admin-layout-active) .hero-store-banner-actions .button {
    font-size: 8.8px;
  }

  #servicos.seller-strip h2 {
    font-size: 24.8px;
  }
}

@media (max-width: 620px) {
  #servicos.seller-strip h2 {
    font-size: 24px;
  }

  body:not(.admin-layout-active) .hero-store-banner-content h1 {
    font-size: 19.2px;
  }

  body:not(.admin-layout-active) .hero-store-banner-content > span,
  body:not(.admin-layout-active) .hero-store-banner-actions .button,
  .showcase-section .product-card .button {
    font-size: 8px;
  }

  body:not(.admin-layout-active) .hero-product-banner strong {
    font-size: 22.4px;
  }

  body:not(.admin-layout-active) .hero-product-banner b {
    font-size: 16px;
  }

  .showcase-section .product-body h3,
  .showcase-section .product-grid .product-card:first-child .product-body h3 {
    font-size: 11.2px;
  }

  .showcase-section .product-body strong {
    font-size: 13.6px;
  }

  .showcase-section .product-meta p,
  .showcase-section .product-meta span,
  .showcase-section .product-tags span {
    font-size: 7.2px;
  }
}

@media (max-width: 380px) {
  .showcase-section .product-body h3,
  .showcase-section .product-grid .product-card:first-child .product-body h3 {
    font-size: 10.4px;
  }

  .showcase-section .product-body strong {
    font-size: 12px;
  }
}