h2 {font-size: 30px; line-height: 1;}
    h3 {font-size: 20px; line-height: 1}
    #products-header {margin-top:15px; margin-bottom:50px}
    
    .grid-path-line {font-size: 16px; line-height: 1.3; font-variation-settings: 'wght' var(--fvarset-wght), 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); }
    .grid-path-line a:last-child { font-size: 16px;
       color: var(--colorGreen);  
       font-variation-settings: 'wght' 300, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);
    }
    
    
    .grid-table { display: grid;   grid-gap: 2px; grid-template-columns:   repeat(7, calc((100% - 106px) / 7)) 60px;
                    align-items: start;}
    .grid-row-cell { height:100%;   background:#ccc; min-height:28px;  padding-left: 8px; 
                     padding-right: 8px;  }
    .grid-row-head {   background:#aaa; height:28px;  padding-left: 8px; padding-right: 8px;
                     display:flex;  justify-content: flex-start; align-items: center;}
    .grid-row-content {min-height:28px; line-height: 1;
                      display:flex; flex-wrap: wrap;  justify-content: flex-start; align-items: center;}

    .grid-dictionary-cell {  background:transparent }  
    
   .grid-table-c2-strict { display: grid;   grid-gap: 2px; grid-template-columns:   25% 75%  ;
                    align-items: start;}
    
    
    .grid-table-c2 { display: grid;   grid-gap: 2px; grid-template-columns:   10% 10% calc(80% - 40px) 40px;
                    align-items: start;}
    .grid-table-c3 { display: grid;   grid-gap: 2px; grid-template-columns:   calc(20%) calc(50% - 20px) calc(30% - 40px)  60px;
                    align-items: start;}
    
    .grid-subtable { display: grid;   grid-gap: 10px; grid-template-columns:   calc(70%) 30%;
                    align-items: start;}
    
    
   .grid-table-over { display: grid;   grid-gap: 2px; grid-template-columns:   25% 75%; align-items: start;}
   
   .grid-table-over-row { display: grid;   grid-gap: 2px; grid-template-columns: 100%; align-items: start;}
   .grid-table-over-lvl1 { display: grid;   grid-gap: 2px; grid-template-columns: 40% 60%; align-items: start;}
   .grid-table-over-label { display: grid;   grid-gap: 2px; grid-template-columns:   25% 30% 45%; align-items: start;}
   .over-label-cell {height:100%; min-height:30px; background: #aaa; padding:8px; padding-top:3px; padding-bottom:3px; }

   
   .over-cell {height:100%; min-height:30px; background: #ccc; padding:8px; padding-top:3px; padding-bottom:3px; }
   
   .menu-line {border-top:solid 1px #bbb;}
   
    
   .filter-header {border-bottom: solid 1px #999; line-height:1 !important; padding-bottom:5px; padding-right:5px; width:max-content; }
    
   .filter-open {margin-top:40px; margin-bottom:40px;}
    
   .grid-catalog {display: grid; column-gap:25px; grid-template-columns: 290px auto ;}

   .grid-products-list {display: grid; column-gap:12px; row-gap:12px; grid-template-columns: repeat(4, 1fr); }
   .grid-products-list-home {display: grid; column-gap:12px; row-gap:12px; grid-template-columns: repeat(7, 1fr); }


   .grid-product { background: #fff; padding:15px; border-radius: 5px; border:solid #ccc 1px;}
   .grid-product.hovered {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}

   .grid-extra-value {display: grid; column-gap:7px; grid-template-columns: auto max-content;}
   
    #products-container {/*background:#f9f9f9;*/ padding:14px; border-radius: 5px;}


/*BASKET*/
.BasketHeadName {font-size:25px; font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.grid-basket-product {display: grid; grid-auto-rows: auto;  column-gap: clamp(20px, 5vw, 50px); grid-template-columns: 160px auto }
.grid-basket-product-body {display: grid; row-gap: 20px; grid-template-columns: auto 200px;}

.BasketProductName {font-size: 18px; font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.BasketProductPrice {font-size: 25px; font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
#BasketSummaryBox {border-radius: 3px;; border: var(--borderGrey); padding:15px; height: max-content;}
.BasketStep1Box {display: grid; row-gap: 30px; column-gap:clamp(20px, 5vw, 50px);  grid-template-columns: auto 400px;}
.BasketSummaryHead {font-size: 20px; font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.grid-basket-summary {display: grid; row-gap: 10px; grid-template-columns: auto max-content;}
.SummaryLabel {color:#666; font-size:14px;}
.SummaryLabelBold {color:#666; font-size:14px; font-variation-settings: 'wght' 500, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.SummaryValueBold {color:#000; font-size:16px; font-variation-settings: 'wght' 500, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.BasketStepNum {background: #ccc; line-height: 1; display: flex; justify-content: center; align-items: center; border-radius: 50%; width:25px; height: 25px;; padding:3px;}
.BasketStepNumActive {background: var(--colorGreen); color:#fff; line-height: 1; display: flex; justify-content: center; align-items: center; border-radius: 50%; width:25px; height: 25px;; padding:3px;}

.basket-alert {font-size:12px; color:orange}

.shipping-elem, .payment-elem, .address-elem { border-radius:4px; padding:15px; line-height: 1; border: var(--borderGrey); display: grid; align-items: center;   }
.shipping-elem-name-ico { display: grid;  grid-template-columns: max-content auto; align-items: center; }
.shipping-elem-name {   }
.shipping-elem-price-selected {font-size: 18px;}
.shipping-elem-active {background: #dfefdf;}
.address-elem-active {background: #dfefdf;} 

.products-mini-grid {display:flex; column-gap: 20px;flex-wrap: wrap; row-gap: 20px; }
.products-mini-grid .mini-elem { border-radius:4px; border:var(--borderGrey); width:100px; height: 100px;}
.products-mini-grid img { padding:5px; width:100%; height:100%}

.summary-header {font-size:20px;}
.square-img {
    width: 100px;
    height: 100px;
    object-fit: scale-down;
}
 



[form-address] input[type="text"] {
  /* tutaj style */
  border: var(--borderGrey);
  padding: 8px;
  transition: 0.4s ease;
  width:100%;
}
[form-address] input[type="text"]:focus {
  outline: var(--borderGrey) !important;
  
}
.input-label {font-size:11px; position: absolute; top:-13px;}
/*product*/
   .ProductName a { color:#444444; font-size:18px; line-height: 1.2;    font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);      
      /*height: 62px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis;*/
   }

   .ProductPrice {  
        font-stretch: 100%;  font-weight: 650;  font-size: 28px;  line-height: 1;  letter-spacing: 0.4px; height:45px;color:#444444;padding-bottom:2px;
        display:flex; align-items: center;  overflow: hidden; line-height: 1 }
 
    .ProductInstallment {font-size: 14px; margin-top:5px;}   
    .ProductInstallment .pi-price {font-size: 16px; font-variation-settings: 'wght' 400, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); }
    .ProductInstallment .pi-info {color:#888; font-variation-settings: 'wght' 200, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
    .ProductInstallment .pi-url {color: var(--colorGreen); font-variation-settings: 'wght' 200, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}

    

  .ProductViewCode { margin-top:5px; 
       font-stretch: 85%;  font-weight: 500;   font-size: 15.5px;   line-height: 1;   letter-spacing: 0.2px; height:17px;color:#444444;padding-bottom:2px;
       overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis;
    }

   .ProductDescription {  
       font-stretch: 85%;  font-weight: 375;   font-size: 15.5px;
       line-height: 1.333;   letter-spacing: 0.2px; height:61px; color:#444444;
       overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis;
   }
  .InventoryAvail {  font-stretch: 85%;  font-weight: 375; font-size: 14px;line-height: 1.333;   letter-spacing: 0.2px; color:#666;}
   .ProductQuantity  {  font-weight: 375; font-stretch: 85%; font-size:20px; line-height: 1 }

   .filter-box-bordered {padding-bottom:20px; border-bottom: solid 1px #c1c1c1;}

   .MenuLeftHeader {display: grid; grid-template-columns: auto max-content; padding-bottom:10px; align-items: center;}
   .MenuLeftHeader .MLH-name { font-variation-settings: 'wght' 250, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); font-size:24px;  }
   .MenuLeftHeader .MLH-clear { font-size:14px; color:var(--colorGreen); font-variation-settings: 'wght' 250, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);    }

   .MenuTopMobile {  border-radius: 5px; background: #eee; margin-top: 15px; padding: 10px; padding-left:9px;}

   .MenuLeftElements {display:grid; row-gap:5px;    }
   
   .MenuLeftElem { display:grid; grid-template-columns: max-content auto; align-items: center;
       font-variation-settings: var(--menuLeftElemSettings);
       line-height: 1; column-gap: 6px; 
    }
    .MenuLeftElemActive {   font-variation-settings: var(--menuLeftElemSettings); }

    .MenuLeftCategory {  min-height: var(--checkh);
       font-variation-settings: var(--menuLeftElemSettings);
       line-height: 1; 
    }


   .MenuLeftElem .fcheckbox {height:var(--checkh);}

   .FilterHeaderInfo {font-size: 25px; font-weight: 500;}


    .product-row-mark { display: grid; grid-template-columns: auto max-content; }
    .product-row-img  { text-align: center;  }
    .product-row-img img {   max-width:90%}

    .MarkLabel {border-radius: 3px;; display: flex; width:max-content; height:22px;  padding-left:5px; padding-right:5px; align-items: center;
                 font-size:13px; line-height: 1;    font-variation-settings: 'wght' 200, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); }
    .ml-bestseller {color:#fff; background: #999;}
    .ml-recomendation {color:#fff; background: var(--colorGreen);}

    .IcoFav { justify-self: flex-end; }

    .grid-points {margin-top:0px;  line-height: 1.25; /*6*/ display:grid; column-gap:30px; grid-template-columns: auto}
    .point-label { color:#999; font-size:14px;     font-variation-settings: 'wght' 200, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); }
    .point-value { font-size:14px;   font-variation-settings: 'wght' 250, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC); }

    [search-filter-container] {left:0; top:20px; padding:10px; padding-top:0; z-index: 998; color:#fff; background: #999; width:100%}

/* Ukrywamy natywny checkbox */
.checkbox-wrapper input[type="checkbox"] {
  display: none;
}

/* Wygląd customowego checkboxa */
.SelectorFilter input[type="checkbox"] {   line-height: 1;  display:none; }
.SelectorFilter input[type="checkbox"] + label { line-height: 1; font-size:1px; margin:0; padding:0;  color:#000000;    cursor:pointer; }
.SelectorFilter input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:var(--checkh);
    margin:0px 0px 0 0; 
    padding:0;
    background: url('https://datafile.pl/files/musicfactory/icons/IconSelect.svg') center center no-repeat;
    cursor:pointer;
}
.SelectorFilter input[type="checkbox"]:checked + label span {
    background:url('https://datafile.pl/files/musicfactory/icons/IconSelectActive.svg') center center no-repeat;
}

[basket-button="info"] {display:none; }
 


/*CARD*/
.grid-card {display: grid; row-gap:30px; column-gap:30px; grid-template-columns: auto 40%;}
.CardProductName {font-size: 25px; line-height: 1.1; font-variation-settings: 'wght' 350, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.CardProductInfo {margin-top:8px;  }
.CardProductPrice {font-size: 30px; font-variation-settings: 'wght' 650, 'wdth' var(--fvarset-wdth), 'GRAD' var(--fvarset-GRAD), 'YTLC' var(--fvarset-YTLC);}
.CardProductDescription {margin-top: 30px;   max-width:800px}

.BtnAdd2Basket { color:#fff;   background:var(--colorGreen); padding-left:10px; padding-right:10px;
                   border-radius: 5px;    height:50px; display:flex; align-items: center; justify-content: center;  }                    
.BtnAdd2BasketDisabled { color:#fff;   background:#aaa; padding-left:10px; padding-right:10px;
                   border-radius: 5px;    height:50px; display:flex; align-items: center; justify-content: center;  } 
.BtnAdd2BasketInfo { color:#fff;   background:orange; padding-left:10px; padding-right:10px;
                   border-radius: 5px;    height:50px; display:flex; align-items: center; justify-content: center;  }                                          
                   
    @media   (min-width: 100px) and  (max-width: 675px)   {
        .grid-products-list {  grid-template-columns: auto; row-gap:15px; }
        .grid-products-list-home {  grid-template-columns: 1fr 1fr ;}
        .BasketStep1Box { grid-template-columns: auto}
        .grid-basket-product {grid-template-columns: 100px auto   }
        .grid-basket-product-body {display: grid; grid-template-columns: auto}
        .grid-card {grid-template-columns: auto}
        .grid-catalog { row-gap:25px; grid-template-columns:  auto ;}
        #products-container { padding:0;  }

    }
 
    @media   (min-width: 677px) and  (max-width: 1024px)   {
        .grid-products-list {  grid-template-columns: 1fr 1fr ;}
        .grid-products-list-home {  grid-template-columns: 1fr 1fr 1fr ;}
        .BasketStep1Box { grid-template-columns: auto}
    }