*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    max-width: 100%;
}
body.no-scroll{
    overflow: hidden;   
}
footer{
    display: flex;
    box-sizing: border-box;
    flex-direction: column; 
    width: 80%;
    margin: 0 auto;
    max-width: 1440px;
    letter-spacing: .5px;
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}


.footer-primary-shown{
    flex-direction: row;
    /*background-color: #eef1f4;*/
    background-color: rgb(243, 243, 243);       
    width: 100%;
    display: flex;
    padding: 20px 50px 50px;
    justify-content: space-between;
}
.footer-primary-shown a{
    box-sizing: border-box;
    text-decoration: none;
    color: black;
    text-align: center;
    font-weight: 600;
}
.footer-primary-shown a:hover{
    text-decoration: none;
}
.footer-primary-shown span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.primaryfooterlinks{
    font-size: 14px;
    font-weight: 500;
}

.secondary-footer-shown a{
    text-decoration: none;
    color: black;
    padding-top: 10px;
    font-size: 14px;
}

.sec2footer{
    display: flex;
    flex-direction: column;
}
.sec2footer a{
    font-weight: 400;
}
.sec3footer a{
    margin-left: 15px;
    text-decoration: none;
    padding: 0px;
}
.sec3footer a:hover{
    text-decoration: none;
}
.sec3footer .emailnotifications p{
    font-size: 14px;
    margin-top: 15px;
    font-weight: 400;
}
.sec3footer .sociallinks{
    display: flex;
    justify-content: center;
}
.emailnotifications{
    display: flex;
    flex-direction: column;
}
.emailnotifications p{
    margin-bottom: 10px;
}
.emailnotifications input{
    padding: 5px;
    font-family: 'Poppins',sans-serif;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    outline: none;
    margin-bottom: 10px;
    background-color: #e2e2e2;
    width: 220px;
    font-size: 13px;
}
.emailletterform{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.emailletterform button{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fdfdfd;
    outline: none;
    border: none;
    border-radius: 50px;
    max-width: 100px;
    height: 30px;
    font-size: 15px;
    font-family: 'Quicksand',sans-serif;
}
.emailletterform button:hover{
    background-color: rgb(214, 214, 214);
    font-weight: 600;
}

.footerlogin-register{
    display: flex;
    flex-direction: row;
    font-family: 'Quicksand',sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    margin-top: 80px;
}
.footerlogin-register a{
    border-radius: 50px;
    padding: 5px;
    align-items: left;
}
.footerlogin-register .registerfooter{
    background-color: rgb(255, 255, 255);
}
.footerlogin-register .registerfooter:hover{
    background-color: rgb(196, 196, 196);
}
.footerlogin-register .loginfooter{
    border: 1px solid rgb(128, 128, 128);
    background-color: #ffffff;
}
.footerlogin-register .loginfooter:hover{
    background-color: rgb(0, 0, 0);
    color: white;
}
.tertiary-footer-shown{
    display: flex;
    justify-content: space-between;
    background-color: #0a0a0a;
    color: white;
    height: 50px;
    align-items: center;
}
.tertiary-footer-shown p{
    margin-left: 630px;
    font-weight: 400;
}

.tertiary-footer-shown img{
    padding: 0px 5px;
}










.persistentbanner{
    background-color: #ffebf6;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 0px;
}
.persistentbanner a{
    text-decoration: none;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    letter-spacing: .5px;
}
/*  PERSISTENT CONTENT BANNER END */

.row-desktop-header{
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    max-width: 90rem;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 72px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    gap: 24px;
    z-index: 30;
    background-color: #fff;
}
.logo-search-wrapper{
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 24px;
    height: 100%;
}
.logo.wrapper.align-center{
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 0;
}
.logo-link{
    line-height: 2;
}
.logo-link #Layer_1{
    width: 260px;
    height: auto;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    cursor: pointer;
}

.header-search{
    flex-direction: column;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 10;
    flex: 10 0 0;
}

.secondsearchdiv{
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: white;
    width: 100%;
    left: 0;
    top: 100;
    margin-top: 10px;
    padding: 20px;
    font-family: 'Poppins',sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    z-index: 11;
}
.secondsearchdiv span{
    position: absolute;
    right: 0;
    padding: 10px;
    top: 0;
    align-items: center;
    margin: 10px;
    cursor: pointer;
}
.most-suggestions{
    display: flex;
    flex-direction: column;
    color: black;
    text-decoration: none;
    margin: 0px 300px 100px;
}
.most-suggestions h4{
    margin-bottom: 20px;
    font-size: 20px;
}

.most-suggestions a{
    display: inline-flex;
    text-decoration: none;
    color: black;
    margin-bottom: 3px;
    font-size: 14px;
    align-items: center;
    width: 200px;
}


.header-search-overlay{
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    opacity: .6;
    display: none;
    z-index: 10;
}

/*

    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: .6;
    display: block;


    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    top: 0;
    width: 100%;
    max-width: 1440px;
    background: #fefefe;
    padding: 24px 32px 32px;
    padding-top: 32px;
    position: fixed;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 16;
    margin-top: 128px;
    */


.input-box{
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 1.125rem;
    line-height: 1.39;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    height: 48px;
    background: #f2f2f2;
    border-radius: 100px;
    box-shadow: none;
    overflow: hidden;
    
    
    
}
.search-input{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    font: inherit;
    width: 100%;
    position: relative;
    z-index: 0;
    color: #000;
    background-color: transparent;
    outline: 0;
    margin: 0;
    appearance: none;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: .4px;
    height: 100%;
    border: 0;
    border-radius: 100px;
    padding: 0 0 0 48px;
    font-family: AvantGardeBold,Arial,sans-serif;
}
.svg-inline.search-icon{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font: inherit;
    text-transform: none;
    line-height: 1;
    cursor: pointer;
    width: 33;
    height: 32;
    fill: none;
    box-sizing: inherit;
    overflow: hidden;
}
#search{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font: inherit;
    text-transform: none;
    line-height: 1;
    cursor: pointer;
    box-sizing: inherit;
}
#Union{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font: inherit;
    text-transform: none;
    line-height: 1;
    cursor: pointer;
    fill-rule: evenodd; 
    clip-rule: evenodd;
    d: path("M 22.5 15 C 22.5 18.866 19.366 22 15.5 22 C 11.634 22 8.5 18.866 8.5 15 C 8.5 11.134 11.634 8 15.5 8 C 19.366 8 22.5 11.134 22.5 15 Z M 21.3452 21.8437 C 19.7726 23.1881 17.7311 24 15.5 24 C 10.5294 24 6.5 19.9706 6.5 15 C 6.5 10.0294 10.5294 6 15.5 6 C 20.4706 6 24.5 10.0294 24.5 15 C 24.5 17.0206 23.8341 18.8857 22.7098 20.3878 C 22.7399 20.4136 22.7694 20.4409 22.798 20.4695 L 27.28 24.9515 C 27.7682 25.4397 27.8473 26.152 27.4568 26.5425 C 27.0662 26.933 26.354 26.8539 25.8658 26.3658 L 21.3838 21.8837 C 21.3706 21.8706 21.3578 21.8572 21.3452 21.8437 Z");
    fill: black;
    box-sizing: inherit;
}
.header-search .header-searchspan{   
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    width: 32px;
    position: absolute;
    top: 7px;
    cursor: pointer;
    left: 12px;
}
.search-clear-button.underline.js-clear-search-input{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    text-decoration: underline;
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: AvantGardeMedium,Arial,sans-serif;
    position: absolute;
    bottom: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: .2px;
    cursor: pointer;
    right: 12px;
    display: none;
}
.header-links{
    display: flex;
    flex-direction: row;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    gap: 20px;
    justify-content: space-between;
}
.catolog{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}
.catolog a{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: black;
}
.catolog span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-register{
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    padding: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    gap: 10px;
    

}
.login-register span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-register a{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: black;
    
}
.favorites{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.favorites span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cartbutton{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.cartbutton span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.headersidebuttons{
    display: flex;
    flex-direction: row;
    gap: 30px;
}
a:hover{
  text-decoration: underline;
  color: black;
}

/*--------------------Navigation start-------------------------------------------------------------------------------*/

#navigation{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    line-height: 3;
    position: relative;
    z-index: 10;
}
.global-navmenu{
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    list-style-type: none;
    flex-direction: row nowrap;
    align-items: center;
}
.navigationmenus .navhrefs{
    text-decoration: none;
    color: black;
    display: flex;
    align-items: center;
    border-bottom: 4px solid transparent;
    transition: border-color 0.3s ease-in-out;
    
}
.navigationmenus:hover .navhrefs{
    border-bottom: 4px solid black;
}
.navigationmenus{
    padding: 0px 20px;
}
.dropmenus{
    display: flex;
    position: absolute;
    width: 80%;
    padding: 15px 24px;
    border-top: 1px rgba(128, 128, 128, 0.61) solid;
    box-shadow: 0 2038px 0 2038px rgba(0,0,0,.8);
    visibility: hidden;
    margin: 0 auto;
    left: 10%;
    min-height: 563px;
    z-index: 1000;
    background-color: white;
}
.dropmenusdiv{
    display: flex;
    flex-direction: row;
    padding-bottom: 30px;
}
.dropmenusdiv div{
    padding-right: 35px;
}
.dropmenusdiv a{
    -webkit-font-smoothing: antialiased;
    display: inline;
    line-height: normal;
    padding: 10px;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: 14px;
    text-decoration: none;
    color: black;
}
.dropmenusdiv .dropmenuskategory{
    font-weight: 700;
}
.dropmenusdiv a:hover{
    text-decoration: underline;
}
.navigationmenus:hover .dropmenus{
   visibility: visible;
   transition-delay: 0.2s;
   position: absolute;
   z-index: 1000;
}
.navigationmenus:not(:hover) .dropmenus{
    transition-delay: 0.2s;
}
.dropboxsface{
    display: flex;
    padding-right: 50px;
    flex-flow: column;
}
#bestseller{
    padding-bottom: 20px;
}
.dropboxssets{
    display: flex;
    flex-direction: column;
}
.dropboxseyes{
    display: flex;
    flex-direction: column;
}
.dropboxseyebrowns{
    display: flex;
    flex-direction: column;
}
.dropboxslips{
    display: flex;
    flex-direction: column;
}
.dropboxspalets{
    display: flex;
    flex-direction: column;
}
.dropboxscleaning{
    display: flex;
    flex-direction: column;
}
.dropmenusdiv1 a{
    -webkit-font-smoothing: antialiased;
    display: inline;
    line-height: normal;
    padding: 10px;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: 14px;
    text-decoration: none;
    color: black;
}
.dropmenusdiv1 a:hover{
    text-decoration: underline;
}
.dropmenusdiv1 .dropmenuskategory{
    font-weight: 700;
}
.dropmenusdiv1{
    display: flex;
    flex-direction: row;
    padding-bottom: 30px;
}
.section{
    display: flex;
    flex-direction: column;
    padding-right: 35px;
}
#bathdiv div{
    padding-right: 400px;
}
/*------------------------------------NAVIGATION / NAVBAR BITTI AMINA KOYIM----------------------------------*/



/*---------------------------------------------------CONTACT BODY START------------------------------------*/
.navrow{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins',Arial,sans-serif;
    display: flex;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 90rem;
    letter-spacing: 1px;
    line-height: 2;
    border-top: 1px solid rgba(0, 0, 0, 0.192);
}
.navrow a{
    text-decoration: none;
    margin-top: 10px;
}
.navrow span{
    margin-right: 4px;
    margin-top: 10px;
}
.homenav{
    margin-right: 4px;  
    color: rgba(0, 0, 0, 0.397);
}
.homenav:hover{

    color: black;
}
.contactnav{
    font-weight: 700;
    color: black;
}
.contacttable{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    font-family: 'Poppins',Arial,sans-serif;
}
.contacttable h1{
    font-size: 25px;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-weight: 600;
}
.contacttable .contactwritedown{
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
}
.contactwritedowntexts{
    align-items: center;
    justify-content: center;
    text-align: center;
}
.contactpage{
    display: flex;
    flex-direction: row wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    font-weight: 500;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
}
.contactinf {
    padding: 20px;
    font-family: 'Poppins',Arial,sans-serif;
}
.contactquery{
    padding: 20px;
    font-family: 'Poppins',Arial,sans-serif;
}
.contactquery p{
    padding: 10px;
}
.contactinf p{
    padding: 10px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;

}
.contactinf .tradename{
    font-weight: 600;
}
.contactinf .supportline{
    display: flex;
    padding: 10px;
    padding-top: 5px;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: rgb(14, 167, 134);
    letter-spacing: .5px;
}
.contactinf .mailto{
    color: black;
    text-decoration: none;
    letter-spacing: .5px;
}
.contactinf span{
    padding-left: 10px;
    -webkit-font-smoothing: antialiased;
}
.contactinf .supportline:hover{
    text-decoration: underline;
}
.contactpageelements{
    border: 1px solid rgba(0, 0, 0, 0.363);
    display: flex;
}
.costumerbannerlinks{
    margin-top: 80px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.costumerbannerlinks a{
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: black;
    text-decoration: none;
    letter-spacing: .5px;
}
.costumerbannerlinks a:hover{
    text-decoration: underline;
}
.costumerbannerlinks span{
    pointer-events: none;
}
/*-----------------------------------------Yarrak Tassak Meme-------------*/
.contactustable{
    -webkit-font-smoothing: antialiased;
    font-family: 'Poppins',Arial,sans-serif;
    letter-spacing: .5px;

}
.contactustableheader{
    display: flex;
    justify-content: center;
    margin-top: 45px;
}
.contactustableheader h1{
    color: #333333;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 700;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.contactusinputstable{
    font-family: 'Poppins',Arial,sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contactusinputstable input{
    line-height: 2;
    width: 70rem;
    border: none;
    padding: 10px;
}
.contactusinputs{
    display: flex;
    flex-direction: column;
}
.contactusform{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #e7e7e7b4;
    width: 1300px;
    padding: 30px 0px;
    border-radius: 10px;
    margin: 30px 0px;
    border: 1px solid rgb(241, 241, 241);
}
.contactusform input:focus{
    outline: none;
}
.contactusform textarea:focus{
    outline: none;
}
.contactusform textarea{
    border: none;
}
.contactusinputstable .contactusinputs .contactusform input{
    font-family: 'Poppins',Arial,sans-serif;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 14px;
    padding: 10px;
    margin: 10px;
    width: 800px;
    border-radius: 15px;
    border: 1px solid rgb(185, 185, 185);
}
.contactusinputstable .contactusinputs .contactusform input:focus{
    outline: 10px solid rgb(190, 190, 190);
    transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s ;
}
.contactusinputstable .contactusinputs .contactusform textarea{
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 500;
    height: 150px;
    width: 700px;
    margin: 10px;
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    border: 1px solid rgb(185, 185, 185);
    resize: none;
    border-radius: 20px;
    padding: 10px;
}
.contactusinputstable .contactusinputs .contactusform textarea:focus{
    outline: 10px solid rgb(184, 184, 184);
    transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s ;
}
.contactusinputstable .contactusinputs .contactusform .contactsubmitbutton{
    transition: background-color 0.5s ease-in-out;
    width: 150px;
}
.contactusinputstable .contactusinputs .contactusform .contactsubmitbutton:hover{
    outline: 10px solid rgb(190, 190, 190);
    transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s ;
    background-color: rgb(204, 202, 202);
    color: rgb(0, 0, 0);
    border: solid 1px black;
}
/*------------------------------------------CONTACT BITTI AMINA KOYAYIM ANASINI AVRADINI SIKEMMM---------------------------------*/
.mainheader{
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    text-align: center;
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.mainheadercontentstart{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.mainheadercontentstart h1{
    font-weight: 500;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.pagebuilder{
    margin: 30px;
    display: flex;
    line-height: 1;
    flex-direction: column;
    gap: 10px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    max-height: 1000px;
}
.pagebuilder a{
    text-decoration: none;
    color: black;
    font-family: 'Poppins',Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 1px solid black;
    padding: 10px;
    width: 300px;
    -webkit-font-smoothing: antialiased;
}
.pagebuilder a:hover{
    background-color: black;
    color: white;
}
.deliveryundrefundpolicycontent{
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    flex-direction: column;
    text-align: left;
    margin-left: 30px;
    -webkit-font-smoothing: antialiased;
}
.deliveryundrefundpolicycontent div{    
    margin-bottom: 20px;
}
.deliveryundrefundpolicycontent h3{
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
}
.deliveryundrefundpolicycontent p{
    display: list-item;
    padding: 10px;
    margin-left: 50px;
    font-size: 14px;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.whatsappsupportlink{
    color: rgb(6, 139, 111);
    text-align: center;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.whatsappsupportlink:hover{
    color: black;
}
.refundpolicylink{
    color: black;
    text-align: center;
    font-weight: 600;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.exceptionalcasesmailto{
    color: black;
    font-weight: 600;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.refundheader{
    margin-bottom: 20px;
}
/*----------------------------------TESLIMAT VE IADE KOSULLARI BITTI YARRANI SIKEYIM 15.03.2025 GECE 3---------------------------------------------------------------------*/
.mainheaderdistance{
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    height: auto;
    
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}

.aboutustext{
    display: flex;
    flex-direction: column;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    height: auto;
    font-family: 'Poppins',sans-serif;
    -webkit-font-smoothing: antialiased;
}
.maincontentdistancestart{
    display: flex;
    flex-direction: column;
    flex: 1;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Poppins',Arial,sans-serif;
}
.maincontentdistancestart h1{
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    font-weight: 500;
    text-align: center;
}
.distancefullcontent{
    display: flex;
    padding: 10px;
    flex-direction: column;
}
.distancefullcontent p{
    padding: 10px 0px;
    font-size: 15px;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
}
.distancefullcontent h3{
    margin: 10px 0px;
}
/*table---------------------------table---------------------table--------------table*/
.producsinvoicebasitelements table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', Arial, sans-serif;
    margin-top: 10px;
}

.producsinvoicebasitelements thead {
    background-color: #e6e6e6;
    font-weight: bold;
}

.producsinvoicebasitelements td,  
.producsinvoicebasitelements th {
    border: 1px solid #aaa8a8;
    padding: 12px;
    text-align: center;
}

.producsinvoicebasitelements td[colspan="3"] {
    text-align: left;
}

.producsinvoicebasitelements tbody tr:nth-child(even) {
    background-color: #e6e6e6;
}
/*table---------------------------table---------------------table--------------table*/
/*----------------------------MESAFELI SATIS SOZLESMESI END BITTI gizliilk guvenlik basladi YARRAK TASSAK ----------------------------------------*/
.mainheaderprivacy{
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.mainprivacycontentstart{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.mainprivacycontentstart h1{
    text-align: center;
    font-weight: 500;
}
.privacyfullcontent{
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.privacyfullcontent h3{
    margin: 10px 0px;
    font-weight: 700;
    font-size: 16px;
}
.privacyfullcontent h4{
    font-size: 14px;
}
.privacyfullcontent p{
    padding: 10px;
    font-size: 15px;
}
.personaldataul li{
    padding: 5px 0px;
}
.mainprivacycontentstart .contactlinkstyletype{
    color: black;
    font-weight: 500;
}
/*----------------------------------------------------PRIVACY GIZLILIK GUVENLIK BITTI ANASINI SIKERIM---------------------------------------------*/
.mainheadermembership{
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.mainmembershipcontentstart{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.mainmembershipcontentstart h1{
    text-align: center;
    font-weight: 600;
    font-size: 25px;
}
.membershipfullcontent{
    padding: 10px;
}
.membershipfullcontent p{
    padding: 10px 0px;
    font-size: 15px;    
}
/*------------------------------------------------------ÜYELİK SÖZLEŞMESİ KISMI YUKARDA----------------------------------*/
.mainheaderfaq{
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    font-family: 'Poppins',Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.faqfullcontent{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 10px;
    margin-bottom: 30px;
    -webkit-font-smoothing: antialiased;
}
.faqfullcontent span{
    margin-right: 30px;
}
.faqfullcontent h1{
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-top: 20px;
    border-bottom: 2px solid black;
    -webkit-font-smoothing: antialiased;
}
.question h3{
    font-weight: 450;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}
.question{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 3px solid rgb(219, 219, 219);
    padding: 10px;
    align-items: center;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}
.answer {
    font-weight: 400;
    padding: 0 10px; /* Başlangıçta üst-alt padding sıfır */
    font-size: 15px;
    background-color: #e4e4e4;

    max-height: 0; /* Başlangıçta kapalı */
    overflow: hidden; /* İçeriği gizle */
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

/* Açık olduğunda aktif sınıfı eklenecek */ 
.answer.active {
    max-height: 500px; /* Yeterince büyük bir değer ver, içeriğe göre ayarlanır */
    padding: 10px; /* Açıldığında padding eklensin */
}
.answer #secondan{
    margin-top: 10px;
}
.icon{
    display: inline-flex;
    align-items: center; 
    -webkit-font-smoothing: antialiased;
}

.privacylink{
    text-decoration: underline;
    color: black;
    font-weight: 600;
}
.mainheaderfaq .pagebuilder .pageheaderfaq{
    font-weight: 700;
    border-bottom: 2px solid black;
}
.mainheader .pagebuilder .pageheaderrefund{
    font-weight: 700;
    border-bottom: 2px solid black;
}
.mainheaderprivacy .pagebuilder .pageheaderprivacy{
    font-weight: 700;
    border-bottom: 2px solid black;
}
.mainheaderdistance .pagebuilder .pageheaderdistance{
    font-weight: 700;
    border-bottom: 2px solid black;
}
.mainheadermembership .pagebuilder .pageheadermembership{
    font-weight: 700;
    border-bottom: 2px solid black;
}
#scrollToTopBtn{
    position: fixed;
    bottom: 80px; /* Alt köşeden biraz yukarıda */
    right: 10px; /* Sağdan biraz içeride */
    z-index: 100;
    font-size: 24px;
    background-color: #c7c4c4;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    cursor: pointer;
    display: none; /* Başlangıçta gizli */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: opacity 0.3s ease, bottom 0.3s ease;
}
/*-------------------------------------------FAQ KISMI ------------------------- FAQ KISMI -------------------------- FAQ KISMI */


/*-------------------------------------------NAVBAR MEDIA QUERY------------------------------------------------------------*/
.mobilenavbarstart{
    display: none;
}
.nav-mobile-menu{
    display: none;
}
.nav-shadow{
    display: none;
}
.mobiletogglebuttonfooter{
    display: none;
}
.mobiletogglecontent{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 200px;
}
.secondary-footer-shown{
    display: flex;
    flex-direction: row;
    padding: 30px;
    background-color: #ffffff;  
    gap: 200px;
}

.mainheaderaboutus img{
    margin-top: 20px;
}
.mainheaderaboutus{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mainheaderaboutus p{
    font-family: 'Nunito',sans-serif;
    letter-spacing: 0;
    font-style: italic;
}
#italictext{
    font-style: italic; 
}
.aboutuslowh{
    padding: 10px 0px;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
}
.secondaryaboutustext p{
    padding: 10px 0px;
    font-size: 15px;
}
.secondaryaboutustext{
    text-align: justify;
    padding: 20px;
}


.tertiary-aboutus{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tertiary-aboutus img{
    margin-top: 20px;
}
.tertiary-aboutus p{
    font-family: 'Nunito',sans-serif;
    letter-spacing: 0;
    font-style: italic;
}
.maincontent404{
    display: flex;
    flex-direction: column;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    height: auto;
    font-family: 'Poppins',sans-serif;
    -webkit-font-smoothing: antialiased;
}
.brandsfullcontent{
    display: flex;
    flex-direction: column;
    width: 80%;
    max-width: 1440px;
    margin: 0 auto;
    letter-spacing: .5px;
    height: auto;
    font-family: 'Poppins',sans-serif;
    -webkit-font-smoothing: antialiased;
}
#highlightsh1{
    text-align: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 40px;
}
#highlightsh2{
    text-align: left;
    align-items: center;
    margin-top: 50px;
}
.brandslinks{
    flex-shrink: 0;
}
.brandsslider{
    display: flex;
    align-items: center;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: hidden;
    scroll-behavior: smooth;
    gap: 45px;
    width: 100%;
}
.brands-slider-content{
    display: flex;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}
#drunkelephant3{
    width: 301px;
    height: 210px;
}
.slider-button.left{
    position: absolute;
    top: 50%;
    left: 0px;
}
.slider-button.right{
    position: absolute;
    top: 50%;
    right: 0%;
}
.slider-button span{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.slider-button{
    background-color: black;
    border-radius: 50%;
    border: none;
    opacity: 0.7;
    transition: opacity 0.3 ease;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.svg-button{
    fill: white;
}
.svg-button:hover{
    fill: black;
}
.slider-button:hover{
    background-color: white;
    border: 1px solid black;
    opacity: 1;
}


.atozbrands{
    display: flex;
    flex-direction: row;
}


.atozbrandslist{
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #979797;
    font-family: 'Poppins',sans-serif;
    font-size: 20px;
    list-style-type: none;
    cursor: pointer;
}
.atozbrandslist li a{
    padding: 0px 10px;
}
.atozbrandslist li a{
    color: black;
    text-decoration: none;
}
.atozbrandslist li a:hover{
    color: #D50032;
}
.brandsh1{
    padding: 20px 0px;
}
.brandslists{
    list-style: none;
}
.brandslists li{
    padding: 10px 0px;
}

html {
    scroll-behavior: smooth;
}

.brandscolumns{
    display: flex;
    gap: 200px;
}
.brandslinkslinks{
    color: black;
    font-family: "Poppins",sans-serif;
    text-decoration: none;
    letter-spacing: .5px;
}
.brandssection.last{
    margin-bottom: 100px;
}
.maincontent404 h1{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 600;
}
.maincontent404 p{
    padding: 10px;
    font-size: 16px;
    text-align: center;
}
.maincontent404 span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage404{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px;
    color: white;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    width: 170px;
    height: 40px;
    border: none;
    background-color: black;
    transition: ease-in-out 0.2s background-color;
    text-decoration: none;
}
.homepage404:hover{
    text-decoration: none;
    color: black;
    background-color: white;
    border: 1px solid black;
    transition: ease-in-out 0.2s background-color;
}










.withFooter{
    box-sizing: border-box;
    padding: 25px 25px 90px;
}
.containerpayment{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 10px;
}
.headerpayment{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 350px;
    margin-bottom: 50px;
}
.pheader_left{
    padding: 10px;
}
.pheader span img{
    height: 40px;
    width: 65%;
}
.pheader span{
    display: flex;
    align-items: center;
}

.fullsizepayment{
    font-family: 'Inter',sans-serif;
    max-width: 500px;
}

.paymentside{
    display: block;
    flex-direction: column;
    border: 1px solid rgb(241, 243, 245);
    padding: 10px;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 600px;
}
.paywcard{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(30, 100, 255);
    padding: 5px;
    border-radius: 4px;
    font-family: 'Inter',sans-serif;
    background-color: rgb(245, 249, 255);
    font-size: 14px;

}
.board_banner span img{
    border-radius: 10px;
    height: 117.69px;
}
.board_banner span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.paymentside2{
    display: block;
    flex-direction: column;
    border: 1px solid rgb(241, 243, 245);
    border-top: 0px;
    padding: 16px 8px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    max-width: 600px;
}
.oderseperator{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 8px 0px;
}
.oderseperator p{
    margin: 0px 10px;
    color: rgb(134, 142, 150);
    font-size: 12px;
}
.hrline1{
    border-bottom: 1px solid rgb(241, 243, 245);
    width: 100px;
}
.paymentinputs{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
#chnspan.active{
    border: 1px solid rgb(255, 0, 0);
    background-color: rgb(255, 198, 198);
    border-right: 0px;
}
.cardholdername{
    display: flex;
    flex-direction: row;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
}
.cardholdername span{
    display: flex;
    align-items: center;
}
.paywinputs{
    font-family: 'Inter',sans-serif;
    color: rgb(134, 142, 150);
    font-size: 13px;
    outline: none;
    border: none;
    padding: 0px 12px 0px 25px;
    height: 48px;
    width: 100%;
}
.paywinputs.active{
    border: 1px solid red;
    background-color: rgb(255, 198, 198);
    border-left: 0px;
}

.paywinputicons svg{
    position: absolute;
}
.paywinputicons{
    padding-left: 10px;
}
.cardnummer{
    display: flex;
    flex-direction: row;
    border: 1px solid rgb(218, 218, 218);
    border-bottom: none;
}
.cardnummer span{
    display: flex;
    align-items: center;
}
#cnspan.active{
    border: 1px solid rgb(255, 0, 0);
    background-color: rgb(255, 198, 198);
    border-right: 0px;
}
.paywinputscard{
       font-family: 'Inter',sans-serif;
    color: rgb(134, 142, 150);
    font-size: 13px;
    outline: none;
    border: none;
    padding: 0px 12px 0px 25px;
    height: 48px;
    width: 100%;
}
.paywinputscard.active{
    border: 1px solid red;
    background-color: rgb(255, 198, 198);
    border-left: 0px;
}
.paywinputsexp{
          font-family: 'Inter',sans-serif;
    color: rgb(134, 142, 150);
    font-size: 13px;
    outline: none;
    border: none;
    padding: 0px 12px 0px 25px;
    height: 48px;
    width: 50%;
}
.paywinputsexp.active{
    border: 1px solid red;
    background-color: rgb(255, 198, 198);
    border-left: 0px;
}
.datumundcvv{
    display: flex;
    flex-direction: row;
    border: 1px solid rgb(218, 218, 218);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.datumundcvv span{
    display: flex;
    align-items: center;
}
#cdm.active{
    border: 1px solid rgb(255, 0, 0);
    background-color: rgb(255, 198, 198);
    border-right: 0px;
}
.cvv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-left: 1px solid rgb(218, 218, 218) ;
    width: 50%;
}
.cvv span{
    display: flex;
    align-items: center;
}
.paywinputcvc{
    font-family: 'Inter',sans-serif;
    color: rgb(134, 142, 150);
    font-size: 13px;
    outline: none;
    border: none;
    padding: 0px 12px 0px 25px;
    height: 48px;
    width: 100%;
}
.installment{
    padding: 5px;
    margin-top: 20px;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 10px;
}
.installment p{
   color: rgb(134, 142, 150);
   font-size: 12px;
   padding: 7px;
}
#payment-button{
    cursor: pointer;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: #CED4DA;
    color: #495057;
    height: 48px;
    width: 100%;
    border: none;
    outline: none;
    margin-top: 20px;
    border-radius: 30px;
}
.clarification{
    display: flex;
    margin-top: 20px;
}
.clarification p{
    color: #868E96;
    font-size: 12px;
    text-align: center;
}
.clarification span{
    color: #0F5ABF;
}
.creditcardsholder{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 10px;
    border-top: 1px solid rgb(241, 243, 245);
    gap: 10px;
}
.finansbank svg{
    height: 18px;
    width: 50px;
    filter: grayscale(1);
    opacity: 0.5;
}
.error-caner{
    display: none;
    flex-direction: row;
    padding: 10px 5px;
    color: red;
    font-size: 12px;
}
.error-caner span{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.error-caner.active{
    display: flex;
}








@media (max-width: 310px){

    .answer{
        font-size: 14px;
    }
    .icon{
    
        width: 50px;
        height: 30px;
        margin-left: 30px;
        justify-content: right;
    }
    .mainheaderfaq .pagebuilder{
        display: none;
    }

    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderbaslik{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .deliveryundrefundpolicycontent{
        margin: 0;
    }
    .mainheader .pagebuilder{
        display: none;
    }
    .mrows .logo-naturlich-span {
        padding: 0px;
    }
    .mrows .mobilenavmenubutton{
        margin-right: 10px;
    }
    .msearchdropdownsearch .msearch-inputdrop{
        font-size: 12px;
        padding-left: 40px;
    }
    .top-closer{
        width: 50px;
    }
    .nav-content{
        width: 100%;
    }
}


@media (max-width: 360px){
    .costumerbannerlinks{
        gap: 5px;
        margin-top: 20px;
    }
    .costumerbannerlinks a{
        font-size: 10px;
    }
    .contactustable{
        font-size: 12px;
    }
    .contacttable{
        font-size: 12px;
    }
    .paymentfailed{
        height: 500px;
    }
    .succesfulorder{
        height: 500px;
    }
    .maincontent404 h1{
        font-size: 25px;
        margin: 20px 0px;
    }
    .homepage404{
        margin-bottom: 50px;
    }


    

    .brandslists li a{
        font-size: 15px;
    }
    .brandscolumns{
        flex-direction: column;
        gap: 0px;
    }
    .brandssection{
        margin: 0px 20px;
    }
    .atozbrandslist li a{
        display: flex;
        font-size: 12px;
        padding: 2px 0px;
    }
    .atozbrandslist{
        flex-direction: column;
        border: none;
        list-style-type: none;
    }
    .atozbrands{
        position: absolute;
        right: 0;
        top: 700px;
    }
    #highlightsh1{
        text-align: left;
        margin: 20px 0px;
        font-size: 20px;
        margin-left: 20px;
    }
    .brandsfullcontent{
        width: 100%;
    }
    #highlightsh2{
        font-size: 20px;
        margin-top: 10px;
        margin-left: 20px;
    }
    .brands-slider-content button{
        visibility: hidden;
    }
    .brandsslider .brandslinks img{
        width: 220px;
        height: 154px;
    }
    .brands-slider-content{
        margin-top: 18px;
        padding: 0px;
        padding-left: 20px;
    }
    .brandsslider{
        gap: 25px;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .brandsslider::-webkit-scrollbar {
        display: none;
    }
    #drunkelephant3{
        width: 220px;
        height: 154px;
    }










    .aboutustext{
        width: 100%;
    }
    .mainheaderaboutus img{
        width: 100%;
        margin-top: 0px;
        padding: 10px;
    }
    .secondaryaboutustext p{
        text-align: left;
    }
    .aboutuslowh{
        text-align: left;
    }
    .tertiary-aboutus img{
        width: 100%;
        padding: 10px;
        margin: 0px;
    }

   .footer-primary-shown{
    flex-direction: column;
   }
   .secondary-footer-shown{
    flex-direction: column;
    padding: 10px;
    gap: 0px;
   }
   .sec2footer{
    margin-bottom: 30px;
   }
   .mobiletogglecontent{
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
   }
   .mobiletogglecontent.active{
    max-height: 1000px; /* İçeriğe yetecek kadar geniş */
    opacity: 1;
    gap: 0;
    flex-direction: column;
   }
   .mobiletogglebuttonfooter{
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    font-weight: 700;
    border-bottom: rgb(209, 209, 209) 2px solid;
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 20px;
   }
   .footerlogin-register{
    display: flex;
    padding: 10px;
    margin-right: 20px;
    margin-top: 20px;
    justify-content: center;
   }
   .tertiary-footer-shown{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0px;
    height: 100px;
   }
   .tertiary-footer-shown p{
    padding: 10px;
    margin: 0px;
   }
   footer{
    width: 100%;
   }

   .emailnotifications p{
    display: flex;
    justify-content: center;
   }





    .answer{
        font-size: 14px;
    }
    .icon{
    
        width: 50px;
        height: 30px;
        margin-left: 30px;
        justify-content: right;
    }
    .mainheaderfaq .pagebuilder{
        display: none;
    }

    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderbaslik{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .deliveryundrefundpolicycontent{
        margin: 0;
    }
    .mainheader .pagebuilder{
        display: none;
    }

    .mainheadermembership .pagebuilder{
        display: none;
    }
    .navrow{
        margin-bottom: 10px;
        margin-top: 30px;
        justify-content: center;
    }



    .row-desktop-header{
        display: none;
    }
    #navigation {
        display: none;
    }
    /*-----------------*/
    .persistentbanner a{
        font-size: 13px;
        z-index: 1;
    }
    .mobilenavbarstart{
        display: flex;
        flex-direction: column;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        z-index: 1;
        background-color: white;
        box-sizing: border-box;
    }
    .mrows{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        z-index: 1;
    }
    .mrows a{
        display: flex;
        align-items: center;
    }
    .mrows span{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .mrows .mobilenavmenubutton{
        display: flex;
        background-color: transparent;
        border: none;
        align-items: center;
        z-index: 1;
        justify-content: center;
    }
    .mobileuserlogin{
        display: flex;
        align-items: center;
        z-index: 1;
        padding: 10px;
    }
    .msearch{
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        margin-top: 10px;
        z-index: 1;
    }
    .msearch-button{
        display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        z-index: 5;
        height: 40px;
        align-items: center;
        width: 40px;
        
        /*display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        */
    }
    .msearch input{
        line-height: 3;
        width: 80%;
        border: none;
        padding-left: 50px;
        font-family: 'Poppins',Arial,sans-serif;
        background-color: rgb(238, 238, 238);
        border-radius: 100px;
        margin-left: 30px;
        z-index: 1;
    }
    .msearch-overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5); /* Siyah yarı saydam arkaplan */
        z-index: 15;
        display: none; /* Başlangıçta gizli */
    }
    .msearchdropdown{
        display: flex;
        flex-direction: column;
        top: 0;
        background: #fefefe;
        right: 0;
        left: 0;
        position: absolute;
        z-index: 10;
        padding: 10px;
        width: 100%;
        height: 300px;
    }
    .searchspandrop{
    -webkit-font-smoothing: antialiased;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: .6;
    display: block;
    }
    .nav-shadow {
        visibility: hidden;
        -webkit-font-smoothing: antialiased;
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(10, 10, 10, 0.6); /* Bu kalsın */
        left: 0;
        top: 0;
        z-index: 9;
        display: block;
        backdrop-filter: blur(5px); /* Hafif bulanıklık efekti */
    }
    .nav-shadow.active {
        visibility: visible;
    }    
    .msearchdropdownsearch{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }
    .msearchdropdownsearch button{
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
        margin-left: 10px;
        position: absolute;
        height: 40px;
        width: 40px;
    }
    .msearchdropdownsearch input{
        background-color: rgb(238, 238, 238);
        font-family: 'Poppins',Arial,sans-serif;
        border: 1px solid black;
        font-size: 14px;
        width: 85%;
        height: 40px;
        border-radius: 100px;
        padding-left: 50px;
        font-weight: 500;
    }
    .dropquerys a{
        color: black;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        margin-bottom: 5px;
        margin-left: 10px;
        font-size: 15px;
    }
    .dropquerys{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',Arial,sans-serif;
    }
    .dropmenucloseicon{
        display: flex;
        align-items: center;
        margin-left: 20px;
    }
    .dropquerys h4{
        margin-top: 10px;
        letter-spacing: .5px;
        font-size: 18px;
        margin-bottom: 15px;

    }
    .msearchdropdown, .searchspandrop{
        display: none;
    }
    .msearchdropdown.active, .searchspandrop.active {
        display: block; 
      }
    
    .nav-mobile-menu {
        display: flex;
        position: fixed;
        overflow: scroll;
        z-index: 40;
        background-color: rgb(242, 242, 242);
        height: 100%;
        width: 85%;
        top: 0;
        left: -100%;
        transition: left 0.3s ease-in-out;
    }
    .nav-mobile-menu.active {
        left: 0;
    }
    .nav-content{
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
    }
    .top-burger-menu{
        display: flex;
        flex-direction: row;
        gap: 50px;
        justify-content: center;
        padding: 10px;
        width: 100%;
    }
    .top-burger-menu button{
        padding: 10px;
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
    }
    .top-burger-menu1{
        display: flex;
        padding: 10px;
    }
    .top-burger-menu1 p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgerloginregister{
        display: flex;
        flex-direction: column;
    }
    .burgerlogin{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
    }
    .burgerlogin span{
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    .burgermenusep{
        display: flex;
        height: 50px;
        padding: 10px;
        align-items: end;
    }
    .burgermenusep p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgercats{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    .burgerkategorys{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .burgerkategorys2 {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside span {
        display: flex;
        align-items: center;
    }
    .bath-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    
    .bath-menu-inside span{
        display: flex;
        align-items: center;
    }
    .hair-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .hair-menu-inside span {
        display: flex;
        align-items: center;
    }
    .burgerkategorys2 span{ 
        display: flex;
        align-items: center;
    }
    .burgerkategorys span{
        display: flex;
        align-items: center;
    }
    .menushown-makeup-mobile{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        background-color: white;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
    }
    .menushown-makeup-mobile.active {
        display: flex;
      }
    .menushown-makeup-drill{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        padding: 10px;
    }
    .menushown-makeup-drill .drilldownback{
        display: flex;
        flex-direction: row;
        padding: 10px;
        gap: 10px;
        font-weight: 700;
        align-items: center;
        justify-content: space-between;
    }
    .kategory-closer{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .menushown-makeup-mobile .makeupplinetext{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;
    }
    .menushown-makeup-mobile label{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        min-height: 50px;
        justify-content: space-between;
    }
    .menushown-makeup-mobile label span{
        display: flex;
        align-items: center;
    }
    .makeup-face-dropdown{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',sans-serif;
    }
    .makeup-face-dropdown a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
    }
    .dropdown-face-elements{
        display: none;
        flex-direction: column;
        background-color: white;
    }
    .dropdown-face-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
    .makeup-face.active{
        margin-bottom: 0px;
      }
    .face-menu-closer {
        transition: transform 0.3s ease-in-out;
      }
      .face-menu-closer2 {
        transition: transform 0.3s ease-in-out;
      }
      .parfum-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu.active {   
        display: flex;
      }
      .bath-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      
      .hair-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .bath-menu.active{
        display: flex;
      }
      .hair-menu.active{
        display: flex;
      }
      .parfum-menu.active{
        display: flex;
      }
      .brands-menu.active {
        display: flex;
      }
      .top-parfume-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header span {
        display: flex;
        align-items: center;
      }
      .top-parfume-header span{
        display: flex;
        align-items: center;
        
      }
      .top-skin-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-skin-header span {
        display: flex;
        align-items: center;
      }
      .top-hair-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-hair-header span{
        display: flex;
        align-items: center;
      }
      .drilldownback2 {
        flex-direction: row;
        font-weight: 700;
        align-items: center;
        padding: 10px;
        gap: 10px;
      }
      .kategory-closer2{
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .top-parfume-textline{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;

      }
      .parfume-labels-dropdowns {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .skin-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .bath-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .hair-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      
      .dropdown-parfume-elements {  
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-parfume-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-parfume-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-skin-elements{
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-skin-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-skin-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-hair-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-hair-elements.active{
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-hair-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-bath-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-bath-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-bath-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }

      .brandslabel{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
      }

      .navcatolog {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        gap: 100px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
        align-items: center;
        justify-content: space-between;
      }
      .navcatolog span {
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .brands-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .top-brands-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-brands-header span {
        display: flex;
        align-items: center;
      }
      .brands-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
        min-height: 50px;
      }
      .dropdown-brands-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-brands-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-brands-elements a {
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }

}


@media (max-width: 480px) and (min-width: 361px){
	.board_banner span img{
		max-height: 85px;
	}
        .costumerbannerlinks{
        gap: 5px;
        margin-top: 20px;
    }
    .costumerbannerlinks a{
        font-size: 10px;
    }
    .contactustable{
        font-size: 12px;
    }
    .contacttable{
        font-size: 12px;
    }
    .paymentfailed{
        height: 500px;
    }
    .succesfulorder{
        height: 500px;
    }
    .maincontent404 h1{
        font-size: 25px;
        margin: 20px 0px;
    }
    .homepage404{
        margin-bottom: 50px;
    }

    .brandslists li a{
        font-size: 15px;
    }
    .brandscolumns{
        flex-direction: column;
        gap: 0px;
    }
    .brandssection{
        margin: 0px 20px;
    }
    .atozbrandslist li a{
        display: flex;
        font-size: 12px;
        padding: 2px 0px;
    }
    .atozbrandslist{
        flex-direction: column;
        border: none;
        list-style-type: none;
    }
    .atozbrands{
        position: absolute;
        right: 0;
        top: 700px;
    }
    #highlightsh1{
        text-align: left;
        margin: 20px 0px;
        font-size: 20px;
        margin-left: 20px;
    }
    .brandsfullcontent{
        width: 100%;
    }
    #highlightsh2{
        font-size: 20px;
        margin-top: 10px;
        margin-left: 20px;
    }
    .brands-slider-content button{
        visibility: hidden;
    }
    .brandsslider .brandslinks img{
        width: 220px;
        height: 154px;
    }
    .brands-slider-content{
        margin-top: 18px;
        padding: 0px;
        padding-left: 20px;
    }
    .brandsslider{
        gap: 25px;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .brandsslider::-webkit-scrollbar {
        display: none;
    }
    #drunkelephant3{
        width: 220px;
        height: 154px;
    }

    .aboutustext{
        width: 100%;
    }
    .mainheaderaboutus img{
        width: 100%;
        margin-top: 0px;
        padding: 10px;
    }
    .secondaryaboutustext p{
        text-align: left;
    }
    .aboutuslowh{
        text-align: left;
    }
    .tertiary-aboutus img{
        width: 100%;
        padding: 10px;
        margin: 0px;
    }



    .footer-primary-shown{
        flex-direction: column;
       }
       .secondary-footer-shown{
        flex-direction: column;
        padding: 10px;
        gap: 0px;
       }
       .sec2footer{
        margin-bottom: 30px;
       }
       .mobiletogglecontent{
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease;
       }
       .mobiletogglecontent.active{
        max-height: 1000px; /* İçeriğe yetecek kadar geniş */
        opacity: 1;
        gap: 0;
        flex-direction: column;
       }
       .mobiletogglebuttonfooter{
        display: flex;
        justify-content: space-between;
        font-family: 'Poppins',sans-serif;
        font-size: 12px;
        font-weight: 700;
        border-bottom: rgb(209, 209, 209) 2px solid;
        padding: 5px 10px;
        cursor: pointer;
        margin-bottom: 20px;
       }
       .footerlogin-register{
        display: flex;
        padding: 10px;
        margin-right: 20px;
        margin-top: 20px;
        justify-content: center;
       }
       .tertiary-footer-shown{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0px;
        height: 100px;
       }
       .tertiary-footer-shown p{
        padding: 10px;
        margin: 0px;
       }
       footer{
        width: 100%;
       }
    
       .emailnotifications p{
        display: flex;
        justify-content: center;
       }
    








    .answer{
        font-size: 14px;
    }
    .icon{
    
        width: 50px;
        height: 30px;
        margin-left: 30px;
        justify-content: right;
    }
    .mainheaderfaq .pagebuilder{
        display: none;
    }

    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderbaslik{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .deliveryundrefundpolicycontent{
        margin: 0;
    }
    .mainheader .pagebuilder{
        display: none;
    }

    .mainheadermembership .pagebuilder{
        display: none;
    }
    .navrow{
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 10px;
    }

    body.no-scroll {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        width: 100%;
    }
    

    .nav-content{
        width: 100%;
    }



    .row-desktop-header{
        display: none;
    }
    #navigation {
        display: none;
    }
    /*-----------------*/
    .persistentbanner a{
        font-size: 13px;
        z-index: 1;
    }
    .mobilenavbarstart{
        display: flex;
        flex-direction: column;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        z-index: 1;
        background-color: white;
        box-sizing: border-box;
    }
    .mrows{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        z-index: 1;
    }
    .mrows a{
        display: flex;
        align-items: center;
    }
    .mrows span{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .mrows .mobilenavmenubutton{
        display: flex;
        background-color: transparent;
        border: none;
        align-items: center;
        z-index: 1;
        justify-content: center;
    }
    .mobileuserlogin{
        display: flex;
        align-items: center;
        z-index: 1;
        padding: 10px;
    }
    .msearch{
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        margin-top: 10px;
        z-index: 1;
    }
    .msearch-button{
        display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        z-index: 5;
        height: 40px;
        align-items: center;
        width: 40px;
        
        /*display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        */
    }
    .msearch input{
        line-height: 3;
        width: 80%;
        border: none;
        padding-left: 50px;
        font-family: 'Poppins',Arial,sans-serif;
        background-color: rgb(238, 238, 238);
        border-radius: 100px;
        margin-left: 30px;
        z-index: 1;
    }
    .msearch-overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5); /* Siyah yarı saydam arkaplan */
        z-index: 15;
        display: none; /* Başlangıçta gizli */
    }
    .msearchdropdown{
        display: flex;
        flex-direction: column;
        top: 0;
        background: #fefefe;
        right: 0;
        left: 0;
        position: absolute;
        z-index: 10;
        padding: 10px;
        width: 100%;
        height: 300px;
    }
    .searchspandrop{
    -webkit-font-smoothing: antialiased;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: .6;
    display: block;
    }
    .nav-shadow {
        visibility: hidden;
        -webkit-font-smoothing: antialiased;
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(10, 10, 10, 0.6); /* Bu kalsın */
        left: 0;
        top: 0;
        z-index: 9;
        display: block;
        backdrop-filter: blur(5px); /* Hafif bulanıklık efekti */
    }
    .nav-shadow.active {
        visibility: visible;
    }    
    .msearchdropdownsearch{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }
    .msearchdropdownsearch button{
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
        margin-left: 10px;
        position: absolute;
        height: 40px;
        width: 40px;
    }
    .msearchdropdownsearch input{
        background-color: rgb(238, 238, 238);
        font-family: 'Poppins',Arial,sans-serif;
        border: 1px solid black;
        font-size: 14px;
        width: 85%;
        height: 40px;
        border-radius: 100px;
        padding-left: 50px;
        font-weight: 500;
    }
    .dropquerys a{
        color: black;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        margin-bottom: 5px;
        margin-left: 10px;
        font-size: 15px;
    }
    .dropquerys{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',Arial,sans-serif;
    }
    .dropmenucloseicon{
        display: flex;
        align-items: center;
        margin-left: 20px;
    }
    .dropquerys h4{
        margin-top: 10px;
        letter-spacing: .5px;
        font-size: 18px;
        margin-bottom: 15px;

    }
    .msearchdropdown, .searchspandrop{
        display: none;
    }
    .msearchdropdown.active, .searchspandrop.active {
        display: block; 
      }
    
    .nav-mobile-menu {
        display: flex;
        position: fixed;
        overflow: scroll;
        z-index: 40;
        background-color: rgb(242, 242, 242);
        height: 100%;
        width: 85%;
        top: 0;
        left: -100%;
        transition: left 0.3s ease-in-out;
    }
    .nav-mobile-menu.active {
        left: 0;
    }
    .nav-content{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .top-burger-menu{
        display: flex;
        flex-direction: row;
        gap: 50px;
        justify-content: center;
        padding: 10px;
        width: 100%;
    }
    .top-burger-menu button{
        padding: 10px;
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
    }
    .top-burger-menu1{
        display: flex;
        padding: 10px;
    }
    .top-burger-menu1 p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgerloginregister{
        display: flex;
        flex-direction: column;
    }
    .burgerlogin{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
    }
    .burgerlogin span{
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    .burgermenusep{
        display: flex;
        height: 50px;
        padding: 10px;
        align-items: end;
    }
    .burgermenusep p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgercats{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    .burgerkategorys{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .burgerkategorys2 {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside span {
        display: flex;
        align-items: center;
    }
    .bath-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    
    .bath-menu-inside span{
        display: flex;
        align-items: center;
    }
    .hair-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .hair-menu-inside span {
        display: flex;
        align-items: center;
    }
    .burgerkategorys2 span{ 
        display: flex;
        align-items: center;
    }
    .burgerkategorys span{
        display: flex;
        align-items: center;
    }
    .menushown-makeup-mobile{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        background-color: white;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
    }
    .menushown-makeup-mobile.active {
        display: flex;
      }
    .menushown-makeup-drill{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        padding: 10px;
    }
    .menushown-makeup-drill .drilldownback{
        display: flex;
        flex-direction: row;
        padding: 10px;
        gap: 10px;
        font-weight: 700;
        align-items: center;
        justify-content: space-between;
    }
    .kategory-closer{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .menushown-makeup-mobile .makeupplinetext{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;
    }
    .menushown-makeup-mobile label{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        min-height: 50px;
        justify-content: space-between;
    }
    .menushown-makeup-mobile label span{
        display: flex;
        align-items: center;
    }
    .makeup-face-dropdown{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',sans-serif;
    }
    .makeup-face-dropdown a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
    }
    .dropdown-face-elements{
        display: none;
        flex-direction: column;
        background-color: white;
    }
    .dropdown-face-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
    .makeup-face.active{
        margin-bottom: 0px;
      }
    .face-menu-closer {
        transition: transform 0.3s ease-in-out;
      }
      .face-menu-closer2 {
        transition: transform 0.3s ease-in-out;
      }
      .parfum-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu.active {   
        display: flex;
      }
      .bath-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      
      .hair-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .bath-menu.active{
        display: flex;
      }
      .hair-menu.active{
        display: flex;
      }
      .parfum-menu.active{
        display: flex;
      }
      .brands-menu.active {
        display: flex;
      }
      .top-parfume-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header span {
        display: flex;
        align-items: center;
      }
      .top-parfume-header span{
        display: flex;
        align-items: center;
        
      }
      .top-skin-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-skin-header span {
        display: flex;
        align-items: center;
      }
      .top-hair-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-hair-header span{
        display: flex;
        align-items: center;
      }
      .drilldownback2 {
        flex-direction: row;
        font-weight: 700;
        align-items: center;
        padding: 10px;
        gap: 10px;
      }
      .kategory-closer2{
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .top-parfume-textline{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;

      }
      .parfume-labels-dropdowns {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .skin-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .bath-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .hair-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      
      .dropdown-parfume-elements {  
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-parfume-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-parfume-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-skin-elements{
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-skin-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-skin-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-hair-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-hair-elements.active{
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-hair-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-bath-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-bath-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-bath-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }

      .brandslabel{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
      }

      .navcatolog {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        gap: 100px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
        align-items: center;
        justify-content: space-between;
      }
      .navcatolog span {
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .brands-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .top-brands-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-brands-header span {
        display: flex;
        align-items: center;
      }
      .brands-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
        min-height: 50px;
      }
      .dropdown-brands-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-brands-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-brands-elements a {
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
}


@media (max-width: 768px) and (min-width: 481px){
    .maincontent404 h1{
        font-size: 25px;
        margin: 20px 0px;
    }
    .homepage404{
        margin-bottom: 50px;
    }

    .brandslists li a{
        font-size: 15px;
    }
    .brandscolumns{
        flex-direction: column;
        gap: 0px;
    }
    .brandssection{
        margin: 0px 20px;
    }
    .atozbrandslist li a{
        display: flex;
        font-size: 12px;
        padding: 2px 0px;
    }
    .atozbrandslist{
        flex-direction: column;
        border: none;
        list-style-type: none;
    }
    .atozbrands{
        position: absolute;
        right: 0;
        top: 700px;
    }
    #highlightsh1{
        text-align: left;
        margin: 20px 0px;
        font-size: 20px;
        margin-left: 20px;
    }
    .brandsfullcontent{
        width: 100%;
    }
    #highlightsh2{
        font-size: 20px;
        margin-top: 10px;
        margin-left: 20px;
    }
    .brands-slider-content button{
        visibility: hidden;
    }
    .brandsslider .brandslinks img{
        width: 220px;
        height: 154px;
    }
    .brands-slider-content{
        margin-top: 18px;
        padding: 0px;
        padding-left: 20px;
    }
    .brandsslider{
        gap: 25px;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .brandsslider::-webkit-scrollbar {
        display: none;
    }
    #drunkelephant3{
        width: 220px;
        height: 154px;
    }



    .aboutustext{
        width: 100%;
    }
    .mainheaderaboutus img{
        width: 100%;
        margin-top: 0px;
        padding: 10px;
    }
    .secondaryaboutustext p{
        text-align: left;
    }
    .aboutuslowh{
        text-align: left;
    }
    .tertiary-aboutus img{
        width: 100%;
        padding: 10px;
        margin: 0px;
    }




    .footer-primary-shown{
        flex-direction: column;
       }
       .secondary-footer-shown{
        flex-direction: column;
        padding: 10px;
        gap: 0px;
       }
       .sec2footer{
        margin-bottom: 30px;
       }
       .mobiletogglecontent{
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease;
       }
       .mobiletogglecontent.active{
        max-height: 1000px; /* İçeriğe yetecek kadar geniş */
        opacity: 1;
        gap: 0;
        flex-direction: column;
       }
       .mobiletogglebuttonfooter{
        display: flex;
        justify-content: space-between;
        font-family: 'Poppins',sans-serif;
        font-size: 12px;
        font-weight: 700;
        border-bottom: rgb(209, 209, 209) 2px solid;
        padding: 5px 10px;
        cursor: pointer;
        margin-bottom: 20px;
       }
       .footerlogin-register{
        display: flex;
        padding: 10px;
        margin-right: 20px;
        margin-top: 20px;
        justify-content: center;
       }
       .tertiary-footer-shown{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0px;
        height: 100px;
       }
       .tertiary-footer-shown p{
        padding: 10px;
        margin: 0px;
       }
       footer{
        width: 100%;
       }
    
       .emailnotifications p{
        display: flex;
        justify-content: center;
       }
    











    .answer{
        font-size: 14px;
    }
    .icon{
    
        width: 50px;
        height: 30px;
        margin-left: 30px;
        justify-content: right;
    }
    .mainheaderfaq .pagebuilder{
        display: none;
    }

    .mainheaderprivacy .pagebuilder{
        display: none;
    }




    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderbaslik{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .deliveryundrefundpolicycontent{
        margin: 0;
    }
    .mainheader .pagebuilder{
        display: none;
    }

    .mainheadermembership .pagebuilder{
        display: none;
    }
    .navrow{
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    body.no-scroll {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        width: 100%;
    }

    .nav-content{
        width: 100%;
    }

    .top-burger-menu .logo-menu{
        left: 0;
    }

    .row-desktop-header{
        display: none;
    }
    #navigation {
        display: none;
    }
    /*-----------------*/
    .persistentbanner a{
        font-size: 13px;
        z-index: 1;
    }
    .mobilenavbarstart{
        display: flex;
        flex-direction: column;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        z-index: 1;
        background-color: white;
        box-sizing: border-box;
    }
    .mrows{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        z-index: 1;
    }
    .mrows a{
        display: flex;
        align-items: center;
    }
    .mrows span{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .mrows .mobilenavmenubutton{
        display: flex;
        background-color: transparent;
        border: none;
        align-items: center;
        z-index: 1;
        justify-content: center;
    }
    .mobileuserlogin{
        display: flex;
        align-items: center;
        z-index: 1;
        padding: 10px;
    }
    .msearch{
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        margin-top: 10px;
        z-index: 1;
    }
    .msearch-button{
        display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        z-index: 5;
        height: 40px;
        align-items: center;
        width: 40px;
        
        /*display: flex;
        background-color: transparent;
        border: transparent;
        position: absolute;
        margin-left: 42px;
        */
    }
    .msearch input{
        line-height: 3;
        width: 100%;
        border: none;
        padding-left: 50px;
        margin-right: 30px;
        font-family: 'Poppins',Arial,sans-serif;
        background-color: rgb(238, 238, 238);
        border-radius: 100px;
        margin-left: 30px;
        z-index: 1;
    }
    .msearch-overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5); /* Siyah yarı saydam arkaplan */
        z-index: 15;
        display: none; /* Başlangıçta gizli */
    }
    .msearchdropdown{
        display: flex;
        flex-direction: column;
        top: 0;
        background: #fefefe;
        right: 0;
        left: 0;
        position: absolute;
        z-index: 10;
        padding: 10px;
        width: 100%;
        height: 300px;
    }
    .searchspandrop{
    -webkit-font-smoothing: antialiased;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: .6;
    display: block;
    }
    .nav-shadow {
        visibility: hidden;
        -webkit-font-smoothing: antialiased;
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(10, 10, 10, 0.6); /* Bu kalsın */
        left: 0;
        top: 0;
        z-index: 9;
        display: block;
        backdrop-filter: blur(5px); /* Hafif bulanıklık efekti */
    }
    .nav-shadow.active {
        visibility: visible;
    }    
    .msearchdropdownsearch{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }
    .msearchdropdownsearch button{
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
        margin-left: 10px;
        position: absolute;
        height: 40px;
        width: 40px;
    }
    .msearchdropdownsearch input{
        background-color: rgb(238, 238, 238);
        font-family: 'Poppins',Arial,sans-serif;
        border: 1px solid black;
        font-size: 14px;
        width: 85%;
        height: 40px;
        border-radius: 100px;
        padding-left: 50px;
        font-weight: 500;
    }
    .dropquerys a{
        color: black;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: .5px;
        font-family: 'Poppins',Arial,sans-serif;
        margin-bottom: 5px;
        margin-left: 10px;
        font-size: 15px;
    }
    .dropquerys{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',Arial,sans-serif;
    }
    .dropmenucloseicon{
        display: flex;
        align-items: center;
        margin-left: 20px;
    }
    .dropquerys h4{
        margin-top: 10px;
        letter-spacing: .5px;
        font-size: 18px;
        margin-bottom: 15px;

    }
    .msearchdropdown, .searchspandrop{
        display: none;
    }
    .msearchdropdown.active, .searchspandrop.active {
        display: block; 
      }
    
    .nav-mobile-menu {
        display: flex;
        position: fixed;
        overflow: scroll;
        z-index: 40;
        background-color: rgb(242, 242, 242);
        height: 100%;
        width: 70%;
        top: 0;
        left: -100%;
        transition: left 0.3s ease-in-out;
    }
    .nav-mobile-menu.active {
        left: 0;
    }
    .nav-content{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .top-burger-menu{
        display: flex;
        flex-direction: row;
        gap: 50px;
        justify-content: space-between;
        padding: 10px;
        width: 100%;
    }
    .top-burger-menu button{
        padding: 10px;
        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
    }
    .top-burger-menu1{
        display: flex;
        padding: 10px;
    }
    .top-burger-menu1 p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgerloginregister{
        display: flex;
        flex-direction: column;
    }
    .burgerlogin{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
    }
    .burgerlogin span{
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    .burgermenusep{
        display: flex;
        height: 50px;
        padding: 10px;
        align-items: end;
    }
    .burgermenusep p{
        font-family: 'Poppins',Arial,sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .burgercats{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    .burgerkategorys{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .burgerkategorys2 {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .skin-menu-inside span {
        display: flex;
        align-items: center;
    }
    .bath-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    
    .bath-menu-inside span{
        display: flex;
        align-items: center;
    }
    .hair-menu-inside {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
    }
    .hair-menu-inside span {
        display: flex;
        align-items: center;
    }
    .burgerkategorys2 span{ 
        display: flex;
        align-items: center;
    }
    .burgerkategorys span{
        display: flex;
        align-items: center;
    }
    .menushown-makeup-mobile{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        background-color: white;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
    }
    .menushown-makeup-mobile.active {
        display: flex;
      }
    .menushown-makeup-drill{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        padding: 10px;
    }
    .menushown-makeup-drill .drilldownback{
        display: flex;
        flex-direction: row;
        padding: 10px;
        gap: 10px;
        font-weight: 700;
        align-items: center;
        justify-content: space-between;
    }
    .kategory-closer{
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .menushown-makeup-mobile .makeupplinetext{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;
    }
    .menushown-makeup-mobile label{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        min-height: 50px;
        justify-content: space-between;
    }
    .menushown-makeup-mobile label span{
        display: flex;
        align-items: center;
    }
    .makeup-face-dropdown{
        display: flex;
        flex-direction: column;
        font-family: 'Poppins',sans-serif;
    }
    .makeup-face-dropdown a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
    }
    .dropdown-face-elements{
        display: none;
        flex-direction: column;
        background-color: white;
    }
    .dropdown-face-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
    .makeup-face.active{
        margin-bottom: 0px;
      }
    .face-menu-closer {
        transition: transform 0.3s ease-in-out;
      }
      .face-menu-closer2 {
        transition: transform 0.3s ease-in-out;
      }
      .parfum-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .skin-menu.active {   
        display: flex;
      }
      .bath-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      
      .hair-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .bath-menu.active{
        display: flex;
      }
      .hair-menu.active{
        display: flex;
      }
      .parfum-menu.active{
        display: flex;
      }
      .brands-menu.active {
        display: flex;
      }
      .top-parfume-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-bath-header span {
        display: flex;
        align-items: center;
      }
      .top-parfume-header span{
        display: flex;
        align-items: center;
        
      }
      .top-skin-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-skin-header span {
        display: flex;
        align-items: center;
      }
      .top-hair-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-hair-header span{
        display: flex;
        align-items: center;
      }
      .drilldownback2 {
        flex-direction: row;
        font-weight: 700;
        align-items: center;
        padding: 10px;
        gap: 10px;
      }
      .kategory-closer2{
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .top-parfume-textline{
        font-family: 'Poppins',sans-serif;
        padding: 10px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;

      }
      .parfume-labels-dropdowns {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .skin-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .bath-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      .hair-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
      }
      
      .dropdown-parfume-elements {  
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-parfume-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-parfume-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-skin-elements{
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-skin-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-skin-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-hair-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-hair-elements.active{
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-hair-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
      .dropdown-bath-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-bath-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-bath-elements a{
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }

      .brandslabel{
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        justify-content: space-between;
      }

      .navcatolog {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        gap: 100px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 60px;
        min-height: 60px;
        align-items: center;
        justify-content: space-between;
      }
      .navcatolog span {
        display: flex;
        align-items: center;
        padding: 10px;
      }
      .brands-menu{
        display: none;
        flex-direction: column;
        width: 100%;
        height: 1000px;
        position: absolute;
        font-family: 'Quicksand',sans-serif;
        top: 0;
        background-color: rgb(242, 242, 242);
      }
      .top-brands-header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        gap: 10px;
      }
      .top-brands-header span {
        display: flex;
        align-items: center;
      }
      .brands-labels-dropdown {
        display: flex;
        flex-direction: row;
        padding: 10px;
        font-size: 17px;
        font-family: 'Quicksand',sans-serif;
        font-weight: 700;
        align-items: center;
        gap: 10px;
        color: black;
        letter-spacing: .5px;
        background-color: white;
        margin-bottom: 5px;
        text-decoration: none;
        height: 50px;
        justify-content: space-between;
        min-height: 50px;
      }
      .dropdown-brands-elements {
        display: none;
        flex-direction: column;
        background-color: white;
      }
      .dropdown-brands-elements.active {
        display: flex;
        margin-bottom: 5px;
      }
      .dropdown-brands-elements a {
        color: black;
        text-decoration: none;
        padding: 10px;
        padding-left: 30px;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Poppins',sans-serif;
      }
}

@media (max-width: 1024px) and (min-width: 769px){

    .aboutustext{
        width: 100%;
    }
    .mainheaderaboutus img{
        width: 70%;
        margin-top: 0px;
        padding: 10px;
    }
    .secondaryaboutustext p{
        text-align: left;
    }
    .aboutuslowh{
        text-align: left;
    }
    .tertiary-aboutus img{
        width: 80%;
        padding: 10px;
        margin: 0px;
    }





    .footer-primary-shown{
        flex-direction: column;
       }
       .secondary-footer-shown{
        flex-direction: column;
        padding: 10px;
        gap: 0px;
       }
       .sec2footer{
        margin-bottom: 30px;
       }
       .mobiletogglecontent{
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease;
       }
       .mobiletogglecontent.active{
        max-height: 1000px; /* İçeriğe yetecek kadar geniş */
        opacity: 1;
        gap: 0;
        flex-direction: column;
       }
       .mobiletogglebuttonfooter{
        display: flex;
        justify-content: space-between;
        font-family: 'Poppins',sans-serif;
        font-size: 12px;
        font-weight: 700;
        border-bottom: rgb(209, 209, 209) 2px solid;
        padding: 5px 10px;
        cursor: pointer;
        margin-bottom: 20px;
       }
       .footerlogin-register{
        display: flex;
        padding: 10px;
        margin-right: 20px;
        margin-top: 20px;
        justify-content: center;
       }
       .tertiary-footer-shown{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0px;
        height: 100px;
       }
       .tertiary-footer-shown p{
        padding: 10px;
        margin: 0px;
       }
       footer{
        width: 100%;
       }
    
       .emailnotifications p{
        display: flex;
        justify-content: center;
       }
    













    .answer{
        font-size: 14px;
    }
    .icon{
    
        width: 50px;
        height: 30px;
        margin-left: 30px;
        justify-content: right;
    }
    .mainheaderfaq .pagebuilder{
        display: none;
    }

    .mainheaderprivacy .pagebuilder{
        display: none;
    }




    .mainheaderprivacy .pagebuilder{
        display: none;
    }


    .mainheaderbaslik{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .deliveryundrefundpolicycontent{
        margin: 0;
    }
    .mainheader .pagebuilder{
        display: none;
    }
    .mainheadermembership .pagebuilder{
        display: none;
    }
    .navrow{
        margin-top: 30px;
        justify-content: center;
        margin-bottom: 30px;
    }
    .catologlink{
        font-size: 14px;
    }
    body{
        overflow-x: hidden;
    }
    body.no-scroll {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        width: 100%;
    }
}

/*
       -webkit-text-size-adjust: 100%;
    font-weight: 400;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-family: AvantGardeMedium,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: .9375rem;
    line-height: 1.27;
    box-sizing: inherit;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: .6;
    display: block;
*/