/* SupplyKit — Conversion Widgets styles. Append to /assets/style.css */

/* 1) Free shipping bar (sticky top) */
.sk-freeship{position:sticky;top:0;z-index:900;background:linear-gradient(90deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.sk-freeship--win{background:linear-gradient(90deg,#059669,#10b981)}
.sk-freeship-inner{max-width:1100px;margin:0 auto;padding:9px 20px}
.sk-freeship-msg{font-size:14px;text-align:center;margin-bottom:6px}
.sk-freeship-msg b{font-weight:800}
.sk-freeship-track{height:6px;background:rgba(255,255,255,.25);border-radius:4px;overflow:hidden;max-width:520px;margin:0 auto}
.sk-freeship-fill{height:100%;background:#fff;border-radius:4px;transition:width .5s ease}
@media(max-width:600px){.sk-freeship-msg{font-size:12.5px}}

/* 2) Bulk pricing */
.sk-bulk{border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin:20px 0;background:#fff}
.sk-bulk-title{font-weight:800;font-size:15px;margin-bottom:14px;color:#0f172a}
.sk-bulk-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.sk-bulk-tier{text-align:center;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 6px;transition:all .15s}
.sk-bulk-tier.active{border-color:#2563eb;background:#eff6ff}
.sk-bulk-qty{font-size:12px;font-weight:700;color:#64748b}
.sk-bulk-price{font-size:16px;font-weight:800;color:#0f172a;margin:2px 0}
.sk-bulk-off{font-size:11px;color:#2563eb;font-weight:600}
.sk-bulk-calc{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:10px;padding:12px 14px}
.sk-bulk-qtyctrl{display:flex;align-items:center;gap:0}
.sk-bulk-qtyctrl button{width:34px;height:34px;border:1px solid #d1d5db;background:#fff;font-size:18px;cursor:pointer;color:#334155}
.sk-bulk-qtyctrl button:first-child{border-radius:8px 0 0 8px}
.sk-bulk-qtyctrl button:last-child{border-radius:0 8px 8px 0}
.sk-bulk-qtyctrl input{width:52px;height:34px;text-align:center;border:1px solid #d1d5db;border-left:none;border-right:none;font-size:15px;font-weight:700;-moz-appearance:textfield}
.sk-bulk-qtyctrl input::-webkit-outer-spin-button,.sk-bulk-qtyctrl input::-webkit-inner-spin-button{-webkit-appearance:none}
.sk-bulk-total{text-align:right;font-size:14px;color:#0f172a}
.sk-bulk-total b{font-size:18px}
.sk-bulk-saved{color:#059669;font-weight:700;font-size:12.5px;margin-top:2px}
.sk-bulk-nudge{margin-top:10px;font-size:12.5px;color:#2563eb;text-align:center;font-weight:600}

/* 3) Recently viewed */
.sk-rv{margin:36px 0}
.sk-rv-title{font-size:18px;font-weight:800;margin-bottom:14px;color:#0f172a}
.sk-rv-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.sk-rv-card{flex:0 0 140px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s}
.sk-rv-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.sk-rv-img{height:90px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:32px}
.sk-rv-img img{max-width:80%;max-height:80%;object-fit:contain}
.sk-rv-name{font-size:12px;font-weight:600;padding:8px 8px 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-rv-price{font-size:13px;font-weight:800;color:#2563eb;padding:0 8px 8px}

/* 4) Stock badge */
.sk-stock{display:inline-block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;margin:10px 0}
.sk-stock b{font-weight:800}