/* Start:/gpu-nvidia/style.css?176884285124347*/
/* HERO GPU */
.gpu-hero{
  margin: 0 0 28px;
}

.gpu-hero__inner{
  position: relative;
  overflow: hidden;
  border-radius: 44px;

  background: url("/gpu-nvidia/img/banner.png") center/cover no-repeat;

  min-height: 460px;
  padding: 80px 84px 152px 60px;

  display: flex;
  align-items: flex-start;
}




/* затемнение/градиент для читаемости текста */
.gpu-hero__inner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.gpu-hero__content{
  position: relative;
  z-index: 1;
  max-width: 1200px;
}

/* ВАЖНО: font-family НЕ задаём — возьмётся с сайта */
.gpu-hero__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 50px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 42px;
  line-height: 1.2;
}

.gpu-hero__text{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 50px;
  color: rgba(255,255,255,.9);
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
}

.gpu-hero__btn{
   font-family: "Rawline Normal", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 40px 17px 40px;
  border-radius: 999px;

  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 16px;

  background: #3238E0;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.gpu-hero__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(60,75,255,.32);
  filter: brightness(1.03);
}

.gpu-hero__btn:active{
  transform: translateY(0);
  box-shadow: 0 10px 28px rgba(60,75,255,.24);
}

.gpu-hero__btn:focus-visible{
  outline: 2px solid rgba(0,161,71,.9);
  outline-offset: 3px;
}

/* Адаптив */
@media (max-width: 1100px){
  .gpu-hero__inner{
    padding: 44px 60px 84px 44px;
    min-height: 430px;
  }
  .gpu-hero__title{ font-size: 44px; }
}

@media (max-width: 860px){
  .gpu-hero__inner{
    padding: 34px 26px 64px;
    min-height: 380px;
  }
  .gpu-hero__title{ font-size: 34px; }
  .gpu-hero__text{ font-size: 15px; }
}

@media (max-width: 420px){
  .gpu-hero__title{ font-size: 28px; }
  .gpu-hero__btn{ width: 100%; }
}

@media (max-width: 1920px) and (min-width: 1367px){
  .gpu-hero__title{
    font-size: 36px;
  }
}





/* ===== Solutions block ===== */
.solutions{
  margin: 100px 0 0;
}

.solutions__title{
    font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 42px;
  line-height: 1.05;
  color: #0b0f1a;
}

/* сетка 2х2 как на скрине */
.solutions__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.sol-card{
  background: #fff;
  border: 1px solid #e7e9ee;
  box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
  border-radius: 28px;
  overflow: hidden;

  display: grid;
  grid-template-columns: 1fr 46%;
  min-height: 210px;
}

.sol-card__info{
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* ВАЖНО */
}


.sol-row{
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.sol-ico{
  width: 56px;          /* БОЛЬШЕ */
  height: 56px;
  flex: 0 0 56px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: none;     /* УБРАЛИ ФОН */
  border-radius: 0;     /* на всякий */
}

.sol-ico img{
  width: 100%;
  height: 100%;
  display: block;
}



.sol-row__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #101522;
}

.sol-row__desc{
  margin-top: 6px;
  font-size: 14px;
  line-height: 120%;
  color: #000000;
  font-weight: 500;
}

.sol-divider{
  height: 2px;
  background: #e7e9ee;
  margin: 16px 0;
  margin-bottom: 40px;
}

/* правая картинка */
.sol-card__media{
  position: relative;
}

.sol-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  /* скругление только справа как на макете */
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

.solutions__bottom{
  margin-top: 42px;          /* отступ сверху как в макете */
  display: flex;
  justify-content: flex-start;   /* по центру */
}


/* Адаптив */
@media (max-width: 1100px){
  .solutions__title{ font-size: 44px; }
  .sol-card{ grid-template-columns: 1fr 44%; }
}

@media (max-width: 860px){
  .solutions__grid{ grid-template-columns: 1fr; }
  .solutions__title{ font-size: 34px; }
}



/* ===== Retail vs OEM ===== */
.vs{
  margin: 100px 0 0;
}

.vs__title{
    font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 42px;
  line-height: 1.05;
  color: #0b0f1a;
}

.vs__title span{
  color: #5661ff;
}

.vs__card{
  border-radius: 34px;
  border: 1px solid #e7e9ee;
  background: #fff;
  overflow: hidden;

  box-shadow: 10px 10px 60px rgba(0,0,0,.07);
  padding: 40px;
}

/* 2 колонки: слева таблица+note, справа фото */
.vs__grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  align-items: start;
}

.vs__left{
  display: flex;
  flex-direction: column;
}

/* table wrapper — фон убран */
.vs__table{
  background: none;
  border-radius: 0;
  padding: 0;
}

.vs__thead{
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}

.vs-th{
    font-family: "DrukTextWideCyr-Medium", sans-serif;
  border-radius: 14px;
  padding: 20px 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.15;
  color: #0b0f1a;
  background: #F5F5F5;
}

.vs-th--retail,
.vs-th--oem{
  background: #5661ff;
  color: #fff;
  text-align: center;
}

.vs__tbody{
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
}

.vs-col{
  background: #fff;
  border: 1px solid #eceef3;
  border-radius: 16px;
  padding: 40px;
}

.vs-col--left{
  background: #F5F5F5;
  border-color: #F5F5F5;
}

.vs-cell{
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.25;
  color: #0b0f1a;
  font-weight: 600;
}

.vs-cell--value{
  font-weight: 500;
  font-family: "DrukTextWideCyr-Medium", sans-serif;
}

/* RIGHT image */
.vs__media{
  border-radius: 22px;
  overflow: hidden;

  /* Картинка как фон — НЕ растягивает блок */
  background: url("/gpu-nvidia/img/vs.jpg") center/cover no-repeat;

  /* высота = высоте строки/контента (как ты и хочешь) */
  min-height: 100%;
}



.vs__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* note (в левой колонке, не залезает под фото) */
.vs__note{
  display: flex;
  align-items: center;
  gap: 16px;
   margin-top: 18px;

  padding: 16px 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #eef0f4;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

.vs__note-ico{
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vs__note-ico img{
  width: 100%;
  height: 100%;
  display: block;
}

.vs__note-text{
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  color: #0b0f1a;
}

/* bottom button */
.vs__bottom{
  margin-top: 26px;
  display: flex;
  justify-content: flex-start;
}

.vs-col--retail,
.vs-col--oem{
  box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
}


/* адаптив */
@media (max-width: 1100px){
  .vs__title{ font-size: 44px; }
  .vs__grid{ grid-template-columns: 1fr; }
  .vs__media{ min-height: 260px; }
}

@media (max-width: 860px){
  .vs__title{ font-size: 34px; }
  .vs__thead,
  .vs__tbody{
    grid-template-columns: 1.2fr 1fr 1fr;
  }
}

@media (max-width: 520px){
  .vs__card{ padding: 14px; }
  .vs-th{ font-size: 14px; padding: 12px 14px; }
  .vs-col{ padding: 12px 14px; }
  .vs__note-text{ font-size: 14px; }
}


/* ===== BUY / REQUEST ===== */
.buy{
  margin: 100px 0 0;
}

.buy__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 42px;
  line-height: 1.05;
  color: #0b0f1a;
}

/* Сетка как на скрине: 3 колонки, 2 ряда */
.buy__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
}

/* Общий вид карточек */
.buy-card{
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e9ee;
  box-shadow: 10px 10px 60px rgba(0,0,0,.07);
  min-height: 150px;
}

/* Текстовые карточки */
.buy-card--text{
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 50px;
}

.buy-card__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #0b0f1a;
}

.buy-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  padding: 12px 40px 17px 40px;
  border-radius: 999px;

  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;

  background: #3238E0;
}

/* Картинки-карточки */
.buy-card--img{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 150px;
}

/* Позиции как на скрине */
.buy-card--img-1{
  background-image: url("/gpu-nvidia/img/vid1.png");
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}

.buy-card--img-2{
  background-image: url("/gpu-nvidia/img/vid2.jpg");
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* Адаптив */
@media (max-width: 1100px){
  .buy__title{ font-size: 44px; }
  .buy__grid{ grid-template-columns: repeat(2, 1fr); }

  .buy-card--img-1{ grid-column: 2 / 3; grid-row: 2 / 3; }
  .buy-card--img-2{ grid-column: 1 / 2; grid-row: 2 / 3; }
}

@media (max-width: 860px){
  .buy__title{ font-size: 34px; }
  .buy__grid{ grid-template-columns: 1fr; }
  .buy-card--img-1,
  .buy-card--img-2{
    grid-column: auto;
    grid-row: auto;
    min-height: 180px;
  }
}



/* ===== TRUST / SOCIAL PROOF ===== */
.trust{
  margin: 100px 0 100px;
}

.trust__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 42px;
  line-height: 1.05;
  color: #0b0f1a;
}

/* сетка 2x2 */
.trust__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* карточка */
.trust-card{
  display: flex;
  align-items: center;
  gap: 20px;

  padding: 26px 28px;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 22px;

  box-shadow: 10px 10px 60px rgba(0,0,0,.07);
}

/* иконка (уже с фоном) */
.trust-card__ico{
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
}

.trust-card__ico img{
  width: 100%;
  height: 100%;
  display: block;
}

/* текст */
.trust-card__content{
  display: flex;
  flex-direction: column;
}

.trust-card__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #0b0f1a;
}

.trust-card__desc{
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  color: #6b7280;
}

/* кнопка снизу */
.trust__bottom{
  margin-top: 32px;
  display: flex;
  justify-content: flex-start;
}

/* адаптив */
@media (max-width: 1100px){
  .trust__title{ font-size: 44px; }
}

@media (max-width: 860px){
  .trust__title{ font-size: 34px; }
  .trust__grid{
    grid-template-columns: 1fr;
  }
}


/* ===== Lead / last block ===== */
.lead{
  margin: 100px 0 100px;
}

.lead__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.lead__media{
  border-radius: 28px;
  overflow: hidden;
  background: url("/gpu-nvidia/img/vid3.png") center/cover no-repeat;
  min-height: 320px;
}

/* правая карточка */
.lead__form{
  border-radius: 28px;
  background: #f6f6f7;
  padding: 28px 30px 26px;
  border: 1px solid #eeeeef;
}

/* Заголовок/описание */
.lead__title{
  font-family: "DrukTextWideCyr-Medium", sans-serif;
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 500;
  color: #0b0f1a;
}

.lead__desc{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.35;
  color: #000000;
  font-weight: 500;
  max-width: 520px;
}

/* ===== FIX: защита от глобальных стилей шаблона ===== */
.lead-form{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* fields */
.lead-form .lead-field{
  display: block;
  margin: 0;
  padding: 0;
}

.lead-form .lead-field__label{
  display: block;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #2a3140;
}

.lead-form .lead-field__input{
  display: block;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 16px;

  border-radius: 999px;
  border: 1px solid #e3e5ea;
  background: #fff;

  font-size: 14px;
  line-height: normal;
  box-sizing: border-box;
  outline: none;
}

.lead-form .lead-field__input::placeholder{
  color: #9aa1af;
}

.lead-form .lead-field__input:focus{
  border-color: rgba(50,56,224,.55);
  box-shadow: 0 0 0 3px rgba(50,56,224,.12);
}

/* button */
.lead-form .lead-form__btn{
  margin: 4px 0 0;
  align-self: flex-start;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 26px 16px;
  border-radius: 999px;

  border: 0;
  cursor: pointer;

  background: #3238E0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Rawline Normal", sans-serif;

  transition: transform .2s ease, filter .2s ease;
}

.lead-form .lead-form__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.lead-form .lead-form__btn:active{
  transform: translateY(0);
}

/* чекбокс: НЕ flex, а grid — чтобы никогда не налезало */
.lead-form .lead-check{
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 10px;
  align-items: start;

  font-size: 11px;
  line-height: 1.35;
  color: #5b6474;
  font-weight: 500;
}

.lead-form .lead-check input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
}

.lead-form .lead-check label{
  margin: 0;
  padding: 0;
  display: block;
}

.lead-form .lead-check a{
  color: inherit;
  text-decoration: none;
}

/* ошибка */
.lead-form .lead-form__error{
  margin: 0;
}

/* adaptive */
@media (max-width: 1100px){
  .lead__grid{
    grid-template-columns: 1fr;
  }
  .lead__media{
    min-height: 260px;
  }
}

/* ===== MOBILE (<= 520px) — общий адаптив для всех блоков ===== */
@media (max-width: 520px){

  /* общие отступы секций */
  .solutions,
  .vs,
  .buy,
  .trust,
  .lead{
    margin-top: 42px;
  }

  /* ================= HERO ================= */
  .gpu-hero{
    margin: 0 0 18px;
  }

  .gpu-hero__inner{
    border-radius: 22px;
    min-height: auto;
    padding: 16px 16px 220px;                 /* низ под картинку */
    background-position: center bottom;
    background-size: contain;                  /* чтобы не обрезало */
  }

  .gpu-hero__content{ max-width: 100%; }

  .gpu-hero__title{
    font-size: 18px;
    line-height: 1.15;
    margin: 0 0 12px;
  }

  .gpu-hero__text{
    font-size: 12px;
    line-height: 1.35;
    margin: 0 0 14px;
  }

  .gpu-hero__btn{
    width: 100%;
    padding: 12px 18px 16px;
    font-size: 14px;
  }

  /* ================= TITLES ================= */
  .solutions__title,
  .vs__title,
  .buy__title,
  .trust__title{
    font-size: 24px;
    line-height: 1.05;
    margin-bottom: 16px;
  }

  /* ================= SOLUTIONS ================= */
  .solutions__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .sol-card{
    grid-template-columns: 1fr;     /* картинка сверху/снизу как карточка */
    min-height: auto;
    border-radius: 22px;
  }

  .sol-card__info{
    padding: 18px 16px;
  }

  .sol-divider{
    margin: 14px 0;
    margin-bottom: 18px;
  }

  .sol-row__title{
    font-size: 14px;
    line-height: 20px;
  }

  .sol-row__desc{
    font-size: 12px;
  }

  .sol-ico{
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .sol-card__media img{
    border-top-right-radius: 0;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
  }

  .solutions__bottom{
    margin-top: 18px;
  }

  /* ================= VS (таблица + свайп) ================= */
  .vs__card{
    padding: 14px;
    border-radius: 22px;
  }

  .vs__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .vs__media{
    min-height: 220px;
    border-radius: 22px;
  }

  /* компактнее ячейки */
  .vs-th{
    font-size: 12px;
    padding: 12px 14px;
    border-radius: 12px;
  }

  .vs-col{
    padding: 14px;
    border-radius: 14px;
  }

  .vs-cell{
    font-size: 13px;
  }

  .vs__note{
    padding: 14px;
    border-radius: 16px;
  }

  .vs__note-ico{
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .vs__note-text{
    font-size: 13px;
  }

  /* горизонтальный свайп таблицы */
  .vs__table{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
  }

  .vs__thead,
  .vs__tbody{
    min-width: 720px; /* чтобы было что скроллить */
  }

  .vs-th,
  .vs-col{
    scroll-snap-align: start;
  }

  /* ================= BUY ================= */
  .buy__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .buy-card{
    border-radius: 22px;
    min-height: 140px;
  }

  .buy-card--text{
    padding: 18px 16px;
    gap: 16px;
  }

  .buy-card__title{
    font-size: 14px;
    line-height: 20px;
  }

  .buy-card__btn{
    width: 100%;
    padding: 12px 18px 16px;
    font-size: 14px;
    justify-content: center;
  }

  .buy-card--img{
    min-height: 180px;
  }

  .buy-card--img-1,
  .buy-card--img-2{
    grid-column: auto;
    grid-row: auto;
  }

  /* ================= TRUST ================= */
  .trust{
    margin-bottom: 42px;
  }

  .trust__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .trust-card{
    border-radius: 22px;
    padding: 18px 16px;
    gap: 14px;
  }

  .trust-card__ico{
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .trust-card__title{
    font-size: 14px;
    line-height: 20px;
  }

  .trust-card__desc{
    font-size: 12px;
  }

  .trust__bottom{
    margin-top: 18px;
  }

  /* ================= LEAD ================= */
  .lead{
    margin-bottom: 42px;
  }

  .lead__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .lead__media{
    min-height: 200px;
    border-radius: 22px;
  }

  .lead__form{
    border-radius: 22px;
    padding: 18px 16px;
  }

  .lead__title{
    font-size: 18px;
    margin-bottom: 10px;
  }

  .lead__desc{
    font-size: 12px;
    margin-bottom: 14px;
  }

  .lead-form .lead-field__label{
    font-size: 12px;
  }

  .lead-form .lead-field__input{
    height: 42px;
    font-size: 14px;
  }

  .lead-form .lead-form__btn{
    width: 100%;
    justify-content: center;
  }
}


@media (max-width: 520px){

  /* запрет горизонтального скролла у всей секции */
  .vs,
  .vs__card,
  .vs__grid,
  .vs__left{
    overflow-x: hidden;
  }

  /* скролл только у таблицы */
  .vs__table{
    overflow: visible; /* на всякий */
  }

  .vs__table-scroll{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x mandatory;
    padding-bottom: 6px;

    /* чтобы скролл работал внутри, не тянул всю страницу */
    max-width: 100%;
  }

  /* только таблица имеет большую ширину */
  .vs__table-scroll .vs__thead,
  .vs__table-scroll .vs__tbody{
    min-width: 720px; /* можно 680–820 по вкусу */
  }

  .vs__table-scroll .vs-th,
  .vs__table-scroll .vs-col{
    scroll-snap-align: start;
  }

  /* note и фото — обычная ширина экрана */
  .vs__note{
    width: 100%;
  }

  .vs__media{
    width: 100%;
    min-height: 220px;
  }
}


/* ===== Solutions carousel (mobile) ===== */
@media (max-width: 520px){

  .solutions__grid{
    display: flex;
    gap: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;

    /* убираем стандартный скролл */
    scrollbar-width: none;
  }

  .solutions__grid::-webkit-scrollbar{
    display: none;
  }

  .sol-card{
    flex: 0 0 100%;
    scroll-snap-align: start;
    border-radius: 22px;
  }

  /* точки */
  .solutions__dots{
    margin-top: 14px;
    display: flex;
    justify-content: center;
    gap: 8px;
  }

  .solutions__dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d6d9e0;
    transition: background .2s ease, transform .2s ease;
  }

  .solutions__dot.is-active{
    background: #3238E0;
    transform: scale(1.2);
  }
}

@media (max-width: 520px){

  /* фото сверху в solutions */
  .sol-card{
    display: flex;
    flex-direction: column-reverse;
  }

  .sol-card__media img{
    border-radius: 22px 22px 0 0;
  }

  .sol-card__info{
    padding-top: 16px;
  }
}


@media (max-width: 520px){

  .buy__grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;

    grid-template-areas:
      "t1"
      "t2"
      "img1"
      "t3"
      "t4"
      "img2";
  }

  /* текстовые карточки */
  .buy__grid > .buy-card:nth-child(1){ grid-area: t1; }
  .buy__grid > .buy-card:nth-child(2){ grid-area: t2; }
  .buy__grid > .buy-card:nth-child(5){ grid-area: t3; }
  .buy__grid > .buy-card:nth-child(6){ grid-area: t4; }

  /* картинки */
  .buy-card--img-1{ grid-area: img1; }
  .buy-card--img-2{ grid-area: img2; }
}


@media (max-width: 520px){

  .gpu-hero__inner{
    position: relative;
    min-height: 360px;
    padding: 24px 20px 20px;
    border-radius: 28px;

    display: flex;
    flex-direction: column;
  }

  /* перекрывающий фон */
  .gpu-hero__inner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/gpu-nvidia/img/banner.png") center/cover no-repeat;
    z-index: 0;
  }

  .gpu-hero__content{
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    height: 100%;
  }

  /* ТЕКСТ */
  .gpu-hero__title{
    margin-bottom: 16px;
  }

  .gpu-hero__text{
    margin-bottom: auto; /* ⬅️ ключевой момент */
    font-size: 14px;
  }

  /* КНОПКА ВНИЗУ */
  .gpu-hero__btn{
    width: 100%;
    margin-top: 32px;
  }
}


/* End */
/* /gpu-nvidia/style.css?176884285124347 */