/* GALLERY WRAPPER */
        .boat-gallery-main { display: flex; gap: 8px; margin-bottom: 30px; width: 100%; height: 450px; overflow: hidden; }
        
        /* LEFT SIDE: MAIN IMAGE */
        .main-img-wrap { flex: 0 0 75%; height: 100%; }
        .main-img-wrap img { width: 100%; height: 100%; object-fit: cover; border: 1px solid #eee; }

        /* RIGHT SIDE: THUMBS */
        .boat-gallery-thumbs { flex: 0 0 calc(25% - 8px); display: flex; flex-direction: column; gap: 8px; height: 100%; }
        .thumb-unit { flex: 1; min-height: 0; position: relative; overflow: hidden;border: 1px solid #eee; }
        .thumb-unit img { width: 100%; height: 100%; object-fit: cover; }

        @media (max-width: 768px) {
            .boat-gallery-main { flex-direction: column; height: auto; }
            .main-img-wrap { flex: 0 0 auto; height: 350px; width: 100%; }
            .boat-gallery-thumbs { 
                flex-direction: row !important; 
                width: 100% !important; 
                height: 100px !important; 
                justify-content: center; 
                padding: 10px 0;
            }
            .thumb-unit { flex: 0 0 100px !important; height: 100px !important; }
            
            /* STICKY FOOTER */
            .mobile-sticky-contact a, .mobile-sticky-contact button { flex: 1; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 6px; text-decoration: none; border: none; }
            body { padding-bottom: 70px; }
			.progress-wrap{bottom: 50px;right: 10px;}
        }
        
        @media (min-width: 769px) { .mobile-sticky-contact { display: none; } }
		
		/* Header Container Styles */
    /* Desktop Styles (Default) */
    .listing-head-container { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 20px; border-bottom: 1px solid #eee; padding-bottom: 25px; margin-bottom: 20px; }
    .listing-head-info { flex: 1; min-width: 300px; display: flex; flex-direction: column; justify-content: space-between; }
    .listing-head-title { font-size: 28px; color: #1a1a1a; margin: 0 0 5px 0; line-height: 1.2; }
    .listing-head-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 13px; color: #777; margin-bottom: 15px; }
    .listing-head-divider { border-left: 1px solid #ddd; padding-left: 12px; }
    .listing-head-condition { text-transform: uppercase; letter-spacing: 0.5px; color: #234d61; }
    .listing-head-price { font-size: 32px; font-weight: 800; line-height: 1; }
    .listing-head-location { margin-top: 8px; color: #666; font-size: 14px; }
    .listing-head-actions { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
    .listing-social-list { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; }
    .listing-social-item { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid #eee; border-radius: 50%; background: #fcfcfc; }
    .listing-qr-box { padding: 6px; margin: 15px auto; }
	a.listing-social-fb{color: #4E75B6 !important;}
	a.listing-social-wa{color: #19a319 !important;}
	a.listing-social-vb{color: #902ABF !important;}
   
	.listing-head-actions {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers items horizontally */
    justify-content: center;
    text-align: center;
}

/* 2. Center the UL list of icons */
.listing-social-list {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0; /* Spacing between icons and QR code */
    gap: 8px; /* Space between icons */
}

/* 3. Center the icon/SVG inside each circle */
.listing-social-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    /* border/background already defined in your previous classes */
}

/* 4. Ensure the QR box and image are centered */
.listing-qr-box {
    display: flex;
    justify-content: center;
    width: 100%;
}

.listing-qr-box img {
    display: block;
    margin: 0 auto;
}
    
	 /* Mobile Adjustments (Max 768px) */
    @media (max-width: 768px) {
        .listing-head-container { padding-bottom: 15px; margin-bottom: 15px; flex-direction: column; gap: 15px; }
        .listing-head-info { min-width: 100%; }
        .listing-head-title { font-size: 22px; } /* Smaller title for mobile */
        .listing-head-meta { gap: 8px; font-size: 12px; margin-bottom: 10px; }
        .listing-head-price { font-size: 26px; } /* Smaller price for mobile */
        .listing-head-actions { align-items: flex-start; width: 100%; flex-direction: row; } /* Side by side on mobile */
        .listing-qr-box { display: none; } /* Hide QR on mobile to save space */
        .listing-head-divider:first-child { border-left: none; padding-left: 0; }
		.listing-head-actions {display:none;}
		/* Prevent content from being hidden behind the bar */
body {
    padding-bottom: 85px !important;
}
    }
    /* Container for the sticky bar */


/* Base style for both buttons */
.btn-sticky {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none !important;
    border: none;
    color: #fff !important;
    transition: transform 0.1s ease, box-shadow 0.2s ease;
}

/* Active state effect when pressed */
.btn-sticky:active {
    transform: scale(0.96);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

/* Icon spacing */
.btn-sticky i {
    font-size: 18px;
    margin-right: 10px;
}

/* Call Button - Premium Orange Gradient */


/* Write Button - Modern Green Gradient */
.sticky-write,.bg-green {
background: linear-gradient(135deg, #FF9500 0%, #FF5E00 100%);
    box-shadow: 0 4px 12px rgba(255, 126, 0, 0.3);
    
}
.mobile-sticky-contact {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 10px 15px;
    gap: 10px;
    z-index: 9999;
    border-top: 1px solid #eee;
    /* Animation settings */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Class to hide the bar */
.sticky-hidden {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}
	

#wrapper {
    overflow: visible !important;
}

/* Ensure the sidebar remains sticky once the 'block' is removed */
@media (min-width: 992px) {
    .listing-sidebar {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 100px !important;
        z-index: 99;
        align-self: flex-start !important;
		/* Fix for tall sidebars */
        max-height: calc(100vh - 110px); /* Subtract top padding + bottom safety margin */
        overflow-y: auto; /* Adds a scrollbar ONLY if the sidebar is taller than the screen */
        
        /* Optional: Hide scrollbar for a cleaner look while keeping functionality */
        scrollbar-width: thin; 
        -ms-overflow-style: none;
    }
	.profile-map,#close_trader{display:none;}
}