@charset "utf-8";
/*@charset "windows-1255";*/
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* @import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanshebrew.css) ; 
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css) ; 
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

.noto{
	font-family : 'Noto Sans Hebrew' !important;
} */



.btu-cell-ltr {
    /* מאפשר כיוון טקסט LTR */
    direction: ltr !important; 
    /* ממקם את הטקסט לימין התא (כדי שייראה מיושר בתוך הטבלה העברית) */
/*     text-align: right !important; 
 */}
 
 .Smalltext{font-size:0.9em;}
 
    a {
      text-decoration: none;
      color: hsl(220, 60%, 50%);
    }

    a:hover {
      color: hsl(24, 100%, 50%);
    }
	
#LayoutDiv1 {
	clear: both;
	float: inherit;
	width: 95%;
	display: block;
	box-shadow: 0px 0px 3px 2px #DFDFEB;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-radius: 10px 10px 0px 0px;
	 max-width: 1600px;
	/* max-width: 1380px; */
/* 	 max-width: 90vw; */
}

#header_main {
	background-image: url(../pic/background_mobile.webp);
	height: 152px;
	border-radius: 10px 10px 0px 0px;/*;*/
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.ie8 #HeaderMain {
	height: 152px;
}
.lifestyle1 {
	float: left;
	display: block;
	position: relative;
	margin-top: -82px;
}
.divPhone {
	position: static;
	float: right;
	color: #7C7C7C;
	text-shadow: 1px 1px 1px #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: normal;
	margin-top: -5px;
	margin-right: 73px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	display: block;
	text-decoration: none;
}
.divPhone:hover {
	color: hsla(211,98%,47%,1.00);
}
#tblMenu {
	width: 100%;
	display: block;
	direction: rtl;
	background-color: hsla(0,0%,96%,1.00);
}

.tdMenuButtom {
	/*background-image: url(../pic/bottom_shadow.jpg);*/
	background-repeat: repeat-x;
	background-position: center top;
	height: 4px;
	background-color: #ffffff;
	margin-top: 4px;
	padding-top: 1px;
}
#tdMenuDivide {
	height: 1px;
	background-color: #C4CADF;
}

.td_MenuUp {
	width: 19%;
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	border-radius: 15px 15px 0px 0px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.td_MenuUp:hover {
	background: #FFCC00;
}
#td_MenuUp.fade-out {
	opacity: 0;
}
.td_MenuDown {
	width: 19%;
	cursor: pointer;
	height: 25px;
	vertical-align: middle;
	border-radius: 0px 0px 15px 15px;
	display: inline-block;
}
.td_MenuDown:hover {
	background: #FFCC00;
}
.td_selected{
	background-color: hsla(215,54%,80%,1.00);
}
#tblMenu2 {
	display: block;
	list-style-type: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.tdMenuSperator {
	width: 1px;
}


.td_ButtonShadow {
	background-image: url(../pic/bottom_shadow.webp);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #ffffff;
	display: block;
	height: 11.1618px;
}


.hidden {
	display: none;
}
.unhidden {
	display: block;
}


.HeaderMain {
	height: 111px;
	border-radius: 10px 10px 0px 0px;/*;*/
	background-color: #969696;
	width: 100%;
	text-align: center;
	font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
	-webkit-box-shadow: 0 1px 15px hsla(32,12%,29%,1.00);
	box-shadow: 0 1px 15px hsla(32,12%,29%,1.00);
	position: relative;
	z-index: 2;
	opacity: 0.9;
	color: hsla(258,24%,84%,1.00);
	font-size: large;
	padding-bottom: 8px;
	background-image: url(../pic/background_mobile.webp);
/* 	background-image: -webkit-linear-gradient(304deg, rgba(232,230,202,1.00) 0%, rgba(0,84,187,1.00) 89.12%, rgba(0,36,100,1.00) 100%);
	background-image: -moz-linear-gradient(304deg, rgba(232,230,202,1.00) 0%, rgba(0,84,187,1.00) 89.12%, rgba(0,36,100,1.00) 100%);
	background-image: -o-linear-gradient(304deg, rgba(232,230,202,1.00) 0%, rgba(0,84,187,1.00) 89.12%, rgba(0,36,100,1.00) 100%);
	background-image: linear-gradient(146deg, rgba(232,230,202,1.00) 0%, rgba(0,84,187,1.00) 89.12%, rgba(0,36,100,1.00) 100%);
 */}
.logoimg {
	width: 127px;
	float: right;
	margin-top: -4px;
	margin-right: 22px;
	border-radius: 6.9708px;
	opacity: 0.78;
}
.MainText {
	padding: 23.2px;
	font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
	display: block;
	float: none;
	line-height: 1.7em;
	font-size: 1em;
}
.PageBackcolor {
	display: block;
	height: auto !important;
	width: 100% !important;
	text-align: center;
/*  background-image: url(../images/27042386400_6188775a31_b%20(1).jpg);
 background-image: url(../images/27042386400_6188775a31_b%20(1).jpg);
 */	background-size: cover;
	position: relative;
	z-index: 0;
	background-color: hsla(225,10%,92%,0.83);
	min-height: 100%;
}

.SmallImg{max-width:220px;max-height:220px;}

/*********************** Footer /***********************/
.FooterMain {
	background-color: #232323;
	color: hsla(0,0%,82%,1.00);
	font-weight: lighter;
	font-size: small;
	text-align: center;
	z-index: 44444;
	width: 100%;
	height: auto;
	padding-top: 11.6px;
	position: absolute;
	margin-top: 30px;
	float: right;
	border-top-right-radius: 11.1618px;
	border-top-left-radius: 11.1618px;
}
.MenuDown {
	text-align: center;
	display: block;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
}
.MenuDown div {
	display: inline-table;
	width: 200px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
.MenuDown div ul {
	list-style-type: none;
	padding-right: 0px;
}
.MenuDown div ul li {
}




.social {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6.4px;
	padding-bottom: 6.4px;
	text-align: center;
}
.social img:hover {
	opacity: 1;
	transition-property: opacity;
	transition-duration: .5s;
	background-color: hsla(201,58%,47%,1.00);
}
.social img {
	display: inline-block;
	margin-right: 6.4px;
	margin-left: 6.4px;
	border-radius: 6.4px;
	opacity: 0.8;
}
#MainMenu {
	display: inline-block;
	text-align: center;
	width: auto;
	margin-top: 8px;
}
#MainMenu li {
	display: inline-table;
	background-color: hsla(222,14%,86%,1.00);
	width: 111px;
	text-align: center;
	height: 23.8px;
	border-top-right-radius: 3.7206px;
	border-top-left-radius: 3.7206px;
	-webkit-box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
	box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#MainMenu li:hover {
	color: hsla(0,0%,95%,1.00);
	text-shadow: 0px 0px hsla(0,0%,51%,1.00);
}
#MainMenu li a {
	text-decoration: none;
	color: hsla(0,0%,0%,1.00);
	text-shadow: -1px 1px 1px hsla(26,33%,82%,1.00);
}
#MainMenu ul li:hover ul {
	display: table;
}
#MainMenu li ul {
	position: absolute;
	display: none;
	width: 216px;
	background-color: hsla(222,14%,86%,1.00);
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	-webkit-box-shadow: 1px 1px 6px 1px hsla(0,0%,48%,1.00);
	box-shadow: 1px 1px 6px 1px hsla(0,0%,48%,1.00);
	padding-left: 8px;
	border-bottom-left-radius: 11.1618px;
	border-bottom-right-radius: 11.1618px;
}
#MainMenu li ul:hover, #MainMenu li ul li:hover {
	display: block;
}
#MainMenu li ul li:hover {
	background-color: hsla(214,47%,50%,1.00);
	color: hsla(0,0%,0%,1.00);
}
#MainMenu li:hover {
	background-color: hsla(214,47%,50%,1.00);
	color: hsla(0,0%,0%,1.00);
}
#MainMenu li:hover >a {
	background-color: hsla(0,0%,89%,0.00);
	color: hsla(0,0%,100%,1.00);
	text-shadow: 0px 0px hsla(0,0%,0%,1.00);
}
#MainMenu li ul li:hover >a {
	background-color: hsla(0,0%,89%,0.00);
	color: hsla(0,0%,100%,1.00);
}
#MainMenu li ul li {
	display: block;
	height: auto;
	width: 216px;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: hsla(0,0%,0%,0.00);
}
#MainMenu li ul li a {
	color: hsla(0,0%,0%,1.00);
	text-shadow: 0px 0px hsla(0,0%,0%,1.00);
}
.MainCaption {
	text-align: center;
	float: none;
	padding-top: 11.1416px;
	font-size: 26px;
	font-weight: bolder;
	width: auto;
	display: inline-block;
	color: hsla(0,0%,55%,1.00);
	font-family: Noto Sans Hebrew;
	margin-right: 72px;
	margin-top: -20px;
	white-space: nowrap;
}
.imgbackground {
	width: 100%;
	height: 337px;
	background-size: cover;
	/* background-image: url(../images/view3a.jpg); */
	opacity: 0.34;
	z-index: -12;
	position: absolute;
	top: -30px;
	margin-top: 31px;
	background-color: hsla(224,100%,35%,1.00);
}
.imgbackground2 {
	width: 100%;
	height: 410px;
	background-size: cover;
	background-image: url(../pic/view5a.webp);
	z-index: -12;
	position: absolute;
	display: block;
	opacity: 1;
	top: 0px;
}
.MainContent {
	width: 90%;/* 89% 88%* 82%/
	height: auto;
	/* [disabled]background-color: hsla(0,0%,93%,1.00); */
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	border-radius: 11.1618px;
	margin-top: 90.162px;
	text-align: center;
	font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
}
.glass {
	/*width: 86.07%;
	 width:100%; */
	 width:95.7%; /*94.6 93.36 86.07*/
	background-color: hsla(233,100%,17%,0.09);
	height: 100%;
	opacity: 0.82;
	position: absolute;
	margin-top: 11px;
	margin-right: auto;
	margin-left: auto;
	right: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 22.3236px;
	-webkit-box-shadow: 0 1px 15px hsla(32,12%,29%,1.00);
	box-shadow: 0 1px 15px hsla(32,12%,29%,1.00);
}
.Slogen {
	display: inline-block;
	float: right;
	margin-top: 29px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-right: 11px;
	font-size: large;
	color: hsla(0,0%,94%,1.00);
	text-shadow: 1px 0 1px hsla(210,100%,23%,1.00);
	font-weight: bold;
}

.biglogo {
	width: 132px;
	margin-right: 16px;
	margin-left: auto;
	float: right;
	margin-top: 15px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.MainPhone {
	color: hsla(232,16%,81%,1.00);
	width: 300px;
	display: block;
	font-size: x-large;
	text-decoration: none;
	text-shadow: -1px 1px 1px hsla(218,100%,39%,1.00);
	font-weight: bold;
	font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
	border-bottom-left-radius: 87px;
	position: absolute;
	margin-top: -4px;
	padding-bottom: 3px;
	margin-right: 175px;
}
.box {
	background-color: hsla(160,100%,6%,0.04);
	width: 30%;
	height: 300px;
	display: inline-table;
	margin-top: 37px;
	margin-right: 3px;
	margin-left: 3px;
	min-width: 200px;
	min-height: 300px;
	border-radius: 11.1618px;
	padding: 9.2944px;
	float: none;
	text-align: right;
}

.box::before {
  content: "";
  display: inline-table;
}


.red {
	color: hsla(0,100%,50%,1.00);
}
.Bigbox {
	display: block;
	width: auto;
	text-align: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 11.168px;
}
.shadow {
	-webkit-box-shadow: 0px 1px 3.458px hsla(32,12%,29%,1.00);
	box-shadow: 0px 1px 3.458px hsla(32,12%,29%,1.00);
	width: 98%;
	background-color: hsla(0,0%,100%,1.00);
}
.box h3 {
	font-size: 1.3em;
	font-weight: bolder;
	margin-bottom: -9px;
	margin-top: 3px;
}
#Top2 {
	margin-top: 22px;
}
#topheader {
	background-color: hsla(0,0%,0%,1.00);
	height: 32px;
	width: 100%;
	z-index: 11;
	display: block;
	/* [disabled]border-bottom-left-radius: 84px;
*/
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.ProductInfo img {
	float: right;
	padding: 1.1618%;
	width: 100%;
	max-width: 300pt;
}
.ProductHead {
	display: inline-table;
	width: 11%;
	background-color: hsla(0,0%,73%,0.42);
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	/* [disabled]padding-right: 3.4854px; */
	/* [disabled]padding-left: 3.4854px; */
	list-style-type: none;
	background-image: -webkit-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	padding-top: 2px;
	border-radius: 1.1618px;
	padding-bottom: 2px;
	height: 37px;
	overflow-x: hidden;
	float: none;
}
.ProductData {
	width: 10%;
	display: inline-table;
	height: 25px;
	text-align: center;
	padding-right: 3.4854px;
	padding-left: 3.4854px;
	float: none;
	color: hsla(0,0%,37%,1.00);
	list-style-type: none;
}
.ProductDataTH {
	text-align: right;
	font-weight: bolder;
	white-space: nowrap;
}
.buyIcon {
	width: 30px;
	height: 30px;
	display: block;
}
.ProductInfo h2 {
	font-size: xx-large;
	font-weight: bold;
	text-shadow: -1px 0px 5px hsla(228,69%,49%,0.74);
	margin-bottom: 0px;
	margin-top: 0px;
	color: hsla(215,100%,17%,1.00);
	text-align:right;
}
.ProductInfo h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:right;
}
#SeriasLink {
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: -82px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: auto;
	position: relative;
	opacity: 1;
	margin-top: -15px;
}
#SeriasLink li {
	width: 111.162px;
	transition: background 250ms;
	display: inline-table;
	border-radius: 4.8px;
	background-color: hsla(0,0%,91%,1.00);
	float: none;
	margin-top: 5px;
}
#SeriasLink li a {
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: hsla(212,67%,46%,1.00);
}
#SeriasLink li:hover {
	background-color: #9EBACF;
	-webkit-transform: scale(1.1618);
	-moz-transform: scale(0.1618);
	-o-transform: scale(1.1618);
	opacity: 0.8607;
}
.MainContent.shadow a img {
	position: absolute;
	margin-top: 12px;
	opacity: 0.57;
}
.MainContent.shadow a img:hover {
	opacity: 0.8;
}
.ProductInfo {
	display: table;
	width: 95%;
	text-align: justify;
	font-size: medium;
	margin-right: auto;
	margin-left: auto;
	color: hsla(0,0%,26%,1.00);
}
.ProductPriceList {
	display: block;
	width: 100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
.tblData {
	width: 30px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
 .ProductInfo p strong:before {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	float: right;
	margin-left: 11.1618px;
	margin-top: 5px;
	border-radius: 3px;
	background-color: hsla(0,0%,26%,1.00);
}
.MenuDown div ul li a {
	color: hsla(0,0%,93%,1.00);
	text-decoration: none;
}
.FitImg {
	width: 100%;
}






/* @media screen and (orientation:landscape) and (min-width:560px) and (max-width: 760px) { */
	@media screen  and (min-width:560px) and (max-width: 760px) {

/* .ProductHead {
	display: inline-table;
	background-color: hsla(0,0%,73%,0.42);
	height: 43px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	float: none;
	list-style-type: none;
	background-image: -webkit-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	padding: 0px;
	border-radius: 1.1618px;
	width: 14%;
} */
.ProductData {
	display: inline-block;
	height: 25px;
	text-align: center;
	float: none;
	color: hsla(0,0%,37%,1.00);
	list-style-type: none;
	padding: 0px;
	font-size: 0.8em;
	width: 11%;
}
.ProductDataTH {
	text-align: right;
	font-weight: bolder;
	font-size: 0.8em;
	white-space: nowrap;
	padding: 0px;
	width: 11%;
}
#MainMenu li {
	display: inline-table;
	background-color: hsla(222,14%,86%,1.00);
	width: 85px;
	text-align: center;
	border-radius: 3.7206px;
	-webkit-box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
	box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
}
#tblMenu {
	width: 100%;
	display: block;
	direction: rtl;
	background-color: hsla(0,0%,96%,1.00);
	font-size: small;
}
.lifestyle1 {
	float: left;
	display: block;
	position: relative;
	margin-top: -7px;
	width: 192px;
	margin-left: 11px;
}
.MainCaption {
	width: auto;
	padding-top: 11.1416px;
	font-size: large;
	margin-right: 73px;
	height: auto;
}
.td_MenuDown {
	width: 18%;
	cursor: pointer;
	height: 31px;
	vertical-align: middle;
	border-radius: 0px 0px 15px 15px;
	display: inline-block;
}
.td_MenuUp {
	width: 18%;
	cursor: pointer;
	height: 30px;
	vertical-align: top;
	border-radius: 15px 15px 0px 0px;
	display: inline-table;
	margin-right: auto;
	margin-left: auto;
}
.Slogen {
	display: inline-block;
	float: right;
	margin-top: 29px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-right: 11px;
	font-size: medium;
}
.ProductHead {
	display: inline-table;
	width: 11%;
	background-color: hsla(0,0%,73%,0.42);
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	/* [disabled]padding-right: 3.4854px; */
	/* [disabled]padding-left: 3.4854px; */
	list-style-type: none;
	background-image: -webkit-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: -o-linear-gradient(270deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(226,226,226,1.00) 0%, rgba(212,212,212,1.00) 100%);
	padding-top: 2px;
	border-radius: 1.1618px;
	padding-bottom: 2px;
	height: 50px;
	overflow-x: hidden;
	float: none;
}







}

@media screen  and (min-width:290px) and (max-width: 569px) {
.ProductHead {
	display: inline-block;
	font-size: xx-small;
	padding-right: 0px;
	padding-left: 0px;
	width: 33%;
	height: 30px;
}
.ProductData {
	display: inline-table;
	height: 25px;
	padding: 0px;
	font-size: 0.7em;
	width: 33%;
	white-space: pre-wrap;
}
	.hide{
	display: none !important;		
	}
.ProductDataTH {
	white-space: pre-wrap;
}
.biglogo {
	width: 106px;
	margin-right: 13px;
	margin-top: 8px;
}
.glass {
	width: 96.07%;
}
.MainContent {
	width: 91%;
}
.MainCaption {
	width: auto;
	padding-top: 11.1416px;
	font-size: medium;
	margin-right: 5px;
}
.MainPhone {
	width: 113px;
	font-size: large;
	font-weight: normal;
}
.ProductInfo {
	font-size: small;

}
.Bigbox {
	display: block;
	width: auto;
	text-align: center;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#MainMenu li {
	background-color: hsla(222,14%,86%,1.00);
	width: 85px;
	text-align: center;
	height: 13.8px;
	border-radius: 3.7206px;
	-webkit-box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
	box-shadow: 1px 1px 6px 1px hsla(0,0%,63%,1.00);
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	font-size: small;
}
#MainMenu {
	display: inline-block;
	margin-top: 13px;
	text-align: center;
	width: auto;
}
.lifestyle1 {
	float: left;
	display: block;
	position: relative;
	margin-top: 20px;
	width: 122px;
	margin-left: 7px;
}
.divPhone {
	position: static;
	float: right;
	color: #7C7C7C;
	text-shadow: 1px 1px 1px #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-top: -2px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}
#tblMenu {
	width: 100%;
	display: block;
	direction: rtl;
	background-color: hsla(0,0%,96%,1.00);
	font-size: small;
	height: 141px;
}
.td_MenuUp {
	width: 18%;
	cursor: pointer;
	height: 56px;
	vertical-align: top;
	border-radius: 15px 15px 0px 0px;
	display: inline-table;
	margin-right: auto;
	margin-left: auto;
}
.td_MenuDown {
	width: 18%;
	cursor: pointer;
	height: 56px;
	vertical-align: middle;
	border-radius: 0px 0px 15px 15px;
	display: inline-block;
}
#SeriasLink li a {
	text-decoration: none;
	font-size: medium;
	font-weight: bold;
	color: hsla(212,67%,46%,1.00);
}
.Slogen {
	display: inline-block;
	float: none;
	margin-top: 19px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	margin-right: auto;
	margin-left: auto;
}
.buyIcon {
	width: 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


.box {
	
	width: 92%;

}



}

@media screen and (orientation:landscape) and (min-width:760px) {
}




/* rating */

.rating { direction: ltr; display: flex; float:right;}
.rating input { display: none; }
.rating label { font-size: 2em; color: #ddd; cursor: pointer; }
.rating input:checked ~ label, .rating label:hover, .rating label:hover ~ label { color: #f2b600; }
input[type=text],textarea {width: 161.8px !important; background-color: #e3e3e3 !important;border:1px solid #ccc;}

/* background: */
progress::-webkit-progress-bar {background-color: white; width: 100%;border:1px solid #ccc;border-radius:3.36px;height:16.18px; }
progress {background-color: white;}

/* value: */
progress::-webkit-progress-value {background-color: #FF9900 !important;}
progress::-moz-progress-bar {background-color: #FF9900 !important;}
progress {color: #FF9900;}

/* End rating */



/*Products.xsl code*/
.Databox-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;   /* מונע חפיפה בין שורות */
	align-content: flex-start; /* מוודא שכל שורה מתחילה מהגובה הנכון */
	justify-content: center;
	gap: 10px;
	max-width: 100%;     /* מונע חריגה */
	overflow-x: hidden;  /* מונע גלילה אופקית */
	box-sizing: border-box;
	display: none; /* מוסתר כברירת מחדל */
}


.Databox {
	background-color: #fff;
	flex: 0 0 calc(25% - 15px); /* 4 קוביות בשורה */
	max-width: 250px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	text-align: right;
	display: flex;
	flex-direction: column; /* תמונה למעלה, טקסט מתחת */
	align-items: center;
}

.Databox-info {
	width: 100%;
}
/*
 .Databox-figure img {
  max-width: 100%;
  height: auto;
  max-height: 220px; 
  object-fit: contain;
  margin-bottom: 10px;
} */

.Databox figure {
	width: 100%;
	text-align: center; /* אם אתה רוצה שהתמונה תהיה ממורכזת אופקית */
}

.Databox figure img {
	width: 100%;
/* 	max-width: 100%;
	max-height: 100%;
 */	
	height: auto;
	object-fit: contain;
	margin-bottom: 10px;
}

.Databox-info h2,
.Databox-info p,
 .Databox-info.Delibery
 {
	margin: 0;  /* מסיר רווחים חיצוניים */
	padding: 1.618px;  /* מסיר רווחים פנימיים */
}

.Databox-info h2 {
	font-size: 1.2em;
	padding: 0 0 4.854px 0; /* הוספת מרווח מתחת ל-H2 */
}


.Price3 {
	font-size: 1.2em !important;
	color:Red;
}

.input-wrapper{
	padding: 4.854px 0 4.854px 0;
}

.hidden-text {
	position: absolute;
	left: -9999px;
}

.toggle-gallery{
	border-radius: 6.472px;
	border: 1px solid  hsla(160, 100%, 6%, 0.1);
	font-size:1.0em;
	font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
	color:hsla(160, 100%, 6%, 0.8);
}



.buyIcon1 {
	display:block;
	width: 160px;    
	height: auto;    
	object-fit: contain;
	margin: 0 auto !important;
    }
  
  
  

/* התאמות למדיה */
@media (max-width: 600px) {
	
	.Databox {
		flex: 0 0 calc(50% - 10px); /* שתי קוביות בשורה */
		max-width: 50%;             /* לא חורג מהמסך */
		margin: 0px;
		height: auto;
		box-sizing: border-box;
	}

/* */ .Databox figure {
	width: 100% !important;  
	text-align: center; 
}

	.Databox figure img {
		width: 100% !important;      
		height: auto;     
		max-height: 220px;  
		object-fit: contain;
		margin-bottom: 4px;
	}
	
	
	.Databox-info h2 {
		font-size: 0.9em;           /* כותרת קטנה יותר */
		line-height: 1.2;
	}

  .Databox-info p {
    font-size: 0.75em;          /* טקסט קטן יותר */
    line-height: 1.3;
    overflow: hidden;           /* מונע טקסט ארוך מדי */
    text-overflow: ellipsis;    /* מוסיף "..." אם ארוך */
    display: -webkit-box;
    -webkit-line-clamp: 3;      /* מגביל ל־3 שורות */
    -webkit-box-orient: vertical;
  }

  .Price3 {
    font-size: 1.0em !important;
  }

  .input-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .Delibery {
    font-size: 0.8em !important;
    margin-top: -5px;
  }
  
.buyIcon1 {
  width: 120px;        
   height: auto;   
  aspect-ratio: 4 / 1; 
  object-fit: contain;  
}
	
	
}

/* End Products.xsl code*/








/* עיצוב בסיסי למובייל - סרגל מלא בתחתית */
.floating-contact-notch {
    position: fixed;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 44px;
   /*  background: #1a1a1a; */
	 background: rgba(0, 51, 102, 0.8); /* כחול כהה שקוף */
    display: flex;
    align-items: center;
    z-index: 10000;
    font-family: 'Noto Sans Hebrew', Segoe, "Segoe UI", Verdana, sans-serif;
    
    /* אנימציה והסתרה */
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
    transform: translateY(100%); /* מוחבא לגמרי מתחת למסך */
    
    /* פינות מעוגלות רק למעלה */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    
    box-shadow: 0 -1px 4px rgba(0,0,0,0.3);
    padding-bottom: env(safe-area-inset-bottom); /* תמיכה באייפון */
}

/* המצב שבו הסרגל מופיע בגלילה */
.floating-contact-notch.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0); /* חוזר למקום המדויק בתחתית */
}

.notch-btn {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px; /* הגדלתי מעט מ-12px כדי שיהיה קריא יותר */
    gap: 8px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chat-btn:hover, .notch-btn:hover { 
    background: #25d366; 
    color: #000000; /* טקסט שחור בתוך רקע ירוק */
}

.notch-separator {
    width: 1px;
    height: 25px;
    background: rgba(255,255,255,0.3);
}

/* אפקטים במעבר עכבר/לחיצה */
.chat-btn:active, .chat-btn:hover { background: #25d366; }
.call-btn:active, .call-btn:hover { background: #ff6a00; }

/* --- עיצוב למחשב (מעל 768px) --- */
@media screen and (min-width: 769px) {
    .floating-contact-notch {
        width: auto;
        min-width: 320px;
        left: 50%;
        /* כאן ה-transform חייב לכלול גם את המירכוז וגם את ההסתרה */
        transform: translateX(-50%) translateY(100px); 
        bottom: 0px; 
        height: 40px; /* הגדלתי מעט מ-30px כדי שיהיה נוח ללחוץ */
        background: rgba(0, 51, 102, 0.8); /* כחול כהה שקוף */
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.1);
        border-bottom: none; /* שלא יראו בורדר למטה כשהוא צמוד לרצפה */
    }

    .floating-contact-notch.show {
        /* במצב תצוגה במחשב: ממרכז ויושב על הרצפה */
        transform: translateX(-50%) translateY(0);
    }
    
    .notch-btn {
        padding: 0 25px;
    }
}

/* ריווח לגוף הדף במובייל */
@media screen and (max-width: 768px) {
    body { padding-bottom: 60px; }
}



/* CART */
* { box-sizing: border-box; }

:root {
    --amazon-blue: #131921;
    --amazon-light-blue: #232f3e;
    --amazon-orange: #febd69;
    --amazon-yellow: #ffd814;
    --amazon-yellow-hover: #f7ca00;
}

/* Sliding Cart Drawer */
.cart-drawer-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none; }
.cart-drawer { position: fixed; top: 0; right: -350px; width: 350px; height: 100%; background: white; z-index: 1001; transition: right 0.3s ease; box-shadow: -2px 0 10px rgba(0,0,0,0.2); display: flex; flex-direction: column; text-align: right; direction: rtl; }
.cart-drawer.open { right: 0; }
.cart-drawer-header { padding: 20px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; background: #f3f3f3; }
.cart-drawer-content { flex: 1; overflow-y: auto; padding: 20px; }
.cart-drawer-footer { padding: 20px; border-top: 1px solid #ddd; background: #f9f9f9; }
.close-drawer { cursor: pointer; font-size: 24px; font-weight: bold; }

.cart-item-row { display: flex; gap: 10px; padding: 15px 0; border-bottom: 1px solid #eee; align-items: center; }
.cart-item-row img { width: 50px; height: 50px; object-fit: cover; border-radius: 4px; }
.cart-item-details { flex: 1; font-size: 13px; }
.qty-controls { display: flex; align-items: center; gap: 8px; margin-top: 5px; }

/* Buttons */
/* .btn-cart { border: 1px solid #a88734; border-radius: 20px; padding: 8px 15px; cursor: pointer; font-size: 14px; text-align: center; text-decoration: none; display: inline-block; font-family: inherit; }
 */
  .btn-cart2 { border: 1px solid #a88734; border-radius: 20px; padding: 8px 15px; cursor: pointer; font-size: 14px; text-align: center; text-decoration: none; display: inline-block; font-family: inherit; }

 .btn-cart.img-only ,.img-only{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.btn-cart.img-only img {
    width: 30px; /* שנה לגודל שאתה רוצה */
    height: auto;
    display: block;
}
 
 .btn-yellow { background-color: var(--amazon-yellow); color: black; }
.btn-orange { background-color: var(--amazon-orange); color: black; border-color: #846a29; }
.btn-small { padding: 2px 8px; border-radius: 4px; font-size: 12px; background: #f0f2f2; border: 1px solid #adb1b8; }

/* Checkout Grid */
.checkout-container { 
    display: grid; 
    grid-template-columns: 1fr 350px; 
    gap: 25px; 
    align-items: start; 
    max-width: 1200px; 
    margin: 20px auto; 
    padding: 0 20px; 
    direction: rtl; 
    width: 100%;
}
@media (max-width: 1000px) { 
    .checkout-container { grid-template-columns: 1fr; padding: 0 10px; } 
}

.checkout-main { 
    background: white; 
    padding: 25px; 
    border-radius: 8px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
    width: 100%;
    overflow-x: hidden; /* Prevent internal elements from pushing width */
}
@media (max-width: 600px) {
    .checkout-main { padding: 15px; }
}
.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
@media (max-width: 650px) { .checkout-grid { grid-template-columns: 1fr; } }

.form-section { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 15px; }
.form-section h3 { margin-top: 0; background: #f3f3f3; padding: 8px; border-radius: 4px; margin-bottom: 15px; font-size: 15px; }
.form-group { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.form-group label { font-size: 12px; font-weight: bold; }
.form-group input, .form-group select, .form-group textarea { 
    padding: 10px; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    font-size: 16px; 
    width: 100% !important; 
    max-width: 100%;
    display: block;
    box-sizing: border-box; 
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
@media (max-width: 600px) { .form-grid { grid-template-columns: 1fr; } }

.cc-fields { display: none; margin-top: 15px; padding: 15px; background: #f9f9f9; border-radius: 4px; border: 1px dashed #ccc; }

.radio-group { display: flex; flex-direction: column; gap: 8px; }
.radio-option { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; border: 1px solid #eee; border-radius: 4px; font-size: 13px; }
.radio-option:hover { background: #f9f9f9; }

.sticky-summary { position: sticky;  margin-top:48.54px;top: 20px; background: white; border: 2px solid var(--amazon-orange); padding: 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); text-align: right; }
.summary-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 15px; }
.summary-total { font-size: 22px; font-weight: bold; border-top: 1px solid #eee; padding-top: 10px; color: #B12704; }

/* Checkout Table Styles */
.checkout-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; background: white; }
.checkout-table th { background-color: #f8f8f8; padding: 12px; text-align: right; border-bottom: 2px solid #eee; font-size: 14px; }
.checkout-table td { padding: 12px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: middle; }
.checkout-table tr:hover { background-color: #fcfcfc; }

/* Success Page */
.success-container { text-align: center; padding: 60px 20px; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); max-width: 600px; margin: 40px auto; }
.success-container h1 { color: #2e7d32; margin-bottom: 15px; }

.cart-count-badge { background-color: var(--amazon-orange); color: var(--amazon-blue); border-radius: 50%; padding: 2px 7px; font-weight: bold; font-size: 12px; }

/* Mobile Table Fix - Make it scrollable without a wrapper div */
@media (max-width: 600px) {
    .checkout-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .sticky-summary {
        position: relative;
        top: 0;
        margin-top: 20px;
    }
}