/** Shopify CDN: Minification failed

Line 47:53 Expected identifier but found "{"
Line 47:54 Unexpected "{"
Line 47:64 Expected ":"
Line 47:93 Expected ":"
Line 47:106 Expected identifier but found whitespace
Line 47:108 Unexpected "{"
Line 47:118 Expected ":"
Line 47:145 Expected ":"
Line 79:6 Unexpected "{"
Line 79:7 Expected identifier but found "%"
... and 2 more hidden warnings

**/
*,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
/*         letter-spacing: 0.06rem; */
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
      .dt-sc-column{display:grid;width:100%; row-gap:{{ settings.spacing_grid_horizontal }}px; column-gap: {{ settings.spacing_grid_vertical }}px; margin-bottom:30px;margin-left:0;padding:0;grid-auto-flow:row dense}
     
      .dt-sc-column.two-column{display:grid;grid-template-columns:repeat(2,1fr)}
      .dt-sc-column.three-column{display:grid;grid-template-columns:repeat(3,1fr)}
      .dt-sc-column.four-column{display:grid;grid-template-columns:repeat(4,1fr)}
      .dt-sc-column.five-column{display:grid;grid-template-columns:repeat(5,1fr)}
      .dt-sc-column.six-column{display:grid;grid-template-columns:repeat(6,1fr)}
      .dt-sc-column.seven-column{display:grid;grid-template-columns:repeat(7,1fr)}
      .dt-sc-column.eight-column{display:grid;grid-template-columns:repeat(8,1fr)}
      .dt-sc-column.nine-column{display:grid;grid-template-columns:repeat(9,1fr)}
      .dt-sc-column.ten-column{display:grid;grid-template-columns:repeat(10,1fr)}
      .dt-sc-column.eleven-column{display:grid;grid-template-columns:repeat(11,1fr)}
      .dt-sc-column.twelve-column{display:grid;grid-template-columns:repeat(12,1fr)}
      .two-third-one-third{grid-template-columns:2fr 1fr}
      .three-fourth-one-fourth{grid-template-columns:3fr 1fr}
      .four-fifth-one-fifth{grid-template-columns:4fr 1fr}
      .one-third-two-third{grid-template-columns:1fr 2fr}
      .one-fourth-three-fourth{grid-template-columns:1fr 3fr}
      .one-fifth-four-fifth{grid-template-columns:1fr 4fr}
      .double-quarter-half{grid-template-columns:1fr 1fr 2fr}
      .double-quarter-one-half{grid-template-columns:1fr 1fr 2fr}
      #preloader {
      position: fixed;
      display:block;
      z-index: 2000;
      width: 100%;
      height: 100%;
      top:0;
      bottom:0;
      left:0;
      right: 0;
      margin: auto;
      {% if settings.preloader != blank %} 
      background-image:url('{{ settings.preloader | image_url: width: 1920 }}');
     {% endif %}
      background-repeat: no-repeat;
      background-position:center;
      background-color: rgb(var(--color-background));
      }
      .preloader-overflow {
      overflow:hidden;
      height: 100%;
      width: 100%;        
      }
       a#to-top.dt-sc-to-top{
        padding: 0;
        bottom: -50px;
        right: 10px;
        width: 50px;
        height: 50px;
        border-radius:50%;
        text-align: center;
        line-height: 50px;
        z-index: 2;
        position: fixed;
        background: var(--gradient-base-accent-1); 
        color:var(--gradient-base-background-1); 
        overflow: hidden;
       -webkit-transition: all 1s ease;
       transition: all 1s ease; 
       }
       a#to-top.dt-sc-to-top.show { bottom: 20px; }
      a#to-top.dt-sc-to-top:hover{ background: var(--gradient-base-accent-1); color: var(--gradient-base-background-1);   }
      a#to-top.dt-sc-to-top:hover svg{fill: var(--gradient-base-background-1);}
      a#to-top.dt-sc-to-top svg {
        width: 20px;
        height: 10px;
        transition: all var(--duration-default) linear;
        fill: var(--gradient-base-background-1);
        transform:rotate(270deg);
        -webkit-transform:rotate(270deg);
       }
      
      .video_overlay { opacity: 1; visibility: hidden; display: none;  }
      .video_overlay.open { display: flex !important; align-items:center; justify-content:center; opacity: 1; visibility: visible; background-color: rgba(0, 0, 0, 0.9); cursor: pointer; height: 100%; top: 0; left: 0;     position: fixed;     width: 100%; z-index: 98; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .2s, visibility 0.2s; transition: opacity .2s, visibility 0.2s; }
      #video_player { max-width: 80%; max-height: 80%; height: 360px; width: 640px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .6); }
      .video-section .video_modal{opacity: 0; visibility: hidden; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: var(--DTBaseTransition);}
        #product-with-hidden-thumbs .thumbnail-slider {
        display: none;
        }
      /* quick view */
      .quick-add-modal__content-info .optional-sidebar,
      .quick-add-modal__content-info .dt-sc-enquiry-form,
      .quick-add-modal__content-info .sticky-bar-form,
      .quick-add-modal__content-info .html-sections-product,
      .quick-add-modal__content-info .fake_counter_p,
      .quick-add-modal__content-info .product-additional__information,
      .quick-add-modal__content-info .product-deal-count,
      .quick-add-modal__content-info  .advance-product-style,
      .quick-add-modal__content-info  button.toggleFilter{display:none!important;}
      .quick-add-modal__content-info  .main-product_info{width:100%;}    
      .mobile-menu-overlay{
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        visibility: hidden;
        width: 100%;
        z-index: 98;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity .2s, visibility 0.2s;
        transition: opacity .2s, visibility 0.2s;
      }
      .overflow-hidden.filter-clicked .shopify-section-header-sticky { z-index: 1;}