/** Shopify CDN: Minification failed

Line 157:6 Unexpected "{"
Line 157:7 Expected identifier but found "%"
Line 157:38 Unexpected "{"
Line 157:39 Expected identifier but found "%"

**/

#shopify-section-template--25776868688148__slideshow_nW8Apx {
  padding-bottom: 0 !important;
  margin-bottom: -10px !important;
}

#shopify-section-template--25776868688148__fading_images_w8BypT {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.index-section--hero + .index-section--hero {
  margin-top: 0 !important;
}


#shopify-section-template--25776868688148__fading_images_w8BypT .hero__text-wrap--absolute {
  top: 0 !important;
  padding-top: 0 !important;
}

#shopify-section-template--25776868688148__fading_images_w8BypT .fading-images__item-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.mats-list { z-index:3; margin:0; padding:0; list-style:none; }
.mats-item {  padding:0px 0; }
.mats-item:last-child { border-bottom:none; }
.mats-question { font-weight:600; margin:0 0 6px; }
.mats-answer { margin:0; }

 #mats-value-boxs-section{
        display:flex;
        flex-direction:column;
        gap:0.5rem;
    }

    #mats-value-boxs-section > div{
        display:flex;
        flex-direction:column;
        gap:0.5rem;
    }

    .box_label{
        font-size: 9px;
        letter-spacing: .2em;
        text-transform: uppercase;
        display: block;
        font-style: normal;
        margin-bottom: 5px;
    }

    .mats-list{
        display:flex;
        align-items:center;
        gap:1.5rem;
    }

    .mats-btn{
        padding:3px;
        border: 1px solid var(--colorBorder);
        color:var(--colorBorder);
        background-color: var(--colorBody);
        box-shadow: 0 0 0 1px var(--colorBorder);
        display: inline-block;
        font-family: var(--typeBasePrimary),var(--typeBaseFallback);
        font-size: var(--typeBaseSize);
        font-style: normal;
        font-weight: var(--typeBaseWeight);
        letter-spacing: var(--typeBaseSpacing);
        line-height: var(--typeBaseLineHeight);
        margin: 0 8px 12px 0;
        overflow:hidden;
        padding:7px 15px;
        position: relative;
        text-transform: none;
        transition:all .25s ease;
    }

    .mats-component-line-break {
      display: flex;
      align-items: center;
      text-align: center;
      width: 100%;
      height: auto; 
      border: none; 
      margin-bottom:0!important;
      margin:5px 0;
      font-size:12px;
    }

    .mats-component-line-break::before,
    .mats-component-line-break::after {
      content: '';
      flex: 1;
      height: 1px;
      background-color: var(--colorBorder);
    }

    .mats-component-line-break span {
      padding: 0 15px;
      background: white; 
    }

    #mats_colors{
      position: relative;
      z-index: 1;
      background:white;
    }

    .color-square-display{
        width:5px;
        height:5px;
    }

    .color-dropdown {
        position: relative;
        display: inline-block;
        border: 1px solid var(--colorBorder);
        background-color: var(--colorBody);
        padding: 6px 10px;
        min-width: 140px;
        cursor: pointer;
        user-select: none;
    }

    .color-dropdown .selected {
        display: flex;
        align-items: center;
        gap: 6px;
        width:100%;
    }

    .color-dropdown .options {
         display: none;
    }

    .floating-options {
      position: absolute;
      box-sizing: border-box;
      background: var(--colorBody);
      border: 1px solid var(--colorBorder);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      max-height: 30vh;
      overflow: auto;
      padding: 0;
      z-index: 20 !important;
      {% comment %} min-width: 140px; {% endcomment %}
      
    }

    .floating-options .option {
        padding: 8px 10px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: background 0.2s;
        box-sizing: border-box;
    }

    .floating-options .option:hover {
        background-color: rgba(0,0,0,0.05);
    }

    .color-square-display {
        display:flex;
        width: 12px;
        height: 12px;
        border: 1px solid #999;
    }