#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 */
}

#image_box {
margin: 10px; padding: 0px;
width: 600px; height: 480px;
overflow: hidden;
border-radius: 10px;
background-color: #ececec;
}
#details_box {
margin: 10px; padding: 10px;
width: 580px; height: 460px;
overflow: hidden;
display: flex;/* A szülő flex konténer lesz */
flex-direction: column;/* Függőleges elrendezés */
border-radius: 10px;
background-color: #ececec;
}
#details_name_h1 {
margin: 0px 0px 20px 0px; padding: 0px;
width: 100%;
font-size: 30px;
line-height: 1.4em;
text-align: left;
white-space: pre-line;
word-wrap: break-word;/* Ez törést kényszerít a hosszú szövegnél */
}
#details_description_box {
margin: 10px 0px; padding: 5px;
flex-grow: 1;/* Kitölti a rendelkezésre álló helyet */
overflow-y: auto;
border-radius: 10px;
background-color: #fafafa;
}
#details_description_p {
margin: 0px; padding: 0px;
width: 100%;
font-size: 16px;
line-height: 1.4em;
text-align: left;
word-wrap: break-word;/* Ez törést kényszerít a hosszú szövegnél */
white-space: pre-line;/* Entereket és sortöréseket is jól leneníti meg */
}
#details_price_quantity_box {
margin: 10px 0px; padding: 0px 5px;
width: calc(100% - 10px);
display: flex;
justify-content: space-between;
align-items: center;
}
.product_price_span {
margin: 0px; padding: 5px;
font-size: 30px;
font-weight: 700;
line-height: 1.4em;
text-align: left;
}
.product_price_gg { color: #000000; }
.product_price_bg { color: #b2b2b2; }
#product_quantitiy_box { margin: 0px; padding: 5px; }
#product_in_stock_p {
width: 100%;
display: flex;/* Flexbox engedélyezése */
font-size: 14px;
line-height: 1.5;
text-align: left;
justify-content: center;/* Gyermekek vízszintesen középre igazítása */
align-items: center;/* Gyermekek függőlegesen középre igazítása */
}
.product_in_stock_ok {
margin: 0px 0px 15px 0px; padding: 0px;
font-size: 14x;
line-height: 1.5;
color: #000000;
}
.product_in_stock_out {
margin: 0px 20px 0px 0px ; padding: 0px;
font-size: 20x;
line-height: 1.5;
text-align: right;
color: #ff0000;
}
#product_in_stock_span {
margin: 0px auto; padding: 0px 0px 0px 12px;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
#product_kosarban_span {
margin: 0px 10px 0px 0px; padding: 0px;
font-size: 14px;
}