/* Global header + footer (from header.php / footer.php) */

        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #FBF7F4;
        }

        /* --- STICKY / FIXED HEADER WRAPPER --- */
        .global-navbar {
            background-color: rgba(251, 247, 244, 0.005); /* Matches body hue with dynamic glass translucency */
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 40px;
            width: 100%;
            box-shadow: none;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            border-bottom: 1px solid rgba(140, 126, 110, 0.1);
            transition: all 0.3s ease;
        }

        input, select, textarea, button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        .responsive-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- BRANDING --- */
        .navbar-brand {
            text-decoration: none;
            display: flex;
            flex-direction: column;
            flex-shrink: 0;
        }

        .brand-main {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 24px;
            letter-spacing: 2px;
            font-weight: 600;
            line-height: 1.2;
            background: linear-gradient(135deg, #dfba84 0%, #b88e4c 40%, #e8cb99 70%, #966d31 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0px 1px 1px rgba(255, 255, 255, 0.4)) drop-shadow(0px 1px 2px rgba(150, 109, 49, 0.3));
        }

        /* --- NAVIGATION LINKS --- */
        nav {
            display: flex;
            align-items: center;
        }

        .navbar-menu {
            display: flex;
            list-style: none;
            gap: 35px;
            align-items: center;
        }

        .navbar-item {
            position: relative;
            flex-shrink: 0;
        }

        .navbar-item a {
            text-decoration: none;
            font-family: 'Montserrat', sans-serif;
            font-size: 13px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: #8C7E6E;
            padding: 8px 0;
            position: relative;
            transition: color 0.3s ease;
            display: inline-block;
        }

        .navbar-item a:hover {
            color: #1C1B1A;
        }

        /* --- ACTIVE STATE UNDERLINE STYLE --- */
        .navbar-item a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, #dfba84, #b88e4c);
            opacity: 0;
            transform: scaleX(0.8);
            transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease;
            border-radius: 2px;
        }

        .navbar-item a:hover::after {
            opacity: 0.5;
            transform: scaleX(1);
        }

        .navbar-item a.active {
            color: #1C1B1A !important;
            font-weight: 600;
        }

        .navbar-item a.active::after {
            opacity: 1 !important;
            transform: scaleX(1) !important;
            box-shadow: 0 0 8px rgba(184, 142, 76, 0.6), 0 0 15px rgba(223, 186, 132, 0.4);
        }

        /* --- DYNAMIC RESPONSIVE PHONE ENGINE --- */
        
        /* Push content below fixed header across normal pages */
        .collection-container, .main-content {
            padding-top: 100px; 
        }

        @media (max-width: 900px) {
            .global-navbar {
                padding: 15px 25px;
            }
            .navbar-menu {
                gap: 20px;
            }
        }

        /* Mobile Layout Styling */
        @media (max-width: 768px) {
            .global-navbar {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 15px 15px 12px 15px;
                gap: 12px;
            }

            .brand-main {
                font-size: 21px;
                letter-spacing: 3px;
            }

            nav {
                width: 100%;
                justify-content: center;
            }

            .navbar-menu {
                width: 100%;
                
                /* --- CHANGE THIS VALUE FROM flex-start TO center --- */
                justify-content: center; 
                
                gap: 16px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                padding-bottom: 4px;
                scrollbar-width: none; 
            }
            
            .navbar-menu::-webkit-scrollbar {
                display: none;
            }

            .navbar-item a {
                font-size: 11px;
                letter-spacing: 0.12em;
                padding: 4px 2px;
            }

            .collection-container, .main-content {
                padding-top: 115px;
            }
        }
    


    /* Premium Minimalist Footer Core Styling */
    .global-footer {
        background-color: #1C1B1A; /* Luxe deep obsidian black */
        color: #EFECE6; /* Soft cream text contrast */
        font-family: 'Montserrat', sans-serif;
        padding: 30px 0 0 0;
        margin-top: auto; /* Ensures footer sticks to bottom if page content is short */
        width: 100%;
    }

    .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px 60px 40px;
        display: grid;
        grid-template-columns: 2fr repeat(3, 1fr);
        gap: 60px;
    }

    /* Column Typography Formatting */
    .footer-column.brand-column {
        padding-right: 40px;
    }

    .footer-brand-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 0.04em;
        margin: 0 0 16px 0;
        color: #ffffff;
    }

    .footer-brand-tagline {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.6;
        color: #A6A19A;
        max-width: 260px;
    }

    .footer-column-heading {
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #8C7E6E; /* Muted gold accent tone */
        margin: 0 0 24px 0;
    }

    /* Navigation Lists Reset */
    .footer-links-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-links-list li {
        margin-bottom: 14px;
    }

    .footer-links-list a {
        color: #CFCBC4;
        text-decoration: none;
        font-size: 13px;
        font-weight: 300;
        transition: color 0.3s ease;
    }

    .footer-links-list a:hover {
        color: #ffffff;
    }

    /* Special Interactive Social Layout elements */
    .contact-list li {
        font-size: 13px;
        font-weight: 300;
        color: #CFCBC4;
    }

    .instagram-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .instagram-icon {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .location-text {
        margin-top: 16px;
        text-transform: uppercase;
        font-size: 11px !important;
        letter-spacing: 0.1em;
        color: #8C7E6E !important;
    }

    /* Bottom Border Segment Bar details */
    .footer-bottom-bar {
        border-top: 1px solid #2E2D2B;
        padding: 10px 0;
    }

    .footer-bottom-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .copyright-text, .credits-text {
        font-size: 11px;
        font-weight: 300;
        color: #73706B;
        margin: 0;
        letter-spacing: 0.05em;
    }

    /* Responsive Collapse Adjustments */
    @media (max-width: 992px) {
        .footer-container {
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }
        .brand-column {
            grid-column: span 2;
            padding-right: 0;
            margin-bottom: 20px;
        }
    }

    @media (max-width: 576px) {
        .footer-container {
            grid-template-columns: 1fr;
            gap: 35px;
        }
        .brand-column {
            grid-column: span 1;
        }
        .footer-bottom-container {
            flex-direction: column;
            gap: 12px;
            text-align: center;
        }
    }
    /* Inline Flexbox Layout to align Image and Typography */
.footer-logo-header {
    display: flex;
    align-items: center;
    gap: 16px; /* Elegant spacing between the logo graphic and the text */
    margin-bottom: 16px;
}

/* Luxury Logo Image Scale Configurations */
.footer-logo-img {
    width: 45px;          /* Sets a refined, luxury-scale width */
    height: 45px;         /* Keeps a clean 1:1 square ratio mapping */
    object-fit: cover;    /* Ensures perfect framing within bounds */
    border-radius: 4px;   /* Softens the square edges slightly */
    border: 1px solid rgba(140, 126, 110, 0.3); /* Subtle gold-dust border tint */
}

/* Adjusted alignment override for the footer brand title text */
.footer-brand-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0;            /* Reset margins since parent flexbox container manages layout spacing */
    color: #ffffff;
}

/* ---- Footer additions (contact + social icons, Arabic name) ---- */
.footer-brand-sub { font-size: 10px; letter-spacing: 0.35em; color: #b88e4c; margin: -4px 0 6px 0; font-weight: 500; }
.footer-brand-ar { font-family: 'Noto Naskh Arabic', serif; font-size: 18px; color: #CFCBC4; margin: 0 0 12px 0; text-align: left; direction: rtl; unicode-bidi: plaintext; }
.footer-icon-link { display: inline-flex; align-items: center; gap: 10px; }
.footer-icon { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.footer-links-list a.footer-icon-link { color: #CFCBC4; }
.footer-links-list a.footer-icon-link:hover { color: #ffffff; }

/* ---- Footer legal links + WhatsApp floating button ---- */
.footer-legal { font-size: 11px; color: #73706B; margin: 0; letter-spacing: 0.05em; }
.footer-legal a { color: #A6A19A; text-decoration: none; transition: color .3s ease; }
.footer-legal a:hover { color: #ffffff; }
.footer-legal span { margin: 0 10px; }
@media (max-width: 576px) { .footer-legal { order: 3; } }
.wa-float { position: fixed; right: 22px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); width: 58px; height: 58px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,0.28); z-index: 900; transition: transform .2s ease, box-shadow .2s ease; }
.wa-float:hover { transform: scale(1.08); box-shadow: 0 12px 30px rgba(0,0,0,0.32); }
.wa-float svg { width: 31px; height: 31px; fill: #ffffff; }
@media (max-width: 576px) { .wa-float { width: 54px; height: 54px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); } }
@media print { .wa-float { display: none; } }