/* MOBILE STICKY CTA */
        .mobile-sticky {
            display: none;
        }

        @media (max-width: 700px) {
            .mobile-sticky {
                position: fixed;
                right: 12px;
                bottom: 12px;
                z-index: 1300;
                display: flex;
                gap: 10px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                pointer-events: auto;
            }

            .mobile-sticky a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 56px;
                height: 56px;
                border-radius: 14px;
                text-decoration: none;
                color: #fff;
                font-weight: 800;
                box-shadow: 0 12px 36px rgba(10, 20, 30, 0.18);
                background: #21c063;
            }

            .mobile-sticky a.phone {
                background: linear-gradient(180deg, #0b74d1, #065fae);
            }

            .mobile-sticky a.book {
                background: linear-gradient(180deg, #6b4bdb, #5336b9);
            }

            .mobile-sticky .label {
                display: none;
            }
        }

        /* all sticky button */
        /* Left vertical social bar (screenshot-style) */
        .vertical-social {
            position: fixed;
            left: 10px;
            top: 180px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            z-index: 999;
        }

        .vertical-social a {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            border-radius: 6px;
            box-shadow: 0 6px 18px rgba(10, 20, 20, 0.12);
        }

        .vs-facebook {
            background: #3b5998;
        }

        .vs-twitter {
            background: #1da1f2;
        }

        .vs-pinterest {
            background: #bd081c;
        }

        .vs-linkedin {
            background: #0a66c2;
        }

        .vs-whatsapp {
            background: #25D366;
            color: #003;
        }

        /* Right stacked CTAs like screenshot */
        .right-ctas {
            position: fixed;
            right: 18px;
            bottom: 22px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            z-index: 999;
        }

        .cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border-radius: 8px;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 10px 30px rgba(2, 10, 10, 0.12);
        }

        .cta-call {
            background: #0b74d1;
        }

        .cta-ws {
            background: #13c83b;
            color: #003;
        }

        .cta-book {
            background: #6b4bdb;
        }

        /* make sure fixed elements hide on very small screens */
        @media (max-width: 700px) {

            .vertical-social,
            .right-ctas {
                display: none;
            }

            .photo-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
            }

            .photo-grid .photo-item {
                height: 160px;
            }
        }

        /* ---------- Left social strip visibility for mobile (keeps desktop fixed version) ---------- */
        @media (max-width: 520px) {
            .vertical-social {
                left: 8px;
                /* nudge a bit */
                top: 120px;
                transform: translateZ(0);
                display: flex;
                gap: 10px;
            }

            /* make them slightly taller to match screenshot stacked buttons */
            .vertical-social a {
                width: 46px;
                height: 46px;
                border-radius: 8px;
                font-weight: 800;
                font-size: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        /* ---------- Mobile sticky CTA (bottom-right small pill / circular) ---------- */
        .mobile-sticky {
            display: none;
            /* show only on small screens */
        }

        @media (max-width: 700px) {
            .mobile-sticky {
                position: fixed;
                right: 12px;
                bottom: 12px;
                z-index: 1300;
                display: flex;
                gap: 10px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                pointer-events: auto;
            }

            .mobile-sticky a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 56px;
                height: 56px;
                border-radius: 14px;
                text-decoration: none;
                color: #fff;
                font-weight: 800;
                box-shadow: 0 12px 36px rgba(10, 20, 30, 0.18);
                background: linear-gradient(180deg, #3b5cff, #1e3fe8);
            }

            .mobile-sticky a.phone {
                background: linear-gradient(180deg, #0b74d1, #065fae);
            }

            .mobile-sticky a.book {
                background: linear-gradient(180deg, #6b4bdb, #5336b9);
            }

            /* small label bubble shown when menu closed (optional) */
            .mobile-sticky .label {
                display: none;
                /* reduce clutter; enable if you want small text */
            }
        }