/* ========== HERO SECTION (SƏHİFƏ 1, SEKSİYA 1) ========== */
.gg-hero {
  position: relative;
  padding-block: 3.2rem 3.8rem;
}

.gg-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
  gap: 2.6rem;
  align-items: center;
}

.gg-hero__content {
  position: relative;
  z-index: 1;
}

.gg-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.22rem 0.7rem;
  border-radius: var(--gg-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: radial-gradient(circle at left, rgba(255, 107, 61, 0.22), rgba(7, 8, 11, 0.95));
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 246, 235, 0.96);
  margin-bottom: 0.95rem;
}

.gg-hero__title {
  font-size: 2.3rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.9);
}

.gg-hero__lead {
  font-size: 1.02rem;
  margin-bottom: 0.8rem;
  color: rgba(249, 243, 236, 0.9);
}

.gg-hero__text {
  font-size: 0.98rem;
  margin-bottom: 1.35rem;
  color: rgba(244, 234, 223, 0.9);
}

/* Chips */
.gg-hero__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.4rem;
}

.gg-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.9rem;
  border-radius: var(--gg-radius-pill);
  background: rgba(12, 10, 9, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.7);
}

.gg-hero-chip--accent {
  background: linear-gradient(120deg, rgba(255, 107, 61, 0.14), rgba(10, 8, 7, 0.96));
  border-color: rgba(255, 200, 87, 0.65);
}

.gg-hero-chip__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--gg-ember);
  box-shadow: 0 0 16px rgba(255, 107, 61, 0.9);
}

.gg-hero-chip__dot--soft {
  background: var(--gg-accent-green);
  box-shadow: 0 0 14px rgba(127, 211, 107, 0.9);
}

.gg-hero-chip__text {
  font-size: 0.8rem;
  color: rgba(249, 241, 233, 0.9);
}

/* CTA row */
.gg-hero__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.gg-hero__microcopy {
  font-size: 0.82rem;
  color: rgba(249, 241, 233, 0.84);
}

.gg-hero__microcopy-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.55rem;
  border-radius: var(--gg-radius-pill);
  margin-inline: 0.25rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  background: rgba(255, 107, 61, 0.2);
  border: 1px solid rgba(255, 200, 87, 0.7);
}

/* Visual column */
.gg-hero__visual {
  position: relative;
  z-index: 1;
}

.gg-hero__image-ring {
  position: relative;
  width: min(420px, 100%);
  margin-inline: auto;
  aspect-ratio: 4 / 5;
  border-radius: 42% 58% 46% 54%;
  background: radial-gradient(circle at 20% 0%, rgba(255, 200, 87, 0.18), transparent 40%),
    radial-gradient(circle at 80% 90%, rgba(255, 107, 61, 0.32), rgba(6, 5, 8, 0.98));
  box-shadow: var(--gg-shadow-soft);
  padding: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gg-hero__image {
  position: absolute;
  max-width: 350px;
  width: 64%;
  border-radius: 20px;
  overflow: hidden;
  background: #050608;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.95);
  transform-origin: center;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 200ms ease, background 200ms ease;
}

.gg-hero__image img {
  width: 100%;
  max-width: 350px;
}

.gg-hero__image--top {
  top: 6%;
  left: 50%;
  transform: translateX(-50%) translateY(0) rotate(-2deg);
}

.gg-hero__image--left {
  left: 0;
  bottom: 10%;
  transform: translateX(-10%) rotate(-10deg);
}

.gg-hero__image--right {
  right: 0;
  bottom: 0;
  transform: translateX(10%) rotate(9deg);
}

.gg-hero__image:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.95), 0 0 28px rgba(255, 107, 61, 0.4);
  border-color: rgba(255, 200, 87, 0.8);
  background: radial-gradient(circle at top, rgba(255, 107, 61, 0.22), #050608);
}

.gg-hero__caption {
  font-size: 0.74rem;
  padding: 0.4rem 0.55rem 0.45rem;
  color: rgba(246, 236, 226, 0.9);
}

/* Spark label */
.gg-hero__spark-label {
  position: absolute;
  bottom: -1.1rem;
  right: 6%;
  padding: 0.4rem 0.8rem;
  border-radius: var(--gg-radius-pill);
  background: rgba(7, 8, 12, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85);
}

.gg-hero__spark-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--gg-ember);
  box-shadow: 0 0 16px rgba(255, 107, 61, 0.85);
  animation: gg-spark-pulse 1.6s infinite ease-out;
}

.gg-hero__spark-text {
  font-size: 0.8rem;
  color: rgba(248, 240, 232, 0.96);
}

/* Ember strip */
.gg-hero__ember-strip {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 107, 61, 0.7), transparent);
  box-shadow: 0 0 36px rgba(255, 107, 61, 0.7);
  opacity: 0.7;
}

/* ANİMASİYA KEYFRAMES */
@keyframes gg-spark-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 10px rgba(255, 107, 61, 0.7);
  }
  50% {
    transform: scale(1.3);
    opacity: 0.6;
    box-shadow: 0 0 22px rgba(255, 107, 61, 1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 10px rgba(255, 107, 61, 0.7);
  }
}

/* RESPONSİV HERO */

/* Desktop geniş (≥ 1200px) */
@media (min-width: 1200px) {
  .gg-hero {
    padding-block: 3.8rem 4.4rem;
  }

  .gg-hero__title {
    font-size: 2.6rem;
  }
}

/* Tablet 768–1199px */
@media (min-width: 768px) and (max-width: 1199px) {
  .gg-hero__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 2.1rem;
  }

  .gg-hero__title {
    font-size: 2.1rem;
  }

  .gg-hero__image-ring {
    width: min(380px, 100%);
  }

  .gg-hero__image {
    width: 66%;
  }
}

/* Mobil < 768px */
@media (max-width: 767px) {
  .gg-hero {
    padding-block: 2.4rem 3.2rem;
  }

  .gg-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.9rem;
  }

  .gg-hero__title {
    font-size: 1.7rem;
  }

  .gg-hero__lead,
  .gg-hero__text {
    font-size: 0.94rem;
  }

  .gg-hero__highlights {
    flex-direction: column;
    align-items: flex-start;
  }

  .gg-hero__image-ring {
    order: -1;
    width: min(320px, 100%);
  }

  .gg-hero__image {
    width: 82%;
  }

  .gg-hero__image--top {
    top: 3%;
  }

  .gg-hero__image--left {
    bottom: 12%;
  }

  .gg-hero__image--right {
    bottom: -2%;
  }

  .gg-hero__spark-label {
    right: 10%;
    bottom: -1.6rem;
    transform: scale(0.95);
  }
}
/* Visual column (UPDATED) */
.gg-hero__visual {
  position: relative;
  z-index: 1;
}

.gg-hero__image-ring {
  position: relative;
  width: min(420px, 100%);
  margin-inline: auto;
  aspect-ratio: 4 / 5;
  border-radius: 48% 52% 50% 50%;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 200, 87, 0.22), transparent 45%),
    radial-gradient(circle at 80% 90%, rgba(255, 107, 61, 0.4), rgba(6, 5, 8, 0.98));
  box-shadow: var(--gg-shadow-soft);
  padding: 1.2rem 1rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.gg-hero__image {
  position: absolute;
  max-width: 350px;
  width: 66%;
  border-radius: 22px;
  overflow: hidden;
  background: #050608;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.95);
  transform-origin: center;
  transition: transform 220ms ease, box-shadow 220ms ease,
    border-color 200ms ease, background 200ms ease;
}

.gg-hero__image img {
  width: 100%;
  max-width: 350px;
}

.gg-hero__image--top {
  top: 7%;
  left: 50%;
  transform: translate3d(-50%, 0, 0) rotate(-2deg);
  animation: gg-card-float-1 10s ease-in-out infinite;
}

.gg-hero__image--left {
  bottom: 14%;
  left: 6%;
  transform: translate3d(0, 0, 0) rotate(-7deg);
  animation: gg-card-float-2 11s ease-in-out infinite;
}

.gg-hero__image--right {
  bottom: -1%;
  right: 6%;
  transform: translate3d(0, 0, 0) rotate(7deg);
  animation: gg-card-float-3 12s ease-in-out infinite;
}

.gg-hero__image:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.95),
    0 0 28px rgba(255, 107, 61, 0.45);
  border-color: rgba(255, 200, 87, 0.8);
  background: radial-gradient(circle at top,
    rgba(255, 107, 61, 0.22), #050608);
}

.gg-hero__caption {
  font-size: 0.74rem;
  padding: 0.4rem 0.55rem 0.45rem;
  color: rgba(246, 236, 226, 0.9);
}

/* Spark label — чуть ближе к центру */
.gg-hero__spark-label {
  position: absolute;
  bottom: -1.1rem;
  right: 10%;
  padding: 0.4rem 0.8rem;
  border-radius: var(--gg-radius-pill);
  background: rgba(7, 8, 12, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85);
}

/* FLOAT ANIMATIONS */
@keyframes gg-card-float-1 {
  0%   { transform: translate3d(-50%, 0, 0) rotate(-2deg); }
  50%  { transform: translate3d(-50%, -8px, 0) rotate(-1deg); }
  100% { transform: translate3d(-50%, 0, 0) rotate(-2deg); }
}

@keyframes gg-card-float-2 {
  0%   { transform: translate3d(0, 0, 0) rotate(-7deg); }
  50%  { transform: translate3d(-4px, -6px, 0) rotate(-5deg); }
  100% { transform: translate3d(0, 0, 0) rotate(-7deg); }
}

@keyframes gg-card-float-3 {
  0%   { transform: translate3d(0, 0, 0) rotate(7deg); }
  50%  { transform: translate3d(4px, -6px, 0) rotate(5deg); }
  100% { transform: translate3d(0, 0, 0) rotate(7deg); }
}

/* --- ОБНОВЛЁННЫЙ МОБИЛЬНЫЙ ВАРИАНТ --- */
@media (max-width: 767px) {
  .gg-hero {
    padding-block: 2.4rem 3.2rem;
  }

  .gg-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.9rem;
  }

  .gg-hero__title {
    font-size: 1.7rem;
  }

  .gg-hero__lead,
  .gg-hero__text {
    font-size: 0.94rem;
  }

  .gg-hero__highlights {
    flex-direction: column;
    align-items: flex-start;
  }

  /* карточки — красивой стопкой, без выходов за края */
  .gg-hero__image-ring {
    order: -1;
    width: min(320px, 100%);
    aspect-ratio: auto;
    border-radius: 26px;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    align-items: center;
    justify-content: flex-start;
  }

  .gg-hero__image {
    position: relative;
    width: 100%;
    max-width: 350px;
    transform: none;
    animation: none;
  }

  .gg-hero__spark-label {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0.8rem;
    align-self: center;
    transform: none;
  }
}
/* MOBIL VARIANT — VERTICAL CARDS, CENTERED */
@media (max-width: 767px) {
  .gg-hero {
    padding-block: 2.4rem 3rem;
  }

  .gg-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.8rem;
  }

  .gg-hero__title {
    font-size: 1.7rem;
  }

  .gg-hero__lead,
  .gg-hero__text {
    font-size: 0.94rem;
  }

  .gg-hero__highlights {
    flex-direction: column;
    align-items: flex-start;
  }

  /* контейнер с овалом и картинками */
  .gg-hero__image-ring {
    width: min(320px, 100%);
    margin-inline: auto;
    aspect-ratio: auto;
    border-radius: 24px;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    align-items: center;
    justify-content: flex-start;
  }

  /* карточки — ровные, одна под другой, без absolute */
  .gg-hero__image {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    max-width: 350px;
    margin: 0;
    transform: none;
    animation: none;
  }

  .gg-hero__caption {
    text-align: left;
  }

  /* подпись "Bu axşam köz yandırırsan?" под блоком, по центру */
  .gg-hero__spark-label {
    position: static;
    margin-top: 0.9rem;
    align-self: center;
    transform: none;
  }
}
/* ========== SECTION 2: FUEL / KOLLEKSİYA XƏRİTƏSİ ========== */
.gg-fuel {
  padding-block: 2.6rem 3rem;
}

.gg-fuel__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
  gap: 2.4rem;
  align-items: center;
}

.gg-fuel__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(248, 238, 225, 0.9);
  margin-bottom: 0.6rem;
}

.gg-fuel__title {
  font-size: 1.7rem;
  margin-bottom: 0.7rem;
}

.gg-fuel__text {
  font-size: 0.95rem;
  max-width: 430px;
  color: rgba(244, 234, 223, 0.9);
  margin-bottom: 1rem;
}

.gg-fuel__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.gg-fuel-tag {
  padding: 0.2rem 0.8rem;
  border-radius: var(--gg-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(10, 10, 15, 0.9);
}

.gg-fuel__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  gap: 0.9rem;
  position: relative;
}

.gg-fuel-card {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gg-fuel-card--main {
  background: radial-gradient(circle at top left, rgba(255, 107, 61, 0.25), rgba(5, 6, 9, 0.98));
}

.gg-fuel-card--side {
  background: radial-gradient(circle at bottom right, rgba(255, 200, 87, 0.24), rgba(5, 6, 9, 0.98));
}

.gg-fuel-card__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

.gg-fuel-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

/* ========== SECTION 3: HAZIR SETLƏR ========== */
.gg-sets {
  padding-block: 2.4rem 3rem;
}

.gg-sets__inner {
  position: relative;
}

.gg-sets__ribbon {
  position: relative;
  padding: 0.5rem 1.2rem;
  border-radius: var(--gg-radius-pill);
  background: linear-gradient(90deg, rgba(255, 107, 61, 0.26), rgba(9, 9, 15, 0.98));
  border: 1px solid rgba(255, 200, 87, 0.6);
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.4rem;
}

.gg-sets__label {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 245, 233, 0.95);
}

.gg-sets__title {
  font-size: 1.35rem;
}

.gg-sets__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.2rem;
  align-items: center;
}

.gg-sets__text {
  font-size: 0.96rem;
  margin-bottom: 1rem;
  max-width: 420px;
}

.gg-sets__bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.65rem;
}

.gg-sets__bullet {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: flex-start;
}

.gg-sets__dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--gg-accent-green);
  box-shadow: 0 0 14px rgba(127, 211, 107, 0.9);
  margin-top: 0.3rem;
}

.gg-sets__bullet-text {
  font-size: 0.9rem;
}

.gg-sets__column--images {
  display: grid;
  gap: 0.9rem;
}

.gg-sets__image-card {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-sets__image-card--top {
  transform-origin: left center;
}

.gg-sets__image-card--bottom {
  transform-origin: right center;
}

.gg-sets__image-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-sets__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

/* ========== SECTION 4: BBQ MƏKTƏBİ ========== */
.gg-bbq-school {
  padding-block: 2.4rem 3.4rem;
}

.gg-bbq-school__head {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.4rem;
}

.gg-bbq-school__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
}

.gg-bbq-school__title {
  font-size: 1.6rem;
}

.gg-bbq-school__content {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr);
  gap: 2.2rem;
}

.gg-bbq-school__steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.8rem;
}

.gg-bbq-school__step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.7rem 0.9rem;
  border-radius: 18px;
  background: rgba(8, 8, 13, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.gg-bbq-school__step-index {
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: var(--gg-radius-pill);
  background: rgba(255, 107, 61, 0.2);
  border: 1px solid rgba(255, 200, 87, 0.7);
}

.gg-bbq-school__step-title {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.gg-bbq-school__step-text {
  font-size: 0.9rem;
  color: rgba(244, 235, 223, 0.9);
}

.gg-bbq-school__images {
  display: grid;
  gap: 0.9rem;
}

.gg-bbq-school__image-card {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-bbq-school__image-card--accent {
  background: radial-gradient(circle at top, rgba(255, 107, 61, 0.25), rgba(7, 7, 11, 0.98));
}

.gg-bbq-school__image-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-bbq-school__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

/* RESPONZİV SEKSİYA 2–4 */
@media (max-width: 991px) {
  .gg-fuel__inner,
  .gg-sets__layout,
  .gg-bbq-school__content {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-fuel__inner {
    gap: 1.8rem;
  }

  .gg-sets__layout {
    gap: 1.8rem;
  }

  .gg-bbq-school__content {
    gap: 1.8rem;
  }

  .gg-sets__column--images,
  .gg-bbq-school__images {
    max-width: 430px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .gg-fuel {
    padding-block: 2.2rem 2.6rem;
  }

  .gg-sets {
    padding-block: 2.2rem 2.8rem;
  }

  .gg-bbq-school {
    padding-block: 2.2rem 3rem;
  }

  .gg-fuel__title,
  .gg-sets__title,
  .gg-bbq-school__title {
    font-size: 1.4rem;
  }

  .gg-fuel__tags {
    gap: 0.3rem;
  }

  .gg-sets__ribbon {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ========== SECTION 5: TOOLS MOZAİKASI ========== */
.gg-tools {
  padding-block: 2.6rem 3rem;
}

.gg-tools__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 2.2rem;
  align-items: center;
}

.gg-tools__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-tools__title {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}

.gg-tools__lead {
  font-size: 0.95rem;
  max-width: 430px;
  color: rgba(244, 235, 223, 0.9);
}

.gg-tools__mosaic {
  display: grid;
  grid-template-areas:
    "tongs thermo"
    "board thermo";
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 0.9rem;
}

.gg-tools-card {
  position: relative;
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gg-tools-card--tongs {
  grid-area: tongs;
  background: radial-gradient(circle at top left, rgba(255, 107, 61, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-tools-card--thermo {
  grid-area: thermo;
  background: radial-gradient(circle at center, rgba(127, 211, 107, 0.2), rgba(7, 7, 11, 0.98));
}

.gg-tools-card--board {
  grid-area: board;
  background: radial-gradient(circle at bottom left, rgba(255, 200, 87, 0.2), rgba(7, 7, 11, 0.98));
}

.gg-tools-card__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

.gg-tools-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 60%);
  opacity: 0;
  transform: translate3d(-20%, -30%, 0);
  transition: opacity 200ms ease, transform 200ms ease;
}

.gg-tools-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-tools-card:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* ========== SECTION 6: HEATMAP / İSTİLİK XƏRİTƏSİ ========== */
.gg-heatmap {
  padding-block: 2.4rem 3rem;
}

.gg-heatmap__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.05fr);
  gap: 2.3rem;
  align-items: center;
}

.gg-heatmap__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-heatmap__title {
  font-size: 1.55rem;
  margin-bottom: 0.6rem;
}

.gg-heatmap__text {
  font-size: 0.95rem;
  max-width: 440px;
  color: rgba(244, 235, 223, 0.9);
  margin-bottom: 1rem;
}

.gg-heatmap__zones {
  display: grid;
  gap: 0.6rem;
}

.gg-heatmap-zone {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: flex-start;
}

.gg-heatmap-zone__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 0.3rem;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.4);
}

.gg-heatmap-zone__dot--low {
  background: #7fd36b;
  box-shadow: 0 0 14px rgba(127, 211, 107, 0.9);
}

.gg-heatmap-zone__dot--mid {
  background: #ffc857;
  box-shadow: 0 0 14px rgba(255, 200, 87, 0.9);
}

.gg-heatmap-zone__dot--high {
  background: #ff6b3d;
  box-shadow: 0 0 16px rgba(255, 107, 61, 0.95);
}

.gg-heatmap-zone__label {
  font-size: 0.88rem;
  font-weight: 600;
}

.gg-heatmap-zone__desc {
  font-size: 0.86rem;
  color: rgba(244, 235, 223, 0.9);
}

.gg-heatmap__visual {
  display: grid;
  gap: 0.9rem;
}

.gg-heatmap__image {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-heatmap__image--bottom {
  background: radial-gradient(circle at bottom, rgba(255, 107, 61, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-heatmap__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-heatmap__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

/* ========== SECTION 7: SCENES / SƏHNƏLƏR ========== */
.gg-scenes {
  padding-block: 2.4rem 3.2rem;
}

.gg-scenes__head {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.3rem;
}

.gg-scenes__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
}

.gg-scenes__title {
  font-size: 1.55rem;
}

.gg-scenes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.gg-scenes-card {
  position: relative;
  border-radius: 18px;
  padding: 0.6rem 0.7rem 0.8rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.6rem;
  align-items: flex-start;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-scenes-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  pointer-events: none;
  transition: border-color 180ms ease;
}

.gg-scenes-card__thumb img {
  border-radius: 14px;
}

.gg-scenes-card__title {
  font-size: 0.98rem;
  margin-bottom: 0.2rem;
}

.gg-scenes-card__text {
  font-size: 0.86rem;
  color: rgba(244, 235, 223, 0.92);
}

.gg-scenes-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.7);
}

.gg-scenes-card:hover::after {
  border-color: rgba(255, 107, 61, 0.5);
}

/* RESPONZİV 5–7 SEKSİYALAR */
@media (max-width: 991px) {
  .gg-tools__inner,
  .gg-heatmap__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-tools__inner {
    gap: 1.8rem;
  }

  .gg-heatmap__inner {
    gap: 1.8rem;
  }

  .gg-scenes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .gg-tools,
  .gg-heatmap,
  .gg-scenes {
    padding-block: 2.2rem 2.6rem;
  }

  .gg-tools__mosaic {
    grid-template-areas:
      "tongs"
      "thermo"
      "board";
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-scenes__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-scenes-card {
    grid-template-columns: minmax(0, 1fr);
  }
}
.gg-scenes-card {
  position: relative;
  border-radius: 18px;
  padding: 0.6rem 0.7rem 0.8rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  display: flex;              /* вместо grid */
  flex-direction: column;     /* картинка сверху, текст снизу */
  gap: 0.55rem;
  align-items: stretch;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-scenes-card__thumb {
  margin-bottom: 0.2rem;
}

.gg-scenes-card__thumb img {
  border-radius: 14px;
  width: 100%;
  max-width: 350px;
}

.gg-scenes-card__title {
  font-size: 0.98rem;
  margin-bottom: 0.2rem;
}

.gg-scenes-card__text {
  font-size: 0.86rem;
  color: rgba(244, 235, 223, 0.92);
}
/* ========== SECTION 8: FLAVORS / DAD XƏTTİ ========== */
.gg-flavors {
  padding-block: 2.6rem 3rem;
}

.gg-flavors__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 2.2rem;
  align-items: center;
}

.gg-flavors__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-flavors__title {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}

.gg-flavors__lead {
  font-size: 0.95rem;
  max-width: 440px;
  color: rgba(244, 235, 223, 0.9);
  margin-bottom: 1rem;
}

.gg-flavors__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.gg-flavors-tag {
  padding: 0.2rem 0.8rem;
  border-radius: var(--gg-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(10, 10, 15, 0.9);
}

.gg-flavors__rail {
  position: relative;
  display: grid;
  gap: 0.9rem;
}

.gg-flavors__rail::before {
  content: "";
  position: absolute;
  inset-inline: 6%;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 107, 61, 0.6), rgba(255, 200, 87, 0.4));
  opacity: 0.5;
  pointer-events: none;
}

.gg-flavors-pill {
  position: relative;
  border-radius: 999px;
  padding: 0.25rem 0.5rem 0.35rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  align-items: center;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transform-origin: center;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gg-flavors-pill img {
  border-radius: 999px;
  width: 72px;
  max-width: 100%;
}

.gg-flavors-pill__caption {
  font-size: 0.82rem;
  color: rgba(248, 238, 226, 0.9);
}

.gg-flavors-pill--smoke {
  background: radial-gradient(circle at left, rgba(255, 255, 255, 0.06), rgba(7, 7, 11, 0.98));
}

.gg-flavors-pill--sauce {
  background: radial-gradient(circle at center, rgba(255, 107, 61, 0.18), rgba(7, 7, 11, 0.98));
}

.gg-flavors-pill--rub {
  background: radial-gradient(circle at right, rgba(255, 200, 87, 0.2), rgba(7, 7, 11, 0.98));
}

.gg-flavors-pill:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

/* ========== SECTION 9: STORE / MAĞAZA ========== */
.gg-store {
  padding-block: 2.6rem 3.2rem;
}

.gg-store__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 2.4rem;
  align-items: center;
}

.gg-store__map {
  display: grid;
  gap: 0.9rem;
}

.gg-store-map-card {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-store-map-card--secondary {
  background: radial-gradient(circle at bottom, rgba(255, 107, 61, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-store-map-card__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.88);
}

.gg-store-map-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-store__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-store__title {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}

.gg-store__text {
  font-size: 0.95rem;
  max-width: 440px;
  color: rgba(244, 235, 223, 0.9);
  margin-bottom: 1rem;
}

.gg-store__highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.6rem;
}

.gg-store__highlight {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 0.88rem;
}

.gg-store__dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--gg-accent-amber);
  box-shadow: 0 0 14px rgba(255, 200, 87, 0.9);
  margin-top: 0.3rem;
}

/* ========== SECTION 10: FAQ ========== */
.gg-faq {
  padding-block: 2.4rem 3rem;
}

.gg-faq__head {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.3rem;
}

.gg-faq__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
}

.gg-faq__title {
  font-size: 1.55rem;
}

.gg-faq__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.gg-faq-item {
  border-radius: 18px;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

.gg-faq-item__button {
  width: 100%;
  padding: 0.7rem 0.8rem;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
  color: inherit;
}

.gg-faq-item__question {
  font-size: 0.9rem;
  text-align: left;
}

.gg-faq-item__icon {
  font-size: 1.1rem;
  line-height: 1;
  transition: transform 160ms ease;
}

.gg-faq-item__answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 0.8rem;
  transition: max-height 200ms ease, padding-bottom 200ms ease;
}

.gg-faq-item__answer p {
  font-size: 0.86rem;
  color: rgba(244, 235, 223, 0.92);
  margin-bottom: 0.7rem;
}

.gg-faq-item.is-open {
  border-color: rgba(255, 200, 87, 0.75);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.9);
  transform: translateY(-2px);
}

.gg-faq-item.is-open .gg-faq-item__answer {
  max-height: 160px;
  padding-bottom: 0.5rem;
}

.gg-faq-item.is-open .gg-faq-item__icon {
  transform: rotate(45deg);
}

/* RESPONZİV 8–10 SEKSİYALAR */
@media (max-width: 991px) {
  .gg-flavors__inner,
  .gg-store__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-faq__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gg-store__map {
    max-width: 430px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .gg-flavors,
  .gg-store,
  .gg-faq {
    padding-block: 2.2rem 2.6rem;
  }

  .gg-flavors__inner,
  .gg-store__inner {
    gap: 1.8rem;
  }

  .gg-flavors-pill {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .gg-faq__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ========== SECTION 11: JOURNEY / RİTUAL ========== */
.gg-journey {
  padding-block: 2.6rem 3.2rem;
}

.gg-journey__head {
  max-width: 620px;
  margin-bottom: 1.6rem;
}

.gg-journey__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-journey__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.gg-journey__intro {
  font-size: 0.95rem;
  color: rgba(244, 235, 223, 0.9);
}

.gg-journey__timeline {
  position: relative;
  padding-left: 2.2rem;
  margin-top: 1.4rem;
  display: grid;
  gap: 1.2rem;
}

.gg-journey__line {
  position: absolute;
  left: 0.75rem;
  top: 0;
  bottom: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(to bottom, rgba(255, 107, 61, 0.7), rgba(255, 200, 87, 0.4));
  opacity: 0.7;
}

.gg-journey-step {
  position: relative;
  max-width: 520px;
}

.gg-journey-step--right {
  margin-left: auto;
}

.gg-journey-step__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.18rem 0.7rem;
  border-radius: var(--gg-radius-pill);
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 200, 87, 0.7);
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.gg-journey-step__card {
  border-radius: 20px;
  padding: 0.55rem 0.65rem 0.8rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  display: grid;
  gap: 0.5rem;
}

.gg-journey-step__media img {
  border-radius: 16px;
}

.gg-journey-step__caption {
  font-size: 0.78rem;
  margin-top: 0.3rem;
  color: rgba(248, 238, 226, 0.88);
}

.gg-journey-step__text {
  font-size: 0.9rem;
  color: rgba(244, 235, 223, 0.92);
}

/* ========== SECTION 12: COMPARE / QRİL MÜQAYİSƏSİ ========== */
.gg-compare {
  padding-block: 2.6rem 3.2rem;
}

.gg-compare__head {
  max-width: 620px;
  margin-bottom: 1.5rem;
}

.gg-compare__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-compare__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.gg-compare__intro {
  font-size: 0.95rem;
  color: rgba(244, 235, 223, 0.9);
}

.gg-compare__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.gg-compare-card {
  border-radius: 18px;
  padding: 0.6rem 0.7rem 0.9rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  display: grid;
  gap: 0.5rem;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-compare-card__media img {
  border-radius: 16px;
}

.gg-compare-card__title {
  font-size: 0.98rem;
}

.gg-compare-card__text {
  font-size: 0.86rem;
  color: rgba(244, 235, 223, 0.92);
}

.gg-compare-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

/* ========== SECTION 13: COMMUNITY / İCMA ========== */
.gg-community {
  padding-block: 2.6rem 3.4rem;
}

.gg-community__head {
  max-width: 620px;
  margin-bottom: 1.6rem;
}

.gg-community__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.5rem;
}

.gg-community__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.gg-community__intro {
  font-size: 0.95rem;
  color: rgba(244, 235, 223, 0.9);
}

.gg-community__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  gap: 2.2rem;
  align-items: flex-start;
}

.gg-community__gallery {
  display: grid;
  grid-template-areas:
    "large large"
    "small1 small2"
    "wide wide";
  gap: 0.8rem;
}

.gg-community-shot {
  position: relative;
  border-radius: 18px;
  padding: 0.45rem 0.5rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-community-shot--large {
  grid-area: large;
  background: radial-gradient(circle at top left, rgba(255, 107, 61, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-community-shot--small:nth-of-type(2) {
  grid-area: small1;
}

.gg-community-shot--small:nth-of-type(3) {
  grid-area: small2;
}

.gg-community-shot--wide {
  grid-area: wide;
  background: radial-gradient(circle at bottom right, rgba(255, 200, 87, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-community-shot img {
  border-radius: 14px;
}

.gg-community-shot__caption {
  font-size: 0.78rem;
  margin-top: 0.35rem;
  color: rgba(248, 238, 226, 0.88);
}

.gg-community-shot:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

.gg-community__quotes {
  display: grid;
  gap: 0.9rem;
}

.gg-community-quote {
  border-radius: 16px;
  padding: 0.7rem 0.85rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.gg-community-quote__text {
  font-size: 0.88rem;
  color: rgba(244, 235, 223, 0.94);
  margin-bottom: 0.4rem;
}

.gg-community-quote__meta {
  font-size: 0.8rem;
  color: rgba(244, 235, 223, 0.7);
}

/* RESPONSIVE 11–13 */
@media (max-width: 1199px) {
  .gg-compare__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .gg-community__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-community__gallery {
    max-width: 480px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .gg-journey,
  .gg-compare,
  .gg-community {
    padding-block: 2.3rem 2.7rem;
  }

  .gg-journey__timeline {
    padding-left: 1.6rem;
  }

  .gg-journey__line {
    left: 0.55rem;
  }

  .gg-journey-step--right {
    margin-left: 0;
  }

  .gg-compare__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-community__gallery {
    grid-template-areas:
      "large"
      "small1"
      "small2"
      "wide";
  }
}
/* ========== SECTION 14: CONTACT / ƏLAQƏ ========== */
.gg-contact {
  padding-block: 2.6rem 3.2rem;
}

.gg-contact__inner {
  border-radius: 26px;
  background: radial-gradient(circle at top left, rgba(255, 107, 61, 0.22), rgba(7, 7, 11, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.85);
  padding: 1.8rem 1.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 2.2rem;
  align-items: center;
}

.gg-contact__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.95);
  margin-bottom: 0.5rem;
}

.gg-contact__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.gg-contact__text {
  font-size: 0.95rem;
  color: rgba(244, 235, 223, 0.94);
  margin-bottom: 1rem;
  max-width: 460px;
}

.gg-contact__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.5rem;
}

.gg-contact__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  align-items: flex-start;
}

.gg-contact__label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(248, 238, 226, 0.9);
}

.gg-contact__value {
  font-size: 0.9rem;
  color: rgba(244, 235, 223, 0.94);
}

.gg-contact__cards {
  display: grid;
  gap: 0.9rem;
}

.gg-contact-card {
  border-radius: 20px;
  padding: 0.55rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-contact-card--store {
  background: radial-gradient(circle at top left, rgba(255, 200, 87, 0.22), rgba(7, 7, 11, 0.98));
}

.gg-contact-card--chat {
  background: radial-gradient(circle at bottom right, rgba(127, 211, 107, 0.2), rgba(7, 7, 11, 0.98));
}

.gg-contact-card img {
  border-radius: 16px;
}

.gg-contact-card__caption {
  font-size: 0.8rem;
  margin-top: 0.4rem;
  color: rgba(248, 238, 226, 0.9);
}

.gg-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
  border-color: rgba(255, 200, 87, 0.75);
}

/* ========== SECTION 15: OUTRO CTA ========== */
.gg-outro {
  padding-block: 2.6rem 3.4rem;
}

.gg-outro__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.05fr);
  gap: 2.4rem;
  align-items: center;
}

.gg-outro__eyebrow {
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(247, 237, 224, 0.9);
  margin-bottom: 0.45rem;
}

.gg-outro__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.gg-outro__text-main {
  font-size: 0.95rem;
  color: rgba(244, 235, 223, 0.94);
  margin-bottom: 1rem;
  max-width: 460px;
}

.gg-outro__reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 1.1rem;
}

.gg-outro-chip {
  padding: 0.22rem 0.8rem;
  border-radius: var(--gg-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(10, 10, 15, 0.9);
}

.gg-outro__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.gg-outro__visual {
  display: flex;
  justify-content: center;
}

.gg-outro__ember {
  position: relative;
  width: min(360px, 100%);
  padding: 1.1rem 1rem 1.5rem;
  border-radius: 40% 60% 45% 55%;
  background:
    radial-gradient(circle at top, rgba(255, 200, 87, 0.26), transparent 55%),
    radial-gradient(circle at bottom, rgba(255, 107, 61, 0.4), rgba(5, 5, 8, 0.98));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.9);
}

.gg-outro-shot {
  border-radius: 18px;
  padding: 0.5rem 0.55rem 0.7rem;
  background: rgba(7, 7, 11, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
  position: absolute;
  width: 76%;
  max-width: 350px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.gg-outro-shot--top {
  top: 4%;
  left: 50%;
  transform: translateX(-54%) rotate(-4deg);
}

.gg-outro-shot--bottom {
  bottom: -2%;
  right: 6%;
  transform: translateX(0) rotate(6deg);
}

.gg-outro-shot img {
  border-radius: 14px;
}

.gg-outro-shot__caption {
  font-size: 0.78rem;
  margin-top: 0.35rem;
  color: rgba(248, 238, 226, 0.9);
}

.gg-outro-shot:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 200, 87, 0.8);
}

/* RESPONSIVE 14–15 */
@media (max-width: 991px) {
  .gg-contact__inner,
  .gg-outro__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .gg-contact__inner {
    padding: 1.5rem 1.3rem;
  }

  .gg-contact__cards {
    max-width: 420px;
    margin-inline: auto;
  }

  .gg-outro__visual {
    order: -1;
  }
}

@media (max-width: 767px) {
  .gg-contact,
  .gg-outro {
    padding-block: 2.3rem 2.7rem;
  }

  .gg-outro__ember {
    width: min(300px, 100%);
  }

  .gg-outro-shot {
    width: 88%;
  }

  .gg-outro-shot--top {
    top: 2%;
  }

  .gg-outro-shot--bottom {
    bottom: -3%;
  }
}