/* Our services — edge-to-edge cards, no side white padding */
.vitrin-section.services {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vitrin-section.services .section-title {
  padding-left: var(--insel-s-4, 16px) !important;
  padding-right: var(--insel-s-4, 16px) !important;
  margin-bottom: 1.5rem !important;
}

.insel-services-wrap,
.insel-services-wrap .splide,
.insel-services-wrap .splide__track,
.insel-services-wrap .splide__list,
.insel-services-wrap .splide__slide {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.insel-service-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.insel-service-card__media {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.insel-service-card__media img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

.insel-service-card p {
  padding-left: var(--insel-s-4, 16px) !important;
  padding-right: var(--insel-s-4, 16px) !important;
  margin: 0.25rem 0 !important;
}

.insel-service-card__cta {
  margin-bottom: 1rem !important;
}

/* Extra / CMS pages — match insel.sa blog/page layout */
.insel-blog-page {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.insel-blog-shell {
  width: 100% !important;
  max-width: 80rem !important;
  margin: 0 auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 1024px) {
  .insel-blog-shell {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}

.insel-blog-page > .insel-blog-shell,
.insel-blog-page .insel-blog-shell {
  text-align: center !important;
}

.insel-blog-page h2.text-primary {
  margin: 0 0 2rem !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 700 !important;
  color: #000 !important;
}

@media (min-width: 1024px) {
  .insel-blog-page h2.text-primary {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
}

.insel-blog-content,
.blog-text {
  width: 100% !important;
  margin: 0 auto !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: #000 !important;
  text-align: center !important;
}

.insel-blog-content img,
.blog-text img {
  max-width: 100% !important;
  height: auto !important;
}

.insel-blog-breadcrumb {
  list-style: none !important;
  margin: 0 !important;
  padding-top: 1rem !important;
  padding-bottom: 0.625rem !important;
}

.insel-blog-breadcrumb a {
  color: inherit !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
}

.insel-blog-listing {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/* Category hero visuals — spacing tokens live in insel-spacing.css */
.insel-category-hero {
  background: #fff;
}

/* Options frame styles live in product-card-options.css */