/* Tibile — Home & Product redesign patch (v1) */
/* Loaded last: only touches categories, product cards and section rhythm. */

/* ---- Section rhythm on the homepage: tighter, more consistent spacing ---- */
#categories{padding-top:56px}
#products{padding-top:8px}
.section-head{margin-bottom:22px}

/* ---- Category tiles: icon in a colored circle, clearer hierarchy ---- */
.cat-scroller{gap:14px}
.cat-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:20px;
  padding:22px 12px 18px;
  box-shadow:0 2px 10px rgba(20,35,65,.03);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(37,99,235,.12);border-color:#c7d9fb}
.cat-icon{
  width:52px;height:52px;margin:0 auto 12px;border-radius:16px;
  background:linear-gradient(145deg,#eaf1ff,#dbe8ff);
  color:var(--primary);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
}
.cat-card span{font-size:13px;font-weight:800;color:var(--text)}

/* ---- Product cards: calmer surface, clearer price, tidier footer ---- */
.p-card,.product-card{
  border-radius:18px;
  border-color:var(--border);
  box-shadow:0 2px 10px rgba(20,35,65,.04);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.p-card:hover,.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 36px rgba(20,35,65,.10);
  border-color:#d3e0f7;
}
.p-thumb{background:linear-gradient(155deg,#f3f7ff 0%,#fbfcff 100%)}
.p-badge{
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 6px 14px rgba(37,99,235,.28);
  font-weight:800;
}
.p-cat{
  display:inline-flex;align-items:center;
  font-size:10.5px;font-weight:800;color:var(--primary);
  background:#eef4ff;border-radius:999px;padding:3px 9px;
  width:fit-content;letter-spacing:.01em;
}
.p-name{font-size:15px;line-height:1.5;margin-top:2px}
.p-short{color:#8993a4}
.p-footer{padding-top:6px;border-top:1px dashed var(--border)}
.p-price{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:1px}
.p-price strong{font-size:16.5px;color:var(--text)}
.p-price .p-price-old{font-size:11px}
.btn-cart-add{
  border-radius:12px;padding:10px 18px;
  box-shadow:0 6px 16px rgba(37,99,235,.20);
}
.wishlist-btn{box-shadow:0 3px 10px rgba(20,35,65,.06)}

/* Empty-state look for categories with no products yet, kept friendly not broken */
.catalog-section .empty-state,.empty-state.compact{
  border:1px dashed var(--border-strong);
  border-radius:18px;background:var(--surface-2);
}

@media(max-width:760px){
  #categories{padding-top:36px}
  .cat-card{padding:16px 8px 14px;border-radius:16px}
  .cat-icon{width:44px;height:44px;border-radius:13px}
}