:root {
  --marrom-escuro: #4a2e1f;
  --marrom-claro: #8b5e3c;
  --bege: #e6d8c9;
  --bege-claro: #f5f1ec;
  --bg-marrom: linear-gradient(90deg, #8b5e3c 3.09%, #4a2e1f 93.99%);
}

@font-face {
  font-family: "Giordano Gold";
  src: url("../fonts/giordano-gold-serif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lucida Grande";
  src: url("../fonts/lucida-grande-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.navbar-toggler {
  outline: none !important;
  box-shadow: none !important;
  border: none;
}

.menu-principal-container {
  height: 100%;
}

button#tab-title-cuidados {
  padding-left: 40px;
}

button#tab-title-cuidados:before {
  content: " ";
  left: 0;
  width: 30px;
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxNiAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTUuNjY2N0MxIDEzLjg5ODYgMS43MDIzOCAxMi4yMDI5IDIuOTUyNjIgMTAuOTUyNkM0LjIwMjg2IDkuNzAyMzggNS44OTg1NiA5IDcuNjY2NjcgOUM5LjQzNDc4IDkgMTEuMTMwNSA5LjcwMjM4IDEyLjM4MDcgMTAuOTUyNkMxMy42MzEgMTIuMjAyOSAxNC4zMzMzIDEzLjg5ODYgMTQuMzMzMyAxNS42NjY3VjIyLjMzMzNDMTQuMzMzMyAyNC44NDggMTQuMzMzMyAyNi4xMDQgMTMuNTUyIDI2Ljg4NTNDMTIuNzcwNyAyNy42NjY3IDExLjUxNDcgMjcuNjY2NyA5IDI3LjY2NjdINi4zMzMzM0MzLjgxODY3IDI3LjY2NjcgMi41NjI2NyAyNy42NjY3IDEuNzgxMzMgMjYuODg1M0MxIDI2LjEwNCAxIDI0Ljg0OCAxIDIyLjMzMzNWMTUuNjY2N1oiIHN0cm9rZT0iIzRBMkUxRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUgOVY3LjY2NjY3QzUgNi40MDkzMyA1IDUuNzgxMzMgNS4zOTA2NyA1LjM5MDY3QzUuNzgxMzMgNSA2LjQwOTMzIDUgNy42NjY2NyA1TTcuNjY2NjcgNUM4LjkyNCA1IDkuNTUyIDUgOS45NDI2NyA1LjM5MDY3QzEwLjMzMzMgNS43ODEzMyAxMC4zMzMzIDYuNDA5MzMgMTAuMzMzMyA3LjY2NjY3VjlNNy42NjY2NyA1VjFNNy42NjY2NyAxSDVNNy42NjY2NyAxSDExLjMyNjdDMTIuMzM2MiAxLjAwMDI2IDEzLjMwODMgMS4zODIyNCAxNC4wNDggMi4wNjkzM0wxNC4zMzMzIDIuMzMzMzNNMSAxNS42NjY3SDE0LjMzMzMiIHN0cm9rZT0iIzRBMkUxRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  /* display: flex; */
  background-position: center;
}

button#tab-title-ingredientes {
  padding-left: 40px;
}

button#tab-title-ingredientes:before {
  content: " ";
  left: 0;
  width: 30px;
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTM4NjcgMTguMDY1Mkw0Ljc1MDY3IDQuOTA3ODVNMjMuNjMwNyAxLjIzMDUxQzI0LjYyNTIgMC44Nzc0MTcgMjUuNzE5IDAuOTMxNjg3IDI2LjY3MzggMS4zODE1QzI3LjYyODUgMS44MzEzMiAyOC4zNjY4IDIuNjQwMjIgMjguNzI3NyAzLjYzMTk2QzI5LjA4ODcgNC42MjM3IDI5LjA0MzEgNS43MTc5MSAyOC42MDA4IDYuNjc2MTZDMjguMTU4NiA3LjYzNDQyIDI3LjM1NTUgOC4zNzkwNiAyNi4zNjY3IDguNzQ3ODVMOC41MTMzMyAxNS4yNDY1TDUuNzc2IDcuNzI5MThMMjMuNjMwNyAxLjIzMDUxWk03IDI1Ljk4NzhDNyAyNi43ODM1IDYuNjgzOTMgMjcuNTQ2NiA2LjEyMTMyIDI4LjEwOTJDNS41NTg3MSAyOC42NzE4IDQuNzk1NjUgMjguOTg3OCA0IDI4Ljk4NzhDMy4yMDQzNSAyOC45ODc4IDIuNDQxMjkgMjguNjcxOCAxLjg3ODY4IDI4LjEwOTJDMS4zMTYwNyAyNy41NDY2IDEgMjYuNzgzNSAxIDI1Ljk4NzhDMSAyNC4zMzA1IDQgMjAuOTg3OCA0IDIwLjk4NzhDNCAyMC45ODc4IDcgMjQuMzMwNSA3IDI1Ljk4NzhaIiBzdHJva2U9IiM0QTJFMUYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  /* display: flex; */
  background-position: center;
}

button#tab-title-como_usar {
  padding-left: 40px;
}

button#tab-title-como_usar:before {
  content: " ";
  left: 0;
  width: 30px;
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjMzMzMgMjRDMjQuNDQgMjQgMjUuMzMzMyAyMyAyNS4zMzMzIDIxLjc3MzNDMjUuMzMzMyAxOS43NzMzIDIzLjMzMzMgMTcuMzMzMyAyMy4zMzMzIDE3LjMzMzNDMjMuMzMzMyAxNy4zMzMzIDIxLjMzMzMgMTkuNzYgMjEuMzMzMyAyMS43NzMzQzIxLjMzMzMgMjMgMjIuMjI2NyAyNCAyMy4zMzMzIDI0Wk0xMCAyNi42NjY3QzExLjEwNjcgMjYuNjY2NyAxMiAyNS42NjY3IDEyIDI0LjQ0QzEyIDIyLjQ0IDEwIDIwIDEwIDIwQzEwIDIwIDggMjIuNDI2NyA4IDI0LjQ0QzggMjUuNjY2NyA4Ljg5MzMzIDI2LjY2NjcgMTAgMjYuNjY2N1pNMTguNjY2NyAyNC40NEMxOC42NjY3IDIyLjQ0IDE2LjY2NjcgMjAgMTYuNjY2NyAyMEMxNi42NjY3IDIwIDE0LjY2NjcgMjIuNDI2NyAxNC42NjY3IDI0LjQ0QzE0LjY2NjcgMjUuNjY2NyAxNS41NiAyNi42NjY3IDE2LjY2NjcgMjYuNjY2N0MxNy43NzMzIDI2LjY2NjcgMTguNjY2NyAyNS42NjY3IDE4LjY2NjcgMjQuNDRaTTMuMzMzMzMgMjRDNC40NCAyNCA1LjMzMzMzIDIzIDUuMzMzMzMgMjEuNzczM0M1LjMzMzMzIDE5Ljc3MzMgMy4zMzMzMyAxNy4zMzMzIDMuMzMzMzMgMTcuMzMzM0MzLjMzMzMzIDE3LjMzMzMgMS4zMzMzMyAxOS43NiAxLjMzMzMzIDIxLjc3MzNDMS4zMzMzMyAyMyAyLjIyNjY3IDI0IDMuMzMzMzMgMjRaTTE0LjY2NjcgMi43NlYwSDEyVjIuNzZDNi43NDY2NyAzLjQxMzMzIDIuNjY2NjcgNy45MDY2NyAyLjY2NjY3IDEzLjMzMzNIMFYxNkgyNi42NjY3VjEzLjMzMzNIMjRDMjQgNy45MDY2NyAxOS45MiAzLjQxMzMzIDE0LjY2NjcgMi43NlpNNS4zMzMzMyAxMy4zMzMzQzUuMzMzMzMgOC45MiA4LjkyIDUuMzMzMzMgMTMuMzMzMyA1LjMzMzMzQzE3Ljc0NjcgNS4zMzMzMyAyMS4zMzMzIDguOTIgMjEuMzMzMyAxMy4zMzMzSDUuMzMzMzNaIiBmaWxsPSIjNEEyRTFGIi8+Cjwvc3ZnPgo=);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  /* display: flex; */
  background-position: center;
}

.related.products .products:before {
  display: none;
}

.card-produto.alt .cp-marca,
.card-produto.alt .cp-title,
.card-produto.alt .cp-price {
  color: white;
}

.fav-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  background: white;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  cursor: pointer;
  transition: all 0.3s ease;

  &:hover {
    opacity: 1;
  }

  &.in-wishlist svg path {
    fill: #8b5e3c;
  }
}

.woocommerce span.onsale {
  min-height: 10px;
  min-width: 3.236em;
  padding: 0.202em;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 100%;
  top: -0.5em;
  left: -0.5em;
  margin: 0;
  border-radius: 100%;
  background-color: #8b5e3c;
  color: #fff;
  font-size: 0.857em;
  z-index: 9;
  border-radius: 0;
  padding: 10px;
}

h2.not-found-text {
  color: #4a2e1f;
  font-family: Giordano Gold;
  font-weight: 500;
  font-style: Serif;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 4px;
  text-align: center;
}

.wc-block-cart-items {
  border: none;
}

td.wc-block-cart-item__total {
  border: none !important;
}

tr.wc-block-cart-items__row,
.wc-block-components-quantity-selector {
  border: 1px solid #e6d8c9;
}

a.wc-block-cart__submit-button {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #8b5e3c;
  border: 1px solid #8b5e3c;
  background: transparent;
}

nav {
  background-color: #f5f1ec;
  .logo {
    width: 114px;
  }

  .navbar-collapse {
    width: fit-content;
    flex-grow: inherit;
    height: auto;
    align-self: stretch;
    justify-content: center;

    /* &.show {
            z-index: 2;
            left: 0;
            position: absolute;
            background-color: #fff;
            width: 100%;
            height: calc(100vh - 62px);
            top: 62px;
        } */
  }

  #menu-item-41 {
    display: none;
  }

  .menu-produtos a:after {
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDAwMDIgOC4xNjY2N0M0LjA2NTcyIDguMTY2MzYgNC4xMzA4MSA4LjE3OTE3IDQuMTkxNDggOC4yMDQzNkM0LjI1MjE2IDguMjI5NTQgNC4zMDcxOSA4LjI2NjYgNC4zNTMzNiA4LjMxMzM0TDguMDAwMDIgMTEuOTZMMTEuNjQ2NyA4LjMxMzM0QzExLjc0MTUgOC4yMjUwMiAxMS44NjY4IDguMTc2OTMgMTEuOTk2NCA4LjE3OTIyQzEyLjEyNTkgOC4xODE1MSAxMi4yNDk1IDguMjMzOTggMTIuMzQxMSA4LjMyNTU5QzEyLjQzMjcgOC40MTcyIDEyLjQ4NTIgOC41NDA3OSAxMi40ODc1IDguNjcwMzJDMTIuNDg5OCA4Ljc5OTg2IDEyLjQ0MTcgOC45MjUyMiAxMi4zNTM0IDkuMDJMOC4zNTMzNSAxMy4wMkM4LjI1OTYgMTMuMTEzNiA4LjEzMjUyIDEzLjE2NjIgOC4wMDAwMiAxMy4xNjYyQzcuODY3NTIgMTMuMTY2MiA3Ljc0MDQ0IDEzLjExMzYgNy42NDY2OSAxMy4wMkwzLjY0NjY5IDkuMDJDMy41NTMwNSA4LjkyNjI1IDMuNTAwNDYgOC43OTkxNyAzLjUwMDQ2IDguNjY2NjdDMy41MDA0NiA4LjUzNDE3IDMuNTUzMDUgOC40MDcwOSAzLjY0NjY5IDguMzEzMzRDMy42OTI4NSA4LjI2NjYgMy43NDc4OSA4LjIyOTU0IDMuODA4NTYgOC4yMDQzNkMzLjg2OTIzIDguMTc5MTcgMy45MzQzMyA4LjE2NjM2IDQuMDAwMDIgOC4xNjY2N1oiIGZpbGw9IiM4QjVFM0MiLz4KPHBhdGggZD0iTTggMi44MzMzM0M4LjEzMjA3IDIuODM1MDYgOC4yNTgyNSAyLjg4ODI5IDguMzUxNjQgMi45ODE2OUM4LjQ0NTA0IDMuMDc1MDggOC40OTgyNyAzLjIwMTI2IDguNSAzLjMzMzMzTDguNSAxMi42NjY3QzguNSAxMi43OTkzIDguNDQ3MzIgMTIuOTI2NCA4LjM1MzU1IDEzLjAyMDJDOC4yNTk3OCAxMy4xMTQgOC4xMzI2MSAxMy4xNjY3IDggMTMuMTY2N0M3Ljg2NzM5IDEzLjE2NjcgNy43NDAyMiAxMy4xMTQgNy42NDY0NSAxMy4wMjAyQzcuNTUyNjggMTIuOTI2NCA3LjUgMTIuNzk5MyA3LjUgMTIuNjY2N0w3LjUgMy4zMzMzM0M3LjUwMTczIDMuMjAxMjYgNy41NTQ5NiAzLjA3NTA4IDcuNjQ4MzYgMi45ODE2OUM3Ljc0MTc1IDIuODg4MjkgNy44Njc5MyAyLjgzNTA2IDggMi44MzMzM1oiIGZpbGw9IiM4QjVFM0MiLz4KPC9zdmc+Cg==);
    width: 12px;
    height: 18px;
    background-repeat: no-repeat;
  }

  .menu-marcas a:after {
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDAwMDIgOC4xNjY2N0M0LjA2NTcyIDguMTY2MzYgNC4xMzA4MSA4LjE3OTE3IDQuMTkxNDggOC4yMDQzNkM0LjI1MjE2IDguMjI5NTQgNC4zMDcxOSA4LjI2NjYgNC4zNTMzNiA4LjMxMzM0TDguMDAwMDIgMTEuOTZMMTEuNjQ2NyA4LjMxMzM0QzExLjc0MTUgOC4yMjUwMiAxMS44NjY4IDguMTc2OTMgMTEuOTk2NCA4LjE3OTIyQzEyLjEyNTkgOC4xODE1MSAxMi4yNDk1IDguMjMzOTggMTIuMzQxMSA4LjMyNTU5QzEyLjQzMjcgOC40MTcyIDEyLjQ4NTIgOC41NDA3OSAxMi40ODc1IDguNjcwMzJDMTIuNDg5OCA4Ljc5OTg2IDEyLjQ0MTcgOC45MjUyMiAxMi4zNTM0IDkuMDJMOC4zNTMzNSAxMy4wMkM4LjI1OTYgMTMuMTEzNiA4LjEzMjUyIDEzLjE2NjIgOC4wMDAwMiAxMy4xNjYyQzcuODY3NTIgMTMuMTY2MiA3Ljc0MDQ0IDEzLjExMzYgNy42NDY2OSAxMy4wMkwzLjY0NjY5IDkuMDJDMy41NTMwNSA4LjkyNjI1IDMuNTAwNDYgOC43OTkxNyAzLjUwMDQ2IDguNjY2NjdDMy41MDA0NiA4LjUzNDE3IDMuNTUzMDUgOC40MDcwOSAzLjY0NjY5IDguMzEzMzRDMy42OTI4NSA4LjI2NjYgMy43NDc4OSA4LjIyOTU0IDMuODA4NTYgOC4yMDQzNkMzLjg2OTIzIDguMTc5MTcgMy45MzQzMyA4LjE2NjM2IDQuMDAwMDIgOC4xNjY2N1oiIGZpbGw9IiM4QjVFM0MiLz4KPHBhdGggZD0iTTggMi44MzMzM0M4LjEzMjA3IDIuODM1MDYgOC4yNTgyNSAyLjg4ODI5IDguMzUxNjQgMi45ODE2OUM4LjQ0NTA0IDMuMDc1MDggOC40OTgyNyAzLjIwMTI2IDguNSAzLjMzMzMzTDguNSAxMi42NjY3QzguNSAxMi43OTkzIDguNDQ3MzIgMTIuOTI2NCA4LjM1MzU1IDEzLjAyMDJDOC4yNTk3OCAxMy4xMTQgOC4xMzI2MSAxMy4xNjY3IDggMTMuMTY2N0M3Ljg2NzM5IDEzLjE2NjcgNy43NDAyMiAxMy4xMTQgNy42NDY0NSAxMy4wMjAyQzcuNTUyNjggMTIuOTI2NCA3LjUgMTIuNzk5MyA3LjUgMTIuNjY2N0w3LjUgMy4zMzMzM0M3LjUwMTczIDMuMjAxMjYgNy41NTQ5NiAzLjA3NTA4IDcuNjQ4MzYgMi45ODE2OUM3Ljc0MTc1IDIuODg4MjkgNy44Njc5MyAyLjgzNTA2IDggMi44MzMzM1oiIGZpbGw9IiM4QjVFM0MiLz4KPC9zdmc+Cg==);
    width: 12px;
    height: 18px;
    background-repeat: no-repeat;
  }

  .menu-novidades a:before {
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjgzMzQgMi44MzMzM0MxMy44MzM0IDMuNDUyMTcgMTMuNTg3NiA0LjA0NTY2IDEzLjE1IDQuNDgzMjVDMTIuNzEyNCA0LjkyMDgzIDEyLjExODkgNS4xNjY2NyAxMS41MDAxIDUuMTY2NjdDMTAuODgxMiA1LjE2NjY3IDEwLjI4NzcgNC45MjA4MyA5Ljg1MDE3IDQuNDgzMjVDOS40MTI1OCA0LjA0NTY2IDkuMTY2NzUgMy40NTIxNyA5LjE2Njc1IDIuODMzMzNDOS4xNjY3NSAyLjIxNDQ5IDkuNDEyNTggMS42MjEgOS44NTAxNyAxLjE4MzQyQzEwLjI4NzcgMC43NDU4MzMgMTAuODgxMiAwLjUgMTEuNTAwMSAwLjVDMTIuMTE4OSAwLjUgMTIuNzEyNCAwLjc0NTgzMyAxMy4xNSAxLjE4MzQyQzEzLjU4NzYgMS42MjEgMTMuODMzNCAyLjIxNDQ5IDEzLjgzMzQgMi44MzMzM1oiIHN0cm9rZT0iIzhCNUUzQyIvPgo8cGF0aCBkPSJNMTMuOCA2LjVDMTMuODIyMiA2LjcxOTExIDEzLjgzMzMgNi45NDEzMyAxMy44MzMzIDcuMTY2NjdDMTMuODMzMyAxMC44NDg3IDEwLjg0ODcgMTMuODMzMyA3LjE2NjY3IDEzLjgzMzNDMy40ODQ2NyAxMy44MzMzIDAuNSAxMC44NDg3IDAuNSA3LjE2NjY3QzAuNSAzLjQ4NDY3IDMuNDg0NjcgMC41IDcuMTY2NjcgMC41QzcuMzkyIDAuNSA3LjYxNDIyIDAuNTExMTExIDcuODMzMzMgMC41MzMzMzMiIHN0cm9rZT0iIzhCNUUzQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik00LjUgNS44MzMzNEg3LjE2NjY3TTQuNSA5LjE2NjY3SDkuODMzMzMiIHN0cm9rZT0iIzhCNUUzQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 15px;
    height: 18px;
    background-repeat: no-repeat;
  }

  .menu-promocoes a:before {
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjgzNjggMC4xNzIwMjNDMy44OTYyNiAwLjEwMzYwMyAzLjk3MzIgMC4wNTI2MzQxIDQuMDU5MzkgMC4wMjQ1Njg3QzQuMTQ1NTggLTAuMDAzNDk2NjggNC4yMzc3OCAtMC4wMDc2MDI2NCA0LjMyNjEzIDAuMDEyNjlDNi43MzE0NiAwLjU2NTM1NyA3Ljk0ODEzIDMuMjAxMzYgNy42NjE0NiA1LjU2MDAyQzcuNTUwOCA2LjQ3NzM2IDcuMjc2MTMgNy4xOTYwMiA2Ljg3MTQ2IDcuNzY4MDJMNi44NjQxMyA3Ljc3ODY5QzYuOTU1NjkgNy43MzMzNiA3LjA0MTAyIDcuNjg0OTEgNy4xMjAxMyA3LjYzMzM2QzcuNTE0OCA3LjM3NjY5IDcuODA0MTMgNy4wMzg2OSA4LjE4MTQ2IDYuNTk4NjlMOC4zMjIxMyA2LjQzNDY5QzguMzc1NzYgNi4zNzIzNiA4LjQ0MzkyIDYuMzI0MjIgOC41MjA2IDYuMjk0NTJDOC41OTcyNyA2LjI2NDgzIDguNjgwMDggNi4yNTQ1IDguNzYxNyA2LjI2NDQ2QzguODQzMzIgNi4yNzQ0MSA4LjkyMTIyIDYuMzA0MzQgOC45ODg1MSA2LjM1MTU5QzkuMDU1OCA2LjM5ODg1IDkuMTEwMzkgNi40NjE5NyA5LjE0NzQ2IDYuNTM1MzZDOS41NjgwMyA3LjM2Nzg5IDkuNzM4NzEgOC4zMDQzMyA5LjYzODk0IDkuMjMxNzFDOS41MzkxNiAxMC4xNTkxIDkuMTczMTggMTEuMDM3OCA4LjU4NTE0IDExLjc2MThDNy45OTcxMSAxMi40ODU4IDcuMjEyMTQgMTMuMDI0MiA2LjMyNDk0IDEzLjMxMjFDNS40Mzc3MyAxMy41OTk5IDQuNDg2MTkgMTMuNjI0OSAzLjU4NTEgMTMuMzg0QzIuNjg0MDEgMTMuMTQzMiAxLjg3MTg3IDEyLjY0NjcgMS4yNDY2NCAxMS45NTQ1QzAuNjIxNDE1IDExLjI2MjQgMC4yMDk4MTggMTAuNDA0MSAwLjA2MTUwMDQgOS40ODMyNEMtMC4wODY4MTY5IDguNTYyMzggMC4wMzQ0ODI2IDcuNjE4MjcgMC40MTA3NjYgNi43NjQ4QzAuNzg3MDUgNS45MTEzNCAxLjQwMjI0IDUuMTg0OTggMi4xODIxMyA0LjY3MzM2TDIuMjI2OCA0LjYyODAyQzIuMjUwNTUgNC42MDUyOSAyLjI3NTk1IDQuNTg0MzQgMi4zMDI4IDQuNTY1MzZDMi44Nzk0NiA0LjE3NjY5IDMuMjk0MTMgMy44NTg2OSAzLjU3MzQ2IDMuNDg1MzZDMy44MzY4IDMuMTMyNjkgMy45OTg4IDIuNzAyMDIgMy45OTg4IDIuMDQ5MzZDMy45OTk5MyAxLjU4MTA2IDMuOTE0NSAxLjExNjU5IDMuNzQ2OCAwLjY3OTM1N0MzLjcxNDQ2IDAuNTk0Njc3IDMuNzA1NzYgMC41MDI4MDEgMy43MjE2MSAwLjQxMzU1NkMzLjczNzQ2IDAuMzI0MzExIDMuNzc3MjggMC4yNDAzODcgMy44MzY4IDAuMTcyMDIzWk00Ljk0NjEzIDEuMzM0NjlDNC45ODEyNCAxLjU2ODQ3IDQuOTk4OCAxLjgwNjY5IDQuOTk4OCAyLjA0OTM2QzQuOTk4OCAyLjg5NDY5IDQuNzgwMTMgMy41NDA2OSA0LjM3NDEzIDQuMDg0MDJDMy45OTM0NiA0LjU5NDY5IDMuNDY1NDYgNC45ODYwMiAyLjkwMjEzIDUuMzY3MzZMMi44NTM0NiA1LjQxNjAyQzIuODI2OTUgNS40NDEyMSAyLjc5ODQxIDUuNDY0MTggMi43NjgxMyA1LjQ4NDY5QzIuMTcxMjEgNS44NjYyNCAxLjY5MTcxIDYuNDA1NzMgMS4zODI4NCA3LjA0MzI5QzEuMDczOTYgNy42ODA4NiAwLjk0NzgxNSA4LjM5MTU0IDEuMDE4MzkgOS4wOTY0NUMxLjA4ODk2IDkuODAxMzcgMS4zNTM1IDEwLjQ3MjkgMS43ODI2MyAxMS4wMzY2QzIuMjExNzcgMTEuNjAwMyAyLjc4ODcxIDEyLjAzNCAzLjQ0OTQyIDEyLjI4OTZDNC4xMTAxMyAxMi41NDUzIDQuODI4NzYgMTIuNjEyOCA1LjUyNTUzIDEyLjQ4NDhDNi4yMjIzIDEyLjM1NjcgNi44Njk5NSAxMi4wMzgxIDcuMzk2NiAxMS41NjQyQzcuOTIzMjUgMTEuMDkwNCA4LjMwODI5IDEwLjQ3OTkgOC41MDg5NyA5LjgwMDQ3QzguNzA5NjUgOS4xMjEwNSA4LjcxODEzIDguMzk5MyA4LjUzMzQ2IDcuNzE1MzZDOC4yODAxMyA3Ljk4OTM2IDguMDAwMTMgOC4yNTQ2OSA3LjY2NDggOC40NzI2OUM3LjA0ODggOC44NzIwMiA2LjI3ODEzIDkuMTAwMDIgNS4xNjU0NiA5LjEwMDAyQzUuMDU0NTEgOS4xMDAwNiA0Ljk0NjcgOS4wNjMyIDQuODU5IDguOTk1MjNDNC43NzEzIDguOTI3MjcgNC43MDg3IDguODMyMDYgNC42ODEwNiA4LjcyNDYxQzQuNjUzNDEgOC42MTcxNiA0LjY2MjI5IDguNTAzNTYgNC43MDYzIDguNDAxNzFDNC43NTAzIDguMjk5ODYgNC44MjY5NCA4LjIxNTU0IDQuOTI0MTMgOC4xNjIwMkM1LjM3NjggNy45MTI2OSA1Ljc2MDEzIDcuNjA4MDIgNi4wNTU0NiA3LjE5MTM2QzYuMzQ4OCA2Ljc3NTM2IDYuNTc0OCA2LjIyMDAyIDYuNjY4OCA1LjQ0MDY5QzYuODczNDYgMy43NTMzNiA2LjE3NTQ2IDIuMDg4MDIgNC45NDYxMyAxLjMzNDAyIiBmaWxsPSIjOEI1RTNDIi8+Cjwvc3ZnPgo=);
    width: 10px;
    height: 18px;
    background-repeat: no-repeat;
  }

  .navbar-nav {
    display: flex;
    height: 100%;
    li {
      margin: 0;
      padding: 0 20px;
      height: 100%;
      display: flex;
      align-items: center;
      &:hover .sub-menu {
        opacity: 1;
        visibility: visible;
      }

      &:last-child {
        margin-right: 0;
      }

      a {
        color: var(--marrom-escuro, #4a2e1f);
        font-family: "Lucida Grande";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        padding: 0 10px;
        line-height: 20px; /* 125% */
        height: 100%;
        display: flex;
        gap: 10px;
        align-items: center;
      }
    }

    .sub-menu {
      transition: 300ms all ease-in-out;
      width: 100%;
      position: absolute;
      left: 0;
      list-style: none;
      display: flex;
      opacity: 0;
      visibility: hidden;
      justify-content: center;
      z-index: 2;
      width: 100%;
      bottom: 0;
      transform: translateY(100%);
      background: #f5f1ec;
      align-items: center;
      border-top: 1px solid #e6d8c9;
      a {
        font-family: Lucida Grande;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #8b5e3c !important;
        display: inline-block;
        padding: 25px 5px;
      }
    }
  }

  .menu-aux {
    ul {
      display: flex;
      list-style: none;
      align-items: center;
      margin-bottom: 0;

      li {
        margin: 0 10px;
      }
    }
  }

  .btn-menu-container {
    position: relative;
  }
}

.bg-marrom {
  background: var(--bg-marrom);
}

h1 {
  color: #fff;
  font-family: "Giordano Gold";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 78px; /* 121.875% */
  letter-spacing: -1.8px;
}

.titulo-secao {
  h2 {
    color: var(--marrom-escuro, #4a2e1f);
    font-family: "Giordano Gold";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 100% */
    margin-bottom: 0;
  }
}

.btn-cta {
  color: #8b5e3c;
  text-align: center;
  font-family: "Lucida Grande";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  border: solid 1px #8b5e3c;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 15px;
  text-decoration: none;

  span {
    display: block;
    padding: 10px;
    background-color: #8b5e3c;
    margin-left: 10px;
  }

  &:hover {
  }
}

.hero {
  position: relative;

  img {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
  }

  .bg-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(
      90deg,
      rgba(139, 94, 60, 0.6) 13.75%,
      rgba(139, 94, 60, 0) 78.25%
    );
  }

  .info {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;

    h1 {
      color: #fff;
      font-family: "Giordano Gold";
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 78px; /* 121.875% */
      letter-spacing: -1.8px;
      margin-bottom: 0;
    }

    h2 {
      color: #fff;
      font-family: "Lucida Grande";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px; /* 100% */
      letter-spacing: 0.6px;
      text-transform: uppercase;
      margin-bottom: 25px;
    }

    p {
      color: #fff;
      font-family: "Lucida Grande";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px; /* 155.556% */
      margin-bottom: 25px;
    }

    button {
      color: #fff;
      text-align: center;
      font-family: "Lucida Grande";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; /* 150% */
      border: solid 1px #fff;
      background-color: transparent;
      display: flex;
      align-items: center;
      padding: 0 0 0 15px;

      span {
        display: block;
        padding: 10px;
        background-color: #fff;
        margin-left: 10px;
      }

      &:hover {
      }
    }
  }
}

.navegacao {
  display: flex;
  align-items: center;

  .ver-todos {
    margin: 0 20px;
    color: var(--marrom, #8b5e3c);
    text-align: center;
    font-family: "Lucida Grande";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
  }
}

.card-produto {
  position: relative;
  display: block;
  max-width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  .box-img {
    height: 380px;
    overflow: hidden;

    img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.5s;
    }

    .favoritar {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 2;
      background: rgba(255, 255, 255, 0.9);
      border: none;
      padding: 3px 8px 5px 8px;
    }
  }

  .box-info {
    padding-top: 10px;

    h4 {
      color: var(--marrom, #8b5e3c);
      font-family: "Lucida Grande";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px; /* 114.286% */
      letter-spacing: 0.6px;
      text-transform: uppercase;
      margin-bottom: 15px;
    }

    h3 {
      color: var(--marrom-escuro, #4a2e1f);
      font-family: "Lucida Grande";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; /* 100% */
      margin-bottom: 5px;
    }

    .preco {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: solid 1px var(--bege-claro);
      margin-top: 15px;
      padding-top: 10px;

      p {
        color: var(--marrom, #8b5e3c);
        font-family: "Lucida Grande";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 175% */

        &.desconto {
          text-decoration-line: line-through;
        }
      }
    }
  }

  &:hover {
    .box-img {
      img {
        transform: scale(1.03);
      }
    }
  }
}

.bg-marrom {
  background: var(--bg-marrom);

  .titulo-secao {
    h2 {
      color: #fff;
    }
  }

  .navegacao {
    .ver-todos {
      color: #fff;
    }
  }

  .card-produto {
    .box-info {
      h4 {
        color: #fff;
      }

      h3 {
        color: #fff;
      }

      .preco {
        p {
          color: #fff;

          &.desconto {
          }
        }
      }
    }
  }
}

.diferenciais {
  background-color: var(--marrom-claro);
  padding: 50px 0;

  .box-icon {
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 12px;
    margin-bottom: 10px;
  }

  h3 {
    color: #fff;
    text-align: center;
    font-family: "Lucida Grande";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
  }

  p {
    color: #fff;
    text-align: center;
    font-family: "Lucida Grande";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    margin-bottom: 0;
  }
}

footer {
  padding-top: 80px;
  background-color: var(--marrom-escuro);

  .logo {
    width: 115px;
  }

  p {
    color: #f9f7f4b3;
    font-family: "Lucida Grande";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
  }

  h2 {
    color: #f9f7f4;
    font-family: "Lucida Grande";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    text-transform: uppercase;
  }

  ul {
    list-style: none;
    padding-left: 0;

    li {
      margin-bottom: 8px;
      a {
        color: #f9f7f4b3 !important;
        font-family: "Lucida Grande";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
      }
    }
  }

  .redes {
    background: rgba(249, 247, 244, 0.1);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;

    &:last-child {
      margin-right: 0;
    }
  }

  .copy {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 0.8px solid rgba(249, 247, 244, 0.1);
    p {
      color: rgba(249, 247, 244, 0.6);
      font-family: "Lucida Grande";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; /* 142.857% */
      margin-bottom: 0;
      margin-bottom: 0;
    }

    .pp-link {
      margin-bottom: 0;
      color: rgba(249, 247, 244, 0.6);
      font-family: "Lucida Grande";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; /* 142.857% */
    }
  }
}

.hero.interna {
  padding: 124px 0;
  .info-interna {
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  h2 {
    font-family: Lucida Grande;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: white;
    width: 100%;
  }
  button {
    color: #fff;
    text-align: center;
    font-family: "Lucida Grande";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: solid 1px #fff;
    background-color: transparent;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
    span {
      display: block;
      padding: 10px;
      background-color: #fff;
      margin-left: 10px;
    }
  }
}

section.hero.interna {
  background-size: cover;
  background-position: center;
}

.card-produto-img-container {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  position: relative;
  overflow: hidden;
}

.card-produto:hover img.card-produto-img {
  transform: scale(1.1);
}
img.card-produto-img {
  transition: 600ms all ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.button-cart svg {
  border-left: 1px solid #8b6f4f;
  padding: 0 12px;
  width: 38px;
  height: auto;
}

button.button-cart span {
  padding: 8px 12px 8px 12px;
}

ul.sidebar-menu a.active {
  color: #69391e;
}

.card-produto:hover .button-cart {
  visibility: visible;
  opacity: 1;
  bottom: 10px;
}

a.card-produto-info {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  width: 100%;
}

.cp-price ins {
  text-decoration: none;
}

.cp-price {
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 28px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #8b5e3c;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border: 1px solid #e6d8c9;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: rgb(245 241 236);
  border-radius: 5px;
}

#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
  border-color: #e6d8c9;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #fbf9f7;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #fbf9f7;
}

h4.cp-title {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
  margin-top: 10px;
  flex: 1;
}

.prod-cat-wrap a {
  display: inline-flex;
  font-family: Lucida Grande;
  font-weight: 300;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
}

h1.product_title.entry-title {
  font-family: Giordano Gold;
  margin-top: 20px;
  font-weight: 400;
  font-style: Serif;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0px;
  color: #4a2e1f;
  margin-top: 10px !important;
}

div#shipping-calc > p {
  font-size: 16px;
  font-family: Lucida Grande;
  font-weight: 300;
  font-style: Regular;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
}

section.related.products h2 {
  padding-bottom: 30px;
}

#shipping-calc #virt-button {
  border-radius: 0;
  color: #8b5e3c;
  text-align: center;
  font-family: "Lucida Grande";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: solid 1px #8b5e3c;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

#shipping-calc .cep-area::before {
  opacity: 0.3;
}

#shipping-calc #virt-postcode {
  border: 1px solid #8b5e3c !important;
  border-radius: 0 !important;
  color: #8b5e3c;
}

.header-color {
  width: 100%;
  height: 200px;
  background: #e6d8c9;
  margin-bottom: -90px;
}

.cp-marca {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0px;
  color: #a4a4a4;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  div.product
  span.price {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #8b5e3c;
}

.woocommerce-product-details__short-description {
  font-family: Lucida Grande;
  font-weight: 300;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
  margin-top: 20px;
}

.price ins {
  text-decoration: none;
}

.discount-badge {
  background-color: #8b5e3c;
  color: #ffffff;
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  padding: 8px 12px;
}

.discount-badge svg {
  width: 16px;
  height: 16px;
}

button.button-cart {
  transition: 600ms all ease-in-out;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #8b6f4f;
  background: white;
  border: none;
  white-space: nowrap;
  display: flex;
  align-items: stretch;
}

ul.breadcrumbs {
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  a {
    transition: 300ms all ease-in-out;
  }
  a[href^="#"] {
    cursor: pointer;
    color: #4a2e1f;
  }
  a:not([href^="#"]) {
    color: #8b5e3c;
    cursor: pointer;
    &::after {
      color: #8b5e3c;
    }
  }
}

ul.sidebar-menu {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

ul.sidebar-menu a {
  transition: 300ms all ease-in-out;
  color: #8b5e3c;
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 28px;
  letter-spacing: 0px;
  vertical-align: middle;
  display: block;
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #e6d8c9;
}

section.listagem {
  padding: 80px 0;
}

ul.sidebar-menu a:hover {
  padding-left: 5px;
}

ul.sidebar-menu a:after {
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAJlJREFUeAHdkk0ORVAMhfueZ24/j4QVsAGXHVgChn4SW2EFLEmImbjageRGXMSEOMP2nC9NW4BHq/BN7cjz3WuO0xhkTA8vA87obYDUNfyE6ZHMjAuNcvb3pABVUUos2FsQCnPs9Z1aifXP2ki3x/PVE0CFML74KDx0Pysum3YXIEIwr9GQHHi7FZYCRAiNIAufUugcv/O9mgGSEz0GzjS4WwAAAABJRU5ErkJggg==);
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Layout da Galeria do Produto Single */
/* Layout da Galeria do Produto Single */
.woocommerce-product-gallery {
  display: flex !important;
  flex-direction: row;
  gap: 20px;
  max-width: 100%;
  position: relative;
}

.woocommerce-product-gallery .flex-viewport {
  width: calc(100% - 140px) !important;
  float: none !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 120px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Esconde scrollbar nativo para usar um design mais limpo ou setinhas via JS */
.woocommerce-product-gallery
  .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  flex-shrink: 0; /* Impede que os thumbs fiquem achatados */
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
  width: 100%;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.3s ease;
  border: 1px solid transparent;
}

.woocommerce-product-gallery
  .flex-control-nav.flex-control-thumbs
  li
  img.flex-active,
.woocommerce-product-gallery
  .flex-control-nav.flex-control-thumbs
  li
  img:hover {
  opacity: 1;
}

/* Oculta a Lupa (já que removemos o zoom nativo, clicar na imagem abrirá o lightbox naturalmente) */
.woocommerce-product-gallery__trigger {
  display: none !important;
}

/* Setinhas de navegação dos thumbs */
.thumb-nav-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 30px;
  background: #fff;
  color: #8b5e3c;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  right: 0;
  opacity: 0.8;
  transition: 0.3s;
}
.thumb-nav-arrow:hover {
  opacity: 1;
  background: #f5f5f5;
}
.thumb-nav-arrow.up {
  top: 0;
}
.thumb-nav-arrow.down {
  bottom: 0;
}

form.cart:before {
  display: none !important;
}

form.cart {
  display: flex;
  align-items: center;
  gap: 10px 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

button.single_add_to_cart_button svg {
  background: #8b5e3c;
  width: 44px;
  height: 43px;
  padding: 14px;
}

button.single_add_to_cart_button span {
  margin-bottom: -3px;
}

button.single_add_to_cart_button {
  color: #8b5e3c !important;
  text-align: center;
  font-family: "Lucida Grande";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 100% !important;
  border: solid 1px #8b5e3c !important;
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0 0 0 15px !important;
  background: transparent !important;
  gap: 10px !important;
  display: flex !important;
  align-items: center;
  border-radius: 0 !important;
}

/* Quantity Input Styles */
.quantity-custom-wrap {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #8b5e3c;
  height: 45px;
  background-color: #fff;
}

.quantity-custom-wrap .qty-btn {
  background: transparent;
  border: none;
  width: 45px;
  color: #8b5e3c;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: 0.3s;
}

.quantity-custom-wrap .qty-btn:hover {
  background-color: #f9f7f4;
}

.quantity-custom-wrap .qty-btn.minus {
  border-right: 1px solid #8b5e3c;
}

.quantity-custom-wrap .qty-btn.plus {
  border-left: 1px solid #8b5e3c;
}

.quantity-custom-wrap input.qty {
  width: 70px;
  text-align: center;
  border: none;
  background: transparent;
  color: #4a2e1f;
  font-size: 18px;
  -moz-appearance: textfield;
  padding: 0;
  margin: 0;
}

.quantity-custom-wrap input.qty:focus {
  outline: none;
}

.quantity-custom-wrap input.qty::-webkit-outer-spin-button,
.quantity-custom-wrap input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Accordion de Produto */
.woocommerce-accordion {
  margin-top: 40px;
  border-top: 1px solid #e6d8c9;
}

.woocommerce-accordion .accordion-item {
  border-bottom: 1px solid #e6d8c9;
}

.woocommerce-accordion .accordion-header {
  width: 100%;
  background: transparent;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 18px;
  color: #4a2e1f;
  font-family: "Lucida Grande", sans-serif;
  cursor: pointer;
  text-align: left;
}

.woocommerce-accordion .accordion-header:focus {
  outline: none;
}

.woocommerce-accordion .accordion-icon {
  font-size: 24px;
  font-weight: 300;
  color: #8b5e3c;
  line-height: 1;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  margin: 0;
  width: 100%;
}

.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h2 {
  font-family: "Giordano Gold", serif;
  font-size: 28px;
  color: #4a2e1f;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}

.woocommerce-message,
.woocommerce-notices-wrapper {
  border: 0 !important;
  outline: none !important;
  border-top: 1px solid #ddd !important;
  background: #f6f5f8;
}

.woocommerce-accordion .accordion-content {
  padding: 0 0 20px 0;
  color: #6a6a6a;
  font-size: 16px;
  line-height: 1.6;
}

.select-q {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
}

a.readmore-text {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  color: #8b5e3c;
  text-underline-offset: 5px;
}

h2.alsobuy-text {
  font-family: Giordano Gold;
  font-weight: 400;
  font-style: Serif;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  color: #4a2e1f;
  margin: 0;
}

/* Garante animação suave sem conflitar com o slideToggle do jQuery */
.woocommerce-accordion .accordion-inner-content > h2:first-child {
  display: none !important;
}

button#tab-title-description {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
}

.sidebar-menu-title {
  color: #4a2e1f;
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 28px;
  letter-spacing: 0px;
  vertical-align: middle;
}

.table-calc {
  font-family: "Lucida Grande";
  color: #4a2e51;
}

.table-calc td:last-child {
  color: #8b5e3c;
}

.cp-price-container {
  width: 100%;
}

.cp-price:has(.woocommerce-Price-amount) {
  border-top: 1px solid #e6d8c9;
}

h2.sidebar-title {
  color: #4a2e1f;
  font-family: Giordano Gold;
  font-weight: 400;
  font-style: Serif;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0px;
}

.t-content {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
  margin: 40px 0;
  opacity: 0.5;
}

.t-subtitle {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 28px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #4a2e1f;
}

h1.t-title {
  font-family: Giordano Gold;
  font-weight: 400;
  font-style: Serif;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 54px;
  letter-spacing: -1.8px;
  color: #4a2e1f;
}

@media (max-width: 1400px) {
  .hero {
    img {
      width: 100%;
      max-height: 600px;
    }
  }
}

@media (max-width: 992px) {
  .info-interna {
    align-items: center;
    text-align: center;
  }

  .favoritos {
    display: none;
  }
  .navbar-nav {
    gap: 10px;
    align-items: center;
  }
  .menu-produtos a:after,
  .menu-novidades a:before,
  .menu-promocoes a:before,
  .menu-marcas a:after {
    display: none;
  }
  nav {
    .navbar-collapse {
      z-index: 2;
      left: 0;
      position: absolute;
      background-color: #f5f1ec;
      width: 100%;
      top: 62px;
      display: block !important;
      height: auto !important;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-10px);
      transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0s 0.3s;
      pointer-events: none;
    }

    /* Desabilita a animação de height do Bootstrap que causa engasgo */
    .navbar-collapse.collapsing {
      height: auto !important;
      overflow: hidden;
    }

    .navbar-collapse.collapse.show,
    .navbar-collapse.collapsing {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0s 0s;
      pointer-events: auto;
    }

    .navbar-nav {
      padding-top: 30px;
      border-top: solid 1px #e6d8c9;

      li {
        margin: 0;
        text-align: center;
        margin-bottom: 15px;

        a {
          font-size: 18px;
        }
      }
    }
  }

  .hero {
    img {
      width: 100%;
      height: 550px;
    }

    .bg-layer {
      height: 590px;
      z-index: 2;
      background: linear-gradient(
        1deg,
        rgba(139, 94, 60, 0.8) 0.7%,
        rgba(139, 94, 60, 0) 95.91%
      );
    }
  }

  .navegacao {
    width: 100%;
    justify-content: space-around;
    margin-top: 50px;
  }
}

/* Animação quando está adicionando ao carrinho */
button.button-cart.loading {
  opacity: 1 !important;
  pointer-events: none;
  padding: 0 !important; /* Previne o WooCommerce de injetar padding-right no state loading */
  height: 40px; /* Trava a altura para evitar pulos */
  width: max-content !important; /* Evita herdar width: 100% do .loading global */
}
button.button-cart.loading span,
button.button-cart.loading svg {
  opacity: 0;
}
button.button-cart.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  border: 2px solid rgba(139, 111, 79, 0.3);
  border-top-color: #8b6f4f;
  border-radius: 50%;
  animation: wc-spin 1s linear infinite;
}
@keyframes wc-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Esconder o link "Ver carrinho" padrão do WooCommerce que aparece depois de adicionar */
.card-produto-img-container .added_to_cart {
  display: none !important;
}

/* Previne o WooCommerce de injetar padding e checkmark no state added */
button.button-cart.added {
  padding: 0 !important;
}
button.button-cart.added::after,
button.button-cart.added::before {
  display: none !important;
}

/* Custom Login Form Redesign */
.custom-login-wrapper {
  border: 1px solid #8b5e3c;
  padding: 40px;
  background-color: #fff;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: none;
}

.login-actions .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  max-width: 60%;
  gap: 10px;
}

.login-actions .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  margin-top: 0 !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border: 1px solid #8b5e3c;
  border-radius: 0;
}

.woocommerce form .form-row label {
  color: #4a2e1f;
}

.login-header h2 {
  font-family: Giordano Gold;
  font-weight: 400;
  font-style: Serif;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0px;
  color: #4a2e1f;
}

.login-header h2 svg {
  width: 32px;
  height: 32px;
}

.login-header p {
  font-family: Lucida Grande;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #4a2e1f;
  max-width: 640px;
  margin: 0 auto;
}

.custom-login-form .form-row {
  margin-bottom: 20px;
}

.custom-login-form label {
  display: block;
  font-size: 16px;
  color: #555;
  margin-bottom: 8px;
  font-weight: 400;
}

.custom-login-form input[type="text"],
.custom-login-form input[type="password"],
.custom-login-form input[type="email"],
.custom-login-form input[type="tel"],
.custom-login-form input[type="date"] {
  width: 100%;
  border: 1px solid #8b5e3c;
  padding: 12px 15px;
  font-size: 16px;
  background: transparent;
  outline: none;
  box-shadow: none;
}

.login-actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
  margin-bottom: 30px;
}

.login-actions .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 60%;
  font-size: 14px;
  color: #555;
  cursor: pointer;
  margin-bottom: 0;
}

.login-actions .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  margin-top: 4px;
  width: 16px;
  height: 16px;
  border: 1px solid #8b5e3c;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
  margin-right: 0 !important;
}

.submit-box .btn-custom-submit {
  display: flex;
  align-items: center;
  background: transparent !important;
  border: 1px solid #8b5e3c !important;
  padding: 0 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  height: auto;
}

.submit-box .btn-custom-submit:hover {
  background-color: #fcfaf8 !important;
}

.submit-box .btn-custom-submit .text {
  padding: 12px 20px !important;
  color: #8b5e3c;
  font-weight: 500;
  font-size: 16px;
  display: block;
}

.submit-box .btn-custom-submit .icon-box {
  background-color: #8b5e3c;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-footer-links {
  display: flex;
  justify-content: space-between;
}

.login-footer-links a {
  color: #8b5e3c !important;
  text-decoration: underline !important;
  font-size: 14px;
}

.page-minha-conta-custom {
  overflow: hidden;
}

.login-footer-links a:hover {
  color: #6a462b !important;
}

/* Page Column Visibility Control */
.page-registrar-custom .u-column1 {
  display: none !important;
}
.page-registrar-custom .u-column2 {
  width: 100% !important;
  float: none !important;
}
.page-minha-conta-custom .u-column2 {
  display: none !important;
}
.page-minha-conta-custom .u-column1 {
  width: 100% !important;
  float: none !important;
}

/* Form Row Half Group */
.form-row-half-group {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.form-row-half-group .form-row-half {
  flex: 1;
  margin-bottom: 20px;
}

/* Responsivo */
@media (max-width: 768px) {
  .custom-login-wrapper {
    padding: 20px;
  }

  .login-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .login-actions .woocommerce-form__label-for-checkbox {
    max-width: 100%;
  }

  .submit-box .btn-custom-submit {
    width: 100%;
    justify-content: space-between;
  }

  .form-row-half-group {
    flex-direction: column;
    gap: 0;
  }
}

/* WooCommerce My Account Page Redesign */
.woocommerce-account .woocommerce {
  display: flex !important;
  flex-wrap: wrap;
  gap: 40px;
  align-items: stretch;
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none !important;
  width: 250px !important;
  background-color: white;
}
.woocommerce-account .woocommerce-MyAccount-content {
  position: relative;
  float: none !important;
  width: calc(100% - 290px) !important;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: #e6d8c926;
  border-left: 1px solid #4a2e1f;
  padding: 30px 0;
  padding-left: 70px;
  flex-direction: column;
}

/* User Header */
.myaccount-user-header {
  margin-bottom: 30px;
}

button.wc-edit-account-btn {
  color: #8b5e3c !important;
  text-align: center;
  font-family: "Lucida Grande";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px !important;
  border: solid 1px #8b5e3c !important;
  background-color: transparent !important;
  display: inline-flex !important;
  align-items: center;
  padding: 8px 15px !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  margin-top: 10px !important;
  margin-left: 3px !important;
}

.myaccount-breadcrumb {
  font-size: 14px;
  color: #8b5e3c;
  margin-bottom: 20px;
}

.myaccount-user-header h2 {
  font-family: "Giordano Gold", serif;
  font-size: 24px;
  color: #4a2e1f;
  margin-bottom: 5px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myaccount-email {
  font-size: 14px;
  color: #555;
  margin-bottom: 0;
}

/* Navigation Menu */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 15px 0 15px 15px;
  color: #8b5e3c;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  border-left-color: #4a2e1f;
  color: #4a2e1f;
  font-weight: 500;
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a {
  color: #aaa;
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:hover {
  color: #4a2e1f;
}

.woocommerce-MyAccount-content:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e6d8c926;
  transform: translateX(100%);
  display: block;
  width: 100vw;
  height: 100%;
}

/* Dashboard Card */
.custom-dashboard-card {
  border: 1px solid #8b5e3c;
  padding: 40px;
  background-color: #fff;
  width: 100%;
  position: relative;
}

.dashboard-card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.dashboard-card-header h3 {
  font-family: "Giordano Gold", serif;
  font-size: 28px;
  color: #4a2e1f;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}

.dashboard-field {
  margin-bottom: 25px;
}

.dashboard-field .field-label {
  display: block;
  font-size: 16px;
  color: #4a2e1f;
  font-weight: 500;
  margin-bottom: 5px;
}

.dashboard-field .field-value {
  display: block;
  font-size: 14px;
  color: #555;
}

.dashboard-edit-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8b5e3c;
  font-size: 15px;
  text-decoration: none;
  margin-top: 10px;
}

.dashboard-edit-link:hover {
  color: #4a2e1f;
  text-decoration: underline;
}

nav.tamly-pagination {
  background: transparent;
}

/* Mobile Responsiveness for My Account */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
    gap: 20px;
  }
  .woocommerce-MyAccount-content:after {
    display: none;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    border: none;
    padding: 0;
    padding: 30px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}

/* Related Products Grid */
section.related.products .products.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

section.related.products .products.columns-4 .card-produto {
  max-width: 100%;
}

@media (max-width: 992px) {
  section.related.products .products.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  section.related.products .products.columns-4 > li:nth-child(n + 3) {
    display: none;
  }
}

/* ===== Pagination ===== */
.tamly-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 0 20px;
  width: 100%;
}

.pagination-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #8b5e3c;
  text-decoration: none;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
  flex-shrink: 0;
}

.pagination-arrow:hover {
  color: #4a2e1f;
  transform: scale(1.1);
}

.pagination-arrow.disabled {
  color: #c9b9a8;
  pointer-events: none;
  cursor: default;
}

.pagination-numbers {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pagination-number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  color: #8b5e3c;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding: 0 4px;
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.pagination-number:hover {
  color: #4a2e1f;
  border-bottom-color: #4a2e1f;
}

.pagination-number.active {
  color: #4a2e1f;
  font-weight: 500;
  border-bottom-color: #4a2e1f;
}

.pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  font-size: 18px;
  color: #8b5e3c;
  letter-spacing: 2px;
}

@media (max-width: 576px) {
  .tamly-pagination {
    gap: 6px;
    padding: 30px 0 15px;
  }

  .pagination-arrow {
    width: 32px;
    height: 32px;
  }

  .pagination-arrow svg {
    width: 20px;
    height: 20px;
  }

  .pagination-number {
    min-width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .pagination-numbers {
    gap: 4px;
  }
}