

.category-page-content-box {
    padding-top: 175px !important;
}

.category-page-slider {
    max-height: 600px !important;
    height: 600px !important;
}

/* =============================================
   Home slider text contrast enhancements
   Improves readability of headings and buttons
   over photographic / high-contrast backgrounds.
   ============================================= */
#home-banner .slide-item { position: relative; padding-top: 300px !important;}
#home-banner .slide-item::after {
    content: '';
    position: absolute;
    inset: 0;
    /* Subtle dark gradient overlay for contrast */
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.55) 100%);
    pointer-events: none;
    z-index: 0;
}
#home-banner .slide-item .content-box { position: relative; z-index: 1; padding: 30px 30px;}

/* Wrap key textual elements with a translucent background + shadow */
#home-banner .slide-item .content-box span,
#home-banner .slide-item .content-box h1 {    
    padding: 4px 14px;
    border-radius: 6px;
    line-height: 1.15;
    display: inline-block;
}

#home-banner .slide-item .content-box span { font-weight: 700; }

#home-banner .slide-item .content-box h1 { text-shadow: 0 3px 8px rgba(0,0,0,0.65); }

#home-banner .slide-item .content-box .btn-box a.theme-btn-one {
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}

/* Extra shadow for any remaining inline text nodes */
#home-banner .slide-item .content-box,
#home-banner .slide-item .content-box * {
    text-shadow: 0 2px 6px rgba(0,0,0,0.55);
}

/* Responsive adjustments: lighten overlay slightly on very small screens to avoid over-darkening */
@media (max-width: 575px) {
    #home-banner .slide-item::after {
        background: linear-gradient(180deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.30) 60%, rgba(0,0,0,0.50) 100%);
    }
}