.elementor-1364 .elementor-element.elementor-element-b70a01c:not(.elementor-motion-effects-element-type-background), .elementor-1364 .elementor-element.elementor-element-b70a01c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-1364 .elementor-element.elementor-element-b70a01c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1364 .elementor-element.elementor-element-b70a01c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.ee-tooltip.ee-tooltip-acb5096.to--top,
							 .ee-tooltip.ee-tooltip-acb5096.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-acb5096.to--left,
							 .ee-tooltip.ee-tooltip-acb5096.to--right{margin-top:0px;}.elementor-1364 .elementor-element.elementor-element-acb5096 img{width:40em;max-width:50%;}/* Start custom CSS for html, class: .elementor-element-1a13c23 */body{  
  font-family: 'Lato', sans-serif;
  font-size:20px;
  text-align:center;
}

#characteristic {
       
   margin: auto;
    width: 60%;
color:#000;
    padding: 21px;
}

 #animated{
  animation-name: move;
  animation-duration: 5s;
  nimation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  cursor:pointer;
}


#space{
  font-size:25px;
 
}
#photo {
    margin-top: 20px;
}
a.button {
    background:#fff;
   border:1px solid black;
	border-radius: 30px;
  margin-bottom:70px;
	box-shadow: 0px 2px 4px rgba(34,62,66,.25);
  color: black;
  font-size: 20px;
  letter-spacing: 2px;
  padding: 6px 22px;
  text-decoration: none;
  -webkit-transition: box-shadow 1s ease;
	transition: box-shadow 1s ease;
	box-shadow: 0px 4px 4px rgba(33,62,66,.5);
	-webkit-transition: box-shadow 1s ease;
	transition: box-shadow 1s ease;
   
  }
#day, #month {
    width: 300px!important;
}

.month{
    margin-left:-22px;
}


[id="101product"]{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .product-card {
    width: 200px;
    height: 280px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    text-align: center;
    transition: transform 0.2s ease;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .product-card:hover {
    transform: scale(1.03);
  }

  .product-image {
    width: 100%;
    height: 200px;
    object-fit: contain;
    padding: 10px;
  }

  .product-name {
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
  }

@media (max-width: 600px) {
    .product-card {
      width: 100%;
      height: 500px; /* Mobilon nagyobb magasság */
    }

    .product-image {
      height: 240px; /* A kép is nő, így jobban látszik */
    }

    .product-name {
      font-size: 18px;
    }
  }

****/
.zodiac-inputs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin: 30px auto;
  text-align: center;
}

.zodiac-inputs .input-row,
.zodiac-inputs p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
}

.zodiac-inputs select,
.zodiac-inputs input {
  padding: 6px 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.nonwanted-info{
    display:none;
}/* End custom CSS */