html[data-template="classic"] {
  --site-radius-sm: 8px;
  --site-radius-md: 14px;
  --site-radius-lg: 22px;
  --site-section-gap: clamp(34px, 5vw, 72px);
}

html[data-template="classic"] body {
  color: var(--site-text);
  background: var(--site-surface);
}

html[data-template="classic"] .hero-search-stack {
  margin-bottom: var(--site-section-gap);
}

html[data-template="classic"] .cards-section,
html[data-template="classic"] .top-houses-week,
html[data-template="classic"] .top-baths-week,
html[data-template="classic"] .top-services-week {
  margin-top: var(--site-section-gap);
}

html[data-template="classic"] .card,
html[data-template="classic"] .house-card,
html[data-template="classic"] .bath-card,
html[data-template="classic"] .service-card,
html[data-template="classic"] .booking-widget,
html[data-template="classic"] .search-widget {
  border-radius: var(--site-radius-md);
}

html[data-template="classic"] button,
html[data-template="classic"] .button,
html[data-template="classic"] .load-more-btn,
html[data-template="classic"] .show-all-btn {
  border-radius: var(--site-radius-sm);
}