.ob-wrapper{background:#fff9ef;border-radius:10px;border:2px dashed #9b59b6;padding:12px;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;box-sizing:border-box;font-family:Poppins,Arial,Helvetica,sans-serif}
.ob-thumb{flex:0 0 auto;text-align:center}
.ob-thumb img{display:block;margin:0 auto;width:128px;height:128px;object-fit:cover;border-radius:6px}
.ob-content{flex:1 1 420px;text-align:center;min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.ob-title{margin:6px 0;font-size:23px;font-weight:700;text-transform:uppercase}
.ob-message{margin:6px 0;font-size:16px;font-style:italic;color:#333;line-height:1.4;text-align:center;max-width:820px}
.ob-name{margin:6px 0;font-size:18px;font-weight:700}
.ob-prices{margin:6px 0;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.ob-old{text-decoration:line-through;color:#777;font-size:16px}
.ob-final{color:#1e88e5;font-weight:800;font-size:20px}
.ob-actions{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;margin-top:10px;box-sizing:border-box;padding:0 10px}
.ob-checkbox input[type=checkbox]{width:28px;height:28px;margin-right:10px;vertical-align:middle}
.ob-accept-text{font-size:18px;vertical-align:middle}
.ob-btn{background:#8a673d;color:#fff;border:none;padding:14px 34px;border-radius:10px;font-weight:700;font-size:18px;cursor:pointer}
@media(max-width:720px){
    .ob-wrapper{padding:10px}
    .ob-thumb img{width:96px;height:96px}
    .ob-title{font-size:20px}
    .ob-message{font-size:15px}
    .ob-final{font-size:18px}
    .ob-actions{width:100%;padding:0;justify-content:space-between}
    .ob-btn{order:1;flex:0 0 48%}
    .ob-checkbox{order:2;flex:0 0 48%;display:flex;justify-content:flex-end;align-items:center}
}