/* =========================================================
   GAID PAGE — pixel-perfect to Figma 1920
   Reuses .blog_hero* styles (same hero structure as Blog page).
   ========================================================= */

/* ----- REGIONS BLOCK: gray bg with subtitle + region tabs (Figma 1920×384) ----- */
.gaid_regions {
  background: #FAFAFA;
  position: relative;
  padding: 64px 96px 64px;
  text-align: center;
  border-bottom: 1.6px solid #E1E1E1;
}
.gaid_regions::before,
.gaid_regions::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.6px;
  background: #E1E1E1;
  z-index: 200;
  pointer-events: none;
}
.gaid_regions::before { left: 96px; }
.gaid_regions::after  { right: 96px; }

/* Hide rails when mega-menu is open */
body:has(.mega-menu.active) .gaid_regions::before,
body:has(.mega-menu.active) .gaid_regions::after {
  display: none;
}

.gaid_regions__head {
  max-width: 834px;
  margin: 0 auto 96px;
}
.gaid_regions__subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 120%;
  color: #3C3C3B;
  margin: 0 0 24px;
}
.gaid_regions__desc {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 130%;
  color: #3C3C3B;
  margin: 0;
}

/* Region tabs (Felidae 44px, active = bullet + dark, inactive = light gray) */
.gaid_regions__tabs {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  font-family: "Felidae", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 110%;
  letter-spacing: 0.02em;
}
.gaid_regions__tab {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #C4C4C4;
  text-decoration: none;
  transition: color .2s;
}
.gaid_regions__tab:hover { color: #010101; }
.gaid_regions__tab.is-active { color: #010101; }
.gaid_regions__tab-bullet {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #232323;
  flex-shrink: 0;
}
.gaid_regions__tab:not(.is-active) .gaid_regions__tab-bullet { display: none; }
.gaid_regions__tab-sep { color: #C4C4C4; user-select: none; }

/* =========================================================
   GUIDES — 3 cards (продажа/покупка/юр.) + dark CTA bar (Figma 1923×752 + 80)
   ========================================================= */
.gaid_guides {
  background: #FFFFFF;
  position: relative;
  /* No section padding-top — let the cells own that space so their border-right
     (vertical dividers) extends all the way up to the horizontal border-top. */
  padding: 0;
  border-top: 1.6px solid #E1E1E1;
  border-bottom: 1.6px solid #E1E1E1;
}

.gaid_guides__grid {
  display: grid;
  /* Figma columns: 668 | 587 | 665 (sums to 1920) */
  grid-template-columns: 668fr 587fr 665fr;
}
.gaid_guides__cell {
  position: relative;
  /* 45px top so vertical dividers (border-right) reach the section's border-top */
  padding-top: 45px;
  padding-bottom: 28px;
  border-right: 1.6px solid #E1E1E1;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
}
.gaid_guides__cell:last-child { border-right: 0; }
/* Per-column padding (Figma offsets) */
.gaid_guides__cell:nth-child(1) { padding-left: 96px; padding-right: 17px; }
.gaid_guides__cell:nth-child(2) { padding-left: 15px; padding-right: 17px; }
.gaid_guides__cell:nth-child(3) { padding-left: 17px; padding-right: 93px; }

.gaid_guides__name {
  font-family: "Felidae", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #010101;
  margin: 0 0 35px;
  min-height: 48px;
}
.gaid_guides__photo-wrap {
  position: relative;
  width: 555px;
  height: 560px;
  z-index: 250;
}
.gaid_guides__photo {
  width: 555px;
  height: 560px;
  object-fit: cover;
  display: block;
}
.gaid_guides__link {
  position: absolute;
  bottom: 16px;
  right: 32px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1.6px solid #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  transition: background .2s, border-color .2s;
}
.gaid_guides__cell:hover .gaid_guides__link {
  background: rgba(255, 255, 255, 0.2);
}

/* Full-width dark CTA bar after the 3-card grid */
.gaid_guides__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 96px;
  background: #41545C;
  color: #FFFFFF;
  border: 0;
  font-family: "Felidae", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .25s, color .25s;
  margin-top: 16px;
  position: relative;
  z-index: 250;
}
.gaid_guides__btn:hover { background: #010101; color: #FFFFFF; }

/* =========================================================
   NEWS — title + sidebar (categories) + big photo (Figma 1920×1187)
   ========================================================= */
.gaid_news {
  background: #FFFFFF;
  position: relative;
  padding: 64px 0 0;
  border-top: 1.6px solid #E1E1E1;
  border-bottom: 1.6px solid #E1E1E1;
  margin-top: 96px;
  margin-bottom: 96px;
}
.gaid_news::before,
.gaid_news::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.6px;
  background: #E1E1E1;
  z-index: 200;
  pointer-events: none;
}
.gaid_news::before { left: 96px; }
.gaid_news::after  { right: 96px; }

/* Hide rails when mega-menu is open */
body:has(.mega-menu.active) .gaid_news::before,
body:has(.mega-menu.active) .gaid_news::after {
  display: none;
}

.gaid_news__head {
  text-align: center;
  padding: 0 96px;
  margin-bottom: 64px;
}
.gaid_news__title {
  font-family: "Felidae", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 80px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #010101;
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 1634px;
}

.gaid_news__body {
  display: grid;
  /* Figma: sidebar 668 (96 padding + 572 content) | photo 1252 (= 1920 - 668) */
  grid-template-columns: 668fr 1252fr;
  border-top: 1.6px solid #E1E1E1;
}
.gaid_news__sidebar {
  padding: 0 32px 0 96px;
  border-right: 1.6px solid #E1E1E1;
}
.gaid_news__cats {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Felidae", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 44px;
  line-height: 110%;
  letter-spacing: 0.02em;
}
.gaid_news__cat {
  display: flex;
  align-items: center;
  gap: 16px;
  /* Indent content 32px from rail so the bullet/text don't touch the vertical line */
  padding: 33px 0 33px 32px;
  color: #C2C2C2;
  cursor: pointer;
  border-bottom: 1.6px solid #E1E1E1;
  transition: color .2s;
}
.gaid_news__cat:last-child { border-bottom: 0; }
.gaid_news__cat a {
  color: inherit;
  text-decoration: none;
}
.gaid_news__cat:hover { color: #010101; }
.gaid_news__cat.is-active { color: #010101; }
.gaid_news__cat-bullet {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #232323;
  flex-shrink: 0;
}
.gaid_news__cat:not(.is-active) .gaid_news__cat-bullet { display: none; }

.gaid_news__photo {
  width: 100%;
  position: relative;
  z-index: 250;
}
.gaid_news__photo img {
  width: 100%;
  height: 731px;
  object-fit: cover;
  display: block;
}

/* =========================================================
   ADAPTIVE — 1200px (Figma 1200_gaid: 1200x3304)
   Hero title 50px Felidae, subtitle 20px Inter, tabs 28px Felidae
   Guides cards 28px Felidae, news title 50px, cats 28px Felidae
   ========================================================= */
@media (max-width: 1200px) {
  .gaid_regions { padding: 48px 60px; }
  .gaid_regions__head { margin-bottom: 48px; max-width: 720px; }
  .gaid_regions__subtitle { font-size: 20px; line-height: 120%; margin-bottom: 16px; }
  .gaid_regions__desc { font-size: 16px; line-height: 130%; }
  .gaid_regions__tabs { font-size: 28px; gap: 12px; }
  .gaid_regions__tab-bullet { width: 9px; height: 9px; }
  .gaid_guides__name { font-size: 28px; line-height: 110%; letter-spacing: 0.02em; min-height: auto; margin-bottom: 20px; }
  .gaid_guides__cell:nth-child(1) { padding-left: 60px; }
  .gaid_guides__cell:nth-child(3) { padding-right: 60px; }
  .gaid_guides__photo-wrap, .gaid_guides__photo { width: 100%; max-width: 380px; height: 380px; }
  .gaid_guides__btn { font-size: 16px; height: 50px; line-height: 150%; }
  .gaid_news { padding: 48px 0 0; margin-top: 64px; }
  .gaid_news__head { padding: 0 60px; margin-bottom: 48px; }
  .gaid_news__title { font-size: 50px; line-height: 110%; letter-spacing: 0.02em; max-width: 1080px; }
  .gaid_news__sidebar { padding: 0 24px 0 60px; }
  .gaid_news__cats { font-size: 28px; line-height: 110%; }
  .gaid_news__cat { padding: 24px 0 24px 24px; }
  .gaid_news__photo img { height: 540px; }
}

/* =========================================================
   ADAPTIVE — 768px (Figma 768_blog/gaid: 768x2313)
   Hero title 35px, tabs 20px Felidae
   ========================================================= */
@media (max-width: 768px) {
  .gaid_regions { padding: 32px 30px; }
  .gaid_regions__head { margin-bottom: 24px; }
  .gaid_regions__subtitle { font-size: 16px; line-height: 120%; margin-bottom: 12px; }
  .gaid_regions__desc { font-size: 14px; }
  .gaid_regions__tabs { font-size: 18px; gap: 8px; }
  .gaid_regions__tab { gap: 8px; }
  .gaid_regions__tab-bullet { width: 6px; height: 6px; }
  .gaid_guides { padding: 24px 0 0; }
  .gaid_guides__grid { grid-template-columns: 1fr; }
  .gaid_guides__cell { border-right: 0; border-bottom: 1.6px solid #E1E1E1; padding: 24px 30px 24px !important; }
  .gaid_guides__cell:last-child { border-bottom: 0; }
  .gaid_guides__name { font-size: 20px; min-height: auto; margin-bottom: 16px; }
  .gaid_guides__photo-wrap, .gaid_guides__photo { width: 100%; max-width: 100%; height: 280px; }
  .gaid_guides__btn { font-size: 12px; height: 44px; letter-spacing: 0.05em; }
  .gaid_news { padding: 32px 0 0; margin-top: 32px; }
  .gaid_news__head { padding: 0 30px; margin-bottom: 24px; }
  .gaid_news__title { font-size: 35px; line-height: 110%; }
  .gaid_news__body { grid-template-columns: 1fr; }
  .gaid_news__sidebar { padding: 0 30px; border-right: 0; border-bottom: 1.6px solid #E1E1E1; }
  .gaid_news__cats { font-size: 20px; }
  .gaid_news__cat { padding: 12px 0; }
  .gaid_news__photo img { height: 320px; }
}

/* =========================================================
   ADAPTIVE — 360px (Figma 1924: 360x3547)
   Hero title 30px Felidae, "Будьте в курсе" 30px + 20px subtitle
   ========================================================= */
@media (max-width: 360px) {
  .gaid_regions { padding: 24px 16px; }
  .gaid_regions__head { margin-bottom: 20px; }
  .gaid_regions__subtitle { font-size: 14px; margin-bottom: 8px; }
  .gaid_regions__desc { font-size: 12px; }
  .gaid_regions__tabs { font-size: 16px; gap: 6px; }
  .gaid_guides__cell { padding: 16px !important; }
  .gaid_guides__name { font-size: 20px; margin-bottom: 12px; }
  .gaid_guides__photo-wrap, .gaid_guides__photo { height: 240px; }
  .gaid_guides__btn { font-size: 12px; height: 44px; }
  .gaid_news { padding: 24px 0 0; margin-top: 24px; }
  .gaid_news__head { padding: 0 16px; margin-bottom: 20px; }
  .gaid_news__title { font-size: 30px; line-height: 110%; }
  .gaid_news__sidebar { padding: 0 16px; }
  .gaid_news__cats { font-size: 18px; }
  .gaid_news__cat { padding: 10px 0; }
  .gaid_news__photo img { height: 200px; }
}