:root{
  --bg:#faf7f3;
  --muted:#666;
  --accent:#D35400; /* desert orange */
  --accent-2:#E67E22;
  --dark:#1f2933;
  --container:1100px;
  --radius:10px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:var(--dark);margin:0;background:var(--bg);line-height:1.5}
.container{max-width:var(--container);margin:0 auto;padding:1.25rem}
.site-header{position:sticky;top:0;background:rgba(255,255,255,0.9);backdrop-filter:saturate(120%) blur(4px);border-bottom:1px solid #eee;z-index:40}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand img{height:48px}
.controls{display:flex;gap:.5rem;align-items:center}
.cta{background:transparent;border:1px solid var(--accent);padding:.5rem .75rem;border-radius:6px;color:var(--accent);text-decoration:none}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:8px;background:#fff;border:1px solid #ddd;text-decoration:none;color:var(--dark)}
.btn.primary{background:var(--accent);color:#fff;border-color:transparent}
.hero{padding:3.5rem 0;background:linear-gradient(180deg, #fff 0%, #fff8f2 100%)}
.hero .lead{color:var(--muted);font-size:1.05rem;margin:1rem 0}
.panel{padding:2.25rem 0}
.panel.alt{background:#fff;border-top:1px solid #f0e9e6}
.spec-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}
.pricing{background:linear-gradient(180deg,#fff,#fff9f4);padding:1rem;border-radius:10px;border:1px solid #f1d8c9;text-align:center}
.price{font-size:1.8rem;color:var(--accent);margin-bottom:.5rem}
.compare{width:100%;border-collapse:collapse}
.compare th,.compare td{padding:.6rem;border:1px solid #eee;text-align:left}
.districts ul{columns:2;list-style:none;padding:0;margin:0}
.contact-form{max-width:520px;display:grid;gap:.5rem}
.contact-form input,.contact-form textarea{padding:.6rem;border:1px solid #ddd;border-radius:6px}
.site-footer{padding:1rem 0;text-align:center;color:var(--muted);border-top:1px solid #eee;background:transparent}

/* Responsive */
@media(min-width:740px){
  .spec-grid{grid-template-columns:2fr 1fr}
  .hero{padding:5rem 0}
}

@media(min-width:1100px){
  .controls .cta{padding:.6rem 1rem}
}

/* small polish */
.lead{font-size:1rem}
.note{font-size:.9rem;color:var(--muted)}

/* responsive device images */
.device-img{max-width:100%;height:auto;border-radius:8px}

/* Top navigation */
.main-nav{display:flex;gap:1rem;margin-left:1rem}
.main-nav a{color:var(--dark);text-decoration:none;padding:.4rem .6rem;border-radius:6px}
.main-nav a:hover{background:#fff4ec}

/* Language toggle */
.lang-toggle{background:transparent;border:1px solid #eee;padding:.3rem .6rem;border-radius:999px;color:var(--dark);display:inline-flex;align-items:center;gap:.4rem}
.lang-toggle.active{border-color:var(--accent);color:var(--accent);}

/* Mobile nav toggle */
.nav-toggle{display:none;background:transparent;border:1px solid transparent;font-size:20px;padding:.25rem .5rem;border-radius:6px}
.main-nav{align-items:center}

@media(max-width:768px){
  .main-nav{position:fixed;right:0;top:64px;background:#fff;width:220px;height:calc(100% - 64px);flex-direction:column;padding:1rem;transform:translateX(110%);transition:transform 240ms ease;box-shadow:-6px 12px 30px rgba(0,0,0,0.08)}
  .main-nav.open{transform:translateX(0)}
  .nav-toggle{display:inline-block}
  .header-inner{align-items:center}
  .controls{margin-left:auto}
}

/* Slider */
.slider{position:relative;overflow:hidden;border-radius:10px}
.slides{display:flex;transition:transform 400ms ease}
.slide{min-width:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:1rem}
.slide img{width:100%;height:auto;border-radius:8px}
.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:none;padding:.6rem;border-radius:6px;cursor:pointer}
.slide-prev{left:12px}
.slide-next{right:12px}

/* WhatsApp floating button */
.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.whatsapp-inline{display:inline-block;padding:.4rem .6rem;background:#25D366;color:#fff;border-radius:6px;text-decoration:none}

/* District grid */
.districts.grid{display:grid;gap:.5rem}
.districts.grid > div{background:#fff;padding:.6rem;border-radius:6px;border:1px solid #f0e0d8}

@media(min-width:900px){
  .districts.grid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:899px){
  .districts.grid{grid-template-columns:repeat(2,1fr)}
}