.container3 {
    max-width: 1200px;
    margin: 28px auto;
    padding: 22px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 22px;
  }

  /* Left card */
  .card3 {
    background: #d3a85b;
    border-radius: 6px;
    padding: 22px;
    box-shadow: 0 1px 0 rgba(16,24,40,0.04);
    min-height: 560px;
  }

  .card3:hover {
    transform: translateY(-10px);
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}

  .small-muted3 { color:#000; font-size:13px; margin-bottom:8px; }

  /* Product row */
  .product-row3 {
    display:flex;
    gap:16px;
    align-items:center;
    border-bottom:3px solid #eef2f6;
    padding-bottom:18px;
    margin-bottom:18px;
  }
  .product-thumb3 {
    width:78px;
    height:78px;
    border-radius:6px;
    background: linear-gradient(#e6eefb,#dfeafc);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  }
  .product-thumb3 svg { width:54px; height:54px; opacity:0.9; }

  .product-info3 h3 { font-size:17px; margin-bottom:6px; color:#0b1220; }
  .product-info3 .seller3 { font-size:13px; color:#6b7280; margin-bottom:6px; }
  .price-tag3 { color: #0b7a4f; font-weight:700; font-size:18px; }

  /* Timeline */
  .timeline3 {
    margin-top: 18px;
    padding-left: 6px;
  }
  .step3 {
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:12px 0;
    border-radius:6px;
  }
  .step3 + .step3 { border-top:1px solid #f1f5f9; }
  .node3 {
    width:20px; height:20px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:12px;
    flex: 0 0 20px;
    margin-top:2px;
  }
  .node3.done3 { background:#10b981; color:white; border: 2px solid rgba(16,185,129,0.12); }
  .node3.current3 { background:#f8fafc; border:2px solid #cbd5e1; color:#334155; }
  .node3.pending3 { background:#fff; border:2px solid #e6edf6; color:#94a3b8; }

  .step-body3 { font-size:13px; color:#374151; }
  .step-body3 .muted3{ color:#000; font-size:12px; margin-top:6px; }

  .see-updates3 { display:inline-block; margin-top:10px; color:#681730; font-size:13px; text-decoration:none; }

  /* Right column */
  .side3 {
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .panel3 {
    background:#d3a85b;
    border-radius:6px;
    padding:18px;
    box-shadow:0 1px 0 rgba(16,24,40,0.04);
  }

  .panel3 h4 { font-size:15px; margin-bottom:10px; color:#0b1220; }
  .address3 { font-size:13px; color:#000; line-height:1.4; }

  /* Price details */
  .price-row3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;
    border-bottom:1.5px dotted #eef2f6;
    font-size:13px; color:#374151;
  }
  .price-row3:last-child { border-bottom: none; font-weight:700; font-size:16px; }
  .muted-sm3 { color:#000; font-size:13px; }

  /* footer actions */
  .actions3 { margin-top:16px; display:flex; gap:10px; }
  .btn3 {
    padding:10px 14px; border-radius:6px; font-size:14px; cursor:pointer;
    border:1px solid #e6edf6; background:#681730;
  }
  .btn3.primary3 { background:#681730; color:white; border-color:#681730; }

  /* Responsive */
  @media (max-width:900px){
    .container3 { grid-template-columns: 1fr; padding:14px; }
    .card3 { min-height:auto; }
  }

  /* small touches */
  .divider3 { height:1px; background:#f1f5f9; margin:14px 0; }
  .caption3 { font-size:12px; color:#000; margin-top:8px; }

   .product3 {
      display: flex;
      align-items: center;
      font-family: Arial, sans-serif;
    }
    .product3 img {
      width: 60px;   /* adjust size */
      height: 60px;  /* adjust size */
      border-radius: 8px;
      margin-right: 15px;
      object-fit: cover; /* keeps image neat */
    }
    .details3 {
      line-height: 1.5;
    }
    .price3 {
      color: green;
      font-weight: bold;
    }




/* Profile container */
    .profile-menu1 {
      position: relative;
      display: inline-block;
    }

    /* Profile icon */
    .profile-icon1 {
      font-size: 25px;
      cursor: pointer;
    }

    /* Dropdown menu */
    .dropdown1 {
      display: none;
      position: absolute;
      top: 25px;
      right: 0;
      background-color: #fff;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      border-radius: 8px;
      min-width: 180px;
      z-index: 1000;
    }

    .dropdown1 a {
      display: block;
      padding: 12px;
      text-decoration: none;
      color: #333;
      border-bottom: 1px solid #eee;
    }

    .dropdown1 a:last-child {
      border-bottom: none;
    }

    .dropdown1 a:hover {
      background-color: #f5f5f5;
      margin-top: 1px;
    }

    /* Show dropdown on hover */
    .profile-menu1:hover .dropdown1 {
      display: block;
    }

    .iconp{
  margin-top: 0px;
}
/* Reduce product card width to handle many products */
.product-row3 {
    display: flex;
    flex-wrap: wrap; /* Wrap products to next line if overflow */
    gap: 10px;       /* Space between cards */
}

.product3 {
    flex: 0 0 160px;  /* Fixed width per product card */
    max-width: 160px; /* Ensure it doesn't exceed */
    box-sizing: border-box;
}

.details3 {
    font-size: 14px;  /* Slightly smaller font for compact view */
    line-height: 1.3;
    word-wrap: break-word; /* Wrap long product names */
}
.panel3 {
    padding: 15px;
    border-radius: 8px;
    background: #d3a85b; /* keep original */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.panel3:hover {
    transform: translateY(-3px); /* slight lift on hover */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* subtle shadow */
}