/* ============================================================
   INGREDIENTS — статичні сторінки (Про компанію, Галузі, Контакти).
   Підключається на is_page(). Самодостатні компоненти.
   ============================================================ */

.pg{ overflow:clip; }
.pg-sec{ padding:clamp(44px,6vw,72px) 0; }
.pg-sec + .pg-sec{ padding-top:0; }

.pg-eye{ display:inline-block; font-family:var(--font-mono); font-size:12.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--acc); margin-bottom:14px; }
.pg-shead{ max-width:62ch; margin:0 0 30px; }
.pg-shead h2{ font-family:var(--font-display); font-size:clamp(23px,3vw,30px); color:#fff; margin:0; line-height:1.2; }

/* ---------- Вступ ---------- */
.pg-intro__grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:clamp(28px,4vw,56px); align-items:start; }
.pg-lead{ font-size:clamp(18px,2.1vw,22px); line-height:1.5; color:var(--tx); margin:0 0 18px; font-weight:500; }
.pg-body{ font-size:15.5px; line-height:1.75; color:var(--tx-mut); margin:0 0 18px; max-width:60ch; }
.pg-slogan{ font-family:var(--font-display); font-weight:700; font-size:18px; margin:0; width:fit-content;
  background:linear-gradient(90deg,var(--acc),var(--neon-cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.pg-stats{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pg-stat{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px 18px; }
.pg-stat__num{ display:block; font-family:var(--font-display); font-weight:800; font-size:clamp(26px,3.4vw,34px);
  line-height:1; color:#fff; letter-spacing:-.01em; }
.pg-stat__lbl{ display:block; margin-top:8px; font-size:13px; color:var(--tx-mut); line-height:1.4; }

/* ---------- Переваги ---------- */
.pg-feats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pg-feat{ background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:26px 24px;
  transition:border-color .2s, transform .2s; }
.pg-feat:hover{ transform:translateY(-3px); border-color:var(--line-2); }
.pg-feat__ic{ display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center;
  border:1px solid var(--line-2); border-radius:12px; margin-bottom:16px; color:var(--acc); }
.pg-feat__ic .adv__icon{ width:26px; height:26px; stroke:currentColor; }
.pg-feat__title{ font-family:var(--font-display); font-size:17px; color:#fff; margin:0 0 9px; }
.pg-feat__text{ font-size:14px; line-height:1.65; color:var(--tx-mut); margin:0; }
.pg-feat--lime   .pg-feat__ic{ color:var(--neon-lime); }
.pg-feat--cyan   .pg-feat__ic{ color:var(--neon-cyan); }
.pg-feat--mag    .pg-feat__ic{ color:var(--neon-mag); }
.pg-feat--orange .pg-feat__ic{ color:var(--neon-orange); }
.pg-feat--violet .pg-feat__ic{ color:var(--neon-violet); }

/* Акцентна плашка-примітка (напр. термін відправлення) */
.pg-note{ display:flex; align-items:center; gap:11px; margin:22px 0 0; padding:13px 17px; border-radius:12px;
  background:color-mix(in srgb, var(--acc) 8%, var(--surface)); border:1px solid var(--acc-dim);
  color:var(--tx); font-size:14.5px; line-height:1.5; }
.pg-note svg{ flex:0 0 auto; width:20px; height:20px; color:var(--acc); }

/* ---------- Галузі ---------- */
.pg-ind{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.pg-ind__card{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px 22px;
  text-decoration:none; transition:border-color .2s, transform .2s; }
.pg-ind__card:hover{ transform:translateY(-3px); border-color:color-mix(in srgb,var(--acc) 45%,transparent); text-decoration:none; }
.pg-ind__name{ font-family:var(--font-display); font-weight:700; font-size:17px; color:#fff; }
.pg-ind__meta{ font-size:13px; color:var(--tx-dim); white-space:nowrap; }
.pg-ind__arr{ color:var(--acc); margin-left:4px; }
.pg-ind__more{ margin:22px 0 0; font-size:14.5px; }
.pg-ind__more a{ color:var(--acc); }

/* ---------- Галузі (сторінка-хаб) ---------- */
.pg-galuzi{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.pg-galuzi__card{ --ga:var(--acc); position:relative; display:flex; flex-direction:column;
  background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:28px 26px; overflow:hidden; }
.pg-galuzi__card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--ga); opacity:.9; }
.pg-galuzi__card:hover{ border-color:color-mix(in srgb,var(--ga) 45%,transparent); }
.pg-galuzi--lime{ --ga:var(--neon-lime); }
.pg-galuzi--cyan{ --ga:var(--neon-cyan); }
.pg-galuzi--orange{ --ga:var(--neon-orange); }
.pg-galuzi--violet{ --ga:var(--neon-violet); }
.pg-galuzi__top{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin-bottom:12px; }
.pg-galuzi__name{ font-family:var(--font-display); font-size:clamp(18px,2.2vw,22px); color:#fff; margin:0; line-height:1.15; }
.pg-galuzi__count{ flex:0 0 auto; font-family:var(--font-mono); font-size:12px; color:var(--tx-dim); white-space:nowrap; }
.pg-galuzi__desc{ font-size:14px; line-height:1.65; color:var(--tx-mut); margin:0 0 16px; }
.pg-galuzi__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.pg-tag{ font-size:12.5px; color:var(--tx-mut); background:var(--bg-2); border:1px solid var(--line-2);
  border-radius:999px; padding:5px 12px; text-decoration:none; transition:.18s; }
.pg-tag:hover{ color:var(--ga); border-color:color-mix(in srgb,var(--ga) 45%,transparent); text-decoration:none; }
.pg-galuzi__link{ margin-top:auto; align-self:flex-start; color:var(--ga); font-weight:600; font-size:14px; text-decoration:none; }
.pg-galuzi__link:hover{ text-decoration:none; opacity:.85; }

/* ---------- CTA-банер ---------- */
.pg-cta{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px 30px;
  background:linear-gradient(120deg, color-mix(in srgb,var(--acc) 10%,var(--surface)), var(--surface));
  border:1px solid var(--line-2); border-radius:18px; padding:clamp(26px,3.5vw,40px); }
.pg-cta__text h2{ font-family:var(--font-display); font-size:clamp(20px,2.6vw,26px); color:#fff; margin:0 0 8px; }
.pg-cta__text p{ color:var(--tx-mut); font-size:15px; margin:0; max-width:52ch; }
.pg-cta__act{ display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- Контакти ---------- */
.pc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px); align-items:start; }
.pc-h2{ font-family:var(--font-display); font-size:clamp(20px,2.4vw,26px); color:#fff; margin:0 0 8px; }
.pc-sub{ color:var(--tx-mut); font-size:14.5px; margin:0 0 24px; }
.pc-list{ display:flex; flex-direction:column; gap:18px; }
.pc-row{ display:flex; align-items:flex-start; gap:14px; }
.pc-ico{ flex:0 0 auto; width:20px; height:20px; margin-top:2px; color:var(--acc); }
.pc-row__body{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.pc-lbl{ color:var(--tx-dim); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; }
.pc-row__body a{ color:var(--tx); transition:color .18s; }
.pc-row__body a:hover{ color:var(--acc); text-decoration:none; }
.pc-nums{ display:flex; flex-direction:column; gap:3px; }
.pc-nums a{ font-family:var(--font-mono); font-size:14.5px; letter-spacing:-.01em; }
.pc-form{ background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:clamp(24px,3vw,32px); }
.pc-form .ingr-quote-form{ max-width:none; }
.pc-place{ display:flex; align-items:center; gap:22px; text-decoration:none;
  background:linear-gradient(120deg, color-mix(in srgb,var(--acc) 9%,var(--surface)), var(--surface));
  border:1px solid var(--line-2); border-radius:18px; padding:26px 30px; transition:border-color .2s, transform .2s; }
.pc-place:hover{ border-color:color-mix(in srgb,var(--acc) 45%,transparent); text-decoration:none; }
.pc-place__pin{ flex:0 0 auto; width:54px; height:54px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line-2); border-radius:14px; color:var(--acc); background:var(--bg-2); }
.pc-place__pin svg{ width:26px; height:26px; }
.pc-place__body{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.pc-place__lbl{ color:var(--tx-dim); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; }
.pc-place__addr{ font-family:var(--font-display); font-weight:700; font-size:18px; color:#fff; }
.pc-place__hours{ color:var(--tx-mut); font-size:13.5px; }
.pc-place__cta{ margin-left:auto; flex:0 0 auto; color:var(--acc); font-weight:600; font-size:14.5px; white-space:nowrap; }

/* ---------- Адаптив ---------- */
@media (max-width:860px){
  .pc-grid{ grid-template-columns:1fr; }
  .pg-intro__grid{ grid-template-columns:1fr; }
  .pg-feats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-galuzi{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .pg-feats{ grid-template-columns:1fr; }
  .pg-ind{ grid-template-columns:1fr; }
  .pg-stats{ grid-template-columns:1fr 1fr; }
  .pg-cta__act{ width:100%; }
  .pg-cta__act .btn{ flex:1 1 auto; justify-content:center; }
  .pc-place{ flex-wrap:wrap; gap:16px; }
  .pc-place__cta{ margin-left:0; width:100%; }
}