

.hero-dark-bar {
    position: absolute; 
    left: 0; 
    width: 70%; 
    background: rgba(12, 12, 12, 0.88); 
    border-radius: 0 50px 50px 0; 
    padding: 50px 40px;
    padding-left: calc((100% - 1140px)/2 + 15px);
    z-index: 2; 
    box-shadow: 20px 0 50px rgba(0,0,0,0.7); 
    backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px);
    top: 50%; 
    transform: translateY(-50%);
}
@media (max-width: 1200px) {
    .hero-dark-bar {
        padding-left: 8%;
        width: 80%;
    }
}
@media (max-width: 992px) {
    .hero-dark-bar {
        padding-left: 5%;
        width: 90%;
        border-radius: 0 30px 30px 0;
    }
}
@media (max-width: 768px) {
    .hero-dark-bar {
        width: 100%;
        border-radius: 0;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }
}


@keyframes pulse-conen {
    0% { transform: scale(0.85); opacity: 0.6; }
    100% { transform: scale(1.15); opacity: 1; }
}
.conen-digital-badge a:hover div {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.4);
    border-color: #ffffff;
}
.conen-digital-badge a:hover div div:last-child {
    transform: translateX(4px);
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .conen-digital-badge {
        bottom: 15px;
        right: 15px;
        transform: scale(0.85);
        transform-origin: bottom right;
    }
}

/* Lumina: accessible gold, legible surfaces, and locally scoped photo scrims. */
:root { --lumina-ink: #24251f; --lumina-muted: #595c54; --lumina-gold: #806016; --lumina-paper: #faf8f2; --lumina-green: #3e621d; }
.homer-banner > .overlay { background: linear-gradient(90deg, rgba(12,16,12,.42), rgba(12,16,12,.12) 65%, transparent) !important; }
.hero-dark-bar { background: linear-gradient(90deg, rgba(12,16,12,.82), rgba(12,16,12,.65) 70%, rgba(12,16,12,.1)); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 0; }
.homer-banner .banner-description .small-heading { background: #d4af37; color: #24251f; text-shadow: none !important; display: inline-block; }
.homer-banner .banner-description h1 span { color: #e5c66b; }
.homer-banner .banner-description a:before { border-color: #e5c66b; }
.homer-banner .banner-description a:after { color: #e5c66b; }
.banner-section > .overlay { background: linear-gradient(90deg, rgba(10,18,12,.78), rgba(10,18,12,.66) 48%, rgba(10,18,12,.12) 80%, transparent) !important; }
.banner-section .banner-content-wrapper h2 span { color: #f5dfa2; }
.banner-section .banner-content-wrapper .btn { background: #3e621d; color: #fff; }
.banner-section .banner-content-wrapper .btn:hover, .banner-section .banner-content-wrapper .btn:focus { background: #294414; color: #fff; }
.our-services .service { background: #faf8f2; border-color: #e5e1d5; height: 100%; }
.our-services .service .media .media-body span { color: #595c54 !important; font-size: 13px; }
.our-services .service .media i { color: #3e621d; }
.our-services .service:hover { background: #3e621d; }
.our-services .service:hover .media .media-body span { color: #fff !important; }
.portfolioHeading p { color: #595c54 !important; }
.portfolio-section .cbp-l-filters-button .cbp-filter-item { color: #595c54; border-color: #d4d0c5; }
.portfolio-section .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.portfolio-section .cbp-l-filters-button .cbp-filter-item:hover { background: #806016; border-color: #806016; color: #fff; }
.lastest_arrivals .card-text, .portfolio-section .portfolio-des { color: #806016 !important; }
.lastest_arrivals .product-type { background: #3e621d; color: #fff; }
.footer .f-sec1 p, .footer .f-sec2 ul li a, .footer .f-sec3 .foot-tag-list span,
.footer .footer_notes p, .footer .footer_notes a { color: #bdbfb8; }
.footer .f-sec2 ul li a:hover, .footer a:hover { color: #f5dfa2; }
.scroll-top-arrow { background: #806016; color: #fff; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid #806016; outline-offset: 4px; }
@media (max-width: 768px) {
  .homer-banner .banner-description h1 { font-size: clamp(32px, 10vw, 48px) !important; }
  .hero-dark-bar { background: linear-gradient(90deg, rgba(12,16,12,.86), rgba(12,16,12,.7)); }
  .banner-section > .overlay { background: linear-gradient(180deg, rgba(10,18,12,.72), rgba(10,18,12,.7) 75%, rgba(10,18,12,.25)) !important; }
}

/* Complete contrast coverage for interactive states and photo-backed copy. */
.banner-section > .overlay { pointer-events: none; }
.banner-section .banner-content-wrapper h2 span { font-size: 18px; }
.portfolio-section .cbp .cbp-item:hover .portfolio-title { color: #806016 !important; }
.lastest_arrivals .lastest_arrival_items .card-title { color: #24251f; }
.lastest_arrivals .lastest_arrival_items:hover .card-title { color: #806016 !important; }
.green-color-yellow-gradient-btn:hover,
.yellow-color-green-gradient-btn,
.black-color-yellow-gradient-btn:after,
.black-border-color-yellow-gradient-btn:after { background-color: #806016 !important; color: #fff !important; }
.yellow-color-green-gradient-btn:hover { background-color: #3e621d !important; }
.footer .foot-tag-list span:hover { background: #806016; color: #fff; }
.search-box-overlay input::placeholder, .form-control::placeholder { color: #62645d; opacity: 1; }
@media (max-width: 768px) {
  .hero-dark-bar .banner-description { margin-inline: auto; }
}
