/**
 * Tiny Place — section sizing/positioning aligned with MinimalInterior.
 * Colors, murals, and rounded controls stay in story-pages.css (theme-tinyplace).
 */

/* —— Hero —— */
body.theme-tinyplace .brand-hero,
body.theme-tinyplace-alt .brand-hero,
body.theme-tinyplace .brand-hero.brand-hero-with-logo,
body.theme-tinyplace-alt .brand-hero.brand-hero-with-logo {
  margin: 0;
  padding: calc(60px + var(--space-2xl)) var(--space-lg) var(--space-2xl);
}

body.theme-tinyplace .brand-hero-desc,
body.theme-tinyplace-alt .brand-hero-desc {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

body.theme-tinyplace .brand-hero-subtitle,
body.theme-tinyplace-alt .brand-hero-subtitle {
  font-size: 1.25rem;
}

/* —— Services —— */
body.theme-tinyplace .services-section.design-2,
body.theme-tinyplace-alt .services-section.design-2 {
  margin: 0;
  padding: var(--space-2xl) var(--space-md);
}

body.theme-tinyplace .services-section.design-2 .story-container,
body.theme-tinyplace-alt .services-section.design-2 .story-container,
body.theme-tinyplace .services-stack-layout,
body.theme-tinyplace-alt .services-stack-layout,
body.theme-tinyplace .services-stack-zone,
body.theme-tinyplace-alt .services-stack-zone {
  position: relative;
  z-index: 1;
}

/* —— Explore categories —— */
body.theme-tinyplace .brand-categories-section,
body.theme-tinyplace-alt .brand-categories-section {
  padding: var(--space-2xl) var(--space-md);
}

body.theme-tinyplace .brand-category-block,
body.theme-tinyplace-alt .brand-category-block {
  padding: var(--space-lg);
}

/* —— Shop (Tiny Place only) —— */
body.theme-tinyplace .brand-products-section,
body.theme-tinyplace-alt .brand-products-section {
  padding: var(--space-2xl) var(--space-md);
}

/* —— Story CTA —— */
body.theme-tinyplace .brand-story-cta,
body.theme-tinyplace-alt .brand-story-cta {
  padding: var(--space-2xl) var(--space-md);
}

body.theme-tinyplace .brand-story-cta .story-container,
body.theme-tinyplace-alt .brand-story-cta .story-container {
  max-width: 800px;
}

/* —— Category / project subpages —— */
body.theme-tinyplace .category-showroom-section,
body.theme-tinyplace-alt .category-showroom-section,
body.theme-tinyplace .project-detail-section,
body.theme-tinyplace-alt .project-detail-section {
  padding: calc(60px + var(--space-xl)) var(--space-md) var(--space-2xl);
}

@media (max-width: 768px) {
  body.theme-tinyplace .brand-hero,
  body.theme-tinyplace-alt .brand-hero {
    padding: calc(60px + var(--space-xl)) var(--space-md) var(--space-xl);
  }
}