Cennik

.krupa-modern-wrapper { width: 95% !important; box-sizing: border-box !important; margin: 15px auto 25px auto !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } .krupa-main-meta { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 10px !important; align-items: center !important; } .k-meta-unit { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: #f4f6f8 !important; padding: 4px 10px !important; border-radius: 6px !important; color: #555 !important; font-size: 11px !important; font-weight: 600 !important; text-decoration: none !important; line-height: 1.2 !important; white-space: nowrap !important; } .k-meta-unit svg { width: 12px !important; height: 12px !important; color: #EF2020 !important; flex-shrink: 0 !important; } .k-comm-link:hover { background: #e2e8f0 !important; color: #000 !important; } /* NAPRAWA TAGÓW */ .k-tags-container { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding-top: 5px !important; border-top: 1px solid #f0f0f0 !important; } .k-tag-item { font-size: 11px !important; color: #999 !important; text-decoration: none !important; transition: color 0.2s !important; font-weight: 500 !important; } .k-tag-item:hover { color: #3498db !important; text-decoration: none !important; } /* Ukrycie starego paska ColorMag */ .cm-entry-header-meta, .cm-below-entry-meta { display: none !important; }

Nasz cennik

/* Twoje style zostają bez zmian... */ .b-clean-cennik { max-width: 900px; margin: 20px auto; font-family: 'Inter', sans-serif; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; overflow: hidden; } .b-cat-head { background: #f1f5f9; padding: 5px 15px; border-left: 4px solid #EF2020; font-size: 11px; font-weight: 800; text-transform: uppercase; color: #1e5799; } .b-row-item { display: flex; align-items: center; padding: 5px 15px; border-bottom: 1px solid #f1f5f9; } .b-service-title { flex: 2; font-size: 14px; } .b-service-price { font-weight: 700; color: #0f172a; margin: 0 20px; flex: 0 0 110px; text-align: right; } .b-btn-book { background: #EF2020; color: #fff !important; font-size: 10px; font-weight: 800; padding: 4px 12px; border-radius: 4px; text-decoration: none !important; } .b-cennik-footer { padding: 15px; background: #f8fafc; border-top: 1px solid #e2e8f0; font-size: 12px; color: #64748b; text-align: center; }

 

Kalkulator kosztów dojazdu

.kalkulator-v3-modern { max-width: 700px; margin: 20px auto; background: #fff; border-radius: 12px; overflow: hidden; font-family: 'Inter', -apple-system, sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 1px solid #e2e8f0; } .k-header { background: #f1f5f9; padding: 12px 20px; color: #1e293b; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e8f0; } .k-header-main { display: flex; align-items: center; gap: 12px; } .k-icon { font-size: 20px; opacity: 0.8; } .k-titles h4 { margin: 0 !important; color: #1e293b !important; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; } .k-titles p { margin: 0; font-size: 12px; color: #64748b; } .k-rate { background: #e2e8f0; color: #475569; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 700; } .k-body { padding: 25px; } .k-input-group { display: flex; gap: 10px; align-items: flex-start; } .k-input-wrapper { flex: 1; } .k-input-wrapper small { display: block; margin-top: 5px; color: #94a3b8; font-size: 11px; } #destination-input { width: 100% !important; height: 48px !important; padding: 0 15px !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-size: 15px !important; box-sizing: border-box !important; color: #334155 !important; } #calc-route-btn { background: #EF2020 !important; color: #fff !important; height: 48px !important; padding: 0 25px !important; border-radius: 8px !important; cursor: pointer !important; font-weight: 700 !important; font-size: 14px !important; border: none !important; } #kalk-selection { margin-top: 20px; padding: 15px; background: #f8fafc; border-radius: 8px; border: 1px solid #cbd5e1; } .selection-title { margin: 0 0 12px 0 !important; font-size: 14px !important; color: #1e293b !important; font-weight: 700 !important; display: block !important; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px; } .select-item { width: 100%; text-align: left; background: #fff !important; border: 1px solid #cbd5e1 !important; padding: 10px 15px !important; margin-bottom: 6px !important; border-radius: 6px !important; cursor: pointer !important; font-size: 13px !important; color: #334155 !important; } .k-res-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 12px; margin-top: 20px; } .k-res-item { padding: 15px; background: #f8fafc; border-radius: 10px; text-align: center; border: 1px solid #f1f5f9; } .k-res-item label { display: block; font-size: 10px; text-transform: uppercase; color: #94a3b8; font-weight: 700; margin-bottom: 4px; } .k-res-item span { font-size: 18px; font-weight: 700; color: #1e293b; } .k-res-item.highlighted { background: #fff5f5; border-color: #fee2e2; } .k-res-item.highlighted span { color: #EF2020; font-size: 24px; } .k-actions { margin-top: 15px; text-align: center; } #copy-price-btn { background: none; border: 1px solid #e2e8f0; padding: 6px 12px; border-radius: 6px; font-size: 12px; color: #64748b; cursor: pointer; } .k-disclaimer { font-size: 10px; color: #cbd5e1; margin-top: 10px; } .k-footer { background: #fff; border-top: 1px solid #f1f5f9; padding: 8px; text-align: center; font-size: 9px; color: #cbd5e1; letter-spacing: 1px; } @media (max-width: 500px) { .k-input-group { flex-direction: column; } #calc-route-btn { width: 100% !important; } .k-res-grid { grid-template-columns: 1fr; } } (function() { window.addEventListener('load', function() { const btn = document.getElementById('calc-route-btn'); const input = document.getElementById('destination-input'); const loader = document.getElementById('kalk-loader'); const resultBox = document.getElementById('result-box'); const errorBox = document.getElementById('kalk-error'); const selectionBox = document.getElementById('kalk-selection'); const selectionList = document.getElementById('selection-list'); const copyBtn = document.getElementById('copy-price-btn'); const startLon = 22.5645; const startLat = 51.3712; const cenaKm = 2.45; // PRZEKAZANIE STAWKI DO JS function calculatePrice(lon, lat) { selectionBox.style.display = 'none'; loader.style.display = 'block'; resultBox.style.display = 'none'; fetch('https://router.project-osrm.org/route/v1/driving/' + startLon + ',' + startLat + ';' + lon + ',' + lat + '?overview=false') .then(res => res.json()) .then(routeData => { if (!routeData.routes || routeData.routes.length === 0) throw new Error('Brak trasy.'); const dist = routeData.routes[0].distance / 1000; const price = (dist * cenaKm).toFixed(2).replace('.', ','); document.getElementById('res-dist').innerText = dist.toFixed(1).replace('.', ',') + ' km'; document.getElementById('res-cost').innerText = price + ' zł'; loader.style.display = 'none'; resultBox.style.display = 'block'; }) .catch(err => { loader.style.display = 'none'; errorBox.innerText = 'Błąd wyceny.'; errorBox.style.display = 'block'; }); } input.addEventListener('keypress', (e) => { if(e.key === 'Enter') btn.click(); }); copyBtn.addEventListener('click', function() { const text = "Koszt dojazdu: " + document.getElementById('res-cost').innerText; navigator.clipboard.writeText(text).then(() => { copyBtn.innerHTML = '✅ Skopiowano!'; setTimeout(() => { copyBtn.innerHTML = '📋 Skopiuj wycenę'; }, 2000); }); }); btn.addEventListener('click', function() { const query = input.value.trim(); if (!query) return; loader.style.display = 'block'; resultBox.style.display = 'none'; selectionBox.style.display = 'none'; errorBox.style.display = 'none'; fetch('https://nominatim.openstreetmap.org/search?format=json&addressdetails=1&limit=5&countrycodes=pl&q=' + encodeURIComponent(query)) .then(res => res.json()) .then(data => { loader.style.display = 'none'; if (data.length === 0) throw new Error('Nie znaleziono adresu.'); if (data.length === 1) { calculatePrice(data[0].lon, data[0].lat); } else { selectionList.innerHTML = ''; data.forEach(p => { const b = document.createElement('button'); b.className = 'select-item'; b.type = 'button'; b.innerText = p.display_name.split(',').slice(0,3).join(','); b.onclick = () => calculatePrice(p.lon, p.lat); selectionList.appendChild(b); }); selectionBox.style.display = 'block'; } }) .catch(err => { loader.style.display = 'none'; errorBox.innerText = err.message; errorBox.style.display = 'block'; }); }); }); })(); .cennik-info-box { background: #f8fafc; border-left: 5px solid #EF2020; padding: 20px; margin-bottom: 30px; border-radius: 8px; }
.info-header { font-weight: 800; text-transform: uppercase; color: #1e5799; margin-bottom: 10px; font-size: 14px; letter-spacing: 1px; }
.highlight-blue { color: #1e5799; margin-top: 10px; }
.kontakt-strip { margin-top: 15px; display: flex; gap: 20px; font-style: italic; }
.kontakt-strip a { color: #EF2020; font-weight: bold; text-decoration: none; }

.dodatkowe-koszty { background: #fff; padding: 25px; border: 1px solid #e2e8f0; border-radius: 12px; margin: 30px 0; }
.dodatkowe-koszty h3 { font-size: 16px; margin-top: 0; color: #0f172a; text-align: center; }
.koszty-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; }
.koszt-item { background: #f1f5f9; padding: 10px; border-radius: 6px; font-size: 13px; font-weight: 600; text-align: center; }
.route-link { display: inline-block; font-size: 12px; color: #64748b; text-decoration: underline; }

.humor-section { margin-top: 50px; opacity: 0.8; }
.humor-section h4 { text-align: center; font-style: italic; color: #64748b; margin-bottom: 20px; }
.humor-table { width: 100%; border-collapse: collapse; font-size: 13px; background: #fff; }
.humor-table th { background: #f1f5f9; padding: 10px; text-align: left; border-bottom: 2px solid #cbd5e1; }
.humor-table td { padding: 10px; border-bottom: 1px solid #f1f5f9; }
.humor-table tr:hover { background: #fff7f7; }

@media (max-width: 600px) {
.kontakt-strip { flex-direction: column; gap: 10px; }
.koszty-grid { grid-template-columns: 1fr; }
}