iPad Pro (M5)

document.addEventListener('DOMContentLoaded', function() { const noProductsMsg = document.querySelector('.woocommerce-info'); if (noProductsMsg && noProductsMsg.textContent.includes('No products were found')) { const notice = document.createElement('div'); notice.className = 'kartica-usluge'; notice.innerHTML = `

Uređaj trenutno nije dostupan

`; const style = document.createElement('style'); style.textContent = ` .kartica-usluge { max-width: 50%; margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background: #fff; font-family: sans-serif; text-align: center; } .kartica-usluge h3 { width: 100%; padding: 10px 20px; margin-bottom: 16px; border-radius: 6px; } .kartica-usluge p { font-size: 16px; margin-bottom: 8px; } .kartica-usluge .cena { font-weight: 500; font-size: 18px; text-align: center; padding: 10px 20px; background-color: #fff4dd; border: 1px solid #d5d8dc; border-radius: 6px; } @media (min-width: 1025px) and (max-width: 1522px) { .kartica-usluge { max-width: 60%; } } @media (min-width: 768px) and (max-width: 1024px) { .kartica-usluge { max-width: 90%; } } @media (max-width: 757px) { .kartica-usluge { max-width: 100%; padding: 10px; } .kartica-usluge .rezultat { font-size: 16px; } } `; document.head.appendChild(style); noProductsMsg.parentNode.insertBefore(notice, noProductsMsg.nextSibling); } });