/* 

    File: shop.css
    Version: 1.0.0
    Author: NEUE
    Last update: 12.06.2020

    0) Reset

    1) General style

    2) Layouts
        2.1) Default
            2.1.1) Header
            2.1.2) Main
            2.1.3) Footer

    3) Helpers

    4) Content
        4.1) Sections
        4.2) Elements & Parts
        4.3) Pages
           4.3.1) Product
           4.3.2) Shop
           4.3.3) Cart
           4.3.4) Checkout
           4.3.5) Thankyou
       4.4) Animations

    5) Responsive
        5.1) Small media (481px +)
        5.2) Medium media (721px +)
        5.3) Large media (993px +)
        5.4) Huge media (1251px +)
        5.5) Custom media

    6) Overriden area

    7) Dev / Test

/*************************************************************************/

/* 0) Reset

/*************************************************************************/

/* Reset > Woocommerce button */

    body > main > .woocommerce {
        position: relative;
    }

/*     .woocommerce a.button,
    .woocommerce button.button {
        cursor: pointer;
        background: transparent;
        border: none;
        outline: none;
        position: relative;
        padding: 5px 15px;
        color: initial;
        z-index: 2;
        font-weight: 400;
    } */

    .woocommerce a.button:hover,
    .woocommerce button.button:hover {
        background-color: initial;
        color: inherit;
    }

/* Reset > Woocommerce price */

    .woocommerce div.product p.price, 
    .woocommerce div.product span.price {
        color: inherit;
        font-weight: 400;
    }

/* Reset > Woocommerce focus */

    .woocommerce :focus,
    .select2-container--default .select2-results__option[data-selected=true]:focus {
        outline: none !important;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      border: 1px solid #FC7442;
      -webkit-text-fill-color: #000;
      -webkit-box-shadow: 0 0 0px 1000px #FFF4F0 inset;
      transition: background-color .3s ease-in-out 0s;
    }

/*************************************************************************/

/* 1) General style

/*************************************************************************/

    /* General Style > Variables */

    :root {

        --milk-chocolate: #97694B;
        --green: #4E736B;

    }

.woocommerce .header-shop,
body.single.woocommerce .shop,
body.single.woocommerce > div:nth-child(2),
body:not(.archive):not(.woocommerce) .header-shop,
.menu-languages {
    display: flex;
    visibility: visible;
}

/* .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
} */

main input,
main textarea,
main select,
.select2-selection {
    border-color: #FFA887 !important;
}

main textarea {
    resize: vertical;
}

.woocommerce-page main hr {
    background-color: #97694B;
}

.woocommerce-page select {
    cursor: pointer;
}

/* Filters */

.shop-products-filters-grid > div {
    padding-right: 1rem;
}

.shop-products-filters-grid > div:first-child > div,
.shop-products-filters-grid > div:not(:first-child),
.shop-products-grid {
    margin-top: 4rem;
}

.shop-products-filters-grid > div:not(:first-child) .input-checkbox {
    margin-top: 1rem;
}

.shop-products-filters-grid > div:first-child > span:nth-child(2) {
    
    font-size: .7rem;

}

.shop-products-filters-grid > div:first-child > span:last-of-type {

    color: var(--green);

}

.shop-products-filters-grid .input-checkbox > label {
    font-size: .7rem;
    color: #B1B1B1;
    transition: .3s ease;
    -o-transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.shop-products-filters-grid .input-checkbox.active > label {
    color: var(--green)
}

.shop-products-filters-grid .input-checkbox {
    padding-right: 1rem;
}

.shop-products-filters-grid .input-checkbox > .input-checkbox-circle-button {
    min-width: 25px;
    min-height: 25px;
    margin-right: 1rem;
}

.shop-products-filter {
    position: relative;
}

.filter-title {
    
    font-family: 'TimesNow-SemiLightIT';
    font-size: 1.66rem;
    font-style: italic;
    color: var(--green);

}

.filter-separator {
    text-align: center;
    position: relative;
    font-family: 'TimesNow-SemiLightIT';
    font-style: italic;
}

.filter-separator:before,
.filter-separator:after {
    content: "";
    position: absolute;
    width: 32%;
    height: .1px;
    background-color: #FFA887;
    top: 50%;
}

.filter-separator:before {
    left: 2rem;
}

.filter-separator:after {
    right: 2rem;
}

/* Override the default value of jQuery UI CSS */

.filter-price {
    width: 100%;
    height: 5px !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    background-color: #B1B1B1;
    display: block;
    border: none !important;
}

.filter-price-handle {
    width: 5px !important;
    background-color: #FC7442 !important;
    border: none !important;
    height: 30px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin-left: 0 !important;
}

.filter-price-range {
    height: 5px !important;
    background-color: #FC7442;
    border: none !important;
}

.filter-amount {
    border: none;
    color: #FC7442;
    width: 35px;
    position: absolute;
    top: 3rem;
    text-align: center;
    font-weight: 300;
}

.ui-slider {
    cursor: pointer !important;
}

.ui-slider > div,
.ui-slider > span {
    cursor: -webkit-grab !important;
    cursor: grab !important;
}

.ui-slider .ui-state-active {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}

.on-hold {
    color: #C7BDB7;
}

.processing {
    color: #FFCC43;
}

.delivering {
    color: #4ABED9;
}

.completed {
    color: #2AC79D;
}

.refunded {
    color: #FFA887;
}

.cancelled {
    color: #FC7442;
}

.disconnect,
.cancelled .account-orders-status-icon {
    position: relative;
}

.disconnect:before,
.cancelled .account-orders-status-icon:before,
.cancelled .account-orders-status-icon:after {
    position: absolute;
    content: "";
    width: 70%;
    height: 1px;
    background-color: #E95252;
}

.disconnect:before,
.cancelled .account-orders-status-icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.cancelled .account-orders-status-icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.woocommerce-MyAccount-content .button span[class*=icon] {
    font-size: 1.5rem !important;
}

.woocommerce form.checkout_coupon  {
    border: none;
    padding: 0;
}
/*************************************************************************/

/* 2) Layouts

/*************************************************************************/

    /*************************************************************************
        2.1) Default
    *************************************************************************/

    /* Default > Header */

        /* Default > Header > Shop */

        .shop-banner .ritournelle {

            margin-bottom: 8rem;

        }

    /* Default > Main */

        /* Default > Main > Form */

        .woocommerce form .form-row .required {
            color: #000;
            font-weight: 400;
        }
    
        .woocommerce form .form-row.woocommerce-validated .select2-container, 
        .woocommerce form .form-row.woocommerce-validated input.input-text, 
        .woocommerce form .form-row.woocommerce-validated select {
            border-color: blue;
        }

        .woocommerce-checkout input {
            background-color: transparent;
        	border: 1px solid #FFA887;
    		padding: 1rem;
        }

/*         .woocommerce-checkout input:focus,
        .woocommerce-checkout textarea:focus {
            border: 1px solid #FC7442;
            background-color: #FC7442;
        } */

        /* Default > Main > Button */

         .woocommerce-cart .button:before,
         .woocommerce-checkout .button:before {
        	left: -1rem;
        }
		
		.woocommerce-cart .button:after,
		.woocommerce-checkout .button:after {
            right: -1.5rem;
        }

        .next-step-button {
            display: flex;
            justify-content: flex-end;
        }

        .next-step-button .arrow-left {
            font-size: 2rem !important;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
}

    /* Default > Footer */

/*************************************************************************/

/* 3) Helpers

/*************************************************************************/

    /* Helpers > Product image */

        .product-item-image a {
            display: block;
        }

        .product-item-image .product-item-image-bg {
            position: absolute;
        }

        .product-item-image .product-item-image-image,
        .product-item-image .product-item-image-slider {
            height: 15vh;
            min-height: 100px;
            width: 100%;
            background-color: transparent;
            overflow: hidden;
            position: relative;
            padding: 0;
        }

        .product-item-image .product-item-image-image.bg-img,
        .product-item-image .product-item-image-slider > .slide {
            background-size: contain;
            background-position-y: top;
        }

        .woocommerce-cart .product-item-image .bg-img {
            background-position-y: top;
            width: 100%;
        }

        .woocommerce-cart .product-item:before {
            height: calc(100% - 4rem);
        }

        .woocommerce-checkout .product-img.bg-img {
            background-position-y: top;
            background-position-x: center;
        }

        .product-item-image .product-item-image-slider > .slide {
            height: 100%;
        }

        .product-item-image .product-item-image-txt {
            padding: 0 1rem;
        }

        .shop-product-item-info {
            margin-top: 2rem;
        }

    /* Helpers > Shipping rates */

    .shipping-rate-txt bdi {
        justify-content: center;
    }

    /* Helpers > Product price */

        .woocommerce div.product .collection-products p.price {
            font-size: 2rem;
            font-weight: 400;
        }

        .woocommerce-Price-amount bdi {
            display: flex;
        }

        .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
            padding-left: 0.1rem;
            font-size: 1rem;
        }

        .price .woocommerce-Price-currencySymbol {
            transform: translateY(-0.2rem);
            -webkit-transform: translateY(-0.2rem);
            -moz-transform: translateY(-0.2rem);
            -ms-transform: translateY(-0.2rem);
            -o-transform: translateY(-0.2rem);
        }

        .cart-product-item .flex > div:last-child .unity-price {
            width: 100%;
            justify-content: flex-end;
            text-align: right;
            flex-direction: row;
        }

        .cart-product-item .flex > div:last-child .unity-price span:last-child {
            padding-left: 0.2rem;
        }

    /* Helpers > Custom quantity */

        .custom-quantity input,
        .custom-quantity button {
            background: transparent;    
            cursor: pointer;
        }

        .custom-quantity button {
            border: none;
        }      

        .custom-quantity button:after,
        .custom-quantity button:before {
            display: none;
        }

        .custom-quantity input[type=number]::-webkit-inner-spin-button, 
        .custom-quantity input[type=number]::-webkit-outer-spin-button { 
            -webkit-appearance: none; 
            margin: 0; 
        }

    /* Helpers > Info */

        .woocommerce-info {
            background-color: #FC7442;
            border-color: transparent;
        }

        .woocommerce-form-coupon-toggle .woocommerce-info {
            background-color: #FFA887;
        }

        .woocommerce-info,
        .woocommerce-info:before {
            color: #fff;
        }

        .woocommerce .woocommerce-info a.button, 
        .woocommerce .woocommerce-info button.button {
            border: 1.5px solid #fff;
            color: #fff;
        }

        .woocommerce-error {
            background-color: #FC7442;
            border-top-color: #FC7442;
            color: #fff;
        }

        .woocommerce-error::before,
        .woocommerce-message::before {
            content: "\e016";
            color: white;
            font-size: 1.5rem;
            top: .6rem;
            left: 1rem;
        }

        .woocommerce-message {
            background-color: #2AC79D;
            border-top-color: #2AC79D;
            color: #fff;      
        }

        .woocommerce form .form-row.woocommerce-invalid label {
            color: #FC7442;
        }

        .woocommerce form .form-row.woocommerce-invalid input {
            background-color: #FC7442;
        }

        .woocommerce form .form-row.woocommerce-validated {
            position: relative;
        }

        .woocommerce form .form-row.woocommerce-validated:before {
            color: #FC7442;
            position: absolute;
            left: -1.5rem;
            top: 4.2rem;
        }

        .woocommerce form.create-account.form-row.woocommerce-validated:before {
            display: none;
        }

        #mc_embed_signup div.mce_inline_error,
        #mce-error-response {
            margin: 0;
            margin-top: 2rem;
            padding: 1em;
            background-color: #FFA887;
            font-weight: 300;
        }

        #mce-success-response {
            margin-top: 2rem;
            padding: 1rem;
            background-color: #2AC79D;
        }

    /* Helpers > Dropdown list */

        .woocommerce-page select {
            width: 100%;
            padding: 0.5rem;
            background: #FFA887;
            border: none;
        }

        .woocommerce form .form-row textarea {
        	padding: 1rem;
        	height: 10rem;
        }

        .woocommerce-page .select2-container--default .select2-selection--single {
            background-color: transparent;
            border: none;
            border: 1px solid #000;
            border-radius: 0;
            height: 3rem;
    		padding-top: .5rem;
    		padding-left: .5rem;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
		    top: .5rem;
		    right: .5rem;
		}

        .woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #000 transparent transparent transparent;
        }

        .woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: inherit;
        }

        .woocommerce-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
            color: #FFA887;
        }

        .woocommerce-page .select2-container--open .select2-dropdown--below {
            background-color: #fff;
            border: 1px solid #000;
        }

        .woocommerce-page .select2-search--dropdown {
            padding: 2rem 2rem 0 2rem;
        }

        .woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field {
            border: 1px solid #000;
            background-color: #fff;
        }

        .woocommerce-page .select2-container--default .select2-results__option[aria-selected=true], 
        .select2-container--default .select2-results__option[data-selected=true] {
            background-color: #FFA887;
            color: #000;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected], 
        .select2-container--default .select2-results__option--highlighted[data-selected] {
            background-color: #FFA887;
            color: #fff;
        }

        .woocommerce-page li.select2-results__option {
            color: #000;
            margin-left: 0;
        }

        .woocommerce-page .select2-results__options {
            padding: 2rem;
        }

        .woocommerce-page .select2-dropdown {
            border: none;
        }

    /* Helpers > Resume box */

        .items-resume-box.white-chocolate-area {
            padding: 3rem 2rem;
        }

        .price strong {
            font-weight: 400;
        }

        .items-resume-box .icon-cart {
            color: #97694B;
            padding-bottom: 1rem;
        }

        .items-resume-box h3 {
            color: #97694B;
            font-family: 'Crimson Text', serif;
            margin: 0.2rem 0;
            font-style: italic;
        }

        .white-chocolate-area > .price,
        .white-chocolate-area :not(div) .price {
            background-color: #fff;
            padding: 1rem;
            width: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            margin-bottom: 0;
        }

        .white-chocolate-area :not(div) .price > .price-detail {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .white-chocolate-area :not(div) .price > .price-detail:not(:last-child) {
            font-size: 1.2rem;
            margin-bottom: 1rem;
        }

        .white-chocolate-area :not(div) .price .coupon {
            color: #FFA887;
        }

        .white-chocolate-area :not(div) .price .coupon .coupon-price{
            display: flex;
        }

        .white-chocolate-area :not(div) .price .with-coupon {
            position: relative;
        }

        .white-chocolate-area :not(div) .price .with-coupon:before {
            position: absolute;
            content: "";
            width: 100%;
            height: .1px;
            background-color: #97694B;
            top: -.7rem;
        }

        .order .resume-cart-product-item .price .woocommerce-Price-currencySymbol {
		    transform: translateY(0.1rem);
		    -webkit-transform: translateY(0.1rem);
		    -moz-transform: translateY(0.1rem);
		    -ms-transform: translateY(0.1rem);
		    -o-transform: translateY(0.1rem);
		}

		.order .resume-cart-product-item .price {
			padding-top: .5rem;
		}

        .items-resume-box .next-step-button {
            margin-top: 2rem;
        }


        .wc-information-box {
            border: 1px solid var(--green);
            padding: 3rem;
            margin-top: 2rem;
            text-align: center;
            justify-content: center;
            align-self: center;
        }

        .wc-information-box span[class^="icon-"], 
        .wc-information-box span[class*=" icon-"] {
            font-size: 3rem;
            color: var(--green);
        }

        .wc-information-box .txt-upper {
            color: var(--green);
            font-weight: 400;
            display: block;
        }

        .wc-information-box div > div {
            position: relative;
            padding-top: 1.5rem;
        }

        .wc-information-box div > div + div {
            margin-top: 1.5rem;
        }

        .wc-information-box div > div + div:before {
            content: "";
            position: absolute;
            width: 4rem;
            background-color: #D3BDB0;
            height: 1px;
            left: calc(50% - 2rem);
            top: 0;
        }
        
    /* Helpers > Add to card animation classes */

        .mini {
            transform: scale(0.5);
        }
        
        .watch-ghost {
            position: absolute;
            transition: 1s ease-in-out !important;
            z-index: 90;
        }

    /* Helpers > Waiting Product */

        .product-item {
            position: relative;
            overflow: hidden !important;
        }

        .product-item.product-is-waiting {
            cursor: wait !important;
        }

        .product-item:before {
            content: attr(data-loading-txt);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            background-color: rgba(255,255,255, .9);
            cursor: wait;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            transition: .3s ease-out .3s;
            opacity: 0;
            z-index: -1;
            color: #000;
        }

        .product-item.product-is-waiting:before {
            left: 0;
            opacity: 1;
            z-index: 100;
            transition: .3s ease-out;
        }

        .product-item > div {
            height: 100%;
            width: 100%;
            position: relative;
        }

        .product-item > .product-img-slider {
            overflow: hidden;
        }

        .product-item > .product-img-slider > .slide {
            transition: .45s ease;
            -webkit-transition: .45s ease;
            -moz-transition: .45s ease;
            -ms-transition: .45s ease;
            -o-transition: .45s ease;
        }

        .product-item .icon-trash {
            font-size: 1.5rem;
        }

        .cart-product-item .product-info {
            padding-left: 1.5rem;
        }

 /*************************************************************************/

/* 4) Content

/*************************************************************************/

    /*************************************************************************/
    /* 4.1) Sections
    /*************************************************************************/

    /*************************************************************************/
    /* 4.2) Elements & Parts
    /*************************************************************************/

    /* Elements & Parts > Header tunnel */

    .woocommerce-cart header .header-content,
    .woocommerce-checkout header .header-content,
    .woocommerce-acount header .header-content {
        height: auto;
    }

    body.woocommerce-cart  > header,
    body.woocommerce-checkout  > header,
    body.woocommerce-account  > header {
        height: 11rem;
        min-height: auto;
    }

    .woocommerce-checkout .header-content .main-banner,
    .woocommerce-checkout .header-content .cocoa-bean,
    .woocommerce-cart .header-content .main-banner,
    .woocommerce-cart .header-content .cocoa-bean,
    .woocommerce-account .header-content .main-banner,
    .woocommerce-account .header-content .cocoa-bean {
        display: none;
    }

    /* Elements & Parts > Breadcrumb */

        .breadcrumb {
            max-width: 1920px;
            width: calc(100% - 4rem) !important /* Nécessaire pour écraser des valeurs WooCommercer en lien avec le compte */;
            background-color: #FAF6F4;
            margin: auto;
            padding: 6rem 4rem;
            float: none !important /* Nécessaire pour écraser des valeurs WooCommercer en lien avec le compte */;
        }

        .breadcrumb nav {
            justify-content: center;
            align-items: center;
        }

        .breadcrumb nav.flex > a,
        .breadcrumb nav.flex > span {
            position: relative;
            width: 25%;
            text-align: center;
            color: #97694B;
        }

        .breadcrumb  nav.flex > [data-index]:before {
            content: attr(data-index);
            display: inline-block;
            position: relative;
            font-weight: 300;
            padding-bottom: 1.5rem;
            font-family: 'Crimson Text', serif;
            font-size: 7rem;
            font-style: italic;
        }

        .breadcrumb nav.flex h3 {
            font-size: 1rem;
        }

        .breadcrumb nav.flex h3,
        .breadcrumb nav.flex .h-line {
            transform: translateY(-2rem);  
        }

        .breadcrumb nav.flex > .active h3, 
        .breadcrumb nav.flex > .active[data-index]:before {
            font-weight: 400;
        }   

        .breadcrumb nav.flex > a.active h3, 
        .breadcrumb nav.flex > a.active[data-index]:before {
            color: #FFA887;
        }

        .breadcrumb nav.flex > span.active h3, 
        .breadcrumb nav.flex > span.active[data-index]:before {
            color: #FC7442;
        }

        .breadcrumb nav.flex > .h-line {
            margin-bottom: 0;
            width: 3rem;
        }

        .breadcrumb + div {
            margin-bottom: 8rem;
        }
    
        .breadcrumb + div section {
            width: 70%;
            margin-top: 0;
            padding-right: 4rem;
        }

        .breadcrumb + div h2 {
            padding-left: 0;
        }

    /* Elements & Parts > Aside */

        aside > div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        main aside div[class*="-area"] {
            padding: 2rem;
        }

    /* Elements & Parts > Resume card */

        .resume-cart-product-item {
            width: 100%;
        }

        .woocommerce-page .breadcrumb + div .resume-cart-product-item .flex {
            flex-direction: row;
        }

        .resume-cart-product-item .bg-img {
            width: 40%;
            background-size: contain;
            background-position-x: left;
        }

        .resume-cart-product-item .product-info {
            width: 60%;
            text-align: left;
            padding-left: 1rem;
        }

        .resume-cart-product-item .product-info p {
            margin-bottom: .5rem;
        }

        .resume-cart-product-item .product-info p.quantity {
            padding-right: 1rem;
            width: inherit;
            max-width: 30%;
        }

        .resume-cart-product-item .flex div:first-child {
            width: 25%;
        }

        .resume-cart-product-item .flex div:last-child {
            width: 75%;
        }

        .resume-cart-product-item .h-line {
            border-bottom: 1px solid #97694B;
            padding-top: 1rem;
            margin-bottom: 2rem;
        }

    /* Elements & Parts > Cross */

        .remove-cross {
		    z-index: 1;
		    cursor: pointer;
		    width: 2rem !important;
		    height: 2rem;
        }

        .remove-cross > div:before,
        .remove-cross > div,
        .remove-cross > div:after {
            transition: .3s ease;
        }
    
        .remove-cross > div {
            position: relative;
            width: 100%;
            height: 100%;
        }
    
        .remove-cross > div:before,
        .remove-cross > div:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 2px;
            background-color: #cad235;
        }
    
        .remove-cross > div:before {
            transform: translate(-50%, -50%) rotate(45deg);
        }
    
        .remove-cross > div:after {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

    /* Elements & Parts > Values */

        .value {
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .value span[class^="icon-"],
        .value span[class*=" icon-"] {
            font-size: 3rem;
            color: #97694B;
            margin-bottom: 1rem;
        }

    /* Elements & Parts > Shop grid */
        
        .shop-grid {
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .shop-products-container {
            padding: 0 2rem;
        }

        /* .shop-products-grid > .shop-products-cell:not(:first-child) {
            margin-top: 2rem;
        } */

        .shop-products-cell .product-content {
            padding: 2rem;
            position: relative;
            overflow: hidden;
        }

        .shop-products-cell.info-box-delivery {
            display: flex;
        }

        .shop-products-cell .wc-information-box {
            margin-top: auto;
            height: 70%;
            min-height: 412px;
            width: 100%;
        }

        .shop-products-cell .wc-information-box .shop-delivery-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .shop-grid .product-img {
            min-width: 200px;
            max-width: 300px;
            min-height: 300px;
            margin: auto !important;
            background-size: contain;
        }

        .woocommerce .product-details {
            align-items: center;
        }

        .shop-grid .none-article {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;    
            padding: 2rem;
            margin-left: 1rem;
            border: 1px solid #97694B;
        }

        .shop-grid .none-article .icon-cabosse {
            font-size: 3rem;
        }

	/* Parts & Elements > Modal */

        .modal {
            padding: 2rem;
            height: 100vh;
            width: 100%;        
            display: flex;
            justify-content: center;
            align-items: center;
            position: fixed;
            bottom: 0;  
            left: 0;
            z-index: 1000;
            cursor: pointer;
            background-color: rgba(255,255,255,0.8);
            transform: translateX(-200%);
            -webkit-transform: translateX(-200%);
            -moz-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            -o-transform: translateX(-200%);
            transition: ease .3s;
            -webkit-transition: ease .3s;
            -moz-transition: ease .3s;
            -ms-transition: ease .3s;
            -o-transition: ease .3s;
        }

        body.modal-open .modal {
            z-index: 1000;
            transform: translateX(0);
        }

        .modal > .modal-content {
            padding: 4rem;
            text-align: center;
            background-color: #FAF6F4;
            cursor: default;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            max-width: 600px;
            min-width: 300px;
            min-height: 400px;
            height: fit-content;
            position: relative;
        }

        .modal .modal-content .remove-cross[data-action="close"] {
            position: absolute;
            top: 1rem;
            right: 0;
        }


        .modal .modal-content > footer {
            margin-top: 3rem;
        }

        .modal .modal-content .modal-title:empty,
        .modal .modal-content .modal-content:empty {
            display: none;
        }

        .modal.active {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }

    /* Elements & Parts > Lightbox Cart Preview */

        .lightbox-cart-preview {
            /* height: 100vh;
            position: fixed;
            top: 0;
            z-index: 100; */
            left: 0;
/*             width: 100%;
            position: fixed; */
            background-color: rgba(255,255,255,0);
            pointer-events: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            transition: background-color ease .3s, -webkit-backdrop-filter ease .3s;
            transition: background-color ease .3s, backdrop-filter ease .3s;
            transition: background-color ease .3s, backdrop-filter ease .3s, -webkit-backdrop-filter ease .3s;
        }

        .lightbox-cart-preview .wrapper {
            overflow: hidden;
        }

	    .lightbox-cart-preview > div {
	        cursor: pointer;
	        overflow-y: scroll;
	    }

	    .lightbox-cart-preview-container {
	        height: calc(100vh - 7rem);
	        margin-right: 0;
	        cursor: default;
	        z-index: 2000;
	        padding: 4rem;
	        position: absolute !important;
	        right: 0 !important;
	        bottom: 0 !important;
	    }

        .lightbox-cart-preview-content {
            height: calc(100vh - 14rem);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .ligntbox-cart-preview-articles {
            height: inherit;
            overflow-y: auto; 
        }

        .ligntbox-cart-preview-articles .cart-product-item:last-child .h-line {
            margin-bottom: 0;
        }

        .ligntbox-cart-preview-articles .cart-product-item {
            padding-right: 1rem; /* que quand scroll */
        }

        
/*         body.lightbox-cart-preview-active .lightbox-cart-preview-container,
        body.lightbox-product-details-active .lightbox-product-details {
            transform: translateX(0);
        } */

/* 	    .lightbox-product-details,
	    .lightbox-cart-preview-container {
	        transform: translateX(100%);
	        -webkit-transform: translateX(100%);
	        -moz-transform: translateX(100%);
	        -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
	        transition: transform ease .5s;
	        -webkit-transition: transform ease .5s;
	        -moz-transition: transform ease .5s;
	        -ms-transition: transform ease .5s;
	        -o-transition: transform ease .5s;
        } */
             
        body.lightbox-cart-preview-active .lightbox-cart-preview {
            background-color: rgba(255,255,255,0.8);
            -webkit-backdrop-filter: blur(5px);
                    backdrop-filter: blur(5px);
            pointer-events: auto;
        }

	    .ligntbox-cart-preview-title {
	        font-family: "Crimson Text", sans-serif;
	        display: flex;
	        flex-direction: column;
	        padding-bottom: 2rem;
            font-style: italic;
	    }

	    .ligntbox-cart-preview-title > span:first-child {
	        font-size: 1.6rem;
	    }

	    .lightbox-cart-preview-container h3 {
	        margin-bottom: 0;
	    }

	    .lightbox-cart-preview-container .cart-product-item h3 {
	        color: #97694B;
	        font-size: 1.2rem;
	    }

	    .lightbox-cart-preview-container .product-item-image .product-item-image-image {
	        max-height: 150px;
	        height: auto;
	    }

	    .lightbox-cart-preview-container .cart-product-item .product-info {
	        padding-left: 2rem;
	    }

	    .lightbox-cart-preview .circle-button {
	        height: 2.5rem !important;
	        width: 2.5rem !important;
	    }

	    .lightbox-cart-preview .product-item .icon-trash {
	        font-size: 1.2rem;
	    }

	    .lightbox-cart-preview .custom-quantity .input {
	        width: 40px;
	        height: 40px;
	    }

        .lightbox-cart-preview .product-item {
            overflow: inherit !important;
        }

        .lightbox-cart-preview .product-item:before {
            height: calc(100% - 4rem);
            width: calc(100% - 1rem);
        }

        .lightbox-cart-preview .product-item:last-child:before {
            height: calc(100% - 1rem);
        }

	    .lightbox-cart-preview-container footer {
	        display: flex;
	        flex-direction: column;
	        align-items: center;
            padding-top: 2rem; 
	    }

	    .lightbox-cart-preview-container footer .next-step-button {
	        margin-top: 2rem;
	    }

        .lightbox-product-details > div > div {
            height: auto;
        }

    /* Parts & Elements > Loaders */
            
        .shop-loader,
        .cart-loader {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 110;
            top: 0;
            left: 0;
            transform: translateX(200%);
            opacity: 0;
            transition: opacity .3s ease, transform 0s;
            overflow: hidden;
            background-color: rgba(255, 255, 255, .9);
            color: #97694b;
            font-size: 5rem;
            cursor: wait;
        }

        .cart-loader {
            position: absolute;
            z-index: 1;
            transition: none;
            transform: translateX(0);
            opacity: 1;
        }

        .shop-loader > span:before,
        .cart-loader > span:before {
            display: inline-block;
            animation: rotateInfinite linear 4s;
            animation-iteration-count: infinite;
            transform-origin: 50% 50%;
            -webkit-animation: rotateInfinite linear 4s;
            -webkit-animation-iteration-count: infinite;
            -webkit-transform-origin: 50% 50%;
            -moz-animation: rotateInfinite linear 4s;
            -moz-animation-iteration-count: infinite;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotateInfinite linear 4s;
            -o-animation-iteration-count: infinite;
            -o-transform-origin: 50% 50%;
            -ms-animation: rotateInfinite linear 4s;
            -ms-animation-iteration-count: infinite;
            -ms-transform-origin: 50% 50%;
        }
        
        @keyframes rotateInfinite {
            0% {
                transform: rotate(0deg);
            } 100% {
                transform: rotate(360deg);
            }
        }
        
        @-webkit-keyframes animationFrames {
            0% {
                -webkit-transform: rotate(0deg);
            } 100% {
                -webkit-transform: rotate(360deg);
            }
        }

        body.shop-loader-active .shop-loader {
            transition: opacity .3s ease, transform 0s;
            transform: translateX(0);
            opacity: 1;
        }
    
    /* Parts & Elements > My Account */

        .woocommerce-account .account-login {
            max-width: 800px;
        }

        .woocommerce-account .account-login > div:first-child {
            background-color: #FAF6F4;
            padding: 4rem;
        }

        .woocommerce-account .account-login > div:last-child {
            padding: 0 4rem;
        }

        .woocommerce-account .woocommerce {
            margin-top: 2rem;
        }

        .woocommerce-MyAccount-navigation {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }

        .woocommerce-MyAccount-navigation .account_menu_link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #FFA887;
            font-weight: 300;
        }

        .woocommerce-MyAccount-navigation .account_menu_link .icon-account-link {
            font-size: 4rem;
        }

        .woocommerce-MyAccount-navigation .account_menu_link:not(:last-child):not(:nth-child(3)) {
            margin-bottom: 4rem;
        }

        .woocommerce-MyAccount-navigation .account_menu_link span {
            text-align: center;
        }

        .woocommerce-MyAccount-content {
            width: calc(100% - 4rem) !important;
            margin: auto;
            margin-top: 8rem;
            margin-bottom: 0 !important;
            float: none !important;
            max-width: 800px;
        }

        .woocommerce-orders .woocommerce-MyAccount-content {
            max-width: 1100px;
            padding: 0 2rem;
        }

        .woocommerce-MyAccount-content a {
            color: #FFA887;
        }

        .form-account-row > div:not(:last-child) {
            padding-right: 2rem;
        }

        .woocommerce-address-fields__field-wrapper .address-field {
            flex-direction: column;
            align-items: baseline;
        }

        .woocommerce-address-fields__field-wrapper .form-row label {
            margin-bottom: 1rem;
        }

        .woocommerce-address-fields__field-wrapper .form-row {
            margin-bottom: 2rem !important;
        }

        .woocommerce-Addresses .button {
            margin-top: 1rem !important;
        }

        .woocommerce-MyAccount-content > .account-orders:not(:last-child) {
            margin-bottom: 4rem;
        }

        .woocommerce-MyAccount-content > .account-terminated-orders:last-child {
            margin-bottom: 2rem;
        }

        .woocommerce-form-row input,
        .woocommerce-input-wrapper input {
            background-color: transparent;
            border: 1px solid #FFA887;
            padding: 1rem;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }

        .woocommerce-form-row.focus input,
        .woocommerce-input-wrapper.focus input,
        .password-input.focus input,
        .woocommerce-input-wrapper.focus textarea {
            background-color: #FC7442;
            border-color: #FC7442;
        }

        .account-view-order-details-title {
            font-weight: 300;
        }

        .account-customer-address {
            margin-top: 2rem;
        }

        .account-customer-billing-details {
            border-bottom: 1px solid #97694B;
            padding-bottom: 2rem;
            margin-bottom: 2rem;
        }

        .account-view-order-customer-details address,
        .account-customer-billing-details address,
        .account-customer-shipping-details address {
            padding-top: 2rem;
        }

        .account-customer-billing-details address,
        .account-customer-shipping-details address {
            padding-bottom: 2rem;
        }

        .account-order-details-price .devise {
            transform: translateY(.5rem);
        }

    /*************************************************************************/
    /* 4.3) Pages
    /*************************************************************************/

    /* 4.3.1) Pages > Product */

    /* 4.3.2) Pages > Shop */

        /* Pages > Shop > product-item */

            .shop-product-item {
                padding: 0 1rem;
            }

            .product-item .product-title,
            .shop-products .product-title {
                text-align: center;
            }

            .shop-product-item h4,
            .shop-product-item .price {
                text-align: left;
                max-width: 200px;
            }

            .shop-product-item > div {
                min-width: 50%;
            }

        /* Pages > Shop > add-to-cart-button */

            .add-to-cart-button {
                align-items: center;
                flex-wrap: wrap;
            }

            .add-to-cart-button .circle-button {
                margin-right: 1rem !important;
            }

        /* Pages > Shop > footer */

            .footer-shop-products.flex {
                justify-content: center;
                flex-direction: inherit;
            }

            .footer-shop-products a {
                align-items: center;
                transition: .3s ease;
            }

            .footer-shop-products a .icon-cart {
                font-size: 2rem;
                position: absolute;
                left: -3rem;
                top: -0.25rem;
            }

        /* Pages > Shop > Other */

            .woocommerce-page .sct-key-points [class^="icon-"] {
                height: 4rem;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .woocommerce-page .sct-key-points [class^="icon-"]:before,
            .woocommerce-page .sct-key-points [class*=" icon-"]:before {
                font-size: 4rem;
            }

            .woocommerce-page .sct-key-points .icon-support:before {
                font-size: 2rem;
            }

    /* 4.3.3) Pages > Cart */

        .sct-cart-empty {
            display: none;
            padding: 0 2rem;
            height: calc(73vh - 1rem);
        }

        .sct-cart-empty.active {
            display: block;
        }

        body.woocommerce-cart .sct-cart,
        body.woocommerce-cart .sct-cart-empty,
        body.woocommerce-checkout .checkout { 
            padding-top: 2rem;
        }

        .sct-cart-empty section {
            padding: 2rem;
            height: 100%; 
            display: flex;
            align-items: center;
        }

        /* Pages > Cart > cart product item */

            .cart-product-items h3 {
                color: #97694B;
            }

            .cart-product-items {
                margin-top: 0;
            }

			.cart-product-items [class^="flex"] > div,
            .cart-product-item .in-v-spacing-large {
                padding-top: 0;
                padding-bottom: 0;
            }
            .cart-product-item > .flex > div.product-item-image {
                width: 30%;
            }

            .cart-product-item > .flex > div.product-info {
                width: 40%;
                justify-content: space-between;
                display: flex;
                flex-direction: column;
            }

            .cart-product-item > .flex > div:last-child {
                justify-content: space-between;
                flex-direction: column;
                align-items: flex-end;
                width: 30%;
            }

            .cart-product-item .h-line {
                border-bottom: 1px solid #97694B;
                padding-bottom: 1.5rem;
                margin-bottom: 2.5rem;
            }

            .cart-product-item .price {
                margin-bottom: 0;
            }

        /* Pages > Cart > cart total */

        /* Pages > Cart > empty cart */

        	.icon-cart {
        		font-size: 3rem;
        	}

        	/* .:not(.sct-cart-empty) .cart-box a.button {
				margin-top: 4rem;
        	} */

    /* 4.3.4) Pages > Checkout */

            .checkout .input.promotion {
                margin-bottom: 4rem;
            }

    		section.sct-checkout {
    			margin-top: 0;
    		}

    		.order footer {
    			display: flex;
	    		flex-direction: column;
			    align-items: center;
			    width: 100%;
			}

			#customer_details + div h3 {
				margin-bottom: 4rem;
            }

            [data-payment-lang] {
                display: none;
                visibility: hidden;
            }

            html[lang="fr-FR"] [data-payment-lang="fr"],
            html[lang="de-DE"] [data-payment-lang="de"] {
                display: block;
                visibility: visible;
            }

        /* Pages > Checkout > form */

            .woocommerce-checkout ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #000;
            }

            .woocommerce-checkout ::-moz-placeholder { /* Firefox 19+ */
                color: #000;
            }

            .woocommerce-checkout :-ms-input-placeholder { /* IE 10+ */
                color: #000;
            }

            .woocommerce-checkout :-moz-placeholder { /* Firefox 18- */
                color: #000;
            }

            .woocommerce-checkout form input,
            .woocommerce-checkout form textarea {
                color: #000;
            }

            .woocommerce-checkout label {
                margin-top: 1rem;
            }

            .woocommerce-checkout .woocommerce-checkout-review-order a {
				margin-top: 4rem;
            }

            .woocommerce-checkout .next-step-button {
                margin-top: 2rem;
            }

            .woocommerce-checkout input[type='radio']:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                content: '';
                display: inline-block;
                visibility: visible;
                border: 1px solid #FFA887;
                background-color: white;
            }

            .woocommerce-checkout .wc_payment_method:hover label {
                color: #FC7442;
            }

            .woocommerce-checkout #payment ul.payment_methods {
                border-bottom: 1px solid #FC7442;
            }

            .woocommerce-checkout input[type='radio']:checked:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                background-color: #FC7442;
                border: 1px solid #FC7442;
                content: '';
                display: inline-block;
                visibility: visible;
            }

            .wc_payment_method input[type='radio']:checked + label {
                color: #FC7442;
            }

        /* Pages > Checkout > payment box */

            .woocommerce-checkout #payment {
                background: transparent;
            }

            .woocommerce-checkout #payment a {
                color: #FFA887;
            }

            .woocommerce-checkout #payment div.payment_box {
                background-color: #FAF6F4;
                padding: 4rem;
                margin-bottom: 2rem;
            }
            
            .woocommerce-checkout #payment ul.payment_methods {
                padding: 0;
            }

            .woocommerce-checkout #payment div.payment_box::before {
                border: 1em solid #f8f8f8;
                border-right-color: transparent;
                border-left-color: transparent;
                border-top-color: transparent;
            }

            .woocommerce-checkout #stripe-payment-data {
                color: #8b8075;
            }

            .woocommerce-checkout #payment div.form-row {
                padding: 0;
            }

            .woocommerce-checkout #payment div.payment_box .form-row {
                margin: 0;
            }

            .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
                padding-top: 2rem;
            }

            .woocommerce-checkout-payment button:hover {
                color: #fff;
                background-color: #8b8075;
            }

            .woocommerce-checkout-payment .wc-stripe-elements-field {
                background-color: transparent;
                border: none;
                border-bottom: 1px solid #8b8075;
                padding: 0.5rem 0;
                margin: 0;
            }

    /* 4.3.5) Pages > Thankyou */

    .woocommerce-checkout .thankyou-box {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .woocommerce-checkout .thankyou-box .thankyou-items {
        margin: 4rem 0 ;
    }

    .woocommerce-checkout .thankyou-box .thankyou-items > div p {
        margin: 0;
    }

    .woocommerce-checkout .thankyou-box .thankyou-items > div p:first-child {
        margin-bottom: 0.5rem;
    }

	.woocommerce-checkout .thankyou-box .thankyou-items > div:not(:last-child) {
        margin-bottom: 4rem;
    }

    .woocommerce-checkout .thankyou-box .thankyou-items > div {
        position: relative;
    }
    
    .woocommerce-checkout .thankyou-box .thankyou-items > div:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #97694B;
        bottom: -2rem;
        left: 0;
    }

    /* 4.3.5) Pages > My Account > Login / Register / Lost password */

    .account-login > div:first-child {
        margin-bottom: 4rem;
    }
  
    .account-login .form-row-flex {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }

    .account-login .form-row,
    .lost_reset_password .form-row {
        margin: 2rem 0 !important;
    }

    .woocommerce form.login,
    .woocommerce form.register {
        border: none;
        padding: 0;
        margin: 0;
    }

    .woocommerce form.login {
        margin: 2rem 0;
    }

    .woocommerce form.register {
        margin-top: 2rem;
    }
    
    .woocommerce form.login a,
    .woocommerce form.register a {
        color: #FFA887;
    }

    .login-title {
    	font-weight: 300; 
        color: #97694B;
    }

    /* 4.3.5) Pages > My Account > View orders & Order details */

    .account-orders {
        position: relative;
    }

    .account-orders:after {
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        height: 1px;
        background-color: #97694B;
        bottom: -2rem;
    }

    .account-orders > div:not(.account-orders-action) {
        display: flex;
        flex-direction: column;
    }

    .account-orders .account-orders-details > div:first-child {
        display: flex;
        flex-direction: column;
        margin-bottom: 3rem;
    }

    .account-order-details-price {
        display: flex;
    }

    .account-order-details-price .devise {
        margin-left: .5rem;
    }

    .account-order-details-price .price {
        font-size: 3.6rem;
    }

    .account-orders-action {
        display: flex;
        flex-direction: column;
    }

    .account-orders-action .button {
        align-self: flex-end;
        margin-top: auto !important;
    }

    .account-order-details-title,
    .account-order-details-price .devise {
        font-size: 1.66rem;
    }

    .account-order-details-title,
    .account-order-details-number {
        font-weight: 300;
    }

    .account-orders-status-icon {
        border: 1px solid;
        border-radius: 50%;
        padding: 2rem;
        font-size: 2rem;
        width: var(--round-btn-size);
        height: var(--round-btn-size);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
    }

    .account-view-order-details,
    .account-view-order-customer-details,
    .account-view-order-title {
        margin-top: 2rem;
    }

    .account-view-order .account-view-order-title {
        display: flex;
        align-items: center;
    }

    .account-view-order .account-orders-status-icon {
        display: inline-flex;
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .account-view-order-title {
        margin-bottom: 1rem;
    }

    .account-view-order-details .item-list > .item-list-details {
        margin-bottom: 2rem;
    }

    .item-list {
        margin-top: 2rem;
        width: 100%;
    }

    .item-list-details {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .item-list-details:after {
        position: absolute;
        content: "";
        width: 100%;
        height: .1px;
        background-color: #97694B;
        bottom: -1rem;
    }

    .item-list-details-product-name,
    .item-list-details-product-quantity {
        font-weight: 300;
    }

    .item-list-details-product-quantity {
        font-size: .8rem;
    }

    .order-date {
        font-weight: 300;
    }

    /* 4.3.5) Pages > My Account > Edit account */
    
    .woocommerce-edit-account .edit-account > .subtitle:not(:first-child) {
        margin-top: 4rem;
    }

    .woocommerce-edit-account .form-row {
        padding: 0 !important;
        margin: 0 0 1.5rem !important;
    }

    /*************************************************************************/
    /* 4.4) Animations
    /*************************************************************************/

    /* Animations > Ghost */

    .add-to-cart-ghost {
        position: absolute;
        color: white;
        background-color: #FC7442;
        border-radius: 50%;
        transition: 1s ease-in-out;
        width: 3.5rem;
        height: 3.5rem;
        padding: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border-width: 1.5px;
        z-index: 20000;
        font-size: 1.75rem;
    }

    /* Animations > Pulse hard */

        .pulse-hard-1 {
            -webkit-animation: pulse-hard 1s 1 ease;
            animation: pulse-hard 1s 1 ease;
        }
        
        @-webkit-keyframes pulse-hard {
            0% {
                -webkit-transform: scale(1);
            } 50% {
                -webkit-transform: scale(1.35);
            } 100% {
                -webkit-transform: scale(1);
            }
        }
        
        @keyframes pulse-hard {
            0% {
                transform: scale(1);
            } 50% {
                transform: scale(1.35);
            } 100% {
                transform: scale(1);
            }
        }

/*************************************************************************/

/* 5) Responsive

/*************************************************************************/

    /* Comment template: {Media} > {Table of content level 1} > {Table of content level 2} > {Element Groups if needed}

    /*************************************************************************/
    /* 5.1) Small media (481px +)
    /*************************************************************************/

    @media screen and (max-width: 480px) {

        /* Small media- > General Style */

            .woocommerce form .form-row-first, 
            .woocommerce form .form-row-last, 
            .woocommerce-page form .form-row-first, 
            .woocommerce-page form .form-row-last  {
                width: 100%;
            }

        /* Small media- > Layouts */

            /* Small media- > Layouts > Default */

                /* Small media- > Layouts > Default > Header */

                /* Small media- > Layoust > Default > Main */

                /* Small media- > Layouts > Default > Footer */

        /* Small media- > Helpers */

            /* Small media- > Helpers > Custom */

        /* Small media- > Content */

            /* Small media- > Content > Sections */

            /* Small media- > Content > Elements & Parts */

            .cart-product-items .woocommerce-Price-amount {
			    display: block;
			    text-align: right;
			}

            body.woocommerce-cart .cart,
            body.woocommerce-cart .sct-cart-empty,
            body.woocommerce-checkout .checkout {
                padding: 0 .5rem;
            }

            .breadcrumb nav.flex > [data-index]:before {
                font-size: 5rem;
            }

            .cart-product-item > .flex > div.product-info {
                width: 70%;
                justify-content: flex-start;
            }

            .woocommerce-cart .cart-product-item .product-item-image .product-item-image-image {
                background-position-y: top;
            }

            .cart-product-item > .flex > div:last-child {
                justify-content: space-between;
                flex-direction: row-reverse !important;
                align-items: flex-end;
                width: 70%;
                margin-left: calc(30% + 1.5rem);
            }

    }

    @media screen and (min-width: 481px) {

        /* Small media+ > General Style */

        /* Small media+ > Layouts */

            /* Small media+ > Layouts > Default */

                /* Small media+ > Layouts > Default > Header */

                /* Small media+ > Layoust > Default > Main */

                /* Small media+ > Layouts > Default > Footer */

        /* Small media+ > Helpers */

            /* Small media+ > Helpers > Custom */

        /* Small media+ > Content */

            /* Small media+ > Content > Sections */

            /* Small media+ > Content > Elements & Parts */

            .account-view-order-details-items {
                display: flex;
                align-items: center;
            }

            .account-view-order-details-total .account-order-details-price {
                display: flex;
                justify-content: flex-end;
            }
    }

    @media screen and (min-width: 481px) and (max-width: 720px) {

    }

    @media screen and (min-width: 481px) and (max-width: 992px) {

        body.woocommerce-cart .cart,
        body.woocommerce-cart .sct-cart-empty,
        body.woocommerce-checkout .checkout {
            padding-top: .5rem;
        }

    }

    /*************************************************************************/
    /* 5.2) Medium media (721px +)
    /*************************************************************************/

    @media screen and (max-width: 720px) {

        /* Medium media- > General Style */

        h3 {
            font-size: 1.6rem;
        }

        /* Medium media- > Layouts */

            /* Medium media- > Layouts > Default */

                /* Medium media- > Layouts > Default > Header */

                /* Medium media- > Layosut Default > > Main */

                /* Medium media- > Layouts > Default > Footer */

        /* Medium media- > Helpers */

            /* Medium media- > Helpers > Custom */

        /* Medium media- > Content */

            /* Medium media- > Content > Sections */

            /* Medium media- > Content > Elements */

            .breadcrumb {
                padding: 2rem;
            }

            .breadcrumb + div {
                margin-bottom: 4rem;
            }

            body.woocommerce-cart .sct-cart,
            body.woocommerce-cart .sct-cart-empty, 
            body.woocommerce-checkout .checkout {
                padding-top: 0;
                margin-top: -.5rem;
            }

            .cart .cart-product-item .flex > div:not(.product-item-image) {
                width: 100%; 
            }

            .cart-product-item .flex > div:last-child .unity-price {
                text-align: left; 
                justify-content: end;
            }

            .cart-product-item .custom-quantity {
                margin-bottom: 1rem;
            }

            .shop-filters-categories:not(.active) {
                display: none;
            }

            .shop-filters-categories-trigger {
                margin-top: 4rem;
            }

            .shop-filters-categories-trigger .icon-arrow {
                transform: rotate(90deg);
                transition: .3s ease;
            }

            .shop-filters-categories-trigger .active .icon-arrow {
                transform: rotate(-90deg);
            }

            .shop-products-filter > div {
                display: flex;
                flex-direction: column;
            }

            .shop-products .info-box-delivery {
                margin-top: 2rem;
            }

            .woocommerce-account .woocommerce {
                margin-top: -.5rem;
            }

            .account-orders-details {
                margin: 4rem 0;
            }

            .account-orders-action .button {
                align-self: flex-start;
            }

            .account-orders-action {
                display: flex;
                justify-content: space-between;
                flex-direction: row;
            }

            .order-date {
                padding-right: 1rem;
            }

            .woocommerce-MyAccount-content {
            margin-top: 4rem;
            }

            .woocommerce-account .account-login {
                margin-top: -.5rem;
            }

            .woocommerce-account .account-login > div:first-child .form-row-flex {
                flex-direction: column;
                align-items: end;
            }

            .woocommerce-account .account-login > div:first-child .form-row-flex .woocommerce-form-login__rememberme {
                margin-bottom: 2rem;
            }

            .woocommerce-account .account-login > div:first-child {
                padding: 2rem;
                padding-top: 4rem;
            }

            .woocommerce-account .account-login > div:last-child {
                padding: 0 2rem;
            }

            .woocommerce-MyAccount-navigation {
                flex-wrap: wrap;
                flex-direction: row;
                padding: 4rem 2rem;
                justify-content: left;
            }

            .woocommerce-MyAccount-navigation .account_menu_link {
                width: 50%;
            }

            .modal .modal-content > footer {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .modal .modal-content > footer > button:not(:last-child) {
                margin-bottom: 1rem;
            }

    }

    @media screen and (min-width: 721px) {

        /* Medium media+ > General Style */

        /* Medium media+ > Layouts */

            /*  Medium media+ > Layouts > Default */

                /* Medium media+ > Layouts > Default > Header */

                /* Medium media+ > Layosut Default > > Main */

                /* Medium media+ > Layouts > Default > Footer */

        /* Medium media+ > Helpers */

            /* Medium media+ > Helpers > Custom */

            .cart .woocommerce-Price-amount {
                display: flex;
                flex-direction: row-reverse;
            }

        /* Medium media+ > Content */

            /* Medium media+ > Content > Sections */


            /* Medium media+ > Content > Elements */
            .shop-products-grid > .shop-products-cell:nth-child(2) {
                margin-top: 0;
            }

            .shop-products-cell {
                padding: 0 1rem;
            }

            /* Medium media+ > Content > Elements > Breadcrumb account */

            .woocommerce-MyAccount-navigation {
                flex-direction: row;
            }

            .woocommerce-MyAccount-navigation > .account_menu_link:not(:last-child) {
                margin-right: 4rem;
                margin-bottom: 0;
            }

            .woocommerce-MyAccount-navigation > .account_menu_link {
                 margin-bottom: 0 !important;
            }

            .order-date {
                margin-left: auto;
                text-align: right;
                padding-left: 2rem;
            }
    }

    @media screen and (min-width: 721px) and (max-width: 992px) {


    	aside .resume-cart-product-item .product-info {
			display: flex;
	    	justify-content: space-between;
	    }

        .cart .cart-product-item .flex > div:not(.product-item-image) {
            width: 50%; 
        }

        .cart-product-item [data-action="remove-cart-item"] {
            margin-bottom: 2rem;
        }

        .accoung-orders-status,
        .account-orders-action {
            width: 25%;
        }

        .account-orders-details {
            width: 50%;
        }

        body.woocommerce-cart .sct-cart, 
        body.woocommerce-cart .sct-cart-empty,
        body.woocommerce-checkout .checkout {
            padding-top: 0;
        }

        .woocommerce-account .woocommerce {
            margin-top: 0;
        }

    }

    @media screen and (min-width: 721px) and (max-width: 1250px) {

        .shop-products-filters-grid .input-checkbox {
            padding-right: 3rem;
        }

    }

    /*************************************************************************/
    /* 5.3) Large media (993px +)
    /*************************************************************************/

    @media screen and (max-width: 992px) {

        /* Large media- > General Style */
        
        .woocommerce-page .breadcrumb + div .flex {
            flex-direction: column;
        }


        .woocommerce-page section.in-h-spacing-medium,
        .woocommerce-page aside.in-h-spacing-medium {
            padding: 0;
        }

        .woocommerce-page aside {
            margin-top: 4rem;
        }

        .woocommerce-checkout aside {
            margin-top: 0 !important;
        }

        /* Large media- > Layouts */

            /* Large media- > Layouts > Default */

                /* Large media- > Layouts > Default > Header */

                /* Large media- > Layoust >Default >  Main */

                /* Large media- > Layouts > Default > Footer */

        /* Large media- > Helpers */

            /* Large media- > Helpers > Custom */

        /* Large media- > Content */

            /* Large media- > Content > Sections */

            /* Large media- > Content > Elements & Parts */

                /* Large media- > Content > Elements & Parts > Breadcrumb */
        
                    .breadcrumb + div {
                        flex-direction: column;
                        align-items: center;
                    }
                    
                    .breadcrumb + div section, 
                    .breadcrumb + div aside {
                        width: 100%;
                    }
                    
                    .breadcrumb nav.flex > [data-index] {
                        padding-top: 1rem;
                        margin-bottom: -2rem;
                    }
                    
                    .breadcrumb nav.flex h3 {
                        padding: 0;
                        padding-bottom: 2rem;
                    }
                    
                    .breadcrumb nav.flex {
                        flex-wrap: wrap;
                        position: relative;
                        flex-direction: initial;
                    } 
                    
                    .breadcrumb nav.flex:before {
                        content: "";
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        top: 50%;
                    }
                    
                    .breadcrumb nav.flex:after {
                        content: "";
                        width: 1px;
                        height: 100%;
                        position: absolute;
                        left: 50%;
                    }

                    .breadcrumb nav.flex:before, 
                    .breadcrumb nav.flex:after {   
                        background-color: #97694B;
                        opacity: 0.2;
                    }
                    
                    .breadcrumb nav.flex > a,
                    .breadcrumb nav.flex > span {
                        width: 50%;
                    }
                    
                    .breadcrumb nav.flex .h-line {
                        display: none;
                    }
                    
                    .breadcrumb nav.flex > div[data-index]:before {
                        content: attr(data-index);
                    }

                    .breadcrumb + div section {
                        padding-right: 0;
                    }

                    .checkout .breadcrumb + div section {
                        order: 1;
                    }

                    .checkout .breadcrumb + div aside {
                        order: 0;
                    }

                /* Large media- > Content > Elements & Parts > values */

                    .value:first-child,
                    .value:nth-child(2) {
                        margin-bottom: 2rem;
                    }
            
            /* Large media- > Content > Pages */    

                /* Large media- > Content > Pages > Shop */
            
                    .woocommerce-page .sct-key-points > div > div:not(:first-child) {
                        margin-top: 4rem;
                    }

                    .shop-grid .product-img {
                        max-width: 200px;
                        min-height: 200px;
                    }
                
                /* Large media- > Content > Pages > Cart */

                	.shop-product-grid-container.large-container {
						padding: 0; 
					}

					.woocommerce-page .breadcrumb + div .cart-product-item > .flex {
						flex-direction: row;
                        flex-wrap: wrap;
					}

                    .cart-product-item .flex [class^="flex"] > div {
                        padding-bottom: 0;
                    }

                    .cart .cart-product-item > .flex > div.product-item-image {
                        width: 100%;
                        margin-bottom: 2rem;
                    }
                    
                    .cart-product-item .product-item-image .product-item-image-image {
					    background-position-x: left;
                        background-position-y: center;
					}

                    .cart-buttons {
                        margin-bottom: 4rem;
                        align-items: center;
                    }

                    .resume-cart-product-item .flex {
                        flex-direction: row;
                    }

                    .woocommerce aside a.button {
                    	display: none;
                    }

                   .next-step-button {
                        justify-content: center;
                    }

                /* Large media- > Content > Pages > Checkout */

	                .woocommerce-checkout .breadcrumb + div:not(.thankyou-box) {
					    flex-direction: column-reverse;
					}

					.woocommerce-checkout aside {
						margin-bottom: 4rem;
					}

                    .woocommerce-checkout .woocommerce-checkout-review-order a {
						margin-bottom: 4rem;
		            }

                /* Large media- > Content > Pages > Cart empty */

                    .sct-cart-empty {
                        max-height: calc(600px + 4rem);
                        height: calc(100vh - 10.5rem);
                    }

    }

    @media screen and (min-width: 993px) {

    /* Helpers > hover > custom quantity */

        /* Large media+ > General Style */

        /* Large media+ > Layouts */

            /* Large media+> Layouts > Default */

                /* Large media+ > Layouts > Default > Header */

                    /* Large media+ > Layouts > Default > Header > Shop */

                        .header-shop:hover > a {
                            background-color: #000;
                            color: #cad235;
                            transition: .3s ease;
                        }

                        .header-shop:hover .icon-cart {
                            color: #cad235;
                            transition: .3s ease;
                        }

                        body.woocommerce-cart > header, 
                        body.woocommerce-checkout > header, 
                        body.woocommerce-account > header {
                            height: 14.5rem;
                        }

                        body.woocommerce-order-received > header {
                            height: 16.5rem;
                        }

                /* Large media+ > Layoust > Default > Main */

                /* Large media+ > Layouts > Default > Footer */

        /* Large media+ > Helpers */

            /* Large media+ > Helpers > Custom */

        /* Large media+ > Content */
                        
            .filter-modal {
                height: calc(100vh - 7rem) !important;
            }

            .breadcrumb + div aside {
                max-width: 850px;
                width: 30%;
            }

            /* Large media+ > Content > Sections */

            /* Large media+ > Content > Elements & Parts */

                /* Large media+ > Content > Elements & Parts > lightbox product */

                .lightbox-product-details > div {
                    padding-top: 100px;
                }

                /* Large media+ > Content > Elements & Parts > Cross */
                
                .remove-cross:hover > div:before {
                    transform: translate(-50%, -50%) rotate(0);
                }

                .remove-cross:hover > div:after {
                    transform: translate(-50%, -50%) rotate(-90deg);
                    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
                    -moz-transform: translate(-50%, -50%) rotate(-90deg);
                    -ms-transform: translate(-50%, -50%) rotate(-90deg);
                    -o-transform: translate(-50%, -50%) rotate(-90deg);
                }

                /* Large media+ > Content > Elements & Parts > Breadcrumb */

                .breadcrumb a:before {
                    transition: .3s ease;
                }

                .breadcrumb a:hover:before {
                    transform: translateY(-1rem);
                    -ms-transform: translateY(-1rem);
                }

                /* Large media+ > Content > Pages */

                    /* Large media+ > Content > Pages > Cart */

                        /* Large media+ > Content > Pages > Cart > cart product item */

                            .cart-product-item .product-info {
                                padding-left: 2rem;
                            }

                            .cart .white-chocolate-area .price {
                                margin-bottom: 2.5rem;
                            }

                            .cart-product-item .flex > div:last-child .unity-price {
                                width: 100%;
                                flex-direction: row;
                            }

                    /* Large media+ > Content > Pages > Compte */

                        /* Large media+ > Content > Pages > Compte > commandes */

                            .account-orders .accoung-orders-status {
                                justify-content: center;
                            }

                            .account-orders .accoung-orders-status {
                                align-items: center;
                            }

                            .account-orders-action .button {
                                margin-left: auto !important;
                            }

                            .account-orders:after {
                                width: calc(calc(100% / 3) * 2);
                                left: calc(100% / 3);
                            }

    }

    @media screen and (min-width: 993px) and (max-width: 1250px) {

    }

    /*************************************************************************/
    /* 5.4) Huge media (1251px +)
    /*************************************************************************/

    @media screen and (max-width: 1250px) {

        /* Huge media- > General Style */

        /* Huge media- > Layouts */

            /* Huge media- > Layouts > Default */

                /* Huge media- > Layouts > Default > Header */

                /* Huge media- > Layouts > Default > Main */

                /* Huge media- > Layouts > Default > Footer */

        /* Huge media- > Helpers */

            /* Huge media- > Helpers > Custom */

        /* Huge media- > Content */

            /* Huge media- > Content > Sections */

            /* Huge media- > Content > Elements */

            .shop-products-filters-grid > div:last-child > .shop-products-filter:not(:first-child),
            .shop-products-filters-grid .filter-separator {
                margin-top: 4rem;
            }

            .woocommerce-orders .woocommerce-MyAccount-content {
                margin-left: 0;
                margin-right: 0;
                width: 100% !important;
            }
    }

    @media screen and (min-width: 1251px) {

        /* Huge media+ > General Style */

        /* Huge media+ > Layouts */

            /* Huge media+ > Layouts > Default */

                /* Huge media+ > Layouts > Default > Header */

                /* Huge media+ > Layouts > Default > Main */

                /* Huge media+ > Layouts > Default > Footer */

        /* Huge media+ > Helpers */

            /* Huge media+ > Helpers > Custom */

        /* Huge media+ > Content */

            /* Huge media+ > Content > Sections */

            /* Huge media+ > Content > Elements */

            .shop-products-grid,
            .shop-products-grid > .shop-products-cell:nth-child(3) {
                margin-top: 0;
            }

            .shop-products-filters-grid > div:not(:first-child) > div:last-child,
            .shop-products-filters-grid .filter-separator {
                margin-top: 4rem;
            }

            .shop-grid {
                flex-direction: row;
            }

            .shop-products-filters-grid {
                width: 20%;
            }

            .shop-products-grid {
                width: 80%;
            }

            .shop-products-filter > div {
                display: flex;
                flex-direction: column;
            }

            .filter-separator:before,
            .filter-separator:after {
                width: 20%;
            }

    }

    /*************************************************************************/
    /* 5.5) Custom
    /* the smaller media first */
    /*************************************************************************/

    @media screen and (min-width: 481px) and (max-width: 992px) {
    
		body > header {
		    padding-bottom: 4rem;
		}
	}

    @media screen and (min-width: 721px) and (max-width: 1250px) {

        .shop-products-filters-grid > div:first-child {
            padding-right: 4rem;
        }

        .shop-products-filters-grid > div:not(:first-child) {
            margin-top: 0;
        }

        body > :not(footer) .input-checkbox {
            width: 45%;
        }

    }

    @media screen and (min-width: 993px) and (max-width: 1500px) {

        .lightbox-cart-preview-content {
            height: calc(100vh - 16rem);
        }

    }

    @media screen and (min-width: 1201px) {

        body.woocommerce-cart > header, 
        body.woocommerce-checkout > header, 
        body.woocommerce-account > header {
            height: 10rem !important;
        }
    }

    @media screen and (max-width: 1250px) {

        .shop-products .info-box-delivery {
            order: 1;
        }
    }


/*************************************************************************/

/* 6) Overriden area

/*************************************************************************/

/*************************************************************************/

/* 7) Dev / Test

/*************************************************************************/

	/* responsive > cart preview */ 

    /* @media screen and (max-width: 480px) {

        .lightbox-cart-preview-container .cart-product-item > .flex > div:last-child {
            flex-direction: column-reverse;
        }

        .lightbox-cart-preview-container .cart-product-item .circle-button {
            margin-top: 1rem;
        }
    }

    @media screen and (min-width: 481px) and (max-width: 599px) {

            .lightbox-cart-preview-container .cart-product-item > .flex > div:last-child {
            flex-direction: row-reverse;
        }
    }

    @media screen and (max-width: 600px) {

        .lightbox-cart-preview-container {
            padding: 2rem !important;
        }

        .lightbox-cart-preview-container .cart-product-item > .flex {
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .lightbox-cart-preview-container .cart-product-item > .flex > div.product-item-image,
        .lightbox-cart-preview-container .cart-product-item > .flex > div.product-info,
        .lightbox-cart-preview-container .cart-product-item > .flex > div:last-child {
            width: 50%;
        }

        .lightbox-cart-preview-container .cart-product-item > .flex > div:last-child {
            align-items: flex-start;
            padding-left: 2rem;
        } */

    /* .lightbox-product-details-crosscells-container {
        display: none;
        visibility: hidden;
    } */