*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

font-family:Poppins,sans-serif;
background:#faf7f2;
color:#333;

}


.header{

    height:90px;
    background:#24083f;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 5%;

    gap:20px;
    
    white-space:nowrap;

}


.logo-area{

    flex-shrink:0;

}


.logo-area img{

    width:230px;
    max-width:100%;

}





nav{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

    flex:1;

}



nav a{

    color:white;
    text-decoration:none;
    margin:0 18px;
    font-weight:600;

    transition:.3s;

}


nav a:hover{

    color:#d4af37;

}



nav a.active{

    color:#d4af37;

}




.header-buttons{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}



.header-buttons a{

    white-space:nowrap;

}


@media(max-width:1100px){

    nav{

        gap:12px;

    }


    nav a{

        font-size:13px;

    }


    .logo-area img{

        width:220px;

    }


}
@media(max-width:850px){


.header{

    height:auto;

    padding:20px;

    flex-wrap:wrap;

}


nav{

    order:3;

    width:100%;

    justify-content:center;

    flex-wrap:wrap;

}


}

.header-buttons a{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    height:42px;

    padding:0 28px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    white-space:nowrap;

    transition:.3s;

}
.login{

    border:1px solid #ffffff;

    color:white;

    background:transparent;

}


.register{

    background:#d4af37;

    color:white;

    border:none;

}

.login:hover{

    background:white;

    color:#4b1d74;

}


.register:hover{

    background:#f2c94c;

}



.heross{

    min-height:550px;

    background:
    url("../images/hero-bg.png");

    background-size:cover;
    background-position:center;

}

.hero{


min-height:550px;

display:flex;

align-items:center;

padding:20px 8%;


background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.95),
        rgba(75,29,116,.25)
    ),
    url("../images/hero-bg.png");


}



.hero-content{

width:50%;

}



.hero-content span{

color:#d4af37;
font-weight:bold;

}


.hero h1{

font-family:"Playfair Display";
font-size:75px;
color:#4b1d74;

}



.hero p{

font-size:20px;
line-height:1.7;
margin:25px 0;

}



.hero-product{

width:50%;
text-align:center;

}



.hero-product img{

width:90%;
max-width:550px;

}






.btn-primary,
.btn-outline{

display:inline-block;
padding:15px 35px;
border-radius:35px;
text-decoration:none;
font-weight:bold;
margin-right:15px;

}



.btn-primary{

background:#55208b;
color:white;

}


.btn-outline{

border:2px solid #55208b;
color:#55208b;

}








.features{

background:white;

display:grid;

grid-template-columns:repeat(4,1fr);

margin:-40px 8% 50px;

padding:35px;

border-radius:20px;

box-shadow:0 10px 30px #0002;

}


.feature{

text-align:center;

}


.icon{

font-size:35px;

}



.feature h3{

color:#4b1d74;

}









.products{

padding:80px 8%;

}



.section-title{

text-align:center;

}



.section-title span{

color:#d4af37;
font-weight:bold;

}



.section-title h2{

font-family:"Playfair Display";
font-size:50px;
color:#4b1d74;

}




.product-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:50px;

}



.product-card{

background:white;

padding:25px;

border-radius:20px;

box-shadow:0 10px 25px #0001;

}



.product-card img{

width:100%;

}



.product-card h3{

color:#4b1d74;

}



.product-card a{

color:#55208b;

}



.coming{

display:flex;

align-items:center;

justify-content:center;

text-align:center;

background:#e8d8ff;

}







.business{


background:#35105d;

color:white;

padding:70px 8%;

display:flex;

justify-content:space-around;

align-items:center;


}



.business h2{

font-family:"Playfair Display";
font-size:45px;

}



.network{

display:grid;

grid-template-columns:repeat(2,100px);

gap:20px;

}


.circle{

width:90px;
height:90px;

border-radius:50%;

background:#d4af37;

display:flex;

align-items:center;

justify-content:center;

}








.footer-info{

background:#24083f;

color:white;

display:grid;

grid-template-columns:repeat(4,1fr);

padding:40px 8%;

text-align:center;

}



footer{

background:#160526;

color:white;

padding:20px;

text-align:center;

}





@media(max-width:900px){


nav{

display:none;

}


.hero{

flex-direction:column;

}


.hero-content,
.hero-product{

width:100%;
text-align:center;

}



.hero h1{

font-size:45px;

}



.features,
.product-grid,
.footer-info{

grid-template-columns:1fr;

}



.business{

flex-direction:column;

gap:40px;

}


}

/* HAMBURGER */

.hamburger{

display:none;

background:none;

border:none;

color:white;

font-size:32px;

cursor:pointer;

}





.mobile-buttons{

display:none;

}







@media(max-width:900px){


.header{

height:75px;

padding:0 20px;

}



.logo-area img{

width:190px;

}



.hamburger{

display:block;

}




.header-buttons{

display:none;

}





nav{


position:absolute;

top:75px;

left:0;

width:100%;


background:#24083f;


display:none;


flex-direction:column;


padding:25px 0;


z-index:100;



}



nav a{


margin:12px 0;

font-size:16px;

text-align:center;


}



nav.show{


display:flex;


}



.mobile-buttons{


display:flex;

flex-direction:column;

align-items:center;

gap:15px;

margin-top:20px;


}



.mobile-buttons a{


width:150px;

text-align:center;


}


}






/* =====================
   ABOUT PAGE
===================== */


.about-hero{

min-height:420px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;


background:

linear-gradient(
rgba(45,10,80,.75),
rgba(45,10,80,.75)
),

url("../images/about-bg.png");


background-size:cover;

background-position:center;


color:white;

}



.about-hero-content{

max-width:850px;

padding:40px;

}



.about-hero span{

color:#d4af37;

font-weight:700;

}



.about-hero h1{

font-family:"Playfair Display";

font-size:55px;

margin:20px 0;

}




.about-hero p{

font-size:18px;

line-height:1.8;

}







.about-section{


display:flex;

gap:60px;

padding:80px 8%;

align-items:center;


}



.about-image{

width:50%;

}



.about-image img{

width:100%;

border-radius:25px;

}




.about-text{

width:50%;

}



.about-text span{

color:#d4af37;

font-weight:bold;

}



.about-text h2{

font-family:"Playfair Display";

font-size:45px;

color:#4b1d74;

}



.about-text p{

line-height:1.8;

}







.mission-section{


display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

padding:60px 8%;

background:#faf7f2;


}



.mission-card{


background:white;

padding:40px;

border-radius:25px;

text-align:center;

box-shadow:0 10px 25px #0001;


}



.mission-card h3{

font-family:"Playfair Display";

color:#4b1d74;

font-size:30px;

}







.values{


padding:80px 8%;


}




.value-grid{


display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:50px;


}




.value-card{


background:white;

padding:35px 20px;

text-align:center;

border-radius:20px;

box-shadow:0 10px 25px #0001;


}



.value-card div{

font-size:35px;

}



.value-card h3{

color:#4b1d74;

}








.about-cta{


background:#35105d;

color:white;

text-align:center;

padding:70px 20px;


}



.about-cta h2{

font-family:"Playfair Display";

font-size:45px;

}



.about-cta p{

margin:20px;

}






@media(max-width:900px){


.about-section{

flex-direction:column;

}



.about-image,
.about-text{

width:100%;

}



.mission-section{

grid-template-columns:1fr;

}



.value-grid{

grid-template-columns:1fr;

}



.about-hero h1{

font-size:38px;

}



}


/* PRODUCTS PAGE */


.products-hero{

height:420px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;


background:

linear-gradient(
rgba(45,10,80,.75),
rgba(45,10,80,.75)
),

url("../images/product-bg.png");


background-size:cover;

background-position:center;

}



.products-hero span{

color:#d4af37;

font-weight:700;

}


.products-hero h1{

font-family:"Playfair Display";

font-size:55px;

margin:20px;

}


.products-hero p{

font-size:18px;

}




.products-page{

padding:80px 8%;

}




.products-cta{

background:#35105d;

padding:70px 20px;

text-align:center;

color:white;

}



.products-cta h2{

font-family:"Playfair Display";

font-size:42px;

}






@media(max-width:900px){

.products-hero h1{

font-size:38px;

}

}

/* PRODUCT DETAILS */


.product-detail{

display:flex;

gap:70px;

padding:90px 8%;

align-items:center;

}



.product-detail-image{

width:45%;

text-align:center;

}



.product-detail-image img{

max-width:100%;

height:420px;

object-fit:contain;

}




.product-detail-content{

width:55%;

}



.product-detail-content span{

color:#d4af37;

font-weight:700;

}



.product-detail-content h1{

font-family:"Playfair Display";

font-size:48px;

color:#4b1d74;

}



.product-detail-content p{

line-height:1.8;

}



.product-detail-content h3{

color:#4b1d74;

margin-top:30px;

}



.product-detail-content li{

margin-bottom:10px;

}




@media(max-width:900px){


.product-detail{

flex-direction:column;

}



.product-detail-image,
.product-detail-content{

width:100%;

}


.product-detail-content h1{

font-size:36px;

}


}



/* CONTACT PAGE */


.contact-hero{

height:400px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;


background:

linear-gradient(
rgba(45,10,80,.75),
rgba(45,10,80,.75)
),

url("../images/contact-bg.png");


background-size:cover;

background-position:center;

}



.contact-hero span{

color:#d4af37;

font-weight:700;

}



.contact-hero h1{

font-family:"Playfair Display";

font-size:52px;

margin:20px;

}




.contact-section{

display:flex;

gap:60px;

padding:80px 8%;

}




.contact-info,
.contact-form{

width:50%;

}




.contact-info h2,
.contact-form h2{

font-family:"Playfair Display";

font-size:38px;

color:#4b1d74;

}




.contact-item{

margin-top:30px;

}




.contact-item h4{

color:#4b1d74;

}





.contact-form form{

display:flex;

flex-direction:column;

gap:20px;

}



.contact-form input,
.contact-form textarea{


padding:15px;

border:1px solid #ddd;

border-radius:10px;

font-family:Poppins;

}



.contact-form textarea{

height:150px;

resize:none;

}





.contact-cta{

background:#35105d;

color:white;

padding:70px 20px;

text-align:center;

}



.contact-cta h2{

font-family:"Playfair Display";

font-size:42px;

}




@media(max-width:900px){


.contact-section{

flex-direction:column;

}


.contact-info,
.contact-form{

width:100%;

}


.contact-hero h1{

font-size:36px;

}


}
.honeypot{
    display:none;
}

/* STOCKIST PAGE */


.stockist-hero{

height:380px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;


background:

linear-gradient(
rgba(45,10,80,.75),
rgba(45,10,80,.75)
),

url("../images/stockist-bg.png");


background-size:cover;

background-position:center;

}



.stockist-hero span{

color:#d4af37;

font-weight:700;

}



.stockist-hero h1{

font-family:"Playfair Display";

font-size:52px;

}





.stockists{

padding:80px 8%;

}





.stockist-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:50px;

}





.stockist-card{

background:white;

padding:35px;

border-radius:20px;

box-shadow:0 10px 25px #0002;

}



.stockist-card h3{

font-family:"Playfair Display";

color:#4b1d74;

font-size:28px;

}



.stockist-card p{

margin:15px 0;

}




@media(max-width:900px){

.stockist-grid{

grid-template-columns:1fr;

}

}