.img-responsive {
  width: 100%;
  height: auto;
}

.bx {
  font-size: x-large;
}

.W25 {
  width: min(25px, 100%) !important;
  max-width: 25px !important;
}

table .W25 {
  width: 25px !important;
  max-width: 25px !important;
}

.W50 {
  width: min(50px, 100%) !important;
  max-width: 50px !important;
}

table .W50 {
  width: 50px !important;
  max-width: 50px !important;
}

.W75 {
  width: min(75px, 100%) !important;
  max-width: 75px !important;
}

table .W75 {
  width: 75px !important;
  max-width: 75px !important;
}

.W100 {
  width: min(100px, 100%) !important;
  max-width: 100px !important;
}

table .W100 {
  width: 100px !important;
  max-width: 100px !important;
}

.W125 {
  width: min(125px, 100%) !important;
  max-width: 125px !important;
}

table .W125 {
  width: 125px !important;
  max-width: 125px !important;
}

.W150 {
  width: min(150px, 100%) !important;
  max-width: 150px !important;
}

table .W150 {
  width: 150px !important;
  max-width: 150px !important;
}

.W175 {
  width: min(175px, 100%) !important;
  max-width: 175px !important;
}

table .W175 {
  width: 175px !important;
  max-width: 175px !important;
}

.W200 {
  width: min(200px, 100%) !important;
  max-width: 200px !important;
}

table .W200 {
  width: 200px !important;
  max-width: 200px !important;
}

.W225 {
  width: min(225px, 100%) !important;
  max-width: 225px !important;
}

table .W225 {
  width: 225px !important;
  max-width: 225px !important;
}

.W250 {
  width: min(250px, 100%) !important;
  max-width: 250px !important;
}

table .W250 {
  width: 250px !important;
  max-width: 250px !important;
}

.W275 {
  width: min(275px, 100%) !important;
  max-width: 275px !important;
}

table .W275 {
  width: 275px !important;
  max-width: 275px !important;
}

.W300 {
  width: min(300px, 100%) !important;
  max-width: 300px !important;
}

table .W300 {
  width: 300px !important;
  max-width: 300px !important;
}

.W325 {
  width: min(325px, 100%) !important;
  max-width: 325px !important;
}

table .W325 {
  width: 325px !important;
  max-width: 325px !important;
}

.W350 {
  width: min(350px, 100%) !important;
  max-width: 350px !important;
}

table .W350 {
  width: 350px !important;
  max-width: 350px !important;
}

.W375 {
  width: min(375px, 100%) !important;
  max-width: 375px !important;
}

table .W375 {
  width: 375px !important;
  max-width: 375px !important;
}

.W400 {
  width: min(400px, 100%) !important;
  max-width: 400px !important;
}

table .W400 {
  width: 400px !important;
  max-width: 400px !important;
}

.W425 {
  width: min(425px, 100%) !important;
  max-width: 425px !important;
}

table .W425 {
  width: 425px !important;
  max-width: 425px !important;
}

.W450 {
  width: min(450px, 100%) !important;
  max-width: 450px !important;
}

table .W450 {
  width: 450px !important;
  max-width: 450px !important;
}

.W475 {
  width: min(475px, 100%) !important;
  max-width: 475px !important;
}

table .W475 {
  width: 475px !important;
  max-width: 475px !important;
}

.W500 {
  width: min(500px, 100%) !important;
  max-width: 500px !important;
}

table .W500 {
  width: 500px !important;
  max-width: 500px !important;
}

.W525 {
  width: min(525px, 100%) !important;
  max-width: 525px !important;
}

table .W525 {
  width: 525px !important;
  max-width: 525px !important;
}

.W550 {
  width: min(550px, 100%) !important;
  max-width: 550px !important;
}

table .W550 {
  width: 550px !important;
  max-width: 550px !important;
}

.W575 {
  width: min(575px, 100%) !important;
  max-width: 575px !important;
}

table .W575 {
  width: 575px !important;
  max-width: 575px !important;
}

.W600 {
  width: min(600px, 100%) !important;
  max-width: 600px !important;
}

table .W600 {
  width: 600px !important;
  max-width: 600px !important;
}

.W625 {
  width: min(625px, 100%) !important;
  max-width: 625px !important;
}

table .W625 {
  width: 625px !important;
  max-width: 625px !important;
}

.W650 {
  width: min(650px, 100%) !important;
  max-width: 650px !important;
}

table .W650 {
  width: 650px !important;
  max-width: 650px !important;
}

.W675 {
  width: min(675px, 100%) !important;
  max-width: 675px !important;
}

table .W675 {
  width: 675px !important;
  max-width: 675px !important;
}

.W700 {
  width: min(700px, 100%) !important;
  max-width: 700px !important;
}

table .W700 {
  width: 700px !important;
  max-width: 700px !important;
}

.W725 {
  width: min(725px, 100%) !important;
  max-width: 725px !important;
}

table .W725 {
  width: 725px !important;
  max-width: 725px !important;
}

.W750 {
  width: min(750px, 100%) !important;
  max-width: 750px !important;
}

table .W750 {
  width: 750px !important;
  max-width: 750px !important;
}

.W775 {
  width: min(775px, 100%) !important;
  max-width: 775px !important;
}

table .W775 {
  width: 775px !important;
  max-width: 775px !important;
}

.W800 {
  width: min(800px, 100%) !important;
  max-width: 800px !important;
}

table .W800 {
  width: 800px !important;
  max-width: 800px !important;
}

.W825 {
  width: min(825px, 100%) !important;
  max-width: 825px !important;
}

table .W825 {
  width: 825px !important;
  max-width: 825px !important;
}

.W850 {
  width: min(850px, 100%) !important;
  max-width: 850px !important;
}

table .W850 {
  width: 850px !important;
  max-width: 850px !important;
}

.W875 {
  width: min(875px, 100%) !important;
  max-width: 875px !important;
}

table .W875 {
  width: 875px !important;
  max-width: 875px !important;
}

.W900 {
  width: min(900px, 100%) !important;
  max-width: 900px !important;
}

table .W900 {
  width: 900px !important;
  max-width: 900px !important;
}

.W925 {
  width: min(925px, 100%) !important;
  max-width: 925px !important;
}

table .W925 {
  width: 925px !important;
  max-width: 925px !important;
}

.W950 {
  width: min(950px, 100%) !important;
  max-width: 950px !important;
}

table .W950 {
  width: 950px !important;
  max-width: 950px !important;
}

.W975 {
  width: min(975px, 100%) !important;
  max-width: 975px !important;
}

table .W975 {
  width: 975px !important;
  max-width: 975px !important;
}

.W1000 {
  width: min(1000px, 100%) !important;
  max-width: 1000px !important;
}

table .W1000 {
  width: 1000px !important;
  max-width: 1000px !important;
}

.W1025 {
  width: min(1025px, 100%) !important;
  max-width: 1025px !important;
}

table .W1025 {
  width: 1025px !important;
  max-width: 1025px !important;
}

.W1050 {
  width: min(1050px, 100%) !important;
  max-width: 1050px !important;
}

table .W1050 {
  width: 1050px !important;
  max-width: 1050px !important;
}

.W1075 {
  width: min(1075px, 100%) !important;
  max-width: 1075px !important;
}

table .W1075 {
  width: 1075px !important;
  max-width: 1075px !important;
}

.W1100 {
  width: min(1100px, 100%) !important;
  max-width: 1100px !important;
}

table .W1100 {
  width: 1100px !important;
  max-width: 1100px !important;
}

.W1125 {
  width: min(1125px, 100%) !important;
  max-width: 1125px !important;
}

table .W1125 {
  width: 1125px !important;
  max-width: 1125px !important;
}

.W1150 {
  width: min(1150px, 100%) !important;
  max-width: 1150px !important;
}

table .W1150 {
  width: 1150px !important;
  max-width: 1150px !important;
}

.W1175 {
  width: min(1175px, 100%) !important;
  max-width: 1175px !important;
}

table .W1175 {
  width: 1175px !important;
  max-width: 1175px !important;
}

.W1200 {
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
}

table .W1200 {
  width: 1200px !important;
  max-width: 1200px !important;
}

.W1225 {
  width: min(1225px, 100%) !important;
  max-width: 1225px !important;
}

table .W1225 {
  width: 1225px !important;
  max-width: 1225px !important;
}

.W1250 {
  width: min(1250px, 100%) !important;
  max-width: 1250px !important;
}

table .W1250 {
  width: 1250px !important;
  max-width: 1250px !important;
}

.W1275 {
  width: min(1275px, 100%) !important;
  max-width: 1275px !important;
}

table .W1275 {
  width: 1275px !important;
  max-width: 1275px !important;
}

.W1300 {
  width: min(1300px, 100%) !important;
  max-width: 1300px !important;
}

table .W1300 {
  width: 1300px !important;
  max-width: 1300px !important;
}

.W1325 {
  width: min(1325px, 100%) !important;
  max-width: 1325px !important;
}

table .W1325 {
  width: 1325px !important;
  max-width: 1325px !important;
}

.W1350 {
  width: min(1350px, 100%) !important;
  max-width: 1350px !important;
}

table .W1350 {
  width: 1350px !important;
  max-width: 1350px !important;
}

.W1375 {
  width: min(1375px, 100%) !important;
  max-width: 1375px !important;
}

table .W1375 {
  width: 1375px !important;
  max-width: 1375px !important;
}

.W1400 {
  width: min(1400px, 100%) !important;
  max-width: 1400px !important;
}

table .W1400 {
  width: 1400px !important;
  max-width: 1400px !important;
}

.W1425 {
  width: min(1425px, 100%) !important;
  max-width: 1425px !important;
}

table .W1425 {
  width: 1425px !important;
  max-width: 1425px !important;
}

.W1450 {
  width: min(1450px, 100%) !important;
  max-width: 1450px !important;
}

table .W1450 {
  width: 1450px !important;
  max-width: 1450px !important;
}

.W1475 {
  width: min(1475px, 100%) !important;
  max-width: 1475px !important;
}

table .W1475 {
  width: 1475px !important;
  max-width: 1475px !important;
}

.W1500 {
  width: min(1500px, 100%) !important;
  max-width: 1500px !important;
}

table .W1500 {
  width: 1500px !important;
  max-width: 1500px !important;
}

.WX100 {
  width: 100% !important;
}

.WY100 {
  height: 100% !important;
}

/* --------------------------------------------------------------------
   Formularios
   -------------------------------------------------------------------- */
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row .form-group {
  margin-bottom: 1rem;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-control {
  --bs-input-border-color: color-mix(
    in sRGB,
    var(--bs-base-color) 75%,
    var(--bs-paper-bg)
  );
}

.input-group {
  --bs-input-group-addon-border-color: color-mix(
    in sRGB,
    var(--bs-base-color) 75%,
    var(--bs-paper-bg)
  );
}

@media (max-width: 576px) {
  /* En móvil, las columnas de un form-row pasan a ocupar todo el ancho
	   salvo que ya usen clases responsive de grid (col-*, col-sm-*, etc). */
  .form-row {
    margin-right: -4px;
    margin-left: -4px;
  }
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  display: none;
}

.table .white-space-nowrap {
  white-space: nowrap;
}

.table td.fit,
.table th.fit {
  white-space: nowrap;
  width: 1%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 576px) {
  .table td.fit,
  .table th.fit {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* ALTURA SELECT2 */
.form-floating .select2-selection.select2-selection--single,
.form-floating .select2.select2-container.select2-container--default {
  min-height: 58px !important;
}

.form-floating
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-size: 25px 24px !important;
  top: inherit !important;
  height: 22px !important;
  width: 22px !important;
}

.form-floating .select2-selection__rendered {
  height: 100% !important;
  align-content: end;
}

.form-floating .select2-selection__arrow {
  height: 100% !important;
  margin-top: 1rem;
}

.form-floating .select2-selection__clear {
  top: -9px !important;
  margin-right: 3px !important;
}

/* Los controles nativos con "chrome" propio del navegador dentro de
   form-floating (select, date, time...) pueden mostrar el valor en una
   posicion vertical distinta segun esten enfocados/abiertos o no. Se fija
   explicitamente para que la posicion no cambie entre ambos estados. */
.form-floating > .form-select,
.form-floating > .form-select:focus,
.form-floating > input[type="date"],
.form-floating > input[type="date"]:focus,
.form-floating > input[type="time"],
.form-floating > input[type="time"]:focus,
.form-floating > input[type="datetime-local"],
.form-floating > input[type="datetime-local"]:focus,
.form-floating > input[type="month"],
.form-floating > input[type="month"]:focus {
  padding-top: 1.625rem !important;
  padding-bottom: 0.625rem !important;
  line-height: 1.25 !important;
}

/* ==========================================================================
   Shop > Envio (shipment.php)
   ========================================================================== */

.icon-comunicate {
  max-height: 75px;
  width: auto;
}

.icon-objetivo {
  max-height: 100px;
  width: auto;
}

@media (max-width: 576px) {
  .icon-comunicate {
    max-height: 55px;
  }

  .icon-objetivo {
    max-height: 70px;
  }
}

.progress-lg {
  height: 20px;
}

.fs-11 {
  font-size: 11px;
}

.px-featured {
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 992px) {
  .px-featured {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 576px) {
  .px-featured {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.titulo-limitadas {
  color: #1178bb;
  border-bottom: 2px solid #cccc;
}

.img-tit-oferta {
  height: 95px;
}

.tit-oferta {
  color: #f5f5f9;
  font-size: 51px;
  font-weight: 900;
  font-family: Montserrat, sans-serif;
  background-color: #1178bb;
  padding: 5px 0;
  text-shadow:
    -1px -1px 1px rgb(255 255 255 / 10%),
    1px 1px 1px rgb(0 0 0 / 30%),
    1px 1px 2px #000000;
}

@media (max-width: 992px) {
  .img-tit-oferta {
    height: 65px;
  }

  .tit-oferta {
    font-size: 38px;
    line-height: 38px;
  }
}

@media (max-width: 576px) {
  .img-tit-oferta {
    height: 40px;
  }

  .tit-oferta {
    font-size: 26px;
    line-height: 26px;
    padding: 4px 0;
  }
}

.tit-oferta-wrapper {
  margin: 15px 30px 0;
  border-bottom: 5px solid var(--bs-primary);
}

@media (max-width: 576px) {
  .tit-oferta-wrapper {
    margin: 10px 10px 0;
    border-bottom-width: 3px;
  }
}

.card-oferta {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

.mb-oferta-principal {
  margin-bottom: 80px;
}

@media (max-width: 576px) {
  .mb-oferta-principal {
    margin-bottom: 40px;
  }
}

.card-oferta-titulo {
  font-size: 14px;
  font-weight: 700;
  color: #006fb7;
}

.card-oferta-info {
  min-height: 65px;
}

@media (max-width: 576px) {
  .card-oferta-info {
    min-height: 0;
  }
}

.text-oferta-producto {
  font-size: 12px;
  color: #000;
}

.card-oferta-precio-info {
  font-size: 15px;
  color: #fa9400;
  font-weight: 800;
}

.card-oferta-comprar {
  min-height: 60px;
  position: relative;
}

@media (max-width: 576px) {
  .card-oferta-comprar {
    min-height: 0;
  }

  .card-oferta-precio-info {
    font-size: 13px;
  }
}

.btn-oferta-comprar {
  font-size: 12px;
}

.badge-oferta-precio {
  background: #0066d0;
}

.text-tarifa {
  color: #ebd8bc;
}

/* Bloque "Precio unitario" en la card de oferta (antes: style="width: 8.5rem" inline) */
.precio-unitario-box {
  width: 8.5rem;
}

@media (max-width: 380px) {
  .precio-unitario-box {
    width: 7rem;
    font-size: 0.9em;
  }
}

/* --------------------------------------------------------------------
   Botón flotante "Comunícate" (solo móvil)
   En desktop/tablet el enlace se muestra tal cual (icono + texto, en el
   header). En móvil se convierte en un FAB circular fijo al pie derecho
   de la pantalla, con solo el icono, para no ocupar espacio en la
   cabecera ni competir con el título.
   -------------------------------------------------------------------- */
.btn-comunicate-fab i {
  color: var(--bs-custom-link-color);
  font-size: xx-large;
}

@media (max-width: 767.98px) {
  .btn-comunicate-fab {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 50%;

    background-color: var(--bs-primary, #1178bb);
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%);

    transition:
      transform 0.15s ease,
      box-shadow 0.15s ease;
  }

  .btn-comunicate-fab:active {
    transform: scale(0.94);
    box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
  }

  .btn-comunicate-fab i {
    color: white;
    font-size: 26px;
  }

  .btn-comunicate-fab__label {
    /* El texto "COMUNÍCATE CON SIMÓNRACK" no cabe en el FAB;
		   se oculta visualmente pero se mantiene para lectores de pantalla. */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

.hr-oferta {
  border-bottom: 1px dashed #fff;
  margin: 5px;
}

/* --------------------------------------------------------------------
   Listado secundario de ofertas — componentes/ofertas.php
   Reutiliza las clases .card-oferta / .card-oferta-titulo / etc. ya
   definidas arriba para el listado de "unidades limitadas", así ambos
   listados de ofertas comparten el mismo comportamiento responsive.
   -------------------------------------------------------------------- */
.text-oferta-fecha {
  color: #0066d0;
}

/* --------------------------------------------------------------------
   Línea de producto (nombre + badges) — _pedido_linea_producto_info.php
   En desktop se trunca con "..." si no cabe (evita que un nombre largo
   rompa la fila de la tabla); en móvil se permite el salto de línea
   completo porque ya no hay una fila de tabla ancha que proteger y es
   más útil ver el nombre entero que cortarlo.
   -------------------------------------------------------------------- */
.linea-producto-nombre {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width: 576px) {
  .linea-producto-nombre {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}
.objetivo-search-item {
  flex-grow: 1;
  min-width: 220px;
}
@media (max-width: 1200px) {
  .product {
    padding: 10px 5px!important;
  }
  .product p{
    font-size: 12px!important;
  }
  .product label{
    font-size: 12px!important;
  }
  .MOV_img {
    width: 100% !important;
    height: auto;
  }
}
.MOV_img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .dto-actual-box {
    border-right: solid 1px #006fb7;
  }
}

/* --------------------------------------------------------------------
   Select2 en móvil (mejoras táctiles, sin tocar el CSS del plugin)
   -------------------------------------------------------------------- */
/* iOS Safari hace zoom automático al enfocar un input con
   font-size menor de 16px. El campo de búsqueda del desplegable
   hereda el tamaño de fuente del body; esto lo fija explícitamente
   para que enfocar el buscador de Select2 no dispare el zoom. */
.select2-container--open .select2-search--dropdown .select2-search__field {
  font-size: 16px;
}

@media (max-width: 576px) {
  /* Opciones de la lista más altas en móvil: objetivo táctil más
	   fácil de acertar con el dedo que el padding de escritorio. */
  .select2-results__option[role="option"] {
    padding-block: 0.75rem;
  }
}

/* --------------------------------------------------------------------
   Accesibilidad
   Todo queda escapado a #main-table 
   Apartado de budget-search-card quitado ya que no tiene sentido hacerlo solo en presupuesto 
   si se hiciera seria en todos los buscadores, si se pone quitar el outline de los hover 
   ya que en la app ya tiene 1 con el color configrado para la pp.
   -------------------------------------------------------------------- */
#main-table {
  font-size: .85rem;
}

#main-table thead th {
  font-size: .85rem;
  letter-spacing: 0.02em;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#main-table td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  line-height: 1.5;
}

/* Los enlaces (nº de presupuesto, cliente) se veían en un naranja
   claro que sobre fondo blanco no llega al contraste mínimo
   recomendado (WCAG AA, 4.5:1) para baja visión. Se oscurece y se
   subraya para que no dependan solo del color para reconocerse. */
#main-table td > a {
  color: #1070b4;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

#main-table a:hover,
#main-table a:focus {
  color: #0d588d;
}

/* Casillas de selección y menú de acciones ("⋮") más grandes: son
   objetivos táctiles muy pequeños por defecto. */
#main-table input[type="checkbox"] {
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}

#main-table .dropdown-toggle {
  font-size: 1.3rem;
  padding: 0.4rem 0.6rem !important;
}

@media (max-width: 576px) {
  #main-table {
    font-size: 1rem;
  }
}

/* --------------------------------------------------------------------
   Menú de categorías del shop (shop_menu.php) — versión móvil
   El widget "menu-horizontal" del tema está pensado para escritorio
   (barra horizontal + submenús flotantes con position:absolute). En
   móvil eso se traducía en texto apretado en una sola línea y
   submenús que podían abrirse fuera de la pantalla. Por debajo de
   768px se oculta tras un botón ("Categorías de producto") y se
   muestra como una lista vertical, con los submenús expandiéndose en
   línea (apilados, con sangría por nivel) en vez de flotantes.

   Nota: la regla ".menu-item.open > .menu-sub" asume que el menu.js
   del tema añade la clase "open" al <li> al desplegar un submenú
   (es la convención habitual en esta familia de temas). Si al
   comprobarlo en el móvil el submenú no se despliega, inspecciona el
   <li> tras pulsar sobre "FAMILIA/CATEGORÍA" para ver qué clase le
   añade realmente el JS y ajusta ese selector.
   -------------------------------------------------------------------- */
.shop-menu-mobile-toggle__chevron {
  transition: transform 0.2s ease;
}

.shop-menu-mobile-toggle[aria-expanded="true"]
  .shop-menu-mobile-toggle__chevron {
  transform: rotate(180deg);
}

@media (max-width: 767.98px) {
  #shop_menu_horizontal .container-fluid {
    height: auto;
    flex-direction: column;
    align-items: stretch;
  }

  #shop_menu_horizontal .menu-inner {
    display: none;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0.5rem;
  }

  #shop_menu_horizontal .menu-inner.shop-menu-inner--open {
    display: flex;
  }

  #shop_menu_horizontal .menu-item {
    width: 100%;
  }

  #shop_menu_horizontal .menu-link {
    padding: 0.65rem 1rem;
  }

  #shop_menu_horizontal .menu-sub {
    position: static !important;
    display: none;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-shadow: none !important;
    background: rgb(0 0 0 / 4%);
    border-radius: 0;
  }

  #shop_menu_horizontal .menu-item.open > .menu-sub {
    display: block;
  }

  #shop_menu_horizontal .menu-sub .menu-link {
    padding-left: 2rem;
  }

  #shop_menu_horizontal .menu-sub .menu-sub .menu-link {
    padding-left: 3rem;
  }

  #shop_menu_horizontal .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 4rem;
  }
}
.dt-scroll-body{
  min-height: 190px;
}