:root{--bg:#170d08;--panel:#24160e;--gold:#d7ad63;--cream:#f7efe2;--muted:#cbbba6;--line:#594027}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;background:#170d08f5;border-bottom:1px solid var(--line);z-index:5}.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:28px Georgia,serif;letter-spacing:3px;color:var(--gold)}.brand small{display:block;font:10px Arial;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:13px;color:var(--muted)}nav a:hover,nav a.active{color:var(--gold)}.menu-toggle{display:none;background:none;color:var(--gold);border:1px solid var(--line);padding:8px}.hero{min-height:590px;display:flex;align-items:center;background:linear-gradient(90deg,#170d08 12%,#170d08dd 48%,#170d0870),url('hero-syrup.jpg') center/cover}.hero-inner{max-width:660px;padding:80px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(24px,6vw,34px);line-height:1.18;margin:18px 0}h1 span{color:var(--gold)}h2{font-size:clamp(18px,4vw,26px);line-height:1.20;margin:12px 0 18px}p{color:#d8c9b6}.btn{display:inline-block;padding:12px 20px;background:var(--gold);color:#1c1008;font-weight:bold;font-size:13px;border:1px solid var(--gold);margin:10px 10px 0 0}.btn.alt{background:transparent;color:var(--gold)}.section{padding:70px 0}.section.alt,.pagehead{background:#201209;border-block:1px solid var(--line)}.pagehead{padding:70px 0}.pagehead p{max-width:700px}.intro{max-width:730px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--panel)}.photo{height:190px;display:grid;place-items:center;font-size:55px;color:var(--gold);background:radial-gradient(ellipse,#63401f,#25160d 72%)}.body{padding:22px}.body h3{font-size:24px;color:var(--gold);margin:0 0 8px}.body p{font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.panel{min-height:300px;display:grid;place-items:center;font-size:85px;color:var(--gold);border:1px solid var(--line);background:radial-gradient(ellipse,#50321b,#211209)}.checks{padding-left:20px;color:#e4d4bf}.checks li{padding:6px}.audience{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.audience div{text-align:center;border:1px solid var(--line);padding:18px 8px;color:var(--gold)}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.form{background:var(--panel);border:1px solid var(--line);padding:25px}.form label{display:block;color:var(--muted);font-size:13px;margin:12px 0 5px}.form input,.form textarea{width:100%;padding:12px;background:#150c07;color:white;border:1px solid var(--line);font:inherit}.form textarea{min-height:120px}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.note{font-size:12px;color:var(--muted)}@media(max-width:850px){.menu-toggle{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#170d08;padding:20px;flex-direction:column}nav.open{display:flex}.grid{grid-template-columns:repeat(2,1fr)}.audience{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.grid,.split,.contact{grid-template-columns:1fr}.hero{min-height:520px}.section{padding:52px 0}.grid{grid-template-columns:1fr}.photo{height:170px}.audience{grid-template-columns:repeat(2,1fr)}}

/* Official BARBAS 1957 logo */
.brand { display:flex; align-items:center; letter-spacing:0; }
.brand-logo { display:block; width:auto; height:66px; max-width:170px; object-fit:contain; }
@media(max-width:600px){.brand-logo{height:54px;max-width:135px}}

/* Local product photography from the BARBAS visual mockup */
.hero { background-image: linear-gradient(90deg,#170d08 12%,#170d08dd 48%,#170d0870), url('hero-syrup.jpg'); }
.card .photo { background-size:cover; background-position:center; color:transparent; min-height:190px; }
.card .photo:empty { color:transparent; }
body:has(a[href="products.html"].active) .card:nth-child(1) .photo,
body:has(a[href="products.html"].active) .card:nth-child(2) .photo,
body:has(a[href="products.html"].active) .card:nth-child(3) .photo,
body:has(a[href="products.html"].active) .card:nth-child(4) .photo,
body:has(a[href="products.html"].active) .card:nth-child(5) .photo,
body:has(a[href="products.html"].active) .card:nth-child(6) .photo { background-image:none; }

.photo-panel{background-size:cover;background-position:center;color:transparent;}

.photo-panel { background-size: cover !important; background-position: center !important; }
.card .photo { background-size: cover !important; background-position: center !important; }

/* Επεκτάσεις για φωτογραφία εργαστηρίου και πιστοποιήσεις ISO */
.lab-photo-section { padding-top: 30px; padding-bottom: 20px; }
.lab-photo-placeholder {
  min-height: 340px; border: 1px dashed var(--gold); background: #211209;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 28px; color: var(--muted);
}
.lab-photo-placeholder h2 { color: var(--gold); margin: 10px 0 4px; }
.lab-photo-placeholder p, .certificate-placeholder p { margin: 0; color: var(--muted); }
.placeholder-symbol {
  width: 46px; height: 46px; border: 1px solid var(--gold); border-radius: 50%;
  display: grid; place-items: center; font-size: 28px; color: var(--gold);
}
.certifications-section { background: #201209; border-top: 1px solid var(--line); }
.certifications-section h2 { margin: 10px 0 8px; }
.cert-intro { color: var(--muted); margin-bottom: 28px; }
.certificates-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start; }
.certificate-placeholder {
  width: 100%; aspect-ratio: 210 / 297; max-width: 440px; margin: 0 auto;
  border: 1px dashed var(--gold); background: #170d08; padding: 24px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; gap: 12px;
}
.certificate-placeholder h3 { color: var(--gold); margin: 0; font-size: 22px; }
@media(max-width:700px) {
  .lab-photo-placeholder { min-height: 250px; }
  .certificates-grid { grid-template-columns: 1fr; }
  .certificate-placeholder { max-width: 360px; }
}


/* BARBAS light theme — overrides; preserves the existing layout and responsive rules */
:root {
  --bg: #fbf7f0;
  --panel: #ffffff;
  --gold: #a97732;
  --cream: #34271d;
  --muted: #76685a;
  --line: #e7dac8;
}

body {
  background: var(--bg);
  color: var(--cream);
}

header {
  background: rgba(255, 251, 245, 0.97);
  border-bottom-color: var(--line);
  box-shadow: 0 2px 12px rgba(65, 43, 24, 0.05);
}

.brand { color: #9a6b2e; }
.brand small { color: var(--muted); }
nav a { color: #655548; }
nav a:hover, nav a.active { color: #9a6b2e; }
.menu-toggle {
  color: #8e622b;
  border-color: var(--line);
}

.hero {
  background-image:
    linear-gradient(90deg, rgba(251,247,240,.97) 8%, rgba(251,247,240,.88) 43%, rgba(251,247,240,.20) 100%),
    url('hero-syrup.jpg');
}

.eyebrow { color: #9a6b2e; }
h1, h2 { color: #34271d; }
h1 span { color: #a97732; }
p { color: #655548; }

.btn {
  background: #a97732;
  color: #fffdf9;
  border-color: #a97732;
}
.btn.alt {
  background: rgba(255,255,255,.65);
  color: #80551f;
  border-color: #c8a36e;
}

.section.alt, .pagehead {
  background: #f3e9dc;
  border-color: var(--line);
}
.card {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 5px 18px rgba(65, 43, 24, .045);
}
.card .photo {
  background-color: #eee2d2;
}
.body h3 { color: #80551f; }
.panel {
  color: #9a6b2e;
  border-color: var(--line);
  background: radial-gradient(ellipse, #f4e5cf, #fffaf4 72%);
}
.checks { color: #514236; }
.audience div {
  border-color: var(--line);
  color: #80551f;
  background: rgba(255,255,255,.65);
}
.form {
  background: #fff;
  border-color: var(--line);
}
.form label { color: #655548; }
.form input, .form textarea {
  background: #fffdf9;
  color: #34271d;
  border-color: #d9c9b5;
}
.form input::placeholder, .form textarea::placeholder { color: #938475; }
footer {
  background: #f3e9dc;
  border-top-color: var(--line);
  color: #76685a;
}
.note { color: #76685a; }

.lab-photo-placeholder {
  border-color: #c8a36e;
  background: #fffaf4;
  color: #76685a;
}
.lab-photo-placeholder h2 { color: #80551f; }
.lab-photo-placeholder p, .certificate-placeholder p { color: #76685a; }
.placeholder-symbol {
  border-color: #c8a36e;
  color: #9a6b2e;
}
.certifications-section {
  background: #f3e9dc;
  border-top-color: var(--line);
}
.cert-intro { color: #76685a; }
.certificate-placeholder {
  border-color: #c8a36e;
  background: #fffaf4;
}
.certificate-placeholder h3 { color: #80551f; }

@media(max-width:850px) {
  nav.open {
    background: #fffaf4;
    border-bottom: 1px solid var(--line);
  }
}