/*
Theme Name: Ecosoap
Theme URI: https://mygoalthemes.com/demo/ecosoap
Author: GoalTheme
Author URI: #
Description: Ecosoap is clean theme, it's used Goalthemes Framework.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ecosoap
Tested up to: 5.4
Requires PHP: 7.0
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
img{
    max-width: 100%;
    height:auto;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 32px 2em;
}
.wp-block-image .alignright{
    margin-left: 2em;
}
.alignleft {
    float: left;
    margin: 5px 2em 32px 0;
}
.wp-block-image .alignleft{
    margin-right: 2em;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}
.wp-block-pullquote{
    border:none;
}
.wp-block-categories-list.aligncenter{
    text-align: center;
}

rs-module-wrap{
    z-index: 0;
}

.aita-video-hero {
  position: relative;
  width: 100%;
  min-height: 92vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #17382d;
}

.aita-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aita-video-mobile {
  display: none;
}

.aita-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.aita-video-content {
  position: relative;
  z-index: 2;
  width: min(1180px, 92%);
  color: #fff;
  text-align: left;
  padding-top: 80px;
}

.aita-video-kicker {
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 18px;
  color: #f5d9a6;
}

.aita-video-content h1 {
  max-width: 760px;
  font-size: clamp(48px, 6vw, 92px);
  line-height: 0.95;
  margin: 0 0 26px;
  color: #fff;
  font-weight: 700;
}

.aita-video-content p {
  max-width: 620px;
  font-size: 20px;
  line-height: 1.6;
  margin: 0 0 34px;
  color: rgba(255,255,255,0.9);
}

.aita-video-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.aita-video-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 26px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: all 0.25s ease;
}

.aita-video-btn-primary {
  background: #273f2f;
  color: #fff;
}

.aita-video-btn-primary:hover {
  background: #1a2b20;
  color: #fff;
  transform: translateY(-2px);
}

.aita-video-btn-outline {
  background: rgba(255,255,255,0.14);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.45);
  backdrop-filter: blur(8px);
}

.aita-video-btn-outline:hover {
  background: rgba(255,255,255,0.24);
  color: #fff;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 767px) {
  .aita-video-hero {
    min-height: 100svh;
    align-items: flex-end;
  }

  .aita-video-desktop {
    display: none;
  }

  .aita-video-mobile {
    display: block;
  }

  .aita-video-overlay {
    background: linear-gradient(
      180deg,
      rgba(18, 49, 38, 0.12) 0%,
      rgba(18, 49, 38, 0.48) 48%,
      rgba(18, 49, 38, 0.9) 100%
    );
  }

  .aita-video-content {
    width: 88%;
    padding: 0 0 70px;
    text-align: center;
  }

  .aita-video-kicker {
    font-size: 11px;
    margin-bottom: 14px;
  }

  .aita-video-content h1 {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 18px;
  }

  .aita-video-content p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 26px;
  }

  .aita-video-actions {
    justify-content: center;
  }

  .aita-video-btn {
    width: 100%;
    max-width: 260px;
  }
}

/* disattivare slideshow hero slider revolution */
.elementor-element-b87669a{
    display: none !important;
}
/* fine disattivare slideshow hero slider revolution */
.header-mobile {
      background: #85a27c !important;
}

/* ==================================================
   SEZIONE PRENOTA I SERVIZI
   ================================================== */

.farmacia-servizi {
    width: 100%;
    overflow: hidden;
    background: #f2e4d3;
}

.farmacia-servizi__container {
    width: min(100% - 60px, 1420px);
    min-height: 640px;
    margin: 0 auto;
    padding: 85px 0;
    display: grid;
    grid-template-columns: 42% 58%;
    align-items: center;
    gap: 50px;
}


/* CONTENUTO TESTUALE */

.farmacia-servizi__content {
    position: relative;
    z-index: 3;
    padding-left: 15px;
}

.farmacia-servizi__title {
    margin: 0 0 25px;
    color: #205344;
    font-family: inherit;
    font-size: clamp(42px, 4vw, 66px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.farmacia-servizi__button {
    width: fit-content;
    min-width: 190px;
    min-height: 58px;
    margin-bottom: 35px;
    padding: 15px 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-radius: 999px;
    background: #8eac86;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.4px;
    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.farmacia-servizi__button:hover {
    background: #205344;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(32, 83, 68, 0.18);
}

.farmacia-servizi__arrow {
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    line-height: 0;
    transition: transform 0.25s ease;
}

.farmacia-servizi__button:hover .farmacia-servizi__arrow {
    transform: translateX(5px);
}

.farmacia-servizi__description {
    max-width: 580px;
    color: #3f4846;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
}

.farmacia-servizi__description p {
    margin: 0 0 8px;
}

.farmacia-servizi__description p:last-child {
    margin-bottom: 0;
}

.farmacia-servizi__description strong {
    color: #263f39;
    font-weight: 700;
}


/* GALLERIA IMMAGINI */

.farmacia-servizi__gallery {
    position: relative;
    min-height: 470px;
}

.farmacia-servizi__image {
    position: absolute;
    overflow: hidden;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 24px 55px rgba(64, 54, 42, 0.13);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.farmacia-servizi__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.farmacia-servizi__image--left {
    z-index: 2;
    top: 105px;
    left: 2%;
    width: 56%;
    height: 330px;
    transform: rotate(-4deg);
}

.farmacia-servizi__image--right {
    z-index: 1;
    top: 30px;
    right: 0;
    width: 57%;
    height: 370px;
    transform: rotate(5deg);
}

.farmacia-servizi__gallery:hover .farmacia-servizi__image--left {
    transform: rotate(-2deg) translateY(-5px);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.17);
}

.farmacia-servizi__gallery:hover .farmacia-servizi__image--right {
    transform: rotate(3deg) translateY(-5px);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.17);
}


/* TABLET */

@media screen and (max-width: 1024px) {

    .farmacia-servizi__container {
        width: min(100% - 40px, 900px);
        min-height: auto;
        padding: 75px 0;
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .farmacia-servizi__content {
        padding-left: 0;
        text-align: center;
    }

    .farmacia-servizi__button {
        margin-right: auto;
        margin-left: auto;
    }

    .farmacia-servizi__description {
        margin: 0 auto;
    }

    .farmacia-servizi__gallery {
        width: 100%;
        max-width: 760px;
        min-height: 460px;
        margin: 0 auto;
    }

    .farmacia-servizi__image--left {
        left: 4%;
    }

    .farmacia-servizi__image--right {
        right: 4%;
    }
}


/* SMARTPHONE */

@media screen and (max-width: 767px) {

    .farmacia-servizi__container {
        width: min(100% - 30px, 600px);
        padding: 60px 0 45px;
        gap: 25px;
    }

    .farmacia-servizi__title {
        margin-bottom: 20px;
        font-size: 39px;
        letter-spacing: -1px;
    }

    .farmacia-servizi__button {
        min-width: 175px;
        min-height: 54px;
        margin-bottom: 27px;
        padding: 14px 23px;
        font-size: 14px;
    }

    .farmacia-servizi__description {
        font-size: 16px;
        line-height: 1.6;
    }

    .farmacia-servizi__gallery {
        min-height: 350px;
    }

    .farmacia-servizi__image {
        border-radius: 20px;
    }

    .farmacia-servizi__image--left {
        top: 95px;
        left: 0;
        width: 60%;
        height: 225px;
        transform: rotate(-4deg);
    }

    .farmacia-servizi__image--right {
        top: 35px;
        right: 0;
        width: 61%;
        height: 245px;
        transform: rotate(5deg);
    }
}


/* SMARTPHONE PICCOLI */

@media screen and (max-width: 480px) {

    .farmacia-servizi__gallery {
        min-height: 300px;
    }

    .farmacia-servizi__image--left {
        top: 80px;
        height: 190px;
    }

    .farmacia-servizi__image--right {
        top: 25px;
        height: 205px;
    }
}
.home #goal-header .elementor-element-6c351a3{
    background-color: #31503c8c !important;
}
#goal-header .elementor-element-6c351a3{
    background-color:#31503c !important;
}

.elementor-element-e64dcab{
    margin-top: -50px;
    width: 100% !important;
}

/* ==========================================================
   SEZIONE PRENOTA I SERVIZI
   ========================================================== */

html,
body {
    overflow-x: hidden;
}

.farmacia-servizi,
.farmacia-servizi * {
    box-sizing: border-box;
}


/* SEZIONE ESTERNA A TUTTA LARGHEZZA */

.farmacia-servizi {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    background: #f2e4d3;
}


/* CONTENITORE INTERNO CENTRATO */

.farmacia-servizi__container {
    width: calc(100% - 60px);
    max-width: 1420px;
    min-height: auto;
    margin: 0 auto;
    padding: 55px 0;

    display: grid;
    grid-template-columns: 42% 58%;
    align-items: center;
    gap: 50px;
}


/* ==========================================================
   TESTI
   ========================================================== */

.farmacia-servizi__content {
    position: relative;
    z-index: 3;
}

.farmacia-servizi__title {
    margin: 0 0 22px;
    color: #205344;
    font-family: inherit;
    font-size: clamp(42px, 4vw, 66px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.farmacia-servizi__description {
    max-width: 570px;
    color: #3f4846;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

.farmacia-servizi__description p {
    margin: 0 0 12px;
}

.farmacia-servizi__description p:last-child {
    margin-bottom: 0;
}

.farmacia-servizi__description strong {
    color: #263f39;
    font-weight: 700;
}


/* ELENCO SERVIZI */

.farmacia-servizi__list {
    margin: 10px 0 17px;
    padding-left: 22px;
    color: #263f39;
}

.farmacia-servizi__list li {
    margin-bottom: 5px;
    padding-left: 3px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

.farmacia-servizi__list li:last-child {
    margin-bottom: 0;
}

.farmacia-servizi__list li::marker {
    color: #205344;
    font-size: 0.9em;
}


/* ==========================================================
   PULSANTE
   ========================================================== */

.farmacia-servizi__button {
    width: fit-content;
    min-width: 235px;
    min-height: 52px;
    margin-top: 10px;
    padding: 13px 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    border-radius: 999px;
    background: #8eac86;
    color: #ffffff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.farmacia-servizi__button:hover,
.farmacia-servizi__button:focus {
    background: #205344;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(32, 83, 68, 0.18);
}

.farmacia-servizi__arrow {
    display: inline-block;
    font-size: 23px;
    font-weight: 400;
    line-height: 0;
    transition: transform 0.25s ease;
}

.farmacia-servizi__button:hover .farmacia-servizi__arrow,
.farmacia-servizi__button:focus .farmacia-servizi__arrow {
    transform: translateX(5px);
}


/* ==========================================================
   GALLERIA IMMAGINI
   ========================================================== */

.farmacia-servizi__gallery {
    position: relative;
    width: 100%;
    min-height: 390px;
}

.farmacia-servizi__image {
    position: absolute;
    overflow: hidden;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 24px 55px rgba(64, 54, 42, 0.14);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.farmacia-servizi__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* IMMAGINE DAVANTI */

.farmacia-servizi__image--left {
    z-index: 2;
    top: 85px;
    left: 2%;
    width: 56%;
    height: 285px;
    transform: rotate(-4deg);
}


/* IMMAGINE DIETRO */

.farmacia-servizi__image--right {
    z-index: 1;
    top: 25px;
    right: 0;
    width: 57%;
    height: 315px;
    transform: rotate(5deg);
}


/* EFFETTO HOVER */

.farmacia-servizi__gallery:hover
.farmacia-servizi__image--left {
    transform: rotate(-2deg) translateY(-5px);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.18);
}

.farmacia-servizi__gallery:hover
.farmacia-servizi__image--right {
    transform: rotate(3deg) translateY(-5px);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.18);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    .farmacia-servizi__container {
        width: calc(100% - 40px);
        max-width: 900px;
        padding: 65px 0;

        grid-template-columns: 1fr;
        gap: 35px;
    }

    .farmacia-servizi__content {
        text-align: center;
    }

    .farmacia-servizi__description {
        margin: 0 auto;
    }

    .farmacia-servizi__list {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }

    .farmacia-servizi__button {
        margin-right: auto;
        margin-left: auto;
    }

    .farmacia-servizi__gallery {
        width: 100%;
        max-width: 760px;
        min-height: 420px;
        margin: 0 auto;
    }

    .farmacia-servizi__image--left {
        left: 4%;
        height: 300px;
    }

    .farmacia-servizi__image--right {
        right: 4%;
        height: 330px;
    }
}


/* ==========================================================
   SMARTPHONE
   ========================================================== */

@media screen and (max-width: 767px) {

    .farmacia-servizi__container {
        width: calc(100% - 30px);
        padding: 50px 0 35px;
        gap: 25px;
    }

    .farmacia-servizi__title {
        margin-bottom: 18px;
        font-size: 39px;
        letter-spacing: -1px;
    }

    .farmacia-servizi__description {
        font-size: 16px;
        line-height: 1.55;
    }

    .farmacia-servizi__list {
        margin-top: 10px;
        margin-bottom: 17px;
    }

    .farmacia-servizi__list li {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .farmacia-servizi__button {
        min-width: 215px;
        min-height: 50px;
        padding: 13px 21px;
        font-size: 14px;
    }

    .farmacia-servizi__gallery {
        min-height: 335px;
    }

    .farmacia-servizi__image {
        border-radius: 20px;
    }

    .farmacia-servizi__image--left {
        top: 90px;
        left: 0;
        width: 61%;
        height: 220px;
        transform: rotate(-4deg);
    }

    .farmacia-servizi__image--right {
        top: 30px;
        right: 0;
        width: 62%;
        height: 245px;
        transform: rotate(5deg);
    }
}


/* ==========================================================
   SMARTPHONE PICCOLI
   ========================================================== */

@media screen and (max-width: 480px) {

    .farmacia-servizi__container {
        width: calc(100% - 24px);
        padding-top: 45px;
    }

    .farmacia-servizi__title {
        font-size: 35px;
    }

    .farmacia-servizi__gallery {
        min-height: 285px;
    }

    .farmacia-servizi__image--left {
        top: 75px;
        height: 185px;
    }

    .farmacia-servizi__image--right {
        top: 22px;
        height: 205px;
    }
}/* ==========================================================
   SEZIONE ESTERNA
   ========================================================== */

html,
body {
    overflow-x: hidden;
}

.farmacia-servizi,
.farmacia-servizi * {
    box-sizing: border-box;
}

.farmacia-servizi {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    background: #f2e4d3;
}

.farmacia-servizi__container {
    width: calc(100% - 60px);
    max-width: 1420px;
    margin: 0 auto;
    padding: 55px 0;

    display: grid;
    grid-template-columns: 36% 64%;
    align-items: center;
    gap: 45px;
}


/* ==========================================================
   PARTE TESTUALE
   ========================================================== */

.farmacia-servizi__content {
    position: relative;
    z-index: 5;
}

.farmacia-servizi__title {
        margin: 0 0 5px;
    color: #205344;
    font-family: inherit;
    font-size: clamp(42px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.farmacia-servizi__description {
    max-width: 560px;
    color: #3f4846;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.55;
}

.farmacia-servizi__description p {
    margin: 0 0 12px;
}


/* ELENCO SERVIZI */

.farmacia-servizi__list {
    margin: 10px 0 18px;
    padding-left: 22px;
}

.farmacia-servizi__list li {
    margin-bottom: 5px;
    padding-left: 3px;
    line-height: 1.4;
}

.farmacia-servizi__list li::marker {
    color: #205344;
}

.farmacia-servizi__list a {
    color: #263f39;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.2s ease;
}

.farmacia-servizi__list a:hover {
    color: #8eac86;
    text-decoration: underline;
}


/* ==========================================================
   PULSANTE
   ========================================================== */

.farmacia-servizi__button {
    width: fit-content;
    min-width: 235px;
    min-height: 52px;
    margin-top: 10px;
    padding: 13px 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    border-radius: 999px;
    background: #8eac86;
    color: #ffffff;

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.farmacia-servizi__button:hover {
    background: #205344;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(32, 83, 68, 0.18);
}

.farmacia-servizi__arrow {
    font-size: 23px;
    line-height: 0;
    transition: transform 0.25s ease;
}

.farmacia-servizi__button:hover .farmacia-servizi__arrow {
    transform: translateX(5px);
}


/* ==========================================================
   GALLERIA CON 5 CARD
   ========================================================== */

.farmacia-servizi__gallery {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 20px 0;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 12px;
}


/* CARD VERTICALI FORMATO 9:16 */

.farmacia-servizi__card {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;

    display: block;
    overflow: hidden;

    border-radius: 23px;
    background: #ffffff;
    color: #ffffff;
    text-decoration: none;

    box-shadow: 0 22px 48px rgba(64, 54, 42, 0.17);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.farmacia-servizi__card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease;
}


/* SFUMATURA IN BASSO */

.farmacia-servizi__card::after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    z-index: 1;

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(13, 45, 36, 0.82)
    );

    pointer-events: none;
}


/* NOME SERVIZIO */

.farmacia-servizi__card-label {
    position: absolute;
    right: 12px;
    bottom: 14px;
    left: 12px;
    z-index: 2;

    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}


/* INCLINAZIONI */

.farmacia-servizi__card--one {
    transform: rotate(-5deg) translateY(16px);
}

.farmacia-servizi__card--two {
    transform: rotate(-2deg) translateY(-5px);
}

.farmacia-servizi__card--three {
    transform: rotate(0deg) translateY(-18px);
}

.farmacia-servizi__card--four {
    transform: rotate(2deg) translateY(-5px);
}

.farmacia-servizi__card--five {
    transform: rotate(5deg) translateY(16px);
}


/* HOVER */

.farmacia-servizi__card:hover {
    z-index: 10;
    transform: rotate(0deg) translateY(-14px) scale(1.045);
    box-shadow: 0 34px 70px rgba(64, 54, 42, 0.25);
}

.farmacia-servizi__card:hover img {
    transform: scale(1.06);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    .farmacia-servizi__container {
        width: calc(100% - 40px);
        max-width: 900px;
        padding: 65px 0;

        grid-template-columns: 1fr;
        gap: 40px;
    }

    .farmacia-servizi__content {
        text-align: center;
    }

    .farmacia-servizi__description {
        margin: 0 auto;
    }

    .farmacia-servizi__list {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }

    .farmacia-servizi__button {
        margin-right: auto;
        margin-left: auto;
    }

    .farmacia-servizi__gallery {
        max-width: 820px;
    }
}


/* ==========================================================
   SMARTPHONE
   ========================================================== */

@media screen and (max-width: 767px) {

    .farmacia-servizi__container {
        width: calc(100% - 30px);
        padding: 50px 0 40px;
        gap: 30px;
    }

    .farmacia-servizi__title {
        font-size: 39px;
    }

    .farmacia-servizi__description,
    .farmacia-servizi__list a {
        font-size: 16px;
    }

    .farmacia-servizi__gallery {
        max-width: 520px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        padding: 10px;
    }

    .farmacia-servizi__card {
        border-radius: 20px;
    }

    .farmacia-servizi__card--one,
    .farmacia-servizi__card--two,
    .farmacia-servizi__card--three,
    .farmacia-servizi__card--four,
    .farmacia-servizi__card--five {
        transform: none;
    }

    .farmacia-servizi__card--five {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        margin: 0 auto;
    }
}


/* ==========================================================
   SMARTPHONE PICCOLI
   ========================================================== */

@media screen and (max-width: 480px) {

    .farmacia-servizi__container {
        width: calc(100% - 24px);
    }

    .farmacia-servizi__title {
        font-size: 35px;
    }

    .farmacia-servizi__gallery {
        gap: 13px;
        padding: 5px;
    }

    .farmacia-servizi__card {
        border-radius: 17px;
    }

    .farmacia-servizi__card-label {
        right: 8px;
        bottom: 11px;
        left: 8px;
        font-size: 13px;
    }
}
/* ==========================================================
   PRENOTA I SERVIZI
   ========================================================== */

html,
body {
    overflow-x: hidden;
}

.farmacia-servizi,
.farmacia-servizi * {
    box-sizing: border-box;
}


/* SEZIONE ESTERNA FULL WIDTH */

.farmacia-servizi {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    background: #f2e4d3;
}


/* CONTENITORE INTERNO */

.farmacia-servizi__container {
    width: calc(100% - 60px);
    max-width: 1420px;
    margin: 0 auto;
    padding: 35px 0;

    display: grid;
    grid-template-columns: 38% 62%;
    align-items: center;
    gap: 45px;
}


/* ==========================================================
   TESTI
   ========================================================== */

.farmacia-servizi__content {
    position: relative;
    z-index: 5;
}

.farmacia-servizi__title {
    margin: 0 0 18px;
    color: #205344;
    font-family: inherit;
    font-size: clamp(42px, 4vw, 64px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.farmacia-servizi__description {
    width: 100%;
    max-width: 540px;
    color: #3f4846;
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
}

.farmacia-servizi__description p {
    margin: 0;
}

.farmacia-servizi__intro {
    margin-bottom: 12px !important;
}

.farmacia-servizi__closing {
    margin-top: 15px !important;
}


/* ==========================================================
   ELENCO SERVIZI DESKTOP: UNO SOTTO L'ALTRO
   ========================================================== */

.farmacia-servizi__list {
    width: 100%;
    max-width: 360px;
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;

    list-style: none;
}

.farmacia-servizi__list li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.farmacia-servizi__list a {
    width: 100%;
    min-height: 43px;
    padding: 9px 15px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    border: 1px solid rgba(32, 83, 68, 0.14);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.5);
    color: #205344;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;

    box-shadow: 0 5px 15px rgba(49, 68, 59, 0.05);

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.farmacia-servizi__list a:hover,
.farmacia-servizi__list a:focus {
    border-color: #205344;
    background: #205344;
    color: #ffffff;

    transform: translateX(4px);
    box-shadow: 0 8px 20px rgba(32, 83, 68, 0.15);
}


/* ==========================================================
   PULSANTE PRINCIPALE
   ========================================================== */

.farmacia-servizi__button {
    width: fit-content;
    min-width: 235px;
    min-height: 52px;
    margin-top: 19px;
    padding: 13px 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    border-radius: 999px;
    background: #8eac86;
    color: #ffffff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.farmacia-servizi__button:hover,
.farmacia-servizi__button:focus {
    background: #205344;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(32, 83, 68, 0.18);
}

.farmacia-servizi__arrow {
    display: inline-block;
    font-size: 23px;
    font-weight: 400;
    line-height: 0;
    transition: transform 0.25s ease;
}

.farmacia-servizi__button:hover .farmacia-servizi__arrow,
.farmacia-servizi__button:focus .farmacia-servizi__arrow {
    transform: translateX(5px);
}


/* ==========================================================
   4 IMMAGINI VERTICALI NON CLICCABILI
   ========================================================== */

.farmacia-servizi__gallery {
    position: relative;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 20px 5px;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 14px;
}

.farmacia-servizi__image {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;

    overflow: hidden;
    border-radius: 24px;
    background: #ffffff;

    box-shadow: 0 22px 48px rgba(64, 54, 42, 0.17);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.farmacia-servizi__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* LEGGERE INCLINAZIONI */

.farmacia-servizi__image--one {
    transform: rotate(-5deg) translateY(12px);
}

.farmacia-servizi__image--two {
    transform: rotate(-2deg) translateY(-8px);
}

.farmacia-servizi__image--three {
    transform: rotate(2deg) translateY(-8px);
}

.farmacia-servizi__image--four {
    transform: rotate(5deg) translateY(12px);
}


/* HOVER SOLO DECORATIVO */

.farmacia-servizi__image:hover {
    z-index: 10;
    transform: rotate(0deg) translateY(-8px) scale(1.025);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.22);
}


/* ==========================================================
   DESKTOP RIDOTTO
   ========================================================== */

@media screen and (max-width: 1200px) {

    .farmacia-servizi__container {
        grid-template-columns: 40% 60%;
        gap: 30px;
    }

    .farmacia-servizi__gallery {
        gap: 9px;
    }

    .farmacia-servizi__image {
        border-radius: 20px;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    .farmacia-servizi__container {
        width: calc(100% - 40px);
        max-width: 900px;
        padding: 45px 0;

        grid-template-columns: 1fr;
        gap: 35px;
    }

    .farmacia-servizi__content {
        text-align: center;
    }

    .farmacia-servizi__description {
        margin: 0 auto;
    }

    .farmacia-servizi__list {
        max-width: 500px;
        margin: 0 auto;
    }

    .farmacia-servizi__list a {
        justify-content: center;
        text-align: center;
    }

    .farmacia-servizi__button {
        margin-right: auto;
        margin-left: auto;
    }

    .farmacia-servizi__gallery {
        max-width: 780px;
        gap: 14px;
    }
}


/* ==========================================================
   SMARTPHONE
   ========================================================== */

@media screen and (max-width: 767px) {

    .farmacia-servizi__container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 34px 18px 32px;

        display: block;
    }

    .farmacia-servizi__title {
        margin: 0 0 20px;
        font-size: clamp(36px, 10vw, 44px);
        line-height: 1.05;
        letter-spacing: -1.2px;
        text-align: center;
    }

    .farmacia-servizi__description {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.5;
    }

    .farmacia-servizi__intro {
        margin-bottom: 16px !important;
        text-align: center;
    }

    .farmacia-servizi__closing {
        max-width: 420px;
        margin: 18px auto 0 !important;
        text-align: center;
    }


    /* MOBILE: DUE PULSANTI PER RIGA */

    .farmacia-servizi__list {
        max-width: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .farmacia-servizi__list a {
        min-height: 49px;
        padding: 10px;

        justify-content: center;

        border-radius: 13px;
        font-size: 14px;
        text-align: center;
    }

    .farmacia-servizi__list a:hover,
    .farmacia-servizi__list a:focus {
        transform: translateY(-2px);
    }

    .farmacia-servizi__button {
        width: 100%;
        max-width: 310px;
        min-width: 0;
        min-height: 55px;
        margin: 22px auto 0;
        padding: 14px 22px;

        display: flex;
        font-size: 15px;
    }


    /* CAROSELLO ORIZZONTALE DELLE 4 FOTO */

    .farmacia-servizi__gallery {
        width: calc(100% + 36px);
        max-width: none;
        margin: 30px -18px 0;
        padding: 10px 18px 24px;

        display: flex;
        align-items: stretch;
        gap: 15px;

        overflow-x: auto;
        overflow-y: visible;

        scroll-snap-type: x mandatory;
        scroll-padding-left: 18px;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .farmacia-servizi__gallery::-webkit-scrollbar {
        display: none;
    }

    .farmacia-servizi__image {
        flex: 0 0 clamp(190px, 58vw, 235px);
        width: clamp(190px, 58vw, 235px);
        aspect-ratio: 9 / 16;

        border-radius: 21px;
        scroll-snap-align: start;

        transform: none !important;
    }

    .farmacia-servizi__image:hover {
        transform: none;
    }
}


/* ==========================================================
   TELEFONI PICCOLI
   ========================================================== */

@media screen and (max-width: 390px) {

    .farmacia-servizi__container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .farmacia-servizi__list {
        grid-template-columns: 1fr;
    }

    .farmacia-servizi__gallery {
        width: calc(100% + 28px);
        margin-right: -14px;
        margin-left: -14px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .farmacia-servizi__image {
        flex-basis: 210px;
        width: 210px;
    }
}
/* CONTENITORE GENERALE PIÙ COMPATTO */

.farmacia-servizi__container {
    width: calc(100% - 60px);
    max-width: 1420px;
    margin: 0 auto;
    padding: 25px 0;

    display: grid;
    grid-template-columns: 37% 63%;
    align-items: center;
    gap: 45px;
}


/* QUATTRO FOTO SEMPRE SU UNA SOLA RIGA */

.farmacia-servizi__gallery {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 18px 4px;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
}

.farmacia-servizi__image {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 9 / 16;

    overflow: hidden;
    border-radius: 23px;
    background: #ffffff;

    box-shadow: 0 22px 48px rgba(64, 54, 42, 0.17);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.farmacia-servizi__image:nth-child(1) {
    transform: rotate(-4deg) translateY(10px);
}

.farmacia-servizi__image:nth-child(2) {
    transform: rotate(-1.5deg) translateY(-8px);
}

.farmacia-servizi__image:nth-child(3) {
    transform: rotate(1.5deg) translateY(-8px);
}

.farmacia-servizi__image:nth-child(4) {
    transform: rotate(4deg) translateY(10px);
}

.farmacia-servizi__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.farmacia-servizi__image:hover {
    z-index: 5;
    transform: rotate(0deg) translateY(-8px);
    box-shadow: 0 30px 65px rgba(64, 54, 42, 0.22);
}


/* SICUREZZA: NASCONDE EVENTUALI VECCHIE ETICHETTE E QUINTE CARD */

.farmacia-servizi__card-label {
    display: none !important;
}

.farmacia-servizi__gallery > :nth-child(n + 5) {
    display: none !important;
}


/* ELENCO DESKTOP: UNO SOTTO L'ALTRO */

.farmacia-servizi__list {
    width: 100%;
    max-width: 360px;
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;

    list-style: none;
}


/* MOBILE: FOTO IN CAROSELLO ORIZZONTALE */

@media screen and (max-width: 767px) {

    .farmacia-servizi__container {
        width: 100%;
        padding: 30px 18px;
        display: block;
    }

    .farmacia-servizi__gallery {
        width: calc(100% + 36px);
        margin: 28px -18px 0;
        padding: 10px 18px 22px;

        overflow-x: auto;
        gap: 14px;

        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .farmacia-servizi__gallery::-webkit-scrollbar {
        display: none;
    }

    .farmacia-servizi__image {
        flex: 0 0 210px;
        width: 210px;
        min-width: 210px;

        scroll-snap-align: start;
        transform: none !important;
    }

    .farmacia-servizi__list {
        max-width: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}.farmacia-servizi__title.elementor-heading-title {
    margin: 0 0 18px;
    color: #205344;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: normal;
}@media screen and (max-width: 767px) {
    .farmacia-servizi__title.elementor-heading-title {
        font-size: 38px;
        line-height: 1.15em;
        text-align: center;
    }
}
.nav.tabs-product.st_1 > li.active > a, .nav.tabs-product.st_1 > li.active > a:hover, .nav.tabs-product.st_1 > li.active > a:focus, .nav.tabs-product.st_1 > li:hover > a, .nav.tabs-product.st_1 > li:hover > a:hover, .nav.tabs-product.st_1 > li:hover > a:focus {
    color: #fff;
    background-color: #849f7c !important;
    border-color:#334e46 !important ;
}
/* ========================================
   FARMACIA AITA
   SEZIONE: PERCHÉ SCEGLIERE
======================================== */

.aita-why-section,
.aita-why-section * {
    box-sizing: border-box;
}

.aita-why-section {
    position: relative;
    width: 100%;
    padding: 105px 30px 115px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(232, 218, 195, 0.42) 0,
            rgba(232, 218, 195, 0) 38%
        ),
        #faf8f3;
}

.aita-why-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.aita-why-heading {
    max-width: 700px;
    margin: 0 auto 52px;
    text-align: center;
}

.aita-section-label {
    display: block;
    margin-bottom: 11px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.aita-why-heading h2 {
    margin: 0;
    color: #284c3a;
    font-family: inherit;
    font-size: clamp(34px, 3.2vw, 49px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.aita-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.aita-why-card {
    position: relative;
    min-height: 310px;
    padding: 38px 27px 31px;
    border: 1px solid rgba(43, 78, 60, 0.13);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.42);
    text-align: center;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.aita-why-card:hover {
    border-color: rgba(43, 78, 60, 0.2);
    background: rgba(255, 255, 255, 0.82);
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(39, 67, 52, 0.09);
}

.aita-why-icon {
    display: flex;
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(43, 78, 60, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.66);
    color: #315a46;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease;
}

.aita-why-card:hover .aita-why-icon {
    background: #ffffff;
    transform: scale(1.04);
}

.aita-why-icon svg {
    display: block;
    width: 38px;
    height: 38px;
}

.aita-why-card h3 {
    margin: 0 0 15px;
    color: #284c3a;
    font-family: inherit;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.015em;
}

.aita-why-card p {
    max-width: 250px;
    margin: 0 auto;
    color: #69746d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* TABLET */

@media screen and (max-width: 1024px) {

    .aita-why-section {
        padding: 85px 24px 95px;
    }

    .aita-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aita-why-card {
        min-height: 285px;
    }
}

/* SMARTPHONE */

@media screen and (max-width: 600px) {

    .aita-why-section {
        padding: 68px 18px 75px;
    }

    .aita-why-heading {
        margin-bottom: 37px;
    }

    .aita-section-label {
        font-size: 11px;
    }

    .aita-why-heading h2 {
        font-size: 33px;
    }

    .aita-why-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .aita-why-card {
        min-height: auto;
        padding: 31px 23px 30px;
    }

    .aita-why-icon {
        width: 72px;
        height: 72px;
        margin-bottom: 21px;
    }

    .aita-why-icon svg {
        width: 34px;
        height: 34px;
    }

    .aita-why-card h3 {
        font-size: 18px;
    }
}
/* ========================================
   FARMACIA AITA
   SEZIONE: PERCHÉ SCEGLIERE
======================================== */

.aita-why-section,
.aita-why-section * {
    box-sizing: border-box;
}

.aita-why-section {
    position: relative;
    width: 100%;
    padding: 105px 30px 115px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(232, 218, 195, 0.42) 0,
            rgba(232, 218, 195, 0) 38%
        ),
        #faf8f3;
}

.aita-why-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.aita-why-heading {
    max-width: 700px;
    margin: 0 auto 52px;
    text-align: center;
}

.aita-section-label {
    display: block;
    margin-bottom: 11px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.aita-why-heading h2 {
    margin: 0;
    color: #284c3a;
    font-family: inherit;
    font-size: clamp(34px, 3.2vw, 49px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.aita-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.aita-why-card {
    position: relative;
    min-height: 310px;
    padding: 38px 27px 31px;
    border: 1px solid rgba(43, 78, 60, 0.13);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.42);
    text-align: center;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.aita-why-card:hover {
    border-color: rgba(43, 78, 60, 0.2);
    background: rgba(255, 255, 255, 0.82);
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(39, 67, 52, 0.09);
}

.aita-why-icon {
    display: flex !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    margin: 0 auto 25px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(43, 78, 60, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.66);
    color: #315a46;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease;
}

.aita-why-card:hover .aita-why-icon {
    background: #ffffff;
    transform: scale(1.04);
}

.aita-why-icon svg {
    position: static !important;
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
    color: #315a46 !important;
    fill: none !important;
    transform: none !important;
}

.aita-why-icon svg path,
.aita-why-icon svg circle,
.aita-why-icon svg line,
.aita-why-icon svg polyline,
.aita-why-icon svg rect {
    fill: none !important;
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.aita-why-card h3 {
    margin: 0 0 15px;
    color: #284c3a;
    font-family: inherit;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.015em;
}

.aita-why-card p {
    max-width: 250px;
    margin: 0 auto;
    color: #69746d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* ========================================
   FARMACIA AITA
   SEZIONE: I NOSTRI REPARTI
======================================== */

.aita-departments-section,
.aita-departments-section * {
    box-sizing: border-box;
}

.aita-departments-section {
    width: 100%;
    padding: 88px 30px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(235, 241, 232, 0.95) 0%,
            rgba(247, 244, 235, 0.97) 100%
        );
}

.aita-departments-inner {
    display: grid;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    grid-template-columns: 255px minmax(0, 1fr);
    align-items: center;
    gap: 38px;
}

.aita-departments-intro {
    position: relative;
    z-index: 2;
}

.aita-departments-label {
    display: block;
    margin-bottom: 11px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.06em;
}

.aita-departments-intro h2 {
    margin: 0;
    color: #284c3a;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.aita-departments-intro p {
    margin: 22px 0 28px;
    color: #69746d;
    font-size: 15px;
    line-height: 1.7;
}

.aita-departments-button {
    display: inline-flex;
    min-height: 46px;
    padding: 12px 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    background: #315a46;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

.aita-departments-button:hover {
    background: #274936;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(39, 73, 54, 0.18);
}

.aita-departments-button span {
    transition: transform 0.3s ease;
}

.aita-departments-button:hover span {
    transform: translateX(4px);
}

.aita-departments-scroll {
    min-width: 0;
}

.aita-departments-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.aita-department-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 325px;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(43, 78, 60, 0.10);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.92);
    color: #284c3a !important;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.aita-department-card:hover {
    border-color: rgba(43, 78, 60, 0.18);
    color: #284c3a !important;
    transform: translateY(-7px);
    box-shadow: 0 18px 42px rgba(39, 67, 52, 0.10);
}

.aita-department-image {
    height: 200px;
    overflow: hidden;
    background: #ece8df;
}

.aita-department-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.aita-department-card:hover .aita-department-image img {
    transform: scale(1.06);
}

.aita-department-icon {
    position: absolute;
    top: 168px;
    left: 50%;
    z-index: 2;
    display: flex !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(43, 78, 60, 0.15);
    border-radius: 50%;
    background: #ffffff;
    color: #315a46;
    transform: translateX(-50%);
    box-shadow: 0 8px 20px rgba(39, 67, 52, 0.08);
}

.aita-department-icon svg {
    position: static !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px !important;
    margin: 0 !important;
    color: #315a46 !important;
    fill: none !important;
    transform: none !important;
}

.aita-department-icon svg path,
.aita-department-icon svg circle,
.aita-department-icon svg line,
.aita-department-icon svg polyline,
.aita-department-icon svg rect {
    fill: none !important;
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.aita-department-content {
    display: flex;
    min-height: 125px;
    padding: 46px 12px 20px;
    align-items: flex-start;
    justify-content: center;
}

.aita-department-content h3 {
    margin: 0;
    color: #284c3a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

/* TABLET */

@media screen and (max-width: 1180px) {

    .aita-departments-inner {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .aita-departments-scroll {
        overflow-x: auto;
        padding: 8px 2px 20px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
        scrollbar-color: rgba(49, 90, 70, 0.25) transparent;
    }

    .aita-departments-grid {
        width: max-content;
        grid-template-columns: repeat(6, 170px);
    }

    .aita-department-card {
        scroll-snap-align: start;
    }
}

@media screen and (max-width: 1024px) {

    .aita-why-section {
        padding: 85px 24px 95px;
    }

    .aita-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aita-why-card {
        min-height: 285px;
    }
}

/* MOBILE */

@media screen and (max-width: 767px) {

    .aita-departments-section {
        padding: 70px 18px;
    }

    .aita-departments-inner {
        display: block;
    }

    .aita-departments-intro {
        margin-bottom: 35px;
    }

    .aita-departments-intro h2 {
        font-size: 33px;
    }

    .aita-departments-intro p {
        margin-top: 18px;
    }

    .aita-departments-grid {
        grid-template-columns: repeat(6, 160px);
        gap: 14px;
    }

    .aita-department-card {
        min-height: 305px;
    }

    .aita-department-image {
        height: 180px;
    }

    .aita-department-icon {
        top: 149px;
    }
}

@media screen and (max-width: 600px) {

    .aita-why-section {
        padding: 68px 18px 75px;
    }

    .aita-why-heading {
        margin-bottom: 37px;
    }

    .aita-section-label {
        font-size: 11px;
    }

    .aita-why-heading h2 {
        font-size: 33px;
    }

    .aita-why-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .aita-why-card {
        min-height: auto;
        padding: 31px 23px 30px;
    }

    .aita-why-icon {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        margin-bottom: 21px !important;
    }

    .aita-why-icon svg {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        flex-basis: 34px !important;
    }

    .aita-why-card h3 {
        font-size: 18px;
    }
}
/* ========================================
   FARMACIA AITA
   REGOLE GENERALI SEZIONI FULL WIDTH
======================================== */

.aita-fullwidth-section {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.aita-section-inner {
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
}

@media screen and (max-width: 767px) {
    .aita-section-inner {
        padding-right: 18px;
        padding-left: 18px;
    }
}
/* ========================================
   SEZIONI AITA A TUTTA LARGHEZZA
======================================== */

.aita-why-section,
.aita-departments-section {
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
}

/* Evita margini prodotti dal widget HTML */
.elementor-widget-html:has(.aita-why-section),
.elementor-widget-html:has(.aita-departments-section),
.elementor-widget-html:has(.aita-why-section) > .elementor-widget-container,
.elementor-widget-html:has(.aita-departments-section) > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ========================================
   FARMACIA AITA
   SEZIONE: CONSIGLI E NOVITÀ
======================================== */

.aita-news-section,
.aita-news-section * {
    box-sizing: border-box;
}

.aita-news-section {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin: 0 -50vw;
    padding: 90px 30px 100px;
    background: #fcfaf6;
}

.aita-news-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.aita-news-header {
    display: flex;
    margin-bottom: 42px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.aita-news-heading {
    max-width: 760px;
}

.aita-news-label {
    display: block;
    margin-bottom: 10px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.aita-news-heading h2 {
    margin: 0;
    color: #284c3a;
    font-family: inherit;
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.aita-news-heading p {
    margin: 15px 0 0;
    color: #69746d;
    font-size: 15px;
    line-height: 1.7;
}

.aita-news-all {
    display: inline-flex;
    min-height: 44px;
    padding: 11px 20px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(43, 78, 60, 0.10);
    border-radius: 999px;
    background: #eef1e9;
    color: #284c3a !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease;
}

.aita-news-all:hover {
    background: #e4eadf;
    color: #284c3a !important;
    transform: translateY(-2px);
}

.aita-news-all span {
    transition: transform 0.3s ease;
}

.aita-news-all:hover span {
    transform: translateX(4px);
}

.aita-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.aita-news-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(43, 78, 60, 0.11);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(39, 67, 52, 0.05);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.aita-news-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(39, 67, 52, 0.10);
}

.aita-news-image {
    display: block;
    height: 245px;
    overflow: hidden;
    background: #ebe8df;
}

.aita-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.65s ease;
}

.aita-news-card:hover .aita-news-image img {
    transform: scale(1.055);
}

.aita-news-content {
    min-height: 290px;
    padding: 27px 28px 29px;
}

.aita-news-category {
    display: block;
    margin-bottom: 12px;
    color: #cc776d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.aita-news-content h3 {
    margin: 0 0 14px;
    color: #284c3a;
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.aita-news-content h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.aita-news-content p {
    margin: 0 0 24px;
    color: #69746d;
    font-size: 14px;
    line-height: 1.65;
}

.aita-news-read {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #315a46 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.aita-news-read span {
    transition: transform 0.3s ease;
}

.aita-news-read:hover span {
    transform: translateX(4px);
}

/* TABLET */

@media screen and (max-width: 1024px) {

    .aita-news-section {
        padding: 80px 24px 90px;
    }

    .aita-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aita-news-card:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 12px);
        margin: 0 auto;
    }
}

/* MOBILE */

@media screen and (max-width: 767px) {

    .aita-news-section {
        padding: 68px 18px 75px;
    }

    .aita-news-header {
        display: block;
        margin-bottom: 34px;
    }

    .aita-news-all {
        margin-top: 22px;
    }

    .aita-news-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .aita-news-card:last-child {
        grid-column: auto;
        max-width: none;
        margin: 0;
    }

    .aita-news-image {
        height: 220px;
    }

    .aita-news-content {
        min-height: 0;
        padding: 24px 22px 26px;
    }

    .aita-news-content h3 {
        font-size: 20px;
    }
}
/* ========================================
   FARMACIA AITA
   SEZIONE: CONTATTI E MAPPA
======================================== */

.aita-contact-section,
.aita-contact-section * {
    box-sizing: border-box;
}

.aita-contact-section {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin: 0 -50vw;
    padding: 90px 30px;
    overflow: hidden;
    background: #eef2e9;
}

.aita-contact-inner {
    display: grid;
    width: 100%;
    max-width: 1280px;
    min-height: 570px;
    margin: 0 auto;
    grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.45fr);
    overflow: hidden;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 22px 60px rgba(39, 67, 52, 0.10);
}

/* COLONNA INFORMAZIONI */

.aita-contact-content {
    display: flex;
    padding: 56px 50px;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(215, 226, 207, 0.58),
            transparent 42%
        ),
        #fcfaf6;
}

.aita-contact-label {
    display: block;
    margin-bottom: 11px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.aita-contact-content h2 {
    max-width: 440px;
    margin: 0;
    color: #284c3a;
    font-family: inherit;
    font-size: clamp(34px, 3.2vw, 47px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.aita-contact-intro {
    max-width: 430px;
    margin: 18px 0 31px;
    color: #69746d;
    font-size: 15px;
    line-height: 1.7;
}

.aita-contact-list {
    display: grid;
    margin: 0;
    padding: 0;
    gap: 18px;
    list-style: none;
}

.aita-contact-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
}

.aita-contact-icon {
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(43, 78, 60, 0.13);
    border-radius: 50%;
    background: #ffffff;
    color: #315a46;
}

.aita-contact-icon svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    margin: 0 !important;
    fill: none !important;
    color: #315a46 !important;
}

.aita-contact-icon svg path,
.aita-contact-icon svg circle,
.aita-contact-icon svg line,
.aita-contact-icon svg polyline {
    fill: none !important;
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.aita-contact-text strong {
    display: block;
    margin-bottom: 3px;
    color: #284c3a;
    font-size: 14px;
    font-weight: 700;
}

.aita-contact-text span,
.aita-contact-text a {
    color: #69746d !important;
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none !important;
}

.aita-contact-text a:hover {
    color: #315a46 !important;
}

.aita-contact-actions {
    display: flex;
    margin-top: 34px;
    flex-wrap: wrap;
    gap: 12px;
}

.aita-contact-button {
    display: inline-flex;
    min-height: 47px;
    padding: 12px 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #315a46;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

.aita-contact-button:hover {
    background: #274936;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(39, 73, 54, 0.18);
}

.aita-contact-button--light {
    border-color: rgba(43, 78, 60, 0.14);
    background: #ffffff;
    color: #284c3a !important;
}

.aita-contact-button--light:hover {
    background: #edf1e9;
    color: #284c3a !important;
}

/* MAPPA */

.aita-contact-map {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    background: #ddd;
}

.aita-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 570px;
    border: 0;
    filter: saturate(0.82) contrast(0.96);
}

.aita-map-badge {
    position: absolute;
    right: 28px;
    bottom: 28px;
    z-index: 2;
    max-width: 230px;
    padding: 15px 18px;
    border: 1px solid rgba(43, 78, 60, 0.10);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 35px rgba(39, 67, 52, 0.14);
    backdrop-filter: blur(8px);
}

.aita-map-badge strong {
    display: block;
    margin-bottom: 3px;
    color: #284c3a;
    font-size: 14px;
}

.aita-map-badge span {
    display: block;
    color: #69746d;
    font-size: 12px;
    line-height: 1.45;
}

/* TABLET */

@media screen and (max-width: 1024px) {

    .aita-contact-section {
        padding: 80px 24px;
    }

    .aita-contact-inner {
        grid-template-columns: minmax(310px, 0.9fr) minmax(0, 1.1fr);
    }

    .aita-contact-content {
        padding: 48px 36px;
    }
}

/* MOBILE */

@media screen and (max-width: 767px) {

    .aita-contact-section {
        padding: 68px 18px;
    }

    .aita-contact-inner {
        display: flex;
        min-height: 0;
        flex-direction: column;
        border-radius: 20px;
    }

    .aita-contact-content {
        padding: 42px 25px;
    }

    .aita-contact-content h2 {
        font-size: 34px;
    }

    .aita-contact-map,
    .aita-contact-map iframe {
        min-height: 390px;
    }

    .aita-contact-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .aita-contact-button {
        width: 100%;
    }

    .aita-map-badge {
        right: 16px;
        bottom: 16px;
        left: 16px;
        max-width: none;
    }
}
/* =========================================================
   FARMACIA AITA - PAGINA CHI SIAMO
   CSS separato - nessuno stile per menu/header/footer
========================================================= */

.aita-about-page,
.aita-about-page * { box-sizing: border-box; }

.aita-about-page {
  --aita-green: #315a46;
  --aita-green-dark: #244b39;
  --aita-green-soft: #eef3eb;
  --aita-beige: #f7efe4;
  --aita-cream: #fcfaf6;
  --aita-coral: #d8786d;
  --aita-text: #284c3a;
  --aita-muted: #6e786f;
  --aita-border: rgba(49,90,70,.13);
  --aita-shadow: 0 18px 45px rgba(40,76,58,.08);
  color: var(--aita-text);
  overflow: hidden;
}

.aita-about-shell {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
}

.aita-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--aita-coral);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.aita-about-page h1,
.aita-about-page h2,
.aita-about-page h3,
.aita-about-page p { margin-top: 0; }

.aita-about-page h1,
.aita-about-page h2 {
  color: var(--aita-green-dark);
  letter-spacing: -.04em;
}

.aita-about-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 999px;
  background: var(--aita-green);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: .28s ease;
}

.aita-about-btn:hover {
  background: var(--aita-green-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(36,75,57,.18);
}

/* HERO */
.aita-about-hero {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 78px 0 92px;
  background:
    radial-gradient(circle at 18% 20%, rgba(235,220,194,.44), transparent 30%),
    var(--aita-cream);
}

.aita-about-hero-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 72px;
  align-items: center;
}

.aita-about-hero-copy { padding-left: 10px; }

.aita-about-hero h1 {
  margin-bottom: 28px;
  font-size: clamp(58px, 6vw, 92px);
  font-weight: 500;
  line-height: .96;
}

.aita-about-hero-lead {
  max-width: 530px;
  margin-bottom: 32px;
  color: var(--aita-muted);
  font-size: 20px;
  line-height: 1.65;
}

.aita-about-hero-media {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 170px 28px 28px 28px;
  box-shadow: var(--aita-shadow);
}

.aita-about-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

/* STORIA */
.aita-about-history {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 105px 0;
  background: #fff;
}

.aita-about-history-grid {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 54px;
  align-items: end;
}

.aita-about-history-intro h2,
.aita-about-values-heading h2,
.aita-about-team-head h2,
.aita-about-cta h2 {
  margin-bottom: 22px;
  font-size: clamp(36px, 3.8vw, 56px);
  font-weight: 500;
  line-height: 1.04;
}

.aita-about-history-intro p {
  color: var(--aita-muted);
  line-height: 1.75;
}

.aita-about-history-photo {
  margin: 34px 0 0;
  overflow: hidden;
  border-radius: 12px 70px 12px 12px;
}

.aita-about-history-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 1.45 / 1;
  object-fit: cover;
  filter: grayscale(1) sepia(.12);
}

.aita-about-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  padding-top: 44px;
}

.aita-about-timeline::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 12%;
  right: 12%;
  height: 1px;
  background: rgba(49,90,70,.23);
}

.aita-about-timeline-card {
  position: relative;
  min-height: 255px;
  padding: 52px 24px 28px;
  border: 1px solid var(--aita-border);
  background: rgba(255,255,255,.95);
  text-align: center;
}

.aita-about-timeline-card:first-child { border-radius: 18px 0 0 18px; }
.aita-about-timeline-card:last-child { border-radius: 0 18px 18px 0; }

.aita-about-timeline-icon {
  position: absolute;
  top: -36px;
  left: 50%;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 1px solid var(--aita-border);
  border-radius: 50%;
  background: #fff;
  color: var(--aita-green);
  font-size: 22px;
  transform: translateX(-50%);
  box-shadow: 0 8px 20px rgba(40,76,58,.08);
}

.aita-about-year {
  display: block;
  margin-bottom: 16px;
  color: var(--aita-green-dark);
  font-size: 21px;
  font-weight: 600;
}

.aita-about-timeline-card p {
  margin-bottom: 0;
  color: var(--aita-muted);
  font-size: 14px;
  line-height: 1.65;
}

/* VALORI */
.aita-about-values {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 92px 0;
  background: linear-gradient(90deg, #f3f6ef 0%, #faf5eb 100%);
}

.aita-about-values-grid {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

.aita-about-values-heading {
  align-self: center;
  padding-right: 22px;
}

.aita-about-value-card {
  padding: 34px 24px 30px;
  border: 1px solid var(--aita-border);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  text-align: center;
}

.aita-about-value-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 22px;
  place-items: center;
  border: 1px solid var(--aita-border);
  border-radius: 50%;
  color: var(--aita-green);
  font-size: 25px;
}

.aita-about-value-card h3 {
  margin-bottom: 12px;
  font-size: 18px;
  color: var(--aita-green-dark);
}

.aita-about-value-card p {
  margin-bottom: 0;
  color: var(--aita-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* TEAM */
.aita-about-team {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 105px 0 95px;
  background: #fff;
}

.aita-about-team-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 42px;
}

.aita-about-team-head p {
  max-width: 580px;
  margin-left: auto;
  color: var(--aita-muted);
  line-height: 1.75;
}

.aita-about-team-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.aita-about-person {
  overflow: hidden;
  border: 1px solid var(--aita-border);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(40,76,58,.05);
  transition: transform .28s ease, box-shadow .28s ease;
}

.aita-about-person:hover {
  transform: translateY(-6px);
  box-shadow: var(--aita-shadow);
}

.aita-about-person img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.08;
  object-fit: cover;
  object-position: center top;
}

.aita-about-person-copy {
  padding: 17px 14px 18px;
  text-align: center;
}

.aita-about-person-copy h3 {
  margin-bottom: 3px;
  color: var(--aita-green-dark);
  font-size: 16px;
  line-height: 1.3;
}

.aita-about-person-copy span {
  color: #7d9987;
  font-size: 12px;
  line-height: 1.3;
}

/* CTA */
.aita-about-cta-section {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 24px 0 90px;
  background: #fff;
}

.aita-about-cta {
  display: grid;
  grid-template-columns: auto 1.05fr 1.2fr auto;
  gap: 34px;
  align-items: center;
  padding: 38px 48px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 50%, rgba(218,229,211,.6), transparent 32%),
    linear-gradient(90deg, #f0f5eb 0%, #faf5e9 100%);
}

.aita-about-cta-icon {
  display: grid;
  width: 82px;
  height: 82px;
  place-items: center;
  border-radius: 50%;
  background: var(--aita-green);
  color: #fff;
  font-size: 30px;
}

.aita-about-cta h2 { margin-bottom: 0; font-size: clamp(30px, 3vw, 44px); }
.aita-about-cta p { margin-bottom: 0; color: var(--aita-muted); line-height: 1.65; }

/* RESPONSIVE */
@media (max-width: 1180px) {
  .aita-about-hero-grid { gap: 40px; }
  .aita-about-history-grid { grid-template-columns: 280px 1fr; }
  .aita-about-values-grid { grid-template-columns: repeat(2, 1fr); }
  .aita-about-values-heading { grid-column: 1 / -1; }
  .aita-about-team-grid { grid-template-columns: repeat(3, 1fr); }
  .aita-about-cta { grid-template-columns: auto 1fr 1fr; }
  .aita-about-cta .aita-about-btn { grid-column: 2 / -1; justify-self: start; }
}

@media (max-width: 900px) {
  .aita-about-hero-grid,
  .aita-about-history-grid,
  .aita-about-team-head { grid-template-columns: 1fr; }

  .aita-about-hero-media { min-height: 420px; border-radius: 110px 24px 24px 24px; }
  .aita-about-hero-media img { min-height: 420px; }
  .aita-about-history-photo { max-width: 420px; }

  .aita-about-timeline { grid-template-columns: repeat(2, 1fr); gap: 16px; padding-top: 0; }
  .aita-about-timeline::before { display: none; }
  .aita-about-timeline-card,
  .aita-about-timeline-card:first-child,
  .aita-about-timeline-card:last-child { border-radius: 18px; padding-top: 34px; }
  .aita-about-timeline-icon { position: static; margin: 0 auto 20px; transform: none; }

  .aita-about-team-head p { margin-left: 0; }
  .aita-about-cta { grid-template-columns: 1fr; text-align: center; }
  .aita-about-cta-icon { margin: 0 auto; }
  .aita-about-cta .aita-about-btn { grid-column: auto; justify-self: center; }
}

@media (max-width: 680px) {
  .aita-about-shell { width: min(100% - 36px, 1320px); }
  .aita-about-hero,
  .aita-about-history,
  .aita-about-values,
  .aita-about-team { padding-top: 70px; padding-bottom: 70px; }

  .aita-about-hero h1 { font-size: 54px; }
  .aita-about-hero-lead { font-size: 17px; }
  .aita-about-hero-media,
  .aita-about-hero-media img { min-height: 330px; }
  .aita-about-hero-media { border-radius: 78px 20px 20px 20px; }

  .aita-about-timeline,
  .aita-about-values-grid,
  .aita-about-team-grid { grid-template-columns: 1fr; }

  .aita-about-team-grid { gap: 16px; }
  .aita-about-person { display: grid; grid-template-columns: 115px 1fr; align-items: center; }
  .aita-about-person img { height: 128px; aspect-ratio: auto; }
  .aita-about-person-copy { text-align: left; }

  .aita-about-cta { padding: 32px 24px; }
}
.aita-team-section {
    padding: 100px 30px;
    background: #ffffff;
}

.aita-team-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.aita-team-heading {
    max-width: 700px;
    margin-bottom: 46px;
}

.aita-team-label {
    display: block;
    margin-bottom: 10px;
    color: #cc776d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aita-team-heading h2 {
    margin: 0;
    color: #284c3a;
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.03em;
}

.aita-team-heading p {
    margin: 16px 0 0;
    color: #69746d;
    font-size: 15px;
    line-height: 1.7;
}

.aita-team-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 22px;
}

.aita-staff-card {
    overflow: hidden;
    border: 1px solid rgba(43, 78, 60, .10);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(39, 67, 52, .06);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.aita-staff-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(39, 67, 52, .11);
}

.aita-staff-photo {
    position: relative;
    height: 300px;
    overflow: hidden;
    background: #eef1e9;
}

.aita-staff-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.aita-staff-card:hover .aita-staff-photo img {
    transform: scale(1.04);
}

.aita-staff-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    padding: 26px;
    align-items: flex-end;
    background:
        linear-gradient(
            to top,
            rgba(28, 58, 43, .94) 0%,
            rgba(28, 58, 43, .72) 55%,
            rgba(28, 58, 43, .06) 100%
        );
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity .3s ease,
        transform .3s ease;
}

.aita-staff-card:hover .aita-staff-overlay {
    opacity: 1;
    transform: translateY(0);
}

.aita-staff-overlay p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
}

.aita-staff-info {
    min-height: 92px;
    padding: 18px 14px 20px;
    text-align: center;
}

.aita-staff-info h3 {
    margin: 0 0 5px;
    color: #284c3a;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.aita-staff-info span {
    color: #6f8d79;
    font-size: 13px;
    line-height: 1.35;
}

@media screen and (max-width: 1100px) {
    .aita-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .aita-team-section {
        padding: 70px 18px;
    }

    .aita-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .aita-staff-photo {
        height: 240px;
    }

    .aita-staff-overlay {
        position: static;
        padding: 15px 16px;
        background: #315a46;
        opacity: 1;
        transform: none;
    }

    .aita-staff-overlay p {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .aita-team-grid {
        grid-template-columns: 1fr;
    }

    .aita-staff-photo {
        height: 320px;
    }
}
/* =========================================
   STAFF - MOBILE: FOTO SENZA CROP
========================================= */

@media (max-width: 767px) {

    .aita-staff-photo {
        width: 100%;
        height: auto !important;
        aspect-ratio: auto !important;
        overflow: hidden;
        background: #f5f3ee;
    }

    .aita-staff-photo img {
        display: block;
        width: 100% !important;
        height: auto !important;

        /* IMPORTANTISSIMO:
           non taglia più la foto */
        object-fit: contain !important;
        object-position: center center !important;

        max-height: none !important;
    }

}
/* =========================================
   STAFF - DESKTOP
   descrizione in hover
========================================= */

.aita-staff-photo {
    position: relative;
    overflow: hidden;
}

.aita-staff-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: flex-end;

    padding: 24px;

    background: linear-gradient(
        to top,
        rgba(28, 69, 54, 0.92) 0%,
        rgba(28, 69, 54, 0.55) 55%,
        rgba(28, 69, 54, 0.05) 100%
    );

    color: #fff;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}

.aita-staff-card:hover .aita-staff-overlay {
    opacity: 1;
    visibility: visible;
}


/* =========================================
   STAFF - MOBILE
========================================= */

@media (max-width: 767px) {

    /* FOTO: nessun crop */
    .aita-staff-photo {
        width: 100%;
        aspect-ratio: 4 / 5;
        overflow: hidden;
        cursor: pointer;
    }

    .aita-staff-photo img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;

        display: block;
    }

    /* overlay nascosto normalmente */
    .aita-staff-overlay {
        opacity: 0 !important;
        visibility: hidden !important;

        padding: 16px;

        background: linear-gradient(
            to top,
            rgba(28, 69, 54, 0.96) 0%,
            rgba(28, 69, 54, 0.75) 65%,
            rgba(28, 69, 54, 0.25) 100%
        );
    }

    /* niente hover su mobile */
    .aita-staff-card:hover .aita-staff-overlay {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* visibile solo dopo tap */
    .aita-staff-card.is-open .aita-staff-overlay {
        opacity: 1 !important;
        visibility: visible !important;
    }

}
/* ==========================================================
   CHI SIAMO - ICONE SVG
   ========================================================== */


/* ----------------------------------------------------------
   TIMELINE
   ---------------------------------------------------------- */

.aita-about-timeline-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aita-about-timeline-icon svg {
    display: block;

    width: 18px;
    height: 18px;

    fill: #1f5a45;

    flex-shrink: 0;
}


/* ----------------------------------------------------------
   VALORI
   ---------------------------------------------------------- */

.aita-about-value-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aita-about-value-icon svg {
    display: block;

    width: 23px;
    height: 23px;

    fill: none;

    stroke: #1f5a45;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

    flex-shrink: 0;
}


/* ----------------------------------------------------------
   CTA FINALE
   ---------------------------------------------------------- */

.aita-about-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aita-about-cta-icon svg {
    display: block;

    width: 28px;
    height: 28px;

    fill: none;

    stroke: #1f5a45;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ----------------------------------------------------------
   SICUREZZA CONTRO CSS DEL TEMA
   ---------------------------------------------------------- */

.aita-about-page svg {
    max-width: none;
}

.aita-about-value-icon svg,
.aita-about-timeline-icon svg,
.aita-about-cta-icon svg {
    overflow: visible;
}
/* ==========================================================
   CHI SIAMO
   CORREZIONI FINALI
========================================================== */


/* ==========================================================
   SVG GENERALI
========================================================== */

.aita-about-page svg {
    display: block;
    max-width: none;
}


/* ==========================================================
   TIMELINE - ICONE GRANDI COME MOCKUP
========================================================== */

.aita-about-timeline-card {
    position: relative;
    padding-top: 52px !important;
}


.aita-about-timeline-icon {
    position: absolute;

    top: -32px;
    left: 50%;

    transform: translateX(-50%);

    width: 64px !important;
    height: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    border: 1px solid #dfe6df !important;

    box-shadow:
        0 8px 22px rgba(25, 70, 53, 0.08);

    z-index: 2;
}


.aita-about-timeline-icon svg {
    width: 28px !important;
    height: 28px !important;

    fill: none !important;

    stroke: #276348 !important;
    stroke-width: 2 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible;
}


/* ==========================================================
   VALORI - ICONE GRANDI COME MOCKUP
========================================================== */

.aita-about-value-icon {
    width: 72px !important;
    height: 72px !important;

    margin: 0 auto 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #fbfcf9 !important;

    border: 1px solid #dce4dc !important;
}


.aita-about-value-icon svg {
    width: 38px !important;
    height: 38px !important;

    fill: none !important;

    stroke: #276348 !important;
    stroke-width: 1.8 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible;
}


.aita-about-value-card {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}


.aita-about-value-card h3 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* ==========================================================
   CTA FINALE - ICONA
========================================================== */

.aita-about-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}


.aita-about-cta-icon svg {
    width: 42px;
    height: 42px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================
   STAFF DESKTOP
========================================================== */

.aita-staff-photo {
    position: relative;

    overflow: hidden;
}


.aita-staff-overlay {
    position: absolute;

    inset: 0;

    display: flex;
    align-items: flex-end;

    padding: 24px;

    color: #ffffff;

    background:
        linear-gradient(
            to top,
            rgba(27, 72, 53, 0.96) 0%,
            rgba(27, 72, 53, 0.72) 45%,
            rgba(27, 72, 53, 0.10) 100%
        );

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}


.aita-staff-overlay p {
    margin: 0;

    color: #ffffff;
}


@media (min-width: 768px) {

    .aita-staff-card:hover .aita-staff-overlay {
        opacity: 1;
        visibility: visible;
    }

}


/* ==========================================================
   STAFF MOBILE
========================================================== */

@media (max-width: 767px) {


    /* ------------------------------------------------------
       FOTO: RAPPORTO ORIGINALE 4:5
       NESSUN CROP
    ------------------------------------------------------ */

    .aita-staff-photo {
        width: 100%;

        aspect-ratio: 4 / 5;

        overflow: hidden;

        background: #f5f3ee;

        cursor: pointer;
    }


    .aita-staff-photo img {
        display: block;

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;

        object-position:
            center center !important;

        max-height: none !important;
    }


    /* ------------------------------------------------------
       DESCRIZIONE NASCOSTA
    ------------------------------------------------------ */

    .aita-staff-overlay {
        padding: 14px;

        opacity: 0 !important;
        visibility: hidden !important;

        background:
            linear-gradient(
                to top,
                rgba(27, 72, 53, 0.97) 0%,
                rgba(27, 72, 53, 0.78) 58%,
                rgba(27, 72, 53, 0.20) 100%
            );
    }


    .aita-staff-card:hover .aita-staff-overlay {
        opacity: 0 !important;
        visibility: hidden !important;
    }


    /* ------------------------------------------------------
       TAP = MOSTRA DESCRIZIONE
    ------------------------------------------------------ */

    .aita-staff-card.is-open .aita-staff-overlay {
        opacity: 1 !important;
        visibility: visible !important;
    }


    /* ------------------------------------------------------
       ICONE VALORI MOBILE
    ------------------------------------------------------ */

    .aita-about-value-icon {
        width: 58px !important;
        height: 58px !important;

        margin-bottom: 18px !important;
    }


    .aita-about-value-icon svg {
        width: 30px !important;
        height: 30px !important;
    }


    /* ------------------------------------------------------
       ICONE TIMELINE MOBILE
    ------------------------------------------------------ */

    .aita-about-timeline-icon {
        width: 54px !important;
        height: 54px !important;

        top: -27px;
    }


    .aita-about-timeline-icon svg {
        width: 24px !important;
        height: 24px !important;
    }

}
/* =========================================
   FIX SPAZIATURA SEZIONE STORIA
========================================= */

.aita-about-history {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    min-height: 0 !important;
}

.aita-about-history-grid {
    align-items: center !important;
    min-height: 0 !important;
}

.aita-about-history-intro {
    margin: 0 !important;
    padding: 0 !important;
}

.aita-about-timeline {
    margin-top: 30px !important;
    align-self: center !important;
}
/* ==========================================================
   STORIA - PROPORZIONI COME MOCKUP
========================================================== */

.aita-about-history {
    padding: 72px 0 64px !important;
}

.aita-about-history-layout {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 72px;
    align-items: end;
}

.aita-about-history-left {
    min-width: 0;
}

.aita-about-history-left h2 {
    margin: 10px 0 18px;
    font-size: clamp(34px, 3vw, 48px);
    line-height: 1.05;
}

.aita-about-history-left > p {
    max-width: 300px;
    margin: 0 0 24px;
    line-height: 1.65;
}

.aita-about-history-photo {
    width: 100%;
    margin: 0;
    overflow: hidden;

    border-radius:
        0 34px 0 34px;
}

.aita-about-history-photo img {
    display: block;
    width: 100%;
    height: auto;

    aspect-ratio: 4 / 3;
    object-fit: cover;
}


/* TIMELINE */

.aita-about-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    align-self: end;

    margin: 0 !important;
    padding-top: 32px;
}

.aita-about-timeline-card {
    position: relative;

    min-height: 255px;

    padding:
        55px 22px
        28px;

    text-align: center;

    border:
        1px solid
        #dfe5df;

    background:
        rgba(255,255,255,.72);
}

.aita-about-timeline-card:first-child {
    border-radius: 18px 0 0 18px;
}

.aita-about-timeline-card:last-child {
    border-radius: 0 18px 18px 0;
}

.aita-about-timeline-card:not(:first-child) {
    border-left: 0;
}


/* linea superiore */

.aita-about-timeline::before {
    content: "";

    position: absolute;
}

.aita-about-timeline {
    position: relative;
}

.aita-about-timeline:before {
    content: "";
    position: absolute;

    top: 32px;
    left: 6%;
    right: 6%;

    height: 1px;

    background: #cedbd2;
}


/* icone */

.aita-about-timeline-icon {
    position: absolute;

    top: -29px;
    left: 50%;

    transform:
        translateX(-50%);

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff;

    border:
        1px solid
        #dce4dd;

    box-shadow:
        0 8px 20px
        rgba(31, 90, 69, .08);

    z-index: 3;
}

.aita-about-timeline-icon svg {
    width: 26px;
    height: 26px;

    fill: none;

    stroke: #236047;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.aita-about-year {
    display: block;

    margin-bottom: 18px;

    font-size: 21px;
    line-height: 1.1;

    color: #163f31;
}

.aita-about-timeline-card p {
    margin: 0 auto;

    max-width: 180px;

    line-height: 1.55;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .aita-about-history-layout {
        grid-template-columns:
            280px minmax(0, 1fr);

        gap: 42px;
    }

    .aita-about-timeline-card {
        padding-left: 15px;
        padding-right: 15px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .aita-about-history {
        padding:
            48px 0 52px !important;
    }

    .aita-about-history-layout {
        display: block;
    }

    .aita-about-history-left {
        margin-bottom: 54px;
    }

    .aita-about-history-left > p {
        max-width: none;
    }

    .aita-about-history-photo {
        max-width: 100%;
    }

    .aita-about-timeline {
        grid-template-columns: 1fr;
        gap: 44px;

        padding-top: 0;
    }

    .aita-about-timeline:before {
        display: none;
    }

    .aita-about-timeline-card {
        min-height: auto;

        padding:
            48px 22px
            26px;

        border:
            1px solid
            #dfe5df !important;

        border-radius:
            16px !important;
    }

    .aita-about-timeline-icon {
        top: -27px;
    }

}
/* ==========================================================
   CHI SIAMO - TYPOGRAPHY + PROPORZIONI COME MOCKUP
========================================================== */


/* ----------------------------------------------------------
   TITOLI EDITORIALI
---------------------------------------------------------- */

.aita-about-history h2,
.aita-about-values-heading h2,
.aita-team-heading h2,
.aita-about-cta-title h2 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    color: #1f513d !important;
}


/* ==========================================================
   STORIA
========================================================== */

.aita-about-history-left h2 {
    font-size: 34px !important;
    line-height: 1.08 !important;
    margin: 10px 0 18px !important;
}

.aita-about-history-left > p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 300px !important;
}


/* ==========================================================
   VALORI
========================================================== */

.aita-about-values {
    padding: 46px 0 !important;
}

.aita-about-values-grid {
    grid-template-columns: 260px repeat(4, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}


/* titolo sinistra */

.aita-about-values-heading h2 {
    font-size: 34px !important;
    line-height: 1.08 !important;

    margin: 10px 0 0 !important;

    max-width: 220px !important;
}


/* label arancione */

.aita-about-values-heading .aita-kicker,
.aita-team-label,
.aita-about-history .aita-kicker {
    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    color: #dc7464 !important;
}


/* card valori */

.aita-about-value-card {
    min-height: 205px !important;

    padding: 26px 20px 24px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    text-align: center !important;

    border-radius: 14px !important;
}


/* icona */

.aita-about-value-icon {
    width: 58px !important;
    height: 58px !important;

    margin: 0 auto 18px !important;
}

.aita-about-value-icon svg {
    width: 31px !important;
    height: 31px !important;
}


/* titolo card */

.aita-about-value-card h3 {
    margin: 0 0 10px !important;

    font-size: 16px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    color: #123f30 !important;
}


/* testo card */

.aita-about-value-card p {
    margin: 0 auto !important;

    max-width: 190px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #65736c !important;
}


/* ==========================================================
   STAFF
========================================================== */

.aita-team-section {
    padding-top: 55px !important;
}

.aita-team-heading {
    display: grid !important;

    grid-template-columns: 320px minmax(0, 1fr) !important;
    column-gap: 90px !important;

    align-items: end !important;

    margin-bottom: 28px !important;
}


/* label sopra al titolo */

.aita-team-label {
    grid-column: 1;
}


/* titolo staff */

.aita-team-heading h2 {
    grid-column: 1;

    max-width: 290px !important;

    margin: 10px 0 0 !important;

    font-size: 34px !important;
    line-height: 1.08 !important;
}


/* descrizione sulla destra */

.aita-team-heading > p {
    grid-column: 2;
    grid-row: 1 / span 2;

    align-self: end;

    margin: 0 0 3px !important;

    max-width: 560px !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    color: #4f5d57 !important;
}


/* ==========================================================
   CTA
========================================================== */

.aita-about-cta-title h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .aita-about-values-grid {
        grid-template-columns: 220px repeat(4, 1fr) !important;
    }

    .aita-about-values-heading h2 {
        font-size: 30px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .aita-about-values {
        padding: 42px 0 !important;
    }

    .aita-about-values-grid {
        display: grid !important;

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

        gap: 14px !important;
    }

    .aita-about-values-heading {
        grid-column: 1 / -1 !important;

        margin-bottom: 12px !important;
    }

    .aita-about-values-heading h2 {
        max-width: 280px !important;

        font-size: 32px !important;
    }

    .aita-about-value-card {
        min-height: 220px !important;

        padding: 22px 14px !important;
    }

    .aita-about-value-card h3 {
        font-size: 15px !important;
    }

    .aita-about-value-card p {
        font-size: 12px !important;
    }


    /* STAFF */

    .aita-team-heading {
        display: block !important;

        margin-bottom: 24px !important;
    }

    .aita-team-heading h2 {
        max-width: 340px !important;

        font-size: 32px !important;
    }

    .aita-team-heading > p {
        max-width: none !important;

        margin-top: 16px !important;

        font-size: 14px !important;
    }

}/* ==========================================================
   FIX TESTI - COME MOCKUP
========================================================== */


/* TITOLI SERIF */

.aita-about-history-left h2,
.aita-about-values-heading h2,
.aita-team-heading h2,
.aita-about-cta-title h2 {

    font-family: Georgia, "Times New Roman", serif !important;

    font-weight: 400 !important;

    letter-spacing: -0.035em !important;

    color: #174b38 !important;
}


/* ==========================================================
   STORIA
========================================================== */

.aita-about-history-left h2 {

    font-size: 36px !important;

    line-height: 1.08 !important;

    margin:
        10px 0 18px !important;
}


.aita-about-history-left > p {

    font-size: 14px !important;

    line-height: 1.55 !important;

    max-width: 330px !important;

    color: #53625c !important;
}


/* ==========================================================
   VALORI
========================================================== */

.aita-about-values-heading h2 {

    font-size: 35px !important;

    line-height: 1.08 !important;

    max-width: 280px !important;

    margin:
        12px 0 0 !important;
}


/* card */

.aita-about-value-card h3 {

    font-size: 17px !important;

    line-height: 1.18 !important;

    font-weight: 600 !important;

    margin:
        0 0 12px !important;
}


.aita-about-value-card p {

    font-size: 13px !important;

    line-height: 1.48 !important;

    max-width: 210px !important;

    margin:
        0 auto !important;

    color: #66736d !important;
}


/* ==========================================================
   STAFF
========================================================== */

.aita-team-heading h2 {

    font-size: 36px !important;

    line-height: 1.05 !important;

    max-width: 430px !important;

    margin:
        12px 0 0 !important;
}


.aita-team-heading > p {

    font-size: 14px !important;

    line-height: 1.55 !important;

    max-width: 560px !important;

    color: #53625c !important;
}


/* NOMI STAFF */

.aita-staff-info h3 {

    font-size: 15px !important;

    line-height: 1.2 !important;

    font-weight: 500 !important;

    margin:
        0 0 6px !important;
}


.aita-staff-info span {

    font-size: 12px !important;

    line-height: 1.3 !important;

    color: #638272 !important;
}


/* ==========================================================
   LABEL ARANCIONI
========================================================== */

.aita-kicker,
.aita-team-label {

    font-size: 11px !important;

    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: .07em !important;

    text-transform: uppercase !important;

    color: #dd7462 !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .aita-about-history-left h2 {

        font-size: 31px !important;
    }


    .aita-about-values-heading h2 {

        font-size: 31px !important;

        max-width: 250px !important;
    }


    .aita-team-heading h2 {

        font-size: 31px !important;

        max-width: 340px !important;
    }


    .aita-team-heading > p {

        font-size: 13px !important;
    }


    .aita-about-value-card h3 {

        font-size: 15px !important;
    }


    .aita-about-value-card p {

        font-size: 12px !important;
    }

}/* ==========================================================
   STAFF - FIX IMPAGINAZIONE COME MOCKUP
========================================================== */

.aita-team-section {
    padding: 58px 0 70px !important;
}

.aita-team-inner {
    width: min(92vw, 1480px) !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
}


/* intestazione */

.aita-team-heading {
    display: grid !important;

    grid-template-columns: 320px minmax(0, 1fr) !important;
    column-gap: 70px !important;

    align-items: end !important;

    margin-bottom: 34px !important;
}


/* label */

.aita-team-label {
    grid-column: 1 !important;

    font-size: 11px !important;
    line-height: 1 !important;

    letter-spacing: .08em !important;
    text-transform: uppercase !important;

    color: #d97766 !important;

    margin-bottom: 12px !important;
}


/* titolo */

.aita-team-heading h2 {
    grid-column: 1 !important;

    margin: 0 !important;

    max-width: 320px !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 35px !important;
    line-height: 1.06 !important;
    font-weight: 400 !important;

    letter-spacing: -0.03em !important;

    color: #174b38 !important;
}


/* testo destra */

.aita-team-heading > p {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;

    align-self: end !important;

    max-width: 520px !important;

    margin: 0 0 3px 0 !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    color: #52605a !important;
}


/* ==========================================================
   GRIGLIA STAFF
========================================================== */

.aita-team-grid {
    display: grid !important;

    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

    gap: 22px !important;

    align-items: stretch !important;
}


/* card */

.aita-staff-card {
    width: 100% !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    background: #fff !important;

    border: 1px solid #e2e8e3 !important;
}


/* foto */

.aita-staff-photo {
    width: 100% !important;

    aspect-ratio: 4 / 4.6 !important;

    overflow: hidden !important;
}


.aita-staff-photo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;
}


/* testi sotto foto */

.aita-staff-info {
    min-height: 82px !important;

    padding: 15px 10px 16px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    text-align: center !important;
}


.aita-staff-info h3 {
    margin: 0 0 6px !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 500 !important;

    color: #173f31 !important;
}


.aita-staff-info span {
    display: block !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    color: #719080 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .aita-team-heading {
        grid-template-columns: 280px 1fr !important;
        column-gap: 45px !important;
    }

    .aita-team-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .aita-team-section {
        padding: 46px 0 55px !important;
    }

    .aita-team-inner {
        width: calc(100% - 32px) !important;
    }

    .aita-team-heading {
        display: block !important;

        margin-bottom: 26px !important;
    }

    .aita-team-heading h2 {
        max-width: 100% !important;

        font-size: 30px !important;
    }

    .aita-team-heading > p {
        max-width: none !important;

        margin-top: 14px !important;

        font-size: 13px !important;
    }

    .aita-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }

    .aita-staff-info {
        min-height: 72px !important;
    }

}/* =========================================
   STAFF HEADING - FIX FINALE
========================================= */

.aita-team-heading {
    display: grid !important;
    grid-template-columns: 330px 1fr !important;
    column-gap: 55px !important;

    align-items: start !important;

    margin-bottom: 24px !important;
}

.aita-team-label {
    grid-column: 1 !important;

    margin-bottom: 8px !important;

    font-size: 11px !important;
}

.aita-team-heading h2 {
    grid-column: 1 !important;

    max-width: 330px !important;

    margin: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 31px !important;
    line-height: 1.02 !important;
    font-weight: 400 !important;

    letter-spacing: -0.025em !important;

    color: #174b38 !important;
}

.aita-team-heading > p {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;

    align-self: end !important;

    max-width: 500px !important;

    margin: 0 0 2px 0 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #52605a !important;
}
/* =========================================
   HERO CHI SIAMO - PIÙ COMPATTA
========================================= */

.aita-about-hero {
    padding: 38px 0 42px !important;
}

.aita-about-hero-grid {
    grid-template-columns: 43% 57% !important;
    align-items: center !important;
}

.aita-about-hero-copy {
    padding: 20px 55px 20px 0 !important;
}

.aita-about-hero-copy h1 {
    font-size: clamp(56px, 4.6vw, 78px) !important;
    line-height: .98 !important;
    margin: 14px 0 28px !important;
}

.aita-about-hero-lead {
    font-size: 17px !important;
    line-height: 1.6 !important;
    max-width: 520px !important;
    margin-bottom: 28px !important;
}

.aita-about-hero-media {
    height: 390px !important;
    border-radius: 150px 28px 28px 28px !important;
}

.aita-about-hero-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}
/* =========================
   HERO CHI SIAMO
   ========================= */

.aita-chi-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 56px;
  background:
    radial-gradient(circle at top left, rgba(231, 223, 208, 0.45), transparent 32%),
    linear-gradient(180deg, #fcfaf6 0%, #f7f4ee 100%);
}

.aita-chi-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.55), rgba(255,255,255,0.15));
  pointer-events: none;
}

.aita-chi-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: minmax(320px, 470px) minmax(420px, 1fr);
  gap: 56px;
  align-items: center;
}

.aita-chi-hero__content {
  max-width: 460px;
}

.aita-chi-hero__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #d67b61;
}

.aita-chi-hero__title {
  margin: 0 0 22px;
  font-size: clamp(46px, 6vw, 84px);
  line-height: 0.95;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #1f5b47;
}

.aita-chi-hero__text {
  margin: 0;
  font-size: 22px;
  line-height: 1.55;
  color: #55635c;
  max-width: 620px;
}

.aita-chi-hero__actions {
  margin-top: 34px;
}

.aita-chi-hero__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 26px;
  border-radius: 999px;
  background: #2d6a4f;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 14px 30px rgba(45, 106, 79, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.aita-chi-hero__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(45, 106, 79, 0.22);
  background: #255943;
  color: #fff;
}

.aita-chi-hero__btn span {
  font-size: 18px;
  line-height: 1;
}

.aita-chi-hero__media {
  min-width: 0;
}

.aita-chi-hero__grid {
  display: grid;
  grid-template-columns: 1.3fr 0.95fr;
  grid-template-rows: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.aita-chi-hero__card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background: #ffffff;
  box-shadow:
    0 18px 50px rgba(33, 50, 40, 0.08),
    0 2px 10px rgba(33, 50, 40, 0.05);
}

.aita-chi-hero__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aita-chi-hero__card--large {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  min-height: 560px;
  border-top-left-radius: 120px;
}

.aita-chi-hero__card--small-top {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  min-height: 270px;
}

.aita-chi-hero__card--small-bottom {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  min-height: 270px;
}

/* dettaglio decorativo leggero */
.aita-chi-hero__card::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 30%;
  background: linear-gradient(to top, rgba(0,0,0,0.12), transparent);
  opacity: 0.35;
  pointer-events: none;
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 1100px) {
  .aita-chi-hero {
    padding: 56px 0 48px;
  }

  .aita-chi-hero__inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .aita-chi-hero__content {
    max-width: 100%;
  }

  .aita-chi-hero__text {
    font-size: 20px;
    max-width: 760px;
  }

  .aita-chi-hero__grid {
    grid-template-columns: 1.2fr 1fr;
  }

  .aita-chi-hero__card--large {
    min-height: 500px;
  }

  .aita-chi-hero__card--small-top,
  .aita-chi-hero__card--small-bottom {
    min-height: 240px;
  }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {
  .aita-chi-hero {
    padding: 34px 0 28px;
  }

  .aita-chi-hero__inner {
    padding: 0 18px;
    gap: 26px;
  }

  .aita-chi-hero__eyebrow {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .aita-chi-hero__title {
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 0.96;
  }

  .aita-chi-hero__text {
    font-size: 17px;
    line-height: 1.55;
  }

  .aita-chi-hero__actions {
    margin-top: 24px;
  }

  .aita-chi-hero__btn {
    width: 100%;
    justify-content: center;
    padding: 15px 22px;
  }

  .aita-chi-hero__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 14px;
  }

  .aita-chi-hero__card--large,
  .aita-chi-hero__card--small-top,
  .aita-chi-hero__card--small-bottom {
    grid-column: auto;
    grid-row: auto;
    min-height: 220px;
    border-top-left-radius: 34px;
  }
}
/* ==========================================================
   FARMACIA AITA - HERO CHI SIAMO PREMIUM
   ========================================================== */

.aita-premium-hero,
.aita-premium-hero * {
    box-sizing: border-box;
}

.aita-premium-hero {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    padding: 0 44px 42px;
    overflow: hidden;
    color: #234b3a;
    background:
        radial-gradient(
            circle at 8% 28%,
            rgba(223, 228, 216, 0.42) 0,
            rgba(223, 228, 216, 0) 24%
        ),
        linear-gradient(135deg, #fffefb 0%, #fbf8f1 100%);
}

.aita-premium-hero__main {
    position: relative;
    width: min(100%, 1530px);
    min-height: 690px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 39% 61%;
    align-items: stretch;
}


/* ==========================================================
   TESTO
   ========================================================== */

.aita-premium-hero__content {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 64px 54px 100px 8px;
}

.aita-premium-hero__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
    color: #315a46;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.aita-premium-hero__brand svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aita-premium-hero__eyebrow {
    display: block;
    margin-bottom: 15px;
    color: #d4775e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.aita-premium-hero__title {
    margin: 0;
    color: #234b3a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(66px, 6.2vw, 102px);
    font-weight: 400;
    line-height: 0.94;
    letter-spacing: -0.055em;
}

.aita-premium-hero__line {
    display: block;
    width: 72px;
    height: 3px;
    margin: 30px 0 26px;
    border-radius: 999px;
    background: #d4775e;
}

.aita-premium-hero__text {
    max-width: 530px;
    margin: 0;
    color: #53605a;
    font-size: 18px;
    line-height: 1.65;
}

.aita-premium-hero__highlights {
    max-width: 560px;
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.aita-premium-hero__highlight {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 15px;
    align-items: start;
}

.aita-premium-hero__highlight > svg {
    width: 45px;
    height: 45px;
    fill: none;
    stroke: #315a46;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aita-premium-hero__highlight strong {
    display: block;
    margin-bottom: 8px;
    color: #244b39;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.aita-premium-hero__highlight span {
    display: block;
    color: #667069;
    font-size: 12px;
    line-height: 1.55;
}

.aita-premium-hero__button {
    width: fit-content;
    min-height: 52px;
    margin-top: 36px;
    padding: 14px 26px 14px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, #315a46, #547a5e);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 13px 28px rgba(36, 75, 57, 0.16);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease;
}

.aita-premium-hero__button svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.25s ease;
}

.aita-premium-hero__button:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 17px 34px rgba(36, 75, 57, 0.22);
}

.aita-premium-hero__button:hover svg {
    transform: translateX(5px);
}


/* ==========================================================
   COLLAGE
   ========================================================== */

.aita-premium-hero__collage {
    position: relative;
    min-width: 0;
    min-height: 690px;
    overflow: hidden;
}

.aita-premium-hero__photo {
    position: absolute;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    background: #e5e1d7;
    box-shadow: 0 22px 45px rgba(30, 50, 40, 0.12);
}

.aita-premium-hero__photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

/* Staff: immagine superiore principale */

.aita-premium-hero__photo--team {
    top: 0;
    right: 3%;
    width: 81%;
    height: 57%;
    border-radius: 220px 0 170px 45px;
    transform: rotate(0.5deg);
}

.aita-premium-hero__photo--team img {
    object-position: center 38%;
}

/* Farmacia moderna: immagine inferiore sinistra */

.aita-premium-hero__photo--pharmacy {
    bottom: 0;
    left: 0;
    width: 57%;
    height: 48%;
    border-radius: 180px 55px 150px 0;
    transform: rotate(-1deg);
    border: 5px solid #fffdf8;
}

.aita-premium-hero__photo--pharmacy img {
    object-position: center center;
}

/* Tradizione: immagine inferiore destra */

.aita-premium-hero__photo--tradition {
    right: -5%;
    bottom: -1%;
    width: 54%;
    height: 49%;
    border-radius: 190px 0 0 28px;
    transform: rotate(-1.4deg);
    border: 5px solid #fffdf8;
}

.aita-premium-hero__photo--tradition img {
    object-position: center center;
}

/* Pannello verde in alto a destra */

.aita-premium-hero__green-panel {
    position: absolute;
    z-index: 4;
    top: -80px;
    right: -55px;
    width: 305px;
    height: 355px;
    padding: 115px 45px 45px 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    background:
        linear-gradient(
            145deg,
            rgba(119, 145, 113, 0.98),
            rgba(156, 173, 145, 0.96)
        );
    color: #ffffff;
    box-shadow: 0 20px 40px rgba(38, 72, 53, 0.12);
}

.aita-premium-hero__green-panel > svg {
    width: 48px;
    height: 48px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.9;
}

.aita-premium-hero__green-panel span {
    display: block;
    margin-top: 9px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}


/* ==========================================================
   FASCIA INFERIORE
   ========================================================== */

.aita-premium-hero__services {
    position: relative;
    z-index: 10;
    width: min(100%, 1450px);
    margin: -25px auto 0;
    padding: 32px 40px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid rgba(49, 90, 70, 0.08);
    border-radius: 22px;
    background: rgba(251, 251, 247, 0.94);
    box-shadow: 0 18px 48px rgba(36, 75, 57, 0.08);
    backdrop-filter: blur(14px);
}

.aita-premium-hero__service {
    min-width: 0;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
    align-items: center;
}

.aita-premium-hero__service + .aita-premium-hero__service {
    border-left: 1px solid rgba(49, 90, 70, 0.13);
}

.aita-premium-hero__service > svg {
    width: 43px;
    height: 43px;
    fill: none;
    stroke: #315a46;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aita-premium-hero__service strong {
    display: block;
    margin-bottom: 7px;
    color: #244b39;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.aita-premium-hero__service span {
    display: block;
    color: #69736d;
    font-size: 12px;
    line-height: 1.5;
}


/* ==========================================================
   NOTEBOOK E TABLET
   ========================================================== */

@media screen and (max-width: 1250px) {

    .aita-premium-hero {
        padding-right: 28px;
        padding-left: 28px;
    }

    .aita-premium-hero__main {
        grid-template-columns: 42% 58%;
    }

    .aita-premium-hero__content {
        padding-right: 35px;
    }

    .aita-premium-hero__title {
        font-size: clamp(62px, 7vw, 82px);
    }

    .aita-premium-hero__highlights {
        gap: 18px;
    }

    .aita-premium-hero__service {
        padding: 0 18px;
        grid-template-columns: 39px 1fr;
        gap: 12px;
    }

    .aita-premium-hero__service > svg {
        width: 36px;
        height: 36px;
    }

}

@media screen and (max-width: 1024px) {

    .aita-premium-hero {
        padding-top: 45px;
    }

    .aita-premium-hero__main {
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .aita-premium-hero__content {
        max-width: 760px;
        padding: 10px 0 50px;
    }

    .aita-premium-hero__brand {
        margin-bottom: 27px;
    }

    .aita-premium-hero__collage {
        width: 100%;
        min-height: 620px;
    }

    .aita-premium-hero__photo--team {
        width: 78%;
    }

    .aita-premium-hero__services {
        margin-top: 25px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 30px;
    }

    .aita-premium-hero__service:nth-child(3) {
        border-left: 0;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

    .aita-premium-hero {
        padding: 30px 16px 26px;
    }

    .aita-premium-hero__content {
        padding: 0 2px 34px;
    }

    .aita-premium-hero__brand {
        margin-bottom: 22px;
        font-size: 11px;
    }

    .aita-premium-hero__eyebrow {
        margin-bottom: 11px;
        font-size: 10px;
    }

    .aita-premium-hero__title {
        font-size: 58px;
        line-height: 0.96;
    }

    .aita-premium-hero__line {
        width: 55px;
        margin: 22px 0 20px;
    }

    .aita-premium-hero__text {
        font-size: 16px;
        line-height: 1.6;
    }

    .aita-premium-hero__highlights {
        margin-top: 28px;
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .aita-premium-hero__highlight {
        grid-template-columns: 42px 1fr;
    }

    .aita-premium-hero__highlight > svg {
        width: 39px;
        height: 39px;
    }

    .aita-premium-hero__button {
        width: 100%;
        margin-top: 29px;
    }

    /* Collage mobile: proporzioni più leggibili */

    .aita-premium-hero__collage {
        min-height: 500px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 260px 210px;
        gap: 12px;
        overflow: visible;
    }

    .aita-premium-hero__photo {
        position: relative;
        inset: auto;
        width: auto;
        height: auto;
        transform: none;
        border: 0;
        box-shadow: 0 12px 28px rgba(30, 50, 40, 0.11);
    }

    .aita-premium-hero__photo--team {
        grid-column: 1 / -1;
        grid-row: 1;
        border-radius: 80px 24px 24px 24px;
    }

    .aita-premium-hero__photo--team img {
        object-position: center 35%;
    }

    .aita-premium-hero__photo--pharmacy {
        grid-column: 1;
        grid-row: 2;
        border-radius: 24px 24px 24px 65px;
    }

    .aita-premium-hero__photo--tradition {
        grid-column: 2;
        grid-row: 2;
        border-radius: 24px 24px 65px 24px;
    }

    .aita-premium-hero__green-panel {
        top: 215px;
        right: 12px;
        width: 105px;
        height: 105px;
        padding: 18px;
        justify-content: center;
        align-items: center;
        gap: 0;
        text-align: center;
        border-width: 2px;
    }

    .aita-premium-hero__green-panel > svg {
        width: 29px;
        height: 29px;
    }

    .aita-premium-hero__green-panel div {
        display: none;
    }

    .aita-premium-hero__services {
        margin-top: 20px;
        padding: 25px 20px;
        grid-template-columns: 1fr;
        gap: 0;
        border-radius: 20px;
    }

    .aita-premium-hero__service {
        padding: 19px 0;
        grid-template-columns: 42px 1fr;
    }

    .aita-premium-hero__service + .aita-premium-hero__service,
    .aita-premium-hero__service:nth-child(3) {
        border-top: 1px solid rgba(49, 90, 70, 0.12);
        border-left: 0;
    }

    .aita-premium-hero__service > svg {
        width: 37px;
        height: 37px;
    }

}


/* Smartphone piccoli */

@media screen and (max-width: 420px) {

    .aita-premium-hero__title {
        font-size: 52px;
    }

    .aita-premium-hero__collage {
        min-height: 450px;
        grid-template-rows: 235px 185px;
    }

    .aita-premium-hero__green-panel {
        top: 192px;
    }

}/* Cerchio verde hero più piccolo - desktop e tablet */
@media screen and (min-width: 768px) {

    .aita-premium-hero__green-panel {
        top: -35px !important;
        right: -18px !important;

        width: 170px !important;
        height: 185px !important;
        padding: 55px 18px 20px 42px !important;

        gap: 10px !important;
        border-width: 2px !important;
    }

    .aita-premium-hero__green-panel > svg {
        width: 29px !important;
        height: 29px !important;
    }

    .aita-premium-hero__green-panel span {
        margin-top: 5px !important;
        font-size: 8px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.12em !important;
    }

}
/* ==========================================================
/* ==========================================================
   FARMACIA AITA — PAGINA CONTATTI MODERNA
   Incollare in fondo al file style.css del tema.
   ========================================================== */

body .aita-contact-page {
    --aita-green: #0f513e;
    --aita-green-dark: #0a3f30;
    --aita-coral: #ed6b52;
    --aita-ink: #173e33;
    --aita-muted: #6f7774;
    --aita-line: #dce4df;
    --aita-soft: #eef3f0;
    color: var(--aita-ink);
    background: #fbfaf7;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
}

body .aita-contact-page *,
body .aita-contact-page *::before,
body .aita-contact-page *::after {
    box-sizing: border-box;
}

body .aita-contact-page .aita-contact-shell {
    width: min(100% - 48px, 1360px);
    margin-inline: auto;
}

/* Testata */
body .aita-contact-page .aita-contact-hero {
    padding: 70px 0 42px;
    text-align: center;
    background: #fbfaf7;
}

body .aita-contact-page .aita-contact-hero__eyebrow {
    margin: 0 0 12px;
    color: var(--aita-coral);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

body .aita-contact-page .aita-contact-hero__title {
    margin: 0;
    color: var(--aita-green);
    font-family: inherit;
    font-size: clamp(36px, 3.2vw, 54px);
    font-weight: 520;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

body .aita-contact-page .aita-contact-hero__subtitle {
    max-width: 820px;
    margin: 15px auto 0;
    color: var(--aita-muted);
    font-size: 16px;
    line-height: 1.6;
}

/* Struttura */
body .aita-contact-page .aita-contact-main {
    padding: 0 0 88px;
}

body .aita-contact-page .aita-contact-layout {
    display: grid;
    grid-template-columns: minmax(420px, 0.72fr) minmax(580px, 1fr);
    gap: 22px;
    align-items: stretch;
}

body .aita-contact-page .aita-contact-side {
    display: grid;
    grid-template-rows: auto minmax(440px, 1fr);
    gap: 18px;
    min-width: 0;
}

body .aita-contact-page .aita-contact-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

/* Card */
body .aita-contact-page .aita-contact-form-card,
body .aita-contact-page .aita-contact-card,
body .aita-contact-page .aita-contact-map {
    border: 1px solid var(--aita-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 30px rgba(14, 56, 43, 0.035);
}

body .aita-contact-page .aita-contact-form-card {
    padding: 26px 28px 30px;
}

body .aita-contact-page .aita-contact-heading,
body .aita-contact-page .aita-contact-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

body .aita-contact-page .aita-contact-heading {
    align-items: center;
    margin-bottom: 22px;
}

body .aita-contact-page .aita-contact-heading h2,
body .aita-contact-page .aita-contact-card h2 {
    margin: 0;
    color: var(--aita-green-dark);
    font-family: inherit;
    font-weight: 600;
    letter-spacing: -0.025em;
}

body .aita-contact-page .aita-contact-heading h2 {
    font-size: 25px;
}

body .aita-contact-page .aita-contact-card {
    min-height: 142px;
    padding: 22px 22px;
}

body .aita-contact-page .aita-contact-card h2 {
    font-size: 20px;
    line-height: 1.2;
}

body .aita-contact-page .aita-contact-icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    color: var(--aita-green);
    background: var(--aita-soft);
}

body .aita-contact-page .aita-contact-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body .aita-contact-page .aita-contact-card__content {
    min-width: 0;
}

body .aita-contact-page .aita-contact-card__accent {
    display: block;
    width: 24px;
    height: 2px;
    margin: 10px 0 12px;
    border-radius: 99px;
    background: var(--aita-coral);
}

body .aita-contact-page .aita-contact-card a,
body .aita-contact-page .aita-contact-card address {
    display: block;
    margin: 0;
    color: var(--aita-green-dark);
    font-size: 15px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.45;
    overflow-wrap: anywhere;
    text-decoration: none;
}

body .aita-contact-page .aita-contact-card a:hover {
    color: var(--aita-coral);
}

body .aita-contact-page .aita-contact-card small {
    display: block;
    margin-top: 8px;
    color: var(--aita-muted);
    font-size: 12px;
    line-height: 1.4;
}

body .aita-contact-page .aita-contact-hours p {
    margin: 8px 0 0;
}

body .aita-contact-page .aita-contact-hours span,
body .aita-contact-page .aita-contact-hours strong {
    display: block;
    font-size: 12px;
    line-height: 1.35;
}

body .aita-contact-page .aita-contact-hours span {
    color: var(--aita-muted);
    font-weight: 450;
}

body .aita-contact-page .aita-contact-hours strong {
    color: var(--aita-green-dark);
    font-weight: 700;
}

/* Contact Form 7 */
body .aita-contact-page .aita-contact-form-wrapper p {
    margin: 0 0 14px;
}

body .aita-contact-page .aita-contact-form-wrapper label {
    display: block;
    color: var(--aita-green-dark);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.4;
}

/*
 * Contact Form 7 inserisce interruzioni di riga in base alla
 * formattazione usata nell'editor del modulo. Le annulliamo dentro
 * le etichette, così l'asterisco resta accanto al testo.
 */
body .aita-contact-page .aita-contact-form-wrapper label br {
    display: none;
}

body .aita-contact-page .aita-contact-form-wrapper label > .wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
}

body .aita-contact-page .aita-contact-form-wrapper input:not([type="checkbox"]):not([type="submit"]),
body .aita-contact-page .aita-contact-form-wrapper select,
body .aita-contact-page .aita-contact-form-wrapper textarea {
    width: 100%;
    margin-top: 0;
    border: 1px solid #d5ded9;
    border-radius: 9px;
    outline: 0;
    background: rgba(255, 255, 255, 0.78);
    color: #263c35;
    font: inherit;
    font-size: 14px;
    box-shadow: none;
    transition: border-color 160ms ease, box-shadow 160ms ease,
        background 160ms ease;
}

body .aita-contact-page .aita-contact-form-wrapper input:not([type="checkbox"]):not([type="submit"]),
body .aita-contact-page .aita-contact-form-wrapper select {
    min-height: 44px;
    padding: 10px 13px;
}

body .aita-contact-page .aita-contact-form-wrapper textarea {
    min-height: 140px;
    padding: 12px 13px;
    resize: vertical;
}

body .aita-contact-page .aita-contact-form-wrapper input:focus,
body .aita-contact-page .aita-contact-form-wrapper select:focus,
body .aita-contact-page .aita-contact-form-wrapper textarea:focus {
    border-color: rgba(15, 81, 62, 0.58);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(15, 81, 62, 0.08);
}

body .aita-contact-page .aita-contact-form-wrapper .wpcf7-list-item {
    margin: 0;
}

body .aita-contact-page .aita-contact-form-wrapper .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #5f6965;
    font-size: 12px;
    font-weight: 400;
}

body .aita-contact-page .aita-contact-form-wrapper input[type="checkbox"] {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    margin: 1px 0 0;
    accent-color: var(--aita-green);
}

body .aita-contact-page .aita-contact-form-wrapper input[type="submit"] {
    min-width: 210px;
    min-height: 46px;
    padding: 12px 24px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--aita-green);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 81, 62, 0.16);
    transition: transform 160ms ease, background 160ms ease,
        box-shadow 160ms ease;
}

body .aita-contact-page .aita-contact-form-wrapper input[type="submit"]:hover {
    transform: translateY(-1px);
    background: var(--aita-green-dark);
    box-shadow: 0 10px 22px rgba(15, 81, 62, 0.2);
}

body .aita-contact-page .wpcf7-spinner {
    vertical-align: middle;
}

body .aita-contact-page .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #b42318;
    font-size: 12px;
}

body .aita-contact-page .wpcf7-response-output {
    margin: 16px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 9px;
    font-size: 13px;
}

/* Google Maps */
body .aita-contact-page .aita-contact-map {
    position: relative;
    min-height: 440px;
    overflow: hidden;
    background: #e9eeeb;
}

body .aita-contact-page .aita-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    border: 0;
}

body .aita-contact-page .aita-contact-map__button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 999px;
    color: #fff;
    background: var(--aita-green);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(6, 47, 35, 0.24);
    transition: transform 160ms ease, background 160ms ease;
}

body .aita-contact-page .aita-contact-map__button:hover {
    transform: translateY(-1px);
    color: #fff;
    background: var(--aita-green-dark);
}

body .aita-contact-page .aita-contact-map__button svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 1100px) {
    body .aita-contact-page .aita-contact-layout {
        grid-template-columns: 1fr;
    }

    body .aita-contact-page .aita-contact-form-card {
        order: 2;
    }

    body .aita-contact-page .aita-contact-side {
        order: 1;
    }
}

@media (max-width: 700px) {
    body .aita-contact-page .aita-contact-shell {
        width: min(100% - 32px, 1360px);
    }

    body .aita-contact-page .aita-contact-hero {
        padding: 48px 0 32px;
    }

    body .aita-contact-page .aita-contact-hero__title {
        font-size: clamp(34px, 10vw, 44px);
    }

    body .aita-contact-page .aita-contact-hero__subtitle {
        font-size: 15px;
    }

    body .aita-contact-page .aita-contact-cards {
        grid-template-columns: 1fr;
    }

    body .aita-contact-page .aita-contact-form-card {
        padding: 22px 18px 24px;
    }

    body .aita-contact-page .aita-contact-card {
        min-height: 0;
        padding: 20px 18px;
    }

    body .aita-contact-page .aita-contact-heading h2 {
        font-size: 22px;
    }

    body .aita-contact-page .aita-contact-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    body .aita-contact-page .aita-contact-map,
    body .aita-contact-page .aita-contact-map iframe {
        min-height: 360px;
    }

    body .aita-contact-page .aita-contact-map__button {
        right: 14px;
        bottom: 14px;
    }

    body .aita-contact-page .aita-contact-form-wrapper input[type="submit"] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .aita-contact-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* ==========================================================
   FARMACIA AITA – PAGINA PRENOTA I SERVIZI
   SOLO body.page-id-19754
   ========================================================== */


/* ==========================================================
   PAGINA E CONTENUTO
   ========================================================== */

body.page-id-19754 {
    background: #f8f5ed !important;
}

body.page-id-19754 #goal-main-content {
    padding: 58px 0 90px !important;
    background:
        radial-gradient(
            circle at 92% 2%,
            rgba(121, 151, 132, 0.12),
            transparent 27%
        ),
        #f8f5ed !important;
}

body.page-id-19754 #goal-main-content > .container,
body.page-id-19754 #goal-main-content .site-content > .container,
body.page-id-19754 #goal-main-content .main-page {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
}

body.page-id-19754 #primary,
body.page-id-19754 .content-area,
body.page-id-19754 .site-main,
body.page-id-19754 article,
body.page-id-19754 .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   ELIMINA COMPLETAMENTE BREADCRUMB E HERO DEL TEMA
   ========================================================== */

body.page-id-19754 section#goal-breadscrumb,
body.page-id-19754 #goal-breadscrumb,
body.page-id-19754 .goal-breadscrumb,
body.page-id-19754 .breadcrumb-page {
    display: none !important;
}


/* ==========================================================
   CONTENITORE AMELIA
   ========================================================== */

body.page-id-19754 .amelia-v2-booking,
body.page-id-19754 #amelia-container,
body.page-id-19754 #amelia-container.am-fc__wrapper {
    width: 100% !important;
    max-width: 1400px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}


/* Contenitori interni */

body.page-id-19754 #amelia-container .am-cat__wrapper,
body.page-id-19754 #amelia-container .am-cat__main,
body.page-id-19754 #amelia-container .am-cat__form,
body.page-id-19754 #amelia-container .am-cat__content,
body.page-id-19754 #amelia-container .am-fcil__wrapper {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}


/* Elimina la scrollbar interna */

body.page-id-19754 #amelia-container .am-cat__content {
    --am-h-cat-content: auto !important;

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}





/* ==========================================================
   TITOLO MINIMO DEL CATALOGO
   ========================================================== */

body.page-id-19754
#amelia-container
.am-fcil__wrapper:has(> .am-fcil__items-list)::before {
    content: "Scegli il servizio da prenotare";

    display: block !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    color: #214d3a !important;

    font-family: inherit !important;
    font-size: clamp(30px, 3vw, 43px) !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: -0.9px !important;

    text-align: left !important;
}


/* ==========================================================
   GRIGLIA: TRE CARD PER RIGA
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__items-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 25px !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* ==========================================================
   SINGOLA CARD
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-inner {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    background: #ffffff !important;
    border: 1px solid rgba(37, 76, 58, 0.10) !important;
    border-radius: 21px !important;

    box-shadow: 0 12px 34px rgba(37, 62, 50, 0.09) !important;
    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-inner:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(37, 76, 58, 0.20) !important;
    box-shadow: 0 20px 45px rgba(37, 62, 50, 0.14) !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
}


/* ==========================================================
   NASCONDE BOLLINO “SERVIZIO”
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item-badge-wrapper {
    display: none !important;
}


/* ==========================================================
   IMMAGINE
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item-hero {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 11 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    background-color: #f3f2ed !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    border: 0 !important;
    border-radius: 0 !important;
}


/* ==========================================================
   NOME E PREZZO
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item-heading {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 15px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 20px 21px 10px !important;

    position: static !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-heading > * {
    position: static !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.page-id-19754
#amelia-container
.am-fcil__item-heading [class*="title"] {
    min-width: 0 !important;

    color: #183f30 !important;

    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    text-transform: none !important;
}

body.page-id-19754
#amelia-container
.am-fcil__item-heading [class*="price"] {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    position: static !important;

    color: #285d45 !important;
    background: #e8f1ea !important;

    border-radius: 50px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* ==========================================================
   DURATA, CATEGORIA E PULSANTE
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item-info {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 21px 21px !important;

    position: static !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-info > * {
    position: static !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-info,
body.page-id-19754 #amelia-container .am-fcil__item-info span,
body.page-id-19754 #amelia-container .am-fcil__item-info p {
    color: #68756f !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* Pulsante: non può più coprire il testo */

body.page-id-19754 #amelia-container .am-fcil__item button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 47px !important;

    margin: 18px 0 0 !important;
    padding: 11px 18px !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    color: #ffffff !important;
    background: #306047 !important;

    border: 0 !important;
    border-radius: 12px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    box-shadow: none !important;
}

body.page-id-19754 #amelia-container .am-fcil__item button:hover {
    color: #ffffff !important;
    background: #214b37 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    body.page-id-19754 #amelia-container .am-fcil__items-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.page-id-19754 #goal-main-content {
        padding: 32px 0 55px !important;
    }

    body.page-id-19754 #goal-main-content > .container,
    body.page-id-19754 #goal-main-content .site-content > .container,
    body.page-id-19754 #goal-main-content .main-page {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcil__wrapper:has(> .am-fcil__items-list)::before {
        margin-bottom: 22px !important;

        font-size: 29px !important;
        text-align: center !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__items-list {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-inner {
        border-radius: 17px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-hero {
        aspect-ratio: 16 / 11 !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-heading {
        padding: 18px 17px 9px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-info {
        padding: 0 17px 17px !important;
    }
}/* ==========================================================
   CORREZIONE INTESTAZIONE E PULIZIA CATALOGO
   SOLO PAGINA PRENOTA I SERVIZI
   ========================================================== */


/* Introduzione nuovamente centrata */

body.page-id-19754 .aita-booking-intro {
    width: calc(100% - 30px) !important;
    max-width: 850px !important;

    margin: 0 auto 44px !important;
    padding: 12px 20px 0 !important;

    text-align: center !important;
}

body.page-id-19754 .aita-booking-intro > span {
    display: block !important;

    margin: 0 0 12px !important;

    color: #df7059 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
}

body.page-id-19754 .aita-booking-intro h2 {
    max-width: none !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #204d3a !important;

    font-size: clamp(36px, 3.5vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -1.2px !important;
    text-align: center !important;
    text-transform: none !important;
}

body.page-id-19754 .aita-booking-intro p {
    max-width: 690px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #68756f !important;

    font-size: 17px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}


/* Nasconde ricerca e intestazione originale di Amelia */




/* Elimina il secondo titolo inserito dal vecchio CSS */

body.page-id-19754
.amelia-v2-booking
#amelia-container
.am-fcil__wrapper::before {
    display: none !important;
    content: none !important;
}


/* Nasconde definitivamente il bollino verde “Servizio” */

body.page-id-19754
.amelia-v2-booking
#amelia-container
.am-fcil__item-badge-wrapper {
    display: none !important;
}


/* Avvicina le card all’introduzione */

body.page-id-19754
.amelia-v2-booking
#amelia-container
.am-fcil__items-list {
    margin-top: 0 !important;
}


/* Mobile */

@media (max-width: 767px) {

    body.page-id-19754 .aita-booking-intro {
        margin-bottom: 28px !important;
        padding: 5px 10px 0 !important;
    }

    body.page-id-19754 .aita-booking-intro h2 {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    body.page-id-19754 .aita-booking-intro p {
        font-size: 15px !important;
    }
}/* ==========================================================
   ORDINE CONTENUTO CARD AMELIA
   Titolo → immagine → informazioni → pulsante
   SOLO pagina page-id-19754
   ========================================================== */

body.page-id-19754 #amelia-container .am-fcil__item-content {
    display: flex !important;
    flex-direction: column !important;
}


/* 1. Titolo e prezzo */

body.page-id-19754 #amelia-container .am-fcil__item-heading {
    order: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    width: 100% !important;
    min-height: 82px !important;

    margin: 0 !important;
    padding: 22px 22px 18px !important;

    background: #ffffff !important;
    position: static !important;
}


/* 2. Immagine */

body.page-id-19754 #amelia-container .am-fcil__item-hero {
    order: 2 !important;

    width: calc(100% - 32px) !important;
    aspect-ratio: 16 / 10 !important;

    margin: 0 16px !important;

    position: static !important;

    background-color: #f4f2ec !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 15px !important;
}


/* 3. Informazioni e pulsante */

body.page-id-19754 #amelia-container .am-fcil__item-info {
    order: 3 !important;

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 18px 22px 22px !important;

    position: static !important;
}


/* Pulsante sempre in fondo, senza sovrapporsi */

body.page-id-19754 #amelia-container .am-fcil__item button {
    width: 100% !important;
    min-height: 48px !important;

    margin: 18px 0 0 !important;
    padding: 12px 18px !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    color: #ffffff !important;
    background: #306047 !important;

    border: 0 !important;
    border-radius: 12px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


/* Mantiene le card della stessa altezza */

body.page-id-19754 #amelia-container .am-fcil__item,
body.page-id-19754 #amelia-container .am-fcil__item-inner {
    height: 100% !important;
}


/* Nasconde ancora il bollino “Servizio” */

body.page-id-19754 #amelia-container .am-fcil__item-badge-wrapper {
    display: none !important;
}


/* Mobile */

@media (max-width: 767px) {

    body.page-id-19754 #amelia-container .am-fcil__item-heading {
        min-height: 70px !important;
        padding: 18px 17px 14px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-hero {
        width: calc(100% - 24px) !important;
        margin: 0 12px !important;
        border-radius: 13px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-info {
        padding: 16px 17px 17px !important;
    }
}
/* ==========================================================
   CORREZIONE FINALE CARD AMELIA
   SOLO PAGINA PRENOTA I SERVIZI
   ========================================================== */





/* NASCONDE IL BOLLINO “SERVIZIO”
   La classe corretta contiene due underscore */

body.page-id-19754 #amelia-container .am-fcil__item-badge__wrapper,
body.page-id-19754 #amelia-container .am-fcil__item-badge-wrapper {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* CARD PIÙ COMPATTE */

body.page-id-19754 #amelia-container .am-fcil__item-inner {
    min-height: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* 1. TITOLO E PREZZO */

body.page-id-19754 #amelia-container .am-fcil__item-heading {
    order: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 21px 20px 17px !important;

    position: static !important;
    background: #ffffff !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-heading [class*="title"] {
    color: #173f30 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-heading [class*="price"] {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 6px 11px !important;

    color: #265c43 !important;
    background: #e9f2eb !important;
    border-radius: 50px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* 2. IMMAGINE */

body.page-id-19754 #amelia-container .am-fcil__item-hero {
    order: 2 !important;

    width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;

    margin: 0 16px !important;

    position: static !important;

    background-color: #f4f2ec !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    border-radius: 14px !important;
}


/* 3. INFORMAZIONI */

body.page-id-19754 #amelia-container .am-fcil__item-info {
    order: 3 !important;

    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 15px !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 15px 20px 0 !important;

    position: static !important;
}

body.page-id-19754 #amelia-container .am-fcil__item-info,
body.page-id-19754 #amelia-container .am-fcil__item-info * {
    color: #65736c !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* NASCONDE LA CATEGORIA “DEFAULT”, MA CONSERVA LA DURATA */

body.page-id-19754
#amelia-container
.am-fcil__item-info [class*="category"] {
    display: none !important;
}


/* 4. PULSANTE */

body.page-id-19754 #amelia-container .am-fcil__item button {
    order: 4 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: calc(100% - 40px) !important;
    min-height: 48px !important;

    margin: 18px 20px 20px !important;
    padding: 11px 18px !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    color: #ffffff !important;
    background: #306047 !important;

    border: 0 !important;
    border-radius: 12px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.page-id-19754 #amelia-container .am-fcil__item button:hover {
    color: #ffffff !important;
    background: #214b37 !important;
}


/* SPAZIO SOTTO LE CARD PER IL CREDITO AMELIA */

body.page-id-19754 .amelia-v2-booking {
    padding-bottom: 28px !important;
}


/* MOBILE */

@media (max-width: 767px) {

    body.page-id-19754 #amelia-container .am-fcil__item-heading {
        padding: 18px 16px 14px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-hero {
        width: calc(100% - 24px) !important;
        margin: 0 12px !important;
        border-radius: 12px !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item-info {
        padding: 14px 16px 0 !important;
    }

    body.page-id-19754 #amelia-container .am-fcil__item button {
        width: calc(100% - 32px) !important;
        margin: 16px 16px 16px !important;
    }
}
/* ELENCO: nasconde la ricerca */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcil
.am-cat__header,

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcil
.am-cat__heading {
    display: none !important;
}


/* SINGOLO SERVIZIO: ripristina intestazione e comandi */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-cat__header,

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-cat__heading.am-fcis__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Pulsante della schermata singolo servizio */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-fcis__header button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 145px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 22px !important;

    position: static !important;

    color: #ffffff !important;
    background: #306047 !important;
    border: 0 !important;
    border-radius: 12px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    visibility: visible !important;
    opacity: 1 !important;
}
/* ==========================================================
   FARMACIA AITA – DETTAGLIO SINGOLO SERVIZIO AMELIA
   SOLO pagina Prenota i servizi – page-id-19754
   ========================================================== */


/* Contenitore del dettaglio */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}


/* Ripristina il pulsante "Torna indietro"
   eventualmente nascosto dal vecchio CSS */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis > .am-cat__header {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    overflow: visible !important;
    background: transparent !important;
}


/* Pulsante torna indietro */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis > .am-cat__header button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    width: auto !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 9px 17px !important;

    color: #285740 !important;
    background: rgba(255, 255, 255, 0.82) !important;

    border: 1px solid rgba(40, 87, 64, 0.18) !important;
    border-radius: 50px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;

    box-shadow: 0 5px 16px rgba(37, 62, 50, 0.06) !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis > .am-cat__header button:hover {
    color: #ffffff !important;
    background: #2f6249 !important;
    border-color: #2f6249 !important;
    transform: translateY(-1px) !important;
}


/* Form interno del dettaglio */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-fcis__form {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    overflow: visible !important;
}


/* ==========================================================
   RIEPILOGO SERVIZIO
   Nome, prezzo, durata e pulsante
   ========================================================== */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-cat__heading.am-fcis__header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px 18px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 22px !important;
    padding: 24px 27px !important;

    color: #183f30 !important;
    background: #ffffff !important;

    border: 1px solid rgba(38, 83, 61, 0.11) !important;
    border-radius: 20px !important;

    box-shadow: 0 12px 34px rgba(37, 62, 50, 0.08) !important;
    overflow: visible !important;
}


/* Nome del servizio */

body.page-id-19754
#amelia-container
.am-fcis__header h1,

body.page-id-19754
#amelia-container
.am-fcis__header h2,

body.page-id-19754
#amelia-container
.am-fcis__header h3,

body.page-id-19754
#amelia-container
.am-fcis__header [class*="title"],

body.page-id-19754
#amelia-container
.am-fcis__header [class*="name"] {
    margin: 0 !important;

    color: #183f30 !important;

    font-size: clamp(25px, 2.3vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    letter-spacing: -0.5px !important;
    text-transform: none !important;
}


/* Nasconde la categoria tecnica "Default" */

body.page-id-19754
#amelia-container
.am-fcis__header [class*="category"] {
    display: none !important;
}


/* Prezzo */

body.page-id-19754
#amelia-container
.am-fcis__header [class*="price"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 7px 12px !important;

    color: #265c43 !important;
    background: #e9f2eb !important;

    border-radius: 50px !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
}


/* Durata */

body.page-id-19754
#amelia-container
.am-fcis__header [class*="duration"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #65736c !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 550 !important;
}


/* Pulsante Prenota ora */

body.page-id-19754
#amelia-container
.am-fcis__header button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 165px !important;
    min-height: 50px !important;

    margin: 0 0 0 auto !important;
    padding: 12px 24px !important;

    color: #ffffff !important;
    background: #306047 !important;

    border: 0 !important;
    border-radius: 13px !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    box-shadow: 0 8px 18px rgba(37, 83, 60, 0.16) !important;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

body.page-id-19754
#amelia-container
.am-fcis__header button:hover {
    color: #ffffff !important;
    background: #214b37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(37, 83, 60, 0.22) !important;
}


/* ==========================================================
   DESCRIZIONE DEL SERVIZIO
   ========================================================== */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-fcis__content {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 28px 30px 31px !important;

    color: #465a51 !important;
    background: #ffffff !important;

    border: 1px solid rgba(38, 83, 61, 0.10) !important;
    border-radius: 20px !important;

    box-shadow: 0 12px 34px rgba(37, 62, 50, 0.07) !important;
    overflow: visible !important;
}


/* Scheda "Info Servizio" */

body.page-id-19754
#amelia-container
.am-fcis__content [class*="tab"] {
    color: #285d45 !important;
    border-color: #df7059 !important;
}


/* Testi */

body.page-id-19754
#amelia-container
.am-fcis__content p,

body.page-id-19754
#amelia-container
.am-fcis__content li {
    max-width: 1050px !important;

    color: #465a51 !important;

    font-size: 16px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
}


/* Titoli e parti in grassetto */

body.page-id-19754
#amelia-container
.am-fcis__content strong,

body.page-id-19754
#amelia-container
.am-fcis__content b {
    color: #214d3a !important;
    font-weight: 700 !important;
}


/* Elimina eventuali righe elenco completamente vuote */

body.page-id-19754
#amelia-container
.am-fcis__content li:empty,

body.page-id-19754
#amelia-container
.am-fcis__content li:has(> br:only-child) {
    display: none !important;
}


/* Migliora gli elenchi reali */

body.page-id-19754
#amelia-container
.am-fcis__content ul {
    margin: 14px 0 0 !important;
    padding-left: 21px !important;
}

body.page-id-19754
#amelia-container
.am-fcis__content li {
    margin-bottom: 10px !important;
    padding-left: 4px !important;
}

body.page-id-19754
#amelia-container
.am-fcis__content li::marker {
    color: #df7059 !important;
}


/* ==========================================================
   TABLET E MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-cat__wrapper.am-fcis
    .am-cat__heading.am-fcis__header {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 12px !important;

        margin-bottom: 16px !important;
        padding: 20px 18px !important;

        border-radius: 16px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__header button {
        width: 100% !important;
        min-width: 0 !important;

        margin: 6px 0 0 !important;
    }

    body.page-id-19754
    #amelia-container
    .am-cat__wrapper.am-fcis
    .am-fcis__content {
        padding: 21px 18px 23px !important;
        border-radius: 16px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__content p,

    body.page-id-19754
    #amelia-container
    .am-fcis__content li {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}/* ==========================================================
   FARMACIA AITA – DETTAGLIO SERVIZIO CON IMMAGINE
   SOLO pagina page-id-19754
   ========================================================== */


/* Contenitore della descrizione */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-fcis__content.aita-detail-ready {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.35fr) !important;
    align-items: stretch !important;
    gap: 0 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid rgba(38, 83, 61, 0.11) !important;
    border-radius: 22px !important;

    box-shadow: 0 18px 44px rgba(37, 62, 50, 0.09) !important;
    overflow: hidden !important;
}


/* Immagine del servizio */

body.page-id-19754
#amelia-container
.aita-service-detail-image {
    display: block !important;

    width: 100% !important;
    min-height: 430px !important;

    background-color: #f3f1ea !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    border-right: 1px solid rgba(38, 83, 61, 0.09) !important;
}


/* Colonna descrizione */

body.page-id-19754
#amelia-container
.am-fcis__content.aita-detail-ready
.am-fcis__info {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 34px 38px 38px !important;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(116, 151, 131, 0.09),
            transparent 34%
        ),
        #ffffff !important;
}


/* Intestazione Info servizio */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 40px !important;
    margin: 0 0 25px !important;
    padding: 0 3px 10px !important;

    color: #24553f !important;
    border-bottom: 2px solid #df7059 !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* Testo principale */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc {
    color: #465a51 !important;

    font-size: 16px !important;
    line-height: 1.72 !important;
}


/* Paragrafi */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc p {
    margin: 0 0 17px !important;

    color: #465a51 !important;

    font-size: 16px !important;
    line-height: 1.72 !important;
}


/* Grassetti */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc strong,

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc b {
    color: #194633 !important;
    font-weight: 700 !important;
}


/* ==========================================================
   ELENCHI: PALLINO E TESTO CORRETTAMENTE ALLINEATI
   ========================================================== */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;

    width: 100% !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Singola voce */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 15px 18px 15px 46px !important;

    color: #465a51 !important;
    background: #f5f8f5 !important;

    border: 1px solid rgba(38, 83, 61, 0.09) !important;
    border-radius: 13px !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* Pallino personalizzato */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li::before {
    content: "" !important;

    position: absolute !important;
    top: 23px !important;
    left: 20px !important;

    width: 9px !important;
    height: 9px !important;

    background: #df7059 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 0 5px rgba(223, 112, 89, 0.11) !important;
}


/* Amelia inserisce spesso un paragrafo dentro il li:
   questo evita che il testo vada sotto al pallino */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li > p {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;
}


/* Elimina voci realmente vuote */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li:empty,

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li:has(> p:empty) {
    display: none !important;
}


/* ==========================================================
   RIEPILOGO SUPERIORE PIÙ PULITO
   ========================================================== */

body.page-id-19754
#amelia-container
.am-cat__wrapper.am-fcis
.am-fcis__header {
    padding: 25px 28px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6f9f6 100%
        ) !important;

    border-radius: 20px !important;
}


/* Pulsante prenotazione */

body.page-id-19754
#amelia-container
.am-fcis__header button {
    min-width: 175px !important;
    min-height: 51px !important;

    color: #ffffff !important;
    background: #2d6047 !important;

    border-radius: 50px !important;

    box-shadow: 0 10px 23px rgba(38, 83, 61, 0.19) !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__content.aita-detail-ready {
        grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr) !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-detail-image {
        min-height: 380px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__content.aita-detail-ready
    .am-fcis__info {
        padding: 29px 27px 31px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__content.aita-detail-ready {
        display: flex !important;
        flex-direction: column !important;

        border-radius: 17px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-detail-image {
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;

        border-right: 0 !important;
        border-bottom: 1px solid rgba(38, 83, 61, 0.09) !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__content.aita-detail-ready
    .am-fcis__info {
        padding: 24px 19px 26px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info-service__desc p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info-service__desc li {
        min-height: 54px !important;
        padding: 13px 14px 13px 41px !important;

        font-size: 14px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info-service__desc li::before {
        top: 20px !important;
        left: 17px !important;
    }
}/* ==========================================================
   ALLINEAMENTO ELENCHI DESCRIZIONE SERVIZIO AMELIA
   SOLO pagina page-id-19754
   ========================================================== */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;

    margin: 24px 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;

    position: relative !important;

    margin: 0 !important;
    padding: 17px 19px !important;

    color: #465a51 !important;
    background: #f4f7f4 !important;

    border: 1px solid rgba(35, 78, 57, 0.10) !important;
    border-radius: 14px !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
    list-style: none !important;
}

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li::before {
    content: "" !important;

    display: block !important;
    flex: 0 0 9px !important;

    width: 9px !important;
    height: 9px !important;

    margin-top: 7px !important;

    background: #df7059 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 0 5px rgba(223, 112, 89, 0.12) !important;
}

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li strong {
    color: #194633 !important;
    font-weight: 700 !important;
}

/* Protezione qualora Amelia reinserisca un paragrafo nel li */

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc li p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
}

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__info-service__desc li {
        gap: 13px !important;
        padding: 14px 15px !important;

        font-size: 14px !important;
        border-radius: 12px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info-service__desc li::before {
        margin-top: 6px !important;
    }
}/* ==========================================================
   FARMACIA AITA – DESCRIZIONE SINGOLO SERVIZIO
   IMMAGINE A SINISTRA E TESTO A DESTRA
   SOLO pagina page-id-19754
   ========================================================== */


/* Card principale */

body.page-id-19754
#amelia-container
.am-fcis__content {
    height: auto !important;
    min-height: 0 !important;

    padding: 30px !important;

    background: #ffffff !important;
    border: 1px solid rgba(35, 78, 57, 0.10) !important;
    border-radius: 22px !important;

    box-shadow: 0 16px 42px rgba(35, 63, 50, 0.09) !important;
    overflow: visible !important;
}


/* Riduce lo spazio sotto Info Servizio */

body.page-id-19754
#amelia-container
.am-fcis__info {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Elimina l’eventuale seconda linea arancione vuota */

body.page-id-19754
#amelia-container
.am-fcis__info-service:empty,

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc > hr:first-child {
    display: none !important;
}


/* Layout immagine + testo */

body.page-id-19754
#amelia-container
.aita-service-description {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.35fr) !important;
    align-items: stretch !important;
    gap: 32px !important;

    width: 100% !important;
    margin: 28px 0 0 !important;
}


/* Contenitore immagine */

body.page-id-19754
#amelia-container
.aita-service-description__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 390px !important;

    padding: 18px !important;

    background: #f4f2ec !important;
    border: 1px solid rgba(35, 78, 57, 0.08) !important;
    border-radius: 18px !important;

    overflow: hidden !important;
}


/* Immagine completa, senza tagli */

body.page-id-19754
#amelia-container
.aita-service-description__image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-height: 420px !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 12px !important;
}


/* Colonna di testo */

body.page-id-19754
#amelia-container
.aita-service-description__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
}


/* Introduzione */

body.page-id-19754
#amelia-container
.aita-service-description__intro {
    width: 100% !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    color: #465a51 !important;

    font-size: 16px !important;
    line-height: 1.72 !important;
}


/* Testi in evidenza */

body.page-id-19754
#amelia-container
.aita-service-description strong {
    color: #194633 !important;
    font-weight: 700 !important;
}


/* Elenco */

body.page-id-19754
#amelia-container
.aita-service-description__list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Singola caratteristica */

body.page-id-19754
#amelia-container
.aita-service-description__list li {
    display: grid !important;
    grid-template-columns: 135px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 17px !important;

    position: relative !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 17px 19px 17px 45px !important;

    color: #465a51 !important;
    background: #f5f8f5 !important;

    border: 1px solid rgba(35, 78, 57, 0.09) !important;
    border-radius: 14px !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    list-style: none !important;
}


/* Pallino perfettamente allineato */

body.page-id-19754
#amelia-container
.aita-service-description__list li::before {
    content: "" !important;

    position: absolute !important;
    top: 23px !important;
    left: 20px !important;

    width: 8px !important;
    height: 8px !important;

    margin: 0 !important;

    background: #df7059 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 0 5px rgba(223, 112, 89, 0.12) !important;
}


/* Titolo della caratteristica */

body.page-id-19754
#amelia-container
.aita-service-description__list li > strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.55 !important;
}


/* Descrizione della caratteristica */

body.page-id-19754
#amelia-container
.aita-service-description__list li > span {
    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #53645c !important;
    line-height: 1.55 !important;
}


/* Rimuove le regole del vecchio elenco */

body.page-id-19754
#amelia-container
.aita-service-description__list li p {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    body.page-id-19754
    #amelia-container
    .aita-service-description {
        grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr) !important;
        gap: 24px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__image {
        min-height: 340px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__list li {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__content {
        padding: 20px 16px !important;
        border-radius: 17px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description {
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;

        margin-top: 22px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__image {
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;

        padding: 12px !important;
        border-radius: 15px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__image img {
        max-height: none !important;
        border-radius: 10px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__content {
        padding: 0 !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__intro {
        margin-bottom: 20px !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__list li {
        grid-template-columns: 1fr !important;
        gap: 4px !important;

        padding: 14px 14px 14px 42px !important;

        font-size: 14px !important;
        border-radius: 12px !important;
    }

    body.page-id-19754
    #amelia-container
    .aita-service-description__list li::before {
        top: 20px !important;
        left: 17px !important;
    }
}/* ==========================================================
   CORREZIONE INTESTAZIONE "INFO SERVIZIO"
   SOLO pagina page-id-19754
   ========================================================== */


/* Area generale informazioni */

body.page-id-19754
#amelia-container
.am-fcis__info {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* Contenitore dell’intestazione/tab */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"],

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tabs"],

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    background: transparent !important;
}


/* Elimina entrambe le vecchie linee arancioni */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"]::before,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"]::after,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"]::before,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"]::after {
    display: none !important;
    content: none !important;
}


/* Nuova intestazione pulita */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 0 27px !important;
    padding: 0 0 17px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(34, 79, 58, 0.10) !important;
}


/* Testo "Info Servizio" */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] > *,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Evidenziazione moderna del titolo */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] span,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] p,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] span {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    color: #24543e !important;
    background: #edf4ee !important;

    border: 1px solid rgba(36, 84, 62, 0.09) !important;
    border-radius: 50px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* Contenitore della descrizione:
   elimina il grande spazio tra titolo e immagine/testo */

body.page-id-19754
#amelia-container
.am-fcis__info-service {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* La struttura personalizzata con immagine parte subito */

body.page-id-19754
#amelia-container
.aita-service-description {
    margin-top: 0 !important;
}


/* Eventuali divisori vuoti generati da Amelia */

body.page-id-19754
#amelia-container
.am-fcis__info hr,

body.page-id-19754
#amelia-container
.am-fcis__info-service:empty {
    display: none !important;
}


/* Mobile */

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] {
        margin-bottom: 20px !important;
        padding-bottom: 13px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] span,

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] p,

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="tab"] span {
        min-height: 35px !important;
        padding: 7px 13px !important;

        font-size: 13px !important;
    }
}
.am-lite-footer-link{
    display: none !important;
}
/* ==========================================================
   CORREZIONE INTESTAZIONE "INFO SERVIZIO"
   SOLO pagina page-id-19754
   ========================================================== */


/* Area generale informazioni */

body.page-id-19754
#amelia-container
.am-fcis__info {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* Contenitore dell’intestazione/tab */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"],

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tabs"],

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    background: transparent !important;
}


/* Elimina entrambe le vecchie linee arancioni */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"]::before,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"]::after,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"]::before,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"]::after {
    display: none !important;
    content: none !important;
}


/* Nuova intestazione pulita */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 0 27px !important;
    padding: 0 0 17px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(34, 79, 58, 0.10) !important;
}


/* Testo "Info Servizio" */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] > *,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Evidenziazione moderna del titolo */

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] span,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="heading"] p,

body.page-id-19754
#amelia-container
.am-fcis__info [class*="tab"] span {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    color: #24543e !important;
    background: #edf4ee !important;

    border: 1px solid rgba(36, 84, 62, 0.09) !important;
    border-radius: 50px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* Contenitore della descrizione:
   elimina il grande spazio tra titolo e immagine/testo */

body.page-id-19754
#amelia-container
.am-fcis__info-service {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

body.page-id-19754
#amelia-container
.am-fcis__info-service__desc {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* La struttura personalizzata con immagine parte subito */

body.page-id-19754
#amelia-container
.aita-service-description {
    margin-top: 0 !important;
}


/* Eventuali divisori vuoti generati da Amelia */

body.page-id-19754
#amelia-container
.am-fcis__info hr,

body.page-id-19754
#amelia-container
.am-fcis__info-service:empty {
    display: none !important;
}


/* Mobile */

@media (max-width: 767px) {

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] {
        margin-bottom: 20px !important;
        padding-bottom: 13px !important;
    }

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] span,

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="heading"] p,

    body.page-id-19754
    #amelia-container
    .am-fcis__info [class*="tab"] span {
        min-height: 35px !important;
        padding: 7px 13px !important;

        font-size: 13px !important;
    }
}
/* =========================================================
   FARMACIA AITA — SCHEDA PRODOTTO WOOCOMMERCE
   Ridimensionamento immagine principale
   ========================================================= */

body.single-product .details-product .top-content {
    padding: 45px 0 60px;
}

body.single-product .details-product .top-row {
    align-items: flex-start;
}

/* Colonna immagine */
body.single-product .details-product .image-mains {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}

/* Contenitore della galleria */
body.single-product .details-product.layout-v1
.goal-woocommerce-product-gallery-wrapper {
    width: 100%;
    float: none;
    overflow: hidden;
    border: 1px solid rgba(32, 85, 65, 0.1);
    border-radius: 26px;
    background: #f5f1e9;
    box-shadow: 0 18px 45px rgba(35, 67, 54, 0.08);
}

/* Immagine completa, senza tagli */
body.single-product .details-product
.goal-woocommerce-product-gallery
.woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 0;
    background: #f5f1e9;
}

body.single-product .details-product
.goal-woocommerce-product-gallery
.woocommerce-product-gallery__image a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

body.single-product .details-product
.goal-woocommerce-product-gallery img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 620px;
    margin: 0 auto;
    object-fit: contain !important;
}

/* Colonna informazioni */
@media (min-width: 992px) {
    body.single-product .details-product .top-row > .col-md-7 {
        width: 50%;
    }

    body.single-product .details-product .top-row > .col-md-5 {
        width: 50%;
    }

    body.single-product .details-product .right-info {
        padding-left: 55px;
        padding-right: 30px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    body.single-product .details-product .image-mains {
        max-width: 520px;
    }

    body.single-product .details-product
    .goal-woocommerce-product-gallery img {
        max-height: 520px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.single-product .details-product .top-content {
        padding: 25px 0 40px;
    }

    body.single-product .details-product .image-mains {
        max-width: 100%;
        margin-bottom: 25px;
    }

    body.single-product .details-product
    .goal-woocommerce-product-gallery-wrapper {
        border-radius: 18px;
    }

    body.single-product .details-product
    .goal-woocommerce-product-gallery img {
        width: 100% !important;
        max-height: 430px;
        object-fit: contain !important;
    }

    body.single-product .details-product .right-info {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* Nasconde le valutazioni soltanto nei prodotti della home */
body.home .aita-home-products .star-rating,
body.home .aita-home-products .rating,
body.home .aita-home-products .woocommerce-product-rating {
  display: none !important;
}

/* Avvicina la descrizione al nome del prodotto */
body.home .aita-home-products .aita-home-product-description {
  margin-top: 8px;
}
.elementor-16625 .elementor-element.elementor-element-9405c49 .navbar-nav.megamenu > li:hover > a, .elementor-16625 .elementor-element.elementor-element-9405c49 .navbar-nav.megamenu > li.active > a {
    color: #cba136 !important
}