/* PREGNANCY MONITORING PAGE («Παρακολούθηση Κύησης», LIVE /παρακολούθηση-κύησης/ = category archive). Loaded after
   tokens.css + site-chrome.css (locked global header/footer, untouched here). Owner rules (2026-09-28): content locked,
   presentation free, a real hero chosen after a broad search, generous spacing, rounded forms, mobile contrast.
   Personality: calm and clinical-soft. Hero = the pale wall of the photograph continues as the title field; the photograph
   (hands cradling a belly in deep green) fills the right, its green echoing the petrol; a gentle curve leads into the
   journal. Journal = the first post as a wide feature (image + excerpt), then 13 cards (image, title, LIVE excerpt,
   «Περισσότερα») in 3 columns; 2 on tablet; 1 on mobile. */
:root{--k-gutter:clamp(20px,4vw,72px);--k-max:1200px;--k-wall:#DDE2E5}
.page-parakolouthisi .callband{margin:0}

/* ---------- hero ---------- */
.kh{position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 40% 80% at 8% 0%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 70%),
             radial-gradient(ellipse 30% 60% at 30% 100%,rgba(5,116,133,.12) 0%,rgba(5,116,133,0) 70%),
             linear-gradient(90deg,#E6EAEC 0%,var(--k-wall) 100%)}
.kh__bg{position:absolute;top:0;bottom:0;right:0;width:46%;z-index:-1;
  -webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.8) 12%,#000 26%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.8) 12%,#000 26%)}
.kh__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:34% 40%}
.kh__in{width:min(100% - 2 * var(--k-gutter),var(--k-max));margin-inline:auto;min-height:clamp(380px,32vw,470px);box-sizing:border-box;
  display:flex;align-items:center;padding:clamp(32px,3.4vw,52px) 0 clamp(64px,6vw,96px)}
.kh__text{width:min(46%,540px)}
.kh .crumbs ol{color:#56626A;margin-bottom:clamp(14px,1.6vw,22px)}
.kh .crumbs a{color:var(--petrol);text-decoration-color:rgba(5,116,133,.35);text-underline-offset:3px}
.kh .crumbs a:hover{color:var(--petrol-d)}
.kh__k{margin:0 0 10px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:var(--fw-h);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)}
.kh__k::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--gold)}
.kh__h{margin:0;font-size:clamp(36px,4.2vw,64px);line-height:1.04;letter-spacing:-.03em;font-weight:var(--fw-h);color:var(--ink);text-wrap:balance}
.kh__curve{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(28px,4vw,64px);display:block}
.kh__curve path{fill:#fff}

/* ---------- journal ---------- */
.kj{background:linear-gradient(180deg,#fff 0%,#F7F9F9 100%);padding:clamp(40px,4.4vw,72px) 0 clamp(72px,7.4vw,120px)}
.kj__list{list-style:none;margin:0 auto;padding:0;width:min(100% - 2 * var(--k-gutter),var(--k-max));
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,36px)}
.kjc{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;
  box-shadow:0 26px 50px -38px rgba(9,40,46,.5),0 1px 3px rgba(9,40,46,.06);transition:transform .3s var(--ease-std,ease),box-shadow .3s var(--ease-std,ease)}
.kjc:hover{transform:translateY(-4px);box-shadow:0 34px 60px -36px rgba(9,40,46,.55),0 1px 3px rgba(9,40,46,.06)}
.kjc__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#E2E8E9;margin:10px 10px 0;border-radius:18px}
.kjc__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-std,ease)}
.kjc:hover .kjc__media img{transform:scale(1.04)}
.kjc__body{flex:1;display:flex;flex-direction:column;padding:20px 24px 24px}
.kjc__t{margin:0 0 10px;font-size:clamp(18px,1.4vw,21px);line-height:1.25;letter-spacing:-.01em;font-weight:var(--fw-h)}
.kjc__t a{color:var(--ink);text-decoration:none;transition:color .15s ease}
.kjc__t a:hover{color:var(--petrol)}
.kjc__ex{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted)}   /* the LIVE excerpt is shown in full (no clamp: no shortening) */
.kjc__more{margin:auto 0 0}
.kjc__btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:var(--fw-m);color:var(--petrol);text-decoration:none}
.kjc__btn span{border-bottom:1.5px solid rgba(5,116,133,.3);transition:border-color .15s ease}
.kjc__btn:hover span{border-color:var(--petrol)}
.kjc__btn svg{transition:transform .15s ease}
.kjc__btn:hover svg{transform:translateX(3px)}
/* feature: the full monitoring programme */
.kj__it--feat{grid-column:1 / -1}
.kj__it--feat .kjc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:linear-gradient(135deg,#0B4A54 0%,#073A42 100%);color:#fff}
.kj__it--feat .kjc__media{aspect-ratio:auto;min-height:340px;margin:12px 0 12px 12px;border-radius:20px}
.kj__it--feat .kjc__body{justify-content:center;padding:clamp(28px,3.4vw,56px)}
.kj__it--feat .kjc__t{font-size:clamp(24px,2.3vw,34px);line-height:1.18;margin-bottom:16px}
.kj__it--feat .kjc__t a{color:#fff}
.kj__it--feat .kjc__t a:hover{color:var(--gold)}
.kj__it--feat .kjc__ex{color:#D3E4E6;font-size:16px}
.kj__it--feat .kjc__btn{color:#fff}
.kj__it--feat .kjc__btn span{border-color:rgba(232,201,90,.6)}
.kj__it--feat .kjc__btn:hover span{border-color:var(--gold)}

/* closing card (13 cards = 4 rows of 3 + this one): full width, horizontal, so every row ends on one line */
.kj__it:last-child:not(.kj__it--feat){grid-column:1 / -1}
.kj__it:last-child:not(.kj__it--feat) .kjc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.kj__it:last-child:not(.kj__it--feat) .kjc__media{aspect-ratio:auto;min-height:240px;margin:10px 0 10px 10px}
.kj__it:last-child:not(.kj__it--feat) .kjc__body{justify-content:center;padding:clamp(24px,2.8vw,44px)}

/* ---------- tablet ---------- */
@media (max-width:1023px){
  .kj__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kj__it--feat .kjc{grid-template-columns:1fr}
  .kj__it--feat .kjc__media{min-height:0;aspect-ratio:16/9;margin:12px 12px 0}
  .kj__it:last-child:not(.kj__it--feat) .kjc{grid-template-columns:1fr}
  .kj__it:last-child:not(.kj__it--feat) .kjc__media{min-height:0;aspect-ratio:16/10;margin:10px 10px 0}
}
/* ---------- mobile: its own composition ---------- */
@media (max-width:767px){
  .kh{display:flex;flex-direction:column;background:linear-gradient(180deg,#E6EAEC 0%,var(--k-wall) 100%)}
  .kh__bg{position:relative;width:100%;height:auto;aspect-ratio:16/10;order:2;
    -webkit-mask:linear-gradient(180deg,transparent 0%,#000 22%);mask:linear-gradient(180deg,transparent 0%,#000 22%)}
  .kh__bg img{position:absolute;inset:0;object-position:50% 46%}
  .kh__in{order:1;min-height:0;padding:24px 0 6px}
  .kh__text{width:100%}
  .kh .crumbs ol{margin-bottom:12px}
  .kh__h{font-size:clamp(32px,9vw,40px)}
  .kh__curve{height:26px}
  .kj{padding:30px 0 64px}
  .kj__list{grid-template-columns:1fr;gap:20px}
  .kjc{border-radius:22px}
  .kjc__body{padding:18px 20px 20px}
  .kj__it--feat .kjc__body{padding:22px 20px 24px}
  .kj__it--feat .kjc__ex{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .kjc,.kjc__media img,.kjc__btn svg{transition:none}
  .kjc:hover,.kjc:hover .kjc__media img{transform:none}
}