.elementor-1199 .elementor-element.elementor-element-d627522{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1199 .elementor-element.elementor-element-d627522:not(.elementor-motion-effects-element-type-background), .elementor-1199 .elementor-element.elementor-element-d627522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1199 .elementor-element.elementor-element-3b50b4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1199 .elementor-element.elementor-element-b699e07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:690px){.elementor-1199 .elementor-element.elementor-element-3b50b4d{--width:20%;}.elementor-1199 .elementor-element.elementor-element-b699e07{--width:80%;}}/* Start custom CSS for html, class: .elementor-element-bb20a57 */<style>
.zaya-product-menu {
  font-family: 'Playfair Display', serif; /* or your luxury font */
  padding: 40px 20px;
  background: #fff;
}

.right-section img {
  max-width: 100%;       /* keeps images responsive */
  width: 1280px;         /* force a consistent width */
  height: 756px;         /* force a consistent height */
  object-fit: cover;     /* crops images to fill the box */
  display: block;        /* removes inline spacing */
  margin: 0 auto;        /* centers the image */
}

.menu-title {
  font-size: 36px;
  font-weight: 700;
  color: #333;
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
}

.menu-title:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #d4af37; /* gold color for luxury */
}

.product-item {
  padding: 18px 0;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.4s ease;
  color: #555;
  position: relative;
  border-bottom: 1px solid #eee;
}

.product-item:hover,
.product-item.active {
  color: #000;
  font-weight: 600;
  padding-left: 15px;
}

.product-item:hover:before,
.product-item.active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #d4af37;
  border-radius: 50%;
}

.zaya-product-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
  height: 100%;
  min-height: 500px;
}

.zaya-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.zaya-product-image:hover img {
  transform: scale(1.05);
}

.image-overlay {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: rgba(255,255,255,0.9);
  padding: 15px 25px;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#imageLabel {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  font-family: 'Playfair Display', serif;
}
</style>/* End custom CSS */