.elementor-1836 .elementor-element.elementor-element-9842e73{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-grid-luxury{gap:60px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-luxury-card .woolentor-sale-indicator{width:48px;height:48px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-title{font-weight:600;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-stars{gap:2px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-grid-card .woolentor-product-actions .woolentor-cart-btn,.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-list-card .woolentor-product-actions .woolentor-cart-btn,.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-luxury-card a.woolentor-cart-btn{line-height:1.6em;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-actions .woolentor-cart-btn svg{width:18px;height:18px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-luxury-card .woolentor-cart-arrow{font-size:18px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-pagination{justify-content:center;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-pagination ul li a{color:#2C2C2C;background-color:#02010100;border-color:#2C2C2C;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-pagination ul li a:hover{color:#FFFFFF;background-color:#2C2C2C;border-color:#2C2C2C;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-pagination ul li span:not(.dots){color:#FFFFFF;background-color:#2C2C2C;border-color:#2C2C2C;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1836 .elementor-element.elementor-element-9842e73{--content-width:56%;}}@media(max-width:1024px){.elementor-1836 .elementor-element.elementor-element-9842e73{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-grid-luxury{gap:20px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-luxury-card .woolentor-sale-indicator{width:30px;height:30px;}}@media(max-width:767px){.elementor-1836 .elementor-element.elementor-element-9842e73{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-product-grid-luxury{gap:15px;}.elementor-1836 .elementor-element.elementor-element-d5aa71f .woolentor-luxury-card .woolentor-sale-indicator{width:30px;height:30px;}}/* Start custom CSS for woolentor-product-grid-luxury, class: .elementor-element-d5aa71f *//* ═══════════════════════════════════════════════════
   ALFAIZAM — Header & Footer CSS
   Extracted for WordPress / Common Usage
═══════════════════════════════════════════════════ */

/* ─── Variables ─── */
:root {
    --ink: #0d0c0b;
    --smoke: #181511;
    --charcoal: #3a342c;
    --ash: #8a8178;
    --cream: #f4efe6;
    --ivory: #fdfaf4;
    --gold: #c8a450;
    --gold-pale: #e8d5a0;
    --bd-dark: rgba(255, 255, 255, 0.07);
    --bd-light: rgba(0, 0, 0, 0.09);
    --bd-gold: rgba(200, 164, 80, 0.28);
    --header-h: 76px;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ─── Announcement Bar ─── */
.announcement-bar {
    height: 38px !important;
    background: var(--ink) !important;
    overflow: hidden !important;
    position: relative !important;
}
.marquee-track {
    display: flex !important;
    white-space: nowrap !important;
    animation: marquee 38s linear infinite !important;
    height: 100% !important;
    align-items: center !important;
}
.marquee-item {
    font-size: 9px !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    padding: 0 64px !important;
    color: rgba(232, 213, 160, 0.7) !important;
}
.marquee-item .dot {
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    margin: 0 32px !important;
    vertical-align: middle !important;
}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ─── Header ─── */
.site-header {
    position: fixed !important;
    top: 38px !important;
    left: 0 !important;
    width: 100% !important;
    height: var(--header-h) !important;
    z-index: 100 !important;
    transition: all .55s var(--ease) !important;
}
.site-header.scrolled,
.site-header.opaque {
    top: 0 !important;
    background: rgba(253, 250, 244, 0.93) !important;
    backdrop-filter: blur(28px) !important;
    -webkit-backdrop-filter: blur(28px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05) !important;
}
.header-inner {
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    padding: 0px 90px !important;
}
.logo {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    letter-spacing: 9px !important;
    text-transform: uppercase !important;
    color: white !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: color .4s !important;
    text-decoration: none !important;
}
.logo-gem {
    width: 7px !important;
    height: 7px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
    flex-shrink: 0 !important;
    transition: transform .6s !important;
}
.logo:hover .logo-gem {
    transform: rotate(225deg) !important;
}
.site-header.scrolled .logo,
.site-header.opaque .logo {
    color: var(--ink) !important;
}
.main-nav {
    display: flex !important;
    gap: 44px !important;
    justify-content: center !important;
    align-items: center !important;
}
.main-nav a {
    font-size: 9px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, .72) !important;
    position: relative !important;
    text-decoration: none !important;
}
.main-nav a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    left: 50% !important;
    width: 0 !important;
    height: 1px !important;
    background: var(--gold) !important;
    transition: all .4s var(--ease) !important;
    transform: translateX(-50%) !important;
}
.main-nav a:hover {
    color: var(--gold-pale) !important;
}
.main-nav a:hover::after {
    width: 100% !important;
}
.site-header.scrolled .main-nav a,
.site-header.opaque .main-nav a {
    color: var(--ash) !important;
}
.site-header.scrolled .main-nav a:hover,
.site-header.opaque .main-nav a:hover {
    color: var(--ink) !important;
}
.header-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 22px !important;
}
.header-actions a,
.header-actions button {
    font-size: 15px !important;
    color: rgba(255, 255, 255, .7) !important;
    position: relative !important;
    transition: color .3s, transform .3s !important;
    display: flex !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.header-actions a:hover,
.header-actions button:hover {
    color: var(--gold) !important;
    transform: translateY(-1px) !important;
}
.site-header.scrolled .header-actions a,
.site-header.scrolled .header-actions button,
.site-header.opaque .header-actions a,
.site-header.opaque .header-actions button {
    color: var(--ash) !important;
}
.site-header.scrolled .header-actions a:hover,
.site-header.opaque .header-actions a:hover {
    color: var(--ink) !important;
}
.cart-badge {
    position: absolute !important;
    top: -7px !important;
    right: -9px !important;
    width: 15px !important;
    height: 15px !important;
    background: var(--gold) !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    color: var(--ink) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 600 !important;
}
.hamburger {
    display: none !important;
    flex-direction: column !important;
    gap: 6px !important;
    cursor: pointer !important;
    padding: 4px !important;
}
.hamburger span {
    display: block !important;
    width: 22px !important;
    height: 1px !important;
    background: rgba(255, 255, 255, .8) !important;
    transition: all .4s !important;
}
.site-header.scrolled .hamburger span,
.site-header.opaque .hamburger span {
    background: var(--ink) !important;
}

/* ─── Mobile Nav ─── */
.mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    background: var(--ink) !important;
    z-index: 200 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(-100%) !important;
    transition: transform .7s cubic-bezier(.77, 0, .175, 1) !important;
}
.mobile-nav.open {
    transform: translateX(0) !important;
}
.mobile-close {
    position: absolute !important;
    top: 32px !important;
    right: 32px !important;
    color: rgba(232, 213, 160, .7) !important;
    font-size: 22px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    transition: color .3s !important;
}
.mobile-close:hover {
    color: var(--gold) !important;
}
.mobile-nav-links {
    text-align: center !important;
    list-style: none !important;
    padding: 0 !important;
}
.mobile-nav-links li {
    margin-bottom: 20px !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: all .5s ease !important;
}
.mobile-nav.open .mobile-nav-links li {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.mobile-nav.open .mobile-nav-links li:nth-child(1) { transition-delay: .12s; }
.mobile-nav.open .mobile-nav-links li:nth-child(2) { transition-delay: .18s; }
.mobile-nav.open .mobile-nav-links li:nth-child(3) { transition-delay: .24s; }
.mobile-nav.open .mobile-nav-links li:nth-child(4) { transition-delay: .30s; }
.mobile-nav.open .mobile-nav-links li:nth-child(5) { transition-delay: .36s; }

.mobile-nav-links a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 40px !important;
    font-weight: 300 !important;
    color: rgba(244, 239, 230, .8) !important;
    letter-spacing: 2px !important;
    transition: color .3s !important;
    text-decoration: none !important;
}
.mobile-nav-links a:hover {
    color: var(--gold) !important;
}
.mobile-nav-footer {
    position: absolute !important;
    bottom: 40px !important;
    display: flex !important;
    gap: 28px !important;
}
.mobile-nav-footer a {
    font-size: 9px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .3) !important;
    text-decoration: none !important;
}

/* ─── Search Modal ─── */
.search-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(13, 12, 11, .97) !important;
    z-index: 300 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .4s !important;
}
.search-overlay.open {
    opacity: 1 !important;
    visibility: visible !important;
}
.search-close-btn {
    position: absolute !important;
    top: 36px !important;
    right: 40px !important;
    color: rgba(232, 213, 160, .6) !important;
    font-size: 22px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    transition: color .3s !important;
}
.search-close-btn:hover {
    color: var(--gold) !important;
}
.search-body {
    width: 100% !important;
    max-width: 680px !important;
    padding: 0 40px !important;
    text-align: center !important;
}
.search-label {
    display: block !important;
    font-size: 9px !important;
    letter-spacing: 6px !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 28px !important;
}
.search-field {
    width: 100% !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid var(--bd-gold) !important;
    color: white !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important;
    font-weight: 300 !important;
    padding: 14px 0 !important;
    text-align: center !important;
    outline: none !important;
    transition: border-color .3s !important;
}
.search-field::placeholder {
    color: rgba(255, 255, 255, .1) !important;
}
.search-field:focus {
    border-color: var(--gold) !important;
}
.search-hints {
    margin-top: 28px !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
.search-hint {
    font-size: 8px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .3) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    padding: 7px 18px !important;
    cursor: pointer !important;
    transition: all .3s !important;
}
.search-hint:hover {
    color: var(--gold) !important;
    border-color: var(--bd-gold) !important;
}

/* ─── Footer ─── */
footer.site-footer {
    background: var(--smoke) !important;
    color: rgba(255, 255, 255, .5) !important;
    padding: 84px 100px !important;
    border-top: 1px solid rgba(200, 164, 80, .1) !important;
}
.footer-top {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr 1fr 1fr !important;
    gap: 60px !important;
    padding-bottom: 64px !important;
    border-bottom: 1px solid var(--bd-dark) !important;
    margin-bottom: 36px !important;
}
.footer-brand-text {
    font-size: 12px !important;
    line-height: 1.9 !important;
    max-width: 280px !important;
    margin-top: 20px !important;
}
.footer-col h5 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: rgba(244, 239, 230, .85) !important;
    margin-bottom: 24px !important;
    letter-spacing: 1px !important;
}
.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.footer-col ul li {
    margin-bottom: 10px !important;
}
.footer-col ul a {
    font-size: 11px !important;
    letter-spacing: 1px !important;
    color: rgba(255, 255, 255, .38) !important;
    transition: all .3s !important;
    text-decoration: none !important;
}
.footer-col ul a:hover {
    color: var(--gold) !important;
    padding-left: 4px !important;
}
.footer-socials {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
}
.footer-social-btn {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid var(--bd-dark) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, .35) !important;
    transition: all .3s !important;
    text-decoration: none !important;
}
.footer-social-btn:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
}
.footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .22) !important;
}
.footer-bottom-links {
    display: flex !important;
    gap: 28px !important;
}
.footer-bottom-links a {
    transition: color .3s !important;
    text-decoration: none !important;
    color: inherit !important;
}
.footer-bottom-links a:hover {
    color: var(--gold-pale) !important;
}

/* ─── Responsive for Header & Footer ─── */
@media (max-width: 1100px) {
    .footer-top {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .main-nav {
        display: none !important;
    }
    .hamburger {
        display: flex !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .footer-top {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
    .footer-bottom {
        flex-direction: column !important;
        gap: 16px !important;
        text-align: center !important;
    }
    footer.site-footer {
        padding: 60px 24px !important;
    }
}
@media (max-width: 576px) {
    .footer-top {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd2ff97 *//* ═══════════════════════════════════════════════════
   ALFAIZAM — Header & Footer CSS
   Extracted for WordPress / Common Usage
═══════════════════════════════════════════════════ */

/* ─── Variables ─── */
:root {
    --ink: #0d0c0b;
    --smoke: #181511;
    --charcoal: #3a342c;
    --ash: #8a8178;
    --cream: #f4efe6;
    --ivory: #fdfaf4;
    --gold: #c8a450;
    --gold-pale: #e8d5a0;
    --bd-dark: rgba(255, 255, 255, 0.07);
    --bd-light: rgba(0, 0, 0, 0.09);
    --bd-gold: rgba(200, 164, 80, 0.28);
    --header-h: 76px;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ─── Announcement Bar ─── */
.announcement-bar {
    height: 38px !important;
    background: var(--ink) !important;
    overflow: hidden !important;
    position: relative !important;
}
.marquee-track {
    display: flex !important;
    white-space: nowrap !important;
    animation: marquee 38s linear infinite !important;
    height: 100% !important;
    align-items: center !important;
}
.marquee-item {
    font-size: 9px !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    padding: 0 64px !important;
    color: rgba(232, 213, 160, 0.7) !important;
}
.marquee-item .dot {
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    margin: 0 32px !important;
    vertical-align: middle !important;
}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ─── Header ─── */
.site-header {
    position: fixed !important;
    top: 38px !important;
    left: 0 !important;
    width: 100% !important;
    height: var(--header-h) !important;
    z-index: 100 !important;
    transition: all .55s var(--ease) !important;
}
.site-header.scrolled,
.site-header.opaque {
    top: 0 !important;
    background: rgba(253, 250, 244, 0.93) !important;
    backdrop-filter: blur(28px) !important;
    -webkit-backdrop-filter: blur(28px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05) !important;
}
.header-inner {
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    padding: 0px 90px !important;
}
.logo {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    letter-spacing: 9px !important;
    text-transform: uppercase !important;
    color: white !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: color .4s !important;
    text-decoration: none !important;
}
.logo-gem {
    width: 7px !important;
    height: 7px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
    flex-shrink: 0 !important;
    transition: transform .6s !important;
}
.logo:hover .logo-gem {
    transform: rotate(225deg) !important;
}
.site-header.scrolled .logo,
.site-header.opaque .logo {
    color: var(--ink) !important;
}
.main-nav {
    display: flex !important;
    gap: 44px !important;
    justify-content: center !important;
    align-items: center !important;
}
.main-nav a {
    font-size: 9px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, .72) !important;
    position: relative !important;
    text-decoration: none !important;
}
.main-nav a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    left: 50% !important;
    width: 0 !important;
    height: 1px !important;
    background: var(--gold) !important;
    transition: all .4s var(--ease) !important;
    transform: translateX(-50%) !important;
}
.main-nav a:hover {
    color: var(--gold-pale) !important;
}
.main-nav a:hover::after {
    width: 100% !important;
}
.site-header.scrolled .main-nav a,
.site-header.opaque .main-nav a {
    color: var(--ash) !important;
}
.site-header.scrolled .main-nav a:hover,
.site-header.opaque .main-nav a:hover {
    color: var(--ink) !important;
}
.header-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 22px !important;
}
.header-actions a,
.header-actions button {
    font-size: 15px !important;
    color: rgba(255, 255, 255, .7) !important;
    position: relative !important;
    transition: color .3s, transform .3s !important;
    display: flex !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.header-actions a:hover,
.header-actions button:hover {
    color: var(--gold) !important;
    transform: translateY(-1px) !important;
}
.site-header.scrolled .header-actions a,
.site-header.scrolled .header-actions button,
.site-header.opaque .header-actions a,
.site-header.opaque .header-actions button {
    color: var(--ash) !important;
}
.site-header.scrolled .header-actions a:hover,
.site-header.opaque .header-actions a:hover {
    color: var(--ink) !important;
}
.cart-badge {
    position: absolute !important;
    top: -7px !important;
    right: -9px !important;
    width: 15px !important;
    height: 15px !important;
    background: var(--gold) !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    color: var(--ink) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 600 !important;
}
.hamburger {
    display: none !important;
    flex-direction: column !important;
    gap: 6px !important;
    cursor: pointer !important;
    padding: 4px !important;
}
.hamburger span {
    display: block !important;
    width: 22px !important;
    height: 1px !important;
    background: rgba(255, 255, 255, .8) !important;
    transition: all .4s !important;
}
.site-header.scrolled .hamburger span,
.site-header.opaque .hamburger span {
    background: var(--ink) !important;
}

/* ─── Mobile Nav ─── */
.mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    background: var(--ink) !important;
    z-index: 200 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(-100%) !important;
    transition: transform .7s cubic-bezier(.77, 0, .175, 1) !important;
}
.mobile-nav.open {
    transform: translateX(0) !important;
}
.mobile-close {
    position: absolute !important;
    top: 32px !important;
    right: 32px !important;
    color: rgba(232, 213, 160, .7) !important;
    font-size: 22px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    transition: color .3s !important;
}
.mobile-close:hover {
    color: var(--gold) !important;
}
.mobile-nav-links {
    text-align: center !important;
    list-style: none !important;
    padding: 0 !important;
}
.mobile-nav-links li {
    margin-bottom: 20px !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: all .5s ease !important;
}
.mobile-nav.open .mobile-nav-links li {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.mobile-nav.open .mobile-nav-links li:nth-child(1) { transition-delay: .12s; }
.mobile-nav.open .mobile-nav-links li:nth-child(2) { transition-delay: .18s; }
.mobile-nav.open .mobile-nav-links li:nth-child(3) { transition-delay: .24s; }
.mobile-nav.open .mobile-nav-links li:nth-child(4) { transition-delay: .30s; }
.mobile-nav.open .mobile-nav-links li:nth-child(5) { transition-delay: .36s; }

.mobile-nav-links a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 40px !important;
    font-weight: 300 !important;
    color: rgba(244, 239, 230, .8) !important;
    letter-spacing: 2px !important;
    transition: color .3s !important;
    text-decoration: none !important;
}
.mobile-nav-links a:hover {
    color: var(--gold) !important;
}
.mobile-nav-footer {
    position: absolute !important;
    bottom: 40px !important;
    display: flex !important;
    gap: 28px !important;
}
.mobile-nav-footer a {
    font-size: 9px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .3) !important;
    text-decoration: none !important;
}

/* ─── Search Modal ─── */
.search-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(13, 12, 11, .97) !important;
    z-index: 300 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .4s !important;
}
.search-overlay.open {
    opacity: 1 !important;
    visibility: visible !important;
}
.search-close-btn {
    position: absolute !important;
    top: 36px !important;
    right: 40px !important;
    color: rgba(232, 213, 160, .6) !important;
    font-size: 22px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    transition: color .3s !important;
}
.search-close-btn:hover {
    color: var(--gold) !important;
}
.search-body {
    width: 100% !important;
    max-width: 680px !important;
    padding: 0 40px !important;
    text-align: center !important;
}
.search-label {
    display: block !important;
    font-size: 9px !important;
    letter-spacing: 6px !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 28px !important;
}
.search-field {
    width: 100% !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid var(--bd-gold) !important;
    color: white !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important;
    font-weight: 300 !important;
    padding: 14px 0 !important;
    text-align: center !important;
    outline: none !important;
    transition: border-color .3s !important;
}
.search-field::placeholder {
    color: rgba(255, 255, 255, .1) !important;
}
.search-field:focus {
    border-color: var(--gold) !important;
}
.search-hints {
    margin-top: 28px !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
.search-hint {
    font-size: 8px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .3) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    padding: 7px 18px !important;
    cursor: pointer !important;
    transition: all .3s !important;
}
.search-hint:hover {
    color: var(--gold) !important;
    border-color: var(--bd-gold) !important;
}

/* ─── Footer ─── */
footer.site-footer {
    background: var(--smoke) !important;
    color: rgba(255, 255, 255, .5) !important;
    padding: 84px 100px !important;
    border-top: 1px solid rgba(200, 164, 80, .1) !important;
}
.footer-top {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr 1fr 1fr !important;
    gap: 60px !important;
    padding-bottom: 64px !important;
    border-bottom: 1px solid var(--bd-dark) !important;
    margin-bottom: 36px !important;
}
.footer-brand-text {
    font-size: 12px !important;
    line-height: 1.9 !important;
    max-width: 280px !important;
    margin-top: 20px !important;
}
.footer-col h5 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: rgba(244, 239, 230, .85) !important;
    margin-bottom: 24px !important;
    letter-spacing: 1px !important;
}
.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.footer-col ul li {
    margin-bottom: 10px !important;
}
.footer-col ul a {
    font-size: 11px !important;
    letter-spacing: 1px !important;
    color: rgba(255, 255, 255, .38) !important;
    transition: all .3s !important;
    text-decoration: none !important;
}
.footer-col ul a:hover {
    color: var(--gold) !important;
    padding-left: 4px !important;
}
.footer-socials {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
}
.footer-social-btn {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid var(--bd-dark) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, .35) !important;
    transition: all .3s !important;
    text-decoration: none !important;
}
.footer-social-btn:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
}
.footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .22) !important;
}
.footer-bottom-links {
    display: flex !important;
    gap: 28px !important;
}
.footer-bottom-links a {
    transition: color .3s !important;
    text-decoration: none !important;
    color: inherit !important;
}
.footer-bottom-links a:hover {
    color: var(--gold-pale) !important;
}

/* ─── Responsive for Header & Footer ─── */
@media (max-width: 1100px) {
    .footer-top {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .main-nav {
        display: none !important;
    }
    .hamburger {
        display: flex !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .footer-top {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
    .footer-bottom {
        flex-direction: column !important;
        gap: 16px !important;
        text-align: center !important;
    }
    footer.site-footer {
        padding: 60px 24px !important;
    }
}
@media (max-width: 576px) {
    .footer-top {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */