:root {
  --bg-dark: #050505;
  --bg-card: #0a0a0a;
  --text-main: #ffffff;
  --text-muted: #9ca3af;
  --gold-shine: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);
  --gold-solid: #d4af37;
}
/* --- NAVIGATION BAR --- */
        .navbar {
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 1px solid #222;
            padding-bottom: 20px;
        }

 .logo-img {
            max-width: 200px;
            height: auto;
            margin-bottom: 15px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

html,body{height:100%;margin:0}
body{
  font-family: "Inter", sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-main);
  background-image: radial-gradient(circle at top right, #1a1a1a 0%, transparent 40%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3{font-family:"Playfair Display",serif}

.card{
  background-color:var(--bg-card);
  border:1px solid #333;
  box-shadow:0 20px 40px -10px rgba(0,0,0,.8);
  position:relative;overflow:hidden;
}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-shine)}

.gold-text-gradient{
  background:var(--gold-shine);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.5px;
}
.gold-text-solid{color:var(--gold-solid)}

.category-button{transition:all .2s ease;color:#ccc;border-left:2px solid transparent;padding:1rem 1.5rem;cursor:pointer;background:transparent}
.category-button:hover{color:var(--gold-solid);background-color:rgba(212,175,55,0.05)}
.category-button.active{font-weight:700;border-left:3px solid var(--gold-solid);color:var(--gold-solid);background-color:rgba(212,175,55,0.1)}

.price-tag{background:var(--gold-shine);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:"Playfair Display",serif;font-size:1.25rem;font-weight:700;letter-spacing:.5px}
.bulk-price{color:var(--gold-solid);font-size:.9rem;font-weight:600}

input,select,textarea{background-color:#111!important;border:1px solid #333!important;color:#fff!important;transition:all .3s ease}
input:focus,select:focus,textarea:focus{border-color:var(--gold-solid)!important;box-shadow:0 0 15px rgba(212,175,55,.15)!important;outline:none}

.btn-luxury{background:var(--gold-shine);color:#000;font-weight:bold;text-transform:uppercase;letter-spacing:1px;border:none;transition:all .3s ease;position:relative;z-index:1;cursor:pointer;padding:.5rem 1rem}
.btn-luxury:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px rgba(191,149,63,.4);transform:translateY(-1px)}

.btn-quote{background:transparent;border:1px solid var(--gold-solid);color:var(--gold-solid);font-weight:bold;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;padding:.4rem .9rem}
.btn-quote:hover{background:rgba(212,175,55,.1);box-shadow:0 0 15px rgba(212,175,55,.1)}

.custom-scrollbar::-webkit-scrollbar{width:6px}
.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(212,175,55,.4);border-radius:3px}

@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}
.incentive-banner{background:linear-gradient(to right,#aa771c 0%,#fcf6ba 50%,#aa771c 100%);background-size:1000px 100%;animation:shimmer 3s infinite linear}

.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:100}
#message-box{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:99;min-width:300px;max-width:90%;transition:all .3s ease-in-out}
.loader{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--gold-solid);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.discount-price { color: #22c55e; font-weight: 600; }
.original-price { text-decoration: line-through; color: #9ca3af; font-size: 0.9rem; }
.active-tab { background-color: rgba(212,175,55,0.1); border-color: var(--gold-solid); color: var(--gold-solid); }