/* Front styles - Phase E */
.wbs-category-products {
  margin: 2rem 0;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

.wbs-category-products__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.wbs-category-products__title {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: 700;
}

.wbs-category-products__grid {
  display: grid;
  gap: 1rem;
}

.wbs-category-products--cols-3 .wbs-category-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wbs-category-products--cols-4 .wbs-category-products__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wbs-category-products--cols-5 .wbs-category-products__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.wbs-category-products__item {
  position: relative;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.wbs-category-products__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, .10);
  border-color: rgba(0,0,0,.12);
}

.wbs-category-products__badges {
  position: absolute;
  top: .65rem;
  left: .65rem;
  z-index: 2;
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
}

.wbs-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .34rem .55rem;
  border-radius: 999px;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(15,23,42,.12);
}

.wbs-badge--new {
  background: #111827;
  color: #fff;
}

.wbs-badge--sale {
  background: #dc2626;
  color: #fff;
}

.wbs-badge__value {
  font-weight: 800;
}

.wbs-category-products__image-link {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8fafc;
}

.wbs-category-products__image,
.wbs-category-products__image-link img {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: transform .28s ease;
}

.wbs-category-products__item:hover .wbs-category-products__image,
.wbs-category-products__item:hover .wbs-category-products__image-link img {
  transform: scale(1.035);
}

.wbs-category-products--fit-contain .wbs-category-products__image,
.wbs-category-products--fit-contain .wbs-category-products__image-link img { object-fit: contain; }

.wbs-category-products--fit-cover .wbs-category-products__image,
.wbs-category-products--fit-cover .wbs-category-products__image-link img { object-fit: cover; }

.wbs-category-products__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  background: linear-gradient(135deg, #f7f7f7, #ececec);
}

.wbs-category-products__body {
  padding: .9rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  flex: 1 1 auto;
  text-align: left;
}

.wbs-category-products__name {
  margin: 0;
  font-size: .95rem;
  line-height: 1.4;
  min-height: 2.8em;
}

.wbs-category-products__name a {
  color: inherit;
  text-decoration: none;
}

.wbs-category-products__name a:hover { text-decoration: underline; }

.wbs-category-products__price-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  margin-top: auto;
}

.wbs-category-products__price {
  text-align: center;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.2;
}

.wbs-category-products__regular-price {
  text-align: center;
  font-size: .88rem;
  opacity: .7;
  text-decoration: line-through;
}

.wbs-category-products__actions {
  margin-top: .2rem;
}

.wbs-category-products__cart-btn {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 1px solid #111827;
  background: #111827;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  min-height: 42px;
  padding: .65rem .9rem;
  font-size: .9rem;
  font-weight: 700;
  transition: all .2s ease;
}

.wbs-category-products__cart-btn:hover {
  background: #000;
  border-color: #000;
  color: #fff !important;
}

.wbs-category-products__cart-btn .material-icons {
  font-size: 18px;
  line-height: 1;
}

.wbs-category-products__cart-btn--secondary {
  background: #fff;
  color: #111827 !important;
}

.wbs-category-products__cart-btn--secondary:hover {
  background: #f3f4f6;
  color: #111827 !important;
  border-color: #111827;
}

@media (max-width: 991px) {
  .wbs-category-products--cols-5 .wbs-category-products__grid,
  .wbs-category-products--cols-4 .wbs-category-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .wbs-category-products { padding: 1rem; }
  .wbs-category-products__grid,
  .wbs-category-products--cols-5 .wbs-category-products__grid,
  .wbs-category-products--cols-4 .wbs-category-products__grid,
  .wbs-category-products--cols-3 .wbs-category-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wbs-category-products__body { padding: .8rem; }
  .wbs-category-products__cart-btn span { font-size: .82rem; }
}


/* Presets */
.wbs-category-products--preset-clean {
  box-shadow: none;
  border-radius: 10px;
}
.wbs-category-products--preset-clean .wbs-category-products__item {
  border-radius: 8px;
  box-shadow: none;
}
.wbs-category-products--preset-clean .wbs-category-products__item:hover {
  transform: none;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
}
.wbs-category-products--preset-clean .wbs-category-products__cart-btn {
  border-radius: 8px;
}

.wbs-category-products--preset-compact {
  padding: 1rem;
}
.wbs-category-products--preset-compact .wbs-category-products__grid {
  gap: .75rem;
}
.wbs-category-products--preset-compact .wbs-category-products__item {
  border-radius: 10px;
}
.wbs-category-products--preset-compact .wbs-category-products__body {
  padding: .7rem .8rem .85rem;
  gap: .55rem;
}
.wbs-category-products--preset-compact .wbs-category-products__name {
  font-size: .88rem;
  min-height: 2.5em;
}
.wbs-category-products--preset-compact .wbs-category-products__price {
  font-size: 1rem;
}
.wbs-category-products--preset-compact .wbs-category-products__cart-btn {
  min-height: 38px;
  padding: .55rem .7rem;
  font-size: .84rem;
  border-radius: 8px;
}
.wbs-category-products--preset-compact .wbs-badge {
  padding: .28rem .45rem;
  font-size: .68rem;
}

.wbs-category-products--preset-premium {
  box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
}
.wbs-category-products--preset-premium .wbs-category-products__item {
  border-radius: 14px;
}
.wbs-category-products--preset-premium .wbs-category-products__item:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 40px rgba(15, 23, 42, .14);
}
.wbs-category-products--preset-premium .wbs-category-products__image-link {
  background: linear-gradient(180deg,#fafafa,#f3f4f6);
}
.wbs-category-products--preset-premium .wbs-category-products__cart-btn {
  border-radius: 12px;
}


/* Level 2 controls */
.wbs-category-products--title-center .wbs-category-products__head,
.wbs-category-products--title-center .wbs-category-products__title {text-align:center;justify-content:center;}

.wbs-category-products__cart-btn {border-color:var(--wbs-accent);background:var(--wbs-accent);}
.wbs-category-products__cart-btn:hover {filter:brightness(.92);border-color:var(--wbs-accent);background:var(--wbs-accent);}
.wbs-category-products--btn-outline .wbs-category-products__cart-btn {background:#fff;color:var(--wbs-accent) !important;border-color:var(--wbs-accent);}
.wbs-category-products--btn-outline .wbs-category-products__cart-btn:hover {background:rgba(0,0,0,.03);color:var(--wbs-accent) !important;}
.wbs-category-products--btn-soft .wbs-category-products__cart-btn {background:rgba(17,24,39,.08);color:var(--wbs-accent) !important;border-color:rgba(17,24,39,.12);}
.wbs-category-products--btn-soft .wbs-category-products__cart-btn:hover {background:rgba(17,24,39,.12);color:var(--wbs-accent) !important;}

.wbs-category-products--badge-solid .wbs-badge--new,
.wbs-category-products--badge-solid .wbs-badge--sale {background:var(--wbs-accent);color:#fff;}
.wbs-category-products--badge-soft .wbs-badge--new,
.wbs-category-products--badge-soft .wbs-badge--sale {background:rgba(17,24,39,.08);color:var(--wbs-accent);box-shadow:none;}
.wbs-category-products--badge-minimal .wbs-badge--new,
.wbs-category-products--badge-minimal .wbs-badge--sale {background:#fff;color:var(--wbs-accent);border:1px solid rgba(0,0,0,.12);box-shadow:none;}

.wbs-category-products--preset-clean {box-shadow:none !important;border-radius:8px !important;border-color:rgba(0,0,0,.06) !important;background:#fff !important;}
.wbs-category-products--preset-clean .wbs-category-products__item {border-radius:6px !important;box-shadow:none !important;border-color:rgba(0,0,0,.08) !important;}
.wbs-category-products--preset-clean .wbs-category-products__item:hover {transform:none !important;box-shadow:0 6px 16px rgba(15,23,42,.05) !important;}
.wbs-category-products--preset-clean .wbs-category-products__image-link {background:#fff !important;}
.wbs-category-products--preset-clean .wbs-category-products__body {padding:.85rem .9rem .95rem !important;}

.wbs-category-products--preset-compact {padding:.85rem !important;border-radius:10px !important;}
.wbs-category-products--preset-compact .wbs-category-products__grid {gap:.65rem !important;}
.wbs-category-products--preset-compact .wbs-category-products__item {border-radius:8px !important;}
.wbs-category-products--preset-compact .wbs-category-products__image-link {aspect-ratio:1 /.92 !important;}
.wbs-category-products--preset-compact .wbs-category-products__body {padding:.65rem .75rem .8rem !important;gap:.45rem !important;}
.wbs-category-products--preset-compact .wbs-category-products__name {font-size:.86rem !important;min-height:2.35em !important;}
.wbs-category-products--preset-compact .wbs-category-products__price {font-size:.98rem !important;}
.wbs-category-products--preset-compact .wbs-category-products__cart-btn {min-height:36px !important;padding:.5rem .65rem !important;font-size:.82rem !important;}

.wbs-category-products--preset-premium {box-shadow:0 16px 44px rgba(15,23,42,.09) !important;border-radius:18px !important;border-color:rgba(17,24,39,.12) !important;}
.wbs-category-products--preset-premium .wbs-category-products__title {font-size:1.45rem !important;}
.wbs-category-products--preset-premium .wbs-category-products__item {border-radius:16px !important;border-color:rgba(17,24,39,.10) !important;}
.wbs-category-products--preset-premium .wbs-category-products__item:hover {transform:translateY(-6px) !important;box-shadow:0 24px 44px rgba(15,23,42,.15) !important;}
.wbs-category-products--preset-premium .wbs-category-products__image-link {background:linear-gradient(180deg, rgba(17,24,39,.04), #f3f4f6) !important;}
.wbs-category-products--preset-premium .wbs-category-products__body {padding:1rem 1.05rem 1.05rem !important;}
.wbs-category-products--preset-premium .wbs-category-products__cart-btn {box-shadow:0 10px 18px rgba(17,24,39,.16);}