/* Gringa, stage 1. Main page header and hero, viewport >= 1400 CSS px.
   Existing site fonts and images are reused. Bebas Neue Pro is provisional.
   No rules for body, Bitrix toolbar, forms, footer or inner pages. */
@font-face {
  font-family: GringaSFv1;
  src: url('fonts/SFProText-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: GringaSFv1;
  src: url('fonts/SFProText-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: GringaSFv1;
  src: url('fonts/SFProText-Semibold.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: GringaBebasProV1;
  src: url('fonts/Bebas Neue Pro Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@media (min-width: 1400px) {
  body.gringa-visual-v1 > header,
  body.gringa-visual-v1 > .main-banner-1 {
    font-family: GringaSFv1, sans-serif;
    font-size: 16px; line-height: 24px; font-weight: 400;
  }
  body.gringa-visual-v1 > header > .container,
  body.gringa-visual-v1 > .main-banner-1 > .container {
    width: 1290px; max-width: calc(100% - 64px);
    padding: 0; margin-left: auto; margin-right: auto;
  }
  body.gringa-visual-v1 > header > .container { margin-bottom: 30px !important; }
  body.gringa-visual-v1 > header .top-line {
    min-height: 51px; margin: 0;
    border-bottom: 1px solid #dadcdc; align-items: center;
  }
  body.gringa-visual-v1 > header .top-line > .menu,
  body.gringa-visual-v1 > header .top-line > .contacts { padding: 0; margin-top: 0; margin-bottom: 0; }
  body.gringa-visual-v1 > header .top-line .menu a {
    font-family: GringaSFv1, sans-serif; font-size: 14px;
    line-height: 20px; font-weight: 400; margin-right: 26px;
    color: rgba(44,49,48,.6);
  }
  body.gringa-visual-v1 > header .top-line .contacts a {
    font-family: GringaSFv1, sans-serif; font-size: 16px;
    line-height: 20px; font-weight: 500; color: #2c3130;
  }
  body.gringa-visual-v1 > header .main-line {
    display: grid !important;
    grid-template-columns: 221px 257px 390px 108px 314px;
    align-items: center; min-height: 48px; margin-top: 19px;
  }
  body.gringa-visual-v1 > header .main-line > .logo { width: 178px; margin: 0 !important; }
  body.gringa-visual-v1 > header .main-line > .logo img { width: 178px; height: 43px; object-fit: contain; }
  body.gringa-visual-v1 > header .main-line > .catalog { width: 237px; margin: 0 !important; }
  body.gringa-visual-v1 > header .main-line > .catalog > .dropdown { margin: 0 !important; }
  body.gringa-visual-v1 > header .main-line > .catalog .main-button {
    width: 237px; height: 48px; padding: 14px 20px;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    font: 500 16px/20px GringaSFv1, sans-serif;
    text-transform: none !important; border-radius: 24px;
  }
  body.gringa-visual-v1 > header .main-line > .search { width: 372px !important; margin: 0 !important; min-width: 0; }
  body.gringa-visual-v1 > header .main-line > .search input {
    height: 48px; padding: 13px 0 13px 25px;
    font: 500 16px/20px GringaSFv1, sans-serif; border-color: #dadcdc;
  }
  body.gringa-visual-v1 > header .main-line > .search .main-button-outline {
    height: 48px; padding: 13px 20px; border-color: #dadcdc;
  }
  body.gringa-visual-v1 > header .main-line > .shopcart { margin: 0 !important; width: 48px; }
  body.gringa-visual-v1 > header .main-line > .shopcart a {
    width: 48px; height: 48px; padding: 14px;
    display: flex; justify-content: center; align-items: center;
    border-color: #dadcdc; border-radius: 24px;
  }
  body.gringa-visual-v1 > header .main-line > .text {
    min-width: 0; justify-content: space-between; gap: 18px;
    font: 500 16px/20px GringaSFv1, sans-serif;
  }
  body.gringa-visual-v1 > header .main-line > .text > a { white-space: nowrap; }
  body.gringa-visual-v1 > .main-banner-1 {
    min-height: 660px; padding: 124px 0 100px;
    background-position: center bottom;
  }
  body.gringa-visual-v1 > .main-banner-1 > .container > .row {
    display: grid; grid-template-columns: 630px 630px; gap: 30px; margin: 0;
  }
  body.gringa-visual-v1 > .main-banner-1 > .container > .row > .col-lg-6 {
    width: auto; padding: 0; min-width: 0;
  }
  body.gringa-visual-v1 > .main-banner-1 .name1,
  body.gringa-visual-v1 > .main-banner-1 .name2 {
    font: 700 84px/88px GringaBebasProV1, sans-serif;
    letter-spacing: 0; color: #fff; white-space: nowrap;
  }
  body.gringa-visual-v1 > .main-banner-1 .name2 { padding-left: 80px !important; }
  body.gringa-visual-v1 > .main-banner-1 > .container > .row > .col-lg-6:first-child > .row {
    display: block; margin: 6px 0 0 !important;
  }
  body.gringa-visual-v1 > .main-banner-1 .desc {
    width: 410px; margin-left: 220px; padding: 0;
    font: 500 20px/28px GringaSFv1, sans-serif;
  }
  body.gringa-visual-v1 > .main-banner-1 .desc .main-button {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: max-content; max-width: 100%; min-height: 48px;
    padding: 14px 29px; margin-top: 25px;
    font: 600 16px/20px GringaSFv1, sans-serif; white-space: nowrap;
  }
  body.gringa-visual-v1 > .main-banner-1 .desc .main-button img {
    width: 18px; height: 18px; margin: 0; top: 0; flex: 0 0 18px;
  }
  body.gringa-visual-v1 > .main-banner-1 > .container > .row > .col-lg-6:last-child > .row {
    display: grid; grid-template-columns: 300px 300px; gap: 30px;
    margin: 95px 0 0 !important;
  }
  body.gringa-visual-v1 > .main-banner-1 > .container > .row > .col-lg-6:last-child > .row > .col-lg-6 {
    width: auto; padding: 0;
  }
  body.gringa-visual-v1 > .main-banner-1 .data {
    min-height: 244px; padding: 20px 40px 24px;
    font: 500 16px/24px GringaSFv1, sans-serif;
  }
  body.gringa-visual-v1 > .main-banner-1 .data span {
    font: 700 100px/108px GringaBebasProV1, sans-serif;
    letter-spacing: 0; margin-bottom: -10px; white-space: nowrap;
  }
  body.gringa-visual-v1 > .main-banner-1 .data .plus {
    width: 50px; height: 50px;
    font: 400 30px/50px GringaSFv1, sans-serif;
  }
}