/* ==========================================================
   Eco Máquinas — camada de responsividade e navegação mobile
   Acima de 1200px o layout de desktop permanece intacto.
   ========================================================== */

html,body{max-width:100%;overflow-x:hidden}
#dc-root img,#dc-root svg,#dc-root video,#dc-root iframe{max-width:100%}
#dc-root h1,#dc-root h2,#dc-root h3,#dc-root h4,#dc-root p,#dc-root li,#dc-root span,#dc-root div,#dc-root td{overflow-wrap:break-word}

/* ---------- SELOS DE CERTIFICAÇÃO ---------- */
#dc-root .eco-cert-card{transition:box-shadow .2s ease,transform .2s ease}

/* ---------- ZOOM NA FOTO DO PRODUTO ---------- */
#dc-root .eco-zoom{cursor:zoom-in}
#dc-root .eco-zoom img{transition:transform .12s ease-out;will-change:transform}
#dc-root .eco-zoom-hint{position:absolute;bottom:14px;left:14px;z-index:3;display:flex;align-items:center;gap:7px;
  background:rgba(15,15,17,.82);color:#fff;font:600 10.5px/1 Oswald,sans-serif;text-transform:uppercase;
  letter-spacing:.06em;padding:9px 13px;border-radius:20px;pointer-events:none;transition:opacity .18s ease}
#dc-root .eco-zoom.is-zoom .eco-zoom-hint{opacity:0}
@media (hover:none),(pointer:coarse){
  #dc-root .eco-zoom{cursor:default}
  #dc-root .eco-zoom-hint{display:none}
}

/* ---------- VALORES SOB CONSULTA ---------- */
#dc-root .eco-price{font-size:.62em!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap}

/* ---------- LOGO ---------- */
#dc-root img.eco-logo{width:auto!important;display:block!important;object-fit:contain!important;image-rendering:-webkit-optimize-contrast}
#dc-root img.eco-logo[style*="height: 44px"]{height:46px!important;margin-right:8px!important}
#dc-root img.eco-logo[style*="height: 52px"]{height:58px!important;margin-bottom:22px!important}
@media (max-width:900px){
  #dc-root img.eco-logo[style*="height: 44px"]{height:38px!important;margin-right:0!important}
  #dc-root img.eco-logo[style*="height: 52px"]{height:48px!important}
}
@media (max-width:420px){
  #dc-root img.eco-logo[style*="height: 44px"]{height:32px!important}
}

/* elementos do menu ficam ocultos no desktop */
#dc-root .eco-menu-chk{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
#dc-root .eco-burger{display:none}
.eco-wa-fab{display:none}

/* ---------- TABLET PAISAGEM (<= 1200px) ---------- */
@media (max-width:1200px){
  #dc-root [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #dc-root [style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #dc-root [style*="repeat(6,1fr)"]{grid-template-columns:repeat(3,1fr)!important}
  #dc-root [style*="1.6fr 1fr 1fr 1.3fr"]{grid-template-columns:1fr 1fr!important;gap:32px!important}
  #dc-root [style*="1fr 320px"]{grid-template-columns:1fr 280px!important}
  #dc-root [style*="px 40px"]{padding-left:28px!important;padding-right:28px!important}
  #dc-root h1{font-size:clamp(36px,5.4vw,64px)!important;line-height:1.04!important}
  #dc-root nav{gap:16px!important}
  #dc-root nav a{font-size:12px!important}
}

/* ==========================================================
   MENU SANDUÍCHE  (<= 900px)  — sem JavaScript
   ========================================================== */
@media (max-width:900px){

  /* cabeçalho: logo à esquerda, botão à direita, painel abaixo */
  #dc-root [style*="padding: 13px 34px"]{
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    padding:12px 16px!important;
    row-gap:0!important;
    position:relative!important;
  }
  #dc-root [style*="padding: 13px 34px"] > a:first-of-type{order:1}
  #dc-root .eco-burger{
    order:2;display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:46px;height:40px;padding:9px 10px;cursor:pointer;border-radius:6px;
    border:1px solid rgba(255,255,255,.22);box-sizing:border-box;
  }
  #dc-root .eco-burger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;
    transition:transform .25s ease,opacity .2s ease}
  #dc-root .eco-menu-chk:checked ~ .eco-burger{background:#e01a22;border-color:#e01a22}
  #dc-root .eco-menu-chk:checked ~ .eco-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #dc-root .eco-menu-chk:checked ~ .eco-burger span:nth-child(2){opacity:0}
  #dc-root .eco-menu-chk:checked ~ .eco-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* painel: lista de páginas */
  #dc-root .eco-nav{
    display:none!important;order:4;flex:0 0 100%;width:100%;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;
    margin-top:10px!important;border-top:1px solid rgba(255,255,255,.12)!important;
  }
  #dc-root .eco-nav a{
    padding:16px 4px!important;font-size:14px!important;letter-spacing:.08em!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  #dc-root .eco-menu-chk:checked ~ .eco-nav{display:flex!important}

  /* painel: idiomas + botão de orçamento */
  #dc-root .eco-actions{
    display:none!important;order:5;flex:0 0 100%;width:100%;
    flex-direction:column!important;align-items:stretch!important;gap:12px!important;
    padding:16px 0 8px!important;
  }
  #dc-root .eco-actions > div{justify-content:center!important;gap:8px!important}
  #dc-root .eco-actions > div a{padding:8px 14px!important;border:1px solid rgba(255,255,255,.18)!important}
  #dc-root .eco-actions > a{display:block!important;text-align:center!important;padding:16px 18px!important;font-size:13px!important}
  #dc-root .eco-menu-chk:checked ~ .eco-actions{display:flex!important}

  /* filtros de categoria: rolagem lateral em vez de várias linhas */
  #dc-root .eco-chips{
    flex-wrap:nowrap!important;overflow-x:auto!important;
    padding:12px 16px!important;scrollbar-width:none;-ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
  }
  #dc-root .eco-chips::-webkit-scrollbar{display:none}
  #dc-root .eco-chips > a{flex:0 0 auto!important;white-space:nowrap!important}

  /* ---------- estrutura geral ---------- */
  #dc-root [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  #dc-root [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #dc-root [style*="repeat(6,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #dc-root [style*="260px 1fr"]{grid-template-columns:150px 1fr!important}

  #dc-root [style*="position: sticky"]{position:static!important;top:auto!important}
  #dc-root aside{position:static!important}

  #dc-root [style*="min-height: 640px"]{min-height:auto!important}
  #dc-root [style*="height: 640px"]{height:auto!important;min-height:400px!important}
  #dc-root [style*="height: 480px"]{height:340px!important}
  #dc-root [style*="height: 460px"]{height:300px!important}
  #dc-root [style*="height: 420px"]{height:280px!important}

  #dc-root h1{font-size:clamp(30px,6.6vw,46px)!important;line-height:1.05!important}
  #dc-root h2{font-size:clamp(24px,5.4vw,34px)!important;line-height:1.08!important}
  #dc-root h3{font-size:20px!important;line-height:1.15!important}
  #dc-root [style*="font: 700 48px"]{font-size:38px!important}
  #dc-root [style*="font: 700 44px"]{font-size:32px!important}
  #dc-root [style*="font: 400 20px"]{font-size:17px!important}

  #dc-root section{padding-left:22px!important;padding-right:22px!important}
  #dc-root [style*="px 40px"]{padding-left:22px!important;padding-right:22px!important}
  #dc-root [style*="gap: 44px"]{gap:28px!important}
  #dc-root [style*="gap: 40px"]{gap:26px!important}
}

/* ---------- SMARTPHONE (<= 640px) ---------- */
@media (max-width:640px){
  #dc-root [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  #dc-root [style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #dc-root [style*="260px 1fr"]{grid-template-columns:1fr!important}
  #dc-root [style*="260px 1fr"] > div{padding:12px 16px!important}
  #dc-root [style*="260px 1fr"] > div:first-child{padding-bottom:2px!important;background:#fff!important;
    font-size:11px!important;letter-spacing:.08em!important;color:#8b8b90!important}

  #dc-root section,#dc-root [style*="px 40px"]{padding-left:16px!important;padding-right:16px!important}
  #dc-root [style*="padding: 76px"],#dc-root [style*="padding: 72px"],
  #dc-root [style*="padding: 70px"],#dc-root [style*="padding: 66px"]{padding-top:44px!important;padding-bottom:40px!important}

  #dc-root h1{font-size:clamp(26px,8.4vw,38px)!important;letter-spacing:0!important}
  #dc-root h2{font-size:clamp(22px,6.6vw,28px)!important}
  #dc-root [style*="font: 700 48px"]{font-size:30px!important}
  #dc-root [style*="font: 700 44px"]{font-size:26px!important}
  #dc-root [style*="font: 700 42px"]{font-size:26px!important}
  #dc-root [style*="font: 700 40px"]{font-size:25px!important}
  #dc-root [style*="font: 700 38px"]{font-size:24px!important}
  #dc-root [style*="font: 700 30px"]{font-size:22px!important}

  /* botões grandes ocupam a linha toda */
  #dc-root a[style*="padding: 18px"],#dc-root a[style*="padding: 17px"]{
    display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important}
  #dc-root .eco-nav a, #dc-root .eco-chips a{width:auto!important}
  #dc-root [style*="display: flex"][style*="gap: 14px"]{flex-wrap:wrap!important}

  #dc-root [style*="height: 480px"]{height:250px!important}
  #dc-root [style*="height: 460px"]{height:220px!important}
  #dc-root [style*="height: 250px"]{height:190px!important}
  #dc-root [style*="height: 200px"]{height:175px!important}
  #dc-root [style*="height: 44px"]{height:36px!important}
  #dc-root [style*="width: 92px"]{width:68px!important}
  #dc-root [style*="height: 74px"]{height:56px!important}

  #dc-root [style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:14px!important}
  #dc-root nav a{font-size:13px!important}
  #dc-root [style*="white-space: nowrap"]{white-space:normal!important}
  #dc-root table{width:100%!important}

  /* botão fixo de WhatsApp */
  .eco-wa-fab{
    display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;
    align-items:center;justify-content:center;gap:10px;
    background:#25d366;color:#fff;text-decoration:none;
    font:700 14px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;
    padding:15px 18px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.32);
  }
  .eco-wa-fab svg{flex:0 0 auto}
  #dc-root{padding-bottom:82px!important}
}

/* ---------- CELULAR PEQUENO (<= 420px) ---------- */
@media (max-width:420px){
  #dc-root [style*="repeat(4,1fr)"]{grid-template-columns:1fr!important}
  #dc-root section,#dc-root [style*="px 40px"]{padding-left:14px!important;padding-right:14px!important}
  #dc-root h1{font-size:26px!important}
  #dc-root [style*="height: 250px"]{height:165px!important}
  .eco-wa-fab{font-size:13px!important;padding:14px 14px!important}
}