/* Start custom CSS for shortcode, class: .elementor-element-06ce4b7 */.yacht-detail-page {
	padding-top: 50px;
	padding-bottom: 50px;
}

.yacht-detail-page  img {
	border-radius: 16px;
	box-shadow: -10px 32px 60px 0px rgba(0, 0, 0, 0.1);
	
}

.yacht-header {
	margin-top: 30px;
	display : flex;
	justify-content: space-between;
	align-items: center;
}

.yacht-header-image{
    position: relative;
}

.yacht-header-image .vessel-category,
.yacht-header-image .unavailable-banner {
  position: absolute;
  border: 1px solid rgba(0,0,0,0.05);
  font-weight: 600;
  border-radius: 8px;
  padding: 0.25rem 0.6rem;
  font-size: 13px;
  line-height: 1.2;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 2;
}



/* Unavailable banner (top-right) */
.yacht-header-image .unavailable-banner {
  top: 16px;
  right: 8px;
  background-color: red;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.yacht-header-image .vessel-category{
    position: absolute;
    bottom: 16px;
    right: 8px;
    border: 1px solid rgba(0,0,0,0.05);
    font-weight: 600;
    border-radius: 8px;
    padding: 0.2rem 0.6rem;
    background-color:var(--e-global-color-secondary);
    color: white ;
    font-size: 13px;
}
.yacht-specifications .yacht-specifications-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 28px;
	column-gap: 28px;
		border-radius: 16px;

	width: 100%;
	padding : 2rem;

	background-color:var(--e-global-color-secondary); 
}
.yacht-detail-page h3 {
	text-transform : uppercase;
	margin-top: 25px;
	margin-bottom: 25px;;
	font-weight: 700;
	background-color : #7EC1F3;
	padding: 1rem 2rem;
	color: var(--e-global-color-secondary); 
	border-radius: 16px;
}

.yacht-specifications h4 , .yacht-specifications li{
	color: white;
	text-transform : uppercase;

}

.yacht-gallery-grid {
	display:grid; 
	grid-template-columns : repeat(3, 1fr);
	row-gap: 7px;
	column-gap: 14px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6038ee7 */@media(max-width: 768px) {
	.yacht-specifications .yacht-specifications-container {
	grid-template-columns: repeat(1, 1fr) !important;
	
}
	
	.yacht-detail-page h3 {
	font-size: 18px;
}
	
	.yacht-detail-page h4 {
	font-size: 16px;
}
	
			 .yacht-gallery-grid{
		grid-template-columns: repeat(1, 1fr) !important;

	}
	
	.yacht-header {
		flex-wrap : wrap;
	}
}/* End custom CSS */