.preload {background:var(--bkgd-color08);}
.preload .container {visibility:hidden;}
.preload .container * {transition:none !important;}
.preload .material-icons {visibility:hidden;}
.preload .icon:before {display:none !important;}
.preload img {display:none;}
.preload .header, .preload .navigation, .preload .container, .preload .footer {-webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; transition:none !important; visibility:hidden !important;}
.preload .popup {visibility:hidden;}
.spinner {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:100000;}
.spinner-item {background-image:url(/design/images/spinner.svg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; width:128px; height:128px; margin:auto; perspective:1000px;}
.preload .spinner {display:block;}
.resizing .navigation, .resizing .navigation-bak {-webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; transition:none !important;}


/* ─── PRELOADER NEW ──── */
.preloader {
  position: fixed; inset: 0; z-index: 9999;
  background: var(--bg-dark);
  display: flex; align-items: center; justify-content: center;
  transition: opacity 0.6s var(--ease-out), visibility 0.6s;
}
.preloader.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.preloader-fill {
  width: 0%; height: 100%;
  background: var(--main-color01);
  border-radius: 2px;
  transition: width 0.8s var(--ease-out);
}
.preloader-inner {
	position: relative;
	display: inline-block;
	width: 300px;
	max-width: 80vw;
}
.preloader-logo { width: 100%; display: block; margin: 0; }
.preloader-bar {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 65%;
	height: 1px;
	background-color: var(--bg-dark);
	margin: 0;
}