.footer {
    position: relative;
    z-index: 1;
}
 /* Footer - same as landing page */
        .footer {
            text-align: center;
            padding: 2rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            gap: 2rem;
            margin-top: auto;
        }

        .footer-left {
            flex: 0 0 auto;
            min-width: 280px;
            max-width: 280px;
        }

        .towel-rack {
            position: relative;
            width: 100%;
            max-width: 280px;
            height: 120px;
            margin: 0 auto;
        }

        .rack-panel {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 16px;
            background: linear-gradient(90deg, #8B7355 0%, #9B8265 50%, #8B7355 100%);
            border-radius: 2px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);
            border: 1px solid rgba(90, 70, 50, 0.4);
        }

        .rack-panel::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: repeating-linear-gradient(
                90deg,
                transparent,
                transparent 8px,
                rgba(0,0,0,0.03) 8px,
                rgba(0,0,0,0.03) 9px
            );
        }

        .rack-screw {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background: radial-gradient(circle at 30% 30%, #8B7355, #6B5335);
            border-radius: 50%;
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.4);
        }

        .rack-screw:nth-child(1) {
            left: 8px;
        }

        .rack-screw:nth-child(2) {
            right: 8px;
        }

        .rack-screw::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 4px;
            height: 0.5px;
            background-color: rgba(0,0,0,0.6);
            box-shadow: 0 0 0 0.5px rgba(0,0,0,0.6);
        }

        .hangers-container {
            position: absolute;
            top: 16px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-evenly;
            padding: 0 20px;
        }

        .towel-hanger {
            position: relative;
            width: 50px;
            height: 80px;
            cursor: pointer;
            transition: transform 300ms ease;
        }

        .towel-hanger:hover {
            transform: translateY(-4px);
        }

        .hanger-string {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 18px;
            background: linear-gradient(180deg, rgba(90,70,50,0.6) 0%, rgba(90,70,50,0.3) 100%);
            border-radius: 1px;
        }

        .social-icon {
            position: absolute;
            top: 32px;
            left: 50%;
            transform: translateX(-50%);
            width: 36px;
            height: 36px;
            background-color: #F5F3F0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 8px rgba(0,0,0,0.15), inset 0 1px 2px rgba(255,255,255,0.5);
            border: 2px solid rgba(0,0,0,0.08);
            transition: all 300ms ease;
        }

        .towel-hanger:hover .social-icon {
            transform: translateX(-50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0,0,0,0.2);
        }

        .social-icon svg {
            width: 20px;
            height: 20px;
            fill: #3E3D3A;
        }


    .footer-btn {
        right: 30px;
        bottom: 25px;
        position: fixed;
        z-index: 2;
    }

    .btn-outline-dark:hover {
    background-color: #8A9A5B;
    border-color: #9caf88;
    color: white;
    }