#checkout .padding-responsive {
 
  padding-top: 10vh!important;
     
 }

:root, [data-bs-theme=light]{
    --bs-primary: #CCBDAA !important;
    --bs-primary-rgb: 204, 189, 170;
}

/* Classes Uteis */

.transparent-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: transparent !important;
  z-index: 300 !important;
}


/* Buttons  */

.btn-custom {
  background-color: transparent !important;
  border: 1px solid black !important;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  align-items: center;
}


.btn-primary-drible {
  font-weight: 500;
  font-size: 14;
  align-content: center!important;
  background-color: #CCBDAA !important;
  padding: 13px 40px 13px 40px!important;
  align-items: center;
  justify-content: center;
  height: 60px!important;
  width: 100%!important;
  max-width: 503px!important;
  cursor: pointer;
  margin: 0px!important;
  display: flex;
}

.btn-secundary-drible {
  font-weight: 500;
  font-size: 14;
  align-content: center!important;
  background-color: #ffffff !important;
  padding: 13px 40px 13px 40px!important;
  align-items: center;
  justify-content: center;
  border: 1px solid black!important;
  height: 60px!important;
  width: 100%!important;
  max-width: 503px!important;
  cursor: pointer;
  margin: 0px!important;
  display: flex;
}

.btn-primary{
    --bs-btn-bg: #CCBDAA !important;
    --bs-btn-border-color: #CCBDAA !important;
    color: #000 !important;
    --bs-btn-hover-bg: #CCBDAA !important;
    --bs-btn-hover-border-color: #CCBDAA !important;
}

.btn{
    --bs-btn-border-radius: 0 !important;
}


.btn-primary, .btn-secondary{
    text-transform: none !important;
}

@media (max-width: 534px) {
  .btn-primary-drible {
    width: 100% !important;
  }
}

.btn-primary-drible {
  width: 503px;
  height: 60px;
  padding: 13px 40px 13px 40px;
  color: black !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: rgba(204, 189, 170, 1);

}

/* Classes Products */

.products {
  display: grid !important;
  gap: 20px;
}

#products .products,
.featured-products .products,
.product-accessories .products {

  justify-content: center !important;
}

.products {
  display: grid !important;
  gap: 20px;
  justify-items: center;
}

@media (min-width: 1074px) {
  .products {
    grid-template-columns: repeat(auto-fit, minmax(253px, 1fr));
  }
}

@media (min-width: 1441px) {
  .products {
    grid-template-columns: repeat(4, minmax(240px, 360px));
  }
}

@media (min-width: 1074px) {
  .products-home {
    grid-template-columns: repeat(auto-fit, minmax(316px, 316px)) !important;
  }
}

@media (min-width: 1441px) {
  .products-home {
    grid-template-columns: repeat(4, minmax(316px, 316px)) !important;
  }
}

@media (max-width: 1073px) {
  .products {
    grid-template-columns: repeat(auto-fit, minmax(253px, 1fr));
  }
}

.product-drible {
  height: 420px;
  width: 100%;
  /* Garante que o produto ocupe toda a largura da coluna */
}

.product-drible .thumbnail-top {
  height: 100%;
}

.product-drible .thumbnail-top a {
  height: 100% !important;
}

.product-drible .thumbnail-container {
  margin-bottom: 0 !important;
  width: 100%;
}

.thumbnail-container .wishlist-button-add {
  display: none !important;
}

.product-drible .product-miniature {

  height: 100%;
  width: 100%;
}

.product-drible .product-miniature .thumbnail-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-color: #faf7f2;
}

.product-drible .product-miniature .product-title {
  text-align: start;
  margin: 0 !important;
  font-size: 12px;
  font-weight: 400;

}

.product-drible .product-miniature .price {
  text-align: start;
  margin: 0 !important;
  font-size: 12px;
  font-weight: 400;

}

.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.4s ease-in-out;
}

.main-image {
  opacity: 1;
  z-index: 1;
}

.hover-image {
  opacity: 0;
  z-index: 0;
}

.product-drible .has-hover-image:hover * {
  color: white !important;
}

.product-drible .has-hover-image:hover .main-image {
  opacity: 0;
  z-index: 0;
}

.product-drible .has-hover-image:hover .hover-image {
  opacity: 1;
  z-index: 1;
}

.max-product {
  height: 417px !important;
  width: 316px !important;
}

.product-drible .product-miniature .btn-product-buy {
  color: black;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 400;
}

.product-miniature .product-title a {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 1) !important;
  text-align: start;
  text-decoration: none;
}

.product-drible .product-miniature .product-price-and-shipping {
  text-align: start;
  font-weight: normal !important;
  color: rgba(0, 0, 0, 1) !important;
}

.product-drible .product-description {
  position: absolute !important;
  width: 100%;
  left: 0;
  padding: 10px 20px 20px 20px !important;
  z-index: 10;
  background-color: transparent !important;
}


/* Pagina Single Produto */
#product #content {

  max-width: 670px !important;

}

.product-right {
  max-width: 500px !important;
}
 .product-avisos{
  display: flex;
  flex-direction: column;
  gap: 10px;

 }

 .product-aviso {
  background-color: #F9F7F3;
  padding: 15px 10px 15px 10px;
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 10px;
 }
.wishlist-button-product {
  margin-left: 1.25rem
}

.wishlist-button-add {

  
  align-items: center;
  justify-content: center;
  height: 60px!important;
  width: 100%!important;
  max-width: 503px!important;
  border: 1px solid black!important;
  padding: 13px 40px 13px 40px!important;
  background-color: #fff;
  box-shadow: none!important;
  border-radius: 0!important;
  cursor: pointer;
  margin: 0px!important;
  transition: .2s ease-out;
  border: none;
  display: flex;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
}

.wishlist-text{
  font-size: 14px;
  font-weight: 500;
  color: #826D5C;
}
.wishlist-button-add:hover {
  opacity: .7
}

.wishlist-button-add:focus {
  outline: 0
}

.wishlist-button-add:active {
  transform: none!important;
}

.wishlist-button-add i {
  color: #7a7a7a
}

.product-quantity {
  flex-direction: column-reverse !important;

}

.engrave {
  height: 92px!important;
  padding: 5px;
  max-width: 100%;
  width: 100%;
  font-family: 'Montserrat';
  border: 0.5px solid #CCBDAA;
  resize: none;
  box-sizing: border-box;
  text-align: left; 
}

/* Acessorios */
.product-accessories-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.product-accessory-item {
  max-width: 315px;
  width: 100%;
  margin-bottom: 20px;
}

.product-card {
  width: 100%;
  max-width: 315px;
  height: 415px;
  overflow: hidden;
}

.product-card img {
  max-width: 100%;
  height: auto;
}

/* Accordion */

.accordion-container {
  max-width: 503px;
  margin: 20px auto;
}

.accordion {
  border-bottom: 1px solid #ccc;
}

.accordion:first-child{
  border-top: 1px solid #ccc;
}
.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #f7f7f700;
  padding: 10px 20px;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
}

.accordion-header .icon {
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.3s;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #f9f9f900;
  padding: 0 20px;
}

.accordion-content p {
  padding: 10px 0;
  font-size: 14px;
}

.accordion.open .accordion-content {
  max-height: 200px; /* Ajuste o valor conforme necessário */
}

.accordion.open .icon {
  transform: rotate(45deg);
}

/* Pagina Single Produto */




/* Social Blcok */

.social-block-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px;
  height: auto;
}

.social-block {
  display: block;
  height: 417px !important;
  min-width: 220px;
  width: calc((100% - 60px) / 4);
  height: 100%;
}

.social-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .social-block {
    width: 100% !important;
  }
}

/* Container  */

.custom-width {
  width: 100% !important;
}

@media (min-width: 768px) and (max-width: 1440px) {
  .padding-responsive {
    padding-right: 3rem;
    padding-left: 3rem;
  }


}

@media (max-width: 1440px) and (min-width: 800px) {
  .container {
    max-width: 100% !important;
  }

  .custom-width {
    width: 85% !important;
  }
}


@media (min-width: 575px) {
  .container {
    max-width: 100% !important;
  }
  #category #left-column #search_filters_wrapper{
       margin-left: 0!important;
       margin-right: 0!important;
   }
}

@media (max-width: 720px) {
  .container {
    max-width: 100% !important;
  }

}


@media (min-width: 1200px) {
  .container {
    max-width: 1440px !important;
  }
}

/* Header */

#header {
  max-height: 137px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.header-nav-checkout {
  height: 82px;
  background-color: #CCBDAA;
  padding: 14px 50px 14px 50px;
}

#header .header-top {
  display: flex;
  padding: 0 !important;
  height: 84px;
  align-items: center;
}


.current a[data-depth="0"] {
  text-decoration: underline !important;
}

#header .header-top a[data-depth="0"] {
  text-transform: none !important;
}



.drible-header {
  color: white !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start
}
.drible-header .cart-products-count  {
  color: white!important;
}

.drible-header .dropdown-item {
  color: white !important;
}

.drible-header .top-menu a[data-depth="0"]:hover {
  font-weight: 700;
  text-decoration: none;
}

a:hover{
    color: initial !important;
}


.desktop-menu {
  z-index: 20;
  position: absolute;
  background: white;
  display: flex;
}

.top-menu .sub-menu {
  z-index: 18;
  width: 100% !important;
  margin-left: 0 !important;
  min-width: unset !important;
  border: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  top: 70px !important;
  left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.drible-header .dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent !important;
}

.drible-header-black {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  color: black !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start
}

.drible-header-black .header-top a[data-depth="0"] {
  color: #000000 !important;
  text-transform: unset !important;
}

.logo-checkout{
  width: 146px !important;
  height: 61px!important;
}
.logo-checkout .logo {

  min-width: 100%!important;
  min-height: 100%!important;
}

.logo {
  min-width: 104px !important;
  min-height: 54px !important;
}


.logo-black {
  width: 100%;
  max-width: 104px;
  max-height: 56px;
  display: none;
}

.logo-white {
  width: 100%;
  max-width: 104px;
  max-height: 56px;
}

.black-icons {
  display: none;
}


.drible-header-black .logo-white {
  display: none;
}

.drible-header-black .logo-black {
  display: block;
}

.drible-header-black .white-icons {
  display: none;
}

.drible-header-black .black-icons {
  display: block;
}

#header a:hover {
  color: #000000 !important;
  font-weight: 700 !important;
  text-decoration: none;
}

.drible-header-black .drible-search-widgets {
  background-color: transparent;
  border-radius: 50px;
  padding: 5px;
  border: 1px solid #000000;
}

.drible-header-black .search {
  color: #000 !important;
}

.drible-header-black .drible-search-widgets input[type="text"] {
  color: #000000 !important;
}

.top-menu[data-depth="1"] {
  margin: 0 !important;
}

.drible-header-black .top-menu a:not([data-depth="0"]) {
  display: block;
  padding-bottom: 15px;
  font-weight: 400;
  color: #000000 !important;
}

.drible-header-black .drible-search-widgets input[type="text"]::placeholder {
  color: #000000;
  opacity: 1;
}

.sub-menu-drible {
  top: 95px !important;
}


.menu-depth-2 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.top-menu a[data-depth="0"] {
  padding: 0.625rem;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.top-menu a[data-depth="1"] {
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.top-menu a[data-depth="2"] {
  padding: 0px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.header-desktop-logo {
  display: flex;
  justify-content: center;
}

/* Header Mobile */

#header .header-nav {
  color: #000;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background-color: white;
  display: flex;
  max-height: 60px !important;
  min-height: 60px !important;
  align-items: center;
}

#header .header-nav .blockcart {
  height: 3rem;
  padding: 0.75rem;
  margin-left: 0.9375rem;
  text-align: center;
  white-space: nowrap;
  background: #f6f6f600 !important;
}

.logo-mobile {
  display: none;
}

.user-info {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: space-between;
}

#mobile_top_menu_wrapper {
  align-self: center;
  padding: 15px;
  display: flex;
  color: black !important;
  bottom: 100;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  z-index: 998;
  align-items: flex-start;
  justify-content: flex-start;
}

.mobile-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
  align-items: center;
}


.mobile-height {
  height: calc(100vh - 260px);
  overflow: auto;
  overflow-x: hidden;
}

.navbar-toggler {
  height: unset !important;
  width: unset !important;
}

.no-navbar-toggler {
  justify-content: flex-end !important;
}


#mobile_top_menu_wrapper .dropdown-item {
  color: black !important;
  text-align: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  display: flex;
  height: 47px;
}


/* Footer Bottom */


.footer-payment {
  justify-content: center;

}

#block-newsletter-label {
  display: flex;
  height: 50px;
  margin-right: 20px;
  margin-bottom: 0;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.form-newsletter {
  height: 50px;
}

.footer-shipping {
  justify-content: end;

}

.footer-developed p {
  color: black !important;
  font-size: 12px !important;
}

.footer-payment p {
  color: black !important;
  font-size: 12px !important;
}

.footer-shipping p {
  color: black !important;
  font-size: 12px !important;
}


.footer-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: black !important;
}

.social-block-link {
  max-width: 100px !important;
}

.block-link {
  max-width: 200px !important;
}

@media (max-width: 767px) {
  .social-block-link {
    max-width: 100% !important;
  }


  #block-newsletter-label {
    justify-content: center;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .form-newsletter {
    height: auto;
  }

  .row-newsletter {
    flex-direction: column;
  }

  .block-link {
    max-width: 100% !important;
  }

  .list-links {
    flex-direction: column !important;
  }
}

.block-contact,
.footer-container li a {

  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 300 !important;
}

/* Category Page */

/*Category Blocks */
.block-categories-drible {
  padding: 1.563rem 1.25rem;
  margin-bottom: 1.563rem;
  background: #ffffff00;
  height: 200px;
  overflow: auto;

}

#left-column {
  display: none;
}

.active_filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 0 !important;
  background: #faf7f2 !important;
}

.drible-category-blocks {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  gap: 20px;
  align-items: center;
}

.drible-category-block {
  padding: 15px;
  min-width: 200px;
  max-height: 60px;
  text-align: center;
  border: 1px solid rgba(204, 189, 170, 0.59);
}

.drible-category-block a {
  color: black;
  text-decoration: none;
}

.drible-category-block a:hover {
  color: black;
  text-decoration: none;
}

/* Facets DropDown */

.facet-dropdown-drible {
  background: transparent !important;
  box-shadow: none !important;
  color: black !important;
}

.facet-dropdown-drible>.select-title {
  background-color: transparent !important;
  border: none !important;
}

.facet-dropdown-drible .select-title {
  background-color: transparent !important;
}


.facet-dropdown .select-list:hover {
  color: #000000 !important;
  text-decoration: none;
  background: #dededd00 !important;
}

/* Order Button */

.btn-order-drible {
  color: #232323;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.top-menu[data-depth="0"] {
  display: flex;
  gap: 45px;
}

@media (max-width: 910px) {
  .top-menu[data-depth="0"] {
    display: flex;
    gap: 20px;
  }
}

@media (max-width: 767px) {

  .top-menu {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

    .max-product {
        max-width: 100% !important;
        width: 100% !important;
        height: auto; /* Para ajustar a altura automaticamente em telas pequenas */
    }

  .logo-black,
  .logo-white {
    display: none !important;
  }

  .logo-mobile {
    display: block;
  }

  .black-icons {
    display: block;
  }

  .white-icons {
    display: none;
  }


  .footer-developed {
    justify-content: start !important;
  }

  .footer-payment {
    justify-content: start !important;
  }

  .footer-shipping {
    justify-content: start !important;
  }

  #menu-icon {
    color: #000;
  }

  #header .top-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    max-height: 56px;
  }

  #header .top-logo a {
    height: 50px;
  }

  #footer {
    padding-bottom: 50px;
  }

  #header .top-logo img {
    height: 50px !important;
    max-height: 50px !important;
  }
}



.mobile-navbar {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 1000;
  background-color: var(--carvao);
}



@media screen and (max-width: 767px) {


  .padding-reponsive {
    padding-top: 7vh !important;
  }




  .navbar-mobile-height {

    height: calc(100vh - 250px) !important;
    overflow: auto;
    overflow-x: hidden;
  }


  .navbar-mobile-height2 {

    height: calc(100vh - 250px) !important;
    overflow: auto;
    overflow-x: hidden;
  }

  .cart-products-count,
  .shopping-cart {
    color: var(--beige) !important;
  }

  #header .header-nav .blockcart {
    margin-left: 0px;
  }

  .mobile-navbar-subcategory {
    position: fixed !important;
    height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
    top: 0;
    left: 10px;
    padding: 0;
    width: calc(100% - 30px);
    background-color: white;
  }

  .mobile-navbar-subcategory .to-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
  }

  .mobile-itembar {
    padding-top: 24px !important;
    position: fixed;
    bottom: 98px;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 999;
    overflow-y: scroll;
  }
}


.ui-autocomplete.ui-front {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 115px !important;
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Paginas CMS*/

.page-content ul,
p {
  color: black !important;
}
.page-cms a{

  color: black!important;
}

.page-cms a:hover{
  text-decoration: none!important;
  color: black!important;
}
.cms-background .page-content.page-cms {
   background-color: #FFFBF5!important;
}

/*Fixes*/
.product-customization .product-message{
    align-content: center;
}
.product-customization ul{
    padding-left: 0;    
}

.blockcart .black-icons, .blockcart .white-icons{
    margin-right: 5px !important;
}
a{
    text-decoration: none !important;
    transition: all .2s ease-in-out;
}
ul{
    padding-left: 0 !important;
}
.offcanvas .product-line-grid-right{
    padding: 0;
}
a.btn:hover{
    font-weight: 500 !important;
}
.btn{
    font-weight: 500 !important;
    font-size: 14px !important;
}
.btn-outline-primary{
    --bs-btn-color: #000 !important;
    --bs-btn-border-color: #CCBDAA !important;
    --bs-btn-hover-color: #000 !important;
    --bs-btn-hover-bg: #CCBDAA !important;
    --bs-btn-hover-border-color: #CCBDAA !important;
    --bs-btn-active-color: #000 !important;
    --bs-btn-active-bg: #CCBDAA !important;
    --bs-btn-active-border-color: #CCBDAA !important;
}
.offcanvas .product-line-grid-body > .product-line-info > .label{
    font-size: 1rem !important;
}
a.btn-product-buy{
    text-decoration: underline !important;
}
#loadMoreBtn, #btn-filter, #search_widget{
    cursor: pointer;
}
#module_drible_barra_avisos a:hover{
    font-weight: 400 !important;
}

/* Ajustes para telas menores que 650px */
@media (max-width: 650px) {
  #cms-banner-blocos .cms-banner-container {
    flex-direction: column;
    align-items: center;
    gap: 10px; /* Espaço entre os blocos */
    flex-wrap: nowrap; /* Garante que não haja quebra de linha */
  }

  #cms-banner-blocos .cms-btn-ver-mais {
    position: relative;
    margin-top: 20px;
    padding-bottom: 10px;
    display: flex;
    gap: 10px;
    align-self: center;
    flex-direction: row-reverse !important;
    min-width: 200px;
    justify-content: center !important;
    align-items: center !important;
  }

  #cms-banner-blocos .cms-btn-ver-mais a {
    margin: 0px!important;
  }

  #cms-banner-blocos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

/* Ajustes para telas maiores que 650px */
@media (min-width: 650px) {
  #cms-banner-blocos .cms-banner-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px; /* Espaço entre as colunas */
  }

  #cms-banner-blocos .cms-btn-ver-mais {
    position: relative;
    margin-top: 20px;
    padding-bottom: 10px;
    align-self: flex-end;
  }

  #cms-banner-blocos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* Espaço entre as colunas */
  }

  #cms-banner-blocos .cms-banner-bloco {
    box-sizing: border-box;
    flex: 1 1 calc(33.333% - 10px);
    min-width: 0;
  }

  @supports (width: min(max(0px, 100px), 100px)) {
    #cms-banner-blocos .cms-banner-bloco:last-child {
      flex: 1 1 auto;
    }
  }
}


/* Padding */

@media (min-width: 1046px) {


  .px-50 {
    padding-left: 7rem !important;
  }

  .px-50 {
    padding-right: 7rem !important;
  }


}

@media (min-width: 701px) and (max-width: 1045px) {


  .px-50 {
    padding-left: 3rem !important;
  }

  .px-50 {
    padding-right: 3rem !important;
  }


}


@media (max-width: 700px) {


  .px-50 {
    padding-left: 0rem !important;
  }

  .px-50 {
    padding-right: 0rem !important;
  }


}

/* Sobre */

.img-responsive {
  max-width: 426px;
  max-height: 422px;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .header-sobre img {
    max-width: 100%;
    height: auto;
  }

  .header-sobre p {
    width: 90%;
  }
  .footer-container .links ul{
    background-color: transparent !important;
    }
    .footer-container .links ul > li{
        border-bottom: 0 !important;
        padding: 0!important;
    }
    .footer-container .links ul{
        margin-bottom: 15px !important;
        margin-top: 5px !important;
    }
}

@media (min-width: 800px) {


  .header-sobre p {
    width: 50%;
  }
}


/* Promo Code */
.promo-code-form {

  border-bottom: 1px solid #F7F1E6;
  height: 45px;
  position: relative;
}

.promo-input-drible {
  font-size: 12px;
  font-weight: 300;
  height: 100%;
  color: #000;
  width: 100%; 
  padding-right: 70px; 
  border: none;
}

.promo-input-drible::placeholder {
  color: #000000;
  opacity: 1; 
}
.promo-input-drible:focus {
  outline: none; 
  border-bottom: 1px solid #000000; 
}

.promo-btn-drible {
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 50%; 
  background-color: transparent;
  border: none;
  transform: translateY(-50%);
  padding: 0.5rem 0rem 0.5rem 0rem;
}

/* Cart Summary */

.cart-summary-drible{
  color: black;
  background-color: #F7F1E6!important;
}

.cart-detailed-subtotals-drible{
  padding: 50px 25px 25px 25px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product-cart-pic{
  height: 128px;
  max-width: 128px!important;
}

.product-cart-pic * {
  width: 100%;
  height: 100%;
}

/* TouchSpin */
/*#region TouchSpin */

.bootstrap-touchspin {
  position: relative;
  border-radius: 5px;
  display: flex!important;
  flex-wrap: nowrap!important;
  align-items: stretch;
  height: 18px;
  max-width: 52px!important;
  width: 100%;
  justify-content:space-between;
  flex-direction: row!important;
}

.bootstrap-touchspin .btn-touchspin {
  height: 100%!important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: flex;
  font-size: 16px !important;
  height: 100%;
  text-align: center;
  font-weight: 400;
  align-items: center;
}

.js-cart-line-product-quantity-drible {
  border: 0;
  padding: 0;
}

.bootstrap-touchspin .input-drible { 
  background-color: transparent !important;
  border: none !important;
  width: auto !important;
  max-width: 30px !important;
  
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 0 !important;
  height: auto !important;
  display: flex !important;
}
.qty {
  justify-content:center;
  font-size: 16px;
  width: 79px;
  height: 38px;
  align-items:center;
  background-color: #F7F1E6;
  border-radius: 5px; 
  display: inline-flex; 
  overflow: hidden; 
}


/* Checkout */


/* Checkout */
.checkout-step{
  max-width: 586px!important;
}

.required-asterisk {
  color: red;
}


body#checkout section.checkout-step .address-item.selected{
  background: #F7F1E6 !important;
  border: none!important;
}

.custom-radio input[type="radio"]:checked + span{
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  display: block;
  width: 12px;
  height: 12px;
  background-color: rgba(204, 189, 170, 1)!important;
  border-radius: 50%;
}
.form-control-drible{
  background-color: #F7F1E6!important;
  border:none!important;
  height: 54px!important;
  font-size: 16px!important;
  border-radius: 0!important;
  font-weight: 300!important;
}
.custom-checkbox label {
  font-size: 12px!important;
  font-weight: 300!important;
}
body#checkout section.checkout-step .address{
  font-size: 12px!important;
  font-weight: 300!important;
}
body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit {
  margin-right: 10px!important;
}
.form-control-label-drible {
  margin: 0!important;
  font-size: 14px!important;
  font-weight: 300!important;
}
.step-title-divider:last-child, .step-title-divider:first-child {
  display: none;
}

.step-title-drible{
  font-family: 'Montserrat'!important;
  font-size: 14px!important;
  font-weight: 300!important;
  line-height: 17.07px!important ;
  letter-spacing: 0.1em!important;
  text-align: left;

}

.list-steps {
  gap: 10px;
}
.checkout-step:first-child {
  padding-left: 0!important;
}


.nav-item .btn-primary-drible , .btn-secundary-drible {
  font-size: 12px!important;
  font-weight: 400!important;
  height: 40px!important;
  padding: 0px 40px 0px 40px!important
}

.nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link{
  margin-left:0!important;
}
.nav-inline {
  padding: 0!important;
  display: flex;
  flex-direction: row;
  gap: 30px !important;
}
.done{
  color: black!important;
  padding: 0px!important;
  font-weight: 700!important;
}
.active .content {
  display: block!important;
}
@media (max-width: 767px) {
   #tidio-chat-iframe {
    
      bottom: 80px!important;
      
   }
   #category #left-column #search_filters_wrapper{
       margin-left: 0!important;
       margin-right: 0!important;
   }
   .drible-category-blocks{
    flex-wrap: nowrap;
    justify-content: start;
    }
    .block-categories-drible{
        height: inherit;
        position: relative;
    }
    .block-categories-drible:after{
        content: '';
        height: 100%;
        width: 50px;
        background: linear-gradient(90deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
        position: fixed;
        right: 0;
        top: 0;
    }
}