/** Shopify CDN: Minification failed

Line 598:1 Unexpected ","

**/

.m-product-form--wrapper .m-add-to-cart,
.m-add-to-cart{
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  border-color: rgb(var(--color-button));
}
.m-product-form--wrapper .m-add-to-cart:hover{
  background: rgb(var(--color-button-hover)) !important;
}
.swiper-wrapper {
  height: 100% !important;
}
.main-product__block-price .m-price span {color:var(--product-regular-price-color);}

.show-mobile { display: none; }
.show-desktop { display: block; }

@media screen and (max-width: 798px) { 
  .show-mobile { display: block; }
  .show-desktop { display: none; }
}

/* Enhanced styling for product description */
.product__block.product__block--description.rte.text-subtext {
  /* Base typography improvements */
  font-size: 18px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  color: #333333 !important;
  letter-spacing: 0.3px !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  
  /* Add subtle background and padding */
  background-color: #f9f9f9 !important;
  padding: 25px !important;
  border-radius: 8px !important;
  border-left: 4px solid #786dff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  margin-bottom: 30px !important;
}

/* Paragraph styling */
.product__block.product__block--description.rte.text-subtext p {
  margin-bottom: 18px !important;
  text-align: left !important;
}

/* Last paragraph (no bottom margin needed) */
.product__block.product__block--description.rte.text-subtext p:last-child {
  margin-bottom: 0 !important;
}

/* Heading styling if you have any h2, h3 in your description */
.product__block.product__block--description.rte.text-subtext h2,
.product__block.product__block--description.rte.text-subtext h3 {
  color: #2c3e50 !important;
  font-weight: 600 !important;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #eaeaea !important;
  padding-bottom: 8px !important;
}

/* List styling */
.product__block.product__block--description.rte.text-subtext ul {
  margin-left: 20px !important;
  margin-bottom: 20px !important;
  list-style-type: none !important;
}

.product__block.product__block--description.rte.text-subtext li {
  position: relative !important;
  padding-left: 22px !important;
  margin-bottom: 10px !important;
}

/* Custom bullet points */
.product__block.product__block--description.rte.text-subtext li:before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  color: #786dff !important;
  font-weight: bold !important;
}

.product__block.product__block--description.rte.text-subtext li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #786dff;
  font-weight: bold;
}

/* Highlight important text if you want to add spans with class="highlight" */
.product__block.product__block--description.rte.text-subtext .highlight {
  background-color: #fffde7 !important;
  padding: 2px 5px !important;
  border-radius: 3px !important;
  font-weight: 500 !important;
}

/* Enhanced Table Styling */
table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100% !important;
  border: 0px !important;
  margin: 0 0 20px 0 !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  background-color: #f9f9f9 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

th {
  text-align: left !important;
  padding: 12px 15px !important;
  border: none !important;
  white-space: nowrap !important;
  background-color: #786dff !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

td {
  text-align: left !important;
  padding: 10px 15px !important;
  border: none !important;
  border-bottom: 1px solid #eaeaea !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

td b, td strong {
  color: #2c3e50 !important;
  font-weight: 600 !important;
}

td font {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 16px !important;
}

tr:last-child td {
  border-bottom: none !important;
}

tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

tr:hover {
  background-color: #e9f0f9 !important;
}

/* Custom Liquid Sections */
.custom-liquid-section {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #333333 !important;
  background-color: #f9f9f9 !important;
  padding: 25px !important;
  border-radius: 8px !important;
  border-left: 4px solid #786dff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  margin-bottom: 30px !important;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .product__block.product__block--description.rte.text-subtext,
  .custom-liquid-section {
    padding: 20px 15px !important;
    font-size: 16px !important;
  }
  
  .product__block.product__block--description.rte.text-subtext li:before {
    top: 2px !important;
  }
  
  table, th, td {
    font-size: 14px !important;
  }
  
  td {
    padding: 8px 10px !important;
  }

  
  td font {
    font-size: 14px !important;
  }
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .product__block.product__block--description.rte.text-subtext {
    padding: 20px 15px !important;
    font-size: 16px !important;
  }
  
  .product__block.product__block--description.rte.text-subtext li:before {
    top: 2px !important;
  }
}

 
 /* Feature Grid Styling */
.feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin: 25px 0;
  background-color: #f9f9f9;

  padding: 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  overflow: hidden;
}

.feature-grid > div {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid #eaeaea;
  margin: 0 -20px;
  transition: background-color 0.2s ease;
}

.feature-grid > div:last-child {
  border-bottom: none;
}

.feature-grid > div:nth-child(even) {
  background-color: #f2f2f2;
}

.feature-grid > div:hover {
  background-color: #e9f0f9;
}

.feature-grid span {
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.feature-grid img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.feature-grid > div:hover img {
  transform: scale(1.1);
}

/* Responsive Table Styling */
/* Fix for Why Buy Me section (custom liquid) */
.responsive-table {
  display: block !important;
  width: 100% !important;
  margin: 25px 0 !important;
  background-color: #f9f9f9 !important;
  border-radius: 8px !important;
  border-left: 4px solid #786dff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  overflow: hidden !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  padding: 10px 0 !important;
}

.responsive-table .row {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid #eaeaea !important;
}

.responsive-table .row:last-child {
  border-bottom: none !important;
}

.responsive-table .column {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  flex: 1 !important;
  padding: 0 !important;
  text-align: left !important;
}

.responsive-table .feature-text {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #2c3e50 !important;
}

.responsive-table .column img {
  width: 35px !important;
  height: 35px !important;
}

/* Fix for tables with no spacing */
table {
  margin-bottom: 15px !important;
  border-spacing: 0 !important;
}

table td {
  padding: 5px 10px !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

table td font[size="2"],
table td font[size="2"] b {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}

table td font[size="2"] b {
  font-weight: 600 !important;
  color: #2c3e50 !important;
}



/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .responsive-table {
    margin: 20px 0;
  }
  
  .responsive-table .row {
    padding: 12px 15px;
  }
  
  .responsive-table .column {
    gap: 15px;
  }
  
  .responsive-table .feature-text {
    font-size: 14px;
  }
  
  .responsive-table .column img {
    width: 30px;
    height: 30px;
  }
}



/* Quantity Selector Enhancement */
.product-form__input.product-form__quantity {
  border: 1px solid #e1e1e1 !important;
  border-radius: 4px !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.quantity__button {
  color: #786dff !important;
  font-weight: bold !important;
}

/* Product Variants (Size/Color Selectors) Enhancement */
.product-form__input select {
  border: 1px solid #e1e1e1 !important;
  border-radius: 4px !important;
  padding: 10px !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  color: #333333 !important;
}

.product-form__label {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-weight: 600 !important;
  color: #2c3e50 !important;
  margin-bottom: 8px !important;
}

/* Product Tabs Enhancement */
.product-tabs {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  margin-top: 30px !important;
}

.product-tabs__title {
  color: #2c3e50 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}

.m-product-tabs__content {
  color: #333333 !important;
  line-height: 1.6 !important;
  font-size: 16px !important;
}
@media (max-width: 767px) {

/* 1. Ensure the mobile header is a space-between flex container */
.m-header__mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 2. Make the menu button and cart/search “flex none” */
.m-header__mobile .m-menu-button,
.m-header__mobile .m-header__mobile-right {
  flex: 0 0 auto;
}

/* 3. Make the logo take up all the remaining space, but permit it to shrink */
.m-header__mobile .m-logo {
  flex: 1 1 auto;   /* grow and shrink */
  min-width: 0;     /* ✨ the magic bit ✨ allows it to actually shrink below its content’s natural width */
  display: flex;
  justify-content: center; /* keep it centered */
}
.m-header__mobile .m-header__mobile-right {
  flex: 0 0 auto;  /* no grow, no shrink beyond its content */
  width: auto;     /* let its width be determined by the icons inside */

  .m-header__mobile .m-logo--mobile {
    margin-right: 0.75rem; /* adjust to taste: .5rem, 1rem, etc. */
  }
}}


/* PRODUCT DESCRIPTION - ENHANCED */
.product__block--description.rte.text-subtext {
  background-color: #f9f9f9;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  line-height: 1.6;
  font-size: 16px;
}

.product__block--description.rte.text-subtext p {
  margin-bottom: 16px;
}

.product__block--description.rte.text-subtext p b,
.product__block--description.rte.text-subtext p strong {
  color: #000;
  font-weight: 600;
}

.product__block--description.rte.text-subtext ul {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.product__block--description.rte.text-subtext ul li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #444;
}



.product__block--description.rte.text-subtext p i {
  font-style: italic;
  color: #555;
  display: block;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .header__icons--right .header__buttons {
    gap: 1rem !important; /* or adjust the value */
  }
}



h1.product__title {
    font-size: 2.5rem;         /* extra-large on mobile */
    font-weight: 900;          /* ultra-bold */
    line-height: 1.1;
    letter-spacing: 1.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-variant: small-caps;
    color: #111827;
    margin: 0;                 /* absolutely no margin around */
    padding: 0;
    width: 100%;
}




.additional-checkout-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}

.additional-checkout-buttons > * {
  flex: 1 1 0; /* equal width */
  min-width: 0;
}

.media-wrapper {
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.media-wrapper img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.rte a{
  color:#0066cc !important;  
}
.rte a:hover,
.rte a:focus{
  color:#004a99 !important;    
}
.m-page-content a{
    color:#0066cc !important;       
  }
.m-page-content a:hover,
.m-page-content a:focus{
    color:#004a99 !important;          
  }
.m-section__description a,
.m-link-underline,
.rte a:not(.spr-summary-actions-newreview){
  --btn-link-border: 1px;
  color:#0066cc!important;
}
.container .m-page-content{
  width: 90%;           
  margin: 0 auto;      
  padding: 0 20px;    
}

.m-product-option--dropdown .m-product-option--content {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.m-product-option--dropdown .m-product-option--content select {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
}

@media (max-width: 768px) {
  .m-product-option--dropdown .m-product-option--content {
    display: block;
    width: 100%;
  }
  .m-product-option--dropdown .m-product-option--content select {
    width: 100%;
  }
},

.m-product-option--label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.m-product-option--label .option-label--title {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #555;
}

.m-product-option--label .option-label--selected {
  font-size: 1rem;
  font-weight: 500;
  color: #222;
  background: #f0f0f0;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

.main-product__block-variant_picker {
  margin-top: 1rem!important;
}


  .m-page-header {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-cart__footer--wrapper {
    padding: 0rem 0;
  }