html {
    scroll-behavior: smooth;
}
input{
    border-radius: 5px; 
}
hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #e3e9ef;
    background-color: transparent;
}
footer{
    padding: 50px 0 0 0 !important;
}

.modal-title h3 {
   font-size: 16px !important;
   font-weight: 600 !important;
}
#slider .carousel-control-prev, .carousel-control-next{
    width: 10% !important;
}
#slider .carousel-control-next:hover{
    background: linear-gradient(-90deg, #000000a3, transparent);
}
#slider .carousel-control-prev:hover{
    background: linear-gradient(90deg, #000000a3, transparent);
}
#slider .carousel-indicators li {
    display: inline-block;
    width: .3125rem !important;
    height: .3125rem !important;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out, background-color .2s ease-in-out !important;
    border: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: .15625rem;
}
#slider .carousel-indicators .active{
    width: 1.25rem !important;   
}
#rodape .formas-pagamentos-selos .formas-pagamentos ul li img{
    border-radius: 5px;
}
#rodape .formas-pagamentos-selos .formas-pagamentos ul li {
    float: left;
    width: 10%;
    padding: 0 1% 2% 0;
}
#rodape .formas-pagamentos-selos{
    background-color: transparent;
}
#rodape .direitos-reservados{
     background-color: rgb(0 0 0 / 10%);
}
#rodape h3{
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #fff;
}
#rodape p, #rodape h2, #rodape h5, #rodape a{
    color: rgba(255,255,255,0.65) !important;
}
#rodape .redes-sociais ul li a i {
    padding: 0;
}
#rodape .social-btn.sb-light:hover {
    background-color: #ffffff57 !important;
    box-shadow: none !important;
}
#rodape .icon-opacity {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
#rodape .icon-opacity:hover {
    opacity: 1;
}
.navbar-toggler{
    padding: .25rem .75rem !important; 
}
#slider .carousel-inner img{
    /*max-height: 50vh;*/
}
.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 600 !important;
}
.produto .btn{
    padding: 0 !important;
}
.caixa{
    border: 0;
    border-radius: 5px;
    padding: 20px;
}

#tela-login h4{
    border-bottom: 0; 
    margin-bottom: 10px;
}


#tela-produto #carousel .item .sub-item{
    border-radius: 5px;
}
#tela-produto .fotos .foto-atual img{
    border-radius: 5px;
}
#tela-produto .atributos .grade li{
    border-radius: 50%;
}
#tela-produto .atributos .grade li .tipo-cor{
    border-radius: 50%;
}
#tela-produto .titulo{
    font-weight: 600;
}
#lista-formas-envio li{
    margin-bottom: 8px;
}
input[name=quantidade]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
}
input[name=quantidade] { 
    -moz-appearance: textfield;
    appearance: textfield;
 }
.z-index-sobrepor{
    z-index: 999;
} 
.z-index-subpor{
    z-index: -999;
} 
.product-card .badge{
    left: auto;
    right: .75rem;
}
.hidden{
    display: none;
}
#section{
    min-height: 50vh;
}
section#section ul li, section#section ul {
    padding: unset !important;
    margin: 3px 2px 0px 7px !important;
}
.listagem-produtos .nome span{
    width: 100%;
    text-align: center;;
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav {    
        flex-flow: wrap;    
    }
}
@media (max-width: 767.98px) {
    .mobile.badge.badge-info{
        width: 85px;
        white-space: pre-wrap;
        line-height: 16px;
    }
    #section{
        min-height: auto;
    }
}