*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Georgia,serif;background:#f7f2e8;color:#1c1a16;}

/* NAV */
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 2rem;
  background:#f7f2e8;
  border-bottom:1.5px solid #e2d5c0;
  position:sticky;top:0;z-index:50;
}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:40px;width:auto;object-fit:contain;}
.nav-logo-text{font-size:20px;letter-spacing:3px;color:#1c1a16;font-style:italic;}
.nav-links{display:flex;gap:1.75rem;}
.nav-links a{
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:#1c1a16;text-decoration:none;font-family:Arial,sans-serif;transition:color .2s;
}
.nav-links a:hover{color:#d94f1e;}

/* hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.hamburger span{display:block;width:22px;height:1.5px;background:#1c1a16;transition:all .3s;}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.mobile-menu{
  display:none;flex-direction:column;gap:0;
  background:#f7f2e8;border-bottom:1.5px solid #e2d5c0;
  position:sticky;
  top:70px;
  z-index:49;
}
.mobile-menu.open{display:flex;}
.mobile-menu a{
  padding:1rem 2rem;font-size:13px;letter-spacing:2px;text-transform:uppercase;
  color:#1c1a16;text-decoration:none;font-family:Arial,sans-serif;
  border-bottom:1px solid #e2d5c0;transition:background .2s;
}
.mobile-menu a:hover{background:#ede8dc;color:#d94f1e;}

/* HERO */
.hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:700px;
  border-bottom:1.5px solid #e2d5c0;
}
.hero-left{
  padding:4rem 3rem;display:flex;flex-direction:column;
  justify-content:center;gap:1.5rem;border-right:1.5px solid #e2d5c0;
}
.hero-eyebrow{
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  color:#b8865a;font-family:Arial,sans-serif;display:flex;align-items:center;gap:8px;
}
.hero-title{font-size:48px;font-weight:400;line-height:1.05;color:#1c1a16;font-style:italic;}
.hero-title strong{font-style:normal;font-weight:400;color:#d94f1e;}
.hero-sub{font-size:15px;line-height:1.8;color:#5a4a38;font-family:Arial,sans-serif;max-width:360px;}
.hero-cta{
  display:inline-flex;align-items:center;gap:10px;padding:12px 24px;
  border:1.5px solid #1c1a16;background:transparent;color:#1c1a16;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  font-family:Arial,sans-serif;cursor:pointer;width:fit-content;transition:all .2s;
}
.hero-cta:hover{background:#d94f1e;border-color:#d94f1e;color:#f7f2e8;}
.hero-right{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ede8dc;
  position:relative;
  overflow:hidden;
  background-size: cover;
}
.hero-img{
  display: flex;
  justify-content: center;
  overflow:hidden;
  position:relative;
}
.hero-star-bg{position:absolute;bottom:-40px;right:-40px;opacity:.08;}
.hero-img-circle{
  width:260px;height:260px;border-radius:50%;border:2px solid #d94f1e;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:#ddd5c8;position:relative;z-index:1;
}
.placeholder-text{font-size:11px;color:#9a8878;letter-spacing:1px;font-family:Arial,sans-serif;text-align:center;padding:1rem;}

/* MARQUEE */
.marquee-wrap{
  background:#d94f1e;padding:10px 0;overflow:hidden;
  border-top:1.5px solid #c2431a;border-bottom:1.5px solid #c2431a;
}
.marquee-track{
  display:flex;gap:3rem;white-space:nowrap;animation:marquee 18s linear infinite;
}
.marquee-track span{
  font-size:13px;letter-spacing:2px;text-transform:uppercase;
  color:#f7f2e8;font-family:Arial,sans-serif;display:flex;align-items:center;gap:12px;
}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* SOBRE */
.sobre{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1.5px solid #e2d5c0;}
.sobre-left{
  padding:4rem 3rem;
  border-right:1.5px solid #e2d5c0;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
.section-tag{
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#d94f1e;
  font-family:Arial,sans-serif;
  display:flex;
  align-items:center;
  gap:8px;
}
.sobre-title{
  font-size:30px;
  font-weight:400;
  font-style:italic;
  line-height:1.25;
  color:#1c1a16;
}
.sobre-text{
  font-size:14px;
  line-height:1.9;
  color:#5a4a38;
  font-family:Arial,sans-serif;
}
.sobre-right{
  padding:3rem;
  background:#ede8dc;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.etapa{
  padding:1.25rem 0;
  border-bottom:1px solid #d5c9b5;
  display:flex;
  align-items:flex-start;
  gap:1.25rem;
}
.etapa:last-child{
  border-bottom:none;
}
.etapa-num{
  font-size:28px;
  font-style:italic;
  color:#d94f1e;
  min-width:36px;
  font-family:Georgia,serif;
  line-height:1;
}
.etapa-title{font-size:14px;color:#1c1a16;font-family:Arial,sans-serif;letter-spacing:.5px;margin-bottom:2px;}
.etapa-desc{font-size:12px;color:#7a6a58;font-family:Arial,sans-serif;line-height:1.6;}

/* COLEÇÃO */
.colecao{padding:4rem 2.5rem;}
.colecao-header{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:2.5rem;border-bottom:1.5px solid #e2d5c0;padding-bottom:1rem;
}
.colecao-title{font-size:34px;font-style:italic;font-weight:400;color:#1c1a16;}
.colecao-sub{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#b8865a;font-family:Arial,sans-serif;}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border:1.5px solid #e2d5c0;}
.product-card{border-right:1.5px solid #e2d5c0;cursor:pointer;overflow:hidden;transition:background .2s;background:#f7f2e8;}
.product-card:last-child{border-right:none;}
.product-card:hover{background:#ede8dc;}
.product-img{width:100%;aspect-ratio:1;overflow:hidden;background:#ddd5c8;}
.product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.product-card:hover .product-img img{transform:scale(1.04);}
.product-img-placeholder{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;
}
.product-info{padding:1.25rem 1rem;}
.product-name{font-size:18px;font-style:italic;color:#1c1a16;margin-bottom:4px;}
.product-desc{font-size:12px;color:#7a6a58;font-family:Arial,sans-serif;line-height:1.6;margin-bottom:1rem;}
.product-footer{display:flex;justify-content:space-between;align-items:center;}
.product-price{font-size:16px;font-family:Arial,sans-serif;color:#1c1a16;}
.enc-btn{
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  padding:6px 12px;border:1px solid #1c1a16;background:transparent;color:#1c1a16;
  font-family:Arial,sans-serif;cursor:pointer;transition:all .2s;
}
.enc-btn:hover{background:#d94f1e;border-color:#d94f1e;color:#f7f2e8;}

/* COMO FUNCIONA */
.como{background:#1c1a16;padding:4rem 2.5rem;border-top:1.5px solid #333;border-bottom:1.5px solid #333;}
.como-header{margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem;}
.como-title{font-size:30px;font-style:italic;color:#f7f2e8;}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #333;}
.step{padding:2rem 1.5rem;border-right:1px solid #333;}
.step:last-child{border-right:none;}
.step-num{font-size:40px;font-style:italic;color:#d94f1e;font-family:Georgia,serif;line-height:1;margin-bottom:.75rem;}
.step-title{font-size:14px;letter-spacing:.5px;color:#f7f2e8;font-family:Arial,sans-serif;margin-bottom:.5rem;}
.step-desc{font-size:12px;color:#9a8878;font-family:Arial,sans-serif;line-height:1.7;}

/* CONTATO */
.contato{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid #e2d5c0;}
.contato-left{padding:4rem 3rem;border-right:1.5px solid #e2d5c0;display:flex;flex-direction:column;gap:1.5rem;background:#ede8dc;}
.contato-title{font-size:28px;font-style:italic;color:#1c1a16;}
.contato-text{font-size:14px;line-height:1.8;color:#5a4a38;font-family:Arial,sans-serif;}
.contato-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#5a4a38;font-family:Arial,sans-serif;}
.star-bullet{width:10px;height:10px;flex-shrink:0;}
.wpp-btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 20px;
  background:#d94f1e;color:#f7f2e8;border:none;cursor:pointer;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  font-family:Arial,sans-serif;width:fit-content;transition:background .2s;
}
.wpp-btn:hover{background:#c2431a;}
.insta{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a4a38;font-family:Arial,sans-serif;text-decoration:none;}
.contato-right{padding:3rem 2.5rem;display:flex;flex-direction:column;gap:1rem;}
.form-title{font-size:20px;font-style:italic;color:#1c1a16;margin-bottom:.5rem;}
.flabel{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7a6a58;font-family:Arial,sans-serif;margin-bottom:4px;display:block;}
.finput,.fselect,.ftextarea{
  width:100%;padding:10px 12px;border:1px solid #d5c9b5;
  background:#f7f2e8;color:#1c1a16;font-size:13px;font-family:Arial,sans-serif;outline:none;transition:border-color .2s;
}
.finput:focus,.fselect:focus,.ftextarea:focus{border-color:#d94f1e;}
.ftextarea{min-height:80px;resize:vertical;}
.fgroup{display:flex;flex-direction:column;gap:4px;}
.submit-btn{
  padding:12px;background:#1c1a16;color:#f7f2e8;border:none;cursor:pointer;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  font-family:Arial,sans-serif;transition:background .2s;margin-top:.5rem;width:100%;
}
.submit-btn:hover{background:#d94f1e;}
.success{
  display:none;padding:12px;background:#e8f0dc;color:#3a5a1a;
  font-size:13px;font-family:Arial,sans-serif;text-align:center;border:1px solid #c5d9a0;
}

/* FOOTER */
footer{
  background:#1c1a16;padding:2rem 2.5rem;
  display:flex;justify-content:space-between;align-items:center;
  border-top:1.5px solid #333;flex-wrap:wrap;gap:1rem;
}
.footer-logo{font-size:18px;font-style:italic;color:#f7f2e8;letter-spacing:2px;display:flex;align-items:center;gap:10px;}
.footer-text{font-size:11px;color:#5a4a38;font-family:Arial,sans-serif;letter-spacing:1px;}

/* MODAL */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(28,26,22,.75);z-index:200;align-items:center;justify-content:center;padding:1rem;}
.modal-bg.on{display:flex;}
.modal{
  background:#f7f2e8;width:100%;max-width:420px;
  border-top:4px solid #d94f1e;padding:2rem;
  display:flex;flex-direction:column;gap:.9rem;
  max-height:90vh;overflow-y:auto;
}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;}
.modal-title{font-size:20px;font-style:italic;color:#1c1a16;}
.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7a6a58;line-height:1;padding:0 4px;}
.modal-price{font-size:15px;font-family:Arial,sans-serif;color:#d94f1e;}
.modal-desc{font-size:13px;color:#7a6a58;font-family:Arial,sans-serif;line-height:1.6;}
.modal-success{display:none;padding:12px;background:#e8f0dc;color:#3a5a1a;font-size:13px;font-family:Arial,sans-serif;text-align:center;}

/* ===== MOBILE ===== */
@media(max-width:768px){
  nav{padding:.9rem 1.25rem;}
  .nav-links{display:none;}
  .hamburger{display:flex;}

  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-left{padding:2.5rem 1.5rem;border-right:none;border-bottom:1.5px solid #e2d5c0;gap:1.25rem;}
  .hero-right{display: none;}
  .hero-title{font-size:34px;}
  .hero-sub{font-size:14px;max-width:100%;}
  .sobre{grid-template-columns:1fr;}
  .sobre-left{padding:2.5rem 1.5rem;border-right:none;border-bottom:1.5px solid #e2d5c0;}
  .sobre-title{font-size:24px;}
  .sobre-right{padding:2rem 1.5rem;}

  .colecao{padding:2.5rem 1.25rem;}
  .colecao-header{flex-direction:column;align-items:flex-start;gap:.5rem;}
  .colecao-title{font-size:26px;}
  .products-grid{grid-template-columns:1fr;gap:0;}
  .product-card{border-right:none;border-bottom:1.5px solid #e2d5c0;}
  .product-card:last-child{border-bottom:none;}
  .product-img{aspect-ratio:4/3;}
  .product-name{font-size:20px;}

  .como{padding:2.5rem 1.25rem;}
  .como-title{font-size:24px;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .step{border-right:1px solid #333;border-bottom:1px solid #333;padding:1.5rem 1rem;}
  .step:nth-child(2n){border-right:none;}
  .step:nth-child(3),.step:nth-child(4){border-bottom:none;}

  .contato{grid-template-columns:1fr;}
  .contato-left{padding:2.5rem 1.5rem;border-right:none;border-bottom:1.5px solid #e2d5c0;}
  .contato-title{font-size:24px;}
  .contato-right{padding:2rem 1.5rem;}

  footer{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;gap:.75rem;}
}

@media(max-width:420px){
  .hero-title{font-size:28px;}
  .steps-grid{grid-template-columns:1fr;}
  .step{border-right:none;border-bottom:1px solid #333;}
  .step:last-child{border-bottom:none;}
  .step:nth-child(3){border-bottom:1px solid #333;}
}