:root{
--bg:#f6f2ec;
--text:#222;
--accent:#bca48a;
--border:#e5ddd4;
}
body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:'Inter',sans-serif;
font-weight:400;
line-height:1.8;
}
.site-header{
position:sticky;
top:0;
background:#fff;
border-bottom:1px solid var(--border);
}
.header-inner{
max-width:1400px;
margin:auto;
padding:24px 40px;
display:flex;
justify-content:space-between;
align-items:center;
}
.logo a{
font-family:'Cormorant Garamond',serif;
font-size:34px;
letter-spacing:6px;
text-decoration:none;
color:#222;
}
.main-nav a{
font-family:'Inter',sans-serif;
font-size:12px;
letter-spacing:1.5px;
text-transform:uppercase;
text-decoration:none;
color:#222;
}
.hero{
height:88vh;
display:flex;
align-items:flex-end;
padding:8%;
background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),#cfc8bf;
color:white;
}
.eyebrow{
letter-spacing:3px;
font-size:12px;
text-transform:uppercase;
}
.hero h1{
font-family:'Cormorant Garamond',serif;
font-size:84px;
font-weight:300;
margin:10px 0;
}
.hero p{
max-width:520px;
font-size:18px;
}
.btn{
display:inline-block;
padding:14px 30px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
margin-top:20px;
}
.editorial-section,.content{
max-width:1400px;
margin:auto;
padding:80px 40px;
}
.editorial-section h2{
font-family:'Cormorant Garamond',serif;
font-size:56px;
font-weight:300;
}
.site-footer{
background:#fff;
padding:80px 40px;
text-align:center;
margin-top:80px;
}
.footer-logo{
font-family:'Cormorant Garamond',serif;
font-size:32px;
letter-spacing:5px;
}
ul.products{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:40px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-family:'Cormorant Garamond',serif;
font-size:28px;
font-weight:400;
}
.woocommerce ul.products li.product img{
transition:.5s;
}
.woocommerce ul.products li.product:hover img{
transform:scale(1.04);
}
.price{
font-family:'Inter',sans-serif;
font-weight:300;
}
@media(max-width:768px){
.hero h1{font-size:48px;}
}
/* HERO */

.hero{
    position:relative;
    height:92vh;
    background:#c8c1b8;
    display:flex;
    align-items:flex-end;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.15);
}

.hero-content{
    position:relative;
    z-index:2;
    padding:120px;
    color:white;
    max-width:700px;
}

.hero-subtitle{
    letter-spacing:4px;
    font-size:12px;
}

.hero h1{
    font-family:'Cormorant Garamond',serif;
    font-size:96px;
    font-weight:300;
    margin:20px 0;
}

.btn-light{
    border:1px solid white;
    color:white;
    padding:14px 28px;
    display:inline-block;
}

/* CATEGORÍAS */

.home-categories{
    padding:120px 40px;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.category-card{
    text-decoration:none;
    color:#222;
}

.category-image{
    height:450px;
    background:#ddd;
}

.category-card span{
    display:block;
    margin-top:15px;
    font-family:'Cormorant Garamond',serif;
    font-size:28px;
}

/* EDITORIAL */

.editorial-block{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:700px;
}

.editorial-image{
    background:#d8d1c7;
}

.editorial-content{
    padding:120px;
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.editorial-content h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    font-weight:300;
}

.btn-dark{
    border:1px solid #222;
    padding:14px 28px;
    display:inline-block;
    width:fit-content;
}

/* BEST SELLERS */

.featured-products{
    padding:120px 40px;
}

/* NEWSLETTER */

.newsletter{
    padding:120px 40px;
    background:white;
}

.newsletter-inner{
    max-width:800px;
    margin:auto;
    text-align:center;
}

.newsletter h2{
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    font-weight:300;
}

.newsletter input{
    width:320px;
    padding:16px;
}

.newsletter button{
    padding:16px 24px;
}

/* INSTAGRAM */

.instagram-feed{
    padding:120px 40px;
}

.instagram-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

.insta-item{
    aspect-ratio:1;
    background:#d8d8d8;
}