/**
 * Family Design DNA — token consumers.
 * Source of truth: SgAiCommerceFamilyDnaRegistry + SgAiCommerceFamilyDnaResolver
 * Pages inherit via --sg-* and --sg-dna-* custom properties.
 */

.sg-shop-header__float {
  border-radius: var(--sg-dna-nav-header-radius, var(--sg-radius-lg));
  backdrop-filter: blur(var(--sg-dna-nav-blur, 20px)) saturate(1.2);
  -webkit-backdrop-filter: blur(var(--sg-dna-nav-blur, 20px)) saturate(1.2);
  transition:
    box-shadow var(--sg-motion-duration) var(--sg-motion-ease),
    transform var(--sg-motion-duration) var(--sg-motion-ease);
}

.sg-shop-header__brand-name {
  font-family: var(--sg-font-display);
  font-weight: var(--sg-font-weight-display, 500);
  letter-spacing: var(--sg-letter-spacing-display, normal);
}

.sg-shop-header__search,
.sg-shop-header__search-input {
  border-radius: var(--sg-dna-btn-radius, var(--sg-radius-md));
}

.sg-ai-card__media {
  aspect-ratio: var(--sg-dna-photo-aspect-product, 4/5);
}

.sg-ai-featured-hero {
  aspect-ratio: var(--sg-dna-photo-aspect-hero, 16/10);
}

.sg-ai-shop__feed,
.sg-ai-shop-experience__feed {
  gap: var(--sg-dna-grid-gap, 1rem);
}

.sg-ai-card__body,
.sg-ai-commerce-cart-item__main {
  padding: var(--sg-dna-card-pad, 1rem);
}

.sg-ai-commerce .sg-btn-primary,
.sg-ai-commerce .sg-ai-checkout__place-order,
.sg-ai-commerce-sticky__cta {
  border-radius: var(--sg-dna-btn-radius, var(--sg-radius-md));
  transition:
    transform var(--sg-dna-motion-fast, var(--sg-motion-duration)) var(--sg-motion-ease),
    box-shadow var(--sg-dna-motion-fast, var(--sg-motion-duration)) var(--sg-motion-ease);
}

body[data-sg-family-dna] .sg-generated-root,
body[data-sg-family-dna][data-sg-render-mode="generated"] {
  font-family: var(--sg-font-body);
}