/* ==========================================================
   IQIT MEGAMENU — GOMAESPUMA A MEDIDA — TIENDA 3
   Elemento del menu: #cbp-hrmenu-tab-11
   ========================================================== */

/* El submenu debe tomar como referencia el menu completo. */
#cbp-hrmenu-tab-11 {
  position: static !important;
}

#cbp-hrmenu-tab-11::after {
  display: none !important;
}

/* Desplegable ancho, centrado y sin hueco al mover el raton. */
#cbp-hrmenu-tab-11 > .cbp-hrsub {
  top: calc(100% - 3px) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 18px 16px !important;
  background: transparent;
  border: 0;
}

/* Warehouse anade espacios propios al submenu; eliminarlos aqui. */
body #cbp-hrmenu-tab-11 .cbp-hrsub {
  padding: 0 18px 12px !important;
}

#cbp-hrmenu-tab-11 .cbp-hrsub-inner {
  width: calc(100vw - 60px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(70, 100, 71, 0.14);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(37, 42, 38, 0.16);
}

body #cbp-hrmenu-tab-11 .cbp-hrsub-inner {
  padding: 0 !important;
}

#cbp-hrmenu-tab-11 .iqitmegamenu-submenu-container {
  max-width: none !important;
  padding: 0 !important;
}

body #cbp-hrmenu-tab-11 .menu_row > .cbp-menu-column {
  margin-top: 0 !important;
}

/* Encabezado del desplegable. */
#cbp-hrmenu-tab-11 .cg-mega-intro {
  padding: 8px 18px 7px;
  text-align: center;
  border-bottom: 1px solid #e6ebe4;
}

#cbp-hrmenu-tab-11 .cg-mega-intro__eyebrow {
  display: block;
  margin-bottom: 2px;
  color: #63845f;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#cbp-hrmenu-tab-11 .cg-mega-intro strong {
  display: block;
  color: #252a26;
  font-size: 17px;
  line-height: 1.25;
}

#cbp-hrmenu-tab-11 .cg-mega-intro p {
  margin: 2px 0 0;
  color: #697069;
  font-size: 11px;
}

/* Fila de los cuatro productos. */
#cbp-hrmenu-tab-11 .menu-element-id-1 {
  margin: 0;
  padding: 8px 10px;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 > .cbp-menu-column {
  padding: 0 6px;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-miniature-container {
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 0 0 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e6df;
  border-radius: 9px;
  transition: transform 0.2s ease, box-shadow 0.2s ease,
    border-color 0.2s ease;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-miniature-container:hover {
  transform: translateY(-3px);
  border-color: #8da48a;
  box-shadow: 0 10px 22px rgba(70, 100, 71, 0.14);
}

/* Fotografias uniformes. */
#cbp-hrmenu-tab-11 .menu-element-id-1 .product-image-container {
  position: relative;
  height: 105px;
  margin-bottom: 6px;
  overflow: hidden;
  background: #f7f5ef;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-image-container img {
  display: block !important;
  width: 100%;
  height: 105px;
  max-height: none !important;
  object-fit: contain;
  transform: scale(1.9);
  transform-origin: center center;
  transition: transform 0.25s ease;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-image-container .product_img_link {
  display: block;
  width: 100%;
  height: 105px;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  .product-miniature-container:hover
  img {
  transform: scale(2.02);
}

/* Etiquetas de densidad sobre la imagen. */
#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column
  .product-image-container::after {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 4px 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  border-radius: 20px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(1)
  .product-image-container::after {
  content: "D20";
  background: #74a4bc;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(2)
  .product-image-container::after {
  content: "D25";
  background: #d19b45;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(3)
  .product-image-container::after {
  content: "D30";
  background: #63845f;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(4)
  .product-image-container::after {
  content: "HR D35";
  background: #756493;
}

/* Nombre simplificado de cada producto. */
#cbp-hrmenu-tab-11 .menu-element-id-1 .product-title {
  min-height: 22px;
  margin: 0 10px 1px;
  color: #252a26;
  font-size: 0;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-title::before {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(1)
  .product-title::before {
  content: "D20 Suave";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(2)
  .product-title::before {
  content: "D25 Alta densidad";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(3)
  .product-title::before {
  content: "D30 Extra firme";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(4)
  .product-title::before {
  content: "HR D35 Premium";
}

/* Texto breve de uso para cada densidad. */
#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column
  .product-miniature-container::after {
  display: block;
  min-height: 26px;
  margin: 0 10px 5px;
  color: #686f68;
  font-size: 10px;
  line-height: 1.3;
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(1)
  .product-miniature-container::after {
  content: "Para respaldos, manualidades y usos ligeros.";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(2)
  .product-miniature-container::after {
  content: "Para asientos, sofas y colchones de uso habitual.";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(3)
  .product-miniature-container::after {
  content: "Mayor soporte para aplicaciones de uso intensivo.";
}

#cbp-hrmenu-tab-11
  .menu-element-id-1
  > .cbp-menu-column:nth-child(4)
  .product-miniature-container::after {
  content: "Maximo confort, recuperacion y durabilidad.";
}

/* Precio inicial. */
#cbp-hrmenu-tab-11 .menu-element-id-1 .product-price-and-shipping {
  margin: 0 11px;
  padding-top: 4px;
  border-top: 1px solid #edf0eb;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-price::before {
  content: "Desde ";
  color: #777d77;
  font-size: 10px;
  font-weight: 400;
}

#cbp-hrmenu-tab-11 .menu-element-id-1 .product-price {
  color: #466447;
  font-size: 13px;
  font-weight: 800;
}

/* Franja inferior de ayuda. */
#cbp-hrmenu-tab-11 .cg-mega-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 8px 16px;
  background: #eef3ec;
  border-top: 1px solid #dce5d9;
}

#cbp-hrmenu-tab-11 .cg-mega-help__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#cbp-hrmenu-tab-11 .cg-mega-help__text strong {
  color: #354e37;
  font-size: 13px;
}

#cbp-hrmenu-tab-11 .cg-mega-help__text span {
  color: #616a61;
  font-size: 10px;
}

#cbp-hrmenu-tab-11 .cg-mega-help__actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}

#cbp-hrmenu-tab-11 .cg-mega-help__actions a {
  padding: 7px 10px;
  color: #466447;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  background: #fff;
  border: 1px solid #789076;
  border-radius: 7px;
}

#cbp-hrmenu-tab-11 .cg-mega-help__actions a:last-child {
  color: #fff;
  background: #466447;
  border-color: #466447;
}

#cbp-hrmenu-tab-11 .cg-mega-help__actions a:hover {
  color: #fff;
  background: #63845f;
  border-color: #63845f;
}

/* Portatiles y pantallas medianas. */
@media (max-width: 1100px) and (min-width: 768px) {
  #cbp-hrmenu-tab-11 .cbp-hrsub-inner {
    width: calc(100vw - 30px) !important;
  }

  #cbp-hrmenu-tab-11 .cg-mega-help {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  #cbp-hrmenu-tab-11 .menu-element-id-1 .product-image-container,
  #cbp-hrmenu-tab-11 .menu-element-id-1 .product-image-container img {
    height: 115px;
  }
}

/* El menu movil de IQIT utiliza su propia estructura. */
@media (max-width: 767px) {
  #cbp-hrmenu-tab-11 > .cbp-hrsub {
    padding: 0 !important;
  }

  #cbp-hrmenu-tab-11 .cbp-hrsub-inner {
    width: 100% !important;
    border-radius: 0;
    box-shadow: none;
  }

  #cbp-hrmenu-tab-11 .cg-mega-help,
  #cbp-hrmenu-tab-11 .cg-mega-help__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* ==========================================================
   RESTO DE MEGAMENUS — TIENDA 3
   15 Planchas | 12 Colchones | 13 Bases | 14 Complementos
   ========================================================== */

/* Base comun: ancho, continuidad y panel. */
:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) {
  position: static !important;
}

body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .cbp-hrsub {
  top: calc(100% - 3px) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 18px 12px !important;
  background: transparent;
  border: 0;
}

body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .cbp-hrsub-inner {
  width: calc(100vw - 60px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(70, 100, 71, 0.14);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(37, 42, 38, 0.16);
}

body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .iqitmegamenu-submenu-container {
  max-width: none !important;
  padding: 0 !important;
}

body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .menu_row {
  margin: 0 !important;
  padding: 10px !important;
}

body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .menu_row > .cbp-menu-column {
  margin-top: 0 !important;
  padding: 5px !important;
}

/* Titulos superiores sin crear mas filas HTML. */
#cbp-hrmenu-tab-15 .iqitmegamenu-submenu-container::before,
#cbp-hrmenu-tab-12 .iqitmegamenu-submenu-container::before,
#cbp-hrmenu-tab-13 .iqitmegamenu-submenu-container::before,
#cbp-hrmenu-tab-14 .iqitmegamenu-submenu-container::before {
  display: block;
  padding: 10px 18px 8px;
  color: #252a26;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  border-bottom: 1px solid #e6ebe4;
}

#cbp-hrmenu-tab-15 .iqitmegamenu-submenu-container::before {
  content: "Planchas de 100 x 200 cm: elija densidad y grosor";
}

#cbp-hrmenu-tab-12 .iqitmegamenu-submenu-container::before {
  content: "Encuentre el colchon adecuado para su descanso";
}

#cbp-hrmenu-tab-13 .iqitmegamenu-submenu-container::before {
  content: "El soporte adecuado para cada colchon";
}

#cbp-hrmenu-tab-14 .iqitmegamenu-submenu-container::before {
  content: "Complete y proteja su equipo de descanso";
}

/* ----------------------------------------------------------
   PLANCHAS: cuatro tarjetas de producto compactas
   ---------------------------------------------------------- */
#cbp-hrmenu-tab-15 .product-miniature-container {
  position: relative;
  height: auto !important;
  overflow: hidden;
  padding-bottom: 9px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e6df;
  border-radius: 9px;
  transition: transform 0.2s ease, box-shadow 0.2s ease,
    border-color 0.2s ease;
}

#cbp-hrmenu-tab-15 .product-miniature-container:hover {
  transform: translateY(-3px);
  border-color: #8da48a;
  box-shadow: 0 10px 22px rgba(70, 100, 71, 0.14);
}

#cbp-hrmenu-tab-15 .product-image-container {
  height: 100px;
  margin-bottom: 5px;
  overflow: hidden;
  background: #f7f5ef;
}

#cbp-hrmenu-tab-15 .product-image-container .product_img_link {
  display: block;
  width: 100%;
  height: 100px;
}

#cbp-hrmenu-tab-15 .product-image-container img {
  display: block !important;
  width: 100%;
  height: 100px !important;
  max-height: none !important;
  object-fit: contain;
  transform: scale(1.75);
  transform-origin: center;
  transition: transform 0.25s ease;
}

#cbp-hrmenu-tab-15 .product-miniature-container:hover img {
  transform: scale(1.86);
}

#cbp-hrmenu-tab-15 .product-title {
  min-height: 34px;
  margin: 0 10px 3px;
  font-size: 12px;
  line-height: 1.25;
}

#cbp-hrmenu-tab-15 .product-title a {
  color: #252a26;
  font-weight: 700;
}

#cbp-hrmenu-tab-15 .product-price-and-shipping {
  margin: 0 10px;
  padding-top: 5px;
  border-top: 1px solid #edf0eb;
}

#cbp-hrmenu-tab-15 .product-price::before {
  content: "Desde ";
  color: #777d77;
  font-size: 10px;
  font-weight: 400;
}

#cbp-hrmenu-tab-15 .product-price {
  color: #466447;
  font-size: 13px;
  font-weight: 800;
}

/* ----------------------------------------------------------
   CATEGORIAS: tarjetas visuales compactas
   ---------------------------------------------------------- */
#cbp-hrmenu-tab-12 .menu_row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#cbp-hrmenu-tab-13 .menu_row,
#cbp-hrmenu-tab-14 .menu_row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14)
  .menu_row
  > .cbp-menu-column {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
}

:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14)
  .cbp-menu-column-inner {
  height: 100%;
}

:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14)
  .cbp-category-title {
  display: flex !important;
  align-items: center;
  min-height: 64px;
  height: 100%;
  padding: 10px 12px !important;
  color: #2e352f !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  background: #f8faf7;
  border: 1px solid #e0e7de;
  border-radius: 9px;
  transition: transform 0.2s ease, background 0.2s ease,
    border-color 0.2s ease, box-shadow 0.2s ease;
}

:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14)
  .cbp-category-title:hover {
  transform: translateY(-2px);
  color: #466447 !important;
  background: #fff;
  border-color: #91a88e;
  box-shadow: 0 8px 18px rgba(70, 100, 71, 0.12);
}

:is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14)
  .cbp-category-title::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  color: #466447;
  font-family: FontAwesome;
  font-size: 17px;
  font-weight: 400;
  background: #eaf1e8;
  border-radius: 50%;
}

/* Iconos para Colchones. */
#cbp-hrmenu-tab-12 .cbp-menu-column:nth-child(1) .cbp-category-title::before,
#cbp-hrmenu-tab-12 .cbp-menu-column:nth-child(2) .cbp-category-title::before {
  content: "\f236";
}

#cbp-hrmenu-tab-12 .cbp-menu-column:nth-child(3) .cbp-category-title::before {
  content: "\f0c8";
}

/* Iconos para Bases y somieres. */
#cbp-hrmenu-tab-13 .cbp-menu-column:nth-child(1) .cbp-category-title::before {
  content: "\f096";
}

#cbp-hrmenu-tab-13 .cbp-menu-column:nth-child(2) .cbp-category-title::before {
  content: "\f00a";
}

#cbp-hrmenu-tab-13 .cbp-menu-column:nth-child(3) .cbp-category-title::before {
  content: "\f187";
}

#cbp-hrmenu-tab-13 .cbp-menu-column:nth-child(4) .cbp-category-title::before {
  content: "\f0ad";
}

/* Iconos para Almohadas y complementos. */
/* Almohadas viscoelasticas, de fibra y cojines: almohada dibujada con CSS. */
#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(1) .cbp-category-title::before,
#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(2) .cbp-category-title::before,
#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(6) .cbp-category-title::before {
  content: "";
  flex-basis: 38px;
  width: 38px;
  height: 27px;
  background: #eaf1e8;
  border: 2px solid #63845f;
  border-radius: 45% 45% 40% 40% / 38% 38% 48% 48%;
  box-shadow: inset 0 0 0 4px #fff;
}

#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(3) .cbp-category-title::before {
  content: "\f132";
}

#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(4) .cbp-category-title::before {
  content: "\f236";
}

#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(5) .cbp-category-title::before {
  content: "\f24d";
}

#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(7) .cbp-category-title::before {
  content: "\f1b3";
}

#cbp-hrmenu-tab-14 .cbp-menu-column:nth-child(8) .cbp-category-title::before {
  content: "\f06c";
}

@media (max-width: 1100px) and (min-width: 768px) {
  body :is(#cbp-hrmenu-tab-12, #cbp-hrmenu-tab-13, #cbp-hrmenu-tab-14, #cbp-hrmenu-tab-15) .cbp-hrsub-inner {
    width: calc(100vw - 30px) !important;
  }
}