html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Poppins,sans-serif}
header{position:fixed;top:0;width:100%;transition:.3s;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);z-index:99}
header.scrolled{background:#000}
.wrap{max-width:1200px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.logo{height:48px}.hero-logo{width:min(320px,80vw)}
nav a{color:#DFC28C;text-decoration:none;margin-left:22px;position:relative}
nav a:after{content:'';position:absolute;left:0;bottom:-5px;height:2px;width:0;background:#C9A76A;transition:.3s}
nav a:hover:after{width:100%}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.85)),radial-gradient(circle at top,#333 0,#050505 70%);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
h1,h2{font-family:Montserrat,sans-serif}h1{font-size:56px}h2{color:#C9A76A}
section{max-width:1200px;margin:auto;padding:90px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.card{background:#111;border:1px solid #C9A76A;border-radius:10px;padding:24px;transition:.3s}
.card:hover{transform:translateY(-8px);box-shadow:0 0 20px rgba(201,167,106,.25)}
.btn{display:inline-block;padding:14px 28px;border:2px solid #C9A76A;border-radius:30px;color:#C9A76A;text-decoration:none;margin:8px;transition:.3s}
.btn:hover{background:#C9A76A;color:#000}
.alt{background:#C9A76A;color:#000}
.circles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}
.circles div{border:1px solid #C9A76A;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.circles span{font-size:38px}
.banner{text-align:center;background:#111;border-top:1px solid #C9A76A;border-bottom:1px solid #C9A76A}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}
input,textarea{width:100%;padding:14px;background:#111;border:1px solid #444;color:#fff;margin-bottom:12px}
button{padding:14px 24px;background:transparent;color:#C9A76A;border:2px solid #C9A76A;cursor:pointer}
footer{text-align:center;background:#111;padding:40px}.foot{height:70px}
.reveal{opacity:0;transform:translateY(35px);transition:1s}.reveal.show{opacity:1;transform:none}
@media(max-width:768px){.wrap{flex-direction:column}nav{margin-top:10px}h1{font-size:38px}.contact{grid-template-columns:1fr}}

.success,.error{padding:15px;border-radius:8px;margin-bottom:15px}
.success{background:#118a3b;color:#fff}
.error{background:#b91c1c;color:#fff}

.catalogue-card{max-width:600px;margin:40px auto;padding:40px;background:#111;border:1px solid #C9A76A;border-radius:12px;text-align:center}
.catalogue-card:hover{box-shadow:0 15px 35px rgba(201,167,106,.2)}
.pdf-icon{font-size:70px;margin-bottom:20px}

.whatsapp-float{position:fixed;bottom:25px;right:25px;background:#25D366;color:#fff;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:50px;text-decoration:none;font-family:Poppins,sans-serif;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.35);z-index:9999;transition:.3s}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 35px rgba(37,211,102,.45)}
.whatsapp-float span{white-space:nowrap}
@media(max-width:768px){.whatsapp-float{padding:14px;border-radius:50%}.whatsapp-float span{display:none}}
.contact{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:flex-start;

}

.contact-details p{

    margin-bottom:25px;

    line-height:1.7;

}

.contact-details a{

    color:#C9A76A;

    text-decoration:none;

}

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

    width:100%;

    padding:16px;

    margin-bottom:18px;

    background:#111;

    border:1px solid #444;

    color:#fff;

    border-radius:6px;

    font-size:15px;

    transition:.3s;

}

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

    border-color:#C9A76A;

    outline:none;

    box-shadow:0 0 10px rgba(201,167,106,.2);

}

.contact-form button{

    width:100%;

}

.success{

    background:#198754;

    color:white;

    padding:16px;

    margin-bottom:20px;

    border-radius:6px;

}

.error{

    background:#dc3545;

    color:white;

    padding:16px;

    margin-bottom:20px;

    border-radius:6px;

}

@media(max-width:768px){

.contact{

grid-template-columns:1fr;

}

}
html {
    scroll-behavior: smooth;
}
/* Paste into style.css */

html{scroll-behavior:smooth;}
.size-card{background:#111;border:1px solid #2b2b2b;border-radius:14px;padding:40px 30px;text-align:center;transition:.35s}
.size-card:hover{transform:translateY(-10px);border-color:#D4AF37;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.size-card i,.card i,.pdf-icon i{color:#D4AF37;transition:.35s}
.size-card i{font-size:52px;margin-bottom:20px}
.card i{display:block;font-size:46px;margin-bottom:18px}
.size-card:hover i,.card:hover i{transform:scale(1.15);color:#FFD54A}
.pdf-icon i{font-size:72px}
.contact-details i{width:30px;color:#D4AF37;margin-right:10px}
.contact-details p{display:flex;gap:12px;align-items:flex-start}
.contact-details a{text-decoration:none;color:#fff}
.contact-details a:hover{color:#D4AF37}
.success{background:#198754;color:#fff;padding:18px;border-radius:8px;margin-bottom:20px}
.error{background:#c62828;color:#fff;padding:18px;border-radius:8px;margin-bottom:20px}