/*
Theme Name: Starter Theme
Theme URI: https://underscores.me/
Author: Cyberscope
Author URI: http://www.cyberscope.fr
Description: Un super thème optimisé par les meilleurs intés du monde.
Version: 4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/

/* Fonts */
@import url("https://use.typekit.net/yde8vky.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Fonts*/

/* var */
:root {
    /* fonts */
    --font-family-primary: "Poppins", sans-serif;
    --font-family-title: "mazurquica-vf", sans-serif;
    --font-family-fantaisy: "skippy-sharp", sans-serif;

    /* font weights */
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

    /* font size */
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-25: 25px;
    --fs-26: 26px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-34: 34px;
    --fs-35: 35px;
    --fs-38: 38px;
    --fs-40: 40px;
    --fs-45: 45px;
    --fs-50: 50px;
    --fs-55: 55px;
    --fs-57: 57px;
    --fs-60: 60px;
    --fs-64: 64px;
    --fs-67: 67px;
    --fs-70: 70px;
    --fs-72: 72px;
    --fs-80: 80px;
    --fs-90: 90px;
    --fs-100: 100px;
    --fs-120: 120px;
    --fs-150: 150px;

    /* line height */
    --lh-100: 100%;
    --lh-110: 110%;
    --lh-120: 120%;
    --lh-130: 130%;
    --lh-140: 140%;
    --lh-160: 160%;

    /* z-index */
    --z-high: 30;
    --z-medium: 10;
    --z-low: 2;

    /* letter space */
    --lsp-2: 2%;
    --lsp-3: 3%;
    --lsp-4: 4%;

    /* radius */
    --radius-5: 5px;
    --radius-10: 10px;
    --radius-30: 30px;

    /* colors */
    --full-white-clr: #FFFFFF;
    --base-clr: #000000;
    --primary-clr: #DB0B34;
    --secondary-clr: #FFCD03;
    --tertiary-clr: #B5CCBA;
    --parchment-clr: #F5EFDA;
    --parchment-clr-light: #FBF9F0;
    --gray-clr: #D8D8D8;
    --error-clr: #cc1818;

    --secondary-light-clr: #FFDE8A;

    /* global styling */
    --header-height: 262px;
    --cms-top-gap: 118px;
    --prd-list-img-height: 292px;
}


/* reset */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family-primary);
    color: var(--base-clr);
    overflow-x: hidden;
    position: relative;
}

body * {
    box-sizing: border-box;
}

ul,
ol {
    list-style: none;
    padding: 0;
}


button,
input {
    outline: none;
    border: none;
    color: inherit;
    display: inline-block;
    background: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    background: none;
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

a,
button {
    cursor: pointer;
}

strong {
    font-weight: var(--fw-700);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
th,
tr,
td,
li,
span,
label,
input,
button,
textarea,
legend {
    font-family: var(--font-family-primary);
    color: var(--base-clr);
}

.sc__f-primary {
    font-family: var(--font-family-primary);
}

.sc__f-title {
    font-family: var(--font-family-title);
}

.sc__f-fantaisy {
    font-family: var(--font-family-fantaisy);
}

.sc__lsp-3 {
    letter-spacing: var(--lsp-3);
}

.sc__container-full {
    width: min(100%, 1920px);
    margin: 0 auto;
    padding-inline: 20px;
}

.sc__container,
.conteneur {
    width: min(100%, 1410px);
    margin: 0 auto;
    max-width: 100%;
}

.sc__uppercase {
    text-transform: uppercase;
}

.sc__lowercase {
    text-transform: lowercase;
}

.sc__primary-bg {
    background-color: var(--primary-clr);
}

.sc__secondary-bg {
    background-color: var(--secondary-clr);
}

.sc__tertiary-bg {
    background-color: var(--tertiary-clr);
}

.sc__white-bg {
    background-color: var(--full-white-clr);
}


.sc__txt-center {
    text-align: center;
}

.sc__p {

    p {
        font-size: inherit;
        line-height: inherit;
        color: inherit;

        strong {
            font-weight: 700;
        }
    }
}

.sc__list-none {
    list-style: none;
    padding: 0;
}

.sc__d-inline-block {
    display: inline-block;
}

/* class reset */

.sc__dib {
    display: inline-block;
}

.sc__max-content-w {
    width: max-content;
    max-width: 100%;
}

.sc__lsp--2 {
    letter-spacing: calc(var(--lsp-2) * -1);
}

.sc__lsp-2 {
    letter-spacing: var(--lsp-2);
}

.sc__rotate--4 {
    rotate: -4deg;
    display: inline-block;
}

.sc__font-inherit {
    font: inherit;
}

.sc__bg-white {
    background-color: var(--full-white-clr);
}


.sc__fs-12 {
    font-size: var(--fs-12);
}


.sc__fs-14 {
    font-size: var(--fs-14);
}


.sc__fs-15 {
    font-size: var(--fs-15);
}

.sc__fs-16 {
    font-size: var(--fs-16);
}

.sc__fs-18 {
    font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
}

.sc__fs-20 {
    font-size: clamp(var(--fs-14), 1.2vw, var(--fs-20));
}

.sc__fs-22 {
    font-size: clamp(var(--fs-18), 1.6vw, var(--fs-22));
}

.sc__fs-25 {
    font-size: clamp(var(--fs-20), 1.8vw, var(--fs-25));
}

.sc__fs-26 {
    font-size: clamp(var(--fs-20), 1.8vw, var(--fs-26));
}

.sc__fs-30 {
    font-size: clamp(var(--fs-20), 2vw, var(--fs-30));
}

.sc__fs-32 {
    font-size: clamp(var(--fs-20), 2vw, var(--fs-32));
}

.sc__fs-34 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-34));
}

.sc__fs-35 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-35));
}

.sc__fs-38 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-38));
}

.sc__fs-40 {
    font-size: clamp(var(--fs-30), 2.8vw, var(--fs-40));
}

.sc__fs-45 {
    font-size: clamp(var(--fs-35), 3vw, var(--fs-45));
}

.sc__fs-60 {
    font-size: clamp(var(--fs-45), 4vw, var(--fs-60));
}

.sc__fs-64 {
    font-size: clamp(var(--fs-34), 4.4vw, var(--fs-64));
}

.sc__fs-72 {
    font-size: clamp(var(--fs-30), 4.4vw, var(--fs-72));
}

.sc__fs-80 {
    font-size: clamp(var(--fs-60), 4.6vw, var(--fs-80));
}

.sc__fs-90 {
    font-size: clamp(var(--fs-40), 5vw, var(--fs-90));
}

.sc__fs-100 {
    font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
}

.sc__fs-120 {
    font-size: clamp(var(--fs-70), 8vw, var(--fs-120));
}

.sc__fs-150 {
    font-size: clamp(var(--fs-60), 9vw, var(--fs-150));
}

.sc__base-clr {
    color: var(--base-clr);
}

.sc__white-clr {
    color: var(--full-white-clr);
}

.sc__clr-secondary {
    color: var(--secondary-clr);
}

.sc__clr-tertiary {
    color: var(--tertiary-clr);
}

.sc__clr-primary {
    color: var(--primary-clr);
}


.sc__fw__300 {
    font-weight: var(--fw-300);
}

.sc__fw__400 {
    font-weight: var(--fw-400);
}

.sc__fw__500 {
    font-weight: var(--fw-500);
}

.sc__fw__600 {
    font-weight: var(--fw-600);
}

.sc__fw__700 {
    font-weight: var(--fw-700);
}

.sc__fw__800 {
    font-weight: var(--fw-800);
}

.sc__fw__900 {
    font-weight: var(--fw-900);
}

.lh__100 {
    line-height: var(--lh-100);
}

.lh__110 {
    line-height: var(--lh-110);
}

.lh__120 {
    line-height: var(--lh-120);
}


.lh__130 {
    line-height: var(--lh-130);
}

.lh__140 {
    line-height: var(--lh-140);
}

.lh__160 {
    line-height: var(--lh-160);
}

.sc__reset-italic {
    font-style: normal;
}

.sc__mbs-5 {
    margin-block-start: 5px;
}

.sc__text-center {
    text-align: center;
}

.sc__text-right {
    text-align: right;
}

.sc__title-highlight {
    display: inline-block;
    padding: 13px 24px 9px 21px;
    position: relative;
    isolation: isolate;
    border-image-source: url('/wp-content/uploads/2026/06/Vector.svg');
    border-image-slice: 20 30 20 30 fill;
    border-image-width: 20px 30px 20px 30px;
    border-image-repeat: stretch;
    font-family: var(--font-family-title);

    &.sc__highlight-sec {
        border-image-source: url('/wp-content/uploads/2026/06/Vector5.svg');
        border-image-slice: 0 20 25 20 fill;
        border-image-width: 10px 30px 20px 30px;
    }

    &.highlight-white {
        border-image-slice: 25 25 40 20 fill;
        border-image-width: 20px 25px 20px 30px;
        border-image-source: url('/wp-content/uploads/2026/06/Vector3-1.svg');
    }

    &.highlight-white-no-border {
        border-image-slice: 25 10 55 35 fill;
        border-image-width: 20px 20px 20px 30px;
        border-image-source: url('/wp-content/uploads/2026/07/Vector.svg');
        padding: 5px 15px 9px 21px;
    }

    &.sc__has-hat {
        display: inline-block;
        position: relative;

        &::before {
            content: '';
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            inset: -25px -20px auto auto;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
            background-color: var(--tertiary-clr);
            mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
        }

        &.hat-left {
            &::before {
                inset: -15px auto auto -20px;
                rotate: -100deg;
            }
        }

        &.hat-white {
            &::before {
                background-color: var(--full-white-clr);
            }
        }
    }
}

.sc__has-hat {
    position: relative;

    /* &::before {
        content: '';
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        inset: -25px -20px auto auto;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--tertiary-clr);
        mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
        -webkit-mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
    }

    &.hat-white::before {
        background-color: var(--full-white-clr);
    } */

    span.svg {
        display: grid !important;
        width: 52px;
        height: 47px;
        position: absolute !important;
        inset: -20px -30px auto auto;
        rotate: 90deg;

        svg {
            width: 100%;
            height: 100%;

            path {
                transform-box: fill-box;
                transform-origin: center;
                animation: sc-twinkle 1.8s ease-in-out infinite;
            }
        }

        svg path:nth-of-type(1) {
            animation-delay: 0s;
        }

        svg path:nth-of-type(2) {
            animation-delay: 0.5s;
        }

        svg path:nth-of-type(3) {
            animation-delay: 1s;
        }
    }

    &.hat-left {
        /* &::before {
            inset: -15px auto auto -20px;
            rotate: -100deg;
        } */

        span.svg {
            inset: -20px auto auto -32px;
            rotate: 0deg;
        }
    }
}

@keyframes sc-twinkle {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.25;
        transform: scale(0.85);
    }
}

@media (prefers-reduced-motion: reduce) {
    .svg svg path {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

.sc__hide-mob {
    display: none;
}

.sc__title-highlight-no-border {
    display: inline-block;
    color: inherit;
    position: relative;
    isolation: isolate;
    padding: 2px 16px 5px 20px;

    &::after {
        content: "";
        inset: 0;
        border-radius: 40px 30px 35px 30px / 25px 30px 30px 50px;
        width: 100%;
        height: 100%;
        background-color: var(--full-white-clr);
        display: block;
        position: absolute;
        z-index: -1;
    }

    &.sc__highlight-sec::after {
        background-color: var(--secondary-clr);
    }

    &.sc__highlight-teritary::after {
        background-color: var(--tertiary-clr);
    }

    &.sc__highlight-primary::after {
        background-color: var(--primary-clr);
    }
}

/* .sc__btn-md {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 10px;
    border-radius: var(--radius-5);
    gap: 10px;
    font-weight: var(--fw-600);
    color: var(--base-clr);

    &.sc__btn-blck-border {
        border: 1px solid var(--base-clr);
    }

    &.sc__btn-md-20 {
        padding: 12px 20px;
    }

    &.sc__btn-white {
        background-color: var(--full-white-clr);
    }

    &.sc__btn-tertiary {
        background-color: var(--tertiary-clr);
    }

    &.sc__btn-primary {
        background-color: var(--primary-clr);
    }

    &.sc__btn-secondary {
        background-color: var(--secondary-clr);
    }

    &.sc__btn-align-left {
        margin-inline-start: 0;
    }

    &.sc__btn-ic-right {
        flex-direction: row-reverse;
    }

    &.sc__btn-outlined-white {
        background-color: transparent;
        border: 1px solid var(--full-white-clr);
    }

    &.sc__btn-has-ic {
        &::before {
            content: '';
            display: block;
            position: relative;
            width: 16px;
            height: 22px;
            background-color: var(--base-clr);
            mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
        }

        &.is-ic-first {
            flex-direction: row;
        }

        &.is-ic-last {
            flex-direction: row-reverse;
        }

        &.sc__ic-white::before {
            background-color: var(--full-white-clr);
        }

        &.ic-envelope::before {
            mask-image: url('data:image/svg+xml,data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
        }

        &.ic-call::before {
            mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514261C2.28571 0.171404 2.82857 -2.47955e-05 3.34286 -2.47955e-05C3.97143 -2.47955e-05 4.57143 0.257118 5.02857 0.68569L6.48571 2.14283C7.48571 3.14283 7.74286 4.79998 6.71429 5.99998C5.88571 6.9714 4.57143 8.22855 2.74286 9.28569C3.2 10.1714 3.74286 10.9428 4.4 11.6C5.05714 12.2571 5.82857 12.8285 6.71429 13.2571C7.77143 11.4285 9.02857 10.1143 10 9.28569C11.2 8.25712 12.8571 8.51426 13.8571 9.54283L15.3143 10.9714C15.7429 11.4285 16 12.0285 16 12.6571C16 13.2 15.8286 13.7143 15.4857 14.1428L14.9429 14.8C14.3429 15.5714 13.4286 16 12.4571 16H12C8.4 16 5.4 14.8571 3.25714 12.7428C1.14286 10.6 0 7.59998 0 3.99998V3.54283C0 2.5714 0.457143 1.65712 1.2 1.05712L1.88571 0.514261ZM8.2 13.8571C9.34286 14.2 10.6 14.4 12 14.4H12.4571C12.9429 14.4 13.4 14.1714 13.6857 13.8L14.2286 13.1428C14.4571 12.8285 14.4571 12.3714 14.1714 12.1143L12.7143 10.6571C12.2 10.1428 11.4857 10.1143 11.0571 10.4857C10.2286 11.2285 9.14286 12.3143 8.2 13.8571ZM2.14286 7.79998C3.68571 6.85712 4.8 5.7714 5.51429 4.94283C5.88571 4.51426 5.85714 3.79998 5.34286 3.25712L3.88571 1.82855C3.62857 1.54283 3.17143 1.54283 2.88571 1.7714L2.2 2.31426C1.82857 2.59998 1.6 3.05712 1.6 3.54283V3.99998C1.6 5.39998 1.8 6.65712 2.14286 7.79998Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514261C2.28571 0.171404 2.82857 -2.47955e-05 3.34286 -2.47955e-05C3.97143 -2.47955e-05 4.57143 0.257118 5.02857 0.68569L6.48571 2.14283C7.48571 3.14283 7.74286 4.79998 6.71429 5.99998C5.88571 6.9714 4.57143 8.22855 2.74286 9.28569C3.2 10.1714 3.74286 10.9428 4.4 11.6C5.05714 12.2571 5.82857 12.8285 6.71429 13.2571C7.77143 11.4285 9.02857 10.1143 10 9.28569C11.2 8.25712 12.8571 8.51426 13.8571 9.54283L15.3143 10.9714C15.7429 11.4285 16 12.0285 16 12.6571C16 13.2 15.8286 13.7143 15.4857 14.1428L14.9429 14.8C14.3429 15.5714 13.4286 16 12.4571 16H12C8.4 16 5.4 14.8571 3.25714 12.7428C1.14286 10.6 0 7.59998 0 3.99998V3.54283C0 2.5714 0.457143 1.65712 1.2 1.05712L1.88571 0.514261ZM8.2 13.8571C9.34286 14.2 10.6 14.4 12 14.4H12.4571C12.9429 14.4 13.4 14.1714 13.6857 13.8L14.2286 13.1428C14.4571 12.8285 14.4571 12.3714 14.1714 12.1143L12.7143 10.6571C12.2 10.1428 11.4857 10.1143 11.0571 10.4857C10.2286 11.2285 9.14286 12.3143 8.2 13.8571ZM2.14286 7.79998C3.68571 6.85712 4.8 5.7714 5.51429 4.94283C5.88571 4.51426 5.85714 3.79998 5.34286 3.25712L3.88571 1.82855C3.62857 1.54283 3.17143 1.54283 2.88571 1.7714L2.2 2.31426C1.82857 2.59998 1.6 3.05712 1.6 3.54283V3.99998C1.6 5.39998 1.8 6.65712 2.14286 7.79998Z" fill="white"/></svg>');
        }

        &.ic-share::before {
            mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.68571 0.88569C10.2857 0.285689 11.0857 -2.47955e-05 12 -2.47955e-05C12.9143 -2.47955e-05 13.7143 0.285689 14.3143 0.88569C14.9143 1.48569 15.2 2.28569 15.2 3.19998C15.2 4.11426 14.9143 4.91426 14.3143 5.51426C13.7143 6.11426 12.9143 6.39998 12 6.39998C11.1143 6.39998 10.2 6.08569 9.6 5.42855L6.31429 7.19998C6.37143 7.45712 6.4 7.71426 6.4 7.99998C6.4 8.28569 6.37143 8.54283 6.31429 8.79998L9.6 10.5714C10.2 9.91426 11.1143 9.59998 12 9.59998C12.9143 9.59998 13.7143 9.88569 14.3143 10.4857C14.9143 11.0857 15.2 11.8857 15.2 12.8C15.2 13.7143 14.9143 14.5143 14.3143 15.1143C13.7143 15.7143 12.9143 16 12 16C11.0857 16 10.2857 15.7143 9.68571 15.1143C9.08571 14.5143 8.8 13.7143 8.8 12.8C8.8 12.5143 8.82857 12.2571 8.88571 12L5.6 10.2285C5 10.8857 4.08571 11.2 3.2 11.2C2.28571 11.2 1.48571 10.9143 0.885714 10.3143C0.285714 9.71426 0 8.91426 0 7.99998C0 7.08569 0.285714 6.28569 0.885714 5.68569C1.48571 5.08569 2.28571 4.79998 3.2 4.79998C4.08571 4.79998 5 5.11426 5.6 5.7714L8.88571 3.99998C8.82857 3.74283 8.8 3.48569 8.8 3.19998C8.8 2.28569 9.08571 1.48569 9.68571 0.88569ZM10.8286 2.02855C10.5714 2.25712 10.4 2.62855 10.4 3.19998C10.4 3.7714 10.5714 4.14283 10.8286 4.39998C11.0571 4.62855 11.4286 4.79998 12 4.79998C12.5714 4.79998 12.9429 4.62855 13.2 4.39998C13.4286 4.14283 13.6 3.7714 13.6 3.19998C13.6 2.62855 13.4286 2.25712 13.2 2.02855C12.9429 1.7714 12.5714 1.59998 12 1.59998C11.4286 1.59998 11.0571 1.7714 10.8286 2.02855ZM1.6 7.99998C1.6 8.5714 1.77143 8.94283 2.02857 9.19998C2.25714 9.42855 2.62857 9.59998 3.2 9.59998C3.77143 9.59998 4.14286 9.42855 4.4 9.19998C4.62857 8.94283 4.8 8.5714 4.8 7.99998C4.8 7.42855 4.62857 7.05712 4.4 6.82855C4.14286 6.5714 3.77143 6.39998 3.2 6.39998C2.62857 6.39998 2.25714 6.5714 2.02857 6.82855C1.77143 7.05712 1.6 7.42855 1.6 7.99998ZM10.4 12.8C10.4 13.3714 10.5714 13.7428 10.8286 14C11.0571 14.2285 11.4286 14.4 12 14.4C12.5714 14.4 12.9429 14.2285 13.2 14C13.4286 13.7428 13.6 13.3714 13.6 12.8C13.6 12.2285 13.4286 11.8571 13.2 11.6285C12.9429 11.3714 12.5714 11.2 12 11.2C11.4286 11.2 11.0571 11.3714 10.8286 11.6285C10.5714 11.8571 10.4 12.2285 10.4 12.8Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.68571 0.88569C10.2857 0.285689 11.0857 -2.47955e-05 12 -2.47955e-05C12.9143 -2.47955e-05 13.7143 0.285689 14.3143 0.88569C14.9143 1.48569 15.2 2.28569 15.2 3.19998C15.2 4.11426 14.9143 4.91426 14.3143 5.51426C13.7143 6.11426 12.9143 6.39998 12 6.39998C11.1143 6.39998 10.2 6.08569 9.6 5.42855L6.31429 7.19998C6.37143 7.45712 6.4 7.71426 6.4 7.99998C6.4 8.28569 6.37143 8.54283 6.31429 8.79998L9.6 10.5714C10.2 9.91426 11.1143 9.59998 12 9.59998C12.9143 9.59998 13.7143 9.88569 14.3143 10.4857C14.9143 11.0857 15.2 11.8857 15.2 12.8C15.2 13.7143 14.9143 14.5143 14.3143 15.1143C13.7143 15.7143 12.9143 16 12 16C11.0857 16 10.2857 15.7143 9.68571 15.1143C9.08571 14.5143 8.8 13.7143 8.8 12.8C8.8 12.5143 8.82857 12.2571 8.88571 12L5.6 10.2285C5 10.8857 4.08571 11.2 3.2 11.2C2.28571 11.2 1.48571 10.9143 0.885714 10.3143C0.285714 9.71426 0 8.91426 0 7.99998C0 7.08569 0.285714 6.28569 0.885714 5.68569C1.48571 5.08569 2.28571 4.79998 3.2 4.79998C4.08571 4.79998 5 5.11426 5.6 5.7714L8.88571 3.99998C8.82857 3.74283 8.8 3.48569 8.8 3.19998C8.8 2.28569 9.08571 1.48569 9.68571 0.88569ZM10.8286 2.02855C10.5714 2.25712 10.4 2.62855 10.4 3.19998C10.4 3.7714 10.5714 4.14283 10.8286 4.39998C11.0571 4.62855 11.4286 4.79998 12 4.79998C12.5714 4.79998 12.9429 4.62855 13.2 4.39998C13.4286 4.14283 13.6 3.7714 13.6 3.19998C13.6 2.62855 13.4286 2.25712 13.2 2.02855C12.9429 1.7714 12.5714 1.59998 12 1.59998C11.4286 1.59998 11.0571 1.7714 10.8286 2.02855ZM1.6 7.99998C1.6 8.5714 1.77143 8.94283 2.02857 9.19998C2.25714 9.42855 2.62857 9.59998 3.2 9.59998C3.77143 9.59998 4.14286 9.42855 4.4 9.19998C4.62857 8.94283 4.8 8.5714 4.8 7.99998C4.8 7.42855 4.62857 7.05712 4.4 6.82855C4.14286 6.5714 3.77143 6.39998 3.2 6.39998C2.62857 6.39998 2.25714 6.5714 2.02857 6.82855C1.77143 7.05712 1.6 7.42855 1.6 7.99998ZM10.4 12.8C10.4 13.3714 10.5714 13.7428 10.8286 14C11.0571 14.2285 11.4286 14.4 12 14.4C12.5714 14.4 12.9429 14.2285 13.2 14C13.4286 13.7428 13.6 13.3714 13.6 12.8C13.6 12.2285 13.4286 11.8571 13.2 11.6285C12.9429 11.3714 12.5714 11.2 12 11.2C11.4286 11.2 11.0571 11.3714 10.8286 11.6285C10.5714 11.8571 10.4 12.2285 10.4 12.8Z" fill="white"/></svg>');
        }

        &.ic-cart::before {
            mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
        }

        &.is-ic-white::before {
            background-color: var(--full-white-clr);
        }

        &.sc__btn-ic-cursor {
            position: relative;

            &::before {
                background-image: url('data:image/svg+xml,<svg width="20" height="27" viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4302 24.8223C14.9281 25.1599 14.2814 25.0333 13.9438 24.5312L9.38869 17.7592L8.83378 16.9341L8.00575 17.4835L3.86982 20.2291L3.86427 20.232C3.58012 20.4229 3.24641 20.1715 3.30379 19.8775L3.33457 19.7203L3.31497 19.5612L1.01926 1.19978C1.07666 1.08322 1.1819 1.01245 1.31149 1.00325L17.4511 10.0546L17.591 10.1327L17.7482 10.1635C17.9002 10.1933 17.9925 10.2927 18.0213 10.4409C18.0497 10.5879 18.0056 10.7503 17.843 10.8687L12.9334 14.1704L13.4914 15.0001L18.0454 21.7729C18.383 22.2749 18.2563 22.9217 17.7543 23.2593L15.4302 24.8223Z" fill="black" stroke="white" stroke-width="2"/></svg>');
                background-size: contain;
                background-repeat: no-repeat;
                mask-image: none !important;
                position: absolute;
                inset: auto -13px -13px auto;
                background-color: transparent;
                width: 23px;
                height: 23px;
            }
        }
    }

    &.sc__base-clr {
        color: var(--base-clr);
    }

    &.sc__white-clr {
        color: var(--full-white-clr);
    }

    &.sc__clr-secondary {
        color: var(--secondary-clr);
    }

    &.sc__clr-tertiary {
        color: var(--tertiary-clr);
    }

    &.sc__clr-primary {
        color: var(--primary-clr);
    }

    &.sc__fw__300 {
        font-weight: var(--fw-300);
    }

    &.sc__fw__400 {
        font-weight: var(--fw-400);
    }

    &.sc__fw__500 {
        font-weight: var(--fw-500);
    }

    &.sc__fw__600 {
        font-weight: var(--fw-600);
    }

    &.sc__fw__700 {
        font-weight: var(--fw-700);
    }

    &.sc__fw__800 {
        font-weight: var(--fw-800);
    }

    &.sc__fw__900 {
        font-weight: var(--fw-900);
    }
} */

.sc__btn-md {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 10px;
    border-radius: var(--radius-5);
    gap: 10px;
    font-weight: var(--fw-600);
    color: var(--base-clr);
    position: relative;

    &.sc__btn-blck-border {
        border: 1px solid var(--base-clr);
    }

    &.sc__btn-md-20 {
        padding: 12px 20px;
    }

    &.sc__btn-white {
        background-color: var(--full-white-clr);
        overflow: hidden;
        z-index: 0;
        transition: color 0.3s ease;

        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-color: var(--secondary-clr);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.35s ease;
            z-index: -1;
            border-radius: var(--radius-5);
        }

        &:hover::after {
            transform: scaleX(1);
        }

        &:hover {
            color: var(--full-white-clr);
        }
    }


    &.sc__btn-primary,
    &.sc__btn-secondary,
    &.sc__btn-tertiary {
        position: relative;
        overflow: hidden;
        z-index: 0;
        transition: color 0.35s ease;

        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-color: var(--full-white-clr);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.35s ease;
            z-index: -1;
        }

        &:hover::after {
            transform: scaleX(1.2);
        }

        &:hover {
            color: var(--base-clr);
        }
    }

    &.sc__btn-tertiary {
        background-color: var(--tertiary-clr);
        border: 1px solid var(--tertiary-clr);

        &:hover {
            color: var(--tertiary-clr);
        }
    }

    &.sc__btn-primary {
        background-color: var(--primary-clr);
        border: 1px solid var(--primary-clr);

        &::hover {
            color: var(--primary-clr);
        }
    }

    &.sc__btn-secondary {
        background-color: var(--secondary-clr);
        border: 1px solid var(--secondary-clr);

        &:hover {
            color: var(--secondary-clr);
        }
    }

    &.sc__btn-align-left {
        margin-inline-start: 0;
    }

    &.sc__btn-ic-right {
        flex-direction: row-reverse;
    }

    &.sc__btn-outlined-white {
        background-color: transparent;
        border: 1px solid var(--full-white-clr);
    }

    &.sc__btn-has-ic {
        &::before {
            content: '';
            display: block;
            position: relative;
            width: 16px;
            height: 22px;
            background-color: var(--base-clr);
            mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
        }

        &.is-ic-first {
            flex-direction: row;
        }

        &.is-ic-last {
            flex-direction: row-reverse;
        }

        &.sc__ic-white::before {
            background-color: var(--full-white-clr);
        }

        &.sc__go-back::before {
            width: 20px;
            mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="white" d="M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="white" d="M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z"/></svg>');
        }

        &.ic-envelope::before {
            mask-image: url('data:image/svg+xml,data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
        }

        &.ic-call::before {
            mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514261C2.28571 0.171404 2.82857 -2.47955e-05 3.34286 -2.47955e-05C3.97143 -2.47955e-05 4.57143 0.257118 5.02857 0.68569L6.48571 2.14283C7.48571 3.14283 7.74286 4.79998 6.71429 5.99998C5.88571 6.9714 4.57143 8.22855 2.74286 9.28569C3.2 10.1714 3.74286 10.9428 4.4 11.6C5.05714 12.2571 5.82857 12.8285 6.71429 13.2571C7.77143 11.4285 9.02857 10.1143 10 9.28569C11.2 8.25712 12.8571 8.51426 13.8571 9.54283L15.3143 10.9714C15.7429 11.4285 16 12.0285 16 12.6571C16 13.2 15.8286 13.7143 15.4857 14.1428L14.9429 14.8C14.3429 15.5714 13.4286 16 12.4571 16H12C8.4 16 5.4 14.8571 3.25714 12.7428C1.14286 10.6 0 7.59998 0 3.99998V3.54283C0 2.5714 0.457143 1.65712 1.2 1.05712L1.88571 0.514261ZM8.2 13.8571C9.34286 14.2 10.6 14.4 12 14.4H12.4571C12.9429 14.4 13.4 14.1714 13.6857 13.8L14.2286 13.1428C14.4571 12.8285 14.4571 12.3714 14.1714 12.1143L12.7143 10.6571C12.2 10.1428 11.4857 10.1143 11.0571 10.4857C10.2286 11.2285 9.14286 12.3143 8.2 13.8571ZM2.14286 7.79998C3.68571 6.85712 4.8 5.7714 5.51429 4.94283C5.88571 4.51426 5.85714 3.79998 5.34286 3.25712L3.88571 1.82855C3.62857 1.54283 3.17143 1.54283 2.88571 1.7714L2.2 2.31426C1.82857 2.59998 1.6 3.05712 1.6 3.54283V3.99998C1.6 5.39998 1.8 6.65712 2.14286 7.79998Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514261C2.28571 0.171404 2.82857 -2.47955e-05 3.34286 -2.47955e-05C3.97143 -2.47955e-05 4.57143 0.257118 5.02857 0.68569L6.48571 2.14283C7.48571 3.14283 7.74286 4.79998 6.71429 5.99998C5.88571 6.9714 4.57143 8.22855 2.74286 9.28569C3.2 10.1714 3.74286 10.9428 4.4 11.6C5.05714 12.2571 5.82857 12.8285 6.71429 13.2571C7.77143 11.4285 9.02857 10.1143 10 9.28569C11.2 8.25712 12.8571 8.51426 13.8571 9.54283L15.3143 10.9714C15.7429 11.4285 16 12.0285 16 12.6571C16 13.2 15.8286 13.7143 15.4857 14.1428L14.9429 14.8C14.3429 15.5714 13.4286 16 12.4571 16H12C8.4 16 5.4 14.8571 3.25714 12.7428C1.14286 10.6 0 7.59998 0 3.99998V3.54283C0 2.5714 0.457143 1.65712 1.2 1.05712L1.88571 0.514261ZM8.2 13.8571C9.34286 14.2 10.6 14.4 12 14.4H12.4571C12.9429 14.4 13.4 14.1714 13.6857 13.8L14.2286 13.1428C14.4571 12.8285 14.4571 12.3714 14.1714 12.1143L12.7143 10.6571C12.2 10.1428 11.4857 10.1143 11.0571 10.4857C10.2286 11.2285 9.14286 12.3143 8.2 13.8571ZM2.14286 7.79998C3.68571 6.85712 4.8 5.7714 5.51429 4.94283C5.88571 4.51426 5.85714 3.79998 5.34286 3.25712L3.88571 1.82855C3.62857 1.54283 3.17143 1.54283 2.88571 1.7714L2.2 2.31426C1.82857 2.59998 1.6 3.05712 1.6 3.54283V3.99998C1.6 5.39998 1.8 6.65712 2.14286 7.79998Z" fill="white"/></svg>');
        }

        &.ic-share::before {
            mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.68571 0.88569C10.2857 0.285689 11.0857 -2.47955e-05 12 -2.47955e-05C12.9143 -2.47955e-05 13.7143 0.285689 14.3143 0.88569C14.9143 1.48569 15.2 2.28569 15.2 3.19998C15.2 4.11426 14.9143 4.91426 14.3143 5.51426C13.7143 6.11426 12.9143 6.39998 12 6.39998C11.1143 6.39998 10.2 6.08569 9.6 5.42855L6.31429 7.19998C6.37143 7.45712 6.4 7.71426 6.4 7.99998C6.4 8.28569 6.37143 8.54283 6.31429 8.79998L9.6 10.5714C10.2 9.91426 11.1143 9.59998 12 9.59998C12.9143 9.59998 13.7143 9.88569 14.3143 10.4857C14.9143 11.0857 15.2 11.8857 15.2 12.8C15.2 13.7143 14.9143 14.5143 14.3143 15.1143C13.7143 15.7143 12.9143 16 12 16C11.0857 16 10.2857 15.7143 9.68571 15.1143C9.08571 14.5143 8.8 13.7143 8.8 12.8C8.8 12.5143 8.82857 12.2571 8.88571 12L5.6 10.2285C5 10.8857 4.08571 11.2 3.2 11.2C2.28571 11.2 1.48571 10.9143 0.885714 10.3143C0.285714 9.71426 0 8.91426 0 7.99998C0 7.08569 0.285714 6.28569 0.885714 5.68569C1.48571 5.08569 2.28571 4.79998 3.2 4.79998C4.08571 4.79998 5 5.11426 5.6 5.7714L8.88571 3.99998C8.82857 3.74283 8.8 3.48569 8.8 3.19998C8.8 2.28569 9.08571 1.48569 9.68571 0.88569ZM10.8286 2.02855C10.5714 2.25712 10.4 2.62855 10.4 3.19998C10.4 3.7714 10.5714 4.14283 10.8286 4.39998C11.0571 4.62855 11.4286 4.79998 12 4.79998C12.5714 4.79998 12.9429 4.62855 13.2 4.39998C13.4286 4.14283 13.6 3.7714 13.6 3.19998C13.6 2.62855 13.4286 2.25712 13.2 2.02855C12.9429 1.7714 12.5714 1.59998 12 1.59998C11.4286 1.59998 11.0571 1.7714 10.8286 2.02855ZM1.6 7.99998C1.6 8.5714 1.77143 8.94283 2.02857 9.19998C2.25714 9.42855 2.62857 9.59998 3.2 9.59998C3.77143 9.59998 4.14286 9.42855 4.4 9.19998C4.62857 8.94283 4.8 8.5714 4.8 7.99998C4.8 7.42855 4.62857 7.05712 4.4 6.82855C4.14286 6.5714 3.77143 6.39998 3.2 6.39998C2.62857 6.39998 2.25714 6.5714 2.02857 6.82855C1.77143 7.05712 1.6 7.42855 1.6 7.99998ZM10.4 12.8C10.4 13.3714 10.5714 13.7428 10.8286 14C11.0571 14.2285 11.4286 14.4 12 14.4C12.5714 14.4 12.9429 14.2285 13.2 14C13.4286 13.7428 13.6 13.3714 13.6 12.8C13.6 12.2285 13.4286 11.8571 13.2 11.6285C12.9429 11.3714 12.5714 11.2 12 11.2C11.4286 11.2 11.0571 11.3714 10.8286 11.6285C10.5714 11.8571 10.4 12.2285 10.4 12.8Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.68571 0.88569C10.2857 0.285689 11.0857 -2.47955e-05 12 -2.47955e-05C12.9143 -2.47955e-05 13.7143 0.285689 14.3143 0.88569C14.9143 1.48569 15.2 2.28569 15.2 3.19998C15.2 4.11426 14.9143 4.91426 14.3143 5.51426C13.7143 6.11426 12.9143 6.39998 12 6.39998C11.1143 6.39998 10.2 6.08569 9.6 5.42855L6.31429 7.19998C6.37143 7.45712 6.4 7.71426 6.4 7.99998C6.4 8.28569 6.37143 8.54283 6.31429 8.79998L9.6 10.5714C10.2 9.91426 11.1143 9.59998 12 9.59998C12.9143 9.59998 13.7143 9.88569 14.3143 10.4857C14.9143 11.0857 15.2 11.8857 15.2 12.8C15.2 13.7143 14.9143 14.5143 14.3143 15.1143C13.7143 15.7143 12.9143 16 12 16C11.0857 16 10.2857 15.7143 9.68571 15.1143C9.08571 14.5143 8.8 13.7143 8.8 12.8C8.8 12.5143 8.82857 12.2571 8.88571 12L5.6 10.2285C5 10.8857 4.08571 11.2 3.2 11.2C2.28571 11.2 1.48571 10.9143 0.885714 10.3143C0.285714 9.71426 0 8.91426 0 7.99998C0 7.08569 0.285714 6.28569 0.885714 5.68569C1.48571 5.08569 2.28571 4.79998 3.2 4.79998C4.08571 4.79998 5 5.11426 5.6 5.7714L8.88571 3.99998C8.82857 3.74283 8.8 3.48569 8.8 3.19998C8.8 2.28569 9.08571 1.48569 9.68571 0.88569ZM10.8286 2.02855C10.5714 2.25712 10.4 2.62855 10.4 3.19998C10.4 3.7714 10.5714 4.14283 10.8286 4.39998C11.0571 4.62855 11.4286 4.79998 12 4.79998C12.5714 4.79998 12.9429 4.62855 13.2 4.39998C13.4286 4.14283 13.6 3.7714 13.6 3.19998C13.6 2.62855 13.4286 2.25712 13.2 2.02855C12.9429 1.7714 12.5714 1.59998 12 1.59998C11.4286 1.59998 11.0571 1.7714 10.8286 2.02855ZM1.6 7.99998C1.6 8.5714 1.77143 8.94283 2.02857 9.19998C2.25714 9.42855 2.62857 9.59998 3.2 9.59998C3.77143 9.59998 4.14286 9.42855 4.4 9.19998C4.62857 8.94283 4.8 8.5714 4.8 7.99998C4.8 7.42855 4.62857 7.05712 4.4 6.82855C4.14286 6.5714 3.77143 6.39998 3.2 6.39998C2.62857 6.39998 2.25714 6.5714 2.02857 6.82855C1.77143 7.05712 1.6 7.42855 1.6 7.99998ZM10.4 12.8C10.4 13.3714 10.5714 13.7428 10.8286 14C11.0571 14.2285 11.4286 14.4 12 14.4C12.5714 14.4 12.9429 14.2285 13.2 14C13.4286 13.7428 13.6 13.3714 13.6 12.8C13.6 12.2285 13.4286 11.8571 13.2 11.6285C12.9429 11.3714 12.5714 11.2 12 11.2C11.4286 11.2 11.0571 11.3714 10.8286 11.6285C10.5714 11.8571 10.4 12.2285 10.4 12.8Z" fill="white"/></svg>');
        }

        &.is-ic-white::before {
            background-color: var(--full-white-clr);
        }

        &.sc__btn-ic-cursor {
            position: relative;
            overflow: inherit;

            &::before {
                background-image: url('data:image/svg+xml,<svg width="20" height="27" viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4302 24.8223C14.9281 25.1599 14.2814 25.0333 13.9438 24.5312L9.38869 17.7592L8.83378 16.9341L8.00575 17.4835L3.86982 20.2291L3.86427 20.232C3.58012 20.4229 3.24641 20.1715 3.30379 19.8775L3.33457 19.7203L3.31497 19.5612L1.01926 1.19978C1.07666 1.08322 1.1819 1.01245 1.31149 1.00325L17.4511 10.0546L17.591 10.1327L17.7482 10.1635C17.9002 10.1933 17.9925 10.2927 18.0213 10.4409C18.0497 10.5879 18.0056 10.7503 17.843 10.8687L12.9334 14.1704L13.4914 15.0001L18.0454 21.7729C18.383 22.2749 18.2563 22.9217 17.7543 23.2593L15.4302 24.8223Z" fill="black" stroke="white" stroke-width="2"/></svg>');
                background-size: contain;
                background-repeat: no-repeat;
                mask-image: none !important;
                position: absolute;
                inset: auto -13px -13px auto;
                background-color: transparent;
                width: 23px;
                height: 23px;
                transition: transform 0.3s ease;
            }

            &:hover::before {
                transform: translate(-4px, -4px) scale(0.9);
            }
        }

        &:not(.sc__btn-ic-cursor):hover::before {
            background-color: currentColor;
        }
    }

    &.sc__btn-primary,
    &.sc__btn-secondary,
    &.sc__btn-tertiary {
        &.sc__btn-has-ic::before {
            background-color: currentColor;
            transition: background-color 0.35s ease;
        }
    }

    &.sc__base-clr {
        color: var(--base-clr);
    }

    &.sc__white-clr {
        color: var(--full-white-clr);
    }

    &.sc__clr-secondary {
        color: var(--secondary-clr);
    }

    &.sc__clr-tertiary {
        color: var(--tertiary-clr);
    }

    &.sc__clr-primary {
        color: var(--primary-clr);
    }

    &.sc__fw__300 {
        font-weight: var(--fw-300);
    }

    &.sc__fw__400 {
        font-weight: var(--fw-400);
    }

    &.sc__fw__500 {
        font-weight: var(--fw-500);
    }

    &.sc__fw__600 {
        font-weight: var(--fw-600);
    }

    &.sc__fw__700 {
        font-weight: var(--fw-700);
    }

    &.sc__fw__800 {
        font-weight: var(--fw-800);
    }

    &.sc__fw__900 {
        font-weight: var(--fw-900);
    }
}

#primary {
    padding: 0;
}

.sc__breadcrumb,
.woocommerce-breadcrumb {
    --_sc-bc-gap: 64px;
    --_sc-before-bc-gap: 24px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: var(--_sc-bc-gap) !important;
    row-gap: calc(var(--_sc-bc-gap) / 4) !important;
    font-size: var(--fs-16) !important;
    color: var(--base-clr) !important;
    font-weight: var(--fw-700) !important;
    font-family: var(--font-family-primary) !important;
    line-height: var(--lh-100) !important;

    &>a {
        display: block;
        font-size: var(--fs-16);
        color: var(--base-clr) !important;
        font-weight: var(--fw-400);
        font-family: var(--font-family-primary);
        line-height: var(--lh-100);
        position: relative;

        &::before {
            content: "";
            cursor: initial;
            position: absolute;
            inset-inline-end: calc(calc(calc(var(--_sc-bc-gap) / 2) + calc(var(--_sc-before-bc-gap) / 2)) * -1);
            inset-block-start: 50%;
            transform: translateY(-50%);
            background-image: url('/wp-content/uploads/2026/06/angle-right.svg');
            background-repeat: no-repeat;
            background-size: 33%;
            background-position: center;
            width: var(--_sc-before-bc-gap);
            height: var(--_sc-before-bc-gap);
            display: block;
            border-radius: 50%;
            background-color: var(--parchment-clr);

        }
    }
}

.woocommerce-breadcrumb {
    padding: 20px !important;
    margin: 0 !important;
}

.woocommerce-breadcrumb::before,
.woocommerce-breadcrumb::after {
    display: none !important;
}

.sc__yoast_breadcrumb {
    background-color: var(--full-white-clr);
    padding-block: 20px;
    padding-inline: 20px;

    #breadcrumbs {
        --_sc-bc-gap: 64px;
        --_sc-before-bc-gap: 24px;

        &>span {
            display: flex;
            gap: var(--_sc-bc-gap);


            span {
                display: inline-block;
                font-size: var(--fs-16);
                color: var(--base-clr);
                font-weight: var(--fw-400);
                font-family: var(--font-family-primary);
                line-height: var(--lh-100);
                position: relative;

                &:not(:first-child) {
                    &::before {
                        content: "";
                        position: absolute;
                        inset-inline-start: calc(calc(calc(var(--_sc-bc-gap) / 2) + calc(var(--_sc-before-bc-gap) / 2)) * -1);
                        inset-block-start: 50%;
                        transform: translateY(-50%);
                        background-image: url('/wp-content/uploads/2026/06/angle-right.svg');
                        background-repeat: no-repeat;
                        background-size: 33%;
                        background-position: center;
                        width: var(--_sc-before-bc-gap);
                        height: var(--_sc-before-bc-gap);
                        display: block;
                        background-color: transparent;
                        border-radius: 50%;

                    }
                }

                a {
                    font: inherit;
                    text-decoration: none;
                    color: inherit;
                }

                &:is(.breadcrumb_last) {
                    font-weight: var(--fw-700);

                    &::before {
                        background-color: var(--parchment-clr);
                    }
                }
            }
        }
    }
}

/* header */

#sc__header-sentinel {
    position: absolute;
    top: 60px;
}

#sc__masthead {
    --_up-head-list-min-height: auto;
    --_up-head-elem-gap: clamp(30px, 2vw, 40px);
    --_up-head-list-padd-block: 8px;
    --_up-head-list-gap: clamp(10px, 1.2vw, 20px);

    /* menu */
    --_header-logo-width: clamp(130px, 16vw, 196px);

    /* styles */
    /* position: sticky;
    top: 0;
    inset-inline: 0; */
    background-color: transparent;
    z-index: var(--z-high);
    padding-inline: 0;
    position: fixed;
    position: fixed;
    top: 0;
    inset-inline: 0;
    bottom: auto;
    z-index: 200;
    transition: background-color .3s;
    /* transition-delay: 0.2s; */

    &.scroll {
        --_header-logo-width: clamp(90px, 12vw, 160px);

        /* position: fixed;
        inset-block: 0 auto;
        inset-inline: 0; */
        background-color: var(--full-white-clr);
        /* animation: sc__header-fall 0.4s ease-out; */

        .btn_toggle {
            &>span {
                background-color: var(--primary-clr);
            }
        }

        &:has(.sc__sidebar.open) {
            .sc__menu::before {
                transform: translateX(0%) !important;
                visibility: visible !important;
                opacity: 1 !important;

            }

            .btn_toggle {
                &>span {
                    background-color: var(--full-white-clr);
                }
            }
        }

        .mega-menu {
            top: 65%;
        }
    }

    &:has(.sc__sidebar.open) {
        .sc__menu::before {
            transform: translateX(0%) !important;
            visibility: visible !important;
            opacity: 1 !important;

        }
    }


    .sc__header {
        display: block;
    }

    .btn_toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 34px;
        gap: 12px;
        height: max-content;
        position: relative;
        z-index: 200;

        &>span {
            display: block;
            width: 100%;
            height: 4px;
            border-radius: var(--radius-5);
            background-color: var(--full-white-clr);
        }
    }

    .sc__upheader-list-info {
        background-color: var(--full-white-clr);
        position: relative;
        z-index: 200;

        &>div {
            min-height: var(--_up-head-list-min-height);
            display: flex;
            align-items: center;
            justify-content: center;
            padding-block: var(--_up-head-list-padd-block);
            gap: var(--_up-head-elem-gap);
            padding-inline: 20px;
        }

        .sc__up-head-list {
            display: flex;
            align-items: center;
            margin: 0;
            gap: var(--_up-head-list-gap);

            &>li {
                position: relative;

                &:has(.sc__cart-count) {
                    position: relative;
                }

                .sc__cart-count {
                    font: inherit;
                    font-size: inherit;
                    font-weight: inherit;
                    color: var(--primary-clr);
                    margin-inline-start: -4px;
                    font-size: 10px;
                    font-weight: var(--fw-700);
                }

                .sc__tooltip {
                    font-family: var(--font-family-fantaisy);
                    font-size: var(--fs-20);
                    font-weight: var(--fw-400);
                    color: var(--base-clr);
                    line-height: var(--lh-100);
                    background-color: var(--secondary-light-clr);
                    padding-inline: 8px;
                    padding-block: 2px 4px;
                    max-width: max-content;
                    border-radius: 500px;
                    position: absolute;
                    inset-inline-end: 0;
                    inset-inline-start: auto;
                    inset-block-start: -30px;
                    display: none;

                    &>span {
                        font: inherit;
                        color: inherit;
                    }

                    &::before {
                        content: "";
                        width: 0px;
                        height: 0px;
                        border-style: solid;
                        border-width: 14px 10px 0 10px;
                        border-color: var(--secondary-light-clr) transparent transparent transparent;
                        display: block;
                        position: absolute;
                        inset-block-start: auto;
                        inset-block-end: -10px;
                        inset-inline-start: auto;
                        inset-inline-end: 24px;
                    }
                }

                a {
                    position: relative;
                    display: flex;
                    align-items: center;
                    font-size: 10px;
                    line-height: var(--lh-100);
                    font-weight: var(--fw-500);
                    font-family: var(--font-family-primary);
                    color: var(--base-clr);
                    text-transform: uppercase;
                    letter-spacing: var(--lsp-2);
                    gap: 5px;

                    &>span {
                        font: inherit;
                        color: inherit;
                        letter-spacing: inherit;
                    }

                    &::before {
                        content: "";
                        width: 18px;
                        height: 18px;
                        display: block;
                        position: relative;
                        background-color: var(--parchment-clr);
                        border-radius: 100vw;
                        background-image: url('/wp-content/uploads/2026/06/location-dot.svg');
                        background-repeat: no-repeat;
                        background-size: 50%;
                        background-position: center;
                        box-sizing: border-box;
                    }
                }

                &:is(:nth-child(2)) {
                    a::before {
                        background-image: url('/wp-content/uploads/2026/06/envelope.svg');
                    }
                }
            }

            &:is(:nth-child(2)) {
                position: relative;

                &::before {
                    content: '';
                    position: absolute;
                    left: calc((var(--_up-head-elem-gap) / 2) * -1);
                    top: 0;
                    bottom: 0;
                    width: 2px;
                    display: block;
                    background: var(--base-clr);

                }

                &>li {
                    & a {
                        &::before {
                            background-color: var(--tertiary-clr);
                            background-image: url('/wp-content/uploads/2026/06/cart-shopping.svg');
                        }
                    }

                    &:is(:nth-child(2)) {
                        a::before {
                            background-image: url('/wp-content/uploads/2026/06/user.svg');
                        }
                    }
                }
            }
        }

        .sc__up-left {
            &>li>a>span {
                display: none;
            }
        }


    }

    .sc_lang {
        display: none;

        a {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 100%;
            }
        }
    }

    .sc__header-wrapper-container {
        width: 100%;
        background-color: transparent;
        position: relative;
        transition: background-color .3s;

        #sc__header {
            margin-block-start: clamp(20px, 2vw, 33px);
            position: initial;

            .sc__menu {
                display: flex;
                justify-content: space-between;
                gap: 40px;
                padding-inline: 20px;
                align-items: center;
                position: initial;

                #sc_logo {
                    width: var(--_header-logo-width);
                    background: transparent;
                    display: grid;
                    place-content: center;
                    place-items: center;
                    position: relative;
                    z-index: 200;
                    transition: width .3s;

                    * {
                        width: 100%;
                    }
                }

                .sc__menu-container {
                    width: max-content;
                    display: none;

                    .sc__menu-header {
                        gap: 20px;

                        &>li {

                            &>a,
                            &>span {
                                font-size: var(--fs-26);
                                font-weight: var(--fw-700);
                                text-transform: uppercase;
                                letter-spacing: var(--lsp-3);
                                line-height: var(--lh-100);
                                font-family: var(--font-family-title);
                                display: block;
                                color: var(--base-clr);
                                cursor: pointer;

                                transition: color .4s;

                                &>span {
                                    font-family: var(--font-family-fantaisy);
                                    display: block;
                                    line-height: var(--lh-100);
                                    font-size: inherit;
                                    text-transform: initial;
                                    font-weight: var(--fw-400);
                                    color: var(--base-clr);
                                    transition: color .4s;
                                }

                                &:hover {
                                    color: var(--secondary-clr);

                                    span {
                                        color: var(--secondary-clr);
                                    }
                                }
                            }

                            &.has-megamenu:not(.sc-only-recette),
                            &.hidden-rs {
                                .mega-menu__static-right {
                                    display: none;
                                }

                                .mega-menu {

                                    .mega-menu__inner {
                                        padding-top: 94px;

                                        .mega-menu__columns {
                                            width: calc(100% - (100% / 3));
                                            flex-wrap: wrap;
                                            flex-direction: row;

                                            &>.mega-menu__link {
                                                width: calc(100% / 2.2);
                                            }
                                        }
                                    }
                                }
                            }

                            &:not(.has-megamenu):has(.sub-menu) {
                                position: relative;

                                .sub-menu {
                                    background-color: var(--full-white-clr);
                                    border-radius: 5px;
                                    padding: 15px;
                                    opacity: 0;
                                    visibility: hidden;
                                    position: absolute;
                                    top: calc(100% + 20px);
                                    width: max-content;
                                    left: 50%;
                                    transform: translate(-50%, 0);
                                    z-index: 10;
                                    text-align: left;
                                    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
                                    transition: opacity .3s, visibility .3s, transform .3s;

                                    &>li>* {
                                        cursor: pointer;
                                        font-size: clamp(var(--fs-14), 1.2vw, var(--fs-16));
                                        font-weight: var(--fw-400);
                                        line-height: var(--lh-130);
                                        color: var(--base-clr);
                                        width: 100%;
                                        display: inline-flex;
                                        padding-inline-end: 30px;
                                        margin-block: 10px;
                                        transition: color .3s;

                                        &:hover {
                                            color: var(--secondary-clr);
                                        }
                                    }
                                }


                                @media (min-width: 1200px) {

                                    &:hover>.sub-menu,
                                    &.is-open>.sub-menu {
                                        opacity: 1;
                                        visibility: visible;
                                    }
                                }


                                @media (max-width: 1199px) {
                                    .sub-menu {
                                        position: relative;
                                        inset: initial;
                                        width: 100%;
                                        transform: none;
                                        opacity: 1;
                                        visibility: visible;
                                        box-shadow: none;
                                        display: none;
                                        overflow: hidden;
                                        background-color: transparent;
                                        padding: 0 0 0 1rem;

                                        &>li>* {
                                            color: var(--full-white-clr);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &.mobile {
        .sc__header-wrapper-container {
            #sc__header {

                .mega-menu {
                    padding: 0;
                    position: fixed;
                    top: 0;
                    transform: translateX(100%);
                    transition: transform .4s;
                }

                .mega-menu__inner {
                    flex-direction: column;
                    padding: 135px 20px 34px !important;

                    &>div {
                        width: 100% !important;

                        .mega-menu__link {
                            width: 100% !important;
                        }
                    }

                    .mega-menu__static-right {
                        .sc__mega-menu-right-deco {
                            inset: -20px auto auto 0px;
                        }
                    }
                }

                .menu-item-has-children.has-megamenu.js-mega-menu-open>.mega-menu {
                    transform: translateX(0%);
                }

                .sc__menu {

                    &::before {
                        content: "";
                        position: absolute;
                        z-index: 198;
                        display: block;
                        width: 100%;
                        height: calc(100% + clamp(20px, 2vw, 33px));
                        background-image: url('/wp-content/uploads/2026/06/Rouge1.svg');
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                        inset: calc(clamp(20px, 2vw, 33px) * -1) 0 0;
                        transition: transform .5s, opacity .3s, visibility .3s;
                        transform: translateX(100%);
                        opacity: 0;
                        visibility: hidden;

                    }

                    .sc__menu-container {
                        width: 100%;
                        display: block;
                        transform: translateX(200%);
                        position: fixed;
                        inset: 50px 0 0;
                        padding: 135px 20px 60px;
                        transition: transform .4s;
                        background-image: url(/wp-content/uploads/2026/06/Rouge1.svg);
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                        z-index: 100;

                        &.open {
                            transform: translateX(0);
                            overflow: auto;
                        }

                        .sc__menu-header {
                            display: flex;
                            flex-direction: column;

                            &>li {

                                &>a,
                                &>span {
                                    color: var(--full-white-clr);
                                }
                            }
                        }

                    }
                }
            }
        }
    }
}

@keyframes sc__header-fall {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

html:has(.sc__menu-container.open),
html:has(.js-mega-menu-open) {
    overflow: hidden !important;
}

/* Homepage */

@keyframes scale-out {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.08);
    }
}

/* Homepage */

.sc__home-header-banner {
    --_bannder-padd-bs: clamp(50px, 5vw, 80px);
    --_banner-height: auto;
    --_banner-text-content-gap: 80px;
    --_banner-text-inline-padding: 20px;

    .sc__s1-wrapper {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        margin-block-start: calc(var(--header-height) * -1);
        height: var(--_banner-height);
        overflow: hidden;


        &>div {
            flex: 0 0 50%;
        }

        .sc__s1-text {
            padding-block-start: calc(var(--header-height) + var(--_bannder-padd-bs));
            padding-block-end: clamp(20px, 5vw, 62px);
            background-image: url('/wp-content/uploads/2026/06/Rouge1.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            gap: var(--_banner-text-content-gap);
            justify-content: space-between;
            padding-inline-start: var(--_banner-text-inline-padding);
            padding-inline-end: 20px;

            .sc__s1-title-wrapper {
                width: max-content;
                max-width: 100%;
                position: relative;

                .title-tip {
                    background-color: var(--secondary-clr);
                    color: var(--base-clr);
                    font-family: var(--font-family-fantaisy);
                    font-size: clamp(var(--fs-35), 3.4vw, 53px);
                    line-height: var(--lh-100);
                    font-weight: var(--fw-400);
                    border-radius: 40% 40% 20% 20% / 60% 60% 35% 35%;
                    transform: rotate(-4deg);
                    text-transform: uppercase;
                    width: max-content;
                    padding: 5px 12px 2px;
                    position: absolute;
                    inset: auto -28% -32% auto;
                    transform-origin: center;
                    animation: scale-out 2s ease-in-out infinite alternate;

                    &::after {
                        content: "";
                        position: absolute;
                        left: 18%;
                        top: -18px;
                        width: 0;
                        height: 0;
                        border-left: 18px solid transparent;
                        border-right: 4px solid transparent;
                        border-bottom: 30px solid var(--secondary-clr);
                        transform: rotate(-28deg);
                    }

                }
            }
        }

        .sc__s1-img-or-vid {
            height: 100%;
            position: relative;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .media-container {
                height: 100%;
                display: grid;

                .sc__video-banniere,
                picture {
                    grid-column: 1/-1;
                    grid-row: 1/-1;
                }

                picture {
                    height: 390px;
                    overflow: hidden;
                }

            }

            .media-cta {
                position: absolute;
                text-align: center;
                z-index: var(--z-medium);
                inset: auto 0 clamp(23px, 5.5vw, 103px);
            }

            .media-decoration {
                width: max-content;
                position: absolute;
                inset: 66% auto auto 72px;
                z-index: var(--z-medium);
                display: none;
                animation: sc__float_bump 2.5s ease-in-out infinite;

                .heart-deco {
                    width: max-content;
                    display: flex;
                    align-items: end;
                    position: absolute;
                    inset: -30px 0 auto auto;

                    &>span {
                        width: 50px;
                        height: 50px;
                        display: flex;
                        flex-direction: column;
                        align-content: center;
                        justify-content: center;

                        svg {
                            width: 100%;
                            /* animation: sc__float_bump 1.2s ease-in-out infinite; */
                        }

                        &:last-child {
                            width: 38px;
                            height: 38px;
                            rotate: 32deg;
                        }
                    }
                }

                .big-text {
                    font-size: clamp(var(--fs-20), 2.2vw, var(--fs-30));
                    color: var(--base-clr);
                    font-weight: var(--fw-700);
                    text-transform: uppercase;
                    line-height: 88%;
                    width: max-content;
                    font-family: var(--font-family-title);
                    background-color: var(--full-white-clr);
                    padding: 20px 20px 22px;
                    border-radius: 50px 40px 55px 25px / 35px 60px 40px 55px;
                }

                .sm-text {
                    display: flex;
                    flex-direction: column;
                    margin-inline-start: clamp(28px, 3vw, 35px);
                    margin-block-start: -12px;
                    position: relative;

                    &>span {
                        max-width: max-content;
                        font-size: var(--fs-18);
                        font-family: var(--font-family-fantaisy);
                        line-height: 90%;
                        color: var(--full-white-clr);
                        font-weight: var(--fw-400);
                        padding: 0px 10px 20px;
                        border-radius: 50px;
                        background-color: var(--base-clr);

                        &:last-child {
                            margin-block-start: -10px;
                            padding: 0 10px 5px;
                        }
                    }

                }
            }
        }
    }

}

@keyframes sc__float_bump {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }
}

/* Home product suggestion */
.sc__s2 {
    --_sc__s2-home-padd: 60px 20px;
    --_sc__s2-home-wrapper-pb: 92px 104px;
    --_sc__s2-home-wrapper-pis: calc(((100vw - min(100%, 1410px)) / 2) - var(--_sc__s2-home-padd));
    --_sc__s2-prd-img-h: 330px;

    padding: var(--_sc__s2-home-padd);
    background-color: var(--parchment-clr);


    .sc__s2-container-wrapper {
        position: relative;
    }

    .sc_brioche-ic {
        display: none;
    }

    .sc__s2-prd-list-wrapper {
        padding-inline-start: var(--_sc__s2-home-wrapper-pis);

        .sc__swiper-navs {
            margin-block-start: 20px;
        }
    }

    .sc__s2-title-wrapper {
        display: flex;
        flex-direction: column;
        gap: clamp(24px, 3.5vw, 54px);

        .sc__s2-prd-title {

            &>span {
                font: inherit;
                display: inline-block;
                color: inherit;
                position: relative;

                &::before {
                    background-color: var(--secondary-clr);
                }

                &.sc__has-hat::before {
                    inset: -10px auto auto -30px;
                    opacity: 0;
                    width: 0;
                    transition: opacity .4s, width .5s;
                }
            }

            span.has-deco {
                isolation: isolate;
                padding: 5px 26px;

                &::before {
                    content: "";
                    inset: 0;
                    border-radius: 50px 40px 55px 25px / 35px 60px 40px 55px;
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    z-index: -1;
                    opacity: 0;
                    filter: blur(5px);
                    transition: opacity .4s, filter .5s;
                }
            }
        }
    }

    .sc__s2-prd-list {
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: var(--z-low);
        margin-block-start: clamp(40px, 4.5vw, 80px);

        .sc__s2-prd-item {
            /* width: 22%; */
            height: auto;

            .sc__s2-prd-inner-item {
                display: flex;
                flex-direction: column;
                height: 100%;
            }

            .sc__s2-prd-inner-infos {
                display: flex;
                flex-direction: column;
                margin-top: auto;
            }

            .sc__s2-prd-img {
                display: block;
                width: 100%;
                height: var(--_sc__s2-prd-img-h);
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    scale: 1;
                    transition: scale .4s;
                }

                /* &:hover {
                    scale: 1.4;
                } */
            }

            .sc__s2-prd-inner-item:hover {
                .sc__s2-prd-img img {
                    scale: 1.2;
                }
            }

            .sc__s2-prd-name {
                padding-inline: 12px;
                margin-block-start: -20px;

                a {
                    display: block;
                    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-38));
                    width: max-content;
                    max-width: 100%;
                    padding: 10px;
                    font-family: var(--font-family-title);
                    color: var(--base-clr);
                    text-transform: uppercase;
                    font-weight: var(--fw-700);
                    border-radius: var(--radius-10);
                    rotate: -4deg;
                    background-color: var(--full-white-clr);
                }
            }

            .sc__s2-prd-bottom {
                margin-block-start: 15px;
                display: flex;
                flex-direction: column;
                flex: 1;

                .sc__s2-prd-price {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    margin-block-start: 12px;
                    font-size: var(--fs-18);
                    font-weight: var(--fw-700);
                    line-height: var(--lh-100);
                    color: var(--base-clr);
                    gap: 5px;
                }

                .sc__s2-prd-excerpt {
                    flex: 1;
                }

                .sc__s2-prd-excerpt,
                .sc__s2-prd-excerpt p {
                    font-size: var(--fs-16);
                    font-weight: var(--fw-400);
                    line-height: var(--lh-110);
                    color: var(--base-clr);
                    text-align: center;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    height: 18px;
                }

                .sc__s2-btn-wrapper {
                    margin-top: 0;
                    text-align: center;
                    padding-block-start: 15px;
                }

                .sc__s2-prd-btn {
                    display: inline-flex;
                    width: max-content;
                    max-width: 100%;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-600);
                    line-height: var(--lh-100);
                    color: var(--base-clr);
                    background-color: var(--secondary-clr);
                    padding: 10px;
                    border-radius: var(--radius-5);
                    transition: opacity .4s;
                }

                .sc__s2-prd-deco {
                    display: none;
                    align-content: center;
                    justify-content: center;
                    margin-block-start: 20px;
                }
            }

            /* .sc__s2-prd-inner-item .sc__s2-prd-btn {
                opacity: 0;
            } */

            .sc__s2-prd-inner-item:hover .sc__s2-prd-btn {
                opacity: 1;
            }
        }
    }

    .sc__s2-home-prd-cta {
        text-align: center;
        margin-block-start: clamp(40px, 4.5vw, 80px);
    }

    .is-on-viewport-anim {
        .sc__s2-title-wrapper {
            .sc__s2-prd-title {
                .sc__has-hat {
                    &::before {
                        opacity: 1;
                        width: 40px;
                    }
                }

                .has-deco {
                    &::before {
                        opacity: 1;
                        filter: blur(0px);
                        animation: sc__float 1.5s ease-in-out infinite;
                    }
                }
            }
        }
    }
}

@keyframes sc__float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes sc__float_strong {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* Home s3 */
.sc__s3-2col-img {
    --_sc__store-archive-footer-2col-padd-bl: 60px;
    --_stripe-size: 190px;
    --_title-width: min(500px, 100%);
    --_img-height: 270px;
    --_txt_wrapper-padd: clamp(20px, 2vw, 40px);
    --_txt_wrapper-mbs: 40px;

    padding-block: var(--_sc__store-archive-footer-2col-padd-bl);
    background-image: linear-gradient(90deg, hsl(from var(--secondary-light-clr) h s l / 0.5) 50%, hsl(from var(--secondary-clr) h s l / 0.5) 0%);
    background-size: var(--_stripe-size) var(--_stripe-size);
    background-repeat: repeat;

    .sc__inner {
        .sc__title {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            column-gap: 10px;

            span {
                display: inline-block;
                max-width: 100%;
                width: max-content;

                &.sc__title-highlight-no-border::before {
                    display: none;
                }

                &.sc__title-highlight-no-border {
                    animation: scale-out 2s ease-in-out infinite alternate;
                }

                &:nth-child(2) {
                    font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                    display: inline-flex;
                    line-height: var(--lh-100);
                    font-family: var(--font-family-title);
                    text-transform: uppercase;
                    gap: 10px;

                    &>span {
                        font: inherit;
                        font-family: var(--font-family-fantaisy);
                        letter-spacing: -2%;
                        rotate: -4deg;
                        font-weight: var(--fw-400);
                    }
                }
            }
        }
    }

    .sc__up-wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px;

        .sc__title-wrapper {
            width: var(--_title-width);
        }

        .sc__img-wrapper {
            width: 100%;
            height: var(--_img-height);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    .sc__text-wrapper {
        width: 100%;
        background-color: var(--full-white-clr);
        border-radius: var(--radius-10);
        padding: var(--_txt_wrapper-padd);
        margin-block-start: var(--_txt_wrapper-mbs);
        display: block;
        position: relative;
        z-index: var(--z-medium);
        font-size: var(--fs-20);
        line-height: var(--lh-130);
        color: var(--base-clr);
        font-weight: var(--fw-400);

        .text {
            font-size: var(--fs-20);
            line-height: var(--lh-130);
            color: var(--base-clr);
            font-weight: var(--fw-400);
            font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
            margin-block: 20px clamp(20px, 2.5vw, 40px);
        }

        ul {
            list-style: none;
            display: flex;
            gap: 20px;
            flex-wrap: wrap;

            &>li {
                font-size: var(--fs-20);
                line-height: var(--lh-130);
                color: var(--base-clr);
                font-weight: var(--fw-400);
                width: calc(50% - 10px);
                padding-inline-start: 42px;

                background-image: url('/wp-content/uploads/2026/07/Group-12.svg');
                background-size: 22px;
                background-repeat: no-repeat;
                background-color: left top;
            }
        }
    }

}

.sc__s4-home {
    --_sc__s4-padd-block: 60px;
    --_sc__s4-img-wrapper-width: min(45%, 485px);
    --_sc__s4-text-el-gap: clamp(40px, 4.5vw, 80px);

    /* image parameter */
    --_sc_s4-img-width: 215px;
    --_sc_s4-img-height: 310px;
    --_sc_s4-sm-img-height: 230px;
    --_sc_s4-sm-img-width: 165px;

    padding: 0;

    .wrapper {
        background-color: var(--full-white-clr);
        padding-block: var(--_sc__s4-padd-block);
        padding-inline: 20px;
        width: 100%;
        position: relative;
    }

    .sc__s4-home-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 40px;


        sc__title-wrapper {
            display: flex;
            align-items: flex-end;
        }

        .sc__s4-imgs {
            position: relative;
            display: flex;
            align-items: flex-end;
            max-width: 100%;

            &::before {
                content: "";
                width: 50%;
                height: 70px;
                position: absolute;
                inset: auto auto -30px 40%;
                transform: translateX(-50%);
                display: block;
                background-image: url('/wp-content/uploads/2026/07/Frame-421.svg');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                z-index: var(--z-medium);
            }
        }

        .sc__img-wrapper {
            display: flex;
            flex-direction: column;
            width: var(--_sc_s4-img-width);
            height: var(--_sc_s4-img-height);

            &.small {
                box-shadow: -10px -10px 0px 0px var(--full-white-clr);
                rotate: 8deg;
                width: var(--_sc_s4-sm-img-width);
                height: var(--_sc_s4-sm-img-height);
                margin: auto auto -10% -18%;
            }


            img {
                display: grid;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .sc__content-text {
            display: flex;
            flex-direction: column;
            gap: var(--_sc__s4-text-el-gap);
            margin-block-start: 20px;
        }

        .sc__title {
            font-size: clamp(var(--fs-60), 6.5vw, var(--fs-100));
            line-height: var(--lh-100);
            font-weight: var(--fw-700);
            color: var(--base-clr);
            text-transform: uppercase;
            font-family: var(--font-family-title);
            text-align: right;

            span {
                font: inherit;
                color: inherit;
            }

            .sc__f-fantaisy {
                font-family: var(--font-family-fantaisy);
                letter-spacing: -2%;
                text-transform: uppercase;
                font-size: inherit;
                line-height: inherit;
                rotate: -4deg;
                display: inline-block;

            }

            .sc__title-has-hat {
                font-family: var(--font-family-title);
                display: inline-block;
                position: relative;

                &::before {
                    content: '';
                    display: none;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    inset: -25px -20px auto auto;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: var(--tertiary-clr);
                    mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
                }
            }
        }

        .sc__s4-text-wrapper {


            .sc__text {
                margin-block: 20px clamp(20px, 2.5vw, 40px);

                ul {
                    list-style: initial;
                    padding-inline-start: 14px;

                    li {
                        margin-block-start: 8px;
                    }
                }
            }
        }

    }

    .sc__s4-footer {
        margin-block-start: 40px;
    }
}

.sc__s5-pin-wrapper {
    position: relative;

    .sc__s5-deco {
        font-family: var(--font-family-fantaisy);
        font-size: clamp(var(--fs-57), 4.5vw, var(--fs-67));
        color: var(--base-clr);
        background-color: var(--full-white-clr);
        line-height: 80%;
        padding: 10px;
        border-radius: 20px;
        width: max-content;
        max-width: 95%;
        position: absolute;
        inset: -44px auto auto 50%;
        transform: translateX(-50%);
        rotate: -4deg;
        z-index: var(--z-medium);
    }
}

.sc__s5-home {
    --_sc__s5-padd-bl: 90px 60px;
    --_sc__s5-right-list-width: 305px;
    --_s5-text-inner-reg-gap: clamp(40px, 4.8vw, 80px);
    --_s5-text-inner-sm-gap: clamp(20px, 2.8vw, 40px);

    padding-block: var(--_sc__s5-padd-bl);
    background-color: var(--primary-clr);
    position: relative;

    .sc__s5-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }


    .sc__s5-left {
        width: 100%;

        .subtitle {
            margin-block: var(--_s5-text-inner-reg-gap) var(--_s5-text-inner-sm-gap);
        }

        img {
            width: 100%;
        }

        .img-wrapper {
            position: relative;
            margin-block: 50px;
            width: fit-content;
            margin-inline: auto;

            .sc__img {
                width: 290px;
                height: 290px;
                max-width: 100%;
                border-radius: 50%;
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .sc__img-big {
                display: none;
            }

            .sc__svg-1 {
                position: absolute;
                width: 130px;
                top: -20px;
                right: 0;
                height: 110px;

                svg {
                    width: 100%;
                    height: 100%;
                }
            }

            .sc__svg-2 {
                position: absolute;
                width: 220px;
                bottom: -30px;
                height: 80px;
                right: 20px;
                transform: rotate(5deg);

                svg {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }

    .sc__s5-right {
        width: 100%;

        .item {
            display: flex;
            align-items: center;
            gap: 30px;
            padding-block: 20px;

            &:not(:first-child) {
                border-top: 1px solid hsl(from var(--full-white-clr) h s l / 0.5);
            }

            .icon {
                display: block;
                width: 67px;
                flex-shrink: 0;
            }

            .item-desc {
                font-size: var(--fs-16);
                color: var(--full-white-clr);
                font-weight: var(--fw-400);
                line-height: var(--lh-100);
            }
        }
    }
}

.sc__s6-home {
    --_s6-text-inner-reg-gap: 40px;
    --_s6-text-inner-sm-gap: 20px;
    --_sc__asl-banner-height: 300px;

    padding-block: 40px 180px;

    .sc_brioche-ic {
        display: none;
    }


    .asl-top-area {
        min-height: auto !important;
    }


    .sc__s6-wrapper {
        display: flex;
        flex-direction: column;

        .sc__s6-map {
            position: relative;

            .sc__s6-deco-map {
                width: 210px;
                height: 216px;
                position: absolute;
                left: 50%;
                bottom: -150px;
                z-index: 100;
                transform: translateX(-50%);

            }
        }

        .sc__s6-text {
            margin-block-end: 14px;

            .subtitle {
                margin-block: var(--_s6-text-inner-reg-gap) var(--_s6-text-inner-sm-gap);
            }

            .sc__s6-cta {
                display: none;
                margin-block-start: var(--_s6-text-inner-reg-gap);
            }

            .title {
                font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
                font-family: var(--font-family-title);
                text-transform: uppercase;
                color: var(--base-clr);
                font-weight: var(--fw-700);

                span {
                    display: inline-block;
                    font: inherit;
                    color: inherit;
                    position: relative;
                    z-index: 2;
                }

                .sc__s6-fantaisy {
                    font-family: var(--font-family-fantaisy);
                    rotate: -4deg;
                    font-weight: var(--fw-400);
                    position: relative;
                    z-index: 1;
                }

                .sc__title-svg {
                    position: absolute;
                    width: clamp(270px, 25vw, 450px);
                    left: -20px;
                    top: -28px;
                    z-index: -1;
                    height: 100px;
                    display: grid;
                    overflow: hidden;

                    svg {
                        width: 100%;
                        grid-column: 1/-1;
                        grid-row: 1/-1;
                        height: 100%;
                    }

                    svg path {
                        fill: #B5CCBA;
                        fill-opacity: 0;
                        stroke: #B5CCBA;
                        stroke-width: 2;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-dasharray: 1;
                        stroke-dashoffset: 1;
                    }
                }

                .sc__title-svg svg path:nth-of-type(1) {
                    animation-delay: 0s;
                }

                .sc__title-svg svg path:nth-of-type(2) {
                    animation-delay: 0.9s;
                }

                .sc__title-svg svg path:nth-of-type(3) {
                    animation-delay: 1.3s;
                }
            }
        }

        #asl-storelocator {

            .sc__asl-banner {
                &.asl-top-area {
                    &>div {
                        &:has(.asl-map) {
                            padding: 0 !important;
                            max-width: 100% !important;
                            flex-grow: 1;
                        }
                    }
                }
            }

            /* .asl-wrapper {
                .sc__asl-banner {
                    .asl-top-area {
                        margin: 0 !important;
                        padding: 0 !important;

                        &::before {
                            display: none !important;
                        }

                        div:has(.Filter_section) {
                            display: none !important;
                        }

                        div:has(.asl-map) {
                            width: 100% !important;
                            max-width: 100% !important;
                            padding: 0 !important;
                            flex-grow: 1;
                        }
                    }
                }
            } */
        }

        &.is-on-viewport-anim {
            .sc__s6-text {
                .title {
                    .sc__title-svg svg path {
                        animation: sc-handwrite 2s ease-out infinite;
                    }
                }
            }
        }
    }
}

@keyframes sc-handwrite {
    0% {
        stroke-dashoffset: 1;
        fill-opacity: 0;
    }

    75% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc__s6-home .sc__title-svg svg path {
        stroke-dashoffset: 0;
        fill-opacity: 1;
        animation: none;
    }
}

.sc__s7-home {
    --_sc__s7-wrapper-pbs: 34px;

    padding-block-start: var(--_sc__s7-wrapper-pbs);
    background-image: url('/wp-content/uploads/2026/06/Rectangle-1446.svg');
    background-size: 350px;
    background-repeat: repeat;
    background-position: center;

    .sc__s7-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .sc__s7-media {
        position: relative;

        &::before {
            content: "";
            width: 300px;
            height: 300px;
            display: none;
            position: absolute;
            background-image: url('/wp-content/uploads/2026/07/Calque_1.svg');
            background-size: contain;
            background-position: center;
            inset: auto auto -12% 45%;
        }


        img {
            width: 100%;
            height: 100%;
        }
    }

    .dotted-arrow {
        display: none;
    }

    .sc__s7-text-wrapper {

        .title-wrapper {
            .title {
                font-family: var(--font-family-title);
                font-size: clamp(var(--fs-60), 4.6vw, var(--fs-80));
                color: var(--base-clr);
                text-transform: uppercase;
                line-height: var(--lh-100);
                font-weight: var(--fw-700);
                rotate: -4deg;
                text-align: center;

                &>span {
                    font: inherit;
                    color: inherit;
                    font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
                    display: inline-block;
                    position: relative;
                    isolation: isolate;
                    padding: 5px 18px 5px 12px;

                    &::before {
                        content: "";
                        inset: 0;
                        border-radius: 25px 30px 25px 23px / 32px 30px 25px 25px;
                        width: 100%;
                        height: 100%;
                        background-color: var(--secondary-clr);
                        display: block;
                        position: absolute;
                        z-index: -1;
                        opacity: 0;
                        filter: blur(5px);
                        transition: opacity .3s, filter .4s;
                    }
                }
            }

            .sub-title {
                font-family: var(--font-family-title);
                font-size: 60px;
                font-weight: var(--fw-700);
                color: var(--base-clr);
                text-transform: uppercase;
                rotate: -4deg;
                text-align: center;
            }
        }

        .sc__s7-list-outer {
            margin-block-start: 30px;

            .sc__swiper-navs {
                margin-block-start: 26px;
            }

            .list-wrapper {

                .item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    background-color: var(--full-white-clr);
                    border-radius: 20px;
                    padding: 20px;

                    .icon {
                        width: 50px;

                        svg {
                            width: 100%;
                        }
                    }

                    .item-title {
                        text-transform: uppercase;
                        font-size: 21px;
                        font-weight: var(--fw-700);
                        line-height: var(--lh-130);
                        text-align: center;
                        color: var(--base-clr);
                    }

                    .item-desc {
                        text-align: center;
                        color: var(--base-clr);
                        font-size: var(--fs-16);
                        font-weight: var(--fw-400);
                        line-height: var(--lh-110);
                        text-align: center;
                    }
                }
            }
        }
    }

    .is-on-viewport-anim {
        .sc__s7-text-wrapper {
            .title-wrapper {
                .title {
                    &>span::before {
                        opacity: 1;
                        filter: blur(0px);
                        animation: sc__float 1.5s ease-in-out infinite;
                    }
                }
            }
        }
    }
}

.sc__s8-home {
    --_sc_s8-pbl: clamp(60px, 4.8vw, 80px);
    --_sc_s8-actus-img-height: 380px;

    padding-block: var(--_sc_s8-pbl);
    background-color: var(--full-white-clr);

    .title-outer {
        display: flex;
        flex-direction: column;
        gap: clamp(30px, 1.5vw, 40px);
    }

    .sc__s8-wrapper {
        .sc__swiper-navs {
            margin-block-start: 40px;
        }
    }

    .title-wrapper {
        display: flex;
        flex-direction: column;
        gap: clamp(30px, 1.5vw, 40px);

        .title {
            display: flex;
            flex-wrap: wrap;
            column-gap: 10px;


            &>span {
                font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
                font-family: var(--font-family-title);
                font-weight: var(--fw-700);
                text-transform: uppercase;
                display: inline-block;
                color: var(--base-clr);

                &.sc__title-highlight-no-border {
                    color: var(--full-white-clr);
                }

                &.sc__f-fantaisy {
                    font-family: var(--font-family-fantaisy);
                    font-weight: var(--fw-400);
                }
            }

            .sc_svg {
                width: min(270px, 100%);
                order: 30;

                svg {
                    width: 100%;
                }
            }
        }

        .sc__title-highlight-no-border::after {
            opacity: 0;
            filter: blur(5px);
            transition: opacity .4s, filter .5s;
        }

        &.is-on-viewport-anim {
            .sc__title-highlight-no-border::after {
                opacity: 1;
                filter: blur(0px);
                animation: sc__float 1.5s ease-in-out infinite;
            }
        }
    }

    .sm-text {
        display: flex;
        flex-direction: column;
        position: relative;
        max-width: 100%;
        width: max-content;

        &>span {
            max-width: max-content;
            font-size: var(--fs-30);
            font-family: var(--font-family-fantaisy);
            line-height: var(--lh-130);
            color: var(--base-clr);
            font-weight: var(--fw-400);
            padding: 5px 10px 10px;
            border-radius: 20px;
            background-color: #F7F1DE;
            display: inline-block;
            rotate: -4deg;

            &:nth-child(2) {
                margin-block-start: -10px;
                padding: 5px 10px 5px;
            }
        }

    }

    .social-icons {
        display: flex;
        align-items: center;
        gap: 10px;

        &>a {
            position: relative;
            isolation: isolate;
            transition: border .3s ease;

            &::before {
                content: "";
                inset: 50% 0 0 50%;
                height: 95%;
                width: 95%;
                position: absolute;
                display: block;
                border-radius: 50%;
                background-color: var(--primary-clr);
                z-index: -1;
                transform: translate(-50%, -50%) scale(0.20);
                opacity: 0;
                visibility: hidden;
                transition: transform .4s, opacity .3s, visibility .3s;
                transform-origin: center center;
            }

            img {
                transition: filter .3s ease;
                transition-delay: .15s;
            }

            &:hover {
                border-color: var(--primary-clr);

                &::before {
                    transform: translate(-50%, -50%) scale(1);
                    opacity: 1;
                    visibility: visible;
                }

                img {
                    filter: invert(1);
                }
            }
        }

        .s-icon {
            width: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid var(--base-clr, #000);

            img {
                width: 100%;
            }
        }
    }

    .list-outer {
        margin-block-start: 40px;

        .visuel {
            height: var(--_sc_s8-actus-img-height);
            overflow: hidden;
            display: block;
            width: 100%;
            box-shadow: -10px -10px 0px 0px var(--parchment-clr);

            img {
                height: 100%;
                object-fit: cover;
                scale: 1;
                transition: scale .3s;
            }
        }

        .item:hover {
            .visuel img {
                scale: 1.2;
            }
        }

        .art-desc-cta {
            --_top: calc(var(--_sc_s8-actus-img-height) / 2);

            display: flex;
            flex-direction: column;
            width: max-content;
            max-width: 100%;
            font-size: var(--fs-16);
            font-weight: var(--fw-600);
            line-height: var(--lh-100);
            color: var(--full-white-clr);
            background-color: var(--primary-clr);
            padding: 15px;
            border-radius: var(--radius-5);
            transition: opacity .4s;
            position: absolute;
            top: var(--_top);
            left: 50%;
            transform: translateX(-50%);
            align-items: center;
            justify-content: center;
            gap: 10px;
            text-transform: uppercase;

            &>span {
                font-size: inherit;
                color: inherit;
                font-size: var(--fs-26);
                font-weight: 400;
            }
        }

        .art-desc-wrapper {
            margin-block-start: 20px;
            position: relative;
            text-align: center;

            .art-cat {
                display: inline-block;
                padding: 7px 15px;
                text-transform: uppercase;
                font-size: var(--fs-20);
                font-weight: var(--fw-700);
                color: var(--full-white-clr);
                background-color: var(--primary-clr);
                border-radius: var(--radius-5);
                rotate: -3.6deg;
                position: absolute;
                inset: -80px auto auto -30px;
                width: max-content;
                max-width: 95%;
            }
        }

        .art-title {
            font-size: var(--fs-20);
            line-height: var(--lh-130);
            font-weight: var(--fw-700);
            color: var(--base-clr);
        }

        .art-desc {
            margin-block-start: 10px;
            font-size: var(--fs-16);
            color: var(--base-clr);
            font-weight: var(--fw-400);
            line-height: var(--lh-120);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    }

    .sc__s8-cta {
        margin-block-start: clamp(40px, 4.5vw, 80px);
        text-align: center;
        position: relative;
        z-index: 2;
    }
}

/* Single product */
.woocommerce-notices-wrapper {
    width: min(100%, 1110px) !important;
    margin-inline: auto;
    max-width: 100%;
    display: block;

    .woocommerce-message {
        border-top-color: var(--secondary-clr);

        &::before {
            color: var(--secondary-clr);
        }
    }

    a {
        color: var(--base-clr) !important;
        background-color: var(--secondary-clr) !important;
        font-size: var(--fs-14);
        line-height: var(--lh-110);
        font-weight: var(--fw-600);
        transition: color .3s !important;

        &:hover {
            color: var(--primary-clr) !important;
        }
    }
}

.single-product {
    .woocommerce-notices-wrapper {
        width: min(100%, 1110px) !important;
        margin-inline: auto;
        max-width: 100%;
        display: block;

        .woocommerce-message {
            border-top-color: var(--secondary-clr);

            &::before {
                color: var(--secondary-clr);
            }
        }

        a {
            color: var(--base-clr) !important;
            background-color: var(--secondary-clr) !important;
            font-size: var(--fs-14);
            line-height: var(--lh-110);
            font-weight: var(--fw-600);
            transition: color .3s !important;

            &:hover {
                color: var(--primary-clr) !important;
            }
        }
    }
}

.single-product {
    --_bannder-padd-bs: 105px;
    --_content-padd-bs: 105px;
    --_thumb-img-height: 720px;
    --_thumb-control-width: 110px;
    --_stripe-size: 190px;
    --_prd-title-desc-gap: 40px;
    --_recipe-related-gap: 30px;
    --_prd-list-cols: 3;
    --_recipe-thumd-width: min(300px, 45%);
    --_recipe-thumd-height: 240px;
    --_recipe-list-items-gap: 60px;
    --header-height: 168px;

    --_prd-gallery-width: min(658px, 48%);
    --_prd-summary-padd-is: 60px;

    --_prd-decoration-height: 936px;

    /* related product */
    --_suggest-img-height: 450px;
    --_container-inline-margin: calc(calc(100vw - min(100%, 1410px)) / 2);

    /* .contenu {
        .single-product {
            padding-block-start: var(--header-height);
        }
    } */

    div#main {
        position: relative;
        overflow: initial;

        &::before {
            content: '';
            position: absolute;
            inset: calc(calc(var(--header-height) + 40px) * -1) auto auto 0;
            display: block;
            width: calc(calc(100% - calc(100% - var(--_prd-gallery-width))) + var(--_container-inline-margin) + calc(var(--_prd-summary-padd-is)/2));
            height: var(--_prd-decoration-height);
            background-image: linear-gradient(90deg, var(--secondary-light-clr) 50%, var(--secondary-clr) 0%);
            background-size: var(--_stripe-size) var(--_stripe-size);
            background-repeat: repeat;
            opacity: .5;
        }
    }

    #bandeau {
        padding-block-start: calc(var(--header-height) + var(--_bannder-padd-bs));
        background: linear-gradient(0deg, var(--parchment-clr, #F5EFDA), var(--parchment-clr, #F5EFDA)),
            linear-gradient(0deg, #F5EFDA 0%, rgba(245, 239, 218, 0) 100%);
        text-align: left;
        padding-block-end: 0;
        padding-inline: 0;

        .bandeau-wrapper {
            padding-inline: 0;
        }


        h1 {
            text-align: left;
            font-size: var(--fs-100);
            line-height: var(--lh-100);
            font-family: var(--font-family-title);
            color: var(--base-clr);
            font-weight: var(--fw-700);
            text-transform: uppercase;
        }

        .sc__yoast_breadcrumb {
            background-color: var(--full-white-clr);
            padding-block: 20px;
            margin-block-start: 50px;

            #breadcrumbs {
                --_sc-bc-gap: 64px;
                --_sc-before-bc-gap: 24px;

                &>span {
                    display: flex;
                    gap: var(--_sc-bc-gap);


                    span {
                        display: inline-block;
                        font-size: var(--fs-16);
                        color: var(--base-clr);
                        font-weight: var(--fw-400);
                        font-family: var(--font-family-primary);
                        line-height: var(--lh-100);
                        position: relative;

                        &:not(:first-child) {
                            &::before {
                                content: "";
                                position: absolute;
                                inset-inline-start: calc(calc(calc(var(--_sc-bc-gap) / 2) + calc(var(--_sc-before-bc-gap) / 2)) * -1);
                                inset-block-start: 50%;
                                transform: translateY(-50%);
                                background-image: url('/wp-content/uploads/2026/06/angle-right.svg');
                                background-repeat: no-repeat;
                                background-size: 33%;
                                background-position: center;
                                width: var(--_sc-before-bc-gap);
                                height: var(--_sc-before-bc-gap);
                                display: block;
                                background-color: transparent;
                                border-radius: 50%;

                            }
                        }

                        a {
                            font: inherit;
                            text-decoration: none;
                            color: inherit;
                        }

                        &:is(.breadcrumb_last) {
                            font-weight: var(--fw-700);

                            &::before {
                                background-color: var(--parchment-clr);
                            }
                        }
                    }
                }
            }
        }
    }

    .sc__breadcrumb {
        &::before {
            content: "...";
            display: block;
            font-size: var(--fs-16);
            font-weight: var(--fw-400);
            color: var(--base-clr);
            cursor: initial;
        }

        &>a:not(:last-child) {
            display: none;
        }

        &>a:last-child {
            &::after {
                content: "";
                position: absolute;
                inset-inline-start: calc(calc(calc(var(--_sc-bc-gap) / 2) + calc(var(--_sc-before-bc-gap) / 2)) * -1);
                inset-block-start: 50%;
                transform: translateY(-50%);
                background-image: url('/wp-content/uploads/2026/06/angle-right.svg');
                background-repeat: no-repeat;
                background-size: 33%;
                background-position: center;
                width: var(--_sc-before-bc-gap);
                height: var(--_sc-before-bc-gap);
                display: block;
                background-color: transparent;
                border-radius: 50%;
                background-color: var(--parchment-clr);
                cursor: initial;

            }
        }
    }

    .woocommerce-breadcrumb {
        display: none;
    }

    &.woocommerce {
        div.product {
            width: min(1410px, 100%);
            margin-inline: auto;
            display: flex;

            &>* {
                float: none;
                clear: both;
            }
        }
    }

    .product .woocommerce-product-gallery.images {
        width: var(--_prd-gallery-width) !important;
        margin-block-start: 85px;
        position: relative;

        &::before {
            content: "";
            display: block;
            position: absolute;
            width: 80px;
            height: 76px;
            background-image: url('/wp-content/uploads/2026/06/Jaune.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: bottom;
            inset: -70px auto auto -76px;
        }
    }

    /* variation */
    .variations {
        position: absolute;
        display: block !important;
        width: 100% !important;
        left: 0 !important;
        margin: 0 !important;

        * {
            display: block;
        }

        tbody>tr {
            display: flex;
            flex-direction: column;
            gap: 20px;

            .label {
                label {
                    font-size: clamp(var(--fs-25), 2vw, var(--fs-30));
                    font-weight: var(--fw-700);
                    font-family: var(--font-family-title);
                    color: var(--base-clr);

                }
            }

            .custom-swatches {
                display: flex;
                align-items: center;
                gap: 20px;
                flex-wrap: wrap;

                .swatch-button {
                    display: inline-flex;
                    align-items: center;
                    border: 1px solid var(--gray-clr);
                    padding: 10px;
                    border-radius: var(--radius-5);
                    gap: 10px;
                    cursor: pointer;

                    .swatch-check {
                        width: 0;
                        transition: width .3s, opacity .1.5s, visibility .1.5s;
                        flex-shrink: 0;
                        opacity: 0;
                        visibility: hidden;
                    }

                    &.selected {
                        .swatch-check {
                            width: 22px;
                            opacity: 1;
                            visibility: visible;
                        }
                    }

                    .swatch-label {
                        font-size: var(--fs-16);
                        line-height: var(--lh-110);
                        color: var(--base-clr);
                        font-weight: var(--fw-400);
                    }
                }
            }

            .value {
                display: flex;
                flex-direction: column;

                &:has(.swatch-button.selected) {
                    gap: 12px;

                    .reset_variations {
                        height: auto;
                        display: none !important;
                    }
                }
            }

            .reset_variations {
                display: inline-flex;
                font-size: var(--fs-12) !important;
                line-height: var(--lh-110);
                color: var(--base-clr);
                font-weight: var(--fw-500);
                gap: 5px;
                padding: 5px;
                border-radius: var(--radius-5);
                border: 1px solid var(--gray-clr);
                max-width: max-content;
                height: 0;
                transition: height .3s;
                display: none !important;

                &::before {
                    content: "X";
                    font-size: var(--fs-14);
                    position: relative;
                    display: block;
                    font-weight: var(--fw-500);
                    line-height: var(--lh-110);
                    color: var(--primary-clr);
                }
            }
        }
    }

    .summary {
        display: flex;
        gap: 40px;
        flex-direction: column;
        width: calc(100% - var(--_prd-gallery-width)) !important;
        padding-inline-start: var(--_prd-summary-padd-is);

        .product_title {
            font-size: var(--fs-100);
            color: var(--base-clr);
            font-family: var(--font-family-title);
            line-height: var(--lh-100);
            font-weight: var(--fw-700);
            text-align: left;
            text-transform: uppercase;
        }

        .woocommerce-product-details__short-description {
            font-size: var(--fs-18);
            font-family: var(--font-family-primary);
            font-weight: var(--fw-400);
            color: var(--base-clr);
            line-height: var(--lh-130);

            * {
                font: inherit;
                color: inherit;

                &:is(strong) {
                    font-weight: 700;
                }
            }
        }

        .product-purchase {
            padding: 20px;
            border: 2px solid var(--secondary-clr);
            position: relative;
        }

        .price {
            padding-block-end: 15px;
            /* font-size: 0 !important; */
            font-size: clamp(var(--fs-35), 4vw, var(--fs-50)) !important;
            color: var(--base-clr) !important;
            line-height: var(--lh-100);
            font-weight: var(--fw-700);
            font-family: var(--font-family-title);
            display: inline-flex;
            gap: 5px;

            &>*,
            * {
                font-size: clamp(var(--fs-35), 4vw, var(--fs-50));
                color: var(--base-clr);
                line-height: var(--lh-100);
                font-weight: var(--fw-700);
                font-family: var(--font-family-title);
                text-transform: uppercase;
            }
        }

        .woocommerce-variation-price .price {
            font-size: 0 !important;

            &.sc__formatted-price {
                font-size: clamp(var(--fs-35), 4vw, var(--fs-50)) !important;
            }

            &>*,
            * {
                font-size: clamp(var(--fs-35), 4vw, var(--fs-50));
                color: var(--base-clr);
                line-height: var(--lh-100);
                font-weight: var(--fw-700);
                font-family: var(--font-family-title);
                text-transform: uppercase;
            }
        }

        form:is(.cart) {
            display: flex;
            align-items: end;
            justify-content: space-between;
            margin: 0 !important;

            &::before {
                display: none !important;
            }

            .quantity {
                display: flex;
                align-items: center;
                gap: 30px;
                padding-block-start: 15px;
                border-block-start: 1px solid var(--gray-clr);

                .quantity-label {
                    font-size: var(--fs-18);
                    color: var(--base-clr);
                    font-weight: var(--fw-400);
                    line-height: var(--lh-100);
                    font-family: var(--font-family-primary);
                }
            }

            .quantity__wrapper {
                display: flex;
                align-items: center;

                .quantity__btn {
                    padding: 5px 9px;
                    border: 1px solid var(--secondary-clr);
                    border-radius: var(--radius-5);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: var(--font-family-title);
                    font-size: var(--fs-20);
                    font-weight: var(--fw-700);
                    width: 32px;
                    height: 32px;
                }

                input[type="number"] {
                    -moz-appearance: textfield;
                    font-size: var(--fs-24);
                    line-height: var(--lh-100);
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                    width: 50px;

                    &::-webkit-outer-spin-button,
                    &::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                        margin: 0;
                    }

                    &::placeholder {
                        font-size: var(--fs-24);
                        line-height: var(--lh-100);
                        font-weight: var(--fw-700);
                        color: var(--base-clr);
                    }
                }
            }

            /* .single_add_to_cart_button {
                font-size: var(--fs-26);
                color: var(--base-clr);
                font-family: var(--font-family-title);
                letter-spacing: var(--lsp-3);
                font-weight: var(--fw-700);
                padding: 10px 20px 10px 58px;

                background-color: var(--secondary-clr);
                background-image: url('/wp-content/uploads/2026/06/cart.svg');
                background-repeat: no-repeat;
                background-position: 20px center;
                background-size: 18px;
                text-transform: uppercase;
            } */

            .single_add_to_cart_button {
                font-size: var(--fs-26);
                color: var(--base-clr);
                font-family: var(--font-family-title);
                letter-spacing: var(--lsp-3);
                font-weight: var(--fw-700);
                padding: 10px 20px 10px 58px;

                background-color: var(--secondary-clr);
                background-image: url('/wp-content/uploads/2026/06/cart.svg');
                background-repeat: no-repeat;
                background-position: 20px center;
                background-size: 18px;
                text-transform: uppercase;

                transition: background-color 0.25s ease;

                &:hover,
                &:focus-visible,
                &:active {
                    animation: cartBounce 0.6s ease;
                }
            }

            .single_variation_wrap {
                width: 100%;
            }

            .woocommerce-variation-add-to-cart {
                width: 100%;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
            }
        }

        .product_meta {
            display: none;
        }

        .product-categories,
        .product-subititle {
            font-size: var(--fs-38);
            color: var(--base-clr);
            font-family: var(--font-family-title);
            line-height: var(--lh-100);
            font-weight: var(--fw-700);
            text-align: left;
            text-transform: uppercase;

            &>* {
                font-size: var(--fs-38);
                color: var(--base-clr);
                font-family: var(--font-family-title);
                line-height: var(--lh-100);
                font-weight: var(--fw-700);
                text-align: left;
                text-transform: uppercase;
            }
        }

        .product-subititle br {
            display: none !important;
        }
    }

    .woocommerce-product-gallery {
        .flex-viewport {
            margin-block-end: 20px;
            height: var(--_thumb-img-height) !important;

            .woocommerce-product-gallery__image {
                height: var(--_thumb-img-height);
                display: flex;
                flex-direction: column;

                a {
                    height: 100%;
                    display: grid;

                    img {
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                    }
                }
            }
        }

        .flex-control-thumbs {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;

            &>li {
                width: var(--_thumb-control-width) !important;
                height: var(--_thumb-control-width) !important;
                border: 4px solid transparent;
                transition: border-color .4s;

                &:has(.flex-active),
                &:hover {
                    border-color: var(--secondary-clr);
                }
            }
        }
    }

    .woocommerce-product-gallery__wrapper {
        display: flex;
        /* column-gap: 20px; */
        column-gap: 0px;
        flex-wrap: wrap;

        .woocommerce-product-gallery__image {
            &:first-child {
                margin-block-end: 20px;
                height: var(--_thumb-img-height) !important;
                display: grid;
                width: 100%;
            }

            &:not:first-child {}

            a {
                height: 100%;
                display: grid !important;

                img {
                    height: 100% !important;
                    width: 100% !important;
                    object-fit: cover !important;
                }
            }
        }

    }

    .woocommerce-tabs {
        /* width: calc(min(100%, 1410px) + calc(calc(calc(100vw - min(100%, 1410px)) / 2)*2));
        margin-inline-start: calc(calc(calc(100vw - min(100%, 1410px)) / 2)*-1); */
        width: min(1920px, 100%);
        background-image: url('/wp-content/uploads/2026/06/Frame-482524.webp');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 100px 20px;
        margin-block-start: 100px;

        .product-informations,
        .product-informations__list {

            .product-informations__title {
                font-size: var(--fs-30);
                font-weight: var(--fw-700);
                font-family: var(--font-family-title);
                line-height: var(--lh-100);
                color: var(--base-clr);
            }

            .product-informations__row {
                display: flex;
                padding-block: 20px;
                border-block-end: 1px solid var(--gray-clr);

                &:is(:first-child) {
                    padding-block-start: 0;
                }

                .product-informations__label,
                .product-informations__value {
                    display: block;
                    width: 35%;
                    font-size: var(--fs-14);
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                }

                .product-informations__value {
                    font-weight: var(--fw-400);
                    width: 65%;
                }
            }
        }

        &>* {
            width: min(1410px, 100%);
            margin-inline: auto !important;
            margin-block: 0 !important;

            &:is(ul[role="tablist"]) {
                display: flex;
                gap: 10px;

                &>li {
                    padding: 0 !important;
                    background-color: var(--full-white-clr) !important;
                    border-radius: var(--radius-5) var(--radius-5) 0 0;
                    border: none !important;
                    border-bottom: 1px solid var(--base-clr, #000000) !important;

                    &::before,
                    &::after {
                        display: none !important;
                    }

                    &#tab-title-additional_information {
                        order: 6;
                    }

                    &>a {
                        padding: 10px 20px !important;
                        font-size: var(--fs-30) !important;
                        font-weight: var(--fw-700) !important;
                        font-family: var(--font-family-title) !important;
                        color: hsl(from var(--base-clr) h s l / 0.5) !important;
                    }

                    &:is([class*='active']) {
                        background-color: var(--base-clr) !important;

                        &>a {
                            color: var(--full-white-clr) !important;
                        }
                    }
                }
            }

            &:is(.woocommerce-Tabs-panel) {
                padding: 60px 200px 60px 40px !important;
                background-color: var(--full-white-clr);

                &>h2:first-child {
                    display: none;
                }

                & *:is(:not(h2, h3, h4, h5, h6)) {
                    font-size: var(--fs-18);
                    line-height: var(--lh-130);
                    color: var(--base-clr);
                    font-family: var(--font-family-primary);
                }

                ul {
                    padding-inline-start: clamp(15px, 2vw,30px);
                    margin-block: 20px;

                    &>li {
                        display: flex;
                        align-items: start;
                        gap: 20px;

                        &:not(:last-child) {
                            margin-block-end: 20px;
                        }

                        &::before {
                            content: "";
                            width: 23px;
                            height: 23px;
                            position: relative;
                            display: block;
                            background-image: url('/wp-content/uploads/2026/06/Group-11.svg');
                            background-size: contain;
                            background-position: center;
                            background-repeat: no-repeat;
                            flex-shrink: 0;
                        }
                    }
                }

                h3,
                h4,
                h5,
                h6 {
                    font-family: var(--font-family-title);
                    font-size: var(--fs-38);
                    font-weight: var(--fw-700);
                    line-height: var(--lh-100);
                    text-transform: uppercase;
                    margin-block-end: var(--_prd-title-desc-gap);
                }

                h4 {
                    font-size: var(--fs-34);
                    margin-block-end: calc(var(--_prd-title-desc-gap) - 10px);
                }

                h5 {
                    font-size: var(--fs-30);
                    margin-block-end: calc(var(--_prd-title-desc-gap) - 15px);
                }


                h6 {
                    font-size: var(--fs-26);
                    margin-block-end: calc(var(--_prd-title-desc-gap) - 20px);
                }
            }
        }
    }

    .related-recipes {
        /* width: calc(min(100%, 1410px) + calc(calc(calc(100vw - min(100%, 1410px)) / 2)*2));
        margin-inline-start: calc(calc(calc(100vw - min(100%, 1410px)) / 2)*-1); */
        width: min(1920px, 100%);
        border: 10px solid var(--full-white-clr);

        .recipes-wrapper {
            width: 100%;
            background-color: hsl(from var(--tertiary-clr) h s l / 0.3);
            padding-block: clamp(40px, 5.5vw, 100px);
            border: 3px solid hsl(from var(--tertiary-clr) h s l / 0.5);
            padding-inline: 15px;
        }

        .recipes-inner {
            display: flex;
            justify-content: space-between;


            .related-recipes__intro {
                width: min(534px, 45%);
                display: flex;
                flex-direction: column;
                gap: 40px;

                .related-recipes__title {
                    font-size: var(--fs-100);
                    line-height: var(--lh-100);
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                    text-transform: uppercase;
                    font-family: var(--font-family-title);

                    .recipe-fantaisy-title {
                        font-family: var(--font-family-fantaisy);
                        letter-spacing: -2%;
                        text-transform: uppercase;
                    }

                    .recipe-title-has-hat {
                        font-family: var(--font-family-title);
                        display: inline-block;
                        position: relative;

                        &::before {
                            content: '';
                            display: block;
                            position: absolute;
                            width: 40px;
                            height: 40px;
                            inset: -20px auto auto 2.5ch;
                            -webkit-mask-repeat: no-repeat;
                            -webkit-mask-position: center;
                            -webkit-mask-size: contain;
                            background-color: var(--tertiary-clr);
                            mask-image: url('data:image/svg+xml,<svg width="43" height="45" viewBox="0 0 43 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.2322 22.9528C37.096 28.319 37.6649 33.7482 38.3235 39.1385C38.3726 39.5579 38.0592 39.9344 37.6377 39.9704C29.9074 40.8578 18.7384 41.9039 10.8801 42.6518C10.4596 42.6977 10.0841 42.3941 10.042 41.9774C9.58017 36.5141 8.96059 31.0138 8.73899 25.5429C-3.10778 22.4007 0.206857 -1.24035 14.1579 5.56458C14.89 5.71934 15.5109 5.57037 16.1027 5.06631C18.174 3.40156 21.0394 2.83676 23.602 3.58224C25.0048 4.08028 26.1899 4.9418 27.6883 4.10077C32.4425 -0.16578 38.4811 0.952075 40.3682 6.47346C41.1747 9.12849 41.9735 15.3804 38.7165 19.1478C36.4287 23.3076 31.8146 23.396 28.6364 20.17M9.7019 37.5528C18.217 37.2755 29.3459 36.1307 37.7389 34.679M15.9099 21.6056C14.6138 23.3213 12.4036 24.8045 10.1811 24.6744M28.5707 13.1948C28.5322 15.463 28.1907 17.7485 27.2213 19.6831C25.9591 22.5955 22.392 24.0998 19.4899 22.7124C16.5163 21.1796 15.2524 17.7833 14.5171 14.6153" stroke="white" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
                            -webkit-mask-image: url('data:image/svg+xml,<svg width="43" height="45" viewBox="0 0 43 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.2322 22.9528C37.096 28.319 37.6649 33.7482 38.3235 39.1385C38.3726 39.5579 38.0592 39.9344 37.6377 39.9704C29.9074 40.8578 18.7384 41.9039 10.8801 42.6518C10.4596 42.6977 10.0841 42.3941 10.042 41.9774C9.58017 36.5141 8.96059 31.0138 8.73899 25.5429C-3.10778 22.4007 0.206857 -1.24035 14.1579 5.56458C14.89 5.71934 15.5109 5.57037 16.1027 5.06631C18.174 3.40156 21.0394 2.83676 23.602 3.58224C25.0048 4.08028 26.1899 4.9418 27.6883 4.10077C32.4425 -0.16578 38.4811 0.952075 40.3682 6.47346C41.1747 9.12849 41.9735 15.3804 38.7165 19.1478C36.4287 23.3076 31.8146 23.396 28.6364 20.17M9.7019 37.5528C18.217 37.2755 29.3459 36.1307 37.7389 34.679M15.9099 21.6056C14.6138 23.3213 12.4036 24.8045 10.1811 24.6744M28.5707 13.1948C28.5322 15.463 28.1907 17.7485 27.2213 19.6831C25.9591 22.5955 22.392 24.0998 19.4899 22.7124C16.5163 21.1796 15.2524 17.7833 14.5171 14.6153" stroke="white" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
                        }
                    }

                    .related-recipes__title-highlight {
                        display: inline-block;
                        padding: 13px 24px 9px 21px;
                        position: relative;
                        isolation: isolate;
                        border-image-source: url('/wp-content/uploads/2026/06/Vector.svg');
                        /* à ajuster selon SVG */
                        border-image-slice: 20 30 20 30 fill;
                        border-image-width: 20px 30px 20px 30px;
                        border-image-repeat: stretch;
                        font-family: var(--font-family-title);

                    }
                }

                .related-recipes__text {
                    font-family: var(--font-family-primary);
                    font-size: var(--fs-20);
                    font-weight: var(--fw-400);
                    line-height: var(--lh-120);
                    color: var(--base-clr);

                }

                .related-recipes__btn-all {
                    display: flex;
                    max-width: max-content;
                    font-size: var(--fs-26);
                    font-family: var(--font-family-title);
                    font-weight: var(--fw-700);
                    text-transform: uppercase;
                    letter-spacing: var(--lsp-3);
                    color: var(--base-clr);
                    padding: 11px 20px;
                    gap: 20px;
                    background-color: var(--full-white-clr);

                    &::before {
                        content: '';
                        display: block;
                        position: relative;
                        width: 16px;
                        height: 22px;
                        background-color: var(--base-clr);
                        mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                    }
                }
            }

            .related-recipes__list {
                width: min(calc(55% - var(--_recipe-related-gap)), 690px);
                display: flex;
                flex-direction: column;
                gap: var(--_recipe-list-items-gap);

                .related-recipes__card {
                    display: flex;
                    align-items: center;
                    gap: 30px;

                    &:not(:first-child) {
                        position: relative;

                        &::before {
                            content: "";
                            position: absolute;
                            display: block;
                            left: 0;
                            right: 0;
                            top: calc(calc(var(--_recipe-list-items-gap)/2) * -1);
                            height: 2px;
                            background: var(--gray-clr);
                        }
                    }

                    .related-recipes__thumb {
                        width: var(--_recipe-thumd-width);
                        height: var(--_recipe-thumd-height);
                        overflow: clip;
                        box-shadow: -10px -10px 0px 0px #B5CCBA80;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .related-recipes__content {
                        width: calc(100% - var(--_recipe-thumd-width) - 30px);
                        display: flex;
                        flex-direction: column;
                        gap: 20px;

                        .related-recipes__card-title {
                            font-family: var(--font-family-title);
                            text-transform: uppercase;
                            color: var(--base-clr);
                            font-size: var(--fs-30);
                            font-weight: var(--fw-700);
                            line-height: var(--lh-100);
                            padding: 10px;
                            background-color: var(--full-white-clr);
                            border-radius: var(--radius-10);
                            max-width: max-content;
                        }

                        .related-recipes__excerpt {
                            font-size: var(--fs-16);
                            font-weight: var(--fw-400);
                            line-height: var(--lh-110);
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        }

                        .related-recipes__meta {
                            display: flex;
                            align-items: center;
                            gap: 20px;

                            &>span {
                                font-size: var(--fs-16);
                                font-weight: var(--fw-700);
                                line-height: var(--lh-100);
                                color: var(--base-clr);
                                display: flex;
                                max-width: max-content;
                                align-items: center;
                                gap: 10px;

                                &::before {
                                    content: '';
                                    display: block;
                                    position: relative;
                                    width: 16px;
                                    height: 22px;
                                    -webkit-mask-repeat: no-repeat;
                                    -webkit-mask-position: center;
                                    -webkit-mask-size: contain;
                                }

                                &[data-time]::before {
                                    background-color: var(--base-clr);
                                    mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8C14.5 4.40625 11.5938 1.5 8 1.5C4.40625 1.5 1.5 4.40625 1.5 8C1.5 11.5938 4.40625 14.5 8 14.5C11.5938 14.5 14.5 11.5938 14.5 8ZM0 8C0 3.59375 3.59375 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4062 12.4062 16 8 16C3.59375 16 0 12.4062 0 8ZM8.75 3.75V7.78125L10.625 10.5938C10.8438 10.9375 10.75 11.4062 10.4062 11.625C10.0625 11.8438 9.59375 11.75 9.375 11.4062L7.375 8.40625C7.28125 8.28125 7.25 8.15625 7.25 8V3.75C7.25 3.34375 7.59375 3 8 3C8.40625 3 8.75 3.34375 8.75 3.75Z" fill="white"/></svg>');
                                    -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8C14.5 4.40625 11.5938 1.5 8 1.5C4.40625 1.5 1.5 4.40625 1.5 8C1.5 11.5938 4.40625 14.5 8 14.5C11.5938 14.5 14.5 11.5938 14.5 8ZM0 8C0 3.59375 3.59375 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4062 12.4062 16 8 16C3.59375 16 0 12.4062 0 8ZM8.75 3.75V7.78125L10.625 10.5938C10.8438 10.9375 10.75 11.4062 10.4062 11.625C10.0625 11.8438 9.59375 11.75 9.375 11.4062L7.375 8.40625C7.28125 8.28125 7.25 8.15625 7.25 8V3.75C7.25 3.34375 7.59375 3 8 3C8.40625 3 8.75 3.34375 8.75 3.75Z" fill="white"/></svg>');
                                }

                                &[data-diff="facile"]::before {
                                    background-color: var(--base-clr);
                                    mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.5C7.09375 1.5 6.28125 2 5.84375 2.71875C5.75 2.90625 5.5625 3.03125 5.34375 3.09375C5.125 3.125 4.90625 3.0625 4.75 2.9375C4.40625 2.65625 3.96875 2.5 3.5 2.5C2.40625 2.5 1.5 3.40625 1.5 4.5C1.5 5.40625 2.125 6.1875 2.96875 6.4375C3.28125 6.5 3.5 6.8125 3.5 7.15625V10.5H4.75V6.75C4.75 6.34375 5.09375 6 5.5 6C5.90625 6 6.25 6.34375 6.25 6.75V10.5H7.25V6.75C7.25 6.34375 7.59375 6 8 6C8.40625 6 8.75 6.34375 8.75 6.75V10.5H9.75V6.75C9.75 6.34375 10.0938 6 10.5 6C10.9062 6 11.25 6.34375 11.25 6.75V10.5H12.5V7.15625C12.5 6.8125 12.7188 6.5 13.0625 6.4375C13.875 6.1875 14.5 5.40625 14.5 4.5C14.5 3.40625 13.5938 2.5 12.5 2.5C12.0312 2.5 11.5938 2.65625 11.25 2.9375C11.0938 3.0625 10.875 3.125 10.6562 3.09375C10.4375 3.03125 10.25 2.90625 10.1562 2.71875C9.71875 2 8.90625 1.5 8 1.5ZM12.5 12H3.5V13.75C3.5 14.1562 3.84375 14.5 4.25 14.5H11.75C12.1562 14.5 12.5 14.1562 12.5 13.75V12ZM5 1.34375C5.75 0.53125 6.8125 0 8 0C9.1875 0 10.25 0.53125 11 1.34375C11.4375 1.125 11.9688 1 12.5 1C14.4375 1 16 2.5625 16 4.5C16 5.90625 15.1875 7.09375 14 7.65625V13.75C14 15 13 16 11.75 16H4.25C3 16 2 15 2 13.75V7.65625C0.8125 7.09375 0 5.90625 0 4.5C0 2.5625 1.5625 1 3.5 1C4.03125 1 4.5625 1.125 5 1.34375Z" fill="white"/></svg>');
                                    -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.5C7.09375 1.5 6.28125 2 5.84375 2.71875C5.75 2.90625 5.5625 3.03125 5.34375 3.09375C5.125 3.125 4.90625 3.0625 4.75 2.9375C4.40625 2.65625 3.96875 2.5 3.5 2.5C2.40625 2.5 1.5 3.40625 1.5 4.5C1.5 5.40625 2.125 6.1875 2.96875 6.4375C3.28125 6.5 3.5 6.8125 3.5 7.15625V10.5H4.75V6.75C4.75 6.34375 5.09375 6 5.5 6C5.90625 6 6.25 6.34375 6.25 6.75V10.5H7.25V6.75C7.25 6.34375 7.59375 6 8 6C8.40625 6 8.75 6.34375 8.75 6.75V10.5H9.75V6.75C9.75 6.34375 10.0938 6 10.5 6C10.9062 6 11.25 6.34375 11.25 6.75V10.5H12.5V7.15625C12.5 6.8125 12.7188 6.5 13.0625 6.4375C13.875 6.1875 14.5 5.40625 14.5 4.5C14.5 3.40625 13.5938 2.5 12.5 2.5C12.0312 2.5 11.5938 2.65625 11.25 2.9375C11.0938 3.0625 10.875 3.125 10.6562 3.09375C10.4375 3.03125 10.25 2.90625 10.1562 2.71875C9.71875 2 8.90625 1.5 8 1.5ZM12.5 12H3.5V13.75C3.5 14.1562 3.84375 14.5 4.25 14.5H11.75C12.1562 14.5 12.5 14.1562 12.5 13.75V12ZM5 1.34375C5.75 0.53125 6.8125 0 8 0C9.1875 0 10.25 0.53125 11 1.34375C11.4375 1.125 11.9688 1 12.5 1C14.4375 1 16 2.5625 16 4.5C16 5.90625 15.1875 7.09375 14 7.65625V13.75C14 15 13 16 11.75 16H4.25C3 16 2 15 2 13.75V7.65625C0.8125 7.09375 0 5.90625 0 4.5C0 2.5625 1.5625 1 3.5 1C4.03125 1 4.5625 1.125 5 1.34375Z" fill="white"/></svg>');

                                }
                            }
                        }

                        .related-recipes__btn {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            max-width: max-content;
                            background-color: var(--primary-clr);
                            color: var(--full-white-clr);
                            font-size: var(--fs-16);
                            font-weight: var(--fw-600);
                            line-height: var(--lh-100);
                            border-radius: var(--radius-5);
                            padding: 10px;

                            &::before {
                                content: '';
                                display: block;
                                position: relative;
                                width: 16px;
                                height: 22px;
                                -webkit-mask-repeat: no-repeat;
                                -webkit-mask-position: center;
                                -webkit-mask-size: contain;
                                background-color: var(--full-white-clr);
                                mask-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.85713 0.828613H13.6571C14.1143 0.828613 14.4571 1.20004 14.4571 1.62861C14.4571 2.08576 14.1143 2.42861 13.6571 2.42861H4.85713C4.42856 2.42861 4.05713 2.08576 4.05713 1.62861C4.05713 1.20004 4.42856 0.828613 4.85713 0.828613ZM4.85713 6.42861H13.6571C14.1143 6.42861 14.4571 6.80004 14.4571 7.22861C14.4571 7.68576 14.1143 8.02861 13.6571 8.02861H4.85713C4.42856 8.02861 4.05713 7.68576 4.05713 7.22861C4.05713 6.80004 4.42856 6.42861 4.85713 6.42861ZM4.85713 12.0286H13.6571C14.1143 12.0286 14.4571 12.4 14.4571 12.8286C14.4571 13.2858 14.1143 13.6286 13.6571 13.6286H4.85713C4.42856 13.6286 4.05713 13.2858 4.05713 12.8286C4.05713 12.4 4.42856 12.0286 4.85713 12.0286ZM0.0571289 0.914328C0.2857 3.00004 0.457129 5.11433 0.457129 7.22861C0.457129 9.3429 0.2857 11.4572 0.0571289 13.5429C-1.39512e-05 13.9715 0.342843 14.3715 0.771415 14.4286C1.19999 14.4858 1.59999 14.1715 1.65713 13.7143C1.8857 11.5715 2.05713 9.40004 2.05713 7.22861C2.05713 5.05718 1.8857 2.88576 1.65713 0.742899C1.59999 0.314327 1.19999 4.19617e-05 0.771415 0.0286131C0.342843 0.0857563 -1.39512e-05 0.485756 0.0571289 0.914328Z" fill="white"/></svg>');
                                -webkit-mask-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.85713 0.828613H13.6571C14.1143 0.828613 14.4571 1.20004 14.4571 1.62861C14.4571 2.08576 14.1143 2.42861 13.6571 2.42861H4.85713C4.42856 2.42861 4.05713 2.08576 4.05713 1.62861C4.05713 1.20004 4.42856 0.828613 4.85713 0.828613ZM4.85713 6.42861H13.6571C14.1143 6.42861 14.4571 6.80004 14.4571 7.22861C14.4571 7.68576 14.1143 8.02861 13.6571 8.02861H4.85713C4.42856 8.02861 4.05713 7.68576 4.05713 7.22861C4.05713 6.80004 4.42856 6.42861 4.85713 6.42861ZM4.85713 12.0286H13.6571C14.1143 12.0286 14.4571 12.4 14.4571 12.8286C14.4571 13.2858 14.1143 13.6286 13.6571 13.6286H4.85713C4.42856 13.6286 4.05713 13.2858 4.05713 12.8286C4.05713 12.4 4.42856 12.0286 4.85713 12.0286ZM0.0571289 0.914328C0.2857 3.00004 0.457129 5.11433 0.457129 7.22861C0.457129 9.3429 0.2857 11.4572 0.0571289 13.5429C-1.39512e-05 13.9715 0.342843 14.3715 0.771415 14.4286C1.19999 14.4858 1.59999 14.1715 1.65713 13.7143C1.8857 11.5715 2.05713 9.40004 2.05713 7.22861C2.05713 5.05718 1.8857 2.88576 1.65713 0.742899C1.59999 0.314327 1.19999 4.19617e-05 0.771415 0.0286131C0.342843 0.0857563 -1.39512e-05 0.485756 0.0571289 0.914328Z" fill="white"/></svg>');
                            }
                        }
                    }
                }
            }
        }
    }

    .related.products {
        padding-block: 100px;
        width: min(1410px, 100%);
        margin-inline: auto;

        &>h2 {
            font-family: var(--font-family-title);
            font-size: var(--fs-100);
            font-weight: var(--fw-700);
            text-transform: uppercase;
            line-height: var(--lh-100);
            color: var(--base-clr);
            text-align: center;
            margin-block-end: 80px;

            &>* {
                display: inline-block;
            }

            .sc__text-highlighted {
                display: inline-block;
                padding: 8px 24px 9px 21px;
                position: relative;
                isolation: isolate;
                border-image-source: url('/wp-content/uploads/2026/06/Vector2.svg');
                /* à ajuster selon SVG */
                border-image-slice: 20 30 20 30 fill;
                border-image-width: 20px 30px 20px 30px;
                border-image-repeat: stretch;
                font-family: var(--font-family-title);
            }
        }

        /* &>ul,
        .products {
            display: flex;
            gap: 30px;

            &::before {
                display: none;
            }

            &>li {
                clear: both;
                width: calc((100% - (var(--_prd-list-cols) - 1) * var(--_prd-list-gap)) / var(--_prd-list-cols)) !important;
                margin: 0 !important;
                display: block;
                float: none;

                &>a {
                    display: block;
                    position: relative;

                    img {
                        height: var(--_suggest-img-height) !important;
                        object-fit: cover;
                        margin: 0 !important;
                    }
                }

                .woocommerce-loop-product__title {
                    font-family: var(--font-family-title);
                    font-size: var(--fs-30);
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                    text-transform: uppercase;
                    display: inline-block;
                    width: max-content;
                    padding: 10px;
                    background-color: var(--full-white-clr);
                    top: calc(var(--_suggest-img-height) - 25px);
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: var(--radius-10) var(--radius-10) 0 0;

                    &::before {
                        content: '';
                        width: 102px;
                        height: 22px;
                        position: absolute;
                        display: block;
                        background-image: url('/wp-content/uploads/2026/06/VW5pb24.svg');
                        background-size: contain;
                        background-repeat: no-repeat;
                        inset: -15px auto auto -20px;
                    }
                }

                .related-products__excerpt {
                    margin-block-start: 40px;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-400);
                    color: var(--base-clr);
                    font-family: var(--font-family-primary);
                    line-height: var(--lh-110);
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-align: center;
                    width: 100%;
                }

                .price {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    margin-block-start: 10px;
                    padding-block-start: 10px;
                    border-block-start: 1px solid #E7DEBD;
                    font-size: var(--fs-18);
                    font-weight: var(--fw-700);
                    line-height: var(--lh-100);
                    color: var(--base-clr);
                    gap: 5px;

                    * {
                        font-size: var(--fs-18);
                        font-weight: var(--fw-700);
                        line-height: var(--lh-100);
                        color: var(--base-clr);
                    }
                }

                .add_to_cart_button {
                    display: flex;
                    align-items: center;
                    width: max-content;
                    margin-inline: auto;
                    margin-block-start: 20px;
                    background-color: var(--secondary-clr);
                    padding: 10px;
                    border-radius: var(--radius-5);
                    gap: 10px;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-600);
                    color: var(--base-clr);
                    line-height: var(--lh-100);

                    &::before {
                        content: '';
                        display: block;
                        position: relative;
                        width: 18px;
                        height: 22px;
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                        background-color: var(--base-clr);
                        mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
                    }
                }
            }
        } */
    }
}

@keyframes cartBounce {
    0% {
        background-position-y: center;
    }

    30% {
        background-position-y: calc(50% - 8px);
    }

    50% {
        background-position-y: center;
    }

    65% {
        background-position-y: calc(50% - 4px);
    }

    80% {
        background-position-y: center;
    }

    90% {
        background-position-y: calc(50% - 2px);
    }

    100% {
        background-position-y: center;
    }
}

/* Archive product */
.tax-product_cat {
    --_archive-prd-padd-bs: 100px;
    --_archive-prd-padd-be: 20px;
    --_archive-prd-bann-gap: 45px;
    --_archive-prd-bann-title-width: min(855px, 100%);
    --_archive-prd-bann-img-inset-be: -180px;
    --_archive-prd-bann-img-width: min(736px, 40%);

    --_archive-row-container-padd: 60px 20px;
    --_archive-prd-row-inner-padd-bs: 0;

    .sc__archive-header {
        background-color: var(--primary-clr);
        margin-block-start: calc(var(--header-height) * -1);
        padding-block-start: calc(var(--header-height) + var(--_archive-prd-padd-bs));
        padding-block-end: var(--_archive-prd-padd-be);
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        background-image: url('/wp-content/uploads/2026/06/Rouge1.svg');
        background-repeat: repeat;
        background-size: 100%;
        background-position: center;

        .sc__archive-header-content {
            position: relative;
        }

        .sc_prd-archive-header__title {
            width: var(--_archive-prd-bann-title-width);
            margin-inline: 0 auto;
            display: flex;
            flex-direction: column;
            gap: clamp(22px, 2.8vw, 40px);

            .sc__archive-header__title {
                font-size: clamp(var(--fs-70), 8vw, var(--fs-120));
                font-family: var(--font-family-title);
                color: var(--full-white-clr);
                font-weight: var(--fw-700);
                line-height: var(--lh-100);
                text-transform: uppercase;
                width: max-content;
                position: relative;
                max-width: 100%;

                &::after {
                    position: absolute;
                    content: '';
                    width: 150px;
                    height: 99px;
                    display: block;
                    left: 70%;
                    bottom: 90%;
                    background: url(/wp-content/uploads/2026/07/miam.svg) center/contain no-repeat;
                }
            }

            .sc__archive-header__desc,
            .sc__archive-header__desc * {
                text-align: left;
                font-size: var(--fs-20);
                line-height: var(--lh-110);
                font-weight: var(--fw-400);
                font-family: var(--font-family-primary);
                color: var(--full-white-clr);
            }
        }

        .sc__archive-header__image {
            /* position: absolute;
            inset-inline-end: 0;
            inset-block-start: auto;
            width: var(--_archive-prd-bann-img-width);
            inset-block-end: var(--_archive-prd-bann-img-inset-be); */
            width: 100%;
            position: relative;

            img {
                width: 100%;
                display: block;
                height: 100%;
            }
        }
    }

    .sc__prd-archive-row-container {
        padding: var(--_archive-row-container-padd);
        background: var(--parchment-clr);


        /* .sc__prd-row-inner {
            border: 3px solid var(--secondary-clr);
        } */

        .sc__inner-content {
            padding-block-start: var(--_archive-prd-row-inner-padd-bs);
        }
    }

    .sc__wc-archive.swipper {
        overflow: hidden;
        width: min(1920px, 100%);
    }

    .sc__prd-row-inner {

        .woocommerce-pagination {

            ul {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 20px;
                border: none;
                margin-block: clamp(20px, 2vw, 40px);

                &>li {
                    border: none !important;
                }


                .page-numbers {
                    padding: 5px 10px;
                    border: 1px solid var(--secondary-clr);
                    font-size: var(--fs-18);
                    font-weight: var(--fw-500);
                    background: transparent;
                    color: var(--base-clr);
                    border-radius: var(--radius-5);
                    transition: color .3s, border .3s;

                    &[aria-current] {
                        background: var(--secondary-clr);
                    }

                    &:is(a) {
                        &:hover {
                            color: var(--primary-clr);
                            border-color: var(--primary-clr);
                        }
                    }

                    &::before {
                        display: none;
                    }
                }
            }
        }
    }

    .sc__products-wrapper {
        position: relative;
    }

    .sc__products-loader {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.6);
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease;
    }

    .sc__products-loader.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .sc__spinner {
        width: 40px;
        height: 40px;
        border: 3px solid rgba(0, 0, 0, 0.15);
        border-top-color: #000;
        /* remplace par ta couleur de marque */
        border-radius: 50%;
        animation: sc-spin 0.7s linear infinite;
    }

    /* léger effet de flou/estompage du contenu pendant le chargement */
    .sc__products-wrapper.is-loading #sc__products-ajax-container {
        opacity: 0.4;
        filter: blur(1px);
        transition: opacity 0.2s ease, filter 0.2s ease;
        pointer-events: none;
    }
}

@keyframes sc-spin {
    to {
        transform: rotate(360deg);
    }
}

/* inner style reset */
#main {
    overflow: clip;
}

.products[class*="columns"] {
    --_prd-list-gap: 30px;
    --_prd-list-cols: 1;

    &:not(.sc__products-category) {
        display: flex;
        gap: calc(var(--_prd-list-gap) + 15px) var(--_prd-list-gap);
        flex-wrap: wrap;

        &>li {
            width: calc((100% - (var(--_prd-list-cols) - 1) * var(--_prd-list-gap)) / var(--_prd-list-cols)) !important;
            margin: 0 !important;
        }
    }

    &::before,
    &::after {
        display: none !important;
    }

    &>li,
    .slick-track>li {
        clear: both;
        display: block;
        float: none;

        &>a {
            display: block;
            position: relative;

            .sc__product-thumb {
                height: var(--prd-list-img-height) !important;
                overflow: hidden;
                display: block;
            }

            img {
                object-fit: cover;
                margin: 0 !important;
                scale: 1;
                transition: scale .4s;
            }

            &:hover {
                img {
                    scale: 1.2;
                }
            }
        }

        .woocommerce-loop-product__title {
            font-family: var(--font-family-title) !important;
            font-size: var(--fs-30) !important;
            font-weight: var(--fw-700) !important;
            color: var(--base-clr) !important;
            text-transform: uppercase !important;
            display: block !important;
            width: max-content !important;
            padding: 10px !important;
            background-color: var(--full-white-clr) !important;
            /* top: calc(var(--prd-list-img-height) - 25px) !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%) !important; */
            border-radius: var(--radius-10) var(--radius-10) 0 0 !important;
            max-width: 100%;
            margin-inline: auto !important;
            margin-block-start: -25px !important;
            position: relative;
            z-index: var(--z-medium);

            &::before {
                content: '';
                width: 102px;
                height: 22px;
                position: absolute;
                display: block;
                background-image: url('/wp-content/uploads/2026/06/VW5pb24.svg');
                background-size: contain;
                background-repeat: no-repeat;
                inset: -15px auto auto -20px;
            }
        }

        .sc__produc-excerpt {
            margin-block-start: 20px !important;
            font-size: var(--fs-16) !important;
            font-weight: var(--fw-400) !important;
            color: var(--base-clr) !important;
            font-family: var(--font-family-primary) !important;
            line-height: var(--lh-110) !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            text-align: center !important;
            width: 100% !important;
        }

        .price {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            margin-block-start: 10px !important;
            padding-block-start: 10px !important;
            border-block-start: 1px solid #E7DEBD !important;
            font-size: var(--fs-18) !important;
            font-weight: var(--fw-700) !important;
            line-height: var(--lh-100) !important;
            color: var(--base-clr) !important;
            gap: 5px !important;

            * {
                font-size: var(--fs-18) !important;
                font-weight: var(--fw-700) !important;
                line-height: var(--lh-100) !important;
                color: var(--base-clr) !important;
            }
        }

        .add_to_cart_button {
            display: flex !important;
            align-items: center !important;
            width: max-content !important;
            margin-inline: auto !important;
            margin-block-start: 20px !important;
            background-color: var(--secondary-clr) !important;
            padding: 10px !important;
            border-radius: var(--radius-5) !important;
            gap: 10px !important;
            font-size: var(--fs-16) !important;
            font-weight: var(--fw-600) !important;
            color: var(--base-clr) !important;
            line-height: var(--lh-100) !important;

            &::before {
                content: '';
                display: block;
                position: relative;
                width: 18px;
                height: 22px;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: var(--base-clr);
                mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
            }
        }
    }
}

.sc__swiper-navs {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;

    &:has(.swiper-button-lock) {
        display: none !important;

        .swiper-button-lock {
            display: none !important;
        }
    }

    &>div {
        position: relative !important;
        inset: 0 !important;
        transform: initial !important;
        width: 46px !important;
        padding: 10px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-5);
        cursor: pointer !important;
        border: 2px solid var(--secondary-clr);
        height: auto !important;
        margin: 0 !important;

        &::after {
            content: '';
            display: block;
            position: relative;
            width: 16px;
            height: 22px;
            background-color: var(--base-clr);
            mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.62857 14.4C8.77143 14.4 8 13.8286 7.85714 12.9429C7.74286 12.2572 7.57143 11.2 7.48571 9.85719L2.17143 10.2858C1 10.4 0 9.45719 0 8.28576V6.11433C0 4.94291 1 4.02862 2.17143 4.11433L7.48571 4.54291C7.57143 3.20005 7.74286 2.14291 7.85714 1.45719C8 0.571477 8.77143 4.86374e-05 9.62857 4.86374e-05C10.0571 4.86374e-05 10.4857 0.142906 10.8286 0.457191C11.6857 1.22862 14.4 3.71433 15.8286 6.45719C15.9429 6.68576 16 6.94291 16 7.20005C16 7.45719 15.9429 7.71433 15.8286 7.94291C14.4 10.6858 11.6857 13.2 10.8286 13.9429C10.4857 14.2572 10.0571 14.4 9.62857 14.4ZM9.74286 12.7429H9.77143C10.6286 12 13.1143 9.65719 14.4 7.20005C13.1143 4.74291 10.6286 2.40005 9.77143 1.65719C9.65714 1.57148 9.45714 1.60005 9.42857 1.74291C9.31429 2.37148 9.17143 3.34291 9.08571 4.65719C9.02857 5.54291 8.25714 6.22862 7.34286 6.14291L2.02857 5.71433C1.8 5.68576 1.6 5.88576 1.6 6.11433V8.28576C1.6 8.54291 1.8 8.71433 2.02857 8.68576L7.34286 8.25719C8.25714 8.17148 9.02857 8.85719 9.08571 9.74291C9.17143 11.0572 9.31429 12.0286 9.42857 12.6572C9.45714 12.8 9.65714 12.8572 9.74286 12.7429Z" fill="white"/></svg>');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
        }

        &.swiper-button-prev {
            &::after {
                rotate: 180deg;
            }
        }
    }

    &.is-primary {
        &>div {
            border-color: var(--primary-clr);
            background-color: var(--primary-clr);

            &::after {
                background-color: var(--full-white-clr);
            }
        }
    }

    &.is-begin {
        justify-content: flex-start;
    }
}

/* Woocommerce */
.woocommerce {

    .woocommerce-pagination {

        ul {
            display: flex !important;
            align-items: center;
            justify-content: center;
            gap: 20px;
            border: none !important;
            margin-block: clamp(20px, 2vw, 40px) !important;

            &>li {
                border: none !important;
            }


            .page-numbers {
                padding: 5px 10px;
                border: 1px solid var(--secondary-clr);
                font-size: var(--fs-18);
                font-weight: var(--fw-500);
                background: transparent !important;
                color: var(--base-clr) !important;
                border-radius: var(--radius-5) !important;
                transition: color .3s, border .3s;

                &[aria-current] {
                    background: var(--secondary-clr) !important;
                }

                &:is(a) {
                    &:hover {
                        color: var(--primary-clr) !important;
                        border-color: var(--primary-clr) !important;
                    }
                }

                &::before {
                    display: none;
                }
            }
        }
    }
}

/* Bandeau page standard */
#bandeau {
    --_cms-padd-be: 80px;

    &:has(.sc__cms) {
        margin-block-start: calc(var(--header-height) * -1);
        padding-block-start: calc(var(--header-height) + var(--cms-top-gap));
        background-image: url('/wp-content/uploads/2026/06/Rouge.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-block-end: 0;
    }

    .sc__cms-banner-content {
        padding-block-end: var(--_cms-padd-be);

        .sc__inner-banner-content {
            width: min(855px, 100%);
            margin-inline: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .sc__page-title {
            font-size: var(--fs-120);
            color: var(--full-white-clr);
            font-weight: var(--fw-700);
            font-family: var(--font-family-title);
            text-transform: uppercase;
            line-height: var(--lh-100);
            text-align: left;
        }

        .sc__page-desc {
            text-align: left;
            font-size: var(--fs-20);
            line-height: var(--lh-100);
            font-weight: var(--fw-400);
            font-family: var(--font-family-primary);
            color: var(--full-white-clr);
        }
    }
}

/* FAQ */
.sc__faq {
    --_sc__faq-padd: 100px 20px;
    --_sc__faq-question-padd: 13px 20px;
    --_sc__faq-question-gap: 20px;
    --_sc__faq-ans-padd: 10px 20px 20px;
    --_sc__faq-faq-gap: 20px;
    --_sc__faq-element-gap: 40px;


    padding: var(--_sc__faq-padd);
    background-color: var(--parchment-clr);
    width: min(1920px, 100%);

    .sc__faq-inner {
        width: min(100%, 1410px);
        margin-inline: auto;

        .sc__faq-title {
            font-family: var(--font-family-title);
            font-weight: var(--fw-700);
            font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
            text-transform: uppercase;
            text-align: center;
            margin-block-end: var(--_sc__faq-element-gap);
            width: max-content;
            margin-inline: auto;
            position: relative;
            max-width: 100%;

            &::before {
                content: "";
                position: absolute;
                display: block;
                width: 60px;
                height: 45px;
                background-image: url('/wp-content/uploads/2026/06/Group-49.svg');
                background-size: contain;
                background-repeat: no-repeat;
                inset: -20px -30px auto auto;
            }



            span {
                font-size: inherit;
                text-transform: inherit;
                font-family: var(--font-family-fantaisy);
                letter-spacing: calc(var(--lsp-2) * -1);
                font-weight: var(--fw-400);
            }
        }
    }

    .sc__faq-content {
        --_fac-deco-width: 97px;
        --_fac-deco-height: 200px;

        display: flex;
        flex-direction: column;
        gap: var(--_sc__faq-faq-gap);
        margin-inline: auto;
        width: min(85%, 984px);
        position: relative;
        isolation: isolate;


        &.faq-tab-active {
            display: flex;
            animation: faqContentIn 0.7s ease forwards;
        }

        &::before {
            content: "";
            width: var(--_fac-deco-width);
            height: var(--_fac-deco-height);
            background-image: url('/wp-content/uploads/2026/06/Vector3.svg');
            background-repeat: no-repeat;
            background-size: contain;
            display: block;
            position: absolute;
            inset: calc(calc(var(--_fac-deco-height) - 30px)*-1) auto auto -80px;
            z-index: -1;
        }

        .sc__faq-item {
            transition: box-shadow .3s;
            background-color: var(--full-white-clr);

            .sc_faq-question {
                padding: var(--_sc__faq-question-padd);
                cursor: pointer;

                .q-text {
                    display: flex;
                    align-items: center;
                    gap: var(--_sc__faq-question-gap);
                    justify-content: space-between;

                    &::after {
                        content: "";
                        width: 32px;
                        height: 32px;
                        background-color: var(--full-white-clr);
                        background-image: url("/wp-content/uploads/2026/06/arrow-right.svg");
                        background-position: center;
                        background-size: 12px 22px;
                        background-repeat: no-repeat;
                        padding: 5px 10px;
                        border-radius: 50%;
                        box-sizing: border-box;
                        flex-shrink: 0;
                        flex-grow: 0;
                        border: 1px solid var(--full-white-clr);
                        transition: rotate .3s;
                        rotate: 0;
                    }
                }
            }

            .sc__faq-answer {
                height: 0;
                transition: height .3s;
                overflow: hidden;

                .sc__faq-answer-inner {
                    padding: var(--_sc__faq-ans-padd);
                    color: var(--base-clr);

                    a {
                        text-decoration: underline;
                        font-weight: var(--fw-700);
                    }

                    strong {
                        font-weight: var(--fw-700);
                    }
                }
            }

            &.active {

                .sc_faq-answer {
                    height: auto;
                }

                .sc_faq-question {
                    background-color: var(--blue-clr);

                    .q-text {
                        &::after {
                            rotate: 135deg;
                            border-color: var(--full-white-clr);
                        }
                    }
                }
            }
        }
    }

    .sc__faq-footer {
        width: min(490px, 100%);
        margin-inline: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-block-start: var(--_sc__faq-element-gap);
    }

    &.sc__is-faq-mob {

        .sc__faq-inner {
            display: flex;
            flex-direction: column;
            padding: 0 !important;

            &>div {
                width: 100% !important;

                .arrow {
                    opacity: 1 !important;

                    svg {
                        rotate: 90deg;
                        transition: rotate .3s;

                        path {
                            fill: var(--base-clr);
                        }
                    }
                }
            }

            .sc__faq-tab-left {
                padding: 0 !important;
            }

            .item.faq-item-left-active {
                .arrow {
                    opacity: 1 !important;

                    svg {
                        rotate: -90deg;

                        path {
                            fill: var(--full-white-clr);
                        }
                    }
                }
            }

            .sc__faq-content {
                width: 100% !important;
                overflow: hidden;
                transition: height 0.3s ease;


                &:not(.faq-tab-active) {
                    display: none;
                }
            }

            .left-tabs-container {
                width: 100% !important;
                margin: 0 !important;
            }

        }

    }
}

@keyframes faqContentIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc__faq-content.faq-tab-active {
        animation: none;
    }
}

.sc__faq-tabs {
    --_sc__faq-tab-left-w: min(630px, 40%);
    --_sc__faq-tab-left-padd-ie: 70px;
    --_sc__faq-tab-left-gap: 30px;
    --_sc__faq-left-icon-w: 54px;
    --_sc__faq-left-arrow-w: 16px;
    --_sc__faq-left-items-gap: 30px;
    --_sc__faq-left-items-container-w: min(305px, 100%);
    --_sc-faq-tab-left-cols: 3;
    --_sc-faq-tab-right-padd: 100px 50px;
    --_fac-deco-height: 250px;

    background-color: hsl(from var(--parchment-clr) h s l / 0.4);


    .sc__faq-inner {
        width: 100%;
        display: flex;
        align-items: center;

        .sc__faq-tab-left {
            width: var(--_sc__faq-tab-left-w);
            padding-inline-end: var(--_sc__faq-tab-left-padd-ie);

            .left-tabs-container {
                display: flex;
                flex-direction: column;
                gap: var(--_sc__faq-left-items-gap);
                width: var(--_sc__faq-left-items-container-w);
                margin-inline: auto 0;
            }
        }

        .sc__faq-tab-right {
            width: calc(100% - var(--_sc__faq-tab-left-w));
        }

        .item {
            display: flex;
            align-content: center;
            gap: var(--_sc__faq-tab-left-gap);
            position: relative;
            cursor: pointer;
            padding: 10px;
            background-color: transparent;
            transition: background-color .4s;
            border-radius: var(--radius-5);

            &:not(:first-child) {
                &::before {
                    content: "";
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    background-color: var(--gray-clr);
                    display: block;
                    top: calc(calc(var(--_sc__faq-left-items-gap) / 2) * -1);
                    left: 0;
                }
            }

            &>div {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            .icon {
                width: var(--_sc__faq-left-icon-w);

                img {
                    width: 100%;
                    filter: invert(0);
                    transition: filter .3s;
                }
            }

            .text {
                color: var(--base-clr);
                font-family: var(--font-family-title);
                align-items: start;
                font-weight: var(--fw-700);
                text-transform: uppercase;
                font-size: clamp(var(--fs-22), 2vw, var(--fs-30));
                width: 100%;
                flex-shrink: 1;
                transition: color .4s;

            }

            .arrow {
                width: var(--_sc__faq-left-arrow-w);
                opacity: 0;
                transition: opacity .4s;

                img {
                    width: 100%;
                }
            }

            &:hover,
            &.faq-item-left-active {
                background-color: var(--primary-clr);

                .icon img {
                    filter: invert(1);
                }

                .text {
                    color: var(--full-white-clr);
                }

                .arrow {
                    opacity: 1;
                }
            }
        }
    }

    .sc__faq-tab-right {
        background-color: var(--parchment-clr);
        padding: var(--_sc-faq-tab-right-padd);

        .sc__faq-title {
            margin-inline-start: 0;
        }

        .sc__faq-content {
            margin-inline-start: 0;
            width: min(100%, 984px);
            display: none;

            &::before {
                inset: calc(calc(var(--_fac-deco-height) + 10px)*-1) auto auto -100px;
            }

            &.faq-tab-active {
                display: flex;
            }
        }

        .sc__faq-footer {
            margin-inline-start: 0;
        }
    }
}

.sc__prd-footer-bandeau {
    --_sc__prd-banner-gap: 66px;
    --_sc__prd-banner-padd-block: 40px;
    --_sc__prd-banner-img-wrapper-width: min(45%, 585px);
    --_sc__prd-banner-text-el-gap: 40px;
    --_sc__prd-banner-height: 350px;

    /* width: calc(min(100%, 1410px) + calc(calc(calc(100vw - min(100%, 1410px)) / 2)*2));
    margin-inline-start: calc(calc(calc(100vw - min(100%, 1410px)) / 2)*-1); */
    padding-block: var(--_sc__prd-banner-padd-block);
    width: min(1920px, 100%);

    .sc__prd-footer-bandeau-inner {
        display: grid;
        gap: var(--_sc__prd-banner-gap);
        grid-template-columns: calc(var(--_sc__prd-banner-img-wrapper-width) - calc(var(--_sc__prd-banner-text-el-gap)/2)) calc(calc(100% - var(--_sc__prd-banner-img-wrapper-width)) - var(--_sc__prd-banner-text-el-gap));

        &.sc__bandeau-text-first {
            display: flex;
            flex-direction: column;
            row-gap: 40px;
        }

        .sc__img-wrapper {
            display: flex;
            flex-direction: column;
            box-shadow: -10px -10px 0px 0px var(--parchment-clr);
            height: var(--_sc__prd-banner-height);

            img {
                display: grid;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .sc__content-text {
            display: flex;
            flex-direction: column;
            gap: var(--_sc__prd-banner-text-el-gap);
        }

    }
}

/* Block with img bg */
.sc__big-img-bandeau {
    --_sc-big-img-bandeau-padd-bl: 270px 20px;
    --_sc-text-content-gap: 20px;
    --_sc-text-content-bottom-padd: clamp(20px, 2.5vw, 40px);
    --_sc-bg-offset: -225px;

    padding-block: var(--_sc-big-img-bandeau-padd-bl);
    /* background-image: url('/wp-content/uploads/2026/06/5.-La-brioche-festive.webp'); */
    background-size: cover;
    background-position: center var(--_sc-bg-offset);
    background-repeat: no-repeat;

    .sc__title-wrapper {
        .sc__subtitle {
            margin-block-start: -10px;
            z-index: -1;
        }
    }

    .sc__content-text {
        display: flex;
        flex-direction: column;
        gap: var(--_sc-text-content-gap);
        width: min(570px, 100%);
    }

    .sc__text-bottom {
        background-color: var(--full-white-clr);
        padding: var(--_sc-text-content-bottom-padd);
        border-radius: var(--radius-10);
        display: flex;
        flex-direction: column;
        gap: var(--_sc-text-content-gap);
    }

    .sc__title-highlight {
        &.sc__highlight-sec {
            border-image-slice: 0 70 35 70 fill;
        }
    }
}

/* Association or school */

.sc__prd-school-bloc {
    --_sc__school-banner-gap: 90px;
    --_sc__school-banner-padd-block: 80px 50px;
    --_sc__school-banner-img-wrapper-width: min(45%, 485px);
    --_sc__school-banner-text-el-gap: 20px;

    /* image parameter */
    --_sc_school-img-width: 260px;
    --_sc_school-img-height: 395px;

    padding: 0;

    .wrapper {
        background-color: hsl(from var(--tertiary-clr) h s l / 0.3);
        padding-block: var(--_sc__school-banner-padd-block);
        /* border: 3px solid hsl(from var(--tertiary-clr) h s l / 0.5); */
        padding-inline: 20px;
        width: 100%;
    }

    .sc__prd-school-bloc-inner {
        /*  display: grid;
        gap: var(--_sc__school-banner-gap);
        grid-template-columns: calc(var(--_sc__school-banner-img-wrapper-width) - calc(var(--_sc__school-banner-text-el-gap)/2)) calc(calc(100% - var(--_sc__school-banner-img-wrapper-width)) - var(--_sc__school-banner-text-el-gap)); */
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 40px;


        .sc__img-wrapper {
            display: flex;
            flex-direction: column;
            box-shadow: -10px -10px 0px 0px var(--full-white-clr);
            rotate: -4deg;
            width: var(--_sc_school-img-width);
            height: var(--_sc_school-img-height);


            img {
                display: grid;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .sc__content-text {
            display: flex;
            flex-direction: column;
            gap: var(--_sc__school-banner-text-el-gap);
        }

        .sc__title {
            font-size: clamp(var(--fs-60), 6.5vw, var(--fs-100));
            line-height: var(--lh-100);
            font-weight: var(--fw-700);
            color: var(--base-clr);
            text-transform: uppercase;
            font-family: var(--font-family-title);

            .sc__f-fantaisy {
                font-family: var(--font-family-fantaisy);
                letter-spacing: -2%;
                text-transform: uppercase;
                font-size: inherit;
                line-height: inherit;
                rotate: -4deg;
                display: inline-block;

            }

            .sc__title-has-hat {
                font-family: var(--font-family-title);
                display: inline-block;
                position: relative;

                &::before {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    inset: -25px -20px auto auto;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: var(--tertiary-clr);
                    mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="63" height="58" viewBox="0 0 63 58" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4455_1685)"><path d="M55.3286 40.8737C54.7817 38.8002 52.7479 37.279 50.3876 37.1809C48.6819 37.1108 47.16 37.7021 45.9425 38.1873L36.7576 41.8512C36.4652 41.9623 35.9433 42.1342 35.3062 42.3391C29.9946 44.0501 27.4498 45.1067 27.0762 47.4128C26.8742 48.6206 27.6035 49.7778 28.7648 50.1057C32.207 51.0821 36.2798 50.7614 39.8282 50.3803C40.0458 50.3584 40.2621 50.3307 40.4808 50.3038C42.0451 50.1125 43.6034 49.8384 45.1438 49.4856C45.822 49.3241 46.5721 49.0517 47.3253 48.7778C48.1369 48.4733 48.9808 48.1534 49.5204 48.1363C49.7521 48.1202 49.9675 48.0739 50.1779 47.9958C51.3009 47.5976 52.592 47.0748 53.6888 46.0416C55.1691 44.638 55.8045 42.6579 55.3286 40.8737ZM40.6372 15.0908C39.6206 14.5264 36.9133 13.6431 33.6728 17.4192C32.292 19.0331 30.8659 20.6312 29.4353 22.2283C26.5746 25.4304 23.6218 28.7412 20.9901 32.2254C20.4087 32.9941 19.5491 34.1214 19.8096 35.6423C19.9209 36.2971 20.2877 37.2298 21.4136 37.9625C22.2289 38.4877 23.0209 38.6069 23.7538 38.5181C24.96 38.3679 25.9747 37.646 26.5288 37.2477C29.4343 35.3475 31.8679 33.4697 34.1064 31.4193C36.4433 29.2877 39.0885 26.7129 41.0513 23.7458C41.7613 22.7888 42.5263 21.6525 42.8017 20.207C43.2042 18.1286 42.3126 16.0166 40.6372 15.0908ZM23.6062 3.03063C22.0427 2.52587 20.2114 2.96165 18.8479 4.17161C17.8462 5.05011 17.2438 6.13857 16.7641 7.09719C14.2462 12.05 12.6156 17.3713 11.9071 22.9174L11.7879 23.5965C11.3955 25.6537 11.1761 27.2004 11.8745 28.4259C12.6328 29.7458 13.7206 30.0153 14.3034 30.055C14.4973 30.069 14.6815 30.0596 14.8659 30.0377C16.248 29.8687 17.156 28.7214 17.726 28.002C19.8293 25.4653 21.4797 22.9916 22.8659 20.376C24.4572 17.364 25.6879 14.1745 26.5143 10.8932C26.7967 9.80276 27.0287 8.63234 26.8863 7.39611C26.8752 7.28979 26.8593 7.1823 26.8416 7.07182C26.5357 5.12972 25.2912 3.57418 23.6062 3.03063Z" fill="white"/></g><defs><clipPath id="clip0_4455_1685"><rect width="53.324" height="46.9974" fill="white" transform="matrix(-0.97389 -0.22702 -0.22702 0.97389 62.6011 12.1057)"/></clipPath></defs></svg>');
                }
            }

            .sc__title-highlight {
                display: inline-block;
                padding: 13px 24px 9px 21px;
                position: relative;
                isolation: isolate;
                border-image-source: url('/wp-content/uploads/2026/06/Vector.svg');
                /* à ajuster selon SVG */
                border-image-slice: 20 30 20 30 fill;
                border-image-width: 20px 30px 20px 30px;
                border-image-repeat: stretch;
                font-family: var(--font-family-title);
                rotate: -2.8deg;

                &:not(.highlight-white) {
                    z-index: 2;
                }

                &.highlight-white {
                    border-image-slice: 25 25 40 20 fill;
                    border-image-width: 20px 25px 20px 30px;
                    border-image-source: url('/wp-content/uploads/2026/06/Vector3-1.svg');
                }

            }
        }

    }
}

/* Reassurance */
.sc__reassurance {
    --_sc-reassurance-items-gap: 20px;
    --_sc-reassurance-list-cols: 1;
    --_sc-reassurance-padd-bl: clamp(40px, 6vw, 80px);
    --_sc-reassurance-icon-w: 66px;
    --_sc-reassurance-icon-h: 70px;
    --_sc-reassurance-item-gap: 20px;

    padding-block: var(--_sc-reassurance-padd-bl);

    .sc__container {
        display: flex;
        flex-direction: column;
        gap: var(--_sc-reassurance-items-gap);
        align-items: flex-start;

        .item {
            width: calc((100% - (var(--_sc-reassurance-list-cols) - 1) * var(--_sc-reassurance-items-gap)) / var(--_sc-reassurance-list-cols)) !important;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            gap: var(--_sc-reassurance-item-gap);
        }

        .item-text {
            display: flex;
            flex-direction: column;
            gap: calc(var(--_sc-reassurance-item-gap) / 2);
        }

        .icons {
            width: var(--_sc-reassurance-icon-w);
            height: var(--_sc-reassurance-icon-h);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            /* margin-inline: auto; */

            img {
                width: 100%;
            }
        }

        .title {
            font-family: var(--font-family-primary);
            font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
            font-weight: var(--fw-700);
            line-height: var(--lh-130);
            text-align: left;
            color: var(--base-clr);
        }

        .desc {
            font-size: var(--fs-12);
            font-style: italic;
            font-weight: var(--fw-500);
            font-family: var(--font-family-primary);
            line-height: var(--lh-110);
            color: var(--base-clr);
            text-align: left;

        }
    }
}

/* filter */
.sc__wc-prd-filter {
    --_filter-col-gap: 40px;
    --_filter-row-gap: 20px;
    --_filter-radio-col-gap: 20px;
    --_filter-width: 1060px;
    --_filter-padd: 20px 0;
    --_filter-footer-padd: 10px 0;


    width: min(var(--_filter-width), 100%);
    margin-inline: auto;
    max-width: 100%;
    margin-block-end: clamp(40px, 4.8vw, 72px);

    .sc__filtre-produits {
        display: flex;
        column-gap: var(--_filter-col-gap);
        align-items: center;
        padding: var(--_filter-padd);
        border-block: 1px solid var(--full-white-clr);
        border-radius: var(--radius-10);
        flex-direction: column;
        row-gap: var(--_filter-row-gap);

        .sc__filtre-produits__radios {
            display: flex;
            align-items: center;
            column-gap: var(--_filter-radio-col-gap);
        }

        .sc__filtre-produits__radio {
            display: flex;
            align-items: center;
            position: relative;
            cursor: pointer;
            padding-inline-start: 30px;

            input {
                display: none;
            }

            &::before,
            &::after {
                content: "";
                display: block !important;
                width: 20px;
                height: 20px;
                position: absolute !important;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 50%;
                border: 1px solid var(--base-clr);
            }

            &::after {
                height: 12px;
                width: 12px;
                border-color: var(--secondary-clr);
                background: var(--secondary-clr);
                opacity: 0;
                transition: opacity .7s;
                left: 4px;
            }

            &:has(input:checked)::after {
                opacity: 1;
            }

            &>span {
                font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
                line-height: var(--lh-130);
                font-weight: var(--fw-400);
                color: var(--base-clr);
            }
        }

        .sc__filtre-produits__select-wrap {
            flex: 1;
            min-width: 230px;
        }

        .sc__filtre-produits__select {
            width: 100%;
            border: 1px solid var(--parchment-clr);
            padding: 12px 20px;
            font-size: var(--fs-16);
            font-weight: var(--fw-400);
            color: var(--base-clr);
            background-color: var(--full-white-clr);
            appearance: none;

            background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.17188 7.13672C6.82031 7.45312 6.29297 7.45312 5.97656 7.13672L0.351562 1.51172C0 1.19531 0 0.632812 0.351562 0.316406C0.667969 0 1.19531 0 1.51172 0.316406L6.53906 5.34375L11.5664 0.316406C11.918 0 12.4453 0 12.7617 0.316406C13.1133 0.667969 13.1133 1.19531 12.7617 1.51172L7.13672 7.13672H7.17188Z" fill="black"/></svg>');
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-size: 12px 8px;
        }

        .sc__filtre-button-container {
            display: flex;
            gap: 20px;
            align-items: center;
            display: none;
        }

        .sc__filtre-produits__valider {
            display: inline-flex;
            align-items: center;
            gap: 20px;
            background-color: var(--secondary-clr);
            padding: 12px 20px;
            font-size: var(--fs-26);
            font-family: var(--font-family-title);
            font-weight: var(--fw-700);
            text-transform: uppercase;
            color: var(--base-clr);
            letter-spacing: var(--lsp-3);
        }
    }

    .sc__filtre-produits__note {
        padding: var(--_filter-footer-padd);
        font-size: var(--fs-12);
        font-weight: var(--fw-400);
        color: var(--base-clr);
        font-style: italic;
        line-height: var(--lh-100);
    }
}

/* asl single */
.sc__asl-banner {
    --_bannder-padd-text-content-gap: 40px;
    --_bannder-padd-bs: 80px;
    --_inner-text-content-padd-bs: calc(var(--header-height) + var(--_bannder-padd-bs));
    --_inner-text-content-padd-is: 20px;
    --_inner-text-content-padd-ie: 20px;

    padding-inline: 0;

    .sc__store-hero__content {
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-block-end: 0;
        padding-inline: 0;
        margin-block-start: calc(var(--header-height) * -1);

        &>div {
            flex-basis: 50%;
        }

        .sc__hero-text-content {
            padding-block-start: var(--_inner-text-content-padd-bs);
            padding-inline-start: var(--_inner-text-content-padd-is);
            padding-inline-end: var(--_inner-text-content-padd-ie);
            background-image: url('/wp-content/uploads/2026/06/Rouge1.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            gap: var(--_bannder-padd-text-content-gap);
            padding-block-end: 20px;
        }

        .sc__store-hero__actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .sc__store-hero__media {
            position: relative;

            &::before {
                content: "";
                inset: 0;
                position: absolute;
                display: block;
                z-index: var(--z-low);
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 7.26%, rgba(255, 255, 255, 0.21) 31.56%);
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        }
    }
}

#asl-storelocator.asl-cont .agile-modal.fade.in {
    z-index: 1000 !important;
}

.sl-container {
    max-width: min(1920px, 100%) !important;
}

.asl-store-pg.sc__container-full {
    --_inner-text-content-padd-is: calc(calc(100vw - min(100%, 1410px)) / 2);
    --_inner-text-content-padd-ie: 20px;
    --_inner-text-content-padd-bl: 25px;
    --_sc-asl-list-cols: 2;
    --_sc-asl-list-gap: 0px;

    padding: 0;

    .sl-row {
        margin: 0 !important;
    }

    .sc__asl-details,
    .sc__asl-map {
        padding: 0 !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-grow: 0 !important;
    }

    .sc__asl-details {
        background-color: #E9F0EA;
        padding: 20px !important;

        &>.sl-row {
            border: 3px solid var(--tertiary-clr);
            /* padding-inline-start: clamp(40px, 15vw, 214px); */
            padding-inline-start: clamp(20px, 3.5vw, 60px);
            padding-inline-end: var(--_inner-text-content-padd-ie);
            padding-block: var(--_inner-text-content-padd-bl);


            &>div {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
            }
        }
    }

    .sc__asl-map {
        padding-inline-end: 0px !important;

        .asl-detail-map {
            height: clamp(400px, 20vw, 500px) !important;
            margin: 0 !important;
            max-width: 100% !important;
        }
    }
}

.sc__asl-row {
    --_amenities-list-cols: 1;
    --_amenities-list-gap: 10px;

    .asl-content-box {

        .sl-store-title {
            font-size: var(--fs-30) !important;
            line-height: var(--lh-100) !important;
            font-weight: var(--fw-700) !important;
            color: var(--base-clr) !important;
            font-family: var(--font-family-title) !important;
            margin-block-end: 20px;
        }
    }

    .asl-amenities-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: var(--_amenities-list-gap);
        margin-block-end: 40px !important;

        &>li {
            flex-basis: calc((100% - (var(--_amenities-list-cols) - 1) * var(--_amenities-list-gap)) / var(--_amenities-list-cols));
            display: flex;
            align-items: center;
            gap: 15px;

            .sc__asl-amenity-icon {
                width: 22px;
                flex-shrink: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;

                img {
                    display: block;
                    width: 100%;
                    margin: auto;
                }
            }

            .asl-amenity-label {
                font-size: var(--fs-16);
                font-weight: var(--fw-400);
                line-height: var(--lh-110);
                color: var(--base-clr);
                font-family: var(--font-family-primary);
            }
        }
    }

    .sl-address {
        width: 100%;

        .sl-store-info {
            width: 100%;

            .sc__sl-timings {
                width: 100%;
                display: flex;
                gap: 7px;
                flex-direction: column;

                .sl-day,
                .sc__sl-timing-row {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding-block-end: 10px;
                    margin: 0 !important;

                    &:not(:last-child) {
                        border-block-end: 1px solid var(--base-clr);
                    }

                    .sl-day-lbl,
                    .sc__sl-day,
                    .sc__sl-hours,
                    .sl-time {
                        font-weight: var(--fw-400) !important;
                        color: var(--base-clr) !important;
                        font-size: var(--fs-14) !important;
                        text-transform: uppercase !important;
                        line-height: var(--lh-100) !important;
                    }
                }
            }
        }
    }
}

.sc__asl-gallery {
    --_as-gallery-content-padd-is: 20px;
    --_as-gallery-content-padd-bl: 40px 60px;
    --_as-gallery-slide-height: 500px;

    padding-inline-start: var(--_as-gallery-content-padd-is);
    padding-block: var(--_as-gallery-content-padd-bl);
    padding-inline-end: 20px;

    .swiper-wrapper {
        margin-block-end: 30px;

        .swiper-slide {
            height: var(--_as-gallery-slide-height);
            overflow: hidden;
            display: grid;
            position: relative;

            /* &::before {
                content: '';
                width: 22px;
                height: 22px;
                position: absolute;
                display: grid;
                inset: 10px 22px auto auto;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: var(--tertiary-clr);
                mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 176C258.7 176 248 186.7 248 200L248 248L200 248C186.7 248 176 258.7 176 272C176 285.3 186.7 296 200 296L248 296L248 344C248 357.3 258.7 368 272 368C285.3 368 296 357.3 296 344L296 296L344 296C357.3 296 368 285.3 368 272C368 258.7 357.3 248 344 248L296 248L296 200C296 186.7 285.3 176 272 176z"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 176C258.7 176 248 186.7 248 200L248 248L200 248C186.7 248 176 258.7 176 272C176 285.3 186.7 296 200 296L248 296L248 344C248 357.3 258.7 368 272 368C285.3 368 296 357.3 296 344L296 296L344 296C357.3 296 368 285.3 368 272C368 258.7 357.3 248 344 248L296 248L296 200C296 186.7 285.3 176 272 176z"/></svg>');
            } */

            img {
                width: 100%;
                height: 100%;
                max-width: 100%;
                object-fit: cover;
            }
        }
    }

    .sc__asl-gallery-zoom-btn {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        background: none;
        cursor: zoom-in !important;
    }

    .sc__asl-gallery-zoom-btn img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* .sc__asl-lightbox {
        padding: 0;
        border: 0;
        max-width: 92vw;
        max-height: 92vh;
        background: transparent;
        overscroll-behavior: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.96);
    } */

    .sc__asl-lightbox {
        position: fixed;
        inset: 0;
        margin: auto;
        padding: 0;
        border: 0;
        max-width: 92vw;
        max-height: 92vh;
        background: transparent;
        overscroll-behavior: contain;
    }

    .sc__asl-lightbox::backdrop {
        background: rgba(0, 0, 0, 0.85);
    }

    .sc__asl-lightbox-img {
        display: block;
        max-width: 92vw;
        max-height: 92vh;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .sc__asl-lightbox-close {
        position: fixed;
        top: 1.5rem;
        right: 1.5rem;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        cursor: pointer;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .sc__asl-lightbox {
        opacity: 0;
        /* transform: translate(-50%, -50%) scale(0.96) !important; */
        transform: scale(0.96) !important;
        transition: opacity 0.2s ease, transform 0.2s ease, overlay 0.2s ease allow-discrete, display 0.2s ease allow-discrete;
    }

    .sc__asl-lightbox[open] {
        opacity: 1;
        transform: scale(1);
    }

    .sc__asl-lightbox::backdrop {
        opacity: 0;
        transition: opacity 0.2s ease, overlay 0.2s ease allow-discrete, display 0.2s ease allow-discrete;
    }

    .sc__asl-lightbox[open]::backdrop {
        opacity: 1;
    }

    @starting-style {
        .sc__asl-lightbox[open] {
            opacity: 0;
            transform: scale(0.96);
        }

        .sc__asl-lightbox[open]::backdrop {
            opacity: 0;
        }
    }
}

/* ASL archive, Archive Boutique */

#main:has(.sc__store-archive-footer-2col-img) {
    margin-block-start: calc(var(--header-height) * -1);
}

#asl-storelocator {
    --_store-list-cols: 4;
    --_store-list-gap: 30px;
    --sl-list-bg: var(--full-white-clr) !important;
    --_sc-asl-top-area-text-w: min(668px, 100%);
    --_banner-padd-bs: clamp(50px, 8vw, 200px);

    .sl-container {
        padding: 0 !important;
        margin: 0 !important;
    }

    .sc__yoast_breadcrumb {
        padding-inline: 20px;
    }


    .sc__asl-banner {
        height: var(--_sc__asl-banner-height, auto) !important;
        padding: 0 !important;
        margin: 0 !important;

        &.asl-top-area {
            /* display: grid !important; */
            display: flex !important;
            position: relative;

            div:has(.Filter_section) {
                display: none !important;
            }

            /* div:has(.asl-map) {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                flex-grow: 1;
                grid-row: 1/-1;
                grid-column: 1/-1;
            } */

            &>div {
                /* width: 50% !important;
                flex: 0 0 50%; */
                width: 100% !important;
                flex: 0 0 100%;

                &:has(.asl-map) {
                    padding: 0 !important;
                }
            }

        }

        .sc__asl-top-area-text {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: var(--_sc-asl-top-area-text-w);
            background-color: #84d7eb;
            padding-inline: 20px;
            padding-block-start: calc(var(--header-height) + 40px);
            padding-block-end: 40px;

            .sc__title,
            .sc__subtitle {
                line-height: var(--lh-100) !important;
            }

            .sc__asl-top-desc {
                line-height: var(--lh-130) !important;
            }
        }

    }

    .sc__arch-asl-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: min(1000px, 100%);
        max-width: 100%;
        margin-inline: auto;
        gap: 20px;
        margin-block-end: clamp(40px, 5vw, 80px);

        .sc__arch-header-title {
            font-family: var(--font-family-title) !important;
            color: var(--base-clr);
            font-size: clamp(var(--fs-30), 2.5vw, var(--fs-38));
            font-weight: var(--fw-700);
            line-height: var(--lh-100);
            text-transform: uppercase;
            display: block;
            text-align: center;

            span {
                font: inherit;
                color: inherit;
            }
        }

        .sc__arch-asl-header-text {
            font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
            font-weight: var(--fw-400);
            line-height: var(--lh-130);
            color: var(--base-clr);
            text-align: center;
        }
    }

    .sc__container-store-archive {
        margin: 0 !important;
        background-color: var(--parchment-clr-light);
        padding-block: clamp(60px, 5.5vw, 100px);
    }

    .sl-list-wrapper {
        width: min(100%, 1410px);
        margin-inline: auto;
        margin-block-start: clamp(40px, 5vw, 80px);

        #p-statelist {
            --_store-child-width: 100%;
            --_store-child-img-height: 280px;

            display: flex;
            gap: var(--_store-list-gap) !important;

            &>li {
                width: var(--_store-child-width) !important;
                flex-basis: var(--_store-child-width) !important;
                max-width: 100% !important;
                pointer-events: none;

                a,
                button {
                    pointer-events: all;
                }

                .sl-items-inner {
                    margin: 0 !important;
                    border-radius: var(--radius-5) !important;
                    position: relative;
                    border: none !important;
                    outline: none !important;
                    transition: box-shadow .3s;

                    &:has(button.sl-hours-toggle-btn[aria-expanded="true"]) {
                        box-shadow: 0px 0px 14px 0px #00000040;
                    }
                }

                .sl-short-decp {
                    display: none !important;
                }

                .sl-addr-sec {
                    padding: 20px !important;
                    height: 100% !important;
                }

                .sl-logo-cont {
                    margin: 0 !important;
                }

                .sl-store-banner {
                    width: 100%;
                    overflow: hidden;

                    img {
                        display: block;
                        height: var(--_store-child-img-height);
                        width: 100%;
                        /* height: 100%; */
                        object-fit: cover;
                    }
                }

                .sl-title-bar {
                    width: 100%;

                    display: block;
                    margin-block: 20px 0 !important;

                    .sl-items-title {
                        color: var(--base-clr) !important;
                        line-height: var(--lh-120) !important;
                        font-size: var(--fs-18) !important;
                        font-weight: var(--fw-700) !important;
                        margin: 0 !important;
                    }
                }

                .asl-addr {
                    &>span {
                        margin: 4px 0 !important;
                        font-size: var(--fs-16);
                        font-weight: var(--fw-400);
                        color: var(--base-clr);
                        line-height: var(--lh-120);
                        display: block;
                    }
                }

                .asl-info-list {
                    &>li {
                        margin: 0 !important;
                    }

                    a[href*="tel"] {
                        display: inline-block;
                        color: var(--base-clr);
                        font-weight: var(--fw-400);
                        font-size: var(--fs-16);
                        margin: 0;
                        line-height: var(--lh-120);

                        &:hover {
                            color: var(--primary-clr);
                        }
                    }

                    .sl-hours-toggle-item {

                        .sl-hours-toggle-btn {
                            display: inline-flex;
                            padding-block: 8px;
                            gap: clamp(10px, 1vw, 20px);

                            &:is([aria-expanded="true"]) {
                                svg {
                                    transform: rotate(180deg);
                                }
                            }

                            span {
                                font-size: var(--fs-16);
                                font-weight: var(--fw-700);
                                line-height: var(--lh-120);
                                color: var(--base-clr);
                                display: inline-block;
                                transition: color .3s;

                                &:has(svg) {
                                    width: 16px;
                                    flex-shrink: 0;

                                    svg {
                                        width: 100%;
                                        transition: transform .3s;
                                    }
                                }
                            }

                            &:hover {
                                span {
                                    color: var(--primary-clr);

                                    svg {
                                        path {
                                            fill: var(--primary-clr);
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .sl-hours-expandable {
                        display: block;
                        width: 100%;
                        position: relative;

                        * {
                            display: block;
                            width: 100%;
                        }

                        .sl-hours-expandable-inner {
                            position: absolute;
                            left: -20px;
                            right: 0;
                            z-index: 10;
                            background: var(--full-white-clr);
                            padding: 0 16px 16px;
                            width: calc(100% + 40px);
                            z-index: var(--z-medium);
                            border-radius: 0 0 var(--radius-5) var(--radius-5);
                            box-shadow: 0px 14px 14px 0px #00000040;
                        }

                        .sl-hours-content {
                            .asl-week-hrs {
                                display: flex;
                                flex-direction: column;
                                gap: 7px;

                                &>span {
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-between;
                                    padding-block-end: 8px;
                                    gap: 8px;

                                    &:not(:last-child) {
                                        border-bottom: 1px solid var(--base-clr);
                                    }

                                    span {
                                        font-size: var(--fs-14);
                                        font-weight: var(--fw-400);
                                        color: var(--base-clr);
                                        line-height: var(--lh-110);
                                        text-transform: uppercase;
                                    }
                                }
                            }
                        }

                        .sl-act-btns {
                            display: flex;
                            flex-wrap: wrap;
                            align-items: center;
                            justify-content: space-between;

                            &>a {
                                display: inline-flex;
                                width: max-content;
                                padding: 10px;
                                border-radius: var(--radius-5);
                                background-color: var(--full-white-clr) !important;
                                border: 1px solid var(--gray-clr) !important;
                                transition: border-color .3s;
                                gap: 10px;

                                span {
                                    font-size: var(--fs-16);
                                    color: var(--base-clr) !important;
                                    font-weight: var(--fw-600);
                                    line-height: var(--lh-110);
                                    align-items: center;
                                    display: inline-block;
                                    position: relative !important;
                                    inset: initial !important;
                                    height: auto !important;
                                    width: max-content !important;
                                }

                                .sr-btn-icon {
                                    width: 16px;
                                    flex-shrink: 0;
                                }

                                &:hover {
                                    border-color: var(--primary-clr) !important;
                                }

                            }
                        }
                    }
                }

                .sl-act-btns {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: space-between;

                    &>a {
                        display: inline-flex;
                        width: max-content;
                        padding: 10px;
                        border-radius: var(--radius-5);
                        background-color: var(--full-white-clr) !important;
                        border: 1px solid var(--gray-clr) !important;
                        transition: border-color .3s;
                        gap: 10px;

                        span {
                            font-size: var(--fs-16);
                            color: var(--base-clr) !important;
                            font-weight: var(--fw-600);
                            line-height: var(--lh-110);
                            align-items: center;
                            display: inline-block;
                            position: relative !important;
                            inset: initial !important;
                            height: auto !important;
                            width: max-content !important;
                        }

                        .sr-btn-icon {
                            width: 16px;
                            flex-shrink: 0;
                        }

                        &:hover {
                            border-color: var(--primary-clr) !important;
                        }

                    }
                }
            }
        }
    }
}

.sc__store-archive-footer-2col-img {
    --_sc__store-archive-footer-2col-padd-bl: 82px 50px;
    --_stripe-size: 190px;
    /* --_title-width: 0; */
    --_img-height: clamp(300px, 35vh, 600px);
    --_txt_wrapper-padd: 40px;
    --_txt_wrapper-mbs: 40px;
    --_elem-gap: 30px;

    padding-block: var(--_sc__store-archive-footer-2col-padd-bl);
    background-image: linear-gradient(90deg, hsl(from var(--secondary-light-clr) h s l / 0.5) 50%, hsl(from var(--secondary-clr) h s l / 0.5) 0%);
    background-size: var(--_stripe-size) var(--_stripe-size);
    background-repeat: repeat;

    .sc__inner {
        .sc__title {
            span {
                display: inline-block;
            }
        }
    }

    .sc__up-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--_elem-gap);

        .sc__title-wrapper {
            width: var(--_title-width, 100%);

            .sc__title-highlight {
                &.highlight-white-no-border {
                    border-image-width: 10px 20px 20px 30px;
                }
            }
        }

        .sc__img-wrapper {
            width: 100%;
            height: var(--_img-height);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    .sc__text-wrapper {
        width: calc(var(--_title-width) + 12%);
        background-color: var(--full-white-clr);
        border-radius: var(--radius-10);
        padding: var(--_txt_wrapper-padd);
        margin-block-start: var(--_txt_wrapper-mbs);
        display: block;
        position: relative;
        z-index: var(--z-medium);

        ul {
            list-style: none;
            display: flex;
            gap: 20px;
            flex-wrap: wrap;

            &>li {
                font-size: var(--fs-20);
                line-height: var(--lh-130);
                color: var(--base-clr);
                font-weight: var(--fw-400);
                width: 100%;
                padding-inline-start: 42px;

                background-image: url('/wp-content/uploads/2026/07/Group-12.svg');
                background-size: 22px;
                background-repeat: no-repeat;
                background-color: left top;
            }
        }
    }

}

.sc__store-archive-footer-2col-cta {
    --_content-wrapper-padd-bl: 112px 150px;
    --_left-text-content-gap: 20px;
    --_right-text-content-gap: 20px;
    --_left-content-gap: clamp(20px, 4vw, 80px);

    padding-block: var(--_content-wrapper-padd-bl);
    background: linear-gradient(to right,
            var(--parchment-clr) 0%,
            var(--parchment-clr) 50%,
            var(--full-white-clr) 50%,
            var(--full-white-clr) 100%);

    .sc__inner {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .sc__right-wrapper {

        .sc__right-content {
            display: flex;
            flex-direction: column;
            gap: var(--_right-text-content-gap);
        }
    }

    .sc__left-wrapper {

        .sc__left-content {
            display: flex;
            gap: var(--_left-content-gap);

            .img-wrapper {
                display: none;
            }

            img {
                width: 100%;
            }
        }

        .text-wrapper {
            display: flex;
            flex-direction: column;
            gap: var(--_left-text-content-gap)
        }
    }
}

/* My account | Mon compte */

.woocommerce-account {

    .sc-ban {
        .text {
            p {
                display: none;
            }
        }
    }

    .contenu {
        width: min(100%, 1920px);
        max-width: 100%;
        padding-inline: 20px;
        margin-inline: auto;
    }

    .woocommerce {
        width: min(1110px, 100%);
        max-width: 100%;
        margin-inline: auto;
        padding-block: 48px 124px;
    }

    /* =========================================
       Slider login <-> register
       ========================================= */
    #customer_login {

        &&::before,
        &::after {
            display: none !important;
        }
    }

    .sc__auth-slider {
        width: min(810px, 100%);
        margin-inline: auto;
        overflow: hidden;
        position: relative;

        /* La hauteur s'anime avec le contenu visible (gérée en JS via --sc-slider-height) */
        height: var(--sc-slider-height, auto);
        transition: height .45s cubic-bezier(.65, 0, .35, 1);
    }

    .sc__auth-slider__track {
        display: flex;
        align-items: flex-start;
        width: 200%;
        transition: transform .5s cubic-bezier(.65, 0, .35, 1);
        transform: translateX(0%);

        &.is-register {
            transform: translateX(-50%);
        }

        &>* {
            width: 50%;
            flex: 0 0 50%;
            min-width: 0;
            box-sizing: border-box;
        }
    }

    .sc__login-form,
    .sc__register-form {
        padding-inline: 4px;
    }

    .sc__register-form-up-tilte-show {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: max-content;
        max-width: 100%;
        gap: 5px;
        margin-block-end: clamp(20px, 3.5vw, 60px);
        margin-inline: auto;

        .sc__register-step-count {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: var(--primary-clr);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: var(--fs-14);
            font-weight: var(--fw-700);
            color: var(--full-white-clr);
            line-height: var(--lh-100);
            font-family: var(--font-family-primary);
        }

        .sc__register-step-count-text {
            color: var(--primary-clr);
            font-size: var(--fs-12);
            font-weight: var(--fw-500);
            line-height: var(--lh-110);
            font-family: var(--font-family-primary);
        }
    }

    .sc__register-form {
        border: 1px solid #E5E7EB;
        border-radius: var(--radius-30);
        overflow: hidden;
        position: relative;
    }

    .sc__register-form__header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 22px 32px;
        background: #F9FAFB;
        border-radius: var(--radius-30) var(--radius-30) 0 0;
        border-bottom: 1px solid #E5E7EB;

        .sc__register-form__icon {
            width: 32px;
            height: 32px;
            padding: 8px;
            border-radius: 50%;
            background-color: var(--primary-clr);
            display: grid;

            svg {
                width: 100%;
                height: 100%;
            }
        }

        .sc__title {
            font-size: var(--fs-14);
            font-weight: var(--fw-700);
            text-transform: uppercase;
            text-align: left;
            letter-spacing: 0.7px;
            color: var(--base-clr);
            line-height: var(--lh-130);
        }

        .sc__p {
            color: #99A1AF;
            font-size: var(--fs-12);
            line-height: var(--lh-130);
            font-weight: var(--fw-400);
        }
    }

    .sc__register-form__body {
        display: block;
        padding: clamp(16px, 2vw, 32px);

        .sc__register-form__row {
            display: flex;
            gap: 20px;
            flex-direction: column;

            &:not(:first-child) {
                margin-block-start: 24px;
            }

            &>.form-row {
                width: calc(100% - 10px);
                margin: 0;

                label {
                    font-size: var(--fs-12);
                    line-height: var(--lh-120);
                    text-transform: uppercase;
                    letter-spacing: 0.6px;
                    font-weight: var(--fw-700);
                    font-family: var(--font-family-primary);
                    color: #4A5565;
                    margin-block-end: 6px;

                    .required {
                        color: inherit;
                    }
                }
            }
        }

        .woocommerce-password-strength {
            font-size: var(--fs-12);
            line-height: var(--lh-110);
        }

        .woocommerce-password-hint {
            font-size: 13px;
            line-height: var(--lh-110);
        }

        .woocommerce-form-row.form-row-wide {
            margin-block-start: 24px;
        }

        .sc__register-form__security {
            display: flex;
            align-items: center;
            font-size: var(--fs-12);
            font-weight: var(--fw-700);
            line-height: var(--lh-120);
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: #6A7282;
            gap: 8px;
            margin-block-start: 24px;
            padding-block-start: 16px;
            border-top: 1px solid #F3F4F6;

            .sc__register-form__lock-icon {
                display: grid;
                width: 12px;
                height: 12px;

                svg {
                    width: 100%;
                    height: 100%;
                }
            }

            &+.sc__register-form__row {
                margin-block-start: 16px;
            }
        }

        .sc__register-form__hint {
            color: #99A1AF;
            font-size: 11px;
            font-weight: var(--fw-400);
            line-height: var(--lh-130);
            font-family: var(--font-family-primary);
        }
    }

    .sc__register-form__footer {
        flex-direction: column !important;
        margin-block-start: 34px !important;
    }

    .sc__register-form__login-link {
        font-size: var(--fs-14);
        font-weight: var(--fw-500);
        color: #99A1AF;
        text-decoration: underline;
        font-family: var(--font-family-primary);
        cursor: pointer;
        background: none;
        border: none;
        padding: 0;
        transition: color .3s;

        &:hover {
            color: var(--base-clr);
        }
    }

    #customer_login form .form-row {
        float: none;
        clear: both;

        &&::before,
        &::after {
            display: none !important;
        }
    }

    #customer_login h2 {
        font-size: var(--fs-24);
        text-transform: uppercase;
        font-weight: var(--fw-700);
        text-align: center;
        color: var(--fw-800);
        display: block;
        margin-block-end: 25px;
    }

    #customer_login .woocommerce-form {
        margin-block: 0 !important;
        padding: 0 !important;
        border: none !important;

        .woocommerce-form-row {

            label {
                font-size: var(--fs-12);
                text-transform: uppercase;
                color: #4A5565;
                text-transform: uppercase;
                letter-spacing: 0.6px;
                font-weight: var(--fw-700);
                line-height: var(--lh-120);
                margin-block-end: 6px;

                .required {
                    color: inherit;
                }
            }
        }

        input,
        .form-row .input-text,
        .form-row select {
            border: 1px solid #E5E7EB;
            padding: 10px 16px;
            font-size: var(--fs-14);
            font-weight: var(--fw-400);
            line-height: var(--lh-110);
            color: var(--base-clr);
            border-radius: var(--radius-5);
            transition: border .3s;

            &:hover,
            &:focus,
            &:focus-visible {
                border-color: var(--base-clr);
            }

            &::placeholder {
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                color: #D1D5DC;
                line-height: var(--lh-100);
                font-family: var(--font-family-primary);
            }
        }

        .form-row:has(button[type="submit"]) {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            justify-content: center;
            gap: 12px;

            button[type="submit"] {
                display: inline-flex;
                align-items: center;
                width: max-content;
                padding: 12px clamp(20px, 2vw, 40px);
                border-radius: var(--radius-5);
                gap: 10px;
                font-weight: var(--fw-600);
                color: var(--full-white-clr);
                position: relative;
                background-color: var(--primary-clr);
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                margin: 0 !important;
                border: 1px solid var(--primary-clr);
                transition: color .3s;
                isolation: isolate;

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }

                &::before {
                    content: '';
                    float: none;
                    clear: both;
                    position: absolute;
                    inset: 0;
                    background-color: var(--full-white-clr);
                    transform: scaleX(0);
                    transform-origin: left;
                    transition: transform 0.35s ease;
                    z-index: -1;
                    border-radius: var(--radius-5);
                    display: block;
                }

                &:hover {
                    color: var(--primary-clr);

                    &::before {
                        transform: scaleX(1);
                    }

                    &::after {
                        background-color: var(--primary-clr);
                    }
                }

                &[disabled] {
                    background-color: #E5E7EB;
                    color: #99A1AF;
                    border-color: #E5E7EB;

                    &::before {
                        display: none !important;
                    }

                    &::after {
                        background-color: #99A1AF;
                    }
                }
            }
        }

        .lost_password {
            text-align: center;
            display: block;

            a {
                display: inline-block;
                font-size: var(--fs-15);
                color: var(--base-clr);
                line-height: var(--lh-110);
                font-weight: var(--fw-500);
                transition: color .3s;

                &:hover {
                    color: var(--primary-clr);
                }
            }
        }

        .sc__woocommerce-goto-inscription {
            text-align: center;
            display: block;

            button {
                display: inline-flex;
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                text-transform: uppercase;
                letter-spacing: 0.6px;
                border-radius: var(--radius-5);
                background-color: var(--secondary-clr);
                padding: 5px 10px;
                gap: 8px;
                color: var(--base-clr);
                margin-block-start: 15px;
                position: relative;
                isolation: isolate;
                border: 1px solid var(--secondary-clr);

                &::before {
                    content: '';
                    float: none;
                    clear: both;
                    position: absolute;
                    inset: 0;
                    background-color: var(--full-white-clr);
                    transform: scaleX(0);
                    transform-origin: left;
                    transition: transform 0.35s ease;
                    z-index: -1;
                    border-radius: var(--radius-5);
                    display: block;
                }

                &:hover {
                    color: var(--base-clr);

                    &::before {
                        transform: scaleX(1);
                    }
                }

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--base-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: inline-block;
                    position: relative;
                }
            }
        }
    }
}

/* cart | Panier */
/* .woocommerce-cart {
    .sc-ban {
        .text {
            &>p {
                display: none !important;
            }
        }
    }

    .contenu {
        padding-inline: 20px;
    }

    .wp-block-woocommerce-cart {
        width: min(1410px, 100%);
        margin-inline: auto;
    }

    .wc-block-cart__main {
        padding-inline-end: 2%;

        table {
            display: block;
        }

        thead {
            border-bottom: 2px solid #DB0B34 !important;
            width: 100%;
            display: grid;

            &>tr {
                display: flex;
            }
        }

        tbody {
            display: grid;
            width: 100%;

            &>tr {
                display: flex;
                width: 100%;
                position: relative;
            }
        }

        .wc-block-cart-items td {
            border: none !important;
            padding-block: 20px !important;

            &:last-child {
                padding-inline: 5px 48px !important;
            }
        }

        .wc-block-cart-items__header {
            &>th {
                visibility: visible !important;
                font-size: var(--fs-12);
                text-transform: uppercase;
                line-height: var(--lh-120);
                color: var(--primary-clr);
                letter-spacing: 1.8px;
                font-weight: var(--fw-700);

                span {
                    font: inherit;
                    color: inherit;
                }
            }

            .wc-block-cart-items__header-image {
                width: 100px;
            }

            .wc-block-cart-items__header-product {
                text-align: right;
                width: calc((100% - 100px) - 18%);
                padding-inline-end: 0 !important;
            }

            .wc-block-cart-items__header-total {
                width: 18%;
            }
        }

        .wc-block-cart-items {
            border: none !important;
        }

        .wc-block-cart-item__image {
            padding: 0 !important;
            width: 80px;

            &>a {
                display: grid;
                border-radius: var(--radius-5);
                overflow: hidden;
                height: 100%;
            }
        }

        .wc-block-cart-item__product {
            width: calc(100% - 18% - 80px);

            .wc-block-cart-item__wrap {
                display: grid;
                grid-template-columns: 70% 30%;
                row-gap: 4px;
                height: 100%;
                place-content: center;
            }

            .wc-block-components-product-name {
                grid-column: 1/2;
                font-size: var(--fs-16);
                font-weight: var(--fw-700);
                color: var(--base-clr);
                line-height: var(--lh-120);
            }

            .wc-block-cart-item__prices {
                grid-column: 1/2;
                font-size: var(--fs-16);
                font-weight: var(--fw-600);
                color: var(--base-clr);
                line-height: var(--lh-120);
                order: 3;
            }

            .wc-block-components-product-metadata {
                grid-column: 1/2;
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                color: #6A7282;
                line-height: var(--lh-120);

                * {
                    font: inherit !important;
                    color: inherit !important;
                }
            }

            .wc-block-cart-item__quantity {
                grid-column: 2/-1;
                display: flex;
                justify-content: flex-end;
                place-self: center;
                width: 100%;

                .wc-block-cart-item__remove-link {
                    position: absolute;
                    right: 10px;
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: var(--z-medium);
                    opacity: 0.5;
                    transition: opacity .3s;

                    &:hover {
                        opacity: 1;
                    }
                }
            }
        }

        .wc-block-cart-item__total {
            width: 18%;

            &>div {
                display: flex;
                flex-direction: column;
                align-items: center;
                height: 100%;
                justify-content: center;
            }

            .price {
                color: var(--base-clr);
                font-size: var(--fs-16);
                font-weight: var(--fw-600);
                line-height: var(--lh-120);
            }
        }
    }

    .wc-block-cart__sidebar {
        display: flex;
        flex-direction: column;

        .wp-block-woocommerce-cart-order-summary-block {
            padding-inline: 24px;
            border-bottom: none !important;
            margin: 0 !important;
            border-inline: 1px solid #E5E7EB;
            border-radius: 10px 10px 0 0;

            .wp-block-woocommerce-cart-order-summary-totals-block {
                border-top: none !important;
            }

            .wc-block-components-button__text {
                color: var(--full-white-clr);
                text-transform: uppercase;
                font-size: var(--fs-12);
                font-weight: var(--fw-500);
                letter-spacing: 0.6px;
            }

            .wc-block-components-text-input label {
                font-size: var(--fs-12);
                line-height: var(--lh-100);
                color: #364153;
            }

            .wc-block-components-totals-wrapper {
                border-top: none;
                border-bottom: 1px solid #F3F4F6;
                padding-block: 20px;
            }

            .wc-block-components-panel__button,
            .wc-block-components-totals-item,
            .wc-block-components-totals-item * {
                font-size: var(--fs-14);
                font-weight: var(--fw-500);
                line-height: var(--lh-120);
                color: #364153;
            }

            &>.wc-block-components-totals-wrapper:last-child {

                .wc-block-components-totals-footer-item {

                    .wc-block-components-totals-item__label {
                        font-size: var(--fs-16);
                        font-weight: var(--fw-700);
                        color: #0A0A0A;
                        line-height: var(--lh-120);
                    }

                    .wc-block-components-totals-item__value,
                    .wc-block-components-totals-item__value * {
                        font-size: var(--fs-20);
                        font-size: var(--lh-110);
                        color: #0A0A0A;
                        font-weight: var(--fw-900);
                    }
                }
            }
        }

        .wc-block-cart__submit-container {
            padding-inline: 24px;
            border-inline: 1px solid #E5E7EB;
            border-bottom: 1px solid #E5E7EB;
            padding-bottom: 20px;
            border-radius: 0 0 var(--radius-10) var(--radius-10);

            &>a {
                background-color: #2D2D2D;
                border-radius: var(--radius-5);
                color: var(--full-white-clr);
                width: 100%;
                padding-block: 16px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                line-height: var(--lh-120);
                font-weight: var(--fw-700);
                gap: 12px;

                * {
                    font: inherit !important;
                    color: inherit !important;
                }

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }
            }
        }

        .wc-block-cart__totals-title {
            font-size: var(--fs-12);
            font-weight: var(--fw-700);
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color: var(--primary-clr);
            padding: 16px 24px;
            background-color: #F9FAFB;
            border: 1px solid #E5E7EB;
            border-radius: var(--radius-10) var(--radius-10) 0 0;
            width: calc(100% + 48px);
            margin-inline-start: -24px;
            border-inline: none;
        }
    }

    .wc-block-components-quantity-selector {
        border: 1px solid #E5E7EB;
        border-radius: var(--radius-5);


        input.wc-block-components-quantity-selector__input {
            font-size: var(--fs-14);
            font-weight: var(--fw-600);
            color: var(#0A0A0A);
            line-height: var(--lh-120);
        }

        .wc-block-components-quantity-selector__button {
            padding: 10px;
            font-size: var(--fs-14);
            line-height: var(--lh-120);
            font-weight: var(--fw-500);
            color: #4A5565;
            display: flex;
            flex-shrink: 0;
            align-content: center;
            justify-content: center;
        }
    }

    .sc__continue-shopping {
        .sc__continue-shopping-link {
            font-size: var(--fs-14);
            line-height: var(--lh-120);
            display: inline-flex;
            color: #6A7282;
            font-weight: var(--fw-500);
            text-decoration: underline;
            cursor: pointer;
            transition: color .3s;
            gap: 5px;
            align-items: center;

            &::before {
                content: "";
                width: 16px;
                height: 22px;
                display: block;
                position: relative;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: #6A7282;
                mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
            }

            &:hover {
                color: var(--base-clr);

                &::before {
                    background-color: var(--base-clr);
                }
            }
        }
    }

    .sc__cart-command-footer {
        display: flex;
        align-items: center;
        gap: 24px;
        justify-content: center;

        &>span {
            color: #99A1AF;
            font-size: var(--fs-12);
            font-weight: var(--fw-400);
            line-height: var(--lh-120);
            display: inline-flex;
            align-items: center;
            gap: 4px;

            &::before {
                content: "";
                width: 12px;
                height: 12px;
                display: block;
                position: relative;
                background: no-repeat;
                background-position: center;
                background-size: contain;
                background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2.5H2C1.44772 2.5 1 2.94772 1 3.5V8.5C1 9.05228 1.44772 9.5 2 9.5H10C10.5523 9.5 11 9.05228 11 8.5V3.5C11 2.94772 10.5523 2.5 10 2.5Z' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/><path d='M1 5H11' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
            }

            &:first-child::before {
                background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.865C5.65202 10.9528 5.82446 10.999 6 10.999C6.17554 10.999 6.34798 10.9528 6.5 10.865L10 8.86501C10.1519 8.77733 10.278 8.65125 10.3658 8.49943C10.4535 8.34761 10.4998 8.17538 10.5 8.00001V4.00001C10.4998 3.82465 10.4535 3.65242 10.3658 3.50059C10.278 3.34877 10.1519 3.22269 10 3.13501L6.5 1.13501C6.34798 1.04724 6.17554 1.00104 6 1.00104C5.82446 1.00104 5.65202 1.04724 5.5 1.13501L2 3.13501C1.84813 3.22269 1.72199 3.34877 1.63423 3.50059C1.54647 3.65242 1.50018 3.82465 1.5 4.00001V8.00001C1.50018 8.17538 1.54647 8.34761 1.63423 8.49943C1.72199 8.65125 1.84813 8.77733 2 8.86501L5.5 10.865Z" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 11V6" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.64453 3.5L5.99953 6L10.3545 3.5" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.75 2.13501L8.25 4.71001" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            }
        }
    }

} */
.woocommerce-cart {
    .wc-block-cart__main {

        .wc-block-cart-items__header {
            &>th {
                visibility: visible !important;
                font-size: var(--fs-12);
                text-transform: uppercase;
                line-height: var(--lh-120);
                color: var(--primary-clr);
                letter-spacing: 1.8px;
                font-weight: var(--fw-700);

                span {
                    font: inherit;
                    color: inherit;
                }
            }

            .wc-block-cart-items__header-image {
                width: 100px;
            }

            .wc-block-cart-items__header-product {
                text-align: right;
                width: calc((100% - 100px) - 18%);
                padding-inline-end: 0 !important;
            }

            .wc-block-cart-items__header-total {
                width: 18%;
            }
        }

        .wc-block-cart-items__row {
            padding-inline: 20px !important;
        }

        .wc-block-cart-item__product {

            .wc-block-components-product-name {
                color: #0A0A0A;
                font-size: var(--fs-14);
                font-weight: var(--fw-600);
                line-height: var(--lh-120);
            }

            .wc-block-cart-item__prices {
                font-size: var(--fs-16);
                font-weight: var(--fw-600);
                color: var(--base-clr);
                line-height: var(--lh-120);
            }

            .wc-block-components-product-metadata {
                grid-column: 1/2;
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                color: #6A7282;
                line-height: var(--lh-120);

                * {
                    font: inherit !important;
                    color: inherit !important;
                }
            }
        }

        .wc-block-cart-item__total {
            .price {
                color: var(--base-clr) !important;
                font-size: var(--fs-14) !important;
                font-weight: var(--fw-600) !important;
                line-height: var(--lh-120) !important;
            }
        }

        .sc__continue-shopping {
            margin-block-start: 15px;

            padding-inline: 20px;

            .sc__continue-shopping-link {
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                display: inline-flex;
                color: var(--primary-clr);
                font-weight: var(--fw-500);
                text-decoration: underline;
                cursor: pointer;
                transition: color .3s;
                gap: 5px;
                align-items: center;


                &::before {
                    content: "";
                    width: 16px;
                    height: 22px;
                    display: block;
                    position: relative;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: var(--primary-clr);
                    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
                }

                &:hover {
                    color: var(--base-clr);

                    &::before {
                        background-color: var(--base-clr);
                    }
                }
            }
        }
    }

    .sc__cart-command-footer {
        display: flex;
        align-items: center;
        gap: 24px;
        justify-content: center;

        &>span {
            color: #99A1AF;
            font-size: var(--fs-12);
            font-weight: var(--fw-400);
            line-height: var(--lh-120);
            display: inline-flex;
            align-items: center;
            gap: 4px;

            &::before {
                content: "";
                width: 12px;
                height: 12px;
                display: block;
                position: relative;
                background: no-repeat;
                background-position: center;
                background-size: contain;
                background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2.5H2C1.44772 2.5 1 2.94772 1 3.5V8.5C1 9.05228 1.44772 9.5 2 9.5H10C10.5523 9.5 11 9.05228 11 8.5V3.5C11 2.94772 10.5523 2.5 10 2.5Z' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/><path d='M1 5H11' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
            }

            &:first-child::before {
                background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.865C5.65202 10.9528 5.82446 10.999 6 10.999C6.17554 10.999 6.34798 10.9528 6.5 10.865L10 8.86501C10.1519 8.77733 10.278 8.65125 10.3658 8.49943C10.4535 8.34761 10.4998 8.17538 10.5 8.00001V4.00001C10.4998 3.82465 10.4535 3.65242 10.3658 3.50059C10.278 3.34877 10.1519 3.22269 10 3.13501L6.5 1.13501C6.34798 1.04724 6.17554 1.00104 6 1.00104C5.82446 1.00104 5.65202 1.04724 5.5 1.13501L2 3.13501C1.84813 3.22269 1.72199 3.34877 1.63423 3.50059C1.54647 3.65242 1.50018 3.82465 1.5 4.00001V8.00001C1.50018 8.17538 1.54647 8.34761 1.63423 8.49943C1.72199 8.65125 1.84813 8.77733 2 8.86501L5.5 10.865Z" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 11V6" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.64453 3.5L5.99953 6L10.3545 3.5" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.75 2.13501L8.25 4.71001" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            }
        }
    }

    .wc-block-cart__sidebar {
        display: flex;
        flex-direction: column;
        margin-block-start: 40px;

        .wp-block-woocommerce-cart-order-summary-block {
            padding-inline: 24px;
            border-bottom: none !important;
            margin: 0 !important;
            border-inline: 1px solid #E5E7EB;
            border-radius: 10px 10px 0 0;

            .wp-block-woocommerce-cart-order-summary-totals-block {
                border-top: none !important;
            }

            .wc-block-components-button__text {
                color: var(--full-white-clr);
                text-transform: uppercase;
                font-size: var(--fs-12);
                font-weight: var(--fw-500);
                letter-spacing: 0.6px;
            }

            .wc-block-components-text-input label {
                font-size: var(--fs-12);
                line-height: var(--lh-100);
                color: #364153;
            }

            .wc-block-components-totals-wrapper {
                border-top: none;
                border-bottom: 1px solid #F3F4F6;
                padding-block: 20px;
            }

            .wc-block-components-panel__button,
            .wc-block-components-totals-item,
            .wc-block-components-totals-item * {
                font-size: var(--fs-14);
                font-weight: var(--fw-500);
                line-height: var(--lh-120);
                color: #364153;
            }

            &>.wc-block-components-totals-wrapper:last-child {

                .wc-block-components-totals-footer-item {

                    .wc-block-components-totals-item__label {
                        font-size: var(--fs-16);
                        font-weight: var(--fw-700);
                        color: #0A0A0A;
                        line-height: var(--lh-120);
                    }

                    .wc-block-components-totals-item__value,
                    .wc-block-components-totals-item__value * {
                        font-size: var(--fs-20);
                        font-size: var(--lh-110);
                        color: #0A0A0A;
                        font-weight: var(--fw-900);
                    }
                }
            }
        }

        .wc-block-cart__submit-container {
            padding-inline: 24px;
            border-inline: 1px solid #E5E7EB;
            border-bottom: 1px solid #E5E7EB;
            padding-bottom: 20px;
            border-radius: 0 0 var(--radius-10) var(--radius-10);

            &>a {
                background-color: #2D2D2D;
                border-radius: var(--radius-5);
                color: var(--full-white-clr);
                width: 100%;
                padding-block: 16px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                line-height: var(--lh-120);
                font-weight: var(--fw-700);
                gap: 12px;

                * {
                    font: inherit !important;
                    color: inherit !important;
                }

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }
            }
        }

        .wc-block-cart__totals-title {
            font-size: var(--fs-12);
            font-weight: var(--fw-700);
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color: var(--primary-clr);
            padding: 16px 24px;
            background-color: #F9FAFB;
            border: 1px solid #E5E7EB;
            border-radius: var(--radius-10) var(--radius-10) 0 0;
            width: calc(100% + 48px);
            margin-inline-start: -24px;
            border-inline: none;
        }
    }
}

/* Empty cart | Panier vide */
.wp-block-woocommerce-empty-cart-block {

    .wp-block-heading {
        text-align: center;
        display: block;
        font-size: clamp(var(--fs-30), 2.8vw, var(--fs-40));
        line-height: var(--lh-120);
        font-weight: var(--fw-700);
        color: var(--base-clr);
        font-family: var(--font-family-title);
        text-transform: uppercase;

        &.wc-block-cart__empty-cart__title {
            font-size: var(--fs-30);
            margin-block-end: clamp(30px, 3.5vw, 40px) !important;

            &::before {
                background-color: currentColor;
                content: "";
                display: block;
                height: 3.4em;
                margin: 0 auto 0;
                background-color: var(--primary-clr);
                mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);
                mask-position: center;
                mask-repeat: no-repeat;
                mask-size: 3em;
                width: 3em;
            }
        }

    }

    .wc-block-grid__products {
        --_prd-list-gap: 30px;
        --_prd-list-cols: 1;
        --prd-list-img-height: 350px;

        margin: 0 !important;
        margin-block: clamp(40px, 4.5vw, 60px) !important;
        display: flex !important;
        gap: calc(var(--_prd-list-gap) + 15px) var(--_prd-list-gap);

        &>li {
            flex: initial !important;
            width: calc((100% - (var(--_prd-list-cols) - 1) * var(--_prd-list-gap)) / var(--_prd-list-cols)) !important;
            margin: 0 !important;
            padding: 0;
            border: none;
            max-width: 100% !important;
        }

        .wc-block-grid__product-image {
            height: var(--prd-list-img-height) !important;
            overflow: hidden;
            display: block;
            margin: 0 !important;

            img {
                object-fit: cover;
                margin: 0 !important;
                scale: 1;
                transition: scale .4s;
            }
        }

        .wc-block-grid__product-link {
            display: block;

            &:hover {
                .wc-block-grid__product-image img {
                    scale: 1.2;
                }
            }
        }

        .wc-block-grid__product-title {
            font-family: var(--font-family-title) !important;
            font-size: var(--fs-30) !important;
            font-weight: var(--fw-700) !important;
            color: var(--base-clr) !important;
            text-transform: uppercase !important;
            display: block !important;
            width: max-content !important;
            padding: 10px !important;
            background-color: var(--full-white-clr) !important;
            border-radius: var(--radius-10) var(--radius-10) 0 0 !important;
            max-width: 100%;
            margin-inline: auto !important;
            margin-block-start: -25px !important;
            position: relative;
            z-index: var(--z-medium);

            &::before {
                content: '';
                width: 102px;
                height: 22px;
                position: absolute;
                display: block;
                background-image: url('/wp-content/uploads/2026/06/VW5pb24.svg');
                background-size: contain;
                background-repeat: no-repeat;
                inset: -15px auto auto -20px;
            }
        }

        .wc-block-grid__product-price {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            margin-block-start: 10px !important;
            padding-block-start: 10px !important;
            border-block-start: 1px solid #E7DEBD !important;
            font-size: var(--fs-18) !important;
            font-weight: var(--fw-700) !important;
            line-height: var(--lh-100) !important;
            color: var(--base-clr) !important;
            gap: 5px !important;
        }

        .add_to_cart_button {
            display: flex !important;
            align-items: center !important;
            width: max-content !important;
            margin-inline: auto !important;
            margin-block-start: 20px !important;
            background-color: var(--secondary-clr) !important;
            padding: 10px !important;
            border-radius: var(--radius-5) !important;
            gap: 10px !important;
            font-size: var(--fs-16) !important;
            font-weight: var(--fw-600) !important;
            color: var(--base-clr) !important;
            line-height: var(--lh-100) !important;

            &::before {
                content: '';
                display: block;
                position: relative;
                width: 18px;
                height: 22px;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: var(--base-clr);
                mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.799805C0 0.371233 0.371429 -0.000195503 0.8 -0.000195503C2.11429 -0.000195503 3.22857 0.942662 3.45714 2.25695L4.54286 8.9998C4.65714 9.5998 5.08571 10.0284 5.6 10.1141C6.45714 10.2569 7.68571 10.3998 9.2 10.3998C10.8571 10.3998 11.9429 10.2284 12.5714 10.0855C12.8286 10.0284 13.0571 9.82838 13.2 9.45695L15.1143 4.85695C15.1714 4.71409 15.2 4.57123 15.2 4.39981C15.2 3.74266 14.6571 3.1998 14 3.1998H5.6C5.17143 3.1998 4.8 2.85695 4.8 2.39981C4.8 1.97123 5.17143 1.5998 5.6 1.5998H14C15.5429 1.5998 16.8 2.85695 16.8 4.39981C16.8 4.77123 16.7429 5.14266 16.6 5.48552L14.6857 10.0855C14.4 10.7998 13.8 11.4569 12.9429 11.6569C12.1714 11.8284 10.9714 11.9998 9.2 11.9998C7.6 11.9998 6.28571 11.8569 5.34286 11.7141C4.05714 11.4855 3.17143 10.4569 2.97143 9.25695L1.85714 2.51409C1.77143 1.9998 1.34286 1.5998 0.8 1.5998C0.371429 1.5998 0 1.25695 0 0.799805ZM4 13.9998C4 13.3427 4.54286 12.7998 5.2 12.7998C5.85714 12.7998 6.4 13.3427 6.4 13.9998C6.4 14.6569 5.85714 15.1998 5.2 15.1998C4.54286 15.1998 4 14.6569 4 13.9998ZM12.4 15.1998C13.0571 15.1998 13.6 14.6569 13.6 13.9998C13.6 13.3427 13.0571 12.7998 12.4 12.7998C11.7429 12.7998 11.2 13.3427 11.2 13.9998C11.2 14.6569 11.7429 15.1998 12.4 15.1998Z" fill="white"/></svg>');
            }
        }
    }
}

/* My account (logged) | Mon compte (connecté) */

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax-value {
    font-weight: var(--fw-900);
}

.wc-block-components-product-price,
.wc-block-components-formatted-money-amount {
    font-weight: var(--fw-600);
}


.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background-color: var(--primary-clr);
}

.woocommerce {

    .woocommerce-info {
        border-top-color: var(--secondary-clr);
        font-size: var(--fs-14);
        line-height: var(--lh-120);
        font-weight: var(--fw-500);

        &::before {
            color: var(--secondary-clr);
        }

        a {
            background-color: var(--secondary-clr);
            width: max-content;
            display: inline-flex;
            text-align: center;
            justify-content: center;
            padding: 5px;
            transition: color .3s;
            font-size: var(--fs-14);
            font-weight: var(--fw-600);
            line-height: var(--lh-120);
            padding: 5px 10px;
            color: #0A0A0A;


            &:hover {
                background-color: var(--secondary-clr);
                color: var(--primary-clr);
            }
        }

    }

    a[href*="add-payment-method"] {
        background-color: var(--secondary-clr);
        width: max-content;
        display: inline-flex;
        text-align: center;
        justify-content: center;
        padding: 5px;
        transition: color .3s;
        font-size: var(--fs-14);
        font-weight: var(--fw-600);
        line-height: var(--lh-120);
        padding: 5px 10px;
        color: #0A0A0A;


        &:hover {
            background-color: var(--secondary-clr);
            color: var(--primary-clr);
        }
    }

    .woocommerce-MyAccount-navigation {
        /* margin-block-start: 4rem; */
        margin-block-end: 2rem;

        &>ul {
            display: flex;
            flex-direction: column;
            border: 1px solid #E5E7EB;
            border-radius: 14px;
            overflow: hidden;

            &>li {
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                color: #99A1AF;
                font-weight: var(--fw-500);

                &:not(:last-child) {
                    border-block-start: 1px solid #E5E7EB;
                }

                &:is(:first-child) {
                    border-block-start: none;
                }


                &>a {
                    padding-inline: 20px;
                    padding-block: 16px;
                    font-size: var(--fs-14);
                    line-height: var(--lh-120);
                    color: #99A1AF;
                    transition: color .3s;
                    font-weight: var(--fw-500);
                    display: block;

                    &:hover {
                        color: #364153;
                    }
                }

                &:is(.is-active) {
                    background-color: var(--primary-clr);

                    &>a {
                        color: var(--full-white-clr);
                    }
                }
            }
        }
    }

    .woocommerce-MyAccount-content {
        display: flex;
        flex-direction: column;
        gap: 15px;

        &>p {
            font-size: var(--fs-16);
            line-height: var(--lh-120);
            color: var(--base-clr);
            font-weight: var(--fw-400);
        }

        &:has(.woocommerce-Addresses) {
            &>p {
                font-weight: var(--fw-700);
                text-transform: uppercase;
                text-align: left;
                letter-spacing: 0.7px;
            }
        }

        .sc-account-dashboard__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-block-end: 24px;

            .sc-account-dashboard__title {
                font-size: clamp(var(--fs-18), 2vw, var(--fs-24));
                font-weight: var(--fw-900);
                line-height: var(--lh-120);
                color: #0A0A0A;
                text-transform: uppercase;
            }

            .sc-account-edit-link {
                display: inline-flex;
                color: var(--primary-clr);
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                font-weight: var(--fw-600);
                align-items: center;
                gap: 5px;

                span {
                    color: var(--primary-clr);
                    font-size: var(--fs-14);
                    line-height: var(--lh-100);
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }
        }

        p:has(a[href*="edit"]) {
            font-size: var(--fs-20);
            line-height: var(--lh-120);
            color: var(--base-clr);

            a {
                color: var(--primary-clr);
                font-weight: var(--fw-500);
                text-decoration: underline;
            }
        }

        p:has(a[href*="logout"]) {
            font-size: var(--fs-20);
            line-height: var(--lh-120);
            color: var(--base-clr);

            a {
                color: var(--primary-clr);
                font-weight: var(--fw-500);
                text-decoration: underline;
            }
        }

        .sc-account-cards {
            display: flex;
            flex-direction: column;
            gap: 20px;

            .sc-account-card__header {
                display: flex;
                width: 100%;
                padding: 12px 24px;
                gap: 8px;
                border: 1px solid #E5E7EB;
                background: #F9FAFB;
                border-radius: var(--radius-10) var(--radius-10) 0 0;
                align-items: center;

                &>span {
                    color: var(--primary-clr);
                }

                .sc-icon {
                    display: block;
                    width: 14px;
                    flex-shrink: 0;
                    flex-grow: 0;
                }

                &>h3 {
                    font-size: var(--fs-12);
                    text-transform: uppercase;
                    color: #4A5565;
                    letter-spacing: 1.2px;
                    text-transform: uppercase;
                    line-height: var(--lh-120);
                    font-weight: var(--fw-700);
                }
            }

            .sc-account-card__body {
                border: 1px solid #E5E7EB;
                border-top: none;
                border-radius: 0 0 var(--radius-10) var(--radius-10);
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                padding: 24px;
                gap: 20px;

                .sc-account-field--full {
                    grid-column: 1/-1;
                }

                .sc-account-field {
                    display: flex;
                    flex-direction: column;
                    gap: 4px;


                    .sc-account-field__label {
                        font-size: var(--fs-10, 10px);
                        text-transform: uppercase;
                        color: #99A1AF;
                        line-height: var(--lh-110);
                        letter-spacing: 1px;
                        font-weight: var(--fw-700);
                    }

                    .sc-account-field__value {
                        color: #1E2939;
                        font-size: var(--fs-14, 14px);
                        font-weight: var(--fw-600, 600);
                        line-height: var(--lh-120, 20px);
                    }
                }
            }
        }

        .woocommerce-EditAccountForm {
            .woocommerce-form-row {
                label {
                    font-size: var(--fs-12);
                    line-height: var(--lh-120);
                    text-transform: uppercase;
                    letter-spacing: 0.6px;
                    font-weight: var(--fw-700);
                    font-family: var(--font-family-primary);
                    color: #4A5565;
                    margin-block-end: 6px;

                    * {
                        color: inherit;
                        font: inherit;
                    }
                }

                input:not([type="radio"], [type="checkbox"]) {
                    border: 1px solid #E5E7EB;
                    padding: 10px 16px;
                    font-size: var(--fs-14);
                    font-weight: var(--fw-400);
                    line-height: var(--lh-110);
                    color: var(--base-clr);
                    border-radius: var(--radius-5);
                    transition: border .3s;

                    &:hover,
                    &:focus,
                    &:focus-visible {
                        border-color: var(--base-clr);
                    }
                }

                #account_display_name_description {
                    font-size: var(--fs-14);
                    font-weight: var(--fw-500);
                    color: #4A5565;
                    margin-block: 15px;
                    display: block;
                    line-height: var(--lh-120);
                }
            }

            fieldset legend {
                display: flex;
                align-items: center;
                font-size: var(--fs-12);
                font-weight: var(--fw-700);
                line-height: var(--lh-120);
                letter-spacing: 1.2px;
                text-transform: uppercase;
                color: #6A7282;
                gap: 8px;
                margin-block: 15px;
            }

            /* p:has(button[type="submit"]) {
                display: flex;
                align-items: center;
                justify-content: center;
            } */

            button[type="submit"] {
                display: inline-flex;
                align-items: center;
                width: max-content;
                padding: 12px clamp(20px, 2vw, 40px);
                border-radius: var(--radius-5);
                gap: 10px;
                font-weight: var(--fw-600);
                color: var(--full-white-clr);
                position: relative;
                background-color: var(--primary-clr);
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                margin: 0 !important;
                border: 1px solid var(--primary-clr);
                transition: color .3s;
                isolation: isolate;

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }

                &::before {
                    content: '';
                    float: none;
                    clear: both;
                    position: absolute;
                    inset: 0;
                    background-color: var(--full-white-clr);
                    transform: scaleX(0);
                    transform-origin: left;
                    transition: transform 0.35s ease;
                    z-index: -1;
                    border-radius: var(--radius-5);
                    display: block;
                }

                &:hover {
                    color: var(--primary-clr);

                    &::before {
                        transform: scaleX(1);
                    }

                    &::after {
                        background-color: var(--primary-clr);
                    }
                }

                &[disabled] {
                    background-color: #E5E7EB;
                    color: #99A1AF;
                    border-color: #E5E7EB;

                    &::before {
                        display: none !important;
                    }

                    &::after {
                        background-color: #99A1AF;
                    }
                }
            }
        }

        .woocommerce-Addresses {
            display: flex;
            flex-direction: column;
            float: none !important;
            clear: both !important;
            gap: 20px;

            * {
                float: none !important;
                clear: both !important;

                &::before {
                    display: none;
                }
            }

            &>div {
                width: 100% !important;
                max-width: 100%;

                &::before {
                    display: none;
                }
            }

            .woocommerce-Address-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;

                &::after {
                    display: none;
                }

                &>h2 {
                    font-size: var(--fs-14);
                    font-weight: var(--fw-700);
                    text-transform: uppercase;
                    text-align: left;
                    letter-spacing: 0.7px;
                    color: var(--base-clr);
                    line-height: var(--lh-130);
                }

                .edit {
                    display: inline-flex;
                    color: var(--primary-clr);
                    font-size: var(--fs-14);
                    line-height: var(--lh-120);
                    font-weight: var(--fw-600);
                    align-items: center;
                    gap: 5px;

                    &::after {
                        display: none;
                    }
                }
            }

            address {
                color: #1E2939;
                font-size: var(--fs-14, 14px);
                font-weight: var(--fw-600, 600);
                line-height: var(--lh-120, 20px);
            }
        }

        .woocommerce-Address {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        form {
            &>h2 {
                font-size: var(--fs-24);
                font-weight: var(--fw-900);
                line-height: var(--lh-120);
                color: #0A0A0A;
                text-transform: uppercase;
                margin-block-end: 25px;
            }

            label {
                font-size: var(--fs-12);
                text-transform: uppercase;
                color: #4A5565;
                text-transform: uppercase;
                letter-spacing: 0.6px;
                font-weight: var(--fw-700);
                line-height: var(--lh-120);
                margin-block-end: 6px;

                * {
                    color: inherit !important;
                    font: inherit !important;
                }
            }

            input:not([type="radio"], [type="checkbox"]),
            select,
            textarea {
                border: 1px solid #E5E7EB;
                border-top-color: rgb(229, 231, 235);
                border-right-color: rgb(229, 231, 235);
                border-bottom-color: rgb(229, 231, 235);
                border-left-color: rgb(229, 231, 235);
                padding: 10px 16px;
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                line-height: var(--lh-110);
                color: var(--base-clr);
                border-radius: var(--radius-5);
                transition: border .3s;

                &::placeholder {
                    font-size: var(--fs-14);
                    font-weight: var(--fw-400);
                    color: #D1D5DC;
                    line-height: var(--lh-100);
                    font-family: var(--font-family-primary);
                }

                &:hover {
                    border-color: var(--base-clr);
                }
            }

            select {
                border: 1px solid #E5E7EB !important;
                border-top-color: rgb(229, 231, 235);
                border-right-color: rgb(229, 231, 235);
                border-bottom-color: rgb(229, 231, 235);
                border-left-color: rgb(229, 231, 235);
                padding: 10px 16px !important;
                font-size: var(--fs-14) !important;
                font-weight: var(--fw-400) !important;
                line-height: var(--lh-110) !important;
                color: var(--base-clr) !important;
                border-radius: var(--radius-5);
                transition: border .3s !important;
                width: 100% !important;

                &:hover {
                    border-color: var(--base-clr) !important;
                }
            }

            button[type="submit"] {
                display: inline-flex;
                align-items: center;
                width: max-content;
                padding: 12px clamp(20px, 2vw, 40px);
                border-radius: var(--radius-5);
                gap: 10px;
                font-weight: var(--fw-600);
                color: var(--full-white-clr);
                position: relative;
                background-color: var(--primary-clr);
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                margin: 0 !important;
                border: 1px solid var(--primary-clr);
                transition: color .3s;
                isolation: isolate;

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }

                &::before {
                    content: '';
                    float: none;
                    clear: both;
                    position: absolute;
                    inset: 0;
                    background-color: var(--full-white-clr);
                    transform: scaleX(0);
                    transform-origin: left;
                    transition: transform 0.35s ease;
                    z-index: -1;
                    border-radius: var(--radius-5);
                    display: block;
                }

                &:hover {
                    color: var(--primary-clr);

                    &::before {
                        transform: scaleX(1);
                    }

                    &::after {
                        background-color: var(--primary-clr);
                    }
                }

                &[disabled] {
                    background-color: #E5E7EB;
                    color: #99A1AF;
                    border-color: #E5E7EB;

                    &::before {
                        display: none !important;
                    }

                    &::after {
                        background-color: #99A1AF;
                    }
                }
            }
        }
    }

    .woocommerce-MyAccount-orders {

        th,
        th>*,
        td,
        td>* {
            font-size: var(--fs-14);
            font-weight: var(--fw-700);
            line-height: var(--lh-120);
            color: #0A0A0A;
            transition: color .3s;

            &:is(a):not(.button) {
                text-decoration: underline;

                &:hover {
                    color: var(--primary-clr);
                }
            }

            &:is(a.button) {
                background-color: var(--secondary-clr);
                width: 100%;
                display: inline-flex;
                text-align: center;
                justify-content: center;
                padding: 5px;
                transition: color .3s;

                &:hover {
                    color: var(--primary-clr);
                }
            }
        }
    }

    .woocommerce-order-details {
        .woocommerce-order-details__title {
            font-size: var(--fs-16);
            line-height: var(--lh-120);
            color: var(--base-clr);
            font-weight: var(--fw-400);
            margin-block-end: 15px;
        }

        th,
        th>*,
        td,
        td>* {
            font-size: var(--fs-14);
            font-weight: var(--fw-700);
            line-height: var(--lh-120);
            color: #0A0A0A;
            transition: color .3s;

            &:is(a):not(.button) {
                text-decoration: underline;
                font-weight: var(--fw-500);

                &:hover {
                    color: var(--primary-clr);
                }
            }

            &:is(a.button) {
                background-color: var(--secondary-clr);
                width: 100%;
                display: inline-flex;
                text-align: center;
                justify-content: center;
                padding: 5px;
                transition: color .3s;

                &:hover {
                    color: var(--primary-clr);
                }
            }
        }
    }

    .woocommerce-customer-details {
        .woocommerce-column__title {
            font-size: var(--fs-16);
            line-height: var(--lh-120);
            color: var(--base-clr);
            font-weight: var(--fw-400);
            margin-block-end: 15px;
        }

        address {
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: var(--fs-14);
            line-height: var(--lh-160);

            .woocommerce-customer-details--email {
                display: inline-flex !important;
                align-items: center !important;

                &::before {
                    position: relative !important;
                    inset: initial !important;
                }
            }
        }
    }
}

.woocommerce-checkout,
.woocommerce-account,
.woocommerce-cart {
    --_bannder-padd-bs: clamp(50px, 5vw, 80px);

    @media screen and (max-width: 1199px) {
        .sc-ban {
            margin-block-start: calc(var(--header-height) * -1);
            padding-block-start: calc(var(--header-height) + var(--_bannder-padd-bs));
        }
    }
}

.woocommerce-checkout #terms-and-conditions~span a {
    text-decoration: underline;
}

.woocommerce-checkout #terms-and-conditions[aria-invalid="true"]~span {
    color: var(--error-clr, #cc1818);
}

.wc-block-checkout__actions {
    margin-block-start: 40px;

    .wc-block-components-title {
        padding-block-start: 20px;
    }
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    color: var(--full-white-clr);
    text-transform: uppercase;
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    letter-spacing: 0.6px;

    * {
        font: inherit;
        color: inherit;
    }
}


/* Checkout | Tunnel d'achat */
.woocommerce-checkout {
    .sc-ban {
        .text {
            &>p {
                display: none;
            }
        }
    }

    .contenu {
        width: min(1410px, 100%);
        margin-inline: auto;
        padding-inline: 20px;
        padding-block-end: clamp(40px, 5vw, 80px);

        .wp-block-woocommerce-checkout-order-summary-block {
            border-radius: var(--radius-10);
            border-top: 1px solid #E5E7EB
        }

        .wc-block-components-checkout-order-summary__title {
            margin: 0 !important;
            padding: 16px 24px;
            background: #F9FAFB;
            border-radius: var(--radius-10) var(--radius-10) 0 0;
            border-bottom: 1px solid #E5E7EB;

            * {
                margin: 0 !important;
                font-size: var(--fs-12);
                color: var(--primary-clr);
                letter-spacing: 1.8px;
                text-transform: uppercase;
                line-height: var(--lh-120);
                font-weight: var(--fw-700);
            }
        }
    }

    .wc-block-components-checkout-order-summary__content {
        .wc-block-components-order-summary-item__image {
            margin: 0 !important;

            &>img {
                border-radius: var(--radius-5);
                height: 100%;
                object-fit: cover;
            }
        }

        .wc-block-components-product-name {
            color: #0A0A0A;
            font-size: var(--fs-14);
            font-weight: var(--fw-600);
            line-height: var(--lh-120);
        }

        .wc-block-components-order-summary-item__quantity {
            background: var(--primary-clr);
        }

        .wc-block-components-order-summary-item__quantity,
        .wc-block-components-order-summary-item__quantity * {
            font-weight: var(--fw-500);
            color: var(--full-white-clr);
        }

        .wc-block-components-order-summary-item__individual-prices,
        .wc-block-components-order-summary-item__individual-prices * {
            font-size: var(--fs-12);
            line-height: var(--lh-120);
            color: #6A7282;
            font-weight: var(--fw-500);
        }

        .wc-block-components-product-details,
        .wc-block-components-product-details * {
            font-size: var(--fs-12);
            font-weight: var(--fw-400);
            color: #0A0A0A;
        }

        .wc-block-cart-item__total-price-and-sale-badge-wrapper,
        .wc-block-cart-item__total-price-and-sale-badge-wrapper * {
            font-size: var(--fs-14);
            font-weight: var(--fw-600);
            color: #0A0A0A;
            line-height: var(--lh-120);
        }

        .wc-block-components-totals-coupon,
        .wc-block-components-totals-coupon * {
            font-size: var(--fs-14);
            font-weight: var(--fw-500);
            line-height: var(--lh-120);
            color: #364153;

            label {
                font-size: var(--fs-12);
            }
        }

        #wc-block-components-totals-coupon__form {
            .wc-block-components-button__text {
                color: var(--full-white-clr);
                text-transform: uppercase;
                font-size: var(--fs-12);
                font-weight: var(--fw-500);
                letter-spacing: 0.6px;
            }
        }

        .wc-block-components-totals-item,
        .wc-block-components-totals-item * {
            font-size: var(--fs-14);
            font-weight: var(--fw-400);
            line-height: var(--lh-120);
            color: #4A5565;

            .wc-block-formatted-money-amount {
                color: #0A0A0A;
                font-weight: var(--fw-600);
            }
        }

        .wc-block-components-totals-item {
            .wc-block-components-totals-item__label {
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                line-height: var(--lh-120);
                color: #4A5565;
            }

            .wc-block-components-shipping-placeholder__value {
                font-size: var(--fs-12);
                color: #0A0A0A;
            }
        }

        .wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item-tax-value) {
            .wc-block-components-totals-item {

                .wc-block-components-totals-item__label,
                .wc-block-components-totals-item__value,
                .wc-block-components-totals-item__value * {
                    font-size: var(--fs-16);
                    color: #0A0A0A;
                    line-height: var(--lh-120);
                    font-weight: var(--fw-900);
                }
            }
        }
    }

    .wc-block-checkout__form {

        .wc-block-components-title {
            font-size: var(--fs-12);
            font-weight: var(--fw-700);
            color: #4A5565;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            line-height: var(--lh-120);
        }

        input:not([type="checkbox"], [type="radio"]),
        textarea,
        select {
            border: 1px solid #E5E7EB;
            padding: 10px 16px;
            font-size: var(--fs-14);
            font-weight: var(--fw-400);
            line-height: var(--lh-110);
            color: var(--base-clr);
            border-radius: var(--radius-5);

            &::placeholder {
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                color: #D1D5DC;
                line-height: var(--lh-100);
                font-family: var(--font-family-primary);
            }
        }

        textarea {
            outline: none !important;
        }

        textarea::focus,
        textarea::focus-visible,
        input:focus,
        input:focus-visible {
            border-color: var(--base-clr);
        }

        select {
            padding: 16px 9px 0;
        }

        input+label,
        label {
            font-size: var(--fs-14);
            font-weight: var(--fw-400);
            line-height: var(--lh-110);
            color: var(--base-clr);
        }

        .wc-block-components-checkbox {

            .wc-block-components-checkbox__input[type="checkbox"] {
                flex-grow: 0;
                flex-shrink: 0;
            }

            .wc-block-components-checkbox__input[type="checkbox"]:focus,
            .wc-block-components-checkbox__input[type="checkbox"]:checked {
                outline: none;
            }

            label {
                display: inline-flex;
                align-items: center;
            }
        }

        .wc-block-checkout__terms {
            &>* {
                font-size: var(--fs-14);
                color: var(--base-clr);

                &:is(a) {
                    text-decoration: underline;

                    &:hover {
                        color: var(--primary-clr);
                    }
                }
            }
        }

        .wc-block-checkout__actions_row {

            button {
                background-color: #2D2D2D;
                border-radius: var(--radius-5);
                color: var(--full-white-clr);
                width: 100%;
                padding-block: 16px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: var(--fs-14);
                text-transform: uppercase;
                letter-spacing: 1.4px;
                line-height: var(--lh-120);
                font-weight: var(--fw-700);
                gap: 12px;

                * {
                    color: inherit !important;
                    font: inherit !important;
                }

                &::after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    background-color: var(--full-white-clr);
                    mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    display: block;
                    position: relative;
                }
            }
        }
    }

    .woocommerce-order {

        *:not(::after, ::before) {
            font-family: var(--font-family-primary) !important;
        }

        .woocommerce-notice--success {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            color: #0A0A0A;
            text-transform: uppercase;
            font-weight: var(--fw-900);
            font-size: var(--fs-34);
            margin-block: 3rem;
        }

        .woocommerce-column__title,
        .woocommerce-order-details__title {
            font-size: var(--fs-12);
            text-transform: uppercase;
            color: #4A5565;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            font-weight: var(--fw-700);
            line-height: var(--lh-120);
            margin-block-end: 12px;
        }

        table.shop_table {

            th,
            td,
            tfoot th,
            tfoot td {
                font-size: var(--fs-16);
                line-height: var(--lh-120);
                font-weight: var(--fw-600);
            }

            .woocommerce-table__product-name a {
                font-size: var(--fs-16);
                line-height: var(--lh-120);
                font-weight: var(--fw-600);

                &:hover {
                    color: var(--primary-clr);
                }
            }

            tfoot th,
            tfoot td {
                font-weight: var(--fw-700);
            }
        }

        .shipped_via {
            font-size: var(--fs-14);
        }

        address {
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: var(--fs-14);
            line-height: var(--lh-160);

            .woocommerce-customer-details--email {
                display: inline-flex !important;
                align-items: center !important;

                &::before {
                    position: relative !important;
                    inset: initial !important;
                }
            }
        }

    }
}

/* Menu | Megamenu */

.mega-menu {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    background-image: url('/wp-content/uploads/2026/06/Rouge1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
    padding-block-start: 100px;
    opacity: 0;
    visibility: hidden;
    transition: opacity, visibility;
    transition-duration: 0.3s;
    transition-behavior: allow-discrete;
    /* transition-delay: 0.2s; */

    &::before {
        content: '';
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
        display: none !important;
    }

    .mega-menu__inner {
        display: flex;
        gap: clamp(45px, 5vw, 83px);
        align-items: center;
        padding: 34px;
        width: min(1410px, 100%);
        margin-inline: auto;

        &>div {
            width: calc(100% / 3);
        }

        .mega-menu__static-left {
            /* padding-block-end: 60px; */

            .mega-menu__title {
                font-size: clamp(var(--fs-60), 4.6vw, var(--fs-80));
                color: var(--full-white-clr);
                font-weight: var(--fw-700);
                text-transform: uppercase;
                font-family: var(--font-family-title);
                line-height: var(--lh-110);
                margin-block-end: 15px;
            }

            .mega-menu__text {
                color: var(--full-white-clr);
                font-size: clamp(var(--fs-16), 1.2vw, var(--fs-20));
                font-family: var(--font-family-primary);
                font-weight: var(--fw-400);
                line-height: var(--lh-110);
            }
        }

        .mega-menu__columns {
            display: flex;
            flex-direction: column;
            gap: 40px;

            &>.mega-menu__link {
                cursor: pointer;
                font-size: clamp(var(--fs-16), 1.2vw, var(--fs-20));
                font-weight: var(--fw-700);
                line-height: var(--lh-130);
                color: var(--full-white-clr);
                width: 100%;
                display: inline-flex;
                transition: color .3s;

                &:hover {
                    color: var(--secondary-clr);
                }

                &:not(:last-child) {
                    position: relative;

                    &::after {
                        content: "";
                        width: 100%;
                        position: absolute;
                        height: 1px;
                        inset: auto 0 -20px;
                        background-color: #FFFFFF66;
                        display: block;
                    }
                }
            }

            &>div:not(:last-child, .mega-menu__cta) {
                position: relative;

                &::after {
                    content: "";
                    width: 100%;
                    position: absolute;
                    height: 1px;
                    inset: auto 0 -20px;
                    background-color: #FFFFFF66;
                    display: block;
                }
            }

            div[class*="mega-menu__column"] {
                position: relative;

                &.is-open {
                    /* &>ul {
                        display: flex;
                    } */

                    .mega-menu__column-toggle {
                        rotate: 0deg;
                    }
                }

                &>span,
                &>a {
                    cursor: pointer;
                    font-size: clamp(var(--fs-16), 1.2vw, var(--fs-20));
                    font-weight: var(--fw-700);
                    line-height: var(--lh-130);
                    color: var(--full-white-clr);
                    width: 100%;
                    display: inline-flex;
                    padding-inline-end: 30px;
                    margin-block: 10px;
                    transition: color .3s;

                    &:hover {
                        color: var(--secondary-clr);
                    }
                }

                .mega-menu__column-toggle {
                    width: 26px;
                    height: 26px;
                    background-image: url('/wp-content/uploads/2026/07/angle-up.svg');
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    position: absolute;
                    inset: 10px 0 auto auto;
                    z-index: 2;
                    rotate: 180deg;
                    transition: rotate .3s;
                }

                &>ul {
                    /* display: flex; */
                    /* flex-direction: column;
                    gap: 10px; */

                    &>li>* {
                        cursor: pointer;
                        font-size: var(--fs-14);
                        text-transform: uppercase;
                        font-weight: var(--fw-400);
                        line-height: var(--lh-110);
                        color: var(--full-white-clr);
                        transform: translateY(0);
                        transition: color .3s, transform .3s;
                        position: relative;

                        &:hover {
                            color: var(--secondary-clr);
                            transform: translateY(-3px);
                        }
                    }
                }
            }

            .mega-menu__cta {
                a {
                    display: inline-flex;
                    align-items: center;
                    background-color: var(--full-white-clr);
                    padding: 10px;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-600);
                    color: var(--base-clr);
                    line-height: var(--lh-110);
                    gap: 10px;
                    border-radius: var(--radius-5);
                    margin-block-start: 10px;
                }
            }
        }

        .mega-menu__static-right {
            /* padding-block-end: 60px; */
            position: relative;

            .sc__mega-menu-right-deco {
                position: absolute;
                inset: -20px auto auto -30px;
                animation: scale-out 2s ease-in-out infinite alternate;
                padding: 10px 16px 5px 20px;

                &::after {
                    background-color: var(--secondary-clr);
                }

                span.svg {
                    width: 32px;
                    height: 28px;
                    inset: -15px auto auto -22px;
                }
            }

            a:has(picture) {
                display: block;
                width: 100%;
            }

            picture {
                height: 285px;
                overflow: hidden;
                display: block;
                width: 100%;

                img {
                    height: 100%;
                    object-fit: cover;
                    width: 100%;
                }
            }

            p {
                font-size: var(--fs-14);
                font-weight: var(--fw-400);
                line-height: var(--lh-130);
                color: var(--full-white-clr);
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                margin-block-start: 20px;
            }

            .mega-menu__recipe-btn {
                display: inline-flex;
                align-items: center;
                background-color: var(--full-white-clr);
                padding: 10px;
                font-size: var(--fs-16);
                font-weight: var(--fw-600);
                color: var(--base-clr);
                line-height: var(--lh-110);
                gap: 10px;
                border-radius: var(--radius-5);
                position: absolute;
                top: 230px;
                left: auto;
                right: 10px;

                &::before {
                    content: '';
                    display: block;
                    position: relative;
                    width: 16px;
                    height: 22px;
                    background-color: var(--base-clr);
                    mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.02857 9.72748e-05C4.45714 9.72748e-05 4.82857 0.371526 4.82857 0.800097V3.22867C5.08571 3.2001 5.34286 3.2001 5.62857 3.2001H7.22857V0.800097C7.22857 0.371526 7.57143 9.72748e-05 8.02857 9.72748e-05C8.45714 9.72748e-05 8.82857 0.371526 8.82857 0.800097V3.2001H10.4286C10.6857 3.2001 10.9429 3.2001 11.2286 3.22867V0.800097C11.2286 0.371526 11.5714 9.72748e-05 12.0286 9.72748e-05C12.4571 9.72748e-05 12.8286 0.371526 12.8286 0.800097V3.4001C13.4857 3.54295 14.0571 3.77153 14.5429 4.14295C15.5714 5.0001 15.9143 6.34295 16 8.11438C16.0286 8.97153 15.2857 9.85724 14.2571 9.65724C13.7429 9.54295 13.2286 9.34295 12.8286 9.05724C12.1429 9.51438 11.3143 9.74295 10.4286 9.74295C9.51429 9.74295 8.68571 9.51438 8.02857 9.05724C7.34286 9.51438 6.51429 9.74295 5.62857 9.74295C4.71429 9.74295 3.88571 9.51438 3.22857 9.05724C2.8 9.34295 2.31429 9.54295 1.77143 9.65724C0.742857 9.85724 0 8.97153 0.0285714 8.11438C0.114286 6.34295 0.457143 5.0001 1.48571 4.14295C1.97143 3.77153 2.54286 3.54295 3.22857 3.4001V0.800097C3.22857 0.371526 3.57143 9.72748e-05 4.02857 9.72748e-05ZM5.62857 4.8001C3.88571 4.8001 3 5.0001 2.48571 5.4001C2.05714 5.77153 1.71429 6.45724 1.62857 8.02867C2.05714 7.91438 2.4 7.71438 2.62857 7.45724C2.77143 7.28581 3 7.2001 3.22857 7.2001C3.42857 7.2001 3.65714 7.28581 3.8 7.45724C4.17143 7.85724 4.77143 8.14295 5.62857 8.14295C6.45714 8.14295 7.05714 7.85724 7.42857 7.45724C7.57143 7.28581 7.8 7.2001 8.02857 7.2001C8.22857 7.2001 8.45714 7.28581 8.6 7.45724C8.97143 7.85724 9.57143 8.14295 10.4286 8.14295C11.2571 8.14295 11.8571 7.85724 12.2286 7.45724C12.3714 7.28581 12.6 7.2001 12.8286 7.2001C13.0286 7.2001 13.2571 7.28581 13.4 7.45724C13.6571 7.71438 13.9714 7.91438 14.4 8.02867C14.3143 6.45724 14 5.77153 13.5429 5.4001C13.0286 5.0001 12.1429 4.8001 10.4286 4.8001H5.62857ZM1.71429 11.4858C1.65714 11.0572 1.25714 10.743 0.8 10.8001C0.371429 10.8572 0.0571429 11.2858 0.142857 11.7144C0.314286 12.9715 0.771429 13.9715 1.8 14.543C2.71429 15.0858 4.02857 15.2001 5.6 15.2001H10.4C12 15.2001 13.3143 15.0858 14.2286 14.543C15.2571 13.9715 15.7143 12.9715 15.8857 11.7144C15.9429 11.2858 15.6571 10.8858 15.2 10.8001C14.7714 10.743 14.3714 11.0572 14.3143 11.4858C14.1714 12.5144 13.8571 12.9144 13.4286 13.1715C12.9143 13.4572 12.0286 13.6001 10.4 13.6001H5.6C4 13.6001 3.08571 13.4572 2.57143 13.1715C2.14286 12.9144 1.85714 12.5144 1.71429 11.4858Z" fill="white"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.02857 9.72748e-05C4.45714 9.72748e-05 4.82857 0.371526 4.82857 0.800097V3.22867C5.08571 3.2001 5.34286 3.2001 5.62857 3.2001H7.22857V0.800097C7.22857 0.371526 7.57143 9.72748e-05 8.02857 9.72748e-05C8.45714 9.72748e-05 8.82857 0.371526 8.82857 0.800097V3.2001H10.4286C10.6857 3.2001 10.9429 3.2001 11.2286 3.22867V0.800097C11.2286 0.371526 11.5714 9.72748e-05 12.0286 9.72748e-05C12.4571 9.72748e-05 12.8286 0.371526 12.8286 0.800097V3.4001C13.4857 3.54295 14.0571 3.77153 14.5429 4.14295C15.5714 5.0001 15.9143 6.34295 16 8.11438C16.0286 8.97153 15.2857 9.85724 14.2571 9.65724C13.7429 9.54295 13.2286 9.34295 12.8286 9.05724C12.1429 9.51438 11.3143 9.74295 10.4286 9.74295C9.51429 9.74295 8.68571 9.51438 8.02857 9.05724C7.34286 9.51438 6.51429 9.74295 5.62857 9.74295C4.71429 9.74295 3.88571 9.51438 3.22857 9.05724C2.8 9.34295 2.31429 9.54295 1.77143 9.65724C0.742857 9.85724 0 8.97153 0.0285714 8.11438C0.114286 6.34295 0.457143 5.0001 1.48571 4.14295C1.97143 3.77153 2.54286 3.54295 3.22857 3.4001V0.800097C3.22857 0.371526 3.57143 9.72748e-05 4.02857 9.72748e-05ZM5.62857 4.8001C3.88571 4.8001 3 5.0001 2.48571 5.4001C2.05714 5.77153 1.71429 6.45724 1.62857 8.02867C2.05714 7.91438 2.4 7.71438 2.62857 7.45724C2.77143 7.28581 3 7.2001 3.22857 7.2001C3.42857 7.2001 3.65714 7.28581 3.8 7.45724C4.17143 7.85724 4.77143 8.14295 5.62857 8.14295C6.45714 8.14295 7.05714 7.85724 7.42857 7.45724C7.57143 7.28581 7.8 7.2001 8.02857 7.2001C8.22857 7.2001 8.45714 7.28581 8.6 7.45724C8.97143 7.85724 9.57143 8.14295 10.4286 8.14295C11.2571 8.14295 11.8571 7.85724 12.2286 7.45724C12.3714 7.28581 12.6 7.2001 12.8286 7.2001C13.0286 7.2001 13.2571 7.28581 13.4 7.45724C13.6571 7.71438 13.9714 7.91438 14.4 8.02867C14.3143 6.45724 14 5.77153 13.5429 5.4001C13.0286 5.0001 12.1429 4.8001 10.4286 4.8001H5.62857ZM1.71429 11.4858C1.65714 11.0572 1.25714 10.743 0.8 10.8001C0.371429 10.8572 0.0571429 11.2858 0.142857 11.7144C0.314286 12.9715 0.771429 13.9715 1.8 14.543C2.71429 15.0858 4.02857 15.2001 5.6 15.2001H10.4C12 15.2001 13.3143 15.0858 14.2286 14.543C15.2571 13.9715 15.7143 12.9715 15.8857 11.7144C15.9429 11.2858 15.6571 10.8858 15.2 10.8001C14.7714 10.743 14.3714 11.0572 14.3143 11.4858C14.1714 12.5144 13.8571 12.9144 13.4286 13.1715C12.9143 13.4572 12.0286 13.6001 10.4 13.6001H5.6C4 13.6001 3.08571 13.4572 2.57143 13.1715C2.14286 12.9144 1.85714 12.5144 1.71429 11.4858Z" fill="white"/></svg>');
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                }
            }
        }
    }
}

.menu-item-has-children.has-megamenu {
    /* position: relative; */

    &:hover>.mega-menu,
    &.js-mega-menu-open>.mega-menu {
        opacity: 1;
        visibility: visible;

        /* @starting-style {
            opacity: 0;
        } */
    }
}

.mega-menu__column {


    &-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background: none;
        border: none;
        padding: 0;
        margin-bottom: 0.75rem;
        cursor: pointer;
        color: #fff;
        font: inherit;
        text-align: left;
    }

    &-icon {
        position: relative;
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        margin-left: 0.5rem;

        &::before,
        &::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            transition: transform 0.2s ease;
        }

        &::before {
            width: 12px;
            height: 2px;
            transform: translate(-50%, -50%);
        }

        &::after {
            width: 2px;
            height: 12px;
            transform: translate(-50%, -50%);
        }
    }

    &.is-open {
        li>a {
            padding-block-start: 3px;
        }
    }

    &.is-open &-icon::after {
        transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
    }

    &-toggle[aria-expanded="true"] .mega-menu__column-icon::after {
        transform: translate(-50%, -50%) scaleY(0);
    }
}

.mega-menu__column-list {
    display: grid !important;
    grid-template-rows: 0fr;
    overflow: hidden;
    margin: 0;
    padding-inline: 0;
    transition: grid-template-rows 0.35s ease;

    /* &>li:first-child { */
    &>li {
        min-height: 0;
        display: grid !important;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.35s ease;

        &>a,
        &>span {
            min-height: 0;
        }
    }

    /* &:not([hidden]) {
        animation: mega-menu-fade-in 0.15s ease;
    } */
}

.mega-menu__column.is-open .mega-menu__column-list {
    grid-template-rows: 1fr;
    gap: 10px;

    &>li {
        grid-template-rows: 1fr;
    }
}


@keyframes mega-menu-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* End megamenu */
.asl-mkr-actv .asl-adv-mkr {
    .asl-marker-icon {
        display: none !important;
    }
}

.asl-adv-mkr {

    .sc__sr-infox-box-link {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--gray-clr, #D8D8D8);
        gap: 10px;

        a {
            display: inline-flex !important;
            width: max-content;
            padding: 10px;
            border-radius: var(--radius-5);
            background-color: var(--full-white-clr) !important;
            border: 1px solid var(--gray-clr) !important;
            transition: border-color .3s;
            gap: 10px;

            &:hover {
                border-color: var(--primary-clr) !important;
            }

            .sr-btn-icon {
                flex-shrink: 0;
            }

            span {
                font-size: var(--fs-16);
                color: var(--base-clr) !important;
                font-weight: var(--fw-600);
                line-height: var(--lh-110);
                align-items: center;
                display: inline-block;
                position: relative !important;
                inset: initial !important;
                height: auto !important;
                width: max-content !important;
            }
        }
    }
}

body:is(.page-id-1191, .page-id-1181) {
    #main:has(.sc-ban, .sc-actus) {
        & .sc-ban {
            & .sc__page-header__image {
                display: none;
            }
        }
    }
}

footer #menu_footer a,
footer #menu_footer span {
    opacity: 1;
}

.sc__footer {
    --_up-footer-pb: 80px 75px;
    --_footer-logo-width: 146px;

    background-color: var(--primary-clr);
    padding: 0;
    text-align: left;
    color: var(--full-white-clr);
    position: relative;

    &::before {
        content: "";
        width: clamp(500px, 50vw, 800px);
        height: 245px;
        position: absolute;
        background-image: url(/wp-content/uploads/2026/06/Union.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        inset: -120px auto auto -30px;
        display: none;
        rotate: -5deg;
    }


    #footer_haut {
        padding-block: var(--_up-footer-pb);

        #logo {
            display: block;
            width: var(--_footer-logo-width);
            margin-inline: auto;
        }

        .sc__footer-inner {
            display: flex;
            gap: 30px;
            flex-direction: column;
            padding-inline: 20px;

            &>* {
                flex-basis: calc(100% / 4);
            }
        }

        #menu_footer {
            display: flex;
            flex-direction: column;
        }

        .sc__footer-title {
            font-family: var(--font-family-primary);
            font-size: var(--fs-20);
            font-weight: var(--fw-700);
            line-height: var(--lh-130);
            color: var(--full-white-clr);
            margin-block-end: 10px;
        }

        .sc__about {
            .sc__about-text {
                font-size: var(--fs-14);
                line-height: var(--lh-110);
                color: var(--full-white-clr);
                font-weight: var(--fw-400);
            }
        }

        .sc__footer-menu {
            ul {
                display: flex;
                flex-direction: column;

                &>li {
                    padding-block: 10px;
                    padding-inline: 0;

                    &:not(:last-child) {
                        border-block-end: 1px solid hsl(from var(--full-white-clr) h s l / 0.4);
                    }

                    &>a,
                    &>span {
                        font-size: var(--fs-14);
                        font-weight: var(--fw-400);
                        text-transform: uppercase;
                        line-height: var(--lh-100);
                        color: var(--full-white-clr);
                        display: inline-block;
                    }
                }
            }
        }

        .sc__footer_address {
            .sc__adress-content {
                display: flex;
                flex-direction: column;

                * {
                    text-transform: uppercase;
                    font-weight: var(--fw-400);
                    font-size: var(--fs-14);
                    line-height: var(--lh-100);
                    color: var(--full-white-clr);

                    &:is(span) {
                        font-weight: var(--fw-700);
                    }
                }

                &>p {
                    display: flex;
                    gap: 5px;
                    align-items: center;
                    padding-block: 10px;

                    &:not(:last-child) {
                        border-block-end: 1px solid hsl(from var(--full-white-clr) h s l / 0.4);
                    }

                    a {
                        &>span {
                            text-decoration: underline;
                        }
                    }

                    &::before {
                        content: '';
                        display: block;
                        position: relative;
                        width: 16px;
                        height: 16px;
                        margin-inline-end: 10px;
                        background-color: var(--full-white-clr);
                        mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514383C2.28571 0.171526 2.82857 9.72748e-05 3.34286 9.72748e-05C3.97143 9.72748e-05 4.57143 0.25724 5.02857 0.685812L6.48571 2.14295C7.48571 3.14295 7.74286 4.8001 6.71429 6.0001C5.88571 6.97153 4.57143 8.22867 2.74286 9.28581C3.2 10.1715 3.74286 10.943 4.4 11.6001C5.05714 12.2572 5.82857 12.8287 6.71429 13.2572C7.77143 11.4287 9.02857 10.1144 10 9.28581C11.2 8.25724 12.8571 8.51438 13.8571 9.54295L15.3143 10.9715C15.7429 11.4287 16 12.0287 16 12.6572C16 13.2001 15.8286 13.7144 15.4857 14.143L14.9429 14.8001C14.3429 15.5715 13.4286 16.0001 12.4571 16.0001H12C8.4 16.0001 5.4 14.8572 3.25714 12.743C1.14286 10.6001 0 7.6001 0 4.0001V3.54295C0 2.57153 0.457143 1.65724 1.2 1.05724L1.88571 0.514383ZM8.2 13.8572C9.34286 14.2001 10.6 14.4001 12 14.4001H12.4571C12.9429 14.4001 13.4 14.1715 13.6857 13.8001L14.2286 13.143C14.4571 12.8287 14.4571 12.3715 14.1714 12.1144L12.7143 10.6572C12.2 10.143 11.4857 10.1144 11.0571 10.4858C10.2286 11.2287 9.14286 12.3144 8.2 13.8572ZM2.14286 7.8001C3.68571 6.85724 4.8 5.77153 5.51429 4.94296C5.88571 4.51438 5.85714 3.8001 5.34286 3.25724L3.88571 1.82867C3.62857 1.54295 3.17143 1.54295 2.88571 1.77153L2.2 2.31438C1.82857 2.6001 1.6 3.05724 1.6 3.54295V4.0001C1.6 5.4001 1.8 6.65724 2.14286 7.8001Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88571 0.514383C2.28571 0.171526 2.82857 9.72748e-05 3.34286 9.72748e-05C3.97143 9.72748e-05 4.57143 0.25724 5.02857 0.685812L6.48571 2.14295C7.48571 3.14295 7.74286 4.8001 6.71429 6.0001C5.88571 6.97153 4.57143 8.22867 2.74286 9.28581C3.2 10.1715 3.74286 10.943 4.4 11.6001C5.05714 12.2572 5.82857 12.8287 6.71429 13.2572C7.77143 11.4287 9.02857 10.1144 10 9.28581C11.2 8.25724 12.8571 8.51438 13.8571 9.54295L15.3143 10.9715C15.7429 11.4287 16 12.0287 16 12.6572C16 13.2001 15.8286 13.7144 15.4857 14.143L14.9429 14.8001C14.3429 15.5715 13.4286 16.0001 12.4571 16.0001H12C8.4 16.0001 5.4 14.8572 3.25714 12.743C1.14286 10.6001 0 7.6001 0 4.0001V3.54295C0 2.57153 0.457143 1.65724 1.2 1.05724L1.88571 0.514383ZM8.2 13.8572C9.34286 14.2001 10.6 14.4001 12 14.4001H12.4571C12.9429 14.4001 13.4 14.1715 13.6857 13.8001L14.2286 13.143C14.4571 12.8287 14.4571 12.3715 14.1714 12.1144L12.7143 10.6572C12.2 10.143 11.4857 10.1144 11.0571 10.4858C10.2286 11.2287 9.14286 12.3144 8.2 13.8572ZM2.14286 7.8001C3.68571 6.85724 4.8 5.77153 5.51429 4.94296C5.88571 4.51438 5.85714 3.8001 5.34286 3.25724L3.88571 1.82867C3.62857 1.54295 3.17143 1.54295 2.88571 1.77153L2.2 2.31438C1.82857 2.6001 1.6 3.05724 1.6 3.54295V4.0001C1.6 5.4001 1.8 6.65724 2.14286 7.8001Z" fill="white"/></svg>');
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                    }

                    &:is(.mail)::before {
                        mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6 0H10.4C11.7429 0 12.8571 0.0857143 13.6857 0.4C14.6286 0.742857 15.2286 1.37143 15.6 2.28571C15.9143 3.14286 15.5714 4 15.0286 4.51429C14.3714 5.11429 13.3714 5.97143 12.1714 6.68571C10.9714 7.4 9.51429 8 8 8C6.48571 8 5.02857 7.4 3.82857 6.68571C2.62857 5.97143 1.62857 5.11429 0.971429 4.51429C0.428571 4 0.0857143 3.14286 0.4 2.28571C0.771429 1.37143 1.37143 0.742857 2.31429 0.4C3.17143 0.0857143 4.25714 0 5.6 0ZM10.4 1.6H5.6C4.28571 1.6 3.42857 1.68571 2.85714 1.91429C2.37143 2.08571 2.08571 2.37143 1.91429 2.85714C1.85714 2.97143 1.88571 3.17143 2.08571 3.34286C2.65714 3.88571 3.6 4.68571 4.65714 5.31429C5.74286 5.94286 6.88571 6.4 8 6.4C9.11429 6.4 10.2571 5.94286 11.3429 5.31429C12.4286 4.68571 13.3429 3.88571 13.9143 3.34286C14.1143 3.17143 14.1429 2.97143 14.0857 2.85714C13.9143 2.37143 13.6286 2.08571 13.1429 1.91429C12.5714 1.68571 11.7143 1.6 10.4 1.6ZM15.2 6.4C15.6571 6.4 16 6.77143 16 7.2C16 8.22857 15.9429 9.08571 15.8 9.8C15.6286 10.5429 15.3714 11.1714 14.8571 11.6571C14.3714 12.1714 13.7429 12.4286 13 12.6C12.2857 12.7429 11.4286 12.8 10.4 12.8H5.6C4.57143 12.8 3.71429 12.7429 3 12.6C2.25714 12.4286 1.62857 12.1714 1.14286 11.6571C0.628571 11.1714 0.371429 10.5429 0.2 9.8C0.0571429 9.08571 0 8.22857 0 7.2C0 6.77143 0.371429 6.4 0.8 6.4C1.25714 6.4 1.6 6.77143 1.6 7.2C1.6 8.17143 1.65714 8.91429 1.77143 9.45714C1.88571 10 2.05714 10.3429 2.25714 10.5429C2.48571 10.7429 2.8 10.9143 3.34286 11.0286C3.88571 11.1429 4.62857 11.2 5.6 11.2H10.4C11.3714 11.2 12.1143 11.1429 12.6571 11.0286C13.2 10.9143 13.5429 10.7429 13.7429 10.5429C13.9429 10.3143 14.1143 10 14.2286 9.45714C14.3429 8.91429 14.4 8.17143 14.4 7.2C14.4 6.77143 14.7714 6.4 15.2 6.4Z" fill="white"/></svg>');
                    }

                    &:is(.serv-gourmand)::before {
                        mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 7.6001C7.57143 7.6001 7.2 7.22867 7.2 6.8001C7.2 6.37153 7.57143 6.0001 8 6.0001C8.42857 6.0001 8.8 6.37153 8.8 6.8001C8.8 7.22867 8.42857 7.6001 8 7.6001ZM10 6.8001C10 7.22867 10.3714 7.6001 10.8 7.6001C11.2286 7.6001 11.6 7.22867 11.6 6.8001C11.6 6.37153 11.2286 6.0001 10.8 6.0001C10.3714 6.0001 10 6.37153 10 6.8001ZM5.2 7.6001C4.77143 7.6001 4.4 7.22867 4.4 6.8001C4.4 6.37153 4.77143 6.0001 5.2 6.0001C5.62857 6.0001 6 6.37153 6 6.8001C6 7.22867 5.62857 7.6001 5.2 7.6001ZM8 9.72748e-05C10.6286 9.72748e-05 12.6571 0.600098 14.0286 1.82867C15.4 3.05724 16 4.8001 16 6.8001C16 8.68581 15.4857 10.343 14.2286 11.5715C13 12.8001 11.1714 13.4572 8.8 13.5715L6.42857 15.543C6.05714 15.8572 5.6 16.0001 5.14286 16.0001C4.05714 16.0001 3.2 15.143 3.2 14.0572C3.2 13.5715 3.4 13.1144 3.6 12.8001C2.4 12.2858 1.48571 11.4572 0.885714 10.4287C0.257143 9.4001 0 8.14295 0 6.8001C0 4.8001 0.6 3.05724 1.97143 1.82867C3.34286 0.600098 5.37143 9.72748e-05 8 9.72748e-05ZM1.6 6.8001C1.6 7.94295 1.82857 8.88581 2.25714 9.62867C2.68571 10.3715 3.37143 10.9715 4.31429 11.3715C4.65714 11.5144 4.94286 11.7715 5.14286 12.1144C5.31429 12.4572 5.37143 12.943 5.14286 13.3715C5.08571 13.4858 5.02857 13.6001 4.97143 13.6858C4.82857 13.8572 4.8 14.0001 4.8 14.0572C4.8 14.2572 4.94286 14.4001 5.14286 14.4001C5.22857 14.4001 5.34286 14.3715 5.42857 14.3144L7.77143 12.343C8.05714 12.1144 8.4 12.0001 8.71429 11.9715C10.8571 11.8858 12.2571 11.2858 13.1143 10.4287C13.9714 9.6001 14.4 8.4001 14.4 6.8001C14.4 5.11438 13.9143 3.88581 12.9714 3.02867C12 2.17153 10.4 1.6001 8 1.6001C5.6 1.6001 4 2.17153 3.05714 3.02867C2.08571 3.88581 1.6 5.11438 1.6 6.8001Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 7.6001C7.57143 7.6001 7.2 7.22867 7.2 6.8001C7.2 6.37153 7.57143 6.0001 8 6.0001C8.42857 6.0001 8.8 6.37153 8.8 6.8001C8.8 7.22867 8.42857 7.6001 8 7.6001ZM10 6.8001C10 7.22867 10.3714 7.6001 10.8 7.6001C11.2286 7.6001 11.6 7.22867 11.6 6.8001C11.6 6.37153 11.2286 6.0001 10.8 6.0001C10.3714 6.0001 10 6.37153 10 6.8001ZM5.2 7.6001C4.77143 7.6001 4.4 7.22867 4.4 6.8001C4.4 6.37153 4.77143 6.0001 5.2 6.0001C5.62857 6.0001 6 6.37153 6 6.8001C6 7.22867 5.62857 7.6001 5.2 7.6001ZM8 9.72748e-05C10.6286 9.72748e-05 12.6571 0.600098 14.0286 1.82867C15.4 3.05724 16 4.8001 16 6.8001C16 8.68581 15.4857 10.343 14.2286 11.5715C13 12.8001 11.1714 13.4572 8.8 13.5715L6.42857 15.543C6.05714 15.8572 5.6 16.0001 5.14286 16.0001C4.05714 16.0001 3.2 15.143 3.2 14.0572C3.2 13.5715 3.4 13.1144 3.6 12.8001C2.4 12.2858 1.48571 11.4572 0.885714 10.4287C0.257143 9.4001 0 8.14295 0 6.8001C0 4.8001 0.6 3.05724 1.97143 1.82867C3.34286 0.600098 5.37143 9.72748e-05 8 9.72748e-05ZM1.6 6.8001C1.6 7.94295 1.82857 8.88581 2.25714 9.62867C2.68571 10.3715 3.37143 10.9715 4.31429 11.3715C4.65714 11.5144 4.94286 11.7715 5.14286 12.1144C5.31429 12.4572 5.37143 12.943 5.14286 13.3715C5.08571 13.4858 5.02857 13.6001 4.97143 13.6858C4.82857 13.8572 4.8 14.0001 4.8 14.0572C4.8 14.2572 4.94286 14.4001 5.14286 14.4001C5.22857 14.4001 5.34286 14.3715 5.42857 14.3144L7.77143 12.343C8.05714 12.1144 8.4 12.0001 8.71429 11.9715C10.8571 11.8858 12.2571 11.2858 13.1143 10.4287C13.9714 9.6001 14.4 8.4001 14.4 6.8001C14.4 5.11438 13.9143 3.88581 12.9714 3.02867C12 2.17153 10.4 1.6001 8 1.6001C5.6 1.6001 4 2.17153 3.05714 3.02867C2.08571 3.88581 1.6 5.11438 1.6 6.8001Z" fill="white"/></svg>');
                    }

                    &:is(.briocherie)::before {
                        mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4 6.22867C9.8 6.88581 8.88571 7.2001 8 7.2001C7.11429 7.2001 6.2 6.88581 5.6 6.22867C5 6.88581 4.08571 7.2001 3.2 7.2001C2.28571 7.2001 1.48571 6.91438 0.885714 6.31438C0.285714 5.71438 0 4.91438 0 4.0001C0 2.65724 0.828571 1.6001 1.34286 1.08581C1.8 0.628669 2.34286 0.371526 2.91429 0.285811C3.77143 0.171526 5.37143 9.72748e-05 8 9.72748e-05C10.6286 9.72748e-05 12.2571 0.171526 13.0857 0.285811C13.6571 0.371526 14.2286 0.628669 14.6571 1.08581C15.1714 1.6001 16 2.65724 16 4.0001C16 4.91438 15.7143 5.71438 15.1143 6.31438C14.5143 6.91438 13.7143 7.2001 12.8 7.2001C11.9143 7.2001 11 6.88581 10.4 6.22867ZM8 1.6001C5.45714 1.6001 3.91429 1.77153 3.14286 1.88581C2.88571 1.91438 2.65714 2.02867 2.48571 2.2001C2.05714 2.62867 1.6 3.31438 1.6 4.0001C1.6 4.57153 1.77143 4.94296 2.02857 5.2001C2.25714 5.42867 2.62857 5.6001 3.2 5.6001C3.77143 5.6001 4.14286 5.42867 4.4 5.2001C4.62857 4.94296 4.8 4.57153 4.8 4.0001C4.8 3.57153 5.17143 3.2001 5.6 3.2001C6.05714 3.2001 6.4 3.57153 6.4 4.0001C6.4 4.57153 6.57143 4.94296 6.82857 5.2001C7.05714 5.42867 7.42857 5.6001 8 5.6001C8.57143 5.6001 8.94286 5.42867 9.2 5.2001C9.42857 4.94296 9.6 4.57153 9.6 4.0001C9.6 3.57153 9.97143 3.2001 10.4 3.2001C10.8571 3.2001 11.2 3.57153 11.2 4.0001C11.2 4.57153 11.3714 4.94296 11.6286 5.2001C11.8571 5.42867 12.2286 5.6001 12.8 5.6001C13.3714 5.6001 13.7429 5.42867 14 5.2001C14.2286 4.94296 14.4 4.57153 14.4 4.0001C14.4 3.31438 13.9429 2.65724 13.5143 2.2001C13.3429 2.02867 13.1143 1.91438 12.8571 1.88581C12.0857 1.77153 10.5429 1.6001 8 1.6001ZM1.8 13.0001C1.97143 13.743 2.22857 14.3715 2.74286 14.8572C3.22857 15.3715 3.85714 15.6287 4.6 15.8001C5.31429 15.943 6.17143 16.0001 7.2 16.0001H8.8C9.82857 16.0001 10.6857 15.943 11.4 15.8001C12.1429 15.6287 12.7714 15.3715 13.2571 14.8572C13.7714 14.3715 14.0286 13.743 14.2 13.0001C14.3429 12.2858 14.4 11.4287 14.4 10.4001V9.2001C14.4 8.77153 14.0571 8.4001 13.6 8.4001C13.1714 8.4001 12.8 8.77153 12.8 9.2001V10.4001C12.8 11.3715 12.7429 12.1144 12.6286 12.6572C12.5143 13.2001 12.3429 13.5144 12.1429 13.743C11.9429 13.943 11.6 14.1144 11.0571 14.2287C10.8857 14.2858 10.6571 14.3144 10.4 14.343V11.2001C10.4 9.88581 9.31429 8.8001 8 8.8001C6.68571 8.8001 5.6 9.88581 5.6 11.2001V14.343C5.34286 14.3144 5.14286 14.2858 4.94286 14.2287C4.4 14.1144 4.08571 13.943 3.85714 13.743C3.65714 13.543 3.48571 13.2001 3.37143 12.6572C3.25714 12.1144 3.2 11.3715 3.2 10.4001V9.2001C3.2 8.77153 2.85714 8.4001 2.4 8.4001C1.97143 8.4001 1.6 8.77153 1.6 9.2001V10.4001C1.6 11.4287 1.65714 12.2858 1.8 13.0001ZM8.8 14.4001H7.2V11.2001C7.2 10.7715 7.57143 10.4001 8 10.4001C8.45714 10.4001 8.8 10.7715 8.8 11.2001V14.4001Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4 6.22867C9.8 6.88581 8.88571 7.2001 8 7.2001C7.11429 7.2001 6.2 6.88581 5.6 6.22867C5 6.88581 4.08571 7.2001 3.2 7.2001C2.28571 7.2001 1.48571 6.91438 0.885714 6.31438C0.285714 5.71438 0 4.91438 0 4.0001C0 2.65724 0.828571 1.6001 1.34286 1.08581C1.8 0.628669 2.34286 0.371526 2.91429 0.285811C3.77143 0.171526 5.37143 9.72748e-05 8 9.72748e-05C10.6286 9.72748e-05 12.2571 0.171526 13.0857 0.285811C13.6571 0.371526 14.2286 0.628669 14.6571 1.08581C15.1714 1.6001 16 2.65724 16 4.0001C16 4.91438 15.7143 5.71438 15.1143 6.31438C14.5143 6.91438 13.7143 7.2001 12.8 7.2001C11.9143 7.2001 11 6.88581 10.4 6.22867ZM8 1.6001C5.45714 1.6001 3.91429 1.77153 3.14286 1.88581C2.88571 1.91438 2.65714 2.02867 2.48571 2.2001C2.05714 2.62867 1.6 3.31438 1.6 4.0001C1.6 4.57153 1.77143 4.94296 2.02857 5.2001C2.25714 5.42867 2.62857 5.6001 3.2 5.6001C3.77143 5.6001 4.14286 5.42867 4.4 5.2001C4.62857 4.94296 4.8 4.57153 4.8 4.0001C4.8 3.57153 5.17143 3.2001 5.6 3.2001C6.05714 3.2001 6.4 3.57153 6.4 4.0001C6.4 4.57153 6.57143 4.94296 6.82857 5.2001C7.05714 5.42867 7.42857 5.6001 8 5.6001C8.57143 5.6001 8.94286 5.42867 9.2 5.2001C9.42857 4.94296 9.6 4.57153 9.6 4.0001C9.6 3.57153 9.97143 3.2001 10.4 3.2001C10.8571 3.2001 11.2 3.57153 11.2 4.0001C11.2 4.57153 11.3714 4.94296 11.6286 5.2001C11.8571 5.42867 12.2286 5.6001 12.8 5.6001C13.3714 5.6001 13.7429 5.42867 14 5.2001C14.2286 4.94296 14.4 4.57153 14.4 4.0001C14.4 3.31438 13.9429 2.65724 13.5143 2.2001C13.3429 2.02867 13.1143 1.91438 12.8571 1.88581C12.0857 1.77153 10.5429 1.6001 8 1.6001ZM1.8 13.0001C1.97143 13.743 2.22857 14.3715 2.74286 14.8572C3.22857 15.3715 3.85714 15.6287 4.6 15.8001C5.31429 15.943 6.17143 16.0001 7.2 16.0001H8.8C9.82857 16.0001 10.6857 15.943 11.4 15.8001C12.1429 15.6287 12.7714 15.3715 13.2571 14.8572C13.7714 14.3715 14.0286 13.743 14.2 13.0001C14.3429 12.2858 14.4 11.4287 14.4 10.4001V9.2001C14.4 8.77153 14.0571 8.4001 13.6 8.4001C13.1714 8.4001 12.8 8.77153 12.8 9.2001V10.4001C12.8 11.3715 12.7429 12.1144 12.6286 12.6572C12.5143 13.2001 12.3429 13.5144 12.1429 13.743C11.9429 13.943 11.6 14.1144 11.0571 14.2287C10.8857 14.2858 10.6571 14.3144 10.4 14.343V11.2001C10.4 9.88581 9.31429 8.8001 8 8.8001C6.68571 8.8001 5.6 9.88581 5.6 11.2001V14.343C5.34286 14.3144 5.14286 14.2858 4.94286 14.2287C4.4 14.1144 4.08571 13.943 3.85714 13.743C3.65714 13.543 3.48571 13.2001 3.37143 12.6572C3.25714 12.1144 3.2 11.3715 3.2 10.4001V9.2001C3.2 8.77153 2.85714 8.4001 2.4 8.4001C1.97143 8.4001 1.6 8.77153 1.6 9.2001V10.4001C1.6 11.4287 1.65714 12.2858 1.8 13.0001ZM8.8 14.4001H7.2V11.2001C7.2 10.7715 7.57143 10.4001 8 10.4001C8.45714 10.4001 8.8 10.7715 8.8 11.2001V14.4001Z" fill="white"/></svg>');
                    }

                    &:is(.join-us)::before {
                        mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.8 -0.000195503C5.71429 -0.000195503 6.51429 0.285519 7.11429 0.885519C7.71429 1.48552 8 2.28552 8 3.1998C8 4.11409 7.71429 4.91409 7.11429 5.51409C6.51429 6.11409 5.71429 6.3998 4.8 6.3998C3.88571 6.3998 3.08571 6.11409 2.48571 5.51409C1.88571 4.91409 1.6 4.11409 1.6 3.1998C1.6 2.28552 1.88571 1.48552 2.48571 0.885519C3.08571 0.285519 3.88571 -0.000195503 4.8 -0.000195503ZM3.2 3.1998C3.2 3.77123 3.37143 4.14266 3.62857 4.39981C3.85714 4.62838 4.22857 4.7998 4.8 4.7998C5.37143 4.7998 5.74286 4.62838 6 4.39981C6.22857 4.14266 6.4 3.77123 6.4 3.1998C6.4 2.62838 6.22857 2.25695 6 2.02838C5.74286 1.77123 5.37143 1.5998 4.8 1.5998C4.22857 1.5998 3.85714 1.77123 3.62857 2.02838C3.37143 2.25695 3.2 2.62838 3.2 3.1998ZM12.4 0.799805C13.1714 0.799805 13.8857 1.05695 14.4286 1.57123C14.9429 2.11409 15.2 2.82838 15.2 3.5998C15.2 4.37123 14.9429 5.08552 14.4286 5.62838C13.9143 6.14266 13.1714 6.3998 12.4 6.3998C11.6286 6.3998 10.9143 6.14266 10.3714 5.62838C9.85714 5.11409 9.6 4.37123 9.6 3.5998C9.6 2.82838 9.85714 2.11409 10.3714 1.57123C10.9143 1.05695 11.6286 0.799805 12.4 0.799805ZM11.2 3.5998C11.2 4.02838 11.3429 4.31409 11.5143 4.48552C11.6857 4.65695 11.9714 4.7998 12.4 4.7998C12.8286 4.7998 13.1143 4.65695 13.2857 4.48552C13.4571 4.31409 13.6 4.02838 13.6 3.5998C13.6 3.17123 13.4571 2.88552 13.2857 2.71409C13.1143 2.54266 12.8286 2.39981 12.4 2.39981C11.9714 2.39981 11.6857 2.54266 11.5143 2.71409C11.3429 2.88552 11.2 3.17123 11.2 3.5998ZM0.714286 8.77123C0.4 9.22838 0.228571 9.7998 0.142857 10.4569C0.0285714 11.0855 0 11.8855 0 12.7998V13.5998C0 14.0569 0.371429 14.3998 0.8 14.3998C1.25714 14.3998 1.6 14.0569 1.6 13.5998V12.7998C1.6 11.8855 1.62857 11.1998 1.71429 10.6855C1.8 10.1712 1.91429 9.85695 2.02857 9.68552C2.22857 9.3998 2.6 9.1998 3.88571 9.1998H5.71429C7 9.1998 7.37143 9.3998 7.57143 9.68552C7.68571 9.85695 7.8 10.1712 7.88571 10.6855C7.97143 11.1998 8 11.8855 8 12.7998V13.5998C8 14.0569 8.37143 14.3998 8.8 14.3998C9.25714 14.3998 9.6 14.0569 9.6 13.5998V12.7998C9.6 11.8855 9.57143 11.0855 9.48571 10.4569C9.37143 9.7998 9.2 9.22838 8.88571 8.77123C8.17143 7.77123 7 7.5998 5.71429 7.5998H3.88571C2.6 7.5998 1.42857 7.77123 0.714286 8.77123ZM10.8 7.5998H12.1143C13.4 7.5998 14.5714 7.77123 15.2857 8.77123C15.6 9.22838 15.7714 9.7998 15.8857 10.4569C15.9714 11.0855 16 11.8855 16 12.7998V13.5998C16 14.0569 15.6571 14.3998 15.2 14.3998C14.7714 14.3998 14.4 14.0569 14.4 13.5998V12.7998C14.4 11.8855 14.3714 11.1998 14.2857 10.6855C14.2 10.1712 14.0857 9.85695 13.9714 9.68552C13.7714 9.3998 13.4 9.1998 12.1143 9.1998H10.8C10.3714 9.1998 10 8.85695 10 8.3998C10 7.97123 10.3714 7.5998 10.8 7.5998Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.8 -0.000195503C5.71429 -0.000195503 6.51429 0.285519 7.11429 0.885519C7.71429 1.48552 8 2.28552 8 3.1998C8 4.11409 7.71429 4.91409 7.11429 5.51409C6.51429 6.11409 5.71429 6.3998 4.8 6.3998C3.88571 6.3998 3.08571 6.11409 2.48571 5.51409C1.88571 4.91409 1.6 4.11409 1.6 3.1998C1.6 2.28552 1.88571 1.48552 2.48571 0.885519C3.08571 0.285519 3.88571 -0.000195503 4.8 -0.000195503ZM3.2 3.1998C3.2 3.77123 3.37143 4.14266 3.62857 4.39981C3.85714 4.62838 4.22857 4.7998 4.8 4.7998C5.37143 4.7998 5.74286 4.62838 6 4.39981C6.22857 4.14266 6.4 3.77123 6.4 3.1998C6.4 2.62838 6.22857 2.25695 6 2.02838C5.74286 1.77123 5.37143 1.5998 4.8 1.5998C4.22857 1.5998 3.85714 1.77123 3.62857 2.02838C3.37143 2.25695 3.2 2.62838 3.2 3.1998ZM12.4 0.799805C13.1714 0.799805 13.8857 1.05695 14.4286 1.57123C14.9429 2.11409 15.2 2.82838 15.2 3.5998C15.2 4.37123 14.9429 5.08552 14.4286 5.62838C13.9143 6.14266 13.1714 6.3998 12.4 6.3998C11.6286 6.3998 10.9143 6.14266 10.3714 5.62838C9.85714 5.11409 9.6 4.37123 9.6 3.5998C9.6 2.82838 9.85714 2.11409 10.3714 1.57123C10.9143 1.05695 11.6286 0.799805 12.4 0.799805ZM11.2 3.5998C11.2 4.02838 11.3429 4.31409 11.5143 4.48552C11.6857 4.65695 11.9714 4.7998 12.4 4.7998C12.8286 4.7998 13.1143 4.65695 13.2857 4.48552C13.4571 4.31409 13.6 4.02838 13.6 3.5998C13.6 3.17123 13.4571 2.88552 13.2857 2.71409C13.1143 2.54266 12.8286 2.39981 12.4 2.39981C11.9714 2.39981 11.6857 2.54266 11.5143 2.71409C11.3429 2.88552 11.2 3.17123 11.2 3.5998ZM0.714286 8.77123C0.4 9.22838 0.228571 9.7998 0.142857 10.4569C0.0285714 11.0855 0 11.8855 0 12.7998V13.5998C0 14.0569 0.371429 14.3998 0.8 14.3998C1.25714 14.3998 1.6 14.0569 1.6 13.5998V12.7998C1.6 11.8855 1.62857 11.1998 1.71429 10.6855C1.8 10.1712 1.91429 9.85695 2.02857 9.68552C2.22857 9.3998 2.6 9.1998 3.88571 9.1998H5.71429C7 9.1998 7.37143 9.3998 7.57143 9.68552C7.68571 9.85695 7.8 10.1712 7.88571 10.6855C7.97143 11.1998 8 11.8855 8 12.7998V13.5998C8 14.0569 8.37143 14.3998 8.8 14.3998C9.25714 14.3998 9.6 14.0569 9.6 13.5998V12.7998C9.6 11.8855 9.57143 11.0855 9.48571 10.4569C9.37143 9.7998 9.2 9.22838 8.88571 8.77123C8.17143 7.77123 7 7.5998 5.71429 7.5998H3.88571C2.6 7.5998 1.42857 7.77123 0.714286 8.77123ZM10.8 7.5998H12.1143C13.4 7.5998 14.5714 7.77123 15.2857 8.77123C15.6 9.22838 15.7714 9.7998 15.8857 10.4569C15.9714 11.0855 16 11.8855 16 12.7998V13.5998C16 14.0569 15.6571 14.3998 15.2 14.3998C14.7714 14.3998 14.4 14.0569 14.4 13.5998V12.7998C14.4 11.8855 14.3714 11.1998 14.2857 10.6855C14.2 10.1712 14.0857 9.85695 13.9714 9.68552C13.7714 9.3998 13.4 9.1998 12.1143 9.1998H10.8C10.3714 9.1998 10 8.85695 10 8.3998C10 7.97123 10.3714 7.5998 10.8 7.5998Z" fill="white"/></svg>');
                    }
                }
            }
        }
    }

    #footer_bas {
        background: var(--full-white-clr);
        padding-block: 46px 30px;
        padding-inline: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        gap: 20px;

        p {
            font-style: italic;
            color: var(--base-clr);
            font-weight: var(--fw-400);
            line-height: var(--lh-100);
            font-size: var(--fs-14);
            margin: 0 !important;

            a {
                text-decoration: underline;
            }
        }

        p.sc__footer-bas-notice {
            display: flex;
            align-items: center;
            justify-content: center;

            &::before {
                content: '';
                display: block;
                position: relative;
                width: 16px;
                height: 16px;
                flex-shrink: 0;
                margin-inline-end: 10px;
                background-color: var(--base-clr);
                mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7714 8.94295C12.1429 9.17153 12.2571 9.68581 12 10.0572C11.1429 11.3144 9.71429 12.0001 8 12.0001C7.34286 12.0001 6.71429 11.8858 6.14286 11.6858C5.71429 11.543 5.48571 11.0858 5.65714 10.6572C5.8 10.2572 6.25714 10.0287 6.65714 10.2001C7.05714 10.3144 7.48571 10.4001 8 10.4001C9.28571 10.4001 10.1714 9.91438 10.6857 9.17153C10.9143 8.8001 11.4286 8.68581 11.7714 8.94295ZM5.6 5.6001C5.6 5.17153 5.25714 4.8001 4.8 4.8001C4.37143 4.8001 4 5.17153 4 5.6001V7.2001C4 7.65724 4.37143 8.0001 4.8 8.0001C5.25714 8.0001 5.6 7.65724 5.6 7.2001V5.6001ZM9.6 5.6001C9.6 5.17153 9.25714 4.8001 8.8 4.8001C8.37143 4.8001 8 5.17153 8 5.6001V7.2001C8 7.65724 8.37143 8.0001 8.8 8.0001C9.25714 8.0001 9.6 7.65724 9.6 7.2001V5.6001ZM2.2 2.2001C3.6 0.771526 5.62857 9.72748e-05 8 9.72748e-05C10.3714 9.72748e-05 12.4 0.771526 13.8286 2.2001C15.2286 3.62867 16 5.62867 16 8.0001C16 10.3715 15.2571 12.4001 13.8286 13.8287C12.4 15.2287 10.3714 16.0001 8 16.0001C5.62857 16.0001 3.6 15.2572 2.2 13.8287C0.771429 12.4001 0 10.3715 0 8.0001C0 5.62867 0.771429 3.6001 2.2 2.2001ZM3.31429 3.31438C2.22857 4.4001 1.6 5.97153 1.6 8.0001C1.6 10.0287 2.25714 11.6001 3.31429 12.6858C4.4 13.7715 5.97143 14.4001 8 14.4001C10.0286 14.4001 11.6 13.7715 12.6857 12.6858C13.7714 11.6287 14.4 10.0287 14.4 8.0001C14.4 5.97153 13.7714 4.4001 12.6857 3.31438C11.6286 2.22867 10.0286 1.6001 8 1.6001C5.97143 1.6001 4.4 2.25724 3.31429 3.31438Z" fill="white"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7714 8.94295C12.1429 9.17153 12.2571 9.68581 12 10.0572C11.1429 11.3144 9.71429 12.0001 8 12.0001C7.34286 12.0001 6.71429 11.8858 6.14286 11.6858C5.71429 11.543 5.48571 11.0858 5.65714 10.6572C5.8 10.2572 6.25714 10.0287 6.65714 10.2001C7.05714 10.3144 7.48571 10.4001 8 10.4001C9.28571 10.4001 10.1714 9.91438 10.6857 9.17153C10.9143 8.8001 11.4286 8.68581 11.7714 8.94295ZM5.6 5.6001C5.6 5.17153 5.25714 4.8001 4.8 4.8001C4.37143 4.8001 4 5.17153 4 5.6001V7.2001C4 7.65724 4.37143 8.0001 4.8 8.0001C5.25714 8.0001 5.6 7.65724 5.6 7.2001V5.6001ZM9.6 5.6001C9.6 5.17153 9.25714 4.8001 8.8 4.8001C8.37143 4.8001 8 5.17153 8 5.6001V7.2001C8 7.65724 8.37143 8.0001 8.8 8.0001C9.25714 8.0001 9.6 7.65724 9.6 7.2001V5.6001ZM2.2 2.2001C3.6 0.771526 5.62857 9.72748e-05 8 9.72748e-05C10.3714 9.72748e-05 12.4 0.771526 13.8286 2.2001C15.2286 3.62867 16 5.62867 16 8.0001C16 10.3715 15.2571 12.4001 13.8286 13.8287C12.4 15.2287 10.3714 16.0001 8 16.0001C5.62857 16.0001 3.6 15.2572 2.2 13.8287C0.771429 12.4001 0 10.3715 0 8.0001C0 5.62867 0.771429 3.6001 2.2 2.2001ZM3.31429 3.31438C2.22857 4.4001 1.6 5.97153 1.6 8.0001C1.6 10.0287 2.25714 11.6001 3.31429 12.6858C4.4 13.7715 5.97143 14.4001 8 14.4001C10.0286 14.4001 11.6 13.7715 12.6857 12.6858C13.7714 11.6287 14.4 10.0287 14.4 8.0001C14.4 5.97153 13.7714 4.4001 12.6857 3.31438C11.6286 2.22867 10.0286 1.6001 8 1.6001C5.97143 1.6001 4.4 2.25724 3.31429 3.31438Z" fill="white"/></svg>');
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
            }
        }

        .menu-menut-footer-tout-en-bas-container {
            width: 100%;

            ul {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 15px;
                flex-direction: column;

                &>li>* {
                    cursor: pointer;
                    color: var(--base-clr);
                    font-weight: var(--fw-400);
                    line-height: var(--lh-100);
                    font-size: var(--fs-14);
                    margin: 0 !important;
                    transition: color .3s;
                    font-weight: var(--fw-500);

                    &:is(a):hover {
                        color: var(--primary-clr);
                    }
                }
            }
        }
    }
}

@media (min-width: 650px) {
    #sc__masthead {
        &.mobile {
            & .sc__header-wrapper-container {
                & #sc__header {
                    & .sc__menu {
                        .sc__menu-container {
                            padding: 165px 20px 60px;
                        }
                    }

                    .mega-menu__inner {
                        .mega-menu__static-right {
                            width: 50%;
                            margin-inline-start: 0;
                            margin-inline-end: auto;
                        }
                    }
                }
            }
        }
    }

    .sc__home-header-banner {
        .sc__s1-wrapper {
            .sc__s1-img-or-vid {
                .media-container {
                    height: 400px;
                }
            }
        }
    }

    .sc__s4-home {
        --_sc_s4-img-width: 285px;
        --_sc_s4-sm-img-width: 205px;

        .sc__s4-home-inner {
            .sc__title {
                text-align: center;
            }
        }
    }

    .sc__s5-home {
        .sc__s5-left {
            .img-wrapper {
                width: min(60%, 330px);
                margin-inline: auto;

                .sc__svg-2 {
                    bottom: -20px;
                    right: 20px;
                    transform: rotate(-13deg);
                }
            }
        }
    }

    .sc__s6-home {
        --_sc__asl-banner-height: 400px;
    }

    .wp-block-woocommerce-empty-cart-block {
        & .wc-block-grid__products {
            --_prd-list-cols: 2;
        }
    }

    #asl-storelocator {
        --_store-list-cols: 2;

        .sc__asl-banner {
            &.asl-top-area {
                &>div {
                    max-width: 100%;
                }
            }
        }

        .sl-list-wrapper {
            #p-statelist {
                --_store-child-width: calc((100% - (var(--_store-list-cols) - 1) * var(--_store-list-gap)) / var(--_store-list-cols));
            }
        }
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 100%;
        max-width: 100%;
        padding-inline: 20px !important;
    }

    .wc-block-cart .wc-block-components-sidebar {
        width: 100%;
        max-width: 100%;
        padding-inline: 20px !important;
        padding-block-start: 40px !important;
    }

    .wc-block-components-sidebar {
        box-sizing: border-box;
        padding-left: 0;
        width: 100%;
    }

    .products[class*="columns"] .slick-track>li {
        margin: 0 !important;
        margin-right: 1rem !important;
    }
}

@media (min-width: 1000px) {

    /* .store-gallery-swiper {
        .swiper-slide {
            width: calc((100% - 3 * 30px) / 3.5);
            transition: width 0.3s ease-in;
        }

        .swiper-slide-active {
            width: calc(2 * ((100% - 3 * 30px) / 3.5) + 30px);
        }
    }

    .swiper-wrapper.is-dragging .swiper-slide {
        transition: none !important;
    } */
    #asl-storelocator {
        --_store-list-cols: 3;

        .sc__asl-banner {
            &.asl-top-area {
                &>div {
                    max-width: 100%;
                }
            }
        }
    }

    .sc__wc-archive.swipper {
        padding-block-end: clamp(80px, 8vw, 104px);

        .sc__products-category {
            flex-wrap: wrap;

            &.products[class*="columns"] {
                --_prd-list-cols: 2;
                --_prd-list-gap: 30px;
                gap: var(--_prd-list-gap);

                &>li {
                    width: calc((100% - (var(--_prd-list-cols) - 1) * var(--_prd-list-gap)) / var(--_prd-list-cols)) !important;
                    margin: 0 !important;
                }
            }
        }

        .sc__swiper-navs {
            display: none;
        }
    }

    .sc__store-archive-footer-2col-img {
        & .sc__text-wrapper {
            & ul>li {
                width: calc(50% - 10px);
            }
        }
    }

    .sc__asl-row {
        --_amenities-list-cols: 2;
    }

}

body {
    #main:has(.sc-ban, .sc-actus) {
        .sc-ban {
            --_archive-prd-padd-be: 20px;

            padding-block-end: var(--_archive-prd-padd-be);
        }
    }
}


@media screen and (width >=1200px) {
    :root {
        --prd-list-img-height: 450px;
    }

    body:is(.page-id-1191, .page-id-1181) {
        #main:has(.sc-ban, .sc-actus) {
            & .sc-ban {
                & .sc__page-header__image {
                    display: block;
                }
            }
        }
    }

    .wc-block-components-sidebar {
        padding-left: 2%;
        width: 35%;
        top: var(--header-height);
    }


    .sc__hide-mob {
        display: inline-block;
    }


    .sc__hide-desk {
        display: none;
    }

    #sc__masthead {
        --_up-head-list-min-height: 65px;

        &.scroll {
            position: fixed;
            top: 0;
            inset-inline: 0;
            background-color: var(--full-white-clr);
            /* animation: sc__header-fall 0.4s ease-out; */
            z-index: 1000;

            .btn_toggle {
                &>span {
                    background-color: var(--primary-clr);
                }
            }

            .sc__header-wrapper-container {
                #sc__header {
                    padding-block-end: clamp(20px, 2vw, 33px);


                    .sc__menu {
                        #sc_logo {

                            &>a {
                                position: absolute;
                                top: -70px;
                                left: 50%;
                                transform: translateX(-50%);
                            }

                        }
                    }
                }
            }

            .sc__header-wrapper-container {
                #sc__header {
                    .sc__menu {
                        .sc__menu-container {
                            & .sc__menu-header {
                                &>li {
                                    &.has-megamenu:not(.sc-only-recette) {
                                        .mega-menu {
                                            & .mega-menu__inner {
                                                padding-top: 34px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

        }

        .sc__upheader-list-info {
            &>div {
                align-items: end;
                justify-content: flex-end;
            }

            .sc__up-right::before {
                display: none !important;
            }

            .sc__up-left {
                &>li>a>span {
                    display: inline-block;
                }
            }

            .sc__up-head-list {
                &>li {
                    .sc__tooltip {
                        display: block;
                    }

                    .sc__cart-count {
                        margin-inline-start: -8px;
                        font-weight: var(--fw-700);
                    }

                    a {
                        font-size: var(--fs-12);
                        gap: 10px;

                        &::before {
                            width: 24px;
                            height: 24px;
                        }
                    }
                }
            }
        }

        .sc__header-wrapper-container {
            .btn_toggle {
                display: none;
            }

            #sc__header {
                .sc__menu {
                    align-items: start;

                    .sc__menu-container {
                        display: block;

                        .sc__menu-header {
                            display: flex;
                        }
                    }
                }
            }
        }

        .sc_lang {
            display: block;
        }

        &:has(.has-megamenu.js-mega-menu-open) {
            background-color: var(--full-white-clr);
        }
    }

    .sc__home-header-banner {
        --_banner-height: 854px;
        --_banner-text-content-gap: 40px;
        --_banner-text-inline-padding: calc((calc(100vw - min(100%, 1410px)) / 2) + 20px);

        .sc__s1-wrapper {
            flex-direction: row;

            .sc__s1-text {

                .title-tip {
                    inset: auto -18% -25% auto !important;
                }

            }

            .sc__s1-img-or-vid {
                .media-container {
                    height: 100%;
                }
            }

            .media-decoration {
                display: block !important;
            }
        }
    }

    .sc__s2-scrolljack {
        position: relative;
    }

    .sc__s2 {
        --_sc__s2-home-padd: 40px;

        position: relative;

        &.sc__s2-pinned {
            position: sticky;
            top: 0;
            height: 100vh;
            overflow: hidden;
        }

        /* &::before {
            content: "";
            width: 370px;
            height: 370px;
            display: block;
            position: absolute;
            inset: auto auto -150px -140px;
            background-image: url("/wp-content/uploads/2026/07/image-15.webp");
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            z-index: var(--z-medium);
        } */

        .sc_brioche-ic {
            /* width: 370px; */
            width: 600px;
            /* height: 370px; */
            height: 600px;
            display: block;
            position: absolute;
            /* inset: auto auto -150px -140px; */
            inset: auto auto -250px -250px;
            z-index: var(--z-medium);
            will-change: transform;
            /* scale: 2; */

            &.is-on-viewport-anim {
                animation: sc__float_strong 1s ease-in-out infinite;
            }

            img {
                display: block;
                width: 100%;
                object-fit: contain;
                pointer-events: none;
            }
        }

        .sc__s2-container-wrapper {
            border: 3px solid var(--secondary-clr);
            padding-block: var(--_sc__s2-home-wrapper-pb);
        }

        .sc__s2-prd-list-wrapper {
            position: relative;
            display: flex;
            flex-direction: column-reverse;
            margin-block-start: clamp(40px, 4.5vw, 80px);

            .sc__s2-prd-list {
                margin-block-start: 0;

                .sc__s2-prd-inner-item .sc__s2-prd-btn {
                    opacity: 0;
                }
            }

            .sc__swiper-navs {
                margin-block-start: 0;
                justify-content: flex-end;
                padding-inline-end: clamp(160px, 12vw, 215px);
            }
        }

        .sc__s2-prd-list {
            width: calc(100% + var(--_sc__s2-home-padd));

            .sc__s2-prd-item {
                .sc__s2-prd-bottom {
                    .sc__s2-prd-deco {
                        display: flex;
                    }
                }
            }
        }
    }

    .sc__s3-2col-img {
        --_img-height: 615px;
        --_txt_wrapper-mbs: -150px;
        --_sc__store-archive-footer-2col-padd-bl: 82px 50px;

        .sc__inner {
            .sc__title {
                flex-direction: column;

                span.sc__title-highlight-no-border::before {
                    display: block;
                }
            }

            .sc__up-wrapper {
                flex-direction: row;
                gap: 0;

                .sc__img-wrapper {
                    width: calc(100% - var(--_title-width));
                }

                .sc__title {
                    .sc__has-hat::before {
                        width: 0;
                        opacity: 0;
                        transition: width .5s, opacity .4s;
                    }

                    .sc__title-highlight-no-border::after {
                        opacity: 0;
                        filter: blur(5px);
                        transition: opacity .4s, filter .5s;
                    }
                }

                &.is-on-viewport-anim {
                    .sc__title {
                        .sc__has-hat::before {
                            width: 40px;
                            opacity: 1;
                        }

                        .sc__title-highlight-no-border::after {
                            opacity: 1;
                            filter: blur(0px);
                            animation: sc__float 1.5s ease-in-out infinite;
                        }
                    }
                }
            }

            .sc__text-wrapper {
                width: calc(var(--_title-width) + 12%);
            }
        }
    }

    .sc__s4-home {
        --_sc__s4-padd-block: 120px 250px;

        /* image parameter */
        --_sc_s4-img-width: 450px;
        --_sc_s4-img-height: 650px;
        --_sc_s4-sm-img-height: 486px;
        --_sc_s4-sm-img-width: 346px;
        --_sc__s4-banner-padd-block: 80px;
        --_sc__s4-banner-text-el-gap: 40px;

        padding: 40px 40px 60px;

        .wrapper {
            border: 3px solid hsl(from var(--tertiary-clr) h s l / 0.5);

            .sc__s4-footer {
                width: max-content;
                inset: auto auto -40px 50%;
                transform: translateX(-50%);
                position: absolute;
                display: block;
                padding: 10px;
                background: var(--full-white-clr);
                margin-block-start: 0;
            }
        }

        .sc__s4-home-inner {
            display: grid;
            grid-template-columns: 36% 16% 48%;
            gap: 0;
            align-items: start;
            position: relative;

            .sc__s4-imgs {
                grid-column: 1/3;
                grid-row: 1;

                &::before {
                    width: 70%;
                    height: 160px;
                    inset: auto auto -80px 40%;
                }

                .sc__img-wrapper {
                    &.small {
                        box-shadow: -10px -10px 0px 0px var(--full-white-clr);
                        rotate: 8deg;
                        width: var(--_sc_s4-sm-img-width);
                        height: var(--_sc_s4-sm-img-height);
                        margin: auto auto -8% -18%;
                    }
                }
            }

            .sc__content-text {
                display: flex;
                flex-direction: column;
                gap: var(--_sc__s4-text-el-gap);
                grid-column: 2/-1;
                grid-row: 1;
                position: relative;
                z-index: 2;
                margin-block-start: 30px;

                .sc__s4-text-wrapper {
                    padding-inline-start: 235px;
                }
            }

            .sc__title {
                text-align: left;

                .sc__title-has-hat::before {
                    display: block;
                    width: 0;
                    opacity: 0;
                    transition: width .5s, opacity .4s;
                }

                .sc__title-highlight-no-border::after {
                    opacity: 0;
                    filter: blur(5px);
                    transition: opacity .4s, filter .5s;
                }
            }

            &.is-on-viewport-anim {
                .sc__title {
                    .sc__title-highlight-no-border::after {
                        opacity: 1;
                        filter: blur(0px);
                        animation: sc__float 1.5s ease-in-out infinite;
                    }

                    .sc__title-has-hat::before {
                        width: 40px;
                        opacity: 1;
                    }
                }
            }
        }
    }

    .sc__s5-home {
        --_sc__s5-padd-bl: 136px 100px;
        /* Animation canceling */
        --sc-img-scale: 1;
        --sc-text-opacity: 1;
        --sc-svg-scale: 1;
        --sc-svg-opacity: 1;

        .sc__s5-wrapper {
            flex-direction: row;
            align-items: flex-end;
            position: relative;
        }

        .sc__s5-left {
            width: calc(100% - var(--_sc__s5-right-list-width));

            display: grid;
            /* grid-template-columns: 414px 258px 437px; */
            grid-template-columns: 40% 18% 42%;

            .text-wrapper {
                grid-column: 1/3;
                grid-row: 1;
                display: grid;
                grid-template-columns: subgrid;
                align-content: start;

                .title {
                    grid-column: 1/-1;
                }

                .subtitle,
                .text {
                    grid-column: 1/2;
                    padding-inline-end: 15px;
                }
            }

            .img-wrapper {
                grid-column: 2/-1;
                grid-row: 1;
                /* max-height: 712px; */
                /* overflow: hidden; */
                width: auto;
                margin: 0;

                .sc__img {
                    display: block;
                    width: 522px;
                    height: 522px;
                    border-radius: 50%;
                    overflow: hidden;
                    position: absolute;

                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
        }

        .sc__s5-right {
            width: var(--_sc__s5-right-list-width);
        }
    }

    /* ---------- Pin + animation scroll (desktop uniquement) ---------- */
    .sc__s5-pin-wrapper {
        position: relative;
        /* height: 400vh; */
        /* augmenté pour laisser de la place aux 2 phases */
    }

    /* .sc__s5-pin-wrapper .sc__s5-home {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
    } */

    .sc__s5-home .sc__img {
        transform: scale(var(--sc-img-scale, 0.2534));
        transform-origin: center center;
        opacity: var(--sc-img-opacity, 1);
        will-change: transform, opacity;
    }

    .sc__s5-home .text-wrapper,
    .sc__s5-home .sc__s5-right {
        opacity: var(--sc-text-opacity, 0.5);
        will-change: opacity;
    }

    /* SVG décoratifs : apparaissent juste avant la fin de la phase 1 */
    .sc__s5-home .sc__s5-left .img-wrapper .sc__svg-1,
    .sc__s5-home .sc__s5-left .img-wrapper .sc__svg-2 {
        opacity: var(--sc-svg-opacity, 0);
        will-change: opacity, transform;
    }

    .sc__s5-home .sc__s5-left .img-wrapper .sc__svg-1 {
        transform: scale(var(--sc-svg-scale, 0.5)) rotate(-20deg);
        transform-origin: center center;
        position: absolute;
        width: 170px;
        top: -35px;
        right: auto;
        left: 55%;
        height: 130px;
    }

    .sc__s5-home .sc__s5-left .img-wrapper .sc__svg-2 {
        /* transform: rotate(-9deg) scale(var(--sc-svg-scale, 0.5)); */
        transform: rotate(-9deg);
        transform-origin: center center;
        position: absolute;
        width: 400px;
        height: 160px;
        right: auto;
        left: 25%;
        bottom: -85px;
    }

    /* Image "big" : plein viewport, cachée tant que la 1ère image n'a pas fini */
    .sc__s5-home .img-wrapper .sc__img-big {
        /* display: block !important; */
        display: none !important;
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        border-radius: var(--sc-img-big-radius, 50%);
        opacity: var(--sc-img-big-opacity, 0);
        transform: scale(var(--sc-img-big-scale-x, 0.2534), var(--sc-img-big-scale-y, 0.2534));
        transform-origin: 50% 63%;
        pointer-events: none;
        will-change: transform, opacity, border-radius;
        z-index: 5;
    }

    .sc__s5-home .img-wrapper .sc__img-big img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sc__s6-home {
        --_sc-s6-wrapper-pis: calc(((100vw - min(100%, 1410px)) / 2) + 20px);
        --_sc-s6-wrapper-pbl: 85px 102px;

        padding: 0 !important;
        position: relative;

        /* &::before {
            content: "";
            width: 300px;
            height: 350px;
            display: block;
            position: absolute;
            inset: auto auto -150px -150px;
            background-image: url("/wp-content/uploads/2026/07/image-16.webp");
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            z-index: var(--z-medium);
        } */

        .sc_brioche-ic {
            /* width: 300px; */
            width: 600px;
            /* height: 350px; */
            height: 600px;
            display: block;
            position: absolute;
            /* inset: auto auto -150px -150px; */
            inset: auto auto -250px -250px;
            z-index: var(--z-medium);
            will-change: transform;
            /* scale: 2; */

            &.is-on-viewport-anim {
                animation: sc__float_strong 1s ease-in-out infinite;
            }

            img {
                display: block;
                width: 100%;
                object-fit: contain;
                pointer-events: none;
            }
        }

        .sc__s6-wrapper {
            flex-direction: row;
            padding-inline-start: var(--_sc-s6-wrapper-pis);

            .sc__s6-map {
                position: relative;

                .sc__s6-deco-map {
                    width: 210px;
                    height: 216px;
                    position: absolute;
                    left: 22px;
                    bottom: 24px;
                    z-index: 100;
                    transform: initial;

                }
            }

            &>div {
                flex: 0 0 58%;
            }

            .sc__s6-text {
                padding-block: var(--_sc-s6-wrapper-pbl);
                padding-inline-end: clamp(80px, 7vw, 110px);
                flex-basis: 42%;
                margin-block-end: 0;
                position: relative;
                z-index: 12;


                .sc__s6-cta {
                    display: inline-flex;
                }

                .sc__title-svg {
                    position: absolute;
                    width: clamp(370px, 15vw, 450px);
                    left: -25px;
                    top: clamp(-48px, -4vw, -68px);
                    z-index: -1;
                    height: 170px;
                    display: grid;
                    overflow: hidden;
                }
            }

            #asl-storelocator {
                --_sc__asl-banner-height: 100%;

                .sc__asl-banner {
                    &.asl-top-area {
                        &>div {
                            &:has(.asl-map) {
                                padding: 0 !important;
                                max-width: 100% !important;
                                flex-grow: 1;
                            }
                        }
                    }
                }
            }

            .sc__s6-map {

                section,
                .asl-wrapper,
                .sl-container {
                    height: 100% !important;
                }
            }

            .title {
                .sc__title-highlight-no-border::after {
                    opacity: 0;
                    filter: blur(5px);
                    transition: opacity .3s, filter .4s;
                }

                .sc__has-hat::before {
                    opacity: 0;
                    width: 0;
                    transition: opacity .4s, width .5s;
                }
            }

            &.is-on-viewport-anim {
                .title {
                    .sc__title-highlight-no-border::after {
                        opacity: 1;
                        filter: blur(0px);
                        animation: sc__float 1.5s ease-in-out infinite;
                    }

                    .sc__has-hat::before {
                        opacity: 1;
                        width: 40px;
                    }
                }
            }
        }
    }

    .sc__s7-home {
        --_sc__s7-wrapper-pbs: 74px;

        background-image: url('/wp-content/uploads/2026/07/9.-Les-tips.svg');
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;

        .sc__s7-wrapper {
            display: grid;
            grid-template-columns: 22% 20% 58%;
        }

        .sc__s7-media {
            grid-column: 1/3;
            grid-row: 1;
            height: 100%;
            display: grid;

            &::before {
                display: block;
                animation: sc__float 1.5s ease-in-out infinite;
            }

            img {
                width: 100%;
                height: 100%;
                grid-column: 1/-1;
                grid-row: 1/-1;
            }
        }

        .sc__s7-text-wrapper {
            grid-column: 2/-1;
            grid-row: 1;
            display: grid;
            grid-template-columns: subgrid;

            .upper-wrapper {
                display: flex;
                grid-column: 1/-1;
                padding-inline-start: 40px;

                .dotted-arrow {
                    display: grid;
                    position: relative;
                    flex: 0 0 calc(100% - 380px);

                    svg {
                        width: 100%;
                        height: 100%;
                        position: relative;
                        grid-column: 1/-1;
                        grid-row: 1/-1;
                    }

                    /* path {
                        stroke: color-mix(in srgb,
                                #D9D9D9 calc((1 - var(--progress)) * 100%),
                                #000 calc(var(--progress) * 100%));
                    }

                    circle {
                        fill: color-mix(in srgb,
                                #D9D9D9 calc((1 - var(--progress)) * 100%),
                                #FFCD03 calc(var(--progress) * 100%));
                    } */

                    /* .dotted-arrow__base,
                    .dotted-arrow__color {
                        position: absolute;
                        inset: 0;
                    } */

                    .dotted-arrow__base path {
                        stroke: #D9D9D9;
                    }

                    .dotted-arrow__base circle {
                        fill: #D9D9D9;
                    }

                    .dotted-arrow__color path {
                        stroke: #000;
                    }

                    .dotted-arrow__color circle {
                        fill: #FFCD03;
                        opacity: 0;
                        transition: opacity .3s ease;
                    }
                }
            }

            .title-wrapper {
                flex: 0 0 380px;
                text-align: left;

                .sub-title {
                    font-size: 57px;
                    text-align: left;
                }
            }

            .sc__s7-list-outer {
                margin-block-start: 36px;
                grid-column: 2/-1;
                padding-block-end: clamp(50px, 5.5vw, 95px);

                .sc__swiper-navs {
                    margin-block-start: 26px;
                    display: none;
                }

                .list-wrapper {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    gap: 40px;
                    justify-content: flex-end;

                    .item {
                        width: min(30%, 250px);

                        &:nth-child(2) {
                            rotate: 4deg;
                        }
                    }
                }
            }
        }
    }

    .sc__s8-home {
        --_s8-inner-gap: 80px;
        --_s8-inner-left-width: 535px;
        --_s8-list-cols: 2;
        --_s8-list-gap: 70px;
        --_s8-list-item-top-gap: 100px;

        .sc__s8-wrapper {
            display: flex;
            gap: var(--_s8-inner-gap);
            align-items: center;

            .title-outer {
                width: var(--_s8-inner-left-width);

                .title {
                    display: block;
                }
            }

            .sc__swiper-navs {
                display: none;
            }

            .list-outer {
                width: calc((100% - var(--_s8-inner-left-width)) - var(--_s8-inner-gap));
                margin-block-start: 0;

                .art-desc-cta {
                    --_top: calc((var(--_sc_s8-actus-img-height) / 2) - (var(--_s8-list-item-top-gap) / 2));

                    opacity: 0;
                }

                .actus-list {
                    display: flex;
                    flex-wrap: wrap;
                    gap: var(--_s8-list-gap);

                    .item {
                        width: calc((100% - (var(--_s8-list-cols) - 1) * var(--_s8-list-gap)) / var(--_s8-list-cols));

                        &:first-child {
                            margin-top: var(--_s8-list-item-top-gap);
                        }

                        &:nth-child(even):not(:nth-child(2)) {
                            margin-top: calc(var(--_s8-list-item-top-gap) * -1);
                        }

                        &:hover {
                            .art-desc-cta {
                                opacity: 1;
                            }
                        }
                    }
                }
            }
        }
    }

    .products[class*="columns"] {
        --_prd-list-cols: 3;
    }

    .wp-block-woocommerce-empty-cart-block {
        & .wc-block-grid__products {
            --_prd-list-cols: 4;
        }
    }

    .sc__wc-archive.swipper {

        .sc__products-category {
            flex-wrap: wrap;

            &.products[class*="columns"] {
                --_prd-list-cols: 3;
            }
        }
    }

    .woocommerce-breadcrumb {
        width: min(1410px, 100%);
        margin-inline: auto !important;
    }

    .tax-product_cat {
        --_archive-prd-bann-title-width: min(855px, 55%);
        --_archive-prd-bann-img-width: min(736px, 45%);
        /* --_archive-prd-padd-bs: 125px; */
        --_archive-prd-padd-bs: 70px;
        --_archive-prd-padd-be: 80px;
        --_archive-row-container-padd: 40px;
        --_archive-prd-row-inner-padd-bs: 95px;
        --_archive-prd-bann-img-inset-be: -70px;

        &:has(.sc__archive-header__desc) {
            --_archive-prd-bann-img-inset-be: -175px;
        }

        .sc__archive-header {
            display: block;
            background-size: 60%;

            .sc__archive-header__image {
                position: absolute;
                inset-inline-end: 0;
                inset-block-start: auto;
                width: var(--_archive-prd-bann-img-width);
                inset-block-end: var(--_archive-prd-bann-img-inset-be);
            }
        }

        &:not(:has(.sc__archive-header__desc)) {
            .sc__archive-header .sc__archive-header__image {
                height: 100%;

                img {
                    height: auto;
                }
            }
        }

        .sc__prd-archive-row-container {
            .sc__prd-row-inner {
                border: 3px solid var(--secondary-clr);
            }
        }
    }

    .sc__big-img-bandeau {
        --_sc-text-content-gap: 40px;
        --_sc-big-img-bandeau-padd-bl: 150px 100px;
        --_sc-text-content-gap: 64px;

        background-position: center;

        .sc__title-wrapper {
            .sc__subtitle {
                margin-block-start: -30px;
                z-index: -1;
            }
        }

        .sc__title-highlight {
            &.sc__highlight-sec {
                border-image-slice: 0 20 25 20 fill;
                border-image-width: 10px 30px 20px 30px;
            }
        }
    }

    .sc__reassurance {
        --_sc-reassurance-icon-w: 120px;
        --_sc-reassurance-icon-h: 128px;
        --_sc-reassurance-list-cols: 5;
        --_sc-reassurance-items-gap: 52px;

        .sc__container {
            flex-direction: row;

            .item {
                flex-direction: column;
                justify-content: center;
                transition: transform .5s;

                &:hover {
                    transform: translateY(-12px);
                }

                .title,
                .desc {
                    text-align: center;
                }

                .item-text {
                    gap: var(--_sc-reassurance-item-gap);
                }
            }
        }
    }

    .single-product {
        .sc__breadcrumb {
            padding-block: 5px;
        }
    }

    .sc__prd-school-bloc {


        /* image parameter */
        --_sc_school-img-width: auto;
        --_sc_school-img-height: 100%;
        --_sc__school-banner-padd-block: 80px;
        --_sc__school-banner-text-el-gap: 40px;

        padding: 20px;

        .wrapper {
            border: 3px solid hsl(from var(--tertiary-clr) h s l / 0.5);
        }

        .sc__prd-school-bloc-inner {
            display: grid;
            gap: var(--_sc__school-banner-gap) !important;
            grid-template-columns: calc(var(--_sc__school-banner-img-wrapper-width) - calc(var(--_sc__school-banner-text-el-gap)/2)) calc(calc(100% - var(--_sc__school-banner-img-wrapper-width)) - var(--_sc__school-banner-text-el-gap));
        }
    }

    .sc__prd-footer-bandeau {
        --_sc__prd-banner-padd-block: 100px 150px;
        --_sc__prd-banner-height: 100%;

        .sc__prd-footer-bandeau-inner {
            &.sc__bandeau-text-first {
                display: grid;
                grid-template-columns: calc(calc(100% - var(--_sc__prd-banner-img-wrapper-width)) - var(--_sc__prd-banner-text-el-gap)) calc(var(--_sc__prd-banner-img-wrapper-width) - calc(var(--_sc__prd-banner-text-el-gap)/2));

                row-gap: inherit;
            }
        }
    }

    /* ASL archive, Archive Boutique */
    #main:has(#sc__asl-archive) {
        margin-block-start: -100px;
    }

    #asl-storelocator {
        --_sc__asl-banner-height: 850px;
        --_sc__asl-top-area-text-ins: calc(((100vw - min(100%, 1410px)) / 2));
        --_store-list-gap: 20px;
        --_store-list-cols: 4;

        .sc__asl-banner {
            overflow: hidden;

            &.asl-top-area {

                .sc__asl-top-area-text {
                    position: relative;
                    /* inset: auto auto clamp(80px, 8vw, 156px) var(--_sc__asl-top-area-text-ins); */
                    z-index: var(--z-medium);
                    padding-inline-start: calc(var(--_sc__asl-top-area-text-ins) + 20px);
                    padding-block-start: calc((var(--header-height) / 2) + var(--_banner-padd-bs));
                    padding-block-end: 20px;
                    width: 45% !important;
                    flex-basis: 45% !important;
                }

                &>div:has(.asl-map) {
                    width: 55% !important;
                    flex-basis: 55% !important;

                    .gm-style {
                        margin-top: -30px !important;

                        &>div:last-child>div {
                            bottom: -30px !important;
                        }
                    }
                }
            }
        }

        .sl-list-wrapper {
            #p-statelist {
                --_store-child-width: calc((100% - (var(--_store-list-cols) - 1) * var(--_store-list-gap)) / var(--_store-list-cols));
            }
        }
    }

    .sc__asl-banner {
        --_inner-text-content-padd-bs: calc(var(--header-height) + var(--_bannder-padd-bs));
        --_inner-text-content-padd-is: calc(calc(100vw - min(100%, 1410px)) / 2);
        --_inner-text-content-padd-ie: 36px;

        .sc__store-hero__content {
            flex-direction: row;
        }
    }

    .sc__store-archive-footer-2col-img {
        --_title-width: min(500px, 100%);
        --_elem-gap: 0px;
        --_img-height: 615px;
        --_txt_wrapper-mbs: -150px;

        .sc__up-wrapper {
            flex-direction: row;

            .sc__img-wrapper {
                width: calc(100% - var(--_title-width));
            }
        }

        .sc__text-wrapper {
            ul>li {
                width: calc(50% - 10px);
            }
        }
    }

    .sc__store-archive-footer-2col-cta {
        .sc__inner {
            justify-content: space-between;
            flex-direction: row;
            gap: 0px;
        }

        .sc__right-wrapper {
            width: min(570px, 45%);
        }

        .sc__left-wrapper {
            width: min(640px, 52%);

            .sc__left-content {
                .img-wrapper {
                    display: block;
                }
            }
        }
    }

    .sc__faq {
        --_sc__faq-element-gap: 80px;
    }

    .sc__wc-prd-filter {
        --_filter-footer-padd: 10px 20px;
        --_filter-padd: 20px;

        .sc__filtre-produits {
            flex-direction: row;
            border: 1px solid var(--full-white-clr);

            .sc__filtre-produits__radio {
                padding-inline-start: 40px;
            }
        }
    }

    .sc__swiper-navs {
        margin-block-end: 40px;
    }

    .asl-store-pg.sc__container-full {
        & .sc__asl-details {
            &>.sl-row {
                padding-inline-start: clamp(50px, 5vw, 214px);
            }
        }

        .sc__asl-details,
        .sc__asl-map {
            flex-basis: calc((100% - (var(--_sc-asl-list-cols) - 1) * var(--_sc-asl-list-gap)) / var(--_sc-asl-list-cols)) !important;
            width: calc((100% - (var(--_sc-asl-list-cols) - 1) * var(--_sc-asl-list-gap)) / var(--_sc-asl-list-cols)) !important;
        }

        .sc__asl-map {
            padding-inline-end: 40px !important;

            .asl-detail-map {
                height: 100% !important;
            }
        }
    }

    .sc__asl-row {
        --_amenities-list-cols: 2;
    }

    .sc__asl-gallery {
        --_as-gallery-content-padd-is: calc(calc(100vw - min(100%, 1410px)) / 2);
        --_as-gallery-content-padd-bl: 100px;

        padding-inline-end: 0px;
    }

    .woocommerce-account {
        .sc__register-form__body {
            .sc__register-form__row {
                flex-direction: row;
            }
        }

        .sc__register-form__footer {
            flex-direction: row !important;
            justify-content: space-between !important;
        }
    }

    /* cart | Panier */
    .woocommerce-cart {
        .sc-ban {
            .text {
                &>p {
                    display: none !important;
                }
            }
        }

        .contenu {
            padding-inline: 20px;
        }

        .wp-block-woocommerce-cart {
            width: min(1410px, 100%);
            margin-inline: auto;
        }

        .wc-block-cart__main {
            padding-inline-end: 2%;

            table {
                display: block;
            }

            thead {
                border-bottom: 2px solid #DB0B34 !important;
                width: 100%;
                display: grid;

                &>tr {
                    display: flex;
                }
            }

            tbody {
                display: grid;
                width: 100%;

                &>tr {
                    display: flex;
                    width: 100%;
                    position: relative;
                }
            }

            .wc-block-cart-items td {
                border: none !important;
                padding-block: 20px !important;

                &:last-child {
                    padding-inline: 5px 48px !important;
                }
            }

            .wc-block-cart-items__header {
                &>th {
                    visibility: visible !important;
                    font-size: var(--fs-12);
                    text-transform: uppercase;
                    line-height: var(--lh-120);
                    color: var(--primary-clr);
                    letter-spacing: 1.8px;
                    font-weight: var(--fw-700);

                    span {
                        font: inherit;
                        color: inherit;
                    }
                }

                .wc-block-cart-items__header-image {
                    width: 100px;
                }

                .wc-block-cart-items__header-product {
                    text-align: right;
                    width: calc((100% - 100px) - 18%);
                    padding-inline-end: 0 !important;
                }

                .wc-block-cart-items__header-total {
                    width: 18%;
                }
            }

            .wc-block-cart-items {
                border: none !important;
            }

            .wc-block-cart-item__image {
                padding: 0 !important;
                width: 80px;

                &>a {
                    display: grid;
                    border-radius: var(--radius-5);
                    overflow: hidden;
                    height: 100%;
                }
            }

            .wc-block-cart-item__product {
                width: calc(100% - 18% - 80px);

                .wc-block-cart-item__wrap {
                    display: grid;
                    grid-template-columns: 70% 30%;
                    row-gap: 4px;
                    height: 100%;
                    place-content: center;
                }

                .wc-block-components-product-name {
                    grid-column: 1/2;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-700);
                    color: var(--base-clr);
                    line-height: var(--lh-120);
                }

                .wc-block-cart-item__prices {
                    grid-column: 1/2;
                    font-size: var(--fs-16);
                    font-weight: var(--fw-600);
                    color: var(--base-clr);
                    line-height: var(--lh-120);
                    order: 3;
                }

                .wc-block-components-product-metadata {
                    grid-column: 1/2;
                    font-size: var(--fs-14);
                    font-weight: var(--fw-400);
                    color: #6A7282;
                    line-height: var(--lh-120);

                    * {
                        font: inherit !important;
                        color: inherit !important;
                    }
                }

                .wc-block-cart-item__quantity {
                    grid-column: 2/-1;
                    display: flex;
                    justify-content: flex-end;
                    place-self: center;
                    width: 100%;

                    .wc-block-cart-item__remove-link {
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        transform: translateY(-50%);
                        z-index: var(--z-medium);
                        opacity: 0.5;
                        transition: opacity .3s;

                        &:hover {
                            opacity: 1;
                        }
                    }
                }
            }

            .wc-block-cart-item__total {
                width: 18%;

                &>div {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    height: 100%;
                    justify-content: center;
                }

                .price {
                    color: var(--base-clr);
                    font-size: var(--fs-16) !important;
                    font-weight: var(--fw-600);
                    line-height: var(--lh-120);
                }
            }
        }

        .wc-block-cart__sidebar {
            display: flex;
            flex-direction: column;
            margin-block-start: 0px;

            .wp-block-woocommerce-cart-order-summary-block {
                padding-inline: 24px;
                border-bottom: none !important;
                margin: 0 !important;
                border-inline: 1px solid #E5E7EB;
                border-radius: 10px 10px 0 0;

                .wp-block-woocommerce-cart-order-summary-totals-block {
                    border-top: none !important;
                }

                .wc-block-components-button__text {
                    color: var(--full-white-clr);
                    text-transform: uppercase;
                    font-size: var(--fs-12);
                    font-weight: var(--fw-500);
                    letter-spacing: 0.6px;
                }

                .wc-block-components-text-input label {
                    font-size: var(--fs-12);
                    line-height: var(--lh-100);
                    color: #364153;
                }

                .wc-block-components-totals-wrapper {
                    border-top: none;
                    border-bottom: 1px solid #F3F4F6;
                    padding-block: 20px;
                }

                .wc-block-components-panel__button,
                .wc-block-components-totals-item,
                .wc-block-components-totals-item * {
                    font-size: var(--fs-14);
                    font-weight: var(--fw-500);
                    line-height: var(--lh-120);
                    color: #364153;
                }

                &>.wc-block-components-totals-wrapper:last-child {

                    .wc-block-components-totals-footer-item {

                        .wc-block-components-totals-item__label {
                            font-size: var(--fs-16);
                            font-weight: var(--fw-700);
                            color: #0A0A0A;
                            line-height: var(--lh-120);
                        }

                        .wc-block-components-totals-item__value,
                        .wc-block-components-totals-item__value * {
                            font-size: var(--fs-20);
                            font-size: var(--lh-110);
                            color: #0A0A0A;
                            font-weight: var(--fw-900);
                        }
                    }
                }
            }

            .wc-block-cart__submit-container {
                padding-inline: 24px;
                border-inline: 1px solid #E5E7EB;
                border-bottom: 1px solid #E5E7EB;
                padding-bottom: 20px;
                border-radius: 0 0 var(--radius-10) var(--radius-10);

                &>a {
                    background-color: #2D2D2D;
                    border-radius: var(--radius-5);
                    color: var(--full-white-clr);
                    width: 100%;
                    padding-block: 16px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    font-size: var(--fs-14);
                    text-transform: uppercase;
                    letter-spacing: 1.4px;
                    line-height: var(--lh-120);
                    font-weight: var(--fw-700);
                    gap: 12px;

                    * {
                        font: inherit !important;
                        color: inherit !important;
                    }

                    &::after {
                        content: '';
                        width: 14px;
                        height: 14px;
                        background-color: var(--full-white-clr);
                        mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91602 7H11.0827" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2.91663L11.0833 6.99996L7 11.0833" stroke="white" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                        display: block;
                        position: relative;
                    }
                }
            }

            .wc-block-cart__totals-title {
                font-size: var(--fs-12);
                font-weight: var(--fw-700);
                letter-spacing: 1.8px;
                text-transform: uppercase;
                color: var(--primary-clr);
                padding: 16px 24px;
                background-color: #F9FAFB;
                border: 1px solid #E5E7EB;
                border-radius: var(--radius-10) var(--radius-10) 0 0;
                width: calc(100% + 48px);
                margin-inline-start: -24px;
                border-inline: none;
            }
        }

        .wc-block-components-quantity-selector {
            border: 1px solid #E5E7EB;
            border-radius: var(--radius-5);


            input.wc-block-components-quantity-selector__input {
                font-size: var(--fs-14);
                font-weight: var(--fw-600);
                color: var(#0A0A0A);
                line-height: var(--lh-120);
            }

            .wc-block-components-quantity-selector__button {
                padding: 10px;
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                font-weight: var(--fw-500);
                color: #4A5565;
                display: flex;
                flex-shrink: 0;
                align-content: center;
                justify-content: center;
            }
        }

        .sc__continue-shopping {
            padding-inline: 0;
        }

        /* .sc__continue-shopping {
            .sc__continue-shopping-link {
                font-size: var(--fs-14);
                line-height: var(--lh-120);
                display: inline-flex;
                color: #6A7282;
                font-weight: var(--fw-500);
                text-decoration: underline;
                cursor: pointer;
                transition: color .3s;
                gap: 5px;
                align-items: center;

                &::before {
                    content: "";
                    width: 16px;
                    height: 22px;
                    display: block;
                    position: relative;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: #6A7282;
                    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M73.4 297.4C60.9 309.9 60.9 330.2 73.4 342.7L233.4 502.7C245.9 515.2 266.2 515.2 278.7 502.7C291.2 490.2 291.2 469.9 278.7 457.4L173.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L173.3 288L278.7 182.6C291.2 170.1 291.2 149.8 278.7 137.3C266.2 124.8 245.9 124.8 233.4 137.3L73.4 297.3z"/></svg>');
                }

                &:hover {
                    color: var(--base-clr);

                    &::before {
                        background-color: var(--base-clr);
                    }
                }
            }
        } */

        /* .sc__cart-command-footer {
            display: flex;
            align-items: center;
            gap: 24px;
            justify-content: center;

            &>span {
                color: #99A1AF;
                font-size: var(--fs-12);
                font-weight: var(--fw-400);
                line-height: var(--lh-120);
                display: inline-flex;
                align-items: center;
                gap: 4px;

                &::before {
                    content: "";
                    width: 12px;
                    height: 12px;
                    display: block;
                    position: relative;
                    background: no-repeat;
                    background-position: center;
                    background-size: contain;
                    background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2.5H2C1.44772 2.5 1 2.94772 1 3.5V8.5C1 9.05228 1.44772 9.5 2 9.5H10C10.5523 9.5 11 9.05228 11 8.5V3.5C11 2.94772 10.5523 2.5 10 2.5Z' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/><path d='M1 5H11' stroke='%2399A1AF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
                }

                &:first-child::before {
                    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.865C5.65202 10.9528 5.82446 10.999 6 10.999C6.17554 10.999 6.34798 10.9528 6.5 10.865L10 8.86501C10.1519 8.77733 10.278 8.65125 10.3658 8.49943C10.4535 8.34761 10.4998 8.17538 10.5 8.00001V4.00001C10.4998 3.82465 10.4535 3.65242 10.3658 3.50059C10.278 3.34877 10.1519 3.22269 10 3.13501L6.5 1.13501C6.34798 1.04724 6.17554 1.00104 6 1.00104C5.82446 1.00104 5.65202 1.04724 5.5 1.13501L2 3.13501C1.84813 3.22269 1.72199 3.34877 1.63423 3.50059C1.54647 3.65242 1.50018 3.82465 1.5 4.00001V8.00001C1.50018 8.17538 1.54647 8.34761 1.63423 8.49943C1.72199 8.65125 1.84813 8.77733 2 8.86501L5.5 10.865Z" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 11V6" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.64453 3.5L5.99953 6L10.3545 3.5" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.75 2.13501L8.25 4.71001" stroke="%2399A1AF" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                }
            }
        } */

    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 65%;
        max-width: 100%;
        padding-inline: 0px !important;
        padding-inline-end: 2% !important;
    }

    .wc-block-cart .wc-block-components-sidebar {
        width: 35%;
        max-width: 100%;
        padding-inline: 0px !important;
        padding-block-start: 40px !important;
    }

    .sc__footer {
        margin-block-start: 120px;

        &::before {
            display: block;
        }

        #footer_haut {
            .sc__footer-inner {
                flex-direction: row;
            }
        }

        #footer_bas {
            & .menu-menut-footer-tout-en-bas-container {
                & ul {
                    flex-direction: row;
                }
            }
        }
    }

    .mega-menu {
        padding-block-start: 15px;
    }

    body {
        #main:has(.sc-ban, .sc-actus) {
            .sc-ban {
                --_archive-prd-bann-img-width: min(736px, 40%);
                --_archive-prd-bann-img-inset-be: clamp(-180px, -10vw, -120px);
                --_archive-prd-padd-be: 0;

                position: relative;

                .sc__page-header__image {
                    position: absolute;
                    inset-inline-end: 0;
                    inset-block-start: auto;
                    width: var(--_archive-prd-bann-img-width);
                    inset-block-end: var(--_archive-prd-bann-img-inset-be);
                }
            }
        }
    }
}

@media screen and (width >=1366px) {

    .sc__s5-home {
        .sc__s5-left {
            .img-wrapper {
                .sc__svg-1 {
                    position: absolute;
                    width: 170px;
                    top: -35px;
                    right: auto;
                    left: 55%;
                    height: 130px;
                }

                .sc__svg-2 {
                    position: absolute;
                    width: 400px;
                    height: 160px;
                    right: auto;
                    transform: rotate(-21deg);
                    left: 30%;
                    bottom: -10px;
                }
            }
        }
    }

    #main>.sc__prd-footer-bandeau:nth-child(2n) {

        .sc__prd-footer-bandeau-inner {
            grid-template-columns: calc(calc(100% - var(--_sc__prd-banner-img-wrapper-width)) - var(--_sc__prd-banner-text-el-gap)) calc(var(--_sc__prd-banner-img-wrapper-width) - calc(var(--_sc__prd-banner-text-el-gap)/2)) !important;

            .sc__img-wrapper {
                order: 2 !important;
            }

            .sc__content-text {
                order: 1 !important;
            }
        }
    }

    #main>.sc__prd-footer-bandeau:nth-child(2n):has(.sc__bandeau-text-first) {

        .sc__prd-footer-bandeau-inner {
            grid-template-columns: calc(var(--_sc__prd-banner-img-wrapper-width) - calc(var(--_sc__prd-banner-text-el-gap)/2)) calc(calc(100% - var(--_sc__prd-banner-img-wrapper-width)) - var(--_sc__prd-banner-text-el-gap)) !important;

            .sc__img-wrapper {
                order: 1 !important;
            }

            .sc__content-text {
                order: 2 !important;
            }
        }
    }
}

@media screen and (width >=1400px) {
    /* .mega-menu {
        padding-block-start: 30px;
    } */

    .sc__s6-home {
        & .sc__s6-wrapper {
            & .sc__s6-text {
                & .title {
                    & .sc__title-svg {
                        position: absolute;
                        width: clamp(450px, 15vw, 450px);
                        left: -45px;
                        top: clamp(-48px, -4vw, -68px);
                        z-index: -1;
                        height: 170px;
                        display: grid;
                        overflow: hidden;
                    }
                }
            }
        }
    }


    .sc__s7-home {
        & .sc__s7-wrapper {
            grid-template-columns: 22% 18% 60%;
        }
    }

    .tax-product_cat {
        --_archive-prd-bann-title-width: min(855px, 60%);
        --_archive-prd-bann-img-width: min(736px, 40%);
        --_archive-prd-bann-img-inset-be: clamp(-30px, -6vw, -70px);
    }

    .asl-store-pg.sc__container-full {
        --_inner-text-content-padd-ie: 72px;
        --_inner-text-content-padd-bl: 58px;

        .sc__asl-details {
            padding: 40px !important;

            &>.sl-row {
                padding-inline-start: calc((var(--_inner-text-content-padd-is) / 2) - 70px);
            }
        }
    }
}


@media screen and (width >=1550px) {
    .sc__s5-home {
        .sc__s5-left {
            .img-wrapper {
                .sc__svg-2 {
                    bottom: -20px;
                    /* animation canceling */
                    bottom: 40px;
                }
            }
        }
    }


    .tax-product_cat {
        --_archive-prd-bann-img-inset-be: clamp(10px, -6vw, -70px);
    }
}