@font-face {
    font-family: "titr";
    src: url(../fonts/pixelboy-BTitrBold.eot);
    src: url(../fonts/pixelboy-BTitrBold.ttf);
    src: url(../fonts/pixelboy-BTitrBold.woff);
  }
  
  @font-face {
    font-family: "jadid";
    src: url(../fonts/pixelboy-BJadidBold.eot);
    src: url(../fonts/pixelboy-BJadidBold.ttf);
    src: url(../fonts/pixelboy-BJadidBold.woff);
  }
  
  @font-face {
    font-family: "yekan";
    src: url(../fonts/pixelboy-BYekan.eot);
    src: url(../fonts/pixelboy-BYekan.ttf);
    src: url(../fonts/pixelboy-BYekan.woff);
  }
  
  :root {
    --midnight: #0f1c24;
    --gold: #d5b98f;
    --sand: #f2e9dd;
    --blue-tint: #bcd8e6;
    --light: #f8f9fa;
    --overlay: rgba(0, 0, 0, 0.45);
  }
  
  body {
    font-family: 'yekan';
    background: var(--light);
    color: var(--midnight);
  }
  
  h1, h2, .lux-heading {
    font-family: 'titr';
    letter-spacing: 0.5px;
  }
  
  h3, h4, h5, h6 {
    font-family: 'jadid';
  }
  
    /* Gallery */
    .product-gallery .carousel-item { min-height: 420px; }
    .product-img { width:100%; height:100%; object-fit:cover; transition: transform .35s ease; cursor:zoom-in; }
    .product-img.zoomed { transform: scale(1.25); }
  
    /* Category cards */
    .category-card { border-radius:12px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; background:#fff; text-align:center; padding:.5rem; }
    .category-card:hover { transform: translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.12); }
  
    /* Buttons & price */
    .lux-btn {
      display:inline-block; padding:.6rem 1.2rem; border-radius:8px;
      background:var(--midnight); color:var(--gold); border:1px solid var(--gold); text-decoration:none;
    }
    .lux-btn:hover { background:var(--gold); color:var(--midnight); }
  
    .price-big { font-size:1.6rem; color:var(--midnight); font-weight:700; }
  
    .muted-small { color:#6b6b6b; font-size:.95rem; }
  
    .nav-tabs .nav-link.active { color:var(--gold); border-color:var(--gold); font-weight:600; }
  
    .category-thumb { height:70px; object-fit:cover; width:100%; display:block; border-radius:8px; }
