/**************/
/* RESPONSIVE */
/**************/


/* Responsive Pages */

/* Mobile */
@media only screen and (max-width: 932px) and (max-height: 932px) {
    /* Hide desktop version, show mobile version */
    .near__content {
        display: none !important;
    }
    
    .near__content-mobile {
        display: block !important;
    }

    /* Show burger button */
    .hamburger {
        display: block !important;
        padding: 10px 2rem 0 0;
    }
    
    /* Hide desktop menu */
    .header_right {
        display: none !important;
    }
    
    /* Adjust header padding and add background */
    header.main {
        padding: 20px 0px 20px 30px;
        background: #19191b;
        position: fixed;
    }
    
    /* Logo size adjustment */
    header.main .logo {
        width: 120px;
    }

    /* Download Brochure Button - Mobile Behavior */
    .btn_download_brochure {
        height: 60px;
        font-size: 14px;
        padding: 0 20px;
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        box-shadow: none;
    }

    .btn_download_brochure span, 
    .btn_download_brochure a {
        white-space: nowrap;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    
    .btn_download_brochure a {
        transform: none;
    }

    /* État collapsed: glissé vers la gauche (caché) */
    .btn_download_brochure.collapsed {
        transform: translateX(-95%) !important;
    }

    .btn_download_brochure:hover {
        background-color: var(--color-primary);
        color: #fff;
    }

    /* État expanded: complètement visible */
    .btn_download_brochure.expanded {
        transform: translateX(0) !important;
    }

    /* S'assurer que le span et le lien ont une opacity de 1 quand expanded */
    .btn_download_brochure.expanded span,
    .btn_download_brochure.expanded a {
        opacity: 1 !important;
        color: #fff;
    }

    /* Indicateur visuel - Flèche pour montrer que c'est cliquable */
    .btn_download_brochure::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: #fff;
        opacity: 1;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    /* Flèche vers la droite quand expanded (on peut cacher vers la gauche) */
    .btn_download_brochure.expanded::after {
        content: '\f104'; /* fa-angle-right */
        opacity: 1;
    }

    /* Flèche vers la gauche quand collapsed (on peut réafficher vers la droite) */
    .btn_download_brochure.collapsed::after {
        content: '\f105'; /* fa-angle-left */
        opacity: 1;
        animation: arrowPulse 1.5s ease-in-out infinite;
    }

    @keyframes arrowPulse {
        0%, 100% { 
            opacity: 1;
            transform: translateY(-50%) translateX(0);
        }
        50% { 
            opacity: 0.4;
            transform: translateY(-50%) translateX(3px);
        }
    }



    /* Inspiration Single - Product filter select stacking */
    #inspiration_post .postsGrid__product_filter .form__group--select {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    #inspiration_post .postsGrid__product_filter .form__group--select .form__label {
        font-size: 0.875rem;
    }

    #inspiration_post .postsGrid__product_filter .form__group--select .form__input {
        width: 100%;
        max-width: none;
    }

    /* Achievements slider - arrow sizing for phones */
    #blog_achievements .achievements_slider_main .slick-arrow {
        width: 42px;
        height: 42px;
        font-size: 1rem;
    }

    body, html { overflow-x: hidden; }
    .tel-link { pointer-events: auto; cursor: pointer; }
    
    /* Mobile menu adjustments for small phones */
    .mobile_menu {
        padding: 80px 2rem 2rem;
    }
    
    .mobile_menu__link {
        font-size: 16px;
        padding: 18px 0;
    }
    
    .mobile_menu__submenu__title {
        font-size: 15px;
    }
    
    .mobile_menu__submenu__items a {
        font-size: 14px;
    }
    
    header.main, header.main.sticky {
        padding: 15px 0px 15px 2rem;
    }
    
    header.main .logo {
        width: 150px;
    }
    
    /* Mobile menu "See all" button adjustment */
    .mobile_menu__btn-orange {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    /* Mechanisms Accordion - Cacher desktop, montrer mobile */
    .mechanisms_accordion {
        display: none !important;
    }
    
    .mechanisms_accordion_mobile {
        display: block;
        padding: 2rem;
        background-position: top;
        background-size: auto;
        background-repeat: no-repeat;
        position: relative;
    }
    
    .mechanisms_accordion_mobile::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(37, 36, 41, 0.55);
        z-index: 0;
        transition: background 0.3s ease;
    }
    
    /* Darker background when accordion is open */
    .mechanisms_accordion_mobile:has(.mechanisms_mobile__item.active)::before {
        background: rgba(37, 36, 41, 0.85);
    }
    
    .mechanisms_accordion_mobile > * {
        position: relative;
        z-index: 1;
    }
    
    /* Accordéon Mobile - Style */
    .mechanisms_mobile__item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .mechanisms_mobile__header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.25rem 0;
        background: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
        text-align: left;
        transition: all 0.3s ease;
    }
    
    .mechanisms_mobile__header h3 {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 700;
        padding-right: 1rem;
        flex: 1;
    }
    
    .mechanisms_mobile__icon {
        font-size: 1rem;
        color: #e96b4c;
        transition: transform 0.35s cubic-bezier(0.6, 0.05, 0.01, 0.99);
        flex-shrink: 0;
    }
    
    .mechanisms_mobile__item.active .mechanisms_mobile__icon {
        transform: rotate(-180deg);
    }
    
    .mechanisms_mobile__content {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.45s cubic-bezier(0.6, 0.05, 0.01, 0.99),
                    opacity 0.35s ease,
                    padding 0.45s cubic-bezier(0.6, 0.05, 0.01, 0.99);
    }
    
    .mechanisms_mobile__item.active .mechanisms_mobile__content {
        max-height: 2000px;
        opacity: 1;
        padding: 0 0 1.5rem 0;
    }
    
    .mechanisms_mobile__content p {
        font-size: 0.875rem;
        line-height: 1.6;
        margin-bottom: 1rem;
        color: rgba(255, 255, 255, 0.9);
    }
    
    .mechanisms_mobile__content img {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 1rem;
    }
    
    /* Ajustements pour les autres sections */
    .mechanisms h2 {
        font-size: 1.5rem;
        margin-bottom: 0;
        padding: 0;
        margin: 0;
    }

    .mechanisms {
        padding: 2rem;
    }

    /* Tints arrows */
    .tints .frames_slider .finishings__img {
        height: 200px;
    }
    
    /* Tints slider - spacing between slides on mobile */
    .tints .frames_slider .slick-slide {
        margin-right: 15px;
    }
    
    .tints .frames_slider .slick-slide:last-child {
        margin-right: 0;
    }
    
    /* Hide arrows for tints slider on mobile */
    .tints .frames_slider .slick-arrow {
        display: none !important;
    }

    /* Commons */
    body { font-size: 1.2rem; }
    p { margin-bottom: 1.5rem; }
    ul { margin-bottom: 1.5rem; padding-left: 1.2rem; }
    .g-2, .gx-2 { --bs-gutter-x: 2rem; }
    .g-5, .gx-5 { --bs-gutter-x: 2rem; }
    .scroll-arrow { bottom: 1rem; right: 1rem; font-size: 2.5rem; }
    .scroll-arrow:hover { color: #fff; }

    /* Text + BTNS */
    h1 { font-size: 2.25rem; margin: 0 0 1.5rem 0; }
    h1 span { font-size: 1rem; margin: 0 0 1rem 0; }
    h2 { font-size: 2rem; margin: 0 0 1.5rem 0; }
    h2 span { font-size: 1rem; margin: 0 0 1rem 0; }
    h3 { font-size: 1.75rem; margin: 0 0 1.5rem 0; }
    h3 span { margin-bottom: 1rem; font-size: .85rem; margin: 0 0 1rem 0; }
    .btn_icon { display: flex; justify-content: space-between; gap: 2rem; }
    .btn_icon i { font-size: 1.5rem; width: 3rem; height: 3rem; }
    .btn_underline { font-size: 1rem; }
    .btn_underline::after { width: 1rem; bottom: -.25rem; opacity: 1; }
    .btn_orange { padding: 1rem 2rem; font-size: 1rem; }

    /* Footer */
    .footer__top { align-items: flex-start; justify-content: flex-start; padding: 2rem; flex-direction: column; gap: .5rem; }
    .footer__top__left ul, .footer__top__right ul { gap: .5rem; flex-direction: column; align-items: flex-start; padding: 0; }
    .footer_top__social { flex-basis: 50%; }
    .footer_top__dealer { flex-basis: 100%; text-align: left; border-top: 1px solid #252429; margin-top: 1rem; padding-top: 1rem; }
    .footer_top__social a { font-size: 1.25rem !important; }
    .footer_top__social ul { justify-content: flex-end; gap: 1.5rem; margin: 0; padding: 0; }
    .footer_middle__newsletter { flex-basis: 100%; padding: 2rem; }
    .footer_bottom { padding: 2rem; font-size: .75rem; justify-content: center; align-items: center; flex-direction: column-reverse; gap: 1rem; }
    .footer_middle__menus { padding: 2rem; flex-direction: column; gap: 0; align-items: flex-start; }
    footer.main ul a { font-size: 1rem; }
    footer.main .footer_ul_wrapper ul a { font-size: 1rem; margin-bottom: .25rem; }
    .footer_ul_wrapper { flex-direction: column; gap: 1rem; }
    .footer__top__right { width: 100%; flex-direction: column; gap: 2rem; align-items: flex-start; }
    
    /* Footer Products Accordion - Mobile Only */
    .footer_products__item--has-sub {
        position: relative;
    }
    
    .footer_products__link-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    .footer_products__link {
        flex: 1;
    }
    
    .footer_products__toggle {
        display: flex !important; /* Show toggle button in mobile */
        background: transparent;
        border: none;
        color: #fff;
        padding: 5px 0 5px 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        transition: color 0.25s ease;
        min-width: 44px;
        min-height: 44px;
    }
    
    .footer_products__toggle:hover {
        color: var(--color-primary);
    }
    
    .footer_products__arrow {
        font-size: 14px;
        transition: transform 0.35s cubic-bezier(0.6, 0.05, 0.01, 0.99);
    }
    
    .footer_products__item--has-sub.active .footer_products__arrow {
        transform: rotate(180deg);
    }
    
    .footer_products__submenu {
        max-height: 0 !important;
        overflow: hidden;
        transition: max-height 0.45s cubic-bezier(0.6, 0.05, 0.01, 0.99);
    }
    
    .footer_products__item--has-sub.active .footer_products__submenu {
        max-height: 2000px !important;
    }
    .footer_bottom__menu ul a { font-size: .75rem !important; }
    .footer_bottom__menu ul { gap: .5rem; padding: 0; flex-wrap: wrap; }
    .footer_bottom__menu ul.footer_lang { display: none; }
    .footer_bottom__menu ul li { padding-right: .5rem; margin-right: .5rem; }
    .footer_bottom__menu ul li::after { content: "|"; position: absolute; top: 0; right: -.35rem; }
    .footer_bottom__menu ul li:last-child::after { content: none; } 
    
    /* Désactiver les effets hover sur les liens du footer en mobile */
    footer.main ul a:hover {
        color: inherit !important;
    }
    footer.main ul a:hover::after {
        width: 0 !important;
    }
    footer.main ul li:hover {
        opacity: 1 !important;
    }

    /* Home */
    #hero { height: auto; padding: 8rem 2rem 2rem 2rem; }
    .home #hero { align-items: flex-end; }
    .hero_content { width: 100%; }
    .video-background iframe { 
        width: 100vw; 
        height: 100vw; 
        min-height: 100vh; 
        min-width: 100vh; 
        transform: translate(-70%, -50%); 
        top: 40%;
    }
    /* Bouton brochure - Style floating button */
    .btn_download_brochure { 
        position: fixed;
        top: auto;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        width: calc(75% - 2rem);
        height: 3.5rem;
        transform: none;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
    }
    
    .btn_download_brochure span,
    .btn_download_brochure a { 
        transform: none;
        font-size: 1rem;
        font-weight: 700;
    }


    #home_categories { padding: 2rem; margin-top: 0; }
    #home_categories .col-md-6:first-child .home_categories__content { padding: 2rem 0; border-right: 0; border-bottom: 1px solid hsla(0, 0%, 100%, 0.1); }
    #home_categories .col-md-6:last-child .home_categories__content { padding: 2rem 0; }
    #home_categories p { margin: 0 0 1rem 0; }
    .icon { display: block; width: 1.5rem; margin: 0 0 2.5rem 0; }
    .btn_arrow { gap: .5rem; font-size: 1rem; }
    .btn_arrow i { font-size: .5rem; }
    .home_story_content { padding: 0 2rem 2rem 2rem; }
    .slick-arrow { font-size: 1.75rem; }
    #home_signature { 
        padding: 2rem; 
        align-items: flex-end; 
        min-height: inherit; 
        background-position: right center;
    }
    .home_signature__content { width: 100%; }
    .home_signature__content p { width: 70%; font-size: .85rem; }
    .home_story_bg { height: 15rem; }
    .video_featured { width: 100%; padding: 0 2rem 2rem 2rem; }
    .home_story_bg__gradient { display: none; }
    .video_featured, .video-embed, .video_featured iframe { position: static; }
    #home_blog { padding: 2rem; }
    .section_header { margin: 0 0 2rem 0; }
    .blog_post__img, .blog_post__pic { height: 15rem; }
    .blog_post__content { margin-top: 1.5rem; }
    .blog_post__content p { font-size: .85rem; }
    .blog_post__cat { border-radius: .2rem; top: .5rem; left: .5rem; padding: .5rem; }
    .cta_footer__item { height: auto; min-height: 30vh; }
    .cta_footer__item__content { padding: 2rem; }
    .cta_footer__item__content.newsletterFooter { padding: 2rem; }
    #cta_footer .col-md-6:first-child .cta_footer__item__content { padding: 2rem; }
    #cta_footer .col-md-6:last-child .cta_footer__item__content { padding: 2rem; }
    #home_story { padding-top: 2rem; }
    #home_story .row { flex-direction: column-reverse; }
    .home_story_bg__mobile_title { padding: 0 2rem; }

    /* Products */
    #hero_inner { height: auto; min-height: auto; max-height: 100vh; padding: 8rem 2rem 2rem 2rem; margin-top: 4.5rem; }
    .tip { gap: 1rem; width: 100%; flex-direction: column; }
    .tip__text { font-size: .85rem; }
    .tip__btn { width: 100%; }
    .tip__text i { margin-left: .5rem; }
    .tip:hover .tip__text { padding-left: 0; }
    .tip:before { content: none; }
    .tip__content { opacity: 1; font-size: .85rem; visibility: visible; border-radius: 1rem; padding: .5rem 1rem; background-color: #79746a; }
    #products_categories { padding: 0 2rem; }
    .products_categories__title { padding: 2rem 0; }
    .products_categories__title h2 { margin: 0 0 1rem 0; }
    .products_categories__products__items:before { content: none; }
    .products_categories__products__items__infos { padding: 2rem 0; }
    .products_categories__products__items__infos__head { display: flex; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
    .epa { margin: 0; width: 2rem; }
    .products_categories__products__items__infos__head p { font-weight: 700; font-size: 1rem; flex-basis: 100%; text-indent: 3rem; margin-top: -2.5rem; margin-bottom: 0; }
    .products_categories__products__items__img { padding: 1.5rem 0; }
    ul.checked { margin: 2rem 0; font-size: 1rem; }
    ul.checked li:before { width: 1.5rem; height: 1.5rem; }
    ul.checked li { padding-left: 2rem; }
    #cta_signature { min-height: auto; padding: 2rem 0; flex-direction: column; background-image: none !important; }
    .cta_signature__content { width: 100%; padding: 2rem; }
    .video-background__front, .video-background__back { height: 50%; }
    .hero__shadow { bottom: 49%; height: 50%; }
    .home .hero__shadow { bottom: 24%; height: 20%; display: none; }
    .achievements_slider_main .slide_item img { height: 30vh; }
    #products_single .slider_description { margin-top: 0; }
    .specs__model-category { flex: 1; font-size: .75rem; padding-bottom: 1rem; }
    .specsTech__name--image img { margin: auto; color: #000; }
    .frames, .tints { padding: 2rem 0; }

    /* Products Single */
    #hero_showcase { min-height: inherit; padding: 8rem 2rem 2rem 2rem; margin: 0 0 2rem 0; height: auto; }
    .hero_showcase__head__title h1 { font-size: 1.5rem; padding-bottom: 40vh; }
    .hero_showcase__head__tools { gap: 1.5rem; justify-content: flex-end; padding: 0 2.5rem; }
    .hero_showcase__category { position: static; justify-content: space-between; gap: 0; border-top: 1px solid #3c3333; border-bottom: 1px solid #3c3333; padding: 1rem 0; margin-bottom: 2rem; }
    .hero_showcase__category img { width: 1.75rem; }
    .hero_showcase__img { width: auto; max-width: 100%; top: inherit; bottom: 2rem; }
    .innovation_item, .innovation_item:nth-child(even) { gap: 1rem; margin: 0 0 2rem 0; font-size: .85rem; flex-direction: column-reverse; }
    .innovation_item__text { padding: 0; }
    .innovation_item__img { position: relative; }
    .innovation_item__img::after { content:""; position: absolute; left: -1px; right: 0; bottom: -1px; width: calc(100% + 2px); height: 145px; background: linear-gradient(180deg, rgba(36, 36, 39, 0) 0, #242427); }
    .js-videoplayer { width: 100%; overflow: hidden; }
    .js-videoplayer > div { padding: 100% 0 0 0 !important; position: relative; width: 100vw; }
    .js-videoplayer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .characteristics__cover { height: 50vh; }
    .characteristics__cover__credits { font-size: .85rem; padding: 1rem; }
    .characteristics__wrapper { gap: 2rem; padding: 4rem 2rem; flex-direction: column; }
    .characteristics__item img { margin-bottom: 1rem; height: 8rem; }
    .performance { padding: 2rem; }
    .performance h2 { margin: 2rem 0; text-align: left; display: block; }
    #cta_footer.single .cta_footer__item { height: 25rem; }
    #cta_footer.single .cta_footer__item__img .cta_footer__item__img__img { width: 100%; margin-bottom: 10rem; }
    #epa .specs__col { padding: 15px 0; }
    .specs__table__categories { overflow: initial; }
    .specs__col { width: 200px !important; }
    
    /* Hide desktop h2 on mobile */
    .performance .col-md-7 h2 {
        display: none;
    }
    
    /* Show mobile h2 in col-md-5 */
    .performance .col-md-5 .performance__mobile-title {
        display: block;
        margin: 0 0 1.5rem 0;
        background: rgba(234, 229, 222, 0.95);
    }
    
    .performance__items { flex-direction: column; margin-top: 1rem; }
    .performance__item, .performance__item:nth-child(1n) { padding: 1.5rem 0; flex-basis: 100%; }
    .performance__item p { font-size: .85rem; }
    .performance__number { font-size: 3rem; margin-right: 1.5rem; }
    
    /* Quote section - mobile title */
    .quote .col-md-7 h3 {
        display: none;
    }
    
    .quote .col-md-5 .quote__mobile-title {
        display: block;
        margin: 0 0 1.5rem 0;
        background: rgba(234, 229, 222, 0.95);
    }

    .quote img {
        display: block;
        margin-bottom: 1rem;
    }
    
    .quote { padding: 2rem; }
    .quote h3 { margin: 2rem 0 1.5rem; }
    #specs { padding: 2rem; }
    .specs_head p { font-size: .85rem; margin: 0 0 .5rem 0; }
    .specs_head { width: 100%; }
    #accessories { padding: 2rem; }
    .frames_head h2 { margin: 0 0 1rem 0; }
    .frames_head__img { height: 50vh; margin-bottom: 2rem; }
    .finishings__img { height: auto; max-height: inherit; margin-bottom: 2rem; }
    .finishings__text p { font-size: .85rem; margin: 0; }
    .frames, .finishings { padding: 0 0 4rem 0; }
    .accessories { padding: 2rem 0; }
    .finishings__text h3 { margin: 0 0 1rem 0; }
    .finishings_head { padding-bottom: 2rem; padding-top: 2rem; }
    #find { padding: 2rem; }
    .find_link { gap: 1.5rem; padding: 1rem 0; font-size: 1rem; flex-wrap: wrap; }
    .find_text { max-width: inherit; width: calc(100% - 10.5rem); }
    .find_icon { width: 5rem; height: 5rem; }
    .icon_arrow_circle { width: 2.5rem; height: 2.5rem; }
    .icon_arrow_circle svg { padding-left: 0; }
    #near { margin-bottom: 0; padding: 0; }
    .near__title { padding: 2rem 2rem 4rem 2rem; align-items: flex-start; }
    .near__content__item { padding: 3rem; }
    .near__content .col-md-4 { 
        margin-bottom: 5rem;
    }
    
    /* Mobile slider version */
    .near__content-mobile {
        display: block;
    }
    
    .near__slider-mobile .col-md-4 {
        padding: 0;
    }
    
    /* Remove overflow from slick-list to allow negative margin elements */
    .near__content-mobile .slick-list {
        overflow: visible !important;
    }
    
    .near__content-mobile .slick-slider {
        overflow: visible !important;
    }
    
    /* Make all slides the same height */
    .near__content-mobile .slick-slide {
        height: auto !important;
    }
    
    .near__content-mobile .slick-track {
        display: flex !important;
        align-items: stretch !important;
    }
    
    .near__content-mobile .slick-slide > div {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .near__content-mobile .slick-slide .near__content__item {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    /* Dots navigation styling */
    .near__content-mobile .slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 1rem;
        text-align: center;
        list-style: none;
        padding: 0;
    }
    
    .near__content-mobile .slick-dots li {
        display: inline-block;
        margin: 0 5px;
    }
    
    .near__content-mobile .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(233, 107, 76, 0.3);
        border: none;
        text-indent: -9999px;
        overflow: hidden;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    
    .near__content-mobile .slick-dots li.slick-active button {
        background: var(--color-primary);
    }
    
    .near__nb { font-size: 5rem; margin-top: -6rem; margin-bottom: 1rem; }
    .near__content p { font-size: .85rem; }
    #cta_footer.single h2 { max-width: 100%; padding: 2rem; }
    #cta_footer.single p { font-size: .85rem; }
    .finishings__item { padding-bottom: 0; }
    .rust { padding: 2rem; margin: 0 -2rem 2rem -2rem; }
    .specs__table { padding-top: 1rem; overflow: hidden; }

    /* Signature */
    .hero_content__menu { gap: 2rem; padding: 1rem 0; }
    .hero_content__menu a { font-size: .85rem; }
    #why { padding: 2rem; }
    .why__img { margin-bottom: 0; height: 30rem; }
    #why .col-md-4 { margin-bottom: 2rem; }
    #why .col-md-4:last-child { margin-bottom: 0; }
    #stuv-signature #innovation { padding: 0 2rem; }
    #stuv-signature #innovation::before { content:""; display: block; height: 1px; width: 100%; background: #3c3333; margin-bottom: 2rem; }
    #stuv-signature .innovation__item { padding: 4rem 2rem 2rem; font-size: .85rem; margin: 3rem 0 2rem 0; }
    #stuv-signature .innovation__icon { left: 2rem; top: -2.5rem; max-width: 5rem; }
    #cta { padding: 2rem; }
    #cta img { margin-bottom: 2rem; display: block; }
    #cta p { font-size: 1rem; }
    #partners { padding: 2rem; }
    .partners_img { height: 18rem; }
    .partners__link { margin-bottom: 1rem; }
    .partners__item p { font-size: .85rem; }
    .partners__item { margin-bottom: 2rem; }
    .find_link span.small { font-size: .85rem; }

    /* Inspirations */
    #inspiration #hero_inner { height: auto; }
    #postsGrid { padding: 2rem; opacity: 0; }
    .postsGrid__item { margin: 2rem 0; width: 100%;  }
    .postsGrid__cat { top: 0.5rem; left: 1.4rem; border-radius: 0.2rem; font-size: 0.75rem; line-height: 1; padding: .75rem 1rem; }
    .postsGrid__overflow { margin-bottom: 2rem; }
    .postsGrid__item--newsletter .postsGrid__overflow { margin-bottom: 0; height: 50vh; }
    .postsGrid__item--module .postsGrid__content,
    .postsGrid__item--newsletter .postsGrid__content { padding: 0; bottom: 2rem; left: 2rem; right: 2rem; }
    .postsGrid__item--newsletter .postsGrid__img { width: calc(100% - 1.5rem); }
    .postsGrid__name { margin-bottom: 1rem; padding-right: 0; }
    .postsGrid__item--newsletter .all-in-one-input input { padding: 1rem; height: auto; line-height: 1; font-size: 0.85rem; }
    .postsGrid__item--newsletter .all-in-one-input button { padding: 1rem; }
    .postsGrid__item.postsGrid__item--newsletter { margin: 3rem 0 2rem; }
    #hero_inner .credits { font-size: .85rem; }
    .back-link { gap: 1rem; bottom: inherit; top: 7rem; right: inherit; left: 2rem; }
    #inspiration_post .hero_content { margin-top: 4rem; }
    #post__content { padding: 2rem; }
    #post__content img { margin: 2rem auto; }
    #career_team { padding: 2rem; }

    /* Careers */
    #jobs_listing { padding: 2rem; } 
    .career-list-item { flex-direction: column; margin-bottom: 2rem; background: #19191b; border: 0; }
    .career-list-item:last-child { border: 0; }
    .career-list-item .cta { padding: 2rem 0 0 2rem; max-width: inherit; }
    .career-list-item .desc { padding: 0 2rem; }
    .career-list .btn_orange { margin: 2rem; text-align: center; }
    .career-list .btn_orange::after { content: none; }
    .careers_col_left_content { padding: 2rem; }
    .btn_orange_radius { font-size: 1rem; padding: 1rem; margin: 0 0 1.5rem 0; border-radius: .5rem; }
    .careers_single_header { margin-bottom: 2rem; border-bottom: 1px solid #000; padding-bottom: 2rem; }
    .careers_single_social { gap: .5rem; flex-direction: column; }
    .careers_single_social_text { font-size: .85rem; width: 5rem; text-align: center;}
    .careers_post_infos { gap: 1rem; font-size: .75rem; }
    .careers_single_social .btn_icon { width: 1.5rem; height: 1.5rem; }
    #shareMenuCareer { top: 1.5rem; }
    .share_menu { top: 1.5rem; border-radius: .5rem; padding: 0.75rem; min-width: 10rem; }
    .share_menu__option { gap: .5rem; padding: 0.5rem 1rem; border-radius: 0.35rem; font-size: 0.75rem; }
    .share_menu__option i { font-size: 1rem; width: 1.5rem; }
    .careers_single_description ul { padding-left: 0; }
    .careers_single_description li { font-size: 1rem; padding: 0 0 1rem 1.5rem; }
    .careers_single_description li::before { width: .5rem; height: .5rem; top: .5rem; }
    #careers_single #hero_inner { padding: 4rem 2rem 2rem; min-height: auto; }
    .careers_col_right_content { padding: 4rem 2rem; }
    .careers_single_description h3 strong { font-weight: 600; }
    
    /* FAQ */
    #faq #hero_inner { min-height: inherit; padding-bottom: 2rem; }
    #faq_engine { padding: 0 2rem 2rem 2rem; }
    .faq_search { margin-bottom: 2rem; }
    .faq_search__input { padding: 1rem 3rem 1rem 1rem; font-size: 1rem; }
    .faq_search__icon { right: 1rem; font-size: 1.25rem; }
    .faq_item__question { padding: 1rem 0; }
    .faq_item__question h3 { font-size: 1.25rem; padding-right: 2rem; }
    .faq_item__toggle { width: 2rem; height: 2rem; font-size: 1.5rem; }
    .faq_item.active .faq_item__answer { padding: 1rem 0; }
    .faq_item__answer p { font-size: 1rem; margin-bottom: 1.5rem; }
    .faq_item__answer ul { margin: 1rem 0 1rem 1rem; }
    .faq_item__answer ul li { font-size: .85rem; }

    /* Contact */
    #contactus #hero_inner { min-height: inherit; padding-bottom: 2rem; }
    #contact-content .row { flex-direction: column-reverse; }
    .contact_ctas_wrapper { gap: 2rem; margin-top: 4rem; }
    #contact-content { padding: 2rem; }

    /* Warranty */
    .form-intro { margin: 0 0 2rem 0; }
    #warranty h2 { font-size: 1.5rem !important; }
    #warranty #contact-content .row { flex-direction: column; }
    #warranty .form-intro { margin: 4rem 0 2rem 0; }
    .input { margin-bottom: 1rem; }
    .cta_footer__item__content h3 { margin: 0 0 .5rem 0; }

    /* History */
    #about_intro img { display: block; margin-bottom: 2rem; }
    .quoteH__content { max-width: 100%; margin: 2rem auto 0; }
    .quoteH__text { margin-bottom: 1rem; font-size: 1.25rem; }
    .quoteH__name { font-size: 1rem; }
    #about_content { padding: 2rem; }

    /* Hubspot */
    .hbspt-form h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px !important;
        font-weight: 700;
        color: white !important;
    }

    .hbspt-form input[type="text"], .hbspt-form input[type="email"], .hbspt-form input[type="tel"] {
        background: 0 0;
        outline: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
        border: none;
        border-bottom: 1px solid hsla(0,0%,84.7%,.1);
        padding: 0;
        margin-bottom: 0;
    }

    .hbspt-form input[type="text"]::placeholder {
        color: #7c7979;
    }

    .hbspt-form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        color: #fff;
        width: 100%;
        outline: none;
        background-color: #252429;
        background-image: url(../images/svg/custom-select-w.svg);
        background-size: 9px 18px;
        background-position: right 10px center;
        background-repeat: no-repeat;
        border: 1px solid hsla(0, 0%, 84.7%, 0.1);
        border-radius: 0;
        padding: 13px 25px;
    }

    .hbspt-form textarea {
        background: none;
        outline: none;
        width: 100%;
        min-height: 8rem;
        font-size: 16px;
        padding: 1rem;
        color: #fff;
        border: 1px solid hsla(0, 0%, 84.7%, 0.1);
        resize: none;
    }

    .hbspt-form .hs-form-booleancheckbox-display {
        display: block;
        position: relative;
        width: 100%;
        border: 1px solid hsla(0, 0%, 84.7%, 0.1);
        padding: 20px 70px 20px 30px;
        font-weight: 700;
        cursor: pointer;
        transition: border-color 0.3s, background 0.3s;
    }

    .hbspt-form .hs-form-booleancheckbox-display:hover {
        border: 1px solid white;
    }

    .hbspt-form .hs-form-booleancheckbox-display:after {
        position: absolute;
        right: 30px;
        top: 50%;
        border: 2px solid #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
    }

    .hbspt-form .hs-form-booleancheckbox-display > input[type="checkbox"] {
        display: none;
    }

    .hbspt-form .hs-form-booleancheckbox-display.clicked {
        background-color: #e96b4c;
    }

    .hbspt-form .hs-form-booleancheckbox-display.clicked:after {
        background: white;
    }

    .hbspt-form input[type="submit"] {
        width: 100%;
        text-align: center;
        color: #fff;
        background: #e96b4c;
        border-color: #e96b4c;
        cursor: pointer;
        pointer-events: all;
        display: inline-block;
        position: relative;
        padding: 15px 40px;
        font-size: 14px;
        line-height: 26px;
        font-weight: 700;
        text-decoration: none;
        opacity: 1;
        -webkit-transition: all 0.45s cubic-bezier(0.6, 0.05, 0.01, 0.99) 50ms;
        transition: all 0.45s cubic-bezier(0.6, 0.05, 0.01, 0.99) 50ms;
        overflow: hidden;
        outline: none;
        z-index: 1;
    }

    .hbspt-form input[type="submit"]:hover {
        border-color: white;
    }

    .hbspt-form #label-je_possede_deja_un_stuv-7c9fbd02-3b20-41ae-8ba2-05cd317209e6 {
        display: block;
        margin-bottom: 10px;
    }

    .hbspt-form .hs_submit {
        margin-top: 2rem;
    }

    #realform p {
        color: black;
        margin-bottom: 2rem;
        max-width: 20rem;
    }

    #realform input[type="text"],
    #realform input[type="email"],
    #realform input[type="tel"] {
        background: 0 0;
        outline: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: black;
        border: none;
        border-bottom: 1px solid hsla(0,0%,84.7%,.1);
        padding: 0;
        margin-bottom: 0;
    }

    #realform .hs-form-booleancheckbox-display {
        padding: 20px 0;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    #realform .hs-form-booleancheckbox-display > .hs-input {
        display: inline-block;
    }

    #realform .hs-form-booleancheckbox-display > span {
        font-weight: normal;
    }

    #realform ul.inputs-list {
        margin-bottom: 3rem;
    }

    #realform ul.inputs-list > li {
        margin-bottom: .5rem;
    }

    #realform ul.inputs-list > li > label {
        display: flex;
        align-items: center;
    }

    #realform input[type="checkbox"] {
        margin-right: 1rem;
        width: 24px;
        height: 24px;
    }

    #realform .submitted-message {
        color: black;
    }

    #brochurePanel {
        align-items: start !important;
        padding: 4rem 2rem 10rem !important;
    }

    #brochurePanel .input {
        margin-bottom: 1rem;
    }

    #brochurePanel input[type="email"] {
        background: 0 0;
        outline: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
        border: none;
        border-bottom: 1px solid hsla(0,0%,84.7%,.1);
        padding: 0;
        margin-bottom: 0;
    }

    #brochurePanel .hs_comment_voulez_vous_recevoir_le_catalogue_ label span {
        display: block;
        margin-bottom: .5rem;
    }

    #brochurePanel #email-1acd89a1-4b0e-4ec1-a3d7-2b44e40dddc4 {
        margin-bottom: 1rem;
    }

    #brochurePanel input[type="submit"] {
        margin-top: 1rem;
    }

    #brochurePanel #comment_voulez_vous_recevoir_le_catalogue_-0ca7f1df-bfc2-4b6c-8b03-de96552ec725 {
        width: 100% !important;
    }

    #brochurePanel fieldset[data-reactid=".hbspt-forms-0.1:$4"] {
        margin-bottom: 1rem;
    }

    #brochurePanel fieldset[data-reactid=".hbspt-forms-0.1:$1"] {
        margin-bottom: 2rem;
    }

    #brochurePanel fieldset[data-reactid=".hbspt-forms-0.1:$3"] {
        margin-bottom: 1rem;
    }

    #brochurePanel .hbspt-form .hs-form-booleancheckbox-display:after {
        display: none;
    }

    #brochurePanel .hbspt-form .hs-form-booleancheckbox-display {
        font-weight: normal !important;
        padding: 0;
        border: 0;
    }

    #brochurePanel .hbspt-form .hs-form-booleancheckbox-display > input[type="checkbox"] {
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-right: 1rem;
    }

    .contact-content__phone {
        padding-top: 2rem;
    }

    fieldset.form-columns-1 .hs-input {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid hsla(0, 0%, 84.7%, .1);
        padding: .5rem;
        color: #fff;
    }

    .hs-form-field label {
        padding-bottom: .5rem;
    }

    .hbspt-form legend {
        font-size: .75rem;
        padding: .5rem 0 0 0;
    }

    .hbspt-form ul.no-list {
        margin-top: 14px;
    }

    .hbspt-form ul.no-list label {
        color: #e86a4c;
    }

    #realform ul.inputs-list.hs-error-msgs {
        margin-top: 0;
        margin-bottom: 1.2rem;
    }

    #realform .hs-error-msg {
        color: #e86a4c !important;
    }


    /* Achievements */
    #blog_achievements {
        padding: 0;
    }

    .achievements_slider_info {
        padding: 2rem;
        background: none;
        position: relative;
    }

    .slider_nav_wrapper {
        display: none !important;
    }

    .achievements_slider_info .row {
        flex-direction: column;
    }

    .achievements_slider_info .col-md-6 {
        width: 100%;
    }

    .slider_description {
        padding-right: 0;
        margin-bottom: 0;
        margin-top: 2rem;
        min-height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
    }

    .slider_description .description_content {
        min-height: auto;
        width: 100%;
        position: relative;
        min-height: 60px;
        text-align: center;
    }

    .slider_description .description_text {
        font-size: 1rem;
        padding-right: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        text-align: center;
    }

    .slider_description .description_text.active {
        opacity: 1;
        visibility: visible;
    }

    .slide_counter {
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }

    .slide_counter .counter_current {
        font-size: 1.5rem;
    }

    .slide_counter .counter_separator {
        margin: 0 0.5rem;
    }

    .achievements_slider_main {
        position: relative;
    }

    .achievements_slider_main .slick-arrow {
        position: absolute;
        z-index: 100;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.2rem;
        color: #fff;
        background-color: rgba(233, 107, 76, 0.9);
        width: 50px;
        height: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.25s ease;
        border: none;
    }

    .achievements_slider_main .slick-prev {
        left: 0;
        border-radius: 0 25px 25px 0;
    }

    .achievements_slider_main .slick-next {
        right: 0;
        border-radius: 25px 0 0 25px;
    }

    .achievements_slider_main .slick-arrow:active {
        background-color: rgba(233, 107, 76, 1);
        transform: translateY(-50%) scale(0.95);
    }

    .innovation_item,
    .innovation_item__text,
    .innovation_item__img {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    /* Achievements */
    .achievements_slider_info {
        padding: 2rem;
        background: linear-gradient(to top, rgba(37, 36, 41, 0.95) 0%, rgba(37, 36, 41, 0.8) 50%, rgba(37, 36, 41, 0) 100%);
    }

    .slider_description .description_text {
        font-size: 1rem;
    }

    .slide_counter {
        display: none;
        font-size: 2rem;
    }

    .slide_counter .counter_current {
        font-size: 3.5rem;
    }

    .slide_counter .counter_separator {
        margin: 0 0.8rem;
    }

    .slider_nav_arrow {
        width: 50px;
        height: 50px;
    }

    .slider_nav_arrow i {
        font-size: 16px;
    }

    #inspiration_post .postsGrid__product_filter .form__group--select {
        justify-content: flex-start;
        gap: 1rem;
    }

    #inspiration_post .postsGrid__product_filter .form__group--select .form__label {
        margin-right: 0;
        font-size: 0.8125rem;
    }

    #blog_achievements .achievements_slider_main .slick-arrow {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    #blog_achievements .slider_nav_wrapper {
        display: none;
    }

    .slick-arrow:hover {
        color: #e96b4c;
    }
    
    .frames_slider .slick-arrow,
    .finishings_slider .slick-arrow,
    .accessories_slider .slick-arrow {
        position: absolute;
        z-index: 100;
        top: calc(350px - 1rem);
        transform: translateY(0);
        font-size: 1.2rem;
        color: #fff;
        background-color: rgba(233, 107, 76, 0.9);
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.25s ease;
        border: none;
    }

    .tints .frames_slider .slick-arrow {
        top: 130px;
    }
    
    .frames_slider .fa-circle-chevron-left,
    .finishings_slider .fa-circle-chevron-left,
    .accessories_slider .fa-circle-chevron-left {
        left: 0;
        border-radius: 0 25px 25px 0;
    }
    
    .frames_slider .fa-circle-chevron-right,
    .finishings_slider .fa-circle-chevron-right,
    .accessories_slider .fa-circle-chevron-right {
        right: 0;
        border-radius: 25px 0 0 25px;
    }
    
    .frames_slider .slick-arrow:active,
    .finishings_slider .slick-arrow:active,
    .accessories_slider .slick-arrow:active {
        background-color: rgba(233, 107, 76, 1);
        transform: scale(0.95);
    }

    .frames_slider__slide {
        padding: 0;
    }
    
    .frames_slider .finishings__img {
        height: 400px;
        overflow: hidden;
    }

    .tints .frames_slider .finishings__img {
        height: 50px;
    }
    
    .frames_slider .finishings__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tints .finishings__text h3 {
        font-size: 1.2rem;
    }

    .finishings_slider__slide {
        padding: 0;
    }
    
    .finishings_slider .finishings__img {
        height: 400px;
        overflow: hidden;
    }
    
    .finishings_slider .finishings__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .accessories_slider__slide {
        padding: 0;
    }
    
    .accessories_slider .finishings__img {
        height: 400px;
        overflow: hidden;
    }
    
    @media (min-width: 768px) {
        .near__content {
            display: block !important;
        }
        
        .near__content-mobile {
            display: none !important;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1024px) {
        .frames_slider .slick-slide {
            margin-right: 15px;
        }
        
        .finishings_slider .slick-slide {
            margin-right: 15px;
        }
        
        .accessories_slider .slick-slide {
            margin-right: 15px;
        }
        
        .frames_slider .slick-slide:last-child {
            margin-right: 0;
        }
        
        .finishings_slider .slick-slide:last-child {
            margin-right: 0;
        }
        
        .accessories_slider .slick-slide:last-child {
            margin-right: 0;
        }
    }
    
    .accessories_slider .finishings__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .why__img::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, transparent 0%, #252429 100%);
        pointer-events: none;
    }

    #blog_menu {
        padding: 0;
        margin: 0;
    }
    
    .blog_menu__links {
        display: none;
    }
    
    .blog_menu__select_wrapper {
        display: block;
        position: relative;
        width: 100%;
    }
    
    .blog_menu__select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 1rem 2rem;
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
        background-color: #19191b;
        border-radius: 0;
        outline: none;
        cursor: pointer;
        font-family: "ABCDiatype", sans-serif;
        transition: all 0.25s ease;
        border: 0;
    }

    body.single .blog_menu__select {
        padding: 1rem;
    }
    
    .blog_menu__select:focus {
        border-color: #e96b4c;
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .blog_menu__select_icon {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.9rem;
        color: #fff;
        pointer-events: none;
    }
    
    .blog_menu__select option {
        background-color: #19191b;
        color: #fff;
        padding: 1rem;
    }

    body.single #blog_menu {
        padding: 0 2rem 2rem 2rem;
        margin: 0;
        gap: 2rem;
    }

    #hubspot #hero_inner {
        height: auto;
        min-height: inherit;
        position: relative;
        padding: 1rem 2rem 0;
    }

    #newsletter_horizontal {
        padding: 2rem;
        flex-direction: column;
        gap: 1rem;
    }

    .specsTech__name {
        height: 4rem;
        color: #000;
    }

    .postsGrid__product_filter {
        padding: 2rem;
    }

    #cta_footer.single .cta_footer__item__img {
        background-position: top center;
    }

    #inspiration_post #blog_menu { display: none; }

    #inspiration_post #hero_inner {
        min-height: inherit;
        padding-bottom: 0;
    }

    #inspiration_post h1 {
        margin: 0;
    }

    /* Online fixes */
    .page-template-become_dealer .wysiwyg .actions { width: 75%; }
    .wysiwyg h6 { margin: 2rem 0 1rem 0; }

}

/* Mobile Landscape */
@media only screen and (min-width: 568px) and (max-width: 767px) and (orientation: landscape) {

    body { font-size: 1rem; }
    
    header.main {
        padding: 15px 0px 15px 2rem;
    }
    
    header.main .logo {
        width: 150px;
    }
    
    #hero {
        height: 70vh;
        padding: 6rem 2rem 2rem 2rem;
    }
    
    .home #hero {
        height: 70vh;
    }
    
    #home_categories .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    #home_blog .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .footer_top {
        flex-wrap: wrap;
    }
    
    .footer_top__social {
        flex-basis: 50%;
    }
    
    .footer_top__dealer {
        flex-basis: 50%;
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
        border-left: 1px solid #252429;
        padding-left: 1rem;
    }
    
    #cta_footer .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #hero_showcase {
        height: 60vh;
        padding: 6rem 2rem 2rem 2rem;
    }
    
    .achievements_slider_main .slide_item img {
        height: 40vh;
    }
    
    .near__content .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .near__content .col-md-4:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .finishings__item {
        padding-bottom: 0;
        padding-right: 0;
    }

    #newsletter_horizontal {
        padding: 2rem;
        flex-direction: column;
        gap: 1rem;
    }

    .cta_footer__item { 
        min-height: 100%; 
    }

    .btn_download_brochure {
        width: 40%;
    }

    .home_story_bg {
        height: auto;
    }

    .achievements_slider_main .slide_item img {
        height: 100svh;
    }

    .hero_showcase__img {
        width: auto;
        max-width: inherit;
        max-height: 100svh;
        top: 0;
    }

    .innovation_item {
        display: flex;
        gap: 2rem;
        flex-direction: row;
    }

    .innovation_item:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
    }

    .js-videoplayer {
        width: 200%;
        max-height: 100svh;
        overflow: hidden;
    }

    .js-videoplayer > div {
        padding: 70% 0 0 0 !important;
        width: 50%;
    }

    .finishings_slider .slick-slide {
        margin-right: 10px;
        margin-left: 10px;
    }

    .mechanisms_mobile__content img {
        width: 75svh; 
    }

    .footer__top {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer__top__right {
        width: auto;
    }

    .specsTech__name {
        height: 4rem;
        color: #000;
    }
    
}


/* Big Mobile Landscape */
@media only screen and (min-width: 768px) and (max-width: 932px) and (orientation: landscape) { 

    body { font-size: 1rem; }

    .specsTech__name {
        height: 4rem;
        color: #000;
    }

    .specs__name {
        width: 300px;
    }

    #hero_showcase {
        height: 100vh;
    }

    .hero_showcase__category {
        bottom: 2rem;
        gap: 1rem;
    }

    .hero_showcase__head__title h1 {
        font-size: 2.5rem;
    }

    .innovation_item {
        font-size: .75rem;
    }

    .slick-arrow.fa-circle-chevron-left { left: -2rem; }
    .slick-arrow.fa-circle-chevron-right { right: -2rem; }

    .finishings__item {
        padding-bottom: 0;
        padding-right: 0;
    }

    .finishings_head {
        margin-bottom: 1.5rem;
    }

    .specs_head {
        width: 100%;
    }

    .specs_head p {
        font-size: .75rem;
        margin: 0 0 .5rem 0;
    }

    .frames_head {
        margin-bottom: 2rem;
        padding: 0 2rem;
    }

    .near__content p, 
    .blog_post__content p, 
    #cta_footer.single p,
    .btn_arrow,
    .finishings__text p {
        font-size: .75rem;
    }

    #cta_footer.single .cta_footer__item {
        height: 90svh;
    }

    .mechanisms__open {
        width: 3rem;
        height: 3rem; 
    }

    .mechanisms_accordion {
        min-height: 100svh;
    }

    #newsletter_horizontal {
        padding: 2rem;
        flex-direction: column;
        gap: 1rem;
    }

    .cta_footer__item { 
        min-height: 100%; 
    }

    .btn_download_brochure {
        width: 40%;
    }

    .home_story_bg {
        height: auto;
    }

    .achievements_slider_main .slide_item img {
        height: 100svh;
    }

    .hero_showcase__img {
        width: auto;
        max-width: inherit;
        max-height: 100svh;
        top: 0;
    }

    .innovation_item {
        display: flex;
        gap: 2rem;
        flex-direction: row;
    }

    .innovation_item:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
    }

    .js-videoplayer {
        width: 200%;
        max-height: 100svh;
        overflow: hidden;
    }

    .js-videoplayer > div {
        padding: 70% 0 0 0 !important;
        width: 50%;
    }

    .finishings_slider .slick-slide {
        margin-right: 10px;
        margin-left: 10px;
    }

    .mechanisms_mobile__content img {
        width: 75svh; 
    }

    .footer__top {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer__top__right {
        width: auto;
    }

    .specsTech__name {
        height: 4rem;
        color: #000;
    }
    

}