.collection-tools{justify-content:space-between;gap:12px}
.collection-actions,.collection-views{display:flex;align-items:center;height:40px;border:1px solid #ededed;border-radius:22px}
.collection-actions>details,.collection-actions>.collection-refine-button{height:100%}
.collection-popover{position:relative}
.collection-popover summary,.collection-actions .collection-refine-button{display:flex;align-items:center;height:100%;padding:0 14px;cursor:pointer;white-space:nowrap;list-style:none;text-transform:uppercase;letter-spacing:1px;font-size:13px}
.collection-popover summary::-webkit-details-marker{display:none}
.collection-popover__body{position:absolute;top:calc(100% + 7px);left:0;z-index:2;display:grid;min-width:max-content;padding:6px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 4px 14px #0001}
.collection-popover__body :is(a,button){display:block;padding:8px 12px;text-align:left;font-size:14px}
.collection-popover__body :is(a,button):hover,.collection-popover__body [aria-current=true]{background:#f6f6f6}
.collection-views button{display:grid;place-items:center;width:39px;height:100%;padding:0;color:#777}
.collection-views button[aria-pressed=true]{color:var(--ink)}
.collection-grid .card-caption small{text-transform:uppercase}
.collection-grid .review-summary__stars{background-image:linear-gradient(to right,#212121 var(--review-fill),#d7d7d7 var(--review-fill))}
.collection-grid .card-price s{margin:0 2px 0 0}
.collection-grid[aria-busy=true]{visibility:hidden}
.collection-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding-block:20px 36px}
.collection-pagination :is(a,span){min-width:30px;padding:4px;text-decoration:none}
.collection-pagination span[aria-hidden]{opacity:.25}
.collection-pagination :is(a,span[aria-hidden]){font-size:18px}
@media(min-width:768px){
  .collection-grid{row-gap:22px}
  .collection-grid[data-view=large]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (hover:hover){
  .collection-grid .quick-button{opacity:0;pointer-events:none}
  .collection-grid .product-card:is(:hover,:focus-within) .quick-button{opacity:1;pointer-events:auto}
}
@media(max-width:767px){
  .collection-actions{width:100%;height:auto;border:0;justify-content:space-between}
  .collection-actions .collection-refine-button,.collection-popover summary{min-height:32px;padding-inline:16px;border:1px solid var(--line);border-radius:20px;font-size:13px}
  .collection-sort-popover{display:none}
  .collection-views{display:none}
}