:root{

--site-bg:#0b0f0c;
--dark-section:#101512;
--dark-soft:#161c18;
--card-bg:#ffffff;

--soft-shadow:0 20px 40px rgba(0,0,0,0.08);

--color-black:#111111;
--color-white:#ffffff;
--color-gray:#f7f7f7;
--site-bg:#0d0d0f;
--section-light:#ffffff;
--section-soft:#f7f7f7;

--accent:#c6a76b;
--accent-soft:#e7d2a4;

--text-primary:#111;
--text-secondary:#6a6a6a;

--shadow-soft:0 8px 22px rgba(0,0,0,0.06);
--shadow-hover:0 18px 40px rgba(0,0,0,0.12);

}

html{
scroll-behavior:smooth;
}

/* RESET */

*,
*::before,
*::after{
margin:0;
padding:0;
box-sizing:border-box;
}

/* BODY */

body{

font-family:"Inter",sans-serif;

background:var(--site-bg);

color:#e6e6e6;

line-height:1.6;

-webkit-font-smoothing:antialiased;

}

/* CONTAINER */

.container{

max-width:var(--container-width);
margin:auto;
padding:0 var(--space-md);

}

/* TYPOGRAPHY */

h1{
font-size:56px;
line-height:1.1;
font-weight:700;
letter-spacing:-1px;
}

h2{
font-size:36px;
font-weight:600;
}

h3{
font-size:22px;
font-weight:600;
}

p{
color:var(--text-secondary);
}

/* FONT STYLE */

h1,h2,h3{
font-family:"Playfair Display",serif;
font-weight:600;
letter-spacing:-0.5px;
}

/* MEDIA */

img{
max-width:100%;
height:auto;
display:block;
}

/* MAIN LAYOUT */

main{
max-width:1400px;
margin:auto;
}

/* PRODUCT TRUST */

.product-trust{
margin-top:20px;
font-size:14px;
opacity:.7;
display:flex;
flex-direction:column;
gap:6px;
}

/* PAGE FADE */

@keyframes pageFade{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* UTILITIES */

.hidden{
display:none !important;
}

.fade-up{
opacity:0;
transform:translateY(40px);
transition:all .6s ease;
}

.fade-in{
opacity:0;
transition:opacity .6s ease;
}

.visible{
opacity:1;
transform:none;
}

/* SECTIONS */

section{
padding:80px 0;
}

/* BUTTONS */

.btn-primary{

background:var(--color-black);
color:var(--color-white);

padding:12px 24px;

border-radius:var(--radius-sm);

border:none;

cursor:pointer;

transition:var(--transition-normal);

}

.btn-primary:hover{

background:#000;

transform:translateY(-2px);

}

/* PRODUCT CARD */

.product-card{

box-shadow:var(--soft-shadow);

transition:var(--transition-normal);

border-radius:var(--radius-md);

}

.product-card:hover{

transform:translateY(-6px);

box-shadow:var(--shadow-hover);

}

/* PAGE LOADER */

.page-loader{
display:none;
}

/* ========================================
GLOBAL PREMIUM POLISH
======================================== */

:root{
--gold: #d4af37;
--gold-soft: #e6c65c;
--dark-bg: #0b0f0c;
--section-bg: #101512;
--soft-dark: #161c18;
}

/* Smooth scrolling */

html{
scroll-behavior: smooth;
}

/* Better text rendering */

body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Section spacing consistency */

section{
padding: 80px 0;
}

/* Container improvement */

.container{
width: 92%;
max-width: 1200px;
margin: auto;
}

/* Buttons */

.btn,
button{
transition: all .25s ease;
}

/* Gold hover glow */

.btn:hover,
button:hover{
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(212,175,55,0.25);
}

/* Links */

a{
transition: color .2s ease;
}

/* Images smoother */

img{
display:block;
max-width:100%;
}

/* Card surfaces */

.card{
background:#101512;
border:1px solid rgba(255,255,255,0.04);
border-radius:10px;
transition:all .25s ease;
}

.card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.5);
}
