html { scroll-behavior: smooth; }
html,    body { position: relative; height: 100%; width:100%; }
img { height:auto; } iframe { width:100%; }
.projloop *, .xclose, .iconmob, .top-menu, header, header *, 
.afterscr, .afterscr *, .cntwrkr, .cntwrkr *, .button, 
.button *, .linkon *, .linkgo *, .iconaflow *, .iconaflow, .contbody * { transition:all 0.3s ease; }
header { width:100%; clear:both; position:fixed; top:0; right:0; left:0; margin:auto; z-index:99;  display:block; height:80px; }
.headingpag { border-bottom:0px solid #ccc; }
header.afterscr { display:table; height:auto; background:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.15);
	}
.scrollanim.afterscr { }
.scrollanim.afterscr .cont_mysal { margin:5px 0 0 0; }
.scrollanim.afterscr .mainlogo { max-width:150px; }
.scrollanim.afterscr #menumm { margin:10px 0 0 0;  }
.scrollanim.afterscr .linkon { margin:0; }
.scrollanim.afterscr .inhead { }
.scrollanim { clear:both; width:100%; }
.inhead { width:100%; display:table;  }
.inheadiv { width:96%; margin:auto;  }
.mainlogo { float:right; width:14%; max-width:250px; margin:15px 0 0 0; }
.mainlogo img { width:100%; max-width:100%; }
.cntleftlogo { float:right; width:85%; }
#menumm { width:100%; margin:30px 0 0 0;  }
#menumm > ul { text-align:right; }
.linkon {  width:45px; position:fixed; top:30%; left:-2px; z-index:11; display:table; }

#title_zone { width:94%; margin:auto; }
.imgmenu { float:right; width:20%; max-width:50px; }
.txtzonetitle { float:right; width:80%; line-height:20px;   }

.bunnrinpg video { width: 100%;  height: auto; }
.bunnrinpg { width:100%; clear:both; position:relative; z-index:9; overflow:hidden; margin:80px 0 0 0; }
.bunnrinpg_onlg { position:absolute; bottom:-15%; right:0; left:0; margin:auto; width:20%; max-width:240px; z-index:9; }
.bunnrinpg_onlg img { width:100%;  }
.heighspbn { width:100%; clear:both; height:90px;  }
.cntmzone { 
	width:100%; padding:20px 0; display:table;  
	box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	-webkit-box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: -1px 10px 5px 0px rgba(0,0,0,0.27);
	}
	
.devsmb { width:100%; background:green; display:table; padding:1px 0; font-size:0.2vw; color:#fff; text-align:center; }
	
.plogin { float:left; width:20%; min-width:200px; margin:0 30px 0 0; }
.usrttlname { font-size:var(--FontSize1); }
.usrttlnum { font-size:var(--FontSize0p8); }
.usrlogout { font-size:var(--FontSize0p7); text-decoration: underline; padding:0 30px; }
	
	
.ttlname { width:80%; margin:25px auto 15px auto; color:var(--SetColor1); text-align:center; font-size:var(--FontSize2);  font-weight:600; }
.cont_mysal { float:left; margin:20px 0 0 0; }


.swiper { width: 100%;  }
.swiper-slide {
	width:100%; 
	position:relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pageswiper_gall { clear:both; width:90%; margin:auto; height:50vw; max-width:900px; }

.cntbgbody { width:90%; margin:auto; display:block;  min-height:400px; }


.bghome {  z-index:1; overflow:hidden; position: relative;  height:100vw; width:100%;  }
.bghome_in{  }

.scrl1a { margin:200px 0;  width:100%; }
.scrl1b { padding:50px 0; background:var(--LogoClr);  width:100%; 
-webkit-border-top-right-radius: 100px; display:table; 
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
}

.scrl2b  { padding:50px 0; background:var(--GeenClr);  width:100%;  display:table; }
.scrl3b  { padding:50px 0; background:var(--DrkBlue);  width:100%;  display:table; }
.scrl1b p, .scrl2b p, .scrl3b p { color:#fff; }
.scrl1b h2, .scrl2b  h2, .scrl3b  h2 { color:#fff; font-size:var(--FontSize3); }
.scrl1b > div, .scrl2b  > div, .scrl3b  > div { width:80%; margin:5vw auto; }
.scrl3 { padding:200px 0; background:#fff; width:100%; }





.swiper-slide img {  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.leftimg_itmin .swiper-slide img {  display: block; width: auto; height: auto; max-width: 100%; max-height: 600px; }
	.cntinitm { clear:both; width:94%; margin:auto; display:flex; padding:50px 0; } 
	.cntinitm > div { flex-grow:1; } 
	.rightitm { width:50%; }
	.leftitm { width:50%; height:500px;  }
.bread_pathlink { margin:auto; clear:both; width:94%; }
.bread_pathlink * { text-align:right;   }
.bread_pathlink ol, .bread_pathlink ul { list-style-type:none;  margin:0;  padding:0; }
.bread_pathlink li { display: inline; font-size:var(--FontSize0p7); color:#333; }
.bread_pathlink a span:hover { color:#777; }
.bread_pathlink * { font-size:var(--FontSize0p7); }
.bread_arr { margin:0 0 0 5px; }
	.cntx { clear:both; width:100%; padding:110px 0; background:#F9F9F9; }
	.cntx h2 { text-align:center; }
.credit{  transition:all 0.3s ease; width:110px;  margin:3px auto; display:block; } .credit img{ max-width:100%;  }
.credit:hover{ -webkit-transform: scale(1.4); -ms-transform:scale(1.4); transform: scale(1.4); } 
.ngish{ z-index:99999; color:#000000; text-align:center; position: fixed; padding:0 0 0 0; bottom:10px; right:10px; }
.ngish img{ max-width:40px; }
footer { width:100%; clear:both; padding:30px 0 50px 0;  display:table; border-top:1px solid #ccc;   }
footer *{ color:var(--FootrTxtColor);  }
.cnfooter_mm * { text-align:center; font-size:var(--FontSize0p8); }

.bgfff { background:#fff; display:block; padding:50px 0;  }
.bgfff p{ color:#000; }
.bgfff h2{ color:var(--GeenClr); }

.linkgo { float:left; width:17%; max-width:250px; margin:2.5vw 0 0 3%; }
.linkgo a { width:100%; display:block; color:#fff; 
	background: var(--GeenClr) url(../img/linkgo.webp) no-repeat 25px center;
	  padding:10px 0; text-indent:10%; text-align:right; border-radius:30px; }
.linkgo a:hover { background-position:7px center }
  

.contbody { clear:both; width:100%; margin:auto; display:block; }

.button { width:50px; position:fixed; top:30%; left:0; z-index:99;  }
.button img { width:100%; }
.button img:hover { width:130%; }


.bestprojct_hp { clear:both; width:100%; padding:200px 0;  background: url(../img/BgProj.png) no-repeat top center; background-size: 100% auto; }
.bestprojct { clear:both; width:100%; padding:200px 0;  background: url(../img/BgProj.png) no-repeat top center; background-size: 100% auto; }

.viewer-download { color: #fff; font-family: FontAwesome, serif; font-size: 0.75rem; line-height: 1.5rem; text-align: center; }
.viewer-download::before { content: "\f019"; }


.main-cart-wrapper {
    display: flex;
    justify-content: flex-start; /* מצמיד את הכל לימין (בגלל ה-RTL) */
    align-items: center;
    gap: 15px; /* מרווח בין האייקון לטקסט */
    background: #fff;
    direction: rtl;
}

.plogin {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.usrttlname {
    margin: 0;
    font-weight: 800;
    font-size: 1rem;
    color: #2d3436;
}

.usrttlnum {
    margin: 0;
    font-size: 0.85rem;
    color: #636e72;
}

.usrlogout {
    margin-right: 5px;
    color: #d63031;
    text-decoration: none;
    font-weight: bold;
}

.cart-icon-container {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-badge {
    position: absolute;
    top: -5px;
    right: -8px; /* המספר יוצמד לימין האייקון */
    background-color: #ff3b30;
    color: white;
    font-size: 10px;
    font-weight: bold;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.onpage1top_mb  { display:none; }

#IcoMobilClick, #title_zone{ display:none; }

@media screen and (max-width: 880px) { 
	
	.onpage1top_mb  { display:block; }
	.onpage1top  { display:none; }
	
	:root { --ResSize:2; }
	.inheadiv { width:100%; }
	.cntleftlogo { clear:both; width:100%; float:none; }
	#IcoMobilClick{ display:none; cursor: pointer;  position:fixed; top:22px; right:10px;  z-index:999; border-radius:5px; }
	.scrollanim.afterscr #IcoMobilClick{ top:10px; }
	#IcoMobilClick img{ padding:8px 7px 5px 7px ; }
	#title_zone { display:block; }
	#menumm{ width:100%; float:none; display:none; background:rgba(245,245,245,0.96); }
	#MgNuvz{ display:none; }
	.linkon { width:50%; margin:7px auto; }
	.linkon * { text-align:center; }
	.mainlogo { width:45%; max-width:160px; margin:20px auto; }
	footer * { text-align:center !important; }
	
	.txtonimgbx { top:35%; }
	.txtonimgbx * { text-align:right; }
	.txtonimgbx h1, .txtonimgbx h2, .txtonimgbx h3 { font-size:var(--FontSize1p2); }
	.txtonimgbx p { font-size:var(--FontSize1); }
	
	
	.cont_mysal { width:50%; }
	.plogin { float:left; width:70%; min-width:auto; margin:0 5% 0 0; }
	.usrttlname { font-size:var(--FontSize0p8); }
	.usrttlnum { font-size:var(--FontSize0p6); }
	.usrlogout { font-size:var(--FontSize0p5); padding:0 20px; }
	
	.scrollanim.afterscr .cont_mysal { margin:20px 0 0 0; }



}

@media screen and (max-width: 680px) { :root { --ResSize:4; } }