html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: Montserrat, sans-serif;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: 'Inter', sans-serif;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Réinitialiser les marges et les paddings pour le body */
body {
    margin: 0;
    padding: 0;
}

.price-add-to-cart {
    cursor:pointer;
}

header {
    padding-left:60px;
    padding-right:60px;
    padding-top: 30px;
    padding-bottom:30px;
    z-index: 3;
    background-color: white;
    position: relative;
}

#image-profile-footer {
    width: 85px;
    border-radius: 50px;
    position: relative;
}

#header-logo-left {
    top: 3px;
    left: 27px;
    position: relative;
}
#header-logo-right {
    
    right:0px;
    width: 560px;
    position: relative;
    top: -34px;
}
.sub-header-svg img {
    width:80px;
}
.sub-header{
    display:flex;
    
}
.sub-header div {
    
    padding-right: 20px;

    width:100%;
    gap: 15px;
    display:flex;
    
}
.social-logo{
    display:flex;
    
}
.sub-header-svg {
    justify-content:flex-end;
}
.lang-selector {
    background-color:#F2F2F2;
    font-size: 27px;
    border-radius:18px;
    width: 140px;
    border: none;
    height: 85px;

}
/* main{
    min-width:100vh;
} */
footer{
    border-top:1px solid black;
    position:fixed;
    display:flex;
    height:170px;
    bottom: 0px;
    width: 100%;
    background-color: white;
    z-index: 2;
}
.sub-header {
    margin-top:15px;
    
}
footer > div {
    display:flex;
    justify-content:center;
    align-items:center;
    width: 33.33%;
    flex-direction:column;
}
footer > div > a {
    font-size: 35px;
    text-decoration: unset;
}

footer > div > a > img {
    width:75px;
}
.link-footer > svg {
    width:80px;
}

.link-footer {
    display:flex;
    justify-content:center;
    align-items:center;
    color:black;
    flex-direction: column;
    width: 100%;
}



.activeblock, .activeblock a,  .activeblock a svg path {
    stroke: white;
    color:white;
    background-color:#0C8CE9;

}
.toastify {
    top:0px!important;
    /* background:linear-gradient(90deg, rgba(53,150,220,0.6475840336134453) 0%, rgba(12,140,233,0.9108893557422969) 51%, rgba(0,212,255,0.48792016806722693) 95%)!important; */
    right:0px!important;
    min-width: 100%;
    min-height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    padding: 58px 60px;
    /* background-color:#0C8CE9; */
}

.alert {
    background-color: white;
    color: red;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 40px;

}
.alert li {
    margin-top: 50px;
}

main {
    padding-bottom: 170px;
}
.stack-token-svg {
    width: 57px;
    fill: white;
    margin-right: 5px;
}
.social-logos a {
    color:#3AADE3;
}
.social-logos.desktop {
    
    display:none;
}
.social-logos.phone {
    padding-left: 35px;
    display:flex;
    align-items: center;
    gap: 35px;

}





/* @media only screen and (max-width: 999px) and (min-width: 500px) {

    footer{
        border-top:1px solid black;
        position:fixed;
        display:flex;
        height:80px;
        bottom: 0px;
        width: 100%;
        background-color: white;
        z-index: 2;
    }
    .link-footer > svg {
        width: 40px;
    }
    footer > div > a {
        font-size: 20px;
        text-decoration: unset;
    }

    #header-logo-left {
        top: 3px;
        left: 27px;
        position: relative;
        width: 107px;
    }

    .social-logos.phone {
        display: none;
    
    }
    .social-logos.desktop {
        display: flex;
    
    }
    .sub-header-svg img {
        width: 40px;
        height: 40px;
    }
    .sub-header div {
        padding-right: 0px;
        gap: 13px;
      
    }

    .sub-header {
        margin-top: 15px;
        width: 50%;
        position: absolute;
        right: 56px;
        top: 38px;
    }
    .selected-option {
     
        width: 89px;
        height: 41px;
    
    }


    #header-logo-right {
        right: 0px;
        width: 220px;
        position: relative;
        top: -34px;
    }
    
}

@media only screen and (max-device-width: 500px){

    footer{
        border-top:1px solid black;
        position:fixed;
        display:flex;
        height:170px;
        bottom: 0px;
        width: 100%;
        background-color: white;
        z-index: 2;
    }
    footer > div > a {
        font-size: 35px;
        text-decoration: unset;
    }
    
    footer > div > a > img {
        width:75px;
    }
    .link-footer > svg {
        width:80px;
    }

    
    #header-logo-left {
        top: 3px;
        width:unset;
        left: 27px;
        position: relative;
    }
    #header-logo-right {
        
        right:0px;
        width: 560px;
        position: relative;
        top: -34px;
    }
    .sub-header-svg img {
        width:80px;
    }
    .sub-header{
        display:flex;
        
    }
    .sub-header div {
        
        padding-right: 20px;

        width:100%;
        gap: 15px;
        display:flex;
        
    }
    .social-logo{
        display:flex;
        
    }
    .sub-header-svg {
        justify-content:flex-end;
    }
    .lang-selector {
        background-color:#F2F2F2;
        font-size: 27px;
        border-radius:18px;
        width: 140px;
        border: none;
        height: 85px;

    }
    
    
    footer{
        border-top:1px solid black;
        position:fixed;
        display:flex;
        height:170px;
        bottom: 0px;
        width: 100%;
        background-color: white;
        z-index: 2;
    }
    .sub-header {
        margin-top:15px;
        
    }
    footer > div {
        display:flex;
        justify-content:center;
        align-items:center;
        width: 33.33%;
        flex-direction:column;
    }
    footer > div > a {
        font-size: 35px;
        text-decoration: unset;
    }

    footer > div > a > img {
        width:75px;
    }
    .link-footer > svg {
        width:80px;
    }

    .link-footer {
        display:flex;
        justify-content:center;
        align-items:center;
        color:black;
        flex-direction: column;
        width: 100%;
    }



    .activeblock, .activeblock a,  .activeblock a svg path {
        stroke: white;
        color:white;
        background-color:#0C8CE9;

    }
    .toastify {
        top:0px!important;
      
        right:0px!important;
        min-width: 100%;
        min-height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 39px;
        padding: 58px 60px;
      
    }

    .alert {
        background-color: white;
        color: red;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 40px;

    }
    .alert li {
        margin-top: 50px;
    }

    main {
        padding-bottom: 170px;
    }
    .stack-token-svg {
        width: 57px;
        fill: white;
        margin-right: 5px;
    }
    .social-logos a {
        color:#3AADE3;
    }
    .social-logos.desktop {
        
        display:none;
    }
    .social-logos.phone {
        padding-left: 35px;
        display:flex;
        align-items: center;
        gap: 35px;

    }
    
} */



@media only screen and (min-width: 1000px) { 
    .social-logos.desktop {
        display:flex;
    }
    .social-logos.phone {
        display:none;
    }
    .link-footer > svg {
        width:35px;
    }
    .sub-header{
        display:flex;
       
        
    }

    .svg-sub-header {
        width:30px;
    }

    .stack-token-svg {
        width: 33px;
        fill: white;
        margin-right: 5px;
    }
    .social-logos {
        gap: 18px !important;
    }
    
    .link-footer {
        display:flex;
        justify-content:center;
        align-items:center;
        color:black;
        flex-direction: column;
        width: 100%;
    }

    .toastify {
        top: 0px !important;
        /* background: linear-gradient(90deg, rgba(53, 150, 220, 0.6475840336134453) 0%, rgba(12, 140, 233, 0.9108893557422969) 51%, rgba(0, 212, 255, 0.48792016806722693) 95%) !important; */
        right: 0px !important;
        min-width: 200px;
        width:400px;
        min-height: 35px;
        height: 35px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px!important;
        padding: 42px 60px;
    }
}