/** Shopify CDN: Minification failed

Line 488:0 Expected "}" to go with "{"

**/

.product-comparison-table th img {
 
  margin: 0 auto;
  display: block;

}

.product-comparison-table .sticky img {
  height: 100px;
}
.spec {
  font-size:1.5rem;
}
.product-comparison-table .label {
  
  text-align: left;
  min-width: 150px;
  width: 150px;

}




.product-comparison-table .heading {

  width: 100%;
  text-align: left;
  position: relative;
}

.product-comparison-table .heading span {

}

@media all and (max-width: 600px) {
  .product-comparison-table .label {
    display: none;
  }

  .product-comparison-table .spec::before {
    content: attr(spec-title);
    color: #999;
    display: block;
  }
}

table:not([class]) td, table:not([class]) th {
  border:none;
  
}
table:not([class]) th:empty {
  border:none;
}
.product-comparison-table table{
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.2rem;
  border-style: hidden;
  width: 100%;
  margin: 0 auto;
  display: inline-table;
  flex-flow: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: space-between;

  
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2rem;
  border-color: #f4f4f4;
  width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 0 none;
  
}
.product-comparison-table td:not(.title) {
 

  padding-bottom:0;
  text-align:center;
}.product-comparison-table td:not(.title) {
  padding-left:2rem;
}

.product-comparison-table table {
  width: 100%;
  table-layout: fixed; /* This ensures that the table honors the width of its cells */
}


.product-comparison-table .rating-star:before {
  color:#ffcb05;
}
.info {
  display:inline-block;
  width:20px;
  height:20px;

}
.info svg {
  width:100%;
  display:block;
}
td.title {
 
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
th.card-product {
  padding:0;
} th.card-product .card:not(.ratio){
  width:100%;
}
th.card-product .card__inner {
width:50%;
margin:0 auto;
padding:0;

}
th.card-product .card__inner .media img {
  object-fit: contain;
}
th.card-product .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
 display:none;

}

th.card-product img {
  height: 0;
    margin: 0 auto;
      display: block;
  transition: height 200ms ease-in-out;
}



.metafield-single_line_text_field-array {
  list-style:none;
}
.metafield-single_line_text_field-array li {
  font-size:1.75rem;
  font-weight:600;

}
td {
 
}
th.card-product .card-wrapper .card__information {
  padding:0;
  
  margin:0;
  justify-content:center;
  
}
th.card-product .card__heading:last-child {

  margin-bottom: 0;
  font-size: 2rem;
}
.comparison-table .icon-inline {
/* margin-left:auto; */
    display: flex;
    width: 4rem;
    /* align-items: center;
    /* margin-left: 10px; */
    /* justify-content: center; */ 
    height: auto;
    padding-top:1rem;
}
.icon-inline div.custom-icon {
  width:100%;
  height:auto;
}
.NL_cat {
  font-weight:600;
  text-align:left;
}
.rating-star {
  --color-rating-star: #ffcb05;
}
.rating-star:before {
  content: "\2605\2605\2605\2605\2605";
  background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(0, 0, 0,.15) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-comparison-table th {
  /* Remove sticky positioning */
}

.product-comparison-table th img {
  /* Adjust size if necessary, remove sticky properties */
  height: auto; /* Adjust based on actual size needed */
}

.icon-inline div.custom-icon {
  /* Ensure icons are appropriately sized */
  width: 100%; /* Adjust based on icon size */
  height:auto;
}

.product-comparison-table td, .product-comparison-table th {
  
  text-align: left; /* Ensure alignment is consistent */
}

.product-comparison-table tr:nth-child(even) {
}

/* Adjust font sizes for better hierarchy and readability */
.product-comparison-table .label, .product-comparison-table td:not(.title) {
  font-size: 1.57rem; /* Adjust text size for better readability */
}

/* Improve mobile responsiveness */
@media all and (max-width: 600px) {
  .product-comparison-table .label {
      /* Ensure key information is visible on smaller screens */
      display: block; /* Adjust as needed */
      font-size: 0.8rem;
  }
}



/* Enhancing icons within the table for clarity and visual appeal */
.icon-inline .custom-icon svg {
  width: 100%; /* Adjusted icon size for balance */
  height: auto; /* Maintain aspect ratio */
  margin: auto; /* Center icons */
}

/* Responsive adjustments for improved mobile viewing */
@media (max-width: 600px) {
  .product-comparison-table td, .product-comparison-table th {
      padding: 8px; /* Adjust padding for smaller screens */
  }
  /* Adjust font sizes and line heights on smaller screens for better readability */
  .product-comparison-table {
      font-size: 14px;
      line-height: 20px;
  }
}

.NL_cat {
  padding-bottom:1rem;

}
td .rte ul, td .rte ol {
  list-style-position: inside;
  padding-left: 0;
}
.NL_cat {
  padding-bottom: 0;
  font-weight: 800;
  display: block;
  font-family: var(--font-sub-heading-family);
}
.product-comparison-table {
  width: 100%; /* Adjusted for full-width to utilize space efficiently */
  max-height: 100%; /* Removed fixed pixel value to adapt to content */
 
  font-family: "Maven Pro", sans-serif; /* Consistency in font usage */
  font-size: 16px; /* Standardizing font size for readability */
  line-height: 24px; /* Improving readability with appropriate line height */
  border-collapse: collapse; /* Clean up borders for a tighter layout */
  margin: 20px 0; /* Add slight margin for visual separation from other elements */
}



th.card-product:empty {
  border:none;background:transparent;opacity:0;
}

/* Base styling for the comparison table */
.comparison-table {
  box-sizing: border-box;
  display: table;
  margin: 0 auto;
  width: 75%; /* Adjusted for full-width display */
  font-family: "Maven Pro", sans-serif;

 
  color: #000000; /* NecksLevel Black */
}

/* Styling for table headers */
.product-comparison-table th {
  color: #000; /* NecksLevel Silver for contrast */
 
}

/* Styling for table data cells */
.product-comparison-table td {
  font-family: "Rajdhani", sans-serif;

  color: #000000; /* NecksLevel Black */
  text-align: center;
}



/* Adjustments for mobile responsiveness */
@media all and (max-width: 600px) {
  .product-comparison-table .label, .product-comparison-table .spec::before {
      font-size: 0.8rem;
  }
}

/* Utilizing NecksLevel brand colors for additional styling */
.product-comparison-table tr:nth-child(even) {
}

.product-comparison-table tr:hover {
}
.product-comparison-table tr:nth-child(even):hover {
}

.product-comparison-table .card--media .card__inner .card__content {
  /* position: relative; */
  /* padding: 0; */
  display: flex;
}
.product-comparison-table .card-wrapper .card__information {
  display:flex;
  width:100%;
}
ul {
 
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
table{
  width:100%;
  table-layout: fixed;
}
.product-comparison-table .label, .product-comparison-table td:not(.title) {

  vertical-align: center;
    padding-top: 1.2rem;
}

thead.sticky th {
  position: fixed;
top: 0;
 z-index: 1000;
background-color: #fff; 
}

.product-comparison-table thead th {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: -2.25rem;
  z-index: 99999; /* Ensure it's above other content */
}


.card__content.comparison-content {
  display:flex;
  flex-flow:wrap;
  flex-direction:column;
  align-items: center;
}
@media (max-width: 749px) {
  .comparison-table .icon-inline {
    width:3rem;
  }
  .NL_cat.small {
    font-size:50%;
  }
  .NL_cat {
    font-size: 1rem;
  
  }
  .metafield-single_line_text_field-array li {
font-size:1.1rem;

  }
  th.card-product .card__heading:last-child {
    font-size:1.1rem;
  }
  .product-comparison-table td, .product-comparison-table th {

    padding:0;
  }
  .comparison-table {
    width:100%;
  
  padding-left:.5rem;
  padding-right:.5rem;
  }
  .product-comparison-table thead th {
    
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem;
    top: 1.75rem;
    padding-top:0;
  }
}

/* Table General Enhancements */
.product-comparison-table {
  
  font-size: 0.9rem; /* Compact font size */
}

.product-comparison-table th, .product-comparison-table td {
  text-align: center; /* Center align text */
  padding: 8px; /* Compact padding */
  border: 1px solid rgba(var(--color-foreground), 0.08); /* Subtle borders for cells */
}

.product-comparison-table thead th {
  background-color: rgba(var(--color-background), 1); /* Header background */
 
  font-weight: bold; /* Bold header text */
}

/* Compact Rows and Readability Enhancements */
.product-comparison-table tr {
  line-height: 1.4; /* Adjust line height for readability */
}

.product-comparison-table .label, .product-comparison-table td:not(.title) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; /* Compact vertical padding */
}



.product-comparison-table tbody tr:nth-child(even) {
  background-color: rgba(var(--color-foreground), 0.02); /* Slightly darker for contrast */
}
.NL_cat.small {
  font-weight:100;
  padding-bottom:2rem;
  font-size:75%;
}
.title_block{
 
 
  align-items:center;

}
/* Responsive Adjustments */
@media (max-width: 600px) {
  .product-comparison-table {
      font-size: 0.8rem; /* Smaller font size on mobile for compactness */
  }
  .product-comparison-table th, .product-comparison-table td {
      padding: 4px; /* More compact padding on mobile */
  }
  .product-comparison-table .label, .product-comparison-table td:not(.title) {
    padding-top: 0rem;
    padding-bottom: 0rem; /* Compact vertical padding */
  }
  .product-comparison-table .label, .product-comparison-table td:not(.title) {
    font-size:1rem;
  }
  .product-comparison-table td:not(.title) {
    padding-left:1rem;
  }
  .NL_cat.small {
    font-weight:100;
    padding-bottom:1rem;
    font-size:.9rem;
  }
  @media (max-width: 749px) {
    .comparison-table .icon-inline {
      width:5rem;
    }
}