:root {
            --cosmic-purple: #4B2C82; /* From logo copy.jpg */
            --cosmic-gold: #D4AF37;   /* From logo copy.jpg */
            --ethereal-white: #fdfdff;
			--rose-quartz: #d4a5b8;     /* NEW: The Divine Feminine accent */            
            --deep-space: #1A0B2E;	
            --champagne-pearl: #f7f2ed;
            --cosmic-dusk: #331e47;
            --silk-lavender: #f3eef4;
            --antique-mauve: #5a4351;
            
            
			--alabaster-core: #F9F8F5; /* Alabaster Core  */
			--moonstone-silk: #F3EFF5; /* Moonstone Silk  */
			--selenite-cream: #FDFBF7; /* Selenite Cream  */
			--fossil-sand: #F2ECE4; /* Fossil Sand */
			
			--charcoal-plum: #3A2E39; /* Charcoal/Plum */
			--muted-berry: #60525F; /* Muted Berry    */       

        }
        
        
        
        
html, body {
    /* max-width: 100%; */
    /* overflow-x: hidden; */
}        
        
        
        

        body { font-family: 'Raleway', sans-serif; background-color: var(--ethereal-white); }
        h1, h2, h3, .serif { font-family: 'Playfair Display', serif; }
        
        .text-gold { color: var(--cosmic-gold) !important; }
        .text-purple { color: var(--cosmic-purple) !important; }	        
        .text-champagne-pearl { color: var(--champagne-pearl) !important; }
		.text-cosmic-dusk { color: var(--cosmic-dusk) !important; }
		.text-silk-lavender { color: var(--silk-lavender) !important; }
		.text-antique-mauve { color: var(--antique-mauve) !important; }
        
		.bg-champagne-pearl { background: var(--champagne-pearl) !important; }
		.bg-cosmic-dusk { background: var(--cosmic-dusk) !important; }
		.bg-silk-lavender { background: var(--silk-lavender) !important; }
		.bg-antique-mauve { background: var(--antique-mauve) !important; }								

        /* --- NAVIGATION --- */
        .navbar {
            background: var(--cosmic-purple) !important; /* Forced background color */
            border-bottom: 3px solid var(--cosmic-gold);
            padding: 15px 10 15px 0; /* T R B L */
        }

        .navbar-nav .nav-link {
            color: white !important;
            margin: 0 12px;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 1rem;
            letter-spacing: .5px;
        }
        
        
.nav-link {
    color: var(--cosmic-text) !important;
    font-weight: 500;
    margin: 0 10px;
    transition: color var(--transition-speed) ease;
}        
        
.navbar-nav .nav-link:hover { color: var(--cosmic-gold) !important; }
        



		
		/* Professional Dropdown Styles */
		.dropdown-menu {
		    background-color: var(--cosmic-purple);
		    border: 1px solid rgba(255, 215, 0, 0.2);
		    border-radius: 8px;
		    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 15px rgba(61, 28, 104, 0.3);
		    padding: 0.5rem 0;
		    margin-top: 10px !important;
		    backdrop-filter: blur(4px);
		}
		
		.dropdown-item {
		    color: var(--ethereal-white) !important;
		    font-weight: 400;
		    padding: 10px 20px;
		    transition: all var(--transition-speed) ease;
		}
		
		/* Dropdown item hover & active states */
		.dropdown-item:hover, 
		.dropdown-item:focus {
		    background-color: var(--cosmic-dusk) !important;
		    color: var(--cosmic-gold) !important;
		    padding-left: 25px; /* Subtle elegant slide effect */
		}







        
        
/* --- STICKY & REMOVABLE MIRROR EFFECT --- */
.navbar.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1030; /* Ensures it stays above page content */
}

/* MIRROR EFFECT: Simply delete or comment out this class to remove the mirror effect */
.navbar-mirror {
    background: rgba(75, 44, 130, 0.9) !important; /* Translucent purple core */
    backdrop-filter: blur(12px) saturate(180%);     /* Frosted mirror reflection */
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);     /* Soft under-shadow depth */
}
        
        
.navbar-brand {
    font-weight: 700;
    color: var(--cosmic-gold) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}        
        
        

        /* --- HERO CAROUSEL (Compact 70vh) --- */
        .carousel-item { height: 70vh; min-height: 500px; background-color: var(--deep-space); }
        

        /* Slide Backgrounds - Update paths for WAMP */
        #slide-1 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-cosmos.jpg') center/cover; }
        #slide-2 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-smallstars.jpg') center/cover; }
        #slide-3 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-cosmos.jpg') center/cover; }
        #slide-4 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-smallstars.jpg') center/cover; }
        #slide-5 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-cosmos.jpg') center/cover; }
        #slide-6 { background: linear-gradient(rgba(26,11,46,0.6), rgba(26,11,46,0.6)), url('../images/bg/bg-smallstars.jpg') center/cover; }
		

        .btn-gold { 
            background: var(--cosmic-gold); 
            color: white; 
            border-radius: 50px; 
            padding: 12px 30px; 
            border: none;
            font-weight: 600;
        }

        /* --- OFFERINGS (8 CARDS) --- */
        .service-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: all 0.4s ease;
            height: 100%;
		/* Transparent border by default to prevent layout shift */
			border: 2px solid transparent;[cite: 2]			
        }

        .service-card:hover { transform: translateY(-10px); 
		border: 2px solid var(--cosmic-gold); /* The requested gold border */[cite: 2]
		box-shadow: 0 15px 40px rgba(75, 44, 130, 0.15); }
        
		
		.card-img-top { height: 200px; object-fit: cover; }
        
        .icon-circle {
            width: 60px; height: 60px;
            background: rgba(75, 44, 130, 0.1);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: -30px auto 15px;
            position: relative;
            background: white;
            color: var(--cosmic-gold);
            font-size: 1.5rem;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        /* --- PROFILE --- */
        .profile-img { border: 10px solid white; 
		box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
		transition: transform 0.5s ease;
		}
		
.profile-img:hover {
    transform: scale(1.05);
}		
		
		
		
/* Unique Backgrounds for Page Sections */
#profile { 
    background: url('bg-ethereal-light.jpg') center/cover no-repeat; 
}
#offerings { 
    background: linear-gradient(180deg, #ffffff 0%, #f3f0f7 100%); 
}
#meow-creations-teaser { 
    background: url('bg-texture-gold.jpg') fixed center/cover; /* Parallax effect */
}		
		
		
		

/* Service Hero Style */
.service-hero {
    height: 70vh;
    min-height: 500px;
    background: linear-gradient(rgba(26, 11, 46, 0.8), rgba(26, 11, 46, 0.8)), 
                url('../images/hero-bg-numerology.jpg') center/cover;
    border-bottom: 4px solid var(--cosmic-gold);
}


/* Specific background for the Numerology Page */
#numerology-hero {
    background: linear-gradient(rgba(26, 11, 46, 0.75), rgba(26, 11, 46, 0.75)), 
                url('../images/bg/bg-smallstars.jpg'); 
}






/* Gold Border for Testimonial Cards */
.border-gold {
	border: 1px solid var(--cosmic-gold) !important;
	transition: background 0.3s ease;
	color: var(--ethereal-white);
}

.border-gold:hover {
    	background: rgba(212, 175, 55, 0.05) !important;
	color: var(--ethereal-white);
}


/* Ensure the icon circles from home page work here too */
.icon-circle {
    width: 60px;
    height: 60px;
    background: var(--cosmic-purple);
    color: var(--cosmic-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}




/* Sub-Service Items Styles */
.sub-service-item {
    border-color: var(--cosmic-gold); /* Maintains the requested gold border on hover */
    background: var(--ethereal-white);
	color: var(--cosmic-purple);
    padding: 30px 20px;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.sub-service-item:hover {
    border-color: var(--cosmic-gold); /* Maintains the requested gold border on hover */
	color: var(--cosmic-gold);
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.1);
}

.sub-icon {
    font-size: 2rem;
    color: var(--cosmic-purple);
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.sub-service-item:hover .sub-icon {
    color: var(--cosmic-gold);
}

.sub-service-item h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
}



/* START COSMIC CARDS */


/* Premium Image Card Container */
.cosmic-image-card {
    position: relative;
    height: 450px; /* Tall, editorial profile */
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end; /* Pushes content beautifully to the bottom */
    padding: 30px;
    border: 2px solid transparent;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); /* Ultra smooth ease-out curve */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Gradient Overlay to Ensure High Contrast Text Readability */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(to bottom, rgba(26, 11, 46, 0) 20%, rgba(26, 11, 46, 0.95) 90%);*/
    background: linear-gradient(to bottom, rgba(212, 165, 184, 0) 20%, rgba(26, 11, 46, 0.95) 90%);    
    z-index: 1;
    transition: opacity 0.4s ease;
}

/* Text Content Container */
.card-content {
    position: relative;
    z-index: 2; /* Sits cleanly on top of the overlay gradient */
    color: #ffffff;
    transform: translateY(10px); /* Subtle lifting motion on hover */
    transition: transform 0.4s ease;
}

.card-content h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.text-light-muted {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Small Tracking-Wide Utility */
.tracking-wide {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.8rem;
}

/* Premium Gold Badge styling inside cards */
.badge-gold {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--cosmic-gold);
    color: var(--cosmic-gold);
    border-radius: 30px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}



/* Alternative A soft, welcoming alternative to the sharp gold badge */
.badge-feminine {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(212, 165, 184, 0.12); /* Soft Rose transparency */
    border: 1px solid var(--rose-quartz);
    color: var(--rose-quartz);
    border-radius: 30px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}





/* Hover Interaction Effects */
.cosmic-image-card:hover {
    border-color: var(--cosmic-gold);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15);
    background-size: 108%; /* Creates a high-end cinematic lens zoom effect */
}


.cosmic-image-card:hover {
    border-color: var(--rose-quartz);
    box-shadow: 0 20px 40px rgba(212, 165, 184, 0.2); /* Soft pinkish-purple aura glow */
}


.cosmic-image-card:hover .card-content {
    transform: translateY(0);
}




/* END COSMIC CARDS */




/* ==========================================================================
   ISOLATED BLOC: "About Swatee" Section Feminine Variant
   ========================================================================== */

/* Color Pointer Reference */
.text-rose-quartz {
    color: #d4a5b8 !important; /* Rose Quartz Anchor Token */
}
.text-deep-space {
    color: #1a0b2e !important;
}

/* Tracking utility for headers */
.tracking-wider {
    letter-spacing: 2.5px;
}

/* Premium Typography Spacing Adjustments */
.premium-lead {
    line-height: 1.8;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.8rem;
    color: #1a0b2e;
}

.premium-text {
    line-height: 1.75;
    font-size: 1.05rem;
    margin-bottom: 1.6rem;
    color: #555555; /* Soft modern slate gray for white bg contrast */
    font-weight: 300;
}

/* Profile Image Container Layout */
.swatee-profile-wrapper {
    position: relative;
    display: inline-block;
    padding: 20px;
}

.swatee-profile-img {
    border-radius: 24px; /* Curvature conveys a softer style than hard square boxes */
    position: relative;
    z-index: 3;
    box-shadow: 0 20px 40px rgba(26, 11, 46, 0.08);
}

/* Visual Glow Backing - Replaces harsh background boxes with an ethereal light aura */
.aura-glow-rose {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: radial-gradient(circle, rgba(212, 165, 184, 0.35) 0%, transparent 70%);
    /*background: radial-gradient(circle, rgba(212, 165, 184, 0.35) 0%, transparent 70%);*/    
    filter: blur(40px); /* Creates the "Cinematic Photography" optical lens blur effect */
    z-index: 1;
    pointer-events: none;
}

/* Decorative Framing Tint */
.profile-frame-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(212, 165, 184, 0.25);
    border-radius: 32px;
    z-index: 2;
    pointer-events: none;
}

/* Signature Styling */
.signature-style {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 1.6rem;
    letter-spacing: 1px;
}



/* ==========================================================================
   END ISOLATED BLOC: "About Swatee" Section Feminine Variant
   ========================================================================== */






/* ==========================================================================
   GALLERY STATIC EXTENSIONS
   ========================================================================== */

/* Utility Constraints */
.max-w-600 { max-width: 600px; }
.text-light-muted { color: rgba(255, 255, 255, 0.65) !important; }

/* 1. Gallery Image Blocks */
.gallery-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.feature-height { height: 480px; }
.standard-height { height: 228px; }
.compact-height { height: 228px; }

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Elegant Reveal Overlay */
.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(26, 11, 46, 0.8) 0%, transparent 60%);
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: 24px;
    opacity: 0.85;
    transition: all 0.4s ease;
}

.gallery-category {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-left: 2px solid var(--cosmic-gold);
    padding-left: 10px;
}

/* Gallery Interactions */
.gallery-wrapper:hover .gallery-img {
    transform: scale(1.06);
}

.gallery-wrapper:hover .gallery-overlay {
    opacity: 1;
    background: linear-gradient(to top, rgba(26, 11, 46, 0.9) 0%, rgba(212, 165, 184, 0.15) 100%);
}

/* ==========================================================================
   END OF GALLERY STATIC EXTENSIONS
   ========================================================================== */
   
   
   
   
   
   
/* ==========================================================================
   IDENTITY 1: STATIC SHOWCASE GALLERY (NO POPUP)
   ========================================================================== */
.static-gallery-wrapper {
    position: relative;
    height: 300px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.static-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.static-gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(26, 11, 46, 0.75) 0%, transparent 60%);
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    opacity: 0.9;
    transition: all 0.4s ease;
}

.static-gallery-tag {
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-left: 2px solid var(--cosmic-gold);
    padding-left: 8px;
}

/* Hover Interactions */
.static-gallery-wrapper:hover .static-gallery-img {
    transform: scale(1.05);
}
.static-gallery-wrapper:hover .static-gallery-overlay {
    background: linear-gradient(to top, rgba(26, 11, 46, 0.85) 0%, rgba(212, 165, 184, 0.1) 100%);
}   
   
/* ==========================================================================
   END IDENTITY 1: STATIC SHOWCASE GALLERY (NO POPUP)
   ========================================================================== */   
   
   
   
   
 /* ==========================================================================
   IDENTITY 2: INTERACTIVE LIGHTBOX GALLERY (WITH POPUP)
   ========================================================================== */
.lightbox-gallery-wrapper {
    position: relative;
    height: 380px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer; /* Communicates interactivity immediately */
    border: 1px solid rgba(26, 11, 46, 0.05);
    transition: all 0.4s ease;
}

.lightbox-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.lightbox-gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(26, 11, 46, 0.9) 0%, rgba(26, 11, 46, 0.2) 100%);
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    transition: all 0.4s ease;
}

.lightbox-title-block h4 {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.lightbox-action-text {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Interactive Hovers */
.lightbox-gallery-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(26, 11, 46, 0.1);
}
.lightbox-gallery-wrapper:hover .lightbox-gallery-img {
    transform: scale(1.04);
}
.lightbox-gallery-wrapper:hover .lightbox-action-text {
    opacity: 1;
}

/* Pop-up Dark Frame Custom Styling */
.isolated-modal-style {
    background-color: #1a0b2e !important;
    border: 1px solid rgba(212, 165, 184, 0.25) !important; /* Elegant Rose Quartz framed border line */
    border-radius: 24px !important;
}
#standaloneModalImg {
    max-height: 65vh;
    object-fit: contain;
}  
   
   
 /* ==========================================================================
   EBD IDENTITY 2: INTERACTIVE LIGHTBOX GALLERY (WITH POPUP)
   ========================================================================== */   
   
   
   
   
   /* ==========================================================================
   IDENTITY 3: STANDALONE SPLIT FEATURE COMPONENT (EDITABLE PALETTE)
   ========================================================================== */
.split-feature-section {
    /* EDIT THESE TOKENS TO CUSTOMIZE THE COLOR SCHEME INSTANTLY */
    --split-section-bg: #f9f6f0;         /* Luxurious Cream Silk Background */
    --split-text-dark: #261f30;          /* Deep Velvet Plum for crisp contrast typography */
    --split-muted-text: #61586c;         /* Soft Lavender Slate for secondary text */
    --split-accent-rose: #d4a5b8;        /* Divine Feminine Touch Accent */
    
    background-color: var(--split-section-bg);
    border-top: 1px solid rgba(26, 11, 46, 0.03);
    border-bottom: 1px solid rgba(26, 11, 46, 0.03);
    color: var(--split-text-dark);
}





/* 1. CAROUSEL STYLING (LEFT SIDE) */
.premium-carousel {
    position: relative;
}

.carousel-frame-img {
    height: 480px;                       /* Ensures a stately, tall portrait card frame */
    object-fit: cover;
    border-radius: 24px;
}

/* Gradient overlay inside carousel slides to protect white one-liner text readability */
.carousel-image-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(38, 31, 48, 0.85) 0%, transparent 50%);
    z-index: 1;
    border-radius: 24px;
}

.custom-caption {
    left: 8% !important;
    right: 8% !important;
    bottom: 30px !important;
    z-index: 2;
    text-align: left !important;
}

.custom-caption p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: 300 !important;
}

/* Customized indicator pill elements */
.custom-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 6px;
    margin-right: 6px;
    background-color: #ffffff;
    opacity: 0.4;
    border: none;
}
.custom-indicators .active {
    background-color: var(--cosmic-gold) !important;
    width: 24px;
    border-radius: 10px;
    opacity: 1;
    transition: all 0.3s ease;
}

/* 2. TEXT AND TYPOGRAPHY STYLING (RIGHT SIDE) */
.split-subheading {
    color: var(--split-accent-rose);
    font-weight: 700;
    letter-spacing: 2.5px;
    font-size: 0.85rem;
}

.split-main-heading {
    color: var(--split-text-dark);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.split-paragraph-text {
    line-height: 1.8;                   /* Consistent premium paragraph breathing space */
    font-size: 1.05rem;
    color: var(--split-muted-text);
    margin-bottom: 1.6rem;
    font-weight: 300;
}

.split-paragraph-text.lead-text {
    font-size: 1.25rem;
    color: var(--split-text-dark);
    font-weight: 400;
    line-height: 1.8;
}

/* 3. SECTION FOOTER COMPONENT */
.border-top.border-muted-tint {
    border-color: rgba(97, 88, 108, 0.15) !important;
}

.split-footer-highlight {
    color: var(--split-text-dark);
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

/* Custom premium button utility style override */
.btn-outline-gold-premium {
    border: 1px solid var(--cosmic-gold);
    color: var(--split-text-dark);
    background: transparent;
    padding: 12px 28px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.btn-outline-gold-premium:hover {
    background: var(--split-text-dark);
    color: #ffffff;
    border-color: var(--split-text-dark);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(38, 31, 48, 0.1);
}
   
   
   
   /* ==========================================================================
   END IDENTITY 3: STANDALONE SPLIT FEATURE COMPONENT (EDITABLE PALETTE)
   ========================================================================== */   
   
   
   
   
   
   
   
   
   



/* ==========================================================================
   TESTIMONIAL EXTENSIONS
   ========================================================================== */


/* 2. Testimonial Blocks */
.testimonial-premium-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    padding: 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.4s ease;
}

.testimonial-quote {
    font-size: 1.05rem;
    line-height: 1.8; /* Spacious premium breathing space */
    font-weight: 300;
    color: rgba(255, 255, 255, 0.85);
    font-style: italic;
}

.testimonial-divider {
    border-color: rgba(255, 255, 255, 0.1);
    margin: 25px 0;
}

/* Monogram Avatar Component */
.avatar-glow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--cosmic-gold);
    color: var(--cosmic-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-right: 15px;
    font-size: 0.95rem;
}

.frame-rose {
    background: rgba(212, 165, 184, 0.1);
    border-color: var(--rose-quartz);
    color: var(--rose-quartz);
}

/* Highlight Featured Target Card */
.featured-border {
    border-color: rgba(212, 165, 184, 0.3);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(212, 165, 184, 0.02) 100%);
}

/* Testimonial Cards Interaction System */
.testimonial-premium-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--cosmic-gold);
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.08);
}

.featured-border:hover {
    border-color: var(--rose-quartz);
    box-shadow: 0 15px 35px rgba(212, 165, 184, 0.12);
}



/* ==========================================================================
   IDENTITY 4: PREMIUM FOOTER & WHATSAPP FLOATER
   ========================================================================== */

.cosmic-footer {
    background-color: #120622; /* Slightly deeper than deep-space to anchor the bottom */
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(212, 175, 55, 0.15); /* Gold baseline border */
}

.footer-logo {
    max-height: 70px;
    width: auto;
}

.footer-title {
    font-size: 1.15rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.footer-bio {
    font-size: 0.95rem;
    line-height: 1.75;
    font-weight: 300;
}

/* Link System styling */
.footer-links li {
    margin-bottom: 14px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 300;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: var(--cosmic-gold) !important;
    transform: translateX(4px); /* Sophisticated subtle shift on hover */
}

/* Social Media Circles */
.footer-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-socials a:hover {
    background: var(--cosmic-gold);
    color: #1a0b2e;
    border-color: var(--cosmic-gold);
    transform: translateY(-3px);
}

.footer-contact-info p {
    font-size: 0.95rem;
    font-weight: 300;
}

/* Divider Line */
.border-cosmic-divider {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.copyright-text {
    font-size: 0.85rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.4);
}

.designer-link {
    color: var(--rose-quartz);
    text-decoration: none;
    transition: color 0.3s ease;
}

.designer-link:hover {
    color: var(--cosmic-gold) !important;
}

/* ==========================================
   WHATSAPP FLOATER STYLES
   ========================================== */
.whatsapp-floater {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background-color: #25d366; /* Vibrant official WhatsApp Green */
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    z-index: 9999; /* Ensures it stays above all canvas/modals */
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Elegant radial pulse to attract attention quietly */
.whatsapp-floater::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #25d366;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.4;
    animation: wa-pulse 2s infinite;
}

/* Hover Tooltip Reveal */
.whatsapp-tooltip {
    position: absolute;
    right: 75px;
    background: #ffffff;
    color: #1a0b2e;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 14px;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    transform: translateX(10px);
}

.whatsapp-floater:hover {
    transform: scale(1.08);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.whatsapp-floater:hover .whatsapp-tooltip {
    opacity: 1;
    transform: translateX(0);
}

@keyframes wa-pulse {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.4); opacity: 0; }
}

/* Responsive adjustment for small mobiles */
@media (max-width: 576px) {
    .whatsapp-floater {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .whatsapp-tooltip { display: none; } /* Hide tooltips on touch screens */
}




/* ==========================================================================
   IDENTITY 4: COSMIC RESOURCE LIBRARY STYLES
   ========================================================================== */

/* 1. LEFT FILTER MENU INTERACTION */
.premium-filter-menu {
    border: 1px solid rgba(195, 180, 206, 0.2);
}
.premium-filter-menu .list-group-item {
    background-color: #ffffff;
    color: #3A2E39;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.premium-filter-menu .list-group-item:hover {
    background-color: #FDFBF7;
    color: #E5A65E;
    padding-left: 30px; /* Elegant slight horizontal shift */
}
.premium-filter-menu .list-group-item.active {
    background-color: #3A2E39 !important;
    color: #FDFBF7 !important;
    font-weight: 600;
}

/* 2. CARD IMAGE ANIMATION & PROPORTIONS */
.resource-img-frame {
    height: 260px; /* Controls card height proportion uniformly */
    overflow: hidden;
    background-color: #291F28;
}
.resource-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
    transition: transform 0.6s ease, opacity 0.4s ease;
}
.premium-resource-card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Interactive Hover States */
.premium-resource-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(58, 46, 57, 0.08) !important;
}
.premium-resource-card:hover .resource-thumbnail {
    transform: scale(1.04);
    opacity: 1; /* Brightens on user focus */
}

/* 3. BUTTON SYSTEM CUSTOMIZATION */
.btn-premium-action {
    background-color: #3A2E39;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 20px;
    border-radius: 30px;
    border: 1px solid #3A2E39;
    transition: all 0.3s ease;
}
.btn-premium-action:hover {
    background-color: #E5A65E;
    color: #3A2E39;
    border-color: #E5A65E;
}
.btn-secondary-action {
    background-color: transparent;
    color: #60525F;
    border: 1px solid rgba(195, 180, 206, 0.5);
    border-radius: 30px;
    transition: all 0.3s ease;
}
.btn-secondary-action:hover {
    background-color: rgba(195, 180, 206, 0.15);
    color: #3A2E39;
    border-color: #3A2E39;
}

/* Utility Class Details */
.border-top.border-light-tint {
    border-color: rgba(195, 180, 206, 0.15) !important;
}
.bg-dark-purple {
    background-color: #3A2E39 !important;
    color: #FDFBF7 !important;
}




/* ==========================================================================
   END IDENTITY 4: COSMIC RESOURCE LIBRARY STYLES
   ========================================================================== */



/* ==========================================================================
   IDENTITY 5: CRYSTAL CARD
   ========================================================================== */


.crystal-card:hover { transform: translateY(-6px); })


/* ==========================================================================
   END IDENTITY 5: CRYSTAL CARD
   ========================================================================== */





/* Premium Lift & Image Scale Interaction */
.focus-image-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(58, 46, 57, 0.08) !important;
}

.focus-image-card:hover .focus-card-img {
    transform: scale(1.05);
}





/* ==========================================================================
   SERVICES ECOSYSTEM: SPECIFIC LAYOUT IDENTITIES 
   ========================================================================== */

/* Universal Focus Card Container Scope */
.universal-focus-section, 
#rune-focus-areas, 
#numerology-focus-areas {
    isolation: isolate; /* Creates a clean, isolated rendering context */
}

/* Premium Lift & Image Scale Interaction (Scoped only to focus cards) */
.focus-image-card {
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.focus-image-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(58, 46, 57, 0.12) !important;
}

.focus-image-card:hover .focus-card-img {
    transform: scale(1.05);
}


/* ==========================================================================
   CORPORATE WELLNESS SPECIFIC COMPONENTS 
   ========================================================================== */
   
   
   
      /* Custom Overrides for Premium Aesthetic */
        .text-gold { color: #D4AF37 !important; }
        .btn-gold {
            background-color: #D4AF37;
            color: #1A0B2E;
            font-weight: 600;
            border-radius: 30px;
            padding: 12px 30px;
            transition: all 0.3s ease;
        }
        .btn-gold:hover {
            background-color: #fdfdff;
            color: #1A0B2E;
            transform: translateY(-2px);
        }
        .btn-outline-gold {
            border: 2px solid #D4AF37;
            color: #fdfdff;
            font-weight: 600;
            border-radius: 30px;
            padding: 12px 30px;
            transition: all 0.3s ease;
        }
        .btn-outline-gold:hover {
            background-color: #D4AF37;
            color: #1A0B2E;
        }   

/* Namespaced to prevent row/number leaks on general bootstrap layouts */
.focus-row {
    transition: background-color 0.3s ease, padding-left 0.3s ease;
}

.focus-row:hover {
    background-color: rgba(212, 175, 55, 0.03);
    padding-left: 10px !important;
}

.focus-row .focus-number {
    font-family: 'Cinzel', serif, system-ui; /* Keeps editorial brand font safe */
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 700;
    color: rgba(212, 175, 55, 0.15);
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
}

.focus-row:hover .focus-number {
    color: rgba(212, 175, 55, 1);
    transform: scale(1.08);
}

/* Carousel Control Custom Overrides */
#corpLightCarousel .carousel-inner,
#corpDarkCarousel .carousel-inner {
    transition: box-shadow 0.3s ease;
}

#corpLightCarousel:hover .carousel-inner {
    box-shadow: 0 20px 40px rgba(75, 44, 130, 0.15) !important;
}

#corpDarkCarousel:hover .carousel-inner {
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.25) !important;
}



/* ==========================================================================
   PAGE COMPONENT: MEOWCOSMOLOGY SANCTUARY CONSULTATION STYLING
   ========================================================================== */

/* Main Scope Container - Tinted slightly towards a cosmic sanctuary atmosphere */
.cosmology-sanctuary-consult {
    background-color: var(--palace-cream);
    color: var(--charcoal-plum);
    position: relative;
}

/* Sub-heading badge */
.cosmology-sanctuary-consult .cosmo-sub-badge {
    letter-spacing: 2.5px;
    font-size: 0.8rem;
    color: var(--muted-berry);
    font-weight: 600;
}

/* Serif font matching your standard design layout styling */
.cosmology-sanctuary-consult .font-serif-traditional {
    font-family: 'Playfair Display', Georgia, serif;
    color: var(--deep-velvet);
    font-weight: 700;
}

/* Gold typography shift highlighting paths & directions */
.cosmology-sanctuary-consult .text-accent-gold {
    color: var(--cosmic-gold);
}

/* Welcoming copy paragraphs styling */
.cosmology-sanctuary-consult .cosmo-lead-text {
    font-size: 1.02rem;
    line-height: 1.75;
    color: var(--charcoal-plum);
    opacity: 0.95;
}

/* Calming spiritual purple & gold icon frame */
.cosmology-sanctuary-consult .cosmo-icon-circle {
    background-color: rgba(75, 44, 130, 0.05); /* Calming Cosmic Purple overlay tint */
    border: 1px solid rgba(212, 175, 55, 0.4);   /* Soft Cosmic Gold boundary */
    color: var(--cosmic-purple);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(75, 44, 130, 0.03);
}

/* Feature points text styling */
.cosmology-sanctuary-consult .cosmo-point-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--deep-velvet);
}

.cosmology-sanctuary-consult .cosmo-point-desc {
    font-size: 0.92rem;
    color: var(--muted-berry);
    line-height: 1.55;
}

/* Ethereal Sacred Space Form Card - Gold Frame with Deep Velvet Drop */
.cosmology-sanctuary-consult .cosmo-form-card {
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.3); /* Distinct elegant gold framing */
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(26, 11, 46, 0.05); /* Soft deep velvet glow */
}

.cosmology-sanctuary-consult .form-main-title {
    font-family: 'Playfair Display', serif;
    color: var(--deep-velvet);
    font-weight: 700;
}

.cosmology-sanctuary-consult .form-sub-title {
    font-size: 0.85rem;
    color: var(--muted-berry);
    line-height: 1.4;
}

/* Input Form Field Label Architecture */
.cosmology-sanctuary-consult .cosmo-field-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--charcoal-plum);
    letter-spacing: 0.5px;
}

/* Gentle warm sanctuary fields input boxes */
.cosmology-sanctuary-consult .cosmo-input-field {
    background-color: #FAF8F5; /* Matches cream layout perfectly */
    border: 1px solid rgba(75, 44, 130, 0.12);
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 0.9rem;
    color: var(--charcoal-plum);
    transition: all 0.25s ease-in-out;
}

/* Soft Purple Halo when selecting field boxes */
.cosmology-sanctuary-consult .cosmo-input-field:focus {
    background-color: #ffffff;
    border-color: var(--cosmic-purple);
    box-shadow: 0 0 0 3px rgba(75, 44, 130, 0.07);
    outline: none;
}

/* Consultation Call to Action Button - Blended using deep cosmic purple */
.cosmology-sanctuary-consult .btn-cosmo-action {
    background: linear-gradient(135deg, var(--cosmic-purple) 0%, var(--deep-velvet) 100%);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 0.92rem;
    letter-spacing: 0.3px;
    border: 1px solid var(--cosmic-purple);
    box-shadow: 0 5px 15px rgba(75, 44, 130, 0.2);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Interactive Hover Transformation */
.cosmology-sanctuary-consult .btn-cosmo-action:hover {
    transform: translateY(-1px);
    background: var(--deep-velvet);
    border-color: var(--cosmic-gold); /* Subtle transformation to gold highlighting on hover */
    box-shadow: 0 8px 20px rgba(26, 11, 46, 0.25);
}



/* ==========================================================================
   END PAGE COMPONENT: MEOWCOSMOLOGY SANCTUARY CONSULTATION STYLING
   ========================================================================== */


/* --- Option 2 styling --- */
.editorial-quote-block {
    border-left: 2px solid var(--cosmic-gold);
    padding-left: 20px;
    margin-top: 1.5rem;
}

.editorial-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-style: italic;
    color: var(--deep-velvet);
    font-weight: 600;
}

.editorial-author {
    font-size: 0.75rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--muted-berry);
    display: block;
    font-weight: 600;
}




/* ==========================================================================
	==========================================================================

   START PAGE COMPONENT: MEOWCOSMOLOGY WISDOM SANCTUARY (HIGH CONTRAST FIX)
   ========================================================================== */

/* Main section background tinted darker cream to let white cards stand out cleanly */
.cosmic-wisdom-sanctuary {
    background-color: #F5F2EC !important; 
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* Header Text Overrides to guarantee readability */
.cosmic-wisdom-sanctuary .wisdom-badge {
    font-size: 0.8rem;
    letter-spacing: 3px;
    color: #61465D !important; /* Rich Muted Berry */
    font-weight: 700;
}

.cosmic-wisdom-sanctuary .font-serif-traditional {
    font-family: 'Playfair Display', Georgia, serif;
    color: #1A0B2E !important; /* Deep Velvet Charcoal */
    font-weight: 700;
}

.cosmic-wisdom-sanctuary .wisdom-divider-line {
    width: 60px;
    height: 2px;
    background-color: #CBA342 !important; /* Solid Structural Cosmic Gold */
}

/* Global Base Style for standard white cards */
.cosmic-wisdom-sanctuary .wisdom-card {
    background-color: #FFFFFF !important;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(26, 11, 46, 0.06);
    transition: all 0.35s ease;
}

.cosmic-wisdom-sanctuary .wisdom-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(26, 11, 46, 0.12);
}

/* --------------------------------------------------------------------------
   CARD 1: DEEP VELVET FEATURING GRID CARD (DARK BACKGROUND)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .dark-feature-card {
    background: linear-gradient(135deg, #1A0B2E 0%, #110620 100%) !important;
    border: 2px solid #CBA342 !important; /* Heavy Gold Border */
}

.cosmic-wisdom-sanctuary .quote-mark {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    line-height: 0;
    color: #E4B645 !important; /* Brilliant Gold */
}

.cosmic-wisdom-sanctuary .feature-quote-text {
    font-family: 'Playfair Display', serif;
    font-size: 2.1rem;
    font-weight: 700;
    color: #FFFFFF !important; /* Pure White Contrast */
    line-height: 1.4;
}

.cosmic-wisdom-sanctuary .quantum-glow {
    color: #E4B645 !important; /* Brilliant Gold */
    font-size: 1.7rem;
    letter-spacing: 4px;
    display: inline-block;
    margin-top: 8px;
}

.cosmic-wisdom-sanctuary .wisdom-author {
    font-family: 'Raleway', sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #F3CCD5 !important; /* Crisp Light Soft Rose */
    font-style: normal;
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   CARDS 2 & 4: LIGHT MINIMAL TEXT CARDS (WHITE BACKGROUND)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .minimal-light-card {
    border: 1px solid rgba(26, 11, 46, 0.12) !important;
}

.cosmic-wisdom-sanctuary .card-icon-accent {
    font-size: 1.7rem;
    color: #4B2C82 !important; /* Deep Cosmic Purple */
}

.cosmic-wisdom-sanctuary .minimal-quote-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #23192E !important; /* Absolute High Contrast Dark Charcoal-Plum */
    line-height: 1.4;
}

.cosmic-wisdom-sanctuary .text-italic {
    font-style: italic;
}

/* --------------------------------------------------------------------------
   CARD 3: DEEP SHAHI CRIMSON FIELD ACCENT BLOCK (DARK RED BACKGROUND)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .colored-accent-card {
    background-color: #830B2D !important; /* Intense Deep Crimson */
    border: 1px solid #660420 !important;
}

.cosmic-wisdom-sanctuary .gold-star-icon {
    color: #E4B645 !important; /* Brilliant Gold */
}

.cosmic-wisdom-sanctuary .accent-quote-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 700;
    color: #FFFFFF !important; /* Pure White Contrast */
    line-height: 1.4;
}

.cosmic-wisdom-sanctuary .card-bottom-line {
    width: 40px;
    height: 3px;
    background-color: #E4B645 !important;
}

/* --------------------------------------------------------------------------
   CARD 5: TRADITIONAL GOLD OUTLINE CELL CARD (CREAM BACKGROUND)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .clean-gold-card {
    border: 2px solid #CBA342 !important; /* Solid Structural Gold Border */
    background-color: #FDFBF7 !important;
}

/* --------------------------------------------------------------------------
   CARD 6: SOFT DUSTY ROSE HIGHLIGHT CARD (ROSE BACKGROUND)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .soft-rose-card {
    background-color: #F8E2E6 !important; /* Pronounced Solid Rose Pink Background */
    border: 1px solid rgba(131, 11, 45, 0.15) !important;
}

.cosmic-wisdom-sanctuary .compass-icon {
    color: #830B2D !important; /* Deep Crimson Accent */
}

.cosmic-wisdom-sanctuary .small-editorial-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.15rem;
    line-height: 1.5;
    color: #23192E !important; /* Dark High Contrast Charcoal-Plum */
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   CARD 7: GROUND BAR ANCHOR BLOCK (BOTTOM SOLID FOOTER STRIP)
   -------------------------------------------------------------------------- */
.cosmic-wisdom-sanctuary .ground-anchor-card {
    background: #1A0B2E !important; /* Matches Hero Card Dark Theme */
    border: 1px solid #CBA342 !important;
    border-radius: 12px;
}

.cosmic-wisdom-sanctuary .anchor-quote-text {
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 700;
    color: #E4B645 !important; /* Beautiful readable gold text bar */
}


/* ==========================================================================
	==========================================================================

   END PAGE COMPONENT: MEOWCOSMOLOGY WISDOM SANCTUARY (HIGH CONTRAST FIX)
   ========================================================================== */




/* START NUMEROLOGY CARD */

    .transition-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .transition-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #4B2C82 !important;
        box-shadow: 0 15px 35px rgba(75, 44, 130, 0.08) !important;
    }

/* END NUMEROLOGY CARD */


/* START CLEARING NEGATIVITY CARD */

    .clearing-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .clearing-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #830B2D !important; /* Highlights with Shahi Crimson on hover */
        box-shadow: 0 15px 35px rgba(131, 11, 45, 0.08) !important;
    }

/* END CLEARING NEGATIVITY CARD */


/* START QUANTUM HEALING CARD */

    .quantum-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .quantum-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #4B2C82 !important; /* Highlights with Cosmic Purple on hover */
        box-shadow: 0 15px 35px rgba(75, 44, 130, 0.08) !important;
    }

/* END QUANTUM HEALING CARD */


<!-- Elite Corporate Interactive Hover Styles -->

    .corporate-card, .corp-benefit-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }    
    
    .corporate-card:hover, .corp-benefit-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #0B615E !important; /* Premium Slate/Teal Corporate Corporate Accent */
        box-shadow: 0 15px 35px rgba(11, 97, 94, 0.08) !important;
    }



    .creative-focus-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #0B615E !important;
        box-shadow: 0 15px 35px rgba(11, 97, 94, 0.07) !important;
    }


<!-- Smooth Interaction Styles -->

    .card-benefit-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-benefit-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #725193 !important; /* Premium Soft Purple Accent */
        box-shadow: 0 15px 35px rgba(114, 81, 147, 0.08) !important;
    }


<!-- Smooth Interaction Styles -->

    .healing-benefit-card {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .healing-benefit-card:hover {
        transform: translateY(-4px);
        background-color: #FFFFFF !important;
        border-color: #CBA342 !important; /* Elegant Warm Gold Accent on Hover */
        box-shadow: 0 15px 35px rgba(203, 163, 66, 0.08) !important;
    }









/* ==========================================================================
   IN-PAGE PREMIUM CALLOUT ADVERTISEMENT (SOUL-CONNECTION STYLE)
   ========================================================================== */

/* Main Section Wrapper */
.meow-premium-callout {
    --callout-bright-bg: #FDFBF7; /* Alabaster Core style clean backing */
    --callout-text-dark: #3A2E39;  /* Charcoal/Plum contrast font */
    
    background-color: var(--callout-bright-bg);
    padding: 60px 0;
    overflow: hidden;
}

/* Premium Card Body Frame */
.meow-premium-callout .callout-card-frame {
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.2); /* Soft cosmic gold border hint */
    border-radius: 24px;
    box-shadow: 0 15px 45px rgba(75, 44, 130, 0.06); /* Sophisticated cosmic purple shadow aura */
    overflow: hidden;
    transition: all 0.4s ease;
}

.meow-premium-callout .callout-card-frame:hover {
    transform: translateY(-4px);
    border-color: var(--cosmic-gold);
    box-shadow: 0 20px 50px rgba(212, 165, 184, 0.15); /* Soft rose aura glow */
}

/* Image Container Framework */
.meow-premium-callout .callout-img-wrapper {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.meow-premium-callout .callout-profile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.meow-premium-callout .callout-card-frame:hover .callout-profile-img {
    transform: scale(1.03);
}

/* Subtle overlay on portrait image matching the bright, feminine aura of soul-connection.jpeg */
.meow-premium-callout .callout-img-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(212, 165, 184, 0.15) 0%, transparent 100%);
    pointer-events: none;
}

/* Content Area Layout with Optional Fixed Background Image Texture */
.meow-premium-callout .callout-text-area {
    padding: 50px;
    position: relative;
    background-color: #ffffff;
    /* EDIT NEXT LINE TO ADD YOUR FIXED BACKGROUND TEXTURE AESTHETIC */
    /* background: url('../images/bg-texture-gold.jpg') fixed center/cover; */
    z-index: 1;
}

/* Typography Hierarchy */
.meow-premium-callout .callout-header {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--deep-space);
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.meow-premium-callout .callout-subheader {
    font-family: 'Raleway', sans-serif;
    color: var(--rose-quartz);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
}

.meow-premium-callout .callout-body-desc {
    font-family: 'Raleway', sans-serif;
    font-size: 1.02rem;
    line-height: 1.75;
    color: var(--callout-text-dark);
    font-weight: 400;
}

/* Aesthetic Bright Banner Lines inspired by soul-connection.jpeg */
.meow-premium-callout .accent-strip {
    height: 4px;
    width: 80px;
    background: linear-gradient(90deg, var(--rose-quartz), var(--cosmic-gold));
    border-radius: 2px;
}

/* Footer Section Grid mapping */
.meow-premium-callout .callout-footer {
    border-top: 1px solid rgba(97, 88, 108, 0.12);
}

.meow-premium-callout .footer-meta-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--muted-berry);
    font-weight: 600;
}

.meow-premium-callout .footer-contact-link {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    color: var(--cosmic-purple);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease;
}

.meow-premium-callout .footer-contact-link:hover {
    color: var(--cosmic-gold);
}

/* Responsive Overrides */
@media (max-width: 991.98px) {
    .meow-premium-callout .callout-text-area { padding: 35px; }
    .meow-premium-callout .callout-img-wrapper { min-height: 300px; }
}



/* ==========================================================================
   END IN-PAGE PREMIUM CALLOUT ADVERTISEMENT (SOUL-CONNECTION STYLE)
   ========================================================================== */



/* ==========================================================================
   PREMIUM CALLOUT - LOCALIZED VARIABLE BACKGROUND
   ========================================================================== */

/* Base class for the background texture area */
.meow-premium-callout .callout-text-area.has-bg-texture {
    /* Uses the inline style image, defaults to none if missing */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

/* White glassmorphism overlay inspired by image_a8f619.png */
/* This keeps text perfectly readable no matter what image you swap in */
.meow-premium-callout .callout-text-area.has-bg-texture::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.85); /* Adjust opacity here if you want more/less texture showing */
    backdrop-filter: blur(4px); /* Mimics the soft, dreamy glow of image_a8f619.png */
    z-index: -1;
    border-radius: inherit;
}

/* Optional Rose-Quartz Section Background Container */
.meow-premium-callout.bg-rose-quartz {
    background-color: var(--rose-quartz);
}


/* Social Icon Interactions */
.meow-premium-callout .footer-social-icon {
    color: var(--muted-berry) !important;
    transition: transform 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.meow-premium-callout .footer-social-icon:hover {
    color: var(--cosmic-purple) !important;
    transform: translateY(-2px);
}














/* ==========================================================================
   PREMIUM MASONRY TESTIMONIAL GALLERY & LIGHTBOX MODAL
   ========================================================================== */

.meow-masonry-testimonials {
    padding: 80px 0;
    background-color: transparent; /* Seamlessly adopts page backgrounds like Rose Quartz */
}

/* Masonry Columns Layout Configuration */
.meow-masonry-testimonials .testimonial-masonry-grid {
    column-count: 1;
    column-gap: 24px;
    width: 100%;
}

/* Responsive Breakpoints for Grid Balance */
@media (min-width: 576px) { .meow-masonry-testimonials .testimonial-masonry-grid { column-count: 2; } }
@media (min-width: 992px) { .meow-masonry-testimonials .testimonial-masonry-grid { column-count: 3; } }
@media (min-width: 1200px) { .meow-masonry-testimonials .testimonial-masonry-grid { column-count: 4; } }

/* Single Item Card Styling */
.meow-masonry-testimonials .testimonial-masonry-item {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    break-inside: avoid; /* Prevents card splitting across columns */
    border: 1px solid rgba(212, 175, 55, 0.15); /* Delicate gold accent line */
    box-shadow: 0 10px 30px rgba(75, 44, 130, 0.04); /* Subtle cosmic depth */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    cursor: pointer;
}

.meow-masonry-testimonials .testimonial-masonry-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(212, 165, 184, 0.25); /* Elegant rose aura glow */
    border-color: var(--cosmic-gold, #d4af37);
}

/* Card Visual Wrapper Elements */
.meow-masonry-testimonials .testimonial-img-box {
    position: relative;
    background-color: #1a1a1a; /* Dark anchor backing for dark mode text screenshots */
    width: 100%;
}

.meow-masonry-testimonials .testimonial-screenshot {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

/* Hover overlay indicator */
.meow-masonry-testimonials .testimonial-img-box::after {
    content: '\F473'; /* Bootstrap Icons zoom-in character glyph */
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(75, 44, 130, 0.4); /* Cosmic translucent veil */
    color: #ffffff;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.meow-masonry-testimonials .testimonial-masonry-item:hover .testimonial-img-box::after {
    opacity: 1;
}

/* Text Padding Metadata Label Details */
.meow-masonry-testimonials .testimonial-meta-panel {
    padding: 16px 20px;
    background: #ffffff;
    border-top: 1px solid rgba(97, 88, 108, 0.08);
}

.meow-masonry-testimonials .meta-tag {
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: var(--rose-quartz, #bfa0a0);
}

.meow-masonry-testimonials .meta-title {
    font-family: 'Playfair Display', serif;
    font-size: 0.95rem;
    color: var(--deep-space, #2b2b2b);
    font-weight: 600;
    margin: 2px 0 0 0;
}

/* ==========================================================================
   ISOLATED LIGHTBOX SYSTEM STYLING
   ========================================================================== */
.meow-testimonial-lightbox {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(28, 22, 33, 0.96); /* Rich, luxurious dark mask layer */
    backdrop-filter: blur(8px);
    z-index: 1090; /* Placed cleanly above Bootstrap standard navigation frames */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.meow-testimonial-lightbox.is-active {
    opacity: 1;
    pointer-events: auto;
}

.meow-testimonial-lightbox .lightbox-stage {
    position: relative;
    max-width: 90%;
    max-height: 85vh;
    transform: scale(0.95);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.meow-testimonial-lightbox.is-active .lightbox-stage {
    transform: scale(1);
}

.meow-testimonial-lightbox .lightbox-display-img {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
}

/* Close Control Button Styling */
.meow-testimonial-lightbox .lightbox-close-btn {
    position: absolute;
    top: -50px;
    right: 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 2rem;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s ease, transform 0.2s ease;
}

.meow-testimonial-lightbox .lightbox-close-btn:hover {
    color: var(--cosmic-gold, #d4af37);
    transform: scale(1.1);
}



/* Navigation Arrow Button Framework */
.meow-testimonial-lightbox .lightbox-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1100;
}

.meow-testimonial-lightbox .lightbox-nav-btn:hover {
    background: #ffffff;
    color: var(--cosmic-purple, #4b2c82);
    border-color: var(--cosmic-gold, #d4af37);
    box-shadow: 0 0 20px rgba(212, 165, 184, 0.4);
}

.meow-testimonial-lightbox .prev-btn { left: 30px; }
.meow-testimonial-lightbox .next-btn { right: 30px; }

/* Responsive tweaks for mobile viewports */
@media (max-width: 767.98px) {
    .meow-testimonial-lightbox .lightbox-nav-btn {
        top: auto;
        bottom: 20px;
        transform: none;
        width: 44px;
        height: 44px;
    }
    .meow-testimonial-lightbox .prev-btn { left: calc(50% - 55px); }
    .meow-testimonial-lightbox .next-btn { right: calc(50% - 55px); }
    .meow-testimonial-lightbox .lightbox-stage { max-height: 75vh; }
}




/* ==========================================================================
   END PREMIUM MASONRY TESTIMONIAL GALLERY & LIGHTBOX MODAL
   ========================================================================== */






/* ==========================================================================
   TESTIMONIAL SECTION ADDITIONS - LINK BUTTON STYLE
   ========================================================================== */

.btn-cosmic-testimonial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    text-decoration: none;
    
    /* Premium bordered styling */
    padding: 14px 34px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.4); /* Faded Cosmic Gold baseline */
    background: transparent;
    
    /* Hardware-accelerated transitions */
    will-change: transform, box-shadow, border-color;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover & Interactive States */
.btn-cosmic-testimonial:hover {
    color: var(--deep-space, #1A0B2E);
    border-color: var(--cosmic-gold, #D4AF37);
    background: linear-gradient(90deg, var(--cosmic-gold) 0%, var(--rose-quartz) 100%);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
    transform: translateY(-2px);
}

/* Arrow Icon micro-interaction */
.btn-cosmic-testimonial .transition-arrow {
    transition: transform 0.3s ease;
}

.btn-cosmic-testimonial:hover .transition-arrow {
    transform: translateX(4px);
}

.btn-cosmic-testimonial:active {
    transform: translateY(0);
}

/* ==========================================================================
   END TESTIMONIAL SECTION ADDITIONS - LINK BUTTON STYLE
   ========================================================================== */




/* ==========================================================================
   MEOWCOSMOLOGY - CORPORATE EXECUTIVE TEASER STYLING
   ========================================================================== */

/* Premium Call To Action Button */
.btn-corporate-alignment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 36px;
    border-radius: 4px; /* Crisp, architectural professional edging instead of round pills */
    border: 1px solid rgba(214, 175, 55, 0.4); 
    background: transparent;
    will-change: transform, box-shadow, background;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-corporate-alignment:hover {
    color: var(--deep-space, #1A0B2E) !important;
    border-color: var(--cosmic-gold, #D4AF37);
    background: linear-gradient(90deg, var(--cosmic-gold) 0%, var(--rose-quartz) 100%);
    box-shadow: 0 12px 35px rgba(212, 175, 55, 0.3);
    transform: translateY(-2px);
}

.btn-corporate-alignment .transition-arrow {
    transition: transform 0.3s ease;
}

.btn-corporate-alignment:hover .transition-arrow {
    transform: translateX(5px);
}

/* Image Presentation Framework */
.meow-corporate-teaser .corporate-image-frame-wrapper {
    position: relative;
    padding: 15px;
}

/* Sophisticated glowing background geometry to evoke the look of stolen-energies-business.jpeg */
.meow-corporate-teaser .luxury-gold-glow-geometry {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 70%;
    height: 70%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.18) 0%, transparent 70%);
    z-index: 1;
    pointer-events: none;
}

.meow-corporate-teaser .corporate-portrait-container {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.meow-corporate-teaser .corporate-teaser-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.meow-corporate-teaser .corporate-image-frame-wrapper:hover .corporate-teaser-img {
    transform: scale(1.03);
}

/* Responsive Scaling Overrides */
@media (max-width: 991.98px) {
    .meow-corporate-teaser .btn-corporate-alignment {
        width: 100%;
    }
}

/* Mobile Responsive Realignment for Hero Slider */
@media (max-width: 991.98px) {
    /* Force container to fit content dynamically instead of choking it */
    #heroCarousel,
    #heroCarousel .carousel-inner,
    #heroCarousel .carousel-item {
        height: auto !important;
        min-height: 100vh; /* Keeps full-screen effect without clipping layout */
        display: flex;
        align-items: center;
    }

    #heroCarousel .container {
        padding-top: 60px;    /* Safeguards navigation overlay space */
        padding-bottom: 60px;  /* Safeguards slide indicators space */
    }

    /* Scale text size down cleanly so it doesn't crowd out the image */
    #heroCarousel .display-3 {
        font-size: 1.85rem !important;  /* Elegantly balanced heading text size */
        line-height: 1.3 !important;
        margin-bottom: 0.75rem;
    }
    
    #heroCarousel .lead {
        font-size: 1rem !important;      /* Optimized text scaling for descriptive text */
        margin-bottom: 1.5rem !important;
    }

    #heroCarousel .btn-gold {
        padding: 10px 24px;
        font-size: 0.9rem;
    }

    /* Prevent image cropping and optimize proportions */
    .hero-mobile-img {
        width: 85% !important;        /* Scales image to a clean proportion on small screens */
        max-height: 250px !important;  /* Caps height safely to ensure no scroll overflow */
        object-fit: contain !important; /* Forces image to display fully without edge clipping */
        margin: 1.5rem auto 0 auto;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    }
}

/* Desktop Adjustment for Hero Images */
@media (min-width: 992px) {
    /* Ensure the main container row uses flex centering without artificial padding pushing content out */
    #heroCarousel .row {
        align-items: center !important;
        height: 100%;
    }

    /* Scale the desktop image down nicely to clear both navbar and indicators */
    #heroCarousel .hero-img-col img {
        max-height: 400px !important; /* Brought down from 480px to safely avoid clipping */
        width: auto !important;       /* Keeps pristine aspect proportions */
        object-fit: contain !important;
        border-radius: 12px;
        margin: 0 auto;
        display: block;
    }
}



/* Custom Premium Theme Carousel Controls */
#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.03); /* Barely visible glassmorphism background */
    border: 1px solid rgba(212, 175, 55, 0.3); /* Subtle gold boundary border */
    border-radius: 50%; /* Perfect sleek circular shape */
    top: 50%;
    transform: translateY(-50%); /* Keeps them perfectly centered vertically */
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
}

/* Position them slightly inside the margins for a clean desktop frame */
#heroCarousel .carousel-control-prev { left: 25px; }
#heroCarousel .carousel-control-next { right: 25px; }

/* Elegant hover state using your signature gold accent color */
#heroCarousel .carousel-control-prev:hover,
#heroCarousel .carousel-control-next:hover {
    background: rgba(212, 175, 55, 0.15); /* Soft premium gold tint fill */
    border-color: #d4af37; /* Pure gold glow highlight on hover */
    opacity: 1;
}

/* Custom Minimalist Minimalist Vector Chevron Design */
#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon {
    width: 18px;
    height: 18px;
    background-image: none; /* Strip away the default bulky Bootstrap chevron style */
    position: relative;
}

/* Pure CSS premium slim left arrow */
#heroCarousel .carousel-control-prev-icon::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 2px solid #d4af37; /* Clean, thin gold line stroke */
    border-bottom: 2px solid #d4af37;
    transform: rotate(45deg);
    left: 4px;
    top: 3px;
}

/* Pure CSS premium slim right arrow */
#heroCarousel .carousel-control-next-icon::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: 2px solid #d4af37; /* Clean, thin gold line stroke */
    border-top: 2px solid #d4af37;
    transform: rotate(45deg);
    right: 4px;
    top: 3px;
}

/* Mobile responsive scaling for the buttons so they don't block layout text */
@media (max-width: 767.98px) {
    #heroCarousel .carousel-control-prev,
    #heroCarousel .carousel-control-next {
        width: 38px;
        height: 38px;
        background: rgba(0, 0, 0, 0.4); /* Darkens slightly on mobile over image stacks */
    }
    #heroCarousel .carousel-control-prev { left: 10px; }
    #heroCarousel .carousel-control-next { right: 10px; }
}




/* ===================================================
SEPARATORS
===================================== */

.separator-fade {
    height: 1px;
    width: 60%;
    margin: 40px auto;
    background: linear-gradient(to right, transparent, var(--cosmic-gold), transparent);
    opacity: 0.6;
}


.separator-star {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
    color: var(--cosmic-gold);
}

.separator-star .line {
    height: 1px;
    flex-grow: 1;
    max-width: 150px;
    background: linear-gradient(to right, transparent, var(--cosmic-gold));
}

.separator-star .line:last-child {
    background: linear-gradient(to left, transparent, var(--cosmic-gold));
}

.separator-star i {
    margin: 0 20px;
    font-size: 0.8rem;
    filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.5));
}



.separator-glow {
    position: relative;
    height: 2px;
    width: 100%;
    max-width: 800px;
    margin: 60px auto;
    background: rgba(212, 175, 55, 0.1); /* Subtle base */
    border-radius: 2px;
}

.separator-glow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 40%;
    background: var(--cosmic-gold);
    box-shadow: 0 0 15px var(--cosmic-gold), 0 0 5px #fff;
    border-radius: 2px;
}