.services-tabs__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-tabs__btn {
    background-color: transparent;
}
.services-tabs__btn:hover {
    background-color: color-mix(in srgb, var(--bs-secondary-color) 6%, transparent);
}
.services-tabs__btn.is-active {
    border-color: var(--bs-primary) !important;
    background-color: color-mix(in srgb, var(--bs-primary) 8%, transparent) !important;
}

/* process natgeo — accent line, large icon cells (no colors) */
.process-natgeo__accent-line {
    width: 2.5rem;
    flex-shrink: 0;
}
.process-natgeo__icon-cell {
    aspect-ratio: 1 / 1;
    width: 8rem;
    height: 8rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.process-natgeo__icons {
    min-width: 0;
}
.process-natgeo__icons > * {
    min-width: 0;
}
.process-natgeo__icon {
    font-size: 3rem !important;
    line-height: 0 !important;
    width: auto;
    height: auto;
    display: inline-block;
}
@media (min-width: 768px) {
    .process-natgeo__icon {
        font-size: 3.75rem !important;
    }
}

.hero-sidebar__cart-btn.hero-sidebar__cart-btn--added {
  opacity: 0.6;
  cursor: not-allowed;
  transform: scale(1);
}

.hero-sidebar__cta-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.hero-sidebar__btn-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.hero-sidebar__media-gap {
    margin-bottom: 4rem;
}

.hero-sidebar__grid-gap {
    gap: 4rem;
}

/* Match Tailwind flex-1 min-w-0 (flex-grow-1 alone keeps content-sized column) */
.hero-sidebar__main-slot {
    width: 100%;
    min-width: 0;
}

@media (min-width: 768px) {
    .hero-sidebar__main-slot {
        flex: 1 1 0%;
        width: auto;
    }
}

.hero-sidebar__block-pad {
    padding-bottom: 4rem;
}

.hero-sidebar__block-gap {
    margin-bottom: 4rem;
}

.hero-sidebar__last-reset:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hero-sidebar__cover {
    height: 22rem;
}

.hero-sidebar__dot {
    width: 0.5rem;
    height: 0.5rem;
}

@media (min-width: 768px) {
    .hero-sidebar__sidebar-col {
        position: sticky;
        top: 2rem;
        flex: 0 0 auto;
        width: 18rem;
        max-width: 18rem;
    }
}

.mxw-6xl { max-width: 72rem !important; }