/* ===================================
   Trademark Symbol Styling with Circle
   =================================== */

/* TM Symbol with Circle */
.cs_tm,
sup.cs_tm {
  display: inline-block;
  font-size: 0.5em;
  font-weight: 600;
  line-height: 1;
  vertical-align: super;
  
  /* Simple Black Circle */
  background: transparent;
  
  /* Size and Padding */
  display: inline-flex;
  align-items: center;
  
  /* Text Color - Black */
  color: #000000;
  
  /* Positioning */
  position: relative;
  
  /* Visual Enhancement */
  transition: all 0.3s ease;
}

/* Hover Effect */
a:hover .cs_tm,
a:hover sup.cs_tm {
  border-color: #333333;
  color: #333333;
}

/* Product Title Specific Styling */
.cs_product_title .cs_tm,
.cs_tablet_title .cs_tm,
h1 .cs_tm,
h2 .cs_tm,
h3 .cs_tm {
  font-size: 0.7em;
 
}

/* Product Name in Cards */
.cs_product_name .cs_tm {
  font-size: 0.6em;

}

/* Breadcrumb Styling */
.breadcrumb .cs_tm {
  font-size: 0.5em;
  width: 1.3em;
  height: 1.3em;
  top: -0.25em;
}

/* Footer Links */
.cs_footer_links .cs_tm {
  font-size: 12px;
  color: #fff;
}

/* Navigation Menu */
.cs_nav .cs_tm,
.cs_mega_menu .cs_tm {
  font-size: 0.7em;
  width: 1.3em;
  height: 1.3em;
}

/* Mobile Menu */
.cs_mobile_nav_item .cs_tm,
.cs_mobile_dropdown_menu .cs_tm {
  font-size: 0.5em;
  width: 1.3em;
  height: 1.3em;
}

/* Featured Products in Mega Menu */
.cs_featured_product_name .cs_tm {
  font-size: 0.45em;
  width: 1.4em;
  height: 1.4em;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .cs_tm,
  sup.cs_tm {
    font-size: 0.45em;
    width: 1.3em;
    height: 1.3em;
  }
  
  .cs_product_title .cs_tm,
  .cs_tablet_title .cs_tm,
  h1 .cs_tm {
    font-size: 0.4em;
    width: 1.4em;
    height: 1.4em;
  }
}

/* Ensure consistency across different contexts */
/*.cs_tm::before {*/
/*  content: '™';*/
/*  display: block;*/
/*  font-style: normal;*/
/*  text-transform: none;*/
/*}*/

/* Remove default sup styles when .cs_tm is applied */
/*sup.cs_tm {*/
/*  vertical-align: baseline;*/
/*  position: relative;*/
/*}*/