.products {
  margin-top: 30px;
  max-width: 1750px;
}

.products > div > h1 {
  font-family: 'Oswald';
  letter-spacing: 5px;
  margin-bottom: 0;
}

.products > hr {
  margin-top: 8px;
}

.products .sorting p {
  margin-bottom: 0;
  margin-inline-end: 15px;

}

    .products .sorting select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: rgb(49, 49, 49) no-repeat;
        background-image: url('data:image/svg+xml,<svg class="icon icon-tabler icon-tabler-chevron-down" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 102, 38);"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 9l6 6l6 -6"></path></svg>');
        background-position-y: center;
        background-position-x: 97%;
        padding: 8px;
        padding-inline-start: 12px;
        padding-inline-end: 29px;
        border-radius: 5px;
        font-size: clamp(12px,2vw,16px);
    }

@media (max-width: 992px) {
    .products .sorting {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.product-first-col {
  width: clamp(300px,22vw,350px);
  margin-inline-end: 0.5%;
}

.product-first-col > div {
  width: 100%;
  background: Black;
  box-shadow: 0px 0px 13px rgb(0,0,0);
  padding-top: 10px;
  padding-bottom: 10px;
}

.category-link {
  color: #d9d9d9;
  text-decoration: none;
  padding-bottom: 7px;
  padding-top: 7px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  padding-inline-start: 10%;
  border-radius: 10px;
}

.product-category-link {
    padding-bottom: 10px;
}

.product-category-link > p {
  margin-bottom: 0;
}

.category-link svg {
  box-shadow: 0px 0px 9px;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
  color: #ff6626;
  border-radius: 50%;
  margin-inline-end: 10%;
}

.products .filter > p, .product-category-link > p {
  margin-bottom: 2px;
  font-size: 26px;
  color: #ff6626;
  font-family: 'Oswald';
  letter-spacing: 2px;
  pointer-events: none;
  text-transform: uppercase;
  margin-inline-start: 5%;

}

.products .clickable-filter p {
  margin-bottom: 0;
}

.products .clickable-filter img {
  height: 30px;
}

.products .myCheckbox {
  margin-inline-end: 18px;
  margin-inline-start: 10%;
  pointer-events: none;
}

.clickable-filter {
  cursor: pointer;
  transition: 0.2s;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.category-link:hover, .clickable-filter:hover {
  color: #ffffff;
  transform: translateX(2px);
  background: linear-gradient(90deg, rgba(255,138,0,0.06) 0%, rgba(255,255,255,0) 100%);
}

.products .tag {
  padding-right: 8px;
  padding-left: 8px;
  height: 23px;
  padding-top: 2px;
  pointer-events: none;
  background: #ff4656;
  -webkit-box-shadow: 0px 0px 5px rgb(255,70,86);
  box-shadow: 0px 0px 5px rgb(255,70,86);
  border-radius: 4px;
}

.pagination {
  padding-top: 4%;
  height: 80px;
  font-size: clamp(24px,2.2vw,28px);
  
 
}

.pagination svg {
  font-size: 1em;
  color: #ff4500;
  transition: 0.2s;
}

    .pagination a {
        width: 1.5em;
        height: 1.6em;
        font-size:0.65em;
        aspect-ratio: 1;
        color: #000000;
        text-decoration: none;
        padding-inline-end: 1px;
        padding-top: 1.1px;
        margin-right: 0.5em;
        margin-left: 0.5em;
        transition: 0.2s;
        background-color: #535353;
        border-width: 1px;
        border-style: none;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-weight: bold;
        display:flex;
    }

        
}

.pagination a:hover, .pagination svg:hover {
  transform: translateY(-3px);
}

.pagination-arrow a {
  box-shadow: none;
  background-color: transparent;
  font-size: 1em;
}

.pagination .selected {
  text-decoration: none;
  box-shadow: 0px 0px 10px #ff6626;
  background-color: #ff6626;
}

.pagination .dot {
    padding-top: 29px;
    font-size: 16px;
    display: flex;
    color: #ff6626;
    pointer-events: none;
}

/* FILTERING MENU */

@media (max-width: 992px) {
    .products > .row {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 992px) {
  .products .product-first-col {
    width: 100%;
    margin-bottom: 30px;
  }
}

#product-uncollapsed-menu, #collapse-button {
  display: none;
}

@media (min-width: 992px) {
  #product-uncollapsed-menu {
    display: block;
  }

    #collapsed-menu {
        display: none;
    }
}

@media (max-width: 992px) {
  #collapse-button {
    display: block;
  }
}

#collapse-button svg {
  margin-bottom: 3px;
  color: #ff4500;
}

#collapse-button {
  width: 100%;
  border-radius: 0;
  margin-top: -5px;
  background-color: #000000;
  padding-bottom: 10px;
  border: none;
  font-size: 20px;
}

#collapsed-menu {
  padding: 0px;
}

.products .faded {
    opacity: 0.1;
    transition: opacity 0.3s
}

/* RESPONSIVE */
@media (min-width:1280px) {
    .row-product-lg > * {
    flex: 0 0 auto;
    width: 33.3%;
  }
}

@media (min-width:1650px) {
  .row-product-xl > * {
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 1850px) {
  .products-row {
    margin-inline-end: -1.5%;
    margin-bottom: -1.5%;
  }
}

@media (max-width: 768px) {
  .products-row {
    margin-right: -5px;
    margin-left: -5px;
  }
}