/* ===========================
   HOUSE OF VERONA
   GLOBAL STYLES
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

:root{

    --primary:#0F3D2E;
    --secondary:#C8A97E;
    --background:#F8F5F2;
    --white:#ffffff;
    --text:#222222;
    --light:#fdfdfd;

}

body{

    font-family:'Poppins',sans-serif;
    background:var(--background);
    color:var(--text);
    overflow-x:hidden;
    line-height:1.6;

}

h1,h2,h3,h4{

    font-family:'Playfair Display',serif;
    font-weight:700;

}

a{

    text-decoration:none;
    color:inherit;

}

ul{

    list-style:none;

}

img{

    max-width:100%;
    display:block;

}

section{

    width:100%;
    padding:100px 8%;

}

.container{

    width:100%;
    max-width:1400px;
    margin:auto;

}

.btn{

    display:inline-block;
    padding:14px 34px;
    background:var(--primary);
    color:var(--white);
    border-radius:50px;
    font-weight:600;
    transition:.3s ease;

}

.btn:hover{

    background:var(--secondary);
    transform:translateY(-3px);

}

.title{

    font-size:52px;
    margin-bottom:20px;

}

.subtitle{

    font-size:18px;
    color:#666;
    max-width:700px;

}
/* ==========================
   FOOTER
========================== */

.hov-footer{

    background:#0F3D2E;

    color:#ffffff;

    text-align:center;

    padding:80px 20px;

}

.footer-container{

    max-width:1200px;

    margin:auto;

}

.hov-footer h2{

    font-size:42px;

    margin-bottom:20px;

}

.hov-footer p{

    margin:12px 0;

}

.footer-links{

    display:flex;

    justify-content:center;

    gap:30px;

    margin:35px 0;

    flex-wrap:wrap;

}

.footer-links a{

    transition:0.3s;

}

.footer-links a:hover{

    color:#C8A97E;

}

.copyright{

    opacity:0.8;

    margin-top:30px;

}

/* ===========================
   SCROLL ANIMATIONS
=========================== */

.hidden{

    opacity:0;

    transform:translateY(50px);

    transition:all .8s ease;

}

.show{

    opacity:1;

    transform:translateY(0);

}

/* =======================================
HOUSE OF VERONA PREMIUM HERO
======================================= */

.hero {

min-height:100vh;

background:

linear-gradient(

rgba(0,0,0,.60),

rgba(0,0,0,.65)

),

url("hero.jpg");

background-size:cover;

background-position:center;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

padding:40px;

}

.hero-content{

max-width:900px;

}

.hero h1{

font-size:72px;

letter-spacing:6px;

color:#ffffff;

font-family:"Playfair Display",serif;

margin-bottom:20px;

}

.hero p{

font-size:24px;

color:#f2f2f2;

margin-bottom:18px;

font-weight:300;

}

.hero-tag{

font-size:20px;

color:#d4c4a8;

margin-bottom:40px;

letter-spacing:2px;

}

.hero-buttons{

display:flex;

gap:20px;

justify-content:center;

flex-wrap:wrap;

}

.hero-buttons a{

padding:16px 34px;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:.3s;

background:#0b5d3b;

color:white;

}

.hero-buttons a:hover{

transform:translateY(-4px);

}

/* =======================================
HOUSE OF VERONA GALLERY
======================================= */

.brand-gallery{

padding:100px 20px;

background:#faf8f4;

text-align:center;

}

.brand-gallery h2{

font-size:48px;

font-family:"Playfair Display",serif;

margin-bottom:15px;

color:#0F3D2E;

}

.brand-gallery p{

font-size:20px;

margin-bottom:60px;

color:#555;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

max-width:1200px;

margin:auto;

}

.gallery-card{

overflow:hidden;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.15);

transition:.35s;

background:white;

}

.gallery-card:hover{

transform:translateY(-8px);

}

.gallery-card img{

width:100%;

height:320px;

object-fit:cover;

display:block;

transition:.35s;

}

.gallery-card:hover img{

transform:scale(1.05);

}

/* =====================================
HOUSE OF VERONA STATS
===================================== */

.hov-stats{

padding:90px 20px;

background:#0F3D2E;

}

.stats-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:30px;

max-width:1200px;

margin:auto;

}

.stat-card{

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.15);

padding:40px;

border-radius:20px;

text-align:center;

transition:.3s;

backdrop-filter:blur(8px);

}

.stat-card:hover{

transform:translateY(-8px);

}

.stat-card h2{

font-size:54px;

color:#ffffff;

margin-bottom:12px;

font-family:"Playfair Display",serif;

}

.stat-card p{

color:#d9d9d9;

font-size:18px;

letter-spacing:1px;

}

/* =======================================
FAQ & TESTIMONIALS
======================================= */

.hov-faq,
.hov-testimonials{

padding:80px 20px;

background:#ffffff;

}

.hov-faq h2,
.hov-testimonials h2{

text-align:center;

font-size:42px;

margin-bottom:40px;

font-family:"Playfair Display",serif;

color:#0F3D2E;

}

.faq-item{

background:#faf8f4;

padding:25px;

margin-bottom:20px;

border-radius:15px;

box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.faq-item h3{

margin-bottom:12px;

color:#0F3D2E;

}

.testimonial-card{

max-width:800px;

margin:auto;

padding:40px;

background:#0F3D2E;

color:white;

border-radius:20px;

text-align:center;

font-size:20px;

line-height:1.8;

}