@charset "UTF-8";
/* ==========================================================================
  Estilos bases ou helpers
========================================================================== */
/* ==========================================================================
  Componentes da loja
========================================================================== */
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#component-popup-newsletter-root .text-box {
  margin-top: auto;
  margin-bottom: auto;
}
@media (min-width: 768px) {
  #component-popup-newsletter-root .text-box {
    padding: 3rem 5.6rem;
  }
}
#component-popup-newsletter-root .text-box > .title {
  font-weight: var(--font-weight-title);
  font-size: var(--font-size-big);
  color: var(--font-color-title);
}
@media (min-width: 768px) {
  #component-popup-newsletter-root .text-box > .title {
    font-size: 2.4rem;
  }
}
#component-popup-newsletter-root .text-box > .description {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq {
  margin-top: 1.6rem;
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq fieldset.cmp-newsletter-popup-3HX15VdvKOso8FyXk1YH8F {
  margin-bottom: 1.6rem;
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--black);
  margin-bottom: 1.6rem;
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq .field {
  border-color: var(--gray-2);
  height: 5rem;
  color: var(--gray-3);
  border-radius: 0.8rem;
  padding: 0.8rem 1.6rem;
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq svg.cmp-newsletter-popup-37fEcLECTdeJnWHyjLg0ET {
  width: 2.6rem;
  height: 2.6rem;
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq input.cmp-newsletter-popup-2jqxtRR-PdOFNXZNbLC0rQ {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  color: var(--font-color-base);
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq input.cmp-newsletter-popup-2jqxtRR-PdOFNXZNbLC0rQ::placeholder {
  color: var(--gray-3);
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq > .button-newsletter {
  width: 100%;
  height: 5rem;
  z-index: 1;
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq > .button-newsletter:hover {
  color: var(--white);
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
#component-popup-newsletter-root .text-box > div > form.cmp-newsletter-popup-2xAs6q-U517OsmRyLtvFtq > .button-newsletter.cmp-newsletter-popup-7uhFyoUtLY5MRJevX7QUE {
  color: transparent;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.popup-quickview {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.2s;
  width: 100%;
  z-index: 99;
}
.popup-quickview.-active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.popup-quickview > .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.popup-quickview > .content {
  background-color: var(--gray-1);
  border-radius: 1.6rem;
  max-height: 90%;
  padding: 1.6rem 1rem;
  position: relative;
  width: 90%;
  max-width: 87rem;
  z-index: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .popup-quickview > .content {
    border-radius: 0.4rem;
    padding: 3.2rem 2.4rem;
  }
}
.popup-quickview > .content .close {
  color: var(--gray-4);
  cursor: pointer;
  height: 3rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 3rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .popup-quickview > .content .close {
    right: 0.2rem;
    top: 0.2rem;
  }
}
.popup-quickview > .content .close .icon {
  height: 1rem;
  width: 1rem;
}
.popup-quickview > .content .product {
  min-width: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  overflow-y: auto;
  padding: 0 0.6rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .product {
    gap: 3.2rem;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
}
.popup-quickview > .content .product > .images {
  width: calc(50% + 0.6rem);
  padding: 0 0.6rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .popup-quickview > .content .product > .images {
    width: unset;
    margin: unset;
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.popup-quickview > .content .images {
  position: relative;
  width: 100%;
}
.popup-quickview > .content .images .flag {
  align-items: center;
  color: var(--white);
  border-radius: 3px;
  display: flex;
  font-size: 1.2rem;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 2rem;
  position: absolute;
  z-index: 4;
}
.popup-quickview > .content .images .flag.centro {
  right: 50%;
  transform: scale(1) translateX(50%);
}
.popup-quickview > .content .images .flag.direita {
  right: 0.714rem;
}
.popup-quickview > .content .images .flag.esquerda {
  left: 0.714rem;
}
.popup-quickview > .content .images .flag.topo {
  top: 0.714rem;
}
.popup-quickview > .content .images .flag.base {
  bottom: 0.714rem;
}
.popup-quickview > .content .images .flag.image {
  padding: 0;
  width: 3.2rem;
  height: 3.2rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .images .flag.image {
    width: 4rem;
    height: 4rem;
  }
}
.popup-quickview > .content .images .flag.image > img {
  object-fit: contain;
}
.popup-quickview > .content .images .button-default {
  display: none;
}
.popup-quickview > .content .images:hover .image img:nth-child(2) {
  background-color: var(--gray-1);
  opacity: 1;
}
.popup-quickview > .content .images .image {
  height: 100%;
  position: relative;
  width: 100%;
}
.popup-quickview > .content .images .image img {
  object-fit: contain;
  transition: var(--transition);
}
.popup-quickview > .content .images .image img:nth-child(2) {
  opacity: 0;
}
.popup-quickview > .content .product > .infos {
  display: flex;
  flex-direction: column;
}
.popup-quickview > .content .name {
  display: inline-block;
  font-weight: var(--font-weight-title);
  font-family: var(--font-family-title);
  font-size: 1.8rem;
  flex: 1;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 0.4rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .name {
    margin-bottom: 1.6rem;
    font-size: var(--font-size-title);
  }
}
.popup-quickview .price-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 1.6rem;
}
.popup-quickview .price-wrapper > .product-price .price {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gray-4);
}
.popup-quickview .price-wrapper > .product-price .sold-out {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gray-4);
}
.popup-quickview .price-wrapper > .product-price .price span,
.popup-quickview .price-wrapper > .product-price .price ins {
  font-size: 1.8rem;
  text-decoration: none;
}
.popup-quickview .price-wrapper > .product-price .price del {
  margin-right: 0.6rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  color: var(--gray-3);
}
.popup-quickview .price-wrapper > .product-price .installments {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.4rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--gray-3);
}
.popup-quickview .price-wrapper > .product-price .cashback {
  display: flex;
  width: fit-content;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.8rem;
  border-radius: 0.4rem;
  padding: 0.6rem 1.6rem;
  font-weight: 700;
  color: var(--gray-4);
  border: 1px solid var(--gray-2);
  background-color: var(--gray-1);
}
.popup-quickview .price-wrapper > .product-price .pix {
  margin-top: 0.4rem;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--gray-3);
}
.popup-quickview .price-wrapper > .product-price .percentage {
  margin-bottom: 0.4rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  color: var(--gray-3);
}
.popup-quickview .price-wrapper > .product-price:not(.-loaded)::after {
  content: "";
  z-index: 1;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: block;
  pointer-events: none;
  border: 0.3rem solid var(--gray-2);
  border-top: 0.3rem solid var(--gray-3);
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.popup-quickview > .content .price-wrapper {
  margin-top: 0;
}
.popup-quickview > .content .price-wrapper .price {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.popup-quickview > .content .price-wrapper .price del {
  margin-right: 0;
  margin-left: 0.6rem;
}
.popup-quickview > .content .quantity {
  font-size: var(--font-size-small);
  margin-top: 0.8rem;
}
.popup-quickview > .content .add-to-cart {
  display: flex;
  flex: 20;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.8rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .add-to-cart {
    margin-top: 1.6rem;
  }
}
.popup-quickview > .content .add-to-cart .attributes {
  display: flex;
  flex-direction: column;
  background-color: var(--gray-1);
  border-radius: 0.8rem;
  gap: 1.6rem;
}
.popup-quickview > .content .add-to-cart .prod-option {
  --attr-height: 5rem;
  --border-radius: 0.4rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  padding-bottom: 2.4rem;
}
.popup-quickview > .content .add-to-cart .prod-option:first-of-type {
  padding-top: 2.4rem;
}
.popup-quickview > .content .add-to-cart .prod-option:last-of-type {
  padding-bottom: 2.4rem;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  color: var(--gray-4);
  margin-bottom: 0.8rem;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .value {
  color: var(--black);
  margin-right: auto;
  display: none;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .value.-visible {
  display: block;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .value.-visible + .btn-medidas {
  margin-left: 0;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .btn-medidas {
  position: relative;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  color: var(--gray-4);
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-bottom: 0.4rem;
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .btn-medidas::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray-4);
  transform-origin: 0% 50%;
  transform: scaleX(1);
  transition: var(--transition);
}
@media (min-width: 992px) {
  .popup-quickview > .content .add-to-cart .prod-option > .topic-title .btn-medidas::after {
    transform: scaleX(0);
  }
}
@media (min-width: 992px) {
  .popup-quickview > .content .add-to-cart .prod-option > .topic-title .btn-medidas:hover::after {
    transform: scaleX(1);
  }
}
.popup-quickview > .content .add-to-cart .prod-option > .topic-title .btn-medidas svg {
  min-width: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  color: var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner input[type=radio] {
  display: none;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner input[type=radio]:checked + .label .text,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label:hover .text {
  color: var(--white);
  background-color: var(--black);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner input[type=radio]:checked + .label .colors,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label:hover .colors {
  box-shadow: 0px 0px 0px 2px var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner input[type=radio]:checked + .label.-unavailable .text,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label:hover.-unavailable .text {
  color: var(--white);
  background-color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner input[type=radio]:checked + .label.-unavailable .text::after,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label:hover.-unavailable .text::after {
  background-color: var(--white);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .label {
  cursor: pointer;
  position: relative;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-disabled {
  display: none !important;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .label:hover .tooltip {
  opacity: 1;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner.-inactive .label,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-unavailable {
  opacity: 0.5;
  cursor: not-allowed;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner.-inactive .label .text,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-unavailable .text {
  color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner.-inactive .label .text::after,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-unavailable .text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  background-color: var(--gray-3);
  width: 90%;
  height: 0.1rem;
  display: block;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner.-inactive .label .colors::after,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-unavailable .colors::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  height: 0.1rem;
  background-color: var(--white);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner.-inactive .label .colors.-white::after,
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-unavailable .colors.-white::after {
  background-color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .label .text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  min-width: 4.8rem;
  height: 3.4rem;
  padding: 0.4rem 1.6rem;
  border: 0.1rem solid transparent;
  font-size: var(--font-size-small);
  font-weight: 500;
  color: var(--gray-4);
  text-align: center;
  transition: var(--transition);
  white-space: nowrap;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .label.-available .text {
  border-color: var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .colors {
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  transition: box-shadow 0.2s;
  border: 0.2rem solid transparent;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .colors.-white {
  box-shadow: 0px 0px 0px 1px var(--gray-2);
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .colors > .color {
  flex: 1;
}
.popup-quickview > .content .add-to-cart .prod-option > .inner .tooltip {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  display: inline-block;
  padding: 0.4rem 0.6rem;
  border-radius: 0.2rem;
  font-size: 1rem;
  background-color: var(--gray-4);
  color: var(--white);
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.popup-quickview > .content .add-to-cart .prod-option.-customization {
  order: 10;
}
.popup-quickview > .content .add-to-cart .prod-option.-customization > .inner .label.-unavailable {
  pointer-events: none !important;
}
.popup-quickview > .content .add-to-cart .prod-option.-customization > .inner [type=text] {
  width: 100%;
  height: var(--attr-height);
  padding: 0.4rem 1.6rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--gray-4);
  font-size: var(--font-size-small);
}
.popup-quickview > .content .add-to-cart .prod-option.-customization > .inner textarea {
  width: 100%;
  padding: 0.8rem 1.6rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--gray-4);
  font-size: var(--font-size-small);
  resize: vertical;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown {
  display: block;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown.-hidden .list {
  pointer-events: none;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown:not(.-hidden) .inner::after {
  content: "";
  position: absolute;
  top: calc(var(--attr-height) * 0.32);
  right: 1.6rem;
  display: inline-block;
  margin: 3px 3px 1px 8px;
  padding: 3px;
  border: solid var(--gray-3);
  border-width: 0 0 1px 1px;
  transform: rotate(-45deg);
  pointer-events: none;
  transition: transform 0.2s;
  z-index: 10;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown:not(.-hidden) .inner.-choosing {
  z-index: 11;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown:not(.-hidden) .inner.-choosing::after {
  transform: rotate(135deg);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner {
  min-height: var(--attr-height);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .list {
  display: grid;
  width: 100%;
  max-height: var(--attr-height);
  overflow: hidden;
  border-radius: var(--border-radius);
  border: 1px solid var(--gray-2);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: auto;
  max-height: calc(var(--attr-height) * 4);
  overflow-y: auto;
  border-radius: unset;
  box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.16);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .list .label {
  display: flex;
  opacity: 1;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .list::-webkit-scrollbar-button {
  display: none;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .list::-webkit-scrollbar {
  width: 4px;
  height: 100%;
  background-color: var(--white);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .list::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label {
  display: none;
  width: 100%;
  align-items: center;
  background-color: var(--white);
  height: var(--attr-height);
  cursor: pointer;
  order: 2;
  opacity: 0;
  transition: opacity 0.2s, background-color 0.2s;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label.-unavailable {
  opacity: 1;
  color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label.-unavailable .text {
  color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label.-unavailable .text::after {
  width: 50%;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label:hover {
  background-color: var(--gray-1) !important;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label:hover.-unavailable .text::after {
  background-color: var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label:hover .text {
  color: var(--gray-4);
  background-color: transparent;
  font-weight: 700;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .label:hover .tooltip {
  font-weight: 700;
  color: var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .text {
  justify-content: flex-start;
  height: var(--attr-height);
  color: var(--gray-3);
  border: unset;
  border-radius: 0;
  transition: background-color 0.1s;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .colors {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 1.6rem;
  box-shadow: none !important;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .colors.-white {
  box-shadow: 0 0 0 1px var(--gray-2) !important;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .colors + .tooltip {
  flex: 1;
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  display: flex;
  align-items: center;
  opacity: 1;
  background-color: transparent;
  margin-left: 0.4rem;
  color: var(--gray-3);
  font-size: var(--font-size-small);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner.-choosing .input:checked + .label {
  backdrop-filter: brightness(0.9);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .input:checked + .label {
  display: flex;
  opacity: 1 !important;
  background-color: transparent;
  color: var(--gray-4);
  order: 1;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .input:checked + .label .tooltip {
  color: var(--gray-4);
  font-weight: var(--font-weight-base);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .input:checked + .label .text {
  font-weight: var(--font-weight-base);
  background-color: transparent;
  color: var(--gray-4);
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .input:checked + .label.-unavailable .text {
  color: var(--gray-3);
  background-color: transparent;
}
.popup-quickview > .content .add-to-cart .prod-option.-dropdown > .inner .input:checked + .label.-unavailable .text::after {
  background-color: var(--gray-3);
}
.popup-quickview > .content .add-to-cart .attributes {
  background-color: var(--white);
  margin-top: auto;
  gap: 1.2rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .add-to-cart .attributes {
    gap: 1.6rem;
  }
}
.popup-quickview > .content .last-units {
  align-items: center;
  background-color: var(--secondary-color);
  border-radius: 3.3rem;
  color: var(--white);
  display: none;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-subtitle);
  height: 2.6rem;
  justify-content: center;
  line-height: 1;
  margin-top: 0.8rem;
  padding: 0.6rem 1rem;
  width: fit-content;
}
@media (min-width: 992px) {
  .popup-quickview > .content .last-units {
    margin-top: 1.6rem;
  }
}
.popup-quickview > .content .last-units.-visible {
  display: flex;
}
.popup-quickview > .content .msg-response {
  display: none;
}
.popup-quickview > .content .actions-wrapper {
  margin-top: 0.8rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .actions-wrapper {
    margin-top: 1.6rem;
  }
}
.popup-quickview > .content .quantity-selector {
  height: 5rem;
  border: 1px solid var(--gray-2);
  border-radius: 0.8rem;
  color: var(--gray-3);
  margin-bottom: 0.8rem;
  padding: 0 1.6rem;
}
.popup-quickview > .content .quantity-selector .quantity {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-quickview > .content .quantity-selector .control {
  font-size: 2rem;
}
.popup-quickview > .content .quantity-selector .input {
  max-width: 5rem;
  background-color: transparent;
  border: 0;
}
.popup-quickview > .content .button-default {
  width: 100%;
}
.popup-quickview > .content .more-link {
  display: block;
  text-align: center;
  font-size: var(--font-size-small);
  color: var(--gray-3);
  font-weight: var(--font-weight-base);
  text-transform: lowercase;
  text-decoration: underline;
  margin-top: 0.8rem;
}
@media (min-width: 992px) {
  .popup-quickview > .content .more-link {
    margin-top: 1.6rem;
  }
}

#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-z-50 {
  z-index: 99999 !important;
}
@media (min-width: 768px) {
  #component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-z-50 {
    z-index: 999 !important;
  }
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-content {
  max-width: 44.8rem !important;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-w-3 {
  width: 1.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-w-5 {
  width: 2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-w-6 {
  width: 2.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-w-24 {
  width: 9.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-h-3 {
  height: 1.2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-h-5 {
  height: 2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-h-6 {
  height: 2.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-mt-1 {
  margin-top: 0.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-ml-2 {
  margin-left: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-mb-3 {
  margin-bottom: 1.2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-mx-4 {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-my-1 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-my-2 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-p-1 {
  padding: 0.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-p-2 {
  padding: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-p-4 {
  padding: 1.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-pt-1 {
  padding-top: 0.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-pt-2 {
  padding-top: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-pt-3 {
  padding-top: 1.2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-pb-2 {
  padding-bottom: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-px-1 {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-px-2 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-px-4 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-py-2 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-text-xs {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-text-sm {
  font-size: 1.3rem;
  line-height: 2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-text-lg {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-rounded-sm {
  border-radius: 0.2rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-rouded-md {
  border-radius: 0.6rem;
}
#component-cart-drawer-root > .vnda-cart-drawer .cart-drawer-focusable {
  border-radius: 0.4rem;
}

.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-tabs {
  margin-bottom: 1.5rem;
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-tabs button {
  color: var(--gray-2);
  transition: var(--transition);
  border-bottom: 2px solid var(--gray-2);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-tabs button.cart-drawer-border-highlight {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-tabs button:hover {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-description {
  margin-bottom: 1.5rem;
  color: var(--font-color-base);
  font-size: var(--font-size-base);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-item-select-button,
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-variant-submit-button {
  color: var(--white);
  background-color: var(--primary-color);
  font-size: var(--font-size-button) !important;
  font-weight: var(--font-weight-button);
  font-family: var(--font-family-base);
  border: 1px solid var(--primary-color);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-item-select-button:hover,
.cart-drawer-popup-offer .cart-drawer-popup-offer-container .cart-drawer-popup-offer-variant-submit-button:hover {
  background-color: var(--white);
  color: var(--primary-color);
  opacity: 1;
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-variant-button {
  transition: var(--transition);
}
.cart-drawer-popup-offer .cart-drawer-popup-offer-variant-button.cart-drawer-popup-offer-variant-selected {
  box-shadow: 0 0 0 0px var(--primary-color), 0 0 0 2px var(--primary-color), 0 0 transparent, 0 0 transparent;
}

#cart-drawer-el {
  --color-highlight: 0, 0, 0;
  background-color: rgba(255, 255, 255, 0.5490196078);
}
#cart-drawer-el .cart-drawer-bg-gray-50 {
  background-color: var(--gray-1);
}
#cart-drawer-el .cart-drawer-text-shade-regular {
  color: var(--font-color-base);
}
#cart-drawer-el .cart-drawer-text-gray-400 {
  color: var(--font-color-base);
}
#cart-drawer-el .cart-drawer-font-semibold {
  font-weight: 600;
  color: var(--font-color-base);
}
#cart-drawer-el .cart-drawer-header {
  background-color: var(--white);
}
#cart-drawer-el .cart-drawer-header p {
  font-family: var(--font-family-base);
  color: var(--font-color-base);
  font-weight: 700;
}
#cart-drawer-el .cart-drawer-header p span {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-base);
  color: var(--gray-3);
}
#cart-drawer-el .cart-drawer-header button {
  background-color: var(--white);
  border-radius: 50% !important;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}
#cart-drawer-el .cart-drawer-header span,
#cart-drawer-el .cart-drawer-header svg,
#cart-drawer-el .cart-drawer-text-gray-900 {
  color: var(--font-color-base);
}
#cart-drawer-el .vnda-cashback-container,
#cart-drawer-el .vnda-shipping-container {
  background-color: var(--white);
  margin-bottom: 0rem;
  margin-top: 1.6rem;
  padding: 1.4rem !important;
}
#cart-drawer-el .vnda-cashback-container .vnda-cashback-text,
#cart-drawer-el .vnda-shipping-container .vnda-shipping-text {
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--gray-3);
  text-transform: uppercase;
}
#cart-drawer-el .vnda-cashback-progress,
#cart-drawer-el .vnda-shipping-progress {
  border-radius: 0.8rem;
  background-color: var(--gray-2);
}
#cart-drawer-el .cmp-cart-drawer-cashback-progress,
#cart-drawer-el .cmp-cart-drawer-free-shipping-progress {
  border-radius: 0.8rem;
  background-color: var(--primary-color);
}
#cart-drawer-el .cmp-cart-drawer-cashback-progress-complete,
#cart-drawer-el .cmp-cart-drawer-free-shipping-progress-complete {
  background-color: var(--primary-color);
}
#cart-drawer-el .bundle:not(:first-child) {
  margin-top: 1.4rem;
}
#cart-drawer-el .bundle:not(:last-child) {
  margin-bottom: 1.4rem;
}
#cart-drawer-el .bundle .cart-item.cart-list-item {
  margin-bottom: 1rem;
}
#cart-drawer-el .bundle .cart-item.cart-list-item:last-child {
  margin-bottom: 0;
}
#cart-drawer-el .cart-item.cart-list-item {
  background-color: var(--white);
  margin-bottom: 1.4rem;
}
#cart-drawer-el .cmp-cart-drawer-items {
  margin-top: 1.6rem;
}
#cart-drawer-el .cmp-cart-drawer-items .cart-list-item {
  padding: 1.4rem;
}
#cart-drawer-el .cmp-cart-drawer-items .cart-item > div {
  align-items: center;
}
#cart-drawer-el .cart-drawer-tracking-tight > div:first-child {
  margin-left: 0;
  margin-right: 0;
  width: 9.6rem;
  height: 12.6rem;
}
#cart-drawer-el .cart-drawer-tracking-tight > div:first-child img {
  height: 100%;
  object-fit: cover;
}
#cart-drawer-el .cart-buttons-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 1rem;
  height: 4rem;
}
#cart-drawer-el .cart-buttons-container .cart-buttons-min {
  border-radius: 0;
  border: 1px solid var(--gray-2);
  border-right: 0;
  opacity: 1 !important;
  margin: 0;
  color: var(--gray-3);
  outline: none;
  box-shadow: none;
  font-size: var(--font-size-big);
}
#cart-drawer-el .cart-buttons-container .cart-buttons-amount {
  flex-grow: 0;
  border-radius: 0;
  border-top: 1px solid var(--gray-2);
  border-bottom: 1px solid var(--gray-2);
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: var(--font-size-small);
  color: var(--gray-3);
}
#cart-drawer-el .cart-buttons-container .cart-buttons-plus {
  border-radius: 0;
  border: 1px solid var(--gray-2);
  border-left: 0;
  opacity: 1 !important;
  margin-right: 50%;
  margin: 0px;
  margin-right: 50%;
  color: var(--gray-3);
  outline: none;
  box-shadow: none;
  font-size: var(--font-size-big);
}
#cart-drawer-el .cart-buttons-qtd-max.cart-drawer-leading-tight.cart-drawer-bg-highlight.cart-drawer-bg-opacity-90 {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#cart-drawer-el .cart-item .cart-list-item-price span {
  color: var(--font-color-base);
}
#cart-drawer-el .cart-item .cart-list-item-price span:first-child {
  color: var(--gray-3);
}
#cart-drawer-el .cart-item .cart-list-item-name a {
  font-weight: 600;
  color: var(--font-color-base);
}
#cart-drawer-el .cart-drawer-tracking-tight > div:last-child {
  flex: 1;
  margin-right: 0;
  padding-left: 1.4rem;
}
#cart-drawer-el .cart-drawer-content > .cart-drawer-relative > div:last-child > div > button.cart-drawer-focusable {
  color: var(--gray-3);
}
#cart-drawer-el form.cart-drawer-flex input {
  border: 0;
  border: 1px solid var(--gray-2);
  border-radius: 0.4rem;
  height: 4.2rem;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
#cart-drawer-el form.cart-drawer-flex label {
  padding: 0 2rem;
}
#cart-drawer-el form.cart-drawer-flex > button[type=submit] {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-button);
  border: 0;
  background-color: var(--primary-color);
  color: var(--white);
  height: 4.2rem;
  margin-top: auto;
  transition: var(--transition);
  outline: none;
  border-radius: 0.8rem;
}
#cart-drawer-el form.cart-drawer-flex > button[type=submit]:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}
#cart-drawer-el .cart-drawer-content > div > div:last-child > div > div p.cart-drawer-text-xs.cart-drawer-text-right {
  font-weight: 700;
  color: var(--font-color-base);
}
#cart-drawer-el .cart-drawer-content > div > div:last-child > div > div p.cart-drawer-text-xs.cart-drawer-text-right span.cart-drawer-installments {
  font-weight: 400;
  color: var(--gray-3);
}
#cart-drawer-el .cart-drawer-popup-offer-button {
  color: var(--white);
  background-color: var(--primary-color);
  font-size: var(--font-size-button) !important;
  font-weight: var(--font-weight-button);
  font-family: var(--font-family-base);
  padding: 0.5rem 1.4rem !important;
  border: 0;
  border-radius: 0.8rem;
  height: 3.5rem;
}
#cart-drawer-el .cart-drawer-popup-offer-button:hover {
  background-color: var(--secondary-color);
  color: var(--white);
  opacity: 1;
}
#cart-drawer-el .cart-drawer-cta {
  position: relative;
  color: var(--white);
  background-color: var(--primary-color);
  font-size: var(--font-size-button) !important;
  font-weight: var(--font-weight-button);
  font-family: var(--font-family-base);
  padding: 0.5rem 1.4rem !important;
  border: 0;
  border-radius: 0.8rem;
  height: 5rem;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: none;
  cursor: pointer;
  text-transform: none;
}
#cart-drawer-el .cart-drawer-cta:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}
#cart-drawer-el .cart-drawer-cta.cart-drawer-text-opacity-0 {
  color: transparent !important;
}
#cart-drawer-el .vnda-suggested-container {
  margin-top: auto;
  order: 2;
  padding: 1.4rem !important;
  background-color: var(--white);
  border-radius: 0;
}
#cart-drawer-el .vnda-suggested-container button {
  outline: none !important;
  box-shadow: none !important;
}
#cart-drawer-el .vnda-suggested-title {
  font-size: var(--font-size-base) !important;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1.2rem;
}
#cart-drawer-el .vnda-suggested-container .cart-drawer-overflow-x-auto {
  scrollbar-width: unset !important;
}
#cart-drawer-el .vnda-suggested-container .cart-drawer-overflow-x-auto::-webkit-scrollbar {
  height: 0.4rem;
  border-radius: 0.8rem;
}
#cart-drawer-el .vnda-suggested-container .cart-drawer-overflow-x-auto::-webkit-scrollbar-track {
  background: var(--gray-1);
  border-radius: 0.8rem;
}
#cart-drawer-el .vnda-suggested-container .cart-drawer-overflow-x-auto::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 0.8rem;
}
#cart-drawer-el .vnda-suggested-item h5 {
  font-size: var(--font-size-small) !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-align: center;
}
#cart-drawer-el .vnda-suggested-item .cart-drawer-suggested-item-info p.cart-drawer-text-sm {
  font-size: var(--font-size-small) !important;
  font-weight: var(--font-weight-base);
}
#cart-drawer-el .vnda-suggested-item span.cart-drawer-button {
  font-size: var(--font-size-button);
  border-radius: 0.8rem;
  color: var(--white);
  position: relative;
  text-decoration: none;
  background-color: var(--primary-color);
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-button);
  padding: 0.5rem 1rem;
  width: 100%;
  height: 4.2rem;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  cursor: pointer;
  border: 0;
}
#cart-drawer-el .vnda-suggested-item span.cart-drawer-button:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}
#cart-drawer-el .cart-drawer-tracking-tight > div:first-child img {
  height: auto;
  object-fit: contain;
}
#cart-drawer-el .cart-drawer-tracking-tight + .cart-drawer-pt-2.cart-drawer-flex.cart-drawer-space-x-1 > div.cart-drawer-border.cart-drawer-border-shade-softlight {
  border: solid 2px var(--gray-2);
  transition: var(--transition);
  animation: blink-border 1.75s infinite;
}
#cart-drawer-el .cart-drawer-tracking-tight + .cart-drawer-pt-2.cart-drawer-flex.cart-drawer-space-x-1 > div.cart-drawer-border.cart-drawer-border-shade-softlight:hover {
  animation-play-state: paused;
}
#cart-drawer-el .cart-drawer-tracking-tight + .cart-drawer-pt-2.cart-drawer-flex.cart-drawer-space-x-1 {
  position: relative;
}
#cart-drawer-el .cart-drawer-tracking-tight + .cart-drawer-pt-2.cart-drawer-flex.cart-drawer-space-x-1::before {
  content: "Selecione a quantidade e adicione ao carrinho!";
  font-size: var(--font-size-small);
  color: var(--font-color-base);
  font-weight: 600;
  position: absolute;
  top: -2.8rem;
  transition: var(--transition);
}
#cart-drawer-el .cart-drawer-tracking-tight + .cart-drawer-pt-2.cart-drawer-flex.cart-drawer-space-x-1 button {
  transition: var(--transition);
}

@keyframes blink-border {
  0%, 100% {
    border-color: transparent;
  }
  50% {
    border-color: var(--gray-2);
  }
}
/* ==========================================================================
  Códigos Communs para todas as páginas
========================================================================== */
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#footer {
  background-color: var(--background-color, var(--black));
  color: var(--text-color, var(--white));
  padding: 2.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  #footer {
    gap: 4rem;
  }
}

#footer .content-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  #footer .content-top {
    flex-direction: row;
    gap: 4rem;
  }
}

#footer .footer-logo-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  order: -1;
}
@media (min-width: 768px) {
  #footer .footer-logo-social {
    flex-direction: row;
    gap: 4rem;
  }
}
@media (min-width: 1280px) {
  #footer .footer-logo-social {
    order: unset;
  }
}
#footer .footer-logo-social > .logo {
  width: 100%;
  min-width: 10rem;
  max-width: 10rem;
  margin: auto;
}
@media (min-width: 768px) {
  #footer .footer-logo-social > .logo {
    min-width: 10rem;
    max-width: 10rem;
  }
}
@media (min-width: 1280px) {
  #footer .footer-logo-social > .logo {
    min-width: 10rem;
    margin: 0;
  }
}
#footer .footer-logo-social > .logo .image::after {
  display: none;
}
#footer .footer-logo-social > .logo img {
  position: relative;
  object-fit: contain;
}
#footer .footer-logo-social > .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  #footer .footer-logo-social > .social-icons {
    order: initial;
  }
}
#footer .footer-logo-social > .social-icons a {
  display: flex;
}
#footer .footer-logo-social > .social-icons .icon {
  color: var(--icon-color, var(--secondary-color));
  transition: var(--transition);
  width: 2.2rem;
  height: 2.2rem;
}
#footer .footer-logo-social > .social-icons .icon:hover {
  opacity: 0.5;
}

#footer .form-newsletter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  order: -1;
  text-align: center;
  margin: auto;
}
@media (min-width: 768px) {
  #footer .form-newsletter {
    max-width: 60%;
  }
}
@media (min-width: 1280px) {
  #footer .form-newsletter {
    max-width: 60rem;
    order: unset;
    text-align: left;
    margin: 0;
  }
}
#footer .form-newsletter .newsletter-title {
  font-size: var(--font-size-title, var(--font-size-text-medium));
  color: var(--title-color, var(--white));
  font-weight: 600;
}
#footer .form-newsletter .field {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  #footer .form-newsletter .field {
    flex-direction: row;
  }
}
#footer .form-newsletter .input-wrapper {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  #footer .form-newsletter .input-wrapper {
    width: unset;
    flex: 1;
  }
}
#footer .form-newsletter .input-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 1.8rem;
  top: 50%;
  transform: translateY(-50%);
  height: 2rem;
  width: 2rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'><path d='M21 3.84375L12.03 9.54375C11.7213 9.73718 11.3643 9.83976 11 9.83976C10.6357 9.83976 10.2787 9.73718 9.97 9.54375L1 3.84375M3 0.84375H19C20.1046 0.84375 21 1.73918 21 2.84375V14.8438C21 15.9483 20.1046 16.8438 19 16.8438H3C1.89543 16.8438 1 15.9483 1 14.8438V2.84375C1 1.73918 1.89543 0.84375 3 0.84375Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0% 50%;
}
#footer .form-newsletter .input {
  background-color: var(--white);
  border-radius: 0.8rem;
  padding-left: 4.5rem;
  color: var(--gray-3);
  height: 4.8rem;
  width: 100%;
  border: 0;
}
#footer .form-newsletter .input::placeholder {
  color: var(--gray-3);
}
#footer .form-newsletter .input:focus {
  outline: none;
}
#footer .form-newsletter .button-default {
  font-size: var(--font-size-button, var(--font-size-button-medium));
  width: 100%;
  margin-left: 0;
  margin-top: 1rem;
  height: 4.8rem;
}
@media (min-width: 768px) {
  #footer .form-newsletter .button-default {
    margin-top: 0;
    margin-left: 1rem;
    width: auto;
  }
}
#footer .form-newsletter .msg-received:not(.-visible) {
  display: none;
}
#footer .form-newsletter .newsletter-description {
  font-size: var(--font-size-text, var(--font-size-text-small));
  font-weight: 400;
}

#footer .content-center {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  #footer .content-center {
    grid-template-columns: 30% 70%;
    gap: unset;
  }
}
@media (min-width: 1280px) {
  #footer .content-center {
    grid-template-columns: 35% 65%;
  }
}

#footer .menu.-contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: auto;
  padding-bottom: 2rem;
  border-right: 0;
  border-bottom: solid 1px var(--gray-3);
}
@media (min-width: 992px) {
  #footer .menu.-contact {
    border-right: solid 1px var(--gray-3);
    border-bottom: none;
    margin-right: 2rem;
    padding-right: 2rem;
    max-width: 24rem;
    margin: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1280px) {
  #footer .menu.-contact {
    padding-right: 4rem;
    max-width: 100%;
  }
}
#footer .menu.-contact .text {
  font-size: var(--font-size-text, var(--font-size-text-small));
  margin-bottom: 1rem;
  max-width: 40rem;
}
@media (min-width: 992px) {
  #footer .menu.-contact .text {
    margin-bottom: 2rem;
  }
}
#footer .menu.-contact .text p + p {
  margin-top: 1rem;
}
#footer .menu.-contact > .menu-title {
  font-size: var(--font-size-title, var(--font-size-text-medium));
  color: var(--title-color, var(--white));
  font-weight: 700;
  transition: var(--transition);
  margin-bottom: 0;
}
#footer .menu.-contact > .menu-title:not([href="#"]):hover {
  opacity: 0.5;
}
@media (min-width: 992px) {
  #footer .menu.-contact > .menu-title {
    margin-bottom: 0.5rem;
  }
}
#footer .menu.-contact .contact-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#footer .menu.-contact .image {
  min-width: 1.8rem;
  min-height: 1.8rem;
}
#footer .menu.-contact .contact-title {
  font-size: var(--font-size-text, var(--font-size-text-small));
  color: var(--text-color, var(--white));
  font-weight: 400;
  transition: var(--transition);
}
#footer .menu.-contact .contact-title:hover {
  opacity: 0.5;
}

#footer .footer-menu {
  width: 100%;
}
@media (min-width: 992px) {
  #footer .footer-menu {
    padding-top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
}
@media (min-width: 1280px) {
  #footer .footer-menu {
    padding-left: 4rem;
  }
}
@media (min-width: 1440px) {
  #footer .footer-menu {
    gap: 4rem;
  }
}
#footer .footer-menu > .menu {
  width: 100%;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px var(--gray-3);
}
#footer .footer-menu > .menu + .menu {
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  #footer .footer-menu > .menu {
    padding: 0;
    border: none;
  }
  #footer .footer-menu > .menu + .menu {
    margin-top: 0;
  }
}
#footer .footer-menu > .menu .menu-item.-open + .submenu {
  display: flex;
}
#footer .footer-menu > .menu .menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
  list-style: none;
}
#footer .footer-menu > .menu .menu-title {
  font-size: var(--font-size-title, var(--font-size-text-medium));
  color: var(--title-color, var(--white));
  font-weight: 700;
  transition: var(--transition);
  margin-bottom: 0;
}
#footer .footer-menu > .menu .menu-title:not([href="#"]):hover {
  opacity: 0.5;
}
@media (min-width: 992px) {
  #footer .footer-menu > .menu .menu-title {
    margin-bottom: 0.5rem;
  }
}
#footer .footer-menu > .menu .arrow {
  cursor: pointer;
}
@media (min-width: 992px) {
  #footer .footer-menu > .menu .arrow {
    display: none;
  }
}
#footer .footer-menu > .menu .arrow::after {
  content: "";
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  color: currentColor;
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 3px;
  padding: 3px;
  transform: rotate(45deg) scale(0.9);
  transition: var(--transition);
  order: 1;
}
#footer .footer-menu > .menu .menu-item.-open .arrow::after {
  transform: rotate(45deg) scale(-1);
  margin-bottom: 0;
}
#footer .footer-menu > .menu .menu-item.-open + .submenu {
  display: flex;
}
#footer .footer-menu > .menu .submenu {
  display: none;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  #footer .footer-menu > .menu .submenu {
    display: flex;
  }
}
#footer .footer-menu > .menu .submenu-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#footer .footer-menu > .menu .submenu-title {
  font-size: var(--font-size-text, var(--font-size-text-small));
  color: var(--text-color, var(--white));
  font-weight: 400;
  transition: var(--transition);
}
#footer .footer-menu > .menu .submenu-title:hover {
  opacity: 0.5;
}
#footer .footer-menu > .menu .submenu .icon {
  min-width: 1.8rem;
  height: 1.8rem;
  color: var(--icon-color, var(--secondary-color));
}

#footer .content-bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#footer .stamps-payment {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
}
@media (min-width: 768px) {
  #footer .stamps-payment {
    flex-direction: row;
    gap: 4rem;
    margin-top: 0;
  }
}

#footer .stamps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 768px) {
  #footer .stamps {
    justify-content: center;
    gap: 2rem;
  }
}
#footer .stamps .image {
  width: 12rem;
}
#footer .stamps img {
  object-fit: contain;
}

#footer .payment {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  #footer .payment {
    margin-right: 0;
    margin-top: 0;
  }
}
#footer .payment img {
  height: 2.5rem;
  width: 3.5rem;
  object-fit: contain;
}

#footer .footer-copyright {
  width: 100%;
}
@media (min-width: 992px) {
  #footer .footer-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#footer .footer-copyright > .copyright {
  width: 100%;
  font-size: var(--font-size-text, var(--font-size-text-small));
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  #footer .footer-copyright > .copyright {
    width: fit-content;
    margin-bottom: 0;
  }
}
#footer .footer-copyright > .olist-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  font-size: var(--font-size-text, var(--font-size-text-small));
  font-weight: 400;
  text-align: center;
  transition: var(--transition);
}
@media (min-width: 992px) {
  #footer .footer-copyright > .olist-link {
    width: max-content;
  }
}
#footer .footer-copyright > .olist-link:hover {
  opacity: 0.5;
}
#footer .footer-copyright > .olist-link .olist-icon {
  height: 2.8rem;
  width: 6.4rem;
  margin-bottom: 1rem;
}