.wrapper {
     /* max-width: 1100px; */
    
     padding: 20px 30px;
     background: #ffffff;
     /* box-shadow: 0 8px 24px rgb(0 0 0 / 0.05); */
     border-radius: 15px;
     margin-top: 150px;
 }

 .search-container {
     border-bottom: 2px solid #3E72AB;
     padding-bottom: 30px;
     margin-bottom: 40px;
 }

 .option-group {
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px;
 }

 .option-group label {
     font-weight: 600;
     color: #334155;
     user-select: none;
     cursor: pointer;
 }

 .option-group input[type="radio"] {
     margin-right: 8px;
     cursor: pointer;
     accent-color: #3E72AB;
     width: 18px;
     height: 18px;
     vertical-align: middle;
 }

 .option-group input[type="text"] {
     padding: 10px 15px;
     font-size: 15px;
     border: 1.8px solid #cbd5e1;
     border-radius: 6px;
     width: 160px;
     transition: border-color 0.3s;
 }

 .option-group input[type="text"]:focus {
     outline: none;
     border-color: #3E72AB;
     box-shadow: 0 0 6px #93c5fd;
 }

 .input-flex {
     display: flex;
     gap: 20px;
     margin-top: 10px;
     margin-bottom: 15px;
     flex-wrap: wrap;
 }

 .product-h {
     text-align: center;
     margin-top: 0;
     margin-bottom: 15px;
     color: #3E72AB;
     font-weight: 700;
     letter-spacing: 0.05em;
     text-transform: uppercase;
     user-select: none;
 }

 .product-h strong {
     font-size: 34px;
     color: #1e293b;
     display: block;
     margin-top: 6px;
     letter-spacing: normal;
     font-weight: 600;
 }

 .results-table {
     width: 100%;
     border-collapse: collapse;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 8px 24px rgb(16 24 40 / 0.1);
     border: 2px solid #3E72AB;
     background: #ffffff;
     font-size: 15px;
     color: #334155;
 }

 .results-table thead tr {
     background: linear-gradient(90deg, #3E72AB, #3b82f6);
     color: #f8fafc;
     user-select: none;
 }

 .results-table th,
 .results-table td {
     padding: 16px 18px;
     border: 1.5px solid #ffffff;
     text-align: center;
     font-weight: 300;
 }

 .message-row td {
     font-style: italic;
     color: #64748b;
 }

 .btn-primary {
     margin-top: 10px;
     background-color: #3E72AB;
     color: white;
     border: none;
     padding: 12px 28px;
     font-size: 16px;
     font-weight: 700;
     border-radius: 10px;
     cursor: pointer;
     transition: background-color 0.3s;
     user-select: none;
     box-shadow: 0 6px 18px rgb(37 99 235 / 0.4);
     display: inline-block;
 }

 .btn-primary:hover {
     background-color: #1e40af;
     box-shadow: 0 8px 20px rgb(30 64 175 / 0.6);
 }

 @media (max-width: 768px) {
     .input-flex {
         flex-direction: column;
     }

     .option-group input[type="text"] {
         width: 100%;
     }

     .option-group {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }
 }