/** Shopify CDN: Minification failed

Line 121:0 Unexpected "}"

**/
/*
------------------------------------------------------------------------------------------------------------
                                            !! FILTRY !!
------------------------------------------------------------------------------------------------------------
*/ 


/* header */
facetfiltersformmobile .side-panel-header .h4,
facetfiltersformmobile .side-panel-header .side-panel-close {
  text-transform: uppercase;
}
facetfiltersformmobile .side-panel-header .side-panel-close:hover {
  color: #e7c0c7;
}

/* sortowanie */
#Facet-Drawer .facets__mobile_form .thb-filter-sort .select select {
  padding: 10px 20px 10px 10px;
  margin-left: -10px;
}
#Facet-Drawer .thb-filter-sort {
  flex-direction: column;
  align-items: start;
}
#Facet-Drawer .thb-filter-sort .thb-filter-title {
  margin-bottom: 10px;
}
#Facet-Drawer .select:after {
  margin-right: 7px;
}


/* wyżej footer */
#Facet-Drawer .side-panel-footer {
  /* padding: 20px 20px 100px 20px; */
}
#Facet-Drawer .side-panel-inner {
  height: 100%;
}
#Facet-Drawer .side-panel.facet-drawer.active {
  /* top: 30px;
  bottom: 90px; */
}



/* style przycisków */
#Facet-Drawer .button.mobile-filters-apply span {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
#Facet-Drawer .button.mobile-filters-apply:hover {
  background: #9f7e82;
  border: 1px solid #9f7e82;
  color: white;
}
#Facet-Drawer .button.mobile-filters-apply:hover:before {
  transform: translateY(100%);
}

#Facet-Drawer .mobile-filters-clear {
    font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
#Facet-Drawer .mobile-filters-clear:hover {
  background: #9f7e82;
  border: 1px solid #9f7e82;
}


/* input cena */
/* #Facet-Drawer .price_range .price_slider_amount input:focus,
#Facet-Drawer .price_range .price_slider_amount input:focus-visible,
#Facet-Drawer input[type=text]:focus {
  border: 2px solid pink;
}
 */



/* checkbox */
/* #Facet-Drawer input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 18px;
    /* background: red; */
    /* border: 1px solid black; */
    /* border-radius: 4px; */
    /* cursor: pointer; */
    /* display: inline-block;
    position: relative;
}
 */
/* Стиль для активного чекбокса */
/* #Facet-Drawer input[type="checkbox"]:checked {
    background: pink; /* Меняем фон */
    /* border-color: white; */
/* } */

/* Добавляем "галочку" */
/* #Facet-Drawer input[type="checkbox"]:checked::after {
    content: "✔"; 
    color: white;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Чтобы галочка не мешала клику */
} */



/* select */
/* .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    padding: 10px;
    border: 2px solid black;
    border-radius: 5px;
    cursor: pointer;
}
.select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    padding: 10px;
    border: 2px solid black;
    border-radius: 5px;
    cursor: pointer;
} */
/* Стиль для выпадающих опций */
/* .select::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
} */
/* Делаем выпадающий список */
/* .select select:focus {
    outline: none;
}
.select select option {
    background: white;
    color: black;
}
select option:checked {
    background-color: pink;
    color: black;
} */