/* Online narudžba pizza — Topli minimalizam v2.0 */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto+Condensed:wght@400;600;700&display=swap');

#onp-wrap, #onp-wrap *{box-sizing:border-box !important;margin:0;padding:0}
#onp-wrap{
    font-family:'Roboto Condensed',sans-serif !important;
    color:#1c1917 !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding:20px 0 40px !important;
    line-height:1.5 !important;
}
#onp-app{
    background:#fff !important;
    border:1px solid #eee8e0 !important;
    border-radius:18px !important;
    overflow:visible !important;
    box-shadow:0 4px 24px rgba(0,0,0,.05) !important;
}
#onp-wrap p,#onp-wrap h2,#onp-wrap h3,#onp-wrap div,#onp-wrap span,#onp-wrap button,#onp-wrap input,#onp-wrap label,#onp-wrap select{font-family:'Roboto Condensed',sans-serif}

/* ── Logo (izvan okvira) ── */
#onp-wrap .onp-logo{display:flex !important;justify-content:center !important;padding:0 0 28px !important;margin:0 !important}
#onp-wrap .onp-logo a{display:block !important;text-decoration:none !important;border:none !important;box-shadow:none !important}
#onp-wrap .onp-logo img{max-height:200px !important;max-width:480px !important;width:auto !important;height:auto !important;display:block !important}

/* ── Numerirani koraci ── */
#onp-wrap .onp-prog-wrap{padding:36px 44px 0 !important;text-align:center !important}
#onp-wrap .onp-prog{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 0 10px !important}
#onp-wrap .onp-prog-step{display:flex !important;align-items:center !important}
#onp-wrap .onp-pnum{
    width:32px !important;height:32px !important;border-radius:50% !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    font-size:13px !important;font-weight:700 !important;
    border:2px solid #e7e0d6 !important;color:#b8ab99 !important;background:#fff !important;
    transition:all .2s !important;
}
#onp-wrap .onp-pnum.act{border-color:#1c1917 !important;background:#1c1917 !important;color:#fff !important}
#onp-wrap .onp-pnum.done{border-color:#16a34a !important;background:#16a34a !important;color:#fff !important}
#onp-wrap .onp-pline{width:64px !important;height:2px !important;background:#e7e0d6 !important;transition:background .2s !important}
#onp-wrap .onp-pline.done{background:#16a34a !important}
#onp-wrap .onp-plabels{display:flex !important;justify-content:center !important;gap:44px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:#b8ab99 !important}
#onp-wrap .onp-plabels .act{color:#1c1917 !important}

/* ── Screen ── */
#onp-wrap .onp-screen{padding:34px 44px 44px !important}
#onp-wrap .onp-title{font-family:'Roboto Slab',serif !important;font-size:34px !important;font-weight:700 !important;color:#1c1917 !important;text-align:center !important;margin:0 0 8px !important;line-height:1.2 !important}
#onp-wrap .onp-subtitle{font-size:16px !important;color:#1c1917 !important;text-align:center !important;margin:0 0 32px !important;font-weight:400 !important}

/* ── Kategorije: underline tabovi ── */
#onp-wrap .onp-cats{display:flex !important;justify-content:center !important;flex-wrap:wrap !important;gap:0 !important;margin:0 0 34px !important;border-bottom:2px solid #f0ebe3 !important;padding:0 !important}
#onp-wrap .onp-cat-tab{
    padding:12px 20px !important;margin:0 !important;
    font-size:15px !important;font-weight:700 !important;
    cursor:pointer !important;border:none !important;background:none !important;
    color:#b8ab99 !important;position:relative !important;
    transition:color .15s !important;box-shadow:none !important;
    letter-spacing:.02em !important;line-height:1.3 !important;
    border-radius:0 !important;
}
#onp-wrap .onp-cat-tab:hover{color:#1c1917 !important;background:none !important}
#onp-wrap .onp-cat-tab.active{color:#1c1917 !important;background:none !important}
#onp-wrap .onp-cat-tab.active::after{content:'' !important;position:absolute !important;bottom:-2px !important;left:12px !important;right:12px !important;height:3px !important;background:#d97706 !important;border-radius:2px !important}
#onp-wrap .onp-cat-count{
    font-size:11px !important;font-weight:700 !important;
    background:#f5f0e8 !important;color:#b8ab99 !important;
    border-radius:12px !important;padding:2px 8px !important;
    margin-left:5px !important;line-height:1.3 !important;
}
#onp-wrap .onp-cat-tab.active .onp-cat-count{background:#fdf1de !important;color:#d97706 !important}

/* ── Pizza redovi ── */
#onp-wrap .onp-pizza-list{display:flex !important;flex-direction:column !important;margin:0 0 36px !important}
#onp-wrap .onp-pizza-row{
    display:flex !important;gap:20px !important;align-items:flex-start !important;
    padding:22px 0 !important;margin:0 !important;
    border-bottom:1px solid #f0ebe3 !important;background:transparent !important;
}
#onp-wrap .onp-pizza-row:first-child{border-top:1px solid #f0ebe3 !important}

#onp-wrap .onp-pizza-thumb{flex-shrink:0 !important}
#onp-wrap .onp-pizza-img{width:110px !important;height:110px !important;border-radius:14px !important;object-fit:cover !important;display:block !important;max-width:110px !important}
#onp-wrap .onp-pizza-img-ph{width:110px !important;height:110px !important;border-radius:14px !important;background:#fdf7ec !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:44px !important;flex-shrink:0 !important}

#onp-wrap .onp-pizza-info{flex:1 !important;min-width:0 !important;padding:4px 0 0 !important}
#onp-wrap .onp-pizza-name{font-family:'Roboto Slab',serif !important;font-size:19px !important;font-weight:700 !important;color:#1c1917 !important;margin:0 0 5px !important;line-height:1.25 !important}
#onp-wrap .onp-pizza-desc{font-size:14px !important;color:#1c1917 !important;line-height:1.5 !important;margin:0 0 10px !important;padding:0 !important}
#onp-wrap .onp-tag{
    display:inline-block !important;
    font-size:10px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;
    color:#d97706 !important;border:1px solid #f3d9ab !important;background:#fdf7ec !important;
    padding:3px 10px !important;border-radius:6px !important;
}

/* ── Veličine: vertikalne opt kartice ── */
#onp-wrap .onp-pizza-sizes{display:flex !important;flex-direction:column !important;gap:8px !important;flex-shrink:0 !important;min-width:160px !important}
#onp-wrap .onp-opt{
    display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;
    border:1.5px solid #e7e0d6 !important;border-radius:10px !important;
    padding:9px 13px !important;margin:0 !important;
    cursor:pointer !important;background:#fff !important;
    transition:all .15s !important;box-shadow:none !important;
    width:100% !important;text-align:left !important;
}
#onp-wrap .onp-opt:hover{border-color:#d97706 !important;background:#fffdf8 !important}
#onp-wrap .onp-opt.on{border-color:#d97706 !important;background:#fdf7ec !important}
#onp-wrap .onp-opt-info{display:flex !important;flex-direction:column !important;gap:1px !important}
#onp-wrap .onp-opt-size{font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:#b8ab99 !important}
#onp-wrap .onp-opt.on .onp-opt-size{color:#d97706 !important}
#onp-wrap .onp-opt-price{font-family:'Roboto Slab',serif !important;font-size:15px !important;font-weight:700 !important;color:#1c1917 !important}
#onp-wrap .onp-opt-add{font-size:18px !important;color:#d97706 !important;font-weight:700 !important;line-height:1 !important}
#onp-wrap .onp-opt-qty{display:flex !important;align-items:center !important;gap:8px !important}
#onp-wrap .onp-opt-qty button{
    width:25px !important;height:25px !important;border-radius:6px !important;
    border:1.5px solid #e7d9bd !important;background:#fff !important;
    color:#d97706 !important;font-weight:700 !important;cursor:pointer !important;
    font-size:14px !important;line-height:1 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    padding:0 !important;box-shadow:none !important;
}
#onp-wrap .onp-opt-qty button:hover{background:#fdf7ec !important}
#onp-wrap .onp-opt-qty span{font-family:'Roboto Slab',serif !important;font-weight:700 !important;font-size:15px !important;min-width:18px !important;text-align:center !important;color:#1c1917 !important}

/* ── Dodaci ── */
#onp-wrap .onp-info-actions{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;margin:0 !important}
#onp-wrap .onp-extras{padding:12px 0 0 !important;margin:0 !important;border:none !important}
#onp-wrap .onp-extras-toggle{
    background:none !important;border:none !important;
    padding:6px 0 !important;margin:0 !important;
    font-size:13px !important;font-weight:700 !important;
    color:#d97706 !important;cursor:pointer !important;
    letter-spacing:.05em !important;text-transform:uppercase !important;
    box-shadow:none !important;
}
#onp-wrap .onp-extras-toggle:hover{color:#b45309 !important;text-decoration:underline !important}
#onp-wrap .onp-extras-group{margin:12px 0 0 !important}
#onp-wrap .onp-extras-size{font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important;color:#b8ab99 !important;margin:0 0 8px !important}
#onp-wrap .onp-extras-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
#onp-wrap .onp-extra-chip{
    display:inline-flex !important;align-items:center !important;gap:6px !important;
    padding:7px 14px !important;margin:0 !important;
    border:1.5px solid #e7e0d6 !important;border-radius:20px !important;
    background:#fff !important;cursor:pointer !important;
    font-size:13px !important;font-weight:600 !important;color:#1c1917 !important;
    transition:all .15s !important;box-shadow:none !important;line-height:1.2 !important;
}
#onp-wrap .onp-extra-chip span{font-weight:700 !important;color:#b8ab99 !important;font-size:12px !important}
#onp-wrap .onp-extra-chip:hover{border-color:#d97706 !important;background:#fffdf8 !important}
#onp-wrap .onp-extra-chip.sel{border-color:#d97706 !important;background:#d97706 !important;color:#fff !important}
#onp-wrap .onp-extra-chip.sel span{color:rgba(255,255,255,.85) !important}

/* ── Sticky traka (dno) ── */
#onp-wrap .onp-sticky{
    position:sticky !important;bottom:12px !important;
    z-index:50 !important;
    display:flex !important;align-items:center !important;gap:16px !important;
    background:#fff !important;
    border:1px solid #eee8e0 !important;
    border-radius:14px !important;
    margin:24px 0 0 !important;
    padding:14px 22px !important;
    box-shadow:0 8px 32px rgba(0,0,0,.14) !important;
}
#onp-wrap .onp-sticky .onp-btn{margin-left:auto !important}
#onp-wrap .onp-sticky .onp-btn-back{padding:13px 16px !important;flex-shrink:0 !important}
#onp-wrap .onp-cta-empty{padding:24px 0 0 !important;margin:0 !important;border-top:2px solid #f0ebe3 !important}
#onp-wrap .onp-cta-empty p{font-size:15px !important;color:#b8ab99 !important;margin:0 !important;text-align:center !important}
#onp-wrap .onp-cart-pill{display:flex !important;flex-direction:column !important;gap:3px !important;background:none !important;border:none !important;padding:0 !important;margin:0 !important;font-size:11px !important;color:#b8ab99 !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important}
#onp-wrap .onp-cart-price{font-family:'Roboto Slab',serif !important;font-size:30px !important;font-weight:700 !important;color:#1c1917 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.1 !important}

#onp-wrap .onp-btn{
    background:#16a34a !important;color:#fff !important;border:none !important;
    border-radius:12px !important;padding:15px 32px !important;margin:0 !important;
    font-size:16px !important;font-weight:700 !important;letter-spacing:.04em !important;
    cursor:pointer !important;
    display:inline-flex !important;align-items:center !important;gap:10px !important;
    transition:all .15s !important;
    box-shadow:0 4px 14px rgba(22,163,74,.25) !important;
    text-decoration:none !important;line-height:1 !important;
}
#onp-wrap .onp-btn:hover{background:#15803d !important;color:#fff !important;transform:translateY(-1px) !important}
#onp-wrap .onp-btn:disabled{opacity:.5 !important;cursor:not-allowed !important;transform:none !important}
#onp-wrap .onp-btn-arrow{font-size:17px !important;transition:transform .15s !important}
#onp-wrap .onp-btn:hover .onp-btn-arrow{transform:translateX(3px) !important}

/* ── Forma ── */
#onp-wrap .onp-fields{display:flex !important;flex-direction:column !important;gap:22px !important;margin:0 0 38px !important}
#onp-wrap .onp-field input{
    width:100% !important;border:none !important;border-bottom:2px solid #e7e0d6 !important;
    border-radius:0 !important;padding:12px 0 !important;margin:0 !important;
    font-size:19px !important;color:#1c1917 !important;font-weight:600 !important;
    background:transparent !important;outline:none !important;
    transition:border-color .2s !important;
    -webkit-appearance:none !important;appearance:none !important;
    box-shadow:none !important;height:auto !important;
}
#onp-wrap .onp-field input:focus{border-bottom-color:#d97706 !important;box-shadow:none !important;outline:none !important}
#onp-wrap .onp-textarea{
    width:100% !important;border:none !important;border-bottom:2px solid #e7e0d6 !important;
    border-radius:0 !important;padding:12px 0 !important;margin:0 !important;
    font-family:'Roboto Condensed',sans-serif !important;
    font-size:17px !important;color:#1c1917 !important;font-weight:600 !important;
    background:transparent !important;outline:none !important;
    transition:border-color .2s !important;resize:vertical !important;
    -webkit-appearance:none !important;appearance:none !important;
    box-shadow:none !important;line-height:1.5 !important;min-height:64px !important;
}
#onp-wrap .onp-textarea:focus{border-bottom-color:#d97706 !important;box-shadow:none !important;outline:none !important}
#onp-wrap .onp-textarea::placeholder{color:#b8ab99 !important;font-weight:400 !important}
#onp-wrap .onp-field input::placeholder{color:#b8ab99 !important;font-weight:400 !important}
#onp-wrap .onp-ferr{font-size:12px !important;color:#c0392b !important;margin:8px 0 0 !important;font-weight:600 !important}

#onp-wrap .onp-select{
    width:100% !important;border:none !important;border-bottom:2px solid #e7e0d6 !important;
    border-radius:0 !important;padding:12px 28px 12px 0 !important;margin:0 !important;
    font-size:19px !important;color:#1c1917 !important;font-weight:600 !important;
    background:transparent !important;outline:none !important;
    transition:border-color .2s !important;
    -webkit-appearance:none !important;appearance:none !important;
    box-shadow:none !important;height:auto !important;cursor:pointer !important;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23b8ab99' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;background-position:right 4px center !important;
}
#onp-wrap .onp-select:focus{border-bottom-color:#d97706 !important;box-shadow:none !important}
#onp-wrap .onp-select.empty{color:#b8ab99 !important;font-weight:400 !important}

/* ── Zone info ── */
#onp-wrap .onp-zone-info{
    display:flex !important;align-items:center !important;gap:16px !important;flex-wrap:wrap !important;
    margin:14px 0 0 !important;padding:12px 16px !important;
    background:#f0f9f1 !important;border:1px solid #cde8d0 !important;border-radius:10px !important;
    font-size:14px !important;color:#2d5232 !important;
}
#onp-wrap .onp-zone-info.warn{background:#fdf7ec !important;border-color:#f3d9ab !important;color:#8a5a00 !important}
#onp-wrap .onp-zone-info strong{font-family:'Roboto Slab',serif !important;font-weight:700 !important}
#onp-wrap .onp-zone-badge{display:inline-block !important;font-size:10px !important;font-weight:700 !important;padding:3px 10px !important;border-radius:20px !important;background:#1c1917 !important;color:#fff !important;text-transform:uppercase !important;letter-spacing:.08em !important}

/* ── Pregled narudžbe ── */
#onp-wrap .onp-order-review{background:#faf8f4 !important;border-radius:14px !important;padding:22px 24px !important;margin:0 0 36px !important;border:1px solid #f0ebe3 !important}
#onp-wrap .onp-review-title{font-size:12px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important;color:#1c1917 !important;margin:0 0 16px !important}
#onp-wrap .onp-review-row{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:10px 0 !important;margin:0 !important;border-bottom:1px solid #f0ebe3 !important;font-size:15px !important}
#onp-wrap .onp-review-row:last-of-type{border-bottom:none !important}
#onp-wrap .onp-review-left{display:flex !important;align-items:center !important;gap:9px !important;color:#1c1917 !important}
#onp-wrap .onp-review-badge{font-size:10px !important;font-weight:700 !important;padding:2px 8px !important;border-radius:20px !important;text-transform:uppercase !important;letter-spacing:.05em !important;margin:0 4px !important}
#onp-wrap .onp-review-badge.mala{background:#fdf7ec !important;color:#d97706 !important}
#onp-wrap .onp-review-badge.velika{background:#fdf7ec !important;color:#8b1a1a !important}
#onp-wrap .onp-review-extras{font-size:12px !important;color:#8c7e72 !important;font-weight:400 !important}
#onp-wrap .onp-review-cat{font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.06em !important;color:#8c7e72 !important;background:#f0ebe3 !important;padding:2px 7px !important;border-radius:5px !important;margin-right:2px !important}
#onp-wrap .onp-review-total{display:flex !important;justify-content:space-between !important;padding:16px 0 0 !important;margin:8px 0 0 !important;border-top:2px solid #e7e0d6 !important;font-family:'Roboto Slab',serif !important;font-weight:700 !important;font-size:18px !important;color:#1c1917 !important}

/* ── Plaćanje ── */
#onp-wrap .onp-pay-opts{display:flex !important;flex-direction:column !important;gap:12px !important;margin:0 0 36px !important}
#onp-wrap .onp-pay-opt{
    display:flex !important;align-items:center !important;gap:16px !important;
    padding:18px 22px !important;margin:0 !important;
    border:1.5px solid #e7e0d6 !important;border-radius:14px !important;
    cursor:pointer !important;background:#fff !important;
    transition:all .15s !important;text-align:left !important;width:100% !important;box-shadow:none !important;
}
#onp-wrap .onp-pay-opt:hover{border-color:#d97706 !important;background:#fffdf8 !important}
#onp-wrap .onp-pay-opt.active{border-color:#d97706 !important;background:#fdf7ec !important}
#onp-wrap .onp-pay-icon{width:46px !important;height:46px !important;border-radius:12px !important;background:#faf8f4 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:23px !important;flex-shrink:0 !important;transition:background .15s !important}
#onp-wrap .onp-pay-opt.active .onp-pay-icon{background:#d97706 !important}
#onp-wrap .onp-pay-title{font-family:'Roboto Slab',serif !important;font-size:16px !important;font-weight:700 !important;color:#1c1917 !important;margin:0 0 2px !important}
#onp-wrap .onp-pay-sub{font-size:13px !important;color:#1c1917 !important;font-weight:400 !important;margin:0 !important}
#onp-wrap .onp-pay-check{margin-left:auto !important;color:#d97706 !important;font-size:22px !important;display:none !important;font-weight:700 !important;flex-shrink:0 !important}
#onp-wrap .onp-pay-opt.active .onp-pay-check{display:block !important}
#onp-wrap .onp-pay-err{font-size:13px !important;color:#c0392b !important;margin:0 0 16px !important;font-weight:600 !important}

#onp-wrap .onp-stripe-box{background:#faf8f4 !important;border-radius:14px !important;padding:22px 24px !important;margin:0 0 30px !important;border:1px solid #f0ebe3 !important}
#onp-wrap .onp-stripe-lock{display:flex !important;align-items:center !important;gap:6px !important;font-size:12px !important;color:#1c1917 !important;margin:0 0 16px !important;font-weight:700 !important;letter-spacing:.05em !important;text-transform:uppercase !important}
#onp-wrap #onp-card-el{background:#fff !important;border:2px solid #e7e0d6 !important;border-radius:10px !important;padding:14px 16px !important;transition:border-color .2s !important}
#onp-wrap #onp-card-el.StripeElement--focus{border-color:#d97706 !important}
#onp-wrap #onp-card-el.StripeElement--invalid{border-color:#c0392b !important}

/* ── Ukupno + gumbi ── */
#onp-wrap .onp-total-bar{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;padding:22px 0 !important;margin:0 0 26px !important;border-top:2px solid #f0ebe3 !important}
#onp-wrap .onp-total-label{font-size:11px !important;color:#b8ab99 !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important}
#onp-wrap .onp-total-amount{font-family:'Roboto Slab',serif !important;font-size:28px !important;font-weight:700 !important;color:#1c1917 !important}

#onp-wrap .onp-btn-row{display:flex !important;gap:12px !important;align-items:center !important;margin:0 !important}
#onp-wrap .onp-btn-back{
    background:none !important;border:2px solid #e7e0d6 !important;
    border-radius:12px !important;padding:13px 22px !important;margin:0 !important;
    font-size:15px !important;font-weight:700 !important;color:#1c1917 !important;
    cursor:pointer !important;transition:all .15s !important;letter-spacing:.04em !important;
    box-shadow:none !important;line-height:1 !important;
}
#onp-wrap .onp-btn-back:hover{border-color:#1c1917 !important;background:none !important}

/* ── Potvrda ── */
#onp-wrap .onp-done{padding:24px 0 !important;text-align:center !important}
#onp-wrap .onp-done-circle{width:80px !important;height:80px !important;border-radius:50% !important;background:#dcfce7 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 28px !important;font-size:36px !important}
#onp-wrap .onp-done h2{font-family:'Roboto Slab',serif !important;font-size:26px !important;font-weight:700 !important;margin:0 0 16px !important;color:#1c1917 !important}
#onp-wrap .onp-done p{font-size:16px !important;color:#1c1917 !important;line-height:1.7 !important;margin:0 auto 34px !important;max-width:420px !important}
#onp-wrap .onp-done-summary{text-align:left !important;margin-bottom:30px !important}

/* ── Zatvoreno / Greška ── */
#onp-wrap .onp-closed{padding:56px 20px !important;text-align:center !important}
#onp-wrap .onp-closed-icon{font-size:56px !important;margin-bottom:22px !important}
#onp-wrap .onp-closed h2{font-family:'Roboto Slab',serif !important;font-size:24px !important;font-weight:700 !important;margin:0 0 14px !important;color:#1c1917 !important}
#onp-wrap .onp-closed p{font-size:16px !important;color:#1c1917 !important;line-height:1.7 !important;margin:0 auto !important;max-width:440px !important}

#onp-wrap .onp-error{padding:56px 0 !important;text-align:center !important}
#onp-wrap .onp-error-icon{font-size:44px !important;margin-bottom:18px !important}
#onp-wrap .onp-error h3{font-family:'Roboto Slab',serif !important;font-size:20px !important;font-weight:700 !important;margin:0 0 12px !important}
#onp-wrap .onp-error p{font-size:15px !important;color:#1c1917 !important;line-height:1.65 !important;margin:0 0 26px !important}
#onp-wrap .onp-error a,#onp-wrap .onp-error button{display:inline-block !important;padding:12px 26px !important;background:#16a34a !important;color:#fff !important;border:none !important;border-radius:12px !important;font-size:14px !important;font-weight:700 !important;cursor:pointer !important;text-decoration:none !important;letter-spacing:.04em !important}

/* ── Footer ── */
#onp-wrap .onp-footer{text-align:center !important;padding:20px 16px 0 !important;font-size:13px !important;color:#8c7e72 !important;line-height:1.6 !important;letter-spacing:.02em !important;white-space:pre-line !important}
#onp-wrap .onp-footer-logo{display:flex !important;justify-content:center !important;padding:16px 0 0 !important}
#onp-wrap .onp-footer-logo img{height:24px !important;width:auto !important;opacity:.65 !important;transition:opacity .15s !important}
#onp-wrap .onp-footer-logo a:hover img{opacity:1 !important}

/* ── Tranzicija koraka ── */
@keyframes onpFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#onp-wrap .onp-screen.onp-anim{animation:onpFadeUp .38s ease both !important}

/* ── Spinner ── */
@keyframes onp-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
#onp-wrap .onp-spinner{width:18px !important;height:18px !important;border:2.5px solid rgba(255,255,255,.3) !important;border-top-color:#fff !important;border-radius:50% !important;animation:onp-spin .7s linear infinite !important;display:inline-block !important;flex-shrink:0 !important}

/* ── Mobitel ── */
@media(max-width:560px){
    #onp-wrap{padding:0 0 20px !important;max-width:100% !important}
    #onp-app{
        border-radius:0 !important;border-left:none !important;border-right:none !important;
        box-shadow:none !important;
        margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;
        width:100vw !important;max-width:100vw !important;
    }
    #onp-wrap .onp-logo{padding:0 16px 20px !important}
    #onp-wrap .onp-logo img{max-height:140px !important;max-width:320px !important}
    #onp-wrap .onp-prog-wrap{padding:26px 16px 0 !important}
    #onp-wrap .onp-pline{width:40px !important}
    #onp-wrap .onp-plabels{gap:26px !important;font-size:10px !important}
    #onp-wrap .onp-screen{padding:28px 16px 32px !important}
    #onp-wrap .onp-title{font-size:26px !important}
    #onp-wrap .onp-cat-tab{padding:10px 14px !important;font-size:14px !important}
    #onp-wrap .onp-pizza-row{gap:14px !important;flex-wrap:wrap !important}
    #onp-wrap .onp-pizza-img,#onp-wrap .onp-pizza-img-ph{width:84px !important;height:84px !important}
    #onp-wrap .onp-pizza-info{min-width:140px !important}
    #onp-wrap .onp-pizza-sizes{width:100% !important;min-width:0 !important;flex-direction:row !important}
    #onp-wrap .onp-opt{flex:1 !important}
    #onp-wrap .onp-field input,#onp-wrap .onp-select{font-size:16px !important}
    #onp-wrap .onp-cart-price{font-size:22px !important}
    #onp-wrap .onp-btn{padding:13px 20px !important;font-size:15px !important}
    #onp-wrap .onp-sticky{bottom:8px !important;margin:20px 0 0 !important;padding:12px 14px !important;gap:10px !important;border-radius:12px !important}
    #onp-wrap .onp-sticky .onp-btn-back{padding:12px 13px !important}
}