/* =============================================================
   Spishri Purity Badges v2.0 — badges.css
   Matched to spishri.in: #af4644 red · ivory · Woodmart theme
   ============================================================= */
:root{
  --spb-red:#af4644;--spb-red-dark:#8e3230;--spb-red-bg:#fdf0f0;--spb-red-bdr:#f0c5c4;
  --spb-ivory:#faf6f1;--spb-ivory2:#f5efe7;--spb-border:#e8dfd4;--spb-line:#ede5d8;
  --spb-dark:#1c1410;--spb-text:#3d2e1a;--spb-muted:#9e8870;
  --spb-green:#2e7d32;--spb-green-bg:#f1faf2;--spb-green-bdr:#c8e6c9;
  --spb-r:12px;--spb-shadow:0 2px 16px rgba(100,60,30,.07);
}

/* ── 1. PRODUCT STRIP ─────────────────────────────────────── */
.spb-product-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--spb-border);border-radius:var(--spb-r);overflow:hidden;margin-top:14px}
.spb-ps-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:.75rem .4rem .7rem;border-right:1px solid var(--spb-line);text-align:center}
.spb-ps-item:last-child{border-right:none}
.spb-ps-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.spb-ps-label{font-size:9.5px;font-weight:600;color:var(--spb-dark);line-height:1.35;text-align:center}

/* ── 2. CHECKOUT BOX ──────────────────────────────────────── */
.spb-checkout-box{background:#fff;border:1px solid var(--spb-border);border-radius:var(--spb-r);overflow:hidden;margin-bottom:16px}
.spb-cb-head{background:var(--spb-red-bg);border-bottom:1px solid var(--spb-red-bdr);padding:.6rem .9rem;display:flex;align-items:center;gap:8px}
.spb-cb-icon{font-size:14px}
.spb-cb-title{font-size:12px;font-weight:600;color:var(--spb-red-dark);line-height:1.4}
.spb-cb-body{padding:.7rem .9rem;display:flex;flex-direction:column;gap:7px}
.spb-cb-row{display:flex;align-items:center;gap:9px}
.spb-cb-dot{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.spb-cb-label{font-size:12px;font-weight:500;color:var(--spb-dark);flex:1}
.spb-cb-tick{font-size:11px;color:var(--spb-green);font-weight:600;white-space:nowrap}

/* ── 3. CART BAR ──────────────────────────────────────────── */
.spb-cart-bar{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:6px;
    background:var(--spb-ivory2);
    border:1px solid var(--spb-border);
    border-radius:var(--spb-r);
    padding:.6rem;
    margin:12px 0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    clear:both;
}
.spb-cart-pill{
    display:flex;
    align-items:center;
    gap:6px;
    background:#fff;
    border:1px solid var(--spb-line);
    border-radius:10px;
    padding:6px 8px;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
}
.spb-cart-pill--hl{background:var(--spb-green-bg);border-color:var(--spb-green-bdr)}
.spb-cart-pill--hl .spb-pill-text{color:var(--spb-green)}
.spb-pill-icon{font-size:13px;flex-shrink:0}
.spb-pill-text{
    font-size:10.5px;
    font-weight:500;
    color:var(--spb-dark);
    line-height:1.3;
    white-space:normal !important;
    word-break:break-word;
    overflow-wrap:break-word;
    max-width:100%;
}

/* ── 4. HOMEPAGE GRID ─────────────────────────────────────── */
.spb-home-grid{max-width:560px;margin:1.25rem auto}
.spb-hg-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--spb-muted);text-align:center;margin-bottom:1rem}
.spb-hg-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spb-hg-item{background:#fff;border:1px solid var(--spb-border);border-radius:var(--spb-r);padding:.9rem 1rem;display:flex;align-items:center;gap:11px;transition:border-color .2s,transform .15s}
.spb-hg-item:hover{border-color:var(--spb-red);transform:translateY(-2px)}
.spb-hg-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.spb-hg-name{font-size:12.5px;font-weight:600;color:var(--spb-dark);margin:0 0 2px;line-height:1.3}
.spb-hg-sub{font-size:10.5px;color:var(--spb-muted);margin:0}

/* ── Woodmart compatibility ───────────────────────────────── */
.wd-product-page .spb-product-strip{margin-top:16px}
.woocommerce-checkout .spb-checkout-box{margin:0 0 16px}
.woocommerce-cart .spb-cart-bar{margin:12px 0}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:480px){
  .spb-ps-icon{width:32px;height:32px;font-size:16px}
  .spb-ps-label{font-size:9px}
  .spb-ps-item{padding:.65rem .3rem .6rem}
  .spb-hg-cards{grid-template-columns:1fr;gap:8px}
  .spb-cart-bar{grid-template-columns:1fr 1fr;gap:5px;padding:.5rem}
  .spb-cart-pill{padding:5px 7px}
  .spb-pill-icon{font-size:12px}
  .spb-pill-text{font-size:9.5px}
}
@media(max-width:340px){
  .spb-product-strip{grid-template-columns:repeat(2,1fr)}
  .spb-ps-item{border-right:1px solid var(--spb-line);border-bottom:1px solid var(--spb-line)}
  .spb-ps-item:nth-child(2n){border-right:none}
  .spb-ps-item:nth-child(n+3){border-bottom:none}
  .spb-cart-bar{grid-template-columns:1fr}
}