.mani-two-coupons{margin:12px 0;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);font-size:14px}
.mani-two-coupons h3{margin:0 0 8px;font-size:15px;line-height:1.2}
.mani-two-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mani-two-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border:1px dashed rgba(0,0,0,.12);border-radius:8px;position:relative}
.mani-two-item.is-applied{border-style:solid;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.06)}
.mani-two-item .left{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:4px;align-items:center}
.mani-two-item .code{font-weight:700;letter-spacing:.5px}
.mani-two-item .text{opacity:.85}
.mani-two-item .right{display:flex;align-items:center;gap:8px}

/* Apply button green */
.mani-two-item .btn.apply{background:#16a34a;color:#fff;border:none;border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer;transition:background .2s ease-in-out,opacity .2s}
.mani-two-item .btn.apply:hover:not([disabled]){background:#15803d}
.mani-two-item .btn.apply[disabled]{opacity:.5;cursor:not-allowed;background:#16a34a}

/* Tooltip for disabled buttons */
.mani-two-item .btn.apply[disabled][title]:hover::after{content:attr(title);position:absolute;background:#064e3b;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;white-space:nowrap;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.2)}

@media (max-width:782px){
.mani-two-coupons{padding:10px;border-radius:12px}
.mani-two-item{grid-template-columns:1fr;align-items:start}
.mani-two-item .right{justify-content:flex-start}
}