/* General */
body {
  background:#f9fafb;
  font-family:'Segoe UI', Tahoma, sans-serif;
  color:#333;
}

/* Hero */
.hero {
  background: linear-gradient(120deg, #ff7eb3, #ff758c);
  color:#fff;
  padding:80px 20px;
  text-align:center;
  margin:30px auto;
  border-radius:12px;
  max-width:1000px;
}
.hero h1 { font-weight:700; font-size:2.8rem; }

/* Product Cards */
.product-card {
  border:none;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,0.1);
  transition:.3s;
}
.product-card:hover {
  transform:translateY(-6px);
  box-shadow:0 6px 20px rgba(0,0,0,0.15);
}
.product-img {
  height:300px;   /* ✅ Increased size */
  object-fit:contain;
  background:#fff;
  padding:15px;
}

/* Prices */
.price-old {
  text-decoration:line-through;
  color:#888;
  font-size:.9rem;
}
.price-new {
  color:#28a745;
  font-size:1.3rem;
  font-weight:700;
}

/* Offer Badge */
.offer-badge {
  position:absolute;
  top:12px; left:12px;
  background:#dc3545;
  color:#fff;
  padding:5px 12px;
  border-radius:30px;
  font-size:.8rem;
  font-weight:600;
  animation:pulse 1.5s infinite;
}
@keyframes pulse {
  0%{transform:scale(1);}
  50%{transform:scale(1.1);}
  100%{transform:scale(1);}
}

/* Product Page */
.main-img {
  width: 100%;
  max-height: 480px;   /* ✅ Bigger main image */
  object-fit: contain;
  border: 3px solid #eee;
  border-radius: 10px;
  background: #fff;
}
.thumb-img {
  width: 90px; height: 90px;   /* ✅ Bigger thumbnails */
  object-fit: contain;
  margin:5px;
  border: 2px solid #eee;
  border-radius: 6px;
  cursor:pointer;
  transition:.3s;
}
.thumb-img:hover { border:2px solid #f6b300; transform:scale(1.05); }

.product-box {
  background:#fff;
  padding:20px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
}
.product-box h2 { font-weight:600; font-size:1.8rem; }
.description { font-size:1rem; color:#444; margin-bottom:20px; }
.price { font-size:2rem; font-weight:700; color:#10b981; }
.old-price { font-size:1.2rem; margin-left:10px; }

.btn-buy {
  background:#f6b300;
  border:none;
  color:#000;
  padding:14px 25px;
  font-weight:600;
  font-size:1.2rem;
  border-radius:8px;
  transition:0.3s;
}
.btn-buy:hover { background:#d49a00; color:#fff; }

/* Footer */
.footer {
  background:#212529;
  color:#ddd;
  padding:30px 0;
  margin-top:50px;
  text-align:center;
}
.footer a { color:#ffb703; font-weight:500; }
.footer a:hover { color:#fff; }

/* Related Products */
.related-card img {height: 200px; object-fit: contain;}
.related-card p {font-size: 0.9rem;}
.faq-box .accordion-button {font-weight: 500;}



/* ---------- HEADER (Black Luxe Theme) ---------- */
.bg-black {
  background: #000000 !important;
}
.navbar {
  transition: all 0.3s ease;
}
.navbar-brand {
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px;
}
.logo-text {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  user-select: none;
}
.logo-text .gold {
  color: #D4AF37; /* Gold */
}
.logo-text .white {
  color: #FFFFFF;
}
.logo-text .dot {
  color: #D4AF37;
  font-weight: 900;
}

/* ---------- Navbar Links ---------- */
.navbar .nav-link {
  color: #f1f1f1 !important;
  margin-left: 18px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.2s ease-in-out;
}
.navbar .nav-link:hover {
  color: #D4AF37 !important;
}

/* ---------- Mobile Toggle ---------- */
.navbar-toggler {
  border: none;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 212, 175, 55, 1 %29' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ---------- Mobile Menu Styling ---------- */
@media (max-width: 991px) {
  .navbar-collapse {
    background: #0b0b0b;
    border-radius: 8px;
    margin-top: 8px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
    padding: 10px;
  }
  .navbar .nav-link {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .navbar .nav-link:last-child {
    border-bottom: none;
  }
}

/* -----------------------------------------
   🖤 BigDealShop.in Header Styling (Black Luxe)
----------------------------------------- */

/* Navbar base */
.navbar.bg-black {
  background-color: #000 !important;
}

/* Logo text */
.logo-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 1.3rem;
}
.logo-text .gold {
  color: #FFD700;
}
.logo-text .white {
  color: #fff;
}
.logo-text .dot {
  color: #FFD700;
  font-weight: 900;
}

/* Navbar links */
.navbar-nav .nav-link {
  color: #fff !important;
  margin: 0 10px;
  transition: 0.3s;
}
.navbar-nav .nav-link:hover {
  color: #FFD700 !important;
}

/* Cart Button (gold outline style) */
.btn-gold {
  background: transparent;
  color: #FFD700;
  border: 1px solid #FFD700;
  padding: 5px 12px;
  transition: 0.3s;
  border-radius: 8px;
}
.btn-gold:hover {
  background: #FFD700;
  color: #000;
}
.btn-gold .bi {
  vertical-align: middle;
}

/* Cart Badge */
.badge {
  font-size: 0.7rem;
  padding: 4px 6px;
  line-height: 1;
  border-radius: 50%;
}

/* Responsive tweaks */
@media (max-width: 991px) {
  .navbar .btn-gold {
    margin-top: 10px;
  }
}

/* -----------------------------------------
   🛒 Cart & Checkout Page Styles
----------------------------------------- */
.text-gold {
  color: #FFD700 !important;
}
.table-gold {
  background: #222;
  color: #FFD700;
}
.checkout-box {
  background: #fff;
}
.order-summary {
  border: 1px solid #333;
}
.order-summary h5 {
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
}
/* ✅ Thank You Page */
.text-gold { color: #FFD700 !important; }
.btn-gold {
  background: #FFD700;
  color: #000;
  border: none;
  border-radius: 6px;
  transition: 0.3s;
}
.btn-gold:hover {
  background: #e6c200;
  color: #000;
}