/* —— Fonts —— */
@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@400;600;700&display=swap’);
/* —— Ngjyrat kryesore (ndrysho lirisht) —— */
#luti-page{
–red: #CF463B; /* sfondi i kuq */
–dark: #1f2530; /* seksioni i poshtëm blu e errët */
–yellow-1: #F7B733; /* buton/karte */
–yellow-2: #FFC85A; /* gradient i butonit */
–wa: #25D366; /* WhatsApp */
–white: #ffffff;
–black: #111318;
–radius: 18px;
–shadow: 0 20px 45px rgba(0,0,0,.25);
font-family: “Inter”, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
line-height: 1.4;
}
/* —— Layout bazë —— */
#luti-page .wrap{width:min(1100px,92%);margin:0 auto;position:relative}
/* —— HERO —— */
#luti-page .hero{
background: var(–red);
color: var(–white);
padding: 72px 0 240px;
position: relative;
overflow: hidden;
}
#luti-page .hero h1{
font-family:”Montserrat”,sans-serif;
font-weight:900;
letter-spacing:.5px;
font-size: clamp(42px, 7vw, 86px);
margin:0 0 8px 0;
text-transform: uppercase;
}
#luti-page .hero .subtitle{
font-weight:700;
font-size: clamp(16px, 2.6vw, 28px);
opacity:.95;
margin:0 0 28px 0;
}
/* —— Butonat —— */
#luti-page .cta-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
#luti-page .btn{
display:inline-flex;align-items:center;gap:10px;
padding:16px 24px;border-radius:14px;font-weight:800;
text-decoration:none;transition:.2s;white-space:nowrap
}
#luti-page .btn-call{
background: linear-gradient(180deg,var(–yellow-2),var(–yellow-1));
color:#1b1b1b; box-shadow:0 10px 24px rgba(0,0,0,.18); text-transform:uppercase;
letter-spacing:.6px;
}
#luti-page .btn-call:hover{transform:translateY(-1px);filter:saturate(1.05)}
#luti-page .btn-wa{
background: var(–wa); color:#073b16; font-weight:700;
padding:14px 18px; border-radius:14px;
}
#luti-page .btn-wa svg{width:22px;height:22px}
/* —— Foto e makinës —— */
#luti-page .car{
position: absolute; right: min(2vw,24px); bottom: -40px;
width: min(620px, 58vw);
filter: drop-shadow(0 30px 55px rgba(0,0,0,.35));
}
#luti-page .car img{width:100%; height:auto; display:block}
#luti-page .car .label{
position:absolute; right:12px; bottom:10px; color:#fff; opacity:.85; font-weight:700
}
/* —— Ndarësi diagonal —— */
#luti-page .divider{
position:absolute; left:0; right:0; bottom:-1px; height:140px;
background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.0)), var(–red);
clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%);
}
/* —— Seksioni i rezervimit —— */
#luti-page .booking{background:var(–dark); padding:0 0 90px; position:relative}
#luti-page .card{
background: linear-gradient(180deg, var(–yellow-2), var(–yellow-1));
border-radius: var(–radius);
padding: 30px 26px 26px;
box-shadow: var(–shadow);
transform: translateY(-110px);
max-width: 980px; margin:0 auto;
color:var(–black);
}
#luti-page .card h2{
font-family:”Montserrat”,sans-serif; font-weight:800; font-size: clamp(22px,3.6vw,34px);
text-align:center;margin:0 0 18px 0; color:var(–black)
}
#luti-page .fields{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-bottom:14px}
#luti-page input[type=”text”]{
width:100%; padding:16px 14px; border-radius:14px; border:none; outline:0;
font-size:18px; background:#fff;
}
#luti-page .btn-submit{
width:100%; justify-content:center; text-transform:uppercase;
background:#111; color:#fff; padding:16px; border-radius:14px; font-weight:900;
letter-spacing:.7px;
}
#luti-page .btn-submit:hover{opacity:.9}
/* —— Footer-CTA —— */
#luti-page .tagline{
color:#fff; text-align:left; padding-top:6px
}
#luti-page .tagline h3{
font-family:”Montserrat”,sans-serif; font-weight:900; font-size: clamp(28px,5vw,52px);
margin:0; display:flex; align-items:center; gap:10px
}
/* —— Responsive —— */
@media (max-width: 980px){
#luti-page .car{position:relative; right:auto; bottom:auto; margin:30px auto -90px; width:min(560px,88vw)}
#luti-page .divider{display:none}
#luti-page .hero{padding-bottom:60px}
#luti-page .fields{grid-template-columns:1fr}
}
KUDO ME LUTIN
TAKSI 24/7 NË DURRËS, MAMINAS DHE MË SHUMË
Kia K5
// Dërgo porosinë si mesazh WhatsApp me fushat Nga/Tek
(function(){
var form = document.getElementById(‘booking-form’);
if(!form) return;
form.addEventListener(‘submit’, function(e){
e.preventDefault();
var nga = document.getElementById(‘nga’).value.trim() || ‘_’;
var tek = document.getElementById(‘tek’).value.trim() || ‘_’;
var text = “Përshëndetje, dua një taksi me Lutin nga ” + nga + ” tek ” + tek;
var url = “https://wa.me/355685982274?text=” + encodeURIComponent(text);
window.open(url, ‘_blank’);
}, false);
})();