/*
Theme Name: FezCuir
Theme URI: https://fezcuir.com
Author: FezCuir Studio
Author URI: https://fezcuir.com
Description: A luxurious handcrafted Moroccan leather brand theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fezcuir
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options
*/
body {
    margin: 0;
    font-family: 'Helvetica Neue', sans-serif;
    background: #121212;
    color: #f4f4f4;
}
.hero {
    background: url('images/hero.jpg') center/cover no-repeat;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}
.hero-content {
    background: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    border-radius: 10px;
}
h1 {
    font-size: 3rem;
    color: #FFD700;
}
.cta-button {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.75rem 1.5rem;
    background: #FFD700;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}
.cta-button:hover {
    background: #e6c200;
}
.intro, .products {
    padding: 3rem 2rem;
    text-align: center;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}
.product {
    background: #1e1e1e;
    padding: 1rem;
    border-radius: 10px;
}
.product img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
footer {
    text-align: center;
    padding: 2rem;
    background: #000;
}