:root {
    --emerald: #07261a;
    --emerald-light: #0a3524;
    --gold: #d4af37;
}

/* Offer bar */
.offer-bar {
    background: linear-gradient(90deg, var(--emerald), var(--emerald-light));
    letter-spacing: 1px;
    font-size: 15px;
}

/* Navbar */
.theme-navbar {
    background: var(--emerald);
}
.theme-navbar .nav-link:hover {
    color: var(--gold) !important;
    transform: scale(1.1) rotate(-1deg);
    transition: 0.3s ease-in-out;
}

/* Hero */
.hero-section {
    height: 92vh;
    background: linear-gradient(160deg, #05150f, var(--emerald), #0a3524);
}
.hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
.hero-sub {
    font-size: 1.1rem;
    opacity: 0.85;
}

/* Buttons */
.btn-gold {
    background: var(--gold);
    border: none;
    color: #000;
    box-shadow: 0 4px 14px rgba(212,175,55,0.4);
}
.btn-gold:hover {
    background: #b89630;
    box-shadow: 0 6px 18px rgba(212,175,55,0.6);
    transform: translateY(-3px);
    transition: 0.25s;
}

/* Product card images */
.premium-img-wrapper {
    width: 100%;
    height: 230px;
    background: #f8f9fa;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.premium-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Footer */
.footer-section {
    background: var(--emerald);
    font-size: 15px;
    letter-spacing: 1px;
    opacity: 0.9;
}


.text-emerald {
  color: #07261a;
}

.text-gold {
  color: #d4af37;
}

.premium-text {
  font-size: 17px;
  color: #444;
  line-height: 1.7;
  font-weight: 500;
}

.premium-list {
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  font-weight: 600;
  list-style: none;
  padding: 0;
}

.premium-list li {
  padding: 6px 0;
}

.premium-detail-img {
  max-height: 420px;
  object-fit: cover;
}

.btn-gold {
  background: #d4af37;
  color: #000;
}

.btn-gold:hover {
  background: #b89630;
  transform: translateY(-2px);
  transition: 0.3s;
}


/* about page */
/* Premium page line reused */
.gold-line {
  width: 70px;
  height: 4px;
  background: var(--gold);
  border-radius: 10px;
}

/* Description text upgrade */
.premium-desc {
  font-size: 18px;
  font-weight: 500;
  color: #2b2b2b;
  line-height: 1.85;
}

:root {
    --emerald: #07261a;
    --emerald-light: #0a3524;
    --gold: #d4af37;
    --whatsapp: #1EBE58;
}

/* Offer bar */
.offer-bar {
    background: linear-gradient(90deg, var(--emerald), var(--emerald-light));
    font-size: 15px;
    letter-spacing: 1px;
}

/* Navbar */
.theme-navbar {
    background: var(--emerald);
}
.theme-navbar .nav-link:hover {
    color: var(--gold) !important;
    transform: scale(1.06);
    transition: 0.3s;
}

/* Hero */
.hero-section {
    height: 92vh;
    background: linear-gradient(160deg, #05150f, var(--emerald-light), var(--emerald));
}
.hero-title {
    font-size: 2.6rem;
    font-weight: 800;
}
.hero-sub {
    font-size: 1.1rem;
    opacity: 0.85;
}

/* Premium cards */
.premium-card {
    background: white;
    padding: 30px;
    border-radius: 22px;
    border: 1.5px solid #f0ebe5;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04);
    transition: 0.3s;
}
.premium-card:hover {
    border-color: var(--gold);
    transform: scale(1.01);
}


/* Stats card */
.stat-card {
    background: white;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 34px rgba(212,175,55,0.18);
}
/* Buttons */
.btn-gold {
    background: var(--gold);
    color: #000;
    font-weight: 700;
    border: none;
}
.btn-gold:hover {
    background: #b89630;
    transform: translateY(-2px);
    transition: 0.3s;
}


/* WhatsApp */
.btn-whatsapp {
    background: var(--whatsapp);
    color: white;
    font-weight: 700;
}
.btn-whatsapp:hover {
    background: #159848;
}

.active
{
    color: var(--gold) !important;
}