/* ============================================================
   Glass Pavilion by Quartz — ЕДИНЫЙ ПРЕМИУМ-ХЕДЕР
   Подключается на ВСЕХ страницах. Самодостаточный (не зависит
   от того, какой ещё CSS загружен на странице).
   ============================================================ */

:root{
  /* ULTRA-PREMIUM палитра — единая для всего сайта */
  --gp-ink:#14171A;          /* глубокий графит — основной текст */
  --gp-ink-2:#2A2F33;
  --gp-mute:#646A6E;
  --gp-forest:#10231B;       /* благородный графит-форест — тёмный premium-акцент */
  --gp-forest-2:#193528;     /* чуть светлее для градиентов/hover */
  --gp-forest-3:#0B1813;     /* самый тёмный (футер) */
  --gp-gold:#C2A36B;         /* тёплое шампань-золото — акценты, линии, hover */
  --gp-gold-2:#D4B97F;       /* hover-золото светлее */
  --gp-gold-deep:#A8895A;
  --gp-bg:#F7F5F0;           /* тёплый ivory */
  --gp-paper:#FFFFFF;
  --gp-line:#E7E2D8;         /* тонкая тёплая линия */
}

/* ---------- HEADER SHELL ---------- */
/* fixed-шапка: прилипает к верху экрана при любом overflow родителей.
   Высота компенсируется padding-top на body. */
body{padding-top:78px;}
@media (max-width:1240px){body{padding-top:64px;}}
@media (max-width:560px){body{padding-top:58px;}}
.gp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(247,245,240,.96);
  -webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s, background .3s, box-shadow .3s;}
.gp-nav.is-scrolled{border-bottom-color:var(--gp-line);background:rgba(247,245,240,.95);
  box-shadow:0 8px 30px -18px rgba(16,35,27,.35);}
.gp-nav__inner{max-width:1320px;margin:0 auto;padding:15px clamp(16px,2.6vw,32px);
  display:flex;align-items:center;gap:clamp(14px,1.7vw,26px);}

/* logo */
.gp-logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--gp-ink);}
.gp-logo svg{width:26px;height:26px;color:var(--gp-gold);flex-shrink:0;}
.gp-logo__text{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:500;
  letter-spacing:.01em;line-height:1;white-space:nowrap;}
.gp-logo__text em{font-style:italic;color:var(--gp-gold);font-size:13px;letter-spacing:.04em;margin-left:3px;
  font-family:'Manrope',sans-serif;font-weight:500;text-transform:uppercase;}

/* desktop links */
.gp-menu{display:flex;align-items:center;gap:clamp(12px,1.15vw,20px);margin-left:auto;
  font-family:'Manrope',sans-serif;}
.gp-menu__link{position:relative;color:var(--gp-ink-2);font-size:14px;font-weight:500;letter-spacing:0;
  padding:8px 0;transition:color .2s;white-space:nowrap;}
.gp-menu__link::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;
  background:var(--gp-gold);transition:right .28s ease;}
.gp-menu__link:hover{color:var(--gp-ink);}
.gp-menu__link:hover::after,.gp-menu__link.active::after{right:0;}
.gp-menu__link.active{color:var(--gp-ink);}

/* muted "на модерации" item */
.gp-menu__link--soft{color:var(--gp-mute);display:inline-flex;align-items:center;gap:6px;}
.gp-menu__link--soft:hover{color:var(--gp-ink-2);}
.gp-badge{font-family:'Manrope',sans-serif;font-size:9px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gp-gold-deep);background:rgba(194,163,107,.14);
  border:1px solid rgba(194,163,107,.4);border-radius:20px;padding:2px 7px;line-height:1;}

/* dropdown */
.gp-drop{position:relative;}
.gp-drop__trigger{display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
.gp-drop__caret{font-size:9px;opacity:.65;transition:transform .25s;display:inline-block;}
.gp-drop:hover .gp-drop__caret,.gp-drop:focus-within .gp-drop__caret{transform:rotate(180deg);opacity:1;}
.gp-drop__menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:248px;background:var(--gp-paper);border:1px solid var(--gp-line);border-radius:14px;
  padding:10px;box-shadow:0 26px 60px -24px rgba(16,35,27,.4);opacity:0;visibility:hidden;
  transition:opacity .22s, transform .22s;z-index:1100;}
.gp-drop:hover .gp-drop__menu,.gp-drop:focus-within .gp-drop__menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.gp-drop__menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.gp-drop__label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gp-mute);padding:8px 12px 6px;}
.gp-drop__item{display:block;padding:10px 12px;border-radius:9px;color:var(--gp-ink-2);font-size:14px;
  font-weight:500;transition:background .18s, color .18s;}
.gp-drop__item:hover,.gp-drop__item.active{background:var(--gp-bg);color:var(--gp-ink);}
.gp-drop__item.active{color:var(--gp-gold-deep);}

/* CTA button */
.gp-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;
  height:44px;padding:0 18px;border-radius:40px;font-family:'Manrope',sans-serif;font-size:13.5px;
  font-weight:600;letter-spacing:.01em;background:var(--gp-forest);color:#fff;
  border:1px solid var(--gp-forest);transition:background .22s, transform .22s, box-shadow .22s;white-space:nowrap;}
.gp-cta:hover{background:var(--gp-forest-2);color:#fff;transform:translateY(-1px);
  box-shadow:0 14px 30px -12px rgba(16,35,27,.55);}
.gp-cta__arrow{transition:transform .22s;}
.gp-cta:hover .gp-cta__arrow{transform:translateX(3px);}
.gp-cta--ghost{background:transparent;color:var(--gp-forest);border:1px solid var(--gp-forest);}
.gp-cta--ghost:hover{background:var(--gp-forest);color:#fff;}
.cta-band__inner .gp-cta + .gp-cta{margin-left:10px;}

/* burger */
.gp-burger{display:none;width:46px;height:46px;flex-shrink:0;background:transparent;
  border:1px solid var(--gp-line);border-radius:12px;cursor:pointer;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;transition:border-color .2s;margin-left:auto;}
.gp-burger:hover{border-color:var(--gp-gold);}
.gp-burger span{display:block;width:20px;height:1.7px;background:var(--gp-ink);border-radius:2px;
  transition:transform .26s ease, opacity .2s ease;}
.gp-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.7px) rotate(45deg);}
.gp-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.gp-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.7px) rotate(-45deg);}

/* ---------- MOBILE PANEL ---------- */
.gp-mobile{position:fixed;inset:0 0 0 auto;width:min(420px,90vw);background:var(--gp-paper);
  z-index:2000;transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;padding:0;box-shadow:-30px 0 80px -30px rgba(16,35,27,.5);
  overflow-y:auto;-webkit-overflow-scrolling:touch;}
body.gp-menu-open .gp-mobile{transform:translateX(0);}
.gp-mobile__head{display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(18px,5vw,28px);border-bottom:1px solid var(--gp-line);position:sticky;top:0;background:var(--gp-paper);}
.gp-mobile__close{width:44px;height:44px;border:1px solid var(--gp-line);border-radius:12px;background:transparent;
  font-size:22px;line-height:1;color:var(--gp-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.gp-mobile__close:hover{border-color:var(--gp-gold);color:var(--gp-gold-deep);}
.gp-mobile__list{display:flex;flex-direction:column;padding:8px clamp(12px,4vw,18px) 0;}
.gp-mobile__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:52px;padding:8px 12px;font-family:'Manrope',sans-serif;font-size:17px;font-weight:500;
  color:var(--gp-ink);border-bottom:1px solid var(--gp-line);}
.gp-mobile__link:last-of-type{border-bottom:none;}
.gp-mobile__link.active{color:var(--gp-gold-deep);}
.gp-mobile__sub{display:flex;flex-direction:column;padding:2px 12px 10px;}
.gp-mobile__sub a{display:flex;align-items:center;min-height:46px;padding:6px 14px;font-size:15px;
  font-weight:500;color:var(--gp-mute);}
.gp-mobile__sub a::before{content:"—";margin-right:10px;color:var(--gp-gold);}
.gp-mobile__sub a.active{color:var(--gp-gold-deep);}
.gp-mobile__cta-wrap{padding:16px clamp(16px,5vw,24px) 28px;margin-top:auto;}
.gp-mobile__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:54px;border-radius:40px;background:var(--gp-forest);color:#fff;font-family:'Manrope',sans-serif;
  font-size:16px;font-weight:600;letter-spacing:.02em;}
.gp-mobile__cta:hover{background:var(--gp-forest-2);color:#fff;}
.gp-overlay{position:fixed;inset:0;background:rgba(11,24,19,.42);-webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);z-index:1900;opacity:0;visibility:hidden;transition:opacity .3s;}
body.gp-menu-open .gp-overlay{opacity:1;visibility:visible;}
body.gp-menu-open{overflow:hidden;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1240px){
  .gp-menu,.gp-nav__inner > .gp-cta{display:none;}
  .gp-burger{display:inline-flex;}
}
@media (min-width:1241px){
  .gp-mobile,.gp-overlay{display:none;}
}
@media (max-width:520px){
  .gp-logo__text{font-size:21px;}
  .gp-logo__text em{display:none;}
}