#var_master_box {
margin: 0px; padding: 0px;
display: flex;
flex: 1 1 auto;/* Kitölti a rendelkezésre álló helyet */
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;/* Gyerek elemek a tartalmukhoz igazodnak */
align-content: flex-start;/* Ez megakadályozza, hogy az elemek kitöltsék a rendelkezésre álló magasságot */
}

.csempe_box {
margin: 20px; padding: 0px;
width: 250px;
border-style: solid;
border-width: 1px;
border-color: #dde0e3;
border-radius: 10px;
overflow: hidden;
background-color: #e8e8e8;
}.csempe_box:hover {
-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.2);
}
.csempe_name_box {
margin: 0px; padding: 5px;
width: calc(100% - 10px); height: 2.8em;
display: flex;
text-align: center;
align-items: center;
overflow: hidden;
cursor: pointer;
background-color: #4bb9ff;
}
.csempe_name_box span {
margin: 0px; padding: 0px;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #ffffff;
/*text-overflow: ellipsis;*/
letter-spacing: 2px;
word-wrap: break-word;/* Ez törést kényszerít a hosszú szövegnél */
/*word-break: break-all;*//* Ez is segít, hogy minden hosszú szót megtörjön */
white-space: normal;
line-height: 1.4em;
font-size: 20px;
cursor: pointer;
text-shadow: -1px 0 #2cadff, 0 1px #2cadff, 1px 0 #2cadff, 0 -1px #2cadff;
}
.csempe_image_box {
position: relative;
margin: 0px 0px 10px 0px;
width: 100%; height: 200px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.csempe_image_img {
margin: 0px; padding: 0px;
min-width: 100%; min-height: 100%;
object-fit: cover;
object-position: center center;
cursor: pointer;
}
.csempe_description_box {
margin: 0px 0px 10px 0px; padding: 0px 5px;
width: calc(100% - 10px); height: 3.4em;
text-align: left;
overflow: hidden;
background-color: #ffffff;
}
.csempe_description_box span {
margin: 0px; padding: 0px;
width: 100%;
font-size: 12px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
white-space: pre-line;/* Entereket és sortöréseket is jól leneníti meg */
text-overflow: ellipsis;
word-wrap: break-word;/* Ez törést kényszerít a hosszú szövegnél */
}
.csempe_price_in_stock_box {
margin: 0px 0px 10px 0px; padding: 5px;
width: calc(100% - 10px);
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
}
.csempe_price_span {
margin: 0px; padding: 0px 5px;
font-size: 18px;
line-height: 1.5;
text-align: left;
}
.csempe_price_bg { color: #cccccc; }
.csempe_in_stock_span {
margin: 0px 5px 0px 0px; padding: 0px;
font-size: 12px;
line-height: 1.5;
text-align: right;
}
.csempe_in_stock_ok {
color: #000000;
}
.csempe_in_stock_out {
color: #ff0000;
}
.csempe_kosarba_box {
margin: 0px; padding: 0px;
width: 100%; height: 2em;
display: flex;
font-size: 20px;
align-items: center;
justify-content: center;
}
.csempe_kosarba_ok {
color: #ffffff;
cursor: pointer;
background-color: #00b300;
}
.csempe_kosarba_added {
color: #ffffff;
background-color: #00ff57;
}
.csempe_kosarba_out {
color: #aaaaaa;
background-color: #cccccc;
}