@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&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&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
    font-family: 'zapfino_skydev';
    src: url(fonts/ZapfinoForteLTPro.otf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-family: var(--family-text);
}

:root {
    --color-background: #FFF8F0;          /* Fond général doux et lumineux */
    --color-sec-bg: #FCFBF6;
    --color-surface: #FADDE1;             /* Surface des blocs avec une touche rosée */
    --color-accent: #207237;              /* Rose vif pour les accents visuels */
    --color-text-primary: #4B3F3F;        /* Texte principal brun doux */
    --color-text-secondary: #7A6F66;      /* Texte secondaire un peu estompé */
    --color-title: #2E2E2E;               /* Titres très lisibles, élégants */
    --color-highlight: #FFE36E;           /* Jaune doux pour mettre en avant */
    --color-rose: #CC3334;                /* Rose clair romantique */
    --color-green-soft: #A3D9A5;          /* Vert tendre naturel (feuilles) */
    --color-green-bright: #e7ffe9;        /* Vert clair lumineux (hover, CTA) */
    --color-border: #E6D8CF;  
    --color-white: #ffffff;
    --color-black: #000000;
    --family-title: 'zapfino_skydev';
    --family-text: "Poppins", sans-serif;
    --gray-100: #F9F8F7;
    --gray-200: #F1EFED;
    --gray-300: #E3E0DC;
    --gray-400: #CFCBC6;
    --gray-500: #B3AEA8;
    --gray-600: #8D8780;
    --gray-700: #6B655D;
    --gray-800: #4B4640;
    --gray-900: #2E2B27;
}  

h2 {
    font-size: 4em;
    font-weight: 500;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 99999;
    background-color: var(--color-white);
    padding: 20px 0;
    box-shadow: 0 0 2px var(--color-black);
}

.header .header_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 75%;
}

.header .header_container .logo,
.header .header_container .menu-second {
    width: 175px;
}

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

a {
    text-decoration: none;
    font-weight: 500;
    font-family: var(--family-text);
}

.header .header_container .menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.header .header_container .menu .item a {
    color: var(--color-black);
    transition: .3s;
    padding: 10px;
    position: relative;
}
.header .header_container .menu .item a.active_page {
    color: var(--color-accent);
    position: relative;
}

.header .header_container .menu .item a.active_page::after {
    content: "";
    background-color: var(--color-accent);
    height: 1px;
    width: 16px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.header .header_container .menu .item {
    transition: .3s;
    border-radius: 7px;
    cursor: pointer;
}

.header .header_container .menu .item.drop {
    position: relative;
}

.header .header_container .menu .item.drop .item_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
 
.header .header_container .menu .item.drop .drop-down {
    display: none;
    position: absolute;
    top: 100%;
    background-color: var(--color-white);
    border: 1px solid var(--color-green-soft);
    border-radius: 7px;
    padding: 10px;
    flex-direction: column;
}

.header .header_container .menu .item.drop .drop-down a {
    color: var(--color-black);
    padding: 10px;
    white-space: nowrap;
}

.header .header_container .menu .item.drop .drop-down a:hover {
    background-color: rgb(255,255,255,0.1);
}

.header .header_container .menu .item.drop:hover .drop-down {
    display: flex;
}

.header .header_container .menu .item:hover {
    color: var(--your-bg-hover, #0071E3);
}

.header .header_container .menu .item:hover a,
.header .header_container .menu .item a.active_page {
    color: var(--color-accent);
}

.header .header_container .menu-second {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.header .header_container .menu-second .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}

.header .header_container .menu .item.drop .item_container svg,
.header .header_container .menu-second .icon svg {
    fill: var(--color-black);
    transition: .3s;
}

.header .header_container .menu .item.drop:hover .item_container svg,
.header .header_container .menu-second .icon:hover svg {
    fill: var(--color-accent);
}

.header-phone {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    background-color: var(--color-choice, #fff);
    z-index: 99999;
}

.header-phone .header_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    padding: 10px 0;
}

.header-phone .header_container .logo {
    width: 100px;
}

.header-phone .header_container .menu {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.burger-phone-menu {
    position: fixed;
    z-index: 50000;
    left: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    transition: .3s;
    top: 0;
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}
.burger-phone-menu .menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto;
    height: 70%;
}

.burger-phone-menu .menu-second {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto;
    justify-content: space-between;
    height: 40%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid var(--gray-300);
}

.burger-phone-menu .menu-second button.btn {
    font-size: 14px;
    margin: 1px 5px;
    border-radius: 4px;
}

.burger-phone-menu .menu-second button.btn {
    padding: 12px;   
}

.burger-phone-menu .menu .item,
.burger-phone-menu .menu .item.drop .item_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.burger-phone-menu .menu .item svg,
.burger-phone-menu .menu .item.drop .item_container svg{
    fill: var(--color-black);
    transition: .3s;
}

.burger-phone-menu .menu .item.drop .item_container svg {
    width: 10%;
}

.burger-phone-menu .menu .item.drop .item_container a {
    width: 90%;
}

.burger-phone-menu .menu .item a,
.burger-phone-menu .menu .item.drop .item_container a{
    color: var(--color-black);
}

.burger-phone-menu .menu .item.drop {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.burger-phone-menu .menu .item.drop .drop-down {
    display: none;
    flex-direction: column;
    width: 100%;
}

.burger-phone-menu .menu .item.drop .drop-down a {
    color: grey;
}

.burger-phone-menu a {
    width: 100%;
    font-weight: 600;
    padding: 10px;
}

.burger-phone-menu.active {
    left: 0;
}

.header .header_container .menu-second .lang,
.burger-phone-menu .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    height: 46px;
    margin: 1px 5px;
    gap: 5px;
    border-radius: 4px;
    border: 1px solid rgb(210, 210, 210);
    flex-direction: row;
    cursor: pointer;
    position: relative;
}

.header .header_container .menu-second .lang .flag-img,
.burger-phone-menu .lang .flag-img {
    width: 30px;
    height: 20px;
}

.header .header_container .menu-second .lang .arrow,
.burger-phone-menu .lang .arrow {
    transform: rotate(90deg);

}

.header .header_container .menu-second .lang .arrow svg {
    transition: .3s;
    fill: var(--color-black);
}

.burger-phone-menu .lang .arrow svg,
.header .header_container .menu-second .lang:hover .arrow svg {
    fill: var(--color-accent);
}

.header .header_container .menu-second .lang .menu-lang,
.burger-phone-menu .lang .menu-lang {
    position: absolute;
    cursor: pointer;
    top: 100%;
    border: 1px solid rgb(210, 210, 210);
    display: none;
    flex-direction: column;
    background-color: white;
    right: 0;
    border-radius: 4px;
    overflow: hidden;
}


.burger-phone-menu .lang .menu-lang {
    left: 0;
    right: auto;
}
.burger-phone-menu .lang:hover .menu-lang {
    width: 100%;
}
.header .header_container .menu-second .lang:hover .menu-lang,
.burger-phone-menu .lang:hover .menu-lang {
    display: flex;
}

.header .header_container .menu-second .lang .menu-lang .item-lang,
.burger-phone-menu .lang .menu-lang .item-lang {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}

.header .header_container .menu-second .lang .menu-lang .item-lang:hover,
.burger-phone-menu .lang .menu-lang .item-lnag:hover {
    background-color: var(--gray-25-);
}

.header .header_container .menu-second .lang .menu-lang img,
.burger-phone-menu .lang .menu-lang img {
    width: 30px;
    height: 20px;
    object-fit: cover;
}

.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100svh;
}
.icon_abs {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.icon_abs .icon_svg {
    width: 50px;
    height: 50px;
    background: var(--color-accent);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_abs .icon_svg svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 4;
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
}

.icon_abs .icon_svg::after {
    width: 50px;
    height: 50px;
    z-index: 3;
    background: #20723773;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    animation: scale 1s forwards infinite;
    border-radius: 50%;
}
.glide,
.glide .glide__track,
.glide .glide__slides {
    height: 100%;
}
.glide__slides {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }
  .glide__slide {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
  }
@keyframes scale {
    from {
        scale: 1;
    }

    to {
        scale: 1.35;
    }
}
/* 
.hero::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20dvh;
    background: linear-gradient(180deg, #ffffff00, #fff);
    z-index: 15;
} */

.contact_info {
    padding: 200px 0 100px 0;
}

.contact_info .iframe-map,
.contact_info .iframe-map iframe {
    width: 100%;
}

.contact_info .infos_contact {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}

.contact_info .infos_contact .box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    width: 28%;
    align-items: center;
    box-shadow: 0px 0px 5px var(--gray-300);
    padding: 50px;
    cursor: pointer;
    border-radius: 4px;
    transition: .3s;
}

.contact_info .infos_contact .box svg,
.contact_info .infos_contact .box h3 {
    transition: .3s;
    color: var(--color-black);
}

.contact_info .infos_contact .box:hover svg,
.contact_info .infos_contact .box:hover h3 {
    color: var(--color-white);
    fill: var(--color-white);
}

.contact_info .infos_contact .box:hover {
    background-color: #20723783;
}

.hero .hero_container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 15;
    align-items: center;
    flex-direction: column;
    gap: 25px;
}

.hero .hero_container .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero .hero_container .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
}

.hero .hero_container .title h1 {
    font-size: 54px;
    font-weight: 500;
    line-height: 130%;
}

.hero .hero_container .description {
    width: 65%;
    text-align: center;
    overflow: hidden;
}

.hero .hero_container .description p {
    font-size: 16px;
    color: #333;
}

.hero .hero_container .left .bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 35px;
    align-items: center;
}

.hero .hero_container .left .bottom .right_A{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.background_img {
    background-color: #F7EDE3;
    overflow: hidden;
    border-radius: 10px;
    width: 330px;
    height: 330px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    padding: 30px;
}

.background_img img{
    object-fit: cover;
    object-position: top;
}

.btn {
    padding: 20px;
    background-color: var(--color-accent);
    white-space: nowrap;
    cursor: pointer;
    border: none;
    outline: none;
    font-weight: 500;
    color: var(--color-white);
}

.btn .wrapper-btn {
    position: relative;
    overflow: hidden;
}

.btn .wrapper-btn .first {
    position: relative;
    transition: .3s;
}

.btn:hover .wrapper-btn .first {
    transform: translateY(-30px);
}

.btn .wrapper-btn .sec {
    position: absolute;
    top: 30px;
    transform: translate(-50%,-50%);
    left: 50%;
    transition: .3s;
    width: 100%;
}

.btn:hover .wrapper-btn .sec {
    top: 50%;
}


    
.hero .hero_container {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 15;
    align-items: center;
    flex-direction: row;
    gap: 25px;
    width: 100%;
    height: 100%;
}

.hero .hero_container .left {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 15;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    gap: 35px;
    padding-left: 100px;
    width: 50%;
}

.container {
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
}
.hero .hero_container .right {
    background: url('https://www.mapa-assurances.fr/var/ayaline/storage/images/media/images/btm-fleuriste/159123-1-fre-FR/btm-fleuriste.jpg');
    width: 50%;
    height: 100%;
    /* background-attachment: fixed; */
    background-size: cover;
    position: relative;
    background-position: center;
    background-position-y: 110px;
}

.hero .hero_container .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 150px;
    align-items: center;
    text-align: left;
}

.hero .hero_container .description {
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.bouquets_populaire {
    background-color: var(--color-sec-bg);
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box {
    align-items: stretch;
    width: 100%;
    justify-content: center;
}

.hero .hero_container .left .bottom .left_A .background_img::after,
.hero .hero_container .right::after {
    position: absolute;
    z-index: 50;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F7EDE3;
    animation: showImage .7s ease-out forwards;
    animation-delay: .6s;
}

.hero .hero_container .right::after {
    animation: showImageR .7s ease-out forwards;
    animation-delay: .55s;
}


@keyframes showImage {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}

@keyframes showImageR {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box {
    width: calc(25% - 30px);
    margin: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: var(--color-white);
    padding: 20px;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .image {
    height: 300px;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .image img {
    object-fit: cover;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .content .infos {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .content .infos h3 {
    width: 75%;
    font-size: 16px;
    font-weight: 500;
}

.bouquets_populaire .bouquets_populaire_container .wrapper_box .box .content .infos p {
    width: 25%;
    text-align: right;
}

.btn.sec {
    padding: 7px 25px;
}

.why_us .why_us_container .wrapper_box {
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.why_us .why_us_container .wrapper_box .box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    text-align: center;
    width: calc(33.333% - 50px);
    margin: 15px;
    box-shadow: 3px 3px 20px #80808027;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: .3s;
}

.why_us .why_us_container .wrapper_box .box::before {
    position: absolute;
    content: "";
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    background-color: #2072373d;
}

.why_us .why_us_container .wrapper_box .box:hover::before {
    opacity: 1;
}

.why_us .why_us_container .wrapper_box .box .title h3 {
    transition: .3s;
    font-weight: 500;
    font-size: 16.5px;
}

.why_us .why_us_container .wrapper_box .box .icon {
    width: 60px;
    height: 60px;
    background-color: #2072373d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.why_us .why_us_container .wrapper_box .box .icon svg {
    font-size: 18px;
    background-color: var(--color-accent);
    width: 40px;
    fill: var(--color-white);
    height: 40px;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: .3s;
}

.why_us .why_us_container .wrapper_box .box .description p {
    color: var(--gray-700);
    font-size: 14px;
}

.newsletter {
    background-color: var(--color-sec-bg);
}

.newsletter .newsletter_container {
    gap: 20px;
}

.newsletter .newsletter_container .title h2 {
    font-size: 2em;
    color: var(--color-black);
}

.newsletter .newsletter_container .description p {
    font-size: 1.1em;
    color: var(--gray-700);
}

.newsletter .newsletter_container .input {
    gap: 7px;
    width: 30%;
}

.newsletter .newsletter_container .input .inf {
    color: var(--gray-700);
    font-weight: 300;

}

.newsletter .newsletter_container .input .inf a {
    color: var(--gray-700);
    text-decoration: underline;
    font-size: 13px;
}

.newsletter .newsletter_container .input .inf p {
    font-size: 13px;
}

.newsletter .newsletter_container .input .val {
    gap: 10px;
    width: 100%;
}

.newsletter .newsletter_container .input .val input {
    width: 75%;
}

.newsletter .newsletter_container .input .val button {
    width: 25%;
}

.row_content__skydev {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-green-bright);
    padding: 50px 0;
}

.row_content__skydev.reversed .row_container__skydev {
    flex-direction: row-reverse;
}

.row_content__skydev .row_container__skydev {
    display: flex;
    flex-direction: row;
    width: 85%;
    gap: 50px;
    justify-content: center;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    align-items: stretch;
}

.row_content__skydev .row_container__skydev .left__skydev {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.row_content__skydev .row_container__skydev .left__skydev .icon__skydev {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row_content__skydev .row_container__skydev .left__skydev .icon__skydev svg {
    fill: #333;
    width: 33px;
    height: 33px;
}

.row_content__skydev .row_container__skydev .left__skydev .title__skydev h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 140%;
}

.row_content__skydev .row_container__skydev .right__skydev {
    width: 45%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.row_content__skydev .row_container__skydev .right__skydev .image__skydev {
    width: 100%;
    max-height: 500px;
    position: sticky;
    top: calc(50% - 250px);
}

.row_content__skydev .row_container__skydev .right__skydev .image__skydev img{
    object-fit: contain;
}

.row_content__skydev .row_container__skydev .left__skydev .description__skydev p {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}
.hero_conseils .hero_conseils_container .right .image {
    width: 50%;
}
.row_content__skydev .row_container__skydev .left__skydev .points {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.row_content__skydev .row_container__skydev .left__skydev .points .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}

.row_content__skydev .row_container__skydev .left__skydev .points .content h3 {
    font-size: 18px;
    font-weight: 400;
}

.row_content__skydev .row_container__skydev .left__skydev .points .content p {
    color: #333;
    font-weight: 300;
    font-size: 16px;
}

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

.row_content_second__skydev {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
}

.row_content_second__skydev .row_container_second__skydev {
    display: flex;
    flex-direction: row-reverse;
    width: 85%;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.row_content_second__skydev .row_container_second__skydev .left__skydev {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.row_content_second__skydev .row_container_second__skydev .left__skydev .icon__skydev {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color:#2072374b;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row_content_second__skydev .row_container_second__skydev .left__skydev .icon__skydev svg {
    fill: var(--color-accent);
}

.row_content_second__skydev .row_container_second__skydev .left__skydev .title__skydev h2 {
    font-size: 2.25em;
    font-weight: 600;
}

.row_content_second__skydev .row_container_second__skydev .right__skydev {
    width: 45%;
    background-color:#F5F5F5;
    padding: 30px;
    border-radius: 10px;
}

.row_content_second__skydev .row_container_second__skydev .left__skydev .description__skydev p {
    color: #6b6b6b;
}

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

.footer__skydev {
    padding: 25px;
}

.footer__skydev .footer_container__skydev {
    display: flex;
    flex-direction: column;
    gap: var(--your-gap-menu, 35px);
    justify-content: center;
    align-items: center;
}

.footer__skydev .footer_container__skydev .top__skydev .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__skydev .footer_container__skydev .top__skydev {
    display: flex;
    flex-direction: row;
    gap: var(--your-gap-menu, 15px);
    justify-content: space-between;
    align-items: stretch;
    width: 90%;
}

.footer__skydev .footer_container__skydev .top__skydev .infos__skydev {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__skydev .footer_container__skydev .top__skydev .infos__skydev .row__skydev {
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.footer__skydev .footer_container__skydev .top__skydev .infos__skydev a {
    color: var(--color-black);
    text-decoration: underline;
}

.footer__skydev .footer_container__skydev .top__skydev .logo__skydev img {
    width: 150px;
    height: 70px;
    display: block;
}

.footer__skydev .footer_container__skydev .top__skydev .logo__skydev {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.footer__skydev .footer_container__skydev .top__skydev .logo__skydev h2 {
    font-size: var(--your-size, 20px);
    font-weight: var(--your-weight-href, 600);
}

.footer__skydev .footer_container__skydev .top__skydev  .right__skydev {
    display: flex;
    flex-direction: row;
    width: 35%;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__skydev .footer_container__skydev .top__skydev .nav__skydev {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__skydev .footer_container__skydev .top__skydev .nav__skydev a {
    color: grey;
}

.footer__skydev .footer_container__skydev .top__skydev .nav__skydev h2 {
    font-size: 1.1em;
}

.footer__skydev .footer_container__skydev .bottom__skydev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 25px;
    border-top: 1px solid rgb(220, 220, 220);
}

.footer__skydev .footer_container__skydev .bottom__skydev p,
.footer__skydev .footer_container__skydev .bottom__skydev a {
    color: var(--your-color-href, grey);
    font-size: var(--your-size, 14px);
}

@media all and (max-width: 1340px){
    .footer__skydev .footer_container__skydev .top__skydev .right__skydev {
        width: 70%;
    }
}

@media all and (max-width: 800px){
    .footer__skydev .footer_container__skydev .top__skydev .right__skydev {
        width: 100%;
    }

    .footer__skydev .footer_container__skydev .top__skydev {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .footer__skydev .footer_container__skydev .top__skydev .left {
        justify-content: center;
        gap: 25px;
        align-items: center;
    }

    .footer__skydev .footer_container__skydev .top__skydev .infos__skydev {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .footer__skydev .footer_container__skydev .top__skydev .infos__skydev .row__skydev {
        margin: 5px 10px;
        justify-content: center;
        align-items: center;
    }

    .footer__skydev .footer_container__skydev .top__skydev .right__skydev {
        justify-content: center;
        align-items: center;
    }

    .footer__skydev .footer_container__skydev .top__skydev .nav__skydev {
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}


@media all and (max-width: 800px){
    .footer__skydev .footer_container__skydev .top__skydev .right__skydev {
        flex-direction: column;
        gap: 30px;
    }

    .footer__skydev .footer_container__skydev .bottom__skydev p {
        text-align: center;
    }
}

.social-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin: 0 5px;
}

.social-icon.insta {
    background-image: url('images/gallery/Instagram_icon.webp');
}

.social-icon.facebook {
    background-image: url('images/gallery/fb.webp');
}

.social-icon.pinterest {
    background-image: url('images/gallery/pn.webp');
}

.social-icon.youtube {
    background-image: url('images/gallery/yt.webp');
}



.principal-page-services {
    background: url('images/backgrounds/sec-bg.webp');
    padding: 280px 0 0  0;
    height: 80svh;
    background-size: cover;
}

.principal-page-services .content .title p {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
}

.principal-page-services .content .title h1 {
    font-size: 120px;
    font-family: var(--family-title);
}

.shop-products .shop-products-container {
    display: flex;
    flex-direction: column;
    gap: 100px;
    padding-top: 120px;
}

.shop-products .shop-products-container .title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-products .shop-products-container .title .img-container {
    width: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-products .shop-products-container .shop-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.shop-products .shop-products-container .shop-wrapper .box {
    width: calc(25% - 30px);
    margin: 15px;
    background-color: #fff;
    border: 2px solid grey;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    transition: .3s;
    cursor: pointer;
    overflow: hidden;
}

.shop-products .shop-products-container .shop-wrapper .box:hover {
    transform: scale(1.02) rotate(1.5deg);
    background-color: #032815;
    color: white;
}

.shop-products .shop-products-container .shop-wrapper .box .image-container {
    height: 300px;
}

.shop-products .shop-products-container .shop-wrapper .box .image-container img {
    object-fit: cover;
}

.shop-products .shop-products-container .shop-wrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.shop-products .shop-products-container .shop-wrapper .content p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    transition: .3s;
}

.shop-products .shop-products-container .shop-wrapper .box:hover p {
    color: var(--color-white);
}

.principal-page-about {
    padding: 250px 0 0 0;
}

.principal-page-about .content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.principal-page-about .content-wrapper .images {
    width: 25%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-end;
    align-items: center;
}

.principal-page-about .content-wrapper .images img {
    border-radius: 20px;
}

.principal-page-about .content-wrapper .images img.first {
    transform: translateY(50px);
}

.principal-page-about .content-wrapper .images img.second {
    transform: translateY(-50px);
}

.principal-page-about .content-wrapper .title {
    width: 40%;
}

.principal-page-about .content-wrapper .title h1 {
    font-size: 53px;
}

.about-us .about-su-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
}

.about-us .about-su-container .box-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.about-us .about-su-container .box-number h1 {
    font-size: 45px;
}

.about-us .about-su-container .box-number p {
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
}

.mission .mission-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mission .mission-container .left, .mission .mission-container .right {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mission .mission-container .right {
    align-items: flex-start;
    gap: 25px;
}

.mission .mission-container .left .img {
    width: 95%;
    border-radius: 15px;
    overflow: hidden;
}

.mission .mission-container .right .additional-info {
    display: flex;
    flex-direction: row;
    gap: 35px;
}

.mission .mission-container .right .additional-info .info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 25px;
}

.mission .mission-container .right .additional-info .info p, .mission .mission-container .right .additional-info .info i {
    font-size: 12px;
}

.team .team-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
}

.team .team-container .team-box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.team .team-container .team-box-container .box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(128, 128, 128, 0.2);
    border-radius: 10px;
    margin: 20px;
    width: 18%;
}

.team .team-container .team-box-container .box .img {
    width: 245px;
    height: 245px;
}

.team .team-container .team-box-container .name {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.team .team-container .team-box-container .name h1 {
    font-size: 19px;
}

.team .team-container .team-box-container .name p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.principal-page-galery {
    position: relative;
    background-color: #F6F6F6;
    height: 65vh;
    width: 100%;
}

.principal-page-galery .content-principal {
    padding: 250px 0 150px 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    left: 0;
}

.principal-page-galery .content-principal .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.principal-page-galery .content-principal .content-wrapper .title h1 {
    font-size: 52px;
}

.principal-page-galery .content-principal .content-wrapper .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    text-align: center;
    width: 70%;
}

.principal-page-galery .content-principal .content-wrapper .title p {
    color: grey;
}

.main-galery .main-galery-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    height: 100vh;
    top: 0;
    background-color: #fff;
    z-index: 11;
    overflow: hidden;
}

.main-galery {
    height: 500vh;
    background-color: #fff;
    position: relative;
    padding: 0;
    margin-bottom: 100px;
}

.main-galery .main-galery-container .galery-title-op {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    text-align: center;
}

.main-galery .main-galery-container .galery-title-op h1 {
    font-size: 45px;
    position: relative;
    z-index: 6;
}

.galery-title-img-left, .galery-title-img-right {
    position: absolute;
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.galery-title-img-left .img, .galery-title-img-right .img {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.galery-title-img-left {
    left: 7%;
    top: 100%;
}

.galery-title-img-right {
    right: 7%;
    bottom: 100%;
}

.galery--2 .galery--container--2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);  
    width: 100%;
}

.galery--2 .galery--container--2 img {
    object-fit: cover;
    border: 10px solid #fff;
}

.contact-main {
    padding: 150px 0 0 0;
}

.contact-main .contact-main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
    padding: 0 0 100px 0;
}

.contact-main .contact-main-container .title h1 {
    font-size: 42px;
}

.contact-main .contact-main-container .contact-form {
    display: flex;
    flex-direction: row;
    max-width: 1100px;
    margin-right: auto;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
}

.contact-main .contact-main-container .contact-form .image {
    width: 40%;
    overflow: hidden;
    border-radius: 15px;
}

.contact-main .contact-main-container .contact-form .form {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-main .contact-main-container .contact-form .form .input {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-main .contact-main-container .contact-form .form .input p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.contact-main .contact-main-container .contact-form .form .input input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid grey;
    padding: 10px;
}

.contact-main .contact-main-container .contact-form .form .input textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid grey;
    padding: 10px;
    resize: none;
    height: 250px;
}

.shop-products .shop-products-container .fitlers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.shop-products .shop-products-container .fitlers .search-input {
    padding: 0;
    width: 22.5%;
    border: 1px solid grey;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.shop-products .shop-products-container .fitlers .search-input input {
    width: 95%;
    padding: 8px;
    outline: none;
    font-size: 14px;
    background: none;
    border: none;
}

.shop-products .shop-products-container .fitlers .search-input .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.shop-products .shop-products-container .fitlers .search-filters {
    padding: 0;
    width: 22.5%;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.shop-products .shop-products-container .fitlers .search-filters select {
    width: 100%;
    padding: 8px;
    outline: none;
    font-size: 14px;
    background: none;
    border: none;
}

.product .product-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}


.product .product-container .left {
    width: 42%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.manufacturer-description {
    all: revert; /* réinitialise les styles si besoin */
}

.manufacturer-description.phone {
    display: none;
}

.product .product-container .left .image img {
    object-fit: cover;
    object-position: center;
    box-shadow: 3px 3px 7px #808080;
    border-radius: 4px;
}

.product .product-container .left .thumbnails .thumbnail {
    width: calc(33.3333% - 20px);
    height: 170px;
    object-fit: cover;
    box-shadow: 3px 3px 7px #808080;
    border-radius: 4px;
}

.product .product-container .left .thumbnails .thumbnail img {
    object-fit: cover;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.fullscreen.edited {
    z-index: 50000;
}

.fullscreen.edited img {
    z-index: 50000;
    width: 1260px;
    height: 700px;

}

.fullscreen img {
    border-radius: 10px;
    width: 45%;
    height: 70%;
    object-fit: cover;
}

.fullscreen.visible {
    visibility: visible;
    opacity: 1;
}
.product .product-container .left .thumbnails {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    cursor: pointer;
}


.product .product-container .right {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: sticky;
    top: 150px;
    gap: 25px;
    align-items: flex-start;
}

.product .product-container .right .title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product .product-container .right .title h1 {
    font-size: 2.3rem;
    font-weight: 500;
}

.product .product-container .right .title p {
    color: grey;
}

.product .product-container .right .buttons {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.product .product-container .right .buttons p:not(.ee) {
    font-size: 1.5em;
    color: var(--color-accent);
    font-weight: 600;
}

.btn-back {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid rgba(128, 128, 128, 0.3);
    font-weight: 600;
    gap: 5px;
    padding: 20px;
    max-height: 61px;
}

.btn-back p {
    color: var(--color-black);
}

.pagination {
    margin-top: 20px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pagination a, .pagination strong {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px;
    border-radius: 5px;
    text-decoration: none;
    background-color: #eee;
    color: #333;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination strong {
    background-color: #007bff;
    color: white;
}


.pagination {
    text-align: center;
    margin: 30px 0;
}

.pagination a {
    display: inline-block;
    padding: 8px 14px;
    margin: 4px;
    background-color: #f4f4f4;
    border-radius: 5px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination a.active {
    background-color: #80C77F;
    color: white;
    font-weight: bold;
}


.form_section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_section .content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.form_section .content .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    text-align: center;
}

.form_section .content .top .icon {
    width: 45px;
    height: 45px;
    border-radius: 7px;
    border: var(--default-border);
    display: flex;
    justify-content: center;
    align-items: center;
}


.form_section .content .top .title h1 {
    color: var(--gray-900);
    font-size: 2.3rem;
}

.form_section .content .top .description p {
    color: var(--gray-600);
    font-size: 1.1rem;
}

.form_section .content .top .switcher {
    display: flex;
    flex-direction: row;
    border: var(--default-border);
    border-radius: 7px;
    background-color: var(--gray-100);
    cursor: pointer;
}

.form_section .content .top .switcher .item {
    padding: 7px 35px;
    color: var(--gray-600);
    font-weight: 600;
    width: 50%;
    text-align: center;
}

.form_section .content .top .switcher .item.on {
    background-color: white;
    border: 1px solid var(--gray-300);
    border-radius: 7px;
    color: var(--gray-800);
}

.form_section .content .middle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.form_section .content .middle .input {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
    width: 100%;
}

.form_section .content .middle .input input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--gray-300);
    border-radius: 7px;
    font-size: 1.1rem;
    outline: none;
}

.form_section .content .middle .input  p {
    font-weight: 500;
}

.form_section .content .bottom button {
    width: 100%;
    padding: 10px ;
}

.form_section .content .bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.form_section .content .bottom a {
    font-size: .9rem;
    font-weight: 500;
    color: var(--color-accent);
}

.form_section .content .middle .input input.empty {
    border: 1px solid red;
}

.login-error-msg {
    color: red;
    font-weight: 600;
}

.account .account_container{
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.account .account_container h1 {
    font-size: 1.5em;
}

.account .navigation {
    display: flex;
    justify-content: flex-start;
}

.timeline-stats {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--gray-100);
    border: 1px solid var(--gray-200);
    cursor: pointer;
    border-radius: 7px;
}

.timeline-stats .item-time {
    padding: 8px 25px;
    border: 1px solid #ffffff00;
    border-radius: 7px;
    transition: .3s;
}

.timeline-stats .item-time p {
    font-size: .9rem;
    color: var(--gray-600);
    font-weight: 600;
}

.timeline-stats .item-time.active, 
.timeline-stats .item-time:hover {
    border: 1px solid var(--gray-300);
    background-color: var(--color-white);
}

.timeline-stats .item-time.active p {
    color: var(--gray-800);
}

.timeline-stats .input {
    background-color: var(--white-default);
    border: 1px solid var(--gray-100);
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 7px;
}

.timeline-stats .input input {
    padding: 7px;
    background: none;
    border: none;
    outline: none;
    font-size: .9rem;
}

.timeline-stats .input i{
    color: var(--gray-500);
}

.account .account_container .row_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.account .account_container .row_container .row-info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid var(--gray-300);
}
.account .account_container .row_container .row-info:last-child {
    border-bottom: 1px solid var(--gray-300);
}

.account .account_container .row_container .row-info .left {
    width: 40%;
}
.account .account_container .row_container .row-info .right {
    width: 60%;
}

.account .account_container .row_container .row-info .right input,
.account .account_container .row_container .row-info .right select {
    width: 100%;
}


.account .account_container .personnal_info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.account .account_container .personnal_info .right {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    position: fixed;
    right: 12.5%;
    align-items: center;
}

.account .account_container .personnal_info .left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account .account_container .personnal_info .left h2 {
    font-size: 1.3em;
}

.account .account_container .personnal_info .left p {
    color: grey;
}

.account .account_container .row_container .row-info .left p {
    font-weight: 600;
}

.valid__skydev.saved {
    opacity: 1;
    visibility: visible;
    left: 50%;
}

.valid__skydev {
    background-color: #008000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    align-items: center;
    padding: 15px 20px;
    position: fixed;
    bottom: 0%;
    left: 45%;
    transform: translate(-50%,-50%);
    border-radius: 50px;
    color: white;
    opacity: 0;
    visibility: hidden;
    font-weight: 600;
    z-index: 999;
    transition: .3s;
}

.valid__skydev .icon__skydev {
    background-color: white;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
} 

.file_get {
    padding: 50px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--gray-300);
    border-radius: 10px;
}

.file_get.dragover {
    border: 1px solid var(--color-accent);
}

.content {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.content .a_a,
.content p {
    font-size: .9rem;
}

.content .a_a {
    color: var(--color-accent);
    cursor: pointer;
    font-weight: 600;
}

.content p {
    color: var(--gray-700);
}

.details p {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    color: var(--color-black);
    align-items: center;
}

.account .account_container .row_container .row-info .right.edited {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
    align-items: flex-start;
}

.account .account_container .row_container .row-info .right.edited .result {
    width: 20%;
}

.account .account_container .row_container .row-info .right.edited .result img {
    object-fit: cover;
    object-position: center center;
    width: 95px;
    height: 95px;
    border-radius: 100%;
}

.account .account_container .row_container .row-info .right.edited .input_pic {
    width: 80%;
}

.cart .cart_container {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
}

.cart .cart_container .left {
    width: 67%;
}

.cart .cart_container .right {
    width: 27%;
    position: sticky;
    top: 150px;
    display: flex;
    flex-direction: column;
    background-color: var(--gray-200);
    padding: 15px;
}

.cart .cart_container .right .top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-400);
}

.cart .cart_container .right .bot {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart .cart_container .right .bot .btn {
    padding: 12px;
}

.cart .cart_container .right .bot p {
    font-weight: 600;
}

.cart .cart_container .right .bot p span {
    font-size: .9em;
}

.cart .cart_container .right .bot p span,
.cart .cart_container .right .bot p:last-child {
    font-weight: 400;
}

.cart .cart_container .right .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cart .cart_container .title h1 {
    font-size: 1.5em;
}

.cart .cart_container .left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cart .cart_container .left .items_cart {
    display: flex;
    flex-direction: column;
}

.cart .cart_container .left .items_cart .item {
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--gray-400);
    height: 180px;
}

.cart .cart_container .left .items_cart .item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.cart .cart_container .left .items_cart .item .image {
    width: 15%;
}

.cart .cart_container .left .items_cart .item .infos {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0;
    align-items: flex-start;
}

.cart .cart_container .left .items_cart .item .options {
    width: 25%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-end;
    align-items: flex-start;
}

.cart .cart_container .left .items_cart .item .image img {
    object-fit: cover;
}

.cart .cart_container .left .items_cart .item .infos h2 {
    font-size: 1.3em;
}

.cart .cart_container .left .items_cart .item .infos p {
    color: grey;
}

.cart .cart_container .left .items_cart .item .options .delete {
    cursor: pointer;
}
.counter {
    display: flex;
    align-items: center;
    gap: 3px;
  }
  
  .qty-btn {
    background-color: #eee;
    border: none;
    padding: 8px 12px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.2s;
    max-width: 40px;
    width: 40px;
    max-height: 40px;
    height: 40px;
  }
  
  .qty-btn:hover {
    background-color: #ccc;
  }
  
  .qty-input {
    max-width: 40px;
    width: 40px;
    max-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
  
.product {
    padding: 200px 0 100px 0;
}
.shop-products .shop-products-container .fitlers h1 {
    font-size: 4em;
    line-height: 0.5;
    text-align: center;
}
.shop-products .shop-products-container .fitlers.other {
    justify-content: center;
}

.search_container {
    background: url(images/gallery/bg_.webp);
    padding: 80px;
    display: flex;
    background-size: cover;
    justify-content: center;
    align-items: center;
}
.hero_search .title {
    font-family: 'Georgia', serif;
    color: #3a2f2f;
  }
  
  .hero_search .title h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #7a4e2e;
  }
  
  .hero_search .title p {
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 1rem;
  }
  
  .attention-hero {
    background-color: #fff4e5;
    border-left: 4px solid #ffae42;
    padding: 1rem 1.2rem;
    margin-top: 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    line-height: 1.6;
    color: #5a3e1b;
    box-shadow: 0 2px 6px rgba(255, 174, 66, 0.2);
  }
  
.search_container h1 {
    color: var(--color-black);
    font-size: 2em;
}

.hero-padding {
    padding-top: 200px;
    padding-bottom: 100px;
}

.search_container .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.search_container .content .search_input {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 7px;
    border: 1px solid var(--gray-300);
    border-radius: 4px;
    background-color: var(--color-white);
    padding-left: 4px;
    width: 35%;
}

.search_container .content .search_input input {
    padding: 7px;
    background: none;
    outline: none;
    width: 100%;
    border: none;
}

.search_container .content .search_filters {
    width: 35%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.search_container .content .search_filters .filter {
    width: calc(50% - 14px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: flex-start;
}

.search_container .content .search_filters .filter p {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 600;
}

.search_container .content .search_filters .filter select {
    width: 100%;
    padding: 8px;
    border: 1px solid var(--gray-300);
    cursor: pointer;
    border-radius: 4px;
}

.search_container .content button {
    padding: 8px;
    border-radius: 4px;
    border: none;
    color: var(--color-white);
    background-color: var(--color-accent);
    cursor: pointer;
    width: calc(50% - 14px);
}

.search_container .content .btns_ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 35%;
}
.box_fil {padding-top: 200px ;padding-bottom: 100px ;}
.box_fil .box_fil_cont {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: stretch;
    justify-content: center;
}

.box_fil .box_fil_cont .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.box_fil .box_fil_cont .top h2 {
    font-size: 1.5em;
}


.box_fil .box_fil_cont .top .search_bar,
.search-filters.search_bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    width: 30%;
    padding: 4px 7px;
    border-radius: 4px;
}


.box_fil .box_fil_cont .top .search_bar button,
.search-filters.search_bar button{
    cursor: pointer;
    animation: fadeOut 1s infinite alternate linear;
    padding: 8px;
}

.box_fil .box_fil_cont .top .search_bar button:hover,
.search-filters.search_bar button:hover{
    animation-play-state: paused;
}

@keyframes fadeOut {
    from {
        scale: 1;
        border-radius: 0px;
    }

    to {
        scale: 1.2;
        border-radius: 10px;
    }
}

.box_fil .box_fil_cont .boxes {
    height: 485px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.box_fil .box_fil_cont .boxes .left {
    width: calc(70% - 10px);
    height: 100%;
    position: relative;
}
.box_glide_cont .arrows {
    padding-top: 40%;
}
.arrows {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    align-items: center;
    z-index: 50;
    justify-content: space-between;
    padding: 0 20px;
}

.newsletter-container {
    background-color: var(--color-accent);
    text-align: center;
    padding: 40px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .newsletter-container h2 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    color: #fff;
  }

  .newsletter-container p {
    color: #dbdbdb;
    font-size: 0.95rem;
    margin-bottom: 25px;
  }

  .newsletter-form {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
  }
  .newsletter-container .error {
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    align-items: center;
    background-color: red;
    border-radius: 4px;
    color: white;
    padding: 7px;
}
.newsletter-container .valide {
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    align-items: center;
    background-color: green;
    border-radius: 4px;
    color: white;
    padding: 7px;
}
  .newsletter-form input[type="email"] {
    padding: 10px 15px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 250px;
    outline: none;
  }

  .newsletter-form button {
    color: var(--color-accent);
    background-color: #fff;
    padding: 10px 18px;
    font-size: 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .newsletter-form button:hover {
    background-color: #bfcfc4;
  }

  .privacy-note {
    margin-top: 15px;
    font-size: 0.8rem;
    color: #c7c7c7;
  }

  .privacy-note a {
    color: #fff;
    text-decoration: underline;
}

.arrows div {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--color-accent);
    display: flex;
    pointer-events: all;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrows div svg{
    fill: white;
}
.glide__slide {
    width: 100%;
    flex-shrink: 0;
}

.box_fil .box_fil_cont .boxes .right{
    width: calc(30% - 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.box_fil .box_fil_cont .boxes .left .box,
.box_fil .box_fil_cont .boxes .left .box .image,
.box_fil .box_fil_cont .boxes .right .box .image {
    height: 100%;

}

.box_fil .box_fil_cont .boxes .left .box .image img,
.box_fil .box_fil_cont .boxes .right .box .image img {
    object-fit: cover;
    overflow: hidden;
}
.box_fil .box_fil_cont .boxes .left .box  {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.box_fil .box_fil_cont .boxes .right .box {
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.box_fil .box_fil_cont .boxes .right .box .content,
.box_fil .box_fil_cont .boxes .left .box .content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
}

.box_fil .box_fil_cont .boxes .left .box .content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.box_fil .box_fil_cont .boxes .right .box .content {
    padding: 17.5px;

}

.box_fil .box_fil_cont .boxes .right .box_glide_cont {
    height: calc(50% - 10px);
    position: relative;
}

.box_fil .box_fil_cont .boxes .left .box .content .top_rose {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.box_fil .box_fil_cont .boxes .vignette {
    background: white;
    padding: 7px 12px;
    z-index: 10;
    top: -36px;
    border-radius: 0px;
    position: absolute;
    border: 1px solid grey;
    border-bottom: none;
}

.box_fil .box_fil_cont .boxes .vignette.first {
    top: -36px;
}

.box_fil .box_fil_cont .boxes .vignette.second {
    top: auto;
    bottom: -36px;
    border: 1px solid grey;
    border-top: none;
}

.box_fil .box_fil_cont .boxes .left .box .content .top_rose h3 {
    font-size: 40px;
    font-weight: 300;
    background: var(--color-accent);
    color: white;
    padding: 7px;
}

.box_fil .box_fil_cont .boxes .right .box .content .top_rose {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.box_fil .box_fil_cont .boxes .right .box .content .top_rose p {
    background: white;
    padding: 7px 12px;
    border-radius: 17px
}
.box_fil .box_fil_cont .boxes .right .box .content .top_rose h3 {
    font-size: 18px;
    font-weight: 300;
    background: var(--color-accent);
    color: white;
    padding: 7px;
}

.box_fil .box_fil_cont .boxes .left .box .content .top_rose .details {
    backdrop-filter: blur(8px);
    padding: 15px;
    border-radius: 92px;
    overflow: hidden;
    color: black;
    background-color: #ffffffa1;
}
  
.box_fil .box_fil_cont .top .search_bar input {
    padding: 8px;
    border: none;
    width: 75%;
    outline: none;
}

.box_fil .box_fil_cont .top .search_bar button {
    padding: 8px;
    border: none;
    width: 25%;
    font-size: 13px;
    background-color: var(--color-accent);
    color: var(--color-white);
    outline: none;
}

.motivate-contact {
    padding: 100px 0;
}

.motivate-contact .motivate-contact-container {
    background: url('images/gallery/ChatGPT Image 15 avr. 2025, 11_28_44.png');
    height: 355px;
    border-radius: 17px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px;
}

.motivate-contact .motivate-contact-container h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
}

.motivate-contact .motivate-contact-container p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
}

.motivate-contact .motivate-contact-container .top_ {
    display: flex;
    flex-direction: column;
    width: 47.5%;
    gap: 15px;
}

.motivate-contact .motivate-contact-container button p {
    font-size: 12px;
}

.motivate-contact .motivate-contact-container button {
    backdrop-filter: blur(8px);
    background: none;
    padding: 12px 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    cursor: pointer;
    align-items: center;
    gap: 7px;
    transition: .3s;
}

.motivate-contact .motivate-contact-container button svg {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    display: flex;
}

.motivate-contact .motivate-contact-container button:hover {

    background-color: rgba(255, 255, 255, .15);

}

.products_catalogue .products_catalogue_container {
    display: flex;
    flex-direction: column;
    gap: 55px;
    justify-content: center;
    align-items: center;
}

.products_catalogue .products_catalogue_container .box_news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.products_catalogue .products_catalogue_container .box_news .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 31%;
    gap: 12px;
    align-items: center;
    cursor: pointer;
}

.products_catalogue .products_catalogue_container .box_news .box .image {
    height: 340px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.products_catalogue .products_catalogue_container .box_news .box .image img {
    object-fit: cover;
    transition: .3s;
}
.products_catalogue .products_catalogue_container .box_news .box:hover .image img {
    scale: 1.06;
}

.products_catalogue .products_catalogue_container .box_news .box:hover .text h3 {
    color: var(--color-accent);
}

.products_catalogue .products_catalogue_container h2 {
    font-size: 44px;
    font-weight: 300;
    line-height: 140%;
}

.products_catalogue .products_catalogue_container .box_news .box .text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.products_catalogue .products_catalogue_container .box_news .box .text h3 {
    font-size: 18px;
    font-weight: 400;
    transition: .3s;
    line-height: 150%;
}

.products_catalogue .products_catalogue_container .box_news .box .text p {
    font-size: 12px;
    font-weight: 600;
}

.faq .faq-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 75px;
}
.faq .faq-container .title- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
}
.faq .faq-container .title- h1 {
    font-size: 4em;
}

.p- {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.faq .faq-container .faq_row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 15px;
    align-items: flex-start;
}
.shop-products .shop-products-container .shop-wrapper .content .row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.questions,
.questions .question-container
 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    overflow: hidden;
}

.info .dot {
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background-color: #66df57;
    background-image: linear-gradient(90deg, #058d3f, #66df57);
}

.info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 20px;
    background-color: var(--color-accent);
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-white);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 7px 16px;
}
.events {
    padding-bottom: 100px;
}
.questions .question {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.questions .question-container {
    align-items: flex-start;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-300);
    transition: .3s;
    padding: 15px;
}

.questions .question-container:hover {
    background-color: rgb(249, 249, 249);
}

.questions .question-container .question h2 {
    font-size: 20px;
    font-weight: 600;
}

.questions .question-container .question .icon {
    display: flex;
    align-items: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    height: 44px;
    position: relative;
    justify-content: center;
    background-color: var(--color-accent);
    cursor: pointer;
    border-radius: 50%;
}

.questions .question-container .question .icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    transition: .3s;
}



.questions .question-container .question .icon svg:last-child {
    transform: translate(-50%,-50%) rotate(90deg);
}
.questions .question-container.active .question .icon svg:last-child {
    transform: translate(-50%,-50%) rotate(0deg);
}

.questions .question-container .answer {
    max-height: 0;
    transition: .3s;
    opacity: 0;
}

.questions .question-container.active .answer {
    opacity: 1;
    max-height: none;
    overflow: auto;
}

.hero_conseils .hero_conseils_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 25px;
}

.hero_conseils .hero_conseils_container .left {
    width: 45%;
    height: auto;
}

.hero_conseils .hero_conseils_container .right {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.hero_conseils .hero_conseils_container .right .content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: flex-start;
}

.hero_conseils .hero_conseils_container .right .images {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    align-items: stretch;
}
.hero_conseils .hero_conseils_container .left .image {
    height: 100%;
}
.hero_conseils .hero_conseils_container .left .image ,
.hero_conseils .hero_conseils_container .right .image {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}



.hero_conseils .hero_conseils_container .left .image img ,
.hero_conseils .hero_conseils_container .right .image img {
    object-fit: cover;
}
.speical {
    position: sticky;
    left: 50px;
    top: 150px;
}
.hero_conseils .hero_conseils_container .right .content h1 {
    color: #333;
    font-size: 45px;
    font-weight: 300;
    line-height: 100%;
}

.hero_conseils .hero_conseils_container .right .content p {
    font-size: 16px;
}

.a_propos_hero .a_propos_hero_container .title h1 {
    font-size: 4em;
}
.a_propos_hero .a_propos_hero_container  {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.a_propos_hero .a_propos_hero_container .title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.image-horizontal {
    width: 100%;
    max-height: 500px;
    border-radius: 15px;
    overflow: hidden;
}

.image-horizontal img {
    object-fit: cover;
}

.a_propos_hero .a_propos_hero_container .text h2 {
    font-size: 1.75em;
}

.a_propos_hero .a_propos_hero_container .text {
    display: flex;
    flex-direction: column;
    gap: 15px;

}

.events .events_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.events .events_container .title h3 {
    font-size: 2.5em;
}

.events .events_container .title {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.events .events_container .events_boxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    gap: 20px;
}

.events .events_container .events_boxes .box {
    display: flex;
    flex-direction: column;

}

.events .events_container .events_boxes .box .top {
    display: flex;
    flex-direction: row;
    background-color: var(--color-accent);
    color: white;
    justify-content: flex-start;
    align-items: center;
}

.row_order_container .row-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.row_order_container .row-info .description_product {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.row_order_container .row-info .shipping_infos {
    width: 20%;
}

.row_order_container .row-info .quantity {
    width: 10%;
}
.row_order_container .row-info .image,
.row_order_container .row-info .price {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 15%;
}
.row_order_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.row_order_container .row-info {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

.row_order_container .row-info:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.row_order_container .image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}

.row_order_container .product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.row_order_container .product-info h3 {
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 600;
}

.row_order_container .product-info .meta {
    display: flex;
    gap: 20px;
    font-size: 0.95rem;
    color: #333;
}

.row_order_container .date-info {
    font-size: 0.85rem;
    color: #888;
    text-align: right;
}

.row_order_container .row_order_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.row_order_container .row_order_container .row-info .description_product h3 {
    font-size: 1.35em;
}

.rw_cart {
    display: flex;
    gap: 7px;
}





.popup__skydev {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.popup__skydev .popup_box__skydev {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    max-width: 500px;
    padding: 20px;
    border-radius: 15px;
}

.popup__skydev .popup_box__skydev h2 {
    font-size: 1.3em;
    font-weight: 600;
}

.popup__skydev .popup_box__skydev p {
    color: grey;
}

.popup__skydev .popup_box__skydev .icon__skydev {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(0, 128, 0, 0.15);
}

.glossary {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.glossary .img_glossaire {
    height: 60vh;
    padding-top: 125px;
    width: 100%;
}

.glossary .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.glossary .content p {
    width: 100%;
    font-size: 1em;
    color: #000000;
}

.glossary .content p span {
    font-weight: 600;
}











































































































































































































@media all and (max-width: 1680px){
    .header .header_container .menu-second {
        width: auto;
    }
}



@media all and (max-width: 1620px){
    .container {
        max-width: 1300px
    }
    .contact_info .infos_contact .box {
        padding: 30px 15px;
    }
    .hero .hero_container .title h1 {
        font-size: 44px;
    }
    .hero .hero_container .left {
        width: 70%;
    }
    h2 {
        font-size: 4em;
    }
    
    .bouquets_populaire .bouquets_populaire_container .wrapper_box .box {
        width: calc(32% - 30px);
    }

    body {
        font-size: 16px;
    }

    .services-example .config-container .title h1,
    .visit-us .visit-us-container .left .title h1,
    .social-media .social-media-container .title h1 {
        font-size: 46px;
    }

    .team .team-container .team-box-container .box .img {
        width: 200px;
        height: 200px;
    }

    .principal-page-galery .content-principal {
        padding: 150px 0;
    }

    .shop-products .shop-products-container .shop-wrapper .box{
        width: calc(33% - 30px);
        align-items: center;
    }
}
@media all and (max-width: 1500px){
    .header .header_container {
        width: 95%;
    }

    .bouquets_populaire .bouquets_populaire_container .wrapper_box .box {
        width: calc(33.3333% - 30px);
    }

    .newsletter .newsletter_container .input {
        width: 50%;
    }

    .account .account_container .personnal_info .right {
        position: relative;
        top: auto;
        right: auto;
    }

    .account .account_container .row_container {
        width: 95%;
    }
}


@media all and (max-width: 1300px){
    .container {
        max-width: 1000px;
    }
    .header .header_container .logo {
        width: 80px;
    }
    .search_container .content .search_filters,
    .search_container .content .search_input,
    .search_container .content .btns_ {
        width: 55%;
    }

    .principal-page .content-principal {
        width: 48%;
    }

    .services-example .services-wrapper {
        padding: 0;
    }

    .social-media .social-media-container .title {
        width: 65%;
    }

    .principal-page-about .content-wrapper .title {
        width: 45%;
    }

    .about-us .about-su-container .box-number p {
        letter-spacing: 1px;
    }

    .team .team-container .team-box-container .box {
        width: 22%;
    }

    .principal-page-galery .content-principal .content-wrapper .title h1 { 
        font-size: 42px;
    }

    .shop-products .shop-products-container .shop-wrapper .box {
        width: calc(33% - 14px);
        margin: 7px;
        padding: 15px;
    }

    .shop-products .shop-products-container .shop-wrapper .box .image-container {
        width: 290px;
        height: 260px;
    }

    .shop-products .shop-products-container .shop-wrapper .content p {
        letter-spacing: 1px;
    }

    .shop-products .shop-products-container .shop-wrapper {
        align-items: stretch;
    }

    .shop-products .shop-products-container .fitlers .search-input,
    .shop-products .shop-products-container .fitlers .search-filters {
        width:36.5%;
    }

    .header-phone .header-container .logo {
        width: 25%;
    }

    .hero .hero_container .left .bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .background_img {
        width: 200px;
        height: 200px;
    }

    .hero .hero_container .title h1 {
        font-size: 33px;
    }

    .box_fil .box_fil_cont .top .search_bar button {
        width: 32%;
    }

    .account .account_container .row_container .row-info .left {
        width: 25%;
    }
    .account .account_container .row_container .row-info .right {
        width: 75%;
    }
    .motivate-contact .motivate-contact-container .top_ {
        width: 64.5%;
    }
}

@media all and (max-width: 1100px){
    .header .header_container {
        width: 100%;
    }
}

@media all and (max-width: 1000px){
    .shop-products .shop-products-container {
        padding-top: 50px;
    }
    
    .manufacturer-description.phone {
        display: block;
        width: 90%;
    }
    .product .product-container .right {
        position: relative;
        top: auto;
    }
    
    .manufacturer-description.pd,
    .speical {
        display: none;
    }
    body, .footer .footer-container .description p {
        font-size: 15px;
    }

    .row_content__skydev.reversed .row_container__skydev {
        flex-direction: column;
    }
    .hero_conseils .hero_conseils_container .right .content h1 {
        font-size: 27px;
    }
    
    .header {
        display: none;
    }

    .header-phone {
        display: flex;
    }

    .principal-page {
        height: auto;
    }

    .container {
        max-width: 700px;
    }



    .header .header-container .logo {
        width: 8%;
    }
    .contact_info .infos_contact .box {
        width: 32%;
    }
    .principal-page {
        background: none;
    }

    .principal-page .content-principal {
        width: 100%;
    }

    .principal-page .content-principal .content-wrapper {
        padding-left: 0;
        padding: 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .services-example .config-container .text {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .services-example .config-container .title {
        justify-content: center;
        align-items: center;
    }

    .services-example .config-container .description {
        width: 80%;
        text-align: center;
    }

    .services-example .services-wrapper .box {
        width: 23.5%;
    }

    .social-media .social-media-container .social-wrapper .box {
        width: 125px;
        height: 125px;
    }

    .visit-us .visit-us-container {
        flex-direction: column;
        justify-content: center;
    }

    .visit-us .visit-us-container .right, .visit-us .visit-us-container .left {
        width: 100%;
    }

    .visit-us .visit-us-container .right .image-container {
        display: none;
    }

    .image-container-phone {
        display: block;
    }

    .separator {
        margin: 0;
    }

    .visit-us .visit-us-container {
        gap: 30px;
    }

    .principal-page-about .content-wrapper {
        flex-direction: column;
    }

    .principal-page-about .content-wrapper .title {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .principal-page-about {
        padding: 150px 0 0 0;
    }

    .principal-page-about .content-wrapper .images {
        width: 100%;
        padding: 50px;
    }

    .principal-page-about .content-wrapper .images img.second {
        transform: translate(0);
    }

    .principal-page-about .content-wrapper .images img.first {
        display: none;
    }

    .about-us .about-su-container {
        flex-direction: column;
        gap: 50px;
    }

    .about-us .about-su-container {
        padding: 0;
    }

    .about-us .about-su-container .box-number p {
        letter-spacing: 3px;
    }

    .mission .mission-container {
        flex-direction: column;
        gap: 30px;
    }

    .mission .mission-container .left, .mission .mission-container .right {
        width: 100%;
    }

    .mission .mission-container .right .title h1,
    .team .team-container .title h1 {
        font-size: 30px;
        text-align: center;
    }

    .team .team-container .team-box-container .box {
        width: 30%;
        min-width: 210px;
    }

    .principal-page-galery .content-principal {
        padding: 100px 0;
    }

    .main-galery .main-galery-container .galery-title-op h1 {
        font-size: 30px;
    }

    .contact-main .contact-main-container .contact-form {
        flex-direction: column;
        gap: 50px;
    }

    .contact-main .contact-main-container .contact-form .form {
        width: 100%;
    }

    .contact-main .contact-main-container .title h1 {
        font-size: 35px;
        text-align: center;
    }

    .contact-main .contact-main-container .contact-form .image {
        display: none;
    }
    .contact-main .contact-main-container .contact-form {
        width: 100%;
        max-width: 100%;
    }

    .shop-products .shop-products-container .shop-wrapper .box {
        padding: 10px;
        width: calc(50% - 14px);
    }

    .shop-products .shop-products-container .shop-wrapper {
        justify-content: center;
        align-items: center;
    }

    .principal-page-services .content .title h1 {
        font-size: 35px;
    }

    .shop-products .shop-products-container .title .img-container {
        width: 60px;
    }

    .principal-page-services {
        padding: 150px 0 0 0;
    }
    .principal-page-services .content .title h1 {
        font-size: 2.5rem;
    }

    .shop-products .shop-products-container .shop-wrapper .box .image-container {
        width: 315px;
    }

    .product .product-container {
        flex-direction: column;
        gap: 10px; 
        justify-content: center;
        align-items: center;
    }

    .product .product-container .left,
    .product .product-container .right {
        width: 90%;
    }
    .left_A {
        display: none;
    }
    .hero .hero_container {
        flex-direction: column-reverse;
    }
    .hero {
        height: auto;
    }

    .hero .hero_container .title {
        padding-top: 30px;
    }

    .hero .hero_container .right {
        height: 40vh;
        overflow: hidden;
    }

    .hero .hero_container .title h1 {
        font-size: 40px;
        text-align: center;
    }

    .hero .hero_container .left {
        padding: 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .hero .hero_container .right {
        width: 95%;
        background-position: center;
        background-position-y: center;
        margin-top: 80px;
    }

    .hero .hero_container .description p {
        text-align: center;
    }

    .box_fil .box_fil_cont .top .search_bar {
        width: 45%;
    }

    .box_fil .box_fil_cont .boxes {
        flex-direction: column;
        height: auto;
        justify-content: center;
    }
    .products_catalogue .products_catalogue_container .box_news {
        flex-wrap: wrap;
        justify-content: center;
    }
    .products_catalogue .products_catalogue_container .box_news .box{
        width: calc(50% - 20px);
        margin: 10px;
    }
    .motivate-contact .motivate-contact-container .top_ {
        width: 99.5%;
    }

    .box_fil .box_fil_cont .boxes .left
  {
        width: 100%;
        height: 350px;
    }
    .box_fil .box_fil_cont .boxes .left .box .content .btn {
        display: none;
    }
    .box_fil .box_fil_cont .boxes .left .box .content .top_rose .details {
        display: none;
    }

    .box_fil .box_fil_cont .boxes .left .box .content .top_rose h3 {
        font-size: 22px;
    }

    .box_fil .box_fil_cont .boxes .right {
        height: calc(350px * 2);
        width: 100%;

    }

    .box_fil .box_fil_cont .boxes .right .box_glide_cont {
        height: 350px;
    }


    .search_container .content .search_filters, .search_container .content .search_input, .search_container .content .btns_ {
        width: 95%;
    }

    
    .cart .cart_container {
        display: flex
    ;
        flex-direction: column;
        position: relative;
        align-items: center;
        gap: 35px;
        justify-content: center;
    }

    .cart {
        padding-top: 75px;
    }
    .row_order_container {
        justify-content: center;
        align-items: center;
    }
    .cart .cart_container .right,
    .cart .cart_container .left {
        position: relative;
        top: auto;
        width: 95%;
    }

    .row_order_container .row-info .image, .row_order_container .row-info .price,
    .row_order_container .row-info .description_product,
    .row_order_container .row-info .quantity,
    .row_order_container .row-info .shipping_infos {
        width: 100%;
    }

    .row_order_container .row-info {
        flex-direction: column;
        width: 50%;
    }
    
}


@media all and (max-width: 850px){
    .contact_info .infos_contact {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .contact_info .infos_contact .box {
        margin: 10px;
        width: 45%;
    }
    .search_container .content .search_filters .filter {
        width: 100%;
    }

}

@media all and (max-width: 700px){
    h2 {
        font-size: 5em;
    }
    .hero_conseils .hero_conseils_container {
        flex-direction: column;
    }
    .hero_conseils .hero_conseils_container .left,
    .hero_conseils .hero_conseils_container .right {
        width: 100%;
    }
    .faq .faq-container .title- h1 {
        font-size: 30px;
    }

    .a_propos_hero .a_propos_hero_container .title h1,
    h2 {
        font-size: 2em;
    }
    .search_container {
        padding:15px 0;
    }
    .galery-title-img-left, .galery-title-img-right {
        width: 30%;
        gap: 60px;
    }
    .container {
        max-width: 450px;
    }

    .social-media .social-media-container .social-wrapper .box {
        width: 75px;
        height: 75px;
    }

    .social-media .social-media-container .social-wrapper .box i {
        font-size: 2.4em;
    }

    .social-media .social-media-container .title,
    .social-media .social-media-container .description {
        width: 100%;
    }

    body, .footer .footer-container .description p {
        font-size: 14px;
    }

    .footer .footer-container {
        padding: 45px 10px 20px 10px;
    }

    .footer .footer-container .leglisation p {
        font-size: 12px;
    }

    .footer .footer-container {
        margin-bottom: 0;
    }

    .services-example .config-container .title h1, .visit-us .visit-us-container .left .title h1, .social-media .social-media-container .title h1,
    .principal-page .content-principal .content-wrapper .title h1 {
        font-size: 36px;
    }

    .services-example .services-wrapper{
        flex-direction: column;
        justify-content: center;
        gap: 35px;
    }

    .services-example .services-wrapper .box {
        width: 80%;
    }

    .search_container .content .btns_ {
        flex-direction: column;
        gap: 10px;
    }
    .search_container .content button {
        width: 100%;
    }
    .btn {
        font-size: 11px;
    }

    .image-phone {
        display: block;
    }
    .container {
        max-width: 95%;
    }

    .social-media .social-media-container .social-wrapper .box {
        width: 50px;
        height: 50px;
    }

    .social-media .social-media-container .social-wrapper .box i {
        font-size: 1.8em;
    }

    body, .footer .footer-container .description p{
        font-size: 11px;
    }

    .footer .footer-container .leglisation {
        flex-direction: column;
        gap: 10px;
    }

    .services-example .config-container .title h1, .visit-us .visit-us-container .left .title h1, .social-media .social-media-container .title h1, .principal-page .content-principal .content-wrapper .title h1 {
        font-size: 30px;
    }

    .visit-us .visit-us-container {
        padding: 50px 30px;
    }

    .services-example .config-container .title {
        text-align: center;
    }

    .principal-page .content-principal .content-wrapper .buttons {
        flex-direction: column;
    }

    .principal-page-about .content-wrapper .title h1 {
        font-size: 34px;
    }

    .principal-page-about .content-wrapper .images {
        padding: 10px;
    }

    .principal-page-about .content-wrapper {
        gap: 20px;
    }

    .principal-page-about .content-wrapper .title {
        gap: 15px;
    }

    
    .mission .mission-container .right .title h1 {
        text-align: left;
    }

    .shop-products .shop-products-container .shop-wrapper .box {
        width: calc(100% - 14px);
    }

    .shop-products .shop-products-container .shop-wrapper .content span {
        font-size: .9rem;
    }

    .shop-products .shop-products-container .shop-wrapper .box .image-container {
        width: 100%;
    }
    .shop-products .shop-products-container .fitlers {
        flex-direction: column;
        gap: 15px;
    }
    .shop-products .shop-products-container .fitlers .search-input,
    .shop-products .shop-products-container .fitlers .search-filters {
        width: 95%;
    }

    .product .product-container .right p {
        font-size: .9rem;
    }
    
    .product .product-container .right .title h1 {
        font-size: 1.5rem;
    }

    .product .product-container{
        padding: 0;
    }

    .product .product-container .right .buttons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box_fil .box_fil_cont .top {
        flex-direction: column;
        justify-content: center;
        gap: 7px;
    }

    .box_fil .box_fil_cont .top .search_bar {
        width: 99%;
    }

    .motivate-contact .motivate-contact-container h2 {
        font-size: 25px;
    }

    .motivate-contact .motivate-contact-container p {
        font-size: 14px;
    }

    .products_catalogue .products_catalogue_container .box_news .box,
    .account .account_container .row_container .row-info .left,
    .account .account_container .row_container .row-info .right {
        width: 99% ;
    }
    
    .account .account_container .row_container .row-info,
    .account .account_container .personnal_info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .row_order_container .row-info {
        width: 100%;
    }

    .account .account_container .row_container .row-info .right.edited {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media all and (max-width: 500px){
    .contact_info .infos_contact .box {
        width: 90%;
    }

    .shop-products .shop-products-container .fitlers h1 {
        line-height: 1.5;
        font-size: 3em;
    }
}

@media all and (max-width: 450px){
    .product .product-container .left .image {
        height: 300px;
    }
}








@media all and (max-width: 1480px){
    .row_content_second__skydev .row_container_second__skydev .right__skydev {
        width: 55%;
    }
}

@media all and (max-width: 1200px){
    .row_content_second__skydev .row_container_second__skydev .right__skydev {
        width: 55%;
    }
}

@media all and (max-width: 840px){
    .row_content_second__skydev .row_container_second__skydev {
        flex-direction: column;
    }

    .row_content_second__skydev .row_container_second__skydev .right__skydev,
    .row_content_second__skydev .row_container_second__skydev .left__skydev {
        width: 100%;
    }

    .row_content_second__skydev .row_container_second__skydev .right__skydev {
        padding: 10px;
    }

}

@media all and (max-width: 1480px){
    .row_content__skydev .row_container__skydev .right__skydev {
        width: 55%;
    }
}

@media all and (max-width: 1200px){
    .row_content__skydev .row_container__skydev .right__skydev {
        width: 55%;
    }
}

@media all and (max-width: 840px){
    .row_content__skydev .row_container__skydev {
        flex-direction: column;
    }

    .row_content__skydev .row_container__skydev .right__skydev,
    .row_content__skydev .row_container__skydev .left__skydev {
        width: 100%;
    }

    .row_content__skydev .row_container__skydev .right__skydev {
        padding: 10px;
    }
}