/* ETERNAMED — reguli responsive. */

@media (min-width: 992px) {

  .index-services .services-responsive-carousel .premium-carousel-viewport {

    overflow: visible;

    padding: .35rem 0 .8rem;

  }

  .index-services .specialties-home-track {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 1.2rem;

  }

  .index-services .specialties-home-track > .premium-carousel-item {

    flex: 0 0 calc((100% - 3.6rem) / 4);

    max-width: calc((100% - 3.6rem) / 4);

    scroll-snap-align: none;

  }

  .index-services .premium-carousel-controls {

    display: none;

  }

  .index-services .premium-carousel-footer {

    grid-template-columns: 1fr;

    justify-items: center;

    margin-top: 1rem;

  }

  .index-services .carousel-all-link {

    grid-column: 1;

    justify-self: center;

  }

}

@media (min-width: 1400px) {

  .container {

    max-width: 1240px;

  }

}

@media (max-width: 991.98px) {

  :root {

    --header-h: 68px;

  }

  .about-media {

    max-width: 560px;

    margin: 0 auto;

  }

}

@media (max-width: 767.98px) {

  .section {

    padding: 3rem 0;

  }

  .section-head {

    margin-bottom: 2rem;

  }

  .site-footer .col-12.col-lg-4 {

    text-align: center;

  }

  .footer-logo {

    display: inline-block;

    margin-inline: auto;

  }

  .footer-text {

    margin-inline: auto;

  }

  .footer-social {

    justify-content: center;

  }

  .cta-band {

    padding: 2.25rem 1.5rem;

  }

  .cta-band .btn {

    width: 100%;

  }

  .footer-bottom {

    justify-content: center;

    text-align: center;

  }

  .footer-legal {

    justify-content: center;

  }

}

@media (max-width: 575.98px) {

  body {

    font-size: 16px;

  }

  .container {

    padding-inline: 16px;

  }

  .page-loader-logo img {

    height: 46px;

    max-width: 150px;

  }

  .page-loader-dots span {

    width: 9px;

    height: 9px;

  }

  .page-loader-inner {

    gap: 1.4rem;

  }

  h1 {

    font-size: clamp(2rem, 7vw, 2.35rem);

  }

  h2 {

    font-size: clamp(1.75rem, 5.5vw, 2rem);

  }

  .section-title {

    font-size: 1.5rem;

  }

  .doctor-image {

    width: 140px;

    height: 140px;

  }

  .doctor-card {

    padding: 1.5rem 1.1rem;

  }

  .value-card, .service-card {

    padding: 1.4rem 1.2rem;

  }

  .floating-actions {

    right: 16px;

    bottom: 26px;

    gap: 10px;

  }

  .back-to-top {

    width: 44px;

    height: 44px;

    font-size: 1.05rem;

  }

  .floating-phone {

    width: 44px;

    height: 44px;

    font-size: 1.35rem;

  }

  .form-card {

    padding: 1.25rem;

  }

}

@media (max-width: 375px) {

  .container {

    padding-inline: 14px;

  }

  .btn {

    padding: .8rem 1.3rem;

    font-size: .9rem;

  }

  .btn-lg {

    padding: .9rem 1.4rem;

    font-size: .95rem;

  }

  .back-to-top {

    width: 40px;

    height: 40px;

    font-size: 1rem;

  }

  .floating-phone {

    width: 40px;

    height: 40px;

    font-size: 1.25rem;

  }

}

@media (max-width: 320px) {

  body {

    font-size: 16px;

  }

  h1 {

    font-size: 1.85rem;

  }

  .doctor-image {

    width: 120px;

    height: 120px;

  }

}

@media (prefers-reduced-motion: reduce) {

  .back-to-top,

    .back-to-top.is-visible,

    .back-to-top:hover,

    .back-to-top:hover i,

    .floating-phone {

    animation: none;

  }

}

@media (prefers-reduced-motion: reduce) {

  \*, \*::before, \*::after {

    animation-duration: .001ms !important;

    transition-duration: .001ms !important;

    scroll-behavior: auto !important;

  }

  .reveal {

    opacity: 1;

    transform: none;

  }

}

@media (prefers-reduced-motion: reduce) {

  .page-loader-inner,

    .page-loader-logo img,

    .page-loader-dots span {

    animation: none;

  }

  .page-loader-dots span {

    opacity: 1;

  }

}

@media (max-width: 991.98px) {

  .pathway-grid {

    margin-top: .5rem;

  }

}

@media (max-width: 767.98px) {

  .section {

    padding: 4.2rem 0;

  }

  .pathway-grid {

    grid-template-columns: 1fr;

  }

  .pathway-card {

    min-height: auto;

  }

  .doctor-monogram {

    width: 128px;

    height: 128px;

  }

}

@media (prefers-reduced-motion: reduce) {

  \*, \*::before, \*::after {

    scroll-behavior: auto !important;

    animation-duration: .01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: .01ms !important;

  }

  .reveal {

    opacity: 1 !important;

    transform: none !important;

  }

}

@media (max-width: 991.98px) {

  .footer-map iframe {

    height: 190px;

  }

}

@media (max-width: 575.98px) {

  .site-footer {

    padding-bottom: env(safe-area-inset-bottom, 0px);

  }

  .footer-map {

    margin-top: 1.25rem;

    border-radius: 16px;

  }

  .footer-map iframe {

    height: 220px;

  }

  .footer-bottom {

    width: 100%;

    margin-top: 2rem;

    padding: 1.35rem 0;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

  }

  .footer-legal {

    justify-content: center;

  }

}

@media (max-width: 991.98px) {

  html {

    scroll-padding-top: 88px;

  }

  section[id],

    [id].section {

    scroll-margin-top: 88px;

  }

}

@media (min-width: 992px) {

  .mission-grid {

    grid-template-columns: 1fr 1fr;

  }

}

@media (min-width: 576px) {

  .values-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 992px) {

  .values-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (min-width: 768px) {

  .tech-list {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 575.98px) {

  .about-slogan {

    flex-direction: column;

    gap: .35rem;

    border: 0;

    padding: 1rem;

  }

  .about-slogan span:not(:last-child)::after {

    display: none;

  }

}

@media (min-width: 576px) {

  .team-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 992px) {

  .team-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (min-width: 576px) {

  .doctor-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 992px) {

  .doctor-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (min-width: 768px) {

  .doctor-card-lg {

    grid-template-columns: 220px 1fr;

    align-items: start;

  }

}

@media (min-width: 576px) {

  .service-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 992px) {

  .service-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (min-width: 992px) {

  .contact-layout {

    grid-template-columns: 1fr 1.15fr;

  }

}

@media (max-width: 767.98px) {

  .map-wrap iframe {

    height: 320px;

  }

}

@media (max-width: 991.98px) {

  .map-wrap-large, .map-wrap-large iframe {

    min-height: 380px;

    height: 380px;

  }

}

@media (min-width: 992px) {

  .service-hero-grid {

    grid-template-columns: 1.05fr 1fr;

  }

}

@media (min-width: 576px) {

  .other-services-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 992px) {

  .other-services-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 991.98px) {

  body {

    font-size: 16px;

  }

  .section {

    padding: 3.6rem 0;

  }

  .principles-editorial,.specialties-grid {

    grid-template-columns: repeat(2,1fr);

  }

  .about-editorial .about-media img {

    min-height: 360px;

  }

}

@media (max-width: 767.98px) {

  h1 {

    font-size: clamp(2.15rem, 8vw, 2.75rem);

  }

  h2 {

    font-size: clamp(1.8rem, 6vw, 2rem);

  }

  .section {

    padding: 3rem 0;

  }

  .section-head {

    margin-bottom: 1.9rem;

  }

  .principles-editorial,.specialties-grid {

    grid-template-columns: 1fr;

  }

  .vision-panel {

    padding: 1.7rem 0;

  }

  .principle-item {

    padding: 1.35rem;

  }

  .about-editorial .about-media img {

    min-height: 0;

    aspect-ratio: 4/3;

    object-position: center;

  }

  .service-detail .service-hero-media img {

    aspect-ratio: 4/3;

    object-position: center;

  }

  .doctor-card .doctor-photo img {

    object-position: center top;

  }

  .cta-band {

    padding: 2.1rem 1.25rem !important;

  }

}

@media (max-width: 575.98px) {

  .container {

    padding-inline: 16px;

  }

  .section {

    padding: 2.65rem 0;

  }

  .page-hero {

    padding-top: 2.6rem !important;

    padding-bottom: 2.6rem !important;

  }

  .filter-chip {

    padding: .5rem .8rem !important;

    font-size: .8rem !important;

  }

}

@media (max-width: 991.98px) {

  .home-specialties-grid {

    grid-template-columns: repeat(2,1fr);

  }

  .specialty-wide {

    grid-column: auto;

  }

  .doctor-grid-preview {

    grid-template-columns: repeat(2,1fr);

  }

  .index-about .about-media img {

    min-height: 420px;

  }

}

@media (max-width: 767.98px) {

  .principles-cards .value-card {

    min-height: 0;

  }

  .home-specialties-grid,

    .doctor-grid-preview {

    grid-template-columns: 1fr;

  }

  .specialty-editorial {

    min-height: 0 !important;

  }

  .doctor-filters {

    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    overflow-x: auto;

    padding: .15rem 0 .55rem;

    scrollbar-width: thin;

  }

  .filter-chip {

    flex: 0 0 auto;

    white-space: nowrap;

  }

  .doctor-grid {

    grid-template-columns: repeat(2,1fr) !important;

  }

  .doctor-card {

    min-height: 300px;

  }

  .doctor-photo {

    height: 155px !important;

  }

  .cta-band {

    padding: 2.4rem 1.35rem !important;

  }

}

@media (max-width: 575.98px) {

  .doctor-grid {

    grid-template-columns: 1fr !important;

  }

  .doctor-card {

    min-height: 0;

  }

  .doctor-photo {

    height: 170px !important;

  }

  .doctor-card-body {

    padding: 1.1rem 1.15rem 1.2rem;

  }

  .section-action .btn {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .specialties-grid > .specialty-editorial:last-child:nth-child(3n + 1) {

    grid-column: auto;

  }

}

@media (min-width: 992px) {

  .doctor-grid {

    grid-template-columns: repeat(3, minmax(0,1fr));

  }

}

@media (max-width: 991.98px) {

  .specialties-grid {

    grid-template-columns: repeat(2, minmax(0,1fr));

  }

  .doctor-grid-preview {

    grid-template-columns: repeat(2, minmax(0,1fr));

  }

  .principles-editorial {

    grid-template-columns: repeat(2,1fr);

  }

}

@media (max-width: 767.98px) {

  .specialties-grid,

    .doctor-grid-preview,

    .principles-editorial {

    grid-template-columns: 1fr;

  }

  .specialty-editorial {

    min-height: 210px;

  }

  .doctor-card-body {

    min-height: 160px;

  }

  .doctor-filters {

    justify-content: flex-start;

    flex-wrap: nowrap;

    overflow-x: auto;

    padding: 0 1px .55rem;

    margin-inline: -1px;

    scrollbar-width: thin;

    scroll-snap-type: x proximity;

  }

  .filter-chip {

    flex: 0 0 auto;

    scroll-snap-align: start;

  }

  .filter-chip:first-child {

    margin-left: 0;

  }

  .vision-panel {

    padding: 1.6rem 1.45rem;

  }

}

@media (max-width: 575.98px) {

  .value-card,

    .specialty-editorial,

    .pathway-card,

    .contact-info-card,

    .visit-card {

    border-radius: 14px !important;

  }

  .doctor-photo {

    aspect-ratio: 4 / 4.7;

  }

  .doctor-image {

    object-position: center 15%;

  }

  .doctor-card-body {

    padding: 1.2rem 1.2rem 1.3rem;

  }

}

@media (max-width: 991.98px) {

  .premium-carousel {

    --carousel-visible: 2;

    --carousel-gap: 1.1rem;

  }

  .premium-carousel-footer {

    grid-template-columns: 1fr auto 1fr;

  }

  .index-services .specialty-editorial {

    min-height: 300px;

  }

}

@media (max-width: 767.98px) {

  .premium-carousel {

    --carousel-visible: 1;

    --carousel-gap: .9rem;

  }

  .premium-carousel-viewport {

    margin-inline: -.15rem;

    padding-inline: .15rem;

  }

  .premium-carousel-footer {

    margin-top: .65rem;

    grid-template-columns: 1fr;

    justify-items: center;

    gap: .85rem;

  }

  .premium-carousel-controls,

    .carousel-all-link {

    grid-column: 1;

    justify-self: center;

  }

  .carousel-arrow {

    width: 42px;

    height: 42px;

  }

  .index-services .specialty-editorial {

    min-height: 285px;

    padding: 1.6rem 1.4rem;

  }

}

@media (max-width: 1199.98px) and (min-width: 992px) {

  .main-nav .container {

    gap: .55rem;

  }

  .logo img {

    width: 132px;

  }

  .nav-link {

    padding-inline: .5rem !important;

    font-size: .81rem;

  }

  .nav-link::after {

    left: .5rem;

    right: .5rem;

  }

  .btn-cta {

    padding-inline: .82rem !important;

    font-size: .77rem !important;

  }

  .lang-switcher {

    display: none;

  }

}

@media (max-width: 991.98px) {

  .site-header {

    z-index: 5000;

  }

  .topbar {

    display: block;

    max-height: 32px;

  }

  .topbar-inner {

    min-height: 32px;

    padding: .18rem .4rem;

    gap: .55rem;

    flex-wrap: nowrap;

  }

  .topbar-link {

    font-size: .64rem;

    white-space: nowrap;

  }

  .topbar-link i {

    font-size: .72rem;

  }

  .topbar-sep {

    display: none;

  }

  .main-nav,

    .main-nav .container {

    min-height: 60px;

  }

  .main-nav .container {

    padding-top: .18rem;

    padding-bottom: .18rem;

    flex-wrap: wrap;

  }

  .logo img {

    width: 112px;

    max-height: 70px;

  }

  .nav-toggle {

    display: inline-flex;

    margin-left: auto;

  }

  .navbar-collapse {

    flex-basis: 100%;

    margin-top: .35rem;

    padding: .75rem .15rem .9rem;

    border-top: 1px solid #E7E1D7;

    background: #FAF9F6;

  }

  .nav-list {

    align-items: stretch;

    gap: .12rem;

    margin-bottom: .75rem !important;

  }

  .nav-link {

    width: 100%;

    padding: .72rem .82rem !important;

    border-radius: 10px;

    font-size: .92rem;

  }

  .nav-link::after {

    display: none;

  }

  .nav-link.active {

    background: #F1EBDD;

    color: #B89A5B !important;

  }

  .nav-actions {

    flex-direction: column;

    align-items: stretch;

    gap: .65rem;

    padding-top: .6rem;

    border-top: 1px solid #E7E1D7;

  }

  .lang-switcher {

    align-self: flex-start;

  }

  .btn-cta {

    width: 100%;

    justify-content: center;

  }

  .site-header.is-scrolled .topbar {

    max-height: 0;

    opacity: 0;

    overflow: hidden;

  }

  .site-header.is-scrolled .main-nav,

    .site-header.is-scrolled .main-nav .container {

    min-height: 54px;

  }

  .site-header.is-scrolled .logo img {

    width: 102px;

    max-height: 46px;

  }

}

@media (max-width: 575.98px) {

  .topbar-inner {

    gap: .35rem;

  }

  .topbar-link {

    font-size: .59rem;

  }

  .main-nav,

    .main-nav .container {

    min-height: 56px;

  }

  .logo img {

    width: 104px;

    max-height: 95px;

  }

  .nav-toggle {

    width: 40px;

    height: 40px;

    min-width: 40px;

  }

  .navbar-collapse {

    padding-bottom: .8rem;

  }

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 479.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {

  body[data-page="doctors"] .doctor-photo {

    aspect-ratio: 4 / 4.5 !important;

    height: auto !important;

  }

  body[data-page="doctors"] .doctor-card-body {

    min-height: 100px !important;

    padding: .85rem 1rem .95rem !important;

  }

}

@media (max-width: 767.98px) {

  body[data-page="doctors"] .doctor-photo {

    aspect-ratio: 4 / 4.6 !important;

  }

  body[data-page="doctors"] .doctor-card-body {

    min-height: 96px !important;

    padding: .8rem .95rem .9rem !important;

  }

}

@media (max-width: 767.98px) {

}

@media (max-width: 479.98px) {

}

@media (max-width: 767.98px) {

  .doctor-schedule-btn {

    min-height: 34px;

    padding: .54rem 1.05rem;

    font-size: .78rem;

  }

  body[data-page="doctors"] .doctor-card-body {

    min-height: 120px !important;

    padding-bottom: .9rem !important;

  }

}

@media (max-width: 991.98px) {

  .legal-layout {

    grid-template-columns: 1fr;

  }

  .legal-aside {

    position: static;

  }

}

@media (max-width: 575.98px) {

  .legal-content,

    .legal-summary-card {

    padding: 1.25rem;

  }

}

@media (max-width: 991.98px) {

  .page-hero h1,

  .service-hero h1 {

    font-size: clamp(2.5rem, 5vw, 3rem);

  }

  .editorial-split-reverse .editorial-copy,

  .editorial-split-reverse .editorial-media {

    order: initial;

  }

  .index-services .services-responsive-carousel {

    --carousel-visible: 2;

    --carousel-gap: 1rem;

  }

  .index-services .specialties-home-track {

    flex-wrap: nowrap;

    justify-content: flex-start;

  }

  .index-services .specialties-home-track > .premium-carousel-item {

    flex: 0 0 calc((100% - var(--carousel-gap)) / 2);

    max-width: none;

  }

  .hero.eternamed-hero,

    .hero.eternamed-hero .container {

    min-height: 545px !important;

  }

  .hero.eternamed-hero .hero-photo img {

    object-position: center 46%;

  }

  .hero.eternamed-hero .hero-copy {

    width: min(520px, 62%) !important;

    padding: 3.4rem 0 !important;

  }

  .hero.eternamed-hero .hero-title {

    font-size: clamp(2.5rem, 5.5vw, 3.25rem) !important;

  }

  .editorial-split {

    grid-template-columns: 1fr;

    gap: 2rem;

  }

  .editorial-media {

    max-width: 760px;

  }

  .editorial-copy {

    max-width: 780px;

  }

}

@media (max-width: 767.98px) {

  .page-hero h1,

  .service-hero h1 {

    font-size: clamp(2.05rem, 7vw, 2.5rem);

    line-height: 1.08;

  }

  .index-services .services-responsive-carousel {

    --carousel-gap: .9rem;

  }

  .index-services .services-responsive-carousel .premium-carousel-viewport {

    overflow-x: auto;

    scroll-snap-type: x mandatory;

    padding: .25rem 0 .75rem;

  }

  .index-services .specialties-home-track > .premium-carousel-item {

    flex: 0 0 84%;

    max-width: 84%;

    scroll-snap-align: start;

  }

  .index-services .specialties-home-track > .premium-carousel-item:last-child {

    scroll-snap-align: end;

  }

  .index-services .specialty-editorial {

    min-height: 260px;

    padding: 1.45rem 1.3rem;

  }

  .hero.eternamed-hero {

    min-height: 520px !important;

    height: auto !important;

    aspect-ratio: auto !important;

  }

  .hero.eternamed-hero .hero-photo img {

    object-position: 52% center;

  }

  .hero.eternamed-hero .hero-photo::after {

    inset: 0 auto 0 0 !important;

    width: 88% !important;

    background: linear-gradient(
        90deg,
        rgba(250,249,246,.60) 0%,
        rgba(250,249,246,.42) 44%,
        rgba(250,249,246,.16) 72%,
        rgba(250,249,246,0) 100%
      ) !important;
}

  .hero.eternamed-hero .container {

    min-height: 520px !important;

    height: auto !important;

    align-items: center !important;

  }

  .hero.eternamed-hero .hero-copy {

    width: min(86%, 390px) !important;

    max-width: 390px !important;

    padding: 0 !important;
    margin-top: 225px !important;

  }

  .hero.eternamed-hero .hero-brand {

    margin-bottom: .55rem !important;

    font-size: .68rem !important;

  }

  .hero.eternamed-hero .hero-title {

    margin-bottom: .7rem !important;

    font-size: clamp(1.52rem, 1vw, 1.9rem) !important;

    line-height: 1 !important;

  }

  .hero.eternamed-hero .hero-tagline {

    max-width: 24ch !important;

    margin-bottom: 1.1rem !important;

    font-size: .92rem !important;

    line-height: 1.5 !important;

  }

  .hero.eternamed-hero .hero-actions .btn-primary {

    min-height: 46px !important;

    padding: .7rem 1.2rem !important;

    font-size: .88rem !important;

  }

  .hero-followup {

    padding: 1.65rem 0 1.8rem;

  }

  .hero-followup-inner {

    grid-template-columns: 1fr;

    gap: .9rem;

  }

  .hero-followup p {

    font-size: .94rem;

    line-height: 1.65;

  }

  .hero-followup p + p {

    padding-top: .95rem;

    padding-left: 0;

    border-top: 1px solid #E2D9CA;

    border-left: 0;

  }

  .editorial-media img {

    aspect-ratio: 4 / 3;

  }

  .final-life-panel {

    padding: 2rem 1.25rem;

  }

  .final-life-motto {

    display: grid;

    gap: .35rem;

  }

  .final-life-motto span::after {

    display: none;

  }

}

@media (max-width: 420px) {

  .hero.eternamed-hero,

    .hero.eternamed-hero .container {

    min-height: 485px !important;

  }

  .hero.eternamed-hero .hero-copy {

    width: 90% !important;

  }

  .hero.eternamed-hero .hero-title {

    font-size: clamp(1.85rem, 8vw, 2.2rem) !important;

  }

  .hero.eternamed-hero .hero-tagline {

    font-size: .84rem !important;

  }

  .hero.eternamed-hero .hero-actions .btn-primary {

    font-size: .82rem !important;

  }

  .index-services .specialties-home-track > .premium-carousel-item {

    flex-basis: 88%;

    max-width: 88%;

  }

}

@media (max-width: 767.98px) {

  .medical-chapter {

    grid-template-columns: 1fr;

    gap: .55rem;

    padding: 1.25rem 0;

  }

  .medical-chapter ul,

  .medical-chapter ul + p {

    grid-column: 1;

  }

  .service-final-statement {

    margin-top: 1.5rem;

    padding: 1.15rem 1.2rem;

  }

}

/* =========================================================
   INDEX — ECHIPA MEDICALĂ / RESPONSIVE FINAL
   Tabletă: 2 carduri
   Telefon: 1 card mare + preview din următorul
   ========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
  .index-doctors .premium-carousel {
    --carousel-visible: 2;
    --carousel-gap: 1.1rem;
  }

  .index-doctors .premium-carousel-item {
    flex: 0 0 calc((100% - var(--carousel-gap)) / 2);
    max-width: calc((100% - var(--carousel-gap)) / 2);
  }

  .index-doctors .doctor-photo {
    aspect-ratio: 4 / 4.5 !important;
  }

  .index-doctors .doctor-card-body {
    min-height: 120px !important;
    padding: .85rem 1rem .95rem !important;
  }
}

@media (max-width: 767.98px) {
  .index-doctors .premium-carousel {
    --carousel-gap: .95rem;
  }

  .index-doctors .premium-carousel-viewport {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    margin: 0 !important;
    padding: .3rem 0 1rem !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    overscroll-behavior-x: contain;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .index-doctors .premium-carousel-viewport::-webkit-scrollbar {
    display: none !important;
  }

  .index-doctors .premium-carousel-track {
    display: flex !important;
    width: max-content !important;
    min-width: 100% !important;
    gap: var(--carousel-gap) !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .index-doctors .premium-carousel-item {
    flex: 0 0 84vw !important;
    width: 84vw !important;
    max-width: 340px !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  .index-doctors .premium-carousel-item:last-child {
    scroll-snap-align: end !important;
  }

  .index-doctors .doctor-card {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

  .index-doctors .doctor-photo {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 4.6 !important;
  }

  .index-doctors .doctor-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .index-doctors .doctor-card-body {
    min-height: 115px !important;
    padding: .85rem 1rem .95rem !important;
  }

  .index-doctors .premium-carousel-track::after {
    content: none !important;
    display: none !important;
  }

  .index-doctors .premium-carousel-footer {
    margin-top: .7rem !important;
  }

  .index-doctors .carousel-dots {
    gap: .5rem !important;
  }

  .index-doctors .carousel-dot {
    width: 8px !important;
    height: 8px !important;
  }

  .index-doctors .carousel-dot.is-active {
    width: 24px !important;
  }
}

@media (max-width: 479.98px) {
  .index-doctors .premium-carousel {
    --carousel-gap: .85rem;
  }

  .index-doctors .premium-carousel-item {
    flex-basis: 86vw !important;
    width: 86vw !important;
    max-width: 320px !important;
  }

  .index-doctors .doctor-photo {
    aspect-ratio: 4 / 4.7 !important;
  }

  .index-doctors .doctor-card-body {
    min-height: 108px !important;
    padding: .8rem .9rem .9rem !important;
  }

  .index-doctors .doctor-name {
    font-size: 1.08rem !important;
  }

  .index-doctors .doctor-role {
    font-size: .88rem !important;
  }
}

@media (max-width: 375px) {
  .index-doctors .premium-carousel-item {
    flex-basis: 88vw !important;
    width: 88vw !important;
    max-width: 300px !important;
  }

  .index-doctors .doctor-photo {
    aspect-ratio: 4 / 4.75 !important;
  }
}

/* =========================================================
   HOMEPAGE HERO — CARDURI 600–991 / POLISH FINAL
   < 600px: HERO mobil existent, fără carduri.
   600–991px: text + carduri coexistă fără suprapuneri.
   >= 992px: varianta desktop din main.css.
   ========================================================= */

/* Tabletă / landscape / ecrane intermediare. */
@media (min-width: 600px) and (max-width: 991.98px) {
  .hero.eternamed-hero,
  .hero.eternamed-hero .container {
    min-height: 590px !important;
  }

  .hero.eternamed-hero .container {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
    align-items: center !important;
    gap: clamp(1rem, 2.2vw, 1.6rem);
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero.eternamed-hero .hero-copy {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 2.4rem 0 !important;
  }

  .hero.eternamed-hero .hero-title {
    max-width: 15ch !important;
    margin-bottom: .7rem !important;
    font-size: clamp(2.15rem, 5vw, 3rem) !important;
    line-height: 1.02 !important;
  }

  .hero.eternamed-hero .hero-tagline {
    max-width: 32ch !important;
    margin-bottom: 1rem !important;
    font-size: clamp(.82rem, 1.8vw, 1rem) !important;
    line-height: 1.45 !important;
  }

  .hero.eternamed-hero .hero-actions .btn-primary {
    min-height: 44px !important;
    padding: .68rem 1.05rem !important;
    font-size: .84rem !important;
  }

  .hero-desktop-services {
    position: relative !important;
    inset: auto !important;
    z-index: 4;

    display: flex !important;
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0;

    flex-direction: column;
    gap: 9px;

    margin: 0 0 0 auto !important;
    transform: none !important;
  }

  .hero-service-card {
    min-height: 74px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 10px;

    padding: 10px 11px;

    border: 1px solid rgba(255,255,255,.76);
    border-radius: 15px;

    background: rgba(250,249,246,.74);

    -webkit-backdrop-filter: blur(14px) saturate(.96);
    backdrop-filter: blur(14px) saturate(.96);

    box-shadow:
      0 12px 28px rgba(32,35,39,.10),
      inset 0 1px 0 rgba(255,255,255,.58);

    overflow: hidden;
  }

  .hero-service-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    border-radius: 50%;

    background: rgba(255,255,255,.82);
    color: #B89A5B;

    font-size: 1.05rem;
  }

  .hero-service-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .hero-service-copy strong {
    display: block;
    color: #173F3A;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .hero-service-copy small {
    display: block;
    color: #5F5D58;
    font-size: .66rem;
    font-weight: 500;
    line-height: 1.28;
    overflow-wrap: anywhere;
  }

  .hero-service-arrow {
    justify-self: end;
    color: #B89A5B;
    font-size: .78rem;
  }
}

/* 600–767px: cea mai dificilă zonă — compactăm controlat. */
@media (min-width: 599px) and (max-width: 767.98px) {
  .hero.eternamed-hero,
  .hero.eternamed-hero .container {
    min-height: 570px !important;
  }

  .hero.eternamed-hero .container {
    grid-template-columns: minmax(0, 1fr) 248px;
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero.eternamed-hero .hero-copy {
    padding: 2rem 0 !important;
  }

  .hero.eternamed-hero .hero-brand {
    margin-bottom: .45rem !important;
    font-size: .64rem !important;
  }

  .hero.eternamed-hero .hero-title {
    max-width: 12ch !important;
    font-size: clamp(1.85rem, 5.4vw, 2.35rem) !important;
  }

  .hero.eternamed-hero .hero-tagline {
    max-width: 27ch !important;
    font-size: .78rem !important;
    line-height: 1.4 !important;
  }

  .hero.eternamed-hero .hero-actions .btn-primary {
    min-height: 42px !important;
    padding: .62rem .9rem !important;
    font-size: .77rem !important;
  }

  .hero-desktop-services {
    max-width: 248px !important;
    gap: 8px;
  }

  .hero-service-card {
    min-height: 68px;
    grid-template-columns: 38px minmax(0, 1fr) 12px;
    gap: 8px;
    padding: 8px 9px;
    border-radius: 14px;
  }

  .hero-service-icon {
    width: 38px;
    height: 38px;
    font-size: .92rem;
  }

  .hero-service-copy strong {
    font-size: .76rem;
  }

  .hero-service-copy small {
    font-size: .60rem;
    line-height: 1.22;
  }

  .hero-service-arrow {
    font-size: .7rem;
  }
}

/* 768–991px: puțin mai aerisit. */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero.eternamed-hero .container {
    grid-template-columns: minmax(0, 1fr) clamp(270px, 34vw, 300px);
  }

  .hero-desktop-services {
    max-width: 300px !important;
  }
}

/* =========================================================
   HOMEPAGE HERO — MOBILE / ICON ONLY
   Varianta finală: carduri în dreapta, SVG centrat, toate aurii.
   ========================================================= */
@media (max-width: 599.98px) {
  .hero.eternamed-hero,
  .hero.eternamed-hero .container {
    position: relative !important;
  }

  .hero-desktop-services {
    position: absolute !important;
    top: 55% !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    gap: 8px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .hero-service-card {
    width: 57px !important;
    min-width: 55px !important;
    height: 55px !important;
    min-height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(249,247,242,.58), rgba(242,236,224,.46)) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1) !important;
    backdrop-filter: blur(14px) saturate(1) !important;
    box-shadow: 0 12px 26px rgba(32,35,39,.12), inset 0 1px 0 rgba(255,255,255,.62) !important;
    overflow: hidden !important;
  }

  .hero-service-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border: 1px solid rgba(232,225,208,.92) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 4px 12px rgba(28,33,33,.07), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  .hero-service-svg {
    width: 23px !important;
    height: 23px !important;
    max-width: 23px !important;
    max-height: 23px !important;
    display: block !important;
    margin: 0 auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
  }

  .hero-service-card:nth-child(3) .hero-service-svg,
  .hero-service-card:nth-child(4) .hero-service-svg {
    color: #B89A5B !important;
  }

  .hero-service-card:nth-child(3) .hero-service-svg g,
  .hero-service-card:nth-child(4) .hero-service-svg g,
  .hero-service-card:nth-child(3) .hero-service-svg path,
  .hero-service-card:nth-child(3) .hero-service-svg circle,
  .hero-service-card:nth-child(4) .hero-service-svg path,
  .hero-service-card:nth-child(4) .hero-service-svg circle {
    stroke: #B89A5B !important;
  }

  .hero-service-copy,
  .hero-service-arrow {
    display: none !important;
  }
}

@media (max-width: 374.98px) {
  .hero-desktop-services {
    right: 8px !important;
    gap: 7px !important;
  }

  .hero-service-card {
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    border-radius: 18px !important;
  }

  .hero-service-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-basis: 42px !important;
  }

  .hero-service-svg {
    width: 19px !important;
    height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
  }
}