/* GASTRONAUTICUS HUB V2 — navazuje na EveryThink, nemění .pkx-page-title ani hero. */
.gx2-hub{
  width:min(1320px,calc(100% - 36px));
  margin:0 auto;
  padding:12px 0 88px;
  font-family:Calibri,"Segoe UI",Arial,sans-serif;
}
.gx2-hub-head{margin:0 0 22px;padding:0 2px}
.gx2-hub-kicker{margin:0 0 8px;color:#ff9f42;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.gx2-hub-head h2{margin:0;color:#fff;font-size:clamp(25px,3.4vw,42px);line-height:1;font-weight:900;letter-spacing:-.025em}
.gx2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gx2-card{
  --gx2:#ff7a1a;
  position:relative;
  min-height:220px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:26px 28px;
  border:1px solid color-mix(in srgb,var(--gx2) 58%,rgba(255,255,255,.08));
  border-radius:16px;
  background:
    radial-gradient(85% 110% at 92% 12%,color-mix(in srgb,var(--gx2) 18%,transparent),transparent 62%),
    linear-gradient(145deg,rgba(23,20,17,.94),rgba(10,9,8,.92));
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  color:#fff;
  text-decoration:none;
  transform:translateZ(0) scale(1);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
  touch-action:manipulation;
  isolation:isolate;
}
.gx2-card::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;
  background-image:
    linear-gradient(30deg,color-mix(in srgb,var(--gx2) 16%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--gx2) 16%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--gx2) 16%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--gx2) 16%,transparent) 87.5%);
  background-size:64px 112px;
  mask-image:linear-gradient(90deg,transparent 10%,#000 100%);
}
.gx2-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gx2),transparent);box-shadow:0 0 22px color-mix(in srgb,var(--gx2) 55%,transparent)}
.gx2-index{position:absolute;top:20px;right:22px;color:color-mix(in srgb,var(--gx2) 68%,#fff 32%);font-size:12px;font-weight:900;letter-spacing:.14em}
.gx2-card-copy{position:relative;z-index:1;max-width:82%}
.gx2-card-copy small{display:block;margin:0 0 7px;color:color-mix(in srgb,var(--gx2) 72%,#fff 28%);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.gx2-card-copy strong{display:block;color:color-mix(in srgb,var(--gx2) 86%,#fff 14%);font-size:clamp(34px,5vw,61px);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase}
.gx2-card-copy p{margin:13px 0 0;color:#bdb4ab;font-size:15px;line-height:1.45}
.gx2-arrow{position:absolute;right:24px;bottom:24px;width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gx2) 58%,transparent);border-radius:10px;background:color-mix(in srgb,var(--gx2) 7%,rgba(8,8,8,.82));color:var(--gx2);font-size:22px;line-height:1;transition:transform .18s ease,background .18s ease}
.gx2-recipes{--gx2:#ff7a1a}
.gx2-books{--gx2:#70ff00}
.gx2-app{--gx2:#ffe600}
.gx2-media{--gx2:#0057D9}
@media(hover:hover) and (pointer:fine){
  .gx2-card:hover,.gx2-card:focus-visible{transform:scale(1.025);z-index:3;outline:none;border-color:color-mix(in srgb,var(--gx2) 88%,#fff 12%);box-shadow:0 24px 64px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--gx2) 17%,transparent)}
  .gx2-card:hover .gx2-arrow,.gx2-card:focus-visible .gx2-arrow{transform:translate(2px,-2px);background:color-mix(in srgb,var(--gx2) 11%,rgba(8,8,8,.82))}
}
.gx2-card:active,.gx2-card.gx2-touched{transform:scale(1.02);filter:brightness(1.07);z-index:4}
@media(max-width:760px){
  .gx2-hub{width:calc(100% - 28px);padding-top:8px;padding-bottom:58px}
  .gx2-grid{grid-template-columns:1fr;gap:14px}
  .gx2-card{min-height:190px;padding:23px 22px}
  .gx2-card-copy{max-width:84%}
  .gx2-arrow{right:20px;bottom:20px;width:40px;height:40px}
}
@media(max-width:420px){.gx2-card{min-height:180px}.gx2-card-copy strong{font-size:clamp(32px,12vw,48px)}.gx2-card-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.gx2-card,.gx2-arrow{transition:none!important}}

/* Child pages. */
.gx2-child{margin:0;min-height:100vh;background:#070707;color:#f7f3ee;font-family:Calibri,"Segoe UI",Arial,sans-serif}
.gx2-child *{box-sizing:border-box}
.gx2-child-top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1320px,calc(100% - 36px));margin:auto;border-bottom:1px solid rgba(255,255,255,.07)}
.gx2-child-top a{color:#ddd5cc;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.gx2-child-top a:last-child{color:var(--gx2-child)}
.gx2-child-main{width:min(1320px,calc(100% - 36px));min-height:calc(100vh - 68px);margin:auto;display:flex;align-items:center;padding:64px 0 90px;position:relative;overflow:hidden}
.gx2-child-main::before{content:"";position:absolute;inset:8% -15% -15% 36%;background:radial-gradient(circle at center,color-mix(in srgb,var(--gx2-child) 14%,transparent),transparent 68%);pointer-events:none}
.gx2-child-inner{position:relative;z-index:1;max-width:1040px}
.gx2-child-kicker{margin:0 0 18px;color:var(--gx2-child);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.gx2-child-title{margin:0;color:var(--gx2-child);font-size:clamp(58px,10vw,142px);font-weight:900;line-height:.86;letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:anywhere}
.gx2-child-rule{width:min(520px,68vw);height:3px;margin:32px 0 24px;background:linear-gradient(90deg,var(--gx2-child),transparent);box-shadow:0 0 20px color-mix(in srgb,var(--gx2-child) 30%,transparent)}
.gx2-child-desc{max-width:720px;margin:0;color:#bdb4ab;font-size:clamp(16px,1.8vw,20px);line-height:1.55}
@media(max-width:760px){.gx2-child-top{height:60px;width:calc(100% - 28px)}.gx2-child-main{width:calc(100% - 28px);min-height:calc(100vh - 60px);padding:48px 0 70px}.gx2-child-title{font-size:clamp(52px,17vw,88px)}}