body {
    font-family: 'Inter', sans-serif;
    background:#ffffff;
    color:#3a2a25;
}

h1,h2,h3 {
    font-family: 'Playfair Display', serif;
    letter-spacing:1px;
}

#main-header {
    position:fixed;
    width:100%;
    transition:0.3s ease;
    padding:20px 0;
}

.hero {
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:100px 20px;
}

.btn-outline {
    border:1px solid #7a2f00;
    padding:14px 30px;
    text-transform:uppercase;
    background:white;
    transition:0.3s ease;
}

.btn-outline:hover {
    background:#f6dee7;
}

.product-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.quiz-tile {
    border:1px solid #f6dee7;
    padding:40px;
    cursor:pointer;
    transition:0.3s ease;
}

.quiz-tile.active {
    border:1px solid #7a2f00;
}

.container {
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

.shop-layout {
    display:flex;
    gap:60px;
    padding:100px 0;
}

.shop-sidebar {
    width:25%;
}

.shop-main {
    width:75%;
}

.category-grid,
.product-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.category-card {
    border:1px solid #f6dee7;
    padding:40px;
    transition:0.3s ease;
}

.category-card:hover {
    transform:translateY(-5px);
}

.shop-divider {
    height:1px;
    background:#f6dee7;
    margin:30px 0 60px 0;
}

.main-footer {
    padding:80px 0;
    border-top:1px solid #f6dee7;
}

.watermark {
    opacity:0.05;
    font-size:60px;
    font-family:'Playfair Display', serif;
}