.listing-with-sidebar{
  display:grid;
  grid-template-columns:260px minmax(0, 1fr);
  gap:1.5em;
  align-items:start;
}
.category-sidebar{
  position:sticky;
  top:1.5em;
  border:1px solid rgba(var(--section-text-color), 8%);
  border-radius:var(--button-border-radius);
  background:var(--section-bg-color, #fff);
  padding:1.25em 1em;
  max-height:calc(100vh - 3em);
  overflow:auto;
}
.category-sidebar__title{
  list-style:none;
  cursor:pointer;
  font-size:var(--text-lg);
  font-weight:600;
  margin:0 0 0.85em;
  color:rgb(var(--section-text-color));
}
.category-sidebar__title::-webkit-details-marker{
  display:none;
}
.category-sidebar__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.15em;
}
.category-sidebar__link{
  display:flex;
  align-items:center;
  gap:0.7em;
  padding:0.55em 0.45em;
  border-radius:8px;
  color:rgb(var(--section-text-color));
  text-decoration:none;
  font-size:var(--text-md);
  line-height:1.35;
}
.category-sidebar__link:hover{
  background:rgba(var(--section-text-color), 0.05);
}
.category-sidebar__link.is-active{
  background:rgba(24, 24, 107, 0.08);
  color:#18186b;
  font-weight:600;
}
.category-sidebar__check{
  width:16px;
  height:16px;
  flex:0 0 16px;
  border:1.5px solid rgba(var(--section-text-color), 0.35);
  border-radius:3px;
  position:relative;
  background:#fff;
}
.category-sidebar__link.is-active .category-sidebar__check{
  border-color:#18186b;
  background:#18186b;
}
.category-sidebar__link.is-active .category-sidebar__check::after{
  content:"";
  position:absolute;
  inset-inline-start:4px;
  inset-block-start:1px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.listing-with-sidebar .product-listing .items-grid{
  grid-template-columns:repeat(3, 1fr);
}
@media (max-width: 1024px){
  .listing-with-sidebar{
    grid-template-columns:1fr;
  }
  .category-sidebar{
    position:static;
    max-height:none;
    overflow:visible;
    padding:0.85em 1em;
  }
  .category-sidebar__panel:not([open]) .category-sidebar__list{
    display:none;
  }
  .listing-with-sidebar .product-listing .items-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 768px){
  .listing-with-sidebar .product-listing .items-grid{
    grid-template-columns:1fr;
  }
}
.product-listing{
  --product-listing-border-radius:var(--button-border-radius);
  border-radius:var(--product-listing-border-radius);
  border:1px solid rgba(var(--section-text-color), 8%);
}
.product-listing .collections-area{
  padding:1.5em;
  border-block-end:1px solid rgba(var(--section-text-color), 8%);
}
.product-listing .filter-area{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.5em;
}
.product-listing .filter-area .title{
  display:flex;
  gap:var(--gap-sm);
  align-items:baseline;
}
.product-listing .filter-area .title [data-count]{
  position:relative;
  inset-block-start:-3px;
  color:rgba(var(--section-text-color), 70%);
}
.product-listing .filter-area .title:has(.eyebrow){
  flex-direction:column;
  align-items:flex-start;
  gap:0;
}
.product-listing .filter-area .title:has(.eyebrow) .eyebrow{
  font-size:var(--text-sm);
  opacity:0.8;
}
.product-listing .filter-area .title:has(.eyebrow) .content{
  display:flex;
  gap:var(--gap-sm);
  align-items:baseline;
}
.product-listing .filter-area .label{
  font-size:var(--text-md);
  color:rgba(var(--section-text-color), 70%);
}
.product-listing .filter-area .sort-box{
  display:flex;
  gap:var(--gap-lg);
  align-items:center;
}
@media (max-width: 768px){
  .product-listing .filter-area .sort-box .label{
    display:none;
  }
}
.product-listing .products-area{
  padding:1.5em;
  border-block-start:1px solid rgba(var(--section-text-color), 8%);
}
.product-listing .products-area yc-pagination{
  padding-block-start:1.5em;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:var(--gap-md);
}
.product-listing .products-area yc-pagination > a{
  --size:45px;
  height:45px;
  height:var(--size);
  width:45px;
  width:var(--size);
  border-color:transparent;
}
.product-listing .products-area yc-pagination > a[data-previous], .product-listing .products-area yc-pagination > a[data-next]{
  width:-moz-fit-content;
  width:fit-content;
}
[dir="rtl"] .product-listing .products-area yc-pagination > a[data-previous] .icon,[dir="rtl"]  .product-listing .products-area yc-pagination > a[data-next] .icon{
  rotate:180deg;
}
.product-listing .products-area yc-pagination > a[data-active]{
  border-color:color-mix(in srgb, currentColor 20%, transparent);
}
.product-listing .products-area yc-pagination .pages-selector{
  display:none;
}
.product-listing .products-area yc-pagination .pages-selector .page-trigger{
  width:100%;
  height:45px;
}

@media (max-width: 768px){
  .product-listing .products-area yc-pagination{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
  }
  .product-listing .products-area yc-pagination > a,
  .product-listing .products-area yc-pagination > svg{
    display:none;
  }
  .product-listing .products-area yc-pagination > a:first-child,
  .product-listing .products-area yc-pagination > a:last-child{
    width:100%;
    display:flex;
  }
  .product-listing .products-area yc-pagination > a:first-child span,
  .product-listing .products-area yc-pagination > a:last-child span{
    display:none;
  }
  .product-listing .products-area yc-pagination .pages-selector{
    display:block;
  }
}