/* ПитомЧик v79.2.11 — аккуратный верх страницы «Задать вопрос» на ПК.
   Меняется только визуальное расположение элементов request.html. */

@media (min-width:1001px){
  body.request-page .request-hero{
    padding:22px 0 18px!important;
  }

  body.request-page .request-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important;
    column-gap:34px!important;
    row-gap:12px!important;
    align-items:stretch!important;
  }

  /* Переход из быстрого доступа кабинета: кнопка становится частью
     левой композиции, а не висит отдельно по центру страницы. */
  html[data-account-return="quick"] body.request-page .request-hero-grid{
    grid-template-rows:auto minmax(0,1fr)!important;
  }

  html[data-account-return="quick"] body.request-page .account-context-nav{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    margin:0 0 2px!important;
    gap:8px!important;
  }

  html[data-account-return="quick"] body.request-page .account-context-button{
    width:auto!important;
    min-width:270px!important;
    min-height:42px!important;
    padding:9px 18px!important;
    box-shadow:0 7px 18px rgba(28,74,43,.09)!important;
  }

  html[data-account-return="quick"] body.request-page .request-hero-grid > div:not(.account-context-nav){
    grid-column:1!important;
    grid-row:2!important;
  }

  html[data-account-return="quick"] body.request-page .request-side-card{
    grid-column:2!important;
    grid-row:1 / 3!important;
  }

  /* Светлая карточка уравновешивает зелёный блок доставки и убирает
     ощущение большого пустого пространства слева. */
  body.request-page .request-hero-grid > div:not(.account-context-nav){
    min-width:0!important;
    min-height:286px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:30px 34px!important;
    border:1px solid rgba(16,60,36,.08)!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,rgba(255,250,243,.96),rgba(255,255,255,.74))!important;
    box-shadow:0 18px 38px rgba(23,31,25,.08)!important;
  }

  body.request-page .request-hero h1{
    max-width:680px!important;
    margin-bottom:12px!important;
    font-size:clamp(3rem,4.25vw,4.15rem)!important;
    line-height:1.02!important;
  }

  body.request-page .request-lead{
    max-width:56ch!important;
    margin-bottom:0!important;
    font-size:1.02rem!important;
    line-height:1.55!important;
  }

  body.request-page .request-side-card{
    min-height:340px!important;
    padding:25px 27px!important;
    border-radius:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  body.request-page .request-side-icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:18px!important;
    border-radius:16px!important;
    font-size:1.3rem!important;
  }

  body.request-page .request-side-card .eyebrow{
    margin-bottom:7px!important;
  }

  body.request-page .request-side-card h2{
    margin-bottom:10px!important;
    font-size:clamp(1.8rem,2.35vw,2.2rem)!important;
    line-height:1.08!important;
  }

  body.request-page .request-side-card > p:not(.eyebrow){
    margin-bottom:0!important;
    font-size:.94rem!important;
    line-height:1.5!important;
  }

  body.request-page .request-side-meta{
    gap:7px!important;
    margin-top:16px!important;
  }

  body.request-page .request-side-meta span{
    font-size:.91rem!important;
    line-height:1.35!important;
  }

  body.request-page .request-main{
    padding-top:12px!important;
  }
}

/* На средних ноутбуках сохраняем аккуратную композицию без тесноты. */
@media (min-width:1001px) and (max-width:1180px){
  body.request-page .request-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,350px)!important;
    column-gap:24px!important;
  }

  body.request-page .request-hero-grid > div:not(.account-context-nav){
    padding:27px 29px!important;
  }

  body.request-page .request-hero h1{
    font-size:clamp(2.75rem,4.5vw,3.65rem)!important;
  }
}