/* Smart Upsell styles */
.sufw-box{
    background: var(--sufw-bg);
    border: 2px dashed var(--sufw-border);
    border-radius: 14px;
    padding: 16px;
    margin: 12px 0 18px;
    position: relative;
    overflow: hidden;
}
.sufw-ribbon{
    position: absolute;
    top: 10px; left: -12px;
    background: var(--sufw-accent);
    color: #222;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(-8deg);
    border-radius: 4px;
}
.sufw-headline{
    text-align: center;
    font-weight: 700;
    color: var(--sufw-primary);
    margin-bottom: 12px;
    font-size: 16px;
}
.sufw-inner{
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}
.sufw-info{flex:1; min-width: 0;}
.sufw-title{margin:0 0 6px; font-size: 15px;}
.sufw-desc{opacity: .8; font-size: 13px; margin-bottom: 6px;}
.sufw-thumb img{width:72px; height:72px; object-fit: cover; border-radius:8px; border:1px solid var(--sufw-border);}

.sufw-price{font-weight:700; margin: 6px 0 10px;}
.sufw-price-now{font-size: 18px;}
.sufw-price-old{opacity:.55; margin-inline-start: 6px;}

.sufw-add{
    width:100%;
    background: var(--sufw-btn-bg);
    color: var(--sufw-btn-text);
    border:none;
    border-radius:10px;
    padding: 11px 14px;
    font-weight:700;
    cursor:pointer;
}
.sufw-add[disabled]{opacity:.6; cursor:not-allowed;}
.sufw-note{
    text-align:center; font-size:12px; opacity:.7; margin-top:6px;
}

/* Responsive */
@media (max-width: 480px){
  .sufw-inner{gap:10px}
  .sufw-thumb img{width:60px;height:60px}
}

.sufw-progress{
    background:#fff; border:1px solid var(--sufw-border); border-radius:8px; padding:8px 10px; font-size:13px; margin-bottom:10px;
}
.sufw-scarcity{font-size:12px; margin-bottom:8px; color:#b3482d; font-weight:700}
.sufw-qty-tiers{display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap}
.sufw-tier{background:#fff;border:1px solid var(--sufw-border);border-radius:8px;padding:6px 10px;cursor:pointer}
.sufw-tier.active{background:var(--sufw-accent)}
.sufw-trust{display:flex; gap:10px; list-style:none; padding:6px 0 0; margin:6px 0 0; flex-wrap:wrap; font-size:12px; opacity:.85}
.sufw-trust li::before{content:"✔ ";}
/* sticky CTA inside the box */
.sufw-box{padding-bottom:62px; position:relative}
.sufw-box .sufw-add{position:sticky; bottom:8px}

.sufw-progress{background:#fff;border:1px solid var(--sufw-border);border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:10px}
.sufw-progressbar{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:6px}
.sufw-progressbar span{display:block;height:100%;background:var(--sufw-primary)}
.sufw-close{position:absolute;top:6px;right:8px;background:transparent;border:none;font-size:18px;line-height:1;cursor:pointer;opacity:.6}
.sufw-close:hover{opacity:1}