/* .contenedor-totales-ventas-pos {
  width: 100%;
  height: 88vh;
  overflow-y: auto;
  overflow-x: hidden;
} */
.contenedor-productos-ventas input,
.contenedor-productos-ventas select {
  outline: none !important;
  border-style: none !important;
  border-radius: 12px !important;
  /* Modern rounded */
  border: 1px solid #dce0e6 !important;
  background-color: #fdfdfd;
  height: 42px !important;
  /* Taller inputs */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  transition: all 0.3s;
}

.contenedor-productos-ventas input:focus,
.contenedor-productos-ventas select:focus {
  border-color: #3498db !important;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.productos-pos .productos-pos-venta .btn-mas-menos {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 370px;
}

.productos-pos .productos-pos-venta .precio-uni-pos {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 600px;
}

.productos-pos .productos-pos-venta .formFotoPos {
  background-color: #3458db;
}

.productos-pos {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: 90vh;
  /* Keep original height */
  padding: 15px;
  /* More padding */
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f4f6f9;
  /* Light grey background for contrast */
}

/* CARD DESIGN START */
.productos-pos .productos-pos-venta {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  /* Better spacing */
  align-items: center;
  width: 260px;
  /* EVEN WIDER CARDS (3 per row usually) */
  height: 420px;
  /* Taller */
  margin: 15px;
  /* More breathing room */
  border: none;
  /* No border */
  padding: 15px;
  border-radius: 20px;
  /* Soft corners */
  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  /* Subtle shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  /* Clip ribbon */
}

/* ADD TO CART OVERLAY */
.productos-pos .productos-pos-venta .btn-agregar-ps-pos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  /* Match new image height */
  background-color: rgba(44, 62, 80, 0.75);
  /* Dark semi-transparent */
  display: flex !important;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  z-index: 5;
  border-radius: 20px 20px 0 0;
  /* Top corners rounded */
}

.productos-pos .productos-pos-venta:hover .btn-agregar-ps-pos {
  opacity: 1;
}

.productos-pos .productos-pos-venta .btn-agregar-ps-pos i {
  color: #fff;
  font-size: 2.5em;
  /* Larger icon */
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}


/* RIBBON STYLES */
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 10;
  pointer-events: none;
}

.ribbon {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 5px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  font-size: 11px;
  letter-spacing: 0.5px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
}


.productos-pos .productos-pos-venta:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border-color: #fff;
}

/* Image & Container */
.pos-image-container {
  position: relative;
  width: 100%;
  height: 190px;
  margin-bottom: 12px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}

.productos-pos .productos-pos-venta img {
  width: 100%;
  height: 100%;
  /* Fill container */
  object-fit: cover;
  border-radius: 18px;
  display: block;
}

.productos-pos .productos-pos-venta * {
  margin: 2px;
  text-align: center;
}

/* Metadata Badges (Code & Category) */
.detalles-producto-pos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px; /* Reduced gap */
  margin-bottom: 8px;
  flex-wrap: nowrap; /* Prevent wrapping */
  width: 100%;
}

.badge-pos-codigo,
.badge-pos-categoria {
  font-size: 9px !important;
  /* Tiny detail */
  padding: 3px 6px !important;
  border-radius: 8px;
  font-weight: 700;
  display: inline-block; /* Required for ellipsis */
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  
  /* Truncation */
  max-width: 48%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.badge-pos-codigo {
  background-color: #f1f2f6;
  color: #7f8c8d !important;
  /* Visible Dark Grey */
  border: none;
}

.badge-pos-categoria {
  background-color: #fff0f6;
  color: #d63031 !important;
  /* Visible Red */
  border: none;
}

/* ADD TO CART OVERLAY (Inside Container) */
.btn-agregar-ps-pos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Fill container */
  background-color: rgba(44, 62, 80, 0.85);
  /* Slightly darker */
  display: flex !important;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  z-index: 5;
  border-radius: 18px;
  /* Match image exactly */
}

.pos-image-container:hover .btn-agregar-ps-pos {
  opacity: 1;
}

.btn-agregar-ps-pos i {
  color: #fff;
  font-size: 3em !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
  transition: transform 0.2s;
}

.pos-image-container:hover .btn-agregar-ps-pos i {
  transform: scale(1.1);
}

/* Elegant Price Styling - UNNESTED */
.productos-pos .productos-pos-venta .precio-unitario {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 24px !important;
  color: #2c3e50;
  background: none;
  padding: 0;
  margin-top: auto;
  margin-bottom: 15px;
  border-radius: 0;
  letter-spacing: -0.5px;
}

/* Optional: Put currency in smaller font if PHP sends "S/" separately, 
   but since it's one string, we style the whole block. 
   Let's add a green accent line under the price? */
.productos-pos .productos-pos-venta .precio-unitario::after {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: #27ae60;
  margin: 5px auto 0 auto;
  border-radius: 2px;
}

.productos-pos .productos-pos-venta .descripcion-pos {
  color: #333 !important;
  font-size: 13px; /* Slightly smaller to fit more */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2 lines max */
  -webkit-box-orient: vertical;
  min-height: 38px; /* Height for 2 lines */
  height: 38px; 
  overflow: hidden; /* Hide overflow */
  text-overflow: ellipsis;
  z-index: 10;
  margin: 10px 0;
  line-height: 1.4;
  width: 100%;
}


/* Inputs inside card */
.productos-pos .productos-pos-venta .fotoPos {
  display: none !important;
}

/* Minimalist Quantity Controls */
.productos-pos .productos-pos-venta .input-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  /* Spread out */
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 45px !important;
  border-radius: 12px;
  background: #f8f9fa;
  /* Light grey bg */
  padding: 4px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03);
}

.productos-pos .productos-pos-venta input {
  outline: none;
  border: none !important;
  background: transparent !important;
  font-weight: 700;
  font-size: 18px;
  color: #2c3e50;
  width: 60px;
  height: 100%;
  text-align: center;
  margin: 0 !important;
}

/* Minus Button: Clean Grey */
.productos-pos .productos-pos-venta .btn-pos-menos {
  width: 38px !important;
  height: 38px !important;
  background: white !important;
  color: #7f8c8d;
  border-radius: 10px !important;
  border: 1px solid #ecf0f1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.productos-pos .productos-pos-venta .btn-pos-menos:hover {
  background: #ecf0f1 !important;
  color: #c0392b;
}

/* Plus Button: Vibrant Brand Color */
.productos-pos .productos-pos-venta .btn-pos-mas {
  width: 38px !important;
  height: 38px !important;
  background: #2c3e50 !important;
  /* Dark Blue */
  color: white;
  border-radius: 10px !important;
  border: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 10px rgba(44, 62, 80, 0.3);
}

.productos-pos .productos-pos-venta .btn-pos-mas:hover {
  background: #34495e !important;
  transform: scale(1.05);
}


.productos-pos .productos-pos-venta .btn-pos-mas:hover,
.productos-pos .productos-pos-venta .btn-pos-menos:hover {
  opacity: 0.9;
}

.productos-pos .productos-pos-venta span {
  font-size: 1em;
  font-weight: 800;
  color: #fff;
  cursor: pointer;
}

/* CARD DESIGN END */


.paginador-pos {
  width: 100%;
  margin-top: 15px;
}

.productos-pos {
  scrollbar-width: thin;
  scrollbar-color: #bdc3c7 #f4f6f9;
}

/* Scrollbar Styling */
.productos-pos::-webkit-scrollbar {
  width: 8px;
}

.productos-pos::-webkit-scrollbar-track {
  background: #f4f6f9;
}

.productos-pos::-webkit-scrollbar-thumb {
  background-color: #bdc3c7;
  border-radius: 20px;
  border: 2px solid #f4f6f9;
}

/* Overlays on Card (Edit/Image) */
.contenedor-menu-pos {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 10px;
  right: -50px;
  /* Initially hidden */
  z-index: 2;
  transition: right 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.productos-pos .productos-pos-venta:hover .contenedor-menu-pos {
  right: 5px;
  /* Show on hover */
}

.productos-pos .foto-pos,
.productos-pos .edit-pos {
  font-size: 1.1em;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 8px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.productos-pos .foto-pos {
  background: #e91e63;
}

.productos-pos .edit-pos {
  background: #3f51b5;
}


/* RIGHT PANEL STYLES */
.super-contenedor-formulario-pos {
  background: #fff;
  border-left: 1px solid #eee;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.02);
}

.contenedor-icbper-linea {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.contenedor-icbper-linea input {
  margin-left: 5px;
}

.descripcion-de-items {
  padding: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 1.8em;
  color: #939393;
}

.form-items-pos .form-group {
  margin: 3px;
}

.form-items-pos .col-md-6 {
  padding: 2px;
}

#formVentaPos .form-group {
  margin: 3px;
  width: 100%;
}

#formVentaPos legend {
  margin: 3px;
}

#formVentaPos .col-md-6 {
  padding: 2px;
}

#formVentaPos .tabla-descuentos legend {
  border-style: none !important;
}

#formVentaPos #docIdentidad,
#formVentaPos #email {
  z-index: 0;
}

.contenedor-totales-ventas-pos .col-md-5,
.contenedor-totales-ventas-pos .col-md-7 {
  padding: 0;
}

/* TOOLS MENU (Right sticky) */
.super-contenedor-herramientas-pos {
  position: fixed;
  display: flex !important;
  flex-direction: column;
  z-index: 999;
  right: 15px !important;
  /* Visible */
  top: 15px !important;
  width: 45px !important;
  height: 45px !important;
  background: none !important;
}

.contenedor-herramientas-pos {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 998;
  right: 0;
  top: 70px;
  /* Below the button */
  transform: translateX(100%);
  transition: all 0.3s ease;
  box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
}

#btnMenuHerramientas {
  display: none;
}

.super-contenedor-herramientas-pos .btn-h-pos {
  width: 100% !important;
  height: 100% !important;
  background-color: #34495e !important;
  /* Match Home button */
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999;
  cursor: pointer;
  border-radius: 12px !important;
  padding: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, background-color 0.2s;
}

.super-contenedor-herramientas-pos .btn-h-pos:hover {
  transform: scale(1.1);
  background-color: #2c3e50 !important;
}

.super-contenedor-herramientas-pos .btn-h-pos i {
  width: auto !important;
  height: auto !important;
  background: none !important;
  padding: 0 !important;
  position: static !important;
  font-size: 1.5em !important;
}

.super-contenedor-formulario-pos .nuevoProducto {
  padding: 2px !important;
}

/* EMPTY STATE DESIGN */
.no-results-pos {
  width: 100%;
  height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #7f8c8d;
  animation: fadeIn 0.5s ease-out;
}

.no-results-pos .icon-container {
  position: relative;
  width: 250px;
  /* Much larger container */
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.no-results-pos i {
  font-size: 12em;
  /* HUGE icon */
  color: #bdc3c7;
  z-index: 2;
  position: relative;
}

.no-results-pos .circle-bg {
  position: absolute;
  width: 220px;
  /* Larger background blob */
  height: 220px;
  background-color: #f0f3f4;
  border-radius: 50%;
  z-index: 1;
}


.no-results-pos h3 {
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 10px;
  font-size: 1.5em;
}

.no-results-pos p {
  font-size: 1.1em;
  color: #95a5a6;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.super-contenedor-herramientas-pos .btn-h-pos i {
  width: auto !important;
  height: auto !important;
  background: none !important;
  padding: 0 !important;
  position: static !important;
}

#btnMenuHerramientas:checked~.contenedor-herramientas-pos {
  transform: translateX(0%);
}

.contenedor-herramientas-pos label {
  padding: 12px 20px;
  background-color: #2c3e50;
  /* Darker bg */
  color: #ecf0f1;
  font-weight: 500;
  border-bottom: 1px solid #34495e;
  cursor: pointer;
  transition: background 0.2s;
}

.contenedor-herramientas-pos label:hover {
  background-color: #34495e;
  color: #fff;
}

.contenedor-herramientas-pos .herramientas_pos {
  display: none;
}

.activar-envio-sunat {
  background-color: #27ae60 !important;
  /* Green */
}


.container-comprobants-pos {
  display: flex;
  flex-flow: row;
  justify-content: stretch;
  width: 300px;
  /* Wider */
  margin: 10px auto;
  background-color: #ecf0f1;
  color: #7f8c8d;
  border-radius: 20px;
  height: 40px;
  /* Taller */
  padding: 3px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.container-comprobants-pos .tipo_comprobante {
  display: none;
}

.container-comprobants-pos label {
  flex: 1;
  font-size: 0.8em;
  margin: 0;
  background-color: transparent;
  color: #7f8c8d;
  height: 100%;
  font-weight: 700;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.container-comprobants-pos label:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.factura {
  /* Styles are applied when active logic works, assuming logic adds class or changes state but here we usually rely on adjacent selector logic which seems missing in complex view, sticky to classes */
}

/* Active states usually need JS or simple :checked + label logic. Assuming layout supports it or logic exists elsewhere. keeping colors but making them nicer */
input[id="option1"]:checked~label[for="option1"] {
  background-color: #3498db !important;
  color: white !important;
  box-shadow: 0 2px 5px rgba(52, 152, 219, 0.4);
}

input[id="option2"]:checked~label[for="option2"] {
  background-color: #9b59b6 !important;
  color: white !important;
  box-shadow: 0 2px 5px rgba(155, 89, 182, 0.4);
}

input[id="option3"]:checked~label[for="option3"] {
  background-color: #e67e22 !important;
  color: white !important;
  box-shadow: 0 2px 5px rgba(230, 126, 34, 0.4);
}


@media (max-width: 388px) {
  .productos-pos {
    height: 63vh;
    z-index: 0;
  }

  .productos-pos .productos-pos-venta {
    width: 98%;
  }
}

#formVentaPos .cantidaditempos,
#formVentaPos .preciounitariopos {
  outline: none !important;
  border-style: none !important;
  padding: 5px !important;
  text-align: center !important;
  border: 1px solid #dce0e6 !important;
  border-radius: 8px !important;
  height: 34px !important;
}

#formVentaPos #descuentoGlobalpos,
#formVentaPos #descuentoGlobalPpos {
  border-radius: 0px 12px 12px 0px !important;
}

#formVentaPos .tabla-items thead {
  background: #f4f6f9;
  color: #555;
  font-weight: bold;
}

#formVentaPos .tabla-items thead th {
  border-bottom: 1px solid #ddd;
  padding: 12px;
}


/* SELECT 2 Overrides */
.contenedor-productos-ventas .select2-container--default .select2-selection--single,
.contenedor-productos-ventas .select2-selection .select2-selection--single {
  border: 1px solid #dce0e6 !important;
  border-radius: 12px !important;
  padding: 8px 12px;
  height: 42px !important;
  background-color: #fdfdfd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px !important;
}

/* Home Button */
.inicio-pos {
  outline: none;
  border-style: none;
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 999;
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #34495e;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s;
}

.inicio-pos:hover {
  transform: scale(1.1);
  background-color: #2c3e50;
}

.inicio-pos i {
  color: #ffffff !important;
}

/* FORCE HIDE ADMIN TOOLS IN POS CARD */
.productos-pos .productos-pos-venta form,
.productos-pos .productos-pos-venta .formFotoPos,
.productos-pos .productos-pos-venta .contenedor-menu-pos,
.productos-pos .productos-pos-venta .btnEditarProducto,
.productos-pos .productos-pos-venta input[type="file"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  z-index: -1 !important;
}

/* =========================================
   DARK MODE POS OVERRIDES
   ========================================= */

body.dark-mode,
body.dark-mode .content-wrapper,
body.dark-mode .content-wraper,
body.dark-mode .pos-contenedoor,
body.dark-mode .box,
body.dark-mode .productos-pos {
  background-color: #151521 !important;
  /* Deep Dark Background for EVERYTHING */
  border: none !important;
}

/* Dark Card */
body.dark-mode .productos-pos .productos-pos-venta {
  background-color: #1e1e2d !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  border: 1px solid #2b2b40 !important;
}

/* White Text for Description */
body.dark-mode .productos-pos .productos-pos-venta .descripcion-pos {
  color: #ecf0f1 !important;
}

/* Neon Price */
body.dark-mode .productos-pos .productos-pos-venta .precio-unitario {
  color: #2ecc71 !important;
  /* Bright Neon Green */
  text-shadow: 0 0 10px rgba(46, 204, 113, 0.3);
}

/* Dark Badges */
body.dark-mode .badge-pos-codigo {
  background-color: #2b2b40 !important;
  color: #bdc3c7 !important;
  border: 1px solid #3f3f5f !important;
}

body.dark-mode .badge-pos-categoria {
  background-color: #3b1e28 !important;
  /* Very Dark Red */
  color: #ff7675 !important;
  /* Lighter Red Text */
  border: 1px solid #5c2b2b !important;
}

/* Dark Inputs & Controls */
body.dark-mode .productos-pos .productos-pos-venta .input-group {
  background-color: #151521 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .productos-pos .productos-pos-venta input {
  color: #ffffff !important;
  background: transparent !important;
}

body.dark-mode .productos-pos .productos-pos-venta .btn-pos-menos {
  background-color: #2b2b40 !important;
  border-color: #3f3f5f !important;
  color: #ecf0f1 !important;
}

body.dark-mode .productos-pos .productos-pos-venta .btn-pos-menos:hover {
  background-color: #3f3f5f !important;
  color: #e74c3c !important;
}

/* Right Panel (Sales Form) Dark Mode */
body.dark-mode #formVentaPos,
body.dark-mode .super-contenedor-formulario-pos {
  background-color: #1e1e2d !important;
  color: #fff !important;
  border-left: 1px solid #2b2b40 !important;
}

body.dark-mode .contenedor-productos-ventas input,
body.dark-mode .contenedor-productos-ventas select,
body.dark-mode .select2-selection {
  background-color: #151521 !important;
  border-color: #2b2b40 !important;
  color: #fff !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}

body.dark-mode .tabla-items thead {
  background-color: #2b2b40 !important;
  color: #fff !important;
}

body.dark-mode .tabla-items thead th {
  border-bottom: 1px solid #3f3f5f !important;
}

body.dark-mode .no-results-pos h3 {
  color: #ecf0f1 !important;
}

body.dark-mode .no-results-pos .circle-bg {
  background-color: #2b2b40 !important;
}

body.dark-mode .container-comprobants-pos {
  background-color: #2b2b40 !important;
}

body.dark-mode .container-comprobants-pos label {
  color: #bdc3c7 !important;
}

body.dark-mode .container-comprobants-pos label:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}