/* =========================================================
   GAID2 PAGE — long single-article guide. Reuses .news_article* styles
   with extra rules for sidebar lead text and full-bleed photos.
   ========================================================= */

.big_block_home--gaid2 {
  background: #FFFFFF;
}

/* Sidebar — no top padding (breadcrumbs sit at the top, aligned with the article title) */
.gaid2_article .news_article__sidebar { padding-top: 0; }
.gaid2_article .news_article__date { display: none; }
/* Breadcrumbs reset for in-sidebar placement */
.gaid2_article .news_article__sidebar .news_article__breadcrumbs {
  margin: 0 0 0;
  padding: 0;
}
/* Subcategory pushed down so it lines up with the photo top in main column */
.gaid2_article .news_article__sidebar .news_article__category {
  margin-top: 285px;
}
/* Sidebar lead text — under the subcategory, positioned around photo bottom area */
.gaid2_article__sidebar-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 130%;
  color: #010101;
  margin: 240px 0 0;
  max-width: 510px;
}

/* Move title above the photo, with intro lead text between */
.gaid2_article__intro {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 130%;
  color: #3C3C3B;
  margin: 0 0 32px !important;
  max-width: 755px;
}
/* Section lead text — bigger paragraph just under the section heading (UPPERCASE per design) */
.gaid2_article__lead {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 120%;
  color: #3C3C3B;
  margin: 0 0 24px;
  max-width: 1066px;
  text-transform: uppercase;
}

/* Second layout's sidebar is intentionally empty (grid spacer only) — no override needed */

/* Full-section-width horizontal divider between hero block and sections (Figma: 1728×0) */
.gaid2_article__divider {
  border: 0;
  border-top: 1.6px solid #E1E1E1;
  margin: 0;
  width: 100%;
  height: 0;
}

/* Full-bleed photo strips (Figma: 1730×598) */
.gaid2_article__wide-photo {
  width: 100%;
  margin: 64px 0;
  position: relative;
  z-index: 250;
}
.gaid2_article__wide-photo img {
  width: 100%;
  height: 598px;
  object-fit: cover;
  display: block;
}

/* Hide rails behind opaque elements when mega-menu is open (inherits news.css rule) */

/* Horizontal dividers separating each H2 section in the main column (Figma).
   max-width: none + negative left margin make the border-top span the FULL
   main-column width — from the vertical sidebar divider to the right edge —
   while the heading text stays indented by the original 32px padding. */
.gaid2_article .news_article__h2 {
  border-top: 1.6px solid #E1E1E1;
  padding-top: 32px;
  margin-top: 32px;
  max-width: none;
  margin-left: -32px;
  padding-left: 32px;
}
/* Don't add border above the FIRST h2 in each layout (the lead intro covers it) */
.gaid2_article .news_article__main > .news_article__h2:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 32px;
}

/* Vertical separator between sidebar and main column (Figma: line at x=642) */
.gaid2_article .news_article__sidebar {
  border-right: 1.6px solid #E1E1E1;
  /* Indent text away from both rails (left page rail + right vertical divider) */
  padding-left: 32px;
  padding-right: 32px;
}
.gaid2_article .news_article__main {
  padding-left: 32px;
}

/* Pair Costa del Sol + Марбелья into one block — no divider between them */
.gaid2_article .news_article__main > .news_article__h2:nth-of-type(2) {
  border-top: 0;
  padding-top: 0;
  margin-top: 16px;
}

/* =========================================================
   ADAPTIVE — 1200px (Figma 1200_гайд: 1200x4875)
   Sidebar lead 16px Inter, section lead 20px Inter UPPERCASE,
   intro 16px Inter, photos 472px tall.
   At desktop the H2 separators have 32px+32px (border-top + space + indent).
   On 1200 Figma uses tighter section rhythm — drop to 16px+16px so the
   article doesn't run ~1100px longer than the Figma reference. Body
   paragraph margin tightened too (16 → 12). */
@media (max-width: 1200px) {
  .gaid2_article__sidebar-text { font-size: 16px; line-height: 130%; margin-top: 200px; }
  .gaid2_article__intro { font-size: 16px; line-height: 150%; margin-bottom: 24px !important; max-width: 700px; }
  .gaid2_article__lead { font-size: 20px; line-height: 120%; margin-bottom: 20px; max-width: 666px; }
  .gaid2_article__wide-photo { margin: 36px 0; }
  .gaid2_article__wide-photo img { height: 472px; }
  .gaid2_article .news_article__sidebar .news_article__category { margin-top: 200px; }
  /* Tighter section rhythm to match Figma 1200_гайд compactness */
  .gaid2_article .news_article__h2 {
    padding-top: 20px;
    margin-top: 20px;
  }
  .gaid2_article .news_article__main > .news_article__h2:first-of-type {
    margin-top: 16px;
  }
  .gaid2_article .news_article__main > .news_article__h2:nth-of-type(2) {
    margin-top: 8px;
  }
  /* Body paragraph margins — slight compression */
  .gaid2_article .news_article__p { margin-bottom: 12px; }
}

/* =========================================================
   ADAPTIVE — 768px (Figma 768_blog: 768x2313 — guide)
   Stacked layout, smaller fonts
   ========================================================= */
@media (max-width: 768px) {
  .gaid2_article__sidebar-text { font-size: 14px; margin: 16px 0 0; max-width: 100%; }
  .gaid2_article__intro { font-size: 14px; margin-bottom: 16px !important; max-width: 100%; }
  .gaid2_article__lead { font-size: 16px; line-height: 120%; margin-bottom: 16px; max-width: 100%; }
  .gaid2_article__wide-photo { margin: 24px 0; }
  .gaid2_article__wide-photo img { height: 320px; }
  .gaid2_article .news_article__sidebar { padding: 0 30px; }
  .gaid2_article .news_article__sidebar .news_article__category { margin-top: 0; }
  .gaid2_article .news_article__main { padding-left: 0; }
  .gaid2_article .news_article__h2 { margin-left: 0; padding-left: 0; }
}

/* =========================================================
   ADAPTIVE — 360px
   ========================================================= */
@media (max-width: 360px) {
  .gaid2_article__sidebar-text { font-size: 12px; margin: 12px 0 0; }
  .gaid2_article__intro { font-size: 14px; margin-bottom: 12px !important; }
  .gaid2_article__lead { font-size: 14px; margin-bottom: 12px; }
  .gaid2_article__wide-photo { margin: 16px 0; }
  .gaid2_article__wide-photo img { height: 200px; }
  .gaid2_article .news_article__sidebar { padding: 0 16px; }
}