/*-----------FONTS--------------------*/
 @font-face {
    font-display: swap;
    font-family: 'Favorit';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
         url('../fonts/ABCFavoritPro-Book.woff') format('woff');
  }
  
  @font-face {
    font-display: swap;
    font-family: 'Favorit';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
         url('../fonts/ABCFavoritPro-Book.woff') format('woff');
  }
  
  @font-face {
    font-display: swap;
    font-family: 'Oceanic';
    font-style: normal;
    font-weight: 450;
    src: url('../fonts/Oceanic.woff2') format('woff2'),
         url('../fonts/Oceanic.woff') format('woff');
  }
   
   :root {
    --black: #222222;
    --white: #ffffff;
    --dl-color-theme-neutral-light: #f8f8f8;
    --dl-color-surface-black: rgba(34, 34, 34, 1);
    --dl-color-surface-white: rgba(255, 255, 255, 1);
    --dl-color-typography_textblack-100: rgba(34, 34, 34, 1);
    --dl-color-typography_textblack-50: rgba(34, 34, 34, 0.5);
    --interface-black-50: rgba(34, 34, 34, 0.5);
    
    --dl-color-secondary-graylight: rgba(248, 248, 248, 1);
    
    --surface-red: #cb3d35;
    --primary-font: 'Favorit', 'Helvetica Neue', sans-serif;
    --secondary-font: 'Oceanic', 'Helvetica Neue', sans-serif;
  }
   
   
  /* .home .popup-auth .popup-auth_wrapper #auth-form-general {
          padding: 80px 60px !important;
  } 
  @media (max-width: 1279.99px) {
      .home .popup-auth .popup-auth_wrapper #auth-form-general {
          padding: 50px 60px !important;
      }
      
       .home .popup-auth__content h4 {
          margin-top: 0 !important;
      }
      
      .home #auth-form-general .new-checkout .button-template--style-l, .home #auth-form-general.new-checkout .call-info-message {
          font-size: 20px !important;
      }
      
      .home #auth-form-general .splat-input, .home #auth-form-general .splat-input__label {
          font-size: 16px !important;
      }
      
      .home #auth-form-button-next.button-template {
          font-size: 20px !important;
          padding: 16px 24px;
          max-height: none;
          height: fit-content;
      }
      
      .home #auth-form-general .ya-id-auth-field__item {
          padding: 20px 0 !important;
      }
      
      .home .splat-form-customer-agreement, .home .splat-form-customer-agreement span, .home .splat-form-customer-agreement a {
          font-size: 14px !important;
          letter-spacing: -0.28px !important;
      }
      
      .home #auth-form-general .ya-id-auth-field__item-text-part {
          font-size: 14px !important;
      }
      
      .home .new-checkout .auth-form___code.splat-form-field {
          padding: 30px 0;
      }
      
      .home .new-checkout .authcode-group-field {
         gap: 10px !important 
      }
      
      .home .new-checkout .button-template--style-l {
          font-size: 20px !important;
          padding: 16px 24px !important;
          max-height: none !important;
          height: fit-content;
          white-space: nowrap;
      }
      
  } 
  
  @media (max-width: 767px) { 
      
      .home .popup-auth .popup-auth_wrapper #auth-form-general {
          padding: 0px 24px !important;
      }
      
      .home .popup-auth__content h4 {
          margin-top: 20px !important;
          font-size: 32px !important;
      }
      
      .home .splat-form-customer-agreement, .home .splat-form-customer-agreement span, .home .splat-form-customer-agreement a {
          font-size: 12px !important;
          letter-spacing: -0.24px !important;
      }
      
  }
  
  @media (max-width: 600px) { 
      .home .popup-auth__content h4 {
         font-size: 28px !important;
      }
      
      .home #auth-form-general .new-checkout .button-template--style-l, .home #auth-form-general.new-checkout .call-info-message {
          font-size: 16px !important;
      }
      
      .home .woocommerce-form-register {
          gap: 40px !important;
      }
      
      .home #auth-form-general .ya-id-auth-field__item {
          gap: 20px !important;
          padding: 20px 0 !important;
      }
      
      .auth-form .call-info-message {
          margin-bottom: 30px !important;
      }
      
      .home #auth-form-button-next.button-template {
          font-size: 16px !important;
      }
      
      .home .new-checkout .button-template--style-l {
          font-size: 16px !important;
      }
      
      
  }
  
  .popup-template {
      display: flex;
      position: fixed;
      z-index: 100000;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(44, 44, 44, 0.5);
      width: 100%;
      height: 100%;
      min-height: 100%;
      overflow: auto;
  
      padding: 0;
      margin: 0;
      align-items: stretch;
      justify-content: end;
      overflow-x: hidden;
  }
  
  .popup-template_wrapper {
      position: relative;
      width: 100%;
      max-height: max-content;
      overflow-y: hidden;
      max-width: 693px;
      padding: 64px 78px;
      background: #FFFFFF;
      border-radius: 16px;
      margin: auto 16px;
      box-sizing: border-box;
      box-shadow: 12px 24px 60px rgb(0 0 0 / 15%);
  }
  
  .popup-template_close,
  .auth-form__change-phone {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.6rem;
    max-width: 6rem;
    cursor: pointer;      
  }
  
  .popup-template_close svg,
  .auth-form__change-phone svg {
    height: 2.4rem;
    width: 2.4rem;
  }
  
  .popup-template__content input[type="text"].input-template,
  .popup-template__content input[type="text"].input-template:active,
  .popup-template__content input[type="text"].input-template:focus {
      height: auto;
  }
  
  .popup-template-little {
      position: fixed;
      z-index: 100000;
      right: 50px;
      bottom: 50px;
      background: rgba(0, 0, 0, 0);
  }
  
  .popup-template-little_wrapper {
      position: relative;
      width: 100%;
      max-height: max-content;
      overflow-y: hidden;
      max-width: 242px;
      padding: 32px;
      background: #FFFFFF;
      border-radius: 16px;
      box-sizing: border-box;
      box-shadow: 12px 24px 60px rgb(0 0 0 / 15%);
  }
  
  @media (max-width: 767.99px) {
      .popup-template_wrapper {
          padding: 24px;
      }
  
      .popup-template h3 {
          font-size: 24px;
      }
  }
  
  .auth-form .call-info-message {
      margin-bottom: 4rem;
  }
  
  .woocommerce-form-register{
      display: flex;
      flex-direction: column;
      gap: 4rem;
  }
  .woocommerce-form-register .splat-form-field {
     margin-bottom: 0 !important;
  }
  
  #auth-form-button-next.button-template {
      letter-spacing: -0.048rem !important;
      text-transform: inherit;
      width: 100%;
      box-sizing: border-box;
  
      background: #EDEDED !important;
      background-color: #EDEDED !important;
      max-height: 5.3rem;
      height: 5.3rem;
      padding: 1.6rem 2.4rem;
      border-radius: 0 !important;
      border: none;
      border-color: transparent !important;
      margin-top: 0 !important;
      
      color: #222 !important;
      font-family: "Favorit" !important;
      font-size: 1.6rem !important;
      font-style: normal;
      font-weight: 350 !important;
      line-height: 140% !important;
      text-align: center;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      transition: all .3s ease-in-out;
      
  }
  
  #auth-form-button-next.button-template:hover {
      background: #222 !important;
      background-color: #222 !important;
      color: #FFF !important;
      cursor: pointer;
  }
  
  #auth-form-general .ya-id-auth-field__item {
      width: 100%;
      padding: 2rem 0;
      display: flex;
      flex-direction: column;
      gap: 2rem; 
  }
  
  #auth-form-general .ya-id-auth-field__item-text-part {
      text-align: center;
      color: rgba(34, 34, 34, 0.50);
      font-family: var(--primary-font);
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 350;
      line-height: 130%; 
      letter-spacing: -0.015rem;
  }
  
  #auth-form-general .splat-input:focus, #auth-form-general .splat-input.not-empty {
      border-bottom: 1px solid var(--black) !important;
  }
  
  #auth-form-general input[type="text"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: #fff;
      border-radius: 0;
      border-style: solid;
      border-width: 0.1rem;
      box-shadow: none;
      display: block;
      font-size: 1.6rem;
      letter-spacing: -0.015em;
      margin: 0;
      max-width: 100%;
      
      width: 100%;
  }
  
  #auth-form-general .splat-input {
      padding: 1.8rem 0 1.5rem !important;
      border: none !important;
      border-bottom: 1px solid var(--interface-black-50) !important;
      border-radius: 0 !important;
      font-family: var(--primary-font) !important;
      font-size: 1.6rem;
      letter-spacing: -.05rem;
      line-height: 1.3;
      background-color: transparent !important;
      outline: none !important;
      width: 100% !important;
      transition: all .4s;
  }
  
  
  #auth-form-general .splat-input__label {
      position: absolute;
      top: 1.8rem;
      left: 0;
      font-family: var(--primary-font) !important;
      font-size: 1.6rem;
      font-weight: 350;
      letter-spacing: -.03em;
      line-height: 1.3;
      color: var(--interface-black-50);
      transition: .4s ease;
      pointer-events: none;
  }
  
  #auth-form-general .splat-input:focus + .splat-input__label, #auth-form-general .splat-input.not-empty + .splat-input__label {
      color: var(--interface-black-30);
      font-size: 1.3rem;
      opacity: .3;
      top: 0;
  }
  
  .text-subtitle-2.call-info-message {
      font-size: 1.2rem;
  } 

  
  .splat-form-customer-agreement, .splat-form-customer-agreement span, .splat-form-customer-agreement a {
      font-family: "Favorit";
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 350;
      line-height: 130%;
      letter-spacing: -0.017rem;
      color: rgba(34, 34, 34, 0.50);
      transition: all .4s;
  }
  
  .splat-form-customer-agreement a {
      text-decoration: underline;
  }
  
  .splat-form-customer-agreement a:hover {
      color: rgba(34, 34, 34, 1);
  }
  
  
  @media (max-width: 767px) { 
     .splat-form-customer-agreement, .splat-form-customer-agreement span, .splat-form-customer-agreement a {
          font-size: 1.2rem;
          letter-spacing: -0.012rem;
      } 
      #auth-form-button-next.button-template {
        font-size: 1.4rem!important;
        line-height: 130%!important;
        letter-spacing: -0.042rem!important;
        height: 4.2rem!important;
        max-height: 4.2rem!important;
        padding: 1.2rem 1.6rem!important;
      }
  }
  
  .popup-sms__content>.text-subtitle-2,
  .auth-form>.text-subtitle-2 {
      padding-bottom: 48px;
  }
  
  .popup-sms___code {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
  }
  
  .popup-sms input[type="text"].input-template,
  .popup-auth input[type="text"].input-template {
      margin-bottom: 0;
  }
  
  .call-info-message span {
      font-family: 'Futura New Medium';
      font-weight: 400;
  }
  
  .code-non {
      width: 100%;
      max-width: 180px;
      position: relative;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 48px;
  }
  
  .code-non_message {
      display: none;
      opacity: 0;
      position: fixed;
      width: 100%;
      max-width: 180px;
      padding: 16px 16px 16px 20px;
      background: #fff;
      margin-left: 200px;
    margin-top: 80px;
      box-shadow: 12px 24px 60px rgb(0 0 0 / 15%);
      border-radius: 8px;
      box-sizing: border-box;
      font-size: 14px;
      line-height: 115%;
      letter-spacing: 0.02em;
      transition: .3s;
  }
  
  .code-non_message:before {
      content: '';
      display: block;
      position: absolute;
      left: -7px;
      top: 20px;
      width: 15px;
      height: 15px;
      transform: rotate(45deg);
      background: #fff;
  }
  
  .code-non:hover .code-non_message, .code-non_message.show {
      opacity: 1;
      display: block;
  }
  
  .popup-sms___buttons button~button,
  .auth-form___buttons button~button {
      margin-top: 16px;
  }
  
  .popup-sms___buttons>*,
  .auth-form___buttons>* {
      width: 100%;
      min-height: 52px;
  }
  
  .popup-sms__button--return {
      margin-right: 24px;
  }
  
  .popup-sms__button--return--blocked,
  .auth-form__button--return--blocked {
      color: #A5ACB3;
      cursor: no-drop;
      
  }
  
  .popup-sms__button--return--blocked:hover,
  .auth-form__button--return--blocked:hover {
      cursor: no-drop;
      background: #F2F4F5 !important;
  }
  
  .code-non_message--close {
      display: none;
      cursor: pointer;
  }
  
  .auth-form .button-template,
  #show_popup_auth {
      padding: 13px 0;
      border: 1px solid #BA0C2F;
      border-radius: 245px;
      font-family: Futura New Medium !important;
      font-size: 16px;
      font-weight: 450;
      color: #BA0C2F !important;
      text-align: center;
      text-decoration: none;
      letter-spacing: 0.04em !important;
      text-transform: inherit;
      background-color: #ffffff !important;
      width: 100%;
      box-sizing: border-box;
      transition: all .2s ease-in-out;
      margin-top: 16px;
  }
  
  .auth-form .button-template:hover,
  #show_popup_auth:hover {
      background-color: #BA0C2F !important;
      border: 1px solid #BA0C2F;
      color: #ffffff !important;
      transition: all .2s ease-in-out;
      text-decoration: none;
  }
  
  .popup-auth .popup-auth_wrapper {
      position: relative;
      width: 100%;
      max-height: max-content;
      overflow-y: hidden;
      padding: 0;
      background: #FFFFFF;
      box-sizing: border-box;
      box-shadow: 12px 24px 60px rgb(0 0 0 / 15%);
      overflow: visible;
      
      max-width: 50%;
      display: flex;
      align-items: center;
      margin: 0;
      border-radius: 0;
      height: 100%;
      flex: 1;
      right: -50%;
      
      transition: right 1s ease;
      
  }
  
  
  .popup-auth .popup-auth_wrapper .auth-form {
      background: #fff;
      padding: 8rem 6rem;
  }
  
  .popup-auth__content {
      padding: 0 24px 32px 24px;
      
      margin: auto;
      padding: 0;
      flex: 1;
      min-height: 100%;
      align-content: start;
  }
  
  .popup-auth__content h4 {
      padding-bottom: 0;
      margin-bottom: 1.2rem;
  }
  
  .new-checkout h4{
      color: var(--typography-text-black-100, #222);
      font-family: Favorit !important;
      font-size: 3.6rem;
      font-style: normal;
      font-weight: 350;
      line-height: 120%; 
      letter-spacing: -1.08px;
  }
  
  .auth-form.new-checkout .call-info-message {
      position: relative;
      overflow: hidden;
      width: fit-content;
  }
  
  .new-checkout .button-template--style-l, 
  .auth-form.new-checkout .call-info-message {
      margin-bottom: 4rem!important;
      color:  #222 !important;
      font-family: Favorit !important;
      font-size: 2rem !important;
      font-style: normal;
      font-weight: 350 !important;
      line-height: 140% !important; 
      letter-spacing: -0.48px;
  }

  .auth-form.new-checkout .call-info-message p {
    font-family: Favorit !important;
    font-size: 1.6rem;
    font-weight: 350;
    line-height: 140%;
    letter-spacing: -0.048rem;
  }
  
  .new-checkout .auth-form___code.splat-form-field {
     padding: 4rem 0 2rem;    
  }

  .new-checkout .call-info-message span {
    font-family: Favorit !important;
  }
  
  .new-checkout .button-template--style-l, .new-checkout .popup-sms___buttons > *, .new-checkout .auth-form___buttons > * {
      color: var(--typography-text-black-100, #222);
      font-family: "Favorit" !important;
      font-size: 1.6rem;
      font-style: normal;
      font-weight: 350;
      line-height: 130%; 
      letter-spacing: -0.48px;
      text-align: center;
  }
  
  .new-checkout .button-template--style-l {
      background: #EDEDED !important;
      max-height: 5.3rem;
      height: 5.3rem;
      padding: 1.6rem 2.4rem;
      border-radius: 0 !important;
      border: none;
      font-size: 1.6rem!important;
      line-height: 130%;
      letter-spacing: -0.048rem;
  }
  
  .new-checkout .button-template--style-l:hover {
     background: #222222 !important; 
     color: #FFF !important;
     border: none !important;
  }
  
  .new-checkout .button-template--style-l:disabled,
  .new-checkout button[disabled].button-template--style-l {
      color: var(--typography-text-black-100, #222) !important;
      background: #EDEDED !important;
  }
  
  .new-checkout .authcode-group-field {
          display: flex;
          gap: 2rem;
          max-width: 100%;
          width: 100%;
          flex-direction: row;
          align-items: flex-start;
          justify-content: flex-start;
          flex-wrap: nowrap;
          white-space: nowrap;
          overflow: hidden;
          position:relative;
      }
      
  .splat-form-field input {
      
  }
  .new-checkout .authcode-group-field > input {
          display: inline-flex;
          flex-grow: 1;
          outline:none !important;
          border: 0 !important;
          border-radius: 0 !important;
          border-color: transparent !important;
          border-bottom: 1px solid rgba(34, 34, 34, 0.30) !important;
          
          font-family: "Favorit" !important;
          font-size: 2.8rem !important;
          font-style: normal;
          font-weight: 350 !important;
          line-height: 120% !important; 
          text-align: center;
          letter-spacing: -0.84px;
          caret-color: #222222;
          }
  .new-checkout .authcode-group-field > input:invalid {
          color: #CB3D35;
           caret-color: #222222;
      }
  .new-checkout .authcode-group-field > input:focus{
          border-bottom: 1px solid #222222 !important;
      }
      
  .new-checkout input.error {
    border-color: #CB3D35 !important;
    color: #CB3D35;
  }
  
  .new-checkout  .authcode-group-field > input[readonly] {
      border-bottom: 1px solid rgba(34, 34, 34, 0.30) !important;
      cursor: not-allowed;
  }
  
  @media (max-width: 1079px) {
      .popup-template {
          align-items: flex-end;
      }
  
      .popup-auth .popup-auth_wrapper {
          position: fixed;
          right: 0 !important;
          bottom: 0;
          padding: 0;
          height: 70%;
          min-width: 100%;
          max-height: 70%;
          bottom: -70%;
          transition: bottom 1s ease;
          overflow-y: auto;
      }
      
      .popup-auth .popup-auth_wrapper .auth-form {
          padding: 6rem 2.4rem;
      }
      
      .popup-template_close {
          position: sticky !important;
          top: 0;
          right: 0;
          padding: 12px;
          background: #FFFFFF;
          border-radius: 0;
          display: flex;
          justify-content: start;
          z-index: 555;
      }
  }
  
  @media (max-width: 767px) {
      .popup-auth .popup-auth_wrapper {
          position: fixed;
          right: 0 !important;
          bottom: 0;
          padding: 0;
          height: 100%;
          max-height: 100%;
          bottom: -100%;
          transition: bottom 1s ease;
          overflow-y: auto;
      }
      
      .popup-auth .popup-auth_wrapper .auth-form {
          padding: 4rem 1.6rem;
      }

      .authcode-group-field {
          gap: 1.2rem;
      }
      .authcode-group-field > input {
          font-size: 2.4rem;
      }

      .new-checkout h4 {
        font-size: 2.4rem;
        line-height: 120%;
        letter-spacing: -0.072rem;
      }
      
      .new-checkout .button-template--style-l, 
      .auth-form.new-checkout .call-info-message {
        font-size: 1.6rem!important;
        line-height: 140%!important;
        letter-spacing: -0.048rem!important;
      }
  }
  
  @media (max-width: 600px) {
      .popup-auth__content {
          padding-left: 0;
          padding-right: 0;
      }
  
      .popup-auth {
          padding: 0;
      }
  
      .popup-auth .popup-auth_wrapper {
          margin: 0;
          max-width: 100%;
          height: 100%;
          border-radius: 0;
      }
  
      .popup-auth .popup-template_close {
          padding: 12px;
      
          background: #FFFFFF;
          border-radius: 0;
      }
  }
  
  .popup-auth .close-link,
  .auth-form .auth-form__change-phone {
      font-size: inherit;
      color: #BA0C2F;
      text-decoration: underline;
      display: inline;
      padding: 0;
  }
  
  .auth-form___code input.input-template {
      text-align: center;
  }
  
  .auth-form .button-template--color-red {
      width: 100%;
  }
  
  .auth-form .input-not-valid-tip {
      display: inline;
      position: relative;
      top: -10px;
      line-height: 1.1 !important;
  }
  
  .auth-form .woocommerce-form-row {
      line-height: 1.1;
  }
  
  
  
  
  .error > label {
      color: #CB3D35 !important;
  }
  
  #auth-form-general .splat-form-field.error > input {
     border-bottom-color: #CB3D35 !important
  }
  
  .ya-id-btn-box {
      width: 100%;
      min-height: 52px;
  }
  
  .splat-form-row {
      position: relative !important;
  }
  
  .auth-form .input-not-valid-tip {
      display: inline;
      position: absolute !important;
      width: 100% !important;
      height: 2rem !important;
      left: 0 !important;
      top: calc(100% + 8px) !important;
      padding: 0 !important;
      line-height: 1.1 !important;
  }
  
  .auth-form .input-not-valid-tip:before {
      content: none !important;
      background: none !important;
  }
  
  .auth-form__button--return, .auth-form .auth-form___buttons,
  #userphone, #auth-form-button-next, .ya-id-btn-box, .ya-id-auth-field__item-text-part > span, .woocommerce-form-register .splat-form-field {
      overflow: hidden;
      position: relative;
  }
  
  .splat-form-field.labeled.splat-skeleton, #auth-form-button-next.splat-skeleton, .splat-skeleton.popup-template_close, .splat-skeleton.popup-template_close svg {
      cursor: default !important;
      pointer-events: none !important;
  }
  
  .splat-skeleton.text-subtitle-2.call-info-message:before,
  .splat-skeleton.authcode-group-field:before,
  .splat-skeleton.auth-form__button--return:before,
  .splat-form-field.labeled.splat-skeleton:before, 
  #auth-form-button-next.splat-skeleton:before,
  .splat-skeleton.ya-id-btn-box:before,
  .ya-id-auth-field__item-text-part > span.splat-skeleton:before,
  .splat-skeleton.popup-template_close:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(223, 223, 223);
    z-index: 1;
  }
  .splat-skeleton.text-subtitle-2.call-info-message:after,
  .splat-skeleton.authcode-group-field:after,
  .splat-skeleton.auth-form__button--return:after,
  .splat-skeleton.splat-form-field.labeled:after,
  #auth-form-button-next.splat-skeleton:after,
  .splat-skeleton.ya-id-btn-box:after,
  .ya-id-auth-field__item-text-part > span.splat-skeleton:after,
  .splat-skeleton.popup-template_close:after {
      content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 2s infinite;
            animation: shimmer 2s infinite;
    z-index: 2;
  }
  
  @-webkit-keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }
  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }*/