/* ============================================================
   DEYAB home.css — Αρχική (πιστή στο mockup της προσφοράς)
   ============================================================ */

/* ---------- HERO ---------- */
.dy-hero {
  background: var(--hero-gradient); color: #fff; position: relative; overflow: hidden;
}
.dy-hero::before {
  content: ""; position: absolute; top: -60px; right: -60px;
  width: 280px; height: 280px; border-radius: 50%; background: rgba(255,255,255,.05);
}
.dy-hero::after {
  content: ""; position: absolute; bottom: -80px; left: 8%;
  width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.04);
}
.dy-hero__inner {
  max-width: var(--container); margin: 0 auto; padding: 74px 20px 84px; position: relative; z-index: 1;
}
.dy-hero__eyebrow {
  font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(255,255,255,.75); margin-bottom: 14px;
}
.dy-hero h1 {
  color: #fff; font-size: clamp(2rem, 4.6vw, 3.2rem); font-weight: 900;
  letter-spacing: -.025em; line-height: 1.08; max-width: 700px; margin: 0 0 16px;
}
.dy-hero p {
  color: rgba(255,255,255,.88); font-size: 1.08rem; max-width: 560px; margin: 0 0 28px;
}
.dy-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---------- SECTIONS shared ---------- */
.dy-section { padding: 62px 0; }
.dy-section--soft { background: var(--soft); }
.dy-section__inner { max-width: var(--container); margin: 0 auto; padding: 0 20px; }
.dy-kicker {
  font-size: .76rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase;
  color: var(--cyan); margin-bottom: 6px;
}
.dy-h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); margin-bottom: 10px; }
.dy-sub { color: var(--gray); max-width: 640px; margin-bottom: 34px; }
.dy-section__head--split {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}

/* ---------- SERVICE TILES (4) ---------- */
.dy-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 980px){ .dy-tiles { grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .dy-tiles { grid-template-columns: 1fr;} }
.dy-tile {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 26px 22px; text-decoration: none; display: block;
  box-shadow: var(--shadow-card); transition: var(--tr);
}
.dy-tile:hover { transform: translateY(-4px); box-shadow: var(--shadow-card-hover); border-color: var(--cyan2); }
.dy-tile__icon {
  width: 52px; height: 52px; border-radius: 13px; display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.dy-tile__icon svg { width: 26px; height: 26px; }
.dy-tile h3 { font-size: 1.08rem; margin-bottom: 6px; color: var(--ink); }
.dy-tile p { font-size: .9rem; color: var(--gray); margin: 0; }
.dy-tile__ico--water { background:#dbeafe; color:#1d4ed8; }
.dy-tile__ico--irrig  { background:#dcfce7; color:#15803d; }
.dy-tile__ico--sewer  { background:#fef3c7; color:#a16207; }
.dy-tile__ico--qual   { background:#f3e8ff; color:#7e22ce; }

/* ---------- QUICK ACTIONS ---------- */
.dy-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 980px){ .dy-quick { grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .dy-quick { grid-template-columns: 1fr;} }
.dy-quick__item {
  display: flex; align-items: center; gap: 14px; text-decoration: none;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 16px 18px; transition: var(--tr); box-shadow: var(--shadow-card);
}
.dy-quick__item:hover { transform: translateY(-3px); border-color: var(--cyan2); box-shadow: var(--shadow-card-hover); }
.dy-quick__icon {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 11px;
  background: var(--brand-gradient); color: #fff; display: flex; align-items: center; justify-content: center;
}
.dy-quick__icon svg { width: 21px; height: 21px; }
.dy-quick__label { font-weight: 700; color: var(--ink); font-size: .95rem; line-height: 1.3; }
.dy-quick__label small { display: block; font-weight: 500; color: var(--gray); font-size: .8rem; margin-top: 2px; }

/* ---------- ΤΕΥΧΟΣ SPOTLIGHT ---------- */
.dy-teyxos {
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 44px; align-items: center;
}
@media (max-width: 880px){ .dy-teyxos { grid-template-columns: 1fr; } }
.dy-teyxos__cover {
  border-radius: var(--radius); overflow: hidden; box-shadow: 0 16px 44px rgba(12,74,110,.22);
}
.dy-teyxos__cover img { display: block; width: 100%; }

/* ---------- ΝΕΑ ---------- */
/* χρησιμοποιεί .deyab-grid/.deyab-card από components */

/* ---------- ΥΠΟΔΟΜΕΣ / ΕΕΛ ---------- */
.dy-infra { display: grid; grid-template-columns: 1.1fr 1fr; gap: 44px; align-items: center; }
@media (max-width: 880px){ .dy-infra { grid-template-columns: 1fr; } }
.dy-infra__photos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dy-infra__photos img {
  width: 100%; height: 170px; object-fit: cover; border-radius: 10px; display: block;
}
.dy-infra__photos img:first-child { grid-column: 1 / -1; height: 220px; }