/* :root {
      --primary-color: #6d4c41;
      --secondary-color: #8d6e63;
      --accent-color: #d7ccc8;
    } */

    :root {
      --primary-color: #a1907d; 
      --secondary-color: #8f5bbd;
      --accent-color: #d7ccc8;
    }
    
    
    body {
      font-family: 'Segoe UI', system-ui, sans-serif;
    }
    
    .hide{
        display: none;
    }
    .navbar {
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .product-card {
      transition: all 0.3s ease;
      border: none;
      overflow: hidden;
    }
    
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    
    .price-highlight {
      font-size: 1.5rem;
      font-weight: 700;
    }
    
    .old-price {
      text-decoration: line-through;
      color: #6c757d;
    }
    
    .discount-badge {
      font-size: 1rem;
      padding: 0.5em 0.8em;
      /*background: linear-gradient(135deg, #ff5252, #d32f2f);*/
      /*color: #ffffff !important;*/
    }
    
    .product-gallery {
      border-radius: 0.5rem;
      overflow: hidden;
      border: 1px solid #eee;
    }
    
    .footer {
      background-color: #f5f5f5;
      padding: 2rem 0;
    }
    
    .payment-methods {
      background: white;
      border-radius: 10px;
      box-shadow: 0 2px 15px rgba(0,0,0,0.05);
      border: none;
    }
    
    .payment-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f8f9fa;
      border-radius: 50%;
      color: var(--primary-color);
    }
    
    .btn-success {
      background-color: #388e3c;
      border-color: #388e3c;
    }
    
    .btn-success:hover {
      background-color: #2e7d32;
      border-color: #2e7d32;
    }
    
    .nav-link.active {
      font-weight: 600;
      color: var(--primary-color) !important;
    }
    
    .social-icon {
      color: var(--primary-color);
      transition: all 0.3s ease;
    }
    
    .social-icon:hover {
      transform: scale(1.1);
      color: var(--secondary-color);
    }