.icon-search {
    display: inline-block;
    position: relative; }
    .icon-search svg {
      color: #717171;
      width: 100%;
      height: 100%; }
    .icon-search svg [stroke='#3F3E3E'] {
        stroke: currentColor; }
    .icon-search svg [fill='#3F3E3E'] {
        fill: currentColor; }
    .icon-search .icon-youtube-play {
      fill: #fff; }
    .icon-search .shadow-bg {
      opacity: 0; }
  
  .produto-badge {
    font-weight: 500;
    padding: 2px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    vertical-align: bottom; }
    .produto-badge .icon-search {
      padding: 0 5px 0 0; }
    .produto-badge svg {
      -webkit-transform: translateY(1px);
              transform: translateY(1px);
      width: 13px;
      height: 13px; }
    .produto-badge:hover .produto-badge__tooltip {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(5px);
              transform: translateY(5px);
      transition: 100ms ease-in-out; }
    .produto-badge__tooltip {
      background: #f2f2f2;
      border-radius: 4px;
      position: absolute;
      width: 100%;
      left: 0;
      display: block;
      color: #717171;
      font-weight: 300;
      font-size: 0.75rem;
      line-height: 1rem;
      padding: 8px 14px;
      z-index: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      text-align: center;
      visibility: hidden;
      opacity: 0;
      transition: 100ms ease-in-out; }
    .produto-badge__tooltip::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #f2f2f2;
        position: absolute;
        right: 4px;
        top: -5px; }
  
  .icon-brand--white * {
    fill: #fff;
    transition: 700ms; }
  
  .icon-brand--primary * {
    fill: #ea1d2c;
    transition: 700ms; }
  
  .icon-brand--secondary * {
    fill: #f2d298;
    transition: 700ms; }
  
  .icon-brand--gray * {
    fill: #272727;
    transition: 700ms; }
  
  .btn {
    background: transparent;
    text-decoration: none;
    color: #ea1d2c;
    border: none;
    padding: 0 20px;
    border-radius: 4px;
    margin: 3px 0;
    height: 50px;
    font-weight: 500;
    transition: 100ms;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: default; }
    @media only screen and (min-width: 960px) {
      .btn {
        cursor: pointer; } }
    .btn > canvas {
      z-index: 1; }
    @media only screen and (min-width: 768px) {
        .btn > canvas {
          visibility: hidden; } }
    .btn .btn__label {
      font-size: 1rem;
      line-height: 1em;
      flex-grow: 1;
      position: relative;
      top: 1px;
      text-align: center; }
    .btn:focus {
      outline: transparent; }
    @media only screen and (min-width: 960px) {
      .btn:active {
        opacity: 0.8; } }
    .btn[disabled] {
      opacity: 0.5;
      cursor: no-drop;
      pointer-events: none; }
    .btn[disabled] > canvas {
        visibility: hidden; }
    .btn--default {
      background: #ea1d2c;
      color: #fff; }
    .btn--default svg {
        color: #fff;
        fill: #fff; }
    .btn--default[disabled] {
        background: #f37a83;
        color: #fff; }
    .btn--default[disabled] svg {
          color: #fff;
          fill: #fff; }
    .btn--default.btn--loading[disabled] {
        background: #ea1d2c;
        color: #f5e9da; }
    @media only screen and (min-width: 960px) {
        .btn--default:hover:enabled {
          background: #c2121f; }
        .btn--default.btn--secondary:hover:enabled {
          background: #ead1b2; }
        .btn--default.btn--facebook:hover:enabled {
          background: #33508e; }
        .btn--default.btn--white:hover:enabled {
          color: #fff;
          background: #ea1d2c; }
          .btn--default.btn--white:hover:enabled svg {
            color: #fff;
            fill: #fff; } }
    .btn--facebook {
      background: #4065b4;
      color: #fff; }
    .btn--facebook svg {
        color: #fff;
        fill: #fff; }
    .btn--facebook[disabled] {
        background: #869fd4;
        color: #fff;
        opacity: 1; }
    .btn--facebook.btn--loading[disabled] {
        background: #869fd4;
        color: #fff;
        opacity: 1; }
    .btn--secondary {
      background: #f5e9da;
      color: #ea1d2c; }
    .btn--secondary svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .btn--gray {
      background: #a6a29f;
      color: #fff; }
    .btn--white {
      background: #fff;
      color: #ea1d2c; }
    .btn--white svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .btn--transparent {
      background: transparent;
      color: #717171;
      border: 1px solid #dcdcdc; }
    @media only screen and (min-width: 960px) {
        .btn--transparent:hover:enabled {
          background: #f7f7f7; } }
    .btn--transparent--active {
        background: #f7f7f7; }
    .btn--transparent--selected {
        color: #fff;
        background: #717171; }
    @media only screen and (min-width: 960px) {
          .btn--transparent--selected:hover:enabled {
            background: #717171; } }
    .btn--link {
      background: transparent;
      color: #ea1d2c; }
    .btn--link svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 960px) {
        .btn--link:hover {
          text-decoration: none; } }
    .btn--link.btn--secondary {
        color: #f5e9da; }
    .btn--link.btn--secondary svg {
          color: #f5e9da;
          fill: #f5e9da; }
    .btn--link.btn--tertiary {
        color: #fed298; }
    .btn--link.btn--tertiary svg {
          color: #fed298;
          fill: #fed298; }
    .btn--link.btn--gray {
        color: #a6a29f; }
    .btn--link.btn--gray svg {
          color: #a6a29f;
          fill: #a6a29f; }
    .btn--link.btn--facebook {
        background: #fff;
        color: #4065b4; }
    .btn--link.btn--facebook svg {
          color: #4065b4;
          fill: #4065b4; }
    .btn--dark-link {
      background: transparent;
      color: #3e3e3e;
      font-size: 1rem;
      line-height: 1.25em; }
    .btn--underline {
      background: transparent;
      border-radius: 0;
      margin-bottom: 0;
      border-bottom: transparent 3px solid;
      transition: 0.2s; }
    .btn--underline:hover {
        border-bottom-color: currentColor; }
    .btn.btn--iconize .btn__icon {
      width: 30px;
      height: 30px; }
    .btn.btn--iconize.btn--iconize-right {
      flex-direction: row-reverse; }
    .btn.btn--full-width {
      width: 100%; }
    .btn.btn--size-l {
      height: 60px;
      padding: 0 40px; }
    .btn.btn--size-l .btn__label {
        font-size: 1.25rem;
        line-height: 1.25em; }
    .btn.btn--size-l .btn__icon {
        -webkit-transform: scale(1.6);
                transform: scale(1.6); }
    .btn.btn--size-s {
      height: 30px;
      padding: 0 10px; }
    .btn.btn--size-s .btn__label {
        font-size: 0.875rem;
        line-height: 0.875em; }
    .btn.btn--size-s .btn__icon {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
    .btn.btn--loading .produto-spinner {
      position: absolute;
      width: 100%;
      height: 100%;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
    .btn.btn--loading .produto-spinner svg {
        fill: currentColor;
        top: 4px;
        position: relative; }
    .btn.btn--loading .btn__label {
      visibility: hidden; }
  
  .btn-selected {
    background: transparent;
    text-decoration: none;
    color: #3e3e3e;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    font-weight: 500;
    transition: 100ms;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    height: 50px; }
    .btn-selected__label {
      font-size: 0.875rem; }
  
  .btn-icon {
    padding: 0;
    width: 40px;
    height: 40px;
    background: #ea1d2c;
    color: #f2d298;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 3px 5px;
    border-radius: 100%;
    outline: none;
    transition: 100ms;
    position: relative;
    overflow: hidden;
    cursor: default; }
    .btn-icon svg {
      color: #f2d298;
      fill: #f2d298; }
    @media only screen and (max-width: 767px) {
      .btn-icon {
        width: 30px;
        height: 30px;
        margin: 5px 0; } }
    @media only screen and (min-width: 960px) {
      .btn-icon {
        cursor: pointer; } }
    .btn-icon > canvas {
      z-index: 1;
      color: #ea1d2c; }
    @media only screen and (min-width: 768px) {
        .btn-icon > canvas {
          visibility: hidden; } }
    @media only screen and (min-width: 960px) {
      .btn-icon:hover:enabled {
        background: #c2121f;
        cursor: pointer; }
      .btn-icon:active:enabled {
        opacity: 0.9; } }
    .btn-icon .icon-search {
      height: 20px;
      width: 20px; }
    .btn-icon.btn-icon--secondary {
      background: #f2d298;
      color: #ea1d2c; }
    .btn-icon.btn-icon--secondary svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .btn-icon.btn-icon--secondary > canvas {
        color: #4e360a; }
    @media only screen and (min-width: 960px) {
        .btn-icon.btn-icon--secondary:hover:enabled {
          background: #ecbe6b; } }
    .btn-icon.btn-icon--white {
      background: #fff;
      color: #ea1d2c; }
    .btn-icon.btn-icon--white svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 960px) {
        .btn-icon.btn-icon--white:hover:enabled {
          background: #e6e6e6; } }
    .btn-icon.btn-icon--gray {
      background: #fff;
      color: #272727; }
    @media only screen and (min-width: 960px) {
        .btn-icon.btn-icon--gray:hover:enabled {
          background: #0e0e0e; } }
    .btn-icon.btn-icon--transparent {
      background: transparent;
      color: #ea1d2c; }
    .btn-icon.btn-icon--transparent svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 960px) {
        .btn-icon.btn-icon--transparent:hover:enabled {
          background: rgba(255, 255, 255, 0.3); } }
    .btn-icon.btn-icon--transparent.btn-icon--secondary {
        color: #f2d298; }
    .btn-icon.btn-icon--transparent.btn-icon--secondary svg {
          color: #f2d298;
          fill: #f2d298; }
    .btn-icon.btn-icon--transparent.btn-icon--tertiary {
        color: #fed298; }
    .btn-icon.btn-icon--transparent.btn-icon--tertiary svg {
          color: #fed298;
          fill: #fed298; }
    .btn-icon.btn-icon--transparent.btn-icon--white {
        color: #fff; }
    .btn-icon.btn-icon--transparent.btn-icon--white svg {
          color: #fff;
          fill: #fff; }
    .btn-icon.btn-icon--transparent.btn-icon--gray {
        color: #a6a29f; }
    .btn-icon.btn-icon--transparent.btn-icon--gray svg {
          color: #a6a29f;
          fill: #a6a29f; }
    .btn-icon.btn-icon--size-s {
      width: 30px;
      height: 30px; }
    .btn-icon.btn-icon--size-s .icon-search {
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    @media only screen and (min-width: 960px) {
          .btn-icon.btn-icon--size-s .icon-search {
            -webkit-transform: scale(1);
                    transform: scale(1); } }
    .btn-icon.btn-icon--size-l {
      width: 50px;
      height: 50px; }
    .btn-icon.btn-icon--size-l .icon-search {
        -webkit-transform: scale(1.5);
                transform: scale(1.5); }
    .btn-icon:disabled {
      opacity: 0.4;
      cursor: no-drop; }
    .btn-icon:disabled svg {
        color: #a6a29f;
        fill: #a6a29f; }
    .btn-icon:disabled > canvas {
        visibility: hidden; }
  
  .btn-navigation {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px 5px;
    text-decoration: none;
    /* border-bottom: 1px solid #e6e4e6; */
    height: 60px; }
    @media only screen and (min-width: 960px) {
      .btn-navigation {
        padding: 0px 5px; }
        .btn-navigation:hover .btn-navigation__icon svg {
          color: #ea1d2c;
          fill: #ea1d2c; }
        .btn-navigation:hover .btn-navigation__icon .icon-search__shield-icon {
          stroke: #ea1d2c;
          fill: none; }
        .btn-navigation:hover .btn-navigation__label {
          color: #ea1d2c; } }
    .btn-navigation canvas {
      color: #a6a5a5; }
    .btn-navigation__icon {
      width: 0px;
      height: 28px;
      /* margin: 10px 30px 0 0;  */
    }
    .btn-navigation__icon svg {
        color: #7f7f82;
        fill: #7f7f82; }
    /* @media only screen and (min-width: 960px) {
        .btn-navigation__icon {
          margin: 8px 27px 0 0; } } */
    .btn-navigation__icon .icon-search__shield-icon {
        stroke: #7f7f82;
        fill: none; }
    .btn-navigation__icon .counter-badge-wrapper {
        position: relative; }
    .btn-navigation__icon .counter-badge-wrapper .counter-badge-content {
          position: absolute;
          top: -34px;
          left: 14px;
          font-size: 0.625rem;
          background: #ea1d2c;
          color: #fff;
          height: 18px;
          text-align: center;
          border: solid 2px #fff;
          padding: 0 3px;
          line-height: 14px;
          border-radius: 18px;
          font-weight: 500; }
    .btn-navigation--counter-present .btn-navigation__icon svg {
      color: #ea1d2c;
      fill: #ea1d2c; }
    .btn-navigation--counter-present .btn-navigation__label {
      color: #ea1d2c; }
    .btn-navigation__label {
      font-size: 1.125rem;
      color: #717171; }
    .btn-navigation__icon-arrow {
      margin: 0 0 0 auto;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      width: 20px;
      height: 20px; }
    .btn-navigation__icon-arrow svg {
        color: #717171;
        fill: #717171; }
    @media only screen and (min-width: 960px) {
        .btn-navigation__icon-arrow {
          display: none; } }
  
  .round-button {
    align-items: stretch;
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    display: flex;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    width: 48px;
    position: relative; }
    .round-button:active, .round-button:focus {
      outline: 0; }
    .round-button:hover, .round-button:active, .round-button:focus {
      box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16); }
    .round-button .icon-search {
      pointer-events: none; }
    @media only screen and (min-width: 960px) {
      .round-button {
        cursor: pointer; } }
  
  .carousel {
    position: relative;
    width: 100%; }
    .carousel__overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0; }
    .carousel__wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      padding: 1px; }
    .carousel__wrapper::-webkit-scrollbar {
        display: none; }
    .carousel__wrapper--dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing; }
    .carousel__wrapper--dragging a {
          pointer-events: none; }
    .carousel__container {
      transition: 200ms;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    .carousel__slide {
      width: 100%; }
    .carousel__controllers {
      display: flex; }
    .carousel__controllers--hidden {
        display: none; }
    .carousel__controllers--bottom-left {
        justify-content: flex-start; }
    .carousel__controllers--bottom-left > button {
          margin: 0;
          left: 0;
          position: relative; }
    .carousel__controllers--bottom-left .carousel__controller--right {
          margin-left: 30px; }
    .carousel__controllers--bottom-right {
        justify-content: flex-end; }
    .carousel__controllers--bottom-right > button {
          position: relative; }
    .carousel__controllers--bottom-center {
        justify-content: center; }
    .carousel__controllers--bottom-center > button {
          margin: 3px 30px;
          position: relative; }
    .carousel__controller {
      position: absolute;
      background: white;
      border: 1px solid #c4c4c4;
      border-radius: 100%;
      z-index: 1;
      width: 39px;
      height: 39px; }
    @media only screen and (min-width: 960px) {
        .carousel__controller--mobile {
          display: block; } }
    .carousel__controller--left {
        left: 2px;
        top: 50%;
        -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg); }
    .carousel__controller--left .icon-search {
          -webkit-transform: translate(0, 1px);
                  transform: translate(0, 1px); }
    .carousel__controller--right {
        right: 2px;
        top: 50%;
        -webkit-transform: rotateZ(-90deg);
                transform: rotateZ(-90deg); }
    .carousel__controller--right .icon-search {
          -webkit-transform: translate(0, 2px);
                  transform: translate(0, 2px); }
    .carousel__controller .icon-search {
        width: 18px;
        height: 18px; }
    .carousel__controller .icon-search svg {
          color: #3e3e3e;
          fill: #3e3e3e; }
    .carousel__controller.btn-icon:hover {
        transition: all 1s ease-in;
        background: white;
        cursor: pointer; }
    .carousel__controller.btn-icon:hover .icon-search svg {
          color: black;
          fill: black; }
  
  .produto-collapse--open .produto-collapse__title > .icon-search {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  
  .produto-collapse--open .produto-collapse__content {
    -webkit-animation: fadeIn 300ms;
            animation: fadeIn 300ms; }
  
  .produto-collapse__button {
    background: none;
    border: 0;
    color: #3f3e3e;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
    padding: 0; }
  
  .produto-collapse__title {
    align-items: center;
    display: flex;
    padding: 10px 20px;
    font-size: 1.125rem;
    position: relative;
    font-weight: bold; }
  
  .produto-collapse .icon-search {
    height: 25px;
    margin-left: 5px;
    transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 25px; }
  
  .produto-collapse .icon-search svg {
      color: #a6a5a5;
      fill: #a6a5a5; }
  
  .produto-collapse__content {
    padding: 0 20px;
    transition: 300ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  .produto-counter {
    display: flex;
    align-items: center; }
    .produto-counter__value {
      display: inline-block;
      height: 30px;
      min-width: 35px;
      line-height: 34px;
      text-align: center;
      font-size: 1.125rem;
      font-weight: 500;
      margin: 3px 0; }
    .produto-counter--minimal .produto-counter__btn-decrement {
      visibility: hidden; }
    .produto-counter--minimal .produto-counter__value {
      visibility: hidden; }
    .produto-counter .btn-icon {
      margin-left: 0;
      margin-right: 0; }
  
  .produto-image--responsive {
    width: 100%; }
  
  .produto-image--rounded {
    border-radius: 4px; }
  
  .produto-image--circle {
    border-radius: 50%; }
  
  .produto-minitag {
    display: inline-block;
    padding: 0 6px;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 0.75rem;
    border-radius: 3px;
    margin: 0 3px 0 0;
    line-height: 20px;
    height: 20px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-font-feature-settings: 'tnum';
            font-feature-settings: 'tnum';
    font-variant-numeric: tabular-nums; }
    .produto-minitag--small {
      font-size: 0.5625rem;
      line-height: 1;
      padding: 5px 5px 3px; }
    .produto-minitag--default {
      color: #4f4f4f; }
    .produto-minitag--green {
      color: #50a773; }
    .produto-minitag--primary {
      color: #ea1d2c; }
    .produto-minitag--disabled {
      color: #a6a5a5; }
    .produto-minitag--black {
      background-color: #717171;
      color: #f5f0eb;
      border: none;
      padding: 6px 6px 4px; }
    .produto-minitag--grayscale {
      background-color: #f5f0eb;
      color: #a6a5a5; }
  
  .produto-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 10001; }
    .produto-modal--theme-white {
      background: #fff; }
    .produto-modal--theme-primary {
      background: #ea1d2c; }
    .produto-modal--theme-transparent {
      background: transparent; }
    .produto-modal--fullpage-content {
      height: 100%;
      width: 100%; }
    .produto-modal--fullpage-overlay {
      display: flex;
      flex-direction: column;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      min-height: 100%;
      z-index: 10001; }
    .produto-modal--dialog-content {
      border-radius: 4px 4px 0 0;
      padding: 20px 0; }
    @media only screen and (min-width: 768px) {
        .produto-modal--dialog-content {
          border-radius: 4px; } }
    .produto-modal--dialog-overlay {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      min-height: 100%;
      z-index: 10001;
      background-color: rgba(0, 0, 0, 0.4); }
    .produto-modal--dialog-overlay--darken {
        background-color: rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 768px) {
      .produto-modal--with-actions {
        padding-top: 40px; } }
    .produto-modal__actions {
      display: flex;
      justify-content: flex-end; }
    @media only screen and (min-width: 768px) {
        .produto-modal__actions {
          position: absolute;
          right: 0;
          top: 0; } }
    .produto-modal__actions .btn-icon {
        margin: 0;
        cursor: pointer; }
    .produto-modal__content {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      outline: none; }
    .produto-modal__inner-content {
      overflow-y: auto;
      height: 100%;
      width: 100%; }
    .ReactModalPortal .ReactModal__Overlay {
    transition: opacity 150ms ease-in-out;
    opacity: 0; }
    .ReactModalPortal .ReactModal__Overlay--after-open {
      opacity: 1; }
    .ReactModalPortal .ReactModal__Overlay--before-close {
      opacity: 0; }
    .produto-modal__overlay-animation--right .ReactModal__Overlay {
    transition: opacity 150ms ease-in-out;
    opacity: 1; }
    .produto-modal__overlay-animation--right .ReactModal__Content {
    opacity: 1;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
    .produto-modal__overlay-animation--right .ReactModal__Content--after-open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease; }
    .produto-modal__overlay-animation--right .ReactModal__Content--before-close {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
    .produto-modal__overlay-animation--bottom .ReactModal__Content {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
    @media only screen and (min-width: 768px) {
      .produto-modal__overlay-animation--bottom .ReactModal__Content {
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -40%);
                transform: translate(-50%, -40%);
        transition: 1000ms ease; } }
    .produto-modal__overlay-animation--bottom .ReactModal__Content--after-open {
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    @media only screen and (min-width: 768px) {
      .produto-modal__overlay-animation--bottom .ReactModal__Content--after-open {
        left: 50%;
        opacity: 1;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        .produto-modal__overlay-animation--bottom .ReactModal__Content--after-open.carrinho-modal {
          overflow-y: hidden; } }
    .produto-modal__overlay-animation--bottom .ReactModal__Content--before-close {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
    @media only screen and (min-width: 768px) {
      .produto-modal__overlay-animation--bottom .ReactModal__Content--before-close {
        -webkit-transform: translate(-50%, -40%);
                transform: translate(-50%, -40%); } }
  
  .overlay {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9993;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    margin: auto;
    opacity: 0; }
    .overlay--visible {
      visibility: visible;
      opacity: 1;
      transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .app-shell {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding: 0 20px; }
    .app-shell .cancel-padding {
      left: -20px;
      position: relative;
      width: 100vw; }
  
  .produto-spinner--absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  
  .produto-spinner--center {
    display: flex;
    justify-content: center;
    margin: auto; }
  
  .tooltip-ui-kit {
    position: relative;
    display: inline-block;
    cursor: help;
    white-space: nowrap; }
    .tooltip-ui-kit__container {
      position: absolute;
      z-index: 100;
      min-width: 200px;
      max-width: 300px;
      background: white;
      box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      padding: 5px; }
    .tooltip-ui-kit__content {
      display: inline;
      padding: 10px; }
    .tooltip-ui-kit--right .tooltip-ui-kit__container {
      bottom: 50%;
      left: 100%;
      -webkit-transform: translate(0, 50%);
              transform: translate(0, 50%);
      margin-left: 5px; }
    .tooltip-ui-kit--left .tooltip-ui-kit__container {
      bottom: 50%;
      -webkit-transform: translate(-100%, 50%);
              transform: translate(-100%, 50%);
      margin-left: -5px; }
    .tooltip-ui-kit--top .tooltip-ui-kit__container {
      left: 50%;
      bottom: 100%;
      -webkit-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%);
      margin-bottom: 5px; }
    .tooltip-ui-kit--bottom .tooltip-ui-kit__container {
      left: 50%;
      bottom: 0;
      -webkit-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%);
      margin-bottom: -5px; }
    .tooltip-ui-kit--inner .tooltip-ui-kit__container {
      left: 50%;
      bottom: 50%;
      -webkit-transform: translate(-50%, 50%);
              transform: translate(-50%, 50%); }
  
  .produto-toastr-container {
    position: fixed;
    width: 100%;
    top: -50%;
    margin: auto;
    z-index: 10021;
    transition: 400ms;
    background: rgba(0, 0, 0, 0.9); }
    .produto-toastr-container.produto-toastr-container--is-visible {
      top: 0;
      transition: 600ms; }
    .produto-toastr-container .produto-toastr {
      padding: 15px 20px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .produto-toastr-container .produto-toastr {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          justify-content: flex-start;
          width: 100%; } }
    @media only screen and (max-width: 959px) {
        .produto-toastr-container .produto-toastr {
          height: 60px; } }
    .produto-toastr-container .produto-toastr__message {
      font-size: 1rem;
      color: #fff;
      flex-grow: 2;
      max-width: 80%;
      text-align: center;
      position: relative;
      top: 2px;
      min-height: 20px; }
    @media only screen and (min-width: 960px) {
        .produto-toastr-container .produto-toastr__message {
          display: flex;
          align-items: center;
          min-height: 80px;
          font-size: 1.25rem; } }
    .produto-toastr-container .produto-toastr__icon {
      position: absolute;
      left: 15px;
      width: 30px;
      height: 30px; }
    .produto-toastr-container .produto-toastr__icon svg {
        width: 30px;
        height: 30px;
        fill: #fff; }
    @media only screen and (min-width: 960px) {
        .produto-toastr-container .produto-toastr__icon {
          position: relative;
          top: 0;
          width: auto;
          height: auto;
          margin-right: 30px; }
          .produto-toastr-container .produto-toastr__icon svg {
            fill: #fff;
            height: 26px;
            position: relative;
            top: 4px; } }
  
  .toast-red {
    opacity: 0;
    position: absolute;
    display: grid;
    grid-template-columns: 10px 1fr 33px;
    gap: 16px;
    align-items: center;
    width: calc(100% - 40px);
    max-width: 480px;
    height: auto;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: #EF5753;
    border-radius: 4px;
    padding: 9px 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    color: white;
    font-size: 0.875rem;
    line-height: 1.125rem;
    transition: all ease-in 150ms;
    pointer-events: none;
    z-index: 3; }
    .toast-red .icon-search {
      height: 14px;
      width: 14px;
      background-color: white;
      border-radius: 100%; }
    .toast-red .icon-search svg {
        color: #ff7383;
        fill: #ff7383; }
    .toast-red .icon-search svg {
        height: 18px;
        width: 18px;
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px); }
    .toast-red--active {
      opacity: 1;
      pointer-events: unset; }
    .toast-red .btn-icon {
      right: 0;
      background: transparent;
      opacity: 0.6;
      height: 20px; }
    .toast-red .btn-icon:hover {
        background: transparent; }
  
  .produto-scrollbox {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 145px; }
    .produto-scrollbox--dragging {
      cursor: -webkit-grabbing;
      cursor: grabbing; }
    .produto-scrollbox--dragging a {
        pointer-events: none; }
    .produto-scrollbox__wrapper {
      width: 100%;
      height: 100%;
      overflow-y: hidden;
      overflow-x: scroll;
      padding-bottom: 17px;
      box-sizing: content-box;
      -ms-overflow-style: none;
      overflow: -moz-scrollbars-none; }
    .produto-scrollbox__wrapper::-webkit-scrollbar {
        display: none; }
    .produto-scrollbox__container {
      height: 100%;
      border-radius: 5px;
      position: relative;
      display: inline-flex; }
    .produto-scrollbox__container > * {
        margin-right: 1.25rem; }
    @media screen and (max-width: 767px) {
          .produto-scrollbox__container > *:first-child {
            margin-left: 20px; }
          .produto-scrollbox__container > *:last-child {
            margin-right: 20px; } }
    .produto-scrollbox__button {
      display: none;
      position: absolute;
      top: 25%; }
    @media only screen and (min-width: 768px) {
        .produto-scrollbox__button {
          display: block;
          top: unset;
          bottom: 0; } }
    .produto-scrollbox__button--left {
        left: 15px; }
    @media only screen and (min-width: 768px) {
          .produto-scrollbox__button--left {
            left: 0; } }
    .produto-scrollbox__button--right {
        right: 15px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    @media only screen and (min-width: 768px) {
          .produto-scrollbox__button--right {
            right: 0; } }
  
  .produto-alert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    color: #3e3e3e; }
    @media only screen and (min-width: 768px) {
      .produto-alert {
        width: 500px;
        padding: 20px 50px; } }
    .produto-alert__title {
      font-size: 1.125rem;
      font-weight: 500;
      text-align: center; }
    @media only screen and (min-width: 768px) {
        .produto-alert__title {
          font-size: 1.5rem;
          text-align: left; } }
    .produto-alert__message {
      display: flex;
      flex-direction: column;
      font-size: 0.875rem;
      font-weight: lighter;
      line-height: 18px;
      padding: 20px 40px; }
    @media only screen and (min-width: 768px) {
        .produto-alert__message {
          font-size: 1rem;
          padding: 20px 0;
          text-align: left; } }
    .produto-alert__message > span {
        margin-bottom: 18px; }
    .produto-alert__message:last-child {
        margin-bottom: 0; }
  
  .produto-image-expandable__button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    cursor: zoom-in; }
  
  .produto-image-expandable__modal {
    background-color: transparent;
    border: none;
    width: auto;
    max-width: 100vw;
    height: auto;
    max-height: 100vw;
    padding: 0; }
  
  .produto-image-expandable__overlay {
    background-color: rgba(0, 0, 0, 0.9); }
  
  .produto-image-expandable__image {
    width: 100%; }
  
  .produto-image-expandable__modal-image {
    max-width: 100vw;
    max-height: 100vh; }
  
  .produto-tab__tablist-container {
    width: 100%;
    border-bottom: 1px solid #f5f0eb;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .produto-tab__tablist-container {
        padding: 0; } }
    .produto-tab__tablist {
    display: flex;
    flex-wrap: nowrap; }
    @media only screen and (min-width: 960px) {
      .produto-tab__tablist {
        display: inline-block; } }
    .produto-tab__panel-container {
    overflow: hidden; }
    .produto-tab__panel--from-left {
    -webkit-animation: slideInFromLeft 200ms;
            animation: slideInFromLeft 200ms; }
    .produto-tab__panel--from-right {
    -webkit-animation: slideInFromRight 200ms;
            animation: slideInFromRight 200ms; }
    .produto-tab__label {
    flex-grow: 1;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: transparent 2px solid;
    transition: 0.2s;
    color: #838282; }
    .produto-tab__label:hover {
      border-bottom: #a6a6a6 2px solid; }
    .produto-tab__label--active {
      border-bottom-color: currentColor;
      color: #3e3e3e; }
  
  .produto-error-message {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    text-align: center; }
    .produto-error-message > * {
      max-width: 400px; }
    .produto-error-message__title {
      font-size: 1.1em;
      margin-bottom: 10px; }
    .produto-error-message__description {
      color: #a6a5a5; }
    .produto-error-message__try-again {
      margin-top: 10px; }
  
  .produto-dropdown-menu {
    display: flex;
    position: relative;
    background-color: white;
    width: 100%; }
    .produto-dropdown-menu__list {
      position: absolute;
      z-index: 9994;
      background-color: white;
      top: 100%;
      width: 100%;
      min-width: 255px;
      box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.05);
      max-height: calc(6.5 * 56px);
      overflow-y: auto;
      visibility: hidden;
      opacity: 0;
      transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      right: 0; }
    .produto-dropdown-menu__list--visible {
      transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      visibility: visible;
      opacity: 1; }
    .produto-dropdown-menu__item {
      position: relative; }
    .produto-dropdown-menu__item:not(:first-child)::before {
        content: '';
        width: calc(100% - 40px);
        height: 0;
        display: block;
        background: transparent;
        position: absolute;
        left: 20px;
        top: 0;
        border-top: 1px solid #f5f0eb; }
    .produto-dropdown-menu__item .btn {
        width: 100%; }
    .produto-dropdown-menu__item .btn .btn__label {
          text-align: left;
          color: #3f3e3e;
          font-weight: lighter;
          font-size: 1em; }
    .produto-dropdown-menu__item--alt {
      position: relative; }
    .produto-dropdown-menu__item--alt .btn {
        height: 60px;
        width: 100%;
        padding: 0 10px;
        margin: 0; }
    .produto-dropdown-menu__item--alt .btn::before {
          content: '';
          width: calc(100% - 30px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          left: 10px;
          top: 0;
          border-top: 1px solid #f5f0eb; }
    .produto-dropdown-menu__item--alt .btn .btn__label {
          text-align: left;
          font-size: 1rem;
          color: #a6a5a5;
          line-height: 19px;
          font-weight: 400; }
    .produto-dropdown-menu__item--alt .btn .btn__icon {
          width: 24px;
          height: 24px;
          margin-right: 10px; }
    .produto-dropdown-menu__item--alt .btn .btn__icon svg {
            color: #a6a5a5; }
    .produto-dropdown-menu__item--alt .btn:hover .btn__label {
          color: #595756; }
    .produto-dropdown-menu__item--active .btn .btn__label {
      color: #595756; }
    .produto-dropdown-menu__item--title .btn {
      padding: 18px 0 10px 14px;
      margin: 0;
      cursor: default;
      pointer-events: none; }
    .produto-dropdown-menu__item--title .btn .btn__label {
        text-align: left;
        font-size: 1.125rem;
        color: #3f3e3e;
        line-height: 22px;
        font-weight: 500; }
    .produto-dropdown-menu__button {
      display: flex;
      width: 100%; }
    .produto-dropdown-menu__button .btn {
        width: 100%;
        padding: 0 0 0 30px; }
    .produto-dropdown-menu__button .btn .btn__label {
          text-align: left;
          color: #3f3e3e; }
    .produto-dropdown-menu__button .btn.btn--iconize .btn__icon svg {
        color: #3f3e3e;
        fill: #3f3e3e; }
  
  .sortable-dropdown {
    display: flex; }
    .sortable-dropdown .produto-dropdown-menu__button .btn {
      padding: 0 0 0 15px;
      height: 32px; }
    .sortable-dropdown .produto-dropdown-menu__button .btn.btn--iconize .btn__icon svg {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); }
    .sortable-dropdown .produto-dropdown-menu {
      width: auto;
      flex: 1; }
    .sortable-dropdown .produto-dropdown-menu__list {
        visibility: hidden;
        opacity: 0;
        border: 1px solid #DCDCDC;
        border-radius: 4px;
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
        transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .sortable-dropdown .produto-dropdown-menu__list--visible {
        transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(10px);
                transform: translateY(10px); }
    .sortable-dropdown__title {
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 1rem;
      font-weight: 300;
      color: #717171; }
    .sortable-dropdown .produto-dropdown-menu__button {
      border-radius: 4px;
      font-size: 1rem;
      font-weight: normal; }
  
  .produto-hint {
    z-index: 9999;
    display: flex;
    flex-direction: column;
    width: 335px;
    background-color: white;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 21px 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 200ms;
    border: 1px solid #F7F7F7; }
    .produto-hint--visible {
      transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 200ms;
      opacity: 1;
      visibility: visible; }
    .produto-hint--top:before {
      content: '';
      display: block;
      width: 0px;
      height: 0px;
      position: absolute;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      border-top: 10px solid white;
      border-radius: 3px;
      left: 50px;
      bottom: -10px; }
    .produto-hint--bottom:before {
      content: '';
      display: block;
      width: 0px;
      height: 0px;
      position: absolute;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      border-bottom: 10px solid white;
      border-radius: 3px;
      left: 50px;
      top: -10px; }
    .produto-hint__title {
      font-size: 1em;
      line-height: 1.375em; }
    .produto-hint__description {
      font-size: 0.875em;
      line-height: 1.375em;
      font-weight: 100;
      color: #717171; }
    .produto-hint__actions {
      display: flex;
      margin-top: 16px; }
    .produto-hint__actions .btn--link {
        padding: 0 12px;
        border: 1px solid #ea1d2c;
        margin-right: 7.5px;
        height: 32px; }
    .produto-hint__actions .btn--link .btn__label {
          font-size: 0.75em; }
    .produto-hint__actions .btn--default {
        padding: 0 12px;
        margin-left: 7.5px;
        height: 32px; }
    .produto-hint__actions .btn--default .btn__label {
          font-size: 0.75em; }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  .steps-router__step {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden; }
  
  .steps-router__step--invisible {
      z-index: 0; }
  
  .steps-router__step-transition--right {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    transition: -webkit-transform ease 300ms;
    transition: transform ease 300ms;
    transition: transform ease 300ms, -webkit-transform ease 300ms; }
  
  .steps-router__step-transition--right-invisible {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    transition: -webkit-transform 1ms ease 300ms;
    transition: transform 1ms ease 300ms;
    transition: transform 1ms ease 300ms, -webkit-transform 1ms ease 300ms; }
  
  .steps-router__step-transition--fade {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    transition: opacity ease 300ms;
    opacity: 1; }
  
  .steps-router__step-transition--fade-invisible {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
    transition: opacity 1ms ease 300ms, -webkit-transform 300ms ease 300ms;
    transition: opacity 1ms ease 300ms, transform 300ms ease 300ms;
    transition: opacity 1ms ease 300ms, transform 300ms ease 300ms, -webkit-transform 300ms ease 300ms; }
  
  .steps-router__step-mount-transition--fade {
    -webkit-animation: fadeIn 300ms;
            animation: fadeIn 300ms; }
  
  .steps-router {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  
  .something-wrong {
    padding: 40px 0; }
    @media only screen and (max-width: 767px) {
      .something-wrong {
        border-bottom: 1px solid #f7f7f7; }
        .something-wrong:last-child {
          border-bottom: none; } }
    .something-wrong__image > svg {
      margin: 0 auto;
      display: block;
      width: 260px;
      height: 260px; }
    .something-wrong__image > svg .bg-falu-red {
        fill: #771212; }
    .something-wrong__image > svg .bg-ligth-pink {
        fill: #c599c6; }
    .something-wrong__image > svg .bg-ziggurat {
        fill: #aa85ab; }
    .something-wrong__image > svg .bg-carissma {
        fill: #f18398; }
    .something-wrong__image > svg .bg-london-hue {
        fill: #aa84ab; }
    .something-wrong__image > svg .bg-crimson {
        fill: #e4002b; }
    .something-wrong__image > svg .bg-charm {
        fill: #d2687c; }
    .something-wrong__image > svg .bg-blush {
        fill: #b75c6d; }
    .something-wrong__image > svg .something-went-wront-flip-flops-1 {
        -webkit-animation: something-went-wrong-flip 6s infinite ease-in-out;
                animation: something-went-wrong-flip 6s infinite ease-in-out; }
    .something-wrong__image > svg .something-went-wront-flip-flops-2 {
        -webkit-animation: something-went-wrong-flip-2 6s infinite ease-in-out;
                animation: something-went-wrong-flip-2 6s infinite ease-in-out; }
    .something-wrong__title, .something-wrong__text {
      text-align: center; }
    .something-wrong__title {
      color: #3e3e3e;
      font-size: 1rem;
      margin: 10px auto;
      line-height: 1.25rem;
      max-width: 280px; }
    .something-wrong__text {
      color: #717171;
      font-weight: 300;
      font-size: 0.875rem;
      margin: 0 auto;
      max-width: 280px; }
    @media only screen and (min-width: 768px) {
        .something-wrong__text {
          max-width: 320px;
          line-height: 1.125rem; } }
    .something-wrong__btn-go-back {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 40px; }
    .something-wrong__btn-go-back span {
        color: #ffffff; }
    @-webkit-keyframes something-went-wrong-flip {
    0% {
      -webkit-transform: translate(8px, 8px);
              transform: translate(8px, 8px); }
    50% {
      -webkit-transform: translate(16px, 20px);
              transform: translate(16px, 20px); }
    100% {
      -webkit-transform: translate(8px, 8px);
              transform: translate(8px, 8px); } }
    @keyframes something-went-wrong-flip {
    0% {
      -webkit-transform: translate(8px, 8px);
              transform: translate(8px, 8px); }
    50% {
      -webkit-transform: translate(16px, 20px);
              transform: translate(16px, 20px); }
    100% {
      -webkit-transform: translate(8px, 8px);
              transform: translate(8px, 8px); } }
    @-webkit-keyframes something-went-wrong-flip-2 {
    0% {
      -webkit-transform: translate(30px, 62px);
              transform: translate(30px, 62px); }
    50% {
      -webkit-transform: translate(20px, -3px);
              transform: translate(20px, -3px); }
    100% {
      -webkit-transform: translate(30px, 62px);
              transform: translate(30px, 62px); } }
    @keyframes something-went-wrong-flip-2 {
    0% {
      -webkit-transform: translate(30px, 62px);
              transform: translate(30px, 62px); }
    50% {
      -webkit-transform: translate(20px, -3px);
              transform: translate(20px, -3px); }
    100% {
      -webkit-transform: translate(30px, 62px);
              transform: translate(30px, 62px); } }
  
  .follow-order-card {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #f5f0eb;
    color: #717171;
    display: flex;
    position: relative;
    text-decoration: none;
    width: 100vw;
    padding: 13px 20px; }
    @media only screen and (min-width: 768px) {
      .follow-order-card {
        padding: 13px 30px; } }
    @media only screen and (min-width: 960px) {
      .follow-order-card {
        position: fixed;
        background: #fff;
        bottom: 20px;
        right: 30px;
        border: 1px solid #dcdcdc;
        width: 400px;
        border-radius: 4px;
        z-index: 9990;
        padding: 18px 20px 17px;
        box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.1); } }
    .follow-order-card__icon-order {
      flex-basis: 17px;
      height: 20px;
      margin-right: 15px;
      position: relative;
      -webkit-transform: translateY(5px);
              transform: translateY(5px); }
    .follow-order-card__icon-order svg {
        color: #3e3e3e;
        fill: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .follow-order-card__icon-order {
          margin: 0 22px 0 2px;
          -webkit-transform: translateY(0);
                  transform: translateY(0); } }
    .follow-order-card__icon-order::after {
        background: #ea1d2c;
        border-radius: 100%;
        border: 2px solid #f6f5f5;
        bottom: -3px;
        content: '';
        height: 8px;
        position: absolute;
        right: -6px;
        width: 8px; }
    .follow-order-card__title {
      font-size: 0.875rem;
      margin: 0 5px 0 0;
      color: #717171; }
    @media only screen and (min-width: 960px) {
        .follow-order-card__title {
          font-size: 1rem;
          font-weight: 300;
          margin-bottom: 7px;
          margin-top: 0; } }
    .follow-order-card__area {
      color: #3e3e3e;
      font-size: 0.875rem;
      margin: 0;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .follow-order-card__area {
          font-size: 16px; } }
    .follow-order-card__icon-arrow {
      margin-left: auto;
      -webkit-transform: translate(10px, 7px) rotate(-90deg);
              transform: translate(10px, 7px) rotate(-90deg);
      width: 28px; }
    .follow-order-card__icon-arrow svg {
        color: #a6a5a5;
        fill: #a6a5a5; }
    @media only screen and (min-width: 960px) {
        .follow-order-card__icon-arrow {
          width: 34px;
          -webkit-transform: translate(10px, 0px) rotate(-90deg);
                  transform: translate(10px, 0px) rotate(-90deg); } }
  
  .cart-bar {
    height: 50px;
    width: 100%;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    overflow: hidden; }
    .cart-bar--with-home-button {
      height: 70px; }
    @media only screen and (min-width: 960px) {
      .cart-bar {
        display: none; } }
    .cart-bar__wrapper {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      transition: -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-delay: 300ms; }
    .cart-bar__wrapper--new-item {
        transition: none;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .cart-bar__container {
      display: flex;
      height: 50px;
      width: 100%;
      padding: 20px;
      position: relative;
      justify-content: space-between;
      align-items: center; }
    .cart-bar__container > span {
        display: table;
        vertical-align: baseline; }
    .cart-bar__bag {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
    .cart-bar__bag .icon-search {
        height: 21px;
        width: 21px; }
    .cart-bar__bag .icon-search svg {
          fill: #ffffff; }
    .cart-bar__amount {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 16px;
      min-width: 16px;
      font-size: 0.5rem;
      background-color: #fff;
      color: #ea1d2c;
      border: 2px solid #ea1d2c;
      border-radius: 100%;
      position: absolute;
      top: 0;
      right: -7px;
      padding: 2px 0 0 0; }
    .cart-bar__title {
      position: absolute;
      width: 100%;
      left: 0;
      font-size: 0.8125rem; }
    .cart-bar__cost {
      font-size: 0.875rem; }
  
  .delivery-info {
    display: grid;
    max-height: 100px;
    min-height: 60px; }
    .delivery-info__address {
      color: #fff;
      display: flex;
      padding: 2px 20px 20px; }
    .delivery-info__address .icon-search {
        position: absolute;
        left: 0;
        top: -2px;
        width: 25px; }
    .delivery-info__address .icon-search svg {
          color: #fed298;
          fill: #fed298; }
    .delivery-info__street-name {
      font-size: 1rem;
      font-weight: 500;
      margin: 0;
      padding-left: 35px;
      position: relative; }
    .delivery-info__complement {
      font-size: 0.9375rem;
      margin: 0 0 5px 0;
      padding-left: 35px; }
    .delivery-info__change-address-button {
      background: none;
      border: 0;
      color: #fed298;
      display: inline-block;
      margin-left: auto;
      text-decoration: none; }
    .delivery-info__description {
      display: grid;
      align-items: center; }
  
  .delivery-input-wrapper {
    flex: 0 0 1; }
    .delivery-input-wrapper__title {
      font-size: 0.875rem;
      height: 12px;
      color: #a6a5a5;
      text-transform: uppercase;
      margin: 0 0 5px 0; }
    .delivery-input {
    display: flex;
    flex-direction: row;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: #fff;
    padding: 0;
    height: 25px;
    cursor: default; }
    @media only screen and (min-width: 768px) {
      .delivery-input {
        cursor: pointer; } }
    .delivery-input__item {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
    .delivery-input__item:first-child {
        margin-right: 12px; }
    .delivery-input__icon-map {
      width: 20px;
      flex-shrink: 0;
      margin: 0 5px 0 0;
      display: none; }
    .delivery-input__icon-map svg {
        color: #3e3e3e;
        fill: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .delivery-input__icon-map {
          display: flex; } }
    .delivery-input__icon-arrow {
      width: 25px;
      height: 25px;
      flex-shrink: 0; }
    .delivery-input__icon-arrow svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 960px) {
        .delivery-input__icon-arrow svg {
          color: #3e3e3e;
          fill: #3e3e3e; } }
    .delivery-input__address-number {
      margin: 0 0 0 3px;
      flex-shrink: 0; }
    .delivery-input__address {
      font-size: 1rem;
      margin-left: 3px;
      color: #3e3e3e;
      display: flex;
      align-items: center;
      font-weight: 500;
      text-align: left; }
    @media only screen and (min-width: 768px) {
        .delivery-input__address {
          margin-left: 3px;
          font-size: 1rem;
          font-weight: 300;
          color: #3e3e3e; } }
  
  .filter-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
    height: 22px;
    min-width: 22px;
    padding: 2px 4px 0 4px;
    border-radius: 19px;
    border: 2px solid #ffffff;
    background: #ea1d2c;
    color: #fff;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    font-weight: 400; }
  
  .order-receipt__wrapper {
    align-items: center;
    justify-content: space-between;
    display: flex;
    position: relative; }
    .order-receipt__wrapper .form-input {
      flex-grow: 1;
      margin: 5px 0; }
    .order-receipt__wrapper .form-input__field[disabled] {
      opacity: 0.4; }
    .order-receipt__wrapper .produto-toggle {
      margin-left: 10px;
      top: -8px; }
    @media only screen and (min-width: 1248px) {
        .order-receipt__wrapper .produto-toggle {
          position: absolute;
          right: 20px;
          top: 20px; } }
    @media only screen and (min-width: 320px) {
        .order-receipt__wrapper .produto-toggle__slider--checked::before {
          left: -1px; } }
    .order-receipt__submit-button {
    margin-top: 30px; }
  
  .order-receipt-modal {
    padding: 0 20px; }
  
  .receipt-form .form-input {
    margin-top: 13px;
    margin-bottom: 28px; }
    .receipt-form .form-input .form-input__field {
      border: none;
      max-width: 230px;
      font-size: 1.375rem;
      margin: 0 auto;
      text-align: center; }
    .receipt-form .form-input .form-input__field::-webkit-input-placeholder {
        color: #cdcbca;
        opacity: 1; }
    .receipt-form .form-input .form-input__field:-ms-input-placeholder {
        color: #cdcbca;
        opacity: 1; }
    .receipt-form .form-input .form-input__field::-ms-input-placeholder {
        color: #cdcbca;
        opacity: 1; }
    .receipt-form .form-input .form-input__field::placeholder {
        color: #cdcbca;
        opacity: 1; }
    .receipt-form .form-input .form-input__label .field__border {
      display: none; }
    .receipt-form__button {
    width: 100%; }
  
  .receipt-dialog {
    padding: 0 20px;
    text-align: center; }
    .receipt-dialog__message {
      margin: 0;
      color: #a6a5a5;
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 1.47em; }
    .receipt-dialog__title {
      margin: 5px 0 20px;
      font-weight: 500;
      font-size: 1.375rem; }
  
  @media only screen and (max-width: 959px) {
    .payment-type-selection {
      padding-bottom: 10px; } }
  
  .payment-type-selection .selection-type {
    display: flex;
    align-items: center;
    height: 40px;
    overflow: hidden;
    padding: 0 20px 0 0;
    position: relative; }
  
  .payment-type-selection .selection-type canvas {
      color: #a6a5a5; }
  
  .payment-type-selection .selection-type__label {
      display: block;
      flex-grow: 2;
      font-size: 0.9375rem;
      color: #3f3e3e; }
  
  @media only screen and (min-width: 960px) {
    .payment-type-selection {
      display: flex;
      padding-top: 18px; }
      .payment-type-selection .selection-type {
        flex-direction: row-reverse;
        padding: 0 40px 0 0; }
        .payment-type-selection .selection-type .produto-radio {
          margin-right: 10px; } }
  
  .cvv-disclaimer-dialog {
    padding: 20px; }
    .cvv-disclaimer-dialog__title {
      color: #3f3e3e;
      font-size: 1.375rem;
      font-weight: 500;
      margin: 0 0 10px 0;
      text-align: center; }
    .cvv-disclaimer-dialog__description {
      color: #a6a5a5;
      font-size: 1rem;
      line-height: 22px;
      margin: 0 0 10px 0;
      text-align: center; }
    .cvv-disclaimer-dialog__icon {
      display: block;
      margin: 0 auto 20px;
      max-width: 48px; }
  
  .checkout-card-form__flex {
    display: flex; }
    .checkout-card-form__flex .form-input {
      flex: 1; }
    .checkout-card-form__flex .form-input:first-child {
      margin-right: 10px; }
    @media only screen and (max-width: 767px) {
      .checkout-card-form__flex {
        height: 115px; } }
    .checkout-card-form__card-container {
    align-items: center;
    display: flex; }
    .checkout-card-form__card-container .form-input {
      flex: 1;
      margin-right: 10px; }
    .checkout-card-form__question-button {
    background: none;
    border-radius: 100%;
    border: 1px solid #a6a29f;
    color: #a6a29f;
    font-size: 0.6875rem;
    height: 18px;
    line-height: 7px;
    padding: 5px;
    text-align: center;
    width: 18px;
    align-self: center;
    bottom: 8px;
    margin-left: 10px;
    position: relative; }
    .checkout-card-form__brand-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 25px;
    width: 29px;
    -webkit-animation: fadeIn 300ms;
            animation: fadeIn 300ms; }
    .checkout-card-form__brand-icon img {
      max-width: 100%;
      max-height: 100%; }
    .checkout-card-form__input-icon {
    height: 20px;
    width: 15px; }
    @media only screen and (min-width: 960px) and (max-width: 1248px) {
    .checkout-card-form {
      max-width: 90%; } }
    @media only screen and (min-width: 960px) {
    .checkout-card-form {
      max-width: 420px; }
      .checkout-card-form .order-receipt__wrapper {
        position: relative; }
        .checkout-card-form .order-receipt__wrapper .produto-toggle {
          position: absolute;
          right: 20px;
          top: 20px; } }
    @media only screen and (max-width: 959px) {
    .checkout-card-form .btn[type='submit'] {
      width: 100%; } }
  
  .debit-disclaimer-dialog {
    padding: 20px; }
    .debit-disclaimer-dialog__title {
      color: #3f3e3e;
      font-size: 1.375rem;
      font-weight: 500;
      margin: 0 0 10px 0;
      text-align: center; }
    .debit-disclaimer-dialog__description {
      color: #a6a5a5;
      font-size: 1rem;
      line-height: 22px;
      margin: 0 0 10px 0;
      text-align: center; }
    .debit-disclaimer-dialog__icon {
      display: block;
      margin: 0 auto 20px;
      max-width: 48px; }
  
  .checkout-card-modal {
    padding: 0 20px 20px; }
    .checkout-card-modal__debit-disclaimer {
      color: #a6a29f;
      font-size: 0.9375rem;
      margin: 0 auto 20px;
      text-align: center;
      width: 200px; }
    .checkout-card-modal__cards-list {
      display: flex;
      justify-content: space-around;
      margin: 0 auto 20px;
      max-width: 180px; }
    .checkout-card-modal__card-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 25px;
      width: 29px; }
    .checkout-card-modal__card-item img {
        max-width: 100%;
        max-height: 100%; }
    .checkout-card-modal__question-button {
      background: none;
      border-radius: 100%;
      border: 1px solid #a6a29f;
      color: #a6a29f;
      font-size: 0.6875rem;
      height: 18px;
      line-height: 7px;
      padding: 5px;
      text-align: center;
      width: 18px;
      margin-left: 5px; }
  
  .loop-schedule {
    padding: 26px 20px; }
    @media only screen and (min-width: 768px) {
      .loop-schedule {
        padding: 26px 0; } }
    .loop-schedule__title {
      color: #3e3e3e;
      font-size: 1.375rem;
      font-weight: 500;
      letter-spacing: -1px;
      margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
        .loop-schedule__title {
          font-size: 1.5rem; } }
    .loop-schedule__sub-title {
      display: block;
      font-size: 0.875rem;
      color: #717171;
      padding: 0 0 20px;
      font-weight: 400; }
    @media only screen and (min-width: 768px) {
        .loop-schedule__sub-title {
          font-size: 1rem; } }
    .loop-schedule__container {
      display: grid;
      grid-template-columns: repeat(2, minmax(90px, 110px));
      grid-gap: 16px;
      min-height: 52px; }
    .loop-schedule__btn-selected--checked {
      border: 1px solid #ea1d2c;
      color: #ea1d2c;
      transition: 0.4s ease-in-out; }
  
  .loop-schedule-placeholder {
    padding: 26px 20px; }
    @media only screen and (min-width: 768px) {
      .loop-schedule-placeholder {
        padding: 26px 0; } }
    .loop-schedule-placeholder__title {
      background-color: #e6e6e6;
      width: 100%;
      margin: 0 0 10px;
      display: block;
      height: 30px; }
    @media only screen and (min-width: 768px) {
        .loop-schedule-placeholder__title {
          width: 300px; } }
    .loop-schedule-placeholder__sub-title {
      display: block;
      background-color: #e6e6e6;
      padding: 0 0 20px;
      width: 95%; }
    @media only screen and (min-width: 768px) {
        .loop-schedule-placeholder__sub-title {
          width: 290px; } }
    .loop-schedule-placeholder__container {
      display: grid;
      grid-template-columns: repeat(2, minmax(90px, 110px));
      grid-gap: 16px;
      min-height: 52px; }
    .loop-schedule-placeholder .btn-selected {
      display: block;
      width: 109px;
      height: 51px;
      margin: 16px 0;
      background-color: #e6e6e6; }
  
  .loop-schedule-container {
    padding: 20px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .loop-schedule-container {
        padding: 40px; } }
    .loop-schedule-container__title {
      font-size: 1.125rem;
      line-height: 1.375rem;
      color: #3e3e3e;
      font-weight: 500;
      margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
        .loop-schedule-container__title {
          font-size: 1.125rem;
          line-height: 1.625rem; } }
    .loop-schedule-container__description {
      color: #717171;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 300;
      margin: 0 auto 30px; }
    @media only screen and (min-width: 768px) {
        .loop-schedule-container__description {
          max-width: 500px; } }
    @media only screen and (min-width: 320px) {
        .loop-schedule-container__description {
          font-size: 1rem;
          line-height: 1.375rem;
          max-width: 90%; } }
    .loop-schedule-container__btn {
      color: #ea1d2c;
      background: none;
      padding: 0 0 0 4px;
      height: auto; }
    .loop-schedule-container__btn:hover:enabled {
        background: none;
        color: #c2121f;
        transition: 0.5s ease-in-out; }
  
  .voucher-container {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    grid-gap: 30px;
    padding: 20px 40px; }
    @media only screen and (min-width: 960px) {
      .voucher-container {
        padding: 20px 30px 20px 50px;
        grid-template-columns: repeat(3, minmax(266px, 380px)); } }
    .voucher-card {
    background-color: white;
    width: 100%;
    padding: 0;
    border: 1px solid #f7f7f7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media only screen and (min-width: 960px) {
      .voucher-card {
        display: inline-grid;
        grid-template: 'header' 'shortDescription' 'areaButton' 'infos' 'rules' 'footer';
        min-height: 190px;
        max-height: 384px; } }
    .voucher-card--disabled {
      color: #717171; }
    .voucher-card--disabled .voucher-card__title {
        color: #a6a6a6; }
    .voucher-card__header {
      position: relative;
      display: grid;
      grid-area: header;
      grid-template: 1fr / 32px 1fr 24px;
      grid-column-gap: 16px;
      padding: 20px; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__header {
          grid-template-columns: 50px 1fr;
          grid-auto-flow: column dense;
          grid-column-gap: 28px;
          padding: 24px 40px; } }
    .voucher-card__icon {
      width: 32px;
      height: 32px; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__icon {
          width: 50px;
          height: 50px; } }
    .voucher-card__title {
      font-size: 1rem;
      color: #3e3e3e;
      margin: 0;
      display: flex;
      align-items: center; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__title {
          font-size: 1.125rem; } }
    .voucher-card__radio {
      display: flex;
      align-items: center; }
    .voucher-card__short-description {
      display: grid;
      grid-area: shortDescription;
      padding: 0 20px 24px;
      color: #717171;
      font-size: 0.875rem;
      font-weight: 300; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__short-description {
          padding: 0 40px 24px; } }
    .voucher-card__infos {
      display: grid;
      grid-area: infos;
      grid-template: 1fr / 50% 50%;
      padding: 0 20px 12px; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__infos {
          padding: 0 40px 12px; } }
    .voucher-card__terms {
      background-color: #ffffff;
      color: #ea1d2c;
      font-size: 0.875rem;
      font-weight: 500;
      border: 0;
      text-align: left;
      padding: 0;
      cursor: pointer; }
    .voucher-card__expiration-date {
      color: #a6a6a6;
      font-size: 0.875rem;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
    .voucher-card__block {
      display: grid;
      grid-area: footer;
      padding: 10px 20px;
      text-align: center;
      background-color: #f7f7f7;
      color: #717171;
      font-size: 0.75rem; }
    @media only screen and (min-width: 1248px) {
        .voucher-card__block {
          padding: 20px 40px; } }
    .voucher-card__areas-link {
      width: 190px;
      display: grid;
      grid-area: areaButton;
      margin: 0 auto 2em;
      border: 1px solid #ea1d2c;
      height: 40px;
      background: #ea1d2c;
      color: #fff; }
    .voucher-card__areas-link:hover {
        background: transparent;
        color: #ea1d2c; }
    .voucher-footer {
    display: grid;
    grid-area: footer;
    padding: 10px 20px;
    text-align: center;
    background-color: #f7f7f7;
    color: #717171;
    font-size: 0.875rem; }
    @media only screen and (min-width: 1248px) {
      .voucher-footer {
        min-height: 50px;
        padding: 20px 40px; } }
    .voucher-footer__block {
      display: grid;
      align-items: center;
      grid-area: footer;
      padding: 10px 20px;
      background-color: #f7f7f7;
      color: #717171;
      font-size: 0.875rem;
      grid-template: 1fr / 20px 1fr; }
    @media only screen and (min-width: 1248px) {
        .voucher-footer__block {
          padding: 20px 40px;
          min-height: 50px; } }
    @media only screen and (min-width: 768px) {
        .voucher-footer__block {
          padding: 10px 40px; } }
    .voucher-footer__available {
      display: flex;
      align-items: center;
      justify-content: center; }
    .voucher-footer__icon-block {
      width: 12px;
      display: inline-flex; }
    .voucher-footer__text-block {
      display: inline-flex;
      align-items: center;
      font-size: 0.75em; }
    .voucher-modal {
    border-radius: 4px;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 32px 20px; }
    @media only screen and (max-width: 767px) {
      .voucher-modal .produto-modal__actions {
        display: none; } }
    @media only screen and (min-width: 768px) {
      .voucher-modal {
        width: 521px;
        height: 488px; } }
    .voucher-modal__icon {
      width: 90px;
      margin: 0 auto;
      display: block;
      padding: 0 0 10px; }
    @media only screen and (min-width: 768px) {
        .voucher-modal__icon {
          padding: 0 0 48px; } }
    .voucher-modal__title {
      color: #3e3e3e;
      margin: 0;
      text-align: center;
      font-size: 1.125rem;
      line-height: 1.125rem;
      padding: 0 0 10px; }
    @media only screen and (min-width: 768px) {
        .voucher-modal__title {
          font-size: 1.5rem;
          line-height: 1.875rem;
          padding: 0 0 12px; } }
    .voucher-modal__short-description {
      padding: 0 0 12px;
      text-align: center;
      color: #717171;
      display: block;
      font-size: 1rem;
      line-height: 1.25rem; }
    .voucher-modal__title-rules {
      display: block;
      padding: 0 0 12px;
      font-size: 1rem;
      line-height: 1.25rem;
      color: #3e3e3e;
      font-weight: 500; }
    .voucher-modal__rules {
      display: block;
      color: #717171;
      font-size: 0.875rem;
      line-height: 1.375rem; }
  
  .voucher-slim-card {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 12px 16px;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    height: 80px;
    width: 100%;
    cursor: default; }
    @media only screen and (min-width: 960px) {
      .voucher-slim-card {
        cursor: pointer; } }
    .voucher-slim-card__icon {
      width: 34px;
      height: 34px; }
    .voucher-slim-card__header {
      padding-left: 12px;
      display: flex;
      flex-direction: column; }
    .voucher-slim-card__cta {
      margin-left: auto; }
    .voucher-slim-card__cta > button {
        border: 0;
        padding: 0;
        margin-right: 0;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .voucher-slim-card__cta > button > .icon-search {
          height: 15px;
          width: 15px; }
    .voucher-slim-card__cta > button > .icon-search path {
            fill: #ea1d2c; }
    .voucher-slim-card__title {
      font-size: 1rem;
      color: #3e3e3e;
      margin: 0;
      display: flex;
      align-items: center;
      padding-bottom: 5px; }
    .voucher-slim-card__short-description {
      color: #717171;
      font-size: 0.75rem; }
    @media only screen and (min-width: 375px) {
        .voucher-slim-card__short-description {
          font-size: 0.875rem; } }
    .voucher-slim-card__expiration-date {
      color: #a6a6a6;
      font-size: 0.875rem;
      text-align: right; }
  
  .header-filter-button {
    display: flex;
    align-self: center; }
    .header-filter-button .btn {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
      padding: 0 10px;
      display: flex;
      font-weight: 400;
      height: 43px;
      margin: 0; }
  
  .home-header {
    background: #fff;
    padding: 20px 20px 14px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9997;
    border-top: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
    .home-header .delivery-input__address {
      margin-left: 0; }
    .home-header .delivery-input-wrapper {
      flex: 1; }
  
  .nav-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    min-height: 60px;
    z-index: 9997; }
    .nav-header--primary {
      background: #fff;
      box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1); }
    .nav-header--primary .nav-header__title {
        color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .nav-header--primary .btn-icon {
          cursor: pointer; } }
    .nav-header--primary .btn-icon .icon-search svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .nav-header--fixed {
      position: fixed;
      width: 100%; }
    .nav-header--transparent {
      background: transparent; }
    .nav-header--transparent .nav-header__title {
        color: #717171; }
    .nav-header--transparent .btn-icon .icon-search svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .nav-header--tertiary {
      background: #ea1d2c; }
    .nav-header--tertiary .nav-header__title {
        color: #fff; }
    .nav-header--tertiary .btn-icon .icon-search svg {
        color: #fed298;
        fill: #fed298; }
    .nav-header--with-padding {
      padding: 10px 20px; }
    .nav-header__title {
      font-size: 0.75rem;
      font-weight: 500;
      left: 0;
      margin: 0;
      padding: 2px 50px 0 50px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      z-index: 0; }
    .nav-header__subtitle {
      font-size: 0.9375rem;
      font-weight: 300;
      text-transform: capitalize;
      color: #a6a6a6; }
    .nav-header .btn-icon {
      margin: 0;
      z-index: 1;
      border-radius: 0;
      height: 40px;
      width: 50px;
      left: -17px;
      padding: 0 0 0 14px; }
    .nav-header__left-button {
      justify-content: flex-start; }
  
  .search-targeted {
    position: absolute;
    background: #fff;
    border: 1px solid #f7f7f7;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    left: 17px;
    right: 9px;
    padding: 20px 30px; }
    .search-targeted__title {
      font-size: 16px;
      margin: 0 0 10px; }
    .search-targeted .search-targeted__options .search-targeted__option {
      font-size: 14px; }
    .search-targeted .search-targeted__options .search-targeted__option .btn {
        color: #a6a6a6;
        font-weight: initial;
        height: 40px;
        padding: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .search-targeted .search-targeted__options .search-targeted__option .btn:focus, .search-targeted .search-targeted__options .search-targeted__option .btn:hover, .search-targeted .search-targeted__options .search-targeted__option .btn:active {
          color: #717171; }
    .search-targeted .search-targeted__options .search-targeted__option .btn:focus svg,
          .search-targeted .search-targeted__options .search-targeted__option .btn:focus path, .search-targeted .search-targeted__options .search-targeted__option .btn:hover svg,
          .search-targeted .search-targeted__options .search-targeted__option .btn:hover path, .search-targeted .search-targeted__options .search-targeted__option .btn:active svg,
          .search-targeted .search-targeted__options .search-targeted__option .btn:active path {
            fill: #717171;
            color: #717171; }
    .search-targeted .search-targeted__options .search-targeted__option .icon-search {
        width: 20px;
        margin: 0 5px 0 0; }
    @media only screen and (min-width: 375px) {
          .search-targeted .search-targeted__options .search-targeted__option .icon-search {
            margin: 0 15px 0 0; } }
    .search-targeted .search-targeted__options .search-targeted__option .icon-search svg,
        .search-targeted .search-targeted__options .search-targeted__option .icon-search path {
          fill: #a6a6a6;
          color: #a6a6a6; }
    .search-targeted__text {
      color: #3e3e3e;
      white-space: nowrap;
      max-width: 84px;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media only screen and (min-width: 334px) and (max-width: 359px) {
        .search-targeted__text {
          max-width: 100px; } }
    @media only screen and (min-width: 360px) and (max-width: 400px) {
        .search-targeted__text {
          max-width: 130px; } }
    @media only screen and (min-width: 420px) and (max-width: 499px) {
        .search-targeted__text {
          max-width: 160px; } }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
        .search-targeted__text {
          max-width: 200px; } }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .search-targeted__text {
          max-width: 400px; } }
    @media only screen and (min-width: 960px) and (max-width: 1248px) {
        .search-targeted__text {
          max-width: 100px; } }
    @media only screen and (min-width: 1248px) {
        .search-targeted__text {
          max-width: 160px; } }
    .search-targeted__text-dot {
      width: 5px;
      background-color: #3e3e3e;
      border-radius: 50%;
      height: 5px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 6px; }
    @media only screen and (min-width: 375px) {
        .search-targeted__text-dot {
          margin: 0 10px; } }
  
  .search-input {
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .search-input {
        max-width: 450px;
        min-width: 370px;
        padding: 0 9px 0 17px;
        position: relative; } }
    .search-input__icon-search {
      width: 24px;
      height: 24px; }
    .search-input__icon-search svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 960px) {
        .search-input__icon-search {
          width: 26px;
          height: 26px;
          left: 20px;
          top: 50%;
          position: absolute;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          pointer-events: none; }
          .search-input__icon-search svg {
            color: #414143;
            fill: #414143; } }
    .search-input__form {
      display: grid;
      grid-template: 1fr / 1fr;
      height: 40px;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .search-input__form {
          height: 100%; } }
    .search-input .btn {
      padding: 0 0 0 10px;
      margin: 0; }
    .search-input .btn-visibility--hidden {
        visibility: hidden; }
    .search-input__field-wrapper {
      flex-grow: 1;
      display: flex;
      align-items: center;
      background-color: #f6f5f5;
      padding: 0 5px 0 12px;
      border-radius: 4px;
      margin-right: 0;
      width: 100%;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .search-input__field-wrapper {
          padding: 0; } }
    .search-input__field {
      width: 100%;
      height: 100%;
      padding-left: 12px;
      border: none;
      font-size: 1rem;
      background-color: transparent; }
    @media only screen and (min-width: 960px) {
        .search-input__field {
          display: flex;
          height: 50px;
          padding-left: 53px;
          padding-right: 0;
          border: 1px solid #f2f2f2;
          line-height: 1.25em;
          font-weight: 300;
          background: #f7f7f7;
          border-radius: 4px; } }
    .search-input__field::-webkit-input-placeholder {
        color: #a6a6a5;
        margin: 0;
        font-weight: 400;
        font-size: 1rem; }
    .search-input__field:-ms-input-placeholder {
        color: #a6a6a5;
        margin: 0;
        font-weight: 400;
        font-size: 1rem; }
    .search-input__field::-ms-input-placeholder {
        color: #a6a6a5;
        margin: 0;
        font-weight: 400;
        font-size: 1rem; }
    .search-input__field::placeholder {
        color: #a6a6a5;
        margin: 0;
        font-weight: 400;
        font-size: 1rem; }
    @media only screen and (min-width: 960px) {
          .search-input__field::-webkit-input-placeholder {
            font-weight: 300; }
          .search-input__field:-ms-input-placeholder {
            font-weight: 300; }
          .search-input__field::-ms-input-placeholder {
            font-weight: 300; }
          .search-input__field::placeholder {
            font-weight: 300; } }
    .search-input__field:focus::-webkit-input-placeholder {
        opacity: 0; }
    @media only screen and (min-width: 960px) {
      .search-input__erase-button {
        background: transparent;
        border: none;
        margin: 0;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
  
  .area-cart-footer__info > * {
    height: 32px;
    line-height: 32px;
    font-weight: 300; }
  
  .area-cart-footer__info-description {
    color: #717171; }
  
  .area-cart-footer__green-text {
    color: #50a773; }
  
  .area-cart-footer__button-wrapper--hide {
    display: none; }
  
  .area-cart-footer__delivery-fee-info {
    width: 20px;
    height: 20px;
    border-radius: 100%; }
  
  .area-cart-footer__delivery-fee-info .btn__label {
      top: 2px; }
  
  .area-cart-footer__delivery-fee-info::before {
      content: '';
      height: 17px;
      width: 17px;
      border-radius: 100%;
      display: block;
      background: transparent;
      position: absolute;
      border: 1px solid #a6a5a5; }
  
  .area-cart-footer__total {
    font-weight: 500; }
  
  .area-cart-footer__total .area-cart-footer__info-description {
      color: #3f3e3e; }
  
  .area-cart-footer__loading {
    text-align: center;
    margin: 20px 0; }
  
  .area-cart-header {
    margin: 0 30px;
    padding: 20px 0; }
    .area-cart-header__pretitle {
      color: #717171;
      font-weight: 300;
      font-size: 0.875rem; }
    .area-cart-header__title {
      margin: 8px 0 0 0;
      font-size: 1.375rem;
      font-weight: 500; }
    .area-cart-header__link {
      height: 25px;
      padding: 0;
      margin-top: 8px;
      font-size: 0.875rem; }
    .area-cart-header__link .btn__label {
        text-align: left; }
  
  .promotional-tag {
    color: #2e6788;
    display: flex;
    font-size: 0.75rem;
    font-weight: normal;
    margin: 5px 0; }
    .promotional-tag .icon-search {
      margin-right: 3px;
      width: 12px; }
    .promotional-tag .icon-search svg {
        color: #2e6788;
        fill: #2e6788; }
  
  .carrinho-quick-add__button {
    display: inline-block; }
    .carrinho-quick-add__button--hidden {
      display: none; }
    .carrinho-quick-add__counter {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 0; }
    .carrinho-quick-add__counter--opened {
      width: 100px;
      visibility: visible;
      opacity: 1;
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .carrinho-quick-add__counter .produto-counter {
      background: #fff;
      border: 0.5px solid #f2f2f2;
      bottom: 16px;
      width: 100px;
      justify-content: space-evenly;
      border-radius: 8px;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); }
  
  .area-cart-item {
    font-size: 1rem;
    font-size: 500; }
    .area-cart-item__description {
      margin: 0.5em 0;
      line-height: 1.4; }
    .area-cart-item__description :last-child {
        font-weight: 600; }
    .area-cart-item__garnish, .area-cart-item__obs {
      font-size: 0.875rem;
      font-weight: 300;
      color: #717171;
      margin: 0.5em 0;
      line-height: 1.3;
      word-wrap: break-word;
      overflow-wrap: break-word; }
    .area-cart-item__garnish > span:not(:first-child) {
      margin-left: 5px; }
    .area-cart-item__buttons-wrapper {
      display: flex;
      align-items: center; }
    .area-cart-item__buttons-wrapper .carrinho-quick-add {
        margin-left: auto; }
    .area-cart-item__button {
      height: 100%;
      font-size: 0.875rem;
      padding: 0;
      width: 70px;
      margin-right: 10px; }
    .area-cart-item__button .btn__label {
        text-align: left; }
  
  .area-cart-items-list {
    overflow-y: auto; }
  
  @-webkit-keyframes z-1-movement {
    0% {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); }
    50% {
      -webkit-transform: translate(5px, -5px);
              transform: translate(5px, -5px); }
    100% {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); } }
  
  @keyframes z-1-movement {
    0% {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); }
    50% {
      -webkit-transform: translate(5px, -5px);
              transform: translate(5px, -5px); }
    100% {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); } }
  
  @-webkit-keyframes z-2-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(5px, 10px);
              transform: translate(5px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes z-2-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(5px, 10px);
              transform: translate(5px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @-webkit-keyframes z-3-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(-5px, 12px);
              transform: translate(-5px, 12px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes z-3-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(-5px, 12px);
              transform: translate(-5px, 12px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  .area-cart,
  .area-cart-empty {
    display: flex;
    flex-flow: nowrap column;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 360px;
    background-color: #fff;
    color: #3f3e3e; }
  
  @media only screen and (min-width: 1440px) {
      .area-cart,
      .area-cart-empty {
        width: 410px; } }
  
  .area-cart__warning {
      background-color: #f7f7f7;
      color: #4d4d4d;
      padding: 30px;
      font-weight: 300;
      line-height: 1.4; }
  
  .area-cart__line {
      border-top: #dcdcdc solid 1px;
      margin: 0 30px;
      padding: 12px 0 16px; }
  
  .area-cart__justify {
      display: flex;
      flex-flow: row nowrap; }
  
  .area-cart__justify > * {
        flex-grow: 1; }
  
  .area-cart__justify > :last-child {
        min-width: 130px;
        text-align: right; }
  
  .area-cart__loading, .area-cart__empty {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      text-align: center;
      height: 100%; }
  
  .area-cart__empty {
      color: #dcdcdc; }
  
  .area-cart__empty .area-card-empty-icon {
        height: 270px;
        width: auto;
        margin: 0 auto 32px auto; }
  
  .area-cart__empty .area-cart__empty--large {
        font-size: 1rem;
        color: #3e3e3e;
        font-weight: 500; }
  
  .area-cart__empty .area-cart__empty--small {
        font-size: 0.875rem;
        font-weight: 400;
        color: #717171;
        margin: 10px 0 0 0; }
  
  .area-cart__empty .animated-svg .z-1 {
        -webkit-transform-origin: top center;
                transform-origin: top center;
        -webkit-animation: z-1-movement 4.5s infinite;
                animation: z-1-movement 4.5s infinite;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out; }
  
  .area-cart__empty .animated-svg .z-2 {
        -webkit-transform-origin: bottom center;
                transform-origin: bottom center;
        -webkit-animation: z-2-movement 6s infinite;
                animation: z-2-movement 6s infinite;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out; }
  
  .area-cart__empty .animated-svg .z-3 {
        -webkit-transform-origin: bottom center;
                transform-origin: bottom center;
        -webkit-animation: z-3-movement 5s infinite;
                animation: z-3-movement 5s infinite;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out; }
  
  .area-cart .area-cart-items-list {
      max-height: 60vh; }
  
  .notification-overlay {
    background: rgba(0, 0, 0, 0.7);
    color: #fff; }
    .notification-overlay .produto-modal__inner-content {
      display: none;
      max-width: 500px; }
    @media only screen and (min-width: 960px) {
        .notification-overlay .produto-modal__inner-content {
          display: block; } }
    .notification-overlay__title {
      font-size: 1.875rem; }
    .notification-overlay__subtitle {
      font-size: 1.25rem;
      font-weight: 100; }
  
  .notification-permission {
    display: grid;
    min-width: 320px;
    grid-template-columns: 42px 1fr;
    padding: 12px 0 11px 24px;
    position: relative;
    border: 1px solid #f7f7f7;
    overflow: hidden;
    height: 110px;
    opacity: 1;
    transition: all 300ms ease-out; }
    @media only screen and (min-width: 960px) {
      .notification-permission {
        max-width: 345px; } }
    .notification-permission--gray {
      background-color: #f7f7f7; }
    .notification-permission--hidden {
      height: 0;
      padding-top: 0;
      padding-bottom: 0;
      border: 0;
      opacity: 0.5; }
    .notification-permission__illustration {
      overflow: visible;
      align-self: center; }
    .notification-permission-center {
      display: grid;
      margin: 0 13px 0 15px; }
    .notification-permission-center__title {
        font-size: 0.875rem;
        margin-bottom: 10px;
        font-weight: 500;
        color: #3e3e3e; }
    .notification-permission-center__subtitle {
        font-size: 0.75rem;
        margin-bottom: 12px;
        color: #717171; }
    .notification-permission-center__button {
        font-size: 0.875rem;
        color: #ea1d2c; }
    .notification-permission-center__button.btn {
          width: 40px;
          height: 20px; }
    .notification-permission__close-button {
      display: block;
      width: 15px;
      height: 15px;
      padding: 0;
      top: 10px;
      right: 10px;
      position: absolute; }
    .notification-permission__close-button.btn.btn--iconize .icon-search.btn__icon {
        width: 15px;
        height: 15px; }
    .notification-permission__close-button.btn.btn--iconize .icon-search svg {
        fill: #a6a6a6;
        stroke: #a6a6a6;
        stroke-width: 2; }
    .notification-permission .phone-chat-ballon__ballon {
      -webkit-animation: phone-chat-ballon-animation 2s infinite linear alternate;
              animation: phone-chat-ballon-animation 2s infinite linear alternate;
      -webkit-transform-origin: center;
              transform-origin: center; }
    .notification-permission .phone-chat-ballon__ifood {
      -webkit-animation: phone-chat-ballon-ifood-animation 2s infinite linear alternate;
              animation: phone-chat-ballon-ifood-animation 2s infinite linear alternate;
      -webkit-transform-origin: center;
              transform-origin: center; }
    .notification-permission .phone-chat-ballon__alert {
      -webkit-animation: phone-chat-ballon-alert-animation 2s infinite linear alternate;
              animation: phone-chat-ballon-alert-animation 2s infinite linear alternate;
      -webkit-transform-origin: center;
              transform-origin: center; }
    @-webkit-keyframes phone-chat-ballon-ifood-animation {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(-2px, -1px);
              transform: translate(-2px, -1px); } }
    @keyframes phone-chat-ballon-ifood-animation {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(-2px, -1px);
              transform: translate(-2px, -1px); } }
    @-webkit-keyframes phone-chat-ballon-animation {
    0% {
      -webkit-transform: translate(0, 0) rotate(0);
              transform: translate(0, 0) rotate(0); }
    100% {
      -webkit-transform: translate(-1px, -1px) rotate(-3deg);
              transform: translate(-1px, -1px) rotate(-3deg); } }
    @keyframes phone-chat-ballon-animation {
    0% {
      -webkit-transform: translate(0, 0) rotate(0);
              transform: translate(0, 0) rotate(0); }
    100% {
      -webkit-transform: translate(-1px, -1px) rotate(-3deg);
              transform: translate(-1px, -1px) rotate(-3deg); } }
    @-webkit-keyframes phone-chat-ballon-alert-animation {
    0% {
      -webkit-transform: translate(0, 0) rotate(0);
              transform: translate(0, 0) rotate(0); }
    100% {
      -webkit-transform: translate(-2px, -2px) rotate(0);
              transform: translate(-2px, -2px) rotate(0); } }
    @keyframes phone-chat-ballon-alert-animation {
    0% {
      -webkit-transform: translate(0, 0) rotate(0);
              transform: translate(0, 0) rotate(0); }
    100% {
      -webkit-transform: translate(-2px, -2px) rotate(0);
              transform: translate(-2px, -2px) rotate(0); } }
  
  .user-menu-items {
    min-width: 320px; }
    @media only screen and (min-width: 960px) {
      /* .user-menu-items {
        padding: 0 0 40px 0; }  */
      }
    .user-menu-items__name {
      font-weight: 500;
      font-size: 1.5625rem;
      line-height: 31px;
      letter-spacing: -1px;
      padding: 30px 40px 20px; }
    .user-menu-items__notification .notification-permission {
      margin: 0 auto; }
    @media only screen and (min-width: 375px) and (max-width: 960px) {
      .user-menu-items__notification {
        padding: 12px 20px; } }
  
  .floating-box {
    position: relative; }
    .floating-box::after {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      border-left: 19px solid transparent;
      border-right: 19px solid transparent;
      border-bottom: 11px solid #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      display: none; }
    .floating-box__wrapper {
      visibility: hidden;
      width: 322px;
      background: #fff;
      border: 1px solid #f7f7f7;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      position: absolute;
      z-index: 0;
      opacity: 0;
      padding: 0;
      right: auto;
      pointer-events: none; }
    .floating-box__wrapper.floating-box__wrapper--left {
        left: 0;
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px); }
    .floating-box__wrapper.floating-box__wrapper--right {
        right: 0; }
    .floating-box__wrapper.floating-box__wrapper--visible {
        transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
        z-index: 9994;
        pointer-events: initial; }
    .floating-box__button {
      background: none;
      border: none;
      font-size: 1rem;
      color: #3e3e3e;
      font-weight: 300;
      display: flex;
      justify-content: space-around;
      padding: 0 10px;
      align-items: center;
      cursor: pointer;
      border-radius: 4px; }
    .floating-box__button:hover {
        color: #ea1d2c; }
    .floating-box__button:hover .icon-search {
          margin: 0 5px 0 0; }
    .floating-box__button:hover .icon-search svg {
            color: #ea1d2c;
            fill: #ea1d2c; }
    .floating-box__button .icon-search {
        width: 20px;
        margin: 0 5px 0 0;
        height: 23px; }
    .floating-box__button .icon-search svg {
          color: #3e3e3e;
          fill: #3e3e3e; }
  
  .header-cart {
    display: flex;
    align-items: center;
    position: relative; }
    .header-cart__icon {
      margin: 0 5px 0 0; }
    .header-cart__ammount {
      position: absolute;
      left: 10px;
      top: 13px;
      border-radius: 100%;
      height: 17px;
      width: 19px;
      background: #ea1d2c;
      color: #fff;
      border: 2px solid #fff;
      font-size: 0.5rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center; }
    .header-cart__label--wide {
      position: relative;
      top: 1px; }
    .header-cart--has-items {
      color: #ea1d2c; }
    .header-cart--has-items .header-cart__icon svg {
        fill: #ea1d2c; }
  
  .ph-highlights-carousel-item {
    width: 100%; }
    .ph-highlights-carousel-item__figure {
      width: 100%;
      height: 140px;
      margin: 0;
      border-radius: 4px; }
    @media only screen and (min-width: 768px) {
        .ph-highlights-carousel-item__figure {
          height: 200px; } }
  
  .responsive-header {
    display: none;
    position: -webkit-sticky;
    position: sticky;
    flex-direction: column;
    width: 100vw;
    height: 80px;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #dcdcdc;
    top: 0;
    z-index: 9997;
    padding: 0; }
    .responsive-header--static {
      position: relative; }
    @media only screen and (min-width: 960px) {
      .responsive-header {
        display: flex; } }
    .responsive-header__container {
      display: flex;
      flex-grow: 1;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
      width: 100%;
      /* max-width: 1366px !important; */
      margin: auto;
      padding: 0 30px; }
    @media only screen and (min-width: 960px) {
        .responsive-header__container {
          padding: 0 20px 0 30px; } }
    .responsive-header__logo {
      display: flex;
      align-items: center;
      cursor: pointer; }
    .responsive-header__logo .btn-icon {
        border-radius: 0;
        width: 87px;
        height: 66px; }
    .responsive-header__logo .btn-icon .icon-search {
          width: 100%;
          height: 100%; }
    .responsive-header__logo .btn-icon .icon-search svg {
            color: #ea1d2c;
            fill: #ea1d2c; }
    .responsive-header .btn.btn--link svg {
      color: #3e3e3e;
      fill: #3e3e3e; }
    .responsive-header .btn.btn--link:hover [class*='__label'] {
      color: #ea1d2c; }
    .responsive-header .btn.btn--link:hover svg {
      color: #ea1d2c;
      fill: #ea1d2c; }
    .responsive-header .btn.btn--iconize .btn__icon {
      border-radius: 0;
      width: 23px;
      height: 23px; }
    .responsive-header__button {
      width: inherit;
      padding: 0;
      min-width: 50px;
      cursor: pointer;
      display: flex; }
    .responsive-header__button .icon-search {
        width: 25px;
        height: 25px;
        margin: 0 5px 0 0; }
    .responsive-header__button .btn__label {
        display: none;
        font-size: 1rem;
        margin-left: 3px;
        color: #3e3e3e;
        font-weight: 300; }
    @media only screen and (min-width: 1248px) {
          .responsive-header__button .btn__label {
            display: flex; } }
    /* .responsive-header__button .floating-box__label {
        display: none; } */
    @media only screen and (min-width: 1248px) {
          .responsive-header__button .floating-box__label {
            display: block; } }
    .responsive-header .header-cart__label--wide {
      display: none; }
    @media only screen and (min-width: 1248px) {
        .responsive-header .header-cart__label--wide {
          display: flex; } }
    .responsive-header__bag ~ .floating-box__wrapper .area-cart {
      max-height: 80vh; }
    .responsive-header__bag ~ .floating-box__wrapper .area-cart__empty {
        padding: 40px 0; }
    .responsive-header__wrapper-links {
      display: flex;
      flex-direction: row;
      align-items: center; }
    @media only screen and (min-width: 1248px) {
        .responsive-header__wrapper-links > * {
          margin: 0 0 0 20px; } }
  
  .ph-area-menu {
    padding: 20px;
    height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eeeeee; }
    @media only screen and (min-width: 960px) {
      .ph-area-menu {
        width: calc(50% - 20px);
        padding: 20px;
        border: 1px solid #eeeeee;
        border-radius: 4px;
        margin: 30px 0 10px; } }
    @media only screen and (min-width: 960px) {
      .ph-area-menu-container {
        padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
      .ph-area-menu-container {
        max-width: calc(1366px - 410px);
        margin: auto; } }
    @media only screen and (min-width: 1440px) {
      .ph-area-menu-container {
        padding-right: 0; } }
    .ph-area-menu-container .ph-area-menu-title {
      display: none;
      width: 250px;
      height: 27px;
      margin-top: 40px; }
    @media only screen and (min-width: 960px) {
        .ph-area-menu-container .ph-area-menu-title {
          display: flex; } }
    @media only screen and (min-width: 960px) {
      .ph-area-menu-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .ph-area-menu .lines {
      width: 80%; }
    .ph-area-menu .lines > * {
        margin: 5px 0; }
    .ph-area-menu .lines *:nth-child(1) {
        width: 65%; }
    .ph-area-menu .lines *:nth-child(2) {
        width: 75%; }
    .ph-area-menu .lines *:nth-child(3) {
        width: 70%; }
    .ph-area-menu .lines *:nth-child(4) {
        width: 30%;
        margin: 15px 0 0 0; }
    .ph-area-menu__rect {
      width: 90px;
      height: 90px; }
  
  .ph-cuisine-item {
    display: inline-block; }
    .ph-cuisine-item__figure {
      margin: 0;
      border-radius: 50%;
      width: 80px;
      height: 80px; }
    @media only screen and (min-width: 960px) {
        .ph-cuisine-item__figure {
          width: 110px;
          height: 110px;
          border-radius: 50%;
          margin: 0 auto; } }
    .ph-cuisine-item__figure.ph-loading {
        border-radius: 50%; }
    .ph-cuisine-item__title {
      margin-top: 20px;
      height: 16px; }
  
  .ph-area-card {
    border: 1px solid #f2f2f2;
    display: grid;
    transition: 200ms;
    height: 90px;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    width: 100%;
    grid-template-columns: 60px 1px 1fr;
    grid-template-areas: "figure divider content";
    grid-column-gap: 12px; }
    @media only screen and (min-width: 960px) {
      .ph-area-card {
        height: 130px;
        grid-template-columns: 85px 1px 1fr;
        grid-column-gap: 20px;
        padding: 20px; } }
    .ph-area-card:before {
      grid-area: divider;
      content: '';
      width: 1px;
      background-color: #f2f2f2; }
    .ph-area-card__figure {
      grid-area: figure; }
    .ph-area-card__content {
      grid-area: content;
      display: grid;
      grid-template-rows: 1fr 20px; }
    .ph-area-card__header {
      width: 85%;
      height: 18px;
      margin-bottom: 6px; }
    .ph-area-card__info {
      width: 65%;
      height: 14px; }
    .ph-area-card__footer {
      width: 45%;
      height: 14px; }
  
  .ifood-box-code {
    margin: 10px 0 24px; }
    @media only screen and (min-width: 960px) {
      .ifood-box-code {
        margin: 0; } }
    .ifood-box-code__title {
      display: block;
      text-align: center;
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.875rem;
      color: #3e3e3e;
      font-weight: 500; }
  
  .ph-waiting-steps {
    width: 100%; }
    .ph-waiting-steps .ph-step-icon {
      height: 20px;
      width: 20px;
      border-radius: 100%;
      margin-top: 12px;
      margin-right: 12px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-icon {
          height: 24px;
          width: 24px;
          margin-right: 40px; } }
    .ph-waiting-steps .ph-step {
      display: flex; }
    .ph-waiting-steps .ph-step-items {
      width: 100%; }
    .ph-waiting-steps .ph-step-title {
      width: 35%;
      height: 15px;
      margin-bottom: 2px;
      margin-top: 12px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-title {
          height: 20px;
          margin-bottom: 2px;
          margin-top: 0; } }
    .ph-waiting-steps .ph-step-time {
      width: 15%;
      height: 13px;
      margin-bottom: 5px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-time {
          height: 18px;
          margin-bottom: 3px; } }
    .ph-waiting-steps .ph-step-description {
      width: 85%;
      height: 13px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-description {
          height: 18px;
          margin-bottom: 35px; } }
    .ph-waiting-steps .ph-step-call {
      width: 75%;
      height: 14px;
      margin-top: 25px;
      margin-bottom: 5px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-call {
          display: none; } }
    .ph-waiting-steps .ph-step-contact {
      height: 14px;
      width: 85%;
      margin-bottom: 20px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-steps .ph-step-contact {
          display: none; } }
  
  .form-input {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 4px 0;
    margin: 5px 0 5px;
    z-index: 0;
    min-height: 73px; }
    .form-input .form-input__label.form-input__label--has-value .label__name, .form-input .form-input__field:focus + .label__name {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
      font-size: 1rem; }
    @media only screen and (min-width: 960px) {
        .form-input .form-input__label.form-input__label--has-value .label__name, .form-input .form-input__field:focus + .label__name {
          font-size: 0.875rem;
          -webkit-transform: translateY(-23px);
                  transform: translateY(-23px);
          background: #fff;
          z-index: 1;
          padding: 5px; } }
    .form-input .form-input__label {
      background: transparent;
      padding: 15px 0 0 0;
      display: flex;
      flex-direction: column;
      color: #a6a6a6;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .form-input .form-input__label {
          padding: 0; } }
    .form-input .form-input__label .label__name {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 20px;
        margin: auto;
        display: flex;
        align-items: center;
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
        transition: 200ms;
        font-size: 1.375rem; }
    @media only screen and (min-width: 960px) {
          .form-input .form-input__label .label__name {
            font-size: 1rem;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            left: 21px; } }
    .form-input .form-input__label .field__border {
        transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
        height: 2px;
        width: 0;
        margin: auto;
        display: block;
        background: #dcdcdc;
        position: relative;
        top: -2px;
        z-index: 1; }
    @media only screen and (min-width: 960px) {
          .form-input .form-input__label .field__border {
            display: none; } }
    .form-input .form-input__field {
      border: none;
      color: #3e3e3e;
      background: transparent;
      height: 40px;
      font-weight: 500;
      outline: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative;
      z-index: 1;
      width: 100%;
      font-size: 1.375rem; }
    @media only screen and (min-width: 960px) {
        .form-input .form-input__field {
          font-size: 1rem;
          border-radius: 4px;
          border: 1px solid #dcdcdc;
          padding: 13px 20px;
          height: auto;
          line-height: 20px; } }
    .form-input .form-input__field:focus + .label__name + .field__border {
        width: 100%; }
    .form-input .form-input__field:focus + .form-input__erase-button {
        transition: visibility;
        transition-delay: 50ms;
        visibility: visible; }
    .form-input .form-input__field:-webkit-autofill {
        box-shadow: 0 30px 0 0 transparent inset; }
    .form-input .form-input__field[disabled] {
      opacity: 0.4; }
    .form-input .form-input__error {
      font-size: 0.75rem;
      margin: 4px 0 0 0;
      color: #b42b2b; }
    .form-input.form-input--invalid .form-input__field {
      border-color: #b42b2b; }
    .form-input.form-input--invalid .field__border {
      background: #b42b2b; }
    .form-input.form-input--tertiary .form-input__field {
      border-color: #fed298;
      color: #fff; }
    .form-input.form-input--tertiary .field__border {
      background: #fed298; }
    .form-input.form-input--tertiary .form-input__label {
      color: #fed298; }
    .form-input.form-input--tertiary .form-input__error {
      color: #fff; }
    .form-input.form-input--tertiary.form-input--invalid .form-input__field {
      border-color: #fff; }
    .form-input.form-input--tertiary.form-input--invalid .field__border {
      background: #fff; }
    .form-input__erase-button {
      position: absolute;
      right: -20px;
      margin-top: -5px;
      transition: visibility;
      transition-delay: 50ms;
      visibility: hidden; }
    @media only screen and (min-width: 960px) {
        .form-input__erase-button {
          right: 0;
          margin-top: 3px;
          cursor: pointer; } }
    .form-input__erase-button .icon-search {
        width: 25px; }
    .form-input__erase-button .icon-search svg {
          color: #fed298;
          fill: #fed298; }
    .form-input__help-text {
      color: #717171;
      font-size: 11px;
      margin-top: 5px; }
  
  .ph-waiting-area-name {
    position: absolute;
    right: 0;
    top: 10px;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .ph-waiting-area-name {
        bottom: 0;
        top: auto;
        padding-left: 22px; } }
    .ph-waiting-area-name .ph-area-title {
      width: 75%;
      height: 25px;
      margin-bottom: 2px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-area-name .ph-area-title {
          width: 90%;
          height: 50px;
          margin-bottom: 5px; } }
    .ph-waiting-area-name .ph-area-order {
      width: 35%;
      height: 14px;
      margin-bottom: 2px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-area-name .ph-area-order {
          width: 45%;
          height: 18px; } }
    .ph-waiting-area-name .ph-step-call {
      display: none;
      width: 75%;
      height: 14px;
      margin-top: 150px;
      margin-bottom: 5px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-area-name .ph-step-call {
          display: block; } }
    .ph-waiting-area-name .ph-step-contact {
      display: none;
      height: 14px;
      width: 85%;
      margin-bottom: 60px; }
    @media only screen and (min-width: 960px) {
        .ph-waiting-area-name .ph-step-contact {
          display: block; } }
  
  .area-info--loading {
    border-bottom: 10px solid #e6e6e6;
    border-radius: 4px 4px 0 0;
    color: #595856;
    padding: 40px 20px 0 20px;
    margin-top: 70px;
    position: relative;
    top: -5px;
    min-height: 165px;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 960px) {
      .area-info--loading {
        border-bottom: 0;
        border-radius: 0;
        padding: 0;
        margin: 30px 0 0;
        top: 0; } }
    @media only screen and (min-width: 1248px) {
      .area-info--loading {
        max-width: calc(1366px - 410px);
        margin: auto;
        margin-top: 30px; } }
    @media only screen and (min-width: 960px) {
      .area-info--loading-wrapper {
        padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
      .area-info--loading-wrapper {
        padding-right: 0; } }
    .area-info--loading .ph-loading {
      margin: 0 0 10px 0; }
    .area-info--loading .area-info__title {
      width: 50%; }
    .area-info--loading .area-info__logo {
      border-radius: 100%; }
    .area-info--loading .area-info__link-more {
      margin: 30px 0 0;
      width: 50px; }
    .area-info__subtitle--loading {
    width: 60%;
    height: 25px; }
  
  .form-input-without-border {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 4px 0 8px;
    z-index: 0;
    width: 80%;
    margin: 5px auto 16px; }
    .form-input-without-border .form-input-without-border__label.form-input-without-border__label--has-value .label__name, .form-input-without-border .form-input-without-border__field:focus + .label__name {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
      font-size: 1rem; }
    @media only screen and (min-width: 960px) {
        .form-input-without-border .form-input-without-border__label.form-input-without-border__label--has-value .label__name, .form-input-without-border .form-input-without-border__field:focus + .label__name {
          font-size: 0.875rem;
          -webkit-transform: translateY(-23px);
                  transform: translateY(-23px);
          background: #fff;
          z-index: 1;
          padding: 5px; } }
    @media only screen and (max-width: 767px) {
      .form-input-without-border {
        width: 100%; } }
    .form-input-without-border .form-input-without-border__label {
      background: transparent;
      padding: 15px 0 0 0;
      display: flex;
      flex-direction: column;
      color: #a6a6a6;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .form-input-without-border .form-input-without-border__label {
          padding: 0; } }
    .form-input-without-border .form-input-without-border__label .label__name {
        display: none; }
    .form-input-without-border .form-input-without-border__label .field__border {
        transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
        height: 2px;
        width: 0;
        margin: auto;
        display: block;
        background: #dcdcdc;
        position: relative;
        top: -2px;
        z-index: 1; }
    @media only screen and (min-width: 960px) {
          .form-input-without-border .form-input-without-border__label .field__border {
            display: none; } }
    .form-input-without-border__field {
      border: 0;
      letter-spacing: 20px;
      font-size: 40px;
      text-align: center;
      color: #3e3e3e;
      background: transparent;
      font-weight: 500;
      outline: none;
      position: relative;
      z-index: 1;
      width: 100%;
      padding: 5px 20px;
      line-height: 1;
      border-bottom: 1px solid #f5f0eb; }
    .form-input-without-border__field:focus + .label__name + .field__border {
        width: 100%; }
    @media only screen and (max-width: 767px) {
        .form-input-without-border__field {
          height: 70px;
          font-size: 32px; } }
    .form-input-without-border__field:focus + .form-input-without-border__erase-button {
        transition: visibility;
        transition-delay: 50ms;
        visibility: visible; }
    .form-input-without-border__field:-webkit-autofill {
        box-shadow: 0 30px 0 0 transparent inset; }
    .form-input-without-border .form-input-without-border__field[disabled] {
      opacity: 0.4; }
    .form-input-without-border .form-input-without-border__error {
      font-size: 0.75rem;
      margin: 4px 0 0 0;
      color: #b42b2b; }
    .form-input-without-border.form-input-without-border--invalid .form-input-without-border__field {
      border-color: #b42b2b; }
    .form-input-without-border.form-input-without-border--invalid .field__border {
      background: #b42b2b; }
    .form-input-without-border.form-input-without-border--tertiary .form-input-without-border__field {
      border-color: #fed298;
      color: #fff; }
    .form-input-without-border.form-input-without-border--tertiary .field__border {
      background: #fed298; }
    .form-input-without-border.form-input-without-border--tertiary .form-input-without-border__label {
      color: #fed298; }
    .form-input-without-border.form-input-without-border--tertiary .form-input-without-border__error {
      color: #fff; }
    .form-input-without-border.form-input-without-border--tertiary.form-input-without-border--invalid .form-input-without-border__field {
      border-color: #fff; }
    .form-input-without-border.form-input-without-border--tertiary.form-input-without-border--invalid .field__border {
      background: #fff; }
    .form-input-without-border__erase-button {
      position: absolute;
      right: -20px;
      margin-top: -5px;
      transition: visibility;
      transition-delay: 50ms;
      visibility: hidden; }
    @media only screen and (min-width: 960px) {
        .form-input-without-border__erase-button {
          right: 0;
          margin-top: 3px;
          cursor: pointer; } }
    .form-input-without-border__erase-button .icon-search {
        width: 25px; }
    .form-input-without-border__erase-button .icon-search svg {
          color: #fed298;
          fill: #fed298; }
  
  .ph-address-btn {
    height: 78px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    min-height: 80px;
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "icon title" "icon subtitle";
    gap: 0 10px; }
    .ph-address-btn__icon {
      grid-area: icon;
      height: 30px;
      width: 30px;
      justify-self: center;
      align-self: center;
      border-radius: 4px; }
    .ph-address-btn__title {
      grid-area: title;
      height: 16px;
      align-self: end;
      width: 60%;
      border-radius: 4px; }
    .ph-address-btn__subtitle {
      grid-area: subtitle;
      height: 12px;
      margin-top: 10px;
      width: 80%;
      border-radius: 4px; }
  
  .native-select {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 4px 0;
    margin: 5px 0 10px; }
    .native-select .native-select__label.native-select__label--has-value .label__name, .native-select .native-select__label .is-focused + .label__name {
      -webkit-transform: translateY(-25px);
              transform: translateY(-25px);
      font-size: 0.875rem; }
    @media only screen and (min-width: 960px) {
        .native-select .native-select__label.native-select__label--has-value .label__name, .native-select .native-select__label .is-focused + .label__name {
          -webkit-transform: translateY(-20px);
                  transform: translateY(-20px); } }
    .native-select .native-select__field {
      background-color: white;
      height: 40px;
      border: none;
      border-bottom: 1px solid lightgray;
      font-weight: 500;
      font-size: 1.375rem;
      color: #3e3e3e;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .native-select .native-select__field {
          font-size: 1rem;
          border-radius: 4px;
          border: 1px solid #dcdcdc;
          padding: 13px 20px;
          height: 48px; } }
    .native-select.native-select--invalid .native-select__field {
      border-bottom: 1px solid #b42b2b; }
    @media only screen and (min-width: 960px) {
        .native-select.native-select--invalid .native-select__field {
          border-color: #b42b2b; } }
    .native-select.native-select--invalid .label__name {
      color: #b42b2b; }
    .native-select.native-select--tertiary .native-select__label {
      color: #fed298; }
    .native-select.native-select--tertiary .Select-input {
      color: #fff; }
    .native-select .native-select__label {
      background: transparent;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      color: #a6a6a6;
      position: relative; }
    .native-select .native-select__label .label__name {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 20px;
        font-size: 1.375rem;
        margin: auto;
        display: flex;
        align-items: center;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        transition: 200ms; }
    @media only screen and (min-width: 960px) {
          .native-select .native-select__label .label__name {
            background: #fff;
            font-size: 1rem;
            left: 10px;
            padding: 0 13px; } }
    .native-select .native-select__error {
      font-size: 0.75rem;
      margin: 4px 0 0 0;
      color: #b42b2b; }
  
  .placeholder-order-card {
    border-bottom: 2px solid #f6f5f5;
    padding: 20px 0;
    display: grid;
    align-items: flex-start;
    justify-content: center;
    grid-template: 1fr / 70px 1fr;
    margin: 0 0 20px; }
    .placeholder-order-card-wrapper {
      border: 1px solid #dcdcdc;
      border-radius: 4px;
      padding: 20px;
      margin: 0 0 20px; }
    @media only screen and (max-width: 959px) {
      .placeholder-order-card:first-child {
        padding: 0 0 20px; } }
    .placeholder-order-card__area-name {
      height: 10px; }
    .placeholder-order-card__order-details {
      margin: 10px 0;
      height: 20px; }
    .placeholder-order-card__order-status {
      margin: 10px 0; }
    .placeholder-order-card__follow-order {
      height: 20px; }
    .placeholder-order-card__date {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      width: 50px;
      height: 48px;
      padding: 5px;
      background-color: #f2f2f2;
      border-radius: 4px; }
  
  .goback {
    background-color: transparent;
    border: none;
    color: #a6a6a6;
    cursor: pointer;
    font-size: 1rem;
    padding: 0; }
    .goback__icon {
      width: 20px;
      fill: #a6a6a6;
      vertical-align: middle;
      margin-right: 4px; }
  
  .produto-checkbox {
    transition: all 100ms;
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    padding: 0;
    outline: none;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-tap-highlight-color: transparent;
    width: 24px;
    height: 24px;
    background-color: transparent;
    z-index: 0; }
    .produto-checkbox:hover {
      background-color: transparent; }
    .produto-checkbox::before, .produto-checkbox::after {
      box-sizing: border-box;
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      background: transparent;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 4px; }
    .produto-checkbox::before {
      transition: border 100ms;
      z-index: -2;
      border-style: solid; }
    .produto-checkbox::after {
      transition: all 100ms;
      z-index: -1;
      -webkit-transform: translate(-50%, -50%) scale(0);
              transform: translate(-50%, -50%) scale(0); }
    .produto-checkbox__input {
      cursor: inherit;
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0; }
    .produto-checkbox__icon {
      transition: all 200ms;
      -webkit-transform: scale(0) translateY(3px);
              transform: scale(0) translateY(3px); }
    .produto-checkbox__icon svg {
        width: 28px;
        height: 28px;
        display: inline-flex; }
    .produto-checkbox--primary::before {
      transition-delay: 130ms;
      border: 2px solid #a6a5a5; }
    .produto-checkbox--primary::after {
      background: #ea1d2c; }
    .produto-checkbox--primary .produto-checkbox__icon svg {
      color: #fff;
      fill: #fff; }
    .produto-checkbox--tertiary::before {
      transition-delay: 130ms;
      border: 2px solid #fed298; }
    .produto-checkbox--tertiary::after {
      background: #fed298; }
    .produto-checkbox--tertiary .produto-checkbox__icon svg {
      color: #ea1d2c;
      fill: #ea1d2c; }
    .produto-checkbox--checked.produto-checkbox--primary::before {
      transition-delay: 0;
      border-color: #a6a5a5; }
    .produto-checkbox--checked.produto-checkbox--primary::after {
      transition-delay: 200ms;
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
    .produto-checkbox--checked.produto-checkbox--tertiary {
      background: #fed298; }
    .produto-checkbox--checked.produto-checkbox--tertiary::before {
        transition-delay: 0;
        border-color: #fed298; }
    .produto-checkbox--checked.produto-checkbox--tertiary::after {
        transition-delay: 200ms;
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); }
    .produto-checkbox--checked .produto-checkbox__icon {
      transition-delay: 250ms;
      -webkit-transform: scale(1) translateY(3px);
              transform: scale(1) translateY(3px); }
    .produto-checkbox--disabled {
      cursor: not-allowed;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .produto-checkbox--small {
      width: 20px;
      height: 20px; }
    .produto-checkbox--small.produto-checkbox--checked.produto-checkbox--primary::before {
        border-width: 10px; }
    .produto-checkbox--normal {
      width: 24px;
      height: 24px; }
    .produto-checkbox--normal.produto-checkbox--checked.produto-checkbox--primary::before {
        border-width: 12px; }
  
  .placeholder-order-details-wrapper {
    width: 100%;
    padding: 0 20px; }
    .placeholder-order-details-wrapper .goback {
      display: none; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details-wrapper {
        margin: 20px auto;
        width: 470px;
        padding-top: 40px; }
        .placeholder-order-details-wrapper .goback {
          display: block; } }
    .placeholder-order-details__order-title {
    height: 16px;
    margin: 14px 0 8px 0;
    width: 60%; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__order-title {
        height: 40px;
        margin: 10px 0; } }
    .placeholder-order-details__see-menu {
    width: 25%;
    height: 16px;
    margin-bottom: 36px;
    display: none; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__see-menu {
        display: block; } }
    .placeholder-order-details__order-delivery {
    width: 85%;
    height: 16px;
    margin-bottom: 10px; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__order-delivery {
        width: 35%; } }
    .placeholder-order-details__order-delivery--date {
      width: 40%;
      display: none; }
    @media only screen and (min-width: 960px) {
        .placeholder-order-details__order-delivery--date {
          display: block; } }
    .placeholder-order-details__items-container {
    border-bottom: 1px solid rgba(196, 196, 196, 0.2);
    border-top: 1px solid rgba(196, 196, 196, 0.2);
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__items-container {
        padding: 25px 0;
        border-bottom: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4; } }
    .placeholder-order-details__items-description {
    width: 60%;
    height: 16px; }
    .placeholder-order-details__items-value {
    width: 15%;
    height: 16px; }
    .placeholder-order-details__pricing-wrapper {
    padding: 10px 0;
    border-bottom: 0;
    margin-bottom: 25px; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__pricing-wrapper {
        padding: 15px 0;
        border-bottom: 1px solid rgba(196, 196, 196, 0.2); } }
    .placeholder-order-details__pricing-container {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__pricing-container {
        padding: 10px 0; } }
    .placeholder-order-details__pricing-subtotal-title {
    width: 20%;
    height: 16px; }
    .placeholder-order-details__pricing-subtotal-value {
    width: 18%;
    height: 16px; }
    .placeholder-order-details__pricing-delivery-title {
    width: 25%;
    height: 16px; }
    .placeholder-order-details__pricing-delivery-value {
    width: 15%;
    height: 16px; }
    .placeholder-order-details__pricing-total-title {
    width: 12%;
    height: 16px; }
    .placeholder-order-details__pricing-total-value {
    width: 20%;
    height: 16px; }
    .placeholder-order-details__info-container {
    padding: 20px;
    border-top: 10px solid rgba(196, 196, 196, 0.2);
    width: 100vw;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
    @media only screen and (min-width: 960px) {
      .placeholder-order-details__info-container {
        border: none;
        padding: 0;
        margin-bottom: 25px;
        width: 100%;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    .placeholder-order-details__info-delivery-title {
    width: 25%;
    height: 16px;
    margin-bottom: 8px; }
    .placeholder-order-details__info-delivery-value {
    width: 70%;
    height: 16px; }
    .placeholder-order-details__info-order-title {
    width: 20%;
    height: 16px;
    margin-bottom: 8px; }
    .placeholder-order-details__info-order-value {
    width: 12%;
    height: 16px; }
    .placeholder-order-details__info-date-title {
    width: 25%;
    height: 16px;
    margin-bottom: 8px; }
    .placeholder-order-details__info-date-value {
    width: 35%;
    height: 16px; }
    .placeholder-order-details__info-payment-title {
    width: 30%;
    height: 16px;
    margin-bottom: 8px; }
    .placeholder-order-details__info-payment-value {
    width: 25%;
    height: 16px; }
    .placeholder-order-details__follow-container {
    padding: 20px 0;
    border-top: 1px solid rgba(196, 196, 196, 0.2);
    margin-top: 25px; }
    .placeholder-order-details__follow-button {
    height: 50px; }
  
  .simple-checkbox {
    transition: all 100ms;
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    padding: 0;
    outline: none;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-tap-highlight-color: transparent;
    width: 24px;
    height: 24px;
    background-color: transparent;
    z-index: 0; }
    .simple-checkbox:hover {
      background-color: transparent; }
    .simple-checkbox::before, .simple-checkbox::after {
      box-sizing: border-box;
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      background: transparent;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 4px; }
    .simple-checkbox::before {
      transition: border 100ms;
      z-index: -2;
      border-style: solid; }
    .simple-checkbox::after {
      transition: all 100ms;
      z-index: -1;
      -webkit-transform: translate(-50%, -50%) scale(0);
              transform: translate(-50%, -50%) scale(0); }
    .simple-checkbox__input {
      cursor: inherit;
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0; }
    .simple-checkbox__icon {
      transition: all 200ms;
      -webkit-transform: scale(0) translateY(3px);
              transform: scale(0) translateY(3px); }
    .simple-checkbox__icon svg {
        width: 28px;
        height: 28px;
        display: inline-flex; }
    .simple-checkbox--primary::before {
      transition-delay: 130ms;
      border: 2px solid #a6a5a5; }
    .simple-checkbox--primary::after {
      background: #ea1d2c; }
    .simple-checkbox--primary .simple-checkbox__icon svg {
      color: #fff;
      fill: #fff; }
    .simple-checkbox--tertiary::before {
      transition-delay: 130ms;
      border: 2px solid #fed298; }
    .simple-checkbox--tertiary::after {
      background: #fed298; }
    .simple-checkbox--tertiary .simple-checkbox__icon svg {
      color: #ea1d2c;
      fill: #ea1d2c; }
    .simple-checkbox--checked.simple-checkbox--primary::before {
      transition-delay: 0;
      border-color: #a6a5a5; }
    .simple-checkbox--checked.simple-checkbox--primary::after {
      transition-delay: 200ms;
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
    .simple-checkbox--checked.simple-checkbox--tertiary {
      background: #fed298; }
    .simple-checkbox--checked.simple-checkbox--tertiary::before {
        transition-delay: 0;
        border-color: #fed298; }
    .simple-checkbox--checked.simple-checkbox--tertiary::after {
        transition-delay: 200ms;
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); }
    .simple-checkbox--checked .simple-checkbox__icon {
      transition-delay: 250ms;
      -webkit-transform: scale(1) translateY(3px);
              transform: scale(1) translateY(3px); }
    .simple-checkbox--disabled {
      cursor: not-allowed;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .simple-checkbox--small {
      width: 20px;
      height: 20px; }
    .simple-checkbox--small.simple-checkbox--checked.simple-checkbox--primary::before {
        border-width: 10px; }
    .simple-checkbox--normal {
      width: 24px;
      height: 24px; }
    .simple-checkbox--normal.simple-checkbox--checked.simple-checkbox--primary::before {
        border-width: 12px; }
  
  .search-placeholder__tab {
    height: 50px; }
  
  .search-placeholder__areas {
    display: block; }
  
  @media only screen and (min-width: 768px) {
      .search-placeholder__areas {
        display: grid;
        grid-template: 1fr / 1fr 1fr 1fr;
        grid-gap: 20px; } }
  
  .produto-radio {
    transition: all 100ms;
    color: inherit;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    padding: 0;
    outline: none;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-tap-highlight-color: transparent;
    width: 24px;
    height: 24px;
    background-color: transparent;
    z-index: 0; }
    .produto-radio:hover {
      background-color: transparent; }
    .produto-radio::before, .produto-radio::after {
      box-sizing: border-box;
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      left: 50%;
      top: 50%;
      background: transparent;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 50%; }
    .produto-radio__input {
      cursor: inherit;
      position: absolute;
      opacity: 0;
      width: 24px;
      height: 24px;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      z-index: 2; }
    .produto-radio::after {
      transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      visibility: hidden; }
    .produto-radio--primary::before {
      z-index: 0;
      background: #f5f0eb; }
    .produto-radio--primary::after {
      border: 0 solid #ea1d2c;
      background: transparent;
      z-index: 1; }
    .produto-radio--checked::after {
      border-width: 6px;
      visibility: visible; }
    .produto-radio--disabled {
      cursor: not-allowed;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0.4; }
    .produto-radio--small {
      width: 20px;
      height: 20px; }
    .produto-radio--normal {
      width: 24px;
      height: 24px; }
  
  .pwa-banner-install {
    background: #f7f7f7;
    max-width: 960px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 50px 1fr;
    padding: 16px 10px;
    grid-column-gap: 16px;
    grid-template-areas: 'icon title' 'icon subtitle' 'icon buttons'; }
    @media only screen and (min-width: 960px) {
      .pwa-banner-install {
        display: none; } }
    .pwa-banner-install--white {
      background: #fff; }
    .pwa-banner-install__icon {
      grid-area: icon;
      display: flex;
      align-items: center;
      padding: 0 0 0 6px; }
    .pwa-banner-install__icon svg {
        width: 50px;
        height: 120px; }
    .pwa-banner-install__title {
      grid-area: title;
      display: flex;
      align-items: center;
      font-size: 1rem;
      color: #3e3e3e;
      font-weight: 500;
      line-height: 1.375rem; }
    .pwa-banner-install__subtitle {
      grid-area: subtitle;
      display: flex;
      align-items: center;
      color: #717171;
      font-size: 0.875rem;
      font-weight: 300; }
    .pwa-banner-install-buttons {
      grid-area: buttons;
      display: flex;
      align-items: center; }
    .pwa-banner-install-buttons__dismiss {
        color: #717171;
        padding: 5px 10px;
        position: relative;
        left: -10px;
        height: 30px; }
    .pwa-banner-install-buttons__dismiss .btn__label {
          font-size: 0.75rem;
          font-weight: normal; }
    @media only screen and (min-width: 375px) {
            .pwa-banner-install-buttons__dismiss .btn__label {
              font-size: 0.875rem; } }
    .pwa-banner-install-buttons__add {
        height: 36px; }
    .pwa-banner-install-buttons__add .btn__label {
          font-size: 0.875rem; }
    .pwa-banner-install .svg-flying-ballon__cartoon {
      -webkit-animation: ease-in-out banner-cartoon-flying 3s infinite alternate;
              animation: ease-in-out banner-cartoon-flying 3s infinite alternate; }
    .pwa-banner-install .svg-flying-ballon__shadow {
      -webkit-animation: ease-in-out banner-cartoon-shadow 3s infinite alternate;
              animation: ease-in-out banner-cartoon-shadow 3s infinite alternate; }
    .pwa-banner-install--large {
      grid-template-areas: 'icon' 'title ' 'subtitle' 'buttons';
      grid-template-columns: 1fr;
      padding: 20px 10px 15px;
      grid-column-gap: 16px; }
    .pwa-banner-install--large .pwa-banner-install__icon {
        justify-content: center;
        padding: 0; }
    .pwa-banner-install--large .pwa-banner-install__icon svg {
          height: 136px;
          width: 61px;
          padding: 0 0 0 5px; }
    .pwa-banner-install--large .pwa-banner-install__title {
        width: 170px;
        margin: 12px auto;
        text-align: center; }
    .pwa-banner-install--large .pwa-banner-install__subtitle {
        width: 252px;
        margin: 0 auto;
        text-align: center; }
    .pwa-banner-install--large .pwa-banner-install-buttons {
        margin: 6px 0 0 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center; }
    .pwa-banner-install--large .pwa-banner-install-buttons__add {
          margin: 12px 0;
          width: 215px; }
    .pwa-banner-install--large .pwa-banner-install-buttons__dismiss {
          left: 0; }
    @-webkit-keyframes banner-cartoon-flying {
    0% {
      -webkit-transform: rotate(2deg) translateY(-9px);
              transform: rotate(2deg) translateY(-9px); }
    100% {
      -webkit-transform: rotate(-2deg) translateY(0);
              transform: rotate(-2deg) translateY(0); } }
    @keyframes banner-cartoon-flying {
    0% {
      -webkit-transform: rotate(2deg) translateY(-9px);
              transform: rotate(2deg) translateY(-9px); }
    100% {
      -webkit-transform: rotate(-2deg) translateY(0);
              transform: rotate(-2deg) translateY(0); } }
    @-webkit-keyframes banner-cartoon-shadow {
    0% {
      opacity: 0.4;
      -webkit-transform: translateX(-3px);
              transform: translateX(-3px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(3px);
              transform: translateX(3px); } }
    @keyframes banner-cartoon-shadow {
    0% {
      opacity: 0.4;
      -webkit-transform: translateX(-3px);
              transform: translateX(-3px); }
    100% {
      opacity: 1;
      -webkit-transform: translateX(3px);
              transform: translateX(3px); } }
  
  .produto-fullpage-select-list {
    min-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .produto-fullpage-select-list__wrapper {
      height: 100%;
      overflow-y: scroll; }
    .produto-fullpage-select-list__empty {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      word-break: break-all;
      padding: 0 20px 50px 20px;
      color: #fff;
      height: 100%; }
    .produto-fullpage-select-list__empty__title {
        font-size: 0.9375rem;
        font-weight: 500;
        margin-bottom: 0; }
    .produto-fullpage-select-list__empty__message {
        font-size: 0.75rem;
        margin-top: 0; }
    .produto-fullpage-select-list__item {
      justify-content: flex-start;
      margin: 0; }
    .produto-fullpage-select-list__item .btn__label {
        flex-grow: 0;
        color: #fed298;
        font-size: 1.25rem;
        font-weight: 500; }
    .produto-fullpage-select-searcher {
    display: inline-flex;
    min-width: 100%;
    position: absolute;
    top: 0px;
    height: 50px;
    padding: 10px 20px 0;
    align-items: flex-end;
    background-color: #ea1d2c;
    z-index: 10010; }
    .produto-fullpage-select-searcher__icon {
      margin-right: 10px;
      height: 24px;
      width: 34px; }
    .produto-fullpage-select-searcher__icon svg {
        color: #fed298;
        fill: #fed298; }
    .produto-fullpage-select-searcher__input {
      display: flex;
      border: none;
      color: #fff;
      background: transparent;
      height: 100%;
      outline: none;
      border-bottom: 2px solid #fed298;
      width: 90%; }
    @media only screen and (min-width: 375px) {
        .produto-fullpage-select-searcher__input {
          font-size: 1.375rem; } }
    .produto-fullpage-select-searcher__input:-webkit-autofill {
        box-shadow: 0 30px 0 0 transparent inset; }
    .produto-fullpage-select-searcher__button {
      height: 30px;
      padding: 10px;
      margin-left: 10px; }
    .produto-fullpage-select-searcher__button .btn__label {
        color: #fed298; }
  
  .produto-fullpage-select-input {
    position: relative;
    background: transparent;
    border: none;
    width: 100%;
    padding: 0;
    overflow: hidden; }
    .produto-fullpage-select-input :first-child {
      pointer-events: none; }
    .produto-fullpage-select-input__icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 35px;
      right: 0;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .produto-fullpage-select-input__icon svg {
        color: #dcdcdc;
        fill: #dcdcdc; }
    .produto-fullpage-select-input__icon--light svg {
        color: #fed298;
        fill: #fed298; }
    @media only screen and (min-width: 375px) {
        .produto-fullpage-select-input__icon {
          width: 20px;
          height: 20px; } }
    @media only screen and (min-width: 960px) {
        .produto-fullpage-select-input__icon {
          top: 25px; } }
  
  .produto-toggle {
    cursor: pointer;
    display: inline-block;
    height: 26px;
    position: relative;
    width: 44px; }
    .produto-toggle__checkbox {
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1; }
    .produto-toggle__checkbox:checked + .produto-toggle__slider {
        background: #ea1d2c; }
    .produto-toggle__checkbox:checked + .produto-toggle__slider::before {
          background: #fff;
          -webkit-transform: translateX(85%);
                  transform: translateX(85%); }
    .produto-toggle__slider {
      background: #d3d2d2;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 15px;
      transition: all 200ms linear; }
    .produto-toggle__slider::before {
        background: #fff;
        border-radius: 100%;
        bottom: 2px;
        content: '';
        height: 22px;
        left: 2px;
        position: absolute;
        transition: all 200ms linear;
        width: 22px; }
    .produto-toggle__slider--disabled {
        opacity: 0.4; }
  
  .simple-form-input {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 4px 0;
    margin: 5px 0 5px;
    z-index: 0;
    min-height: 73px; }
    .simple-form-input .simple-form-input__label--has-value .label__name, .simple-form-input__label--has-value .simple-form-input .label__name, .simple-form-input .simple-form-input__field:focus + .label__name {
      -webkit-transform: translateY(-23px);
              transform: translateY(-23px);
      font-size: 0.875rem;
      background: #fff;
      z-index: 1;
      padding: 5px; }
    .simple-form-input__label {
      background: transparent;
      display: flex;
      flex-direction: column;
      color: #a6a6a6;
      position: relative;
      padding: 0; }
    .simple-form-input__label .label__name {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 20px;
        margin: auto;
        display: flex;
        align-items: center;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        transition: 200ms;
        font-size: 1rem;
        left: 14px; }
    .simple-form-input__field {
      color: #3e3e3e;
      background: transparent;
      font-weight: 500;
      outline: none;
      border-radius: 4px;
      border: 1px solid #dcdcdc;
      position: relative;
      padding: 13px 20px;
      height: auto;
      z-index: 1;
      width: 100%;
      font-size: 1rem;
      line-height: 20px; }
    .simple-form-input__field:focus + .label__name + .field__border {
        width: 100%; }
    .simple-form-input__field:-webkit-autofill {
        box-shadow: 0 30px 0 0 transparent inset; }
    .simple-form-input__field[disabled] {
      opacity: 0.4; }
    .simple-form-input__error {
      font-size: 0.75rem;
      margin: 4px 0 0 0;
      color: #ee4c58; }
    .simple-form-input--invalid .simple-form-input__field {
      border-color: #ee4c58; }
    .simple-form-input--invalid .label__name {
      color: #ee4c58; }
    .simple-form-input--invalid .field__border {
      background: #ee4c58; }
  
  .address-icon {
    justify-content: center;
    width: 100%;
    display: none; }
    @media only screen and (max-width: 767px) {
      .address-icon--mobile {
        display: flex; } }
    @media only screen and (min-width: 768px) {
      .address-icon--desktop {
        display: flex; } }
    @-webkit-keyframes ballon-1-animation {
    0% {
      -webkit-transform: translate(0, 6px);
              transform: translate(0, 6px); }
    50% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, 6px);
              transform: translate(0, 6px); } }
    @keyframes ballon-1-animation {
    0% {
      -webkit-transform: translate(0, 6px);
              transform: translate(0, 6px); }
    50% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, 6px);
              transform: translate(0, 6px); } }
    @-webkit-keyframes ballon-2-animation {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 5px);
              transform: translate(0, 5px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
    @keyframes ballon-2-animation {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 5px);
              transform: translate(0, 5px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
    @-webkit-keyframes plant-animation {
    0% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0); }
    50% {
      -webkit-transform: rotatez(5deg);
              transform: rotatez(5deg); }
    100% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0); } }
    @keyframes plant-animation {
    0% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0); }
    50% {
      -webkit-transform: rotatez(5deg);
              transform: rotatez(5deg); }
    100% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0); } }
    .address-icon #ballon-1 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: ballon-1-animation 6s infinite;
              animation: ballon-1-animation 6s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .address-icon #ballon-2 {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: ballon-2-animation 6s infinite;
              animation: ballon-2-animation 6s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .address-icon #plant-1 {
      -webkit-transform-origin: 150px 90px;
              transform-origin: 150px 90px;
      -webkit-animation: plant-animation 5s infinite;
              animation: plant-animation 5s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .address-icon #plant-2 {
      -webkit-transform-origin: 76px 89px;
              transform-origin: 76px 89px;
      -webkit-animation: plant-animation 4s infinite;
              animation: plant-animation 4s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  
  @media only screen and (min-width: 768px) {
    .highlights-carousel {
      padding: 0 20px; } }
  
  @media only screen and (min-width: 960px) {
    .highlights-carousel {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px; } }
  
  .highlights-carousel__container {
    display: flex;
    flex-direction: column; }
  
  .highlights-carousel a {
    text-decoration: none; }
  
  .highlights-carousel__figure {
    height: 140px;
    margin: 0;
    overflow: hidden;
    position: relative;
    border-radius: 4px; }
  
  @media only screen and (min-width: 768px) {
      .highlights-carousel__figure {
        height: 200px; } }
  
  .highlights-carousel__figure img {
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
              transform: none; }
  
  @media only screen and (min-width: 960px) {
        .highlights-carousel__figure img {
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-transform: none;
                  transform: none; } }
  
  .highlights-carousel__wrapper {
    width: 100%;
    padding: 20px 0 20px 0; }
  
  @media only screen and (min-width: 960px) {
      .highlights-carousel__wrapper {
        padding: 20px 0 64px 0; } }
  
  .highlights-carousel .carousel__controller--left {
    -webkit-transform: translateY(-32px) rotateZ(90deg);
            transform: translateY(-32px) rotateZ(90deg); }
  
  @media only screen and (min-width: 768px) {
      .highlights-carousel .carousel__controller--left {
        -webkit-transform: translateY(-18px) rotateZ(90deg);
                transform: translateY(-18px) rotateZ(90deg); } }
  
  @media only screen and (min-width: 960px) {
      .highlights-carousel .carousel__controller--left {
        left: -25px; } }
  
  .highlights-carousel .carousel__controller--right {
    -webkit-transform: translateY(-32px) rotateZ(-90deg);
            transform: translateY(-32px) rotateZ(-90deg); }
  
  @media only screen and (min-width: 768px) {
      .highlights-carousel .carousel__controller--right {
        -webkit-transform: translateY(-18px) rotateZ(-90deg);
                transform: translateY(-18px) rotateZ(-90deg); } }
  
  @media only screen and (min-width: 960px) {
      .highlights-carousel .carousel__controller--right {
        right: -25px; } }
  
  .address-list {
    display: grid;
    grid-auto-rows: auto;
    gap: 10px; }
    @media only screen and (min-width: 768px) {
      .address-list {
        width: 100%; } }
    @media only screen and (min-width: 768px) {
      .address-list__search-button {
        display: none; } }
  
  .address-login {
    display: grid;
    grid-template-rows: 20px 20px 50px;
    grid-row-gap: 5px;
    text-align: center;
    align-self: end; }
    @media only screen and (max-width: 374px) {
      .address-login {
        grid-template-rows: 20px 40px 50px; } }
    .address-login__title {
      font-size: 1rem;
      line-height: 20px;
      font-weight: 400;
      color: #595756; }
    .address-login__description {
      color: #a6a5a5;
      font-size: 0.875rem;
      line-height: 17px;
      font-weight: 300; }
    .address-login .btn {
      margin: 0; }
  
  .address-options__container {
    align-self: flex-start;
    background: #ea1d2c;
    display: flex;
    opacity: 0;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    z-index: 2; }
    @media only screen and (min-width: 960px) {
      .address-options__container {
        align-self: center;
        background: transparent; }
        .address-options__container .btn-icon svg {
          color: #ea1d2c;
          fill: #ea1d2c; } }
    .address-options__container .btn-icon {
      -webkit-animation: fadeIn 0.3s ease 1 forwards;
              animation: fadeIn 0.3s ease 1 forwards;
      cursor: pointer;
      margin: 0 18px 0 0;
      width: 25px; }
    .address-options__container .btn-icon:last-child {
        margin-right: 0; }
  
  .address-delivery-bar {
    max-width: 100%;
    padding: 0 20px;
    text-align: left;
    height: 65px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .address-delivery-bar__title {
      color: #fed298;
      font-size: 0.9375rem;
      margin: 0 0 1px 0; }
    .address-delivery-bar__address {
      color: #f6f5f5;
      font-size: 1.125rem;
      margin: 0; }
  
  .address-list-step {
    position: relative;
    display: grid;
    min-height: 100%;
    width: 100%;
    background-color: white;
    grid-row-gap: 20px;
    grid-auto-rows: -webkit-min-content auto;
    grid-auto-rows: min-content auto; }
    @media only screen and (max-width: 559px) {
      .address-list-step--with-return-button {
        grid-auto-rows: 40px -webkit-min-content auto;
        grid-auto-rows: 40px min-content auto; } }
    .address-list-step--centralize-content {
      grid-auto-rows: -webkit-min-content;
      grid-auto-rows: min-content; }
    .address-list-step__container {
      display: grid;
      grid-row-gap: 20px;
      grid-auto-rows: 40px 54px -webkit-min-content auto;
      grid-auto-rows: 40px 54px min-content auto;
      opacity: 0;
      height: 0;
      overflow: hidden; }
    .address-list-step__container--authenticated {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content; }
    .address-list-step__container--visible {
        height: auto;
        opacity: 1;
        overflow: visible; }
    .address-list-step__title {
      color: #3e3e3e;
      font-size: 1.125rem;
      line-height: 22px;
      text-align: center; }
    .address-list-step__back-btn {
      margin-top: 10px; }
    @media only screen and (min-width: 768px) {
        .address-list-step__back-btn {
          display: none; } }
  
  .area-menu-search {
    position: relative;
    width: 100%; }
    .area-menu-search input::-webkit-input-placeholder {
      text-align: left;
      color: #717171;
      opacity: 0.7;
      font-size: 1rem; }
    .area-menu-search input:-ms-input-placeholder {
      text-align: left;
      color: #717171;
      opacity: 0.7;
      font-size: 1rem; }
    .area-menu-search input::-ms-input-placeholder {
      text-align: left;
      color: #717171;
      opacity: 0.7;
      font-size: 1rem; }
    .area-menu-search input::placeholder {
      text-align: left;
      color: #717171;
      opacity: 0.7;
      font-size: 1rem; }
    .area-menu-search .icon-search {
      position: absolute;
      left: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 26px;
      height: 26px;
      pointer-events: none; }
    .area-menu-search .icon-search svg {
        color: #B1B1B1;
        fill: #B1B1B1; }
    .area-menu-search__field {
      display: flex;
      height: 40px;
      width: 99%;
      padding-left: 55px;
      border: none;
      border-radius: 4px;
      font-size: 1rem; }
    .area-menu-search .btn-icon {
      position: absolute;
      top: 0;
      right: 20px; }
    .area-menu-search .btn-icon > canvas {
        color: #3e3e3e; }
    .area-menu-search .btn-icon .icon-search--close {
        left: 0;
        height: 30px;
        width: 30px; }
  
  .category-tag__label {
    color: #3f3e3e;
    border: 1px solid #f5f0eb;
    padding: 7px 10px;
    border-radius: 4px;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: default; }
    @media only screen and (min-width: 960px) {
      .category-tag__label {
        cursor: pointer; } }
    .category-tag__label:hover {
      background: #f7f7f7; }
    .category-tag__input {
    display: none; }
    .category-tag__input:checked + label {
      border-radius: 4px;
      padding: 7px 10px;
      color: #fff;
      background-color: #ea1d2c;
      border: 1px solid #ea1d2c;
      transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .category-tag__input:checked + label:hover {
        background: #ea1d2c; }
  
  .categories-list__form {
    display: flex;
    flex-direction: column;
    height: calc(100% - 57px); }
    .categories-list__form > .categories-list__content {
      overflow-y: auto;
      width: calc(100% - 8px);
      scrollbar-color: #dcdcdc transparent;
      margin: 10px 0 0;
      padding: 20px 30px; }
    .categories-list__form > .categories-list__content::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: transparent; }
    .categories-list__form > .categories-list__content::-webkit-scrollbar {
        width: 4px;
        background-color: transparent; }
    .categories-list__form > .categories-list__content::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #dcdcdc; }
    .categories-list__form > .categories-list__content .category-filter__name {
        display: inline-flex;
        position: relative;
        margin: 0 5px 10px 0px; }
    @media only screen and (min-width: 960px) {
          .categories-list__form > .categories-list__content .category-filter__name {
            cursor: pointer; } }
    .categories-list__form > .categories-list__content .produto-collapse__content {
        display: none; }
    .categories-list__form > .categories-list__content .produto-collapse__title {
        padding: 10px 0;
        color: #ea1d2c;
        font-weight: normal;
        font-size: 1rem; }
    .categories-list__form > .categories-list__content .produto-collapse--open .produto-collapse__content {
        padding: 0;
        display: block; }
    .categories-list__form > .categories-list__content .produto-collapse--open .produto-collapse__title {
        padding: 0;
        display: none; }
    .categories-list__form > .categories-list__content .produto-collapse--open .produto-collapse__button {
        display: none; }
    .categories-list__form .area-menu-search {
      border-bottom: 1px solid #f1f1f1; }
    .categories-list__form .area-menu-search > .icon-search {
        left: 28px; }
    .categories-list__form .area-menu-search > .area-menu-search__field {
        height: 50px;
        padding-left: 65px; }
  
  .address-search-step {
    position: relative;
    display: grid;
    min-height: 100%;
    width: 100%;
    background-color: white;
    grid-row-gap: 20px;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content; }
    .address-search-step__title {
      color: #3e3e3e;
      font-size: 1.125rem;
      line-height: 22px;
      text-align: center;
      display: none; }
    @media only screen and (min-width: 768px) {
        .address-search-step__title {
          display: block; } }
    .address-search-step__results {
      padding-top: 5px; }
    .address-search-step .btn-address {
      border-bottom: 1px solid #f7f7f7; }
    .address-search-step .no-results {
      display: grid;
      margin-bottom: auto;
      grid-row-gap: 5px;
      text-align: center; }
    @media only screen and (min-width: 768px) {
        .address-search-step .no-results {
          padding-top: 40px;
          margin: auto;
          width: 40%; } }
    .address-search-step .no-results__description {
        color: #a6a5a5;
        font-size: 0.875rem;
        line-height: 20px;
        font-weight: 300; }
    .address-search-step .no-results .btn {
        margin: 0; }
    .address-search-step .produto-error-message {
      justify-content: center; }
  
  .slider__title {
    font-size: 1.125rem;
    color: #3f3e3e; }
  
  .slider__label {
    font-size: 0.875rem;
    color: #a6a5a5; }
  
  .slider .slider-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 2px;
    width: 100%;
    background: #f1f1f1;
    outline: none; }
  
  .slider .slider-input__fill {
      height: 2px;
      background-color: #ea1d2c;
      position: relative;
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px);
      pointer-events: none; }
  
  .slider .slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    width: 20px;
    height: 20px;
    background: #ea1d2c;
    border-radius: 100%;
    border: none;
    cursor: -webkit-grab;
    cursor: grab;
    transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  .slider .slider-input::-webkit-slider-thumb:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  
  .slider .slider-input::-webkit-slider-thumb:active {
      cursor: -webkit-grabbing;
      cursor: grabbing;
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  
  .slider .slider-input::-webkit-slider-thumb:focus {
      border-color: 0;
      box-shadow: none; }
  
  .slider .slider-input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #ea1d2c;
    border: none;
    cursor: grab;
    transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  .slider .slider-input::-moz-range-thumb:hover {
      transform: scale(1.2); }
  
  .slider .slider-input::-moz-range-thumb:active {
      cursor: grabbing;
      transform: scale(1.2); }
  
  .slider .slider-input::-moz-range-thumb:focus {
      border-color: 0;
      box-shadow: none; }
  
  @-webkit-keyframes pink-pan-lip-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(6deg) translate(3px, 8px);
              transform: rotateZ(6deg) translate(3px, 8px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes pink-pan-lip-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(6deg) translate(3px, 8px);
              transform: rotateZ(6deg) translate(3px, 8px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @-webkit-keyframes pink-pan-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 0);
              transform: rotateZ(1deg) translate(-1px, 0); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes pink-pan-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 0);
              transform: rotateZ(1deg) translate(-1px, 0); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @-webkit-keyframes purple-pan-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 0);
              transform: rotateZ(1deg) translate(-1px, 0); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes purple-pan-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 0);
              transform: rotateZ(1deg) translate(-1px, 0); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @-webkit-keyframes white-pan-movement {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
    50% {
      -webkit-transform: scaleY(1.07);
              transform: scaleY(1.07); }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); } }
  
  @keyframes white-pan-movement {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); }
    50% {
      -webkit-transform: scaleY(1.07);
              transform: scaleY(1.07); }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1); } }
  
  @-webkit-keyframes pink-purple-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -14px);
              transform: translate(0, -14px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes pink-purple-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -14px);
              transform: translate(0, -14px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @-webkit-keyframes z-1-movement {
    0% {
      -webkit-transform: translate(0, 20px);
              transform: translate(0, 20px); }
    50% {
      -webkit-transform: translate(-2px, 32px);
              transform: translate(-2px, 32px); }
    100% {
      -webkit-transform: translate(0, 20px);
              transform: translate(0, 20px); } }
  
  @keyframes z-1-movement {
    0% {
      -webkit-transform: translate(0, 20px);
              transform: translate(0, 20px); }
    50% {
      -webkit-transform: translate(-2px, 32px);
              transform: translate(-2px, 32px); }
    100% {
      -webkit-transform: translate(0, 20px);
              transform: translate(0, 20px); } }
  
  @-webkit-keyframes z-2-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(4px, 12px);
              transform: translate(4px, 12px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes z-2-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(4px, 12px);
              transform: translate(4px, 12px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @-webkit-keyframes z-3-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(4px, 10px);
              transform: translate(4px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes z-3-movement {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(4px, 10px);
              transform: translate(4px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  .animated-pans svg {
    width: 255px; }
  
  @media only screen and (min-width: 960px) {
      .animated-pans svg {
        width: 300px; } }
  
  .animated-pans .pink-pan-lip {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: pink-pan-lip-movement 5s infinite;
            animation: pink-pan-lip-movement 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .pink-pan {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-animation: pink-pan-movement 5s infinite;
            animation: pink-pan-movement 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .purple-pan,
  .animated-pans .purple-inside {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-animation: purple-pan-movement 4.7s infinite;
            animation: purple-pan-movement 4.7s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .white-pan,
  .animated-pans .white-inside {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-animation: white-pan-movement 5s infinite;
            animation: white-pan-movement 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .pink-purple {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-animation: pink-purple-movement 5s infinite;
            animation: pink-purple-movement 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .z-1 {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-animation: z-1-movement 5s infinite;
            animation: z-1-movement 5s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .z-2 {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-animation: z-2-movement 4.7s infinite;
            animation: z-2-movement 4.7s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .animated-pans .z-3 {
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-animation: z-3-movement 4.4s infinite;
            animation: z-3-movement 4.4s infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  
  .address-map-step__no-api {
    height: 100%;
    position: relative;
    display: grid;
    align-items: center;
    justify-content: center; }
  
  .address-map-step__powered-by {
    display: none; }
  
  .address-map-step__complete-form {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    background: linear-gradient(0deg, white 94%, rgba(255, 255, 255, 0.2) 100%);
    justify-content: center;
    align-items: end;
    transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
    padding-top: 40px;
    height: calc(100% - 90px); }
  
  .address-map-step__complete-form--active {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  
  .address-map-step__complete-form--active ~ .address-maps__map {
        height: 150px; }
  
  .address-map-step__complete-form--active ~ .address-maps__map .address-maps-header {
          background: transparent; }
  
  .address-map-step__complete-form--active .address-map-step__powered-by {
        display: block;
        position: absolute;
        top: -20px;
        right: 20px; }
  
  .address-map-step__complete-form--active .address-map-step__powered-by svg {
          height: 14px;
          width: 116px; }
  
  .delivery-filter {
    position: relative;
    padding: 0 30px; }
    .delivery-filter__label {
      align-items: center;
      border-bottom: 1px solid #f1f1f1;
      display: flex;
      height: 50px;
      justify-content: space-between;
      padding: 15px 0;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .delivery-filter__label {
          cursor: pointer; } }
    .delivery-filter__label-text {
      color: #717171;
      font-size: 1em; }
    .delivery-filter .slider {
      padding: 10px 0; }
  
  .cuisines-list {
    padding: 20px 0 0; }
    @media only screen and (min-width: 768px) {
      .cuisines-list {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-bottom: 64px; } }
    .cuisines-list__header {
      display: grid;
      grid-template: 1fr / 1fr 60px;
      align-items: center;
      width: 100%;
      justify-content: center;
      padding: 20px 20px 10px;
      padding: 0 20px 26px; }
    @media only screen and (min-width: 768px) {
        .cuisines-list__header {
          padding: 20px 0 0 0; } }
    .cuisines-list__title {
      color: #3f3e3e;
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.25rem;
      width: calc(100% - 60px);
      margin: 0; }
    @media only screen and (min-width: 768px) {
        .cuisines-list__title {
          padding: 0 0 16px;
          font-size: 1.25rem;
          line-height: 1.5625rem; } }
    .cuisines-list__big-title {
      display: none;
      color: #595756;
      font-size: 2rem;
      font-weight: 500;
      margin: 0; }
    @media only screen and (min-width: 768px) {
        .cuisines-list__big-title {
          display: block; } }
    .cuisines-list__container {
      min-height: 140px; }
    .cuisines-list__container .area-simple-item {
        width: 120px; }
    @media only screen and (min-width: 768px) {
        .cuisines-list__container {
          padding: 0 30px; } }
    .cuisines-list__button {
      justify-content: flex-end;
      padding-right: 0; }
    .cuisines-list .cuisine-item {
      display: inline-block;
      text-align: center;
      transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .cuisines-list .cuisine-item a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
    .cuisines-list .cuisine-item a:hover .cuisine-item__title {
          color: #3e3e3e; }
    .cuisines-list .cuisine-item__figure {
        margin: 0;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        overflow: hidden;
        position: relative;
        z-index: 1; }
    @media only screen and (min-width: 960px) {
          .cuisines-list .cuisine-item__figure {
            width: 110px;
            height: 110px; } }
    .cuisines-list .cuisine-item__figure img {
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          z-index: 0;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
    @media only screen and (min-width: 960px) {
          .cuisines-list .cuisine-item__figure {
            margin: 0 auto; } }
    .cuisines-list .cuisine-item__title {
        text-align: center;
        margin-top: 20px;
        display: block;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.125rem;
        color: #717171; }
    .cuisines-list .carousel__slide {
      display: grid;
      justify-content: center; }
    .cuisines-list .carousel__controller--left {
      -webkit-transform: translateY(-40px) rotateZ(90deg);
              transform: translateY(-40px) rotateZ(90deg); }
    @media only screen and (min-width: 960px) {
        .cuisines-list .carousel__controller--left {
          left: -25px; } }
    .cuisines-list .carousel__controller--right {
      -webkit-transform: translateY(-40px) rotateZ(-90deg);
              transform: translateY(-40px) rotateZ(-90deg); }
    @media only screen and (min-width: 960px) {
        .cuisines-list .carousel__controller--right {
          right: -25px; } }
  
  .address-modal {
    height: 100%;
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .address-modal {
        height: calc(100vh - 100px);
        max-height: 584px;
        width: 694px; } }
    .address-modal .produto-modal__inner-content {
      display: grid; }
    .address-modal .btn-address {
      margin: 0; }
    .address-modal-overlay > .ReactModal__Content--after-open {
    border-radius: 0; }
    @media only screen and (min-width: 768px) {
      .address-modal-overlay > .ReactModal__Content--after-open {
        top: 80px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border-radius: 4px; } }
  
  .filter-dropdown {
    position: relative; }
    .filter-dropdown__floating-box {
      background: #fff;
      border-radius: 4px;
      border: 1px solid #dcdcdc;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
      display: flex;
      flex-direction: column;
      height: 420px;
      left: 0;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      top: 0px;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
      visibility: hidden;
      width: 400px;
      z-index: 0; }
    .filter-dropdown__floating-box--visible {
        opacity: 1;
        -webkit-transform: translateY(66px);
                transform: translateY(66px);
        transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        visibility: visible;
        z-index: 9994; }
    .filter-dropdown__footer {
      height: 50px;
      display: flex;
      justify-content: space-between;
      margin-top: auto;
      padding: 0 10px; }
    .filter-dropdown__footer .btn {
        margin: 0; }
    .filter-dropdown__btn {
      height: 40px;
      margin-bottom: 0;
      margin-top: 0; }
    .filter-dropdown__btn--visible {
        z-index: 9994;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); }
    .filter-dropdown__clear-button {
      color: #3e3e3e; }
    .filter-dropdown .btn--transparent {
      transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .filter-dropdown .produto-checkbox {
      background: #f2f2f2; }
    .filter-dropdown .produto-checkbox::before {
        content: none; }
    .filter-dropdown .btn .btn__label {
      font-size: 1em;
      line-height: normal;
      font-weight: normal; }
  
  .btn-address {
    width: 100%;
    min-height: 40px;
    padding: 15px;
    border: 0;
    position: relative;
    color: #717171;
    background: transparent;
    overflow: hidden;
    text-decoration: none;
    transition: all 200ms ease-in-out;
    height: auto;
    opacity: 1;
    visibility: visible;
    cursor: pointer; }
    .btn-address button {
      border: 0;
      background: transparent; }
    @media only screen and (min-width: 768px) {
        .btn-address button {
          cursor: pointer; } }
    .btn-address--full-size {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
    .btn-address--disabled {
      pointer-events: none;
      cursor: wait;
      opacity: 0.5; }
    @media only screen and (min-width: 768px) {
      .btn-address:hover, .btn-address:active {
        color: #3e3e3e; }
        .btn-address:hover .btn-address__icon--right, .btn-address:active .btn-address__icon--right {
          fill: #3e3e3e; }
        .btn-address:hover .icon-search--location path[stroke='#3e3e3e'], .btn-address:hover .icon-search--house path[stroke='#3e3e3e'], .btn-address:hover .icon-search--coffee-cup path[stroke='#3e3e3e'], .btn-address:hover .icon-search--synchronize-arrow path[stroke='#3e3e3e'], .btn-address:active .icon-search--location path[stroke='#3e3e3e'], .btn-address:active .icon-search--house path[stroke='#3e3e3e'], .btn-address:active .icon-search--coffee-cup path[stroke='#3e3e3e'], .btn-address:active .icon-search--synchronize-arrow path[stroke='#3e3e3e'] {
          stroke: #3e3e3e; }
        .btn-address:hover .icon-search--location path[fill='#3e3e3e'], .btn-address:hover .icon-search--house path[fill='#3e3e3e'], .btn-address:hover .icon-search--coffee-cup path[fill='#3e3e3e'], .btn-address:hover .icon-search--synchronize-arrow path[fill='#3e3e3e'], .btn-address:active .icon-search--location path[fill='#3e3e3e'], .btn-address:active .icon-search--house path[fill='#3e3e3e'], .btn-address:active .icon-search--coffee-cup path[fill='#3e3e3e'], .btn-address:active .icon-search--synchronize-arrow path[fill='#3e3e3e'] {
          fill: #3e3e3e; }
        .btn-address:hover .icon-search--location .shadow-bg, .btn-address:hover .icon-search--house .shadow-bg, .btn-address:hover .icon-search--coffee-cup .shadow-bg, .btn-address:hover .icon-search--synchronize-arrow .shadow-bg, .btn-address:active .icon-search--location .shadow-bg, .btn-address:active .icon-search--house .shadow-bg, .btn-address:active .icon-search--coffee-cup .shadow-bg, .btn-address:active .icon-search--synchronize-arrow .shadow-bg {
          opacity: 0.2; } }
    .btn-address .icon-search svg path,
    .btn-address .icon-search svg g {
      transition: all 200ms ease-in-out; }
    .btn-address--default {
      border-radius: 8px;
      border: 1px solid #f2f2f2; }
    @media only screen and (min-width: 768px) {
        .btn-address--default:hover, .btn-address--default:active {
          color: #3e3e3e;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.08);
          border-color: transparent; } }
    .btn-address--simple .icon-search path[stroke='#3e3e3e'] {
      stroke: #a6a6a6; }
    .btn-address--simple .icon-search path[fill='#3e3e3e'] {
      fill: #a6a6a6; }
    .btn-address--simple .btn-address__info--description {
      color: #a6a6a6; }
    .btn-address--is-active {
      border-color: #ea1d2c;
      color: #3e3e3e; }
    .btn-address--is-active .btn-address__icon--right {
        fill: #3e3e3e; }
    .btn-address--is-active .icon-search--location path[stroke='#3e3e3e'], .btn-address--is-active .icon-search--house path[stroke='#3e3e3e'], .btn-address--is-active .icon-search--coffee-cup path[stroke='#3e3e3e'], .btn-address--is-active .icon-search--synchronize-arrow path[stroke='#3e3e3e'] {
        stroke: #3e3e3e; }
    .btn-address--is-active .icon-search--location path[fill='#3e3e3e'], .btn-address--is-active .icon-search--house path[fill='#3e3e3e'], .btn-address--is-active .icon-search--coffee-cup path[fill='#3e3e3e'], .btn-address--is-active .icon-search--synchronize-arrow path[fill='#3e3e3e'] {
        fill: #3e3e3e; }
    .btn-address--is-active .icon-search--location .shadow-bg, .btn-address--is-active .icon-search--house .shadow-bg, .btn-address--is-active .icon-search--coffee-cup .shadow-bg, .btn-address--is-active .icon-search--synchronize-arrow .shadow-bg {
        opacity: 0.2; }
    .btn-address--is-open-actions .btn-address__icon--left {
      margin-right: 20px;
      width: 90px;
      min-width: 90px; }
    .btn-address--is-open-actions .icon-search--more-dots {
      fill: #ea1d2c; }
    .btn-address--is-open-actions .btn-address__icon-actions {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .btn-address--is-open-actions .btn-address__icon-actions .icon-search--pen:hover, .btn-address--is-open-actions .btn-address__icon-actions .icon-search--trash:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    .btn-address--is-open-actions .btn-address__icon-actions .icon-search--pen:hover .shadow-bg, .btn-address--is-open-actions .btn-address__icon-actions .icon-search--trash:hover .shadow-bg {
          opacity: 0.2; }
    .btn-address--is-open-actions .btn-address__icon-actions .icon-search--trash:hover .shadow-bg {
        fill: #ea1d2c; }
    .btn-address__description {
      font-size: 0.88rem;
      line-height: 20px; }
    .btn-address__container {
      display: flex; }
    .btn-address__info {
      gap: 4px;
      display: grid;
      text-align: left;
      align-content: center;
      flex-grow: 1;
      transition: all 200ms ease-in-out;
      word-break: break-word; }
    .btn-address__info--description {
        line-height: 18px;
        font-size: 14px;
        font-weight: 100; }
    .btn-address__icon--left {
      display: grid;
      align-self: center;
      width: 50px;
      transition: all 200ms ease-in-out;
      min-width: 50px;
      max-height: 40px; }
    .btn-address__icon--left .icon-search {
        height: 25px;
        width: 25px; }
    .btn-address__icon--right {
      width: 35px;
      min-width: 35px;
      height: 35px;
      padding: 0 5px;
      display: flex;
      align-content: start;
      -webkit-transform: translate(10px);
              transform: translate(10px);
      fill: #a6a6a6; }
    .btn-address__icon--right button {
        height: 25px; }
    .btn-address__icon-trash path {
      stroke: #ea1d2c; }
    .btn-address__delete-confirmation {
      opacity: 0;
      visibility: hidden;
      background: transparent;
      border: 0;
      cursor: pointer;
      height: 0;
      transition: all 200ms ease; }
    .btn-address__delete-confirmation .icon-search {
        height: 30px;
        width: 30px;
        transition: -webkit-transform 200ms ease;
        transition: transform 200ms ease;
        transition: transform 200ms ease, -webkit-transform 200ms ease; }
    .btn-address__delete-confirmation .icon-search svg path,
        .btn-address__delete-confirmation .icon-search svg g {
          transition: none; }
    .btn-address__delete-confirmation .icon-search--error:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
    .btn-address__delete-confirmation .icon-search--error:hover svg {
            color: #ea1d2c;
            fill: #ea1d2c; }
    .btn-address__delete-confirmation .icon-search--confirm:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
    .btn-address__delete-confirmation .icon-search--confirm:hover svg {
            color: #50a773;
            fill: #50a773; }
    .btn-address__icon-actions {
      grid-gap: 0 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
      transition: all 200ms ease-in-out; }
    .btn-address__icon-actions--delete-confirming .btn-address__delete-confirmation {
        display: flex;
        visibility: visible;
        opacity: 1;
        height: 40px; }
    .btn-address__icon-actions--delete-confirming .btn-address--btn-actions {
        opacity: 0;
        height: 0; }
    .btn-address--btn-actions {
      background: transparent;
      border: 0;
      cursor: pointer;
      height: 40px;
      transition: all 200ms ease; }
    .btn-address--hidden {
      height: 0;
      min-height: 0;
      padding: 0 15px;
      opacity: 0; }
    .btn-address--display-none {
      display: none; }
  
  .payment-options {
    position: relative; }
    .payment-options__label {
      align-items: center;
      border-bottom: 1px solid #f1f1f1;
      display: flex;
      height: 50px;
      justify-content: space-between;
      padding: 15px 0;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .payment-options__label {
          cursor: pointer; } }
    .payment-options__main-list {
      max-height: 360px;
      opacity: 0;
      overflow-y: auto;
      padding: 0 30px;
      position: absolute;
      top: 0;
      -webkit-transform: translateX(-400px);
              transform: translateX(-400px);
      transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
      width: 100%; }
    .payment-options__main-list--visible {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    .payment-options__text {
      color: #717171;
      font-size: 1em; }
    .payment-options__button {
      align-items: center;
      background: none;
      border-bottom: 1px solid #f1f1f1;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      color: #717171;
      cursor: pointer;
      display: flex;
      height: 50px;
      justify-content: space-between;
      padding: 15px 0;
      width: 100%; }
    .payment-options__button .icon-search {
        width: 14px; }
    .payment-options__sub-options {
      opacity: 0;
      -webkit-transform: translateX(400px);
              transform: translateX(400px);
      transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
      position: absolute;
      width: 100%; }
    .payment-options__sub-options--visible {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    .payment-options__sub-options__list {
      max-height: 300px;
      overflow-y: auto;
      padding: 0 30px; }
    .payment-options__sub-options-header {
      align-items: center;
      border-bottom: 1px solid #f1f1f1;
      display: flex;
      height: 50px; }
    .payment-options__sub-options-back {
      background: none;
      border: 0;
      cursor: pointer;
      position: relative;
      top: 3px;
      z-index: 1; }
    .payment-options__sub-options-back .icon-search {
        pointer-events: none;
        width: 32px; }
    .payment-options__sub-options-back .icon-search svg {
          color: #3e3e3e;
          fill: #3e3e3e; }
    .payment-options__sub-options-title {
      color: #3e3e3e;
      font-size: 1em;
      position: absolute;
      text-align: center;
      width: 100%; }
  
  .address-step-shell {
    height: 100%;
    padding: 20px 0;
    overflow-y: scroll;
    scrollbar-color: #dcdcdc transparent;
    background-color: white; }
    .address-step-shell::-webkit-scrollbar-track {
      border-radius: 50px;
      background-color: transparent; }
    .address-step-shell::-webkit-scrollbar {
      width: 4px;
      background-color: transparent; }
    .address-step-shell::-webkit-scrollbar-thumb {
      border-radius: 50px;
      background-color: #dcdcdc; }
    @media only screen and (min-width: 1248px) {
      .address-step-shell {
        padding: 30px 0; } }
    .address-step-shell > div {
      padding: 0 20px; }
    @media only screen and (min-width: 1248px) {
        .address-step-shell > div {
          padding: 0 30px; } }
  
  .address-search-input {
    position: relative;
    width: 100%; }
    .address-search-input--sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1; }
    .address-search-input--sticky::after {
        content: '';
        width: calc(100% + 40px);
        height: 100px;
        top: -22px;
        left: -40px;
        background-color: white;
        position: absolute;
        z-index: -1; }
    @media only screen and (min-width: 768px) {
          .address-search-input--sticky::after {
            left: -20px; } }
    .address-search-input--sticky::before {
        content: '';
        position: absolute;
        bottom: -22px;
        width: calc(100% + 40px);
        height: 22px;
        left: -40px;
        box-shadow: 0px 5px 7px 0px rgba(255, 255, 255, 0.9);
        z-index: -1; }
    @media only screen and (min-width: 768px) {
          .address-search-input--sticky::before {
            left: -20px; } }
    .address-search-input__icon {
      position: absolute;
      left: 13px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 26px;
      height: 26px;
      margin: 0; }
    .address-search-input__icon svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    @media only screen and (min-width: 768px) {
        .address-search-input__icon {
          left: 25px; } }
    .address-search-input__field {
      display: flex;
      height: 54px;
      width: 100%;
      padding: 5px 35px 5px 50px;
      border: 1px solid #f2f2f2;
      font-size: 1rem;
      line-height: 1.25em;
      font-weight: 300;
      background: #f7f7f7;
      border-radius: 4px; }
    .address-search-input__field::-webkit-input-placeholder {
        color: #a6a6a5;
        font-size: 1rem;
        font-weight: 300; }
    .address-search-input__field:-ms-input-placeholder {
        color: #a6a6a5;
        font-size: 1rem;
        font-weight: 300; }
    .address-search-input__field::-ms-input-placeholder {
        color: #a6a6a5;
        font-size: 1rem;
        font-weight: 300; }
    .address-search-input__field::placeholder {
        color: #a6a6a5;
        font-size: 1rem;
        font-weight: 300; }
    @media only screen and (min-width: 768px) {
        .address-search-input__field {
          padding: 5px 35px 5px 70px; } }
    .address-search-input__erase-button {
      background: transparent;
      border: none;
      margin: 0;
      position: absolute;
      right: 5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .address-search-input__button {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: text; }
    .address-search-input__powered-by {
      position: absolute;
      bottom: -25px;
      right: 0; }
    .address-search-input__powered-by svg {
        height: 14px;
        width: 116px; }
  
  .desktop-filters {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    align-items: center;
    display: none;
    justify-content: space-between;
    margin-bottom: 26px; }
    @media only screen and (min-width: 960px) {
      .desktop-filters {
        display: flex;
        margin-bottom: 32px; } }
    .desktop-filters__header {
      display: flex;
      align-items: center; }
    .desktop-filters__header > * {
        margin-right: 20px; }
    .desktop-filters__header > *:last-child {
          margin-right: 0; }
    .desktop-filters__label {
      color: #717171;
      font-size: 1em; }
    .desktop-filters__clear-btn {
      background: none;
      border: 0;
      color: #3e3e3e;
      cursor: pointer;
      font-size: 1em; }
    .desktop-filters__clear-btn:hover {
        text-decoration: underline; }
  
  .mobile-sorter-item {
    position: relative; }
    .mobile-sorter-item .btn--default {
      background-color: transparent;
      color: #a6a5a5;
      height: 50px;
      margin: 0;
      justify-content: flex-start;
      font-size: 0.9375em;
      font-weight: 400; }
    .mobile-sorter-item .btn--default .btn__icon {
        margin-right: 10px;
        width: 24px;
        height: 24px; }
    .mobile-sorter-item .btn--default svg {
        color: #a6a5a5;
        fill: #a6a5a5; }
    .mobile-sorter-item--selected .btn--default {
      color: #595756; }
    .mobile-sorter-item:first-child::before {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      left: 20px;
      top: 0;
      border-top: 1px solid #f5f0eb; }
    .mobile-sorter-item::after {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      left: 20px;
      bottom: 0;
      border-top: 1px solid #f5f0eb; }
    .mobile-sorter-item__radio {
      position: absolute;
      right: 20px;
      height: 24px;
      width: 24px;
      border-radius: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: #f5f0eb;
      border: 0 solid #ea1d2c;
      transition: 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .mobile-sorter-item__radio--selected {
        background-color: #f5f0eb;
        border-width: 6px;
        transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .carrinho-tooltip__container {
    display: inline-block;
    width: calc(100% - 40px);
    position: absolute;
    z-index: 100;
    background: #3e3e3e;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 20px;
    bottom: 100%; }
    @media only screen and (min-width: 960px) {
      .carrinho-tooltip__container {
        max-width: 360px; } }
    .carrinho-tooltip__container:before {
      content: '';
      display: block;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 25px;
      height: 25px;
      position: absolute;
      bottom: -5px;
      left: 20px;
      border-radius: 5px;
      background: #3e3e3e; }
    .carrinho-tooltip__content {
    font-size: 0.875rem;
    color: #fff; }
  
  .mobile-sorter {
    display: flex;
    flex-direction: column; }
  
  .address-maps-message {
    opacity: 0;
    visibility: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 172px;
    height: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-50% - 80px)) scale(0.7);
            transform: translate(-50%, calc(-50% - 80px)) scale(0.7);
    background-color: white;
    border-radius: 4px;
    padding: 12px 16px;
    text-align: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    transition: all ease-in 50ms;
    pointer-events: none; }
    .address-maps-message:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid white;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      bottom: -9px;
      position: absolute; }
    .address-maps-message--active {
      opacity: 1;
      visibility: 1;
      -webkit-transform: translate(-50%, calc(-50% - 80px)) scale(1);
              transform: translate(-50%, calc(-50% - 80px)) scale(1); }
    .address-maps-message__title {
      color: #272727;
      font-size: 0.875rem;
      line-height: 1.125rem; }
    .address-maps-message__subtitle {
      color: #717171;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: lighter; }
  
  .carrinho-action .carrinho-tooltip {
    align-items: center;
    background: #fff;
    border-top: 2px solid #f5f0eb;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    padding: 20px 20px;
    height: 100px;
    width: 100%;
    z-index: 30;
    position: absolute; }
  
  .carrinho-action__add-button {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 0.875rem; }
  
  @media only screen and (min-width: 560px) {
      .carrinho-action__add-button {
        flex-direction: row; } }
  
  .carrinho-action__remove-text {
    width: 100%;
    text-align: center; }
  
  .carrinho-action__update-wrapper, .carrinho-action__add-wrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%; }
  
  @media only screen and (min-width: 960px) {
      .carrinho-action__update-wrapper, .carrinho-action__add-wrapper {
        justify-content: flex-end; } }
  
  .carrinho-action__update-wrapper .btn.btn--full-width,
    .carrinho-action__update-wrapper .btn--default, .carrinho-action__add-wrapper .btn.btn--full-width,
    .carrinho-action__add-wrapper .btn--default {
      width: 100%;
      margin: 0;
      text-align: center; }
  
  @media only screen and (min-width: 960px) {
        .carrinho-action__update-wrapper .btn.btn--full-width,
        .carrinho-action__update-wrapper .btn--default, .carrinho-action__add-wrapper .btn.btn--full-width,
        .carrinho-action__add-wrapper .btn--default {
          width: 240px;
          max-width: 240px; } }
  
  .carrinho-action__toastr-cta {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent; }
  
  .carrinho-action__remove-button {
    border: 1px solid #f5f0eb; }
  
  .carrinho-action__counter {
    display: inline-flex;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-right: 10px; }
  
  @media only screen and (min-width: 960px) {
      .carrinho-action__counter {
        margin-right: 15px; } }
  
  .mobile-filters .produto-modal__content {
    min-height: 100vh; }
  
  .mobile-filters__group-wrapper {
    position: relative; }
  
  .mobile-filters__group .delivery-filter {
    padding: 0 20px; }
  
  .mobile-filters__group .area-menu-search > .icon-search {
    left: 20px; }
  
  .mobile-filters__group .area-menu-search > .area-menu-search__field {
    padding-right: 20px; }
  
  .mobile-filters__group .payment-options__main-list {
    padding: 0 20px;
    position: absolute;
    max-height: none; }
  
  .mobile-filters__group .payment-options__main-list--visible {
    display: block;
    position: relative; }
  
  .mobile-filters__group .payment-options__sub-options--visible {
    position: relative; }
  
  .mobile-filters__group .payment-options__sub-options__list {
    max-height: none; }
  
  .mobile-filters__group .categories-list__content {
    padding: 10px 20px; }
  
  .mobile-filters__group-title {
    color: #3f3e3e;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.375em;
    padding: 30px 20px 12px 20px; }
  
  .mobile-filters__action {
    display: flex;
    padding: 20px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: white;
    border-top: 1px solid #f1f1f1; }
  
  .mobile-filters__action button:not(:last-child) {
      margin-bottom: 10px; }
  
  .mobile-filters__action--clear {
      padding-right: 5px;
      width: 0;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .mobile-filters__action--clear-visible {
      width: 100%;
      opacity: 1;
      visibility: visible; }
  
  .mobile-filters__action--submit {
      width: 100%; }
  
  .mobile-filters__action--submit-padded {
      padding-left: 5px; }
  
  .address-maps-toast {
    opacity: 0;
    position: absolute;
    display: grid;
    grid-template-columns: 10px 1fr;
    gap: 16px;
    align-items: center;
    width: calc(100% - 40px);
    max-width: 480px;
    height: auto;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: #EF5753;
    border-radius: 4px;
    padding: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    color: white;
    font-size: 0.875rem;
    line-height: 1.125rem;
    transition: all ease-in 150ms; }
    .address-maps-toast .icon-search {
      height: 14px;
      width: 14px;
      background-color: white;
      border-radius: 100%; }
    .address-maps-toast .icon-search svg {
        color: #ff7383;
        fill: #ff7383; }
    .address-maps-toast .icon-search svg {
        height: 18px;
        width: 18px;
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px); }
    .address-maps-toast--active {
      opacity: 1; }
  
  .carrinho-area {
    border: 1px solid rgba(63, 62, 62, 0.1);
    margin: 0;
    padding: 10px;
    width: 100%;
    overflow: visible;
    background: transparent;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    text-decoration: none; }
    @media only screen and (min-width: 960px) {
      .carrinho-area {
        padding: 11px 20px; } }
    .carrinho-area__delivery-time, .carrinho-area__name {
      font-size: 0.75rem;
      font-weight: 400;
      text-decoration: none;
      line-height: 1; }
    .carrinho-area__name {
      color: #ea1d2c;
      display: flex;
      align-items: center; }
    .carrinho-area__delivery-time {
      color: #717171; }
    .carrinho-area .icon-search {
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px);
      min-width: 16px;
      height: 16px;
      width: 16px;
      margin: 0 4px 0 0; }
    .carrinho-area .icon-search svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
  
  .address-maps-header {
    position: absolute;
    width: 100%;
    display: grid;
    top: 0;
    left: 0;
    grid-template-columns: 50px 1fr 50px;
    padding: 27px 20px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.8) 25%, white 100%); }
    @media only screen and (min-width: 768px) {
      .address-maps-header {
        padding: 30px; } }
    .address-maps-header__description {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
      align-items: center;
      text-align: center; }
    .address-maps-header__title {
      font-size: 0.8125rem;
      color: #595756; }
    @media only screen and (min-width: 768px) {
        .address-maps-header__title {
          font-size: 1rem; } }
    .address-maps-header__title--placeholder {
        width: 160px;
        height: 16px;
        margin-bottom: 5px; }
    .address-maps-header__subtitle {
      font-size: 0.6875rem;
      color: #A6A6A6; }
    @media only screen and (min-width: 768px) {
        .address-maps-header__subtitle {
          font-size: 0.875rem; } }
    .address-maps-header__subtitle--placeholder {
        width: 250px;
        height: 14px; }
    .address-maps-header__back-btn {
      margin-left: 11px; }
  
  .garnish-choices__header {
    padding: 12px 20px 10px;
    display: block;
    background: #f2f2f2;
    z-index: 20;
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
    @media only screen and (min-width: 960px) {
      .garnish-choices__header {
        padding: 12px 40px 10px; } }
    .garnish-choices__header::after {
      content: ' ';
      position: relative;
      display: block;
      width: 100%;
      left: 0;
      top: 9px;
      height: 1px;
      background-color: #f5f0eb; }
    .garnish-choices__label {
    position: relative;
    width: 100%;
    display: block; }
    .garnish-choices__label::after {
      content: ' ';
      position: relative;
      display: block;
      width: calc(100% - 40px);
      left: 20px;
      height: 1px;
      background-color: #f7f7f7; }
    .garnish-choices__label:last-child::after {
      display: none; }
    @media only screen and (min-width: 960px) {
        .garnish-choices__label:last-child::after {
          display: block; } }
    .garnish-choices__choice--is-fulfilled {
    width: 16px;
    height: 11px;
    margin-right: 6px; }
    .garnish-choices__choice--is-fulfilled svg {
      color: #50a773;
      fill: #50a773; }
    .garnish-choices__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px; }
    @media only screen and (min-width: 960px) {
      .garnish-choices__content {
        padding: 16px 40px; } }
    .garnish-choices__content .produto-radio {
      margin-right: 2px; }
    .garnish-choices__header-content {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .garnish-choices__option-desc {
    margin: 0;
    font-size: 1rem;
    line-height: 1.27;
    color: #3f3e3e;
    width: 77%;
    font-weight: 100; }
    .garnish-choices__option-details {
    margin: 4px 0 0;
    font-size: 0.9375rem;
    line-height: 1.2;
    font-weight: 300;
    color: #717171;
    display: block;
    padding: 0 20px 0 0;
    overflow-wrap: break-word; }
    .garnish-choices__option-price {
    margin: 0.625rem 0 0 0;
    display: block;
    color: #ea1d2c;
    font-size: 0.875rem;
    font-weight: 500; }
    .garnish-choices__title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 500;
    color: #3f3e3e; }
    .garnish-choices__title-desc {
      font-weight: 100;
      font-size: 0.875rem;
      line-height: 17px;
      display: block;
      color: #717171; }
    .garnish-choices__tags {
    display: inline-block;
    margin-left: 5px; }
  
  .area-rating {
    color: #e7a74e;
    line-height: 0;
    font-size: 0.9375rem;
    flex-shrink: 0;
    height: auto;
    min-width: 40px; }
    .area-rating .icon-search {
      width: 14px;
      height: 14px;
      margin: 0 5px 0 0;
      position: relative;
      top: -1px; }
    .area-rating .icon-search svg {
        color: #e7a74e;
        fill: #e7a74e; }
    .area-rating .icon-search svg {
        width: 100%;
        height: 100%; }
    .area-rating--no-rating {
      color: #c4c4c4; }
    .area-rating--no-rating .icon-search svg {
        color: #c4c4c4;
        fill: #c4c4c4; }
    .area-rating__button {
      padding-left: 0;
      padding-right: 0;
      margin: 0; }
    .area-rating__rating-wrapper {
      position: absolute;
      right: 0;
      top: 0; }
    @media only screen and (min-width: 960px) {
        .area-rating__rating-wrapper {
          position: initial;
          right: inherit;
          top: inherit; } }
    .area-rating__rating-count {
      margin: 0 0 0 10px;
      color: #a6a6a6;
      font-weight: 300;
      font-size: 1rem;
      display: none; }
    @media only screen and (min-width: 768px) {
        .area-rating__rating-count {
          display: inline-block; } }
  
  .area-card {
    border: 1px solid #f2f2f2;
    display: grid;
    transition: 200ms;
    height: 90px;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    width: 100%;
    grid-template-columns: 60px 1px 1fr;
    grid-template-rows: 1fr 20px;
    grid-template-areas: 'figure divider title' 'figure divider content';
    grid-column-gap: 12px; }
    @media only screen and (min-width: 960px) {
      .area-card {
        height: 130px;
        grid-template-columns: 85px 1px 1fr;
        grid-column-gap: 20px;
        padding: 20px;
        cursor: pointer; }
        .area-card:hover {
          border: 1px solid #dbdad9; } }
    .area-card:before {
      grid-area: divider;
      content: '';
      width: 1px;
      background-color: #f2f2f2; }
    .area-card h3 {
      grid-area: title;
      margin: 0;
      padding: 0; }
    .area-card .area-card__info, .area-card .area-card__footer {
      font-weight: 300;
      color: #717171;
      font-size: 0.875rem;
      line-height: 0.9375rem; }
    @media only screen and (min-width: 960px) {
        .area-card .area-card__info, .area-card .area-card__footer {
          font-size: 0.875rem;
          line-height: 1.0625rem; } }
    @media only screen and (max-width: 374px) {
        .area-card .area-card__info, .area-card .area-card__footer {
          font-size: 0.6875rem; } }
    .area-card__status {
      position: absolute;
      margin: 0;
      background: rgba(0, 0, 0, 0.4);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      line-height: 1.25rem;
      color: #fff;
      border-radius: 4px;
      width: 54px;
      height: 54px; }
    @media only screen and (min-width: 960px) {
        .area-card__status {
          font-size: 1rem;
          width: 85px;
          height: 85px; } }
    .area-card__figure {
      grid-area: figure;
      background: #fff;
      overflow: hidden;
      position: relative;
      height: 100%;
      border-radius: 4px 0 0 4px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .area-card__figure .area-card__img-logo {
        width: 54px;
        height: 54px;
        border-radius: 4px;
        transition: 200ms;
        -o-object-fit: contain;
           object-fit: contain; }
    @media only screen and (min-width: 960px) {
          .area-card__figure .area-card__img-logo {
            width: 85px;
            height: 85px; } }
    .area-card__figure .area-card__img-cover {
        height: 100%;
        width: 100%; }
    .area-card__header {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr auto;
      position: relative;
      padding: 0 0 2px; }
    @media only screen and (min-width: 960px) {
        .area-card__header {
          padding: 0 0 10px; } }
    .area-card__header .area-name {
        color: #3e3e3e;
        font-size: 0.875rem;
        line-height: 0.875rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        height: 18px; }
    @media only screen and (min-width: 960px) {
          .area-card__header .area-name {
            font-size: 1rem;
            line-height: 1rem; } }
    .area-card__info {
      width: 100%;
      display: flex; }
    .area-card__info .area-rating {
        font-size: 0.75rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        line-height: 9px; }
    .area-card__info .area-rating svg {
          color: #e7a74e;
          fill: #e7a74e; }
    @media only screen and (min-width: 960px) {
          .area-card__info .area-rating {
            font-size: 0.875rem; } }
    .area-card__info .area-rating .icon-search {
          height: 10px;
          width: 10px;
          position: relative;
          margin: 0 5px 0 0;
          top: -1px; }
    @media only screen and (min-width: 960px) {
            .area-card__info .area-rating .icon-search {
              height: 12px;
              width: 12px;
              margin: 0 5px 0 0; } }
    .area-card__info .area-rating svg {
          height: 13px; }
    .area-card__footer {
      margin: 0;
      width: 100%;
      display: flex;
      align-items: flex-end; }
    .area-card__super {
      height: 18px; }
    .area-card__super .icon-search {
        position: relative;
        top: -3px;
        padding: 0; }
    .area-card__super .icon-search svg {
          color: #e0040b;
          fill: #e0040b; }
    .area-card .area-card__delivery-fee {
      margin: 0 0 0 5px; }
    .area-card .area-card__delivery-fee.green {
        color: #50a773; }
  
  .address-maps__container {
    height: 100%;
    position: relative;
    transition: height 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .address-maps__map {
    height: 100%;
    position: relative;
    transition: height 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .address-maps__pin {
    position: absolute;
    width: 36px;
    height: 44px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-50% - 15px));
            transform: translate(-50%, calc(-50% - 15px)); }
  
  .address-maps__pin svg {
      color: #ea1d2c;
      fill: #ea1d2c; }
  
  .address-maps__pin svg {
      -webkit-transform: translateX(-0.3px);
              transform: translateX(-0.3px);
      transition: -webkit-transform ease-in 150ms;
      transition: transform ease-in 150ms;
      transition: transform ease-in 150ms, -webkit-transform ease-in 150ms; }
  
  .address-maps__pin:after {
      content: '';
      display: block;
      position: absolute;
      width: 11px;
      height: 5px;
      border-radius: 100%;
      bottom: 0;
      left: 50%;
      z-index: -1;
      -webkit-transform: translate(-50%, -3px);
              transform: translate(-50%, -3px);
      background-color: #3E3E3E;
      opacity: 0.3; }
  
  .address-maps__pin--active svg {
      color: #3E3E3E;
      fill: #3E3E3E; }
  
  .address-maps__pin--active svg {
      -webkit-transform: translate(-0.5px, -5px);
              transform: translate(-0.5px, -5px); }
  
  .address-maps__geo:after {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #557AFF;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  
  .address-maps__geo:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    width: 43px;
    height: 43px;
    background-color: rgba(85, 122, 255, 0.1);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  
  .address-maps__focus-button {
    position: absolute;
    right: 25px;
    bottom: 130px;
    width: 52px;
    height: 52px;
    margin: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    transition: all ease-in 150ms;
    cursor: pointer; }
  
  .address-maps__focus-button .icon-search {
      width: 24px;
      height: 24px; }
  
  .address-maps__focus-button .icon-search svg {
        color: #3f3e3e;
        fill: #3f3e3e; }
  
  .address-maps__focus-button:hover {
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }
  
  .address-maps__focus-button:hover .icon-search svg {
        color: #3e3e3e;
        fill: #3e3e3e; }
  
  .address-maps__submit {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: calc(100% - 40px);
    max-width: 375px;
    transition: all ease-in 150ms;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
  
  .address-maps__submit[disabled] {
      background: #F2F2F2;
      color: #A6A6A6;
      opacity: 1; }
  
  .carrinho-garnishes {
    padding: 0;
    width: 100%; }
  
  @-webkit-keyframes cow-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(0.5deg) translate(2px, 3px);
              transform: rotateZ(0.5deg) translate(2px, 3px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes cow-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(0.5deg) translate(2px, 3px);
              transform: rotateZ(0.5deg) translate(2px, 3px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @-webkit-keyframes area-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 2px);
              transform: rotateZ(1deg) translate(-1px, 2px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes area-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(1deg) translate(-1px, 2px);
              transform: rotateZ(1deg) translate(-1px, 2px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @-webkit-keyframes ship-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(3deg) translate(1px, -1px);
              transform: rotateZ(3deg) translate(1px, -1px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  @keyframes ship-movement {
    0% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); }
    50% {
      -webkit-transform: rotateZ(3deg) translate(1px, -1px);
              transform: rotateZ(3deg) translate(1px, -1px); }
    100% {
      -webkit-transform: rotateZ(0) translate(0, 0);
              transform: rotateZ(0) translate(0, 0); } }
  
  .area-empty-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px; }
  
  .area-empty-list__title {
      font-size: 16px;
      line-height: 18px;
      margin-top: 30px; }
  
  .area-empty-list__description {
      font-size: 14px;
      line-height: 20px;
      font-weight: lighter;
      color: #717171;
      text-align: center; }
  
  .area-empty-list .animated-svg svg {
      width: 180px; }
  
  @media only screen and (min-width: 960px) {
        .area-empty-list .animated-svg svg {
          width: 240px; } }
  
  .area-empty-list .animated-svg .cow-svg {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: cow-movement 6.5s infinite;
              animation: cow-movement 6.5s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  
  .area-empty-list .animated-svg .area-svg {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: area-movement 6s infinite;
              animation: area-movement 6s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  
  .area-empty-list .animated-svg .ship-svg {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: ship-movement 7s infinite;
              animation: ship-movement 7s infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  
  .complete-address {
    margin: 0 auto;
    color: #3f3e3e;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 560px));
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    scrollbar-color: #dcdcdc transparent; }
    .complete-address::-webkit-scrollbar-track {
      border-radius: 50px;
      background-color: transparent; }
    .complete-address::-webkit-scrollbar {
      width: 4px;
      background-color: transparent; }
    .complete-address::-webkit-scrollbar-thumb {
      border-radius: 50px;
      background-color: #dcdcdc; }
    @media only screen and (min-width: 768px) {
      .complete-address {
        padding: 20px 20px 60px 20px; } }
    .complete-address__address-info {
      margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
        .complete-address__address-info {
          display: flex;
          align-items: baseline; } }
    .complete-address__street-label {
      margin: 0 0 5px;
      color: #3f3e3e;
      font-size: 0.83562rem; }
    @media only screen and (min-width: 768px) {
        .complete-address__street-label {
          font-size: 1rem;
          margin: 0 10px 0 0; } }
    .complete-address__state-label {
      margin: 0;
      font-size: 0.83562rem;
      color: #a6a5a5; }
    @media only screen and (min-width: 768px) {
        .complete-address__state-label {
          font-size: 0.875rem; } }
    .complete-address__form .label__name {
      font-size: 0.75rem !important; }
    .complete-address__form .form-input__field {
      font-size: 0.9375rem; }
    .complete-address__form .native-select__field {
      font-size: 0.9375rem; }
    .complete-address--city-state {
      display: grid;
      grid-template-columns: 30% 1fr;
      grid-gap: 14px; }
    .complete-address--district-street {
      display: grid;
      grid-template-columns: 1fr; }
    @media only screen and (min-width: 768px) {
        .complete-address--district-street {
          grid-template-columns: 30% 1fr;
          grid-gap: 14px; } }
    .complete-address--number-complement {
      display: grid;
      grid-template-columns: 125px 1fr;
      grid-gap: 14px; }
    @media only screen and (min-width: 768px) {
        .complete-address--number-complement {
          margin-bottom: 15px; } }
    @media only screen and (min-width: 768px) {
      .complete-address--reference-point {
        margin-bottom: 20px; } }
    .complete-address--favorites {
      margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
        .complete-address--favorites {
          margin-bottom: 40px;
          max-width: 350px; } }
    .complete-address--favorites p {
        color: #3f3e3e;
        margin: 0 0 16px;
        font-size: 0.875rem; }
    .complete-address--favorites .btn {
        background: #f2f2f2;
        border-radius: 4px;
        font-size: 0.875rem;
        height: 40px;
        border: 0;
        font-weight: 400; }
    .complete-address--favorites .btn .icon-search {
          width: 20px;
          height: 20px;
          margin-right: 10px; }
    .complete-address--favorites path[fill='#3e3e3e'] {
        fill: #717171; }
    .complete-address--favorites path[stroke='#3e3e3e'] {
        stroke: #717171; }
    .complete-address--favorites-btn {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px; }
    .complete-address--favorites-btn .btn__label {
        flex-grow: initial; }
    .complete-address__favorite.btn {
      position: relative; }
    .complete-address__favorite.btn::before, .complete-address__favorite.btn::after {
        pointer-events: none;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -webkit-transform: scale(0);
                transform: scale(0);
        border-radius: 0;
        transition: border-radius 100ms ease 100ms, -webkit-transform 200ms ease;
        transition: transform 200ms ease, border-radius 100ms ease 100ms;
        transition: transform 200ms ease, border-radius 100ms ease 100ms, -webkit-transform 200ms ease; }
    .complete-address__favorite.btn::before {
        border-bottom: 1px solid #ea1d2c;
        border-left: 1px solid #ea1d2c;
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%; }
    .complete-address__favorite.btn::after {
        border-top: 1px solid #ea1d2c;
        border-right: 1px solid #ea1d2c;
        -webkit-transform-origin: 100% 0%;
                transform-origin: 100% 0%; }
    .complete-address__favorite--active.btn {
      color: #ea1d2c; }
    .complete-address__favorite--active.btn::after, .complete-address__favorite--active.btn::before {
        -webkit-transform: scale(1);
                transform: scale(1);
        border-radius: 4px; }
    .complete-address__favorite--active,
    .complete-address__favorite--active path {
      transition: all 300ms ease-in-out; }
    .complete-address__favorite--active path[fill='#3e3e3e'] {
      fill: #ea1d2c; }
    .complete-address__favorite--active path[stroke='#3e3e3e'] {
      stroke: #ea1d2c; }
    .complete-address--save-btn {
      margin-bottom: 30px; }
  
  .carrinho-observation-form {
    display: block;
    margin-bottom: 15px;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .carrinho-observation-form {
        padding: 0 40px; } }
    .carrinho-observation-form__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin: 20px 0 10px; }
    .carrinho-observation-form__label {
      margin: 0;
      font-weight: 500;
      font-size: 1rem;
      color: #717171; }
    .carrinho-observation-form__counter {
      color: #a6a6a6;
      font-weight: 100;
      font-size: 0.875rem; }
    .carrinho-observation-form__textarea {
      border-radius: 4px;
      border: 1px solid #dcdcdc;
      background-color: #fff;
      margin-bottom: 10px;
      font-size: 1rem;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      color: #717171;
      font-weight: 400;
      resize: none;
      height: calc(3.2em + 20px);
      min-height: calc(3.2em + 20px);
      padding: 10px; }
    @media only screen and (min-width: 960px) {
        .carrinho-observation-form__textarea {
          height: calc(4em + 40px);
          min-height: calc(4em + 40px);
          padding: 20px; } }
    .carrinho-observation-form__textarea::-webkit-input-placeholder {
        color: #a6a6a6;
        opacity: 1;
        font-weight: 100; }
    .carrinho-observation-form__textarea:-ms-input-placeholder {
        color: #a6a6a6;
        opacity: 1;
        font-weight: 100; }
    .carrinho-observation-form__textarea::-ms-input-placeholder {
        color: #a6a6a6;
        opacity: 1;
        font-weight: 100; }
    .carrinho-observation-form__textarea::placeholder {
        color: #a6a6a6;
        opacity: 1;
        font-weight: 100; }
  
  .error-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 64px 20px; }
    .error-state__title {
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 400;
      margin: 0; }
    @media only screen and (min-width: 1248px) {
        .error-state__title {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .error-state__description {
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 300;
      color: #717171;
      margin: 8px auto 32px auto;
      max-width: 340px; }
    @media only screen and (min-width: 1248px) {
        .error-state__description {
          font-size: 1rem;
          line-height: 1.375rem; } }
    .error-state__illustration {
      margin-bottom: 36px; }
  
  .address-number__form {
    display: grid;
    grid-row-gap: 20px;
    grid-template-rows: 22px 74px 20px 50px;
    width: 100%;
    margin: auto; }
    @media only screen and (min-width: 1248px) {
      .address-number__form {
        grid-row-gap: 40px;
        grid-template-rows: 22px 65px 20px 50px; } }
    .address-number__form button {
      margin: 0; }
    .address-number__form .form-input {
      padding: 0;
      margin: 0;
      min-height: 0; }
    .address-number__address-info {
    display: grid;
    grid-row-gap: 2px; }
    .address-number__address-info p {
      margin: auto; }
    .address-number__address-info .street-name {
      color: #717171;
      font-size: 1rem;
      line-height: 22px; }
    .address-number__address-info .district {
      color: #a6a6a6;
      font-size: 0.875rem;
      line-height: 20px; }
    .address-number__input {
    width: 110px;
    margin: auto; }
    .address-number__empty-number {
    color: #A6A6A5;
    font-size: 0.75rem;
    line-height: 16px;
    margin: auto; }
    .address-number__checkbox-label {
    display: grid;
    grid-template-columns: 140px 20px;
    grid-column-gap: 15px;
    margin: auto; }
  
  .carrinho-content {
    height: calc(100% - 100px);
    padding-bottom: 100px; }
    .carrinho-content__wrapper-container {
      display: flex;
      flex-direction: column;
      padding: 0 0 16px;
      margin: 0 0 16px 0; }
    .carrinho-content__container {
      padding: 0 20px; }
    @media only screen and (min-width: 960px) {
        .carrinho-content__container {
          padding: 0 40px; } }
    @media only screen and (max-width: 959px) {
      .carrinho-content__title-wrapper > div > div:first-child {
        padding-bottom: 0 !important; } }
    .carrinho-content__title {
      font-size: 1.125rem;
      font-weight: 500;
      color: #3e3e3e;
      background: #fff;
      z-index: 30;
      width: 100%;
      padding: 2px 40px;
      left: 0 !important; }
    .carrinho-content__title--sticky {
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 25px; }
    @media only screen and (max-width: 959px) {
        .carrinho-content__title {
          border-bottom: none;
          position: relative !important;
          top: initial !important;
          left: initial !important;
          width: auto !important;
          padding: 2px 20px;
          margin: 20px 0 0; } }
    .carrinho-content__img-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: center;
      max-width: 100%;
      max-height: 150px;
      overflow: hidden;
      border-radius: 4px;
      margin: 16px 0 18px; }
    .carrinho-content__img-container .produto-image-expandable__button {
        overflow: hidden;
        border-radius: 4px; }
    @media only screen and (min-width: 960px) {
        .carrinho-content__img-container {
          margin-top: 0; } }
    .carrinho-content__img {
      max-width: 100%; }
    .carrinho-content__details {
      font-size: 0.875rem;
      margin: 10px 0 0;
      font-weight: 300;
      line-height: 1.22;
      color: #717171; }
    .carrinho-content__container-price {
      margin-top: 12px;
      font-size: 0.875rem;
      color: #3e3e3e; }
    .carrinho-content__price, .carrinho-content__price-min {
      margin-bottom: 10px;
      color: #3e3e3e;
      font-size: 1rem; }
    .carrinho-content__discount-price {
      color: #50a773;
      margin-bottom: 10px; }
    .carrinho-content__original-price {
      position: relative;
      font-size: 0.75rem;
      color: #dbdad9;
      text-decoration: line-through;
      margin-left: 6px; }
    @media only screen and (min-width: 960px) {
      .carrinho-content .carrinho-area {
        margin-top: 15px; } }
    @media only screen and (min-width: 960px) {
      .carrinho-content__area {
        order: 1; } }
    .carrinho-warnings {
    color: #a6a6a6;
    font-size: 0.9375rem;
    margin-top: 15px; }
    .carrinho-warnings__title {
      margin-bottom: 10px;
      font-weight: 500; }
    .carrinho-warnings__item {
      display: inline-block;
      font-weight: 300; }
  
  .cart-shuffle-alert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .cart-shuffle-alert {
        padding: 20px 50px;
        max-width: 480px; } }
    .cart-shuffle-alert__title {
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: 500;
      color: #3e3e3e;
      margin-bottom: 14px; }
    .cart-shuffle-alert__subtitle {
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 400;
      color: #3e3e3e;
      margin-bottom: 50px; }
  
  .areas-list__header, .areas-list__empty, .areas-list__error {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 12px; }
  
  .areas-list__empty {
    justify-content: center; }
  
  @media only screen and (min-width: 768px) {
    .areas-list__error-wrapper {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px; } }
  
  .areas-list__header {
    padding: 0 20px; }
  
  @media only screen and (min-width: 960px) {
      .areas-list__header {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        padding-top: 20px; } }
  
  .areas-list__header .title {
      padding: 20px 0 20px;
      font-size: 1.125rem;
      color: #414143;
      line-height: 1;
      font-weight: 400;
      margin: 0; }
  
  @media only screen and (min-width: 768px) {
        .areas-list__header .title {
          font-size: 1.25rem;
          font-weight: 500;
          letter-spacing: -1px; } }
  
  @media only screen and (min-width: 960px) {
        .areas-list__header .title {
          padding: 0 0 32px; } }
  
  .areas-list__error {
    padding: 5px 20px;
    color: #a6a5a5; }
  
  @media only screen and (min-width: 768px) {
      .areas-list__error {
        padding: 5px 0; } }
  
  .areas-list__error-header {
    padding: 5px 20px; }
  
  @media only screen and (min-width: 768px) {
      .areas-list__error-header {
        padding: 5px 0; } }
  
  .areas-list__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px; }
  
  @media only screen and (min-width: 560px) {
      .areas-list__container {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } }
  
  @media only screen and (min-width: 960px) {
      .areas-list__container {
        gap: 32px; } }
  
  .areas-list .produto-spinner {
    margin: 20px 0; }
  
  .carrinho-card__tag {
    display: inline;
    font-size: 0.75rem;
    color: #2E6788;
    font-weight: lighter;
    line-height: 1rem; }
    .carrinho-card__tag .icon-search {
      margin-right: 5px;
      width: 10px;
      height: 10px;
      -webkit-transform: translateY(1px);
              transform: translateY(1px); }
    .carrinho-card__tag svg {
      fill: #2E6788; }
    .carrinho-card--vertical .carrinho-card__tag {
    display: none; }
    @media only screen and (min-width: 560px) {
      .carrinho-card--vertical .carrinho-card__tag {
        display: inline; } }
    .carrinho-card--vertical .carrinho-card__tag--mini {
      display: block;
      position: absolute;
      right: 12px;
      bottom: 6px; }
    @media only screen and (min-width: 560px) {
        .carrinho-card--vertical .carrinho-card__tag--mini {
          display: none; } }
    .carrinho-card--vertical .carrinho-card__tag--mini .carrinho-card__tag-description {
        display: none; }
    .carrinho-card--vertical .carrinho-card__tag--mini .icon-search {
        margin-right: 0; }
  
  .carrinho-card__price {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #3e3e3e; }
    .carrinho-card__price--original {
      position: relative;
      font-size: 0.75rem;
      line-height: 1.25rem;
      color: #717171;
      text-decoration: line-through;
      margin-left: 5px; }
    @media only screen and (min-width: 1248px) {
        .carrinho-card__price--original {
          font-size: 0.875rem; } }
    .carrinho-card__price--discount {
      color: #50a773; }
    .carrinho-card--vertical .carrinho-card__price {
    padding: 10px 20px; }
    @media only screen and (max-width: 767px) {
      .carrinho-card--vertical .carrinho-card__price {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 6px 12px; } }
  
  .carrinho-card__delivery {
    display: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: lighter;
    padding-top: 12px;
    color: #717171;
    border-top: 1px dashed rgba(166, 166, 166, 0.2); }
  
  .carrinho-card--vertical .carrinho-card__delivery {
    display: inline;
    padding: 10px 20px; }
  
  @media only screen and (max-width: 767px) {
      .carrinho-card--vertical .carrinho-card__delivery {
        padding: 7px 12px;
        font-size: 0.75rem;
        line-height: 1.125rem; } }
  
  @media only screen and (max-width: 767px) {
    .carrinho-card--vertical .carrinho-card__delivery-time {
      display: none; } }
  
  .carrinho-card--vertical .carrinho-card__delivery-fee--free {
    color: #50a773; }
  
  .carrinho-card__image {
    width: 100px;
    height: 75px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
    pointer-events: none;
    align-self: flex-start; }
    @media only screen and (min-width: 375px) {
      .carrinho-card__image {
        width: 120px;
        height: 90px; } }
    @media only screen and (min-width: 768px) {
      .carrinho-card__image {
        width: 146px;
        height: 146px; } }
    .carrinho-card__image--red {
      background-color: #F8DDCA; }
    .carrinho-card__image--green {
      background-color: #DAEEBF; }
    .carrinho-card__image--blue {
      background-color: #D2E8F5; }
    .carrinho-card__image-placeholder {
    background-image: url("/static/images/carrinhoes/carrinho-image-placeholder.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .carrinho-card--vertical .carrinho-card__image {
    grid-area: image;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0; }
    @media only screen and (min-width: 768px) {
      .carrinho-card--vertical .carrinho-card__image {
        height: 157px; } }
  
  .carrinho-card-wrapper {
    position: relative; }
    .carrinho-card-wrapper .carrinho-quick-add {
      position: absolute;
      bottom: 16px;
      right: 16px;
      display: flex; }
    .carrinho-card {
    position: relative;
    display: grid;
    min-height: 147px;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    text-decoration: none;
    transition: 200ms;
    overflow: hidden; }
    @media only screen and (max-width: 742px) {
      .carrinho-card {
        position: relative; }
        .carrinho-card::after {
          content: '';
          width: calc(100% - 40px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          left: 20px;
          bottom: 0;
          border-top: 1px solid #f5f0eb; } }
    @media only screen and (min-width: 743px) {
      .carrinho-card {
        padding: 15px;
        height: 178px;
        min-width: 320px;
        border: 1px solid #f2f2f2;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
        border-radius: 4px; }
        .carrinho-card:hover {
          border: 1px solid #dbdad9; } }
    .carrinho-card--has-image {
      grid-template-columns: 1fr 100px;
      grid-gap: 15px; }
    @media only screen and (min-width: 375px) {
        .carrinho-card--has-image {
          grid-template-columns: 1fr 120px; } }
    @media only screen and (min-width: 768px) {
        .carrinho-card--has-image {
          grid-template-columns: 1fr 146px;
          grid-gap: 15px; } }
    .carrinho-card .carrinho-card__container-image {
      position: relative; }
    .carrinho-card--sold-out .carrinho-card__sold-out {
      color: #fff;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.39);
      display: flex;
      align-items: center;
      justify-content: center; }
    .carrinho-card__info {
      display: grid;
      grid-template-rows: 1fr 20px;
      margin: 0; }
    .carrinho-card__info--top {
        margin-bottom: 23px; }
    @media only screen and (min-width: 768px) {
          .carrinho-card__info--top {
            margin-bottom: 0; } }
    .carrinho-card__description {
      display: grid;
      color: #3e3e3e;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.25rem;
      margin-bottom: 9px; }
    @media only screen and (min-width: 768px) {
        .carrinho-card__description {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .carrinho-card__details {
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: lighter;
      color: #717171;
      word-break: break-word; }
    @media only screen and (min-width: 560px) {
        .carrinho-card__details {
          font-size: 0.875rem;
          line-height: 1.25rem; } }
    .carrinho-card__tags {
      flex-shrink: 0;
      margin: 6px 0; }
    .carrinho-card__tags .produto-minitag {
        white-space: nowrap;
        background-color: transparent;
        font-size: 0.625rem; }
    @media only screen and (min-width: 768px) {
          .carrinho-card__tags .produto-minitag {
            font-size: 0.75rem; } }
    .carrinho-card__closed-overlay {
      position: absolute;
      width: 100%;
      height: 104px;
      background-color: rgba(0, 0, 0, 0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      color: #ffffff; }
    @media only screen and (min-width: 560px) {
        .carrinho-card__closed-overlay {
          height: 157px; } }
    .carrinho-card__area-logo {
      position: absolute;
      width: 32px;
      height: 32px;
      background-color: #ffffff;
      border-radius: 100%;
      left: 6px;
      top: 6px; }
    @media only screen and (min-width: 560px) {
        .carrinho-card__area-logo {
          width: 50px;
          height: 50px;
          left: 10px;
          top: 10px; } }
    .carrinho-card--vertical {
      min-width: 160px;
      height: 264px;
      grid-template: 'image' 104px 'info' 1fr;
      grid-gap: 11px;
      border: 1px solid #f2f2f2;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      padding: 0; }
    @media only screen and (min-width: 560px) {
        .carrinho-card--vertical {
          min-width: 222px;
          height: 380px;
          grid-template: 'image' 157px 'info' 1fr;
          grid-gap: 28px; } }
    .carrinho-card--vertical::after {
        display: none; }
    .carrinho-card--vertical .carrinho-card__info {
        display: grid;
        grid-area: info;
        padding: 0;
        grid-auto-rows: 30px;
        grid-template-rows: 1fr; }
    @media only screen and (min-width: 768px) {
          .carrinho-card--vertical .carrinho-card__info {
            grid-auto-rows: 36px; } }
    .carrinho-card--vertical .carrinho-card__info--top {
          margin-bottom: 5px;
          height: 80px;
          padding: 0 12px; }
    @media only screen and (min-width: 768px) {
            .carrinho-card--vertical .carrinho-card__info--top {
              margin-bottom: 23px;
              padding: 0 20px; } }
    .carrinho-card--vertical .carrinho-card__description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 9px; }
    @media only screen and (min-width: 768px) {
          .carrinho-card--vertical .carrinho-card__description {
            font-size: 1.125rem;
            line-height: 1.5rem;
            margin-bottom: 9px; } }
    .carrinho-card--vertical .carrinho-card__details {
        display: grid;
        font-size: 0.75rem;
        line-height: 1rem; }
    @media only screen and (min-width: 560px) {
          .carrinho-card--vertical .carrinho-card__details {
            font-size: 0.875rem;
            line-height: 1.25rem; } }
  
  .carrinho-card-placeholder {
    position: relative;
    display: grid;
    min-height: 147px;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    grid-template-columns: 1fr 100px;
    grid-gap: 15px; }
    @media only screen and (max-width: 767px) {
      .carrinho-card-placeholder {
        position: relative; }
        .carrinho-card-placeholder::after {
          content: '';
          width: calc(100% - 40px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          left: 20px;
          bottom: 0;
          border-top: 1px solid #f5f0eb; } }
    @media only screen and (min-width: 375px) {
      .carrinho-card-placeholder {
        grid-template-columns: 1fr 120px; } }
    @media only screen and (min-width: 768px) {
      .carrinho-card-placeholder {
        padding: 15px;
        height: 178px;
        min-width: 320px;
        border: 1px solid #f2f2f2;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        grid-template-columns: 1fr 146px;
        grid-gap: 15px; } }
    .carrinho-card-placeholder__info {
      display: grid;
      grid-template-rows: 1fr 20px;
      margin: 0; }
    .carrinho-card-placeholder__info--top {
        margin-bottom: 23px; }
    .carrinho-card-placeholder__description {
      display: grid;
      margin-bottom: 9px;
      height: 20px;
      width: 80%; }
    @media only screen and (min-width: 768px) {
        .carrinho-card-placeholder__description {
          height: 24px; } }
    .carrinho-card-placeholder__details {
      display: grid;
      height: 16px;
      width: 95%;
      margin-bottom: 5px; }
    .carrinho-card-placeholder__details:last-child {
        width: 75%; }
    @media only screen and (min-width: 560px) {
        .carrinho-card-placeholder__details {
          height: 18px; } }
    .carrinho-card-placeholder__image {
      width: 100px;
      height: 75px;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 4px;
      pointer-events: none;
      align-self: flex-start; }
    @media only screen and (min-width: 375px) {
        .carrinho-card-placeholder__image {
          width: 120px;
          height: 90px; } }
    @media only screen and (min-width: 768px) {
        .carrinho-card-placeholder__image {
          width: 146px;
          height: 146px; } }
    .carrinho-card-placeholder__price {
      height: 18px;
      width: 30%; }
    .carrinho-card-placeholder__delivery {
      display: none;
      padding-top: 12px;
      border-top: 1px dashed rgba(166, 166, 166, 0.2); }
    .carrinho-card-placeholder__delivery--content {
        display: block;
        height: 14px;
        width: 55%; }
    .carrinho-card-placeholder--vertical {
      min-width: 160px;
      height: 264px;
      grid-template: 'image' 104px 'info' 1fr;
      grid-gap: 11px;
      border: 1px solid #f2f2f2;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      padding: 0; }
    @media only screen and (min-width: 560px) {
        .carrinho-card-placeholder--vertical {
          min-width: 222px;
          height: 380px;
          grid-template: 'image' 157px 'info' 1fr;
          grid-gap: 20px; } }
    .carrinho-card-placeholder--vertical::after {
        display: none; }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__info {
        display: grid;
        grid-area: info;
        padding: 0;
        grid-auto-rows: 30px;
        grid-template-rows: 1fr; }
    @media only screen and (min-width: 768px) {
          .carrinho-card-placeholder--vertical .carrinho-card-placeholder__info {
            grid-auto-rows: 36px; } }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__info--top {
          margin-bottom: 5px;
          height: 80px;
          padding: 0 12px; }
    @media only screen and (min-width: 768px) {
            .carrinho-card-placeholder--vertical .carrinho-card-placeholder__info--top {
              margin-bottom: 23px;
              padding: 0 20px; } }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__description {
        margin-bottom: 9px; }
    @media only screen and (min-width: 768px) {
          .carrinho-card-placeholder--vertical .carrinho-card-placeholder__description {
            margin-bottom: 9px; } }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__image {
        grid-area: image;
        width: 100%;
        height: 100%;
        border-radius: 4px 4px 0 0; }
    @media only screen and (min-width: 768px) {
          .carrinho-card-placeholder--vertical .carrinho-card-placeholder__image {
            height: 157px; } }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__price {
        margin: 10px 20px; }
    @media only screen and (max-width: 767px) {
          .carrinho-card-placeholder--vertical .carrinho-card-placeholder__price {
            height: 16px;
            margin: 6px 12px; } }
    .carrinho-card-placeholder--vertical .carrinho-card-placeholder__delivery {
        display: inline;
        padding: 10px 20px; }
    @media only screen and (max-width: 767px) {
          .carrinho-card-placeholder--vertical .carrinho-card-placeholder__delivery {
            padding: 7px 12px; } }
  
  .address-invalid-dialog {
    padding: 20px;
    width: 400px; }
    .address-invalid-dialog__address, .address-invalid-dialog__text {
      font-size: 1.125rem;
      line-height: 1.375em; }
    .address-invalid-dialog__text {
      margin-top: 0;
      color: #a6a5a5;
      margin-left: 15px; }
    .address-invalid-dialog__title {
      font-size: 1.375rem;
      font-weight: 500;
      color: #595756; }
    .address-invalid-dialog__address {
      color: #595756;
      text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .address-invalid-dialog {
        width: 100%; } }
    .address-invalid-wrapper {
    display: flex;
    align-items: flex-start; }
    .address-invalid-from__icon svg {
    color: #a6a5a5;
    fill: #a6a5a5; }
    .address-invalid-to__icon svg {
    color: #ea1d2c;
    fill: #ea1d2c; }
    .address-invalid-from__icon,
  .address-invalid-to__icon {
    background: #fff;
    padding: 2px;
    width: 28px;
    height: 28px; }
    .address-invalid-from svg,
  .address-invalid-to svg {
    width: 24px;
    height: 24px; }
    .address-invalid-from + .address-invalid-to .address-invalid-to__icon {
    position: relative;
    z-index: 0; }
    .address-invalid-from + .address-invalid-to .address-invalid-to__icon::before {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      width: 3px;
      height: 35px;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      background: #f5e9da; }
  
  .address-number {
    z-index: 2;
    position: absolute;
    opacity: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    grid-row-gap: 5px;
    background-color: white;
    transition: top 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media only screen and (min-width: 768px) {
      .address-number {
        grid-row-gap: 0; } }
    .address-number--visible {
      top: 0;
      opacity: 1; }
    .address-number__back-btn {
      width: 26px;
      height: 26px;
      margin: 0;
      margin-top: 24px; }
    .address-number__form-wrapper {
      display: grid;
      grid-template-rows: 22px;
      grid-row-gap: 20px;
      text-align: center;
      margin-bottom: auto; }
    @media only screen and (min-width: 768px) {
        .address-number__form-wrapper {
          grid-template-rows: 44px;
          width: 330px;
          margin: auto; } }
    .address-number__title {
      color: #3e3e3e;
      font-size: 1rem;
      line-height: 22px;
      margin: auto; }
  
  .address-search-list {
    display: grid;
    grid-auto-rows: auto;
    gap: 10px; }
    .address-search-list .ph-address-btn {
      border: none;
      border-bottom: 1px solid #f7f7f7; }
    .address-search-list__not-found .btn-address__info--label {
      color: #ea1d2c; }
    .address-search-list .btn-address--simple {
      border-color: transparent; }
    .address-search-list .btn-address--simple::before, .address-search-list .btn-address--simple::after {
        pointer-events: none;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -webkit-transform: scale(0);
                transform: scale(0);
        border-radius: 0;
        transition: border-radius 100ms ease 900ms, -webkit-transform 1000ms ease;
        transition: transform 1000ms ease, border-radius 100ms ease 900ms;
        transition: transform 1000ms ease, border-radius 100ms ease 900ms, -webkit-transform 1000ms ease; }
    .address-search-list .btn-address--simple::before {
        border-bottom: 1px solid #ea1d2c;
        border-left: 1px solid #ea1d2c;
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%; }
    .address-search-list .btn-address--simple::after {
        border-top: 1px solid #ea1d2c;
        border-right: 1px solid #ea1d2c;
        -webkit-transform-origin: 100% 0%;
                transform-origin: 100% 0%; }
    .address-search-list .btn-address--is-active::after, .address-search-list .btn-address--is-active::before {
      -webkit-transform: scale(1);
              transform: scale(1);
      border-radius: 4px; }
  
  .address-set-confirmation {
    display: none;
    opacity: 0;
    height: 0;
    grid-template-columns: minmax(auto, 350px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: opacity 300ms ease;
    overflow: hidden; }
    .address-set-confirmation--visible {
      opacity: 1;
      display: grid;
      height: auto; }
    .address-set-confirmation__title {
      display: flex;
      flex-direction: column;
      font-size: 1rem;
      line-height: 1.375rem;
      margin-bottom: 20px;
      font-weight: 300; }
    @media only screen and (min-width: 768px) {
        .address-set-confirmation__title {
          font-size: 1.125rem;
          margin-bottom: 56px; } }
    @media only screen and (min-width: 768px) {
        .address-set-confirmation__title--name {
          font-weight: 500; } }
    .address-set-confirmation__subtitle {
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: lighter;
      margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
        .address-set-confirmation__subtitle {
          margin-bottom: 46px; } }
    .address-set-confirmation__accept-btn {
      margin-bottom: 20px; }
  
  .order-violation-modal {
    background-color: white;
    text-align: center;
    padding: 20px;
    border-radius: 4px; }
    .order-violation-modal__title {
      font-size: 1.25rem;
      font-weight: 500; }
    .order-violation-modal__message {
      font-size: 1.125rem;
      font-weight: 300;
      line-height: 22px; }
    .order-violation-modal__button {
      width: 100%; }
    @media only screen and (min-width: 560px) {
        .order-violation-modal__button {
          width: auto; } }
  
  .carrinho {
    overflow-y: auto;
    height: calc(100% - 100px);
    position: relative;
    z-index: 0;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .carrinho {
        position: absolute; } }
    @media only screen and (min-width: 960px) {
      .carrinho {
        height: calc(100% - 138px); } }
    .carrinho__container {
      height: calc(100% - 70px); }
    @media only screen and (min-width: 960px) {
        .carrinho__container {
          height: 100%; } }
    .carrinho__heading-wrapper {
      overflow-y: auto;
      height: calc(100% - 100px);
      position: relative; }
    .carrinho__loop-text {
      height: 64px;
      border-radius: 4px;
      color: #3e3e3e;
      bottom: 100px;
      right: 0;
      display: flex;
      font-size: 0.875rem;
      padding: 23px 14px;
      margin: 0 20px 15px;
      align-items: center;
      justify-content: center;
      background: #f7f7f7;
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); }
    @media only screen and (min-width: 768px) {
        .carrinho__loop-text {
          position: absolute; } }
    @media only screen and (min-width: 960px) {
        .carrinho__loop-text {
          width: 370px;
          margin: auto 20px 12px auto; } }
  
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  
  /* Document
     ========================================================================== */
  
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
  
  @font-face {
    font-family: 'SulSans';
    src: url("/static/fonts/SulSans-Light.woff2") format("woff2"), url("/static/fonts/SulSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  
  @font-face {
    font-family: 'SulSans';
    src: url("/static/fonts/SulSans-Medium.woff2") format("woff2"), url("/static/fonts/SulSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap; }
  
  @font-face {
    font-family: 'SulSans';
    src: url("/static/fonts/SulSans-Regular.woff2") format("woff2"), url("/static/fonts/SulSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  
  @font-face {
    font-family: 'SulSans';
    src: url("/static/fonts/SulSans-Bold.woff2") format("woff2"), url("/static/fonts/SulSans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap; }
  
  @font-face {
    font-family: 'SulSans';
    src: url("/static/fonts/SulSans-BoldItalic.woff2") format("woff2"), url("/static/fonts/SulSans-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap; }
  
  html {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%; }
  
  .scroll-smooth {
    scroll-behavior: smooth; }
  
  ::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #ea1d2c; }
  
  ::selection {
    color: #fff;
    background: #ea1d2c; }
  
  body {
    font-family: "SulSans", Helvetica, sans-serif;
    overflow-x: hidden;
    font-size: 16px;
    height: 100%;
    scroll-behavior: auto; }
  
  * {
    box-sizing: border-box; }
  
  .headers--desktop {
    display: none; }
  
  @media only screen and (min-width: 960px) {
      .headers--desktop {
        display: block; } }
  
  .headers--mobile {
    display: block;
    min-height: 60px; }
  
  @media only screen and (min-width: 960px) {
      .headers--mobile {
        display: none; } }
  
  :focus {
    outline: 0; }
  
  a {
    cursor: default; }
  
  @media only screen and (min-width: 960px) {
      a {
        cursor: pointer; } }
  
  ul {
    margin: 0;
    padding: 0; }
  
  /* ul > li {
      list-style: none; } */
  
  .main-layout {
    transition: 500ms;
    background: #fff;
    overflow: hidden;
    padding: 0 0 50px; }
  
  .main-layout.main-layout--full-primary {
      min-height: 100vh;
      background: #ea1d2c; }
  
  @media only screen and (min-width: 960px) {
      .main-layout {
        padding: 0; } }
  
  .main-layout--with-home-button {
      padding: 0 0 70px; }
  
  .with-padding {
    padding: 0 20px; }
  
  .page-wrapper .nav-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  
  .page-wrapper .nav-header ~ * {
      margin-top: 70px; }
  
  b,
  strong {
    font-weight: bold; }
  
  .accessibility-hide {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-indent: -999999px; }
  
  .ph-loading {
    -webkit-animation-duration: 2s !important;
            animation-duration: 2s !important;
    -webkit-animation-fill-mode: forwards !important;
            animation-fill-mode: forwards !important;
    -webkit-animation-iteration-count: infinite !important;
            animation-iteration-count: infinite !important;
    -webkit-animation-timing-function: linear !important;
            animation-timing-function: linear !important;
    -webkit-animation-name: placeholderAnimate !important;
            animation-name: placeholderAnimate !important;
    background: #3e3e3e;
    background: linear-gradient(to right, #f3f3f3 2%, #e9e8e8 18%, #f3f3f3 33%) !important;
    background-size: 1300px !important;
    border-radius: 2px;
    min-height: 10px; }
  
  .ph-loading--lighten {
      opacity: 0.6; }
  
  .display-none {
    display: none; }
  
  @media only screen and (min-width: 960px) {
    .desktop-container {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px; } }
  
  .app-container {
    padding: 20px; }
  
  @media only screen and (min-width: 960px) {
      .app-container {
        padding: 0; } }
  
  @media only screen and (min-width: 960px) {
    .carrinho-modal {
      width: 580px;
      height: 80vh;
      border-radius: 4px; }
      .carrinho-modal__overlay {
        background-color: rgba(113, 113, 113, 0.9);
        z-index: 10001; }
      .carrinho-modal.ReactModal__Content .carrinho-modal.ReactModal__Content__overlay {
        -webkit-transform: none;
                transform: none;
        background-color: rgba(113, 113, 113, 0); }
      .carrinho-modal.ReactModal__Content--after-open .carrinho-modal.ReactModal__Content--after-open__overlay {
        background-color: rgba(113, 113, 113, 0); }
      .carrinho-modal--loop {
        height: 496px; } }
  
  .carrinho-modal__spinner {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    height: calc(100% - 38px); }
  
  .carrinho-modal__header .nav-header {
    margin: 0 0 20px; }
  
  .carrinho-modal__header .nav-header__right-button {
      display: none; }
  
  @media only screen and (min-width: 960px) {
      .carrinho-modal__header .nav-header {
        justify-content: flex-end;
        padding: 6px 6px 0;
        min-height: auto;
        height: auto; }
        .carrinho-modal__header .nav-header__right-button {
          display: block;
          width: 32px;
          height: 32px;
          cursor: pointer;
          padding: 0; }
          .carrinho-modal__header .nav-header__right-button:hover .icon-search svg {
            color: #3e3e3e;
            fill: #3e3e3e; }
          .carrinho-modal__header .nav-header__right-button .icon-search {
            width: 32px;
            height: 32px;
            -webkit-transform: scale(1);
                    transform: scale(1); }
            .carrinho-modal__header .nav-header__right-button .icon-search svg {
              color: #717171;
              fill: #717171; }
            .carrinho-modal__header .nav-header__right-button .icon-search svg {
              transition: fill 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
        .carrinho-modal__header .nav-header__left-button, .carrinho-modal__header .nav-header__title {
          display: none; } }
  
  .carrinho-modal--loading .produto-modal__inner-content-scroll {
    height: 100%; }
  
  @media only screen and (min-width: 768px) {
    .carrinho-modal--loop .produto-modal__inner-content > div {
      height: 100%; } }
  
  .carrinho-modal--loop .produto-modal__inner-content {
    padding-bottom: 150px; }
  
  .footer {
    background-color: #fff;
    padding: 0 20px;
    margin-top: 30px; }
    @media only screen and (min-width: 960px) {
      .footer {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-top: 50px; } }
    .footer__links-list {
      display: grid;
      grid-auto-columns: 1fr;
      grid-template-rows: repeat(16, -webkit-min-content);
      grid-template-rows: repeat(16, min-content);
      grid-auto-flow: column;
      gap: 24px;
      margin-bottom: 24px; }
    @media only screen and (min-width: 560px) {
        .footer__links-list {
          grid-template-rows: repeat(8, -webkit-min-content);
          grid-template-rows: repeat(8, min-content);
          grid-auto-flow: column; } }
    @media only screen and (min-width: 960px) {
        .footer__links-list {
          grid-template-rows: repeat(6, -webkit-min-content);
          grid-template-rows: repeat(6, min-content);
          gap: 30px;
          margin-bottom: 30px; } }
    @media only screen and (min-width: 1248px) {
        .footer__links-list {
          grid-template-rows: repeat(4, -webkit-min-content);
          grid-template-rows: repeat(4, min-content); } }
    .footer__section {
      border-top: 1px solid #dcdcdc;
      padding: 40px 0 10px; }
    .footer__title {
      letter-spacing: -1px;
      font-size: 1.25rem;
      color: #3e3e3e;
      margin-bottom: 24px;
      font-weight: 500;
      margin-top: 0; }
    @media only screen and (min-width: 960px) {
        .footer__title {
          margin-bottom: 30px; } }
    .footer__subtitle {
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.22;
      margin-top: 0;
      margin-bottom: 30px;
      color: #3e3e3e; }
    .footer__row {
      display: flex;
      flex-flow: row wrap; }
    .footer__column {
      flex-basis: 100%;
      margin-bottom: 30px; }
    @media only screen and (min-width: 560px) {
        .footer__column {
          flex-basis: 50%; } }
    @media only screen and (min-width: 768px) {
        .footer__column {
          flex-basis: 25%; } }
    .footer__text-link,
    .footer a.footer__text-link {
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.22;
      color: #717171;
      transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      text-decoration: none; }
    @media only screen and (min-width: 960px) {
        .footer__text-link,
        .footer a.footer__text-link {
          cursor: pointer; } }
    .footer__text-link:hover,
      .footer a.footer__text-link:hover {
        color: #3e3e3e; }
    .footer__social {
      display: inline-flex;
      margin-left: -12px;
      margin-top: -5px; }
    .footer__social-icon {
      width: 30px;
      transition: fill 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      cursor: pointer;
      margin-right: 20px;
      border-radius: 0; }
    .footer__social-icon .icon-search {
        width: 26px;
        height: auto; }
    .footer__social-icon.btn-icon.btn-icon--transparent svg {
        color: #717171;
        fill: #717171; }
    .footer__social-icon.btn-icon.btn-icon--transparent svg,
      .footer__social-icon.btn-icon.btn-icon--transparent path {
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .footer__social-icon:hover.footer__social-icon:hover.btn-icon.btn-icon--transparent svg {
        color: #3e3e3e;
        fill: #3e3e3e; }
    .footer__copyright-text {
      display: grid;
      align-items: center;
      grid-gap: 0 20px;
      grid-template-columns: 50px 1fr;
      grid-template-areas: 'logo-link company-copy' 'logo-link company-info'; }
    .footer__copyright-text a {
        flex-basis: 64px;
        margin-right: 20px;
        min-width: 50px;
        grid-area: logo-link; }
    .footer__copyright-text p {
        width: 100%;
        font-size: 0.6875rem;
        line-height: 1.35;
        font-weight: 300;
        color: #717171;
        margin: 0; }
    @media only screen and (min-width: 960px) {
          .footer__copyright-text p {
            font-size: 0.8125rem; } }
    .footer__copyright-text svg {
        color: #ea1d2c;
        fill: #ea1d2c; }
    .footer__company-informations {
      margin: 10px 0 0 0;
      font-size: 0.625rem;
      grid-area: company-info; }
    .footer__company-copyright {
      grid-area: company-copy; }
    .footer__section--about {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0 24px; }
    .footer__section--about .footer__column {
        margin-bottom: 20px; }
    @media only screen and (min-width: 560px) {
        .footer__section--about {
          grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (min-width: 960px) {
        .footer__section--about {
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
          margin-bottom: 0; }
          .footer__section--about .footer__column {
            margin-bottom: 0; } }
    @media only screen and (min-width: 1248px) {
        .footer__section--about {
          grid-template-columns: repeat(4, 1fr); } }
    .footer__section--about .footer__links-list {
        grid-template-rows: auto;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        padding-bottom: 0; }
    .footer__section--copyright {
      display: grid;
      grid-template-columns: auto;
      gap: 20px;
      padding: 40px 0; }
    @media only screen and (min-width: 768px) {
        .footer__section--copyright {
          gap: 30px; } }
    @media only screen and (min-width: 960px) {
        .footer__section--copyright {
          grid-auto-columns: -webkit-min-content;
          grid-auto-columns: min-content;
          grid-template-columns: repeat(auto-fit, minmax(10px, auto));
          gap: 16px; } }
    .footer__section--copyright .footer__row {
        align-items: center; }
    @media only screen and (min-width: 960px) {
          .footer__section--copyright .footer__row {
            flex-wrap: nowrap;
            justify-content: space-between; } }
    .footer__section--copyright .footer__text-link {
        display: inline-block;
        width: 100%;
        margin: 10px 0; }
    .footer__section--cities {
      display: grid;
      grid-template-areas: 'title see-more' 'list list'; }
    .footer__section--cities a.footer__text-link.footer__see-more {
        color: #ea1d2c;
        justify-self: end;
        margin-top: 0.2rem;
        font-weight: normal; }
    .footer__section--cities .footer__links-list {
        grid-area: list;
        grid-template-rows: repeat(19, -webkit-min-content);
        grid-template-rows: repeat(19, min-content);
        grid-auto-columns: 1fr; }
    @media only screen and (min-width: 560px) {
          .footer__section--cities .footer__links-list {
            grid-template-rows: repeat(10, -webkit-min-content);
            grid-template-rows: repeat(10, min-content); } }
    @media only screen and (min-width: 960px) {
          .footer__section--cities .footer__links-list {
            grid-template-rows: repeat(7, -webkit-min-content);
            grid-template-rows: repeat(7, min-content); } }
    @media only screen and (min-width: 1248px) {
          .footer__section--cities .footer__links-list {
            grid-template-rows: repeat(5, -webkit-min-content);
            grid-template-rows: repeat(5, min-content); } }
  
  .jobs-header {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 105; }
    .jobs-header--transparent {
      position: absolute;
      background-color: rgba(0, 0, 0, 0); }
    .jobs-header--white {
      background-color: #ffffff;
      box-shadow: inset 0 -1px 0 #dcdcdc; }
    .jobs-header-background {
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none; }
    .jobs-header-background--block {
      display: block; }
    @media only screen and (min-width: 960px) {
    .jobs-header-container {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px; } }
    .jobs-header-nav {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 110;
    cursor: pointer;
    padding: 16px 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-header-nav {
        padding: 16px 0;
        background-color: inherit; } }
    .jobs-header-nav .icon-brand {
      width: 100px;
      height: 50px;
      margin: auto;
      transition: 200ms; }
    .jobs-header-nav__menu {
      max-width: 24px;
      display: grid;
      cursor: pointer; }
    @media only screen and (min-width: 960px) {
        .jobs-header-nav__menu {
          display: none; } }
    .jobs-header-items {
    display: none;
    width: 70%; }
    @media only screen and (min-width: 960px) {
      .jobs-header-items {
        display: flex; } }
    @media only screen and (min-width: 1248px) {
      .jobs-header-items {
        width: 60%; } }
    .jobs-header-items__item {
      display: block;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.25rem;
      text-decoration: none;
      padding: 22px 0;
      color: #3f3e3e; }
    @media only screen and (min-width: 960px) {
        .jobs-header-items__item {
          display: flex;
          justify-content: center;
          flex-direction: column;
          text-align: right;
          flex: 1;
          padding: 15px 0; } }
    @media only screen and (min-width: 960px) {
        .jobs-header-items__item--transparent {
          color: #ffffff; } }
    @media only screen and (min-width: 960px) {
        .jobs-header-items__item--white {
          color: #3f3e3e; } }
    .jobs-header-items__item--active {
        color: #ea1d2c; }
    .jobs-header-items-box {
    z-index: 110;
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    padding: 15px;
    display: none; }
    .jobs-header-items-box--block {
      display: block; }
  
  body.test-user .checkout-payment__submit,
  body.test-user .payment-action .btn,
  body.test-user .area-cart-footer__button {
    background-color: #50a773 !important; }
  
  body.test-user .checkout__order {
    box-shadow: 0 -7px 15px -3px #50a773 !important; }
  
  body.test-user .checkout-context-card__maximized {
    background-color: #50a773 !important; }
  
  body.test-user .checkout-context-card__maximized .nav-header--tertiary {
      background-color: #50a773 !important; }
  
  body.test-user .desktop-checkout__header {
    background-color: #50a773 !important; }
  
  body.test-user .desktop-checkout__header .btn-icon:hover {
      background-color: #50a773 !important; }
  
  body.test-user .desktop-checkout__header .icon-search svg {
      color: #fff;
      fill: #fff; }
  
  body.test-user .desktop-checkout__header .icon-search svg > path {
      fill: white !important; }
  
  .static-wrapper {
    width: 100%;
    padding: 20px;
    margin: auto; }
    @media only screen and (min-width: 960px) {
      .static-wrapper {
        width: 100%;
        margin: auto;
        padding: 0 30px;
        max-width: 900px; } }
    .static-wrapper a {
      text-decoration: none;
      color: #ea1d2c; }
    .static-wrapper a:hover {
        cursor: pointer; }
    @media only screen and (min-width: 960px) {
      .static-wrapper .nav-header {
        display: none; } }
    .static-content {
    color: #717171; }
    .static-content__title {
      font-size: 1.625rem;
      color: #ea1d2c;
      margin: 20px 0;
      text-align: center;
      font-weight: 500; }
    .static-content__subtitle {
      font-size: 1.125rem;
      text-align: center;
      font-weight: 500; }
    .static-content__section-title {
      font-size: 1.125rem;
      color: #ea1d2c;
      font-weight: 700;
      line-height: 27px;
      margin: 25px 0 0 0; }
    .static-content__section-subtitle {
      font-size: 1rem;
      color: #ea1d2c;
      font-weight: 500;
      margin: 25px 0 0 0; }
    .static-content__text {
      font-weight: 300;
      margin-bottom: 15px;
      line-height: 29px;
      display: block;
      text-align: justify; }
    .static-content__important {
      color: #ea1d2c; }
    .static-content__list li {
      list-style: disc;
      font-weight: 300;
      line-height: 29px;
      text-align: justify; }
    .static-content__subsection-number {
      margin-right: 10px;
      font-weight: 300;
      font-style: italic; }
    .static-content__nav-policy {
      margin: 20px 0; }
    .static-content__nav-policy li {
        margin: 0 0 15px; }
    .static-content__nav-link {
      color: #ea1d2c; }
    .static-content__list {
      padding-left: 20px;
      margin-bottom: 20px; }
    .static-content__list li {
        list-style: initial;
        display: list-item; }
    .static-content__table-policy {
      font-size: 0.9375rem;
      border: 1px solid #f5f0eb; }
    .static-content__table-policy td,
      .static-content__table-policy th {
        border: 1px solid #f5f0eb; }
    .static-content img {
      width: 100%;
      max-width: 90%;
      margin: 20px auto;
      display: block; }
    .static-content__image-header {
      width: 200px;
      margin: 60px auto 0; }