/*========== MIN ==========*/
@media (min-width:576px) {

    .visible-mobile-sm { display: none !important;}

}

@media (min-width:768px) {

    .visible-mobile { display: none !important;}


    /* GENERAL */
    .container.md {
        max-width: calc(1050px + var(--spacing-container)*2);
    }
    .container.sm {
        max-width: calc(960px + var(--spacing-container)*2);
    }
    .container.xs {
        max-width: calc(524px + var(--spacing-container)*2);
    }

    .f-left {
        margin-left: 0;
        margin-right: auto;
    }
    .f-right {
        margin-left: auto;
        margin-right: 0;
    }


    /* FORM */
    .field.half {
        width: calc(50% - var(--spacing-2xs)/2);
    }
    

    /* HEADER */
    .header-menu .panel-footer .menu[data-menu="account"] {
        display: none;
    }
    .header-menu .panel-footer .menu[data-menu="account"] + * {
        margin-top: 0;
    }
    html.header-menu-enabled .header-system .tools *[data-tool="shop"] {
        opacity: 0;
        pointer-events: none;
    }

    
    /* FOOTER */
    .footer-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-menu .menu,
    .footer-legal {
        justify-content: center;
    }
    .footer-menu > *:not(:first-child),
    .footer-legal:not(:first-child) {
        margin-top: var(--spacing-2xs);
    }


    /* SECTION */
    .sc-gallery > *:not(.landscape) {
        width: calc(50% - var(--spacing-3xs)/2);
    }
    
}

@media (min-width:992px) {

    .visible-device-sm { display: none !important;}
    

    /* PLUGIN:POPUP */
    .plugin-mfp-enabled {
        overflow: visible !important;
    }


    /* POST */
    .entry-content.style-intro > .wp-block-columns {
        justify-content: space-between;
        align-items: flex-start;
    }
    .entry-content.style-intro > .wp-block-columns > .wp-block-column {
        width: calc(50% - var(--spacing-container));
    }
    .entry-content.style-intro > .wp-block-columns > .wp-block-column:only-child,
    .entry-content.style-intro > *:not([class*="wp-block-"]) {
        width: 524px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* SECTION */
    .sc-columns {
        justify-content: space-between;
    }
    .sc-columns > .sc-column {
        width: calc(50% - var(--spacing-container));
    }
    .sc-columns > .sc-column.cover {
        width: 50%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: var(--header-height);
    }
    html.page-scrolling--down .sc-columns > .sc-column.cover {
        top: 0;
    }
    .sc-columns > .sc-column.sticky {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--spacing-md));
    }
    html.page-scrolling--down .sc-columns > .sc-column.sticky {
        top: var(--spacing-md);
    }
    .sc-scroll-container.has-scroll-navi .sc-columns > .sc-column.sticky {
        top: calc(var(--header-height) + var(--spacing-md) + var(--navi-height));
    }
    html.page-scrolling--down .sc-scroll-container.has-scroll-navi .sc-columns > .sc-column.sticky {
        top: calc(var(--spacing-md) + var(--navi-height));
    }
    
    .sc-boxes > .sc-box {
        width: 50%;
    }
    .sc-boxes > .sc-box.cover {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: var(--header-height);
    }
    html.page-scrolling--down .sc-boxes > .sc-box.cover {
        top: 0;
    }
    .sc-boxes > .sc-box.cover .sc-cover .object-fit:before {
        min-height: var(--svh-fallback);
        min-height: var(--svh);
    }

    .sc-columns > .sc-column.v-center,
    .sc-boxes > .sc-box.v-center {
        align-self: center;
    }
    
    *[data-dir="ltr"] > .sc-columns:nth-child(even),
    *[data-dir="rtl"] > .sc-columns:nth-child(odd),
    *[data-dir="ltr"] > .sc-boxes:nth-child(even),
    *[data-dir="rtl"] > .sc-boxes:nth-child(odd) {
        flex-direction: row-reverse;
    }


    /* PAGE:BOUTIQUES */
    .boutiques-map .map-box {
        position: absolute;
        z-index: 3;
        top: var(--spacing-md);
        right: var(--spacing-container);
        width: 27.5%;
        max-width: 396px;
        height: calc(100% - var(--spacing-md));
        pointer-events: none;
        overflow: hidden;
    }
    .boutiques-map .map-infos {
        --space: calc(var(--spacing-md) + var(--button-height) + var(--spacing-3xs));
    }
    .boutiques-map .map-infos--wrap {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .boutiques-map.has-map-ctrls .map-infos--wrap {
        height: calc(var(--svh-fallback) - var(--space));
        height: calc(var(--svh) - var(--space));
    }
    .boutiques-map .map-infos--scroll {
        display: block;
        width: auto;
        max-width: none;
        height: auto;
        max-height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: auto;
    }
    .boutiques-map .map-infos--inner {
        padding-bottom: var(--spacing-md);
    }


    /* PAGE:ABOUT */
    .about-main *[data-section="intro"] > .sc-banner .sc-cover .object-fit:before {
        padding-bottom: 0%;
        height: var(--lvh-fallback);
        height: var(--lvh);
    }
    .about-main *[data-section="intro"] > .sc-banner .sc-cover .object-fit > * {
        bottom: auto;
        right: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: calc(100% - var(--spacing-container)*2);
        height: calc(100% - var(--spacing-container)*2);
    }
    .about-main *[data-section="intro"] > .sc-banner .sc-cover.expand .object-fit > * {
        width: calc(100% + 2px);
        height: calc(100% + 2px);
    }
    
}

@media (min-width:1280px) {

    .visible-device { display: none !important;}

    /* SECTION */
    .sc-columns .sc-column .w-fix,
    .sc-boxes .sc-box .w-fix {
        width: 36.3888888889vw;
    }
    
}

/*========== MAX ==========*/
@media (max-width:1279px) {

    .hidden-device { display: none !important;}
    
}

@media (max-width:991px) {

    .hidden-device-sm { display: none !important;}
    .a-left-device-sm { text-align: left !important;}
    .a-right-device-sm { text-align: right !important;}
    .a-center-device-sm { text-align: center !important;}
    .alignwide-device-sm { width: 100% !important;}
    .alignfull-device-sm { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
    .overflow-hidden-device-sm { overflow: hidden !important;}


    :root {
        --spacing-container: var(--spacing-md);
        --spacing-container-minus: var(--spacing-md-minus);
    }
    
    
    /* POST */
    .entry-content.style-intro > .wp-block-columns {
        justify-content: space-between;
    }
    .entry-content.style-intro > .wp-block-columns > .wp-block-column {
        width: 100% !important;
    }
    .entry-content.style-intro > .wp-block-columns > .wp-block-column:empty {
        display: none !important;
    }
    

    /* SECTION */
    .sc-inner + .sc-dir[data-dir="ltr"] > .sc-boxes:first-child > .sc-box.content:first-child > .sc-inner {
        padding-top: 0;
    }
    
    section .hidden-device-sm:first-child + * {
        margin-top: 0 !important;
    }
    
    *[data-section="bundle-device-sm"] > section:not(:last-child) > .sc-inner:last-child {
        padding-bottom: 0 !important;
    }

    *[data-section="intro"] > .sc-grid-row:not(:only-child) > .sc-inner {
        min-height: auto;
    }
    *[data-section="intro"] > .sc-grid-row:not(:only-child):not(:last-child) > .sc-inner {
        padding-bottom: 0;
    }
    *[data-section="intro"] > .sc-grid-row:not(:only-child):not(:first-child) > .sc-inner {
        padding-top: calc(var(--spacing-md) - 1ex);
    }

    *[data-section="experience"] .sc-cover {
        max-width: calc(100% - var(--font-size-md)*2 - var(--spacing-container)*2);
    }
    *[data-section="experience"] .sc-cover .object-fit:before {
        padding-bottom: 176.1805555556%;
    }

    
    /* PAGE:BOUTIQUES */
    .boutiques-map .map-ctrls a {
        flex: 1;
        padding: 0 var(--spacing-container);
    }
    .boutiques-map .map-box:not(:first-child) {
        margin-top: -34.09090909091vh;
        min-height: 34.09090909091vh;
        position: relative;
        z-index: 3;
    }
    .boutiques-map .map-info {
        padding-left: var(--spacing-container);
        padding-right: var(--spacing-container);
    }


    /* MODULES */
    *[data-card="look"] {
        --width: calc( (100vw - var(--spacing-3xs))/2 ); 
    }
    *[data-card="look"].type-grid,
    *[data-card="collection"].type-grid {
        grid-template-columns: repeat(2,1fr);
    }
    *[data-card="look"].type-slider .swiper-slide {
        width: calc(100%/2) !important;
    }

    *[data-card="page"][data-scroll-area] > .card {
        width: 370px;
        max-width: 94.8717948718vw;
    }

}

@media (max-width:767px) {

    .hidden-mobile { display: none !important;}
    .a-left-mobile { text-align: left !important;}
    .a-right-mobile { text-align: right !important;}
    .a-center-mobile { text-align: center !important;}
    .alignwide-mobile { width: 100% !important;}
    .alignfull-mobile { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}


    :root {
        --spacing-xl: 60px;
        --spacing-xl-minus: -60px;
        --spacing-container: var(--spacing-sm);
        --spacing-container-minus: var(--spacing-sm-minus);
        --logo-height: 20px;
        --nav-height: 50px;
    }
    
    
    /* HEADER */
    .header-system .tools *[data-tool="shop"],
    .header-system .tools *[data-tool="account"] {
        display: none !important;
    }
    
    /* FOOTER */
    .footer-nav {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }
    .footer-nav > *:not(:first-child) {
        margin-top: var(--spacing-md);
    }
    .footer-menu {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: var(--spacing-md) var(--spacing-container);
    }
    .footer-menu .menu {
        flex-direction: column;
    }
    .footer-legal {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .footer-legal .webby {
        margin-left: auto;
    }
    

    /* FILTER */
    .fn-container .fn.left .select2-dropdown,
    .fn-container .fn.left .fn-panel {
        left: var(--spacing-container-minus) !important;
    }
    .fn-container .fn.right .select2-dropdown,
    .fn-container .fn.right .fn-panel {
        right: var(--spacing-container-minus) !important;
    }
    
    /* SECTION */
    section .hidden-mobile:first-child + * {
        margin-top: 0 !important;
    }
    
}

@media (max-width:575px) {

    .hidden-mobile-sm { display: none !important;}

    
    /* POST */
    .entry-content .wp-block-gallery > * {
        width: 100% !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid {
        grid-template-columns: 100% !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid:nth-child(odd):last-child {
        grid-column: unset !important;
    }
    

    /* SECTION */
    section .hidden-mobile-sm:first-child + * {
        margin-top: 0 !important;
    }

    .sc-scroll-down {
        left: auto;
        right: var(--spacing-container);
        transform: none;
    }

    
    /* FILTER */
    .fn-container .fn .select2-dropdown, 
    .fn-container .fn .fn-panel {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    #filter-panel {
        width: 100vw;
        max-width: 100vw;
    }
    #filter-panel.has-woof-submit .filter-inner {
        padding-bottom: calc(var(--button-height)*2 + var(--spacing-2xs) + var(--spacing-sm)*3);
    }
    #filter-panel.has-woof-submit .filter-inner .woof_submit_search_form_container {
        flex-direction: column;
    }
    #filter-panel.has-woof-submit .filter-inner .woof_submit_search_form_container > * {
        flex: none;
    }

    
    /* PLUGIN:POPUP */
    .modal-container {
        padding-left: var(--spacing-container);
        padding-right: var(--spacing-container);
    }


    /* MODULES */
    *[data-card="look"] {
        --width: 89.7435897436vw; 
    }
    *[data-card="look"].type-slider .swiper-slide {
        width: calc(var(--width) + var(--spacing-3xs)) !important;
    }
    *[data-card="look"][data-scroll-area] > .card:only-child {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }

}

/*========== ORIENTATION ==========*/
@media (orientation:landscape) {

    /* MODULES */
    *[data-card="page"] .card .cover .object-fit:before {
        padding-bottom: 0%;
        height: calc(var(--lvh-fallback) - var(--spacing-3xs)*2);
        height: calc(var(--lvh) - var(--spacing-3xs)*2);
    }

}