/* ── BABICHA FOOTER ── */
.babicha-footer { position: relative; overflow: hidden; display: flex; flex-direction: column; }
.sea-mountain-ship { background: #fff; height: 192px; overflow: hidden; }
.bf-landscape { width: 100%; height: 100%; object-fit: cover; }
.bf-mobile-bg { display: none; }

.bf-footer-content { background: #E5C59C; padding: 40px 0px; position: relative; }
.bf-footer-row { display: flex; align-items: flex-start; }

/* Content Column (Left) */
.bf-content-col { flex: 1; display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 10; }
.bf-logo img { width: 210px; }
.bf-links { display: flex; gap: 30px; list-style: none; padding: 0; margin:2rem 0 0 0; }
.bf-links a { color: #000; font-weight: 555; text-decoration: none; }

/* Assets Column (Right) */
.bf-assets-col { width: 430px;
    flex-shrink: 0;
    position: relative;
    align-self: flex-start;
    z-index: 2; }
.bf-boy { width: 100%; display: block; margin-left: auto; }
.bf-rock-desktop { width: 95px; position: absolute; left: -30px; top: 25%; }
.bf-rock-mobile { display: none; }

/* Socials & Bottom */
.bf-bottom { display: flex; align-items: center; gap: 20px; border-top: 1.5px solid #000; padding-top: 18px; margin-top: 4px; }
.bf-socials { display: flex; gap: 8px; }
.bf-socials a { background: #CC3632; color: #fff; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bf-copyright{margin-bottom: 0;}
/* Mobile View */
@media (max-width: 767px) {
    .sea-mountain-ship { height: 117px; }
    .bf-desktop-bg { display: none; }
    .bf-mobile-bg { display: block; }
    .bf-footer-row { flex-direction: column; align-items: stretch; }
    
    .bf-assets-col { width: 100%; order: 1; min-height: 200px; position: relative; }
    .bf-boy { width:100%; margin: 0 auto; }
    .bf-rock-desktop { top: 64%; left: 64%; }
    .bf-rock-mobile { display: block !important; position: absolute; 
                     top: 5px; 
                     left: -12%; 
                     width: 70px; }
    
    .bf-content-col { order: 2; padding: 20px; text-align: left; align-items: start; }
    .bf-links { flex-direction: column; gap: 10px; }
    .bf-bottom { flex-direction: column;align-items: start; margin-top: 0; width:100%}
    .bf-links a {text-decoration: none;font-size: 18px;}
}