*{box-sizing:border-box}
:root{--primary:#1F6FEB;--accent:#16a34a;--ink:#0f172a;--muted:#475569;--border:#e2e8f0;--bg:#ffffff}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(1140px,92%);margin:0 auto}
.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--ink)}
.brand img{width:28px;height:28px}
.nav a{margin-left:1rem;color:var(--ink);font-weight:600}
.nav a:hover{color:var(--primary)}
.hero {
  padding: 5rem 0 3rem;
  background: url('../img/fundal.jpg') center/cover no-repeat;
}
.hero h1{font-size:clamp(1.8rem,2.2vw + 1.2rem,3rem);margin:0 0 .6rem}
.hero p{font-size:1.1rem;max-width:70ch;margin:0}
.badge{display:inline-block;background:#eaf2ff;color:#1e3a8a;font-weight:700;padding:.25rem .55rem;border-radius:.5rem;font-size:.85rem}
.cta-row{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:.6rem;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:#1557b0}
.btn-outline{border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{background:#e8f0ff}
.section{padding:2.2rem 0;border-top:1px solid var(--border)}
.section h2{margin-top:0}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.4rem 0 2.4rem}
.card{border:1px solid var(--border);border-radius:.9rem;overflow:hidden;background:#fff;transition:transform .12s ease, box-shadow .12s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(2,6,23,.08)}
.card-body{padding:1rem}
.card h3{margin:.2rem 0 .4rem}
.price{font-weight:800;color:var(--accent)}
.notice{padding:.9rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:.6rem}
.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.95rem}
.specs{border-collapse:collapse;width:100%}
.specs th,.specs td{border:1px solid var(--border);padding:.6rem .7rem;text-align:left}
.specs th{background:#f8fafc}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
@media (max-width: 980px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media (max-width: 560px){.cards{grid-template-columns:1fr}}
.hero-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.hero-content {
  flex: 1;
}

.hero-image img {
  max-width: 400px;
  border-radius: 10px;
}