.table-stack tr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
    margin-bottom: 20px;
 
 }
 .table-stack thead tr,
 .table-stack thead tr th {
    background: #242E6F;
    color: #fff;
    text-transform: uppercase;
 }
 .table-stack thead tr{
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    border-radius: 8px;
 }
 .table-stack tbody tr{
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    border-radius: 8px;
 }
 
 .table-stack td,
 .table-stack th {
    display:block;
 /*      
    flex-grow | flex-shrink | flex-basis   */
    -ms-flex: 1 1 auto;
     flex: 1 1 auto;
 }
 
 .table-stack .table-stack-thead {
    font-weight: bold;
 }
 
tr .coupon-info::after {
   content: "\f05a"; 
   font-family: "Font Awesome 6 Pro"; 
   font-weight: bolder; 
   margin-left: 5px; 
   color: #94aac1;
   cursor: pointer;
  }

 @media screen and (max-width: 768px) {
    .table-stack tr {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       /* border-bottom: 3px solid #ccc; */
       display:block;
       margin: 20px;
 
    }
    /*  IE9 FIX   */
    .table-stack td {
       float: left\9;
       width:100%;
    }
    #coupon-user-note{
      display: none;
    }
 }
 
 .table {
    border-bottom: none; /* Prevents extra spacing */
 }
 
 .btn-copy {
   color: var(--app-dark);
   padding-left: 5px;
   cursor: pointer;
   font-weight: bold;
}

/* Specific to .tbl-info-card */
.tbl-info-card {
   padding: 20px;
   margin: 5px auto;
   background: #fff;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
   max-width: 600px;
   text-align: center;
   border: 1px solid #e8e8e8;
   border-radius: 8px;

}

.tbl-info-card h1 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 10px;
}

   /* Define fixed width for first 4 columns */
   #cheapest_tld .col-fixed { width: 20%; }
   
   /* Last column takes remaining space */
   #cheapest_tld .col-auto { width: auto; }

   /* Ensure table respects widths */
   #cheapest_tld .table {
      table-layout: fixed;
      width: 100%;
   }