:root {
    --primary       : #1f9d63;
    --primary-light : #eff5f2;
}

.container {
    width     : 1326px;
    max-width : 100%;
}

.title {
    font-size   : 35px;
    color       : var(--primary);
    font-weight : bold;
}

.title--xl {
    font-size      : 48px;
    font-weight    : black;
    text-transform : uppercase;
}

.title--sm {
    font-size   : 22px;
    line-height : 26px;
    font-weight : 500;
}

/* resources page */
.resourcesPage {
    display        : flex;
    flex-direction : column;
    margin-bottom  : 32px;
}

.resourcesPage__heading {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    margin-bottom   : 36px;
    text-align      : center;
}

.resourcesPage__heading p {
    text-align : center;
    font-size  : 15px;
    color      : black;
}

.resources {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
}

.resourceCard {
    width           : 100%;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    text-decoration : none;
}

.resourceCard__image {
    width    : 100%;
    position : relative;
    display  : flex;
}

.resourceCard__image:has(.resourceCard__drop--left) {
    justify-content : flex-end;
}

.resourceCard__image img {
    width         : calc(100% - 36px);
    aspect-ratio  : 272/380;
    object-fit    : cover;
    border-radius : 150px;
}

.resourceCard__drop {
    position         : absolute;
    height           : 163px;
    width            : 104px;
    background-color : var(--primary);
    clip-path        : path(
            "M51.868 0C76.804 59.446 103.643 77.576 103.943 110.115C104.243 142.654 77.853 162.457 51.868 162.166C25.883 161.875 0.317003 140.162 0.003003 108.95C-0.310997 77.738 28.145 60.892 51.868 0Z"
    );
    opacity          : 0.9;
}

.resourceCard__drop--top {
    top : 20px;
}

.resourceCard__drop--bottom {
    bottom : 36px;
}

.resourceCard__drop--left {
    left : 0;
}

.resourceCard__drop--right {
    right : 0;
}

.resourceCard__title {
    font-size    : 28px;
    margin-block : 12px 18px;
    color        : black;
    font-weight  : bold;
    text-align   : center;
    line-height  : 32px;
    min-height   : 64px;
}

.resourceCard__description {
    font-size   : 15px;
    line-height : 19px;
    color       : black;
    text-align  : center;
    min-height  : 38px;
}

.resourceCard__button {
    padding                    : 12px 34px;
    border                     : 1px solid black;
    border-radius              : 5px;
    display                    : inline-block;
    font-size                  : 15px;
    line-height                : 15px;
    color                      : black;
    transition-duration        : 300ms;
    transition-timing-function : cubic-bezier(0.165, 0.84, 0.44, 1);
}

.resourceCard__button:hover,
.resourceCard:focus .resourceCard__button {
    background-color : black;
    color            : white;
}

.resourceCard:focus {
    text-decoration : none;
    outline         : none;
}

/* guide category page */
.resourceCategoryPage {
    margin-top    : 52px;
    margin-bottom : 32px;
}

.resourceCategoryHeading {
    padding          : 52px 88px 36px 88px;
    background-color : var(--primary-light);
    display          : flex;
    justify-content  : space-between;
    align-items      : center;
    gap              : 32px;
    border-radius    : 500px;
    margin-bottom    : 70px;
}

.resourceCategoryHeading .title {
    margin-bottom : 12px;
    margin-top    : 0;
}

.resourceCategoryHeading__description,
.resourceCategoryHeading__description p {
    font-size : 16px;
    color     : black;
}

.resourceCategoryHeading__readMore {
    display         : inline-flex;
    gap             : 8px;
    align-items     : center;
    text-decoration : none;
    color           : black;
    position        : relative;
}

.resourceCategoryHeading__readMore::after {
    content          : "";
    position         : absolute;
    width            : 100%;
    height           : 1px;
    background-color : black;
    bottom           : -2px;
    left             : 0;
    transition       : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity          : 0;
}

.resourceCategoryHeading__readMore:hover {
    color : black;
}

.resourceCategoryHeading__readMore svg {
    transition : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.resourceCategoryHeading__readMore:hover svg {
    transform : translateX(2px);
}

.resourceCategoryHeading__readMore:hover::after {
    width   : calc(100% + 2px);
    opacity : 1;
}

.resourceCategoryHeading__picture {
    width       : 25%;
    flex-shrink : 0;
}

.resourceCategoryHeading__picture img {
    max-width     : 100%;
    border-radius : 300px;
}

.adviceCategoryAdvices,
.guideCategoryGuides {
    display               : grid;
    grid-template-columns : 280px 1fr;
    gap                   : 30px;
}

.adviceCategoryAdvices--noFilters,
.guideCategoryGuides--noFilters {
    grid-template-columns : 1fr;
}

.guideCategoryGuidesFilters {
    width  : 100%;
    height : 100%;
}

.guideCategoryGuidesList {
    width : 100%;
}

.guideCategoryGuidesList__letter {
    border          : 1px solid #d9d9d9;
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 31px;
    height          : 37px;
    text-transform  : uppercase;
    color           : black;
    background      : white;
    border-radius   : 6px;
    transition      : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration : none !important;
    font-weight     : bold;
    cursor          : pointer;
}

.guideCategoryGuidesList__letter.guideCategoryGuidesList__letter--unavailable {
    color  : #d9d9d9;
    cursor : text;
}

.guideCategoryGuidesList__letters {
    display         : flex;
    justify-content : space-between;
    margin-bottom   : 32px;
}

.guideCategoryGuidesList__letters {
    flex-wrap       : wrap;
    justify-content : flex-start;
    gap             : 12px 6px;
}

.guideCategoryGuidesList__letter:not(.guideCategoryGuidesList__letter--unavailable):hover {
    border           : 1px solid var(--primary);
    background-color : var(--primary-light);
}

.guideCategoryGuidesList__letter--unavailable:hover {
    color : #d9d9d9 !important;
}

.guideCategoryGuidesList__letter--current,
.guideCategoryGuidesList__letter.guideCategoryGuidesList__letter--current:hover {
    background : var(--primary);
    border     : 1px solid var(--primary);
    color      : white;
}

.adviceCategoryAdvicesGrid,
.guideCategoryGuidesGrid {
    display               : grid;
    grid-template-columns : repeat(3, 1fr);
    gap                   : 30px;
    margin-bottom         : 32px;
}

.adviceCategoryAdvicesGrid {
    margin-bottom : 32px;
}

.resourceMiniature img {
    aspect-ratio  : 310 / 150;
    width         : 100%;
    object-fit    : cover;
    border-radius : 5px 5px 0 0;
}

.resourceMiniature__content {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    background      : white;
    border          : 1px solid #d9d9d9;
    border-top      : 0px;
    border-radius   : 0 0 5px 5px;
    padding         : 12px 0;
    overflow        : hidden;
    transition      : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    height          : 100%;
    position        : relative;
}

.resourceMiniature__title {
    margin-bottom : 6px;
    font-weight   : 400;
    font-size     : 16px;
    max-width     : 80%;
    text-align    : center;
    color         : black;
    line-height   : 20px;
}

.resourceMiniature__subtitle {
    color         : var(--primary);
    font-weight   : 400;
    font-size     : 15px;
    margin-bottom : 0px;
    text-align    : center;
    line-height   : 20px;
}

.resourceMiniature {
    height         : 100%;
    overflow       : hidden;
    display        : flex;
    flex-direction : column;
}

.resourceMiniature__info {
    width           : 100%;
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
    align-items     : center;
    transition      : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

span.resourceMiniature__cta {
    background     : var(--primary);
    padding        : 12px 36px;
    border-radius  : 5px;
    color          : white;
    font-size      : 15px;
    position       : absolute;
    pointer-events : none;
    opacity        : 0;
    transition     : 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    position       : absolute;
    top            : 50%;
    transform      : translateY(-50%) scale(0.5);
}

.resourceMiniature:hover .resourceMiniature__cta {
    opacity   : 1;
    transform : translateY(-50%) scale(1);
}

.resourceMiniature:hover .resourceMiniature__info {
    opacity   : 0;
    transform : scale(0.2);
}

.resourceMiniature:hover .resourceMiniature__content {
    border-color : var(--primary);
}

.guideCategoryGuidesLetter,
.adviceCategoryAdvicesGroupe {
    display        : flex;
    margin-bottom  : 25px;
    font-size      : 48px;
    text-transform : uppercase;
    line-height    : 54px;
    font-weight    : bold;
    color          : var(--primary);
    flex-direction : column;
}

.guideCategoryGuidesLetter::after,
.adviceCategoryAdvicesGroupe::after {
    content    : "";
    height     : 1px;
    width      : 100%;
    background : #d9d9d9;
    margin-top : 4px;
}

.adviceCategoryAdvicesGroupe {
    text-transform : none;
}

.guideCategoryGuidesFilters__title {
    text-transform : uppercase;
    font-size      : 17px;
    font-weight    : bold;
}

.resourceCategoryFilters__list {
    max-height : calc(100vh - 52px - 29px - 37px - 24px - 28px - 12px);
    overflow-x : scroll;
}

.resourceCategoryFilters__filterGroupTitle {
    font-size       : 14px;
    text-transform  : uppercase;
    margin-bottom   : 0px;
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    width           : 100%;
    line-height     : 16px;
}

.open .resourceCategoryFilters__filterGroupTitle svg {
    transform        : rotate(90deg);
    transition-delay : 100ms;

}

.resourceCategoryFilters__filterGroupTitle svg {
    transform   : rotate(-90deg);
    transition  : 300ms ease;
    flex-shrink : 0;
    width       : 13px;
}

.resourceCategoryFilters__filterGroup {
    display            : grid;
    grid-template-rows : 32px 0fr;
    transition         : 0.3s ease-out;
    gap                : 10px;
    border-bottom      : 1px solid #efefef;
    margin-bottom      : 32px;
}

.resourceCategoryFilters__filterGroup {
    overflow       : hidden;
    margin-bottom  : 32px;
    padding-bottom : 0px;
}

.resourceCategoryFilters__filterGroup.open {
    grid-template-rows : 32px 1fr;
    padding-bottom     : 32px;
}

.resourceCategoryFilters__filter {
    display     : flex;
    align-items : center;
    gap         : 8px;
}

.resourceCategoryFilters__filter + .resourceCategoryFilters__filter {
    margin-top : 15px;
}

.resourceCategoryFilters__filter label {
    margin     : 0;
    cursor     : pointer;
    font-size  : 15px;
    text-align : left;
}

.resourceCategoryFilters__filter input {
    appearance          : none;
    width               : 22px;
    height              : 22px;
    border              : 1px solid black;
    background-color    : white;
    transition          : 300ms;
    background-position : center center;
    background-size     : 0%;
    background-repeat   : no-repeat;
    border-radius       : 5px;
    background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.411' height='11.452' viewBox='0 0 13.411 11.452'%3E%3Cpath id='Tracé_52678' data-name='Tracé 52678' d='M14.5,23.724h.014a.56.56,0,0,0,.428-.221l7.148-9.292a.56.56,0,1,0-.885-.68l-6.719,8.743-3.612-4.239a.56.56,0,1,0-.84.725l4.048,4.76A.56.56,0,0,0,14.5,23.724Z' transform='translate(-9.334 -12.772)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E%0A");
    margin              : 0;
    cursor              : pointer;
    flex-shrink         : 0;
}

.resourceCategoryFilters__filter input:checked {
    background-color : var(--primary);
    background-size  : 60%;
    border-color     : var(--primary);
}

.resourceCategoryFilters__title {
    margin-bottom  : 28px;
    font-size      : 17px;
    text-transform : uppercase;
}

.resourceCategoryFilters__filterValues {
    overflow      : hidden;
    padding-right : 16px;
}

/* guide page */
.guidePage {
    margin : 52px auto 0 auto;
}

.guidePage__faq-container {
    margin-bottom : 50px;
}

.guidePage__heading {
    display        : flex;
    flex-direction : column;
    gap            : 32px;
    margin-bottom  : 52px;
}

.guidePage__title {
    max-width : 80%;
}

.guidePage__miniature {
    aspect-ratio : 611/431;
    max-width    : 611px;
    position     : relative;
}

.guidePage__miniature img {
    aspect-ratio  : 611/431;
    width         : 80%;
    height        : 80%;
    object-fit    : cover;
    border-radius : 1000px;
}

.guide_content.guide_content--legacy p {
    color : black;
}

.guide_content.guide_content--legacy h2 {
    color     : var(--primary);
    font-size : 22px;
}

.guidePage__back,
.guide_content.guide_content--legacy .sommaire a {
    color       : black;
    display     : inline-flex;
    align-items : center;
    position    : relative;
    gap         : 8px;
    width       : fit-content;
}

.guidePage__back::before,
.guide_content.guide_content--legacy .sommaire a::before {
    content             : "";
    width               : 8px;
    height              : 16px;

    background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.33' height='9.322' viewBox='0 0 5.33 9.322'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M12.857,10.854l3.527-3.525a.666.666,0,1,0-.944-.941l-4,3.994a.665.665,0,0,0-.019.919l4.013,4.021a.666.666,0,1,0,.944-.941Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E%0A");
    background-position : center center;
    background-repeat   : no-repeat;
}

.guidePage__back::after,
.guide_content.guide_content--legacy .sommaire a::after {
    content    : "";
    position   : absolute;
    height     : 1px;
    width      : 100%;
    background : black;
    bottom     : -4px;
    opacity    : 0;
    transition : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transform  : translateY(-2px);
}

.guidePage__back:hover {
    color : black;
}

.guidePage__back:hover::after,
.guide_content.guide_content--legacy .sommaire a:hover::after {
    opacity   : 1;
    transform : translateY(0px);
}

.guide_content--legacy *[class^="sommaire"],
.advice_content--legacy *[class^="sommaire"] {
    display : none;
}

.guidePage__drop {
    position : absolute;
    height   : 163px;
    width    : 104px;
    opacity  : 0.9;
    top      : 5%;
    right    : 15%;
}

ul.guidePage__aromatherapyProperties {
    display   : flex;
    gap       : 24px 30px;
    flex-wrap : wrap;
}

li.guidePage__aromatherapyProperty {
    padding       : 13px 40px;
    border        : 1px solid #d9d9d9;
    border-radius : 100px;
    flex-shrink   : 0;
    max-width     : 100%;
}

.guidePage__aromatherapyPropertiesContainer {
    margin-bottom : 70px;
}

.guidePage__aromatherapyPropertiesTitle {
    margin-bottom : 28px;
}

.guidePage__administrationRoutesTitle {
    margin-bottom : 28px;
}

ul.guidePage__administrationRoutes {
    display   : flex;
    gap       : 24px 30px;
    flex-wrap : wrap;
}

li.guidePage__administrationRoute {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    border          : 1px solid #d9d9d9;
    height          : 110px;
    justify-content : center;
    padding         : 16px 16px 20px 16px;
    min-width       : 115px;
    border-radius   : 27px;
    gap             : 12px;
    flex-shrink     : 0;
}

.guidePage__issue {
    padding       : 38px 42px;
    border        : 1px solid #d9d9d9;
    border-radius : 27px;
    margin-bottom : 28px;
}

.guidePage__issue h3 {
    color          : black;
    font-size      : 20px;
    text-transform : uppercase;
}

.guidePage__issue h4 {
    color          : var(--primary);
    font-size      : 16px;
    text-transform : uppercase;
}

.guidePage__issue p,
.guidePage__issue li {
    color : black;
}

.guidePage__issue h4 ~ p,
.guidePage__issue h4 ~ ul li {
    color : var(--primary);
}

.title--sm.guidePage__issuesTitle {
    margin-bottom : 28px;
}

.guidePage__administrationRoutes {
    margin-bottom : 70px;
}

.guidePage__precautionsTitle {
    margin-bottom : 28px;
}

.guidePage__precautions {
    margin-bottom : 70px;
}

.guidePage__precautions p,
.guidePage__precautions li {
    color : black;
}

.guidePage__descriptionTitle {
    margin-bottom : 28px;
}

.guidePage__description {
    margin-bottom : 70px;
}

.guidePage__description p,
.guidePage__description li {
    color : black;
}

.guidePage__seperator {
    margin-bottom : 70px;
}

.guidePage__copyright {
    margin-bottom : 100px;
}

.guidePage__copyright * {
    color : black;
}

.guidePage__relatedGuidesTitle {
    text-align  : center;
    font-size   : 35px;
    font-weight : 900;
    max-width   : 500px;
    margin      : 0 auto 54px auto;
}

.guidePage__relatedGuidesList {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
    margin-bottom         : 32px;
}

/* advice category page */
a.adviceCategory {
    display         : flex;
    flex-direction  : column;
    width           : 100%;
    justify-content : center;
    align-items     : center;
    gap             : 12px;
    color           : black;
    font-weight     : 500;
    position        : relative;
}

.adivceCategories {
    display               : grid;
    grid-template-columns : repeat(3, 320px);
    margin                : 0 auto;
    overflow              : hidden;
    justify-content       : center;
    gap                   : 56px;
}

a.adviceCategory img {
    display       : block;
    aspect-ratio  : 320/176;
    object-fit    : cover;
    border-radius : 150px;
    width         : 100%;
}

.adviceCategoryPagination {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 16px;
}

.adviceCategoryPaginationItem.hidden {
    display : none;
}

.adviceCategoryPaginationItem {
    padding   : 8px 12px;
    font-size : 18px;
    color     : black;
}

.adviceCategoryPaginationItem.active {
    background    : var(--primary-light);
    color         : var(--primary);
    border-radius : 6px;
}

.adviceCategoryAdvicesListGroup.adviceCategoryAdvicesListGroup--hidden {
    display : none;
}

/* advice page */
.advicePage {
    margin-top : 52px;
}

.advice_content--legacy {
    margin : 0 auto 52px auto;
}

.advicePage__back,
.advice_content.advice_content--legacy .sommaire a {
    color         : black;
    display       : inline-flex;
    align-items   : center;
    position      : relative;
    margin-bottom : 12px;
    gap           : 8px;
    width         : fit-content;
}

.advicePage__back::before,
.advice_content.advice_content--legacy .sommaire a::before {
    content             : "";
    width               : 8px;
    height              : 16px;

    background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.33' height='9.322' viewBox='0 0 5.33 9.322'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M12.857,10.854l3.527-3.525a.666.666,0,1,0-.944-.941l-4,3.994a.665.665,0,0,0-.019.919l4.013,4.021a.666.666,0,1,0,.944-.941Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E%0A");
    background-position : center center;
    background-repeat   : no-repeat;
}

.advicePage__back::after,
.advice_content.advice_content--legacy .sommaire a::after {
    content    : "";
    position   : absolute;
    height     : 1px;
    width      : 100%;
    background : black;
    bottom     : -4px;
    opacity    : 0;
    transition : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transform  : translateY(-2px);
}

.advicePage__back:hover,
.advice_content.advice_content--legacy .sommaire a:hover {
    color : black;
}

.advicePage__back:hover::after,
.advice_content.advice_content--legacy .sommaire a:hover::after {
    opacity   : 1;
    transform : translateY(0px);
}

.advicePage__heading {
    display        : flex;
    flex-direction : column;
    gap            : 20px;
    margin-bottom  : 52px;
    margin         : 0 auto;
}

.advicePage__indispensablesTitle {
    margin : 0 auto 32px auto;
}

.advicePage__title {
    max-width     : 80%;
    margin-bottom : 0;
}

.advicePage__miniature {
    aspect-ratio  : 611/431;
    max-width     : 611px;
    position      : relative;
    margin-bottom : 0;
}

.advicePage__miniature img {
    aspect-ratio  : 611/431;
    width         : 80%;
    height        : 80%;
    object-fit    : cover;
    border-radius : 1000px;
}

.guide_content.guide_content--legacy p {
    color : black;
}

.guide_content.guide_content--legacy h2 {
    color       : var(--primary);
    font-size   : 22px;
    font-weight : bold;
}

.guide_content.guide_content--legacy h3 {
    color       : var(--primary);
    font-size   : 18px;
    font-weight : bold;
}

.guide_content.guide_content--legacy h4 {
    color       : var(--primary);
    font-size   : 18px;
    font-weight : normal;
}

.advicePage__drop {
    position : absolute;
    height   : 163px;
    width    : 104px;
    opacity  : 0.9;
    top      : 5%;
    right    : 15%;
}

.advicePage__indispensables {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 32px;
    margin-bottom         : 50px;
}

.advicePage__content p {
    color         : black;
    font-size     : 16px;
    margin-bottom : 16px;
}

.advicePage__content h2 {
    color       : var(--primary);
    font-size   : 22px;
    font-weight : 500;
}

.advicePage__content h3 {
    color       : var(--primary);
    font-size   : 16px;
    font-weight : bold;
}

.advicePage__content h4 {
    color     : var(--primary);
    font-size : 16px;
}

.advicePage__recipes {
    margin-bottom : 52px;
    margin-inline : auto;
    margin-top    : 64px;
}

.advicePage__recipesTitle {
    margin-bottom : 28px;
    font-size     : 22px;
    font-weight   : 500
}

.advicePage__recipeList {
    display        : flex;
    flex-direction : column;
    gap            : 40px;
}

.advicePage__recipe {
    padding          : 28px 40px;
    background-color : var(--primary-light);
    margin-left      : -40px;
    margin-right     : -40px;
    border-radius    : 12px;
}

.advicePage__recipe p {
    color         : black;
    font-size     : 16px;
    margin-bottom : 16px;
}

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

.advicePage__recipe h2 {
    color       : var(--primary);
    font-size   : 22px;
    font-weight : bold;
}

.advicePage__recipe h3 {
    color       : var(--primary);
    font-size   : 18px;
    font-weight : bold;
}

.advicePage__recipe h4 {
    color     : var(--primary);
    font-size : 18px;
}

.advicePage__seperator {
    margin-bottom : 70px;
}

.advicePage__copyright {
    margin-bottom : 100px;
    max-width     : 992px;
    margin-inline : auto;
}

.advicePage__relatedAdvicesTitle {
    text-align  : center;
    font-size   : 35px;
    font-weight : 900;
    max-width   : 500px;
    margin      : 0 auto 54px auto;
}

.advicePage__relatedAdvicesList {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
    margin-bottom         : 100px;
}

.advice_content.advice_content--legacy p {
    color : black;
}

.advice_content.advice_content--legacy h2 {
    color       : var(--primary);
    font-size   : 22px;
    font-weight : bold;
}

.advice_content.advice_content--legacy h3 {
    color       : var(--primary);
    font-size   : 22px;
    font-weight : bold;
}

.advice_content.advice_content--legacy h4 {
    color       : var(--primary);
    font-size   : 18px;
    font-weight : normal;
}

.advicePage__description p {
    font-size   : 16px;
    color       : black;
    line-height : 20px;
}

.advicePage__content {
    margin-inline : auto;
}

.shttResourcesFilterAnimationFront__closer {
    display : none;
}

.shttResourcesFilterAnimationFront__opener {
    display : none;
}

.adviceCategoryAdvicesFilters__title {
    margin-bottom  : 28px;
    font-size      : 17px;
    text-transform : uppercase;
}

.adivceCategories .adviceCategory {
    position   : relative;
    text-align : center;
}

.adviceCategory__drop {
    position : absolute;
    height   : 141px;
    width    : 90px;
    opacity  : 0.9;
    left     : -5%;
}

.guideCategoryGuidesGrid__noResult {
    width       : 100%;
    grid-column : 1/4;
}

.guideCategoryGuidesGrid__noResult p {
    font-size   : 22px;
    text-align  : center;
    font-weight : bold;
    color       : black;
}

#shtt-resources-advice-landing #wrapper .breadcrumb,
#shtt-resources-advice-category #wrapper .breadcrumb,
#shtt-resources-advice #wrapper .breadcrumb,
#shtt-resources-guide-category #wrapper .breadcrumb,
#shtt-resources-guide #wrapper .breadcrumb {
    padding-left : 10px;
}

.advice_content .advicePage__recipe ul li {
    list-style          : disc;
    list-style-position : inside;
}

.advicePage__productsContainer, .guidePage__productsContainer {
    overflow      : hidden;
    border-radius : 12px;
    background    : #F9F7F4;
    padding       : 30px 40px;
    margin-bottom : 30px;
}

.title.title--sm.advicePage__productsTitle, .title.title--sm.guidePage__productsTitle {
    color       : #000;
    font-size   : 24px;
    font-style  : normal;
    font-weight : 600;
    line-height : 32px;
    margin      : 0;
}

.advicePage__products-title_container, .guidePage__products-title_container {
    display         : flex;
    justify-content : space-between;
    gap             : 10px;
    align-items     : center;
    margin-bottom   : 20px;
}

.advicePage__products_swiper-button_container, .guidePage__products_swiper-button_container {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 5px;
}

.advicePage__products_swiper-button-previous,
.advicePage__products_swiper-button-next,
.guidePage__products_swiper-button-previous,
.guidePage__products_swiper-button-next {
    width            : 40px;
    height           : 40px;
    border           : 1px solid #D9D9D9;
    border-radius    : 50%;
    background-color : #fff;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    cursor           : pointer;
}

.advicePage__productsContainer .product-miniature, .advicePage__productsContainer .product-miniature .product,
.guidePage__productsContainer .product-miniature, .guidePage__productsContainer .product-miniature .product {
    width : initial;
}

.advicePage__productsContainer .shttMC__combinationPanel, .advicePage__productsContainer .shttMC__button,
.guidePage__productsContainer .shttMC__combinationPanel, .guidePage__productsContainer .shttMC__button {
    width      : -webkit-fill-available;
    max-height : -webkit-fill-available;
    gap        : 8px;
}

.advicePage__productsContainer .shttMC__button,
.guidePage__productsContainer .shttMC__button {
    padding : 5px 16px;
}

.advicePage__productsContainer .shttAttributesAvailable,
.guidePage__productsContainer .shttAttributesAvailable {
    display : none !important;
}

.advicePage__productsContainer .product-miniature .thumbnail-top img,
.guidePage__productsContainer .product-miniature .thumbnail-top img {
    mix-blend-mode : darken;
    width          : 175px;
}

.advicePage__productsContainer .product-miniature .thumbnail-top,
.guidePage__productsContainer .product-miniature .thumbnail-top {
    width      : calc(100% - 30px);
    height     : 200px;
    margin     : 15px 15px 0;
    background : #F9F7F4;
    padding    : 0;
}

.advicePage__productsContainer .product-miniature .product-description .product-title,
.guidePage__productsContainer .product-miniature .product-description .product-title {
    margin     : 0 0 30px;
    text-align : left;
}

.advicePage__productsContainer .netreviews_font_stars, .advicePage__productsContainer .av_category_stars .ratingText,
.guidePage__productsContainer .netreviews_font_stars, .guidePage__productsContainer .av_category_stars .ratingText {
    font-size : 12px;
}

.advicePage__productsContainer .av_category_stars .netreviews_review_rate_and_stars,
.guidePage__productsContainer .av_category_stars .netreviews_review_rate_and_stars {
    width : 85px;
}

.advicePage__productsContainer .shttMC__combinations,
.guidePage__productsContainer .shttMC__combinations {
    gap : 8px;
}

.advicePage__productsContainer .shttMC__combinationPrice,
.guidePage__productsContainer .shttMC__combinationPrice {
    font-size : 15px;
}

.advicePage__productsContainer .shttMC__combinationName,
.guidePage__productsContainer .shttMC__combinationName {
    font-size : 13px;
}

.guidePage__precautions li,
.guidePage__issue li,
.guidePage__description li,
#shtt-resources-guide-category li,
#shtt-resources-advice-category li {
    margin-left : 20px;
}


@media (max-width : 1400px) {
    .advicePage__indispensables {
        max-width             : 992px;
        margin                : 0 auto;
        grid-template-columns : repeat(2, 1fr);
        margin-bottom         : 56px;
    }
}

@media (max-width : 1200px) {
    .resourceCategoryHeading {
        flex-direction : column;
        border-radius  : 0;
        margin-inline  : -15px;
    }

    .resourceCategoryHeading__picture.resourceCategoryHeading__picture--1 {
        display : none;
    }

    .adviceCategoryAdvicesGrid,
    .guideCategoryGuidesGrid {
        display               : grid;
        grid-template-columns : repeat(2, 1fr);
        gap                   : 16px;
    }

    .resources {
        grid-template-columns : 1fr 1fr;
        max-width             : 556px;
        margin                : 0 auto;
    }

    .adivceCategories {
        grid-template-columns : 1fr 1fr;
        max-width             : 556px;
        margin                : 0 auto;
        gap                   : 32px;
        overflow              : visible;
    }
}

@media (max-width : 767px) {
    .adviceCategoryAdvicesList,
    .guideCategoryGuidesList {
        grid-column : 1/3;
    }

    .resourceCategoryFilters {
        position   : fixed;
        width      : 100vw;
        left       : 0;
        padding    : 24px;
        background : white;
        top        : 0;
        height     : 100dvh;
        z-index    : 1000;
        transform  : translateY(102%);
        transition : 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .resourceCategoryFilters--open {
        transform : translateY(0);
    }

    .shttResourcesFilterAnimationFront__closer {
        display        : block;
        padding-bottom : 12px;
        margin-bottom  : 12px;
    }

    .shttResourcesFilterAnimationFront__closer--bottom {
        position        : fixed;
        bottom          : 0;
        width           : 100vw;
        background      : var(--primary);
        left            : 0;
        display         : flex;
        align-items     : center;
        justify-content : center;
        padding         : 15px;
        gap             : 12px;
        z-index         : 999;
        margin-bottom   : 0;
        text-transform  : uppercase;
        transform       : translateY(102%);
        transition      : transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
        color           : white;
        font-size       : 16px;
        font-weight     : bold;
    }

    .resourceCategoryFilters--open .shttResourcesFilterAnimationFront__closer--bottom {
        transform : translateY(0);
    }

    .adviceCategoryAdvicesFilters__title {
        margin-bottom : 22px;
    }

    .guideCategoryGuidesFilters__title {
        margin-bottom : 22px;
    }

    .shttResourcesFilterAnimationFront__opener {
        position        : fixed;
        bottom          : 0;
        width           : 100vw;
        background      : var(--primary);
        left            : 0;
        display         : flex;
        align-items     : center;
        justify-content : center;
        padding         : 12px;
        gap             : 12px;
        z-index         : 999;
    }

    .shttResourcesFilterAnimationFront__opener .adviceCategoryAdvicesFilters__title,
    .shttResourcesFilterAnimationFront__opener .guideCategoryGuidesFilters__title {
        margin      : 0;
        color       : white;
        font-size   : 16px;
        font-weight : bold;
    }

    .adviceCategoryAdvicesGroupe {
        font-size : 25px;
    }

    .guideCategoryGuidesLetter {
        font-size : 42px;
    }

    ul.guidePage__administrationRoutes {
        gap : 16px;
    }

    .guidePage__issue {
        padding : 28px;
    }

    .guidePage__seperator {
        margin-top    : 0 !important;
        margin-bottom : 32px;
    }

    .guidePage__description {
        margin-bottom : 32px;
    }

    .guidePage__relatedGuidesTitle {
        font-size : 25px;
    }

    .guidePage__relatedGuidesList {
        grid-template-columns : 1fr 1fr;
    }
}

@media (max-width : 676px) {
    /* resources page */
    .resourceCategoryHeading {
        padding : 28px 52px;
        gap     : 12px;
    }

    .title--xl {
        font-size   : 25px;
        line-height : 30px;
    }

    /* guide */
    .guidePage__title {
        max-width : 100%;
    }

    .guidePage__drop {
        height : 107px;
        width  : 68px;
    }

    /* advice */
    .advicePage__title {
        max-width : 100%;
    }

    .advicePage__indispensables {
        gap           : 12px;
        margin-bottom : 50px;
    }

    .advicePage__relatedAdvicesList {
        grid-template-columns : repeat(2, 1fr);
        gap                   : 12px;
    }

    .advicePage__relatedAdvicesTitle {
        font-size : 25px;
    }

    .resources {
        grid-template-columns : 1fr;
        max-width             : 250px;
        margin                : 0 auto;
    }

    .resourceCard__title {
        min-height  : 0;
        font-size   : 20px;
        line-height : 25px;
    }

    .adivceCategories {
        grid-template-columns : 1fr 1fr;
        column-gap            : 10px;
        max-width             : 350px;
        margin                : 0 auto;
    }

    .resourceCategoryPage {
        margin-top : 20px;
    }

    .resourceCategoryHeading {
        padding       : 30px 15px;
        margin-bottom : 20px;
    }

    .resourceCategoryHeading__picture {
        width : 33%;
    }

    .adviceCategory__drop {
        display : none;
    }

    .shttResourcesFilterAnimationFront__opener.hidden {
        display : none;
    }
}

@media (max-width : 500px) {
    .advicePage__productsContainer,
    .guidePage__productsContainer {
        padding : 25px 20px;
    }

    .advicePage__productsContainer .product-miniature .av_category_stars,
    .guidePage__productsContainer .product-miniature .av_category_stars {
        display : none;
    }

    .advicePage__productsContainer .product-miniature .product-description .product-title,
    .guidePage__productsContainer .product-miniature .product-description .product-title {
        min-height : 56px;
    }
}