
.product-breadcrumb{
  width:min(1450px,92%);
  margin:24px auto 12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:#7b8582;
  font-size:11px;
}
.product-breadcrumb a:hover{color:#16877f}

.product-view{
  width:min(1450px,92%);
  margin:0 auto 80px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  gap:56px;
  align-items:start;
}

.main-photo{
  position:relative;
  background:#edf2f1;
  aspect-ratio:1.2/1;
  overflow:hidden;
}
.main-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-no-photo{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font:34px Georgia,serif;
  color:#7d8885;
}
.product-badge{
  position:absolute;
  left:18px;
  top:18px;
  background:#25aba2;
  color:#fff;
  padding:8px 11px;
  font-size:9px;
  letter-spacing:1px;
}

.thumbs{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  margin-top:9px;
}
.thumb{
  border:1px solid #dbe2e0;
  background:#fff;
  padding:3px;
  aspect-ratio:1/1;
  cursor:pointer;
}
.thumb.active{border:2px solid #25aba2}
.thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.product-info{
  padding-top:18px;
  position:sticky;
  top:105px;
}
.product-meta{
  font-size:10px;
  letter-spacing:1.3px;
  color:#16877f;
  text-transform:uppercase;
}
.product-info h1{
  font:400 clamp(40px,4.8vw,66px)/1 Georgia,serif;
  margin:12px 0;
}
.product-code{
  color:#909895;
  font-size:11px;
  margin:4px 0 18px;
}

.manufacturer-line{
  display:flex;
  align-items:center;
  gap:12px;
  border-top:1px solid #e1e7e5;
  border-bottom:1px solid #e1e7e5;
  padding:13px 0;
  margin:15px 0;
  color:#626d6a;
  font-size:12px;
}
.manufacturer-line img{
  max-width:90px;
  max-height:38px;
  object-fit:contain;
}

.product-lead{
  font:18px/1.65 Georgia,serif;
  color:#646e6b;
}
.product-price{margin:22px 0}
.product-price del{
  display:block;
  color:#9aa3a0;
  font-size:12px;
}
.product-price strong{
  display:block;
  font:34px Georgia,serif;
}

.quick-measures{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:22px 0;
}
.quick-measures div{
  background:#f1f5f4;
  padding:16px;
}
.quick-measures small{
  display:block;
  color:#7d8885;
  font-size:8px;
  letter-spacing:1px;
}
.quick-measures strong{
  display:block;
  margin-top:6px;
  font-size:15px;
}

.product-variations{
  margin:24px 0;
  display:grid;
  gap:18px;
}
.variation-group>strong{
  display:block;
  font-size:12px;
  margin-bottom:8px;
}
.variation-options{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.variation-btn{
  border:1px solid #cfd8d5;
  background:#fff;
  padding:9px 12px;
  cursor:pointer;
}
.variation-btn.selected{
  border-color:#25aba2;
  background:#e7f7f5;
  color:#14776f;
}

.product-actions{
  display:grid;
  gap:10px;
  margin-top:26px;
}
.interest-btn{
  border:0;
  background:#25aba2;
  color:#fff;
  padding:16px 18px;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:1px;
  cursor:pointer;
}
.interest-btn:hover{background:#16877f}
.catalog-back{
  text-align:center;
  padding:12px;
  border:1px solid #d8e0de;
  font-size:11px;
}

.product-details{
  background:#eef3f2;
  padding:90px max(7vw,30px);
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:80px;
}
.details-column h2{
  font:400 clamp(36px,4vw,58px)/1.05 Georgia,serif;
  margin:10px 0 25px;
}
.long-description{
  line-height:1.85;
  color:#606b68;
  max-width:800px;
}
.spec-card{
  background:#fff;
  padding:30px;
}
.spec-card h3{
  font:28px Georgia,serif;
  margin-top:0;
}
.spec-list{display:grid}
.spec-list>div{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:20px;
  padding:14px 0;
  border-bottom:1px solid #e4eae8;
}
.spec-list span{color:#7c8683;font-size:12px}
.spec-list strong{font-size:12px}

.related-products{
  padding:90px 7vw 110px;
}
.related-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
  margin-bottom:30px;
}
.related-heading h2{
  font:400 clamp(34px,4vw,54px)/1 Georgia,serif;
  margin:10px 0 0;
}
.related-heading>a{font-size:11px}
.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.related-image{
  display:block;
  background:#edf2f1;
  aspect-ratio:1.1/1;
  overflow:hidden;
}
.related-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.related-image div{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7b8583;
}
.related-card small{
  display:block;
  margin-top:12px;
  font-size:9px;
  color:#79827f;
}
.related-card h3{
  font:24px Georgia,serif;
  margin:6px 0 11px;
}
.related-link{
  font-size:11px;
  border-bottom:1px solid #25aba2;
  padding-bottom:3px;
}

.product-chat-button{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  border:0;
  background:#16877f;
  color:#fff;
  padding:13px 17px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 10px 35px #0004;
  cursor:pointer;
}
.product-chat-button span{font-size:21px}
.product-chat-button small,
.product-chat-button b{
  display:block;
  text-align:left;
}
.product-chat-button small{
  font-size:8px;
  letter-spacing:1px;
  color:#d7fffb;
}

.product-chatbox{
  display:none;
  position:fixed;
  right:24px;
  bottom:88px;
  width:min(390px,calc(100vw - 30px));
  max-height:calc(100vh - 120px);
  overflow:auto;
  z-index:100;
  background:#fff;
  padding:25px;
  box-shadow:0 15px 55px #0005;
}
.product-chatbox.open{display:block}
.product-chat-close{
  position:absolute;
  right:10px;
  top:8px;
  border:0;
  background:none;
  font-size:25px;
}
.product-chatbox>small{
  color:#16877f;
  letter-spacing:1px;
  font-size:9px;
}
.product-chatbox h3{
  font:27px Georgia,serif;
  margin:7px 0 15px;
}
.chat-product-card{
  display:grid;
  grid-template-columns:75px 1fr;
  gap:12px;
  align-items:center;
  background:#f0f4f3;
  padding:9px;
  margin-bottom:12px;
}
.chat-product-card img{
  width:75px;
  height:62px;
  object-fit:cover;
}
.chat-product-card small,
.chat-product-card strong,
.chat-product-card span{display:block}
.chat-product-card small{font-size:8px;color:#7c8683}
.chat-product-card strong{font:16px Georgia,serif;margin:3px 0}
.chat-product-card span{font-size:10px;color:#818a87}

.chat-action{
  display:block;
  width:100%;
  text-align:left;
  padding:12px;
  margin-top:7px;
  border:1px solid #dbe2e0;
  background:#fff;
  cursor:pointer;
}
.chat-action:hover{
  border-color:#25aba2;
  color:#16877f;
}
.chat-note{
  font-size:10px;
  line-height:1.5;
  color:#89928f;
  margin-top:15px;
}

@media(max-width:1050px){
  .product-view{grid-template-columns:1fr;gap:25px}
  .product-info{position:static;padding-top:0}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:800px){
  .product-details{grid-template-columns:1fr;gap:35px;padding:65px 5vw}
  .related-products{padding-left:5vw;padding-right:5vw}
  .related-heading{display:block}
  .related-heading>a{display:inline-block;margin-top:12px}
}

@media(max-width:600px){
  .product-view{width:94%}
  .thumbs{grid-template-columns:repeat(4,1fr)}
  .quick-measures{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:1fr}
  .product-chat-button div{display:none}
}

@media(max-width:420px){
  .quick-measures{grid-template-columns:1fr}
}

/* PASSO 10.1 — produto estilo varejo premium */
.product-trustbar{
  background:#f4f6f5;
  border-bottom:1px solid #e5e8e7;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  text-align:center;
  padding:12px 5vw;
  font-size:11px;
  color:#66706d;
}
.product-view{margin-top:20px}
.main-photo{background:#fff}
.main-photo img{object-fit:contain}
.product-info h1{font-family:Arial,sans-serif;font-weight:600;font-size:clamp(34px,4vw,54px)}
.interest-btn{background:#16877f;border-radius:4px}
.quick-measures div{background:#f5f6f6}
@media(max-width:650px){
  .product-trustbar{grid-template-columns:1fr 1fr;gap:8px}
}

/* Passo 13 - WhatsApp profissional */
.whatsapp-interest{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}
.whatsapp-float{background:#101715;border:1px solid #2d3835;color:#fff;box-shadow:0 18px 45px #0002}
.whatsapp-float .wa-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#25aba2;color:#fff;font-size:22px;font-weight:700}
.whatsapp-float:hover{background:#18211f}
/* PASSO 14 — Favoritos */
.product-favorite-btn{width:100%;min-height:52px;border:1px solid #d9d9d9;background:#fff;color:#171717;border-radius:3px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:.2s}.product-favorite-btn:hover{border-color:#111}.product-favorite-btn.active{background:#f5f5f3;border-color:#111}.favorite-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#25aba2;color:#fff;font-size:10px;margin-left:2px}.favorite-count[hidden]{display:none}


/* Logo do WhatsApp nos CTAs da página de produto */
.whatsapp-interest .wa-button-icon{
  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}
.whatsapp-float .wa-mark{
  width:40px;
  height:40px;
  padding:0;
  background:transparent;
  display:grid;
  place-items:center;
}
.whatsapp-float .wa-mark img{
  width:38px;
  height:38px;
  object-fit:contain;
  display:block;
}


/* AJUSTE FINAL WHATSAPP — página de produto */
.whatsapp-interest{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.whatsapp-interest .wa-button-icon{
  width:20px!important;height:20px!important;
  min-width:20px!important;max-width:20px!important;
  min-height:20px!important;max-height:20px!important;
  flex:0 0 20px!important;display:block!important;object-fit:contain!important;
}
.whatsapp-float .wa-mark{
  width:30px!important;height:30px!important;
  min-width:30px!important;max-width:30px!important;
  min-height:30px!important;max-height:30px!important;
  flex:0 0 30px!important;padding:0!important;background:transparent!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
.whatsapp-float .wa-mark img{
  width:30px!important;height:30px!important;
  min-width:30px!important;max-width:30px!important;
  min-height:30px!important;max-height:30px!important;
  display:block!important;object-fit:contain!important;
}
