/* =========================
  PDP Button
========================= */
.hxwl-btn{
  --hxwl-text: #111;
  --hxwl-bg: #fff;
  --hxwl-border: rgba(0,0,0,.10);

  --hxwl-text-active: #111;
  --hxwl-bg-active: rgba(255, 90, 120, .08);
  --hxwl-border-active: rgba(255, 90, 120, .35);

  --hxwl-text-hover: var(--hxwl-text);
  --hxwl-bg-hover: rgba(0,0,0,.03);
  --hxwl-border-hover: rgba(0,0,0,.12);

  --hxwl-radius: 14px;
  --hxwl-pad-y: 10px;
  --hxwl-pad-x: 14px;
  --hxwl-font-size: 14px;
  --hxwl-font-weight: 800;
  --hxwl-icon-size: 18px;

  display:inline-flex;
  align-items:center;
  gap:10px;

  padding: var(--hxwl-pad-y) var(--hxwl-pad-x);
  border-radius: var(--hxwl-radius);

  border: 1px solid var(--hxwl-border);
  background: var(--hxwl-bg);
  color: var(--hxwl-text);

  font-weight: 600;
  font-size: var(--hxwl-font-size);
  Font-family:Raleway;

  cursor:pointer;
  user-select:none;
  text-decoration:none;
}

.hxwl-btn .hxwl-ico{
  font-size: var(--hxwl-icon-size);
  line-height:1;
}

.hxwl-btn:hover{
  background: var(--hxwl-bg-hover);
  border-color: var(--hxwl-border-hover);
  color: var(--hxwl-text-hover);
}

.hxwl-btn.is-active{
  background: var(--hxwl-bg-active);
  border-color: var(--hxwl-border-active);
  color: var(--hxwl-text-active);
}

.hxwl-btn.is-loading{ opacity:.7; pointer-events:none; }

/* modes */
.hxwl-mode-icon .hxwl-txt{ display:none; }
.hxwl-mode-text .hxwl-ico{ display:none; }

/* variants */
.hxwl-variant-solid{
  background: var(--hxwl-bg, #111);
  color: var(--hxwl-text, #fff);
  border-color: transparent;
}
.hxwl-variant-solid:hover{
  filter: brightness(0.96);
}
.hxwl-variant-ghost{
  background: transparent;
  border-color: transparent;
}
.hxwl-variant-ghost:hover{
  background: rgba(0,0,0,.03);
}

/* =========================
  Wishlist Page Table
========================= */
.hxwl-page{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px;
  background:#fff;
}

.hxwl-page-title{
  font-size:1.15rem;
  font-weight:900;
  margin-bottom:12px;
}

.hxwl-empty{ opacity:.75; padding:12px; }

.hxwl-table-wrap{ width:100%; overflow:auto; }

.hxwl-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 820px;
}

.hxwl-table thead th{
  text-align:left;
  font-weight:900;
  font-size:13px;
  opacity:.75;
  padding:10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.hxwl-table tbody td{
  padding:12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: middle;
}

.hxwl-col-product{ min-width: 420px; }

.hxwl-prod-link{
  display:flex;
  gap:12px;
  align-items:center;
  text-decoration:none;
  color:inherit;
}

.hxwl-thumb{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:14px;
}

.hxwl-prod-title{ font-weight:700; line-height:1.2; }
.hxwl-prod-sku{ font-size:12px; opacity:.6; }

.hxwl-badge{
  display:inline-flex;
  margin-top:6px;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.hxwl-badge-oos{
  background: rgba(108,117,125,.12);
  border:1px solid rgba(108,117,125,.20);
  color:#6c757d;
}

.hxwl-col-price{ font-weight:700; }

.hxwl-cartbtn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:#111;
  color:#fff;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  font-size:13px;
}
.hxwl-cartbtn:hover{ filter: brightness(.96); }

.hxwl-cartbtn--alt{
  background: rgba(0,0,0,.03);
  color:#111;
}

.hxwl-remove{
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  font-weight:600;
  cursor:pointer;
  font-size:13px;
}