/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .adv-desktop {
        display: revert !important;
    }
    .adv-mobile {
        display: none !important;
    }
    .main-header {
        padding: 16px 5.5vw;
    }
    section.hero {
        padding-top: 117px;
    }
    .gallery .filtering.mode-card {
        width: calc(100% - 11vw);
        position: static;
        margin: 0 5.5vw;
    }

    .gallery .filtering.mode-block {
        position: fixed;
        left: 5.5vw;
        right: 5.5vw;
        top: 117px;
        z-index: 2;
        width: calc(100% - 12vw);
    }

    .gallery-current-filter-settings .m-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 16px 0;
    }
    .gallery-current-filter-settings.mode-block {
        position: absolute;
        left: 5.5vw;
        right: 5.5vw;
        top: 170px;
        z-index: 2;
    }

    .gallery .filtering .settings {
        padding-left: 44px;
        z-index: 3;
        gap: 8px;
    }
    /*
    .gallery-cards {
        display: inline-block;
        height: auto;
        padding: 0 15px;
    }
    .gallery-cards .m-cards-strip {
        display: inline-block;
        height: auto;
    }
    .gallery-cards .m-cards-strip .m-cards-container {
        display: inline-block;
        height: auto;
        overflow: visible;
        white-space: normal;
    }
     */
    input[type="checkbox"] {
        appearance: none; /* Rimuove lo stile predefinito */
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border: 1px solid #32081A;
        border-radius: 2px;
        background-color: transparent;
        cursor: pointer;
        position: relative;
        display: inline-block;
        margin-right: 8px;
    }

    /* Hover: Aggiunge l'ombra */
    input[type="checkbox"]:hover {
        box-shadow: 0px 0px 0px 4px #EFCDC3;
    }

    /* Stato "checked" */
    input[type="checkbox"]:checked {
        background-color: #32081A;
        border-color: #32081A;
    }

    input[type="checkbox"]:checked::after {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        width: 20px;
        height: 19px;
        border-radius: 2px;
        background-image: url('../images/check-light.svg');
        background-position: center;
        background-repeat: no-repeat;
    }

    input[type="checkbox"].white {
        border: 1px solid #ffffff;
    }

    /* Hover: Aggiunge l'ombra */
    input[type="checkbox"].white:hover {
        box-shadow: 0px 0px 0px 4px #EFCDC3;
    }

    /* Stato "checked" */
    input[type="checkbox"].white:checked {
        background-color: #ffffff;
        border-color: #ffffff;
    }

    input[type="checkbox"].white:checked::after {
        background-image: url('../images/check-dark.svg');
    }

    .gallery-cards {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        height: calc(90vh - 117px - 32px); /* Altezza del contenitore esterno */
        width: 100%; /* Larghezza completa */
        overflow: hidden; /* Nasconde il contenuto traboccante */
        padding-top: 60px;
    }
    .gallery-cards .m-cards-strip {
        width: 90%; /* Larghezza visibile delle card */
        overflow: hidden; /* Nasconde scroll nativo */
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .gallery-cards .m-cards-strip .m-cards-container {
        display: flex;
        gap: 24px; /* Distanza tra gli elementi */
        overflow-x: auto; /* Permetti lo scroll orizzontale */
        scroll-behavior: smooth; /* Scroll fluido */
        white-space: nowrap; /* Prevenire che gli elementi vadano a capo */
        scrollbar-width: none; /* Nasconde la barra su Firefox */
        -ms-overflow-style: none; /* Nasconde la barra su IE e Edge */
    }
    .m-card.product {
        height: 100%;
    }
    .m-card.product img.product-image {
        max-width: 100%;
        /* max-height: 60%; */
        height: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    .m-card.product img.product-image.landscape {
        /* max-height: 30vh;*/
        height: 50%;
        width: auto;
    }
    .m-card.product img.product-image.landscape.under {
        /*max-height: 26vh;*/
        height: 50%;
        width: auto;
    }
    .m-card.product img.product-image.landscape.over {
        /*max-height: 34vh;*/
        height: 70%;
        width: auto;
    }
    .m-card.product img.product-image.portrait {
        /*max-height: 50vh;*/
        height: 85%;
        width: auto;
    }
    .m-card.product img.product-image.portrait.under {
        /*max-height: 46vh;*/
        height: 75%;
        width: auto;
    }
    .m-card.product img.product-image.portrait.over {
        /* max-height: 54vh; */
        height: 90%;
        width: auto;
    }
    .m-card.product img.product-image.square {
        /* max-height: 40vh; */
        height: 82%;
        width: auto;
    }
    .hero.gallery {
        height: 100vh;
    }
    .hero.gallery.m-for-cards .cursors {
        position: absolute;
        left: 5.5vw;
        bottom: 0;
        width: calc( 100vw - 11.5vw );
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0 25px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .gallery .filtering {
        position: static;
        overflow-x: unset;
    }
    .gallery .filtering .settings .menu-backdrop {
        backdrop-filter: none;
    }
    section.hero {
        padding-top: 117px;
    }
    .m-card .m-card-body {
        position: relative;
    }
    .m-card .m-card-body .product-actions {
        flex: 1;
    }
    .m-card .m-card-body .product-title {
        flex: 1;
    }
    .m-card .m-card-body .product-info {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 18px;
    }

    .hero.gallery.m-for-cards .swiper {
        /*width: 100%;*/
        margin: 0 5.5vw;
        height: calc(100vh - 117px - 85px);
        padding-top: 60px;
    }

    .hero.gallery.m-for-cards .swiper .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
    }

    .hero.gallery.m-for-cards .swiper .swiper-slide {
        width: auto;
        height: 100%;
    }

    body.component-page.home-page {
        scroll-behavior: smooth;
        scroll-snap-type: none;
    }
    .component-page.home-page footer.main,
    .component-page.home-page .eu-min
    {
        display: none;
    }

    .hero.homepage .swiper {
        width: 100vw;
        height: 100svh;
    }

    .hero.homepage .swiper .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
    }
    .hero.homepage .swiper .swiper-slide {
        width: 100%;
        height: 100%;
    }

    .hero.gallery.m-for-block {
        padding: 0;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .hero.gallery.m-for-block .swiper.thumbs {
        position: absolute;
        bottom: 24px;
        left: 5.5vw;
        right: 5.5vw;
        height: 156px;
    }
    .hero.gallery.m-for-block .swiper.thumbs .swiper-slide {
        width: 260px;
        height: 148px;
        border-radius: 4px;
        border: 4px solid rgba(255, 255, 255, 0.2);
        box-shadow: 2px 2px 10px 0px #0000001A;
        cursor: pointer;
    }
    .hero.gallery.m-for-block .swiper.thumbs .swiper-slide:hover,
    .hero.gallery.m-for-block .swiper.thumbs .swiper-slide.active
    {
        border-color: rgba(255, 255, 255, 0.4);
    }
    .hero.gallery.m-for-block .swiper.thumbs .swiper-slide > div {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 1px;

    }

    .swiper.main {
        /*position: relative;*/
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .m-for-block .m-block-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 228px;
        flex-direction: row;
        z-index: 1;
    }

    .filter-box {
        position: fixed;
        z-index: 3;
        left: 50%;
        transform: translateX(-50%);
        top: 100px;
        width: 1060px;
        height: 670px;
        background-color: var(--primary-bordo-80);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
        backdrop-filter: blur(30px);
        display: none;
    }
    .filter-box.active {
        display: block;
        left: 50%;
    }
    .filter-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, #40192a 30%, #803254 90%); /* Gradiente di 45° */
        z-index: -1;
        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); /* "Buco" al centro */
        mask-composite: exclude; /* Combina la maschera per creare il buco */
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: destination-out;
        border-radius: 6px; /* Bordi arrotondati */
        padding: 1px; /* Spessore del bordo */
        box-sizing: border-box; /* Assicura che il padding non sballi la dimensione totale */
    }
    .filter-box .content {
        width: 100%;
        height: 579px;
        padding: 24px 32px 0 32px;
    }
    .filter-box .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: transparent;
        padding: 0;
        /*height: 109px;*/
    }
    .filter-box .header > span {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 120% */
    }
    .filter-box .comment {
        color: #BCBCBC;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 133.333% */
    }
    .filter-box .m-tabs {
        padding: 24px 0 10px 0;
    }
    .filter-box .current-filter {
        width: 100%;
        height: 80px;
    }
    .filter-box .c-white {
        font-size: 14px;
        color: white;
    }
    .filter-box .footer {
        backdrop-filter: blur(100px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 90px;
        padding: 0 32px;
    }
    .filter-box .footer > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
    .filter-box .save-alert {
        text-decoration: none;
        color: #999;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        display: flex;
        padding: 10px 20px;
        align-items: center;
        gap: 8px;
        border-radius: 6px;
        border: 1px solid #999;
        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 10px 10px 0px rgba(0, 0, 0, 0.10);
        backdrop-filter: blur(10px);
    }
    .filter-box .apply {
        text-decoration: none;
        color: var(--primary-bordo);
        font-size: 16px;
        background-color: white;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        display: flex;
        padding: 10px 20px;
        align-items: center;
        gap: 8px;
        border-radius: 6px;
        border: 1px solid #999;
        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 10px 10px 0px rgba(0, 0, 0, 0.10);
        backdrop-filter: blur(10px);
    }
    .filter-box .clear-filter {
        text-decoration: none;
        color: #999;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        display: flex;
        padding: 10px 20px;
        align-items: center;
        gap: 8px;
        backdrop-filter: blur(10px);
    }
    .filter-box .values-panels {
        width: 100%;
        height: 342px;
        padding-top: 21px;
    }
    .filter-box .values-panels .values-panel {
        width: 100%;
        height: 100%;
        display: none;
        padding: 5px;
    }
    .filter-box .values-panels .values-panel .macro-label {
        display: inline-block;
        margin-bottom: 17px;
        width: 100%;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        color: #A6A6A6;
        text-transform: uppercase;
    }

    .filter-box .values-panels .values-panel.active {
        display: block;
    }
    .filter-box .current-filter {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
    }
    .filter-box .filter-tag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 26px;
    }
    .m-button.bordo.link.c-white {
        color: white;
        padding: 8px 16px;
        position: relative;
    }
    .m-button.bordo.link.c-white > img {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -6px;
        width: 14px;
        height: 13px;
        z-index: 2;
    }
    .m-button.bordo.link.c-white.active > img {
        display: block;
    }
    .values-panel[data-panel="brands"],
    .values-panel[data-panel="materials"],
    .values-panel[data-panel="man"],
    .values-panel[data-panel="woman"] {
        overflow-y: auto;
        overflow-x: hidden;
    }
    .values-panel[data-panel="brands"] .row {
        margin-bottom: 16px;
    }
    .values-panel[data-panel="brands"] .row.letter-row {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        color: #A6A6A6;
    }

    .color-box {
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 4px;
        position: relative;
    }
    .values-panel[data-panel="colors"].active {
        display: flex !important;
        overflow-y: auto;
        overflow-x: hidden;
        gap: 20px;
        flex-wrap: wrap;
        align-content: start;
    }

    .values-panel[data-panel="colors"] .color-box {
        margin-bottom: 20px;
    }

    .color-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, rgba(0,0,0,0.1) 30%, rgba(255,255,255, .8) 90%); /* Gradiente di 45° */
        z-index: 1;
        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); /* "Buco" al centro */
        mask-composite: exclude; /* Combina la maschera per creare il buco */
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: destination-out;
        border-radius: 4px; /* Bordi arrotondati */
        padding: 1px; /* Spessore del bordo */
        box-sizing: border-box;
    }

    .color-circle {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }


    section.hero.product .swiper.product-images .swiper-horizontal>.swiper-pagination-bullets,
    section.hero.product .swiper.product-images .swiper-pagination-bullets.swiper-pagination-horizontal,
    section.hero.product .swiper.product-images .swiper-pagination-custom,
    section.hero.product .swiper.product-images .swiper-pagination-fraction {
        bottom: 396px;
    }

    section.hero.product .back-to-gallery {
        position: absolute;
        left: 5.5vw;
        bottom: 126px;
        z-index: 1;
    }

    section.product-info .features {
        padding: 0;
    }
    section.product-info {
        position: relative;
        /*
        left: 0;
        bottom: 0;
         */
        width: 100%;
        height: auto;
        min-height: 900px;
        margin-top: -100px;
        z-index: 2;
        background-color: #32081A99;
        backdrop-filter: blur(200px);
        /*border-top: 1px solid;
        border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(45deg, rgba(255, 255, 255, 0) 33.33%, #FFFFFF 95%);

         */
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0;
        color: #ffffff;
    }

    .m-container {
        width: calc(100% - 5.5vw - 5.5vw);
        margin: 0 5.5vw;
    }

    section.product-info .m-container {
        padding-top: 32px;
    }

    section.product-info .info-header {
        height: 52px;
        display: flex;
        align-items: stretch;
        gap: 16px;
        margin-bottom: 32px;
    }
    .info-header.features,
    .info-header.links {
        justify-content: space-between;
    }
    section.product-info .info-header .brand-logo {
        width: 64px;
        height: 48px;
        position: relative;
    }
    section.product-info .info-header .brand-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        border-radius: 2px;
    }
    section.product-info .brand-name {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
        color: #FDF8F9;
    }
    section.product-info .product-name,
    section.product-info .gray-label {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
        color: #71717A;
    }
    section.product-info .go-down.d-none.d-md-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        gap: 8px;
        padding-top: 48px;
    }

    section.product-related {
        background-color: #32081A;
        backdrop-filter: blur(200px);
        min-height: 400px;
    }

    .menu-backdrop {
        background-color: rgba(253, 248, 249, 0.4);
        padding: 8px;
        border-radius: 6px;
        backdrop-filter: blur(30px);
    }
    .menu-backdrop.mode {
        background-color: rgba(253, 248, 249, 0.4);
    }

    section.product-info .product-related h2 {
        font-family: "Tenor Sans", sans-serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 28.08px;
        letter-spacing: 0;
        color: white;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
    }

    section.product-info .product-related .swiper {
        height: auto;
    }

    section.product-info .product-related .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
    }
    section.product-info .product-related .swiper .swiper-slide {
        width: auto;
        height: auto;
    }

    section.product-info .product-related .product-card .landscape img {
        width: 420px;
        height: auto;
    }
    section.product-info .product-related .product-card .portrait img {
        width: 320px;
        height: auto;
    }

    section.product-info .product-related .product-card .square img {
        width: 360px;
        height: auto;
    }

    section.product-info .product-related .product-card .product-data {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        background-color: transparent;
    }
    section.product-info .product-related .product-card .product-data > div:first-of-type {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    section.product-info .product-related .product-card .product-data > div:last-of-type {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }
    section.product-info .product-related .product-card .product-data .product-price {}
    section.product-info .product-related .product-card .product-data.product-title {
        font-weight: 400;
        letter-spacing: 0;
    }
    section.product-info .product-related .product-card .product-data .product-brand {
        font-size: 14px;
        line-height: 14px;
        color: #FDF8F9;
    }
    section.product-info .product-related .product-card .product-data .product-name {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        color: #FDF8F9;
        display: inline-block;
        border-bottom: 1px solid #FDF8F9;
    }
    section.product-info .product-related .product-card .product-data .product-actions a {
        display: inline-block;
        padding: 4px;
    }
    section.product-info .product-related .product-card .product-data .product-actions svg rect {
        fill: #FDF8F9;
    }
    section.product-info .product-related .product-card .product-data .product-actions svg path {
        stroke: #FDF8F9;
    }
    .gallery-current-filter-settings {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: auto;
        padding: 0;
    }
    .m-for-cards .gallery-current-filter-settings {
        top: 0;
    }

    .m-card.product .m-block-details.in-card {
        width: 260px;
        top: auto;
        bottom: 0;
        left: 50%;
        min-height: 180px;
        height: fit-content;
        transform: translateY(-64px) translateX(-50%);
    }

    .gallery-current-filter-settings .filter-setting-item {
        display: inline-flex;
        height: 26px;
        width: auto;
        background-color: #000000;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0;
        color: #FFFFFF;
        gap: 8px;
        padding: 0 12px;
    }
    .gallery-current-filter-settings .filter-type-label {
        font-size: 12px;
        font-weight: var(--font-semi-bold);
    }
    .gallery-current-filter-settings .filter-values {
        font-size: 10px;
    }

    .values-panel .macro label {
        color: #a6a6a6;
        font-weight: 800;
        text-transform: uppercase;
    }
    div.popup-info {
        width: 600px;
    }
    .compare-band {
        font-size: 18px;
    }
    .compare-band .compare-band-header {
        padding: 25px 0;
    }

    .m-link {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 16px;
        min-height: 40px;
    }
    .m-link > img {
        width: 20px;
        height: 20px;
    }
    .compare-band.expanded .compare-band-content {
        display: flex;
        padding: 0;
        gap: 12px;
    }
    .compare-band .compare-band-content .compare-item-pane.filled .product-title span:first-of-type {
        font-size: 18px;
        line-height: 24px;
    }
    .compare-band .compare-band-content .compare-item-pane.filled .product-title span:last-of-type {
        font-size: 16px;
        line-height: 22px;
    }

    section.hero.compare {
        padding-top: 117px;
    }
    section.hero.compare h1 {
        font-size: 20px;
        line-height: 24px;
    }
    .compare-items-list .m-container {
        flex-wrap: nowrap;
    }
    section.hero.compare .gallery-current-filter-settings .m-container {
        display: inline-block;
        text-align: center;
    }
    section.hero.compare .gallery-current-filter-settings .m-container a.checkbox {
        margin-bottom: 24px;
    }
    .compare-items-list .compare-item {
        flex: none;
    }
    .compare-items-list .m-container:has(.compare-item:nth-child(2)) > .compare-item {
        flex: 1;
    }
    /* Stile quando ci sono esattamente 3 elementi */
    .compare-items-list .m-container:has(.compare-item:nth-child(3)) > .compare-item:nth-child(-n+2) {
        flex: 1;
    }
    .compare-items-list .m-container:has(.compare-item:nth-child(3)) > .compare-item:nth-child(3) {
        flex: 1;
    }
    /* Stile quando ci sono esattamente 4 elementi */
    .compare-items-list .m-container:has(.compare-item:nth-child(4)) > .compare-item {
        flex: 1;
    }
    .compare-items-list.p1 .compare-item-image,
    .compare-items-list.p2 .compare-item-image {
        height: 680px;
    }
    .compare-items-list.p3 .compare-item-image {
        height: 440px;
    }
    .compare-items-list.p4 .compare-item-image {
        height: 320px;
    }
    .compare-items-list .compare-item .brand-title .product-title {
        gap: 8px;
    }
    .compare-items-list .compare-item .brand-title .brand {
        font-size: 18px;
        line-height: 22px;
    }
    .compare-items-list .compare-item .brand-title .title {
        font-size: 16px;
        line-height: 18px;
    }
    .compare-items-list .compare-item .info-label {
        font-size: 16px;
        line-height: 26px;
    }
    .compare-items-list .compare-item .info-value {
        font-size: 14px;
        line-height: 26px;
    }
    ul.compare-bullets {
        font-size: 14px;
        line-height: 26px;
    }

    .compare-buttons .m-container {
        display: flex;
        padding: 80px 0;
    }
    .compare-buttons .m-container .m-button {
        width: auto;
    }
    .m-block-actions .m-block-details {
        bottom: 46px;
    }
    .intend-5 {
        margin-left: 20px;
    }
    .user-avatar {
        width: 32px;
        height: 32px;
    }
    section.hero.my-account {
        padding-top: 101px;
    }
    section.hero.my-account .m-container {
        padding: 48px 0 32px 0;
        gap: 50px;
    }
    section.hero.my-account .avatar {
        width: 120px;
        height: 120px;
    }
    section.hero.my-account .info {
        gap: 8px;
    }
    section.hero.my-account .info .nickname {
        font-size: 20px;
        line-height: 24px;
    }
    section.hero.my-account .info .full_name {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
    section.hero.my-account .info .extra-info {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        vertical-align: middle;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding-top: 8px;
        gap: 24px;
    }
    section.hero.my-account .info .extra-info > span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }
    .profile-edit {
        position: static;
        display: none;
        padding: 40px 0;
        width: 100%;
        left: 0;
        top: 300px;
        /*border-bottom: 1px solid #F3F3F3;*/
        z-index: 1;
        backdrop-filter: none;
        background-color: transparent;
        height: auto;
    }
    .edit .profile-edit {
        display: block;
    }

    section.hero.my-account.edit {
        /* position: fixed; */
        width: 100%;
        backdrop-filter: blur(200px);
        background-color: rgba(255, 255, 255, 0.4);
        z-index: 10;
    }
    section.my-account-content.menu.edit {
        /* padding-top: 300px; */
    }

    section.hero.my-account .profile-edit .m-container {
        flex-direction: column;
        gap: 16px;
    }
    .profile-edit .edit-row {
        width: 78%;
        max-width: 1006px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }
    .profile-edit .edit-row > div {
        flex: 1;
    }
    .profile-edit .edit-row.first,
    .profile-edit .m-container .edit-row.first {
        justify-content: center;
        flex: none;
    }
    .profile-edit .info-tip svg rect {
        fill: var(--primary-bordo);
    }

    .profile-edit .m-container .edit-row.first > .mb-3 {
        flex: none;
    }
    .profile-edit .edit-row.first > div {
        flex: none;
    }
    .profile-edit label,
    .profile-edit .m-container .edit-row label {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        color: var(--primary-bordo);
        margin-bottom: 8px;
    }
    .edit .profile-edit .m-container.field-list {
        flex: none;
        overflow-y: hidden;
        padding-bottom: 0;
    }
    .profile-edit input[type=text].m-form-control {
        height: 44px;
        border: 1px solid #32081A1A;
        background-color: #FDF8F9;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        color: #7A7A7A;
    }
    .profile-edit .info-tip {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        vertical-align: middle;
        color: #71717A;
        padding-top: 8px;
    }
    .profile-edit .buttons {
        width: 100%;
        max-width: 1032px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        padding-top: 40px;
    }
    .profile-edit .buttons .m-button.black.ghost {
        border: 1px solid black;
    }
    .profile-edit .buttons .m-button.black.ghost::before {
        display: none;
    }
    .profile-edit .buttons .m-button.black.ghost.no-border {
        border: none;
    }
    .city-suggestion {
        transition: background-color 0.2s;
    }

    .city-suggestion:hover {
        background-color: #f0f0f0;
    }

    #city_suggestions {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-radius: 4px;
        margin-top: 2px;
    }
    .profile-edit div.border-pane {
        border: none;
        background: transparent;
    }

    .profile-edit .m-container.edit-footer,
    section.hero.my-account .m-container.edit-footer {
        background-color: transparent;
        padding-top: 0;
        border-top: none;
    }
    .form-disclaimer {
        color: #4D4D4D;
    }
    .profile-edit form {
        flex: none;
    }

    .my-account-content.menu .m-container.tabs {
        justify-content: center;
    }

    .favorites-items {
        gap: 26px;
    }
    .favorites-items .favorites-column {
        gap: 26px;
    }
    .favorites-items .favorites-column.column-2,
    .favorites-items .favorites-column.column-3,
    .favorites-items .favorites-column.column-4 {
        display: flex;
    }
    .favorites-items .favorites-column .favorite-item.product-card .favorite-item-info {
        padding: 8px 10px;
    }

    .fav-toolbar {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 16px;
        padding-bottom: 32px;
    }
    .fav-toolbar .finder {
        flex: 1;
        order: 2;
        margin-bottom: 0;
    }
    .fav-toolbar .custom-dropdown {
        order: 1;
    }
    .fav-toolbar .fav-summary {
        order: 3;
    }

    .fav-toolbar .first-one {
        order: 1;
        margin-right: 50px;
    }
    .fav-toolbar .last-one {
        order: 3;
    }

    .dialog-box.save-search {
        height: auto;
        max-height: 60svh;
        width: 580px;
    }

    .saved-search-item {
        margin-bottom: 32px;
    }

    .saved-search-item .saved-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 48px;
    }

    .saved-search-item .saved-row .saved-data-column {
        flex: 1;
    }

    .saved-search-item h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;

    }
    .saved-search-item .search-buttons .alert-pane {
        flex-basis: 100%;
        margin-bottom: 16px;
    }
    .saved-search-item .search-image {
        width: 200px;
        height: 200px;
    }
    .saved-search-item .search-image img {
        /*
        aspect-ratio: 1/1;
        object-fit: contain;
         */
    }
    .saved-search-item .search-filter {
        margin-bottom: 16px;
    }
    .hero.homepage h1,
    .hero.homepage h2 {
        font-size: 40px;
    }
    .hero.homepage h3 {
        font-size: 22px;
    }

    .hero.homepage .swiper .swiper-button-next.m-button.bordo {
        right: 5.5vw;
    }
    .hero.homepage .swiper .swiper-button-prev.m-button.bordo {
        left: 5.5vw;
    }
    .hero.homepage .swiper .swiper-button-next.m-button.md.bordo,
    .hero.homepage .swiper .swiper-button-prev.m-button.md.bordo {
        background-color: var(--primary-bordo);
        padding: 4px 12px;
        height: 40px;
    }
    .hero.homepage .swiper .swiper-button-next.m-button.bordo::before,
    .hero.homepage .swiper .swiper-button-prev.m-button.bordo::before {
        display: block;
    }
    .hero.homepage .swiper .swiper-button-next,
    .hero.homepage .swiper .swiper-button-prev {
        bottom: 24px;
    }
    .gallery .filtering .settings .menu-backdrop .miranda-dropdown {
        font-size: 16px;
    }

    footer.main .credits-nwl {
        flex-direction: row;
    }
    footer.main .credits-nwl .credits {
        flex: 1;
        order: 1;
    }
    footer.main .credits-nwl .nwl {
        order: 2;
    }
    footer.main .credits-nwl .credits img {
        width: 120px;
    }

    footer.main .credits img {
        width: 224px;
        height: auto;
        margin-bottom: 16px;
    }

    footer.main .logo {
        margin-bottom: 180px;
    }

    footer.main .copyright-social {
        flex-direction: row;
    }
    footer.main .copyright-social .copyright {
        flex: 1;
        flex-direction: row;
        display: flex;
        gap: 24px;
    }
    footer.main .newsletter {
        flex-direction: row;
        flex-wrap: wrap;
    }
    footer.main .newsletter>.disclaimer {
        order: 3;
        flex-basis: 100%;
    }
    footer.main .credits-nwl .nwl {
        flex: .5;
    }

    footer.main .newsletter>input {
        order: 1;
        flex: auto;
        width: auto;
    }

    .hero.about-us .m-container {
        padding: 60px 0 80px;
    }
    .hero.about-us .hero-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 80px;
    }
    .hero.about-us .hero-content .image {
        flex: .5;
    }
    .hero.about-us .hero-content .text {
        flex: .5;
    }
    .hero.about-us .hero-content .image img {
        /*height: 686px;*/
        height: auto;
        width: 100%;
    }
    .hero.about-us .hero-content .text h1 {
        font-size: 42px;
        margin-bottom: 16px;
    }
    .hero.about-us .hero-content .text p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 48px;
    }
    section.values .value {
        flex-direction: row;
        height: 110px;
        max-height: 110px;
        justify-content: space-between;
    }
    section.values .value > div {
        order: 1;
    }
    section.values .value > img {
        order: 2;
    }

    .double-visuals .double-visuals-item {
        height: 510px;
        width: 100%;
    }
    .double-visuals .double-visuals-item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .double-visuals .double-visuals-item .text {
        top: 0;
        bottom: 0;
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 60px;
        gap: 10px;
    }
    .double-visuals .double-visuals-item:first-of-type .text {
        right: 0;
        left: auto;
    }
    .double-visuals .double-visuals-item:last-of-type .text {
        right: auto;
        left: 0;
    }
    .double-visuals .double-visuals-item .text svg {
        height: 24px;
        width: auto;
    }
    .double-visuals .double-visuals-item .text h2 {
        font-size: 42px;
        line-height: 100%;
        margin-bottom: 16px;
    }
    .double-visuals .double-visuals-item .text p {
        font-size: 20px;
        line-height: 24px;
    }

    .people-say .swiper {
        height: auto;
    }
    .people-say .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        box-sizing: content-box;
    }
    .people-say .swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 600px;
        margin-bottom: 0;
    }
    .people-say {
        margin-bottom: 140px;
    }
    .people-say .m-container:last-of-type {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .people-say .swiper .swiper-wrapper .swiper-slide .people-say-text p {
        font-size: 16px;
        line-height: 20px;
    }
    section.team .member-overlay {
        height: 460px;
    }

    section.team h2 {
        font-size: 42px;
        line-height: 100%;
        margin-bottom: 16px;
    }
    section.team p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 64px;
    }

    section.team .row {
        padding: 0;
    }

    section.hero.faq .m-container {
        padding-top: 60px
    }
    section.faq {
        margin-bottom: 115px;
    }
    .faq h1 {
        font-size: 56px;
    }
    .faq h2 {
        font-size: 34px;
    }
    section.hero.faq p {
        font-size: 16px;
        line-height: 20px;
        /*margin-bottom: 40px;*/
        margin: 0 auto 40px;
        width: 655px;
    }

    section.hero.faq .mb-3 {
        width: 655px;
        margin: 0 auto;
    }

    .search-wrapper {
        padding: 12px;
    }
    .faq-contents {
        gap: 16px;
        max-width: 1060px;
        width: 100%;
        margin: 0 auto;
    }
    .faq-contents .faq-content {
        padding: 32px;
    }
    .faq-contents .faq-content h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .faq-contents .faq-content p {
        font-size: 16px;
        line-height: 130%;
    }
    .faq .faq-sections {
        display: flex;
        justify-content: center;
    }

    header .menu-item {
        position: relative;
    }

    header .sub-menu {
        position: absolute;
        top: calc(100%);
        left: 0;
        width: 200px;
        height: auto;
        padding: 12px;
        display: none;
        background-color: rgba(0,0,0,.9);
        backdrop-filter: blur(60px);
    }
    header .menu-item:hover .sub-menu {
        display: block;
    }
    header .sub-menu a,
    header .sub-menu a span {
        width: 100%;
    }

    section.faq.preview h2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        display: none;
    }

    .save-alert-popup {
        width: 840px;
        height: 70svh;
    }
    .save-alert-popup .m-accordion .m-accordion-item .m-accordion-item-content .options {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        overflow-x: auto;
        padding-left: 8px;
        padding-right: 8px;
    }
    .save-alert-popup .m-accordion .m-accordion-item .m-accordion-item-content .options .option-item {
        min-width: 160px;
    }

    .hero.blog.article .overlay {
        bottom: 24px;
        height: 45%;
        padding: 0 5.5vw;
        width: 100%;
        left: 0;
        background-color: transparent;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-top: none;
        color: var(--primary-beige);
    }

    .hero.blog.article .overlay div:first-of-type {
        width: 70%;
        margin: 0 auto;
    }
    .hero.blog.article h1 {
        font-size: 42px;
        line-height: 100%;
        color: var(--primary-beige);
    }
    .hero.blog.article .overlay p {
        font-size: 20px;
        line-height: 24px;
        color: var(--primary-beige);
    }

    .no-desktop {
        display: none!important;
    }

    .hero.blog.article .overlay .m-button,
    .hero.blog.article .overlay .m-button.tool {
        height: revert;
    }
    .hero.blog.article .overlay .m-button.tool {
        width: revert;
    }
    .fav-toolbar .m-button.tool {
        width: auto;
        padding-left: 12px;
        padding-right: 12px;
    }
    article.blog.news-details {
        width: 70%;
        margin: 0 auto;
        padding-top: 120px;
        padding-bottom: 80px;
    }
    article.blog h1, article.blog h2 {
        font-size: 28px;
        line-height: 100%;
        margin-bottom: 32px;
    }

    article .author .name-date .name {
        font-size: 14px;
    }
    article .author .name-date .date {
        font-size: 14px;
        line-height: 16px;
    }
    article .author .image {
        width: 36px;
        height: 36px;
    }
    article a {
        text-decoration: none;
        color: inherit;
    }
    .hero.blog.listing {
        height: 90svh;
    }
    .hero.blog.listing .overlay {
        height: 40%;
    }
    .hero.blog.listing .m-container {
        width: 50%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .hero.blog.listing .m-container input {
        flex: 1;
    }
    .hero.blog.listing .overlay h1 {
        font-size: 43px;
        line-height: 100%;
    }
    .hero.blog.listing .overlay .h1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        margin: 0 auto;
    }
    .hero.blog.listing .overlay p {
        font-size: 20px;
        line-height: 24px;
    }
    .hero.blog.listing .buttons {
        margin: 0 5.5vw;
    }
    input.search-text {
        height: 36px;
    }
    .blog.listing .blog-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
        padding: 0;
    }
    .blog.listing .blog-row .blog-item {
        flex: 1;
        height: 65svh;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 0;
    }
    .blog.listing .blog-row .blog-item .blog-item-content {
        border-radius: 4px;
        height: auto;
        margin-bottom: 40px;
        margin-left: 80px;
        font-size: 14px;
        line-height: 20px;
        gap: 16px;
        padding: 20px 30px;
    }
    .blog.listing .blog-row .blog-item .blog-item-content h2 {
        font-size: 28px;
    }
    .blog.listing .blog-row.count-1 .blog-item .blog-item-content {
        width: calc(50% - 160px);
    }
    .blog.listing .blog-row.count-2 .blog-item .blog-item-content {
        width: calc(100% - 160px);
    }
    .blog.listing .blog-row .blog-item .blog-item-image {
        width: 100%;
        height: 100%;
    }
    .blog.listing .blog-row .blog-item .blog-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    section.hero.streets-of-fashion>.navigator {
        padding: 95px 5.5vw 20px 5.5vw;
    }

    section.hero.streets-of-fashion > .navigator h1 {
        font-size: 20px;
        line-height: 100%;
    }
    section.hero.streets-of-fashion > .navigator .items-strip {
        gap: 16px;
    }
    section.hero.streets-of-fashion > .navigator .item h2 {
        font-size: 16px;
        line-height: 20px;
    }
    section.hero.streets-of-fashion > .navigator .item span {
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0;
        text-align: center;
        display: inline-block;
        width: 100%;
        color: #A6A6A6;
    }
    section.hero.streets-of-fashion > .navigator .item span {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0;
        text-align: left;
    }
    section.hero.streets-of-fashion > .navigator .item div {
        margin-bottom: 8px;
        gap: 8px;
    }

    section.hero.streets-of-fashion > .navigator .street-card {
        gap: 2px;
    }
    .streets-of-fashion.streets .hero-content {
        padding-left: 0; /*5.5vw;*/
        padding-right: 0; /*5.5vw;*/
        padding-bottom: 0;
    }
    .streets-of-fashion.streets .hero-content .swiper {
        height: 144px;
    }
    .streets-of-fashion.streets .hero-content .swiper .swiper-slide {
        width: 260px;
        height: 140px;
    }
    .streets-of-fashion.streets .hero-content .swiper .swiper-wrapper {
        gap: 24px;
    }
    .streets-of-fashion.streets .hero-content .swiper .swiper-slide > div {
        border: 2px solid rgba(255,255,255,.5);
    }
    section.hero.streets-of-fashion.shop {
        padding-top: 0;
    }

    section.hero.streets-of-fashion.shop .swiper.swiper-thumbs {
        height: 142px;
    }

    section.hero.streets-of-fashion.shop .swiper-full .swiper-slide {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        background: rgba(0,0,0,.9);
    }
    section.hero.streets-of-fashion.shop .swiper-full .swiper-slide .image-map-container {
        height: 100%;
        width: auto !important;
        text-align: center;
    }
    section.hero.streets-of-fashion.shop .swiper-full .swiper-slide .image-map-container img {
        height: 100%;
        width: auto;
        object-fit: cover;
        object-position: center;
    }

    .dialog-box.dialog-street-filter {
        width: 960px;
        height: 60svh;
        padding: 20px;
    }
    .dialog-box.dialog-street-filter .subtitle {
        font-size: 16px;
        line-height: 24px;
    }
    .dialog-box.dialog-street-filter .brands-list {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
    }
    .dialog-box.dialog-street-filter .brands-list > div {
        width: calc(25% - 16px * 3);
    }
    .streets-of-fashion.streets .hero-content .swiper.swiper-thumbs {
        height: 140px;
    }
    span.shot-date {
        left: 5.5vw;
        top: 214px;
    }
    .map-overlay .map-overlay-content {
        width: 700px;
        height: 580px;
    }

    section.streets-of-fashion .swiper-button-prev,
    section.streets-of-fashion .swiper-button-next {
        width: auto;
    }
    .close-ups {
        position: absolute;
        right: 5.5vw;
        top: 210px;
        width: 256px;
        height: calc(120px * 4 + 16px * 3);
        flex-direction: column;
        flex-wrap: wrap-reverse;
        align-content: baseline;
        align-items: flex-end;
        gap:16px;
        z-index: 2;
    }
    .close-ups .close-item {
        width: 120px;
        height: 120px;
        border-radius: 4px;
        border: 2px solid rgba(255,255,255,.7);
        overflow: hidden;
        cursor: pointer;
    }
    .close-ups .close-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .dialog-box.lightbox {
        /*width: auto;*/
        width: calc(80vh * 2/3);
        max-width: 75vw;
        height: 80vh;
        /*aspect-ratio: 2/3;*/
    }
    @supports not (aspect-ratio: 2/3) {
        .dialog-box.lightbox {
            width: calc(80vh * 2/3);
            height: 80vh;
        }
    }
    .dialog-box.lightbox .dialog-box-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .adv {
        width: 300px;
        height: 600px;
        right: calc(-300px + 48px);
    }

    .boards-items {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
        flex-wrap: wrap;
    }

    .board-item {
        width: 410px;
    }

    .street-message {
        bottom: 200px;
    }

    .notifications-items {
        flex-direction: column;
    }
    .notification-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
    }
    .notification-item .notification-image {
        width: 120px;
        height: 120px;
        aspect-ratio: 1;
    }
    .notification-item .notification-data,
    .notification-item .notification-buttons {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .notification-item .notification-data {
        flex: 1;
    }
    .notification-item .notification-buttons {
        width: 200px;
        justify-content: space-between;
        align-items: flex-end;
    }
    .notification-item .notification-status {
        margin-right: 25px;
    }
    .eu-min {
        font-size: 16px;
        color: #999;
        text-align: center;
        padding: 35px 0;
    }
    .eu-min .logos {
        padding-top: 35px;
        gap: 35px;
    }
    .eu-min .logos img {
        width: auto;
        height: 70px;
    }
    body.streets-of-fashion footer.main,
    body.streets-of-fashion .eu-min {
        display: none;
    }

    .global-search {
        margin-right: 24px;
        position: relative;
    }
    .global-search svg {
        cursor: pointer;
    }

    .search-pane {
        width: 400px;
        position: absolute;
        height: auto;
        padding: 20px;
        top: -200px;
        opacity: 0;
        right: 5.5vw;
        left: auto;
        transform: translateX(0);
        background-color: var(--primary-black-80);
        border-radius: 4px;
        z-index: 100;
        color: var(--primary-beige);
        font-size: 13px;
        transition: all .3s ease-in-out;
    }

    .search-pane.active {
        top: 100%;
        opacity: 1;
    }

    .search-pane label {
        display: inline-flex;
        align-items: center;
        gap: 0;
    }

    .search-pane input.m-form-control {
        width: 100%;
        background: rgba(255,255,255,.1);
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,.2);
        color: var(--primary-beige);
        padding: 4px;
        font-size: 13px;
    }

    .found-items {
        width: 50%;
        min-width: 500px;
        margin: 0 auto;
    }
    .found-items .found-item-title {
        flex-direction: column;
    }
    section.hero.faq .found-items .found-item-title p {
        text-align: left;
    }
    .found-items .found-item .found-item-image {
        min-width: 90px;
        min-height: 90px;
    }

}

@media screen and (width: 1366px) and (min-height: 600px) and (max-height: 800px) {
    .m-card .m-card-body .m-card-icon, .mode.floating-mode a {
        width: 22px;
        height: 22px;
    }
    .m-card .m-card-body {
        padding: 0 5px;
    }
    .hero.gallery.m-for-cards .cursors {
        padding: 10px 0;
    }
    section.hero {
        padding-top: 82px;
    }
    .hero.gallery.m-for-cards .swiper {
        margin: 0 5.5vw;
        height: calc(100vh - 117px - 85px);
        padding-top: 10px;
    }
    section.hero {
        padding-top: 82px;
    }
    .m-card .m-card-body {
        height: 44px;
    }
    .m-card .m-card-body .product-title .brand {
        font-size: 12px;
        line-height: 12px;
    }
    .m-card .m-card-body .product-title .name {
        font-size: 10px;
        line-height: 12px;
    }
    .filter-box {
        z-index: 101;
        top: 50px;
        transform: translateX(-50%);
    }
    .filter-box .values-panels {
        height: 200px;
    }
    .filter-box .content {
        height: 450px;
    }
    .filter-box.active {
        height: 560px;
    }

}

@media screen and (width: 1280px) and (min-height: 600px) and (max-height: 800px) and (resolution: 1.5dppx)
{
    .filter-box {
        z-index: 101;
        transform: translateX(-50%);
        top: 20px;
        height: calc(100svh - 40px);
    }
    .filter-box .values-panels {
        height: 200px;
    }
    .filter-box .content {
        height: 450px;
    }
    .filter-box.active {
        height: 560px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
    .filter-box {
        width: 95%;
    }
    .dialog-box.dialog-street-filter {
        width: 95%;
    }
    .dialog-box.dialog-street-filter .brands-list>div {
        width: calc(33% - 16px * 2);
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .m-link {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 20px;
        min-height: 44px;
    }
    .m-link > img {
        width: 24px;
        height: 24px;
    }
    .hero.about-us .hero-content .image img {
        height: 820px;
        width: auto;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .favorite-item .m-button.link.tool {
        display: inline-flex!important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}