/* background is non-interactive only while KA5.1 runs */
body.ka5-lock header,
body.ka5-lock .site-content,
body.ka5-lock footer { pointer-events: none !important; touch-action: none !important; }
#login-modal { pointer-events: auto; }

/* --- Login modal: Android stability, scoped --- */

/* Keep clicks working and avoid layer issues */
#login-modal.modal {
  position: fixed;             /* Bootstrap default for .modal */
  inset: 0;
  z-index: 1050;
  overflow: hidden;            /* prevent outer container from scrolling */
}

/* Keep it centered and predictable without global changes */
#login-modal .modal-dialog {
  /* vertical center uses Bootstrap class, this keeps layout stable */
  margin: 0 auto;
  width: auto;
  max-width: 600px;            /* tune if needed */
}

/* Allow internal scroll only inside content */
#login-modal .modal-content {
  max-height: 100vh;           /* use viewport, not body/html */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Reduce animation-induced re-layout inside this one modal only */
#login-modal.modal.fade .modal-dialog {
  transition: none !important;
  transform: none !important;  /* disables the slide animation only */
}


/* Prevent any transforms on the centered dialog that might confuse Android */
#login-modal .modal-dialog,
#login-modal .modal-dialog-centered {
  transform: none !important;
}



/* While the login modal is open, stop background scroll without touching site layout */
body.android-modal-open {
  overflow: hidden !important; /* no height change = no page layout shift */
}

/* Optional: guard against external lightbox CSS that may affect stacking */
.fancybox-container {
  pointer-events: auto; /* safety; Fancybox defines a fixed container with transforms */
}

/* Prefer small/dynamic viewport heights on mobile so the input stays visible when the keyboard opens */
@supports (max-height: 100svh) {
  #login-modal .modal-content { max-height: 100svh; } /* 'small' viewport height */
}
@supports (max-height: 100dvh) {
  #login-modal .modal-content { max-height: 100dvh; } /* dynamic viewport height */
}


table.example{
background-color:#e1f4fd;
}

.upper{
text-transform: uppercase;
}

p.kaasus{
font-family: sans-serif;
color: #172b4d;
}

div.font-weight-bold > p
{
margin-bottom: 7px;
}

.header-megamenu__inner>div.wide{
width: 100%;
}

.keyword__title::after {
  content: none !important;
  display: none !important;
}


.anchor-offset {
 position: relative;
  top: -100px
}

.toggle-list-menu__link > remark_link{
display: none;
}

.product-card__figure{
background-color: white;
}