/* ── Offers Popup ── */
.op-modal{position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%) scale(.92);background:#fff;border-radius:20px;width:92vw;max-width:860px;max-height:82vh;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;box-shadow:0 25px 60px rgba(0,0,0,.18)}
.op-modal.op-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.op-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}
.op-header h2{margin:0;font-size:1.3rem;font-weight:900;color:var(--dark,#0F172A)}
.op-body{flex:1;min-height:0;overflow-y:auto;padding:8px 32px 32px}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.op-item{display:flex;align-items:flex-start;gap:14px;padding:16px 14px;border-radius:14px;text-decoration:none;color:var(--dark,#0F172A);border:1.5px solid #f0f0f0;transition:all .2s;background:#fff}
.op-item:hover{border-color:var(--accent,#FF5349);background:rgba(255,83,73,.03);transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,83,73,.1)}
@media(max-width:900px){.op-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.op-modal{width:100vw;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:16px 16px 0 0;top:auto;left:0;bottom:0;transform:translateY(100%);transition:opacity .3s,transform .4s cubic-bezier(.32,1,.28,1),visibility .3s}.op-modal.op-open{transform:translateY(0)}.op-grid{grid-template-columns:1fr;gap:8px}.op-header{padding:18px 20px 14px}.op-body{padding:4px 20px 24px}.op-item{padding:14px 12px}}