/* ===== μέρος 0 ===== */
:root{
--brand:#1f6b1f; --brand-dark:#164d17; --brand-light:#4faa2a;
--ink:#1d2420; --ink2:#454d47; --muted:#6d746d;
--line:#e4e4da; --paper:#fbfaf5; --card:#ffffff;
--tint:#EAF3DE; --tint2:#d9ecc6;
--radius:12px; --wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:16px}
/* Τα άλματα των περιεχομένων προσγειώνονταν ΚΑΤΩ από την κολλημένη κεφαλίδα.
   Στους υπολογιστές η κεφαλίδα μαζεύει στα 64px (+3px περίγραμμα) μόλις
   ξεκινήσει η κύλιση, οπότε ο τίτλος-στόχος χωνόταν από κάτω της και ο
   αναγνώστης έβλεπε τη μέση της προηγούμενης ενότητας. Κάτω από τα 800px
   η κεφαλίδα είναι static και αρκεί μια μικρή ανάσα. */
@media(min-width:801px){ html{scroll-padding-top:84px} }
body{margin:0; background:var(--paper); color:var(--ink);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size:17px; line-height:1.7}
img{max-width:100%; height:auto}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.25; font-weight:600; margin:0 0 .4em}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
/* ================= HEADER ================= */
.site-head{background:var(--card); border-bottom:3px solid var(--brand); position:sticky; top:0; z-index:60}
/* Το σήμα είναι 118px και η κεφαλίδα κολλητά από πάνω του (118 + 3 πάνω-κάτω).
   Επειδή όμως η κεφαλίδα είναι κολλημένη και έτρωγε χώρο σε όλη τη σελίδα,
   μαζεύει στα 64px μόλις ο επισκέπτης αρχίσει να κυλάει (κλάση .mini από το
   theme.js). Έτσι το σήμα φαίνεται μεγάλο στην κορυφή και δεν ενοχλεί μετά. */
.head-inner{display:flex; align-items:center; gap:16px; min-height:124px;
            transition:min-height .18s ease}
.brand{flex:0 0 auto; max-width:420px}
.brand img{max-height:118px; width:auto; display:block; transition:max-height .18s ease}
/* Και οι δύο κανόνες μόνο για τη σταθεροποιημένη κεφαλίδα των υπολογιστών:
   κάτω από τα 800 px η κεφαλίδα δεν είναι κολλημένη (position:static), οπότε
   το .mini δεν έχει λόγο ύπαρξης — και το `.site-head.mini .brand img` έχει
   μεγαλύτερη ειδικότητα από τους κανόνες των κινητών, οπότε ξαναμεγάλωνε το
   σήμα στα 58 px μόλις ο επισκέπτης κυλούσε τη σελίδα. */
@media(min-width:801px){
  .site-head.mini .head-inner{min-height:64px}
  .site-head.mini .brand img{max-height:58px}
}
@media (prefers-reduced-motion:reduce){
  .head-inner,.brand img{transition:none}
}
/* Τη στιγμή του άλματος στα περιεχόμενα η κεφαλίδα πρέπει να μαζέψει ΑΚΑΡΙΑΙΑ.
   Με το transition των 180ms η θέση του στόχου υπολογιζόταν πάνω στο παλιό ύψος
   και ο τίτλος κατέληγε 60px πιο ψηλά, κάτω από τη μπάρα. */
.site-head.nojump .head-inner,.site-head.nojump .brand img,
.site-head.nojump .ppbrand img,.site-head.nojump .ppwm{transition:none !important}
.brand .Header h1,.brand .Header .title{font-size:21px; color:var(--brand); margin:0; line-height:1.2}
.brand .Header .description{display:none}
.brand .Header a:hover{text-decoration:none}
/* --- Μενού κορυφής -----------------------------------------------------
   Το μενού είναι κρυμμένο σε κάθε μέγεθος οθόνης. Δεξιά στην κεφαλίδα υπάρχει
   το κουμπί, και με το πάτημα ανοίγει από κάτω του. Ο μηχανισμός είναι το
   κρυφό checkbox #navtoggle, οπότε δουλεύει και χωρίς JavaScript. */
#navtoggle{position:absolute; opacity:0; width:0; height:0; pointer-events:none}
.head-inner{position:relative}
.burger{display:inline-flex; align-items:center; gap:9px; margin-left:auto; cursor:pointer;
        padding:11px 16px; border:1px solid var(--line); border-radius:10px; background:var(--card);
        font-size:15px; font-weight:600; color:var(--ink2); line-height:1; user-select:none;
        white-space:nowrap; transition:background .15s, border-color .15s, color .15s}
.burger:hover{background:var(--tint); color:var(--brand-dark); border-color:var(--brand)}
#navtoggle:focus-visible ~ .burger{outline:2px solid var(--brand); outline-offset:2px}
#navtoggle:checked ~ .burger{background:var(--brand); border-color:var(--brand); color:#fff}
.burger .bl{font-size:17px; line-height:1}

.nav{position:absolute; top:calc(100% + 10px); right:0; z-index:80; min-width:270px; margin:0;
     background:var(--card); border:1px solid var(--line); border-radius:12px; padding:8px;
     box-shadow:0 14px 34px rgba(0,0,0,.14);
     opacity:0; visibility:hidden; transform:translateY(-8px);
     transition:opacity .16s ease, transform .16s ease, visibility .16s}
#navtoggle:checked ~ .nav{opacity:1; visibility:visible; transform:translateY(0)}
.nav .widget{margin:0}
.nav .widget h2,.nav .widget h3{display:none}
.nav ul{list-style:none; display:flex; flex-direction:column; gap:2px; margin:0; padding:0}
.nav li a{display:block; padding:11px 15px; border-radius:8px; font-size:15.5px; color:var(--ink2); font-weight:500}
.nav li a:hover{background:var(--tint); color:var(--brand-dark); text-decoration:none}
.nav li.selected a{background:var(--brand); color:#fff}
/* ================= LAYOUT ================= */
.shell{max-width:var(--wrap); margin:32px auto 50px; padding:0 20px;
display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:38px; align-items:start}
.page-head{margin:0 0 22px}
.page-head .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.page-head h2{font-size:27px; margin:6px 0 0}
/* ================= FEATURED ================= */
.featured{background:var(--card); border:1px solid var(--line); border-left:6px solid var(--brand);
border-radius:0 var(--radius) var(--radius) 0; padding:20px 26px; margin:34px 0 0}
.featured .widget{margin:0}
.featured .widget > h2,.featured .widget > h3,.featured .widget > .title{
font-size:12.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--brand); font-weight:700; margin:0 0 10px}
.featured .widget-content{display:flex; gap:20px; align-items:flex-start}
.featured .widget-content > *{min-width:0}
.featured .post-title,.featured .widget-content h3{
font-size:23px; line-height:1.3; text-transform:none; letter-spacing:0; margin:0 0 8px; font-weight:600}
.featured .post-title a,.featured .widget-content h3 a{color:var(--ink)}
.featured .post-title a:hover,.featured .widget-content h3 a:hover{color:var(--brand); text-decoration:none}
.featured .post-summary,.featured .snippet-item{color:var(--ink2); font-size:16px}
.featured img{border-radius:8px; max-height:150px; width:auto; object-fit:cover; flex:0 0 auto}
@media (max-width:700px){ .featured .widget-content{display:block} .featured img{max-height:170px; margin-bottom:12px} }
/* ================= CARDS ================= */
.cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr)); gap:24px}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
display:flex; flex-direction:column; transition:border-color .15s, transform .15s, box-shadow .15s}
.card:hover{border-color:var(--brand-light); transform:translateY(-2px); box-shadow:0 6px 18px rgba(31,107,31,.08)}
.card .thumb{display:block; aspect-ratio:16/9; background:var(--tint); overflow:hidden}
.card .thumb img{width:100%; height:100%; object-fit:cover; display:block}
.card .body{padding:16px 18px 20px; display:flex; flex-direction:column; flex:1}
.card h3{font-size:18.5px; margin:0 0 8px; line-height:1.32;
  /* Ίδιο ύψος τίτλου σε ΟΛΕΣ τις κάρτες. Χωρίς αυτό, ένας τίτλος μίας
     γραμμής δίπλα σε έναν τριών έσπρωχνε τα πάντα από κάτω και οι
     κάρτες έμοιαζαν ανισόρροπες. */
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  line-clamp:3; overflow:hidden; min-height:calc(3 * 1.32em)}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--brand); text-decoration:none}
.card .snippet{font-size:15px; color:var(--ink2); margin:0 0 14px;
  /* Οι περιλήψεις των άρθρων κυμαίνονταν από 209 ως 663 χαρακτήρες, άρα από
     3 ως 9 γραμμές, και οι κάρτες έβγαιναν ανισόρροπες. Κόβονται στις 4.
     Το πλήρες κείμενο μένει στο index.json, δεν χάνεται.
     ΤΟ «flex:1» ΕΦΥΓΕ ΕΠΙΤΗΔΕΣ. Με flex-grow το κουτί ψήλωνε, το
     -webkit-line-clamp έχανε το κόψιμό του, και φαινόταν μισή πέμπτη γραμμή
     πάνω στην ημερομηνία. Το ύψος είναι πλέον σταθερό, ακριβώς 4 γραμμές,
     και το meta κατεβαίνει με margin-top:auto. */
  flex:0 0 auto; line-height:1.55; height:calc(4 * 1.55em);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
  line-clamp:4; overflow:hidden}
.card .meta{margin-top:auto}
.meta{font-size:13px; color:var(--muted); display:flex; gap:9px; flex-wrap:wrap; align-items:center}
.tag{display:inline-block; background:var(--tint); color:#27500A; border-radius:999px; padding:2px 11px; font-size:12.5px}
.tag:hover{background:var(--tint2); text-decoration:none}
/* ================= POST ================= */
.post,.page-body{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:30px 34px 36px}
.crumbs{font-size:13.5px; color:var(--muted); margin-bottom:14px}
.post h1.post-title{font-size:32px; margin:0 0 10px}
.post .meta.top{margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--line)}
.post-body{font-size:17.5px}
.post-body img{border-radius:8px; margin:18px auto; display:block}
.post-body h2{font-size:24px; margin-top:34px}
.post-body h3{font-size:20px; margin-top:26px}
.post-body ul,.post-body ol{padding-left:24px}
.post-body table{width:100%; border-collapse:collapse; margin:18px 0; font-size:15.5px}
.post-body th,.post-body td{border:1px solid var(--line); padding:9px 11px; text-align:left; vertical-align:top}
.post-body th{background:var(--tint); color:#27500A}
.post-body blockquote{margin:20px 0; padding:2px 20px; border-left:4px solid var(--brand-light); color:var(--ink2)}
.post-body iframe{max-width:100%}
.post-foot{margin-top:28px; padding-top:20px; border-top:1px solid var(--line)}
.share{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}
.share a{font-size:13.5px; border:1px solid var(--line); border-radius:999px; padding:5px 14px; color:var(--ink2)}
.share a:hover{border-color:var(--brand); color:var(--brand); text-decoration:none}
.postnav{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px}
.postnav a{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px 18px; color:var(--ink2); font-size:15px}
.postnav a:hover{border-color:var(--brand); text-decoration:none}
.postnav .nxt{text-align:right}
.postnav span{display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:4px}
/* ================= COMMENTS ================= */
.comments{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px 30px 30px; margin-top:26px}
.comments h3,.comments h4{font-size:19px; margin-top:0}
.comments .comment-thread ol{list-style:none; padding:0}
.comments .comment{border-bottom:1px solid var(--line); padding:14px 0}
.comments .comment:last-child{border-bottom:0}
/* ================= PAGER ================= */h
.pager{margin:32px 0 0; display:flex; justify-content:space-between; gap:14px}
.pager a{background:var(--card); border:1px solid var(--line); border-radius:999px; padding:10px 22px; color:var(--ink2); font-size:15px}
.pager a:hover{border-color:var(--brand); color:var(--brand); text-decoration:none}
/* ================= SIDEBAR ================= */
.side .widget{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin:0 0 22px}
.side .widget h2,.side .widget h3{font-size:16px; margin:0 0 12px; color:var(--brand-dark); padding-bottom:10px; border-bottom:1px solid var(--line)}
.side ul{list-style:none; margin:0; padding:0}
.side li{padding:5px 0; font-size:15px}
.side .widget-content{font-size:15px}
.side .PopularPosts .item-thumbnail{float:left; margin:0 12px 4px 0}
.side .PopularPosts .item-thumbnail img{width:66px; height:66px; object-fit:cover; border-radius:8px}
.side .PopularPosts .item-title{font-weight:500; line-height:1.35}
.side .PopularPosts .item-snippet{display:none}
.side .PopularPosts li{overflow:hidden; padding:11px 0; border-bottom:1px solid var(--line)}
.side .PopularPosts li:last-child{border-bottom:0}
.side .Label .list-label-widget-content,.side .Label .cloud-label-widget-content{display:flex; flex-wrap:wrap; gap:7px}
.side .Label li{padding:0}
.side .Label li a,.side .Label .label-size a{display:inline-block; background:var(--tint); color:#27500A; border-radius:999px; padding:4px 13px; font-size:13.5px}
.side .Label li a:hover{background:var(--tint2); text-decoration:none}
.side .BlogArchive select,.side select{width:100%; padding:9px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px}
.side .Profile .profile-img{float:left; margin:0 12px 8px 0; border-radius:50%}
.side .contact-form-widget{max-width:none}
.side .contact-form-name,.side .contact-form-email,.side .contact-form-email-message{
width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px; margin-bottom:8px}
.side .contact-form-button-submit{background:var(--brand); color:#fff; border:0; border-radius:8px; padding:11px 18px; font:inherit; line-height:1.3; height:auto; cursor:pointer; width:100%; box-sizing:border-box}
.side .contact-form-button-submit:hover{background:var(--brand-dark)}
.search-form{display:flex; gap:8px}
.search-form input[type=text]{flex:1; min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; font-size:15px}
.search-form button{background:var(--brand); color:#fff; border:0; border-radius:8px; padding:10px 16px; cursor:pointer; font:inherit; font-size:15px}
.search-form button:hover{background:var(--brand-dark)}
/* ================= FOOTER ================= */
.site-foot{background:var(--brand-dark); color:#dfe9dc; margin-top:44px; padding:36px 0 24px; font-size:15px}
.site-foot a{color:#c9e2bd}
.foot-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)); gap:28px}
.site-foot .widget{margin:0 0 18px; background:none; border:0; padding:0}
.site-foot h2,.site-foot h3,.site-foot h4{color:#fff; font-size:16px; margin:0 0 10px; border:0; padding:0}
.site-foot ul{list-style:none; margin:0; padding:0}
.site-foot li{padding:3px 0}
.legal{margin-top:26px; padding-top:16px; border-top:1px solid rgba(255,255,255,.18); font-size:13.5px; color:#b9cdb2}
.legal .Attribution{background:none; border:0; padding:0; margin:8px 0 0; color:#b9cdb2; font-size:12.5px}
.legal .Attribution a{color:#b9cdb2}
/* ================= HERO ================= */
.hero{background:var(--card); border-bottom:1px solid var(--line)}
.hero-in{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:34px;
align-items:center; padding-top:34px; padding-bottom:34px}
.hero-txt .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.hero-txt h2{font-size:31px; line-height:1.2; margin:8px 0 10px}
.hero-txt p{color:var(--ink2); font-size:17px; margin:0 0 16px}
/* Μία σειρά που αναδιπλώνεται, αντί για τρία κουμπιά το ένα κάτω από το άλλο. */
.hero-btns{display:flex; flex-wrap:wrap; gap:10px}
.hero-txt .allbtn{display:inline-flex; align-items:center; justify-content:center;
background:var(--brand); color:#fff; border-radius:999px;
padding:11px 20px; font-size:15.5px; white-space:nowrap}
.hero-txt .allbtn:hover{background:var(--brand-dark); color:#fff; text-decoration:none}
.hero-vid{position:relative; padding-top:52%; border-radius:var(--radius); overflow:hidden;
border:1px solid var(--line); background:#000}
.hero-vid iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
@media (max-width:860px){
.hero-in{grid-template-columns:1fr; gap:18px; padding-top:20px; padding-bottom:20px}
.hero-txt h2{font-size:25px}
.hero-txt p{font-size:16px; margin:0 0 14px}
.hero-vid{padding-top:56.25%}
}
/* Σε στενή οθόνη τα κουμπιά μικραίνουν λίγο ώστε να χωρέσουν δύο ανά σειρά
   αντί για ένα. Το «Εγκρίσεις Φυτοπροστατευτικών» παίρνει ούτως ή άλλως δική
   του γραμμή, γι' αυτό δεν κόβεται το κείμενό του. */
@media (max-width:520px){
.hero-btns{gap:8px}
.hero-txt .allbtn{padding:10px 15px; font-size:14.5px}
}
/* Κάτω από τα 440px τα δύο πρώτα κουμπιά μπαίνουν σε πλέγμα δύο στηλών, ώστε να
   στέκονται πάντα το ένα δίπλα στο άλλο σε κάθε γλώσσα. Το τρίτο, με το μακρύ
   κείμενο, πιάνει ολόκληρη τη δεύτερη γραμμή. Έτσι οι γραμμές είναι πάντα δύο. */
@media (max-width:440px){
.hero-btns{display:grid; grid-template-columns:1fr 1fr; gap:6px}
.hero-txt .allbtn{padding:9px 10px; font-size:13.5px; line-height:1.28;
white-space:normal; text-align:center}
.hero-btns .allbtn:last-child{grid-column:1 / -1}
}
@media print{ .hero{display:none} }
/* ================= VIDEOS ================= */
.videos{margin:44px 0 0}
.videos .vhead{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px}
.videos .kicker{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700}
.videos h2{font-size:27px; margin:6px 0 0}
.videos .allbtn{background:var(--brand); color:#fff; border-radius:999px; padding:10px 20px; font-size:15px; white-space:nowrap}
.videos .allbtn:hover{background:var(--brand-dark); text-decoration:none; color:#fff}
.vplayer{position:relative; padding-top:56.25%; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#000; margin-bottom:24px}
.vplayer iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.vgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr)); gap:20px}
.vcard{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:block; transition:border-color .15s, transform .15s}
.vcard:hover{border-color:var(--brand-light); transform:translateY(-2px); text-decoration:none}
.vthumb{position:relative; aspect-ratio:16/9; background:#000; overflow:hidden}
.vthumb img{width:100%; height:100%; object-fit:cover; display:block}
.vthumb .play{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
width:54px; height:38px; border-radius:9px; background:rgba(190,25,25,.92); color:#fff;
display:flex; align-items:center; justify-content:center; font-size:16px; line-height:1}
.vcard:hover .vthumb .play{background:#c00}
.vcard.on{border-color:var(--brand); box-shadow:0 0 0 2px rgba(31,107,31,.18)}
.vcard{cursor:pointer}
.vcard .vtitle{padding:13px 15px 16px; font-size:15.5px; line-height:1.45; color:var(--ink); font-weight:500}
@media (max-width:800px){ .videos h2{font-size:23px} .videos .allbtn{padding:9px 16px; font-size:14px} }
@media print{ .videos{display:none} }
/* ================= DISCLAIMER ================= */
.disclaimer{background:var(--tint); border:1px solid var(--greenline, #97C459); border-radius:var(--radius);
padding:16px 20px; margin-top:26px; font-size:14.5px; line-height:1.65; color:#27500A}
.disclaimer strong{display:block; margin-bottom:5px; font-size:15px}
/* ================= RESPONSIVE ================= */
@media (max-width:1000px){ .shell{grid-template-columns:minmax(0,1fr); gap:28px} .shell > *{min-width:0} }
@media (max-width:800px){
body{font-size:16.5px}
.site-head{position:static}
/* ΠΡΟΣΟΧΗ στο padding: το `padding:12px 0` που υπήρχε εδώ ΜΗΔΕΝΙΖΕ και το
   οριζόντιο περιθώριο των 20px που δίνει το .wrap — και έτσι, σε κάθε πλάτος
   κινητού, το λογότυπο αριστερά και το εικονίδιο του λογαριασμού δεξιά
   κάθονταν κολλητά στην άκρη της οθόνης. Με padding-block αλλάζει μόνο το
   πάνω-κάτω και το πλαϊνό μένει. */
.head-inner{min-height:0; padding-block:12px}
.brand{max-width:250px}
.brand img{max-height:70px}
.burger{padding:10px 14px; font-size:14.5px}
.nav{left:0; right:0; min-width:0; top:calc(100% + 8px)}
.post,.page-body,.comments{padding:22px 18px 26px}
.post h1.post-title{font-size:26px}
.post-body{font-size:17px}
.postnav{grid-template-columns:1fr}
.postnav .nxt{text-align:left}
.featured{padding:18px 20px; border-radius:0}
}
@media print{
.site-head,.side,.site-foot,.pager,.nav,.share,.postnav,.comments,.featured,.burger{display:none !important}
.shell{display:block; max-width:none; padding:0; margin:0}
.post,.page-body{border:0; padding:0}
a{color:#000; text-decoration:none}
}
.ask-adv{display:inline-block;margin-top:8px;background:#4faa2a;color:#fff !important;font-weight:700;font-size:14px;border-radius:8px;padding:8px 16px;text-decoration:none}
.ask-adv:hover{background:#3f8a22;text-decoration:none}
.hero-adv{background:#fff !important; color:#164d17 !important; border:2px solid #4faa2a}
.hero-adv:hover{background:#EAF3DE !important}
/* --- κινητό: σειρά και πτυσσόμενα widget πλαϊνής στήλης --- */
@media (max-width:1000px){
.sidebar-sec{display:flex; flex-direction:column}
.pg-acc > .pg-acc-h{cursor:pointer; position:relative; padding-right:30px; user-select:none}
.pg-acc > .pg-acc-h::after{content:'\25BE'; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-size:14px; color:#4faa2a; transition:transform .2s}
.pg-acc.closed > .pg-acc-h::after{transform:translateY(-50%) rotate(-90deg)}
.pg-acc.closed > *:not(.pg-acc-h){display:none !important}
}
/* ---- cookie banner ---- */
.pgcc{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:3px solid #4faa2a;box-shadow:0 -6px 24px rgba(0,0,0,.18);padding:18px 20px;display:none}
.pgcc.on{display:block}
.pgcc-in{max-width:1000px;margin:0 auto}
.pgcc h4{margin:0 0 6px;font-size:18px;color:#164d17;font-weight:700}
.pgcc p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#1d2420}
.pgcc a{color:#185FA5}
.pgcc-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pgcc-b{font-family:inherit;font-size:15.5px;font-weight:700;border-radius:9px;padding:11px 22px;cursor:pointer;border:2px solid #3f6b28}
.pgcc-y{background:#3f6b28;color:#fff}
.pgcc-y:hover{background:#345a21}
.pgcc-n{background:#fff;color:#164d17}
.pgcc-n:hover{background:#EAF3DE}
.pgcc-s{background:none;border:0;color:#185FA5;text-decoration:underline;font-size:15px;cursor:pointer;padding:11px 8px;font-family:inherit}
.pgcc-panel{display:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #e4e4da}
.pgcc-panel.on{display:block}
.pgcc-cat{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:15px;line-height:1.55}
.pgcc-cat input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.pgcc-cat b{color:#164d17}
.pgcc-cat span{display:block;color:#454d47;font-size:14px}
.pgcc-link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
@media(max-width:600px){.pgcc{padding:14px;max-height:85vh;overflow-y:auto}.pgcc-b{flex:1 1 100%;padding:12px}}

/* ===== μέρος 2 ===== */
.pgi{position:relative;overflow:hidden;isolation:isolate;background:#fff;border-bottom:1px solid #e6efdc;padding:20px 18px 16px}
.pgi *{box-sizing:border-box}
.pgi .bgw{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}
.pgi .gl{position:absolute;border-radius:50%;filter:blur(60px);opacity:1;animation:pgiGlow 1.4s ease-out both}
.pgi .g1{width:44%;height:240%;left:-8%;top:-70%;background:radial-gradient(circle,rgba(126,211,33,.34),transparent 66%)}
.pgi .g2{width:50%;height:250%;right:-12%;bottom:-85%;animation-delay:.15s;background:radial-gradient(circle,rgba(46,158,31,.22),transparent 66%)}
.pgi .g3{width:44%;height:210%;left:28%;top:-55%;animation-delay:.06s;background:radial-gradient(circle,rgba(206,242,176,.85),transparent 70%)}
@keyframes pgiGlow{0%{opacity:0;transform:scale(.75)}100%{opacity:1;transform:scale(1)}}
.pgi .grd{position:absolute;left:-25%;right:-25%;top:-40%;bottom:-40%;opacity:0;background-image:linear-gradient(rgba(46,158,31,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(46,158,31,.11) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(64deg);opacity:.6;animation:pgiGrid 1.9s ease-out both}
@keyframes pgiGrid{0%{opacity:0}40%{opacity:.9}100%{opacity:.6}}
.pgi .bm{position:absolute;top:-60%;height:220%;width:110px;left:-20%;opacity:0;background:linear-gradient(90deg,transparent,rgba(126,211,33,.30),transparent);transform:rotate(16deg);animation:pgiSweep .8s cubic-bezier(.2,.7,.2,1) both}
.pgi .bm2{animation-delay:.11s}
.pgi .bm3{animation-delay:1.35s;animation-duration:.7s}
@keyframes pgiSweep{0%{left:-20%;opacity:0}10%{opacity:1}100%{left:112%;opacity:0}}
.pgi .inr{position:relative;display:block;text-align:center}
.pgi .lw{position:relative;display:inline-block;line-height:0}
.pgi img.lg{display:block;width:210px;max-width:56vw;height:auto;opacity:1;animation:pgiLogo 1s cubic-bezier(.16,1,.3,1) .18s both}
@keyframes pgiLogo{0%{opacity:0;transform:scale(1.8) rotate(-7deg);filter:blur(14px)}55%{opacity:1;filter:blur(0)}72%{transform:scale(.965) rotate(0)}100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}
.pgi .rg{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border:2px solid rgba(46,158,31,.5);border-radius:50%;opacity:0;animation:pgiRing .85s cubic-bezier(.2,.8,.3,1) .72s both}
.pgi .rg2{animation-delay:.83s}
@keyframes pgiRing{0%{opacity:.75;transform:scale(.3)}100%{opacity:0;transform:scale(7)}}
.pgi .rl{display:block;height:3px;width:520px;max-width:88%;border-radius:3px;margin:9px auto 0;background:linear-gradient(90deg,transparent,#7ED321,#2E9E1F,#7ED321,transparent);animation:pgiRule 1.3s cubic-bezier(.16,1,.3,1) .85s both}
@keyframes pgiRule{0%{width:0;opacity:0}12%{opacity:1}100%{width:520px;max-width:88%;opacity:1}}
.pgi .cs{display:block;margin:9px 0 0;line-height:2}
.pgi .cp{display:inline-block;font:800 12px/1 'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:1.6px;color:#1d6b16;border:1px solid #9ed36f;border-radius:99em;padding:7px 13px;margin:0 4px;background:#f4fbec;opacity:1;animation:pgiChip .5s cubic-bezier(.16,1,.3,1) 1s both}
.pgi .cp2{animation-delay:1.1s}
.pgi .cp3{animation-delay:1.2s}
.pgi .cp4{animation-delay:1.3s}
@keyframes pgiChip{0%{opacity:0;transform:translateY(16px) scale(.9);filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* ΔΙΧΤΥ ΑΣΦΑΛΕΙΑΣ ΓΙΑ ΤΑ ΚΙΝΗΤΑ — ΓΙΑΤΙ ΧΡΕΙΑΖΕΤΑΙ
   Καθε στοιχειο της εισαγωγης εχει πλεον ως ΒΑΣΗ την ΤΕΛΙΚΗ του κατασταση και
   animation-fill-mode:both. Οσο η κινηση παιζει, το 0% ισχυει και στην
   καθυστερηση, οποτε η εισαγωγη ξεκιναει κανονικα απο το μηδεν. Οταν ομως το
   κινητο κοψει τις κινησεις — λειτουργια χαμηλης καταναλωσης στο iPhone, ή
   «μειωμενη κινηση» — φαινεται η ΟΛΟΚΛΗΡΩΜΕΝΗ εικονα και οχι κενο. Πριν, με
   opacity:0 και forwards, το λογοτυπο και τα τσιπακια απλα δεν εμφανιζονταν.
   Το mix-blend-mode:multiply αφαιρεθηκε: το Safari του iPhone πεταει την
   κινηση οταν το ιδιο στοιχειο εχει blend mode ΚΑΙ filter:blur(). Το
   logo-intro.png ειναι πλεον διαφανο, οποτε το blend mode δεν χρειαζεται. */
@media (prefers-reduced-motion:reduce){
  .pgi .gl,.pgi .grd,.pgi .bm,.pgi img.lg,.pgi .rg,.pgi .rl,.pgi .cp{animation:none}
}
/* Η γραμμή με την επωνυμία αφαιρέθηκε: το νέο λογότυπο περιέχει ήδη το
   λεκτικό «plantprotect.gr» και η επανάληψη ήταν περιττή. */
.hero-vid{display:none}
.hero{padding:18px 0}
.hero-in{display:block;text-align:center;max-width:820px}
/* Τα κουμπιά κεντράρονται μαζί με το κείμενο. Το .hero-in είναι πλέον μία
   στήλη με text-align:center, αλλά το .hero-btns είναι flex και το
   text-align δεν το αγγίζει: τα τρία κουμπιά κάθονταν κολλημένα αριστερά
   και η δεύτερη γραμμή άρχιζε από την άκρη, εμφανώς εκτός άξονα με τον
   τίτλο. Με justify-content:center κάθε γραμμή κεντράρεται χωριστά. */
.hero-btns{justify-content:center}
.hero-txt h2{font-size:26px;margin:6px 0 8px}
.hero-txt p{margin:0 auto 14px;max-width:640px}
@media(max-width:620px){.pgi .gl{filter:blur(38px)}.pgi{padding:14px 12px 12px}.pgi .cp{font-size:10.5px;padding:5px 10px;letter-spacing:.8px;margin:0 2px}.pgi img.lg{width:170px;max-width:52vw}.pgi .cs{line-height:1.9;margin-top:8px}.hero-txt h2{font-size:21px}}

/* ===== μέρος 3 ===== */
.image {
      width: 100%;
    }

/* ===== μέρος 4 ===== */
#pggp{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pggp h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pggp .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pggp ul{list-style:none;margin:0;padding:0}
#pggp li{border-top:1px solid #f0f0e8}
#pggp li:first-child{border-top:0}
#pggp a.it{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;text-decoration:none;color:#1d2420;font-size:15.5px}
#pggp a.it:hover{color:#1f6b1f}
#pggp a.it .c{font-weight:600}
#pggp a.it .d{font-size:13px;color:#8a918a;white-space:nowrap}
#pggp a.new .c{color:#27500A}
#pggp a.new .d{color:#4d8a2a;font-weight:600}
#pggp .tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:#fff;background:#4faa2a;border-radius:99em;padding:1px 7px}
#pggp .all{display:block;margin-top:12px;padding-top:11px;border-top:1px solid #f0f0e8;font-size:14px;color:#185FA5;text-decoration:none}
#pggp .all:hover{text-decoration:underline}
#pggp .upd{margin:8px 0 0;font-size:12px;color:#a0a69f}

/* ===== μέρος 5 ===== */
#pgwx{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pgwx h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pgwx .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pgwx .now{display:flex;align-items:flex-end;gap:10px;padding-bottom:10px;border-bottom:1px solid #f0f0e8}
#pgwx .tt{font-size:38px;font-weight:700;color:#164d17;line-height:1}
#pgwx .nd{font-size:14px;color:#454d47;padding-bottom:4px}
#pgwx .nx{margin:6px 0 0;font-size:12.5px;color:#8a918a}
#pgwx table{width:100%;border-collapse:collapse;margin:8px 0 0;font-size:13.5px}
#pgwx td{padding:6px 0;border-top:1px solid #f7f7f2}
#pgwx td.dd{font-weight:600;color:#1d2420;width:34%}
#pgwx td.mm{text-align:right;color:#a0a69f;white-space:nowrap}
#pgwx td.mm i{font-style:normal;color:#164d17;font-weight:600}
#pgwx td.rr{text-align:right;width:28%;white-space:nowrap;color:#8a918a}
#pgwx td.wet{color:#185FA5;font-weight:600}
#pgwx .srcline{margin:10px 0 0;padding-top:10px;border-top:1px solid #f0f0e8;font-size:12px;color:#a0a69f}
#pgwx .srcline a{color:#185FA5;text-decoration:none}

/* ===== μέρος 6 ===== */
.pg-ms{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:14px 16px;margin:18px 0}.pg-ms-t{margin:0 0 2px;font-size:17px;font-weight:700;color:#164d17}.pg-ms-sub{font-size:12.5px;color:#6d746d;margin:0 0 4px}.pg-ms-time{font-size:12px;color:#8a918a;margin:0 0 10px}.pg-ms-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;border-top:1px solid #f0f2ec}.pg-ms-row:first-of-type{border-top:0}.pg-ms-k{font-size:13.5px;color:#4a534a}.pg-ms-v{font-size:16px;font-weight:700;color:#1d4d1f;white-space:nowrap}.pg-ms-big .pg-ms-v{font-size:26px;color:#164d17}.pg-ms-lnk{display:inline-block;margin-top:10px;font-size:12.5px;color:#3f6b28;text-decoration:none;font-weight:600}.pg-ms-lnk:hover{text-decoration:underline}.pg-ms-err{font-size:13px;color:#8a918a}

/* ===== μέρος 7 ===== */
.pg-calc{background:#fff;border:2px solid #97C459;border-radius:12px;padding:14px 16px;margin:0 0 18px}
.pg-calc a{display:block;text-decoration:none;color:#164d17}
.pg-calc .h{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#6d746d;margin:0 0 6px}
.pg-calc .t{display:block;font-size:16.5px;font-weight:700;line-height:1.35;color:#27500A}
.pg-calc .d{display:block;font-size:13px;color:#4a534a;margin:6px 0 0;line-height:1.55}
.pg-calc .go{display:inline-block;margin-top:10px;background:#3f6b28;color:#fff;font-size:14px;font-weight:700;border-radius:8px;padding:8px 14px}
.pg-calc a:hover .go{background:#345a21}
/* ===== πλήρης στοίχιση κειμένου σε όλα τα άρθρα και τις σελίδες =====
   Μπαίνει στο θέμα και όχι στα άρθρα, ώστε να ισχύει και στα 78 υπάρχοντα
   και σε όσα γραφτούν στο μέλλον.

   Η στοίχιση δίνεται στο περίβλημα και όχι στα <p>, επειδή τα 17 παλιά
   άρθρα της εποχής του Blogger δεν έχουν ούτε ένα <p>: το κείμενό τους
   είναι μέσα σε <div>. Δίνοντάς την στο .post-body, κληρονομείται παντού.

   Ο συλλαβισμός είναι απαραίτητος: χωρίς αυτόν η πλήρης στοίχιση στα
   ελληνικά ανοίγει μεγάλα κενά ανάμεσα στις λέξεις. Το lang="el" της
   σελίδας δίνει στον browser το σωστό λεξικό. */
.post-body{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
}

/* Εξαιρέσεις — εδώ η πλήρης στοίχιση βλάπτει. Στενές στήλες πινάκων,
   λεζάντες, κατάλογοι περιεχομένων και πηγές με μεγάλες διευθύνσεις
   ανοίγουν αφύσικα κενά. Οι επικεφαλίδες που σπάνε σε δύο σειρές
   δείχνουν σαν λάθος όταν στοιχίζονται πλήρως. */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,
.post-body td,.post-body th,.post-body caption,
.post-body figcaption,
.post-body .toc,.post-body .toc li,.post-body .toc a,
.post-body .refline,
.post-body .eq,
.post-body .src,.post-body .src li,
.post-body .warn,
.post-body .by{
  text-align:left;
  hyphens:manual;
  -webkit-hyphens:manual;
}
.post-body .kpi,.post-body .kpi div{text-align:center}

/* Πλήρης στοίχιση στα αποσπάσματα των αναρτήσεων, κατόπιν αιτήματος.
   Ο συλλαβισμός είναι απαραίτητος: χωρίς αυτόν, η πλήρης στοίχιση σε στενή
   κάρτα ανοίγει μεγάλα κενά ανάμεσα στις λέξεις. Το lang="el" της σελίδας
   δίνει στον browser το σωστό λεξικό συλλαβισμού. */
.card .snippet,
.featured .post-summary,
.featured .snippet-item{
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
  overflow-wrap:break-word;
}
/* Σε πολύ στενή οθόνη η πλήρης στοίχιση χαλάει — εκεί γυρίζει αριστερά. */
@media (max-width:430px){
  .card .snippet,
  .featured .post-summary,
  .featured .snippet-item{text-align:left}
}

/* ---- «Στείλτε μας μήνυμα»: ζώνη πλήρους πλάτους, τέρμα κάτω ---- */
.pg-contact{background:#EAF3DE;border-top:1px solid #d6e5c4;padding:34px 0 38px}
.pg-contact-in{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start}
.pg-contact-txt h3{margin:0 0 8px;font-size:23px;color:var(--brand-dark,#27500A);text-align:left}
.pg-contact-txt p{margin:0;font-size:15.5px;line-height:1.6;color:#3f4a3c;text-align:left}
.pg-contact-txt a{color:var(--brand,#4faa2a);font-weight:600}
.pg-contact .contact-form{display:block;max-width:none}
.pg-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pg-contact input[type=text],.pg-contact input[type=email],.pg-contact textarea{
  width:100%;box-sizing:border-box;margin:0 0 10px;padding:11px 13px;font:inherit;font-size:15.5px;
  border:1px solid #c3d9a8;border-radius:8px;background:#fff;color:#1d2420}
.pg-contact-row input{margin-bottom:0}
.pg-contact textarea{margin-top:10px;resize:vertical}
.pg-contact input:focus,.pg-contact textarea:focus{outline:0;border-color:var(--brand,#4faa2a);box-shadow:0 0 0 3px rgba(79,170,42,.18)}
.pg-contact button[type=submit]{background:var(--brand,#4faa2a);color:#fff;border:0;border-radius:8px;
  padding:12px 26px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.pg-contact button[type=submit]:hover{background:var(--brand-dark,#3f8a22)}
@media(max-width:780px){
  .pg-contact{padding:26px 0 30px}
  .pg-contact-in{grid-template-columns:1fr;gap:18px}
  .pg-contact-row{grid-template-columns:1fr;gap:0}
  .pg-contact-row input{margin-bottom:10px}
  .pg-contact button[type=submit]{width:100%}
}

/* ---- Σελίδα γεωργικών προειδοποιήσεων --------------------------------- */
.gp-page .gp-lead{font-size:18px;color:#454d47;margin:0 0 10px;text-align:justify;hyphens:auto}
.gp-page .gp-meta{font-size:14.5px;color:#6d746d;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e4e4da}
.gp-page .gp-meta b{color:#164d17}
.gp-h{font-size:22px;color:#164d17;margin:0 0 4px;border:0;padding:0;font-weight:600}
/* Τα πρόσφατα: μία γραμμή ανά δελτίο, χωρισμένα με οριζόντιες γραμμές. */
.gp-recent{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #e4e4da}
.gp-recent li{border-bottom:1px solid #e4e4da;padding:12px 2px}
.gp-recent li:hover{background:#fafcf8}
.gp-recent a{color:#185FA5;text-decoration:none;font-weight:600;font-size:17px;line-height:1.35}
.gp-recent a:hover{text-decoration:underline}
.gp-recent .gp-sub{display:block;font-size:14px;color:#6d746d;margin-top:3px}
.gp-recent .gp-sub b{color:#454d47;font-weight:600;white-space:nowrap;margin-left:6px}
.gp-recent .gp-sub b:before{content:"· "}
/* Επιλογή φορέα */
.gp-pick{margin:0 0 18px;padding:16px 18px;background:#f7f9f5;border:1px solid #dde5d8;border-radius:12px}
.gp-pick label{display:block;font-weight:600;font-size:14px;color:#3d463d;margin:0 0 7px}
.gp-pick select{width:100%;box-sizing:border-box;padding:12px 40px 12px 14px;font:inherit;font-size:16px;
        border:1px solid #c9d3c4;border-radius:9px;background-color:#fff;color:#1d2420;cursor:pointer;
        -webkit-appearance:none;-moz-appearance:none;appearance:none;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke='%234a6b38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
        background-repeat:no-repeat;background-position:right 14px center}
.gp-pick select:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.gp-hint{margin:8px 0 0;font-size:13.5px;color:#6d746d}
.gp-filter{margin:0 0 18px}
.gp-filter input{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:16px;
        border:1px solid #c9d3c4;border-radius:9px;background:#fff;color:#1d2420}
.gp-filter input:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.gp-pane{display:none}
.gp-pane.on{display:block}
.gp-ch{margin:0 0 12px}
.gp-ch h2{font-size:22px;color:#164d17;margin:0 0 2px;border:0;padding:0}
.gp-ch p{margin:0;font-size:14.5px;color:#6d746d}
table.gp-t{width:100%;border-collapse:collapse;background:#fff;font-size:15.5px;margin:0 0 8px}
table.gp-t th{background:#eef3ea;color:#27500A;text-align:left;font-size:13px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;border-bottom:1px solid #dfe5d8}
table.gp-t td{padding:10px 11px;border-bottom:1px solid #f0f0e8;vertical-align:top}
table.gp-t tr:hover td{background:#fafcf8}
table.gp-t td a{color:#185FA5;text-decoration:none;font-weight:600}
table.gp-t td a:hover{text-decoration:underline}
table.gp-t th:last-child,table.gp-t td:last-child{white-space:nowrap;color:#6d746d;font-size:14.5px}
.gp-new{display:inline-block;background:#EAF3DE;color:#27500A;border:1px solid #97C459;border-radius:20px;
        font-size:11.5px;font-weight:700;padding:1px 7px;margin-left:6px;vertical-align:1px;letter-spacing:.3px}
.gp-more,.gp-none{font-size:14px;color:#6d746d;margin:10px 0 0}
.gp-note{margin:28px 0 0;padding:16px 20px;background:#fff;border:1px solid #e4e4da;border-left:5px solid #4faa2a;
        border-radius:0 12px 12px 0}
.gp-note p{margin:0 0 10px;font-size:14.5px;color:#454d47;text-align:justify;hyphens:auto}
.gp-note p:last-child{margin:0}
@media(max-width:640px){
  table.gp-t thead{display:none}
  table.gp-t,table.gp-t tbody,table.gp-t tr,table.gp-t td{display:block;width:100%}
  table.gp-t tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0}
  table.gp-t td{border:0;padding:5px 12px}
  table.gp-t td:before{content:attr(data-l) ": ";font-size:12px;color:#8a918a;text-transform:uppercase;letter-spacing:.3px}
  table.gp-t td:first-child:before{content:none}
  table.gp-t td:first-child{font-size:16.5px;padding-top:9px}
}
/* Δύο γραμμές αριστερά (καλλιέργεια, περιοχή) και η ημερομηνία δεξιά, με
   σταθερό κενό ανάμεσά τους ώστε να μην ακουμπάει ποτέ η μία στην άλλη. */
#pggp a.it{align-items:flex-start;gap:0}
#pggp a.it .c{flex:1 1 auto;min-width:0;padding-right:14px}
#pggp a.it .c .cn{display:block;font-weight:600;line-height:1.35}
#pggp a.it .c small{display:block;font-weight:400;font-size:12.5px;color:#8a918a;margin-top:2px;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pggp a.it .d{flex:0 0 auto;margin-left:auto;padding-top:2px}
#pggp a.it .nb{display:inline-block;font-style:normal;background:#EAF3DE;color:#27500A;border:1px solid #97C459;
        border-radius:20px;font-size:10.5px;font-weight:700;padding:0 6px;margin-left:6px;vertical-align:2px;
        letter-spacing:.3px}

/* ---- Νομοθεσία φυτοπροστασίας (πλαϊνή στήλη) -------------------------- */
#pglaw{background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:18px 20px;margin:0 0 22px}
#pglaw h3{margin:0 0 2px;font-size:19px;font-weight:600;color:#164d17;line-height:1.25}
#pglaw .sub{margin:0 0 12px;font-size:13px;color:#6d746d}
#pglaw select{width:100%;box-sizing:border-box;padding:11px 34px 11px 12px;font:inherit;font-size:15px;
        border:1px solid #c9d3c4;border-radius:9px;background-color:#fff;color:#1d2420;cursor:pointer;
        -webkit-appearance:none;-moz-appearance:none;appearance:none;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke='%234faa2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
        background-repeat:no-repeat;background-position:right 12px center}
#pglaw select:focus{outline:2px solid #4faa2a;outline-offset:1px;border-color:#4faa2a}
#pglaw .what{margin:9px 0 0;font-size:13px;color:#6d746d;line-height:1.5;min-height:0}
#pglaw .what:empty{margin:0}
#pglaw .all{display:block;margin:12px 0 0;padding:9px 0 0;border-top:1px solid #f0f0e8;
        font-size:13.5px;font-weight:600;color:#3d5a2e;text-decoration:none}
#pglaw .all:hover{text-decoration:underline}

/* ---- Δορυφορική εικόνα αγρού ------------------------------------------ */
.dor .dor-lead{font-size:18px;color:#454d47;margin:0 0 14px;text-align:justify;hyphens:auto}
.dor-warn{background:#FAEEDA;border:1px solid #EF9F27;border-radius:12px;padding:14px 18px;margin:0 0 20px;
        font-size:14.5px;line-height:1.6;color:#633806;text-align:justify;hyphens:auto}
.dor-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#f7f9f5;
        border:1px solid #dde5d8;border-radius:12px;padding:14px 16px;margin:0 0 10px}
.dor-tools .fl{flex:1 1 170px;min-width:0}
.dor-tools .fl-b{flex:0 0 auto}
.dor-tools label{display:block;font-weight:600;font-size:13px;color:#3d463d;margin:0 0 5px}
.dor-tools select,.dor-tools input{width:100%;box-sizing:border-box;padding:10px 11px;font:inherit;font-size:15px;
        border:1px solid #c9d3c4;border-radius:9px;background:#fff;color:#1d2420}
.dor-tools select:focus,.dor-tools input:focus{outline:2px solid #6f9f57;outline-offset:1px;border-color:#6f9f57}
.dor-tools button{background:#4a6b38;color:#fff;border:0;border-radius:9px;padding:11px 22px;
        font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.dor-tools button:hover:not(:disabled){background:#3d5a2e}
.dor-tools button:disabled{background:#c3cbbe;cursor:not-allowed}
.dor-what{font-size:14px;color:#6d746d;margin:0 0 18px;font-style:italic}
/* Ο χάρτης όσο χρειάζεται για να σχεδιάσεις, όχι παραπάνω. Η εικόνα του
   αποτελέσματος είναι αυτή που θέλεις να κοιτάς, οπότε παίρνει το πλάτος. */
#dorMap{height:min(46vh,400px);min-height:300px;border-radius:12px;border:1px solid #dde5d8;
        z-index:1;margin:0 0 4px}
#dorOut{margin-top:18px}
/* Η εικόνα του χωραφιού στο ίδιο ακριβώς μέγεθος με τον χάρτη, ώστε το μάτι
   να πηγαίνει από το ένα στο άλλο χωρίς να χρειάζεται προσαρμογή. */
#dorOut .dor-img{padding:12px}
#dorOut .dor-img img{width:100%;height:min(46vh,400px);min-height:300px;
        object-fit:contain;background:#eef1ea;border-radius:8px}
.dor-hint{font-size:13px;color:#8a918a;margin:8px 0 0;line-height:1.5}
.dor-empty,.dor-err{background:#fff;border:1px dashed #dde5d8;border-radius:12px;padding:30px 20px;
        text-align:center;color:#8a918a;font-size:15px}
.dor-err{border-style:solid;border-color:#F09595;background:#FCEBEB;color:#791F1F}
.dor-card{background:#fff;border:1px solid #dde5d8;border-radius:12px;padding:12px;margin:0 0 14px}
.dor-card img{width:100%;height:auto;display:block;border-radius:8px;background:#eef1ea}
.dor-card h3{margin:0 0 10px;font-size:16.5px;color:#164d17;border:0;padding:0}
.dor-leg{display:flex;align-items:center;gap:0;margin:10px 2px 0;flex-wrap:wrap}
.dor-leg span{flex:1 1 0;height:11px}
.dor-leg .l1{background:#996b40;border-radius:4px 0 0 4px}
.dor-leg .l2{background:#d4a857}
.dor-leg .l3{background:#f0d96b}
.dor-leg .l4{background:#99cd4d}
.dor-leg .l5{background:#38b833}
.dor-leg .l6{background:#08571d;border-radius:0 4px 4px 0}
.dor-leg i,.dor-leg b{flex:0 0 auto;font-size:11.5px;font-style:normal;color:#8a918a;padding:0 6px}
.dor-leg b{color:#454d47;font-weight:600}
.dor-svg{width:100%;height:110px;display:block}
.dor-svg polyline{fill:none;stroke:#4faa2a;stroke-width:1.1;vector-effect:non-scaling-stroke;
        stroke-linejoin:round;stroke-linecap:round}
.dor-ax{display:flex;justify-content:space-between;font-size:11.5px;color:#8a918a;margin:2px 0 12px}
table.dor-tb{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
table.dor-tb th{background:#eef3ea;color:#27500A;text-align:left;font-size:11.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:7px 9px}
table.dor-tb td{padding:7px 9px;border-bottom:1px solid #f0f0e8;color:#454d47}
table.dor-tb td b{color:#164d17}
@media(max-width:900px){
  .dor-grid{grid-template-columns:1fr}
  #dorMap{height:min(44vh,360px);min-height:260px}
  #dorOut .dor-img img{height:min(44vh,360px);min-height:260px}
  table.dor-tb thead{display:none}
  table.dor-tb,table.dor-tb tbody,table.dor-tb tr,table.dor-tb td{display:block;width:100%}
  table.dor-tb tr{border:1px solid #e4e4da;border-radius:9px;margin:0 0 8px;padding:3px 0}
  table.dor-tb td{border:0;padding:4px 11px;font-size:14px}
  table.dor-tb td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;text-transform:uppercase}
}
.leaflet-draw-toolbar a{background-size:300px 30px !important}
@media(max-width:900px){
  .leaflet-draw-toolbar a{width:36px !important;height:36px !important;
        background-size:360px 36px !important;background-position-y:1px}
}

/* ---- Η ανάλυση των δεικτών ------------------------------------------- */
.dor-doc{margin:34px 0 0;padding:26px 0 0;border-top:2px solid #e4e4da}
.dor-doc h2{font-size:25px;line-height:1.25;font-weight:600;margin:0 0 14px;color:#164d17;border:0;padding:0}
.dor-doc h3{font-size:20px;font-weight:600;margin:30px 0 8px;color:#1d2420}
.dor-doc p{margin:12px 0;font-size:16.5px;line-height:1.75;color:#1d2420;
        text-align:justify;text-justify:inter-word;hyphens:auto}
.dor-doc ul{padding-left:24px;margin:12px 0}
.dor-doc li{margin:9px 0;font-size:16.5px;line-height:1.7;text-align:justify;hyphens:auto}
.dor-eq{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0;
        background:#fff;border:1px solid #e4e4da;border-radius:12px;padding:16px;font-size:17px;color:#164d17}
.dor-eq .fr{display:inline-flex;flex-direction:column;text-align:center;font-style:italic}
.dor-eq .fr i{border-bottom:1.5px solid #164d17;padding:0 8px 3px;font-style:italic}
.dor-eq .fr b{padding:3px 8px 0;font-weight:400;font-style:italic}
table.dor-tb2{width:100%;border-collapse:collapse;font-size:15px;background:#fff;margin:16px 0}
table.dor-tb2 th{background:#EAF3DE;color:#27500A;text-align:left;font-size:12.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;font-weight:700;border-bottom:1px solid #dde5d8}
table.dor-tb2 td{padding:10px 11px;border-bottom:1px solid #f0f0e8;color:#454d47;vertical-align:top;line-height:1.55}
table.dor-tb2 td.eq{white-space:nowrap;text-align:center;font-size:13.5px;color:#164d17}
table.dor-tb2 td.eq hr{border:0;border-top:1px solid #164d17;margin:2px 0}
.dor-box{background:#fff;border:1px solid #e4e4da;border-left:5px solid #EF9F27;border-radius:0 12px 12px 0;
        padding:16px 20px;margin:20px 0}
.dor-box.g{border-left-color:#4faa2a}
.dor-box b:first-child{display:block;font-size:16.5px;color:#164d17;margin:0 0 7px}
.dor-box p{margin:0;font-size:15.5px}
.dor-box ul{margin:0;padding-left:22px}
.dor-box li{font-size:15.5px}
@media(max-width:700px){
  .dor-doc p,.dor-doc li{font-size:16px}
  .dor-doc h2{font-size:22px}
  .dor-doc h3{font-size:18.5px}
  table.dor-tb2 thead{display:none}
  table.dor-tb2,table.dor-tb2 tbody,table.dor-tb2 tr,table.dor-tb2 td{display:block;width:100%}
  table.dor-tb2 tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0;background:#fff}
  table.dor-tb2 td{border:0;padding:5px 12px;font-size:15px}
  table.dor-tb2 td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;
        text-transform:uppercase;letter-spacing:.3px;display:block;margin-top:3px}
  table.dor-tb2 td.eq{text-align:left}
}

/* ---- Μέτρηση έκτασης αγρού -------------------------------------------- */
.met .met-lead{font-size:18px;color:#454d47;margin:0 0 16px;text-align:justify;hyphens:auto}
.met-bar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 8px}
.met-bar button{font:inherit;font-size:14.5px;font-weight:600;border-radius:9px;padding:11px 16px;
        cursor:pointer;border:1px solid #c9d3c4;background:#fff;color:#3d5a2e;line-height:1.3}
.met-bar button:hover:not(:disabled){background:#eef3ea;border-color:#4faa2a}
.met-bar button:disabled{opacity:.45;cursor:not-allowed}
.met-bar .b2{background:#4a6b38;border-color:#4a6b38;color:#fff}
.met-bar .b2:hover:not(:disabled){background:#3d5a2e;color:#fff}
.met-bar .b3{background:#fff;color:#8a3030;border-color:#e0bcbc}
.met-bar .b3:hover{background:#FCEBEB;border-color:#F09595}
.met-gps{font-size:13.5px;color:#6d746d;margin:0 0 10px;min-height:1em}
#metMap{height:min(52vh,470px);min-height:320px;border-radius:12px;border:1px solid #dde5d8;z-index:1}
.met-hint{font-size:13px;color:#8a918a;margin:8px 0 0;line-height:1.55}
#metOut{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.met-empty{grid-column:1/-1;background:#fff;border:1px dashed #dde5d8;border-radius:12px;
        padding:28px 20px;text-align:center;color:#8a918a;font-size:15px}
.met-card{background:#fff;border:1px solid #dde5d8;border-radius:12px;padding:16px 18px}
.met-card.met-sum{border-color:#97C459;background:#f6fbf1;grid-column:1/-1}
.met-n{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#7ba05b;font-weight:700;margin:0 0 4px}
.met-big{font-size:34px;font-weight:700;color:#164d17;line-height:1.1;margin:0 0 12px}
.met-big span{display:block;font-size:13px;font-weight:400;color:#8a918a;letter-spacing:.3px;margin-top:2px}
.met-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f0f3ec;
        font-size:14.5px;color:#6d746d}
.met-row b{color:#1d2420;font-weight:600;white-space:nowrap}
.met-doc{margin:34px 0 0;padding:26px 0 0;border-top:2px solid #e4e4da}
.met-doc h2{font-size:25px;font-weight:600;margin:0 0 14px;color:#164d17;border:0;padding:0}
.met-doc h3{font-size:20px;font-weight:600;margin:28px 0 8px;color:#1d2420}
.met-doc p{margin:12px 0;font-size:16.5px;line-height:1.75;color:#1d2420;text-align:justify;hyphens:auto}
.met-doc ul{padding-left:24px;margin:12px 0}
.met-doc li{margin:9px 0;font-size:16.5px;line-height:1.7;text-align:justify;hyphens:auto}
table.met-tb{width:100%;border-collapse:collapse;font-size:15px;background:#fff;margin:16px 0}
table.met-tb th{background:#EAF3DE;color:#27500A;text-align:left;font-size:12.5px;text-transform:uppercase;
        letter-spacing:.3px;padding:9px 11px;font-weight:700;border-bottom:1px solid #dde5d8}
table.met-tb td{padding:10px 11px;border-bottom:1px solid #f0f0e8;color:#454d47;vertical-align:top;line-height:1.55}
.met-box{background:#fff;border:1px solid #e4e4da;border-left:5px solid #4faa2a;border-radius:0 12px 12px 0;
        padding:16px 20px;margin:20px 0}
.met-box.r{border-left-color:#F09595;background:#fffafa}
.met-box b:first-child{display:block;font-size:16.5px;color:#164d17;margin:0 0 7px}
.met-box.r b:first-child{color:#791F1F}
.met-box p{margin:0;font-size:15.5px;line-height:1.7;text-align:justify;hyphens:auto}
.met-note{margin:24px 0 0;font-size:13.5px;color:#8a918a}
.met-note p{margin:0}
@media(max-width:700px){
  #metMap{height:min(50vh,380px);min-height:280px}
  .met-bar button{flex:1 1 100%;padding:13px 16px;font-size:15px}
  .met-doc p,.met-doc li{font-size:16px}
  .met-doc h2{font-size:22px}
  .met-doc h3{font-size:18.5px}
  table.met-tb thead{display:none}
  table.met-tb,table.met-tb tbody,table.met-tb tr,table.met-tb td{display:block;width:100%}
  table.met-tb tr{border:1px solid #e4e4da;border-radius:10px;margin:0 0 10px;padding:4px 0;background:#fff}
  table.met-tb td{border:0;padding:5px 12px;font-size:15px}
  table.met-tb td:before{content:attr(data-l) ": ";font-size:11.5px;color:#8a918a;
        text-transform:uppercase;letter-spacing:.3px;display:block;margin-top:3px}
}
.met-how{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}
.met-col{background:#f7f9f5;border:1px solid #dde5d8;border-radius:12px;padding:16px 18px 14px}
.met-col h3{margin:0 0 10px;font-size:17px;font-weight:600;color:#164d17;line-height:1.3;
        display:flex;align-items:center;gap:9px}
.met-col h3 .k{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#4a6b38;color:#fff;
        font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700}
.met-col ol{margin:0;padding-left:22px}
.met-col li{margin:8px 0;font-size:15px;line-height:1.6;color:#454d47}
.met-col li b{color:#1d2420}
@media(max-width:820px){ .met-how{grid-template-columns:1fr;gap:14px} }

/* ---- Μέτρηση: λειτουργία δαχτύλου με σταυρόνημα ----------------------- */
.met-wrap{position:relative}
.met-cross{position:absolute;left:0;right:0;top:0;bottom:0;z-index:600;pointer-events:none}
.met-cross span{position:absolute;background:#e01b1b;box-shadow:0 0 0 1px rgba(255,255,255,.9)}
.met-cross .v{left:50%;top:50%;width:2px;height:46px;margin:-23px 0 0 -1px}
.met-cross .o{left:50%;top:50%;width:46px;height:2px;margin:-1px 0 0 -23px}
.met-cross .c{left:50%;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:transparent;
        border:2px solid #e01b1b;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.9),
        inset 0 0 0 1px rgba(255,255,255,.9)}
.met-touch{margin:10px 0 0}
.met-live{background:#f7f9f5;border:1px solid #dde5d8;border-radius:10px;padding:11px 14px;
        font-size:14.5px;color:#6d746d;text-align:center;margin:0 0 9px}
.met-live.on{background:#EAF3DE;border-color:#97C459;color:#27500A;font-size:15.5px}
.met-live b{font-size:22px;color:#164d17;font-weight:700}
.met-tbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.met-tbtn button{font:inherit;font-size:15px;font-weight:600;border-radius:10px;padding:14px 10px;
        cursor:pointer;border:1px solid #c9d3c4;background:#fff;color:#3d5a2e;line-height:1.25}
.met-tbtn button:disabled{opacity:.42;cursor:not-allowed}
.met-tbtn .bp{grid-column:1/-1;background:#e01b1b;border-color:#e01b1b;color:#fff;font-size:17px;padding:16px 10px}
.met-tbtn .bp:hover{background:#c11616}
.met-tbtn .bok{background:#4a6b38;border-color:#4a6b38;color:#fff}
.met-tbtn .bok:hover:not(:disabled){background:#3d5a2e}
.met-tbtn .bs:hover:not(:disabled){background:#eef3ea;border-color:#4faa2a}
.met-mode{display:flex;gap:8px;margin:12px 0 0;justify-content:center}
.met-mode button{font:inherit;font-size:13.5px;font-weight:600;border-radius:20px;padding:8px 16px;
        cursor:pointer;border:1px solid #dfe5d8;background:#fff;color:#6d746d}
.met-mode button.on{background:#4a6b38;border-color:#4a6b38;color:#fff}
.leaflet-tooltip.met-num{background:transparent;border:0;box-shadow:none;color:#fff;font-weight:700;
        font-size:11px;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.leaflet-tooltip.met-num:before{display:none}
@media(max-width:820px){
  #metMap{height:min(58vh,520px);min-height:340px}
  .met-live b{font-size:24px}
  .met-tbtn .bp{padding:18px 10px;font-size:18px}
}

/* ---- Κατηγορίες μέσα σε σελίδα καλλιέργειας ---- */
.catnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.catnav a{display:inline-block;background:#fff;border:1px solid #d6e5c4;border-radius:999px;
  padding:6px 14px;text-decoration:none;color:#3f6b28;font-weight:600;font-size:14.5px;line-height:1.3}
.catnav a b{font-weight:700;color:#8b948a;margin-left:3px}
.catnav a:hover{background:#EAF3DE;border-color:#97C459}
.cathead{font-size:22px;font-weight:600;color:#164d17;margin:38px 0 16px;
  padding:0 0 8px;border-bottom:2px solid #e4e4da;scroll-margin-top:16px}
.cathead:first-of-type{margin-top:0}
.cathead span{font-weight:400;color:#8b948a;font-size:17px}
@media(max-width:700px){
  .catnav{gap:6px;margin-bottom:20px}
  .catnav a{padding:5px 11px;font-size:13.5px}
  .cathead{font-size:20px;margin:30px 0 14px}
}

/* ===== Διακόπτης γλώσσας ================================================= */
.site-head .langsw{display:inline-flex;align-items:center;gap:5px;margin-left:14px;
  padding:6px 12px;border:1px solid rgba(255,255,255,.45);border-radius:99em;
  font-size:13px;font-weight:700;letter-spacing:.3px;text-decoration:none;
  color:inherit;opacity:.92;white-space:nowrap;line-height:1}
.site-head .langsw:hover{opacity:1;background:rgba(255,255,255,.14)}
@media(max-width:700px){.site-head .langsw{margin-left:8px;padding:5px 9px;font-size:12px}}


/* ===== Φόρμα μηνύματος μέσα στο υποσέλιδο =================================
   Ήταν ξεχωριστή ζώνη πάνω από το υποσέλιδο και τραβούσε την προσοχή σαν να
   ήταν αίτημα συμβουλευτικής. Δεν είναι: γι' αυτό υπάρχουν οι σελίδες
   Συμβουλευτικής και Διάγνωσης. Εδώ αφορά μόνο τον ιστότοπο, οπότε κάθεται
   διακριτικά στην πρώτη στήλη, κάτω από την περιγραφή της εταιρείας. */
.site-foot .foot-msg{margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.16);max-width:320px}
.site-foot .foot-msg b{display:block;color:#fff;font-size:15px;margin:0 0 2px}
.site-foot .foot-msg p{margin:0 0 9px;font-size:13.5px;color:#c2d3bc;line-height:1.5}
.site-foot .foot-msg input,.site-foot .foot-msg textarea{
  width:100%;box-sizing:border-box;margin:0 0 7px;padding:8px 10px;font:inherit;font-size:14px;
  border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(255,255,255,.08);color:#fff}
.site-foot .foot-msg input::placeholder,.site-foot .foot-msg textarea::placeholder{color:#a9bda3}
.site-foot .foot-msg input:focus,.site-foot .foot-msg textarea:focus{
  outline:0;border-color:#9ed36f;background:rgba(255,255,255,.14)}
.site-foot .foot-msg textarea{resize:vertical;min-height:64px}
.site-foot .foot-msg button{background:#7ED321;color:#123c0e;border:0;border-radius:7px;
  padding:9px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.site-foot .foot-msg button:hover{background:#96e03d}
@media(max-width:700px){.site-foot .foot-msg{max-width:none}}

/* ============================================================ ΕΡΓΑΛΕΙΑ ====
   Κουμπί «Εργαλεία» στην κορυφή, δίπλα στο μενού. Ίδιος μηχανισμός με το
   μενού: κρυφό checkbox και ετικέτα, ώστε να δουλεύει και χωρίς JavaScript.
   Το .burger έχανε το margin-left:auto γιατί τώρα το σπρώξιμο προς τα δεξιά
   το κάνει το κουμπί των εργαλείων, που μπαίνει πρώτο. */
#toolstoggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.toolsbtn{display:inline-flex;align-items:center;gap:9px;margin-left:auto;cursor:pointer;
  padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);
  color:var(--ink2);font-weight:600;font-size:15px;line-height:1;user-select:none;
  white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.toolsbtn:hover{background:var(--tint);color:var(--brand-dark);border-color:var(--brand)}
#toolstoggle:focus-visible ~ .toolsbtn{outline:2px solid var(--brand);outline-offset:2px}
#toolstoggle:checked ~ .toolsbtn{background:var(--brand);border-color:var(--brand);color:#fff}
.toolsbtn .bl{font-size:16px;line-height:1}
.head-inner .burger{margin-left:10px}

/* Ξεχωριστό κουμπί «Καιρός», ανάμεσα στα Εργαλεία και στο Μενού. */
.kairosbtn{display:inline-flex;align-items:center;gap:8px;margin-left:10px;
  padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);
  color:var(--ink2);font-weight:600;font-size:15px;line-height:1;white-space:nowrap;
  text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.kairosbtn:hover{background:var(--tint);color:var(--brand-dark);border-color:var(--brand);
  text-decoration:none}
.kairosbtn .bl{font-size:16px;line-height:1;color:#d98b17}
@media(max-width:700px){.kairosbtn{padding:10px 12px;font-size:14px;gap:5px;margin-left:6px}}
/* Το εικονίδιο του ήλιου ΔΕΝ κρύβεται πια στα κινητά: κάτω από τα 560 px
   είναι το μόνο που μένει στο κουμπί. Δες το μπλοκ «Η μπάρα της κορυφής
   στα κινητά» πιο κάτω. */
@media print{.kairosbtn{display:none !important}}

.toolsnav{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:360px;max-width:calc(100vw - 40px);
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;
  box-shadow:0 14px 34px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility .16s}
#toolstoggle:checked ~ .toolsnav{opacity:1;visibility:visible;transform:translateY(0)}
.toolsnav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.toolsnav li a{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 13px;border-radius:8px;color:var(--ink2);font-size:15px;font-weight:500;line-height:1.35}
.toolsnav li a:hover{background:var(--tint);color:var(--brand-dark);text-decoration:none}
.toolsnav .tk{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.4px;
  color:#8b948a;font-weight:700}
.toolsnav li a:hover .tk{color:var(--brand)}
@media(max-width:700px){
  .toolsbtn{padding:10px 13px;font-size:14px;gap:6px}
  .head-inner .burger{margin-left:6px}
  .toolsnav{left:0;right:0;width:auto;max-width:none;top:calc(100% + 8px)}
}
@media print{.toolsbtn,.toolsnav{display:none !important}}

/* ================================== Η ΜΠΑΡΑ ΤΗΣ ΚΟΡΥΦΗΣ ΣΤΑ ΚΙΝΗΤΑ ========
   ΤΙ ΕΦΤΑΙΓΕ: τέσσερα κουμπιά με ολόκληρες τις λέξεις — Εργαλεία, Καιρός,
   Μενού, English — μαζί με το λογότυπο θέλουν 492 px. Σε οθόνη 375 px αυτό
   είναι υπερχείλιση 117 px: η μπάρα έβγαινε δεξιά και ολόκληρη η σελίδα
   κυλούσε πλάγια.

   Η ΛΥΣΗ: κάτω από τα 560 px οι λέξεις κρύβονται και μένουν μόνο τα
   εικονίδια, σε τετράγωνα κουμπιά ίδιου μεγέθους. Οι λέξεις δεν χάνονται
   για την προσιτότητα — ζουν στα aria-label και στα title του view.php,
   οπότε ο αναγνώστης οθόνης εξακολουθεί να λέει «Εργαλεία», «Καιρός»,
   «Μενού». Η γλώσσα κρατάει κείμενο, γιατί ένα εικονίδιο σημαίας θα ήταν
   λάθος: η γλώσσα δεν είναι χώρα. Γίνεται «EN» και «ΕΛ».

   ΓΙΑΤΙ 660 ΚΑΙ ΟΧΙ 560: η υπόθεση ότι «στα 600 px οι λέξεις χωράνε άνετα»
   έπαψε να ισχύει όταν η κεφαλίδα απέκτησε και το λεκτικό δίπλα στο σήμα.
   Με μέτρηση, οι τέσσερις λέξεις μαζί με το σήμα θέλουν 650 px: στη ζώνη
   561–649 px η μπάρα έβγαινε έως 80 px δεξιά. Οι λέξεις κόβονται τώρα εκεί
   που πραγματικά δεν χωράνε, στα 660 px. */
.toolsbtn .lb,.kairosbtn .lb,.burger .lb{display:inline}
.site-head .langsw .lbs{display:none}

@media(max-width:660px){
  .head-inner{gap:8px}
  .brand{min-width:0}

  /* Ίδιο τετράγωνο για τα τρία εικονίδια, ώστε να μπαίνουν σε σειρά. */
  .toolsbtn,.kairosbtn,.head-inner .burger{
    width:40px;height:40px;padding:0;gap:0;border-radius:10px;
    justify-content:center;flex:0 0 auto}
  .toolsbtn .lb,.kairosbtn .lb,.head-inner .burger .lb{display:none}
  .toolsbtn .bl,.kairosbtn .bl,.head-inner .burger .bl{font-size:19px}

  /* Το κουμπί των εργαλείων κρατάει το margin-left:auto που σπρώχνει την
     ομάδα δεξιά· τα υπόλοιπα απλώς ακολουθούν με σταθερό κενό. */
  .kairosbtn{margin-left:6px}
  .head-inner .burger{margin-left:6px}

  /* Το περίγραμμα της γλώσσας ήταν σχεδόν διάφανο (λευκό σε λευκό φόντο).
     Δίπλα σε τρία κουμπιά με ορατό πλαίσιο έμοιαζε ξεκρέμαστο, οπότε εδώ
     παίρνει το ίδιο πλαίσιο και το ίδιο ύψος με τα άλλα. */
  .site-head .langsw{margin-left:6px;padding:0 11px;height:40px;font-size:13px;
    letter-spacing:.5px;flex:0 0 auto;border-radius:10px;opacity:1;
    border-color:var(--line);color:var(--ink2)}
  .site-head .langsw:hover{background:var(--tint);border-color:var(--brand);
    color:var(--brand-dark)}
  .site-head .langsw .lb{display:none}
  .site-head .langsw .lbs{display:inline}
}

/* Κάτω από τα 360 px τα κενά σφίγγουν κι άλλο. Στα 320 px — το χειρότερο
   σενάριο που ελέγχουμε πάντα — η μπάρα πρέπει να χωράει χωρίς κύλιση. */
@media(max-width:380px){
  .head-inner{gap:5px}
  .toolsbtn,.kairosbtn,.head-inner .burger{width:37px;height:37px}
  .kairosbtn,.head-inner .burger,.site-head .langsw{margin-left:3px}
  .site-head .langsw{height:37px;padding:0 7px;font-size:12.5px}
}

/* Στα κινητά το κουμπί των εργαλείων κρατάει ΚΑΙ τη λέξη «Εργαλεία» δίπλα
   στο γρανάζι: μόνο το γρανάζι δεν το αναγνώριζαν οι επισκέπτες. Τα άλλα
   κουμπιά μένουν εικονίδια. Για να χωράει στα 320 px, η λέξη μικραίνει
   και το λεκτικό δίπλα στο σήμα κόβεται με αποσιωπητικά αν χρειαστεί. */
@media(max-width:660px){
  .toolsbtn{width:auto;padding:0 11px;gap:6px}
  .toolsbtn .lb{display:inline;font-size:14px}
  .toolsbtn .bl{font-size:17px}
}
@media(max-width:380px){
  .toolsbtn{padding:0 8px;gap:4px}
  .toolsbtn .lb{font-size:13px}
  .toolsbtn .bl{font-size:15px}
}
@media(max-width:340px){
  .toolsbtn{padding:0 6px;gap:3px}
  .toolsbtn .lb{font-size:12.5px}
  .toolsbtn .bl{font-size:14px}
  .head-inner{gap:3px}
}

/* Κουμπί κάτω από τις «Καιρικές Συνθήκες Τώρα», προς τη σελίδα του καιρού. */
.pg-ms-btn{display:block;margin-top:12px;text-align:center;background:var(--tint);
  border:1px solid #97C459;border-radius:9px;padding:10px 12px;font-size:13.5px;
  font-weight:700;color:#27500A;text-decoration:none}
.pg-ms-btn:hover{background:var(--tint2);text-decoration:none;color:#164d17}

/* ============================================================== ΚΑΙΡΟΣ ==== */
.kr-lead{font-size:18px;color:var(--ink2);margin:0 0 18px}
.kr-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.kr-jump a{background:#f2f5ee;border:1px solid #d6e5c4;border-radius:999px;padding:6px 14px;
  font-size:14px;font-weight:600;color:#3f6b28;text-decoration:none}
.kr-jump a:hover{background:var(--tint);text-decoration:none}
.kr-sec{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;margin:0 0 22px}
.kr-sec h2{font-size:22px;color:var(--brand-dark);margin:0 0 2px}
.kr-sub{font-size:14px;color:var(--muted);margin:0 0 14px}
.kr-src{font-size:12.5px;color:var(--muted);margin:12px 0 0}
.kr-ld,.kr-err{font-size:14px;color:var(--muted);margin:8px 0}
.kr-err{color:#8a3b3b}

.kr-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}
.kr-pick label{font-size:13.5px;color:var(--ink2);font-weight:600}
.kr-pick select{flex:1 1 200px;max-width:320px;padding:9px 11px;border:1px solid var(--line);
  border-radius:9px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.kr-geo{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;
  font:inherit;font-size:14px;font-weight:600;color:var(--ink2);cursor:pointer}
.kr-geo:hover{background:var(--tint);border-color:var(--brand);color:var(--brand-dark)}
.kr-geo[disabled]{opacity:.5;cursor:default}

/* αναζήτηση τόπου με ελεύθερο κείμενο */
.kr-search{position:relative;flex:1 1 240px;max-width:360px;min-width:0}
.kr-search input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;
  font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.kr-search input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,170,42,.15)}
.kr-sug{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;
  list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.10);max-height:280px;overflow-y:auto}
.kr-sug li{padding:8px 10px;border-radius:7px;font-size:14.5px;color:var(--ink);cursor:pointer}
.kr-sug li:hover,.kr-sug li.on{background:var(--tint);color:var(--brand-dark)}
.kr-sug li.kr-none{color:var(--muted);cursor:default}
.kr-sug li.kr-none:hover{background:transparent;color:var(--muted)}

.kr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.kr-chip{background:#f2f5ee;border:1px solid #d6e5c4;border-radius:999px;padding:6px 13px;
  font:inherit;font-size:13.5px;font-weight:600;color:#3f6b28;cursor:pointer}
.kr-chip:hover{background:var(--tint)}
.kr-chip.on{background:#4faa2a;border-color:#4faa2a;color:#fff}


.kr-now{border-bottom:1px solid #f0f2ec;padding-bottom:16px;margin-bottom:16px}
.kr-big{display:flex;align-items:center;gap:14px}
.kr-ic{font-size:46px;line-height:1}
.kr-t{font-size:52px;font-weight:700;color:var(--brand-dark);line-height:1}
.kr-d{font-size:17px;color:var(--ink2);margin:4px 0 14px}
.kr-grid{display:flex;flex-wrap:wrap;gap:10px}
.kr-grid .kr-cell{flex:1 1 130px;background:#f7f9f4;border:1px solid #e8eee1;border-radius:10px;
  padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.kr-cell .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#8b948a;font-weight:700}
.kr-cell .v{font-size:18px;font-weight:700;color:#1d4d1f}

.kr-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;-webkit-overflow-scrolling:touch}
.kr-hr{flex:0 0 62px;text-align:center;background:#f7f9f4;border:1px solid #e8eee1;
  border-radius:10px;padding:8px 4px}
.kr-hr.on{background:var(--tint);border-color:#97C459}
.kr-hr .hh{font-size:11.5px;color:#6d746d;font-weight:600}
.kr-hr .hi{font-size:20px;line-height:1.3}
.kr-hr .ht{font-size:15px;font-weight:700;color:#1d4d1f}
.kr-hr .hp{font-size:11.5px;color:#8b948a}
.kr-hr .hp.wet{color:#185FA5;font-weight:700}

.kr-days{margin-top:14px}
.kr-day{display:grid;grid-template-columns:82px 30px 58px 1fr 92px 62px;align-items:center;
  gap:8px;padding:9px 0;border-top:1px solid #f0f2ec;font-size:14.5px}
.kr-day:first-child{border-top:0}
.kr-day .dn{font-weight:700;color:var(--ink2)}
.kr-day .di{font-size:19px;text-align:center}
.kr-day .dr{font-size:12.5px;color:#8b948a;text-align:right}
.kr-day .dr.wet{color:#185FA5;font-weight:700}
.kr-day .db{height:7px;background:#eef1ec;border-radius:99px;overflow:hidden}
.kr-day .dbf{height:100%;background:linear-gradient(90deg,#8fb8e8,#e8a33f);border-radius:99px;min-width:6px}
.kr-day .dt{font-weight:700;color:#1d4d1f;text-align:right;white-space:nowrap}
.kr-day .dw{font-size:12.5px;color:#8b948a;text-align:right;white-space:nowrap}

.kr-live{display:flex;flex-wrap:wrap;gap:10px}
.kr-live .kr-cell{flex:1 1 140px}
.kr-live .kr-cell.big{flex:1 1 100%}
.kr-live .kr-cell.big .v{font-size:32px}
.kr-time{font-size:12.5px;color:#8a918a;margin:10px 0 0}
.kr-note{margin-top:16px;background:#E6F1FB;border:1px solid #85B7EB;border-radius:10px;
  padding:12px 15px;font-size:14.5px;color:#0C447C}
.kr-note b{display:block;margin-bottom:3px}

.kr-frame{position:relative;width:100%;padding-bottom:72%;height:0;overflow:hidden;
  border-radius:10px;border:1px solid var(--line);background:#eef1ec}
.kr-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Χάρτες Meteox: το widget έχει κλειδωμένο ζουμ, οπότε το πλαίσιο ζωγραφίζεται
   σε σταθερό μέγεθος όπου χωράει ολόκληρη η χώρα και σμικρύνεται με transform.
   Το ύψος και ο συντελεστής μπαίνουν από τη JavaScript της σελίδας. */
.kr-scale{padding-bottom:0;height:0;max-width:880px;margin-left:auto;margin-right:auto}
/* Πάνω από 880 px δεν μεγαλώνει άλλο, ώστε ο χάρτης να μη θολώνει από
   μεγέθυνση. Απλώς κεντράρεται μέσα στη στήλη. */
.kr-scale iframe{position:absolute;top:0;left:0;inset:auto;transform-origin:0 0;
  width:880px;height:890px}
.kr-hold{padding-bottom:0;height:260px;display:flex;align-items:center;justify-content:center;
  background:#f7f9f4}
.kr-hold-in{text-align:center;max-width:460px;padding:18px}
.kr-hold-in p{font-size:14.5px;color:var(--ink2);margin:0 0 14px}
.kr-btn{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:11px 20px;
  font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.kr-btn:hover{background:var(--brand-dark)}

.kr-agro .kr-tab{width:100%;border-collapse:collapse;margin:6px 0 0;font-size:15px;background:#fff}
.kr-agro .kr-tab th,.kr-agro .kr-tab td{border:1px solid var(--line);padding:9px 11px;
  text-align:left;vertical-align:top}
.kr-agro .kr-tab th{background:var(--tint);color:#27500A;font-weight:600}
.kr-warn{font-size:13.5px;color:var(--muted);font-style:italic;margin:12px 0 0}
.kr-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.kr-lnk{background:#f2f5ee;border:1px solid #d6e5c4;border-radius:9px;padding:9px 14px;
  font-size:14px;font-weight:600;color:#3f6b28;text-decoration:none}
.kr-lnk:hover{background:var(--tint);text-decoration:none}

@media(max-width:700px){
  .kr-sec{padding:14px 15px}
  .kr-sec h2{font-size:19px}
  .kr-t{font-size:42px}
  .kr-ic{font-size:38px}
  /* Τα χιλιοστά βροχής ΜΕΝΟΥΝ ορατά σε κινητό: είναι ο λόγος που ανοίγει
     κανείς τη σελίδα. Κρύβεται μόνο ο άνεμος, που έτσι κι αλλιώς φαίνεται
     στο πλαίσιο της ζωντανής μέτρησης. */
  .kr-day{grid-template-columns:62px 22px 52px minmax(0,1fr) 76px;gap:6px;font-size:13.5px}
  .kr-day .dr{display:block;font-size:12px}
  .kr-day .dw{display:none}
  .kr-frame{padding-bottom:96%}
  .kr-scale{padding-bottom:0}
  .kr-agro .kr-tab,.kr-agro .kr-tab tbody,.kr-agro .kr-tab tr,.kr-agro .kr-tab td{
    display:block;width:100%;max-width:100%;box-sizing:border-box}
  .kr-agro .kr-tab thead,.kr-agro .kr-tab th{display:none}
  .kr-agro .kr-tab tr.hrow{display:none}
  .kr-agro .kr-tab{background:transparent;border:0}
  .kr-agro .kr-tab tr{border:1px solid var(--line);border-radius:11px;background:#fff;
    padding:12px 14px;margin:0 0 10px}
  .kr-agro .kr-tab td{border:0;padding:5px 0;overflow-wrap:anywhere}
  .kr-agro .kr-tab td:before{content:attr(data-l);display:block;font-size:11px;
    text-transform:uppercase;letter-spacing:.5px;color:#8b948a;font-weight:700;margin:0 0 2px}
  .kr-agro .kr-tab td:first-child{font-size:16px;padding:0 0 9px;margin:0 0 6px;
    border-bottom:1px solid #eef1ec}
  .kr-agro .kr-tab td:first-child:before{content:none}
}
/* Κάτω από 380 px δεν χωράει και η μπάρα θερμοκρασίας. Φεύγει αυτή, όχι τα
   χιλιοστά: η μπάρα είναι διακοσμητική, τα χιλιοστά είναι το δεδομένο. */
@media(max-width:380px){
  .kr-day{grid-template-columns:62px 20px minmax(0,1fr) 68px;gap:5px;font-size:13px}
  .kr-day .db{display:none}
  .kr-day .dn{font-size:12.5px;white-space:nowrap}
  .kr-day .dr{text-align:right}
}


/* ─────────────────────────────────────────────────────────────────────────
   Λογότυπα, Σεπτέμβριος 2026
   Η κεφαλίδα φέρει ΜΟΝΟ την ταυτότητα του ιστοτόπου: το σήμα plantprotect
   και το λεκτικό δίπλα του. Το εταιρικό λογότυπο μετακινήθηκε τέρμα κάτω
   αριστερά, στο υποσέλιδο, δίπλα στην επωνυμία.
   ───────────────────────────────────────────────────────────────────────── */

.brand{max-width:none}
.ppbrand{display:flex; align-items:center; gap:12px; text-decoration:none; line-height:1}
.ppbrand:hover{text-decoration:none}
.ppbrand img{max-height:76px; width:auto; height:auto; display:block;
             transition:max-height .18s ease}
.ppwm{display:block; font-weight:700; letter-spacing:-.01em; white-space:nowrap;
      font-size:30px; color:var(--brand)}
.ppwm b{font-weight:800}
.ppwm i{font-style:normal; font-weight:600; opacity:.72}

/* Η συμμαζεμένη κεφαλίδα (.mini από το theme.js) ισχύει ΜΟΝΟ εκεί που η
   κεφαλίδα είναι πραγματικά κολλημένη. Κάτω από τα 800 px το .site-head
   γίνεται position:static, οπότε το .mini δεν προσφέρει τίποτα — και επειδή
   οι δύο παρακάτω κανόνες έχουν μεγαλύτερη ειδικότητα από τους κανόνες των
   κινητών, ΜΕΓΑΛΩΝΑΝ ξανά το σήμα μόλις ο επισκέπτης κυλούσε: το λεκτικό
   πήγαινε στα 22 px και η μπάρα έβγαινε 56 px δεξιά σε οθόνη 320 px. */
@media(min-width:801px){
  .site-head.mini .ppbrand img{max-height:44px}
  .site-head.mini .ppwm{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.ppbrand img{transition:none}}

/* Ενδιάμεσο σκαλοπάτι για τις μικρές οθόνες υπολογιστή. Στα 820 px το σήμα
   σε πλήρες μέγεθος (295 px) μαζί με τα τέσσερα κουμπιά με ολόκληρες τις
   λέξεις ξεπερνούσε κατά 2 px το διαθέσιμο πλάτος. */
@media(min-width:801px) and (max-width:900px){
  .ppbrand img{max-height:58px}
  .ppwm{font-size:24px}
}

/* Το όριο είναι 800 px, όσο και το σημείο όπου η κεφαλίδα παύει να είναι
   κολλημένη. Με όριο 700 px, στη ζώνη 701–799 px — δηλαδή στο tablet σε
   κατακόρυφη θέση, 768 px — το σήμα κρατούσε το μέγεθος του υπολογιστή (295 px)
   ενώ τα κουμπιά έδειχναν ακόμη ολόκληρες τις λέξεις, και η μπάρα έβγαινε
   έως 96 px δεξιά. */
@media(max-width:800px){
  .ppbrand{gap:8px}
  .ppbrand img{max-height:40px}
  .ppwm{font-size:19px}
}
@media(max-width:430px){
  .ppbrand{gap:7px}
  .ppwm{font-size:17px}
  .ppbrand img{max-height:36px}
}
@media(max-width:360px){
  .ppbrand{gap:6px}
  .ppwm{font-size:14.5px}
  .ppbrand img{max-height:30px}
}


/* ─────────────────────────────────────────────────────────────────────────
   ΟΤΑΝ ΕΙΝΑΙ ΕΝΕΡΓΟΙ ΟΙ ΛΟΓΑΡΙΑΣΜΟΙ Η ΜΠΑΡΑ ΕΧΕΙ ΠΕΝΤΕ ΚΟΥΜΠΙΑ

   Με το κουμπί του λογαριασμού η ομάδα δεξιά θέλει 950 px για να δείξει
   ολόκληρες τις λέξεις — δηλαδή δεν χωράει ούτε σε tablet. Και στα στενά
   κινητά ούτε τα πέντε εικονίδια χωρούν μαζί με το λεκτικό «plantprotect.gr»:
   σε οθόνη 320 px η μπάρα έβγαινε 36 px δεξιά, σε 390 px έβγαινε 37 px.

   Οι δύο παρακάτω ομάδες κανόνων ισχύουν ΜΟΝΟ όταν υπάρχει το κουμπί του
   λογαριασμού (:has(.accbtn)), ώστε η μπάρα των τεσσάρων κουμπιών να μείνει
   ακριβώς όπως ήταν.
   ───────────────────────────────────────────────────────────────────────── */

/* 1. Ως τα 980 px μένουν μόνο τα εικονίδια. */
@media(min-width:661px) and (max-width:1000px){
  .head-inner:has(.accbtn) .toolsbtn,
  .head-inner:has(.accbtn) .kairosbtn,
  .head-inner:has(.accbtn) .burger{
    width:40px;height:40px;padding:0;gap:0;border-radius:10px;
    justify-content:center;flex:0 0 auto}
  .head-inner:has(.accbtn) .toolsbtn .lb,
  .head-inner:has(.accbtn) .kairosbtn .lb,
  .head-inner:has(.accbtn) .burger .lb{display:none}
  .head-inner:has(.accbtn) .toolsbtn .bl,
  .head-inner:has(.accbtn) .kairosbtn .bl,
  .head-inner:has(.accbtn) .burger .bl{font-size:19px}
  .head-inner:has(.accbtn) .kairosbtn{margin-left:6px}
  .head-inner:has(.accbtn) .burger{margin-left:6px}
  .head-inner:has(.accbtn) .langsw{margin-left:6px;padding:0 11px;height:40px;
    font-size:13px;letter-spacing:.5px;flex:0 0 auto;border-radius:10px;opacity:1;
    border-color:var(--line);color:var(--ink2)}
  .head-inner:has(.accbtn) .langsw .lb{display:none}
  .head-inner:has(.accbtn) .langsw .lbs{display:inline}
}

/* 2. Κάτω από τα 465 px φεύγει το λεκτικό και μένει το σήμα. Το σήμα ΕΙΝΑΙ
      η ταυτότητα· το λεκτικό είναι επανάληψή της και κοστίζει 106 px.
      ΓΙΑΤΙ 465 ΚΑΙ ΟΧΙ 430: με μέτρηση ανά 5 px, η μπάρα με το λεκτικό έβγαινε
      δεξιά σε ΟΛΟ το εύρος 431–465 px — 35 px στα 431, 5 px στα 461. Το όριο
      των 430 άφηνε ακάλυπτη ακριβώς αυτή τη ζώνη. */
@media(max-width:465px){
  .head-inner:has(.accbtn) .ppwm{display:none}
}

/* Το εταιρικό λογότυπο στο υποσέλιδο */
.legal .colegal{display:flex; align-items:flex-start; gap:16px}
.legal .cologo{flex:0 0 auto; width:74px; height:74px; object-fit:contain;
               background:#fff; border-radius:12px; padding:7px;
               box-shadow:0 1px 3px rgba(0,0,0,.18)}
.legal .cotext{min-width:0}
@media(max-width:520px){
  .legal .colegal{gap:12px}
  .legal .cologo{width:56px; height:56px; padding:5px; border-radius:10px}
}
@media print{.legal .cologo{box-shadow:none}}

/* ─────────────────────────────────────────────────────────────────────────
   ΚΑΝΕΝΑΣ ΠΙΝΑΚΑΣ ΔΕΝ ΣΠΡΩΧΝΕΙ ΤΗ ΣΕΛΙΔΑ ΠΛΑΓΙΑ

   Τα παλιότερα άρθρα δεν έχουν τη διάταξη καρτών των κινητών: ο πίνακας
   μένει πίνακας και, όταν έχει τέσσερις ή πέντε στήλες, βγάζει ολόκληρη τη
   σελίδα εκτός οθόνης. Μετρήθηκε υπερχείλιση 10 έως 150 px σε επτά άρθρα,
   και στα ελληνικά και στα αγγλικά.

   Ο κανόνας μπαίνει εδώ, μία φορά για όλο το site, αντί για μπάλωμα σε κάθε
   άρθρο. Όπου το άρθρο έχει τη δική του διάταξη καρτών, εκείνη υπερισχύει
   (το <style> της ανάρτησης έρχεται αργότερα) και το overflow-x δεν έχει τι
   να κυλήσει — δεν χαλάει τίποτα.
   ───────────────────────────────────────────────────────────────────────── */
.post-body table,.page-body table{max-width:100%}
@media(max-width:1000px){
  .post-body table,.page-body table{
    display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Εφαρμογή Google Play: τα κουμπιά αγοράς κρύβονται (κλάση .pp-app στο <html>,
   από το script της κεφαλής) και στη θέση τους εμφανίζεται απλή σημείωση
   χωρίς σύνδεσμο. Στον browser και στο iPhone δεν αλλάζει τίποτε. */
.pp-appnote{display:none!important}
html.pp-app .pp-buy{display:none!important}
html.pp-app .pp-appnote{display:block!important}

/* ═══════════════════════════════════════════ Τα εργαλεία μας, /ergaleia.html

   Μεγάλα κουμπιά με μεγάλα γράμματα, ένα για κάθε εργαλείο της tool_items().
   Στον υπολογιστή δύο στήλες, κάτω από τα 700px μία στήλη όπου ο επισκέπτης
   κατεβαίνει κυλώντας. Το ύψος ισοφαρίζεται με grid, ώστε τα κουμπιά της
   ίδιας σειράς να τελειώνουν στην ίδια γραμμή όσο κι αν διαφέρει η
   περιγραφή, και το «Άνοιγμα» κάθεται πάντα στο κάτω μέρος.
   ───────────────────────────────────────────────────────────────────────── */
.erga h1.post-title{font-size:34px; margin:0 0 10px}
.erga .erga-lead{font-size:19px; color:var(--ink2); margin:0 0 26px; max-width:720px}
.erga .erga-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.erga .erga-b{display:flex; flex-direction:column; min-height:200px;
  background:var(--card); border:2px solid #97C459; border-radius:14px;
  padding:20px 22px; color:var(--brand-dark); text-decoration:none;
  transition:background .15s, border-color .15s, box-shadow .15s}
.erga .erga-b:hover{background:var(--tint); border-color:var(--brand-light);
  box-shadow:0 3px 14px rgba(31,107,31,.14); text-decoration:none}
.erga .erga-b .k{display:block; font-size:12px; letter-spacing:.07em;
  text-transform:uppercase; color:var(--muted); font-weight:700; margin:0 0 8px}
.erga .erga-b .t{display:block; font-size:25px; line-height:1.24; font-weight:700;
  color:#27500A; margin:0 0 10px; overflow-wrap:anywhere}
.erga .erga-b .d{display:block; font-size:15px; line-height:1.6; color:var(--ink2);
  margin:0 0 16px; overflow-wrap:anywhere}
.erga .erga-b .go{display:inline-block; margin-top:auto; align-self:flex-start;
  background:#3f6b28; color:#fff; font-size:16px; font-weight:700;
  border-radius:9px; padding:10px 20px}
.erga .erga-b:hover .go{background:#345a21}
@media(max-width:700px){
  .erga h1.post-title{font-size:27px}
  .erga .erga-lead{font-size:17.5px; margin:0 0 20px}
  .erga .erga-grid{grid-template-columns:minmax(0,1fr); gap:13px}
  .erga .erga-b{min-height:0; padding:17px 18px}
  .erga .erga-b .t{font-size:22px}
  .erga .erga-b .d{font-size:14.5px}
  .erga .erga-b .go{font-size:15.5px; padding:9px 18px}
}

/* ============================================================
   .sxd — Σχεδιασμός φύτευσης, /sxediasmos.html
   Η φόρμα ζει επάνω, η κάτοψη και το υπόμνημα από κάτω. Στην
   εκτύπωση μένουν μόνο τα δύο τελευταία, σε A4 οριζόντιο.
   ============================================================ */
.sxd{max-width:1060px; margin:0 auto}
.sxd .sxd-ph{display:none}
.sxd h1.post-title{font-size:31px; line-height:1.18; color:#164d17; margin:0 0 10px}
.sxd .sxd-lead{font-size:18.5px; color:#454d47; margin:0 0 20px; max-width:840px}
.sxd .sxd-note{margin:0 0 22px}
.sxd .sxd-note p{margin:6px 0 0; font-size:15px}

.sxd .sxd-sec{background:#fff; border:1px solid #e4e4da; border-radius:14px;
  padding:18px 22px; margin:0 0 20px}
.sxd .sxd-sec h2{font-size:21px; color:#164d17; margin:0 0 14px; padding:0; border:0}
.sxd .sxd-sec h3{font-size:16.5px; color:#1d2420; margin:18px 0 10px}

.sxd .sxd-grid{display:flex; flex-wrap:wrap; gap:14px}
.sxd .sxd-grid label{display:flex; flex-direction:column; gap:5px; flex:1 1 225px; min-width:0}
/* Η ετικέτα παίρνει όλο το ύψος που περισσεύει, ώστε όταν τυλίγεται σε δύο
   γραμμές, όπως η «Ανατολική πλευρά, Κ2 προς Κ3 (m)», το πεδίο από κάτω να
   μένει στοιχισμένο με τα υπόλοιπα της σειράς αντί να κατεβαίνει. */
.sxd .sxd-grid label > span{font-size:14px; color:#454d47; font-weight:600;
  flex:1 1 auto; display:block}
.sxd .sxd-grid label > input,.sxd .sxd-grid label > select{flex:0 0 auto}
.sxd input[type="number"],.sxd input[type="text"],.sxd select{
  font:inherit; font-size:16px; padding:9px 11px; border:1px solid #d6e5c4;
  border-radius:9px; background:#fbfcf9; color:#1d2420; width:100%; min-width:0}
.sxd input:focus,.sxd select:focus{outline:2px solid #97C459; outline-offset:1px}
.sxd button{font:inherit; font-size:15.5px; font-weight:700; cursor:pointer;
  background:#3f6b28; color:#fff; border:0; border-radius:9px; padding:10px 18px}
.sxd button:hover{background:#345a21}
.sxd .sxd-act{flex:0 0 auto; justify-content:flex-end}
.sxd .sxd-grid label.sxd-wide{flex:1 1 100%}
.sxd .sxd-sub{margin:14px 0 0}
.sxd .sxd-rotbar{display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center;
  justify-content:space-between; background:#f2f5ee; border:1px solid #d6e5c4;
  border-radius:11px; padding:10px 15px; margin:0 0 6px}
.sxd .sxd-rotbar > span:first-child{font-size:14.5px; font-weight:600; color:#27500A}
.sxd .sxd-rothelp{margin:0 0 14px}
.sxd .sxd-rot{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0}
.sxd .sxd-rot button{padding:7px 15px; font-size:20px; line-height:1.1}
.sxd .sxd-rot button.sxd-rst{font-size:15px; background:#6d746d; padding:9px 15px}
.sxd .sxd-rot button.sxd-rst:hover{background:#565c56}
.sxd .sxd-rot input[type="range"]{flex:1 1 200px; width:auto; min-width:150px;
  padding:0; border:0; background:none; accent-color:#4faa2a}
.sxd .sxd-mini{font-size:14px; color:#6d746d; margin:8px 0 0; line-height:1.55}

/* Οι οδηγίες μένουν κλειστές και ανοίγουν με κλικ, ώστε η φόρμα να διαβάζεται
   με μια ματιά. */
.sxd details.sxd-od{margin:8px 0 0}
.sxd details.sxd-od > summary{cursor:pointer; display:inline-block; list-style:none;
  font-size:14px; font-weight:600; color:#3f6b28; background:#f2f5ee;
  border:1px solid #d6e5c4; border-radius:999px; padding:5px 14px 5px 11px;
  user-select:none}
.sxd details.sxd-od > summary::-webkit-details-marker{display:none}
.sxd details.sxd-od > summary::before{content:'\25B8'; display:inline-block;
  margin-right:7px; transition:transform .15s}
.sxd details.sxd-od[open] > summary::before{transform:rotate(90deg)}
.sxd details.sxd-od > summary:hover{background:#EAF3DE}
.sxd details.sxd-od.sxd-help{background:none; border:0; border-radius:0; padding:0}
.sxd details.sxd-od.sxd-help ul{margin:10px 0 0; padding-left:20px}
.sxd details.sxd-od .sxd-mini{margin:9px 0 0}
.sxd .sxd-help{background:#f2f5ee; border:1px solid #d6e5c4; border-radius:11px;
  padding:12px 18px; margin:16px 0; font-size:14.5px}
.sxd .sxd-help b{display:block; margin-bottom:4px; color:#27500A}
.sxd .sxd-help ul{margin:6px 0 0; padding-left:20px}
.sxd .sxd-help li{margin:4px 0}

.sxd .sxd-tw{overflow-x:auto; margin:14px 0}
.sxd table.sxd-rows{width:100%; border-collapse:collapse; font-size:15px; background:#fff}
.sxd table.sxd-rows th,.sxd table.sxd-rows td{border:1px solid #e4e4da; padding:6px 8px;
  text-align:left; vertical-align:middle}
.sxd table.sxd-rows tr.hd th{background:#EAF3DE; color:#27500A; font-weight:600; font-size:14px}
.sxd table.sxd-rows td:first-child{font-weight:700; color:#164d17; width:62px}
.sxd table.sxd-rows input{padding:6px 8px; font-size:15px}

.sxd .sxd-lbl{font-size:14px; color:#454d47; font-weight:600; margin:0 0 8px}
.sxd .sxd-chk{display:flex; flex-wrap:wrap; gap:9px 22px; margin:0 0 4px; font-size:15px}
.sxd .sxd-chk label{display:flex; gap:8px; align-items:center; cursor:pointer;
  flex:1 1 220px; line-height:1.45}
.sxd .sxd-chk input{width:17px; height:17px; accent-color:#4faa2a; flex:0 0 auto; margin:0}
.sxd .sxd-opts{display:flex; flex-direction:column; gap:9px; margin:14px 0 0; font-size:15px}
.sxd .sxd-opts label{display:flex; gap:9px; align-items:flex-start; cursor:pointer; line-height:1.5}
.sxd .sxd-opts input{margin-top:3px; width:17px; height:17px; accent-color:#4faa2a; flex:0 0 auto}
.sxd .sxd-btns{margin:18px 0 0; display:flex; flex-wrap:wrap; gap:10px}
.sxd .sxd-print{background:#185FA5}
.sxd .sxd-print:hover{background:#13497f}
.sxd .sxd-png{background:#4faa2a}
.sxd .sxd-png:hover{background:#3f8c21}
.sxd .sxd-pngmsg{font-weight:600; color:#27500A}

.sxd .sxd-warn{background:#FAEEDA; border:1px solid #EF9F27; border-radius:11px;
  padding:12px 18px; margin:0 0 20px; color:#633806; font-size:15px}
.sxd .sxd-warn p{margin:4px 0}

.sxd .sxd-out{background:#fff; border:1px solid #e4e4da; border-radius:14px; padding:18px 22px}
.sxd .sxd-outT{font-size:21px; color:#164d17; margin:0 0 12px; padding:0; border:0}
.sxd .sxd-plan{width:100%; background:#fff}
.sxd .sxd-plan svg{display:block; width:100%; height:auto}

.sxd .sxd-demo{font-size:14.5px; color:#633806; background:#FAEEDA;
  border:1px solid #EF9F27; border-radius:10px; padding:10px 15px;
  margin:0 0 14px; line-height:1.55}
.sxd .sxd-ask{background:#E6F1FB; border:1px solid #85B7EB; border-radius:10px;
  padding:11px 15px; margin:0 0 12px; font-size:14.5px; color:#0C447C}
.sxd .sxd-ask p{margin:0 0 8px; line-height:1.55}
.sxd .sxd-ask .sxd-askq{font-weight:600}
.sxd .sxd-ask label{display:flex; gap:9px; align-items:center; cursor:pointer;
  font-weight:600}
.sxd .sxd-ask input{width:17px; height:17px; accent-color:#185FA5; flex:0 0 auto; margin:0}
.sxd .sxd-newsp{color:#B3261E; font-weight:800; font-size:15px; letter-spacing:.2px;
  margin:0 0 10px; line-height:1.45}
.sxd .sxd-wait{font-size:16px; color:#6d746d; background:#f2f5ee;
  border:1px dashed #d6e5c4; border-radius:11px; padding:22px 20px;
  margin:0; text-align:center; line-height:1.6}
.sxd .sxd-leg{margin-top:18px}
.sxd .sxd-leg h3{font-size:16.5px; color:#164d17; margin:20px 0 8px}
.sxd .sxd-key{display:flex; flex-wrap:wrap; gap:18px; align-items:center; font-size:15px;
  padding:10px 0; border-top:1px solid #e4e4da; border-bottom:1px solid #e4e4da}
.sxd .sxd-key span{display:inline-flex; align-items:center; gap:7px}
.sxd .sxd-key i{display:inline-block; width:14px; height:14px}
.sxd .sxd-key i.kf{background:#4faa2a; border:1px solid #27500A; border-radius:50%}
.sxd .sxd-key i.km{background:#C7511F; border:1px solid #7a2f0e;
  clip-path:polygon(50% 0, 100% 100%, 0 100%); border-radius:0}
.sxd .sxd-key i.kr{background:#e8e8e2; border:1px solid #8b948a; border-radius:2px}
.sxd .sxd-key .kz{color:#6d746d; font-size:14px}
.sxd .sxd-key .kz:before{content:''; display:inline-block; width:22px; height:0;
  border-top:2px dashed #97C459; margin-right:7px; vertical-align:middle}

.sxd .sxd-kpi{display:flex; flex-wrap:wrap; gap:10px; margin:16px 0}
.sxd .sxd-kpi div{flex:1 1 140px; background:#EAF3DE; border:1px solid #97C459;
  border-radius:12px; padding:12px; text-align:center}
.sxd .sxd-kpi b{display:block; font-size:25px; color:#27500A; line-height:1.2}
.sxd .sxd-kpi span{font-size:13.5px; color:#3d5b22}

.sxd table.sxd-sum,.sxd table.sxd-rt{width:100%; border-collapse:collapse;
  font-size:15px; background:#fff; margin:10px 0}
.sxd table.sxd-sum td,.sxd table.sxd-rt td,.sxd table.sxd-rt th{
  border:1px solid #e4e4da; padding:7px 10px; text-align:left; vertical-align:top}
.sxd table.sxd-sum td:first-child{font-weight:600; color:#454d47; width:46%}
.sxd table.sxd-sum tr.sxd-sp td{font-size:17.5px; font-weight:700; color:#1d2420}
.sxd table.sxd-sum tr.sxd-spx td{color:#B3261E; font-weight:800}
.sxd .sxd-spn{font-size:14px; color:#454d47; line-height:1.5; margin:8px 0 0}
.sxd table.sxd-rt tr.hd th{background:#EAF3DE; color:#27500A; font-weight:600; font-size:13.5px}
.sxd .sxd-nm{font-size:14.5px; color:#6d746d; font-style:italic; margin:10px 0 0}
.sxd .sxd-foot{font-size:14px; color:#6d746d; margin:18px 0 0}

@media(max-width:700px){
  .sxd h1.post-title{font-size:26px}
  .sxd .sxd-lead{font-size:17px}
  .sxd .sxd-sec{padding:15px 16px}
  .sxd .sxd-grid label{flex:1 1 140px}
  .sxd .sxd-kpi b{font-size:22px}
  .sxd table.sxd-rows{font-size:14px}
  .sxd table.sxd-rows th,.sxd table.sxd-rows td{padding:5px 6px}
  .sxd table.sxd-sum,.sxd table.sxd-rt{font-size:14px}
  .sxd table.sxd-rt,.sxd table.sxd-rt tbody,.sxd table.sxd-rt tr,.sxd table.sxd-rt td{
    display:block; width:100%; max-width:100%; box-sizing:border-box}
  .sxd table.sxd-rt tr.hd{display:none}
  .sxd table.sxd-rt tr{border:1px solid #e4e4da; border-radius:11px; background:#fff;
    padding:11px 13px; margin:0 0 10px}
  .sxd table.sxd-rt td{border:0; padding:4px 0; overflow-wrap:anywhere}
  .sxd table.sxd-rt td:before{content:attr(data-l); display:block; font-size:11px;
    text-transform:uppercase; letter-spacing:.5px; color:#8b948a; font-weight:700; margin:0 0 2px}
  .sxd table.sxd-rt td:first-child{font-size:16.5px; font-weight:600; padding:0 0 8px;
    margin:0 0 5px; border-bottom:1px solid #eef1ec}
  .sxd table.sxd-rt td:first-child:before{content:none}
}

@media print{
  /* Η εκτύπωση πρέπει να χωράει σε ΜΙΑ σελίδα, και σε οριζόντιο και σε κατακόρυφο
     χαρτί. Το Android αγνοεί συχνά τον προσανατολισμό της @page και στρώνει τη
     σελίδα σε στενό πλάτος, οπότε εδώ ακυρώνονται ρητά όλοι οι κανόνες κινητού:
     αλλιώς οι πλακέτες σπάνε σε στήλες, ο πίνακας γίνεται κάρτες και το υπόμνημα
     φεύγει στη δεύτερη σελίδα. */
  @page{size:A4 landscape; margin:8mm}
  html,body{width:auto; height:auto; margin:0; padding:0; background:#fff}
  .sxd{max-width:none}
  .sxd .sxd-lead,.sxd .sxd-note,.sxd .sxd-form,.sxd .sxd-warn,.sxd .sxd-foot{display:none !important}
  .sxd .sxd-demo,.sxd .sxd-wait,.sxd .sxd-rotbar,.sxd details.sxd-od,
  .sxd .sxd-ask,.sxd .sxd-rothelp{display:none !important}
  .sxd .sxd-newsp{font-size:9pt; margin:0 0 4pt;
    page-break-inside:avoid; break-inside:avoid}
  .sxd .sxd-ph{display:flex; align-items:center; gap:6pt; margin:0 0 4pt;
    padding:0 0 3pt; border-bottom:1pt solid #d6e5c4}
  .sxd .sxd-ph img{height:10mm; width:auto; object-fit:contain; flex:0 0 auto}
  .sxd .sxd-ph img.l2{height:13mm}
  .sxd .sxd-ph img.l1{max-width:24mm}
  .sxd .sxd-ph img.l2{max-width:22mm; margin-left:auto}
  .sxd .sxd-ph span{display:flex; flex-direction:column; gap:0}
  .sxd .sxd-ph b{font-size:10pt; color:#164d17; line-height:1.15}
  .sxd .sxd-ph i{font-size:7pt; color:#454d47; font-style:normal; line-height:1.2}
  .sxd h1.post-title{display:none}
  .sxd .sxd-out{border:0; padding:0; border-radius:0;
    page-break-inside:auto; break-inside:auto}
  .sxd .sxd-outT{font-size:10pt; margin:0 0 2pt}

  /* ΤΟ ΥΠΟΜΝΗΜΑ ΔΙΠΛΑ ΣΤΗΝ ΚΑΤΟΨΗ ΟΤΑΝ ΤΟ ΧΑΡΤΙ ΕΙΝΑΙ ΦΑΡΔΥ.
     Δεν χρησιμοποιείται ερώτημα προσανατολισμού, γιατί τα κινητά δεν το
     αναφέρουν αξιόπιστα. Η ίδια η διάταξη αποφασίζει: τα δύο κομμάτια
     ζητούν 140 και 88 mm, οπότε σε οριζόντιο χαρτί χωρούν δίπλα και σε
     κατακόρυφο τυλίγονται και το υπόμνημα πέφτει από κάτω. */
  .sxd .sxd-out{display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 5mm}
  .sxd .sxd-outT{flex:0 0 100%; margin:0 0 2pt}
  .sxd .sxd-leg{flex:1 1 88mm; margin:4pt 0 0}
  .sxd .sxd-leg h3{margin:4pt 0 2pt}
  .sxd .sxd-key{gap:3pt 8pt; padding:0 0 3pt}
  .sxd .sxd-kpi{flex-wrap:wrap; gap:3pt}
  .sxd .sxd-kpi div{flex:1 1 24mm}
  .sxd table.sxd-sum td:first-child{width:44%}
  .sxd .sxd-plan{flex:1 1 140mm; min-width:0; margin:0;
    page-break-inside:avoid; break-inside:avoid; text-align:center}
  /* Το viewBox με preserveAspectRatio σμικρύνει το σχέδιο μέσα στο κουτί,
     δεν το κόβει, οπότε το max-height είναι ασφαλές. */
  .sxd .sxd-plan svg{width:100%; height:auto; max-height:144mm}

  .sxd .sxd-leg{margin-top:4pt; font-size:8.5pt; page-break-inside:auto;
    break-inside:auto}
  .sxd .sxd-leg h3{font-size:9.5pt; margin:5pt 0 2pt}
  .sxd .sxd-key{font-size:8pt; padding:3pt 0; gap:10pt;
    page-break-inside:avoid; break-inside:avoid}
  .sxd .sxd-key i{width:9pt; height:9pt}

  /* οι πλακέτες μένουν ΠΑΝΤΑ σε μία σειρά */
  .sxd .sxd-kpi{gap:4pt; margin:4pt 0; flex-wrap:nowrap;
    page-break-inside:avoid; break-inside:avoid}
  .sxd .sxd-kpi div{flex:1 1 0; min-width:0; padding:3pt; border-radius:4pt}
  .sxd .sxd-kpi b{font-size:11pt; line-height:1.1}
  .sxd .sxd-kpi span{font-size:7pt; line-height:1.2}

  .sxd table.sxd-sum,.sxd table.sxd-rt{font-size:8pt; margin:3pt 0;
    width:100%; max-width:none; display:table; table-layout:auto; background:#fff}
  .sxd table.sxd-sum tbody,.sxd table.sxd-rt tbody{display:table-row-group}
  .sxd table.sxd-sum tr,.sxd table.sxd-rt tr{display:table-row; border:0;
    border-radius:0; background:none; padding:0; margin:0}
  .sxd table.sxd-rt tr.hd{display:table-row}
  .sxd table.sxd-sum td,.sxd table.sxd-rt td,.sxd table.sxd-rt th{
    display:table-cell; border:1px solid #e4e4da; padding:2pt 4pt;
    font-size:7.5pt; font-weight:normal; margin:0}
  .sxd table.sxd-rt tr.hd th{font-weight:600}
  .sxd table.sxd-sum{page-break-inside:avoid; break-inside:avoid}
  .sxd table.sxd-sum td:first-child{font-weight:600; width:38%; border-bottom:1px solid #e4e4da}
  .sxd table.sxd-sum tr.sxd-sp td{font-size:11pt; font-weight:700; line-height:1.25}
  .sxd table.sxd-sum tr.sxd-spx td{color:#B3261E; font-weight:800;
    -webkit-print-color-adjust:exact; print-color-adjust:exact}
  .sxd .sxd-spn{font-size:7.5pt; line-height:1.3; margin:3pt 0 0; color:#454d47}
  .sxd .sxd-btns,.sxd .sxd-pngmsg{display:none !important}
  .sxd table.sxd-rt td:first-child{font-weight:normal; border-bottom:1px solid #e4e4da}
  .sxd table.sxd-sum td:before,.sxd table.sxd-rt td:before{content:none !important}
  .sxd table.sxd-rt{page-break-inside:auto}
  .sxd table.sxd-rt tr{page-break-inside:avoid}
  .sxd .sxd-nm{font-size:8pt; margin:3pt 0 0}
}
/* Αν ο εκτυπωτής ή το κινητό αγνοήσει τον οριζόντιο προσανατολισμό, το χαρτί
   είναι ψηλότερο και το σχέδιο μπορεί να πάρει περισσότερο ύψος. */
@media print and (orientation:portrait){
  .sxd .sxd-plan svg{max-height:158mm}
}