html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #b9b7b7;
    border-radius: 25px;
}

::-webkit-scrollbar-thumb:hover {
    background: #989797;
}

html,
body {
    --ion-default-font: 'Montserrat', sans-serif !important;
    font-family: 'Montserrat', sans-serif !important;
    zoom: 1!important;
}
.ion-page {
    zoom: 1!important;
}
#home ion-grid {
    height: 100%;
    padding: 0;
}

#home ion-row {
    height: 100%;
    padding: 0;
}
ion-label h3 {
  text-transform: uppercase;
}
ion-content {
    --background:#000000!important;
    padding: 0 !important;
    --padding-start: 0 !important;
    --padding-bottom: 0 !important;
    --padding-end: 0 !important;
    --padding-top: -12px !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
}

ion-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    height: auto;
}

ion-card {
    font-family: 'Montserrat', sans-serif !important;
    margin: 7px 0 -17px 0;
    padding: 0;
    margin-inline: 0;
    border-radius: 0;
    --offset-top: 0;
    --offset-bottom: 0;
    box-shadow: none;
    border: 0;
--background: #000;
--color: #fff;
}

ion-card-header {
    padding: 10px 0 0 20px;
    height: auto;
    display:block;
    --color: #fff;
}

ion-card-title {
    font-size: 20px;
    margin-bottom: 10px;--color: #fff;
    }

ion-card-subtitle {
    position: relative;
    text-transform: inherit;
    font-weight: normal;
    overflow-y: auto;
    height: auto;--color: #fff;
    }

ion-card-content {
    position: relative;
}

.menu {
    position: relative;
}

.logo {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 50px;
}

.logo img {
    width: auto;
    height: 150px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.errorProduct {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0;
}
ion-item {
    --background:#000000;
    --color:#fff;
}

.center {
    text-align: center;
    color:#fff;
}

.instagram {
    display: flex;
    flex-direction: column;
    text-align: center;
    color:#fff;
}
.instagram ion-icon {
   font-size: 32px;
   margin-top: 15px;
   color: #fff;
}