:root {

	/* -- COLORI ------------------------------------------------ */
	--slateBlue: #4C5886;
    --midnight: #374167;      
}
.slateBlue { color:var(--slateBlue); }
.b-slateBlue { background-color:var(--slateBlue); }
.midnight { color:var(--midnight); }
.b-midnight { background-color:var(--midnight); }

.inline span{ display: inline !important;}

/* HERO */
.hero__col { padding-block: var(--space-10); }
p.hero__overtitle { font-size: var(--fs-20); line-height: 1.1; margin: 0 0 var(--space-1);}
h1.hero__title { font-size: var(--fs-65); line-height: 1.1; text-wrap: balance; max-inline-size: 14ch; margin: 0; }

/* QUALITA' */
section.qualita { padding-block: var(--space-10); }
.qualita__text {font-size: var(--fs-30); line-height: 1.4; max-inline-size: 59ch; text-wrap: balance; margin: 0;}

/* LINEE GUIDE */
section.linee-guida { padding-block: var(--space-10); }
p.linee-guida__title { font-size: var(--fs-30); margin: 0 0 var(--space-4);}
.linee-guida__grid { display: grid; gap: var(--space-6) var(--space-3);}
.linee-guida__col { text-align: center; display: flex; flex-direction: column; gap: var(--space-3); align-items: center;}
.linee-guida__border { --size: 5rem; --border-color: currentColor; display: grid; place-items: center; inline-size: var(--size); block-size: var(--size); border: 2px solid var(--border-color); border-radius: 50%; }
.linee-guida__border--1 { --border-color: var(--pumpkin); }
.linee-guida__border--2 { --border-color: #FFB56E; }
.linee-guida__border--3 { --border-color: var(--mist); }
.linee-guida__border--4 { --border-color: var(--indigo); }
p.linee-guida__number { font-size: var(--fs-50); margin: 0;}
p.linee-guida__text { font-size: var(--fs-25); margin: 0; text-wrap: balance;}
.linee-guida__col:nth-of-type(-n+2) > p { max-inline-size: 16ch; }

/* ISTRUZIONI */
section.istruzioni { padding-block: var(--space-10); }
p.istruzioni__text:first-of-type { font-size: var(--fs-30); line-height: 1.4; margin: 0 0 var(--space-4); max-inline-size: 61ch; text-wrap: balance;}
p.istruzioni__text:nth-of-type(2) { font-size: var(--fs-45); line-height: 1.2;  margin: 0; max-inline-size: 44ch; text-wrap: balance;}

/* PRE-ANALITICA */
section.pre-analitica{ padding-block: var(--space-10); }
.pre-analitica__grid { display: grid; gap: var(--space-6); }
.pre-analitica__title { font-size: var(--fs-45); text-wrap: balance; margin: 0 0 var(--space-4);}
.tab { --radius: clamp(3.5rem, calc(2.14vw + 3.07rem), 5rem); }
.tab:not(.is-open) { border-radius: var(--radius) var(--radius) 0 0; }
.tab.is-open { border-radius: var(--radius); }
.tab__header { padding-block: var(--space-6); display: flex; justify-content: space-between; }
button.tab__name { font-size: var(--fs-45); margin: 0; padding: 0; border: none; background: none; cursor: pointer; &:after {display: inline-block; content: "\e313"; font-weight: 900; font-family: 'Material Symbols Outlined', sans-serif; vertical-align: middle; transition: transform 0.3s ease; animation: moveDown 1.5s infinite ease-in-out; cursor: pointer; font-size: clamp(2.5rem, calc(1.78vw + 2.06rem), 4rem); padding-left: var(--space-1); }}
.tab.is-open > .tab__header > .tab__name::after {animation: none; transform: rotate(180deg); padding-left: 0; padding-right: var(--space-1); }
a.tab__guide-btn { text-decoration: none; font-size: var(--fs-20); border: 3px solid var(--pumpkin); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; padding-inline: var(--space-4);}
.tab__accordion-inner { display: flex; flex-direction: column; gap: var(--space-1); }
button.accordion__btn { width: 100%; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding-block: var(--space-2); gap: var(--space-6); &:after{content: "\e145"; font-weight: 900; font-family: 'Material Symbols Outlined'; color: white; font-size: 1.5rem;}}
.accordion__row.is-open > button.accordion__btn::after{ content: '\e15b'; }
span.accordion__btn-text {font-size: var(--fs-30); line-height: 1.3; text-align: left; margin: 0; text-wrap: balance;}
.accordion__test { padding-block: var(--space-6); display: grid; gap: var(--space-8); align-items: start;}
.accordion__kit, .accordion__kit-descr { display: grid; gap: var(--space-6); }
p.accordion__kit-text { font-size: var(--fs-30); margin: 0; }
p.accordion__kit-text:has(+ ul){ margin: 0 0 var(--space-2);}
p.accordion__kit-complete-title { font-size: var(--fs-30); margin: 0 0 var(--space-2);}
.accordion__kit-text > span:only-of-type, .accordion__kit-text > span:last-of-type:not(:only-of-type) { display: block; }
.accordion__modalita, .accordion__kit-complete, .accordion__prelievo { position: relative; &:after{ position: absolute; content: ""; width: 100%; height: 1px; background: var(--cobalt); top: calc((-1 * (var(--space-6)) / 2));}}
p.accordion__modalita-title, p.accordion__prelievo-title, p.accordion__prelievo-subtitle { font-size: var(--fs-30); line-height: 1.2;}
p.accordion__modalita-title, p.accordion__prelievo-title:has(+ ul), p.accordion__prelievo-subtitle { margin: 0 0 var(--space-2);}
p.accordion__prelievo-title:has(+ p) { margin: 0 0 var(--space-1);}
ul.accordion__modalita-list, ul.accordion__kit-complete-list, ul.accordion__note-list, ul.accordion__prelievo-list { margin: 0; padding-left: var(--space-2); display: flex; flex-direction: column; gap: var(--space-1);}
ul.accordion__modalita-list:has(+ p) { margin: 0 0 var(--space-2);}
p.accordion__note { margin: 0 0 var(--space-1);}
li.accordion__modalita-item, li.accordion__kit-complete-item, p.accordion__step-text { font-size: var(--fs-20); line-height: 1.3;}
.accordion__pic img { width: 100%; max-height: clamp(20rem, calc(10vw + 17.14rem), 27rem); object-fit: contain;}
li.accordion__note-item { font-size: var(--fs-15); }
.accordion__illustrations img { width: 100%; }
li.accordion__prelievo-item, p.accordion__prelievo-note { font-size: var(--fs-20); }
ol.accordion__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2);}
.accordion__step { display: flex; gap: var(--space-2); align-items: center;}
.accordion__step-circle { --size: 4rem; display: grid; place-items: center; inline-size: var(--size); block-size: var(--size); border: 2px solid var(--cobalt); border-radius: 50%; flex-shrink: 0;}
p.accordion__step-number { font-size: var(--fs-30); margin: 0;}
p.accordion__step-text:has(+ p, + ul) { margin: 0 0 var(--space-1); }
p.accordion__step-text { margin: 0; }
li.accordion__step:nth-of-type(5) > div { align-self: start !important; }
ul.accordion__step-list { padding-left: var(--space-2); display: flex; flex-direction: column; gap: calc(var(--space-1) / 2); }
.accordion__pic-illustrations, .accordion__illustrations { display: grid; gap: var(--space-8); }

/* SPEDIZIONE */
section.spedizione { padding-top: var(--space-10); border-top: 1px solid var(--cobalt); }
h2.spedizione__title { font-size: var(--fs-45); margin-bottom: var(--space-6); }
section.spedizione > div:not(:last-of-type) { margin-bottom: var(--space-4); }
.spedizione__etichettatura-inner, .spedizione__confezionamento-inner, .spedizione__modulistica-inner { display: grid; gap: var(--space-4); }
.spedizione__etichettatura, .spedizione__confezionamento, .spedizione__modulistica { padding-block: var(--space-10);}
h2.spedizione__etichettatura-title, h2.spedizione__confezionamento-title, h2.spedizione__modulistica-title { font-size: var(--fs-45); margin: 0 0 var(--space-2);}
h2.spedizione__etichettatura-title, h2.spedizione__confezionamento-title { line-height: 1.2; text-wrap: balance; }
ul.spedizione__etichettatura-list { margin: 0; padding-left: var(--space-3); display: grid; gap: var(--space-2);}
li.spedizione__etichettatura-item, p.spedizione__confezionamento-text, p.spedizione__modulistica-text { font-size: var(--fs-30); line-height: 1.3;}
p.spedizione__etichettatura-label{ margin: 0 0 var(--space-1); }
.spedizione__caption img { width: 100%; }
p.spedizione__caption-text { margin: var(--space-1) auto 0; text-align: center; }
p.spedizione__confezionamento-text { margin: 0; text-wrap: balance;}
.spedizione__caption.spedizione__caption--double { display: grid; grid-template-columns: calc(50% - var(--space-2) / 2) calc(50% - var(--space-2) / 2); gap: var(--space-2); }
p.spedizione__modulistica-text { margin: 0 0 var(--space-4); text-wrap: balance;}
a.spedizione__modulistica-btn { font-size: var(--fs-20); text-decoration: none; border: 3px solid var(--pumpkin); border-radius: 5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; padding-inline: var(--space-4); }
.spedizione__caption { align-self: center; }
.spedizione__modulistica .spedizione__caption img { max-height: 30rem; height: 100%; object-fit: contain;}

@media (max-width: 550px) {
  
    /* PRE-ANALITICA */
    .pre-analitica__inner.container-lg { padding-inline: 0; }
    h2.pre-analitica__title { padding-inline: 8vw; }
    .tab__header { padding-inline: 8vw; }
    a.tab__guide-btn { text-wrap: balance; text-align: center; }
    button.accordion__btn { padding-inline: 8vw; }
    .accordion__test { padding-inline: 8vw; }

    /* SPEDIZIONI */
    a.spedizione__modulistica-btn { height: 3.5rem; }
}
@media (min-width: 551px) {

    /* PRE-ANALITICA */
    .tab__header { padding-inline: var(--space-6); }
    button.accordion__btn { padding-inline: var(--space-6); }
    .accordion__test { padding-inline: var(--space-6); }
}
@media (min-width: 551px) and (max-width: 899.9px) {

    /* LINEE GUIDE */
    .linee-guida__grid { grid-template-columns: repeat(2, 1fr);}

    /* SPEDIZIONI */
    a.spedizione__modulistica-btn { height: 4rem; }
}
@media (max-width: 766.9px) {

    /* HERO */
    picture.hero__picture { display: block; line-height: 0; }
    picture.hero__picture img { width: 100%; height: auto; }

    /* PRE-ANALITICA */
    .tab__header { flex-direction: column; align-items: start; gap: var(--space-3);}
    button.tab__name { text-align: left; max-inline-size: 18ch; line-height: 1; }
    span.accordion__btn-text { text-wrap: balance; }
}
@media (min-width: 767px) {

    /* HERO */
    .hero { background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important; }
    picture.hero__picture { display: none; }

    /* PRE-ANALITICA */
    .tab__header { align-items: center;}
    button.tab__name { text-align: start; }
}
@media (min-width: 767px) and (max-width: 899.9px) {

    /* HERO */
    .hero{ background: url('/media/heroPreanalitica767.webp'); }

    /* SPEDIZIONE */
    .spedizione__caption { align-self: center; justify-self: center; }
    .spedizione__etichettatura .spedizione__caption img { max-width: 30rem; }
    .spedizione__confezionamento .spedizione__caption-item img { max-width: 15rem; }
    .spedizione__caption img { width: 100%; }
}
@media (min-width: 767px) and (max-width: 1099.9px) {

    /* PRE-ANALITICA */
    button.tab__name { text-wrap: balance; text-align: left; line-height: 1; display: flex; align-items: center; inline-size: min-content; }
    .accordion__pic-illustrations { grid-template-columns: auto auto; align-items: stretch; }
    .accordion__illustrations { max-height: 28rem; height: 100%; grid-template-rows: calc(50% - (var(--space-8) / 2)) calc(50% - (var(--space-8) / 2)); }
    .accordion__pic-illustrations img { max-height: 28rem; height: 100%; object-fit: contain;}

    /* SPEDIZIONE */
    h2.spedizione__title br:first-child { display: none !important; }
}
@media  (max-width: 899.9px) {

    /* LINEE GUIDE */
    .linee-guida__col:nth-of-type(n+3):nth-of-type(-n+4) > p { max-inline-size: 17ch; }

    /* PRE-ANALITICA */
    a.tab__guide-btn { height: 4rem; }
}
@media  (min-width: 900px) {

    /* PRE-ANALITICA */
    a.tab__guide-btn { height: 4.5rem; }

    /* SPEDIZIONI */
    .spedizione__etichettatura-inner, .spedizione__confezionamento-inner, .spedizione__modulistica-inner { grid-template-columns: calc(60% - var(--space-4) / 2) calc(40% - var(--space-4) / 2); }
    a.spedizione__modulistica-btn { height: 4.5rem; }
}
@media (min-width: 900px) and (max-width: 1099.9px) {

    /* HERO */
    .hero{ background: url('/media/heroPreanalitica900.webp'); }

    /* LINEE GUIDE */
    .linee-guida__grid { grid-template-columns: repeat(3, 1fr);}
    .linee-guida__col:nth-of-type(4) { grid-column: 2; }
}
@media  (max-width: 1099.9px) {

    /* PRE-ANALITICA */
    .accordion__test { grid-template-columns: 1fr; }
}
@media (min-width: 1100px) {

    /* LINEE GUIDE */
    .linee-guida__grid { grid-template-columns: repeat(4, 1fr);}

    /* PRE-ANALITICA */
    .accordion__test { grid-template-columns: 4fr 1.3fr; }

    /* SPEDIZIONE */
    h2.spedizione__title br { display: none !important; }
}
@media (min-width: 1100px) and (max-width: 1400px) {

    /* HERO */
    .hero{ background: url('/media/heroPreanalitica1100.webp'); }
}
@media (min-width: 1401px) {

    /* HERO */
    .hero { background: url('/media/heroPreanalitica1401.webp'); }
}