/* Basic styles with brand colors (blue/orange) */
:root{
  --brand-blue:#1e4f82;
  --brand-dark:#0e2a44;
  --brand-orange:#f07c00;
  --bg:#0f1e2a;
  --text:#e7eef6;
  --muted:#9fb3c8;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
a{color:var(--brand-orange);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
header{background:linear-gradient(180deg, var(--brand-dark), var(--brand-blue));position:sticky;top:0;z-index:50}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;gap:10px;align-items:center}
.logo img{height:44px}
nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0}
nav a{padding:6px 10px;border-radius:8px}
nav a:hover{background:rgba(255,255,255,.08)}
.btn{background:var(--brand-orange);color:white;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600}
.btn:hover{filter:brightness(1.1)}
section{padding:60px 0}
h1,h2{color:white;margin:0 0 12px 0}
h3{margin:16px 0 10px 0}
.muted{color:var(--muted)}
.card{background:#132636;border:1px solid #1f3b52;border-radius:16px;padding:16px}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

/* Hero slider */
.hero{position:relative;overflow:hidden;border-radius:18px}
.slide{display:none;position:relative}
.slide.active{display:block;animation:fade .5s ease}
@keyframes fade{from{opacity:.4}to{opacity:1}}
.slide img{width:100%;height:520px;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.05)}
.slide .caption{position:absolute;left:20px;bottom:20px;background:rgba(0,0,0,.45);padding:14px 16px;border-radius:12px}
.arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:none;color:#fff;font-size:26px;padding:10px 14px;border-radius:50%;cursor:pointer}
.arrow.left{left:10px}.arrow.right{right:10px}

/* Services */
.service i{font-size:28px;color:var(--brand-orange)}
.badge{display:inline-block;background:#19344a;border:1px solid #2a4f6d;border-radius:999px;padding:6px 12px;color:#d6e7ff;margin-right:6px}

/* Areas */
#areas .letters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
#areas .letters button{background:#173349;border:1px solid #2d5676;border-radius:8px;color:#d6e7ff;padding:6px 10px;cursor:pointer}
#areas .letters button.active{background:var(--brand-orange);border-color:var(--brand-orange)}
.area-list{columns:3;gap:24px}
.area-item{break-inside:avoid;padding:5px 0;border-bottom:1px dotted #214863}
@media(max-width:800px){.area-list{columns:1}}

/* Forms */
form{display:grid;gap:10px}
input,select,textarea{background:#0f1c28;border:1px solid #284a67;border-radius:10px;padding:10px;color:#e8f0ff}
input::placeholder,textarea::placeholder{color:#88a0b6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.form-row{grid-template-columns:1fr}}
.success{background:#0f2a18;border:1px solid #1f6a3a;color:#c3ffdc;padding:10px;border-radius:8px}
.error{background:#2a0f0f;border:1px solid #6a1f1f;color:#ffd3d3;padding:10px;border-radius:8px}

footer{background:#0b1620;padding:30px 0;border-top:1px solid #1a3246}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr}}
small, .tiny{font-size:.875rem;color:#a5bdd6}

/* === COMPACT HEADER TUNING (v2) === */
header{backdrop-filter: blur(6px);}
.topbar{padding: 6px 0;}
.logo img{height:32px}
nav ul{gap:12px; list-style:none}
nav a{padding:4px 6px; font-size:0.95rem}
.btn{padding:8px 12px; border-radius:8px; font-size:0.95rem}
@media (max-width: 740px){
  .topbar{padding:4px 0}
  .logo img{height:28px}
  nav a{padding:4px 6px; font-size:0.92rem}
}
/* Reduce top/bottom spacing of sections to balance above-the-fold */
section{padding:40px 0}
.price-bar{
  display:flex; align-items:center; gap:.6rem;
  background:linear-gradient(90deg,#1c6892,#125276);
  color:#fff; padding:.55rem .9rem; border-radius:10px; margin:.5rem 0 0;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.price-bar i{opacity:.95}
.price-bar strong{font-size:1.25rem; background:#fff; color:#0c3a50; padding:.15rem .5rem; border-radius:8px}
.price-bar .muted{opacity:.9}
@media (max-width:680px){ .price-bar{flex-wrap:wrap; gap:.4rem} }
/* Μικρότερη μπάρα τιμής παντού */
.price-bar{
  padding: .35rem .6rem;     /* λιγότερο ύψος/πλάτος */
  gap: .45rem;
  border-radius: 8px;
}
.price-bar i{ font-size: .95rem; }
.price-bar span{ font-size: .95rem; }
.price-bar strong{
  font-size: 1.00rem;        /* από ~1.25rem -> 1rem */
  padding: .08rem .4rem;     /* μικρότερο “μπιχλιμπίδι” γύρω από την τιμή */
  border-radius: 6px;
}
.price-bar .muted{ font-size: .90rem; }

/* Ελαφρώς πιο μικρό μόνο σε κινητά */
@media (max-width: 540px){
  .price-bar{
    padding: .30rem .5rem;
    gap: .40rem;
  }
  .price-bar i{ font-size: .9rem; }
  .price-bar span{ font-size: .9rem; }
  .price-bar strong{ font-size: .95rem; padding: .06rem .36rem; }
  .price-bar .muted{ font-size: .85rem; }
}
.price-bar .discount{
  display:inline-block;
  font-weight:600;
  font-size:.98rem;
  opacity:.95;
  margin-left:.30rem;
}
@media (max-width:540px){
  .price-bar{ padding:.30rem .50rem; gap:.35rem; }
  .price-bar strong{ font-size:.95rem; padding:.06rem .34rem; }
  .price-bar .discount{ font-size:.90rem; margin-left:.25rem; }
  .price-bar .deal{ font-size:.76rem; padding:.16rem .34rem; margin-left:.25rem; }
}
/* Badge για την online έκπτωση */
.price-bar .deal{
  display:inline-block;
  margin-left:.35rem;
  padding:.18rem .44rem;
  border-radius:999px;
  background:#15a35c;
  color:#fff;
  font-weight:600;
  font-size:.82rem;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
}

/* Υπάρχον styling για την "τελική τιμή" να δένει οπτικά */
.price-bar .discount{
  display:inline-block;
  font-weight:600;
  font-size:1rem;
  opacity:.95;
  margin-left:.35rem;
}

/* Mobile προσαρμογές */
@media (max-width:540px){
  .price-bar{ padding:.30rem .50rem; gap:.30rem; }
  .price-bar strong{ font-size:.95rem; padding:.06rem .34rem; }
  .price-bar .discount{ font-size:.90rem; margin-left:.25rem; }
  .price-bar .deal{ font-size:.74rem; padding:.14rem .34rem; margin-left:.25rem; }
  .price-bar .muted{ font-size:.82rem; margin-left:.25rem; }
}
/* ========== ΥΠΟΛΟΓΙΣΤΗΣ ΚΟΣΤΟΥΣ ========== */
.calc { padding:1rem 1.2rem; border-radius:14px; }
.calc h3 { margin-top:0; display:flex; align-items:center; gap:.5rem; }

.calc-row{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin:.5rem 0; }
.calc-row.sm span, .calc-row.sm strong { font-size:.95rem; }
.calc-row label{ font-weight:600; }
.calc-row input[type=number]{ width:140px; padding:.5rem .6rem; border-radius:10px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:#fff; }

.calc-row strong{ font-weight:700; }
.calc-row.total{ font-size:1.05rem; }
.calc-row.total.green strong{ color:#27c07d; }

.calc .deal{
  display:inline-block; margin-left:.5rem; padding:.18rem .44rem; border-radius:999px;
  background:#15a35c; color:#fff; font-weight:700; font-size:.82rem; line-height:1; white-space:nowrap;
}

@media (max-width:540px){
  .calc-row{ gap:.6rem; }
  .calc-row input[type=number]{ width:120px; }
  .calc .deal{ font-size:.74rem; padding:.14rem .34rem; }
}