:root{  --off-white:#FBF9F4;   --ivory:#F2ECDF;   --stone:#D8D0C1;   --sand:#C5B8A2;   --olive:#7C7A66;   --chocolate:#4A392E;   --charcoal:#26241F;   --ink:var(--charcoal);   --soft-ink:#5C564C;   --serif:"Cormorant Garamond", Georgia, serif;   --sans:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;   --gap:clamp(72px, 12vh, 160px); --pad:clamp(22px, 6vw, 110px);  --rule:rgba(38,36,31,.14);  } *{box-sizing:border-box;margin:0;padding:0}  body{   background:var(--off-white);   color:var(--ink);   font-family:var(--sans);   font-weight:300;   line-height:1.7;   -webkit-font-smoothing:antialiased;   text-rendering:optimizeLegibility;   overflow-x:hidden;  }  html{scroll-behavior:smooth} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} nav{display:flex;gap:36px} nav a:hover{color:var(--olive)} nav a:hover::after{width:100%;background:var(--olive)}   header{   position:fixed;top:0;left:0;right:0;z-index:50;   display:flex;align-items:center;justify-content:space-between;   padding:30px var(--pad);   background:var(--off-white);   border-bottom:1px solid var(--rule);   transition:padding .5s ease, box-shadow .5s ease;  } header.docked{   padding-top:22px;padding-bottom:22px;   box-shadow:0 1px 30px rgba(38,36,31,.07);  } .brand{   font-family:var(--serif);   font-weight:400;   font-size:24px;   letter-spacing:.46em;   padding-left:.46em; line-height:1;   color:var(--ink); } nav a{   font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);   position:relative;padding:4px 0;font-weight:400;transition:color .4s;  } nav a::after{   content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ink);   transition:width .5s ease;  } .h-cart .cart-count{position:absolute;top:-6px;right:-8px;font-size:8.5px;letter-spacing:0;   color:var(--soft-ink);font-weight:400}   .sound{   display:flex;align-items:center;gap:8px;cursor:pointer;   background:none;border:0;color:var(--ink);font-family:var(--sans);   font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;  } .sound .sound-label{transition:color .4s} .sound .label-off{display:inline} .sound .label-on{display:none} .sound.on .label-off{display:none} .sound.on .label-on{display:inline}   .header-right{display:flex;align-items:center;gap:24px} .h-action{display:flex;align-items:center;cursor:pointer;background:none;border:0;   color:var(--ink);font-family:var(--sans);font-weight:400;padding:0} .h-login{font-size:11px;letter-spacing:.24em;text-transform:uppercase;position:relative;padding:4px 0;   transition:color .4s} .h-login::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--olive);transition:width .5s ease} .h-login:hover{color:var(--olive)} .h-login:hover::after{width:100%} .h-cart{position:relative;color:var(--ink);transition:color .4s;line-height:0} .h-cart:hover{color:var(--olive)} .sound .player-ico{width:14px;height:14px;display:flex;align-items:center;justify-content:center;   border:1px solid var(--ink);border-radius:50%;color:var(--ink);transition:border-color .4s,color .4s} .sound:hover .player-ico{border-color:var(--olive);color:var(--olive)} .sound .ico-pause{display:none} .sound.on .ico-play{display:none} .sound.on .ico-pause{display:block} .sound:hover .sound-label{color:var(--olive)} .sound .ico-play{position:relative;left:1px} @keyframes reveal{to{clip-path:inset(0 0 0 0)}} .btn .arrow{transition:transform .45s ease} .btn:hover{gap:22px;color:var(--olive);border-color:var(--olive)} .btn:hover .arrow{transform:translateX(4px)}   footer{background:var(--charcoal);color:var(--ivory);padding:clamp(64px,9vh,120px) var(--pad)} .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;   padding-bottom:64px;border-bottom:1px solid rgba(242,236,223,.14)} .foot-sign{font-family:var(--serif);font-style:italic;font-weight:300;   font-size:clamp(22px,3vw,34px);line-height:1.4;max-width:18ch;color:var(--off-white)} .foot-cols{display:flex;gap:clamp(40px,7vw,110px);flex-wrap:wrap} .foot-col h5{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--sand);   margin-bottom:18px;font-weight:400} .foot-col a,.foot-col span{display:block;font-size:13px;color:rgba(242,236,223,.7);   line-height:2.1;transition:color .4s} .foot-col a:hover{color:var(--off-white)} .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;   padding-top:34px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;   color:rgba(242,236,223,.45)} .continuity{margin-top:6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;   color:rgba(242,236,223,.4)}   .reveal{opacity:0;transform:translateY(26px);transition:opacity 1.2s ease,transform 1.2s ease} .reveal.seen{opacity:1;transform:none} @media(max-width:540px){   .brand{font-size:18px;letter-spacing:.34em;padding-left:.34em}   .header-right{gap:15px}   .sound .sound-label{display:none}   .h-login{font-size:10px;letter-spacing:.16em}  }  .modal-veil{  position:fixed;inset:0;z-index:100;  display:flex;align-items:center;justify-content:center;  padding:24px;  background:rgba(38,36,31,.45);  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);  opacity:0;visibility:hidden;  transition:opacity .55s ease,visibility .55s ease; } .modal-veil.open{opacity:1;visibility:visible}  .modal{  position:relative;  width:100%;max-width:430px;  max-height:calc(100vh - 48px);overflow-y:auto;  background:var(--off-white);  padding:clamp(34px,5vw,54px);  transform:translateY(16px);  transition:transform .55s cubic-bezier(.16,.84,.32,1);  box-shadow:0 30px 80px rgba(38,36,31,.16); } .modal-veil.open .modal{transform:none} .modal-close{  position:absolute;top:18px;right:18px;  width:34px;height:34px;display:flex;align-items:center;justify-content:center;  background:none;border:0;cursor:pointer;color:var(--soft-ink);  transition:color .4s,transform .4s ease; } .modal-close:hover{color:var(--ink);transform:rotate(90deg)} .modal-head{text-align:center;margin-bottom:36px} .modal-head .eyebrow{display:block;margin-bottom:16px} .modal-head h2{  font-family:var(--serif);font-weight:300;  font-size:clamp(30px,4vw,40px);line-height:1.1;color:var(--ink); } .modal-head p{  margin-top:12px;font-size:14px;color:var(--soft-ink);  font-family:var(--serif);font-style:italic;font-size:16px; }  .login-area-form .fieldwrap{margin:0} .login-area-form .input-login, .login-area-form .input-senha{margin-bottom:22px}  .login-area-form .label-placeholder{  position:absolute;width:1px;height:1px;padding:0;margin:-1px;  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0; } .login-area-form input.input{  width:100%;  padding:15px 2px;  background:none;  border:0;border-bottom:1px solid var(--rule);  font-family:var(--sans);font-size:14px;font-weight:300;color:var(--ink);  transition:border-color .45s ease; } .login-area-form input.input::placeholder{  color:var(--sand);font-size:11px;letter-spacing:.2em;text-transform:uppercase; } .login-area-form input.input:focus{  outline:none;border-bottom-color:var(--ink); } .login-area-form input.input.error, .login-area-form input.input[aria-invalid="true"]{border-bottom-color:#9b5c4a} .login-area-form .loginwrap-esqueci-senha{margin-top:10px;text-align:right} .login-area-form .loginwrap-esqueci-senha a{  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft-ink);  border-bottom:1px solid transparent;padding-bottom:2px;transition:color .4s,border-color .4s; } .login-area-form .loginwrap-esqueci-senha a:hover{color:var(--ink);border-bottom-color:var(--ink)} .login-area-form .formbutton-align{display:block;margin-top:34px} .login-area-form button.log_button{  width:100%;padding:19px;  background:var(--charcoal);color:var(--off-white);border:0;cursor:pointer;  font-family:var(--sans);font-size:11px;font-weight:400;  letter-spacing:.3em;text-transform:uppercase;  transition:background .45s ease; } .login-area-form button.log_button:hover{background:var(--chocolate)}  .modal-divider{  display:flex;align-items:center;gap:16px;  margin:34px 0 26px;  font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand); } .modal-divider::before,.modal-divider::after{  content:"";flex:1;height:1px;background:var(--rule); } .modal-register{text-align:center} .modal-register p{  font-family:var(--serif);font-size:17px;font-style:italic;  color:var(--soft-ink);margin-bottom:20px; } .btn-register{  display:block;width:100%;padding:18px;  background:none;color:var(--ink);border:1px solid var(--ink);cursor:pointer;  font-family:var(--sans);font-size:11px;font-weight:400;  letter-spacing:.3em;text-transform:uppercase;text-align:center;  transition:background .45s ease,color .45s ease; } .btn-register:hover{background:var(--charcoal);color:var(--off-white)} @media(max-width:540px){  .modal{padding:38px 26px}  .modal-head{margin-bottom:28px} } @media(prefers-reduced-motion:reduce){  .modal-veil,.modal,.modal-close{transition:none}  .modal{transform:none} } body.interna {  padding-top:110px; }  .carrinhobt{  position:relative;  display:inline-flex;align-items:center;justify-content:center;  line-height:0;cursor:pointer;  color:var(--ink);  transition:color .4s ease; } .carrinhobt:hover{color:var(--olive)} .carrinhobt svg{display:block}  .carrinhobt .miniCarFullQtde{  position:absolute;top:-7px;right:-9px;  min-width:14px;height:14px;padding:0 3px;  display:flex;align-items:center;justify-content:center;  font-family:var(--sans);font-size:8.5px;font-weight:400;  letter-spacing:0;line-height:1;  color:var(--soft-ink);  transition:color .4s ease,opacity .4s ease,transform .4s ease; } .carrinhobt .car-qtde-0{opacity:.45} .carrinhobt .miniCarFullQtde:not(.car-qtde-0){  color:var(--off-white);  background:var(--charcoal);  border-radius:999px;  opacity:1; } .carrinhobt:hover .miniCarFullQtde:not(.car-qtde-0){background:var(--olive)}  @keyframes cart-flash{  0%{transform:scale(1)}  35%{transform:scale(1.32)}  100%{transform:scale(1)} } .carrinhobt .miniCarFullQtde.flash, .carrinhobt .miniCarFullQtde[data-animate-in="flash"].animate-in{  animation:cart-flash .7s cubic-bezier(.16,.84,.32,1); } @media(prefers-reduced-motion:reduce){  .carrinhobt .miniCarFullQtde{animation:none !important} }   .sideBar.fullcarSideBar{  background:var(--off-white);  color:var(--ink);  font-family:var(--sans);  font-weight:300; } .sideBar.fullcarSideBar .sideBarWrapper{ padding:clamp(26px,4vw,40px); } .fullcarSideBar .closeCarSidebar{ color:var(--soft-ink); right:16px; top:16px; } .fullcarSideBar .closeCarSidebar:hover{ color:var(--ink); transform:rotate(90deg); } .carfull{ margin:0; } #carloading.loading, #carloading{ font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--soft-ink); }  .fullcarSideBar .carbuttons.cartop{ margin:0 0 4px; padding-bottom:22px; } .fullcarSideBar a.samplebtn.continua{  float:none; display:inline-flex; align-items:center;  background:none; border:0; border-radius:0; margin:0; padding:0 0 4px;  font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; font-weight:400;  color:var(--soft-ink); border-bottom:1px solid var(--rule); } .fullcarSideBar a.samplebtn.continua:hover{ color:var(--ink); border-bottom-color:var(--ink); }  .fullcarSideBar table.tabcarrinho{ background:none; border:0; } .fullcarSideBar table.tabcarrinho thead{ background:none; } .fullcarSideBar table.tabcarrinho th{  padding:0 0 14px; border-bottom:1px solid var(--rule);  font-family:var(--sans); font-weight:400;  font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--olive); } .fullcarSideBar table.tabcarrinho td{ padding:22px 0; vertical-align:top; } .fullcarSideBar table.tabcarrinho tr{ border-bottom:1px solid var(--rule); } .fullcarSideBar table.tabcarrinho.sample tr.odd, .fullcarSideBar table.tabcarrinho.sample tr.even{ background:none; }  .fullcarSideBar td.tdproduto{  font-family:var(--serif); font-weight:400; font-size:21px; line-height:1.2; color:var(--ink); } .fullcarSideBar .produto-espec-car{  display:block; margin-top:5px;  font-family:var(--sans); font-size:11px; letter-spacing:.06em; color:var(--soft-ink); } .fullcarSideBar .car-removeprod-wrap{ margin-top:14px; line-height:1; } .fullcarSideBar table.tabcarrinho a.removeProd{  display:inline-block; background:none; color:var(--soft-ink);  padding:0; margin:0; border-radius:0;  font-family:var(--sans); font-size:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:400;  border-bottom:1px solid transparent; transition:color .4s,border-color .4s; } .fullcarSideBar table.tabcarrinho a.removeProd:hover{ color:var(--ink); border-bottom-color:var(--ink); } .fullcarSideBar a.removeProd .fa{ margin-right:5px; font-size:9px; opacity:.7; }  .fullcarSideBar td.tdpreco, .fullcarSideBar td.tdtotal{ font-family:var(--serif); font-size:17px; color:var(--ink); } .fullcarSideBar td.tdtotal{ font-weight:500; }  .fullcarSideBar td.tdqtde{ white-space:nowrap; } .fullcarSideBar .numberControl{  width:32px;  height:36px;  display:inline-flex;  align-items:center;  justify-content:center;  vertical-align:middle;  border:1px solid var(--rule);  color:var(--ink);  cursor:pointer;  text-decoration:none;  font-size:15px;  line-height:1;  transition:border-color .35s ease,color .35s ease;  box-shadow: none;  font-weight: initial;  background: none;  border-radius: initial;  font-family: inherit; } .fullcarSideBar .numberControl:hover{ border-color:var(--ink); color:var(--olive); } .fullcarSideBar .numberControlMinus::before{ content:"\2013"; } .fullcarSideBar .numberControlPlus::before{ content:"+"; } .fullcarSideBar input.qtdeUpdate{  width:46px; height:36px; text-align:center; vertical-align:middle;  border:1px solid var(--rule); border-left:0; border-right:0; background:none; border-radius:0;  font-family:var(--sans); font-size:13px; color:var(--ink); padding:0; box-shadow:none; } .fullcarSideBar input.qtdeUpdate:focus{ outline:none; box-shadow:none; }  .fullcarSideBar .carfull input{  border:1px solid var(--rule); background:none; color:var(--ink); border-radius:0;  padding:11px 12px; font-family:var(--sans); font-size:13px; } .fullcarSideBar .carfull input:focus{ outline:none; border-color:var(--ink); }  .fullcarSideBar #entregaLine.endbar, .fullcarSideBar .endbar{  background:none; border:0; border-top:1px solid var(--rule);  padding:28px 0; margin-top:6px; } .fullcarSideBar .bigtext-titcar{  font-family:var(--serif); font-weight:400; font-size:22px; color:var(--ink); margin-bottom:14px; } .fullcarSideBar .enderecouser{ font-size:12px; line-height:1.7; color:var(--soft-ink); } .fullcarSideBar .enderecouser input{ margin-top:8px; } .fullcarSideBar a.samplebtn.btcep{  float:none; background:none; border:1px solid var(--ink); border-radius:0; color:var(--ink);  padding:10px 18px; margin-left:8px;  font-size:10px; letter-spacing:.2em; text-transform:uppercase; font-weight:400;  transition:background .4s ease,color .4s ease; } .fullcarSideBar a.samplebtn.btcep:hover{ background:var(--charcoal); color:var(--off-white); text-decoration:none; } .fullcarSideBar .sel_frete{ font-size:12px; color:var(--soft-ink); } .fullcarSideBar .frete_data{ font-family:var(--serif); font-size:15px; color:var(--ink); } .fullcarSideBar .fretedays{ font-family:var(--sans); font-size:11px; font-weight:400; color:var(--soft-ink); }  .fullcarSideBar .show_total{  font-family:var(--serif); font-weight:400; font-size:26px; color:var(--ink);  padding:22px 0; border-top:1px solid var(--rule); text-align:right; } .fullcarSideBar .show_total span{ font-weight:500; }  .fullcarSideBar .carbuttons.carbot{  margin-top:22px; display:flex; align-items:center; justify-content:space-between; gap:16px; } .fullcarSideBar .closecarbuttons{ float:none; width:auto; margin:0; } .fullcarSideBar .closecarbuttons a{ margin:0; }  .fullcarSideBar a.samplebtn.limpa{  float:none; background:none; border:0; border-radius:0; margin:0; padding:0 0 3px;  font-size:10px; letter-spacing:.16em; text-transform:uppercase; font-weight:400;  color:var(--soft-ink); border-bottom:1px solid transparent; } .fullcarSideBar a.samplebtn.limpa:hover{ color:var(--ink); border-bottom-color:var(--ink); }  .fullcarSideBar a.samplebtn.fechar, .fullcarSideBar a.samplebtn.cadastro-continue{  float:none; display:inline-flex; align-items:center; justify-content:center; gap:12px;  background:var(--charcoal); color:var(--off-white); border:0; border-radius:0;  padding:17px 32px; margin:0;  font-family:var(--sans); font-size:11px; letter-spacing:.28em; text-transform:uppercase; font-weight:400;  transition:background .45s ease; } .fullcarSideBar a.samplebtn.fechar:hover, .fullcarSideBar a.samplebtn.cadastro-continue:hover{ background:var(--chocolate); text-decoration:none; } .fullcarSideBar a.samplebtn.fechar:after{ width:1.1em; height:1.1em; } @media(prefers-reduced-motion:reduce){  .fullcarSideBar .closeCarSidebar{ transition:none; } }  .fullcarSideBar .emptycarwrap{  text-align:center;  margin:0;  padding:clamp(48px,12vh,100px) 0; } .fullcarSideBar .emptycarwrap .car-emptycar-txt{  font-family:var(--serif); font-weight:300;  font-size:clamp(24px,4.4vw,32px); line-height:1.35; color:var(--ink);  margin:0 0 34px; letter-spacing:.01em; } .fullcarSideBar .emptycarwrap .car-emptycar-txt::before{  content:"Sua sacola";  display:block; margin-bottom:18px;  font-family:var(--sans); font-size:10px; letter-spacing:.3em; text-transform:uppercase;  font-weight:400; color:var(--olive); } .fullcarSideBar .emptycarwrap .carbuttons.cartop{  margin:0; padding:0; overflow:visible; } .fullcarSideBar .emptycarwrap a.samplebtn.continua{  float:none; display:inline-flex; align-items:center; justify-content:center;  background:var(--charcoal); color:var(--off-white); border:0; border-radius:0; margin:0;  padding:16px 36px;  font-family:var(--sans); font-size:11px; letter-spacing:.28em; text-transform:uppercase; font-weight:400;  transition:background .45s ease; } .fullcarSideBar .emptycarwrap a.samplebtn.continua:hover{ background:var(--chocolate); text-decoration:none; } #footalways{  background:var(--charcoal);  border-top:1px solid rgba(242,236,223,.08);  padding:15px var(--pad);  text-align:center;  line-height:0; } #footalways .puzelogo{  display:inline-flex; align-items:center; gap:10px;  color:rgba(242,236,223,.48);  transition:color .45s ease; } #footalways .puzelogo:hover{ color:rgba(242,236,223,.85); text-decoration:none; } #footalways .txt-footalways{  font-family:var(--sans);  font-size:9.5px; letter-spacing:.26em; text-transform:uppercase; font-weight:400;  line-height:1; }  #footalways .puzelogo::after{  content:""; display:inline-block; flex:none;  width:54px; height:13px;  background:url(//aurelle.puze.com.br/__aurelle/imgs/logo-puze.webp) no-repeat center / contain;  opacity:.5;  transition:opacity .45s ease; } #footalways .puzelogo:hover::after{ opacity:.9; }