/* ============================================================
   CRISPY KING — DESIGN SYSTEM
   Παλέτα: μαύρο συσκευασίας + χρώματα τίτλων ανά προϊόν
   ============================================================ */
:root{
  --black:#0D0C0B;
  --coal:#161412;
  --card:#1E1B17;
  --line:rgba(250,242,227,.09);

  --cream:#FAF2E3;
  --cream-dim:#D9CDB7;
  --sub:#A99E8B;

  --rice:#F2B279;   /* Ρύζι–Καλαμπόκι: ροδακινί */
  --corn:#FFD426;   /* Καλαμπόκι: κίτρινο */
  --seeds:#B7CE3C;  /* Super Seeds: lime */
  --choco:#C9A3DB;  /* Μαύρη Σοκολάτα: λιλά */
  --vegan:#3E9B4F;

  --accent:var(--rice); /* συγχρονίζεται με τη γεύση του hero */

  --r-sm:12px; --r-md:22px; --r-lg:34px;
  --ease:cubic-bezier(.4,0,.2,1);
  --bounce:cubic-bezier(.34,1.56,.64,1);
  --spring:cubic-bezier(.175,.885,.32,1.275);
  --font-d:'Comfortaa','ui-rounded','Arial Rounded MT Bold',sans-serif;
  --font-b:'Rubik',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);background:var(--black);color:var(--cream);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;}
ul{list-style:none;}
::selection{background:var(--corn);color:var(--black);}

h1,h2,h3,.disp{font-family:var(--font-d);font-weight:700;}

/* ---------- eyebrow με ρόμβους (μοτίβο συσκευασίας) ---------- */
.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-b);
  font-weight:700;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);}
.eyebrow::before,.eyebrow::after{content:"◆ ◆ ◆";font-size:.5rem;letter-spacing:.5em;opacity:.85;}
.eyebrow.left{justify-content:flex-start;}

/* ---------- ζιγκ-ζαγκ «κορώνα» divider ---------- */
.zig{display:block;width:100%;height:26px;}
.zig polygon{fill:var(--black);}
.zig.to-coal polygon{fill:var(--coal);}

/* ============ LOADER — στέψη ============ */
#loader{position:fixed;inset:0;background:var(--black);z-index:999;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;animation:ldHide .5s ease 2.2s forwards;}
#loader .crown-big{width:82px;animation:crownPop .9s var(--spring) .15s both;}
#loader .ld-word{font-family:var(--font-d);font-size:1.35rem;color:var(--cream);letter-spacing:.04em;}
#loader .ld-word span{display:inline-block;animation:ltrPop .5s var(--spring) both;}
#loader .ld-bar{width:120px;height:4px;border-radius:4px;background:var(--line);overflow:hidden;}
#loader .ld-bar i{display:block;height:100%;width:0;background:var(--corn);border-radius:4px;animation:ldLoad 1.7s var(--ease) .2s forwards;}
@keyframes crownPop{from{transform:translateY(-60px) rotate(-14deg);opacity:0;}60%{transform:translateY(6px) rotate(3deg);}to{transform:none;opacity:1;}}
@keyframes ltrPop{from{transform:scale(0) rotate(8deg);opacity:0;}to{transform:none;opacity:1;}}
@keyframes ldLoad{to{width:100%;}}
@keyframes ldHide{to{opacity:0;visibility:hidden;pointer-events:none;}}

/* ============ NAV ============ */
#nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 5vw;display:flex;align-items:center;
  justify-content:space-between;transition:background .35s,box-shadow .35s,padding .35s;}
#nav.solid{background:rgba(13,12,11,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding:8px 5vw;}
.n-logo{display:flex;align-items:center;gap:10px;}
.n-logo img{height:82px;transition:transform .4s var(--bounce),height .35s;}
#nav.solid .n-logo img{height:66px;}
.n-logo:hover img{transform:rotate(-4deg) scale(1.06);}
.n-links{display:flex;gap:6px;align-items:center;}
.n-btn{font-weight:600;font-size:.92rem;color:var(--cream-dim);padding:9px 16px;border-radius:99px;
  position:relative;transition:color .25s,background .25s;}
.n-btn:hover{color:var(--cream);background:rgba(250,242,227,.07);}
.n-btn.active{color:var(--black);background:var(--accent);}
.n-btn .mini-crown{position:absolute;top:-11px;left:50%;transform:translateX(-50%) scale(0) rotate(-20deg);
  width:16px;transition:transform .35s var(--spring);}
.n-btn.active .mini-crown,.n-btn:hover .mini-crown{transform:translateX(-50%) scale(1) rotate(0);}
.lang-pill{display:flex;background:rgba(250,242,227,.08);border:1px solid var(--line);border-radius:99px;padding:3px;margin-left:10px;}
.lang-pill button{font-size:.78rem;font-weight:700;padding:5px 11px;border-radius:99px;color:var(--sub);transition:.25s;}
.lang-pill button.on{background:var(--cream);color:var(--black);}
#burger{display:none;flex-direction:column;gap:5px;padding:8px;}
#burger i{width:24px;height:2.5px;border-radius:3px;background:var(--cream);transition:.3s;}
#mobMenu{position:fixed;inset:0;background:rgba(13,12,11,.97);backdrop-filter:blur(10px);z-index:99;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;visibility:hidden;transition:.35s;}
#mobMenu.open{opacity:1;visibility:visible;}
#mobMenu .mob-btn{font-family:var(--font-d);font-size:1.5rem;padding:12px 26px;border-radius:99px;color:var(--cream);}
#mobMenu .mob-btn.active{background:var(--accent);color:var(--black);}
#mobMenu .lang-pill{margin:18px 0 0;}

/* ============ PAGES / ROUTER ============ */
.page.on{display:block;animation:pgIn .55s var(--ease);}
@keyframes pgIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}

/* ============ HERO ============ */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:120px 5vw 60px;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;align-items:center;max-width:1240px;margin:0 auto;width:100%;}
.hero-copy .eyebrow{justify-content:flex-start;margin-bottom:22px;}
.hero h1{font-size:clamp(2.3rem,5.2vw,4.3rem);line-height:1.08;letter-spacing:-.01em;}
.hero h1 .lt{display:inline-block;transform:translateY(110%) rotate(6deg);opacity:0;animation:heroLt .6s var(--spring) forwards;}
.hero h1 .hl{color:var(--accent);transition:color .5s;}
@keyframes heroLt{to{transform:none;opacity:1;}}
.hero-sub{margin:24px 0 30px;font-size:1.08rem;line-height:1.65;color:var(--cream-dim);max-width:46ch;
  opacity:0;animation:fadeUp .7s var(--ease) 1s forwards;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .7s var(--ease) 1.15s forwards;}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem;padding:15px 28px;
  border-radius:99px;transition:transform .3s var(--bounce),box-shadow .3s,background .3s,color .3s;position:relative;}
.btn-solid{background:var(--accent);color:var(--black);}
.btn-solid:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 35%,transparent);}
.btn-ghost{border:2px solid var(--line);color:var(--cream);}
.btn-ghost:hover{border-color:var(--cream);transform:translateY(-3px);}

/* hero stage — εναλλαγή 4 προϊόντων */
.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding-bottom:76px;}
.blob{position:absolute;width:min(35vw,520px);height:min(35vw,520px);border-radius:44% 56% 58% 42%/48% 44% 56% 52%;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--accent) 18%,transparent) 70%);
  filter:blur(4px);animation:blobMorph 9s ease-in-out infinite;transition:background .6s;}
@keyframes blobMorph{0%,100%{border-radius:44% 56% 58% 42%/48% 44% 56% 52%;transform:rotate(0);}
  50%{border-radius:56% 44% 42% 58%/44% 56% 48% 52%;transform:rotate(5deg);}}
.pack-wrap{position:relative;z-index:2;width:min(30vw,430px);}
.pack{position:relative;width:100%;aspect-ratio:1/1;display:none;align-items:center;justify-content:center;}
.pack.on{display:flex;animation:packIn .65s var(--spring);}
@keyframes packIn{from{transform:translateY(40px) rotate(-7deg) scale(.85);opacity:0;}to{transform:none;opacity:1;}}
.pack .pk-card{width:100%;animation:packFloat 5.5s ease-in-out infinite;
  filter:drop-shadow(0 30px 45px rgba(0,0,0,.55));}
@keyframes packFloat{0%,100%{transform:translateY(0) rotate(-1.2deg);}50%{transform:translateY(-14px) rotate(1.2deg);}}
.hero-crown{position:absolute;top:-38px;left:50%;width:72px;z-index:3;transform:translateX(-50%) rotate(-8deg);
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));animation:crownHover 5.5s ease-in-out infinite;pointer-events:none;}
@keyframes crownHover{0%,100%{transform:translateX(-50%) translateY(0) rotate(-8deg);}50%{transform:translateX(-50%) translateY(-16px) rotate(4deg);}}
.pack-nav{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:4;}
.pk-dot{width:14px;height:14px;border-radius:99px;border:2px solid var(--sub);transition:.3s var(--bounce);}
.pk-dot.on{transform:scale(1.25);border-color:transparent;}
.pk-dot[data-i="0"].on{background:var(--rice);}
.pk-dot[data-i="1"].on{background:var(--corn);}
.pk-dot[data-i="2"].on{background:var(--seeds);}
.pk-dot[data-i="3"].on{background:var(--choco);}
.pack-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--font-d);font-size:1.02rem;color:var(--cream-dim);}
.pack-name b{color:var(--accent);transition:color .5s;}

.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;
  align-items:center;gap:7px;color:var(--sub);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  opacity:0;animation:fadeUp .8s ease 1.9s forwards;}
.scroll-cue .wheel{width:22px;height:34px;border:2px solid var(--sub);border-radius:12px;position:relative;}
.scroll-cue .wheel::after{content:"";position:absolute;top:6px;left:50%;width:4px;height:7px;margin-left:-2px;
  border-radius:4px;background:var(--accent);animation:cueDot 1.6s ease infinite;}
@keyframes cueDot{0%{transform:translateY(0);opacity:1;}70%{transform:translateY(12px);opacity:0;}100%{opacity:0;}}
@media(max-height:720px){.scroll-cue{display:none;}}

/* ============ TICKER — παίρνει το χρώμα της γεύσης ============ */
.ticker{background:var(--accent);color:var(--black);overflow:hidden;padding:13px 0;
  transform:rotate(-1.2deg) scale(1.02);margin:10px 0;transition:background .6s;}
.tk-track{display:flex;gap:44px;width:max-content;animation:tk 26s linear infinite;font-family:var(--font-d);
  font-size:1rem;font-weight:700;white-space:nowrap;}
.ticker:hover .tk-track{animation-play-state:paused;}
.tk-track span{display:flex;align-items:center;gap:44px;}
.tk-track i{font-style:normal;font-size:.6rem;}
@keyframes tk{to{transform:translateX(-50%);}}

/* ============ STATS ============ */
.stats{background:var(--coal);padding:84px 5vw;}
.stats-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;}
.stat h3{font-size:clamp(2rem,3.6vw,3rem);font-family:var(--font-d);}
.stat[data-c="rice"] h3{color:var(--rice);} .stat[data-c="corn"] h3{color:var(--corn);}
.stat[data-c="seeds"] h3{color:var(--seeds);} .stat[data-c="choco"] h3{color:var(--choco);}
.stat p{margin-top:8px;color:var(--sub);font-size:.92rem;line-height:1.5;}

/* ============ SECTION SHELL ============ */
.sec{padding:100px 5vw;}
.sec-head{max-width:760px;margin:0 auto 58px;text-align:center;}
.sec-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin:16px 0 14px;line-height:1.2;}
.sec-head p{color:var(--sub);line-height:1.7;}
.wheat-div{display:flex;justify-content:center;margin-top:18px;color:var(--accent);}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.rv.in{opacity:1;transform:none;}
.rv-pop{opacity:0;transform:scale(.86);transition:opacity .55s var(--spring),transform .55s var(--spring);}
.rv-pop.in{opacity:1;transform:none;}

/* ============ PRODUCTS ============ */
.prods{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.prod{--pc:var(--corn);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 20px 26px;position:relative;overflow:visible;transition:transform .4s var(--bounce),border-color .3s,box-shadow .4s;}
.prod:hover{transform:translateY(-10px) rotate(-1deg);border-color:color-mix(in srgb,var(--pc) 55%,transparent);
  box-shadow:0 24px 50px rgba(0,0,0,.45),0 0 0 4px color-mix(in srgb,var(--pc) 14%,transparent);}
.prod .p-img{background:var(--cream);border-radius:var(--r-md);padding:14px;margin-bottom:18px;position:relative;overflow:hidden;}
.prod .p-img::after{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  background-size:250% 100%;background-position:120% 0;transition:background-position .7s;}
.prod:hover .p-img::after{background-position:-120% 0;}
.prod .p-img img{transition:transform .45s var(--bounce);transform:scale(1.16);}
.prod:hover .p-img img{transform:scale(1.24) rotate(1.5deg);}
.prod .p-crown{position:absolute;top:-15px;right:18px;width:38px;transform:scale(0) rotate(-25deg);
  transition:transform .4s var(--spring);z-index:3;}
.prod:hover .p-crown{transform:scale(1) rotate(0);}
.prod .p-cat{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pc);}
.prod h3{font-size:1.18rem;margin:8px 0 10px;line-height:1.3;}
.prod .p-desc{font-size:.88rem;color:var(--sub);line-height:1.55;min-height:3.2em;}
.prod .p-meta{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.chip{font-size:.7rem;font-weight:700;padding:5px 11px;border-radius:99px;background:color-mix(in srgb,var(--pc) 16%,transparent);
  color:var(--pc);border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);}
.chip.ghost{background:transparent;color:var(--cream-dim);border-color:var(--line);}
.prod .p-more{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--pc);}
.prod .p-more svg{transition:transform .3s var(--bounce);}
.prod:hover .p-more svg{transform:translateX(5px);}
.prod[data-p="rice"]{--pc:var(--rice);} .prod[data-p="corn"]{--pc:var(--corn);}
.prod[data-p="seeds"]{--pc:var(--seeds);} .prod[data-p="choco"]{--pc:var(--choco);}

/* crunch particles */
.crumb{position:fixed;z-index:200;pointer-events:none;border-radius:40% 60% 55% 45%;}

/* ============ THE CRISPY KING WAY — scroll story ============ */
.way{position:relative;background:var(--coal);}
.way-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;overflow:hidden;padding:76px 5vw 20px;gap:0;}
.way-track{height:540vh;position:relative;}
.way-head{text-align:center;margin-bottom:14px;}
.way-head h2{font-size:clamp(1.5rem,2.8vw,2.2rem);margin-top:12px;}
.way-stage{position:relative;width:min(56vw,440px);height:min(56vw,440px);flex:none;}
.w-grain{position:absolute;left:50%;top:50%;will-change:transform,opacity;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));}
.w-grain svg{width:100%;height:100%;display:block;}
/* η ρυζογκοφρέτα — δύο φάσεις:
   1) Απλή.png (σκέτη γκοφρέτα) 2) Ricecakes.png (οι 4 γεύσεις σε τεταρτημόρια)
   Τα background-size/position «κεντράρουν» τη γκοφρέτα κάθε φωτογραφίας στον κύκλο. */
.w-cake{position:absolute;inset:0;transform:scale(0);will-change:transform;filter:drop-shadow(0 26px 50px rgba(0,0,0,.55));}
.ck-photo{position:absolute;inset:0;border-radius:50%;background-repeat:no-repeat;will-change:transform,opacity;}
.ck-plain{background-image:var(--img-apli);background-size:141%;background-position:54% 56%;}
.ck-four{background-image:var(--img-ricecakes);background-size:121%;background-position:49% 50%;opacity:0;}
/* οι 4 προτάσεις σερβιρίσματος — ανοίγουν σε σειρά όταν «ανοίξει» η γκοφρέτα */
.serve-row{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,980px);
  display:flex;justify-content:center;gap:2.5%;z-index:6;pointer-events:none;}
.serve-card{width:23%;aspect-ratio:1/1;border-radius:50%;background-repeat:no-repeat;
  box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;transform:scale(.3) translateY(46px);will-change:transform,opacity;}
.serve-card.sc0{background-image:var(--img-ps3);background-size:140%;background-position:53.5% 58%;background-color:#EFE3CB;}
.serve-card.sc1{background-image:var(--img-ps2);background-size:185%;background-position:57% 56%;background-color:#EFE3CB;}
.serve-card.sc2{background-image:var(--img-ps1);background-size:150%;background-position:50% 50%;background-color:#EFE3CB;}
.serve-card.sc3{background-image:var(--img-ps4);background-size:142%;background-position:50% 46%;background-color:#EFE3CB;}
.way-caption .btn{margin-top:16px;}
.w-crown{position:absolute;top:-58px;left:50%;width:92px;transform:translateX(-50%) translateY(-70px) rotate(-15deg);opacity:0;
  transition:transform .55s var(--spring),opacity .3s;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));z-index:6;}
.w-cake.crowned .w-crown{transform:translateX(-50%) translateY(0) rotate(0);opacity:1;}
.way-caption{margin-top:30px;text-align:center;max-width:640px;flex:none;}
.way-caption .wc{display:none;}
.way-caption .wc.on{display:block;animation:fadeUp .5s var(--ease);}
.way-caption h3{font-size:clamp(1.15rem,2.2vw,1.6rem);margin-bottom:8px;}
.way-caption h3 em{font-style:normal;color:var(--corn);}
.way-caption p{color:var(--sub);line-height:1.6;font-size:.92rem;}
.serve-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px;}
.serve-chips .chip{font-size:.72rem;}
.serve-chips .chip.c-rice{--pc:var(--rice);} .serve-chips .chip.c-corn{--pc:var(--corn);}
.serve-chips .chip.c-seeds{--pc:var(--seeds);} .serve-chips .chip.c-choco{--pc:var(--choco);}
.way-prog{margin-top:20px;display:flex;gap:8px;flex:none;}
.way-prog i{width:30px;height:4px;border-radius:4px;background:var(--line);overflow:hidden;position:relative;}
.way-prog i::after{content:"";position:absolute;inset:0;background:var(--corn);transform:scaleX(var(--p,0));transform-origin:left;}
.crunch-word{position:absolute;left:50%;top:38%;margin-left:-2ch;font-family:var(--font-d);font-weight:700;
  font-size:clamp(2.2rem,6vw,4rem);color:var(--corn);transform:scale(0) rotate(-10deg);pointer-events:none;
  text-shadow:0 6px 0 rgba(0,0,0,.3);z-index:7;}
.crunch-word.go{animation:crunchPop .8s var(--spring) forwards;}
@keyframes crunchPop{0%{transform:scale(0) rotate(-10deg);}60%{transform:scale(1.25) rotate(4deg);}100%{transform:scale(1) rotate(-2deg);opacity:0;}}
@media(max-height:760px){
  .way-stage{width:min(46vw,330px);height:min(46vw,330px);}
  .way-caption p{font-size:.85rem;}
  .way-head h2{font-size:1.3rem;}
}

/* ============ RECIPES teaser ============ */
.recipes-bg{background:var(--black);}
.recs{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.rec{border-radius:var(--r-lg);overflow:hidden;position:relative;aspect-ratio:4/4.6;border:1px solid var(--line);
  transition:transform .4s var(--bounce);background:var(--card);}
.rec:hover{transform:translateY(-8px) rotate(.6deg);}
.rec img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.rec:hover img{transform:scale(1.08);}
.rec .r-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,12,11,.92) 8%,transparent 55%);}
.rec .r-body{position:absolute;left:0;right:0;bottom:0;padding:22px;}
.rec .chip{margin-bottom:10px;display:inline-block;}
.rec h3{font-size:1.08rem;line-height:1.35;}
.rec[data-t="salty"]{--pc:var(--rice);} .rec[data-t="sweet"]{--pc:var(--choco);}

/* ============ WHY — Γιατί Crispy King ============ */
.why-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.why-card{--pc:var(--corn);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 24px;text-align:center;transition:transform .4s var(--bounce),border-color .3s;}
.why-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--pc) 45%,transparent);}
.why-card .w-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--pc) 16%,transparent);color:var(--pc);transition:transform .4s var(--spring);}
.why-card:hover .w-ic{transform:rotate(-8deg) scale(1.12);}
.why-card h3{font-size:1.02rem;margin-bottom:10px;}
.why-card p{font-size:.86rem;color:var(--sub);line-height:1.6;}
.why-card[data-c="rice"]{--pc:var(--rice);} .why-card[data-c="corn"]{--pc:var(--corn);}
.why-card[data-c="seeds"]{--pc:var(--seeds);} .why-card[data-c="choco"]{--pc:var(--choco);}
@media(max-width:1020px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr;}}

/* ============ CAL — σύγκριση θερμίδων ============ */
.cal-wrap{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.cal-row{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center;}
.cal-row .cal-name{font-weight:600;font-size:.92rem;color:var(--cream-dim);text-align:right;}
.cal-row .cal-name small{display:block;font-weight:400;font-size:.74rem;color:var(--sub);}
.cal-bar{height:34px;border-radius:99px;background:rgba(250,242,227,.05);border:1px solid var(--line);
  position:relative;overflow:hidden;}
.cal-fill{position:absolute;inset:3px auto 3px 3px;width:var(--w);border-radius:99px;background:var(--bc,#5c5346);
  transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease) .25s;
  display:flex;align-items:center;justify-content:flex-end;padding-right:12px;
  font-family:var(--font-d);font-weight:700;font-size:.82rem;color:var(--black);min-width:76px;}
.cal-row.rv.in .cal-fill{transform:scaleX(1);}
.cal-row.hero-row .cal-fill{background:linear-gradient(90deg,var(--seeds),var(--corn));}
.cal-row:not(.hero-row) .cal-fill{background:#4A4237;color:var(--cream-dim);}
.cal-row.hero-row .cal-name{color:var(--corn);}
.cal-note{text-align:center;color:var(--sub);font-size:.76rem;margin-top:16px;}
@media(max-width:560px){.cal-row{grid-template-columns:1fr;gap:6px;}.cal-row .cal-name{text-align:left;}}

/* ============ FAQ ============ */
.faq-wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.fq{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:20px 24px;font-weight:600;font-size:1rem;transition:color .25s;}
.fq summary::-webkit-details-marker{display:none;}
.fq summary::after{content:"+";font-family:var(--font-d);font-size:1.5rem;color:var(--corn);flex:none;
  transition:transform .35s var(--spring);line-height:1;}
.fq[open] summary{color:var(--corn);}
.fq[open] summary::after{transform:rotate(45deg);}
.fq .fq-a{padding:0 24px 22px;color:var(--sub);line-height:1.7;font-size:.94rem;}
.fq:hover{border-color:rgba(250,242,227,.2);}

/* ============ ABOUT — Μάθε περισσότερα για εμάς ============ */
.about-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;}
.about-img{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);position:relative;}
.about-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/4.4;}
.about-img .a-crown{position:absolute;top:16px;left:16px;width:44px;color:var(--corn);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));}
.about-txt .eyebrow{justify-content:flex-start;}
.about-txt h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:14px 0;line-height:1.25;}
.about-txt p{color:var(--sub);line-height:1.75;margin-bottom:16px;}
.about-txt p b{color:var(--cream-dim);}

/* ============ CTA card ============ */
.cta-grid{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:22px;}
.cta{border-radius:var(--r-lg);background:linear-gradient(120deg,#221E18,#171512);border:1px solid var(--line);
  position:relative;overflow:hidden;padding:56px 6vw;text-align:center;}
.cta.c-find::before{content:"";position:absolute;inset:-40%;background:
  radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--rice) 14%,transparent),transparent 40%),
  radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--corn) 12%,transparent),transparent 40%);}
.cta.c-story::before{content:"";position:absolute;inset:-40%;background:
  radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--choco) 14%,transparent),transparent 40%),
  radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--seeds) 12%,transparent),transparent 40%);}
.cta>*{position:relative;}
.cta h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:14px 0;}
.cta p{color:var(--sub);max-width:44ch;margin:0 auto 26px;line-height:1.7;font-size:.95rem;}

/* ============ PROTEIN CARDS (click-to-zoom) ============ */
.pr-hint{max-width:1140px;margin:-8px auto 26px;text-align:center;color:var(--sub);font-size:.92rem;}
.pr-hint b{color:var(--seeds);}
.pr-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pr-card{--pc:var(--seeds);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;cursor:pointer;transition:transform .4s var(--bounce),border-color .3s,box-shadow .4s;}
.pr-card[data-brand="on"]{--pc:#E63329;} /* Optimum Nutrition κόκκινο */
.pr-card[data-brand="bio"]{--pc:#C8161D;} /* BiotechUSA κόκκινο */
.pr-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--pc) 55%,transparent);
  box-shadow:0 22px 48px rgba(0,0,0,.45);}
.pr-img{position:relative;aspect-ratio:1/1;background-repeat:no-repeat;background-color:#fff;overflow:hidden;}
.pr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,12,11,.5),transparent 42%);opacity:0;transition:opacity .3s;}
.pr-card:hover .pr-img::after{opacity:1;}
.pr-badge{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--font-d);font-weight:700;
  font-size:.64rem;letter-spacing:.04em;padding:6px 12px;border-radius:99px;color:#fff;
  background:linear-gradient(120deg,var(--pc),color-mix(in srgb,var(--pc) 55%,#000));
  box-shadow:0 4px 14px color-mix(in srgb,var(--pc) 45%,transparent);overflow:hidden;}
/* glitter/λάμψη πάνω στο brand */
.pr-badge .shine{position:relative;background:linear-gradient(100deg,#fff 30%,#fff8c0 45%,#fff 60%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  background-size:250% 100%;animation:brandShine 3.2s linear infinite;}
@keyframes brandShine{0%{background-position:150% 0;}100%{background-position:-150% 0;}}
.pr-badge::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);
  animation:badgeSweep 3.2s ease-in-out infinite;}
@keyframes badgeSweep{0%,60%{left:-60%;}80%,100%{left:130%;}}
.pr-zoom{position:absolute;bottom:12px;left:50%;transform:translateX(-50%) translateY(8px);z-index:3;
  display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem;color:var(--black);
  background:var(--corn);padding:8px 15px;border-radius:99px;opacity:0;transition:.35s var(--bounce);white-space:nowrap;}
.pr-card:hover .pr-zoom{opacity:1;transform:translateX(-50%) translateY(0);}
.pr-zoom svg{animation:zoomPulse 1.6s ease-in-out infinite;}
@keyframes zoomPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.18);}}
.pr-body{padding:16px 18px 20px;}
.pr-body h3{font-size:1.04rem;line-height:1.35;margin-bottom:8px;}
.pr-body p{color:var(--sub);font-size:.85rem;line-height:1.55;}
@media(max-width:1020px){.pr-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.pr-grid{grid-template-columns:1fr;}}

/* PROTEIN MODAL */
.pr-modal{position:fixed;inset:0;z-index:300;background:rgba(8,7,6,.85);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;padding:4vw;opacity:0;visibility:hidden;transition:.35s;}
.pr-modal.open{opacity:1;visibility:visible;}
.pr-modal-in{background:var(--coal);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  display:flex;align-items:stretch;max-width:1000px;width:100%;max-height:90svh;position:relative;
  transform:scale(.92);transition:transform .4s var(--spring);}
.pr-modal.open .pr-modal-in{transform:scale(1);}
.pr-close{position:absolute;top:12px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;
  background:rgba(13,12,11,.6);color:var(--cream);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:.25s;}
.pr-close:hover{background:var(--corn);color:var(--black);transform:rotate(90deg);}
.pr-modal-img{background:#fff;position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;}
.pr-modal-photo{position:absolute;inset:0;background-repeat:no-repeat;background-color:#fff;}
.pr-modal-txt{padding:34px 34px 38px;flex:1 1 0;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* λογότυπο brand στην κορυφή της αναλυτικής συνταγής */
.pr-mlogo-wrap{margin-bottom:16px;}
.pr-mlogo{height:38px;width:auto;max-width:70%;object-fit:contain;
  filter:drop-shadow(0 0 0 rgba(255,255,255,0));animation:logoGlow 3s ease-in-out infinite;}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 2px 6px rgba(255,255,255,.12));}
  50%{filter:drop-shadow(0 2px 16px rgba(255,255,255,.5));}}
.pr-mbase{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--corn);font-weight:700;margin-bottom:6px;}
.pr-modal-txt h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2;margin-bottom:18px;}
.pr-modal-txt h4{font-family:var(--font-d);font-size:.95rem;margin:18px 0 8px;color:var(--cream);}
.pr-modal-txt ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.pr-modal-txt ul li{position:relative;padding-left:20px;color:var(--cream-dim);font-size:.92rem;line-height:1.5;}
.pr-modal-txt ul li::before{content:"◆";position:absolute;left:0;color:var(--seeds);font-size:.6em;top:.35em;}
.pr-modal-txt p{color:var(--sub);line-height:1.7;font-size:.94rem;}
.pr-mlinks{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem;color:var(--sub);}
.pr-mlinks a{color:var(--corn);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:760px){
  .pr-modal-in{flex-direction:column;max-height:88svh;overflow-y:auto;}
  .pr-modal-img{flex:none;aspect-ratio:1/1;}
  .pr-modal-txt{flex:none;overflow:visible;}
}

/* ============ STORY PAGE — Η ιστορία μας ============ */
.st-hero{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:130px 6vw 60px;position:relative;overflow:hidden;}
.st-hero .crown-drop{width:92px;color:var(--corn);animation:crownPop .9s var(--spring) .2s both;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.4));}
.st-hero .eyebrow{margin-top:26px;opacity:0;animation:fadeUp .6s var(--ease) .6s forwards;}
.st-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.12;max-width:22ch;margin:18px 0;
  opacity:0;animation:fadeUp .7s var(--ease) .75s forwards;}
.st-hero h1 em{font-style:normal;color:var(--corn);}
.st-hero>p{color:var(--cream-dim);max-width:58ch;line-height:1.75;font-size:1.05rem;
  opacity:0;animation:fadeUp .8s var(--ease) .95s forwards;}

/* μανιφέστο — kinetic: οι λέξεις ανάβουν με το scroll */
.manif{max-width:900px;margin:0 auto;font-family:var(--font-d);font-weight:700;
  font-size:clamp(1.35rem,2.9vw,2.2rem);line-height:1.55;text-align:center;}
.manif .mw{opacity:.14;transition:opacity .3s;display:inline-block;}
.manif .mw.lit{opacity:1;}
.manif .mw.hl{color:var(--corn);}

/* timeline */
.tl{position:relative;max-width:760px;margin:64px auto 0;padding-left:58px;}
.tl-rail{position:absolute;left:17px;top:8px;bottom:8px;width:4px;border-radius:4px;background:rgba(250,242,227,.08);overflow:hidden;}
.tl-rail i{position:absolute;inset:0;background:linear-gradient(var(--corn),var(--rice));transform-origin:top;transform:scaleY(0);}
.tl-item{position:relative;padding:0 0 48px;}
.tl-item:last-child{padding-bottom:8px;}
.tl-dot{position:absolute;left:-51px;top:4px;width:22px;height:22px;border-radius:50%;
  background:var(--coal);border:3px solid rgba(250,242,227,.25);transition:.35s var(--spring);}
.tl-item.hit .tl-dot{border-color:var(--corn);background:var(--corn);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--corn) 22%,transparent);transform:scale(1.12);}
.tl-year{display:inline-block;font-family:var(--font-d);font-weight:700;color:var(--corn);
  font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.tl-item h3{font-size:1.22rem;margin-bottom:8px;}
.tl-item p{color:var(--sub);line-height:1.7;font-size:.95rem;max-width:58ch;}

/* εργοστάσιο + R&D */
.fact-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;}
.fact-img{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);position:relative;}
.fact-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3.4;}
.tech-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;}
.tech-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;}
.tech-card h4{font-size:.95rem;margin-bottom:6px;font-family:var(--font-d);}
.tech-card h4::before{content:"◆ ";color:var(--corn);font-size:.7em;}
.tech-card p{font-size:.82rem;color:var(--sub);line-height:1.55;}
.rd-list{margin-top:20px;display:flex;flex-direction:column;gap:12px;}
.rd-item{display:flex;gap:12px;align-items:flex-start;color:var(--sub);line-height:1.6;font-size:.95rem;}
.rd-item svg{flex:none;margin-top:5px;color:var(--seeds);}

/* χάρτης υλικών */
.map-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;}
.map-box svg{width:100%;height:auto;}
.map-pin{transform-box:fill-box;transform-origin:center;animation:pinPulse 2.4s ease-in-out infinite;}
.map-pin.p2{animation-delay:1.2s;}
@keyframes pinPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.35);}}
.map-cards{display:flex;flex-direction:column;gap:16px;}
.map-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;}
.map-card h4{font-family:var(--font-d);margin-bottom:6px;}
.map-card h4 b{color:var(--corn);font-weight:700;}
.map-card p{color:var(--sub);font-size:.9rem;line-height:1.65;}

/* Γιατί King */
.king-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:center;}
.king-crown{display:flex;justify-content:center;}
.king-crown svg{width:min(46vw,220px);color:var(--corn);filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));
  animation:crownHover 6s ease-in-out infinite;}
.king-txt h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:14px 0;}
.king-txt p{color:var(--sub);line-height:1.75;margin-bottom:14px;}
.king-txt p b{color:var(--cream-dim);}
.king-txt .eyebrow{justify-content:flex-start;}

/* video placeholder — αντικατάσταση με YouTube embed όταν υπάρξει βίντεο */
.video-ph{max-width:980px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--line);
  background:radial-gradient(circle at 28% 22%,rgba(242,178,121,.13),transparent 52%),linear-gradient(120deg,#221E18,#14120F);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:border-color .3s;}
.video-ph:hover{border-color:rgba(255,212,38,.45);}
.vp-btn{width:92px;height:92px;border-radius:50%;background:var(--corn);display:flex;align-items:center;
  justify-content:center;transition:transform .35s var(--spring);box-shadow:0 14px 40px rgba(255,212,38,.25);}
.video-ph:hover .vp-btn{transform:scale(1.12) rotate(-4deg);}
.vp-btn svg{color:var(--black);width:40px;}
.video-ph p{color:var(--sub);font-size:.9rem;}

/* πλαϊνή πλοήγηση κεφαλαίων */
.story-nav{position:fixed;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:60;}
.story-nav button{width:10px;height:10px;border-radius:50%;background:rgba(250,242,227,.22);transition:.3s var(--bounce);position:relative;}
.story-nav button.on{background:var(--corn);transform:scale(1.45);}
.story-nav button:hover::after{content:attr(data-tip);position:absolute;right:22px;top:50%;transform:translateY(-50%);
  white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--cream-dim);
  font-size:.72rem;padding:5px 10px;border-radius:8px;}
@media(max-width:1100px){.story-nav{display:none;}}
@media(max-width:1020px){
  .fact-grid,.map-grid,.king-grid{grid-template-columns:1fr;}
  .king-crown svg{width:150px;}
}

/* ============ PRODUCTS PAGE ============ */
.pr-head{padding:150px 6vw 30px;text-align:center;}
.pr-head h1{font-size:clamp(2rem,4.4vw,3.4rem);margin:16px 0 12px;}
.pr-head p{color:var(--sub);max-width:60ch;margin:0 auto;line-height:1.7;}
/* διατροφικός πίνακας */
.nut{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:18px;}
.nut th,.nut td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);}
.nut th:first-child,.nut td:first-child{text-align:left;color:var(--cream-dim);font-weight:500;}
.nut thead th{font-family:var(--font-d);font-size:.72rem;letter-spacing:.06em;color:var(--pc,var(--corn));border-bottom:2px solid color-mix(in srgb,var(--pc,var(--corn)) 40%,transparent);}
.nut td{color:var(--sub);}
.nut tr.big td{color:var(--cream);font-weight:600;}
.nut-note{font-size:.72rem;color:var(--sub);margin-top:10px;}

/* κυκλικές φωτογραφίες σερβιρίσματος (crops) */
.sv-rice{background-image:var(--img-ps3);background-size:140%;background-position:53.5% 58%;background-color:#EFE3CB;}
.sv-corn{background-image:var(--img-ps2);background-size:185%;background-position:57% 56%;background-color:#EFE3CB;}
.sv-seeds{background-image:var(--img-ps1);background-size:150%;background-position:50% 50%;background-color:#EFE3CB;}
.sv-choco{background-image:var(--img-ps4);background-size:142%;background-position:50% 46%;background-color:#EFE3CB;}
/* --- ΕΚΔΟΧΗ Β: sticky σκηνή XL --- */
.pv-track{height:520vh;position:relative;}
.pv-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:80px 5vw 26px;transition:background .7s;}
.pv-sticky::before{content:"";position:absolute;inset:0;transition:background .7s;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--pc,var(--rice)) 12%,transparent),transparent 62%);}
/* τεράστια λέξη πίσω από τη σκηνή — τα γράμματα σκάνε σε κάθε αλλαγή */
.pv-bigword{position:absolute;top:9%;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;
  font-family:var(--font-d);font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  font-size:clamp(3.4rem,9.5vw,8.5rem);line-height:1;color:transparent;z-index:0;
  -webkit-text-stroke:2px color-mix(in srgb,var(--pc,var(--rice)) 34%,transparent);}
.pv-bigword span{display:inline-block;animation:ltrPop .45s var(--spring) both;}
.pv-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:3vw;align-items:center;max-width:1300px;width:100%;z-index:1;}
.pv-col{position:relative;min-height:440px;}
.pv-set{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .45s var(--ease),transform .45s var(--spring);pointer-events:none;display:flex;flex-direction:column;justify-content:center;}
.pv-set.on{opacity:1;transform:none;pointer-events:auto;}
.pv-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;}
.pv-blob{position:absolute;width:min(36vw,460px);height:min(36vw,460px);border-radius:46% 54% 58% 42%/48% 42% 58% 52%;
  filter:blur(6px);transition:background .6s;animation:blobMorph 9s ease-in-out infinite;}
.pv-pack{position:absolute;width:min(31vw,420px);opacity:0;transform:translateY(44px) rotate(-8deg) scale(.85);transition:.55s var(--spring);}
.pv-pack.on{opacity:1;transform:none;}
.pv-pack .pk-card{animation:packFloat 5.5s ease-in-out infinite;}
.pv-name h2{font-size:clamp(2rem,3.8vw,3.1rem);margin:12px 0 14px;line-height:1.1;}
.pv-name .desc{color:var(--cream-dim);line-height:1.75;font-size:1.02rem;}
.pv-name .p-meta{margin-top:16px;}
.pv-kcal{display:flex;align-items:baseline;gap:10px;margin-top:18px;font-family:var(--font-d);}
.pv-kcal b{font-size:clamp(2.4rem,4.4vw,3.4rem);color:var(--pc,var(--corn));font-weight:700;line-height:1;}
.pv-kcal small{color:var(--sub);font-size:.88rem;font-family:var(--font-b);}
.pv-serve{width:clamp(110px,11vw,150px);aspect-ratio:1;border-radius:50%;border:5px solid var(--pc,var(--corn));
  box-shadow:0 18px 40px rgba(0,0,0,.5);margin-bottom:18px;background-repeat:no-repeat;
  animation:packFloat 7s ease-in-out infinite reverse;}
.pv-nut-mini{background:rgba(30,27,23,.82);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;}
.pv-nut-mini h4{font-family:var(--font-d);font-size:.85rem;margin-bottom:4px;color:var(--pc,var(--corn));}
.pv-dots{display:flex;gap:10px;margin-top:26px;position:relative;z-index:1;}
.pv-dots i{width:38px;height:6px;border-radius:6px;background:var(--line);overflow:hidden;position:relative;}
.pv-dots i::after{content:"";position:absolute;inset:0;background:var(--pc,var(--corn));transform:scaleX(var(--p,0));transform-origin:left;}
@media(max-width:1020px){
  .pv-grid{grid-template-columns:1fr;gap:20px;}
  .pv-stage{min-height:300px;}
  .pv-pack{width:min(46vw,240px);}
  .pv-col{min-height:0;}
  .pv-col.nutcol{display:none;}
  .pv-set{position:relative;display:none;}
  .pv-set.on{display:flex;}
}

/* ============ TEASE + SERVING IDEAS (συγχωνευμένη ενότητα) ============ */
.tease{text-align:center;padding:110px 6vw 30px;max-width:820px;margin:0 auto;}
.tease h2{font-family:var(--font-d);font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.35;}
.tease h2 em{font-style:normal;color:var(--corn);}
.tease p{color:var(--sub);margin-top:14px;line-height:1.7;}
.tease .t-arrow{margin:26px auto 0;width:26px;color:var(--corn);animation:bounceDown 1.6s ease infinite;}
@keyframes bounceDown{0%,100%{transform:translateY(0);}50%{transform:translateY(10px);}}
.si-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.si-card{--pc:var(--corn);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:transform .4s var(--bounce),border-color .3s;}
.si-card:hover{transform:translateY(-8px) rotate(-.6deg);border-color:color-mix(in srgb,var(--pc) 50%,transparent);}
.si-img{aspect-ratio:1/1;background-repeat:no-repeat;background-color:#FFFFFF;background-size:cover;background-position:center;}
/* lazy-loaded backgrounds: μαλακό fade μόλις φορτώσουν */
.lazybg{opacity:0;transition:opacity .5s ease;}
.lazybg.loaded{opacity:1;}
.si-body{padding:16px 18px 20px;}
.si-body h3{font-size:.98rem;line-height:1.4;margin-bottom:10px;}
.si-card[data-c="rice"]{--pc:var(--rice);} .si-card[data-c="corn"]{--pc:var(--corn);}
.si-card[data-c="seeds"]{--pc:var(--seeds);} .si-card[data-c="choco"]{--pc:var(--choco);}
/* κατηγορίες: 3 CTA που οδηγούν στην αντίστοιχη ενότητα */
.si-cats{display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto 30px;}
.si-cat-btn{--cc:var(--corn);display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 30px;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--cc) 35%,transparent);
  background:color-mix(in srgb,var(--cc) 9%,transparent);color:var(--cream);
  font-family:var(--font-d);font-weight:700;font-size:clamp(1.15rem,2.3vw,1.6rem);text-align:left;
  transition:transform .35s var(--bounce),background .3s,border-color .3s;width:100%;}
.si-cat-btn small{font-family:var(--font-b);font-weight:500;font-size:.8rem;color:var(--sub);display:block;margin-top:4px;}
.si-cat-btn svg{flex:none;color:var(--cc);transition:transform .3s var(--bounce);}
.si-cat-btn:hover{transform:translateX(8px);background:color-mix(in srgb,var(--cc) 16%,transparent);border-color:var(--cc);}
.si-cat-btn:hover svg{transform:translateX(5px);}
.si-cat-btn.salty{--cc:var(--rice);} .si-cat-btn.sweet{--cc:var(--choco);} .si-cat-btn.protein{--cc:var(--seeds);} .si-cat-btn.choco{--cc:var(--corn);}
.si-sec{scroll-margin-top:96px;padding-top:60px;content-visibility:auto;contain-intrinsic-size:auto 900px;}
.si-cat-head{display:flex;align-items:center;gap:18px;max-width:1240px;margin:0 auto 30px;}
.si-cat-head h3{font-size:clamp(1.4rem,2.8vw,2.1rem);color:var(--cc,var(--cream));white-space:nowrap;}
.si-cat-head::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc,var(--corn)) 45%,transparent),transparent);}
.si-cat-head .eyebrow{margin:0;}
.si-sec.salty{--cc:var(--rice);} .si-sec.sweet{--cc:var(--choco);} .si-sec.protein{--cc:var(--seeds);} .si-sec.chocosec{--cc:var(--corn);}
@media(max-width:1020px){.si-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.si-grid{grid-template-columns:1fr;}}

/* ============ SELLING POINTS ============ */
.spk-cols{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start;}
.spk-col{--cc:var(--corn);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px;}
.spk-col.c1{--cc:var(--corn);} .spk-col.c2{--cc:var(--rice);} .spk-col.c3{--cc:var(--seeds);} .spk-col.c4{--cc:var(--choco);} .spk-col.c5{--cc:var(--cream);}
/* οι Εξαγωγές κολλάνε ακριβώς κάτω από Convenience + E-shop */
.spk-cols{grid-template-rows:min-content 1fr;}
.spk-col.c1,.spk-col.c2{grid-row:1/3;}
.spk-col.c5{grid-column:3/5;grid-row:2;align-self:start;}
.spk-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;
  border-bottom:2px solid color-mix(in srgb,var(--cc) 35%,transparent);}
.spk-head .ic{width:46px;height:46px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--cc) 15%,transparent);color:var(--cc);}
.spk-head h3{font-size:1.05rem;line-height:1.3;}
.spk-p{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:14px;transition:background .25s,transform .3s var(--bounce);}
.spk-p:hover{background:rgba(250,242,227,.05);transform:translateX(5px);}
/* λογότυπα αλυσίδων — ενιαίο μέγεθος slot, contain */
.spk-logo{width:92px;height:48px;flex:none;border-radius:10px;background:#fff;color:var(--black);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:700;font-size:.82rem;overflow:hidden;}
.spk-logo img{width:100%;height:100%;object-fit:contain;padding:4px;}
/* εικονίδια κατηγοριών «από κόκκους ρυζιού» */
.spk-head .ic svg{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:4.5 6.5;}
.spk-p b{display:block;font-size:.92rem;font-weight:600;}
.spk-p small{color:var(--sub);font-size:.74rem;}
.spk-note{max-width:860px;margin:70px auto 0;text-align:center;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:40px 6vw;}
.spk-note p{color:var(--sub);line-height:1.7;margin-bottom:22px;}
.spk-note p a{color:var(--corn);font-weight:600;}
.spk-disc{text-align:center;color:var(--sub);font-size:.74rem;margin-top:26px;}
@media(max-width:1020px){
  .spk-cols{grid-template-columns:repeat(2,1fr);}
  .spk-col.c1,.spk-col.c2{grid-row:auto;}
  .spk-col.c5{grid-column:1/3;grid-row:auto;}
}
@media(max-width:560px){
  .spk-cols{grid-template-columns:1fr;}
  .spk-col.c5{grid-column:auto;}
}

/* ============ CONTACT PAGE ============ */
.ct-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start;}
.ct-ffcard{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 20px;margin-bottom:22px;}
.ct-ffcard .ff-sq{width:60px;height:60px;flex:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ct-ffcard .ff-sq img{width:100%;height:100%;object-fit:contain;padding:7px;}
.ct-ffcard .ff-name{font-family:var(--font-d);font-weight:700;font-size:1.05rem;}
.ct-ffcard .ff-role{color:var(--sub);font-size:.85rem;margin-top:3px;}
.ct-items{display:flex;flex-direction:column;gap:4px;}
.ct-row{display:flex;gap:14px;align-items:flex-start;padding:14px 8px;border-bottom:1px solid var(--line);}
.ct-row:last-child{border-bottom:none;}
.ct-ic{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--corn) 15%,transparent);color:var(--corn);}
.ct-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);font-weight:700;margin-bottom:3px;}
.ct-val{color:var(--cream-dim);font-size:.96rem;line-height:1.55;}
.ct-val a:hover{color:var(--corn);}
.soc-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.soc-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:99px;border:1px solid var(--line);
  font-weight:600;font-size:.9rem;transition:.3s var(--bounce);}
.soc-btn svg{width:17px;height:17px;fill:currentColor;}
.soc-btn:hover{transform:translateY(-3px);border-color:var(--corn);color:var(--corn);}
.ct-map{margin-top:22px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);}
.ct-map iframe{width:100%;height:240px;border:0;display:block;filter:grayscale(.3) invert(.9) hue-rotate(180deg) contrast(.9);}
.cf-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 32px;position:relative;overflow:hidden;}
.cf-card::before{content:"";position:absolute;inset:-40% auto auto -30%;width:60%;height:120%;
  background:radial-gradient(circle,color-mix(in srgb,var(--corn) 10%,transparent),transparent 70%);}
.cf-card>*{position:relative;}
.cf-h{font-size:1.5rem;margin-bottom:6px;}
.cf-sub{color:var(--sub);font-size:.92rem;margin-bottom:22px;line-height:1.5;}
.cf-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cf-grp{margin-bottom:14px;display:flex;flex-direction:column;}
.cf-grp label{font-size:.8rem;font-weight:600;color:var(--cream-dim);margin-bottom:6px;}
.cf-grp input,.cf-grp select,.cf-grp textarea{background:var(--black);border:1px solid var(--line);border-radius:12px;
  padding:12px 14px;color:var(--cream);font-family:inherit;font-size:.94rem;transition:border-color .25s;}
.cf-grp input:focus,.cf-grp select:focus,.cf-grp textarea:focus{outline:none;border-color:var(--corn);}
.cf-grp textarea{min-height:120px;resize:vertical;}
.cf-grp select{appearance:none;cursor:pointer;}
.cf-error{background:color-mix(in srgb,#E0532F 18%,transparent);border:1px solid #E0532F;color:#ffbfa8;
  padding:10px 14px;border-radius:10px;font-size:.86rem;margin-bottom:14px;}
.cf-submit{width:100%;background:var(--corn);color:var(--black);font-weight:700;font-size:1rem;padding:15px;
  border-radius:99px;transition:transform .3s var(--bounce),box-shadow .3s;display:inline-flex;align-items:center;justify-content:center;gap:9px;}
.cf-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--corn) 35%,transparent);}
.cf-ok{display:none;text-align:center;padding:30px 10px;}
.cf-ok.on{display:block;animation:fadeUp .5s var(--ease);}
.cf-ok .ck{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;background:var(--vegan);display:flex;align-items:center;justify-content:center;}
.cf-ok .ck::after{content:"";width:22px;height:12px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg) translate(1px,-3px);}
.cf-ok h3{font-size:1.3rem;margin-bottom:8px;}
.cf-ok p{color:var(--sub);line-height:1.6;font-size:.92rem;}
.cf-note{margin-top:14px;font-size:.76rem;color:var(--sub);text-align:center;}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.cf-row2{grid-template-columns:1fr;}}

/* ============ STUB PAGES ============ */
.stub{min-height:72svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 5vw 80px;}
.stub .crown-big{width:72px;margin-bottom:22px;opacity:.9;}
.stub h1{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:14px;}
.stub p{color:var(--sub);max-width:52ch;line-height:1.7;margin-bottom:28px;}

/* ============ FOOTER ============ */
footer{background:var(--coal);border-top:1px solid var(--line);padding:70px 5vw 34px;}
.ft{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;}
.ft img.ft-logo{height:92px;margin-bottom:18px;}
.ft p,.ft li{color:var(--sub);font-size:.92rem;line-height:1.8;}
.ft h4{font-family:var(--font-d);font-size:1rem;margin-bottom:14px;color:var(--cream);}
.ft a:hover{color:var(--corn);}
.ft-soc{display:flex;gap:12px;margin-top:16px;}
.ft-soc a{width:40px;height:40px;border-radius:99px;border:1px solid var(--line);display:flex;align-items:center;
  justify-content:center;transition:.3s var(--bounce);}
.ft-soc a:hover{transform:translateY(-4px) rotate(-6deg);border-color:var(--corn);color:var(--corn);}
.ft-btm{max-width:1240px;margin:44px auto 0;padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--sub);font-size:.8rem;}

/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .prods{grid-template-columns:repeat(2,1fr);}
  .stats-in{grid-template-columns:repeat(2,1fr);gap:40px 20px;}
  .hero-grid{grid-template-columns:1fr;gap:56px;text-align:center;}
  .hero-copy .eyebrow{justify-content:center;}
  .hero-ctas{justify-content:center;}
  .hero-sub{margin-inline:auto;}
  .hero-stage{min-height:440px;}
  .pack-wrap{width:min(62vw,360px);}
  .blob{width:min(64vw,400px);height:min(64vw,400px);}
  .cta-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .n-links{display:none;}
  #burger{display:flex;}
  .recs{grid-template-columns:1fr;}
  .prods{grid-template-columns:1fr;}
  .ft{grid-template-columns:1fr;}
  .sec{padding:76px 6vw;}
  .way-stage{width:min(80vw,340px);height:min(80vw,340px);}
  .serve-row{flex-wrap:wrap;width:min(88vw,420px);gap:4vw;}
  .serve-card{width:42%;}
  .about-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}


/* ===== WordPress integration ===== */
html{margin-top:0 !important;}
body.ck-site{margin:0;}
body.admin-bar #nav{top:32px;}
@media(max-width:782px){body.admin-bar #nav{top:46px;}}
a.n-btn,a.mob-btn{display:inline-block;position:relative;text-decoration:none;}
.lang-pill a{font-size:.78rem;font-weight:700;padding:5px 11px;border-radius:99px;color:var(--sub);transition:.25s;text-decoration:none;display:inline-block;}
.lang-pill a.on{background:var(--cream);color:var(--black);}
.ft ul{list-style:none;}
.spk-intro{max-width:760px;margin:10px auto 0;padding:0 5vw;text-align:center}.spk-intro h2{font-family:var(--font-d);font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:10px}.spk-intro p{color:var(--sub);line-height:1.6}
.pv-ing{margin-top:10px;font-size:.66rem;line-height:1.45;color:var(--sub);max-height:4.4em;overflow:auto;padding-right:4px;scrollbar-width:thin}.p-meta .chip{white-space:nowrap}.pv-ing b{color:var(--cream);font-weight:700}
.spk-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.7rem;font-weight:700;text-align:center;line-height:1.1;padding:4px;color:var(--black);}
.pr-mlogo-txt{font-family:var(--font-d);font-weight:700;font-size:1.05rem;letter-spacing:.04em;color:var(--cream);}
.wpcf7 form{margin:0;}
.wpcf7-form-control-wrap{display:block;}
.wpcf7-not-valid-tip{color:#ff7a6b;font-size:.78rem;margin-top:5px;display:block;}
.wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:.88rem;color:var(--cream-dim);}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--vegan);color:var(--cream);}
.wpcf7-spinner{display:none;}
.cf-grp .wpcf7-form-control-wrap{width:100%;}
.wpcf7 .cf-submit{display:block;width:100%;cursor:pointer;border:none;}
.cf-row2>*{min-width:0;}
.cf-grp input,.cf-grp select,.cf-grp textarea{width:100%;max-width:100%;}
.ck-page-plain{max-width:900px;margin:0 auto;padding:140px 5vw 80px;}