/* Background is non-interactive only during the short guard window */
body.ka-guard header,
body.ka-guard .site-content,
body.ka-guard 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;
}


/* Background is non-interactive only during the short guard window */
body.ka7-lock header,
body.ka7-lock .site-content,
body.ka7-lock footer { pointer-events: none !important; touch-action: none !important; }
#login-modal { pointer-events: auto; }

/* Optional: reduce transition timing issues when switching panes inside modal */
#login-modal .tab-pane { transition: none !important; }



/* Background is non-interactive only during the short guard window */
body.ka8-lock header,
body.ka8-lock .site-content,
body.ka8-lock footer { pointer-events: none !important; touch-action: none !important; }
#login-modal { pointer-events: auto; }

/* Avoid visual timing issues when switching panes inside the modal */
#login-modal .tab-pane { transition: none !important; }


/* While the short guard is active, background is non-interactive */
body.ka9-lock header,
body.ka9-lock .site-content,
body.ka9-lock footer { pointer-events: none !important; touch-action: none !important; }
#login-modal { pointer-events: auto; }

/* Avoid timing issues when switching tab panes inside the modal */
#login-modal .tab-pane { transition: none !important; }

/* FREE*/

body.theme-free .list-styled li::before, 
body.theme-free .header-megamenu__submenu li::before{
	background-color:rgba(55,107,180,0.7)
}

body.theme-free .main-header__title-wrap{
	position:relative;margin-right:0
}

body.theme-free .main-header__title-wrap::{
content:'';display:block;position:absolute;top:0;bottom:-2px;right:0;width:50vw;z-index:0
}

@media (max-width: 1119.98px){
body.theme-free .main-header__title-wrap::before{display:none}
}

@media (max-width: 1119.98px){
body.theme-free .main-header__left
	{
	background-color:#ffb573;flex-grow:unset;margin-left:-24px;padding-left:24px;padding-right:24px
	}
}

@media (max-width: 1119.98px){
	body.theme-free .main-header__left .main-header__title-wrap, 
	body.theme-free .main-header__left .main-header__title{
		padding-right:0
		}
}

@media (max-width: 1119.98px){
	body.theme-free .main-header__btn .main-header__btn-cart-icon{
		background:url(/assets/images/icon__cart--white.svg) center center no-repeat
	}
	body.theme-free .main-header__btn .main-header__btn-user-icon{
	background:url(/assets/images/icon__user--white.svg) center center no-repeat
	}
}

body.theme-free .main-header .main-menu .menu-item.active{
order:-1
}

@media (max-width: 1119.98px){
	body.theme-free .main-header .main-menu .menu-item.active{
		padding:0
	}
}

body.theme-free .main-header .main-menu .menu-item.active .menu-item__link{
	position:relative;padding-left:104px;padding-right:32px;color:#fff;font-weight:bold;letter-spacing:0.02em;height:calc(100% + 2px)
}

@media (max-width: 1119.98px){
	body.theme-free .main-header .main-menu .menu-item.active .menu-item__link{
		padding:16px 40px 16px 12px
	}
}

@media (min-width: 1120px){
	body.theme-free .main-header .main-menu .menu-item.active .menu-item__link{
		justify-content:center
	}
}

@media (max-width: 1379.98px){
	body.theme-free .main-header .main-menu .menu-item.active .menu-item__link{
		padding-right:24px
		}
	}

body.theme-free .main-header .main-menu .menu-item.active .menu-item__link.active .menu-item__icon{
	background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L7 7L12 12ZM12 12L17 17L12 12ZM12 12L17 7L12 12ZM12 12L7 17L12 12Z' fill='white'/%3E%3Cpath d='M12 12L7 7M12 12L17 17M12 12L17 7M12 12L7 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

body.theme-free .main-header .main-menu .menu-item.active .menu-item__link .menu-item__icon{
	align-items:center;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 18C3.71667 18 3.47934 17.904 3.288 17.712C3.09667 17.52 3.00067 17.2827 3 17C2.99934 16.7173 3.09534 16.48 3.288 16.288C3.48067 16.096 3.718 16 4 16H20C20.2833 16 20.521 16.096 20.713 16.288C20.905 16.48 21.0007 16.7173 21 17C20.9993 17.2827 20.9033 17.5203 20.712 17.713C20.5207 17.9057 20.2833 18.0013 20 18H4ZM4 13C3.71667 13 3.47934 12.904 3.288 12.712C3.09667 12.52 3.00067 12.2827 3 12C2.99934 11.7173 3.09534 11.48 3.288 11.288C3.48067 11.096 3.718 11 4 11H20C20.2833 11 20.521 11.096 20.713 11.288C20.905 11.48 21.0007 11.7173 21 12C20.9993 12.2827 20.9033 12.5203 20.712 12.713C20.5207 12.9057 20.2833 13.0013 20 13H4ZM4 8C3.71667 8 3.47934 7.904 3.288 7.712C3.09667 7.52 3.00067 7.28267 3 7C2.99934 6.71733 3.09534 6.48 3.288 6.288C3.48067 6.096 3.718 6 4 6H20C20.2833 6 20.521 6.096 20.713 6.288C20.905 6.48 21.0007 6.71733 21 7C20.9993 7.28267 20.9033 7.52033 20.712 7.713C20.5207 7.90567 20.2833 8.00133 20 8H4Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:24px;
	display:flex;height:100%;
	justify-content:center;
	left:0;position:absolute;
	top:0;
	transition:background 0.2s ease-in-out;
	width:72px
}




	
@media (max-width: 1119.98px){
	body.theme-free .main-header .main-menu .menu-item.active .menu-item__link .menu-item__icon{
		display:none
	}
}

body.theme-free .hamburger__inner::before, body.theme-free .hamburger__inner::after{
	background-color:#fff
}

body.theme-free .hamburger__line{
	background-color:#fff
}

body.theme-free .main-header{
	border-bottom:2px solid #288a47
}

@media (max-width: 1119.98px){
	body.theme-free .main-header{
		background-color:#37bb64;border-bottom:none
	}
}

@media (max-width: 1119.98px){
	body.theme-free .main-header__left{
		background-color:#99ffb3
	}
}

body.theme-free .main-header__title-wrap::before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: -2px;
    right: 0;
    width: 50vw;
    z-index: 0;
	background-color:#99ffb3
}
	

body.theme-free .main-header .main-menu .menu-item.active .menu-item__link{
	background:#288a47
}

body.theme-free .main-header .main-menu .menu-item.active .menu-item__link:hover{
	background:#288a47
}

@media (max-width: 1119.98px){
body.theme-free .main-header .main-menu .menu-item.active .menu-item__link:hover{
	background:#288a47
	}
}

body.theme-free .main-header .main-menu .menu-item.active .menu-item__icon{
	background-color:#32a852
}

body.theme-free a.main-header__title-wrap {
		content: "";
		background-color:#99ffb3
}

@media (max-width: 1119.98px) {
  .main-header .main-menu .menu-item__link--free {
    background-color:#288a47
  }
}