:root{
    --bg:#f8f9fa;
    --nav:#1c1c1c;
    --text:#333;
    --accent:#c8a951; /* altın ton */
    --muted:#6c6c6c;
    --radius:12px;
    font-family: 'Poppins', sans-serif;
  }
  
  *{box-sizing:border-box}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-family);
  }
  
  /* Navbar */
  .site-navbar{
    background: var(--nav);
    padding: .9rem 0;
    transition: background .3s;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
  }
  .site-navbar .navbar-brand{
    color: #fff;
    letter-spacing: .3px;
  }
  .site-navbar .nav-link{ color: rgba(255,255,255,.9); }
  .site-navbar .nav-link.active{ color: var(--accent); font-weight:600; }
  
  /* Hero */
  .hero{
    background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25)), url('https://images.unsplash.com/photo-1602524817012-3f7a4d29a2f4?q=80&w=1600&auto=format&fit=crop&s=placeholder') center/cover no-repeat;
    position:relative;
    margin-top:56px; /* navbar height */
  }
  .hero .overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.15)); border-radius:0; }
  .hero .container{ position:relative; z-index:2; }
  
  /* Buttons */
  .btn-primary{
    background:var(--accent);
    border:0;
    color:#111;
    font-weight:600;
    box-shadow: 0 6px 20px rgba(200,169,81,.12);
  }
  .btn-outline-light{
    border-color: rgba(255,255,255,.6);
    color: #fff;
  }
  
  /* Cards */
  .product-card img{ height:220px; object-fit:cover; }
  .card{ border-radius: var(--radius); overflow:hidden; }
  
  /* Info cards */
  .info-card{
    background:#fff;
    border-radius:12px;
    box-shadow: 0 6px 20px rgba(32,32,32,.05);
  }
  
  /* Footer */
  .site-footer{
    background:var(--nav);
    color:#fff;
    margin-top:40px;
  }
  
  /* Responsive paddings */
  .pt-6{ padding-top:92px; }
  
  /* small tweaks */
  .accordion-button:not(.collapsed){
    color:var(--nav);
    background: linear-gradient(90deg,#fff,#fff);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(200,169,81,.06);
  }
  
  @media (max-width:767px){
    .hero{ min-height:60vh; }
    .product-card img{ height:180px; }
  }