/** Shopify CDN: Minification failed

Line 438:0 Unexpected "}"

**/
/* custom-product-description.css */

body {
  color: #fff;
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console !important;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 600px) {
  body {
    font-size: 15px;
    /* padding: 12px 6vw; */
  }
}

h4 {
  font-family: monospace, monospace !important;
  color: #C7FFED !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.7em !important;
  letter-spacing: 0.5px !important;
}

ul {
  margin: 0 0 1.5em 0;
  padding-left: 1.2em;
}

ul li {
  margin-bottom: 0.5em;
  font-size: 1em;
}

/* Removed problematic styled list rules that could interfere with proper list conversion */

span[style*="color: #05F2AF;"] {
  font-size: 1.1em;
  vertical-align: middle;
}

hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, #444 0%, #05F2AF 100%);
  margin: 2em 0 2em 0;
}

p {
  margin-top: 0;
  margin-bottom: 1.5em;
}

/* Ensure first paragraph is always regular text */
.product__description p:first-of-type, .rte p:first-of-type {
  font-weight: normal !important;
  color: #fff !important;
  font-size: 14px !important;
  margin-bottom: 1.5em;
  display: block;
}
.product__description p:first-of-type strong, .rte p:first-of-type strong {
  font-weight: normal !important;
  color: #fff !important;
  font-size: 14px !important;
}

/*
 * NOTE: CSS :contains() is not supported in browsers. For special styling of 'Best For:' and 'Note for 24″×36″ sizes:',
 * you MUST add class="best-for-header" and class="note-24x36" to the relevant <strong> tags in your HTML.
 * If you cannot edit the HTML, use the JavaScript snippet below to add these classes at runtime.
 */

/* Section 1: Ensure first paragraph strong is NOT styled as header, just bold text, no extra margin */
.product__description p:first-of-type strong, .rte p:first-of-type strong {
  font-weight: bold !important;
  color: #fff !important;
  font-size: 14px !important;
  display: inline !important;
  margin: 0 !important;
}

/* All product description text monospace, 14px, even spacing */
.product__description, .rte {
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace, 'Inter', 'Segoe UI', Arial, sans-serif !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.product__description *, .rte * {
  font-family: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Unified header/subheader style for h4 and p > strong:only-child, ONLY if special class is present */
.product__description h4,
.rte h4,
.product__description p > strong.best-for-header:only-child,
.rte p > strong.best-for-header:only-child,
.product__description p > strong.note-24x36:only-child,
.rte p > strong.note-24x36:only-child {
  font-family: monospace, monospace !important;
  color: #C7FFED !important;
  font-size: 18px !important;
  font-weight: bold !important;
  display: block !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.7em !important;
  letter-spacing: 0.5px !important;
}

/* Remove header style from p > strong:only-child if not special class */
.product__description p > strong:only-child:not(.best-for-header):not(.note-24x36),
.rte p > strong:only-child:not(.best-for-header):not(.note-24x36) {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  display: inline !important;
  margin: 0 !important;
  font-family: inherit !important;
  letter-spacing: normal !important;
}

/* Section 3: Make 'Best For:' header match other headers (Section 2/4) */
.product__description p > strong.best-for-header:only-child,
.rte p > strong.best-for-header:only-child {
  font-family: monospace, monospace !important;
  color: #C7FFED !important;
  font-size: 18px !important;
  font-weight: bold !important;
  display: block !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.7em !important;
  letter-spacing: 0.5px !important;
}

/* Section 3: Style 'Best For:' header ONLY if class is present */
.product__description p > strong.best-for-header,
.rte p > strong.best-for-header {
  font-family: monospace, monospace !important;
  color: #C7FFED !important;
  font-size: 18px !important;
  font-weight: bold !important;
  display: block !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.7em !important;
  letter-spacing: 0.5px !important;
}

/* Regular strong (e.g. 'Dragon Breath', 'Note for 24″×36″ sizes:') */
.product__description p strong, .rte p strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: bold !important;
  display: inline !important;
  margin-bottom: 0 !important;
}

/* Remove extra line after subheader strong, but NOT for .note-24x36 */
/* To exempt a line, add class="note-24x36" to the <strong> in your HTML. */
.product__description p > strong:first-child:not(.note-24x36) + br, .rte p > strong:first-child:not(.note-24x36) + br {
  display: none !important;
}

/* If you cannot edit HTML, add this JavaScript to your theme to auto-add the needed classes: */
/*
<script>
document.addEventListener('DOMContentLoaded', function() {
  // Add class to 'Best For:'
  document.querySelectorAll('.product__description p > strong').forEach(function(strong) {
    if (strong.textContent.trim() === 'Best For:') {
      strong.classList.add('best-for-header');
    }
    if (strong.textContent.trim() === 'Note for 24″×36″ sizes:') {
      strong.classList.add('note-24x36');
    }
  });
});
</script>
*/

.product__description p, .rte p {
  font-size: 14px !important;
  font-family: inherit !important;
  line-height: 1.7 !important;
  margin-top: 0;
  margin-bottom: 1em;
  text-indent: 0;
}

/* --- CLEAN LIST STYLING FOR CONVERTED LISTS --- */

/* Section 5: Allow line break after Note for 24x36 sizes ONLY if class is present */
.product__description p > strong.note-24x36 + br, .rte p > strong.note-24x36 + br {
  display: inline !important;
}

.best-for-header {
  font-weight: bold;
  color: #b22222;
  font-size: 1.1em;
  letter-spacing: 0.02em;
  display: inline-block;
  margin-bottom: 0.25em;
}

.note-24x36 {
  font-weight: bold;
  color: #0077b6;
  font-size: 1em;
  display: inline-block;
  margin-bottom: 0.25em;
}

.product-description-strong {
  font-weight: bold;
  color: #b22222;
  font-size: 1.1em;
  letter-spacing: 0.02em;
  display: inline-block;
  margin-bottom: 0.25em;
}

.product-title-strong {
  font-weight: bold !important;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
}

/* ✅ CONVERTED LISTS - Clean Production Styling */

/* Target our converted lists with MAXIMUM specificity */
.FORCE-CONVERTED-LIST,
ul.FORCE-CONVERTED-LIST,
div ul.FORCE-CONVERTED-LIST,
.product__description ul.FORCE-CONVERTED-LIST,
.rte ul.FORCE-CONVERTED-LIST {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: none !important;
  padding-left: 20px !important; /* Reduced from 40px - adjust this value */
  margin: 15px 0 !important;
  display: block !important;
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.FORCE-CONVERTED-LIST li,
ul.FORCE-CONVERTED-LIST li,
div ul.FORCE-CONVERTED-LIST li,
.product__description ul.FORCE-CONVERTED-LIST li,
.rte ul.FORCE-CONVERTED-LIST li {
  list-style: disc !important;
  list-style-position: outside !important;
  list-style-type: disc !important;
  margin-bottom: 8px !important;
  padding-left: 4px !important;
  text-indent: 0 !important;
  display: list-item !important;
  color: #fff !important;
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console !important;
  font-size: 14px !important; /* Ensure consistent 14px across all lists */
  line-height: 1.7 !important;
}

/* Green Checkmarks ONLY for "Why You'll Love It" section - MAXIMUM SPECIFICITY */
html body .product__description ul.FORCE-CONVERTED-LIST.why-youll-love-it-list,
html body .rte ul.FORCE-CONVERTED-LIST.why-youll-love-it-list,
html body ul.FORCE-CONVERTED-LIST.why-youll-love-it-list,
html body .why-youll-love-it-list {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  list-style-position: outside !important;
  padding-left: 10px !important;
}

html body .product__description ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
html body .rte ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
html body ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
html body .why-youll-love-it-list li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  list-style-position: outside !important;
  position: relative !important;
  padding-left: 20px !important;
  display: block !important;
  font-size: 14px !important; /* Force consistent 14px */
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console !important;
  line-height: 1.7 !important;
  color: #fff !important;
}

html body .product__description ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
html body .rte ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
html body ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
html body .why-youll-love-it-list li:before {
  content: "✔" !important;
  color: #05F2AF !important;
  font-weight: bold !important;
  position: absolute !important;
  left: -2px !important;
  top: 0 !important;
  display: block !important;
  width: 20px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  font-size: 18px !important; /* 18px checkmark size */
  line-height: inherit !important;
}

/* FORCE remove disc bullets from green checkmark lists */
body .product__description ul.why-youll-love-it-list li,
body .rte ul.why-youll-love-it-list li,
body ul.why-youll-love-it-list li {
  list-style-type: none !important;
  list-style: none !important;
  list-style-position: inside !important;
  list-style-image: none !important;
}

/* Remove the previous green checkmark rules that had lower specificity */
.product__description ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
.rte ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li,
.why-youll-love-it-list li {
  list-style: none !important;
  list-style-type: none !important;
  position: relative !important;
  padding-left: 20px !important;
  font-size: 14px !important; /* Force consistent 14px */
  font-family: monospace, 'SF Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console !important;
  line-height: 1.7 !important;
  color: #fff !important;
}

.product__description ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
.rte ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
ul.FORCE-CONVERTED-LIST.why-youll-love-it-list li:before,
.why-youll-love-it-list li:before {
  content: "✔" !important;
  color: #05F2AF !important;
  font-weight: bold !important;
  position: absolute !important;
  left: -2px !important;
  top: 0 !important;
  display: block !important;
  width: 20px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  font-size: 18px !important; /* 18px checkmark size */
}

/* Remove ALL ::before pseudo-elements that could interfere (except green checkmarks) */
.FORCE-CONVERTED-LIST:not(.why-youll-love-it-list) li:before,
ul.FORCE-CONVERTED-LIST:not(.why-youll-love-it-list) li:before,
div ul.FORCE-CONVERTED-LIST:not(.why-youll-love-it-list) li:before,
.product__description ul.FORCE-CONVERTED-LIST:not(.why-youll-love-it-list) li:before,
.rte ul.FORCE-CONVERTED-LIST:not(.why-youll-love-it-list) li:before,
.product__description ul li:before,
.product__description ul li::before,
.rte ul li:before,
.rte ul li::before {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Also target the old class name just in case */
.converted-bullet-list,
ul.converted-bullet-list,
.product__description ul.converted-bullet-list,
.rte ul.converted-bullet-list {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 40px !important;
  margin: 20px 0 !important;
  background: rgba(0,0,255,0.1) !important;
}

.converted-bullet-list li,
ul.converted-bullet-list li,
.product__description ul.converted-bullet-list li,
.rte ul.converted-bullet-list li {
  list-style: disc !important;
  list-style-position: outside !important;
  display: list-item !important;
  margin-bottom: 10px !important;
  color: #fff !important;
}

/* Override ANY theme styles that might interfere */
body .product__description ul,
body .rte ul {
  list-style-position: outside !important;
}

body .product__description ul li,
body .rte ul li {
  list-style-position: outside !important;
}
/* Override ANY theme styles that might interfere */
body .product__description ul,
body .rte ul {
  list-style-position: outside !important;
}

body .product__description ul li,
body .rte ul li {
  list-style-position: outside !important;
}
}