@charset "UTF-8";

/* Media Query */

@media(max-width:1499px) {
    .slideshow__banner {
        zoom: 0.75;
    }
}

@media(max-width:1023px) {
    /* Navigation */
    .navigation {
        padding: 0.375rem 0;
    }
    /* Mmenu */
    #menu-clone .mm-navbar,
    #menu-clone .mm-panel {
        background: url(../images/bg-primary.jpg) center top / 100% auto repeat-y;
    }
    nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) {
        font-weight: 700;
        --mm-color-background: #fff;
        --mm-color-text: #000;
        --mm-color-text-dimmed: #000;
        --mm-color-button: #000;
    }
    nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) .mm-navbar__title {
        font-size: 16px;
    }
    .mm-listitem__btn span {
        display: none;
    }
    .mm-navbars_bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
    }
    /* Slideshow */
    .slideshow__banner {
        zoom: 0.5;
    }
    /* Product Filter */
    .template__heading--has-filter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .template__heading--has-filter .template__title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
    .product--template .filter {
        display: block;
    }
    .product--has-filter {
        display: block;
    }
    .product--has-filter>.product__left {
        overflow-x: hidden;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 1000;
        background: #fff;
        -webkit-box-shadow: 0px 0px 5px #000;
        -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .product--has-filter>.product__left.show {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
    .product--has-filter>.product__right {
        width: 100%;
    }
    /* Footer */
    #footer-primary {
        padding-bottom: 53px;
    }
    /* Button Plugin */
    .cart-fixed {
        right: 1rem;
        bottom: 140px;
    }
    .delivery {
        bottom: 90px;
        left: 1rem;
    }
    .scroll-to-top {
        right: 1rem;
    }
    /* Spacing */
    .intro,
    .product-list--featured,
    .video--featured {
        padding: 40px 0;
    }
    .pho-product,
    .feedback {
        padding: 80px 0 40px;
        margin-top: -40px;
    }
}

@media (min-width:851px) and (max-width:1023px) {}

@media(max-width:850px) {
    .feedback__left {
        width: 100%;
        margin-bottom: 25px;
    }
    .intro__btn {
        width: 170px;
        height: 40px;
    }
    .intro__left {
        padding-right: 1rem;
    }
    .intro__left:before {
        width: 100%;
    }
    /* Slideshow */
    .slideshow__inner {
        gap: 1rem;
    }
    /* List Page (Product | News | Video | Album) */
    .product .product__list.flex-container,
    .news .news__list.flex-container,
    .video .video__list.flex-container,
    .album .album__list.flex-container {
        --columns: 2;
        --space-x: 0.75rem;
    }
    /* Intro */
    .intro__inner:before,
    .intro__inner:after,
    .intro__right:after {
        display: none;
    }
    /* Product Featured */
    .product--featured .product__list:before,
    .product--featured .product__list:after {
        --inset-t: -3.5rem;
    }
    .product--featured .slick-list {
        margin-right: -1rem;
        margin-bottom: 0
    }
    .product--featured .product__item {
        margin-right: 1rem;
        margin-bottom: 0;
    }
    /* Product List Featured */
    .product-list--featured .product-list__inner:before {
        display: none;
    }
    /* Video Featured */
    .video--featured .video__inner:before,
    .video--featured .video__inner:after {
        display: none;
    }
    .video--featured .video__heading {
        margin: 0;
    }
    .video--featured .video__heading .home__heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .video--featured .video__title,
    .video--featured .video__btn {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
    }
    .video--featured .video__btn {
        display: none;
    }
    .video--featured .video__heading-border,
    .video--featured .video__main:before {
        display: none;
    }
    /* Feedback */
    .feedback__inner:before {
        display: none;
    }
    /* Footer */
    .footer__article-item {
        width: 100% !important;
    }
    .footer__logo {
        zoom: 0.75;
    }
}

@media(max-width:767px) {
    /* Copyright - Statistic */
    .footer__powered:has(.footer__statistic) .footer__copyright,
    .footer__powered:has(.footer__statistic) .footer__statistic {
        text-align: center;
    }
    .footer__powered:has(.footer__statistic) .footer__copyright {
        margin-bottom: 0.25rem;
    }
}

@media(max-width:576px) {
    /* Slideshow */
    .slideshow__inner {
        gap: 0rem;
    }
    .slideshow__banner {
        zoom: 0.25;
    }
    /* List Page (Product | Video | Album) */
    .product .product__list.flex-container,
    .video .video__list.flex-container,
    .album .album__list.flex-container {
        --space-x: 0.5rem;
    }
    /* List Page (News) */
    .news .news__list.flex-container {
        --columns: 1;
        --space-x: 0rem;
        --space-y: 1.25rem;
    }
    /* Product */
    .product .product__item {
        --pd: 0.375rem;
    }
    /* Intro */
    .intro__right {
        --pd-l: 40px;
    }
    .intro__right:before {
        left: 1rem;
    }
    .intro__desc {
        margin-bottom: 1rem;
    }
    /* Product Featured */
    .product--featured .product__list:before,
    .product--featured .product__list:after {
        --inset-t: -3.125rem;
    }
    .product-list--featured .choose__list {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .product-list--featured .choose__item {
        width: -webkit-calc(50% - 2.5rem);
        width: -moz-calc(50% - 2.5rem);
        width: calc(50% - 2.5rem);
    }
    /* Feedback */
    .feedback .home__heading.has-decor:before {
        --w: 180px;
        --h: 115px;
    }
    .feedback__title {
        padding-left: 6rem;
    }
    .feedback__slogan {
        padding-left: 4.5rem;
    }
    .feedback__info {
        padding-left: 0;
        margin-top: 1rem;
    }
    .feedback__name {
        border-left: 3px solid var(--clr-brand-falu-red);
        -webkit-border-radius: 100rem;
        -moz-border-radius: 100rem;
        border-radius: 100rem;
        margin-left: 0;
    }
    .feedback__name:before {
        display: none;
    }
    /* Footer */
    .footer__logo {
        zoom: 0.6;
    }
}

@media(max-width:369px) {
    /* List Page (Product | Video | Album) */
    .product .product__list.flex-container,
    .video .video__list.flex-container,
    .album .album__list.flex-container {
        --columns: 1;
        --space-x: 0rem;
        --space-y: 1.25rem;
    }
    /* Slideshow */
    .slideshow__banner {
        zoom: 0.15;
    }
    /* Product Featured */
    .product-list--featured .choose__item {
        width: 100%;
    }
    /* Cart */
    .cart-pro-detail a {
        width: 100%;
    }
    .cart-pro-detail a:first-child {
        margin: 0 0 0.5rem 0;
    }
    .cart-pro-detail a i {
        display: none;
    }
}

@media (max-width:1023px) {
    /* General */
    .body-container {
        overflow: hidden;
    }
    article[class*='--template'] {
        padding: 30px 0px;
    }
    /* Spacing */
    .mg-b\:1rem,
    .mg-b\:1\.5rem {
        margin-bottom: 0.75rem;
    }
    .mg-b\:2rem,
    .mg-b\:2\.5rem {
        margin-bottom: 1.25rem;
    }
    /* CKEditor Reset */
    .ckeditor {
        overflow-x: auto;
    }
    .ckeditor:after {
        content: '';
        clear: both;
        display: block;
    }
    .ckeditor *:not(iframe) {
        max-width: 100% !important;
        height: auto !important;
    }
    .ckeditor iframe {
        max-width: 100% !important;
    }
    /* Quick Responsive */
    .rps-xl--visible[class*='rps-xl'][class*='--visible'] {
        display: block;
    }
    .rps-xl--hidden[class*='rps-xl'][class*='--hidden'] {
        display: none;
    }
    .rps-xl--w-fit[class*='rps-xl'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-xl--w-100[class*='rps-xl'][class*='--w-100'] {
        width: 100%;
    }
    .rps-xl--flex-100[class*='rps-xl'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
}

@media (max-width:850px) {
    /* Quick Responsive */
    .rps-lg--visible[class*='rps-lg'][class*='--visible'] {
        display: block;
    }
    .rps-lg--hidden[class*='rps-lg'][class*='--hidden'] {
        display: none;
    }
    .rps-lg--w-fit[class*='rps-lg'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-lg--w-100[class*='rps-lg'][class*='--w-100'] {
        width: 100%;
    }
    .rps-lg--flex-100[class*='rps-lg'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
}

@media (max-width:576px) {
    /* Quick Responsive */
    .rps-md--visible[class*='rps-md'][class*='--visible'] {
        display: block;
    }
    .rps-md--hidden[class*='rps-md'][class*='--hidden'] {
        display: none;
    }
    .rps-md--w-fit[class*='rps-md'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-md--w-100[class*='rps-md'][class*='--w-100'] {
        width: 100%;
    }
    .rps-md--flex-100[class*='rps-md'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
}

@media (max-width:369px) {
    /* Quick Responsive */
    .rps-sm--visible[class*='rps-sm'][class*='--visible'] {
        display: block;
    }
    .rps-sm--hidden[class*='rps-sm'][class*='--hidden'] {
        display: none;
    }
    .rps-sm--w-fit[class*='rps-sm'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-sm--w-100[class*='rps-sm'][class*='--w-100'] {
        width: 100%;
    }
    .rps-sm--flex-100[class*='rps-sm'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
}
