/** Shopify CDN: Minification failed

Line 52:0 Unexpected "<"
Line 186:0 Unexpected "<"
Line 245:0 Unexpected "<"
Line 379:0 Unexpected "<"
Line 855:0 Unexpected "<"
Line 1331:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}

  .SizeSwatch.disabled {
                      opacity: 0.5;
                      pointer-events: none;
                    }
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
h3 {
  font-size: 1.1em;
}

   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    svg {
      height: 256px;
    }
    
    .wrapper {
      max-width: 1200px;
    }

.SizeSwatchList {
  margin: 15px 0;
  padding: 0;
}

.HorizontalList__Item {
  margin: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.SizeSwatch__Radio + label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

    .ProductForm__Label {
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 20px 0 10px;
  padding: 0;
}

.features--heading-normal {
  margin: 25px 0 15px;
  text-align: center;
}

.coloration-image-container {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}

#coloration_svg {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

#add-in-container {
  border: 1px solid rgba(var(--border-color-rgb), 0.2);
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
}

.add-in-section {
  margin: 0px 0; /* Reduced from 30px */
  padding: 10px; /* Reduced from 20px */
  border-top: 1px solid rgba(var(--border-color-rgb), 0.1); /* Lighter border */
}

.add-in-section .features--heading-normal {
  margin: 10px 0;
  font-size: 0.9em;
  text-align: center;
  letter-spacing: 8px;
  padding-left: 8px;
  display: block;
}

#glow-section .features--heading-normal {
  text-align: center;
  width: 100%;
}

.add-in-section:first-child {
  border-top: none;
  margin-top: 0; /* Remove top margin from first section */
}

[id$="-selected-text"] {
  margin: 5px 0; /* Reduced from 10px */
  font-size: 0.85em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
h3 {
  font-size: 1.1em;
}

   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    svg {
      height: 256px;
    }

    /* PAGE RESIZING */

    .wrapper {
      max-width: 1200px;
    }
/* Removing these lines makes the site stack on mobile
    .grid-item.large--three-fifths {
      width: 60%;
    }

    .grid-item.large--two-fifths {
      width: 40%;
    } */
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
h3 {
  font-size: 1.1em;
}

   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    svg {
      height: 256px;
    }
    
    .wrapper {
      max-width: 1200px;
    }

.SizeSwatchList {
  margin: 15px 0;
  padding: 0;
}

.HorizontalList__Item {
  margin: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.SizeSwatch__Radio + label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

    .ProductForm__Label {
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 20px 0 10px;
  padding: 0;
}

.features--heading-normal {
  margin: 25px 0 15px;
  text-align: center;
}

.coloration-image-container {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}

#coloration_svg {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

#add-in-container {
  border: 1px solid rgba(var(--border-color-rgb), 0.2);
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
}

.add-in-section {
  margin: 0px 0; /* Reduced from 30px */
  padding: 10px; /* Reduced from 20px */
  border-top: 1px solid rgba(var(--border-color-rgb), 0.1); /* Lighter border */
}

.add-in-section .features--heading-normal {
  margin: 10px 0;
  font-size: 0.9em;
  text-align: center;
  letter-spacing: 8px;
  padding-left: 8px;
  display: block;
}

#glow-section .features--heading-normal {
  text-align: center;
  width: 100%;
}

.add-in-section:first-child {
  border-top: none;
  margin-top: 0; /* Remove top margin from first section */
}

[id$="-selected-text"] {
  margin: 5px 0; /* Reduced from 10px */
  font-size: 0.85em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  h3 {
    font-size: 1.1em;
  }

  .SizeSwatch__Radio:checked + .SizeSwatch.on-sale {
    border-color: #369BFE !important;
  }

  .SizeSwatch.on-sale {
    border-color: #369BFE66 !important;
  }



   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

  .swatch-image, .swatch-image-hover {
    width: 40px;
    height: 48px;
  }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    .wrapper {
      max-width: 1200px;
    }

  .SizeSwatchList {
    margin: 15px 0;
    padding: 0;
  }

  .HorizontalList__Item {
    margin: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .SizeSwatch__Radio + label {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .SizeSwatch__Radio:disabled + .SizeSwatch {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .SizeSwatch__Radio:disabled + .SizeSwatch img {
    filter: grayscale(100%);
  }

      .ProductForm__Label {
    display: block;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 20px 0 10px;
    padding: 0;
  }

  .features--heading-normal {
    margin: 25px 0 15px;
    text-align: center;
  }

  .coloration-image-container {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
  }

  .add-in-section {
    margin: 0px 0; /* Reduced from 30px */
    padding: 0px; /* Reduced from 20px */
    border-top: 1px solid rgba(var(--border-color-rgb), 0.1); /* Lighter border */
  }

  .add-in-section .features--heading-normal {
    margin: 0;
    font-size: 0.7em;
    text-align: center;
    letter-spacing: 8px;
    padding-left: 8px;
    display: block;
  }

  #glow-section .features--heading-normal {
    text-align: center;
    width: 100%;
  }

  .add-in-section:first-child {
    border-top: none;
    margin-top: 0; /* Remove top margin from first section */
  }

  [id$="-selected-text"] {
    margin: 5px 0; /* Reduced from 10px */
    font-size: 0.85em;
  }

  .accordion {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin: 12px 0;  /* Reduced from 15px */
  }


  .accordion-header {
    width: 100%;
    padding: 8px 12px;
    background: none;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    min-height: 40px;
  }



  .accordion-title-text {
    text-transform: uppercase;
    color: #efefef; /* Bright white */
    text-align: left;
    width: 152px;
    letter-spacing: 1px;
  }


  .accordion-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.9em;
      letter-spacing: 2px;
      font-weight: bold;
      width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .accordion-add-in-text {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: right;
      font-size: 0.65em;
      font-style: italic;
      letter-spacing: 1px;
      width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .accordion-add-in-title {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: center;
      font-size: 0.95em;
      font-style: italic;
      width: 100%;
      letter-spacing: 4px;
      padding-right: 4px;
      display: flex;
      justify-content: center;
  }

  .accordion-add-in-header {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: center;
      font-size: 0.85em;
      width: 100%;
      letter-spacing: 6px;
      padding-left: 6px;
      padding-top: 8px;
      padding-bottom: 8px;
  }

  .accordion-panel {
    display: none;
    padding: 12px;
  }

  .accordion-panel, .add-in-section {
      margin-top: 0px;
      border-top: 0px solid rgba(var(--border-color-rgb), 0.1);
  }


  .accordion-header .icon {
  width: 12px;
  height: 12px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  }

  .accordion-header[aria-expanded="true"] .icon {
    transform: rotate(180deg);
  }

  .accordion-header:hover .icon {
    opacity: 0.7;
  }

  #accordion-signature-variants .accordion-header .icon {
  }

  .science-accordion {
      border: 2px solid rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      margin: 12px 0;
  }

  .science-color-checkbox:checked + label {
    border: 2px solid #efefef;
  }

  .science-color-checkbox:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .science-divider {
    margin: 10px auto;
    border: 0;
    height: 1px;
    background: rgba(var(--text-color-rgb), 0.1);
    width: 80%;
  }

  .science-section {
    margin: 10px 0;
  }

  .science-section-title {
    font-size: 0.9em;
    margin-bottom: 8px;
    color: rgba(var(--text-color-rgb), 0.8);
  }

  .science-colors-selection-summary {
    padding: 8px 15px;
    font-size: 0.9em;
    color: rgba(var(--text-color-rgb), 0.8);
    background: rgba(var(--text-color-rgb), 0.02);
  }

  .accordion-science-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.8em;
      letter-spacing: 1px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .signature-accordion-title-text {
    text-transform: uppercase;
    color: #efefef; /* Bright white */
    text-align: left;
    width: 100px;
    letter-spacing: 1px;
  }


  .signature-accordion-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.9em;
      letter-spacing: 2px;
      font-weight: bold;
      width: 240px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .preview-container-custom {
    width: 100%;
    max-width: 200px;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    transition: opacity 0.3s ease-in-out;
    margin: 0 auto;
  }


  .preview-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    margin: 0 auto;
  }

  .preview-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  z-index: 1;
  display: none;
  }

  @keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
  }

  #Coloration_Preview {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    margin: 0; /* Ensure no margin */
    padding: 0; /* Ensure no padding */
    display: block; /* Ensure it behaves as a block element */
  }

  #colorationImage {
    transition: opacity 0.3s ease-in-out;
  }

  #coloration_svg {
    transition: opacity 0.3s ease-in-out;
  }

  #colorationImage, #coloration_svg {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .solidcolor {
    fill: #c6c7d0;
  }

  .solidaddin {
    fill: url(#SparklePatternSolid);
  }


  #SparkleGradientSolid stop {
    stop-color: #c6c7d000;
  }

  .marblecolor {
    fill: #c6c7d0;
  }

  .marbleaddin {
    fill: url(#SparklePatternMarble)
  }

  #SparkleGradientMarble stop {
    stop-color: #c6c7d000;
  }

  .basecolor {
    fill: #c6c7d0;
  }

  .baseaddin {
    fill: url(#SparklePatternBase);
  }

  #SparkleGradientBase stop {
    stop-color: #c6c7d000;
  }

  .shaftcolor {
    fill: #00000000;
  }

  .shaftaddin {
    fill: url(#SparklePatternShaft)
  }

    #SparkleGradientShaft stop {
  stop-color: #00000000; /* New color */
  }

  .stop1 {
    stop-color: #c6c7d000;
  }

  .stop2 {
    stop-color: #c6c7d000;
  }

  .fadestop1 {
    stop-color: #00000000;
  }

  .fadestop2 {
    stop-color: #00000000;
  }

  .solidaddinfadecolor {
    fill: url(#FadeGradient);
  }

  .solidaddinfade {
    fill: url(#SparklePatternFade);
    display: none;
  }

  .addinfadestop1 {
    stop-color: #00000000;
  }

  .addinfadestop2 {
    stop-color: #00000000;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  h3 {
    font-size: 1.1em;
  }

  .SizeSwatch__Radio:checked + .SizeSwatch.on-sale {
    border-color: #369BFE !important;
  }

  .SizeSwatch.on-sale {
    border-color: #369BFE66 !important;
  }



   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

  .swatch-image, .swatch-image-hover {
    width: 40px;
    height: 48px;
  }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    .wrapper {
      max-width: 1200px;
    }

  .SizeSwatchList {
    margin: 15px 0;
    padding: 0;
  }

  .HorizontalList__Item {
    margin: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .SizeSwatch__Radio + label {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .SizeSwatch__Radio:disabled + .SizeSwatch {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .SizeSwatch__Radio:disabled + .SizeSwatch img {
    filter: grayscale(100%);
  }

      .ProductForm__Label {
    display: block;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 20px 0 10px;
    padding: 0;
  }

  .features--heading-normal {
    margin: 25px 0 15px;
    text-align: center;
  }

  .coloration-image-container {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
  }

  .add-in-section {
    margin: 0px 0; /* Reduced from 30px */
    padding: 0px; /* Reduced from 20px */
    border-top: 1px solid rgba(var(--border-color-rgb), 0.1); /* Lighter border */
  }

  .add-in-section .features--heading-normal {
    margin: 0;
    font-size: 0.7em;
    text-align: center;
    letter-spacing: 8px;
    padding-left: 8px;
    display: block;
  }

  #glow-section .features--heading-normal {
    text-align: center;
    width: 100%;
  }

  .add-in-section:first-child {
    border-top: none;
    margin-top: 0; /* Remove top margin from first section */
  }

  [id$="-selected-text"] {
    margin: 5px 0; /* Reduced from 10px */
    font-size: 0.85em;
  }

  .accordion {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin: 12px 0;  /* Reduced from 15px */
  }


  .accordion-header {
    width: 100%;
    padding: 8px 12px;
    background: none;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    min-height: 40px;
  }



  .accordion-title-text {
    text-transform: uppercase;
    color: #efefef; /* Bright white */
    text-align: left;
    width: 152px;
    letter-spacing: 1px;
  }


  .accordion-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.9em;
      letter-spacing: 2px;
      font-weight: bold;
      width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .accordion-add-in-text {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: right;
      font-size: 0.65em;
      font-style: italic;
      letter-spacing: 1px;
      width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .accordion-add-in-title {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: center;
      font-size: 0.95em;
      font-style: italic;
      width: 100%;
      letter-spacing: 4px;
      padding-right: 4px;
      display: flex;
      justify-content: center;
  }

  .accordion-add-in-header {
      text-transform: uppercase;
      color: #c9c9c9;
      text-align: center;
      font-size: 0.85em;
      width: 100%;
      letter-spacing: 6px;
      padding-left: 6px;
      padding-top: 8px;
      padding-bottom: 8px;
  }

  .accordion-panel {
    display: none;
    padding: 12px;
  }

  .accordion-panel, .add-in-section {
      margin-top: 0px;
      border-top: 0px solid rgba(var(--border-color-rgb), 0.1);
  }


  .accordion-header .icon {
  width: 12px;
  height: 12px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  }

  .accordion-header[aria-expanded="true"] .icon {
    transform: rotate(180deg);
  }

  .accordion-header:hover .icon {
    opacity: 0.7;
  }

  #accordion-signature-variants .accordion-header .icon {
  }

  .science-accordion {
      border: 2px solid rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      margin: 12px 0;
  }

  .science-color-checkbox:checked + label {
    border: 2px solid #efefef;
  }

  .science-color-checkbox:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .science-divider {
    margin: 10px auto;
    border: 0;
    height: 1px;
    background: rgba(var(--text-color-rgb), 0.1);
    width: 80%;
  }

  .science-section {
    margin: 10px 0;
  }

  .science-section-title {
    font-size: 0.9em;
    margin-bottom: 8px;
    color: rgba(var(--text-color-rgb), 0.8);
  }

  .science-colors-selection-summary {
    padding: 8px 15px;
    font-size: 0.9em;
    color: rgba(var(--text-color-rgb), 0.8);
    background: rgba(var(--text-color-rgb), 0.02);
  }

  .accordion-science-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.8em;
      letter-spacing: 1px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .signature-accordion-title-text {
    text-transform: uppercase;
    color: #efefef; /* Bright white */
    text-align: left;
    width: 100px;
    letter-spacing: 1px;
  }


  .signature-accordion-color-text {
      text-transform: uppercase;
      color: #efefef;
      text-align: right;
      font-size: 0.9em;
      letter-spacing: 2px;
      font-weight: bold;
      width: 240px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .preview-container-custom {
    width: 100%;
    max-width: 200px;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    transition: opacity 0.3s ease-in-out;
    margin: 0 auto;
  }


  .preview-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    margin: 0 auto;
  }

  .preview-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  z-index: 1;
  display: none;
  }

  @keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
  }

  #Coloration_Preview {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    margin: 0; /* Ensure no margin */
    padding: 0; /* Ensure no padding */
    display: block; /* Ensure it behaves as a block element */
  }

  #colorationImage {
    transition: opacity 0.3s ease-in-out;
  }

  #coloration_svg {
    transition: opacity 0.3s ease-in-out;
  }

  #colorationImage, #coloration_svg {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .solidcolor {
    fill: #c6c7d0;
  }

  .solidaddin {
    fill: url(#SparklePatternSolid);
  }


  #SparkleGradientSolid stop {
    stop-color: #c6c7d000;
  }

  .marblecolor {
    fill: #c6c7d0;
  }

  .marbleaddin {
    fill: url(#SparklePatternMarble)
  }

  #SparkleGradientMarble stop {
    stop-color: #c6c7d000;
  }

  .basecolor {
    fill: #c6c7d0;
  }

  .baseaddin {
    fill: url(#SparklePatternBase);
  }

  #SparkleGradientBase stop {
    stop-color: #c6c7d000;
  }

  .shaftcolor {
    fill: #00000000;
  }

  .shaftaddin {
    fill: url(#SparklePatternShaft)
  }

    #SparkleGradientShaft stop {
  stop-color: #00000000; /* New color */
  }

  .stop1 {
    stop-color: #c6c7d000;
  }

  .stop2 {
    stop-color: #c6c7d000;
  }

  .fadestop1 {
    stop-color: #00000000;
  }

  .fadestop2 {
    stop-color: #00000000;
  }

  .solidaddinfadecolor {
    fill: url(#FadeGradient);
  }

  .solidaddinfade {
    fill: url(#SparklePatternFade);
    display: none;
  }

  .addinfadestop1 {
    stop-color: #00000000;
  }

  .addinfadestop2 {
    stop-color: #00000000;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
h3 {
  font-size: 1.1em;
}

   .swatch-section {
      float: left;
      margin: 16px 0;
    }

    h2 {
      color: #efefef;
      font-weight: 300;
      font-size: 1.2em;
      margin: 0 12px;
    }

    .swatch-object,
    .swatch-object * {
      box-sizing: border-box;
    }

    .swatch-object {
      float: left;
    }

    .swatch {
      width: 48px;
      height: 48px;
      background-color: #efefef;
      display: block;
      margin: 10px;
    }

    input[type=radio] {
      display: none;
    }

    input[type=radio]:checked+label span {
      border: 2px solid #efefef;
    }

    svg {
      height: 256px;
    }

    /* PAGE RESIZING */

    .wrapper {
      max-width: 1200px;
    }
/* Removing these lines makes the site stack on mobile
    .grid-item.large--three-fifths {
      width: 60%;
    }

    .grid-item.large--two-fifths {
      width: 40%;
    } */
h3 {
    font-size: 1.1em;
  }

  svg {
    height: 256px;
  }

  .wrapper {
    max-width: 1200px;
  }
h3 {
    font-size: 1.1em;
  }

  svg {
    height: 256px;
  }

  .wrapper {
    max-width: 1200px;
  }
h3 {
  font-size: 1.1em;
}
h3 {
  font-size: 1.1em;
}