/** Shopify CDN: Minification failed

Line 114:0 Unexpected "}"

**/
.rte:after {
  clear: both;
  content: '';
  display: block;
}

.rte > p:first-child {
  margin-top: 0;
}

.rte > p:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
  font-size: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 0px !Important;
  color:black!important;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul {
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}
.rte a:hover {
  text-decoration: underline !Important;
}
.rte a {
  color: black !Important;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
  text-decoration: none !important;
}
.dark-background .rte a {
  color: white !Important;
}
.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}
.dark-background .rte table {
  color:white!important;
}
.rte table {
  max-width: 95%;
    height: auto;
    width: auto;
  font-size: .8rem !Important;
}
.rte a {
font-size: 12px !important;
}
@media screen and (max-width: 750px) {
.rte a {
font-size: 10.5px !important;
}
}
.rte table td {
  font-family: SatoshiLight !important;
}


  /* Add padding to the table instead so the text doesn't touch the curved edge */
  .product__accordion details[open] .accordion__content table {
    margin: 0 !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important; /* Remove internal table borders that clash with the outer radius */
  }

  .product__accordion details[open] .accordion__content td,
  .product__accordion details[open] .accordion__content th {
    padding: 10px !important;
  }
}

  /* 1. Remove the theme's default focus ring on the details and summary */
  .product__accordion details,
  .product__accordion summary,
  .product__accordion details[open] summary {
    outline: none !important;
    box-shadow: none !important;
  }

  /* 2. The Pop-up Window with True Clipping */
  .product__accordion details[open] .accordion__content {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    padding: 0 !important;
    
    /* THE RADIUS & BORDER FIX */
    border-radius: 15px !important;
    overflow: hidden !important; 
    
    
    /* This removes any weird 'ghost' borders from the theme */
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }

  /* 3. Strip all borders from the internal table */
  .product__accordion .accordion__content table,
  .product__accordion .accordion__content tbody,
  .product__accordion .accordion__content tr {
    border: none !important;
    border-collapse: collapse !important;
    background: transparent !important;
  }

  /* Keep cell borders only if you want them, but stop them from touching the outer edge */
  .product__accordion .accordion__content td {
    border-bottom: 1px solidrgba(240, 240, 240, 0) !important;
    padding: 12px !important;
  }
  
  .product__accordion .accordion__content tr:last-child td {
    border-bottom: none !important;
  }




  /* 2. Desktop Settings (Above 750px) */
@media screen and (min-width: 750px) {
 /* Target the content box */
.product__accordion details[open] .accordion__content {
    /* 1. Force a set size */
    width: 500px !important;  /* Change 500px to your preferred "set size" */
    min-width: 400px !important; 
    
    /* 2. Prevent parent flexbox from squishing this element */
    flex-shrink: 0 !important;
    
    /* 3. Handle mobile: Since the box is now "fixed" at 500px, 
       it will be wider than an iPhone screen. This allows the 
       user to scroll the whole modal horizontally if needed. */
    display: block;
    overflow-x: auto;
 

}

/* Ensure the table inside doesn't collapse */
.product__accordion details[open] .accordion__content table {
    width: 100% !important;
    display: table; /* Force table behavior */
    table-layout: fixed; /* Keeps columns at a set ratio */
}
}
@media screen and (max-width: 749px) {
 /* Target the content box */
.product__accordion details[open] .accordion__content {
width: auto !important;       /* Let it shrink-wrap the table */
    max-width: 350px !important;  /* Keep the 500px as a limit instead of a requirement */
    min-width: 350px !important;  /* Remove the 400px minimum that is stretching it */
    display: inline-block;        /* Helps the container wrap tightly around content */
 

}

/* Ensure the table inside doesn't collapse */
.product__accordion details[open] .accordion__content table {
   width: max-content !important; /* Table only takes up as much space as needed */
    margin: 0 auto !important;     /* Centers the table if the box is wider */
    display: table; 
    table-layout: auto !important; /* Allows columns to shrink to fit text */
}
}