:root{   --green-deep: #1f4a44;  --green: #2a5d54;  --green-light: #3b7f73;  --green-soft: #e8f0ed;  --gold: #c9a25c;  --gold-light: #d4b67e;  --gold-dark: #a8843f;  --cream: #faf7f0;  --cream-warm: #faf4e7;  --white: #ffffff;  --ink: #14201d;  --ink-soft: #5a6b66;  --ink-mid: #8a9591;  --gray-light: #f3f3f1;  --gray-border: #e6e6e3;  --red: #d64545;  --green-tag: #2d9d6f; --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;  --font-display: 'Lora', Georgia, serif; --container: 1280px;  --radius: 12px;  --radius-lg: 20px;  --header-h: 68px; --shadow-xs: 0 1px 2px rgba(20, 32, 29, 0.05);  --shadow-sm: 0 2px 8px rgba(20, 32, 29, 0.06);  --shadow-md: 0 8px 24px rgba(20, 32, 29, 0.1);  --shadow-lg: 0 20px 40px rgba(20, 32, 29, 0.14);  --shadow-xl: 0 30px 60px rgba(20, 32, 29, 0.18); --ease: cubic-bezier(.22, 1, .36, 1); } .fullbg {  overflow:initial; } a {  color:var(--green-light); } *{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; overflow-x: clip; } body{  font-family: var(--font);  color: var(--ink);  background: var(--white);  line-height: 1.55;  -webkit-font-smoothing: antialiased;  font-size: 14.5px;  overflow-x: clip; } img{ max-width:100%; display:block; } a{ text-decoration:none; } button{ font-family: inherit; cursor: pointer; border: none; background: none; } .container{  max-width: var(--container);  margin: 0 auto;  padding: 0 24px; }  .section-title, h1{  font-family: var(--font-display);  font-weight: 500;  font-size: clamp(1.7rem, 3.2vw, 2.5rem);  line-height: 1.08;  letter-spacing: -0.025em;  color: var(--green-deep); } .section-title--light{ color: var(--cream); } .eyebrow{  display: inline-block;  font-size: 0.72rem;  font-weight: 700;  letter-spacing: 0.16em;  text-transform: uppercase;  color: var(--gold-dark);  margin-bottom: 10px; } .eyebrow--gold{ color: var(--gold-light); } .eyebrow--red{ color: var(--red); } .eyebrow--light{ color: var(--gold-light); } .section-sub{  max-width: 580px;  margin: 14px auto 0;  color: var(--ink-soft);  font-size: 0.96rem; } .section-head{  display:flex;  justify-content:space-between;  align-items:flex-end;  gap: 32px;  margin-bottom: 40px;  flex-wrap: wrap; } .section-head--center{  flex-direction:column;  align-items:center;  text-align:center; } .section-head__see{  font-size: 0.84rem;  font-weight: 600;  color: var(--gold-dark);  letter-spacing: 0.04em;  text-transform: uppercase;  transition: gap 0.2s;  white-space: nowrap; } .section-head__see:hover{ color: var(--gold); } .section{ padding: 80px 0; } .section--products{ padding: 64px 0; } .section--combos{ background: linear-gradient(180deg, var(--cream-warm) 0%, var(--cream) 100%); } .section--banner{ padding: 32px 0 64px; }  .desktop-only{ display: inline; } .mobile-only{ display: none; }  .header{  position: sticky;  top: 0;  z-index: 100;  background: transparent;  transition: box-shadow 0.3s; } .header__bg{  position: absolute;  inset: 0;  background: var(--green-deep);  z-index: 0;  transition: background 0.3s; } .header.is-scrolled .header__bg{  background: var(--green-deep);  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.18); } .header__inner{  position: relative;  z-index: 2;  display: flex;  align-items: center;  justify-content: space-between;  min-height: 80px;  gap: 24px;  transition: min-height 0.3s var(--ease); } .header.is-scrolled .header__inner{  min-height: 64px; }  .header__logo{  display: flex;  align-items: center;  flex-shrink: 0;  transition: all 0.3s var(--ease); } .header__logo img{  height: 72px;  width: auto;  display: block;  transition: height 0.3s var(--ease); } .header.is-scrolled .header__logo img{  height: 60px; }  .header__left{  display: flex;  align-items: center;  gap: 36px;  padding-left: 90px; } .header__right{  display: flex;  align-items: center;  gap: 18px; }  .redes-sociais{  display: flex;  gap: 6px;  align-items: center; } .header__social a{  width: 32px;  height: 32px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  color: var(--cream);  transition: all 0.2s; } .redes-sociais .svgicon {  display:flex;  align-items: center;  justify-content: center; } .header__social a:hover{  background: rgba(255, 255, 255, 0.14);  color: var(--gold-light); } .header__social a svg{ width: 15px; height: 15px; }  .nav{  display: flex;  gap: 28px; } .nav a{  font-size: 0.88rem;  font-weight: 500;  color: var(--cream);  letter-spacing: 0.02em;  transition: color 0.2s;  position: relative;  padding: 6px 0;  white-space: nowrap; } .nav a::after{  content: '';  position: absolute;  left: 50%;  bottom: 0;  width: 0;  height: 2px;  background: var(--gold-light);  transition: all 0.3s var(--ease);  transform: translateX(-50%); } .nav a:hover{ color: var(--gold-light); } .nav a:hover::after{ width: 100%; }  .header__actions{  display: flex;  align-items: center;  gap: 8px; }  .header__icon{  display: flex;  align-items: center;  gap: 10px;  padding: 6px 14px 6px 6px;  border-radius: 999px;  color: var(--cream);  transition: all 0.2s;  font-size: 0.84rem;  font-weight: 500;  white-space: nowrap; } .header__icon span{ display: inline; } .header__icon:hover{ background: rgba(255, 255, 255, 0.1); } .header__icon svg{  width: 36px;  height: 36px;  padding: 9px;  background: rgba(255, 255, 255, 0.14);  border-radius: 50%;  flex-shrink: 0; } .header__icon--small{  padding: 0;  width: 36px;  height: 36px; } .header__icon--small span{ display: none; } .header__icon--small svg{  width: 36px;  height: 36px;  padding: 9px; } .header__divider{  width: 1px;  height: 28px;  background: rgba(255, 255, 255, 0.2);  margin: 0 2px; }  .carrinhobt{  display: flex;  align-items: center;  gap: 12px;  background: var(--white);  color: var(--green-deep);  padding: 5px 5px 5px 5px;  border-radius: 999px;  transition: all 0.25s; } .cart-btn:hover{  transform: translateY(-1px);  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18); } .cart-btn__icon{  width: 36px;  height: 36px;  background: var(--green-deep);  color: var(--cream);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0;  position: relative; } .cart-btn__icon svg{ width: 15px; height: 15px; } .car-fullqtde{  position: absolute;  top: 17px;  right: 16px;  background: var(--gold);  color: var(--white);  font-size: 0.6rem;  font-weight: 700;  min-width: 17px;  height: 17px;  border-radius: 999px;  padding: 0 5px;  display: flex;  align-items: center;  justify-content: center;  border: 2px solid var(--white); } .cart-btn__text{  display: flex;  flex-direction: column;  align-items: flex-start;  line-height: 1.15; } .cart-btn__label{  font-size: 0.6rem;  font-weight: 600;  letter-spacing: 0.1em;  color: var(--ink-soft); } .cart-btn__value{  font-size: 0.88rem;  font-weight: 700;  color: var(--green-deep); }  .hamburger{  display: none;  flex-direction: column;  gap: 4px;  padding: 10px;  background: rgba(255, 255, 255, 0.1);  border-radius: 10px; } .hamburger span{  width: 20px;  height: 2px;  background: var(--cream);  border-radius: 2px;  transition: all 0.3s; }  .nav-mobile{  display: none;  position: relative;  z-index: 5;  background: var(--white);  border-bottom: 1px solid var(--gray-border);  padding: 12px 24px 20px;  box-shadow: var(--shadow-md); } .nav-mobile.is-open{ display: block; } .nav-mobile a{  display: block;  padding: 12px 0;  border-bottom: 1px solid var(--gray-border);  font-weight: 500;  font-size: 0.92rem;  color: var(--ink); } .nav-mobile a:hover{ color: var(--green-deep); }  .search-bar{  position: absolute;  top: 100%;  left: 0;  right: 0;  background: var(--white);  border-bottom: 1px solid var(--gray-border);  box-shadow: var(--shadow-md);  padding: 18px 0;   transition: all 0.3s var(--ease);  z-index: 0;  display: none; } .search-bar .svgicon {  display: flex;  align-items: center;  justify-content: center; } .search-bar.is-open{  transform: translateY(0);  opacity: 1;  pointer-events: auto; } .search-bar__input{  display: flex;  align-items: center;  gap: 12px;  background: var(--gray-light);  border-radius: 999px;  padding: 4px 6px 4px 18px;  max-width: 700px;  margin: 0 auto; } .search-bar__input svg{ width: 18px; height: 18px; color: var(--ink-soft); flex-shrink: 0; } .search-bar__input input{  flex: 1;  border: none;  background: transparent;  padding: 12px 0;  font-family: inherit;  font-size: 0.95rem;  color: var(--ink); } .search-bar__input input:focus{ outline: none; } .search-close{  width: 36px;  height: 36px;  border-radius: 50%;  background: var(--white);  font-size: 1.5rem;  color: var(--ink-soft);  transition: all 0.2s;  line-height: 1; } .search-close:hover{ background: var(--green-soft); color: var(--green-deep); }  .hero{  position: relative;  background:   radial-gradient(ellipse at 80% 50%, rgba(201, 162, 92, 0.18) 0%, transparent 55%),   linear-gradient(135deg, var(--green-deep) 0%, var(--green) 60%, #14342f 100%);  overflow: hidden;  isolation: isolate; } .hero__bg-paws{  position:absolute;  inset: 0;  pointer-events: none;  background-image:   radial-gradient(circle at 10% 20%, rgba(201, 162, 92, 0.10) 0, transparent 80px),   radial-gradient(circle at 88% 75%, rgba(201, 162, 92, 0.08) 0, transparent 100px),   radial-gradient(circle at 65% 12%, rgba(255, 255, 255, 0.04) 0, transparent 60px);  z-index: 0; } .hero__blob{  position: absolute;  border-radius: 50%;  pointer-events: none;  z-index: 1;  will-change: transform;  filter: blur(2px); } .hero__blob--1{  width: 280px; height: 280px;  background: radial-gradient(circle, rgba(201, 162, 92, 0.35) 0%, transparent 70%);  top: -80px; right: 12%; } .hero__blob--2{  width: 200px; height: 200px;  background: radial-gradient(circle, rgba(59, 127, 115, 0.5) 0%, transparent 70%);  bottom: -50px; left: 35%; } .hero__inner{  display:grid;  grid-template-columns: 1fr 1fr;  gap: 40px;  align-items: center;  min-height: 380px;  padding: 56px 0 50px;  position: relative;  z-index: 2; } .hero__content{  padding-left: 90px;  max-width: 560px; } .hero__tag{  display: inline-block;  font-size: 0.7rem;  font-weight: 700;  letter-spacing: 0.18em;  color: var(--gold-light);  padding: 7px 14px;  border: 1.5px solid rgba(201, 162, 92, 0.4);  border-radius: 999px;  margin-bottom: 16px;  background: rgba(201, 162, 92, 0.08);  animation: fadeUp 0.8s var(--ease) both; } .hero__title{  font-family: var(--font-display);  font-weight: 500;  font-size: clamp(1.9rem, 4.2vw, 3.3rem);  line-height: 1.05;  letter-spacing: -0.025em;  color: var(--cream);  margin-bottom: 14px;  animation: fadeUp 0.9s var(--ease) 0.1s both; } .hero__title span{  color: var(--gold-light);  font-weight: 600; } .hero__lead{  font-size: 1rem;  color: rgba(247, 241, 230, 0.82);  max-width: 460px;  margin-bottom: 24px;  animation: fadeUp 1s var(--ease) 0.2s both; } .hero__cta{  display: flex;  gap: 12px;  margin-bottom: 28px;  animation: fadeUp 1.1s var(--ease) 0.3s both;  flex-wrap: wrap; } .hero__badges{  display: flex;  gap: 32px;  animation: fadeUp 1.2s var(--ease) 0.4s both; } .badge{  display: flex;  flex-direction: column;  gap: 3px; } .badge strong{  font-family: var(--font-display);  font-size: 1.65rem;  font-weight: 600;  color: var(--gold-light);  line-height: 1; } .badge span{  font-size: 0.74rem;  color: rgba(247, 241, 230, 0.75);  line-height: 1.3; } .hero__visual{  position: relative;  height: 380px;  display: flex;  align-items: center;  justify-content: center;  z-index: 2; } .hero__photo{  position: relative;  width: 380px;  height: 380px;  border-radius: 50%;  overflow: hidden;  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);  border: 6px solid rgba(247, 241, 230, 0.08);  animation: fadeUp 1s var(--ease) 0.3s both, floatPhoto 6s ease-in-out 1.3s infinite;  margin-left: -90px; } @keyframes floatPhoto{  0%, 100%{ transform: translateY(0); }  50%{ transform: translateY(-8px); } } .hero__photo img{  width: 100%;  height: 100%;  object-fit: cover;  object-position: center 35%; }  .hero__chip{  position: absolute;  background: var(--white);  border-radius: 16px;  padding: 12px 18px;  display: flex;  align-items: center;  gap: 12px;  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);  z-index: 3;  animation: fadeUp 1.1s var(--ease) 0.5s both; } .hero__chip--top{  top: 14%;  right: 25px;  left: auto;  animation-delay: 0.5s; } .hero__chip--bottom{  bottom: 12%;  left: -2%;  right: auto;  animation-delay: 0.7s; } .hero__chip-icon{  width: 36px;  height: 36px;  border-radius: 10px;  background: var(--green-soft);  color: var(--green-deep);  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .hero__chip-icon svg{ width: 18px; height: 18px; } .hero__chip-text{  display: flex;  flex-direction: column;  line-height: 1.15; } .hero__chip-text span{  font-size: 0.62rem;  font-weight: 700;  letter-spacing: 0.16em;  color: var(--ink-soft);  text-transform: uppercase; } .hero__chip-text strong{  font-size: 0.92rem;  font-weight: 700;  color: var(--ink);  letter-spacing: -0.005em; } .hero__chip-rating{  width: 38px;  height: 38px;  border-radius: 10px;  background: linear-gradient(135deg, #faf0dc 0%, #e8d4a4 100%);  color: var(--gold-dark);  font-family: var(--font-display);  font-size: 1.05rem;  font-weight: 700;  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .hero__chip--bottom .hero__chip-text strong{  color: var(--gold);  font-size: 0.78rem;  letter-spacing: 0.05em; } @keyframes fadeUp{  from{ opacity:0; transform: translateY(20px); }  to{ opacity:1; transform: translateY(0); } }  .btn,form.menuform-contato button{  display: inline-flex;  align-items: center;  justify-content: center;  gap: 8px;  padding: 12px 24px;  font-size: 0.88rem;  font-weight: 600;  border-radius: 999px;  transition: all 0.25s var(--ease);  letter-spacing: 0.02em;  font-family: inherit;  cursor: pointer; } .btn--primary, form.sample button{  background: var(--green-deep);  color: var(--cream); } .btn--primary:hover{  background: var(--green);  transform: translateY(-2px);  box-shadow: var(--shadow-md); } .btn--gold{  background: var(--gold);  color: var(--white); } .btn--gold:hover{  background: var(--gold-dark);  transform: translateY(-2px);  box-shadow: 0 10px 24px rgba(201, 162, 92, 0.35); } .btn--outline-light{  background: transparent;  color: var(--cream);  border: 1.5px solid rgba(247, 241, 230, 0.35); } .btn--outline-light:hover{  background: var(--cream);  color: var(--green-deep);  border-color: var(--cream); } .btn--full, form.sample button{ width: 100%; }  .coupon{  background: var(--white);  border-bottom: 1px solid var(--gray-border);  padding: 20px 0; } .coupon__card{  position: relative;  overflow: hidden;  background: var(--cream-warm);  border: 1.5px solid var(--gold-light);  border-radius: 16px;  padding: 12px 36px;  display: inline-flex;  align-items: center;  justify-content: center;  gap: 36px;  box-shadow: 0 8px 24px rgba(201, 162, 92, 0.12); } .coupon .container{  display: flex;  justify-content: center; } .coupon__deco{  position: absolute;  color: rgba(201, 162, 92, 0.12);  pointer-events: none; } .coupon__deco svg{ width: 100%; height: 100%; } .coupon__deco--1{ width: 90px; height: 90px; top: -24px; right: 18%; transform: rotate(-18deg); } .coupon__deco--2{ width: 64px; height: 64px; bottom: -20px; right: 5%; transform: rotate(12deg); } .coupon__left{  display: flex;  align-items: center;  gap: 18px;  position: relative;  z-index: 1; } .coupon__badge{  width: 48px;  height: 48px;  border-radius: 14px;  background: var(--green-deep);  color: var(--gold-light);  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .coupon__badge svg{  width: 24px;  height: 24px; } .coupon__eyebrow{  display: inline-block;  font-size: 0.66rem;  font-weight: 700;  letter-spacing: 0.16em;  text-transform: uppercase;  color: var(--gold-dark);  margin-bottom: 2px; } .coupon__title{  font-family: var(--font-display);  font-size: 1.2rem;  font-weight: 600;  color: var(--green-deep);  line-height: 1.25;  letter-spacing: -0.01em; } .coupon__title strong{ color: var(--gold-dark); font-weight: 700; } .coupon__sub{  font-size: 0.82rem;  color: var(--ink-soft);  margin-top: 2px;  max-width: 420px; } .coupon__right{ position: relative; z-index: 1; flex-shrink: 0; } .coupon__code{  display: flex;  align-items: center;  gap: 14px;  background:   linear-gradient(90deg, var(--gold) 50%, transparent 50%) repeat-x,   linear-gradient(90deg, var(--gold) 50%, transparent 50%) repeat-x,   linear-gradient(0deg, var(--gold) 50%, transparent 50%) repeat-y,   linear-gradient(0deg, var(--gold) 50%, transparent 50%) repeat-y,   var(--white);  background-size: 14px 2px, 14px 2px, 2px 14px, 2px 14px;  background-position: 0 0, 0 100%, 0 0, 100% 0;  border-radius: 12px;  padding: 11px 20px;  cursor: pointer;  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);  position: relative;  animation: marchingAnts 24s linear infinite; } @keyframes marchingAnts{  0%{ background-position: 0 0, 0 100%, 0 0, 100% 0; }  100%{ background-position: 280px 0, -280px 100%, 0 -280px, 100% 280px; } } .coupon__code:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.12); } .coupon__code-label{  font-size: 0.6rem;  font-weight: 700;  letter-spacing: 0.14em;  text-transform: uppercase;  color: var(--ink-mid);  display: block; } .coupon__code-value{  font-family: var(--font-display);  font-size: 1.15rem;  font-weight: 700;  color: var(--green-deep);  letter-spacing: 0.02em;  display: block; } .coupon__code-info{  display: flex;  flex-direction: column;  line-height: 1.1; } .coupon__code-action{  display: flex;  align-items: center;  gap: 5px;  font-size: 0.72rem;  font-weight: 600;  color: var(--gold-dark);  white-space: nowrap;  padding-left: 14px;  border-left: 1px solid var(--gray-border); } .coupon__code-action svg{ width: 14px; height: 14px; } .coupon__code.is-copied .coupon__code-action{ color: var(--green-tag); } @media (max-width: 760px){  .coupon{ padding: 32px 0; }  .coupon .container{ display: block; } .coupon__card{   display: grid;   grid-template-columns: auto auto;   grid-template-areas: "badge texts" "badge code";   justify-content: center;   align-items: center;   column-gap: 12px;   row-gap: 4px;   padding: 14px 14px;   text-align: left;  }   .coupon__left{ display: contents; }  .coupon__badge{   grid-area: badge;   width: 44px;   height: 44px;   border-radius: 12px;   align-self: center;  }  .coupon__badge svg{ width: 22px; height: 22px; }  .coupon__texts{ grid-area: texts; align-self: end; }  .coupon__title{ font-size: 0.88rem; line-height: 1.2; }  .coupon__eyebrow{ display: none; }  .coupon__title-prefix{ display: none; }  .coupon__deco{ display: none; }  .coupon__right{ grid-area: code; align-self: start; justify-self: start; }  .coupon__code{   padding: 6px 16px;   gap: 14px;  }  .coupon__code-label{ font-size: 0.62rem; }  .coupon__code-value{ font-size: 1rem; }  .coupon__code-action{ padding-left: 10px; font-size: 0.8rem; }  .coupon__code-action svg{ width: 12px; height: 12px; } .categories-shop{ padding: 32px 0 60px; } }  .categories{  padding: 90px 0 70px;  background: linear-gradient(180deg, var(--white) 0%, var(--cream) 100%);  position: relative;  overflow: hidden; } .categories::before{  content: '';  position: absolute;  top: -100px;  right: -120px;  width: 380px;  height: 380px;  border-radius: 50%;  background: radial-gradient(circle, rgba(201, 162, 92, 0.1) 0%, transparent 70%);  pointer-events: none; } .categories::after{  content: '';  position: absolute;  bottom: -100px;  left: -100px;  width: 320px;  height: 320px;  border-radius: 50%;  background: radial-gradient(circle, rgba(59, 127, 115, 0.12) 0%, transparent 70%);  pointer-events: none; } .categories .section-head{  position: relative;  z-index: 1;  margin-bottom: 48px; } .categories__grid{  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 22px;  position: relative;  z-index: 1; } .cat-card{  background: var(--white);  border-radius: 24px;  padding: 32px 26px 28px;  position: relative;  overflow: hidden;  transition: all 0.45s var(--ease);  border: 1px solid rgba(31, 74, 68, 0.06);  display: flex;  flex-direction: column;  align-items: flex-start;  min-height: 270px;  box-shadow: var(--shadow-xs); } .cat-card__blob{  position: absolute;  top: -40px;  right: -40px;  width: 130px;  height: 130px;  border-radius: 50%;  opacity: 0.13;  transition: all 0.5s var(--ease);  z-index: 0; } .cat-card--1 .cat-card__blob{ background: var(--green-light); } .cat-card--2 .cat-card__blob{ background: var(--gold); } .cat-card--3 .cat-card__blob{ background: #c87854; } .cat-card--4 .cat-card__blob{ background: var(--green); } .cat-card:hover{  transform: translateY(-8px);  box-shadow: var(--shadow-lg);  border-color: transparent; } .cat-card:hover .cat-card__blob{  transform: scale(1.5);  opacity: 0.22; } .cat-card__icon-wrap{  position: relative;  z-index: 1;  width: 60px;  height: 60px;  border-radius: 18px;  display: flex;  align-items: center;  justify-content: center;  margin-bottom: 18px;  transition: all 0.4s var(--ease);  flex-shrink: 0; } .cat-card--1 .cat-card__icon-wrap{ background: linear-gradient(135deg, #e8f0ed 0%, #c5dbd4 100%); color: var(--green-deep); } .cat-card--2 .cat-card__icon-wrap{ background: linear-gradient(135deg, #faf0dc 0%, #e8d4a4 100%); color: var(--gold-dark); } .cat-card--3 .cat-card__icon-wrap{ background: linear-gradient(135deg, #f5e0d4 0%, #e0b89a 100%); color: #a8512e; } .cat-card--4 .cat-card__icon-wrap{ background: linear-gradient(135deg, #e0ecea 0%, #b4d2cd 100%); color: var(--green); } .cat-card:hover .cat-card__icon-wrap{  transform: rotate(-8deg) scale(1.06);  border-radius: 50%; } .cat-card__icon-wrap svg{ width: 32px; height: 32px; } .cat-card__tag{  position: relative;  z-index: 1;  font-size: 0.62rem;  font-weight: 700;  letter-spacing: 0.14em;  text-transform: uppercase;  color: var(--gold-dark);  background: rgba(201, 162, 92, 0.1);  padding: 4px 10px;  border-radius: 999px;  margin-bottom: 10px; } .cat-card h3{  position: relative;  z-index: 1;  font-family: var(--font-display);  font-size: 1.3rem;  font-weight: 600;  color: var(--green-deep);  margin-bottom: 8px;  letter-spacing: -0.01em;  line-height: 1.15; } .cat-card p{  position: relative;  z-index: 1;  font-size: 0.86rem;  color: var(--ink-soft);  line-height: 1.5;  margin-bottom: 18px;  flex: 1; } .cat-card__link{  position: relative;  z-index: 1;  display: inline-flex;  align-items: center;  gap: 6px;  font-size: 0.78rem;  font-weight: 600;  color: var(--green-deep);  letter-spacing: 0.02em;  margin-top: auto;  transition: gap 0.3s var(--ease); } .cat-card__link svg{  width: 13px;  height: 13px;  transition: transform 0.3s var(--ease); } .cat-card:hover .cat-card__link{ gap: 11px; color: var(--gold-dark); } .cat-card:hover .cat-card__link svg{ transform: translateX(3px); }  .filters{  display: flex;  gap: 6px;  flex-wrap: wrap; } .filter-pill{  background: transparent;  border: 1.5px solid var(--gray-border);  padding: 7px 16px;  border-radius: 999px;  font-size: 0.8rem;  font-weight: 500;  color: var(--ink-soft);  transition: all 0.25s;  font-family: inherit; } .filter-pill:hover{  border-color: var(--green-deep);  color: var(--green-deep); } .filter-pill.active{  background: var(--green-deep);  border-color: var(--green-deep);  color: var(--cream); }  .categories-shop{  background: var(--cream);  padding: 80px 0; } .cat-section{  margin-bottom: 56px; } .cat-section:last-child{ margin-bottom: 0; } .cat-section .section-head{  margin-bottom: 28px;  padding-bottom: 16px;  border-bottom: 1px solid rgba(31, 74, 68, 0.1);  align-items: center; } .cat-section__nav{  display: flex;  align-items: center;  gap: 14px; } .slide-btn{  width: 40px;  height: 40px;  border-radius: 50%;  background: var(--white);  color: var(--green-deep);  border: 1.5px solid rgba(31, 74, 68, 0.12);  display: flex;  align-items: center;  justify-content: center;  transition: all 0.25s;  cursor: pointer;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); } .slide-btn:hover{  background: var(--green-deep);  color: var(--cream);  border-color: var(--green-deep);  transform: translateY(-1px);  box-shadow: 0 6px 14px rgba(31, 74, 68, 0.2); } .slide-btn svg{ width: 16px; height: 16px; } .slide-btn:disabled{  opacity: 0.4;  cursor: default;  transform: none;  background: var(--white);  color: var(--green-deep);  border-color: rgba(31, 74, 68, 0.08);  box-shadow: none; } .slider{  position: relative;  overflow: hidden; } .slider__track{  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 22px;  transition: transform 0.5s var(--ease); } @media (max-width: 900px){  }  .products-grid{  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 22px; } .product{  background: var(--white);  border-radius: var(--radius-lg);  overflow: hidden;  position: relative;  transition: all 0.4s var(--ease);  display: flex;  flex-direction: column; } .product:hover{  transform: translateY(-4px);  box-shadow: 0 18px 38px rgba(20, 32, 29, 0.12); }  .product__media{  aspect-ratio: 1 / 1;  position: relative;  background: var(--white);  overflow: hidden;  display: flex;  align-items: center;  justify-content: center; } .product__media-bg{  position: absolute;  inset: 0;  background-size: cover;  background-position: center;  transition: transform 0.6s var(--ease); } .product:hover .product__media-bg{  transform: scale(1.08); } .product__img{  position: relative;  z-index: 1;  max-width: 88%;  max-height: 88%;  width: auto;  height: auto;  object-fit: contain;  transition: transform 0.5s var(--ease); } .product:hover .product__img{  transform: scale(1.08); }   .product__badges{  position: absolute;  top: 12px;  left: 12px;  display: flex;  flex-direction: column;  gap: 5px;  z-index: 2; } .product-badge{  display: inline-flex;  align-items: center;  font-size: 0.66rem;  font-weight: 700;  letter-spacing: 0.04em;  padding: 4px 10px;  border-radius: 999px;  text-transform: uppercase;  color: var(--white);  backdrop-filter: blur(8px); } .product-badge--discount{ background: var(--red); } .product-badge--new{ background: var(--green-tag); } .product-badge--free{ background: var(--gold); } .product-badge--best{ background: var(--green-deep); }  .product__wish{  position: absolute;  top: 12px;  right: 12px;  width: 34px;  height: 34px;  background: rgba(255, 255, 255, 0.95);  backdrop-filter: blur(8px);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  color: var(--ink-soft);  z-index: 2;  transition: all 0.25s;  box-shadow: var(--shadow-sm); } .product__wish:hover{  color: var(--red);  transform: scale(1.1); } .product__wish svg{ width: 15px; height: 15px; } .product__wish.is-active{ color: var(--red); }  .product__info{  padding: 16px 18px 20px;  display: flex;  flex-direction: column;  flex: 1; } .product__brand{  font-size: 0.66rem;  font-weight: 700;  color: var(--gold-dark);  letter-spacing: 0.12em;  text-transform: uppercase;  margin-bottom: 6px; } .product__name{  font-family: var(--font-display);  font-size: 1.02rem;  font-weight: 500;  color: var(--ink);  line-height: 1.25;  margin-bottom: 12px;  min-height: 40px;  letter-spacing: -0.01em; }  .product__prices{  margin-bottom: 8px; } .product__old-price{  font-size: 0.78rem;  color: var(--ink-mid);  text-decoration: line-through;  display: block; } .product__price{  font-family: var(--font-display);  font-size: 1.5rem;  font-weight: 600;  color: var(--green-deep);  letter-spacing: -0.02em;  line-height: 1; } .product__installments{  font-size: 0.74rem;  color: var(--ink-mid);  margin-bottom: 14px; } .product__bottom{  margin-top: auto;  display: flex;  align-items: center;  justify-content: space-between;  gap: 10px;  padding-top: 4px; } .product__buy{  flex: 1;  background: var(--green-deep);  color: var(--cream);  padding: 11px 16px;  border-radius: 999px;  font-size: 0.78rem;  font-weight: 600;  letter-spacing: 0.04em;  text-transform: uppercase;  display: inline-flex;  align-items: center;  justify-content: center;  gap: 6px;  transition: all 0.25s; } .product__buy:hover{  background: var(--gold);  transform: translateY(-1px); } .product__buy svg{ width: 13px; height: 13px; transition: transform 0.3s; } .product__buy:hover svg{ transform: rotate(90deg); }  .promo-banner{  background: linear-gradient(100deg, var(--green-deep) 0%, var(--green) 60%, var(--green-deep) 100%);  color: var(--cream);  border-radius: var(--radius-lg);  padding: 40px 48px;  display: flex;  align-items: center;  justify-content: space-between;  gap: 32px;  position: relative;  overflow: hidden; } .promo-banner__pattern{  position: absolute;  inset: 0;  background-image:   radial-gradient(circle at 90% 50%, rgba(201, 162, 92, 0.25) 0%, transparent 40%),   radial-gradient(circle at 10% 100%, rgba(201, 162, 92, 0.15) 0%, transparent 30%); } .promo-banner__content{  position: relative;  z-index: 1;  max-width: 560px; } .promo-banner__content h3{  font-family: var(--font-display);  font-size: 1.7rem;  font-weight: 500;  line-height: 1.15;  margin: 6px 0 8px;  color: var(--cream);  letter-spacing: -0.02em; } .promo-banner__content p{  font-size: 0.92rem;  opacity: 0.85;  margin-bottom: 20px;  max-width: 480px; } .promo-banner__discount{  position: relative;  z-index: 1;  display: flex;  flex-direction: column;  align-items: center;  color: var(--gold-light);  font-family: var(--font-display);  line-height: 1;  flex-shrink: 0; } .promo-banner__discount span{  font-size: 0.7rem;  letter-spacing: 0.15em;  text-transform: uppercase;  opacity: 0.8;  font-family: var(--font);  font-weight: 700; } .promo-banner__discount strong{  font-size: 5.5rem;  font-weight: 600;  margin: 4px 0; } .promo-banner__discount small{ font-size: 2.2rem; }  .about{  background: var(--white);  padding: 60px 0 100px;  position: relative;  overflow: hidden; } .about::before{  content: '';  position: absolute;  top: -100px;  right: -100px;  width: 400px;  height: 400px;  border-radius: 50%;  background: radial-gradient(circle, rgba(201, 162, 92, 0.15) 0%, transparent 70%);  pointer-events: none; } .about__inner{  display: grid;  grid-template-columns: 1fr 1.2fr;  gap: 72px;  align-items: center;  position: relative; } .about__image{  position: relative;  border-radius: 36px;  overflow: hidden;  aspect-ratio: 4 / 4.2;  background: var(--green-deep);  max-width: 340px;  margin: 0 auto; } .about__image img{  width: 100%;  height: 100%;  object-fit: cover;  object-position: center 35%;  transition: transform 0.8s var(--ease); } .about__image:hover img{ transform: scale(1.05); } .about__image-shape{  position: absolute;  inset: -16px;  background: var(--gold);  border-radius: 40px;  z-index: -1;  opacity: 0.18;  animation: morphShape 12s ease-in-out infinite; } @keyframes morphShape{  0%, 100%{ transform: translate(0, 0) rotate(-2deg); border-radius: 40px; }  50%{ transform: translate(8px, 4px) rotate(2deg); border-radius: 30px; } } .about__image-tag{  position: absolute;  bottom: 24px;  left: 50%;  transform: translateX(-50%);  background: var(--cream);  padding: 12px 20px 12px 14px;  border-radius: 999px;  display: flex;  align-items: center;  gap: 12px;  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);  white-space: nowrap; } .about__image-tag-icon{  width: 38px;  height: 38px;  border-radius: 50%;  background: linear-gradient(135deg, #faf0dc 0%, #e8d4a4 100%);  color: var(--gold-dark);  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .about__image-tag-icon svg{ width: 20px; height: 20px; } .about__image-tag-text{  display: flex;  flex-direction: column;  line-height: 1.15; } .about__image-tag strong{  font-family: var(--font-display);  font-size: 0.95rem;  color: var(--green-deep);  font-weight: 600; } .about__image-tag span{  font-size: 0.78rem;  color: var(--ink-soft); } .about__lead{  font-size: 1.05rem;  color: var(--ink);  margin: 20px 0 14px;  line-height: 1.6; } .about__content > p{  color: var(--ink-soft);  margin-bottom: 28px;  font-size: 0.95rem; } .about__pillars{  display: flex;  flex-direction: column;  gap: 20px; } .pillar{  display: flex;  gap: 18px;  align-items: flex-start; } .pillar__num{  font-family: var(--font-display);  font-size: 1.8rem;  font-weight: 600;  color: var(--gold);  line-height: 1;  min-width: 50px; } .pillar h4{  font-family: var(--font-display);  font-size: 1.05rem;  color: var(--green-deep);  margin-bottom: 4px;  font-weight: 600; } .pillar p{  font-size: 0.88rem;  color: var(--ink-soft); }  .brands{  padding: 36px 0;  background: var(--white);  border-top: 1px solid var(--gray-border);  border-bottom: 1px solid var(--gray-border);  overflow: hidden; } .brands__title{  text-align: center;  font-size: 0.72rem;  font-weight: 700;  letter-spacing: 0.18em;  text-transform: uppercase;  color: var(--ink-mid);  margin-bottom: 20px; } .brands__track{  display: flex;  animation: marqueeSlow 25s linear infinite;  white-space: nowrap; } .brands__item{  flex-shrink: 0;  height: 130px;  margin: 0 24px;  display: flex;  align-items: center;  justify-content: center;  transition: all 0.3s var(--ease); } .brands__item img{  max-height: 100%;  max-width: 300px;  width: auto;  height: auto;  object-fit: contain;  filter: grayscale(100%) brightness(0.95) contrast(0.85);  opacity: 0.55;  transition: all 0.3s var(--ease); } .brands__item:hover img{  filter: grayscale(0%) brightness(1) contrast(1);  opacity: 1;  transform: scale(1.06); } @keyframes marqueeSlow{  from{ transform: translateX(0); }  to{ transform: translateX(-50%); } } @media (max-width: 900px){  .brands__track{ animation: marqueeSlow 12s linear infinite; } }  .service{  padding: 90px 0;  background: var(--green-deep);  color: var(--cream);  position: relative;  overflow: hidden; } .service::before{  content: '';  position: absolute;  top: -80px;  left: -80px;  width: 320px;  height: 320px;  border-radius: 50%;  background: radial-gradient(circle, rgba(201, 162, 92, 0.18) 0%, transparent 70%);  pointer-events: none; } .service::after{  content: '';  position: absolute;  bottom: -100px;  right: -100px;  width: 380px;  height: 380px;  border-radius: 50%;  background: radial-gradient(circle, rgba(59, 127, 115, 0.25) 0%, transparent 70%);  pointer-events: none; } .service__inner{  display: grid;  grid-template-columns: 420px 1fr;  gap: 72px;  align-items: stretch;  position: relative;  z-index: 1; } .service__image{  position: relative;  align-self: center;  width: 100%;  max-width: 420px;  aspect-ratio: 1; } .service__image-paw{  position: absolute;  top: -28px;  left: 50%;  transform: translateX(-50%);  width: 48px;  height: 48px;  color: var(--gold);  z-index: 2; } .service__image-paw svg{ width: 100%; height: 100%; } .service__image-wrap{  position: relative;  width: 100%;  height: 100%;  background: #f5e6cc;  border-radius: 50%;  overflow: hidden;  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);  border: 5px solid rgba(247, 241, 230, 0.08); } .service__image-wrap img{  width: 100%;  height: 100%;  object-fit: cover;  object-position: center 30%;  border-radius: 50%;  transform: scale(1.25);  transform-origin: center 60%; } .service__image-chip{  position: absolute;  bottom: 12%;  left: -28px;  background: var(--green);  color: var(--cream);  padding: 14px 22px 14px 16px;  border-radius: 999px;  display: flex;  align-items: center;  gap: 12px;  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4);  z-index: 3; } .service__image-chip-icon{  width: 40px;  height: 40px;  border-radius: 50%;  background: rgba(201, 162, 92, 0.2);  color: var(--gold-light);  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .service__image-chip-icon svg{ width: 18px; height: 18px; } .service__image-chip-text{  display: flex;  flex-direction: column;  line-height: 1.15; } .service__image-chip-text strong{  font-family: var(--font-display);  font-size: 1.1rem;  font-weight: 600;  color: var(--cream); } .service__image-chip-text span{  font-size: 0.72rem;  color: rgba(247, 241, 230, 0.75); } .service__content{  display: flex;  flex-direction: column;  justify-content: center; } .service__content .eyebrow{  color: var(--gold-light); } .service__content .section-title{  color: var(--cream);  margin: 8px 0 24px; } .service__list{  list-style: none;  margin-bottom: 32px;  display: flex;  flex-direction: column;  gap: 16px; } .service__list li{  display: flex;  gap: 14px;  align-items: flex-start; } .service__bullet{  width: 22px;  height: 22px;  flex-shrink: 0;  color: var(--gold);  display: flex;  align-items: center;  justify-content: center;  margin-top: 4px; } .service__bullet svg{ width: 100%; height: 100%; } .service__list p{  color: rgba(247, 241, 230, 0.82);  line-height: 1.6;  font-size: 0.96rem; } .service__list strong{  color: var(--gold-light);  font-weight: 700; } .service__btn{  align-self: flex-start;  padding: 14px 28px;  width: auto;  max-width: 200px; } @media (max-width: 900px){  .service__inner{ grid-template-columns: 1fr; gap: 40px; }  .service__image{ max-width: 100%; margin: 0 auto; } }  .blog{ padding: 90px 0 50px; background: var(--white); } .blog__grid{  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 24px; } .post{  background: var(--white);  border-radius: var(--radius-lg);  overflow: hidden;  border: 1px solid var(--gray-border);  transition: all 0.4s var(--ease);  display: flex;  flex-direction: column;  cursor: pointer; } .post:hover{  transform: translateY(-6px);  box-shadow: var(--shadow-lg);  border-color: transparent; } .post:hover .post__image img{  transform: scale(1.06); } .post__image{  aspect-ratio: 4 / 3;  position: relative;  overflow: hidden;  background: var(--gray-light); } .post__image img{  width: 100%;  height: 100%;  object-fit: cover;  object-position: center 25%;  transition: transform 0.6s var(--ease); } .post__content{  padding: 22px 24px 26px;  flex: 1;  display: flex;  flex-direction: column; } .post__cat{  font-size: 0.68rem;  font-weight: 700;  letter-spacing: 0.14em;  text-transform: uppercase;  color: var(--gold-dark);  margin-bottom: 12px; } .post h3{  font-family: var(--font-display);  font-size: 1.15rem;  font-weight: 500;  color: var(--green-deep);  line-height: 1.2;  margin-bottom: 10px;  letter-spacing: -0.01em; } .post p{  font-size: 0.88rem;  color: var(--ink-soft);  margin-bottom: 14px;  flex: 1;  line-height: 1.55; } .post__meta{  display: flex;  gap: 8px;  font-size: 0.74rem;  color: var(--ink-mid);  margin-top: auto; }  .faq{ padding: 90px 0; background: var(--cream); } .faq__inner{  display: grid;  grid-template-columns: 1fr 1.5fr;  gap: 72px;  align-items: start; } .faq__head{  position: sticky;  top: 96px; } .faq__head .section-title{ margin: 10px 0 12px; } .faq__head p{  color: var(--ink-soft);  font-size: 0.92rem; } .faq__head p a{  color: var(--gold-dark);  font-weight: 600;  text-decoration: underline; } .faq__decor{  margin-top: 36px;  color: var(--gold);  opacity: 0.2; } .faq__decor svg{ width: 100px; height: 100px; } .faq__list{  display: flex;  flex-direction: column;  gap: 10px; } .faq__item{  background: var(--white);  border-radius: var(--radius);  padding: 0 24px;  border: 1px solid var(--gray-border);  transition: all 0.25s; } .faq__item[open]{  border-color: var(--gold);  box-shadow: var(--shadow-sm); } .faq__item summary{  list-style: none;  cursor: pointer;  padding: 18px 0;  font-family: var(--font-display);  font-size: 1.05rem;  font-weight: 500;  color: var(--green-deep);  position: relative;  padding-right: 36px; } .faq__item summary::-webkit-details-marker{ display: none; } .faq__item summary::after{  content: '+';  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  font-size: 1.5rem;  color: var(--gold);  font-weight: 300;  transition: transform 0.3s; } .faq__item[open] summary::after{  transform: translateY(-50%) rotate(45deg); } .faq__answer{  padding: 0 0 22px;  color: var(--ink-soft);  line-height: 1.65;  font-size: 0.92rem; }  .newsletter{  background:   radial-gradient(ellipse at 80% 50%, rgba(201, 162, 92, 0.2) 0%, transparent 60%),   linear-gradient(135deg, var(--green-deep) 0%, var(--green) 100%);  color: var(--cream);  padding: 72px 0;  position: relative;  overflow: hidden; } .newsletter::before{  content: '';  position: absolute;  top: 50%;  left: -120px;  transform: translateY(-50%);  width: 320px;  height: 320px;  border-radius: 50%;  background: radial-gradient(circle, rgba(201, 162, 92, 0.18) 0%, transparent 70%); } .newsletter__inner{  display: grid;  grid-template-columns: 1fr 1fr;  gap: 56px;  align-items: center;  position: relative; } .newsletter__content h2{ margin: 8px 0 10px; } .newsletter__content p{  font-size: 0.95rem;  opacity: 0.85;  max-width: 440px; } .newsletter__form{  display: flex;  background: var(--white);  border-radius: 999px;  padding: 6px;  align-items: center;  gap: 8px;  box-shadow: var(--shadow-md); } .newsletter__form input{  flex: 1;  border: none;  padding: 14px 20px;  font-family: inherit;  font-size: 0.92rem;  color: var(--ink);  background: transparent; } .newsletter__form input:focus{ outline: none; } .newsletter__form button{  background: var(--gold);  color: var(--white);  padding: 13px 28px;  border-radius: 999px;  font-size: 0.85rem;  font-weight: 600;  letter-spacing: 0.04em;  text-transform: uppercase;  transition: all 0.2s;  font-family: inherit; } .newsletter__form button:hover{  background: var(--gold-dark); }  .contact{  padding: 90px 0;  background: var(--green-deep);  position: relative;  overflow: hidden; } .contact::before{  content: '';  position: absolute;  top: -100px;  right: -100px;  width: 380px;  height: 380px;  border-radius: 50%;  background: radial-gradient(circle, rgba(201, 162, 92, 0.18) 0%, transparent 70%);  pointer-events: none; } .contact::after{  content: '';  position: absolute;  bottom: -120px;  left: -100px;  width: 320px;  height: 320px;  border-radius: 50%;  background: radial-gradient(circle, rgba(59, 127, 115, 0.25) 0%, transparent 70%);  pointer-events: none; } .contact__inner{  position: relative;  z-index: 1;  display: grid;  grid-template-columns: 1fr 1.1fr;  gap: 64px; } .contact__info .section-title{  margin: 10px 0 32px;  color: var(--cream); } .contact__info > .eyebrow{  color: var(--gold-light); } .contact__items{  display: flex;  flex-direction: column;  gap: 20px; } .contact-item{  display: flex;  gap: 16px;  align-items: flex-start;  padding: 18px;  background: rgba(255, 255, 255, 0.06);  backdrop-filter: blur(8px);  border: 1px solid rgba(255, 255, 255, 0.08);  border-radius: var(--radius);  transition: all 0.25s; } .contact-item:hover{  transform: translateX(4px);  background: rgba(255, 255, 255, 0.1);  border-color: rgba(201, 162, 92, 0.3); } .contact-item__icon{  width: 42px;  height: 42px;  background: var(--gold);  color: var(--white);  border-radius: 12px;  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0; } .contact-item__icon svg{ width: 18px; height: 18px; } .contact-item strong{  display: block;  font-family: var(--font-display);  font-size: 1rem;  font-weight: 600;  color: var(--gold-light);  margin-bottom: 4px; } .contact-item p{  font-size: 0.88rem;  color: rgba(247, 241, 230, 0.78);  line-height: 1.55; } .contact-item a{  color: var(--cream);  font-weight: 600;  text-decoration: underline;  text-decoration-color: var(--gold); } form.menuform-contato{  background: var(--cream);  border-radius: var(--radius-lg);  padding: 36px;  border: 1px solid var(--gray-border); } form.menuform-contato h3{  font-family: var(--font-display);  font-size: 1.4rem;  font-weight: 500;  color: var(--green-deep);  margin-bottom: 22px; } form.menuform-contato label{  display: block;  margin-bottom: 14px; } form.menuform-contato label span{  display: block;  font-size: 0.74rem;  font-weight: 600;  color: var(--ink-soft);  margin-bottom: 6px;  letter-spacing: 0.04em;  text-transform: uppercase; } form.sample:not(.buscaform) input, form.sample select, form.sample textarea{  width: 100%;  padding: 12px 16px;  border: 1.5px solid var(--gray-border);  border-radius: 10px;  font-family: inherit;  font-size: 0.92rem;  background: var(--white);  color: var(--ink);  transition: border-color 0.2s; } form.sample input:focus, form.sample select:focus, form.sample textarea:focus{  outline: none;  border-color: var(--gold); } form.sample textarea{ resize: vertical; min-height: 90px; } .form-row{  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; } form.sample:not(.buscaform) button{ margin-top: 8px; }  .footer{  background: var(--ink);  color: rgba(247, 241, 230, 0.7);  padding: 64px 0 0; } .footer__inner{  display: grid;  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;  gap: 48px;  padding-bottom: 48px;  border-bottom: 1px solid rgba(247, 241, 230, 0.1); } .footer__logo{  height: 96px;  width: auto;  margin-bottom: 18px;  display: block; } .footer__brand p{  font-size: 0.88rem;  margin-bottom: 22px;  max-width: 280px;  line-height: 1.6; } .footer__social{  display: flex;  gap: 10px; } .footer__social a{  width: 38px;  height: 38px;  border-radius: 50%;  background: rgba(247, 241, 230, 0.08);  display: flex;  align-items: center;  justify-content: center;  color: var(--cream);  transition: all 0.25s; } .footer__social a:hover{  background: var(--gold);  transform: translateY(-3px); } .footer__social svg{ width: 16px; height: 16px; } .footer__col h4{  font-family: var(--font-display);  font-size: 1.05rem;  color: var(--gold-light);  font-weight: 500;  margin-bottom: 18px; } .footer__col ul{ list-style: none; } .footer__col li{ margin-bottom: 9px; font-size: 0.86rem; line-height: 1.5; } .footer__col a{ transition: color 0.2s; } .footer__col a:hover{ color: var(--gold); } .footer__payments{  padding: 22px 0;  border-bottom: 1px solid rgba(247, 241, 230, 0.1);  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: 16px; } .footer__payments small{  font-size: 0.7rem;  letter-spacing: 0.12em;  text-transform: uppercase;  color: rgba(247, 241, 230, 0.5);  font-weight: 600; } .payment-icons{  display: flex;  gap: 6px;  flex-wrap: wrap; } .payment-icon{  background: rgba(247, 241, 230, 0.08);  padding: 6px 11px;  border-radius: 6px;  font-size: 0.65rem;  font-weight: 700;  color: var(--cream);  letter-spacing: 0.06em; } .footer__bottom{  padding: 22px 0;  display: flex;  justify-content: space-between;  flex-wrap: wrap;  gap: 8px;  font-size: 0.78rem;  color: rgba(247, 241, 230, 0.5); }  .whats-float{  position: fixed;  bottom: 22px;  right: 22px;  width: 56px;  height: 56px;  background: #25d366;  color: white;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);  z-index: 50;  transition: transform 0.25s;  animation: pulsePhone 2.5s ease-in-out infinite; } .whats-float:hover{ transform: scale(1.1); } .whats-float svg{ width: 28px; height: 28px; } @keyframes pulsePhone{  0%, 100%{ box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4); }  50%{ box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4), 0 0 0 12px rgba(37, 211, 102, 0.15); } }  .toast{  position: fixed;  bottom: 95px;  right: 22px;  background: var(--green-deep);  color: var(--cream);  padding: 14px 20px;  border-radius: var(--radius);  font-size: 0.88rem;  font-weight: 500;  box-shadow: var(--shadow-xl);  display: flex;  align-items: center;  gap: 10px;  z-index: 60;  transform: translateX(120%);  transition: transform 0.4s var(--ease); } .toast.is-show{ transform: translateX(0); } .toast svg{ width: 18px; height: 18px; color: var(--gold-light); }  @media (max-width: 1100px){  .products-grid{ grid-template-columns: repeat(3, 1fr); }  .blog__grid{ grid-template-columns: 1fr 1fr; }  .nav{ gap: 18px; }  .nav a{ font-size: 0.82rem; }  .header__icon > span{ display: none; }  .header__icon{ padding: 0; width: 36px; height: 36px; } } @media (max-width: 900px){   .desktop-only{ display: none; }  .mobile-only{ display: inline; } .header__inner{ gap: 8px; min-height: 72px; position: relative; }  .header.is-scrolled .header__inner{ min-height: 64px; }  .header__left{ gap: 10px; padding-left: 0; }  .nav--left, .nav--right{ display: none; }  .header__social{ display: none; }  .hamburger{ display: flex; }  .header__logo{   position: absolute;   left: 50%;   top: 50%;   transform: translate(-50%, -50%);   margin: 0;  }  .header__logo img{ height: 60px; }  .header.is-scrolled .header__logo img{ height: 52px; }  .header__icon > span{ display: none; }  .cart-btn__text{ display: none; }  .cart-btn{ padding: 4px; }  .header__divider{ display: none; }  .header__actions{ gap: 6px; } .hero__inner{ grid-template-columns: 1fr; gap: 4px; padding: 20px 0 32px; min-height: auto; }  .hero__content{ padding-left: 0; text-align: center; }  .hero__cta{ justify-content: center; }  .hero__cta .btn{ flex: none; width: auto; padding: 14px 32px; }  .hero__btn-history{ display: none; }  .hero__visual{ height: 260px; order: -1; padding-top: 20px; }  .hero__photo{ width: 240px; height: 240px; margin-left: 0; }   .hero__chip{ display: none; } .products-grid{ grid-template-columns: repeat(2, 1fr); gap: 16px; }   .slider{   overflow-x: auto;   overflow-y: visible;   scroll-snap-type: x mandatory;   -webkit-overflow-scrolling: touch;   margin: 0 -16px;   padding: 8px 16px 16px;   position: relative;  }  .slider::-webkit-scrollbar{ display: none; }  .slider{ scrollbar-width: none; }  .slider__track{   display: flex !important;   transform: none !important;   gap: 12px;   grid-template-columns: none;   width: max-content;  }  .slider__track .product{   width: 200px;   min-width: 200px;   flex-shrink: 0;   scroll-snap-align: start;  } .about__inner{ grid-template-columns: 1fr; gap: 40px; }  .about__image{ max-width: 260px; margin: 0 auto; } .service__inner{ grid-template-columns: 1fr; gap: 32px; }  .service__image{ max-width: 320px; margin: 0 auto; } .blog__grid{   display: flex;   grid-template-columns: none;   gap: 14px;   overflow-x: auto;   scroll-snap-type: x mandatory;   -webkit-overflow-scrolling: touch;   margin: 0;   padding: 0 0 8px 0;  }  .blog__grid::-webkit-scrollbar{ display: none; }  .blog__grid{ scrollbar-width: none; }  .post{   width: 240px;   flex-shrink: 0;   scroll-snap-align: start;  } .faq__inner{ grid-template-columns: 1fr; gap: 32px; }  .faq__head{ position: static; }  .faq__decor{ display: none; } .contact__inner{ grid-template-columns: 1fr; gap: 40px; } .footer__inner{ grid-template-columns: 1fr 1fr; gap: 32px; } } @media (max-width: 600px){  .container{ padding: 0 16px; }  .header__inner{ min-height: 64px; }  .header.is-scrolled .header__inner{ min-height: 54px; }  .logo-floating__inner{ width: 80px; height: 80px; padding: 2px; margin-bottom: -28px; }  .header.is-scrolled .logo-floating__inner{ width: 58px; height: 58px; padding: 2px; margin-bottom: -18px; }  .header__icon svg{ width: 32px; height: 32px; padding: 7px; }  .cart-btn__icon{ width: 32px; height: 32px; }  .cart-btn__icon svg{ width: 14px; height: 14px; }  .hamburger{ padding: 8px; }  .hero__title{ font-size: 1.7rem; }  .hero__lead{ font-size: 0.92rem; }  .hero__visual{ height: 280px; }  .hero__photo{ width: 220px; height: 220px; }  .hero__chip{ padding: 8px 14px; gap: 8px; }  .hero__chip-icon, .hero__chip-rating{ width: 30px; height: 30px; }  .hero__chip-text strong{ font-size: 0.8rem; }  .hero__chip-text span{ font-size: 0.56rem; }  .hero__badges{ gap: 18px; }  .badge strong{ font-size: 1.3rem; }  .badge span{ font-size: 0.68rem; }  .section{ padding: 56px 0; }  .section--products{ padding: 48px 0; }  .about, .blog, .faq, .contact, .newsletter{ padding: 60px 0; }  .section-head{ margin-bottom: 28px; }  .products-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; }  .product__info{ padding: 12px 14px 16px; }  .product__name{ font-size: 0.86rem; min-height: 36px; line-height: 1.2; }  .product__price{ font-size: 1.2rem; }  .product__buy{ padding: 9px 12px; font-size: 0.72rem; }  .product-badge{ font-size: 0.6rem; padding: 3px 8px; }  .promo-banner{ padding: 28px 24px; border-radius: 16px; }  .promo-banner__content h3{ font-size: 1.3rem; }  .promo-banner__discount strong{ font-size: 3.2rem; }  .promo-banner__discount small{ font-size: 1.4rem; }  form.menuform-contato{ padding: 24px; }  .form-row{ grid-template-columns: 1fr; gap: 0; }  .footer__inner{ grid-template-columns: 1fr; gap: 28px; }  .footer__brand{ text-align: center; }  .footer__brand .footer__logo{ height: 88px; margin-left: auto; margin-right: auto; }  .footer__brand p{ margin-left: auto; margin-right: auto; }  .footer__brand .footer__social{ justify-content: center; }  .footer__bottom{ flex-direction: column; text-align: center; gap: 6px; }  .whats-float{ width: 50px; height: 50px; bottom: 16px; right: 16px; }  .whats-float svg{ width: 24px; height: 24px; }  .toast{ left: 16px; right: 16px; bottom: 80px; } } .cat-section .swiperJS .swiper-slide {  max-width: 290px; } .footer__brand img {   width: 100px; } .swiper-blog .swiper-slide {  max-width:400px } form.buscaform {  width: 100%; } form.buscaform .input {  border:none; }