@charset "utf-8";

/* ========== Base ========== */
html { overflow-y:auto; scrollbar-gutter:stable both-edges; }
@supports not (scrollbar-gutter: stable) { html { overflow-y:scroll; } }
* {box-sizing:border-box;}
html, body { margin:0; padding:0; font-family:Montserrat, Arial, sans-serif; }
img {max-width:100%;/* display:block; */}
.tudo_ped_25 { width:100%; max-width:1200px; margin:auto; padding:12px; }

/* ========== Desktop x Mobile ========== */
.produto-bloco.desktop_mesa {display:block;}
.produto-bloco.mobile_mesa  { display:none; }

/* ========== T�tulo ========== */
.tit_bandmesa {
  color: #124891;
  font-size:4rem;
  text-align:center;
  margin:2%;
  font-weight:400;
  letter-spacing:-0.1rem;
  line-height:3.5rem;
  font-family: 'Montserrat';
}
.tit_bandmesa b{ font-weight:700; }

/* ========== Heros desktop ========== */
.bloco_25cm,.bloco_35cm,.bloco_42cm,.bloco_30cm,.bloco_duplo{
  width:90%;
  height:510px;
  border-radius:30px;
  display:flex;
  overflow:hidden;
  box-shadow:0 1px 4px rgb(0 0 0 / 10%);
  margin:auto;
  background-size:cover;
  font-family: 'Montserrat';
}
.bloco_25cm{ background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped25cm.jpg"); justify-content:flex-end; background-position:left; }
.bloco_35cm{ background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped35cm.jpg"); justify-content:flex-start; background-position:right; }
.bloco_42cm{ background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped42cm.jpg"); justify-content:flex-start; background-position:right; margin-top: 5%;}
.bloco_30cm{ background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_banner_ped.jpg"); justify-content:flex-end; background-position:left; }
.bloco_duplo{ background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_triplo.jpg"); justify-content:flex-start; background-position:right; }

.descricao_ped25{width: 25%;line-height:1.5rem;letter-spacing:-0.04rem;margin-right: 6%;font-family: 'Montserrat';}
.descricao_ped35{width: 24%;line-height:1.5rem;letter-spacing:-0.04rem;text-align:left;margin-left:5%;}
.descricao_ped30{width: 27%;line-height:1.4rem;letter-spacing:-0.04rem;margin-right: -10px;padding-right:3%;}
.descricao_ped42{width: 24%;line-height:1.5rem;letter-spacing:-0.04rem;text-align:left;margin-left:5%;}
.descricao_pedDuplo{width: 24%;line-height:1.5rem;letter-spacing:-0.04rem;text-align:left;margin-left:5%;}

/* Bot�es laterais desktop */
.botoes_ped25, .botoes_ped30, .botoes_ped35, .botoes_ped42, .botoes_pedDuplo{
  width:15%;
  min-width:140px;
  display:flex;
  flex-direction:column;
  justify-content: flex-start;
  align-items:center;
  background:#fcfcfc;
  padding: 2% 1%;
}
.tit_botoes{ font-size:1rem; width:100%; text-align:center; font-weight:600; color:#333; line-height:1rem; }
.bot_ped{ width:54%; display:flex; flex-direction:column; gap:0; }

/* Bot�es categoria (geral) */
.btn-cat{
  border:0; padding:0; cursor:pointer; display:block; margin:10% 0; background:none;
  border-radius:12px; box-shadow:0 1px 1px rgba(0,0,0,.12);
}
.btn-cat img{width:100%;border-radius:12px;padding: 7%;transition:transform .15s ease, box-shadow .15s ease;}
.btn-cat:hover{ background:#f7f7f7; box-shadow:none; }
.btn-cat:hover img{ transform:translateY(-2px); box-shadow:0 3px 8px rgba(0,0,0,.22); }
.btn-cat.active img, .btn-cat.is-active img{
  transform:translateY(-2px); box-shadow:0 1px 5px rgb(0 0 0 / 30%); outline-offset:4px; border-radius:12px; background-color:#ececec52;
}

/* Tipografia blocos de texto (desktop) */
.tudo_ped_25 .text-line p{font-size:1.5rem;line-height: 1.9rem;margin:0;}
.tudo_ped_25 .text-line{ margin:10% auto; }
.txt_bold_azul {color: #124891;font-weight: 600;}
.txt_tamanho   {font-size: 5rem;font-weight: 700;line-height: 4rem;color: #124891;}

/* Caixa de imagem do motor */
.DivHomeImagemProd{
  min-height:160px; display:block; border-radius:8px; background-size:cover; background-position:center;
}
.DivHomeImagemProd img{ width:100%; height:auto; border-radius:8px; }

/* ========== Colapse de cards ========== */
.cards-collapse{
  width:90%; height:0; overflow:hidden; border-radius:20px; background:#fff;
  box-shadow:0 2px 3px rgba(0,0,0,.08); transition:height .35s ease; margin:1% auto 4%;
  scroll-margin-top:24px;
}
.cards-collapse.is-open{ overflow:visible; }
.cards-inner{padding:18px;margin-bottom:2%;}
.cards-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.cards-head strong{ font-size:1rem; color:#234293; }
.close-cards{ background:#f2f4f7; border:1px solid #e5e7eb; border-radius:10px; padding:3px 6px; cursor:pointer; font-weight:600; }
.close-cards:hover{ background:#e9eef5; }

.cards-content{ width:100%; }
.cards-grid{ display:grid; gap:16px; }

/* Cart�es de produto */
.prod_pedestais{
  width: 23%;
  padding:2%;
  box-shadow:0 1px 4px rgb(0 0 0 / 6%);
  border-radius:10px;
  margin:1%;
  background:#fff;
}
.container_indv{ display:flex; justify-content:flex-start; flex-wrap:wrap; }

/* ====== elementos do motor: n�o colapsar ====== */
.wish_release{ display:block; }
.box_preco{display: flex;}
.DivHomePriceProd{ display:block; white-space:nowrap; }
.home-spy-details-container{ display:block; }

/* ========== Hint de rolagem ========== */
.scroll-hint{
  position:fixed; left:50%; bottom:18px; transform:translateX(-50%) translateY(6px);
  z-index:1000; padding:10px 14px; border-radius:999px; background:rgb(27 62 138 / 88%); color:#fff;
  font-weight:600; font-size:.95rem; display:inline-flex; align-items:center; gap:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.2); pointer-events:none; opacity:0; visibility:hidden;
  transition:opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
}
.scroll-hint.is-visible{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.scroll-hint .chev{ width:18px; height:18px; animation:chev-bounce 1.2s ease-in-out infinite; }
@keyframes chev-bounce { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(4px);} }
@media (prefers-reduced-motion: reduce){
  .scroll-hint .chev{ animation:none; }
}

/* ========== Skeleton neutral ======== */
.tudo_ped_25 .loading-skeleton, .tudo_ped_25 .loading-skeleton *{ opacity:1 !important; transform:none !important; }
.tudo_ped_25 .skeleton-item{ box-shadow:none !important; animation:none !important; }
.tudo_ped_25 .cards-collapse .loading-skeleton, .tudo_ped_25 .cards-collapse .skeleton-item{ pointer-events:none !important; }

/* Acessibilidade / tap highlight */
.tudo_ped_25 .btn-cat{ -webkit-tap-highlight-color: transparent; }
.tudo_ped_25 .btn-cat:focus{ outline:none; }
.home-spy-details-container {width: 45%!important;}
.btn-cat .is-active {box-shadow: none;}

.cards-collapse.is-open{ overflow: visible; }

/* NOVO: durante a anima��o de fechar, bloqueie overflow e cliques */
.cards-collapse.is-closing{
  overflow: hidden !important;}
.cards-collapse.is-closing .cards-content{pointer-events: none;}
.descricao_tecido {font-size: 5rem!important;font-weight: 700;color: #124891;line-height: 2rem!important;}
.txt_altura {font-size: 3rem;color: #124891;letter-spacing: -0.15rem;}
.bloco4 {width: 100%;padding-right: 15%;}
.BotLancamento {background: none;}

button:focus {outline: none!important;}
.BotLancamento {display: none!important;}

.botao_triplo {width: 75%;}


/* ========== Breakpoints ========== */
@media (max-width:1100px){
  .cards-grid{ /* grid-template-columns:repeat(3, minmax(0,1fr)); */ }
}

@media (max-width:1024px){
  .txt_tamanho{ font-size:3rem; }
  .tudo_ped_25 .text-line p{ font-size:1.3rem; line-height:1.2rem; }
  .bloco_25cm,.bloco_35cm,.bloco_30cm,.bloco_duplo{ height:440px; }
  .btn-cat{ margin:7% 0; }
  .tit_bandmesa{ font-size:3rem; line-height:2.5rem; }
  .tudo_ped_25 {margin-top: 6%;}
  .descricao_tecido {font-size: 4rem !important;line-height: 2rem !important;}
}

@media (max-width:850px){
  .txt_tamanho{ font-size:3rem; line-height:3rem; }
  .tudo_ped_25 .text-line p{ font-size:1.1rem; line-height:1rem; }
  .botoes_ped25,.botoes_ped30,.botoes_ped35,.botoes_ped42,.botoes_pedDuplo{width: 14%;min-width:auto;}
  .bloco_25cm,.bloco_35cm,.bloco_30cm,.bloco_42cm,.bloco_duplo{height: 348px;}
  .bot_ped{width: 60%;}
  .descricao_ped35{ width:25%; }
  .descricao_ped42{ width:25%; }
  .tit_botoes{ font-size:.9rem; line-height:.8rem; margin-top:0; }
  .descricao_ped30{
    margin-left: 58%;
    width: 28%;
    margin-bottom: 16%;
}
  .cards-head strong{ font-size:.8rem; }
  .tit_bandmesa{font-size:2.5rem;line-height:2.2rem;margin-top: 5%;}
  .tudo_ped_25 {margin-top: -8%;}
  .txt_altura {font-size: 1.7rem;}
  .descricao_tecido {font-size: 3rem !important;line-height: 2rem !important;}
  .descricao_ped25 {margin-right: 3%;}
  .prod_pedestais {width: 31.3%;}
  .bloco_30cm {background-size: 130%;background-position-x: 18%;}
  .btn-cat {margin: 7% 0;padding: 2%;}
}

@media (max-width:768px){
  .bloco_25cm,.bloco_35cm,.bloco_30cm,.bloco_duplo{
}
  .descricao_ped25{width: 23%;margin-left: 60%;}
  .cards-grid{ /* grid-template-columns:repeat(2, minmax(0,1fr)); */ }
  .tudo_ped_25 .text-line p{font-size:.9rem;line-height: 1.1rem;}
  .descricao_ped35{width: 22%;}
  .tit_botoes{ font-size:.7rem; line-height:.7rem; }
  .bot_ped{width: 69%;}
  .txt_tamanho {line-height: 2.5rem;}
}

/* ======= MOBILE (<= 450px) ======= */
@media (max-width:450px){
  .tudo_ped_25{padding:0;position: relative;margin-top: 18%;}
  .bloco_25cm {background-image: url(https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped25cm.jpg);background-position-x: 13%;background-position-y: 0%;flex-direction: column;height: 370px;background-size: auto 82%;background-repeat: no-repeat;}
  .bloco_35cm{background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped35cm.jpg");background-position-x: 90%;background-position-y: 0%;flex-direction: column-reverse;height: 370px;background-size: 185%;background-repeat: no-repeat;}
  .bloco_42cm{background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_ped42cm.jpg");background-position-x: 90%;background-position-y: 0%;flex-direction: column-reverse;height: 370px;background-size: 185%;background-repeat: no-repeat;}
  .bloco_30cm{background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_banner_ped_mob.jpg");background-position-y: 0;background-position-x: 40%;flex-direction: column;height: 370px;background-size: 103%;background-repeat: no-repeat;}
  .bloco_duplo{background-image:url("https://www.rumo.com.br/lojas/00002028/images/paginas/pedmesa/fundo_triplo_mob.jpg");background-position-x: 95%;background-position-y: 0%;flex-direction: column;height: 370px;background-size: 128% auto;background-repeat: no-repeat;}

  .titulo-mobile{position:absolute;right:5%;text-align:right;color:#10246a;width: 40%;font-family: 'Montserrat';}
  .titulo-mobile .tit_simples{ margin:0; font-size:1.1rem; line-height:1.1rem; color:#10246a; }
  .titulo-mobile .txt_tamanho{font-size: 3rem;font-weight: 700;letter-spacing: -0.05rem;line-height: 2.3rem;}
  .right_mob{right: 59%!important;width:36%;text-align:left;}

  

  .botoes-mob{ width:98%; margin:0 auto 6px; border-radius:12px; padding:5px; }
  .botoes-mob .grid-botoes{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px; align-items:stretch; }
  .botoes-mob .btn-cat{ margin:0; border-radius:10px; box-shadow:none; }
  .botoes-mob .btn-cat img{ padding:15%; border-radius:10px; box-shadow:none; transform:none; transition:transform .15s ease; }
  .botoes-mob .btn-cat:hover img{ transform:translateY(-1px); }
  .botoes-mob .btn-cat.active img, .botoes-mob .btn-cat.is-active img{ background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.12); transform:translateY(-1px); }

  .produto-bloco.mobile_mesa .cards-collapse{ width:93%; border-radius:5px; }
  .produto-bloco.mobile_mesa .cards-inner{ padding:12px; }
  .produto-bloco.mobile_mesa .cards-grid{ gap:10px; }

  .scroll-hint{width:auto;font-size: 0.85rem;}
  .prod_pedestais {width: 46%;margin: 2%;}
  .bot_ped {width: 80%;flex-direction: row;gap: 3%;}
  .botoes_ped25, .botoes_ped30, .botoes_ped35, .botoes_ped42, .botoes_pedDuplo {flex-direction: row;width: 100%;}
  .tit_botoes {width: 15%;}
  .tudo_ped_25 .btn-cat {margin: 2% 0;}
  .txt_tamanho {line-height: 1.7rem;font-size: 2.5rem;}
  .txt_altura {font-size: 1.2rem;letter-spacing: -0.07rem;line-height: 0.8rem;}
  .tudo_ped_25 .text-line p {font-size: .75rem;line-height: 1.1rem;}
  .tit_bandmesa {font-size: 2rem;line-height: 1.8rem;margin-top: 5%;}
  .descricao_ped25 {width: 32%;margin-bottom: 16%;margin-left: 66%;}
  .bloco_25cm, .bloco_35cm, .bloco_30cm, .bloco_42cm, .bloco_duplo {border-radius: 10px;}
  .descricao_tecido {font-size: 2.5rem !important;line-height: 1.5rem!important;}
  .btn-cat {border-radius: 5px;max-width: 55px;padding: 0%;}
  .btn-cat.active img, .btn-cat.is-active img {border-radius: 5px;box-shadow: 0 1px 2px rgb(0 0 0 / 30%);}
  .txt_apartir {margin: 0!important;}
   .box_preco {min-height: 70px!important;}
  .home-spy-details-container {width: 60% !important;}
  .descricao_ped35 {width: 33%;margin-bottom: 15%;}
  .descricao_pedDuplo {width: 34%;margin-top: 0%;} 
  /* S&#65533; quando a caixa estiver usando BG (classe marcada via JS) */
.DivHomeImagemProd.__bg-hydrated > img { display: none !important; }
  .descricao_ped30 {margin-left: 65%;width: 34%;margin-bottom: 17%;}
  .descricao_ped42 {width: 33%;margin-bottom: 12%;}
  .fc-badge-product-principal {display: none !important;}

}

@media (max-width:425px){
  .bloco_25cm {height: 310px;background-size: auto 78%;}
  .bloco_35cm {height: 350px;}
  .bloco_30cm {height: 350px;}
  .bloco_42cm {height: 350px;}
  .bloco_duplo {height: 327px;background-size: 120% auto;}
  .descricao_ped25 {width: 33%;margin-bottom: 5%;margin-left: 63%;}
  .descricao_ped30 {margin-left: 65%;width: 36%;margin-bottom: 13%;}
  
}  

@media (max-width:400px){  
  .descricao_ped25 {
        width: 33%;
        margin-bottom: 13%;
        margin-left: 63%;
        }
  .descricao_ped35 {margin-bottom: 13%;}
  .descricao_ped30 {margin-bottom: 11%;}
  
  .descricao_duplo {margin-bottom: 11%;}
  .tudo_ped_25 .text-line p {
        font-size: .7rem;
        line-height: 0.9rem;
    }
  .bloco_35cm {height: 310px;background-size: 180%;}  
  .bloco_42cm {height: 310px;background-size: 180%;} 
  .bloco_duplo {height: 270px;background-size: auto 100%;}
  .tit_botoes {font-size: .65rem;}
  .home-spy-details-container {width: 68% !important;}
      .bloco_30cm {height: 310px;background-size: 100%;background-position-y: -16%;}
}  


@media (max-width:375px){
  .tudo_ped_25 .text-line p {
        font-size: .7rem;
        line-height: 0.9rem;}
  .bloco_25cm {height: 305px;}
  .descricao_ped25 {margin-bottom: 13%;}
  .txt_tamanho {font-size: 2.2rem;}
  .descricao_tecido {font-size: 2.2rem !important;line-height: 1.1rem !important;}  
  .bloco_35cm {height: 305px;background-size: 185%;}
  .bloco_30cm {height: 305px;background-size: 105%;}
  .bloco_42cm {height: 305px;background-size: 185%;}
  .bloco_duplo {height: 300px;}
  .tit_bandmesa {font-size: 1.7rem;line-height: 1.5rem;margin: 4%;}
  .tudo_ped_25 {margin-top: 21%;}
}  
/* Clique na imagem com cursor de link */
.DivHomeImagemProd { cursor: pointer; }

/* Evita &#65533;cone/figura duplicada no bot&#65533;o "Adicionar ao carrinho" do motor */
.dynCartAdd img:not(:first-child),
.dynCartAdd svg:not(:first-child) { display: none !important; }