:root {
    --carousel-btn-hover-color: #FF90BB;
    --section-title-color: #FF90BB;
    --sub-title-color:#878787;
    --border-color: #7a7979;
    --font-family-1:"Montserrat", sans-serif;
    --font-family-2: Quicksand;
    --badge-bg-color:#d0157d;
    --quick-card-btn-bg-color:#FF90BB;
    --product-title-color:#3d3c3c;
}
    body { background: #f4f6f9; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
    .confirmation-box { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 0 15px rgb(0 0 0 / 0.1); max-width: 600px; margin: 40px auto; }
    .confirmation-header { text-align: center; margin-bottom: 30px; }
    .confirmation-title { font-weight: 700; font-size: 1.8rem; color: var(--badge-bg-color); margin-bottom: 10px; }
    .confirmation-number { font-size: 1.2rem; color: #6c757d; margin-bottom: 20px; }
    .confirmation-thankyou { font-size: 1.2rem; margin-bottom: 30px; }
    .order-section { margin-bottom: 25px; }
    .section-title { font-weight: 600; font-size: 1.1rem; margin-bottom: 10px; color: #495057; border-bottom: 1px solid #dee2e6; padding-bottom: 5px; }
    .info-item { margin-bottom: 5px; }
    .info-label { font-weight: 500; color: #6c757d; }
    .total-amount { font-size: 1.5rem; font-weight: 700; color: var(--badge-bg-color); margin-top: 20px; }
    .footer-text { font-size: 0.9rem; color: #6c757d; margin-top: 30px; text-align: center; }
    .continue-shopping { display: block; text-align: center; margin-top: 20px; }
    .product-image { width: 50px; height: 50px; object-fit: cover; border-radius: 4px; margin-right: 10px; }
    .product-row { display: flex; align-items: center; margin-bottom: 10px; }
    .product-attributes { font-size: 0.8rem; color: #6c757d; margin-top: 3px; }
    .logo-container {
      text-align: center;
      margin-bottom: 30px;
      padding: 20px 0;
      background: white;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .logo {
      font-family: 'Playfair Display', serif;
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--primary-color);
      letter-spacing: 2px;
      position: relative;
      display: inline-block;
    }
    .logo::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: var(--accent-color);
    }
    .logo-slogan {
      font-size: 0.9rem;
      color: var(--secondary-color);
      letter-spacing: 3px;
      text-transform: uppercase;
      margin-top: 5px;
    }

     @media (max-width: 991.98px) {
      .logo {
        font-size: 25px;
      }
          .logo-slogan {
      font-size: 12px;
      color: var(--secondary-color);
      letter-spacing: 3px;
      text-transform: uppercase;
      margin-top: 5px;
    }
     }