: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; }
}