                                /* Custom styling for carousel component in mission details */
                                #missionMerchCarousel::part(container) {
                                    background: transparent;
                                }
                                
                                /* Style the carousel tiles for mission merch */
                                #missionMerchCarousel {
                                    --tile-width: 100px;
                                    --tile-height: 100px;
                                    display: block !important;
                                    width: 100% !important;
                                    height: 100px !important;
                                    min-height: 100px !important;
                                    max-height: 100px !important;
                                }
                                
                                .mission-store-grid {
                                    margin-bottom: 0 !important;
                                    padding-bottom: 0 !important;
                                    padding: 0 var(--space-4) !important; /* Add horizontal padding */
                                    margin: 0 !important;
                                    height: 100px !important;
                                    max-height: 100px !important;
                                    overflow: hidden !important;
                                }
                                .mission-store-section {
                                    padding-left: 0 !important;
                                    padding-right: 0 !important;
                                }
                                .mission-store-header {
                                    padding: 0 var(--space-4) !important; /* Add padding to header */
                                    margin-bottom: var(--space-3) !important;
                                }
                                
                                /* Ad Placeholder Styles for Staging */
                                .ad-placeholder {
                                    background: var(--color-surface-muted);
                                    border: 2px dashed var(--color-border);
                                    border-radius: var(--radius-md);
                                    padding: var(--space-5);
                                    text-align: center;
                                    color: var(--color-text-neutral-4);
                                    font-family: var(--font-arial);
                                    font-size: var(--font-size-base);
                                    min-height: 200px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    flex-direction: column;
                                    margin: var(--space-2-5) 0;
                                }
                                .ad-placeholder::before {
                                    content: "📢";
                                    font-size: var(--font-size-4xl);
                                    margin-bottom: var(--space-2);
                                }
                                .ad-placeholder::after {
                                    content: "Google AdSense Ad";
                                    font-weight: var(--font-weight-bold);
                                    color: var(--color-text-neutral-6);
                                }
                                
                                /* Place Guess Button Styling */
                                .place-guess-btn {
                                    padding: var(--space-3-5) var(--space-7) !important;
                                    font-size: var(--font-size-lg) !important;
                                    font-weight: var(--font-weight-semibold) !important;
                                    border-radius: var(--radius-md) !important;
                                    box-shadow: var(--shadow-primary) !important;
                                    background: var(--gradient-primary) !important;
                                    border: none !important;
                                    color: var(--color-text-inverse) !important;
                                    cursor: pointer !important;
                                    position: relative !important;
                                    z-index: 10 !important;
                                    pointer-events: auto !important;
                                    transition: all 0.2s ease !important;
                                    text-transform: uppercase !important;
                                    letter-spacing: 0.5px !important;
                                    transform: scale(1) !important;
                                }
                                
                                .place-guess-btn:hover {
                                    transform: scale(1.05) !important;
                                    box-shadow: var(--shadow-primary-hover) !important;
                                    background: var(--gradient-primary-hover) !important;
                                }
                                
                                .place-guess-btn:active {
                                    transform: scale(0.98) !important;
                                }
