body {
 
 background-color: #fff0f5;
 border:none;
 padding:0px;
 -webkit-font-smoothing:antialiased; /*ForChrome/Safari*/
-moz-osx-font-smoothing:grayscale; /*ForFirefox(macOSmainly)*/
font-smooth:always; /*Somebrowsersrespectthis*/
 
 }

 @font-face {
font-family: 'cbc_times';
src: url('font/times_font.ttf');
 }
  ::placeholder {
  color: #c7c5c6;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #c7c5c6;
}

 .outer-table {
 width: 100%;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 align-content:center;
 text-align:center;

 }

 .outer-table input[type="image"] {
   transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
  border-radius: 50%;
}

 .outer-table input[type="image"]:hover {
  transform: scale(1);
  filter: brightness(1);
  box-shadow: 0 1px 8px rgba(237, 59, 119, 0.5); /* darker pink glow (#c2185b) */
}

  .outer-table-col-1 {
 width: 20%;
 text-align:center;
 vertical-align:top;
 }
 .outer-table-col-2 {
 width: 60%;
 text-align:center!important;
 vertical-align:top;
 }
 .outer-table-col-3 {
 width: 20%;
 text-align:center;
 vertical-align:top;
 }

 

.cbclogo{
text-align:center;
-webkit-font-smoothing:antialiased; /*ForChrome/Safari*/
-moz-osx-font-smoothing:grayscale; /*ForFirefox(macOSmainly)*/
font-smooth:always; /*Somebrowsersrespectthis*/
font-family:'cbc_times';
color: #c2185b;
white-space:nowrap;
}
 .cbclogo_s {
text-align:center;
-webkit-font-smoothing: antialiased;   /* For Chrome/Safari */
-moz-osx-font-smoothing: grayscale;   /* For Firefox (macOS mainly) */
font-smooth: always;                  /* Some browsers respect this */
letter-spacing: 1px;
margin-bottom: 0.5rem;
font-weight: bold;
color: #c2185b;
    }

 .login-form {
      background-color:#ffe4ec;
      margin-top: 30px;
      padding: 0px;
      margin-left: auto;
      margin-right: auto;
      border-top: 0px solid #f06292;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      font-size: 16px;
      align-self:center;
      text-align:center;
      align-content:center;
      max-width:800px;
      width:100%;
      border-collapse: collapse;
 box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);}



  .logged-form {
      background-color:#ffe4ec;
      margin-top: 30px;
      padding: 0px;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      font-size: 16px;
      align-self:center;http://localhost:50215/ws_cbc/register_new.aspx
      text-align:center;
      align-content:center;
      max-width:800px;
      border-collapse: collapse;
 box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);}

.cbc_write {
text-align:center;
-webkit-font-smoothing: antialiased;   /* For Chrome/Safari */
-moz-osx-font-smoothing: grayscale;   /* For Firefox (macOS mainly) */
font-smooth: always;                  /* Some browsers respect this */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 0.5rem;
font-weight: 500;
padding-top: 5px;
color: #c2185b;

}



   .login-section{

 text-align:left;
 max-width:50%;
 width:100%;
 vertical-align:middle!important; 
margin-left: auto;
 margin-right: auto;
/*white-space: nowrap;*/
 }
     

        .banner-section-label{
   white-space: nowrap;
   vertical-align:middle!important; 
   text-align: center;
   color: #c2185b;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding-top:0px;
    padding-bottom:10px;
    font-weight:500;
  }

  .login-section-label{
   white-space:nowrap;
   vertical-align:middle!important; 
   text-align: left;
   color: #c2185b;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding-top:5px;
    padding-bottom:5px;
    font-weight:500;
  }

  login-section-button{
         white-space: nowrap;
   vertical-align:middle!important; 
   text-align:center;
   color: #c2185b;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding-top:5px;
    padding-bottom:5px;
    font-weight:500;

  }

  .login-section-title{

         vertical-align:middle!important; 
   text-align: left;
   color: #c2185b;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding-top:5px;
    padding-bottom:5px;
    font-weight:500;
     text-indent: 0;

}
  .shop-banner-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 30px auto !important; /* centers table and adds same vertical spacing */
  padding: 0 !important;
  width: 100%;
  max-width: 800px; /* match login-form width for consistency */
  text-align: center;
  background-color: #ffe4ec; /* same light pink background */
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); 
  border-top:0px solid #f06292; /* same top border as login-form */
  border-radius:4px; /* optional, helps match smooth style */
}

.shop-banner-td {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  line-height: 0 !important;
  text-align: center;
}

/*.shop-banner-lnk {
     white-space: nowrap;
   vertical-align:middle!important; 
   text-align: left;
   color:white;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   padding-top:5px;
    padding-bottom:5px;
     padding-left:35px;
    font-weight:500;
    background-image: url('../images/plink.jpg');
    font-size:12px;
}*/
.shop-banner-lnk {
  white-space: normal;
  vertical-align: middle !important;
  text-align: left;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 35px;
  background-image: url('../images/plink.jpg');
  background-size: cover;
  color: #ffffff;
  border: none;                /* no pink lines between cells */
  transition: background-color 0.3s ease, color 0.3s ease;
   background-repeat: no-repeat;
  background-position: left;
  background-size: auto 100%; /* fit height, width can overflow */
  overflow:hidden; /* allow the overflow */
}

/* make only text clickable — not entire cell */
.shop-banner-lnk a {
  display: inline-block;       /* no full-width click area */
  text-decoration: none;       /* no underline */
  color: inherit;              /* same color as td */
  padding: 2px 4px;            /* small clickable padding */
  border-radius: 3px;
  transition: background-color 0.2s ease;
}

/* hover effect on text only */
.shop-banner-lnk a:hover {
  background-color:#ec407a;   /* deep pink highlight */
  color: #fff;
  cursor: pointer;
}
.shop-banner {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: bottom;
}



        .guest-banner {
     width:100%;
     
     cursor: pointer;
        }

    .phone-inline{
        text-align:left!important;
    vertical-align:middle;
    white-space: nowrap;
   
    }

        .button-inline{
        text-align:center!important;
    vertical-align:middle;
    white-space: nowrap;
   
    }


  .rcode {
     width: 13ch;
         vertical-align:middle;
      padding-left: 2px;
      padding-right: 4px;
      padding-top: 4px;
      padding-bottom: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .auth {
     width: 12ch;
         vertical-align:middle;
      padding: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

   .tel {
      width: 12ch;
      vertical-align:middle;
          padding: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.irate {
width:200px;
vertical-align:middle;
padding: 5px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 11px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


    .eml{
      
      width: 25ch;
      vertical-align:middle;
          padding: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

        .nam{
      
      width: 25ch;
      vertical-align:middle;
          padding: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    
    .pass{
       width: 25ch;
      vertical-align:middle;
          padding: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .lblmsg{  
    text-indent: 0!important;
    margin-left: -6px!important;
    margin-bottom: 10px!important;
    /* border: 1px solid #ccc; For visualization */
    padding: 5px!important;
    overflow-wrap: break-word!important; /* Allows long words to break and wrap */

    }

   /* contact icons */
.contact-icons { margin-top: 30px; 
  
          margin-left: auto;
 margin-right: auto;
        
           align-self:center;
      text-align:center;
      align-content:center;


}
.contact-icon {
  
          margin-left: auto;
          margin-right: auto;
        
           align-self:center;
      text-align:center;
      align-content:center;
  height: 40px;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.contact-icon:hover { transform: scale(1.1); }


  /* float icons */
.whatsapp-icon, .phone-icon {
  position: fixed; /* Keeps the element in a fixed position relative to the viewport */
 right:5px; /* Adjust this value to control the distance from the right edge */
  bottom: 50px; /* Position the WhatsApp icon above the phone icon */
  z-index: 1000; /* Ensures the icons appear above other content */
  /* Add styling for your icons here, e.g., width, height, background, border-radius */
  width: 30px;
  height: 30px;
  background-color: #25d366; /* WhatsApp green */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.phone-icon {
  bottom: 10px; /* Adjust this value to control the distance from the bottom edge */
  background-color: #007bff; /* Example phone icon color */
}

/* Optional: Add hover effects for better user experience */
.whatsapp-icon:hover, .phone-icon:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

.register-link {
  background-color: #f06292;
  margin-top:10px;
  color: white;
  text-decoration: none;
  font-weight:500;
  padding-top: 2px ;
  padding-bottom: 5px ;
  padding-left:  8px;
  padding-right: 8px;
  border-radius: 12px;
  transition: background-color 0.3s ease;
  display: inline-block;
  white-space: nowrap; 
  vertical-align:middle;
}

.register-link:hover {
  background-color: #ec407a;
}

.forgot-link {
   color: #c2185b;
  text-decoration: none;
  font-weight:500;
   padding-top: 2px;
   padding-bottom: 6px;
    padding-left:6px;
     padding-right:6px;
     margin-left:8px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  display: inline-block;
   vertical-align:middle;
}

.recover-link {
background-color: #f06292;
   color: white;
  text-decoration: none;
  font-weight:500;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:12px;
  padding-right:12px;
  border-radius:4px;
  font-size: 12px;
  transition: background-color 0.3s ease;
  display: inline-block;
  white-space: nowrap; 
}

.forgot-link:hover {
  background-color: #ffccff;
}

.recover-link:hover {
     background-color: #ec407a;
}

 .submit-button {
      background-color: #ee477f;
      color: white;
      border: none;
      cursor: pointer;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .submit-button:hover {
      background-color: #e92568;
    }

.sfooter {
          margin-left: auto;
 margin-right: auto;
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           align-self:center;
      text-align:center;
      align-content:center;
  font-size: 10px;
  color: #c2185b;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.cart-wrapper{position:relative;display:inline-block;}

.cart-badge{
position:absolute;
top:-3px;
right:-3px;
background-color:red;
color:white;
font-weight:bold;
border-radius:50%;
padding:3px 6px;
line-height:1;
font-family:Arial,sans-serif;
box-shadow:002px#fff;
}

.cart-owner{
position:absolute;
left:52%;/*startatcenter*/
transform:translateX(-50%);/*shiftbackhalfwidthtotrulycenter*/
background-color:red;
color:white;
font-weight:bold;
border-radius:12px;
padding:2px 6px;
line-height:1;
font-family:Arial,sans-serif;
box-shadow:002px#fff;
white-space:nowrap;/*keepsthenameinoneline*/
}

 .LargeCheckbox input[type="checkbox"] {
        width: 25px; /* Adjust as needed */
        height: 25px; /* Adjust as needed */
    }



@media (min-width: 1201px) {
.cbclogo {letter-spacing: 1px;margin-bottom: 0.5rem;font-size: 36px;font-weight: bold;}
.cbclogo_s {letter-spacing: 1px;margin-bottom: 0.5rem;font-size: 28px;font-weight: bold;}
.cbc_write {letter-spacing: 1px;margin-bottom: 0.5rem;font-size: 20px;font-weight: normal;padding-left: 105px;padding-right: 105px;}
.register-link {font-size: 16px;border-radius: 5px;}
.cbc_logo{max-width:160px;}
.cbc_navbtn{max-width:55px;}
.login-section tr{ height:50px; }
.login-section-label{font-size:18px;}
.login-section-title{font-size:20px!important;}
.submit-button{padding-top:4px; padding-bottom:8px; padding-left:20px; padding-right:20px; border-radius: 20px;font-size: 18px;margin-top:10px;}
.cart-owner{top:55px; font-size:11px;}
.cart-badge {font-size:11px;}
.lblmsg{font-size:20px; color:red; max-width:554px;}
.recover-link{font-size:14px;}
.forgot-link {font-size:14px;}
.rcode{font-size:17px;}
.tel{font-size:18px;}
.auth{font-size:18px;}
.eml{font-size:18px;}
.nam{font-size:18px;}
.pass{font-size:18px;}
.sh-banner-lnk { font-size: 16px;}
.form-banner-lnk { font-size: 17px;}
}
       
@media (min-width: 992px) and (max-width: 1200px) 
{
.cbclogo{letter-spacing:1px;margin-bottom:0.5rem;font-size:34px;font-weight:bold;}     
.cbclogo_s{letter-spacing:1px;margin-bottom:0.5rem;font-size:26px;font-weight:bold;}
.cbc_write{letter-spacing:1px;margin-bottom:0.5rem;font-size:18px;font-weight:normal;padding-left:85px;padding-right:85px;}   
.register-link{font-size: 15px;border-radius: 5px;}
.cbc_logo{max-width:150px;}
.cbc_navbtn{max-width:50px;} 
 .login-section tr{ height:50px; }
.login-section-label {font-size:16px}
.login-section-title{font-size:18px!important;}
.submit-button{padding-top:4px; padding-bottom:8px; padding-left:20px; padding-right:20px; border-radius: 20px;font-size: 18px;margin-top:10px;}
.cart-owner{top:50px; font-size:11px;}
.cart-badge {font-size:11px;}
.lblmsg{font-size:18px; color:red; max-width:554px;}
.recover-link{font-size:13px;}
.forgot-link {font-size:14px;}
.rcode{font-size:16px;}
.tel{font-size:18px;}
.auth{font-size:18px;}
.eml{font-size:18px;}
.nam{font-size:18px;}
.pass{font-size:18px;}
.sh-banner-lnk { font-size: 15px;}
.form-banner-lnk { font-size: 16px;}
}

@media (min-width: 769px) and (max-width: 991px) 
{
.cbclogo{ letter-spacing:1px; margin-bottom:0.5rem; font-size:32px; font-weight:bold;}     
.cbclogo_s{letter-spacing:1px;margin-bottom:0.5rem;font-size:24px;font-weight:bold;}
.cbc_write{letter-spacing:1px;margin-bottom:0.5rem;font-size:16px;font-weight:normal;padding-left:65px;padding-right:65px;}  
.register-link {font-size: 14px;border-radius: 2px;}
.cbc_logo{max-width:140px;}
.cbc_navbtn{max-width:44px;}
 .login-section tr{ height:45px; }
.login-section-label {font-size:14px}
.login-section-title{font-size:16px!important;}
.submit-button{padding-top:4px; padding-bottom:8px; padding-left:20px; padding-right:20px; border-radius: 20px;font-size: 18px;margin-top:10px;}
.cart-owner{top:44px; font-size:10px;}
.cart-badge {font-size:10px;}
.lblmsg{font-size:16px; color:red; max-width:554px;}
.recover-link{font-size:12px;}
.forgot-link {font-size:13px;}
.rcode{font-size:14.5px;}
.tel{font-size:16px;}
.auth{font-size:16px;}
.eml{font-size:16px;}
.nam{font-size:16px;}
.pass{font-size:16px;}
.sh-banner-lnk { font-size: 14px;}
.form-banner-lnk { font-size: 15px;}
}

@media (min-width: 600px) and (max-width: 768px) 
{
.cbclogo{letter-spacing:1px;margin-bottom:0.5rem;font-size:28px;font-weight:bold;}    
.cbclogo_s{letter-spacing:1px;margin-bottom:0.5rem;font-size:22px;font-weight:bold;}
.cbc_write{letter-spacing:1px;margin-bottom:0.5rem;font-size:14px;font-weight:normal;padding-left:45px;padding-right:45px;}   
.register-link {font-size: 14px;border-radius: 4px;}
.cbc_logo{max-width:130px;}
.cbc_navbtn{max-width:42px;}
 .login-section tr{ height:45px; }
.login-section-label {font-size:13px}
.login-section-title{font-size:13px!important;}
.submit-button{padding-top:4px; padding-bottom:8px; padding-left:18px; padding-right:18px; border-radius: 18px;font-size: 16px;margin-top:10px;}
.cart-owner{top:42px; font-size:10px;}
.cart-badge {font-size:10px;}
.lblmsg{font-size:13px; color:red; max-width:554px;}
.recover-link{font-size:11px;}
.forgot-link {font-size:13px;}
.rcode{font-size:14.5px;}
.tel{font-size:16px;}
.auth{font-size:16px;}
.eml{font-size:16px;}
.nam{font-size:16px;}
.pass{font-size:16px;}
.sh-banner-lnk { font-size: 14px;}
.form-banner-lnk { font-size: 15px;}
}

@media (min-width: 481px) and (max-width: 599px) 
{
.cbclogo{letter-spacing:1px;margin-bottom:0.5rem;font-size:24px;font-weight:bold;}      
.cbclogo_s{letter-spacing:1px;margin-bottom:0.5rem;font-size:20px;font-weight:bold;}
.cbc_write{letter-spacing:1px;margin-bottom:0.5rem;font-size:12px;font-weight:normal;padding-left:25px;padding-right:25px;}   
.register-link {font-size: 13px;border-radius: 3px;}
.cbc_logo{max-width:115px;}
.cbc_navbtn{max-width:41px;}
 .login-section tr{ height:50px; }
.login-section-label {font-size:12px}
.login-section-title{font-size:12px!important;}
.submit-button{padding-top:3px; padding-bottom:6px; padding-left:16px; padding-right:16px; border-radius: 16px;font-size: 16px;margin-top:10px;}
.cart-owner{top:40px; font-size:9px;}
.cart-badge{font-size:9px;}
.lblmsg{font-size:12px; color:red; max-width:554px;}
.recover-link{font-size:10px;}
.forgot-link {font-size:10px;}
.rcode{font-size:13px;}
.tel{font-size:15px;}
.auth{font-size:15px;}
.eml{font-size:15px;}
.nam{font-size:15px;}
.pass{font-size:15px;}
.sh-banner-lnk { font-size: 12px;}
.form-banner-lnk { font-size: 13px;}
}

@media (min-width: 50px) and (max-width: 480px) 
{
.cbclogo{letter-spacing:1px;margin-bottom:0.5rem;font-size:22px;font-weight:bold;}  
.cbclogo_s{letter-spacing:1px;margin-bottom:0.5rem;font-size:20px;font-weight:bold;}
.cbc_write{letter-spacing:1px;margin-bottom:0.5rem;font-size:12px;font-weight:normal;padding-left:5px;padding-right:5px;}     
.register-link {font-size: 13px;border-radius: 2px;}
.cbc_logo{max-width:100px;}
.cbc_navbtn{max-width:40px;}
 .login-section tr{ height:50px; }
.login-section-label {font-size:11px}
.login-section-title{font-size:11px!important;}
.submit-button{padding-top:3px; padding-bottom:6px; padding-left:14px; padding-right:14px; border-radius: 16px;font-size: 14px;margin-top:10px;}
.cart-owner{top:40px; font-size:9px;}
.cart-badge{font-size:9px;}
.lblmsg{font-size:11px; color:red; max-width:554px;}
.recover-link{font-size:9px;}
.forgot-link {font-size:10px;}
.rcode{font-size:13.5px;}
.tel{font-size:15px;}
.auth{font-size:15px;}
.eml{font-size:15px;}
.nam{font-size:15px;}
.pass{font-size:15px;}
.sh-banner-lnk { font-size: 12px;}
.form-banner-lnk { font-size: 13px;}
}
    
   
.sh-banner {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: bottom;
}

.sh-banner-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 30px auto !important; /* centers table and adds same vertical spacing */
  padding: 0 !important;
  width: 100%;
  max-width: 800px; /* match login-form width for consistency */
  text-align: center;
  background-color: #ffe4ec; /* same light pink background */
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); 
  border-top:0px solid #f06292; /* same top border as login-form */
  border-radius:4px; /* optional, helps match smooth style */
}

.sh-banner-td {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  line-height: 0 !important;
  text-align: center;
}

.sh-banner-lnk { 
  white-space: normal;
  vertical-align: middle !important;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
  padding: 4px 4px;
  background-image: url('../images/plink2.jpg');
  background-size: cover;
  color: #ffffff;
  border: none;                /* no pink lines between cells */
  transition: background-color 0.3s ease, color 0.3s ease;
 

}
  .auth-form {
      background-color:#ffe4ec;
      margin-top: 30px;
      padding: 0px;
      margin-left: auto;
      margin-right: auto;
      border-top:none;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      font-size: 16px;
      align-self:center;
      text-align:center;
      align-content:center;
      max-width:800px;
      width:100%;
     border-collapse:collapse;
 box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
 border-top-left-radius:4px!important;
  border-top-right-radius:4px!important;
  
  }


.form-banner-lnk { 

  white-space: normal;
  vertical-align: middle !important;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500;
  padding-right:4px;
   padding-left: 4px;
    padding-top:2px;
     padding-bottom: 6px;
  background-image: url('../images/plink2.jpg');
  background-size: cover;
  color: #ffffff;
  border: none;                /* no pink lines between cells */
  transition: background-color 0.3s ease, color 0.3s ease;
   border-top-left-radius:4px!important;
  border-top-right-radius:4px!important;
 

}

/* make only text clickable — not entire cell */
.sh-banner-lnk a {
  display: inline-block;       /* no full-width click area */
  text-decoration: none;       /* no underline */
  color: inherit;              /* same color as td */
  padding: 2px 4px;            /* small clickable padding */
  border-radius: 3px;
  transition: background-color 0.2s ease;
}

/* hover effect on text only */
.sh-banner-lnk a:hover {
  background-color: #ec407a;   /* deep pink highlight */
  color: #fff;
  cursor: pointer;
}