/* Grid & card */
.ssz-grid {
            display:grid;
            grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
            gap:20px;
        }
.ssz-card{background: #fbf7ee;border: 1px solid #fbf7ee;padding: 0;min-height:180px;border-radius: 0;height: 100%;}
.ssz-thumb{margin:0 0 10px 0}
.ssz-card .ssz-thumb img{display:block;width:100%;height:180px;object-fit:cover;border-radius: 0;}
.ssz-title{margin:0 0 10px 0;font-size:1.15rem;line-height:1.3;font-weight:700;color:#111;min-height: 80px;}
.ssz-price{margin-bottom:12px;display:flex;align-items: center;gap:8px;}
.ssz-sale{color:#d9534f;margin-right:4px;}
.ssz-regular{text-decoration:line-through;opacity:.65;color:#6b7280;font-size: 20px;}
.ssz-regular-only{font-weight:700}
.ssz-card-inner {
    padding: 20px;
}
.ssz-sale, .ssz-regular-only {
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
}

/* Select & Save button */
.ssz-actions{position:relative}
.ssz-actions .ssz-select-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius: 0;text-decoration:none;font-weight:600;min-width: 100%;background: #d6c4a3;color: #000;justify-content: space-between;outline: none;}
.ssz-actions .ssz-select-btn:hover{background: #d6c4a3;color: #000;}
.ssz-select-btn:focus{outline: none;outline-offset: 0;}
.ssz-caret{font-size:12px}

/* Dropdown */
.ssz-dropdown{position:absolute;background:#fff;border:1px solid #111;box-shadow:0 10px 18px rgba(0,0,0,.12);width:300px;padding:0;margin-top:8px;z-index:20;border-radius:6px;overflow:hidden}
.ssz-dropdown[hidden]{display:none!important}
.ssz-dropdown[aria-hidden="true"]{display:none!important}
.ssz-pack-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #eee;}
.ssz-pack-row:last-child{border-bottom:0}
.ssz-pack-label{font-weight:700}
.ssz-pack-price{font-size:14px;opacity:.85}
.ssz-pack-add{display:inline-block;padding:8px 12px;border:1px solid #111;border-radius:4px;text-decoration:none;font-weight:700;background:#fff;color:#111}
.ssz-pack-add:hover{transform:translateY(-1px)}

/* Filters */
.ssz-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px 0}
.ssz-selected-title{margin:20px 0 14px 0;font-weight:700;color:#111;font-size:2rem;text-align:center}
.ssz-filters .ssz-filter {
    margin: 0 5px 10px 0;
    padding: 6px 14px;
    border: 1px solid #000000;
    background: #ffffff;
    cursor: pointer;
    border-radius: 0;
    display:inline-flex;
    align-items:center;
    color: #000;
}
.ssz-filters .ssz-filter.active {
    background: #000;
    color: #fff;
    border-color: #000;
}
.ssz-filters .ssz-filter .button-tag {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
    margin: 0;
    border-right: 1px solid #111;
}
.ssz-filters .ssz-filter.active .button-tag{background: #fff;color: #000;}
.ssz-filters .ssz-filter .button-tag-text{display:inline-block;padding:8px 14px}
.ssz-filters .ssz-filter:focus{outline: none;outline-offset: 0;}

/* Load more */
.ssz-load-more{display:inline-block;margin-top:12px;padding:10px 16px;border:1px solid #111;background:#fff;border-radius:6px;cursor:pointer;font-weight:700}
.ssz-load-more:hover{background:#f9fafb}

/* Loader shown by the inline JS */
.ssz-loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  color: #555;
  font-size: 14px;
}

/* Spinner dot */
.ssz-loading::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #cfd3d8;
  border-top-color: #111;
  border-radius: 50%;
  animation: ssz-spin .8s linear infinite;
}

/* Disable click while loading */
.ssz-load-more[disabled] {
  opacity: .6;
  pointer-events: none;
}

@keyframes ssz-spin {
  to { transform: rotate(360deg); }
}