.b-lazy {
  opacity: 0;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms
}
.b-loaded {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

:root {
  --font-Inter: 'Inter', sans-serif;
  --font-Poppins: 'Poppins', sans-serif;
}

*{
  font-family: var(--font-Poppins);
}



main {
  background: #fff;
}

/* NAVBAR MOBILE */

nav#menu {
  font-size: 18px;
}

body.loys .mm-menu {
  z-index: 100000;
}

body.loys .mm-menu .mm-panel {
  background: #2d2d2d!important;
  color: #fff;
}

#menu .welcome{
  font-size: 1.5rem;
  padding: 20px 0 10px 20px;
}

body.mm-wrapper_opened #hamburger:before {
  margin-top: 10px;
  transform: rotate(45deg);
}
body.mm-wrapper_opened #hamburger:after {
  margin-top: -10px;
  transform: rotate(-45deg);
}
body.mm-wrapper_opened #hamburger span {
  left: -50px;
  opacity: 0;
}
.mm-navbar {
  min-height: 44px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: #2d2d2d!important;
  color: #fff!important;
  border-color: #fff!important;
}

.mm-listitem {
  color: #fff!important;
  border-color: #fff!important;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mm-listitem:after {
  left: 0!important;
}

.mm-btn:after, .mm-btn:before {
  border-color: #fff!important;
}


#hamburger {
  box-sizing: border-box;
  display: block;
  height: 30px;
  width: 30px;
}

#hamburger:before, #hamburger:after, #hamburger span {
  transition: none .5s ease .5s;
  transition-property: transform,top,bottom,left,opacity;
}

#hamburger:before {
  top: 5px;
}

#hamburger:before, #hamburger:after, #hamburger span {
  background: #000;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 20px;
}

#hamburger span {
  transition: none .5s ease .5s;
  transition-property: transform,top,bottom,left,opacity;
}

#hamburger span {
  top: 15px;
}

#hamburger span {
  background: #000;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 20px;
}

#hamburger:before, #hamburger:after, #hamburger span {
  transition: none .5s ease .5s;
  transition-property: transform,top,bottom,left,opacity;
}

#hamburger:after {
  top: 25px;
}

#hamburger:before, #hamburger:after, #hamburger span {
  background: #000;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 20px;
}







/* NAVBAR */
#header-id-fix {
  display: block;
  width: 100%;
}
body.loys .header-banner {
  background-color: #000;
  padding: 15px 0;
}
body.loys .header-banner .banner-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.loys .header-banner .banner-content h2 {
  color: #FFF;
  text-align: center;
  font-size: 21.639px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.433px;
  margin: 0;
}
body.loys .header-banner .banner-content svg {
  display: block;
  fill: #fff;
  width: 40px;
  height: 30px;
  margin: 0 20px;
}
body.loys .header-banner .banner-content p {
  display: flex;
  align-items: center;
  gap: 3px;

  color: #FFF;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.12px;

  height: 40px;
  border-left: 1px solid #fff;
  padding-left: 15px;
  margin-left: 15px;
  margin-bottom: 0;
}
body.loys .header-banner .banner-content p span {
  color: #FFF;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.12px;
}


body.loys header.header-bg {
  background-color: #fff;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg.fixo {
  -webkit-box-shadow: -1px 1px 20px 0 rgb(0 0 0 / 15%);
  -moz-box-shadow: -1px 1px 20px 0 rgba(0,0,0,0.15);
  box-shadow: -1px 1px 20px 0 rgb(0 0 0 / 15%);
  margin: 0;
  position: fixed;  
  top: -1px;
  left: 0;
  width: 100%;
  z-index: 99999;
}
body.loys header.header-bg.fixo .logo-base {
  padding: 10px 0;
}

body.loys header.header-bg .logo-base {
  padding: 35px 0;
  max-width: 170px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg #nav-mobile {
  margin-right: 0;
}
body.loys header.header-bg #nav-mobile .logo-base {
  padding: 10px;
}

body.loys header.header-bg .logo-base img{
  width: 100%;
  max-width: 120px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .logo-base svg{
  display: block;
  fill: #fff;
  width: 100%;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys header.header-bg .search{
  width: 100%;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg #nav-mobile a {
  color: #fff;
}
body.loys header.header-bg #nav-mobile a.collapsed {
  color: #fff;
}

body.loys header.header-bg .search-mob-style {
  overflow: hidden;
}
body.loys header.header-bg .search-mob-style .search-full{
  padding: 0;
}

body.loys header.header-bg .search-mob-style .search-full input{
  border: 0;
  border-radius: 0;
  padding: 20px 10px;
}
body.loys header.header-bg .search-mob-style .search-full input:focus{
  outline: none;
  box-shadow: none;
}
body.loys header.header-bg .search-mob-style .search-full .btn-search{
  position: relative;
  display: block;
  
  width: 100%;
  height: 50px;


  font-size: .9rem;
  font-weight: 500;
  
  text-transform: uppercase;
  text-align: center;
  color: #fff;  


  border: 0;
  border-radius: 0;
  background-color: #000;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .search-mob-style .search-full .btn-search:hover{
  background-color: #565656;
}

body.loys header.header-bg .search .r-p-5{
  padding: 0 5px;
}
body.loys header.header-bg .search input{
  border: 0;
  padding: 25px;
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: #f6f5f2;
}
body.loys header.header-bg .search input:focus{
  border: 2px solid #000;
  outline: none !important;
  box-shadow: none;
}
body.loys header.header-bg .search .btn-search{
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 2px;
  right: 6px;
  width: 50px;
  height: 50px;
  padding: 0;

  font-size: 1rem;
  font-weight: 500;  
  text-transform: uppercase;
  text-align: center;
  color: #565656;  
  line-height: 40px;

  border: 0;
  border-radius: 100px;
  background-color: transparent;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
body.loys header.header-bg .search .btn-search svg{
  fill: #565656;
  width: 20px;
  vertical-align: middle;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .search .btn-search:hover{
  background-color: #000;
}
body.loys header.header-bg .search .btn-search:hover svg{
  fill: #fff;
}

body.loys header.header-bg .col-search-mobi {
  cursor: pointer;
}
body.loys header.header-bg .col-search-mobi svg{
  fill: #000;
  width: 30px;
  height: 30px;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .col-search-mobi span{
  display: inline-block;  
  background-color: #63666c; 
  width: 25px;
  height: 25px;

  text-align: center;
  vertical-align: middle;
  line-height: 25px;

  font-size: .9rem;
  color: #fff;

  border-radius: 15px;
}

body.loys header.header-bg .col-cart-mobi {
  cursor: pointer;
}
body.loys header.header-bg .col-cart-mobi svg{
  fill: #000;
  width: 30px;
  height: 30px;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .menu-account {
  cursor: pointer;
}
body.loys header.header-bg .menu-account svg{
  fill: #000;
  width: 30px;
  height: 30px;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .col-search form {
  width: 100%;
  margin: 0;
}
body.loys header.header-bg .col-search form .input-group {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
body.loys header.header-bg .col-search form .input-group .icon {
  width: 30px;
  height: 30px;

  z-index: 9999;
}
body.loys header.header-bg .col-search form .input-group .icon svg {
  fill: rgba(0, 0, 0, 0.60);
  fill-rule: evenodd;  
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 2;
  
  width: 100%;
  height: 100%;
}
body.loys header.header-bg .col-search form input.input {
  width: auto;
  height: 45px;

  padding: 0;

  background-color: transparent;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  box-shadow: none;

  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
body.loys header.header-bg .col-search form input.input:hover {
  /* background-color: #e8e8e8; */
  border-color: #C00;
}
body.loys header.header-bg .col-search form input.input:focus {
  box-shadow: none;
}

body.loys header.header-bg .col-search form input.input::placeholder {
  color: rgba(0, 0, 0, 0.60);
  opacity: 1; 
}

body.loys header.header-bg .col-search form input.input:-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.60);
}

body.loys header.header-bg .col-search form input.input::-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.60);
}

body.loys header.header-bg .col-search form button {

  width: 60px;
  height: 50px;

  background-color: #030304;
  border: none;
  border-radius: 0 50px 50px 0;

  color: #ffffff;
  text-transform: uppercase;

  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.loys header.header-bg .col-search form button svg {
  fill: #ffffff;
  width: 20px;
  height: 20px;
}

body.loys header.header-bg .menu-itens .col-4 {
  padding-left: 5px;
  padding-right: 5px;
}

body.loys header.header-bg .menu-user{
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 10px 0;
  text-decoration: none;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-user .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
body.loys header.header-bg .menu-user svg{
  fill: #000;
  width: 100%;
  height: 100%;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-user:hover svg{
  fill: #C00;
}
body.loys header.header-bg .menu-user span,
body.loys header.header-bg .menu-user span a{
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-user:hover span{
  color: #C00;
}

body.loys header.header-bg .menu-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys header.header-bg .menu-cart .icon-cart{
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 10px 0;
  text-decoration: none;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-cart .icon-cart .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
body.loys header.header-bg .menu-cart .icon-cart svg{
  fill: #000;
  width: 100%;
  height: 100%;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-cart .icon-cart:hover svg{
  fill: #C00;
}
body.loys header.header-bg .menu-cart .icon-cart span,
body.loys header.header-bg .menu-cart .icon-cart span a{
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-cart .icon-cart:hover span{
  color: #C00;
}
body.loys header.header-bg .menu-botao {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 40px;
  padding: 6px;
  background-color: #000;
  border-radius: 100px;
  
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;
  text-decoration: none;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys header.header-bg .menu-botao:hover {
  background-color: #C00;
}

body.loys header.header-bg .menu-my-cart {
  position: relative;
}

body.loys header.header-bg .menu-cart  p.cart-q {
  color: #030304;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;

  margin: 0;
}

body.loys header.header-bg .menu-cart  p.cart-q  span {
  text-transform: none;
  font-weight: 500;
}

body.loys header.header-bg .menu-my-cart p{
  margin: 0;
  color: #6d6f70;  
}

body.loys header.header-bg .menu-my-cart b{
  font-size: 1.3rem;
  font-weight: 700;
  color: #ef7d2d;
}

body.loys .shopping-cart {
  background: white;
  width: 500px;
  position: absolute;
  top: calc(100% + 15px);
  right: -10px;
  border-radius: 3px;
  padding: 0 20px 20px 20px;
  /* overflow: hidden; */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%) !important;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  -webkit-transform-origin: right top 0;
  -webkit-transform: scale(0);
  transform-origin: right top 0;
  transform: scale(0);
  cursor: default;
  z-index: 12;
}
body.loys .shopping-cart::before {
  position: absolute;
  content: '';

  top: -15px;
  left: 0;

  width: 100%;
  height: 15px;

  z-index: -1;
} 

body.loys .shopping-cart .shopping-cart-items .table thead {
  position: sticky;
  top: -21px;
  z-index: 1;
  background: #ffff;
}
body.loys .shopping-cart .shopping-cart-items {
  padding-top: 20px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;

  max-height: 350px;
  overflow-y: scroll;
}

body.loys .shopping-cart h1.title{
  padding: 20px 0 0 0;
  font-size: 1.5rem;
  color: #63666c;
}

body.loys header.header-bg .menu-my-cart:hover .shopping-cart {
  border-radius: 20px!important;

  opacity: 1;
  -webkit-transform-origin: right top 0;
  -webkit-transform: scale(1);
  transform-origin: right top 0;
  transform: scale(1);
  z-index: 12;
}

body.loys .shopping-cart .shopping-cart-header-link {
  display: block;
  margin-top: 10px;
  text-decoration: none;
}

body.loys .shopping-cart .shopping-cart-header-link .shopping-cart-header .shop-no-padd {
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
}

body.loys .shopping-cart .shopping-cart-header-link .shopping-cart-header .shop-no-padd i {
  color: #404040;
  font-size: 1.25rem;
}

body.loys .shopping-cart .shopping-cart-header-link .shopping-cart-header .shop-no-padd h4 {
  margin: 0;
  color: #404040;
  font-size: 1.25rem;
}

body.loys .shopping-cart .shopping-cart-items .table {
  margin-bottom: 0;
}

body.loys .shopping-cart .shopping-cart-items .table td[data-title="Preço total"] span.text-success {
  font-size: 16px;
  font-weight: 500;
}

.shopping-cart .shopping-cart-total .shopping-cart-total-span p{
  color: #4ea232!important;
  font-weight: 700;
  text-align: right;
  padding: 20px 0;
}

.shopping-cart .cart-products-extra {
  display: none;
}

small, .small {
  font-size: 85%;
}

body.loys #menu-desktop {
  background-color: #ffffff;
  border-bottom: 1px solid #D9D9D9;
}

body.loys #menu-desktop .bar-menu {
  position: relative;
}

body.loys #menu-desktop .bar-menu ul{
  margin: 0;
}

.second-level {
  display: none;
}
.dropdown-hover:hover .dropdown-menu {
  display: block;
}

.dropdown-toggle:hover.second-level {
  display: block;
}

body.loys #menu-desktop .bar-menu ul.first-level{
  margin: 0;  
}

.second-level {
  display: none;
}
.dropdown-hover:hover .dropdown-menu {
  display: block;
}

.dropdown-toggle:hover.second-level {
  display: block;
}

body.loys #menu-desktop .bar-menu li.dropdown-list {
  float: left;
  align-items: center;
  display: flex;
  cursor: pointer;
}

body.loys #menu-desktop .bar-menu li.dropdown-list:not(:last-child){
  margin-right: 0px;
}

body.loys #menu-desktop .bar-menu li.nav-item {
  position: relative;
  float: left;
  height: 70px;
  align-items: center;
  display: flex;
  cursor: pointer;
}

body.loys #menu-desktop li.dropdown-hover{
  float: left;
}

body.loys #menu-desktop .bar-menu li:last-child:after{
  content: initial;
}

body.loys #menu-desktop .bar-menu li.nav-item a,
body.loys #menu-desktop .bar-menu li .dropdown-toggle{
  position: relative;

  width: fit-content;
  height: 100%;
  padding: 25px 0;
  margin: 0 25px;

  color: #000000;
  border-bottom: 3px solid transparent;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;

  display: flex;
  align-items: center;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-transform: uppercase;
}

body.loys #menu-desktop .bar-menu li.nav-item a::before,
body.loys #menu-desktop .bar-menu li .dropdown-toggle::before{
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 50px;
}

body.loys #menu-desktop .bar-menu li.dropdown-hover:hover .dropdown-toggle,
body.loys #menu-desktop .bar-menu li .dropdown-toggle:hover {
  border-color: #000;
}

body.loys #menu-desktop .bar-menu li .dropdown-toggle::after {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  right: -15px;

  font-family: FontAwesome;
  content: "\f0d7";
  font-size: .75rem;
  
  /* display: initial; */
  margin-left: initial;
  vertical-align: initial;
  border: initial;
  
  color: #000;  
  margin: auto;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys #menu-desktop .bar-menu li .dropdown-toggle:not([aria-expanded="false"])::after {
  display: none;
}

.dropdown-menu {
  left: auto;
}

@media (max-width: 1400px) { 
  .dropdown-list:nth-child(n+4) .dropdown-menu{  
    left: unset!important;
    right: 0!important;
  }
} 

 @media (min-width: 1400px) {
  .dropdown-list:nth-child(n+4) .dropdown-menu{  
    left: unset!important;
    right: 0!important;
  }
}

body.loys #menu-desktop .bar-menu .dropdown-menu {
  background-color: #fff;  

  border: 0;
  border-radius: 0;  
  padding: 0px 5px;

  margin-top: 0;
  left: auto;
  
  
  width: auto;
  height: auto;

  box-shadow: 0 15px 15px rgba(0, 0, 0, .05);    
  cursor: default!important;
}
body.loys #menu-desktop .bar-menu .dropdown-menu.megamenu{
  background-color: #fff;  

  border: 0;
  border-radius: 0;  
  /* padding: 15px 15px 0 0;   */
  padding: 0;  

  margin-top: 0;
  left: auto;
  
  
  width: auto;
  min-width: 536px;
  max-width: 688px;

  height: auto;

  box-shadow: 0 15px 15px rgba(0, 0, 0, .05);    
  cursor: default!important;
}

body.loys #menu-desktop .first-level .dropdown-hover .second-level.megamenu .submenu-col {
  width: 100%;
  height: auto;
}

body.loys #menu-desktop .first-level .dropdown-hover .second-level.megamenu .megamenu-banner a{
  padding: 0;
}
body.loys #menu-desktop .first-level .dropdown-hover .second-level.megamenu .megamenu-banner {
  overflow: hidden;
  min-height: 200px;
  max-height: 100%;
  padding-top: 10px;
}
body.loys #menu-desktop .first-level .dropdown-hover .second-level.megamenu img {
  width: 100%;
  min-height: 200px;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;

  -o-object-position: center top;
  object-position: center top;
}

body.loys #menu-desktop .bar-menu .dropdown-menu li{  
  position: relative;
  cursor: pointer;
  height: fit-content;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #menu-desktop .bar-menu .dropdown-menu a{
  position: relative;
  display: block;
  margin: 0;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  
  padding: 7.5px 0;
  width: 100%;
  height: 100%;

  z-index: 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #menu-desktop .bar-menu .dropdown-menu a:hover{
  transform: translateX(5px);
  font-weight: 500;
}
body.loys #menu-desktop .bar-menu .dropdown-menu .megamenu-banner a:hover {
  transform: none;
}






/* BANNERS */
body.loys #banner {
  margin-bottom: 50px;
  overflow: hidden;
}
body.loys #carousel-banner{
  position: relative;
  padding: 0;
  margin: 0;

  width: calc(100% + 1px);
}

body.loys #carousel-banner .owl-item a {
  width: 100%;
}
body.loys #carousel-banner .owl-item picture {
  width: 100%;
  aspect-ratio: 1920 / 585;
  overflow: hidden;
}
body.loys #carousel-banner .owl-item img {
  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}
body.loys #banner .navs #navbar-prev{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;

  cursor: pointer;

  top: calc(50% - 25px);
  left: 5%;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 100px;  

  z-index: 2;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #banner .navs #navbar-prev svg{
  width: 15px;
  height: 15px;
  fill: #fff;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #banner .navs #navbar-prev:hover{
  background-color: #fedf00;
  transform: scale(.9);
  
  -webkit-box-shadow: 0 10px 30px rgba(40, 40, 40, .35);
  box-shadow: 0 10px 30px rgba(40, 40, 40, .35);
}

body.loys #banner .navs #navbar-prev:hover svg {
  fill: #333996;
}

body.loys #banner .navs #navbar-next{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  
  cursor: pointer;

  top: calc(50% - 25px);
  right: 5%;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 100px;  

  z-index: 2;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #banner .navs #navbar-next svg{
  width: 15px;
  height: 15px;
  fill: #fff;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #banner .navs #navbar-next:hover{
  background-color: #FFF200;
  transform: scale(.9);
  
  -webkit-box-shadow: 0 10px 30px rgba(40, 40, 40, .35);
  box-shadow: 0 10px 30px rgba(40, 40, 40, .35);
}

body.loys #banner .navs #navbar-next:hover svg {
  fill: #333996;
}


/* CARACTERISTICAS */

body.loys .caracteristicas {
  background-color: #000;
  padding: 25px 0;    
}
body.loys .caracteristicas .cards-caracteristicas {
  position: relative;
}

body.loys .caracteristicas .card-caracteristica {
  display: flex;
  align-items: center;
  gap: 20px;
}
body.loys .caracteristicas .card-caracteristica .icon {
  width: 30px;
  height: 30px;
}

body.loys .caracteristicas .card-caracteristica .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

body.loys .caracteristicas .card-caracteristica h1.title {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}
body.loys .caracteristicas .card-caracteristica p.desc {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}




/* Tags */
body.loys #tags {
  margin: 75px 0;
}
body.loys #tags ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
body.loys #tags ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  
  padding: 8px 28px;
  border-radius: 30px;
  border: 1px solid #000;
  
  text-decoration: none;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #tags ul li a:hover {
  background-color: #000;
}
body.loys #tags ul li a span {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #tags ul li a:hover span {
  color: #fff;
  transform: translateX(5px);
}
body.loys #tags ul li a span::after {
  display: inline-block;
  content: '>';
  transform: translateX(5px);

  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #tags ul li a:hover span::after {
  color: #fff;
  opacity: 0;
}




/* Categorias */
body.loys #categorias {
  margin: 65px 0;
}
body.loys #categorias .card-categoria {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #categorias .card-categoria:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}
body.loys #categorias .card-categoria .image {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
body.loys #categorias .card-categoria .image::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000 3.39%, rgba(0, 0, 0, 0.00) 64.82%);
  z-index: 1;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #categorias .card-categoria:hover .image::before {
  transform: translateY(35px);
  opacity: .75;
}
body.loys #categorias .card-categoria .image::after {
  display: block;
  content: '';
  width: 100%;
  padding-bottom: 136.2530413625304%;
}
body.loys #categorias .card-categoria .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
    
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #categorias .card-categoria:hover .image img {
  transform: scale(1.1);
}

body.loys #categorias .card-categoria .content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 40px;
  text-align: center;
}
body.loys #categorias .card-categoria .content h1.title {
  color: #FFF;
  font-size: 40px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -1px;
  text-align: center;
  margin: 0 0 25px 0;
}
body.loys #categorias .card-categoria .content .botao {
  display: inline-flex;
  padding: 8px 38px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  
  border-radius: 100px;
  border: 1px solid #fff;
  
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #categorias .card-categoria:hover .content .botao {
  background-color: #fff;
  color: #000;
}




/* Banner Desconto */
body.loys #banner-desconto {
  margin: 65px 0;
}
body.loys #banner-desconto .d-banner {
  display: block;
  text-decoration: none;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys #banner-desconto .d-banner:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  transform: scale(1.015);
}
body.loys #banner-desconto .d-banner img {
  width: 100%;
  height: auto;
}




/* Mosaico */
body.loys #banner-marilia {
  margin: 65px 0;
}
body.loys #banner-marilia .titulo {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}
body.loys #banner-marilia .titulo img {
  width: 100%;
}
body.loys #banner-marilia .mosaico {
  display: flex;
  width: 100%;
}
body.loys #banner-marilia .mosaico .left {
  width: calc(50% - 4px);
  margin-right: 4px;
}
body.loys #banner-marilia .mosaico .right {
  width: calc(50% - 4px);
  margin-left: 4px;
}

body.loys #banner-marilia .mosaico .top {
  margin-bottom: 8px;
}
body.loys #banner-marilia .mosaico img {
  width: 100%;
  height: auto;
}
@media(max-width:992px){
  body.loys #banner-marilia .mosaico .left {
    width: 100%;
    margin-right: 0px;
  }
  body.loys #banner-marilia .mosaico .right {
    width: 100%;
    margin-left: 0px;
  }
}




/* TÍTULO SESSÃO */

body.loys .box-title {
    text-align: left;
    margin-bottom: 10px;
    width: 100%;    
}
body.loys .box-title .box-text {
  position: relative;
  color: #000000;
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}




/* LISTA DE PRODUTOS */

body.loys .section-product {
  margin-top: 50px;
}

body.loys .nav-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 10px;

  background-color: rgba(142, 142, 142, 0.05);

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys .nav-btn.left {
  position: absolute;

  top: 0;
  bottom: 0;

  left: -75px;

  margin: auto 0 auto 0;
}

body.loys .nav-btn.right {
  position: absolute;

  top: 0;
  bottom: 0;

  right: -75px;

  margin: auto 0 auto 0;
}

body.loys .nav-btn:last-child{
  margin: 0;
}

body.loys .nav-btn.active:hover {
  background-color: #000;
}


body.loys .nav-btn svg{
  fill: #cacaca;
  width: 15px;
  height: 15px;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys .nav-btn.active svg{
  fill: #000;
}

body.loys .nav-btn.active:hover svg {
  fill: #ffffff;
}

body.loys .product-list{
  position: relative;
}
body.loys .product-list .product a{
  text-decoration: none;
}
body.loys .product-list .product{
  margin: 15px 0;  
  border-radius: 5px;
}
body.loys .product-list .product form{
  position: relative;

  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  overflow: hidden;

  padding-top: 50px;
  box-shadow: 2.77316px 5.54631px 11.09263px 0px rgba(0, 0, 0, 0.12);

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product form:hover {
  border-color: rgba(0, 0, 0, 0.20);
  box-shadow: none;
}
body.loys .product-list .tags {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;

  padding: 10px;
  background-color: #fff;
}
body.loys .product-list .tags .tag-promotion{
  width: 100%;
  
  background-color: #fff;
  border: 1px solid #000;
  padding: 5px 10px;
  border-radius: 100px;

  color: #000;
  text-align: center;
  font-family: var(--font-Inter);
  font-size: 11px;
  font-weight: 700;
  line-height: 18.462px;
  letter-spacing: 1.011px;
  text-transform: uppercase;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product:hover .tags .tag-promotion{
  background-color: #000;
  color: #fff;
}
body.loys .product-list .tags .tag-frete{
  width: auto;
  
  background-color: #fff;
  border: 1px solid #000;
  padding: 5px 10px;
  border-radius: 100px;

  color: #000;
  white-space: nowrap;
  text-align: center;
  font-family: var(--font-Inter);
  font-size: 11px;
  font-weight: 700;
  line-height: 18.462px;
  letter-spacing: 1.011px;
  text-transform: uppercase;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product:hover .tags .tag-frete{
  background-color: #000;
  color: #fff;
}

body.loys .product-list .product .product-image {
  position: relative;
  overflow: hidden;
}
body.loys .product-list .product .product-image::after {
  content: '';
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
body.loys .product-list .product .product-image img{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;  
  height: 100%;
  background-color: #fff;
  -o-object-fit: cover;
  object-fit: cover;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product .product-info {
  text-decoration: none;
  padding-bottom: 20px;
}
body.loys .product-list .product .product-info .tit{
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 15px 0 10px 0;
}
body.loys .product-list .product .product-info .desc {
  width: 100%;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #505050;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 15px 0;
  text-align: left;
}
body.loys .product-list .product .product-info .container-price {
  position: relative;
  text-align: left;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product .container-price .price-label {
  display: block;
  min-height: 18px;
}
body.loys .product-list .product .container-price .price-label del{
  font-size: 12px;
  font-family: var(--font-Inter);
  font-weight: 400;
  color: #505050;

  display: block;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product .product-info .container-price span.price{
  color: #000;
  font-size: 24px;
  font-weight: 600;

  display: inline-block;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-bottom: 7px;
}
body.loys .product-list .product .product-info .container-price span.installment {
  display: block;
  margin-top: 0;

  color: #505050;
  font-size: 12px;
  font-weight: 500;  

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product .product-info .container-price span.installment b {
  color: #505050;
  font-size: 12px;
  font-weight: 700;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product form:hover .product-info .container-price span.price-label del,
body.loys .product-list .product form:hover .product-info .container-price span.price,
body.loys .product-list .product form:hover .product-info .container-price span.installment,
body.loys .product-list .product form:hover .product-info .container-price span.installment b {
  opacity: 0;
  transform: translateY(50px);
}
body.loys .product-list .product .product-info .container-price .botao-comprar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto 0 auto;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 55px;

  background-color: #000;
  border-radius: 100px;

  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;

  transform: translateY(30px);
  opacity: 0;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .product-list .product form:hover .product-info .container-price .botao-comprar {
  filter: none;
  transform: translateY(0);
  opacity: 1;
}







/* Sobre */

body.loys .sobre {
  position: relative;
  
  background: url("../img/background-sobre.jfif") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  
  padding: 65px 0;
  margin: 65px 0;

  z-index: 0;
  overflow: hidden;
}
body.loys .sobre::before {
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background: linear-gradient(260deg, rgba(0, 0, 0, 0.80) 12.2%, rgba(0, 0, 0, 0.00) 57.78%);
}

body.loys .sobre h1.title {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -1px;
}

body.loys .sobre p.desc {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.16px;
  max-width: 634px;
}

body.loys .sobre .botao {
  display: inline-flex;
  padding: 8px 38px;
  justify-content: center;
  align-items: center;
  gap: 10px;

  background: #FFF;
  border-radius: 100px;
  
  color: #050211;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;
  text-decoration: none;

  margin-right: 15px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .sobre .botao:hover {
  background-color: #000;
  color: #fff;
}
body.loys .sobre .link {
  display: inline-flex;
  padding: 8px 38px;
  justify-content: center;
  align-items: center;
  gap: 10px;

  background: rgba(0, 0, 0, 0);
  border-radius: 100px;

  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;
  text-decoration-line: underline;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys .sobre .link:hover {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}
body.loys .sobre .card-sobre {
  position: relative;
  
  margin-left: 25%;
  margin-right: -25%;
}
body.loys .sobre .card-sobre::before {
  position: absolute;
  content: '';

  top: 0;
  left: -30%;

  width: 580px;
  height: 300px;

  border-radius: 580px;
  background: rgba(251, 19, 4, 0.42);
  filter: blur(125px);
}
body.loys .sobre .card-sobre::after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 78.50467289719626%;
}
body.loys .sobre .card-sobre img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;

  border-radius: 20px;
}




/* Marcas */
body.loys .marcas {
  margin: 65px 0;
}
body.loys .marcas .box-title span.box-text{
  display: block;
  margin-bottom: 15px;
}
body.loys .marcas #carousel-marcas {
  padding: 0;
}
body.loys .marcas #carousel-marcas img {
  width: 100%;
  height: 45px;

  -o-object-fit: contain;
  object-fit: contain;

  -o-object-position: left center;
  object-position: left center;
}






/* Newsletter */

body.loys .newsletter {
  position: relative;
  padding: 55px 0;
  background: url('../img/background-newsletter.jfif');
  background-size: cover;
  background-position: 0 50%;
  z-index: 0;
}
body.loys .newsletter::before{
  position: absolute;
  content: '';

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: linear-gradient(269deg, rgba(0, 0, 0, 0.80) 10.34%, rgba(0, 0, 0, 0.00) 51.06%), rgba(0, 0, 0, .6);
  z-index: -1;
}

body.loys .newsletter h1.title {
  color: #FFF;
  font-size: 32px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.64px;
}
body.loys .newsletter p.desc {
  color: #FFF;
  font-family: var(--font-Inter);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.16px;
  margin: 0;
}

body.loys .newsletter form label {
  position: absolute;
  top: -30px;
  left: 0;

  color: #FFF;
  font-family: var(--font-Inter);
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.16px;
  margin: 0 0 5px 0;
}

body.loys .newsletter form input {
  width: 100%;
  height: 40px;
  padding: 10px;
  background-color: transparent;
  color: #fff;
  font-weight: 400;
  border: 2px solid #FFF;
  border-radius: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys .newsletter form input:hover{
  background-color: rgba(255, 255, 255, 1);
  color: #000;
}
body.loys .newsletter form input:focus{
  box-shadow: none;
}

body.loys .newsletter form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #909296;
}
body.loys .newsletter form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #909296;
 opacity: 1;
}
body.loys .newsletter form input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #909296;
 opacity: 1;
}
body.loys .newsletter form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #909296;
}
body.loys .newsletter form input::-ms-input-placeholder { /* Microsoft Edge */
 color: #909296;
}
body.loys .newsletter form input::placeholder { /* Most modern browsers support this now. */
 color: #909296;
}

body.loys .newsletter button {
  display: inline-flex;
  padding: 0 25px;
  justify-content: center;
  align-items: center;
  
  height: 50px;
  border: none;
  border-radius: 100px;
  background: #FFF;

  color: #050211;
  font-family: var(--font-Inter);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;


  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys .newsletter button:hover {
  background-color: #000;
  color: #fff;
}




/* Breadcrumbs */

body.loys[data-page="produto-detalhes"] #breadcrumbs {
  margin-top: 0px;
  padding: 20px 0;
}
body.loys #breadcrumbs {
  position: relative;
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
}

body.loys #breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

body.loys #breadcrumbs ul li {
  float: left;
  line-height: 10px;
  height: 20px;
}

body.loys #breadcrumbs span {
  color: #050211;
  font-size: 12px;
  font-weight: 500;
  line-height: 28.889px;
  letter-spacing: 0.24px;
}
body.loys #breadcrumbs a {
  color: #050211;
  font-size: 12px;
  font-weight: 500;
  line-height: 28.889px;
  letter-spacing: 0.24px;
}

body.loys #breadcrumbs ul li::after {
  content: ">";
  color: #050211;
  font-size: 12px;
  font-weight: 500;
  line-height: 28.889px;
  letter-spacing: 0.24px;
  margin: 0 10px;
}

body.loys #breadcrumbs p {
  color: #C00;
  font-size: 12px;
  font-weight: 500;
  line-height: 28.889px;
  letter-spacing: 0.24px;
  text-decoration-line: underline;
  margin: 0;
}

body.loys #breadcrumbs ul li:last-child:after {
  content: '';
}

/* SOBRE O PRODUTO */
body.loys[data-page="produto-detalhes"] .about {
  padding: 0 0 30px 0;
}
body.loys[data-page="produto-detalhes"] .about .col-about{
/*   background-color: #ffffff;
  box-shadow: 0 20px 30px rgba(10, 10, 40, .1); */
}

body.loys[data-page="produto-detalhes"] .nav-tabs {
  padding: 0 0 20px 0;
  border: 0;
  gap: 20px;
  /* background-color: red; */
}

body.loys[data-page="produto-detalhes"] .nav-tabs .nav-item {
  margin-right: 15px;
}

body.loys[data-page="produto-detalhes"] .nav-tabs .nav-item:last-child{
  margin: 0;
}

body.loys[data-page="produto-detalhes"] .nav-tabs .nav-link {
  display: flex;
  align-items: center;

  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.2px;  

  width: 100%;
  height: 100%;
  padding: 0px;


  border: 0;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  box-shadow: none!important;
  
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



body.loys[data-page="produto-detalhes"] .nav-tabs .nav-link:hover{
  border-bottom: 4px solid #000;
}

body.loys[data-page="produto-detalhes"] .nav-item.active .nav-link {
  position: relative;
  
  border-bottom: 4px solid #000;

  z-index: 0;
  overflow: hidden;
}


body.loys[data-page="produto-detalhes"] .tab-content{
  background-color: #ffffff;
  height: 100%; 

  z-index: 1;
}

body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .tabpane-header h1.title{
  color: #C00;
  font-size: 30px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.3px;
  margin: 0 0 20px 0;
}

body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .tabpane-info{
  font-size: 1rem;
  font-weight: 400;
  color: #484848;
}

body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .card-header{
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .card-header h2{
  font-size: 1rem;
  font-weight: 600;
  color:#FFF;
}

body.loys[data-page="produto-detalhes"] .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;  
  background-clip: border-box;
  border: 0;
  border-radius: 0;

  margin-bottom: 10px;  
}

body.loys[data-page="produto-detalhes"] .card:last-child {
  margin-bottom: 0;
}

body.loys[data-page="produto-detalhes"] .card-header {
  background-color: #000;
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .card-header[aria-expanded="true"] {
  background-color: #C00;
}

body.loys[data-page="produto-detalhes"] .card-header button{
  color: #b4b828;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}
body.loys[data-page="produto-detalhes"] .card-header button.collapsed{
  color: #2f373e;
}

body.loys[data-page="produto-detalhes"] .card-body{
  background-color: #f8f8f8;
}

body.loys[data-page="produto-detalhes"] .about #boxs{
  padding: 3rem 0 0 15px;
}
body.loys[data-page="produto-detalhes"] .about #boxs a{
  text-decoration: none;
}
body.loys[data-page="produto-detalhes"] .about .box-about{
  background-color: #fff;
  border-radius: 0;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover{
  -webkit-box-shadow: 0px 0px 30px rgba(40, 40, 40, .25);  
  box-shadow: 0px 0px 30px rgba(40, 40, 40, .25);  
}

body.loys[data-page="produto-detalhes"] .about .box-about .text {
  display: flex;
  align-items: center;
  height: 75px;  
}
body.loys[data-page="produto-detalhes"] .about .box-about .text p{
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  margin: 0;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about .text span{
  font-size: 1.25rem;
  font-weight: 800;
  color: gray;
  margin: 0;
}
body.loys[data-page="produto-detalhes"] .about .box-about.pdf{
  position: relative;
  background-color: #5f4d2e;
  border-radius: 100px;
  padding-left: 85px;
  height: 75px;
}
body.loys[data-page="produto-detalhes"] .about .box-about .icon-pdf{
  position: absolute;
  left: -3px;
  background-color: #fff;
  border-radius: 100px;
  width: 75px;
  height: 75px;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about .icon-pdf svg{
  fill: #5f4d2e;
  width: 2.5rem;
  height: 2.5rem;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] .about .box-about:hover.pdf{
  background-color: #fff;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover .icon-pdf{
  background-color: #5f4d2e;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover .icon-pdf svg{
  fill: #fff;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover.pdf p{
  color: #5f4d2e;
}

body.loys[data-page="produto-detalhes"] .about .box-about.whatsapp{
  position: relative;
  background-color: #b4b828;
  border-radius: 100px;
  padding-left: 85px;
  height: 75px;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about .icon-whatsapp{
  position: absolute;
  left: -3px;
  background-color: #fff;
  border-radius: 100px;
  width: 75px;
  height: 75px;
  
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about .icon-whatsapp svg{
  fill: #b4b828;
  width: 2.5rem;
  height: 2.5rem;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover.whatsapp{
  background-color: #fff;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover .icon-whatsapp{
  background-color: #b4b828;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover .icon-whatsapp svg{
  fill: #fff;
}
body.loys[data-page="produto-detalhes"] .about .box-about:hover.whatsapp p{
  color: #b4b828;
}


body.loys[data-page="produto-detalhes"] #product {
  padding-bottom: 2rem;
}

body.loys[data-page="produto-detalhes"] #product .gallery .image-product {
  position: relative;
}



body.loys[data-page="produto-detalhes"] #product .gallery .image-product .favorite {
  position: absolute;

  top: 10px;
  left: 10px;

  width: 20px;
  height: 20px;

  z-index: 3;
}
body.loys[data-page="produto-detalhes"] #product .gallery .image-product .favorite svg{  
  cursor: pointer;

  fill: transparent;
  stroke: #686868;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  width: 100%;
  height: 100%;

  
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] #product .gallery .image-product .header .favorite:hover svg{
  fill: #686868;
  stroke: #686868;
}
body.loys[data-page="produto-detalhes"] #product .gallery .image-product .header .favorite.active svg {
  fill: #C00;
  stroke: #C00;
}

body.loys[data-page="produto-detalhes"] #product .gallery .image-product .header .zoom {
  position: absolute;

  top: 10px;
  right: 10px;

  width: 20px;
  height: 20px;

  z-index: 3;
}
body.loys[data-page="produto-detalhes"] #product .gallery .image-product .header .zoom svg{  
  cursor: pointer;

  fill: #686868;

  width: 100%;
  height: 100%;

  
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] #product .gallery .image-product .header .zoom:hover svg{
  fill: #C00;
}

body.loys[data-page="produto-detalhes"] #product .gallery-arrow-prev,
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 10px;
  border-radius: 100px;
  background-color: rgba(147, 149, 152, 0.10);
  cursor: pointer;

  margin-bottom: 100px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-prev:not(.disabled):hover,
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-next:not(.disabled):hover {
  background-color: #000;
}
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-prev.disabled,
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-next.disabled {
  opacity: .25;
}
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-next svg,
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-prev svg {
  display: block;
  fill: #000;
  width: 100%;
  height: 100%;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-prev:not(.disabled):hover svg,
body.loys[data-page="produto-detalhes"] #product .gallery-arrow-next:not(.disabled):hover svg {
  fill: #fff;
}

body.loys[data-page="produto-detalhes"] #product .gallery .gallery-products .item{
  background-color: #fff; 
  border-radius: 0px;  

  overflow: hidden;
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-products .item img{
  width: 100%;
  height: 500px;  
  background-color: #fff;
  object-fit: contain;
}

body.loys[data-page="produto-detalhes"] #product .gallery .owl-theme .owl-dots .owl-dot span{
  background: #fff;
  box-shadow: 0 2px 10px rgba(40, 40, 40, .5);

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .gallery .owl-theme .owl-dots .owl-dot.active span{
  background: #000;
  box-shadow: 0 2px 10px rgba(40, 40, 40, 0);
}

body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail {
  margin-top: 10px;
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail .item{
  cursor: pointer;
  background-color: #fff;  
  border: 3px solid transparent;
  border-radius: 10px;
  overflow: hidden;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail .item.active{
  border: 3px solid #000;
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail .item img{
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .5;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail .item:hover img{  
  opacity: 1;
  filter: brightness(.6);
  transform: scale(1.2);
}
body.loys[data-page="produto-detalhes"] #product .gallery .gallery-thumbnail .item.active img{
  opacity: 1;  
  filter: brightness(1);
  transform: scale(1);
}



body.loys[data-page="produto-detalhes"] #product .referencia {
  position: relative;
  margin: 0;
}

body.loys[data-page="produto-detalhes"] #product .referencia p.ref {
  color: #505050;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 700;
  line-height: 28.889px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin: 0;
}
body.loys[data-page="produto-detalhes"] #product .top-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
body.loys[data-page="produto-detalhes"] #product .top-block span {
  cursor: pointer;
  color: #505050;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 700;
  line-height: 28.889px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] #product .top-block span:hover {
  color: #C00;
}

.rating-link {
  text-decoration: none;
  margin: 0;
  font-size: 1rem;
  color: #D9D9D9;
}

.rating-container {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #D9D9D9;
  overflow: hidden;
  font-size: 20px;
}

.rating-gly {
  font-family: 'FontAwesome';
}

.rating-container:before {
  content: attr(data-content);
}

.star-rating {
  cursor: pointer;
}
.rating-container .rating-stars {
  cursor: pointer;

  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #F9C50F;
  transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  font-family: 'FontAwesome';
}

.star-rating [type="number"] {
  position: absolute !important;
  opacity: 0 !important;
  bottom: 0;
  border: none!important;
  width: 1px!important;
  height: 1px!important;
  background: transparent!important;
  z-index: -1;
}

body.loys[data-page="produto-detalhes"] #product .product-title .product-name{
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.8px;
  text-transform: initial;
  margin: 10px 0 5px 0;
}
body.loys[data-page="produto-detalhes"] #product .product-title .product-desc {
  color: #505050;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.12px;
  margin: 0;
}
body.loys[data-page="produto-detalhes"] .col-prod-data #form-add-produto {
  margin: 30px 0 0 0;
}
body.loys[data-page="produto-detalhes"] .con-info-produto {
  position: sticky;
  top: 85px;
  height: fit-content;
}
body.loys[data-page="produto-detalhes"] #product .price-container {
  padding: 0;
  margin: 0 0 30px 0;
}
body.loys[data-page="produto-detalhes"] #product .price-container .old-price{
  color: #484848;
  font-size: 1rem;
  font-weight: 400;  
}
body.loys[data-page="produto-detalhes"] #product .price-container .old-price span{
  color: #484848;
  font-size: 1rem;
  font-weight: 400;  
  text-decoration: line-through;
}

body.loys[data-page="produto-detalhes"] #product .price-container .price{
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.48px;
}

body.loys[data-page="produto-detalhes"] #product .price-container .price-info img{
  width: 100%;
}

body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-parc{
  display: block;
  color: #505050;
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.12px;
}

body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-desc{
  display: block;
  color: #505050;
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.12px;
}

body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-desc .value{
  color: #51343c;
  font-size: 1rem;
  font-weight: 700;  
}
body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-desc .pay{
  color: #de3c3a;
  font-size: 1.4rem;
  font-weight: 700;  
}


body.loys[data-page="produto-detalhes"] #product .select-title{
  color: #737f89;
  font-size: 1rem;
  font-weight: 500;  
}

body.loys[data-page="produto-detalhes"] #product select{
  border: 0px solid #ced4da;
  height: 50px;
  color: #5f4d2e;
  font-weight: 500;
}

body.loys[data-page="produto-detalhes"] #product select option{
  color: #424752;
}


body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations {
  margin: 20px 0 20px 0;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .form-group {
  margin-bottom: 0;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .attr-name {
  color: #333;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation {
  display: flex;
  margin: 0;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation li {
  margin: 0 2px;
  min-width: 37px;
  min-height: 41px;
  overflow: hidden;
}
[data-page="produto-detalhes"] .list-variation [type="radio"] {
  position: absolute;
  opacity: 0;
  bottom: 0;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
  position: relative;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation .variation-other {
  border: 2px solid transparent;
  box-shadow: none;
}
[data-page="produto-detalhes"] .list-variation .variation-color,
[data-page="produto-detalhes"] .list-variation .variation-other {
  display: flex;
  justify-content: center;
  align-items: center;

  min-width: 55px;
  height: 45px;

  color: #202020;
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;

  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: none!important;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation .variation-other:hover {
  border-color: #202020;
  box-shadow: none;
  margin-bottom: 0;
}
body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation [type="radio"]:checked+.variation-other {
  border-color: #C00;
  box-shadow: none;
  margin-bottom: 0;
}




body.loys[data-page="produto-detalhes"] #product .buy .tag{
  color: #424752;
  font-size: .8rem;
  font-weight: 500;
}

body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd {
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: fit-content;
  height: 50px;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .input-group {
  position: relative;
  display: flex;
  align-items: center;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .input-group::before {
  position: absolute;
  /* content: 'QTD'; */
  content: unset;

  top: -25px;
  left: 40px;
  width: 50px;

  color: #000;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-down {
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: transparent;
  width: 40px!important;
  height: 40px;
  padding: 0;  
  border-radius: 100px;

  color: #333;
  font-size: 30px;
  font-weight: 500;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-down:hover {
  color: #C00;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-down:focus{
  box-shadow: none;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .touch-spin {
  position: relative;
  background-color: transparent;
  width: 50px;
  max-width: 50px;
  height: 40px;

  padding: 0;
  border-radius: 5px;
  border: 2px solid #CACACA;
  margin: 0 10px;

  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  margin-left: 40px;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .touch-spin:focus{
  outline: none;
  box-shadow: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-up {
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: transparent;
  width: 40px!important;
  height: 40px;
  padding: 0;
  border-radius: 100px;

  color: #333;
  font-size: 30px;
  font-weight: 500;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-up:hover {
  color: #C00;
}
body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .bootstrap-touchspin-up:focus{
  box-shadow: none;
}
body.loys[data-page="produto-detalhes"] #product .buy .comprar-block .add-to-cart:focus{
  box-shadow: none;
}
body.loys[data-page="produto-detalhes"] #product .buy .comprar-block .add-to-cart{
  position: relative;
  display: block;
  
  width: 100%;
  height: 48px;

  border: 0;
  border-radius: 100px;
  background-color: #C00;
  box-shadow: none;
  padding: 0 15px;

  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.4px;
  text-transform: initial;
  text-align: center;  

  z-index: 0;
  overflow: hidden;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] #product .buy .comprar-block .add-to-cart:hover{
  background-color: rgb(157, 0, 0);
}

body.loys[data-page="produto-detalhes"] #product .buy .comprar-block .add-to-cart svg {
  fill: none;
  width: 1.5rem;
  margin-right: 10px;

  stroke: #ffffff;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
    
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] #product .buy .comprar-block .add-to-cart:hover svg{
  stroke: #333996;
}

body.loys[data-page="produto-detalhes"] #product .box-frete-share {
  position: relative;
}

body.loys[data-page="produto-detalhes"] #product .box-frete-share h1.title {
  color: #333;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 0 0 5px 0;
}
body.loys[data-page="produto-detalhes"] #product .box-frete-share h1.title:hover {
  color: #C00;
}

body.loys[data-page="produto-detalhes"] #box-frete {
  position: relative;

  margin: 20px 0 0 0;
}

body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box span.info-text{
  color: #484848;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box small{
  color: #202020;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}
body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .input-group-addon {
  background-color: transparent;
  border: 0;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .input-group .mask-cep {  
  height: 40px;
  background-color: #ffffff;
  border: 2px solid #8E8E8E;
  border-radius: 4px 10px 10px 4PX;
  box-shadow: none;
  outline: 0;

  color: #202020;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .input-group .mask-cep:hover,
body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .input-group .mask-cep:focus{
  border-color: #000;
}

body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .btn-cep-prod {
  height: 40px;
  padding: 0 15px;

  background: #202020;
  border: 0;
  border-radius: 8px;  
  box-shadow: none;

  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-left: -5px;

  z-index: 99;
  overflow: hidden;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .btn-cep-prod:hover {
  background-color: #C00;
}





/* Footer */

body.loys .footer .site-map.desktop {
  background: #fff;
  border: 0;
  padding: 75px 0 50px 0;
  border-top: 1px solid #D9D9D9;
}
body.loys .footer .site-map {
  background: 0;
  border: 0;
}
body.loys .footer .site-map .logo img{
  width: 100%;
  max-width: 160px;
  margin-bottom: 22px;
}
body.loys .footer .site-map .tit {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.3px;
  
  padding: 0;
  margin-bottom: 10px;
}
body.loys .footer .site-map .col-menu .tit.rs {
  margin-top: 30px;
}
body.loys .footer .site-map .baseselos .tit {
  margin-top: 65px;
}
body.loys .footer .site-map .desc {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  margin: 0;
}
body.loys .footer .site-map .desc a {
  color: #000;
}
body.loys .footer .site-map .desc strong {
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.24px;
  margin: 0 0 10px 0;
}
body.loys .footer .site-map li{
  padding-bottom: 5px;
}
body.loys .footer .site-map li:last-child{
  padding-bottom: 0px;
}
body.loys .footer .site-map li a {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
}
body.loys .footer .site-map li p {
  padding-bottom: 0;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0
}
body.loys .footer .col-address{
  padding-right: 0px;
  display: inline-block;
}


body.loys .footer .basefooter {
  background: #ffffff;
  padding: 15px 0;
}
body.loys .footer .basefooter span {
  display: contents;
  color: #000;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 400;
  line-height: 28.152px;
  margin: 0;
  width: calc(100% - 200px);
  margin-left: 100px;
}
body.loys .footer .basefooter strong {
  font-weight: 400;
  cursor: pointer
}
body.loys .footer .basefooter .wtek {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 15px;
}
body.loys .footer .basefooter .wtek p {
  color: #000;
  font-family: var(--font-Inter);
  font-size: 12px;
  font-weight: 400;
  line-height: 28.152px;
  text-transform: capitalize;
  margin: 0;
}
body.loys .footer .basefooter .wtek a {
  font-weight: 700;
}

body.loys .footer-checkout .contact {
  background-color: #1b1918;
  font-weight: 500;
  color: #fff
}
body.loys .footer-checkout .contact .contact-phone {
  padding-bottom: 0
}
body.loys .footer-checkout .contact .icon-contact {
  align-items: flex-end
}
body.loys .footer-checkout .contact a {
  color: #fff
}

body.loys .footer ul.redes {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: fit-content;
}

body.loys .footer ul.redes li {
  margin-right: 15px;
}

body.loys .footer ul.redes li:last-child {
  margin: 0;
}

body.loys .footer ul.redes li svg {
  width: 30px;
  height: 30px;

  fill: #202020;

  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body.loys .footer ul.redes:hover li:not(:hover) svg {
  opacity: .3;
}

body.loys .footer .baseselos img {
  width: auto;
  min-height: 22px;
}


@media(max-width:991px) {
  body.loys[data-page="produto-detalhes"] .con-info-produto {
    position: initial!important;
    top: unset;
    height: fit-content;
  }

  body.loys header.header-bg.fixo .link {
    margin: 0;
  }
  body.loys header.header-bg .logo-base img {
    max-width: 100px;
  }
  body.loys header.header-bg {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #D9D9D9;
  }
  body.loys header.header-bg .search-mob-style .search-full input {
    border-top: 1px solid #D9D9D9;
  }

  body.loys .footer .social a+a {
    margin-left: 0!important;
  }
  
  body.loys .category .gt-30{
    margin-top: 0!important;
  }

  body.loys[data-page="home"] #apoio-banner .apoio-banner-item {
    border-right: 0!important;
  }

  body.loys[data-page="home"] #apoio-banner .row{
    margin-left: unset!important;
    margin-right: unset!important;
  }

  body.loys header.header-bg .search-mob-style .search-full input {
    height: 50px!important;
  }
  

  /* Navbar */

	body.loys header.header-bg .link #hamburger{
    position: relative;
  }
	body.loys header.header-bg .link #hamburger:before {
		background: #000  ;
		border-radius: 12px;
		height: 3px;
		left: 0;
		width: 30px
	}
	body.loys header.header-bg .link #hamburger:after {
		background: #000  ;
		border-radius: 12px;
		height: 3px;
		left: 0;
		width: 30px
	}
	body.loys header.header-bg .link #hamburger span {
		background: #000  ;
		border-radius: 12px;
		height: 3px;
		left: 0;
		width: 30px
	}
  body.loys .search-mob-style {
    height: auto;
  }
  body.loys header.header-bg .link {
    margin: 0;
  }




  /* Banner */
  body.loys #carousel-banner .owl-item picture {
    aspect-ratio: 992 / 600;
  }
  body.loys #carousel-banner .owl-item img {
    width: 100%;
    height: auto;
  }




  /* Caracteristicas */
  body.loys .caracteristicas {
    padding: 0;
  }
  body.loys .caracteristicas .col-caracteristica::after{
    content: unset;
  }

  body.loys .caracteristicas #carousel-caracteristicas {
    padding: 0;
    margin: 0;
  }
  body.loys .caracteristicas #carousel-caracteristicas li.item {
    height: 90px;
  }




  /* Tags */
  body.loys #tags {
    margin: 35px 0;
  }
  body.loys #tags ul {
    flex-wrap: wrap;
    gap: 10px;
  }
  body.loys #tags ul li {
    width: 100%;
    max-width: calc(50% - 5px);
  }
  body.loys #tags ul li a {
    padding: 8px 15px;
  }
  body.loys #tags ul li a span {
    display: flex;
    align-items: center;
    font-size: 14px;
  }




  /* Categorias */
  body.loys #categorias {
    margin: 35px 0;
  }
  body.loys #categorias #carousel-categorias {
    padding: 0;
    margin: 0;
  }
  body.loys #categorias .owl-theme .owl-dots .owl-dot:hover span {
    background: #D6D6D6;
  }
  body.loys #categorias .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
  }




  /* Banner Desconto */
  body.loys #banner-desconto {
    margin: 35px 0;
  }




  /* Título seção */
  body.loys .box-title .box-text {
    display: block;
    font-size: 22px;
    white-space: break-spaces;
    width: 100%;
    max-width: 215px;
  }




  /* Listagem produto */
  body.loys .section-product {
    margin: 35px 0;
  }
  body.loys .nav-btn.left {
    position: absolute;

    top: -50px;
    bottom: unset;

    left: unset;
    right: 50px;
  }
  body.loys .nav-btn.right {
    position: absolute;

    top: -50px;
    bottom: unset;

    left: unset;
    right: 0;
  }
  body.loys:not([data-page="home"]) .product-list .product form:hover .product-info .container-price .botao-comprar {
    filter: none;
    transform: translateY(30px);
    opacity: 0;
  }
  body.loys:not([data-page="home"]) .product-list .product form:hover .product-info .container-price span.price-label del,
  body.loys:not([data-page="home"]) .product-list .product form:hover .product-info .container-price span.price,
  body.loys:not([data-page="home"]) .product-list .product form:hover .product-info .container-price span.installment,
  body.loys:not([data-page="home"]) .product-list .product form:hover .product-info .container-price span.installment b {
    opacity: 1;
    transform: translateY(0px);
  }




  /* Banner Marilia */
  body.loys #banner-marilia {
    margin: 35px 0;
  }




  /* Sobre */
  body.loys .sobre{
    margin: 0;
  }
  body.loys .sobre .card-sobre {
    margin: 0 0 15px 0;
  }
  body.loys .sobre h1.title {
    text-align: center;
  }
  body.loys .sobre p.desc {
    text-align: center;
  }
  body.loys .sobre .botao {
    display: block;
    width: fit-content;
    margin: 15px auto 15px auto;
  }
  body.loys .sobre .link {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }




  /* Marcas */
  body.loys .marcas {
    margin: 65px 0 35px 0;
  }
  body.loys .marcas .box-title span.box-text {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  body.loys .marcas .nav-btn.right {
    right: 15px;
  }
  body.loys .nav-btn.left {
    right: 65px;
  }




  /* Footer */
  body.loys .footer .site-map.desktop {
    padding: 50px 0;
  }
  body.loys .footer .social a+a {
    margin-left: 0!important;
  }
  
  body.loys .category .gt-30{
    margin-top: 0!important;
  }

  body.loys header.header-bg .search-mob-style .search-full input {
    height: 50px!important;
  }
  
  body.loys[data-page="produto-detalhes"] .about .box-about.whatsapp{
    position: relative;
    margin-left: 0!important;
    background-color: #29d166;
  }

  body.loys .footer .site-map ul {
    margin: 0;
  }
  body.loys .footer .site-map li:last-child{
    padding-bottom: 0px;
  }
  body.loys .footer .site-map li a {
    font-weight: 400!important;
  }
  body.loys .footer .site-map li a::after {
    display: none;
  }  
  body.loys .footer .site-map .col-menu .tit {
    margin-top: 40px;
    text-align: center;
  }
  body.loys .footer ul.redes {
    justify-content: center;
    width: 100%;
  }
  body.loys .footer .baseselos img{
    width: 100%!important;
    height: auto;
    min-height: unset;
  }

  body.loys .footer .col-redes{
    padding-top: 0!important;
  }




  /* Newsletter */
  body.loys .newsletter {
    overflow: hidden;
  }
  body.loys .newsletter p.desc {
    margin-bottom: 35px;
  }
  body.loys .newsletter form input {
    margin-top: 30px;
  }
  body.loys .newsletter form label {
    top: 5px;
  }
  body.loys .newsletter button {
    width: 100%;
  }



  /* Listagem produtos */

  body.loys .section-product .owl-carousel .owl-stage-outer {
    overflow: hidden;
  }

  /* Barra footer */
  body.loys .bar-footer .line p{    
    margin-bottom: 15px!important;
  }

  body.loys .bar-footer .line{
    border: none!important;
  }



  /* Página produto */
  /* Breadcrumbs */
  body.loys[data-page="produto-detalhes"] #breadcrumbs {
    margin-top: 0px;
    padding: 10px 0;
  }

  /* Avaliações */
  body.loys[data-page="produto-detalhes"] #product .card-mobile-avaliacoes {
    position: relative;
    margin: 0 0 2rem 0;
    padding: 0 0 .5rem 0;
  }
  
  body.loys[data-page="produto-detalhes"] #product .card-mobile-avaliacoes::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
  }

  body.loys[data-page="produto-detalhes"] #product .referencia {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  body.loys[data-page="produto-detalhes"] #product .referencia::before {
    content: unset;
  }



  /* Detalhes produto */
  body.loys[data-page="produto-detalhes"] .col-prod-data .product-title {
    margin: 15px 0 0 0;
    padding: 0;
  }
  body.loys[data-page="produto-detalhes"] #product .product-title .product-name {
    text-align: left;
    font-size: 28px;
  }
  body.loys[data-page="produto-detalhes"] #product .product-title .product-desc {
    text-align: left;
    margin: 0;
  }
  body.loys[data-page="produto-detalhes"] .col-prod-data #form-add-produto {
    margin: 15px 0 0 0;
  }
  body.loys[data-page="produto-detalhes"] #product .price-container {
    margin: 0 0 20px 0;
  }
  body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .attr-name {
    text-align: left;
  }
  body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations .list-variation {
    justify-content: left;
  }
  body.loys[data-page="produto-detalhes"] #product .price-container .price {
    text-align: left;
    font-size: 24px;
  }
  body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-parc,
  body.loys[data-page="produto-detalhes"] #product .price-container .price-info .promo-desc {
    text-align: left;
    font-size: 14px;
  }
  body.loys[data-page="produto-detalhes"] .col-prod-data .select-variations {
    margin: 20px 0 30px 0;
  }
  body.loys[data-page="produto-detalhes"] #product .buy .bx-qtd .input-group::before {
    font-size: 14px;
  }
  body.loys[data-page="produto-detalhes"] #product .box-frete-share h1.title {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    padding: 5px 0;
  }
  body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box .btn-cep-prod {
    font-size: 14px;
  }
  body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box small {
    display: block;
    text-align: left;
  }
  body.loys[data-page="produto-detalhes"] #product {
    padding-bottom: 0!important;
  }


  

  /* Preço/frete produto */
  body.loys[data-page="produto-detalhes"] #product .buy .comprar-block {
    display: flex;
    justify-content: center;
  }

  body.loys[data-page="produto-detalhes"] #box-frete {
    margin: 20px 0;
  }
  body.loys[data-page="produto-detalhes"] #box-frete::before,
  body.loys[data-page="produto-detalhes"] #product .box-frete-share .border-box,
  body.loys[data-page="produto-detalhes"] .share::before {
    max-width: unset;
  }

  body.loys[data-page="produto-detalhes"] #box-frete .col-title-cep {
    text-align: left;
  }
  body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box form .btn-cep-prod {
    font-size: 14px;
  }

  body.loys[data-page="produto-detalhes"] #box-frete .box-primary .panel-body .border-box form .input-cep {
    display: flex;
    justify-content: center;
  }

  /* Sobre */
  body.loys[data-page="produto-detalhes"] .nav-tabs {
    justify-content: center;
    gap: 10px;
  }

  body.loys[data-page="produto-detalhes"] .nav-tabs .nav-item {
    background-color: #ebebeb;
    margin: 0;
    width: calc(50% - 5px);
  }
  body.loys[data-page="produto-detalhes"] .nav-tabs .nav-item:last-child {
    width: 100%;
  }
  body.loys[data-page="produto-detalhes"] .nav-tabs .nav-link {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 16px;
  }
  body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .tabpane-header h1.title {
    font-size: 22px;
    line-height: 130%;
  }
  body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .tabpanel-info iframe,
  body.loys[data-page="produto-detalhes"] .tab-content .tab-pane .tabpanel-info img {
    max-width: 100%;
  }
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    background-color: #ebebeb;
  }


  body.loys[data-page="produto-detalhes"] .product-extras-association .box-title {
    margin: 0;
  }
  body.loys[data-page="produto-detalhes"] .product-list {
    padding: 0;
  }
}



/* Containers */
@media (min-width:576px){
  .container,.container-sm{
      max-width:540px
  }
}
@media (min-width:768px){
  .container,.container-md,.container-sm{
      max-width:720px
  }
}
@media (min-width:992px){
  .container,.container-lg,.container-md,.container-sm{
      max-width:960px
  }
}
@media (min-width:1200px){
  .container,.container-lg,.container-md,.container-sm,.container-xl{
      max-width:1140px
  }
}
@media (min-width:1400px){
  .container,.container-lg,.container-md,.container-sm,.container-xl{
      max-width:1320px
  }
}