.auth {
   display: flex;
   gap: 5px;
}

.auth a {
   text-transform: uppercase;
}

.pagination-wrapper {
   display: flex;
   justify-content: center;
   margin-top: 30px;
}

.pagination-wrapper .page-numbers {
   list-style: none;
   display: flex;
   gap: 10px;
   padding: 0;
   margin: 0;
}

.pagination-wrapper .page-numbers {
   display: inline-block;
}

.pagination-wrapper .page-numbers,
.pagination-wrapper .page-numbers span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 4px;
   font-size: 18px;
   font-weight: 500;
   text-decoration: none;
   color: #000;
   transition: all 0.3s ease;
}

.pagination-wrapper a.page-numbers:hover {
   background-color: #f85b81;
   /* hover color */
   color: #fff;
}

.pagination-wrapper a.page-numbers .current {
   background-color: #f85b81;
   /* active pink */
   color: #fff;
   font-weight: 600;
}

.pagination-wrapper a.page-numbers.prev,
.pagination-wrapper a.page-numbers.next {
   width: auto;
   padding: 0 10px;
   color: #888;
}

details summary svg {
   transition: transform 0.3s ease-in-out;
}

details[open] summary svg {
   transform: rotate(180deg);
}

.product-card-loader {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 25px;
   padding: 20px;
}

.loader-card {
   width: 100%;
   height: 250px;
   background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
   background-size: 200% 100%;
   animation: loadingShimmer 1.5s infinite;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

   /* fade animation */
   opacity: 0;
   transform: scale(0.95);
   animation: loadingShimmer 1.5s infinite, fadeIn 0.4s ease forwards;
}

.shop_product_wrapper {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
}

label.checkbox-label.hide {
   display: none;
}

.show_more button {
   border: none;
   background: none;
   margin: 15px;
   transition: all 0.3s ease-in-out;
}

.show_more button:hover {
   background: #EE276A;
   color: #fff;
}

.count {
   margin-left: auto;
}

.shop_filter_wrp main {
   display: flex;
}

.product_filter {
   flex: 0.3;
}

.shop_product_items {
   flex: 1;
}

.mobile_product_filter {
   display: none;
   padding-left: 20px;
   margin-bottom: 20px;
}

.mobile_product_filter .sidebar-f {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}

.mobile_product_filter details {
   position: relative;
}

.mobile_product_filter .checkbox-content {
   position: absolute;
   left: 0;
   z-index: 99;
   background: #fff;
   width: 100%;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   top: 55px;
   max-height: 355px;
   overflow-y: scroll;
   padding: 10px;
}

.mobile_product_filter .inner_product_filter details[open] {
   padding: 10px;
}

.mobile_product_filter .inner_product_filter .show_more span.action_btn {
   position: static;
}

.product-card-loader {
   padding-left: 50px;
}

.input_warp {
   display: flex;
   align-items: center;
   gap: 10px;
}


.auth {
   display: flex;
   gap: 5px;
}

.auth a {
   text-transform: uppercase;
}

@keyframes loadingShimmer {
   0% {
      background-position: 200% 0;
   }

   100% {
      background-position: -200% 0;
   }
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: scale(0.95);
   }

   to {
      opacity: 1;
      transform: scale(1);
   }
}

@media (max-width: 1490px) {
   .product-card-loader {
      padding-left: 20px;
   }
}

@media screen and (max-width:1200px) {

   .shop_product_wrapper,
   .product-card-loader {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media screen and (max-width:991px) {

   .shop_product_wrapper,
   .product-card-loader {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media screen and (max-width:767px) {

   .shop_product_wrapper,
   .product-card-loader {
      grid-template-columns: repeat(2, 1fr);
   }

   .mobile_product_filter {
      display: block;
   }

   main .product_filter {
      display: none;
   }

   /* .shop_filter_wrp main {
         flex-direction: column-reverse;
      } */
   .contact_heading_wrp.heading_content_wrp {
      padding-bottom: 0;
   }
}

@media screen and (max-width:576px) {
   .checkbox-content label {
      font-size: 14px;
   }

   .custom-checkbox {
      width: 14px;
      height: 14px;
   }

   .inner_product_filter summary {
      font-size: 15px;
   }

   .inner_product_items .buttons div.filter-btn a {
      font-size: 15px;
   }

   .checkbox-content p {
      padding: 0;
      font-size: 16px;
   }

   .inner_product_filter .price-input {
      padding: 0;
   }

   .heading_content_wrp p {
      font-size: 16px;
   }
}