/* product boxes carousel etc */
body.in-index .products-block,
body.type-product .products-related {
	flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; -ms-overflow-style: none;
  &::-webkit-scrollbar{
  	display: none;
  }
  > .product{
  	flex: 0 0 auto;
	  display: block !important;
	  scroll-snap-align: start;
      border-right-style:none !important;
  }
  @media (min-width: 1200px) {
    > .product{
    	width: 20% !important;
    }
  }
}
body.type-product:has(.products-related) .browse-p{
    display:none
}

.hp-carousel-nav{
	display: flex;
	gap: 8px;
	flex: 0 0 auto;
	.hp-carousel-btn{
		width: 40px;
		height: 40px;
		padding: 0;
		border-radius: 50%;
	  border: 1px solid #d8d8d8;
	  background: #fff;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 18px;
	  line-height: 1;
	  transition: opacity .2s,
	  border-color .2s;
	  &:hover{
	  	border-color: var(--master-color-primary);
	  	color: var(--master-color-primary);
	  }
	  &[disabled] {
	    opacity: .3;
	    cursor: default;
	    border-color: #d8d8d8; 
	  }
	}
}

.in-index .homepage-group-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
	font-weight:700 !important;
	font-size:24px;
}

.products-related-header{
	position: relative;
	.hp-carousel-nav {
	  position: absolute;
	  right: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  @media (max-width: 599px) {
	  	position: static;
	  	transform: none;
	  	justify-content: center;
	  	margin-top: 8px;
	  }
	}
}


.products{
	.product{
		padding:1rem !important;
		border:none;
		border-right-style:none !important;
		> .p{
			border:1px solid rgba(35, 33, 30, 0.1);
			padding:1rem 1rem 2rem;
			border-radius: calc(1rem + var(--bigger-border-radius));
			.image{
				img{
					border-radius:var(--bigger-border-radius);
				}
				.flags{
					top:0.5rem;
					left:-1.5rem;
					.flag{
						border-radius:var(--basic-border-radius);
						font-weight:500;
						font-size:12px;
						text-align:left;
						&.flag-discount{
							background-color:var(--master-color-primary);
							> *{
								color:var(--master-color-white);
							}
						}
					}
					&.flags-extra{
						display:none;
					}
				}
			}
			.p-in{
				padding:1rem 0.5rem 0rem;
				display:flex;
				flex-direction: column;
				height: 100%;
    		justify-content: space-between;
				.p-in-in{
					.name{
						font-size:14px;
						height:unset;
            text-align:left;
            color:var(--master-color-black);
						span{
							font-weight:500;
							display:flex;
							flex-direction: column;
							.product-appendix{
								margin-top:1rem;
								color:var(--master-grey-dark);
								font-weight:500;
							}
						}
					}
					.ratings-wrapper{
						display:none;
					}
				}
				.p-bottom{
					.availability{
						margin-bottom:0;
					}
					.prices{
            margin-bottom:0;
            .price{
            	display:flex;
							flex-direction: column-reverse;
							.txa-discount{
								display:flex;
								gap:1rem;
								margin-bottom:0.5rem;
								.price-standard > span{
									font-size: 14px;
							    font-weight: normal;
								}
								.price-save{
									color:var(--master-color-white);
									background-color:var(--master-sale-color);
									font-weight: 500;
									font-size:14px;
									border-radius:var(--basic-border-radius);
									padding:1px 5px 2px 5px;
									line-height:normal;
								}
							}
	            .price-measure{
	                display:none;
	            }
            }
					}
					.p-tools{
						margin-top:1rem;
						flex-basis:100%;
						button{
							width:100%;
							border-radius:var(--bigger-border-radius);
              background-color:var(--master-color-green);
              border-color:var(--master-color-green);
              margin-bottom:0;
							&:before{
								content:"";
							}
              &:hover{
                background-color:var(--master-color-green-hover);
                border-color:var(--master-color-green-hover);
              }
						}
						a{
							width:100%;
							border-radius:var(--bigger-border-radius);
							font-weight:500;
							text-transform: inherit;
              background-color:var(--master-color-green);
              border-color:var(--master-color-green);
              margin-bottom:0;
              &:hover{
                  background-color:var(--master-color-green-hover);
                  border-color:var(--master-color-green-hover);
              }
						}
					}
				}
			}
		}
	}
}

/* ===== Popisky v mobilní hlavičce (viz components.css) ===== */
:root{
	--label-search: "ΑΝΑΖΗΤΗΣΗ";
	--label-cart: "ΚΑΛΑΘΙ";
}