/* Elara Revise 4_26 - frontend visual baseline */

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-200.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-500.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-800.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-900.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-200.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-500.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-800.ttf') format('truetype');
}

@font-face {
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url('../assets/fonts/crimson-pro/CrimsonPro-Italic-900.ttf') format('truetype');
}

:root {
    --elara-text: #141414;
    --elara-muted: #626565;
    --elara-soft: #9e9f9e;
    --elara-border: #e7e7e7;
    --elara-font: 'Crimson Pro';
}

/* Frontend typography: Crimson; teks mengikuti isian/translate (tanpa paksa capitalize). */
body.elara-home-front,
body.elara-inner-front {
    color: var(--elara-text);
    font-family: var(--elara-font) !important;
    text-transform: none !important;
    font-size: 17px;
    line-height: 1.6;
}

/* Default text bumping untuk konten (tidak override komponen yang punya font-size eksplisit). */
body.elara-inner-front p,
body.elara-inner-front li,
body.elara-inner-front td,
body.elara-inner-front .text-body,
body.elara-page-clean p,
body.elara-page-clean li,
body.elara-page-clean td,
body.elara-page-clean .text-body {
    font-size: 17px;
    line-height: 1.7;
}

/* Konten TinyMCE: jangan paksa 17px/1.7 dari .elara-inner-front / .elara-page-clean — ikuti inline editor (12px dll) + .inner */
body.elara-inner-front .elara-about-content__inner p,
body.elara-inner-front .elara-about-content__inner li,
body.elara-page-clean .elara-about-content__inner p,
body.elara-page-clean .elara-about-content__inner li,
body.elara-inner-front .elara-static-page-body.elara-about-content__inner p,
body.elara-inner-front .elara-static-page-body.elara-about-content__inner li,
body.elara-page-clean .elara-static-page-body.elara-about-content__inner p,
body.elara-page-clean .elara-static-page-body.elara-about-content__inner li {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

body.elara-home-front *:not(i):not(.la):not(.las):not(.lar):not(.lab):not(.lal):not(.fa):not(.fas):not(.far):not(.fab):not(svg):not(path),
body.elara-inner-front *:not(i):not(.la):not(.las):not(.lar):not(.lab):not(.lal):not(.fa):not(.fas):not(.far):not(.fab):not(svg):not(path) {
    font-family: var(--elara-font) !important;
    text-transform: none !important;
}

body.elara-home-front input,
body.elara-home-front textarea,
body.elara-home-front select,
body.elara-home-front option,
body.elara-home-front pre,
body.elara-home-front code,
body.elara-home-front kbd,
body.elara-home-front samp,
body.elara-home-front .elara-currency,
body.elara-home-front .currency-formatted,
body.elara-home-front .product-price-amount,
body.elara-home-front .product-price-symbol,
body.elara-home-front .aiz-price,
body.elara-home-front [class*="price"],
body.elara-home-front [class*="currency"],
body.elara-inner-front input,
body.elara-inner-front textarea,
body.elara-inner-front select,
body.elara-inner-front option,
body.elara-inner-front pre,
body.elara-inner-front code,
body.elara-inner-front kbd,
body.elara-inner-front samp,
body.elara-inner-front .elara-currency,
body.elara-inner-front .currency-formatted,
body.elara-inner-front .product-price-amount,
body.elara-inner-front .product-price-symbol,
body.elara-inner-front .aiz-price,
body.elara-inner-front [class*="price"],
body.elara-inner-front [class*="currency"] {
    text-transform: none !important;
}

body.elara-home-front .lab,
body.elara-home-front .las,
body.elara-home-front .lar,
body.elara-home-front .lal,
body.elara-home-front .la,
body.elara-home-front [class*="la-"],
body.elara-home-front .fa,
body.elara-home-front .fas,
body.elara-home-front .far,
body.elara-home-front .fal,
body.elara-home-front .fab,
body.elara-home-front [class*="fa-"],
body.elara-inner-front .lab,
body.elara-inner-front .las,
body.elara-inner-front .lar,
body.elara-inner-front .lal,
body.elara-inner-front .la,
body.elara-inner-front [class*="la-"],
body.elara-inner-front .fa,
body.elara-inner-front .fas,
body.elara-inner-front .far,
body.elara-inner-front .fal,
body.elara-inner-front .fab,
body.elara-inner-front [class*="fa-"] {
    text-transform: none !important;
}

/* Header transparent di home + sticky */
#elara-home-header-stack .top-navbar,
#elara-home-header-stack .elara-home-main-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(231, 231, 231, 0.95) !important;
    box-shadow: none !important;
}

header.z-1020,
header.sticky-top,
#elara-home-header-stack .elara-home-main-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040 !important;
    transform: translateY(0);
    transition: background-color .28s ease, box-shadow .28s ease, border-color .28s ease, transform .28s ease !important;
}

html {
    scroll-padding-top: 92px;
}

header.z-1020.is-scrolled,
header.sticky-top.is-scrolled,
#elara-home-header-stack .elara-home-main-header.is-scrolled,
#elara-home-header-stack .elara-home-main-header.elara-compact {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid rgba(231, 231, 231, 0.95) !important;
    box-shadow: 0 3px 18px rgba(20, 20, 20, 0.06) !important;
}

header.z-1020,
header.sticky-top,
#elara-home-header-stack .elara-home-main-header,
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid rgba(231, 231, 231, 0.95) !important;
}

body {
    padding-top: 92px;
}

#elara-home-header-stack .nav-menu-bar,
body.elara-hero-slide-video #elara-home-header-stack .nav-menu-bar,
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header.is-scrolled .nav-menu-bar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-top-color: rgba(20, 20, 20, 0.06) !important;
}

/* Featured/New section title line */
.section-title-wrapper .section-title,
.elara-newest-luxury__title span {
    font-family: 'Crimson Pro' !important;
    text-transform: none !important;
}

.section-title-wrapper {
    position: relative;
}

.section-title-wrapper::after {
    content: '';
    display: block;
    width: 72px;
    height: 1px;
    background: #141414;
    margin: 12px auto 0;
}

/* Category frame: keep 5 extended frames */
.elara-essence-cats__outer--scroll .elara-essence-cats__strip .elara-essence-cats__item {
    flex: 0 0 calc(100% / 5) !important;
    min-width: calc(100% / 5) !important;
}

/* Home banner cta transparent rectangle */
.elara-home-banner2__cta,
.elara-home-banner3__pill {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    border-radius: 999px !important;
}

/* Header minimal like mockup */
#elara-home-header-stack .top-navbar {
    display: none !important;
}

.top-navbar {
    display: none !important;
}

header .logo-bar-area {
    border-bottom: 1px solid #eeeeee;
    /* Cegah ikon kanan (wishlist/cart) ketutupan sibling / overflow container di tablet–mobile */
    overflow-x: visible !important;
    overflow-y: visible !important;
    position: relative;
    z-index: 6;
}

header .header-main-row {
    min-height: 58px;
    transition: min-height .28s ease, padding .28s ease, transform .28s ease;
    justify-content: space-between;
}

header .header-main-logo {
    height: 24px !important;
    width: auto;
    transition: transform .22s ease, opacity .22s ease;
}

header.is-scrolled .header-main-row {
    min-height: 50px;
}

header.is-scrolled .header-main-logo {
    transform: scale(0.94);
}

header.is-scrolled .nav-menu-bar .modern-nav-menu {
    padding-top: 5px;
    padding-bottom: 5px;
}

header.is-scrolled .nav-menu-bar .modern-nav-link {
    font-size: 12.5px !important;
}

header.is-scrolled .elara-header-language > a,
header.is-scrolled .elara-header-auth-link {
    font-size: 11.5px !important;
}

.nav-menu-bar .modern-nav-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 42px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.nav-menu-bar .modern-nav-link {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .02em;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav-menu-bar {
    border-top: 1px solid rgba(20, 20, 20, 0.06) !important;
}

.elara-header-account-tools {
    align-items: center;
    gap: 10px;
    margin-left: auto !important;
    position: relative;
    z-index: 70;
    flex: 0 0 auto;
}

.elara-header-language > a,
.elara-header-auth-link {
    font-size: 14px !important;
    color: #141414 !important;
    line-height: 1;
}

.elara-header-divider {
    width: 1px;
    height: 18px;
    background: #d8d8d8;
    display: inline-block;
}

.nav-icons-group {
    margin-left: 0 !important;
    gap: 4px;
}

.nav-icons-group #wishlist,
.nav-icons-group #cart_items {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    position: relative !important;
    flex: 0 0 42px !important;
}

.nav-icons-group .nav-icon-inner,
.nav-icons-group .nav-icon-link {
    width: 42px !important;
    height: 42px !important;
    position: relative !important;
    flex: 0 0 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: width .28s ease, height .28s ease, flex-basis .28s ease !important;
}

.nav-icons-group .nav-icon-symbol {
    width: 36px !important;
    height: 36px !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: width .28s ease, height .28s ease !important;
}

header.is-scrolled .nav-icons-group #wishlist,
header.is-scrolled .nav-icons-group #cart_items,
header.is-scrolled .nav-icons-group .nav-icon-inner,
header.is-scrolled .nav-icons-group .nav-icon-link,
header.is-scrolled .elara-header-search-toggle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    flex-basis: 38px !important;
}

header.is-scrolled .nav-icons-group .nav-icon-symbol {
    width: 32px !important;
    height: 32px !important;
}

.nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
.nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o {
    transform: translateY(4px) !important;
    transition: color .2s ease !important;
}

.nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
.nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    transform: translateY(4px) !important;
    transition: color .2s ease !important;
}

.nav-icons-group #wishlist .nav-icon-link:hover .nav-icon-symbol .la-heart-o,
.nav-icons-group #wishlist .nav-icon-link:hover .nav-icon-symbol i.la-heart-o,
.nav-icons-group #cart_items .nav-icon-link:hover .nav-icon-symbol .la-shopping-cart,
.nav-icons-group #cart_items .nav-icon-link:hover .nav-icon-symbol i.la-shopping-cart {
    transform: translateY(4px) !important;
}

.nav-icons-group .nav-icon-badge,
.nav-icons-group .nav-icon-badge.badge,
.nav-icons-group .nav-icon-badge.badge-pill,
.nav-icons-group .nav-icon-badge.position-absolute,
.nav-icons-group .wishlist-badge,
.nav-icons-group .cart-badge {
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    min-width: 18px !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 18px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: background-color .2s ease, color .2s ease !important;
    pointer-events: none !important;
}

header.is-scrolled .nav-icons-group .nav-icon-badge,
header.is-scrolled .nav-icons-group .wishlist-badge,
header.is-scrolled .nav-icons-group .cart-badge {
    top: 1px !important;
}

.elara-header-search-item {
    display: flex;
    align-items: center;
}

.elara-header-search-toggle {
    border: 0;
    background: transparent;
    color: #141414;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.elara-header-search-toggle:hover {
    background: #f4f4f4;
}

.elara-header-search-toggle i {
    font-size: 18px;
}

/* Header hover: soft, tidak bentrok dengan background putih */
header.z-1020 a:hover,
header.sticky-top a:hover,
#elara-home-header-stack .elara-home-main-header a:hover,
.elara-header-language > a:hover,
.elara-header-auth-link:hover,
.nav-menu-bar .modern-nav-link:hover,
.nav-menu-bar .modern-nav-link.active {
    color: #141414 !important;
    background-color: rgba(20, 20, 20, 0.045) !important;
    text-decoration: none !important;
}

.nav-menu-bar .modern-nav-link {
    border-radius: 999px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.elara-header-language > a,
.elara-header-auth-link {
    border-radius: 999px;
    padding: 4px 7px;
}

.nav-icons-group .nav-icon-link:hover,
.elara-header-search-toggle:hover {
    background-color: rgba(20, 20, 20, 0.045) !important;
    color: #141414 !important;
}

header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item:focus {
    background-color: #f5f5f5 !important;
    color: #141414 !important;
}

header .dropdown-menu {
    border-color: #ececec !important;
    box-shadow: 0 8px 24px rgba(20, 20, 20, 0.08) !important;
}

/* Header color states */
header.z-1020,
header.sticky-top,
#elara-home-header-stack .elara-home-main-header,
#elara-home-header-stack .nav-menu-bar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(231, 231, 231, 0.95) !important;
    color: #141414 !important;
}

header.z-1020 a,
header.sticky-top a,
#elara-home-header-stack .elara-home-main-header a,
#elara-home-header-stack .nav-menu-bar a,
.elara-header-search-toggle,
.elara-header-search-toggle i,
.nav-icons-group .nav-icon-symbol,
.nav-icons-group .nav-icon-symbol i {
    color: inherit !important;
}

body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled),
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-menu-bar {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header.is-scrolled,
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header.is-scrolled .nav-menu-bar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(231, 231, 231, 0.95) !important;
    color: #141414 !important;
}

body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-header-divider {
    background: rgba(255, 255, 255, 0.42) !important;
}

header .logo-bar-area > .container > .d-flex > .col-auto > a:hover {
    background: transparent !important;
}

header a:not(.d-block):hover,
header button:hover,
.nav-menu-bar .modern-nav-link:hover,
.nav-menu-bar .modern-nav-link.active,
.nav-icons-group .nav-icon-link:hover {
    background-color: rgba(20, 20, 20, 0.045) !important;
    color: inherit !important;
    text-decoration: none !important;
}

body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) a:not(.d-block):hover,
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) button:hover,
body.elara-hero-slide-video #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-link:hover {
    background-color: rgba(255, 255, 255, 0.14) !important;
    color: inherit !important;
}

@media (min-width: 992px) {
    header .header-main-row {
        position: relative;
    }

    header .front-header-search {
        position: absolute !important;
        right: 174px;
        top: 50%;
        transform: translateY(-50%);
        width: min(420px, 42vw);
        z-index: 50;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .2s ease, visibility .2s ease;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    header .front-header-search.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    header .front-header-search .search-bar-wrapper {
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(20, 20, 20, 0.12);
    }

    header .front-header-search .search-input {
        border-radius: 999px 0 0 999px !important;
        height: 40px;
    }

    header .front-header-search .search-submit-btn {
        border-radius: 0 999px 999px 0 !important;
        height: 40px;
    }
}

/* Tablet header: use desktop-like utilities again, but keep spacing compact. */
@media (min-width: 768px) and (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .header-main-row {
        display: grid !important;
        grid-template-columns: minmax(128px, 1fr) auto minmax(116px, max-content) !important;
        column-gap: 12px !important;
        align-items: center !important;
    }

    /* Biarkan auto-placement; cegah min-width intrinsik search mendorong kolom ikon */
    #elara-home-header-stack .elara-home-main-header .header-main-row > .front-header-search {
        min-width: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        grid-column: 1 !important;
        width: auto !important;
        max-width: none !important;
        padding-right: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .d-lg-none.ml-auto {
        display: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools {
        grid-column: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools .elara-header-divider {
        height: 18px !important;
        margin: 0 2px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools a,
    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools .dropdown-toggle {
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        padding: 8px 4px !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart.nav-icons-group {
        grid-column: 3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 25 !important;
        isolation: isolate !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .nav-icon-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .elara-header-search-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #wishlist,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #cart_items {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        flex: 0 0 34px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group .nav-icon-link {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle svg,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group svg {
        width: 20px !important;
        height: 20px !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li.d-lg-none.dropdown {
        display: none !important;
    }
}

/* Mobile header: keep the same utility pattern as tablet, compressed. */
@media (max-width: 767.98px) {
    #elara-home-header-stack .elara-home-main-header .header-main-row {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) minmax(116px, max-content) !important;
        column-gap: 8px !important;
        align-items: center !important;
    }

    /* Slot tengah: search overlay (fixed) jangan memaksa min-width intrinsik — biar kolom ikon tidak ketiban */
    #elara-home-header-stack .elara-home-main-header .header-main-row > .front-header-search {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        align-self: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-mobile-menu-cell {
        grid-column: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 56px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-mobile-menu-toggle {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 5px !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-mobile-menu-toggle span {
        display: block !important;
        width: 24px !important;
        height: 1px !important;
        background: #141414 !important;
        transition: transform 0.18s ease, opacity 0.18s ease !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span:nth-child(1) {
        transform: translateY(6px) rotate(45deg) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span:nth-child(2) {
        opacity: 0 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg) !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        grid-column: 2 !important;
        width: max-content !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 0 !important;
        justify-content: center !important;
        justify-self: center !important;
        position: absolute !important;
        left: 45% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto > a {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-logo {
        max-width: 142px !important;
        height: auto !important;
        max-height: 26px !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .d-lg-none.ml-auto {
        display: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools {
        display: none !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart.nav-icons-group {
        grid-column: 3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 25 !important;
        isolation: isolate !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .nav-icon-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .elara-header-search-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #wishlist,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #cart_items {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        flex: 0 0 32px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group .nav-icon-link {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle svg,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group svg {
        width: 18px !important;
        height: 18px !important;
    }

    #elara-home-header-stack .elara-home-main-header .nav-icon-badge {
        top: -4px !important;
        right: -4px !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        font-size: 9px !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li.d-lg-none.dropdown {
        display: none !important;
    }

    #elara-home-header-stack .nav-menu-bar {
        display: none !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 56px !important;
        z-index: 1029 !important;
        background: #fff !important;
        border-top: 1px solid rgba(20,20,20,0.08) !important;
        border-bottom: 1px solid rgba(20,20,20,0.08) !important;
        box-shadow: 0 12px 30px rgba(20,20,20,0.08) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        padding: 8px 0 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li {
        display: block !important;
        width: 100% !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 18px !important;
        text-align: center !important;
    }
}

@media (max-width: 390px) {
    #elara-home-header-stack .elara-home-main-header .header-main-logo {
        max-width: 124px !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .nav-icon-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .elara-header-search-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #wishlist,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #cart_items {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        flex-basis: 28px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group .nav-icon-link {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }
}

/* Final mobile/tablet header vertical alignment lock. */
@media (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .header-main-row {
        min-height: 56px !important;
        height: 56px !important;
        align-items: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart.nav-icons-group {
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: max-content !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto > a {
        height: 56px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        line-height: 1 !important;
        width: auto !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-logo {
        display: block !important;
        transform: none !important;
        object-fit: contain !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools {
        align-self: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools > *,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart > * {
        align-self: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools a,
    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools .dropdown-toggle,
    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group .nav-icon-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle svg,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group svg,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group i,
    #elara-home-header-stack .elara-home-main-header .nav-icon-symbol {
        display: block !important;
        line-height: 1 !important;
        transform: none !important;
        margin: 0 !important;
    }

    #elara-home-header-stack .nav-menu-bar .container {
        max-width: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        overflow: visible !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li {
        display: none !important;
        margin: 0 !important;
        width: auto !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(1),
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(2),
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(3) {
        display: block !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li > a {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
}

@media (max-width: 767.98px) {
    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }

    #elara-home-header-stack #cart_items .dropdown-menu.elara-toolbar-dropdown--cart {
        right: -12px !important;
        left: auto !important;
        width: min(360px, calc(100vw - 34px)) !important;
        min-width: min(360px, calc(100vw - 34px)) !important;
        max-width: min(360px, calc(100vw - 34px)) !important;
    }

    #elara-home-header-stack #cart_items .dropdown-menu.elara-toolbar-dropdown--cart::before {
        right: 22px !important;
        left: auto !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn, #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn, #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn{
        margin-top: -5px;
        margin-left: 10px;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {   
        margin-top: -7px;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .typed-search-box {
        top: 50px !important;
    }
}

/* Newest single card flow (display + css) */
.elara-newest-luxury__carousel .carousel-box {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.elara-newest-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none !important;
    transition: transform .28s ease, border-color .28s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.elara-newest-card:hover {
    transform: translateY(-4px);
    border-color: #d9d9d9;
    box-shadow: none !important;
}

.elara-newest-card__visual {
    position: relative;
    background: #f8f8f8;
    aspect-ratio: 4/5;
    overflow: hidden;
}

.elara-newest-card__cover-link {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.elara-newest-card__img-stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elara-newest-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.elara-newest-card:hover .elara-newest-card__img {
    transform: scale(1.04);
}

.elara-newest-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    background: #141414;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 4px 8px;
}

.elara-newest-card__actions {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(6px);
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}

.elara-newest-card:hover .elara-newest-card__actions,
.elara-newest-card:focus-within .elara-newest-card__actions {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s;
}

@media (hover: none), (pointer: coarse) {
    .elara-newest-card__actions {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
}

.elara-newest-card__action-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(20, 20, 20, 0.2);
    background: rgba(255, 255, 255, 0.95);
    color: #141414;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elara-newest-card__action-btn i {
    font-size: 18px;
    line-height: 1;
}

.elara-newest-card__action-btn:hover,
.elara-newest-card__action-btn:focus {
    background: #141414;
    color: #ffffff;
    border-color: #141414;
}

.elara-newest-card__body {
    padding: 12px;
}

/* Series / line eyebrow — dari product_benefits + aksen vertikal (bukan titik) */
.elara-newest-card__category {
    margin: 0 0 3px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, 'Times New Roman', serif;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: rgba(20, 20, 20, 0.55);
    text-transform: capitalize !important;
    -webkit-font-smoothing: antialiased;
}

.elara-newest-card__category-line {
    display: none;
}

.elara-newest-card__category-text {
    min-width: 0;
    font-weight: 400;
    text-transform: capitalize !important;
}

/* Title case via class + helper elara_title_case() di Blade (Bootstrap .text-capitalize di-override global) */
.elara-capitalize,
.elara-newest-card__title a.text-reset.elara-capitalize,
.elara-newest-card__category-text.elara-capitalize,
.elara-pdp-series.elara-capitalize,
.elara-shop-subnav__link.elara-capitalize {
    text-transform: capitalize !important;
}

.elara-newest-card__title {
    margin: 0 0 6px;
    font-size: 15px;
    line-height: 1.35;
}

.elara-newest-card__title a {
    color: #141414 !important;
    text-decoration: none !important;
}

.elara-newest-card__price {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.elara-newest-card__price-old {
    color: #9e9f9e;
    text-decoration: line-through;
    font-size: 13px;
}

.elara-newest-card__price-now {
    color: #141414;
    font-size: 15px;
    font-weight: 700;
}

/* Top nav + search + utility row */
.top-navbar .top-navbar-menu a,
.top-navbar .top-navbar-menu .dropdown-toggle,
.search-submit-btn,
.modern-nav-link,
.nav-icon-link {
    text-transform: none !important;
}

/* Utility Bootstrap: hormati penulisan dari admin/server */
.text-uppercase {
    text-transform: none !important;
}

.front-header-search .search-input::placeholder {
    text-transform: none !important;
}

/* Newest / Featured blocks */
#section_newest .section-title,
#section_newest h2,
#section_newest h3,
.section-title,
.section-subtitle {
    text-transform: none !important;
}

/* Product detail */
.elara-product-detail-page h1,
.elara-product-detail-page h2,
.elara-product-detail-page h3,
.elara-product-detail-page .product-detail-title,
.elara-product-detail-page .product-detail-msg-seller,
.elara-product-detail-page .product-detail-public-info {
    text-transform: none !important;
}

/* Blog */
.card-columns .card h2,
.card-columns .card p,
.share-title,
.post-date {
    text-transform: none !important;
}

/* Login / Register */
#user-login-form,
#reg-form,
#user-login-form .form-control,
#reg-form .form-control {
    text-transform: none !important;
}

.auth-page-title,
.bg-white.rounded.shadow-sm h1,
.bg-white.rounded.shadow-sm p,
.bg-white.rounded.shadow-sm .btn,
.bg-white.rounded.shadow-sm a {
    text-transform: none !important;
}

/* ----- Footer (revise 4_26) ----- */
.elara-footer-no-lowercase,
.elara-footer-no-lowercase * {
    text-transform: none !important;
}

.elara-footer-no-lowercase a[href^="mailto:"],
.elara-footer-no-lowercase a[href^="tel:"],
.elara-footer-no-lowercase .footer-newsletter-input,
.elara-footer-no-lowercase .footer-newsletter-input::placeholder {
    text-transform: none !important;
}

/* Tipis pemisah antara content & footer */
.footer-widget.elara-footer-no-lowercase {
    border-top: 1px solid rgba(20, 20, 20, .08);
}

.footer-widget.elara-footer-no-lowercase .elara-footer-nav-title {
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: .2px;
    color: var(--elara-text, #141414);
    margin-bottom: 1rem;
}

.elara-footer-nav-list {
    margin: 0;
    padding: 0;
}

.elara-footer-nav-list li {
    margin-bottom: .55rem;
    line-height: 1.4;
}

.elara-footer-nav-list li:last-child {
    margin-bottom: 0;
}

.elara-footer-nav-list a {
    display: inline-block;
    position: relative;
    padding: 0;
    color: var(--elara-text, #141414);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition: color .18s ease, opacity .18s ease;
}

.elara-footer-nav-list a:hover,
.elara-footer-nav-list a:focus {
    color: var(--elara-text, #141414);
    opacity: .65;
    text-decoration: none;
}

.footer-widget .elara-footer-nav-list a::before {
    content: none !important;
}

.footer-widget p {
    font-size: 14px;
    line-height: 1.55;
    color: var(--elara-text, #141414);
}

.elara-footer-copyright {
    margin: 0;
    font-size: 13px;
    letter-spacing: .3px;
    color: var(--elara-muted, #6c6c6c);
}

/* Auth pages: clean centered card */
body .py-4.d-flex.align-items-center[style*="min-height: 70vh"] {
    min-height: calc(100vh - 140px) !important;
    background: #fff;
}

body .py-4.d-flex.align-items-center .bg-white.rounded.shadow-sm.p-3.text-left {
    border: 1px solid var(--elara-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(20, 20, 20, 0.06) !important;
    padding: 24px !important;
}

body .py-4.d-flex.align-items-center .bg-white.rounded.shadow-sm.p-3.text-left h1 {
    font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
    margin-bottom: 8px !important;
}

/* Blog listing/details: card layout cleaner */
.card-columns {
    column-count: 3;
    column-gap: 1.25rem;
}

.card-columns .card {
    border: 1px solid #ececec !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(20, 20, 20, 0.06) !important;
    break-inside: avoid;
}

.card-columns .card .btn.btn-soft-primary {
    border: 1px solid #141414 !important;
    background: transparent !important;
    color: #141414 !important;
    text-transform: none !important;
}

.card-columns .card .btn.btn-soft-primary:hover {
    background: #141414 !important;
    color: #fff !important;
}

/* Product detail shell */
.elara-product-detail-hero-inner {
    border: 1px solid var(--elara-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.product-detail-info .btn,
.product-detail-info .btn-primary,
.product-detail-info .btn-styled {
    border-radius: 8px !important;
    text-transform: none !important;
}

.product-detail-info .btn-primary {
    background: #141414 !important;
    border-color: #141414 !important;
}

.product-detail-info .btn-primary:hover {
    background: #626565 !important;
    border-color: #626565 !important;
}

@media (max-width: 991px) {
    .card-columns { column-count: 2; }
}

@media (max-width: 575px) {
    .card-columns { column-count: 1; }
}

/* Header final polish: home video stays transparent, other states stay clean white */
body.elara-home-front {
    padding-top: 0 !important;
}

body.elara-inner-front {
    padding-top: 88px !important;
}

#elara-home-header-stack {
    background: transparent !important;
    box-shadow: none !important;
}

#elara-home-header-stack .top-navbar {
    display: none !important;
}

#elara-home-header-stack .elara-home-main-header,
#elara-home-header-stack .elara-home-main-header .nav-menu-bar,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header .nav-menu-bar,
body.elara-home-front:not(.elara-hero-slide-video) #elara-home-header-stack .elara-home-main-header,
body.elara-home-front:not(.elara-hero-slide-video) #elara-home-header-stack .elara-home-main-header .nav-menu-bar,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .elara-home-main-header,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .elara-home-main-header .nav-menu-bar {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #141414 !important;
    border-color: #eeeeee !important;
    box-shadow: none !important;
}

body.elara-inner-front #elara-home-header-stack {
    background: transparent !important;
}

body.elara-inner-front #elara-home-header-stack .top-navbar {
    display: none !important;
}

body.elara-inner-front #elara-home-header-stack .elara-home-main-header {
    position: fixed !important;
    top: 0 !important;
}

body.elara-inner-front header .logo-bar-area {
    border-bottom: 0 !important;
}

body.elara-inner-front header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header .nav-menu-bar {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#elara-home-header-stack .elara-home-main-header a,
#elara-home-header-stack .elara-home-main-header button,
#elara-home-header-stack .elara-home-main-header .modern-nav-link,
#elara-home-header-stack .elara-home-main-header .nav-icon-symbol,
#elara-home-header-stack .elara-home-main-header .nav-icon-symbol i,
#elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
#elara-home-header-stack .elara-home-main-header .elara-header-search-toggle i {
    color: inherit !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .header-main-logo {
    filter: brightness(0) invert(1) !important;
}

body.elara-home-front:not(.elara-hero-slide-video) #elara-home-header-stack .header-main-logo,
body.elara-inner-front #elara-home-header-stack .header-main-logo,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .header-main-logo {
    filter: none !important;
}

#elara-home-header-stack .elara-header-divider {
    background: rgba(20, 20, 20, 0.18) !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-header-divider {
    background: rgba(255, 255, 255, 0.42) !important;
}

header .header-main-row {
    min-height: 58px !important;
    transition: min-height .28s ease, padding .28s ease !important;
}

header .header-main-logo {
    height: 28px !important;
    max-height: 28px !important;
}

header .logo-bar-area {
    border-bottom: 0 !important;
    transition: border-color .28s ease, box-shadow .28s ease !important;
}

header.is-scrolled .header-main-row,
body.elara-home-front.elara-home-header-scrolled header .header-main-row {
    min-height: 52px !important;
}

header.is-scrolled .header-main-logo,
body.elara-home-front.elara-home-header-scrolled header .header-main-logo {
    height: 26px !important;
    max-height: 26px !important;
    transform: scale(1) !important;
}

body.elara-inner-front header.is-scrolled {
    box-shadow: 0 6px 14px -12px rgba(20, 20, 20, 0.42) !important;
}

header.is-scrolled .logo-bar-area,
body.elara-home-front.elara-home-header-scrolled header .logo-bar-area {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

header.is-scrolled .nav-menu-bar,
body.elara-home-front.elara-home-header-scrolled header .nav-menu-bar {
    border-top-color: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

header.is-scrolled,
body.elara-home-front.elara-home-header-scrolled header {
    border-bottom: 0 !important;
    box-shadow: 0 6px 14px -12px rgba(20, 20, 20, 0.42) !important;
}

header.is-scrolled .nav-menu-bar,
body.elara-home-front.elara-home-header-scrolled header .nav-menu-bar {
    min-height: 28px !important;
}

header.is-scrolled .nav-menu-bar .modern-nav-menu,
body.elara-home-front.elara-home-header-scrolled header .nav-menu-bar .modern-nav-menu {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

header.is-scrolled .nav-menu-bar .modern-nav-link,
body.elara-home-front.elara-home-header-scrolled header .nav-menu-bar .modern-nav-link {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

header.is-scrolled .elara-header-language > a,
header.is-scrolled .elara-header-auth-link,
body.elara-home-front.elara-home-header-scrolled header .elara-header-language > a,
body.elara-home-front.elara-home-header-scrolled header .elara-header-auth-link {
    font-size: 13px !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) header .logo-bar-area {
    border-bottom: 0 !important;
}

header .nav-menu-bar,
#elara-home-header-stack .nav-menu-bar,
#elara-home-header-stack .elara-home-main-header .nav-menu-bar {
    border-top: 1px solid rgba(20, 20, 20, 0.018) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) header .nav-menu-bar {
    border-top-color: rgba(255, 255, 255, 0.10) !important;
}

.nav-icons-group {
    gap: 2px !important;
    position: relative;
    z-index: 70;
    flex: 0 0 auto !important;
}

.elara-header-search-toggle,
.nav-icons-group .nav-icon-item,
.nav-icons-group #wishlist,
.nav-icons-group #cart_items,
.nav-icons-group .nav-icon-inner,
.nav-icons-group .nav-icon-link {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 50% !important;
}

.elara-header-search-toggle,
.nav-icons-group .nav-icon-link {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.elara-header-search-toggle:hover,
.nav-icons-group .nav-icon-link:hover {
    background: rgba(20, 20, 20, 0.045) !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) .elara-header-search-toggle:hover,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) .nav-icons-group .nav-icon-link:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.elara-header-search-toggle i {
    font-size: 19px !important;
    line-height: 1 !important;
}

.nav-icons-group .nav-icon-symbol {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    overflow: visible !important;
}

.nav-icons-group .nav-icon-symbol .la,
.nav-icons-group .nav-icon-symbol i {
    font-size: 25px !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    transform: none !important;
}

.nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
.nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o {
    font-size: 24px !important;
    transform: translateY(1px) !important;
}

.nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
.nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    font-size: 26px !important;
    transform: translateY(1px) !important;
}

.nav-icons-group .nav-icon-link:hover .nav-icon-symbol .la,
.nav-icons-group .nav-icon-link:hover .nav-icon-symbol i {
    transform: translateY(1px) !important;
}

.nav-icons-group .nav-icon-badge,
.nav-icons-group .nav-icon-badge.badge,
.nav-icons-group .nav-icon-badge.badge-pill,
.nav-icons-group .nav-icon-badge.position-absolute,
.nav-icons-group .wishlist-badge,
.nav-icons-group .cart-badge {
    top: 0 !important;
    right: 0 !important;
    min-width: 16px !important;
    width: auto !important;
    height: 16px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    border-radius: 999px !important;
    background: #141414 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    z-index: 6 !important;
}

header.is-scrolled .nav-icons-group .nav-icon-badge,
header.is-scrolled .nav-icons-group .wishlist-badge,
header.is-scrolled .nav-icons-group .cart-badge,
body.elara-home-front.elara-home-header-scrolled .nav-icons-group .nav-icon-badge,
body.elara-home-front.elara-home-header-scrolled .nav-icons-group .wishlist-badge,
body.elara-home-front.elara-home-header-scrolled .nav-icons-group .cart-badge {
    top: 0 !important;
    right: 0 !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    line-height: 16px !important;
    transform: none !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) .nav-icons-group .nav-icon-badge,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) .nav-icons-group .wishlist-badge,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) .nav-icons-group .cart-badge {
    background: #ffffff !important;
    color: #141414 !important;
    border-color: rgba(20, 20, 20, 0.12) !important;
}

@media (min-width: 992px) {
    header .header-main-row {
        display: grid !important;
        grid-template-columns: 220px minmax(360px, 1fr) 192px 114px !important;
        column-gap: 18px !important;
        align-items: center !important;
        position: relative !important;
    }

    header .header-main-row > .col-auto {
        grid-column: 1 !important;
        width: auto !important;
        max-width: none !important;
        padding-right: 0 !important;
    }

    header .header-main-row > .elara-header-account-tools {
        grid-column: 3 !important;
    }

    header .header-main-row > #nav-wishlist-cart {
        grid-column: 4 !important;
    }

    header .front-header-search {
        grid-column: 2 !important;
        justify-self: center !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: min(100%, 430px) !important;
        max-width: 430px !important;
        transform: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        z-index: 60 !important;
    }

    header .front-header-search .search-bar-wrapper {
        border: 1px solid rgba(20, 20, 20, 0.16) !important;
        border-radius: 3px !important;
        background: #ffffff !important;
        box-shadow: 0 4px 14px rgba(20, 20, 20, 0.055) !important;
        overflow: hidden !important;
    }

    header .front-header-search .search-input {
        height: 38px !important;
        padding: 8px 16px !important;
        font-size: 13px !important;
        border-radius: 3px 0 0 3px !important;
    }

    header .front-header-search .search-submit-btn {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 0 3px 3px 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    header .front-header-search.is-open {
        left: auto !important;
        right: auto !important;
        width: min(100%, 430px) !important;
        max-width: 430px !important;
        transform: none !important;
    }

    header .front-header-search.is-open ~ .elara-header-account-tools,
    header .front-header-search.is-open ~ #nav-wishlist-cart #wishlist,
    header .front-header-search.is-open ~ #nav-wishlist-cart #cart_items {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    header .front-header-search.is-open ~ #nav-wishlist-cart {
        width: 114px !important;
        min-width: 114px !important;
        margin-left: 0 !important;
        gap: 2px !important;
    }

    header .front-header-search.is-open ~ #nav-wishlist-cart .elara-header-search-item {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 80 !important;
    }

    header .front-header-search.is-open ~ #nav-wishlist-cart .elara-header-search-toggle {
        background: rgba(20, 20, 20, 0.045) !important;
        color: #141414 !important;
    }

    header .front-header-search.is-open .typed-search-box {
        border: 1px solid rgba(20, 20, 20, 0.08) !important;
        border-radius: 14px !important;
        margin-top: 8px !important;
        overflow: hidden !important;
    }

    header .elara-header-account-tools {
        width: 192px !important;
        min-width: 192px !important;
        justify-content: flex-end !important;
    }

    header #nav-wishlist-cart.nav-icons-group {
        width: 114px !important;
        min-width: 114px !important;
        justify-content: flex-start !important;
        gap: 2px !important;
    }

    header .elara-header-search-item {
        width: 36px !important;
        min-width: 36px !important;
        flex: 0 0 36px !important;
    }
}

/* Toolbar wishlist/cart dropdown remake */
#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    padding: 0 !important;
    top: calc(100% + 12px) !important;
    right: -20px !important;
    left: auto !important;
    margin-top: 0 !important;
    background: #191919 !important;
    color: #f7f7f7 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
    overflow: visible !important;
    transform: none !important;
    font-family: 'Crimson Pro' !important;
    text-transform: none !important;
}

#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown--cart {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    flex-direction: column !important;
    max-height: min(calc(100vh - 100px), 560px) !important;
}

#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown--cart.show {
    display: flex !important;
}

#wishlist,
#cart_items {
    position: relative !important;
}

#wishlist .dropdown-menu.elara-toolbar-dropdown,
#cart_items .dropdown-menu.elara-toolbar-dropdown {
    position: absolute !important;
}

#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: #191919;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    transform: rotate(45deg);
    z-index: 1;
    pointer-events: none;
}

#nav-wishlist-cart .elara-toolbar-dropdown,
#nav-wishlist-cart .elara-toolbar-dropdown * {
    color: inherit;
    font-family: 'Crimson Pro' !important;
    text-transform: none !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown i,
#nav-wishlist-cart .elara-toolbar-dropdown .la,
#nav-wishlist-cart .elara-toolbar-dropdown .las,
#nav-wishlist-cart .elara-toolbar-dropdown .lar,
#nav-wishlist-cart .elara-toolbar-dropdown .lab {
    font-family: 'Line Awesome Free', 'Line Awesome Brands' !important;
    text-transform: none !important;
}

.elara-toolbar-dropdown__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 18px 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 14px 14px 0 0;
    flex-shrink: 0;
}

.elara-toolbar-dropdown__head i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    font-size: 16px;
    color: #ffffff !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown .las,
#nav-wishlist-cart .elara-toolbar-dropdown .la,
#nav-wishlist-cart .elara-toolbar-dropdown i {
    color: #ffffff !important;
}

.elara-toolbar-dropdown__body {
    max-height: 286px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px 18px 16px;
}

.elara-toolbar-dropdown__body::-webkit-scrollbar {
    width: 4px;
}

.elara-toolbar-dropdown__body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
}

.elara-toolbar-dropdown__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.elara-toolbar-dropdown__body > .elara-toolbar-dropdown__item + .elara-toolbar-dropdown__item {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.elara-toolbar-dropdown__item:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.elara-toolbar-dropdown__thumb {
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    object-fit: cover;
    border-radius: 8px;
    background: #f4f4f4;
}

.elara-toolbar-dropdown__meta {
    min-width: 0;
    display: block;
    padding-top: 2px;
}

.elara-toolbar-dropdown__kicker {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.92) !important;
}

.elara-toolbar-dropdown__title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff !important;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.elara-toolbar-dropdown__price {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__footer {
    padding: 16px 18px 18px;
    flex-shrink: 0;
    background: #191919;
}

.elara-toolbar-dropdown__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 32px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.elara-toolbar-dropdown__btn--block {
    width: 100%;
}

.elara-toolbar-dropdown__btn--outline {
    border: 1px solid rgba(255, 255, 255, 0.74);
    background: transparent;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__btn--outline:hover {
    background: #f6f1ea;
    border-color: #f6f1ea;
    color: #171717 !important;
}

.elara-toolbar-dropdown__btn--dark {
    min-height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.74);
    background: transparent;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__btn--dark:hover,
.elara-toolbar-dropdown__btn--dark:focus,
.elara-toolbar-dropdown__btn--dark:focus-visible {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.74);
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none;
}

.elara-toolbar-dropdown__btn--dark *,
.elara-toolbar-dropdown__btn--dark:hover *,
.elara-toolbar-dropdown__btn--dark:focus * {
    color: #ffffff !important;
}

.elara-toolbar-dropdown__btn i {
    font-size: 15px;
    margin-right: 0 !important;
}

.elara-toolbar-dropdown__btn--dark i,
.elara-toolbar-dropdown__btn--dark:hover i {
    color: #ffffff !important;
}

.elara-toolbar-dropdown__btn--outline:hover i {
    color: #171717 !important;
}

.elara-toolbar-dropdown__footer--split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* === Cart dropdown row layout (thumb left, content stacked right) ==== */
.elara-toolbar-dropdown__cart-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.elara-toolbar-dropdown__cart-row + .elara-toolbar-dropdown__cart-row {
    margin-top: 14px;
}

.elara-toolbar-dropdown__body > .elara-toolbar-dropdown__cart-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.elara-toolbar-dropdown__cart-thumb-link {
    flex: 0 0 74px;
    display: block;
    width: 74px;
    height: 74px;
    text-decoration: none !important;
}

.elara-toolbar-dropdown__cart-thumb-link:hover {
    text-decoration: none !important;
}

.elara-toolbar-dropdown__cart-content {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.elara-toolbar-dropdown__cart-text {
    display: block;
    color: #ffffff !important;
    text-decoration: none !important;
}

.elara-toolbar-dropdown__cart-text:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__cart-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__cart-actions .elara-toolbar-dropdown__price {
    margin: 0;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: right;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__cart-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.elara-toolbar-dropdown__qty-stepper {
    height: 26px;
    display: inline-grid;
    grid-template-columns: 24px 30px 24px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

.elara-toolbar-dropdown__qty-btn,
.elara-toolbar-dropdown__qty-value {
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    user-select: none;
}

.elara-toolbar-dropdown__qty-btn {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.elara-toolbar-dropdown__qty-btn:hover {
    background: rgba(255, 255, 255, 0.12);
}

.elara-toolbar-dropdown__qty-value {
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 12px;
    font-weight: 700;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__qty-btn span {
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    transform: translateY(-1px);
}

.elara-toolbar-dropdown__remove {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.85) !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.elara-toolbar-dropdown__remove svg {
    width: 13px;
    height: 13px;
    color: #ffffff !important;
    opacity: 0.92;
    pointer-events: none;
}

.elara-toolbar-dropdown__remove:hover {
    background: rgba(220, 53, 69, 0.18);
    border-color: rgba(220, 53, 69, 0.65);
    color: #ff7a7a !important;
}

.elara-toolbar-dropdown__remove:hover svg {
    color: #ff7a7a !important;
    opacity: 1;
}

.elara-toolbar-dropdown__summary {
    padding: 0 18px 12px;
    flex-shrink: 0;
    background: #191919;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    z-index: 1;
}

.elara-toolbar-dropdown__summary > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
}

.elara-toolbar-dropdown__summary strong {
    font-weight: 700;
    white-space: nowrap;
}

.elara-toolbar-dropdown__summary-total {
    font-size: 16px !important;
    font-weight: 700;
}

.elara-toolbar-dropdown__summary-total strong {
    font-size: 16px;
    font-weight: 700;
}

.elara-toolbar-dropdown__empty {
    min-height: 180px;
    padding: 34px 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8) !important;
}

.elara-toolbar-dropdown__empty-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.elara-toolbar-dropdown__empty-icon i {
    font-size: 24px;
    color: #ffffff !important;
}

.elara-toolbar-dropdown__empty-title,
.elara-toolbar-dropdown__link-muted {
    color: rgba(255, 255, 255, 0.8) !important;
}

.elara-toolbar-dropdown__empty-title {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__head {
    padding: 12px 16px 10px;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__body {
    padding: 12px 16px 12px;
    max-height: none;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__cart-row {
    padding-bottom: 14px;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__cart-row + .elara-toolbar-dropdown__cart-row {
    margin-top: 14px;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__summary {
    padding: 0 16px 8px;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__summary > div {
    padding: 3px 0;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__summary-total {
    margin-top: 0;
    padding-top: 4px !important;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__summary-total strong {
    font-size: 16px;
}

.elara-toolbar-dropdown--cart .elara-toolbar-dropdown__footer {
    padding: 10px 16px 14px;
}

@media (min-width: 992px) {
    header .header-main-row {
        display: grid !important;
        grid-template-columns: 220px minmax(360px, 1fr) 192px 114px !important;
        column-gap: 18px !important;
        align-items: center !important;
    }

    header .front-header-search {
        grid-column: 2 !important;
        justify-self: center !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: min(100%, 430px) !important;
        max-width: 430px !important;
        transform: none !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    header .front-header-search.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    header .front-header-search .search-bar-wrapper {
        border-color: rgba(20, 20, 20, 0.14) !important;
        box-shadow: 0 2px 10px rgba(20, 20, 20, 0.045) !important;
    }

    header .elara-header-account-tools,
    header .front-header-search.is-open ~ .elara-header-account-tools {
        grid-column: 3 !important;
        width: 192px !important;
        min-width: 192px !important;
        max-width: 192px !important;
        justify-content: flex-end !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        margin-left: 0 !important;
    }

    header #nav-wishlist-cart.nav-icons-group,
    header .front-header-search.is-open ~ #nav-wishlist-cart {
        grid-column: 4 !important;
        width: 114px !important;
        min-width: 114px !important;
        max-width: 114px !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        margin-left: 0 !important;
        transform: none !important;
    }

    header #nav-wishlist-cart .nav-icon-item,
    header #nav-wishlist-cart .elara-header-search-item,
    header #nav-wishlist-cart #wishlist,
    header #nav-wishlist-cart #cart_items {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        flex: 0 0 36px !important;
    }
}

/* Final header hover lock: keep logo clean and make home/inner hover identical */
header .logo-bar-area > .container > .header-main-row > .col-auto > a,
header .logo-bar-area > .container > .header-main-row > .col-auto > a:hover,
header .logo-bar-area > .container > .header-main-row > .col-auto > a:focus,
#elara-home-header-stack .elara-home-main-header .logo-bar-area > .container > .header-main-row > .col-auto > a:hover,
#elara-home-header-stack .elara-home-main-header .logo-bar-area > .container > .header-main-row > .col-auto > a:focus {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

body.elara-home-front:not(.elara-hero-slide-video) header .elara-header-search-toggle:hover,
body.elara-home-front:not(.elara-hero-slide-video) header .nav-icons-group .nav-icon-link:hover,
body.elara-home-front:not(.elara-hero-slide-video) header .elara-header-language > a:hover,
body.elara-home-front:not(.elara-hero-slide-video) header .elara-header-auth-link:hover,
body.elara-home-front:not(.elara-hero-slide-video) header .modern-nav-link:hover,
body.elara-home-front:not(.elara-hero-slide-video) header .modern-nav-link.active,
body.elara-home-front.elara-home-header-scrolled header .elara-header-search-toggle:hover,
body.elara-home-front.elara-home-header-scrolled header .nav-icons-group .nav-icon-link:hover,
body.elara-home-front.elara-home-header-scrolled header .elara-header-language > a:hover,
body.elara-home-front.elara-home-header-scrolled header .elara-header-auth-link:hover,
body.elara-home-front.elara-home-header-scrolled header .modern-nav-link:hover,
body.elara-home-front.elara-home-header-scrolled header .modern-nav-link.active,
body.elara-inner-front header .elara-header-search-toggle:hover,
body.elara-inner-front header .nav-icons-group .nav-icon-link:hover,
body.elara-inner-front header .elara-header-language > a:hover,
body.elara-inner-front header .elara-header-auth-link:hover,
body.elara-inner-front header .modern-nav-link:hover,
body.elara-inner-front header .modern-nav-link.active {
    background: rgba(20, 20, 20, 0.045) !important;
    color: #141414 !important;
    text-decoration: none !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) header .logo-bar-area > .container > .header-main-row > .col-auto > a:hover,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) header .logo-bar-area > .container > .header-main-row > .col-auto > a:focus {
    background: transparent !important;
    background-color: transparent !important;
}

/* Share the polished home header search style with inner pages */
body.elara-inner-front .elara-home-main-header .front-header-search {
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search.is-open {
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-bar-wrapper {
    border: 1px solid rgba(20, 20, 20, 0.14) !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    padding: 0.2rem 0.65rem 0.2rem 0.85rem !important;
    align-items: stretch !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-bar-wrapper:focus-within {
    border-color: rgba(20, 20, 20, 0.28) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-input {
    height: auto !important;
    background: transparent !important;
    color: var(--dark-gray, #141414) !important;
    border: 0 !important;
    caret-color: var(--dark-gray, #141414) !important;
    padding: 0.65rem 0.5rem 0.65rem 0 !important;
    font-family: "Crimson Pro" !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-input::placeholder {
    color: rgba(20, 20, 20, 0.45) !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-submit-btn {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: var(--medium-gray, #626565) !important;
    border: none !important;
    border-left: 1px solid rgba(20, 20, 20, 0.12) !important;
    border-radius: 0 !important;
    padding: 0 0.15rem 0 0.95rem !important;
    box-shadow: none !important;
}

body.elara-inner-front .elara-home-main-header .front-header-search .search-submit-btn i {
    color: var(--dark-gray, #141414) !important;
}

/* Final header search override against legacy custom.css/app inline search rules */
#elara-home-header-stack .elara-home-main-header .front-header-search {
    background: transparent !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search:not(.is-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
    border: 1px solid rgba(20, 20, 20, 0.14) !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    padding: 0.2rem 0.65rem 0.2rem 0.85rem !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--dark-gray, #141414) !important;
    box-shadow: none !important;
    padding: 0.65rem 0.5rem 0.65rem 0 !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
#elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
#elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
    padding: 0 0.15rem 0 0.95rem !important;
    border: 0 !important;
    border-left: 1px solid rgba(20, 20, 20, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--dark-gray, #141414) !important;
    box-shadow: none !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:hover,
#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:focus {
    background: transparent !important;
    color: var(--hov-primary, #626565) !important;
    box-shadow: none !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn i {
    color: inherit !important;
}

/* Frontend essentials formerly split across legacy custom.css */
.footer-social-icons {
    gap: 10px;
}

.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f0f0f0;
    color: var(--elara-text, #141414);
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
    font-size: 1.125rem;
}

.footer-social-link:hover {
    background: var(--primary, #141414);
    color: #fff;
    text-decoration: none;
}

.footer-social-link i,
.footer-social-link svg {
    font-size: 1.125rem;
    width: 1em;
    height: 1em;
}

.footer-social-link--tiktok svg {
    display: block;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-widget .footer-toko-kami {
        text-align: left !important;
    }

    .footer-widget .footer-toko-kami .marketplace-links-container {
        justify-content: flex-start !important;
        align-items: center !important;
    }
}

@media (min-width: 992px) {
    .footer-widget .footer-toko-kami {
        text-align: left !important;
    }

    .footer-widget .footer-toko-kami .marketplace-links-container {
        justify-content: flex-start !important;
        align-items: center !important;
    }
}

.footer-newsletter-form {
    margin-bottom: 1rem;
}

.footer-newsletter-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 44px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.footer-newsletter-input-group:focus-within {
    border-color: var(--elara-soft, #9e9f9e);
    box-shadow: 0 2px 8px rgba(158, 159, 158, .15);
}

.footer-newsletter-input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 16px;
    border: 0;
    border-radius: 7px 0 0 7px;
    background: transparent;
    color: var(--elara-text, #141414);
    font-size: 14px;
    line-height: 1;
    outline: 0;
    box-shadow: none;
    box-sizing: border-box;
    text-transform: none !important;
}

.footer-newsletter-input::placeholder {
    color: var(--elara-soft, #9e9f9e);
    text-transform: none !important;
}

.footer-newsletter-input-group .footer-newsletter-btn {
    flex-shrink: 0;
    min-width: 120px;
    height: 100%;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .15);
    border-radius: 0 7px 7px 0;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    white-space: nowrap;
    box-sizing: border-box;
    text-transform: none !important;
    transition: background-color .2s ease, color .2s ease;
}

.footer-newsletter-input-group .footer-newsletter-btn:hover,
.footer-newsletter-input-group .footer-newsletter-btn:focus {
    background: #1a1a1a;
    color: #fff;
    outline: 0;
    box-shadow: none;
}

.policy-page-content {
    font-size: 1rem;
    line-height: 1.6;
}

.policy-page-content p,
.policy-page-content li {
    font-size: inherit;
    margin-bottom: .75em;
}

.policy-page-content ul {
    margin-bottom: 1em;
}

.product-detail-card-inner {
    padding-bottom: .75rem !important;
}

.product-detail-row {
    align-items: flex-start !important;
}

.product-detail-info {
    width: 100%;
    margin-top: 0;
}

@media (min-width: 992px) {
    .product-detail-row {
        align-items: stretch !important;
    }

    .product-detail-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.product-detail-main-gallery {
    padding: 0 !important;
    max-height: none !important;
}

.product-detail-main-gallery,
.product-detail-main-gallery .carousel-box,
.product-detail-main-gallery .slick-slide,
.product-detail-main-gallery .slick-list,
.product-detail-main-gallery .slick-track {
    max-height: none !important;
}

.product-detail-main-gallery .carousel-box img,
.product-detail-main-gallery .slick-slide img {
    width: 100%;
    max-height: none !important;
    height: auto !important;
    object-fit: initial !important;
}

.product-detail-thumb-col {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
}

.product-detail-thumb-col .product-gallery-thumb {
    padding: 8px 0 !important;
    position: relative;
}

.product-detail-thumb-col .product-gallery-thumb .slick-list,
.product-detail-thumb-col .product-gallery-thumb .slick-track {
    overflow: visible !important;
}

.product-detail-thumb-col .product-gallery-thumb .slick-slide > div {
    margin-bottom: 4px;
}

.product-detail-thumb-col .product-gallery-thumb .carousel-box {
    min-height: 64px;
    padding: 4px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(158, 159, 158, .35) !important;
    border-radius: 10px !important;
    background: #fafafa !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.product-detail-thumb-col .product-gallery-thumb .carousel-box:hover,
.product-detail-thumb-col .product-gallery-thumb .carousel-box.slick-current {
    border-color: var(--elara-muted, #626565) !important;
    box-shadow: 0 2px 8px rgba(98, 101, 101, .15) !important;
}

.product-detail-thumb-col .product-gallery-thumb .carousel-box:hover {
    transform: scale(1.04);
}

.product-detail-thumb-col .product-gallery-thumb .carousel-box img,
.product-detail-thumb-col .product-gallery-thumb img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: contain;
    object-position: center;
    border-radius: 6px;
}

.product-detail-info .rating i.las.la-star.active,
.product-detail-info .rating .star.active,
.reviews-area .rating i.las.la-star.active,
.reviews-area .rating .star.active {
    color: var(--elara-muted, #626565) !important;
}

.product-detail-info .rating i.las.la-star:not(.active),
.product-detail-info .rating .star:not(.active),
.reviews-area .rating i.las.la-star:not(.active),
.reviews-area .rating .star:not(.active) {
    color: var(--elara-soft, #9e9f9e) !important;
}

.product-detail-info-inner {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
}

.product-detail-info-inner .product-detail-title {
    margin-bottom: .35rem !important;
    font-size: 1.2rem !important;
}

@media (min-width: 768px) {
    .product-detail-info-inner .product-detail-title {
        font-size: 2rem !important;
    }
}

.product-detail-info-inner .product-detail-form .row.no-gutters {
    margin-bottom: .25rem;
}

.product-detail-public-info {
    margin-top: .5rem !important;
    margin-left: 0 !important;
    padding: .5rem 0 .15rem !important;
    border-top: 1px solid rgba(158, 159, 158, .2) !important;
}

.product-detail-public-info-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.product-detail-public-col {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 0 !important;
    display: flex;
    flex-direction: column;
}

.product-detail-public-col .opacity-70,
.product-detail-info-inner .product-detail-form .opacity-50.my-2 {
    opacity: 1 !important;
    color: var(--elara-muted, #626565) !important;
    font-weight: 600 !important;
}

@media (min-width: 768px) {
    .product-detail-public-info-inner .product-detail-public-col {
        flex: 1 1 0;
        min-width: 0;
    }

    .product-detail-public-col {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Header refinement: cleaner rhythm for white and transparent states */
#elara-home-header-stack .top-navbar {
    display: none !important;
}

#elara-home-header-stack .elara-home-main-header {
    background: #fff !important;
    border-bottom: 1px solid rgba(20, 20, 20, .07) !important;
    color: var(--elara-text, #141414) !important;
    box-shadow: none !important;
    transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    box-shadow: none !important;
}

#elara-home-header-stack .logo-bar-area {
    border-bottom: 0 !important;
}

#elara-home-header-stack .header-main-row {
    min-height: 62px !important;
    transition: min-height .22s ease !important;
}

#elara-home-header-stack .header-main-logo {
    height: 28px !important;
    max-height: 28px !important;
    transition: height .22s ease, max-height .22s ease, filter .22s ease !important;
}

#elara-home-header-stack .nav-menu-bar {
    min-height: 30px !important;
    background: transparent !important;
    border-top: 1px solid rgba(20, 20, 20, .05) !important;
    border-bottom: 0 !important;
    transition: min-height .22s ease, border-color .22s ease !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .nav-menu-bar {
    border-top-color: rgba(255, 255, 255, .14) !important;
}

#elara-home-header-stack .modern-nav-menu {
    min-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 58px !important;
    transition: min-height .22s ease, gap .22s ease !important;
}

#elara-home-header-stack .modern-nav-link {
    padding: 5px 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

#elara-home-header-stack .modern-nav-link:hover,
#elara-home-header-stack .modern-nav-link.active {
    background: rgba(20, 20, 20, .045) !important;
    color: inherit !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .modern-nav-link:hover,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .modern-nav-link.active {
    background: rgba(255, 255, 255, .14) !important;
}

#elara-home-header-stack .elara-header-language > a,
#elara-home-header-stack .elara-header-auth-link {
    padding: 6px 8px !important;
    border-radius: 999px !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

#elara-home-header-stack .elara-header-divider {
    height: 18px !important;
    background: rgba(20, 20, 20, .16) !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-header-divider {
    background: rgba(255, 255, 255, .36) !important;
}

#elara-home-header-stack .elara-header-search-toggle,
#elara-home-header-stack .nav-icons-group .nav-icon-item,
#elara-home-header-stack .nav-icons-group #wishlist,
#elara-home-header-stack .nav-icons-group #cart_items,
#elara-home-header-stack .nav-icons-group .nav-icon-inner,
#elara-home-header-stack .nav-icons-group .nav-icon-link {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
}

#elara-home-header-stack .nav-icons-group {
    gap: 8px !important;
}

@media (min-width: 992px) {
    #elara-home-header-stack .header-main-row {
        display: grid !important;
        grid-template-columns: 220px minmax(420px, 1fr) 172px 140px !important;
        column-gap: 20px !important;
        align-items: center !important;
    }

    #elara-home-header-stack .front-header-search {
        grid-column: 2 !important;
        justify-self: center !important;
        width: min(100%, 430px) !important;
        max-width: 430px !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #elara-home-header-stack .front-header-search.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    #elara-home-header-stack .front-header-search .search-bar-wrapper {
        height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(20, 20, 20, .14) !important;
        border-radius: 2px !important;
        background: rgba(255, 255, 255, .96) !important;
        box-shadow: 0 1px 2px rgba(20, 20, 20, .04) !important;
        align-items: stretch !important;
        transition: height .22s ease, border-color .18s ease, box-shadow .18s ease !important;
    }

    #elara-home-header-stack .front-header-search .search-bar-wrapper:focus-within {
        border-color: rgba(20, 20, 20, .28) !important;
        box-shadow: 0 3px 10px rgba(20, 20, 20, .06) !important;
    }

    #elara-home-header-stack .front-header-search .search-input {
        height: 40px !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--elara-text, #141414) !important;
        font-size: 14px !important;
        line-height: 40px !important;
    }

    #elara-home-header-stack .front-header-search .search-input::placeholder {
        color: rgba(20, 20, 20, .34) !important;
    }

    #elara-home-header-stack .front-header-search .search-submit-btn,
    #elara-home-header-stack .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .front-header-search button.search-submit-btn {
        width: 48px !important;
        min-width: 48px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 1px solid rgba(20, 20, 20, .10) !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--elara-text, #141414) !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .elara-header-account-tools {
        grid-column: 3 !important;
        width: 172px !important;
        min-width: 172px !important;
        max-width: 172px !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-left: 0 !important;
    }

    #elara-home-header-stack #nav-wishlist-cart {
        grid-column: 4 !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        justify-content: flex-start !important;
    }
}

#elara-home-header-stack .elara-header-search-toggle:hover,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover {
    transform: none !important;
}

#elara-home-header-stack .elara-header-search-toggle:hover i,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover .nav-icon-symbol,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover .nav-icon-symbol .la,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover .nav-icon-symbol i,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-link:hover .nav-icon-symbol .la-heart-o,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-link:hover .nav-icon-symbol i.la-heart-o,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-link:hover .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-link:hover .nav-icon-symbol i.la-shopping-cart {
    transform: none !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .elara-home-main-header,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled {
    background: #fff !important;
    color: var(--elara-text, #141414) !important;
    border-bottom-color: rgba(20, 20, 20, .08) !important;
    box-shadow: 0 8px 18px -18px rgba(20, 20, 20, .55) !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-row,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .header-main-row {
    min-height: 54px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-logo,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .header-main-logo {
    height: 25px !important;
    max-height: 25px !important;
    transform: none !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .nav-menu-bar,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .nav-menu-bar {
    min-height: 28px !important;
    border-top-color: rgba(20, 20, 20, .035) !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-menu,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .modern-nav-menu {
    min-height: 28px !important;
    gap: 52px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-link,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .modern-nav-link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

@media (min-width: 992px) {
    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-bar-wrapper,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-bar-wrapper {
        height: 36px !important;
    }

    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-input,
    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-submit-btn,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-input,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-submit-btn {
        height: 34px !important;
        min-height: 34px !important;
        line-height: 34px !important;
    }

    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-submit-btn,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-submit-btn {
        width: 42px !important;
        min-width: 42px !important;
    }
}

/* Search hover lock: submit icon must not inherit generic header button hover. */
#elara-home-header-stack .front-header-search .search-submit-btn,
#elara-home-header-stack .front-header-search .btn.search-submit-btn,
#elara-home-header-stack .front-header-search button.search-submit-btn,
#elara-home-header-stack .front-header-search .search-submit-btn:hover,
#elara-home-header-stack .front-header-search .search-submit-btn:focus,
#elara-home-header-stack .front-header-search .search-submit-btn:active,
#elara-home-header-stack .front-header-search .btn.search-submit-btn:hover,
#elara-home-header-stack .front-header-search .btn.search-submit-btn:focus,
#elara-home-header-stack .front-header-search .btn.search-submit-btn:active,
#elara-home-header-stack .front-header-search button.search-submit-btn:hover,
#elara-home-header-stack .front-header-search button.search-submit-btn:focus,
#elara-home-header-stack .front-header-search button.search-submit-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--elara-text, #141414) !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid rgba(20, 20, 20, .10) !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
}

#elara-home-header-stack .front-header-search .search-submit-btn i,
#elara-home-header-stack .front-header-search .search-submit-btn:hover i,
#elara-home-header-stack .front-header-search .search-submit-btn:focus i,
#elara-home-header-stack .front-header-search .search-submit-btn:active i {
    color: var(--elara-text, #141414) !important;
    opacity: .88 !important;
    transform: none !important;
}

#elara-home-header-stack .front-header-search .search-submit-btn:hover i,
#elara-home-header-stack .front-header-search .search-submit-btn:focus i {
    opacity: 1 !important;
}

/* Header utility icon normalization: equal slots, equal optical weight, calmer badges. */
#elara-home-header-stack #nav-wishlist-cart {
    align-items: center !important;
}

#elara-home-header-stack .nav-icons-group {
    gap: 12px !important;
}

#elara-home-header-stack .elara-header-search-toggle,
#elara-home-header-stack .nav-icons-group .nav-icon-item,
#elara-home-header-stack .nav-icons-group #wishlist,
#elara-home-header-stack .nav-icons-group #cart_items,
#elara-home-header-stack .nav-icons-group .nav-icon-inner,
#elara-home-header-stack .nav-icons-group .nav-icon-link {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

#elara-home-header-stack .elara-header-search-toggle i,
#elara-home-header-stack .nav-icons-group .nav-icon-symbol,
#elara-home-header-stack .nav-icons-group .nav-icon-symbol i,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 24px !important;
    text-align: center !important;
    transform: none !important;
}

#elara-home-header-stack .elara-header-search-toggle i,
#elara-home-header-stack .nav-icons-group .nav-icon-symbol,
#elara-home-header-stack .nav-icons-group .nav-icon-symbol i,
#elara-home-header-stack .nav-icons-group .la,
#elara-home-header-stack .nav-icons-group .las {
    font-family: 'Line Awesome Free' !important;
    color: var(--elara-text, #141414) !important;
}

#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o {
    font-family: 'Line Awesome Free' !important;
    font-weight: 400 !important;
}

#elara-home-header-stack .elara-header-search-toggle i.las,
#elara-home-header-stack .elara-header-search-toggle i.la-search,
#elara-home-header-stack .nav-icons-group .las,
#elara-home-header-stack .nav-icons-group .la-search,
#elara-home-header-stack .nav-icons-group .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    font-family: 'Line Awesome Free' !important;
    font-weight: 900 !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .elara-header-search-toggle i,
#elara-home-header-stack .elara-home-main-header.is-scrolled .nav-icons-group .nav-icon-symbol,
#elara-home-header-stack .elara-home-main-header.is-scrolled .nav-icons-group .nav-icon-symbol i,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .elara-header-search-toggle i,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .nav-icons-group .nav-icon-symbol,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .nav-icons-group .nav-icon-symbol i,
body.elara-inner-front #elara-home-header-stack .elara-header-search-toggle i,
body.elara-inner-front #elara-home-header-stack .nav-icons-group .nav-icon-symbol,
body.elara-inner-front #elara-home-header-stack .nav-icons-group .nav-icon-symbol i {
    color: var(--elara-text, #141414) !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-header-search-toggle i,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-symbol,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-symbol i {
    color: #fff !important;
}

#elara-home-header-stack .elara-header-search-toggle i {
    font-size: 22px !important;
}

#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    font-size: 25px !important;
}

#elara-home-header-stack .nav-icons-group .nav-icon-badge,
#elara-home-header-stack .nav-icons-group .wishlist-badge,
#elara-home-header-stack .nav-icons-group .cart-badge {
    top: -2px !important;
    right: -3px !important;
    min-width: 15px !important;
    width: auto !important;
    height: 15px !important;
    padding: 0 4px !important;
    font-size: 9px !important;
    line-height: 15px !important;
    border-radius: 999px !important;
    transform: none !important;
}

@media (min-width: 992px) {
    #elara-home-header-stack #nav-wishlist-cart {
        width: 154px !important;
        min-width: 154px !important;
        max-width: 154px !important;
    }
}

/* Header icon optical balance: slightly wider rhythm, equal visual weight, lower badges. */
#elara-home-header-stack .nav-icons-group {
    gap: 15px !important;
}

#elara-home-header-stack .elara-header-search-toggle i,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    line-height: 24px !important;
}

#elara-home-header-stack .elara-header-search-toggle i {
    font-size: 22px !important;
    transform: translateY(1px) !important;
}

#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol .la-heart-o,
#elara-home-header-stack .nav-icons-group #wishlist .nav-icon-symbol i.la-heart-o {
    font-size: 24px !important;
    transform: translateY(1px) !important;
}

#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol .la-shopping-cart,
#elara-home-header-stack .nav-icons-group #cart_items .nav-icon-symbol i.la-shopping-cart {
    font-size: 23px !important;
    transform: translateY(1px) !important;
}

#elara-home-header-stack .nav-icons-group .nav-icon-badge,
#elara-home-header-stack .nav-icons-group .wishlist-badge,
#elara-home-header-stack .nav-icons-group .cart-badge {
    top: 2px !important;
    right: -2px !important;
}

@media (min-width: 992px) {
    #elara-home-header-stack #nav-wishlist-cart {
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
    }
}

/* Header icon mod: SVG icons avoid theme font conflicts and stay fixed on hover. */
#elara-home-header-stack .elara-header-search-toggle,
#elara-home-header-stack .nav-icons-group .nav-icon-link {
    background: transparent !important;
    color: var(--elara-text, #141414) !important;
    overflow: visible !important;
    transform: none !important;
    transition: background-color .16s ease, color .16s ease !important;
}

#elara-home-header-stack .elara-header-search-toggle:hover,
#elara-home-header-stack .elara-header-search-toggle:focus,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover,
#elara-home-header-stack .nav-icons-group .nav-icon-link:focus {
    background: rgba(20, 20, 20, .055) !important;
    color: var(--elara-text, #141414) !important;
    transform: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-header-search-toggle,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-link {
    color: #fff !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-header-search-toggle:hover,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-header-search-toggle:focus,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-link:hover,
body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .nav-icons-group .nav-icon-link:focus {
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
}

#elara-home-header-stack .elara-header-svg-icon,
#elara-home-header-stack .nav-icons-group .nav-icon-symbol .elara-header-svg-icon {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    display: block !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.85 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transform: none !important;
    transition: none !important;
}

#elara-home-header-stack .elara-header-svg-icon--search {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

#elara-home-header-stack .elara-header-svg-icon--heart {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

#elara-home-header-stack .elara-header-svg-icon--cart {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    transform: none !important;
}

#elara-home-header-stack .elara-header-search-toggle:hover .elara-header-svg-icon,
#elara-home-header-stack .elara-header-search-toggle:focus .elara-header-svg-icon,
#elara-home-header-stack .nav-icons-group .nav-icon-link:hover .elara-header-svg-icon,
#elara-home-header-stack .nav-icons-group .nav-icon-link:focus .elara-header-svg-icon {
    transform: none !important;
}

#elara-home-header-stack .nav-icons-group .nav-icon-symbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

#elara-home-header-stack .nav-icons-group .nav-icon-badge,
#elara-home-header-stack .nav-icons-group .wishlist-badge,
#elara-home-header-stack .nav-icons-group .cart-badge {
    top: -3px !important;
    right: -9px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    border-width: 1px !important;
}

/* Header alignment remake: centered search panel and perfectly even utility icons. */
@media (min-width: 992px) {
    #elara-home-header-stack .header-main-row {
        grid-template-columns: 220px minmax(430px, 1fr) 186px 126px !important;
        column-gap: 18px !important;
        align-items: center !important;
    }

    #elara-home-header-stack .front-header-search {
        grid-column: 2 !important;
        justify-self: center !important;
        width: 460px !important;
        min-width: 460px !important;
        max-width: 460px !important;
        margin: 0 auto !important;
        align-self: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        border-radius: 2px !important;
        overflow: hidden !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
        flex: 1 1 auto !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 14px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        display: block !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 36px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-left: 1px solid rgba(20, 20, 20, 0.12) !important;
        background: transparent !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    #elara-home-header-stack .front-header-search .search-submit-btn i,
    #elara-home-header-stack .front-header-search .search-submit-btn .la {
        width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        transform: none !important;
    }

    #elara-home-header-stack .elara-header-account-tools {
        grid-column: 3 !important;
        width: 186px !important;
        min-width: 186px !important;
        max-width: 186px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #elara-home-header-stack #nav-wishlist-cart.nav-icons-group {
        grid-column: 4 !important;
        width: 126px !important;
        min-width: 126px !important;
        max-width: 126px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: repeat(3, 36px) !important;
        column-gap: 9px !important;
        align-items: center !important;
        justify-content: end !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

#elara-home-header-stack #nav-wishlist-cart .nav-icon-item,
#elara-home-header-stack #nav-wishlist-cart #wishlist,
#elara-home-header-stack #nav-wishlist-cart #cart_items,
#elara-home-header-stack #nav-wishlist-cart .nav-icon-inner,
#elara-home-header-stack #nav-wishlist-cart .nav-icon-link,
#elara-home-header-stack #nav-wishlist-cart .elara-header-search-toggle {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

#elara-home-header-stack #nav-wishlist-cart .nav-icon-symbol {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#elara-home-header-stack #nav-wishlist-cart .elara-header-svg-icon {
    margin: 0 !important;
    transform: none !important;
}

#elara-home-header-stack #nav-wishlist-cart .nav-icon-badge,
#elara-home-header-stack #nav-wishlist-cart .wishlist-badge,
#elara-home-header-stack #nav-wishlist-cart .cart-badge {
    top: 0 !important;
    right: -1px !important;
}

/* Header dropdown final pass: align caret to icon center and keep dark UI readable. */
#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown {
    top: calc(100% + 10px) !important;
    right: -20px !important;
    background: #171717 !important;
    color: #f6f1ea !important;
    border-color: rgba(255, 255, 255, .14) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .28) !important;
}

#nav-wishlist-cart .dropdown-menu.elara-toolbar-dropdown::before {
    top: -7px !important;
    right: 30px !important;
    width: 14px !important;
    height: 14px !important;
    background: #171717 !important;
    border-left-color: rgba(255, 255, 255, .14) !important;
    border-top-color: rgba(255, 255, 255, .14) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown,
#nav-wishlist-cart .elara-toolbar-dropdown * {
    color: #f6f1ea !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__head {
    min-height: 54px !important;
    padding: 0 12px 0 18px !important;
    border-bottom-color: rgba(255, 255, 255, .18) !important;
    border-radius: 8px 8px 0 0 !important;
    position: relative !important;
    justify-content: center !important;
    text-align: center !important;
    font-weight: 700 !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__head > span:first-child {
    display: block !important;
    width: 100% !important;
    padding: 0 42px !important;
    text-align: center !important;
    font-weight: 700 !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__head .elara-toolbar-dropdown__glyph,
#nav-wishlist-cart .elara-toolbar-dropdown__head i {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__head i,
#nav-wishlist-cart .elara-toolbar-dropdown__empty-icon i {
    color: #f6f1ea !important;
    opacity: 1 !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__head i {
    width: 28px !important;
    height: 28px !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__empty {
    min-height: 174px !important;
    padding: 30px 22px 22px !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__empty-icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 14px !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .20) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__empty-title,
#nav-wishlist-cart .elara-toolbar-dropdown__link-muted {
    color: rgba(246, 241, 234, .88) !important;
}

/* Header search final alignment: centered to the lower menu's visual axis. */
@media (min-width: 992px) {
    #elara-home-header-stack .header-main-row {
        grid-template-columns: 210px minmax(520px, 1fr) 176px 126px !important;
        column-gap: 12px !important;
        position: relative !important;
    }

    #elara-home-header-stack .front-header-search {
        position: absolute !important;
        left: calc(50% - 386px) !important;
        top: 50% !important;
        right: auto !important;
        transform: translateY(-50%) !important;
        justify-self: auto !important;
        width: 560px !important;
        min-width: 560px !important;
        max-width: 560px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    #elara-home-header-stack .elara-header-account-tools {
        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;
    }
}

/* Wishlist/cart dropdown contrast lock: avoid legacy icon-font and button hover clashes. */
#nav-wishlist-cart .elara-toolbar-dropdown__glyph,
#nav-wishlist-cart .elara-toolbar-dropdown__empty-icon {
    color: #f6f1ea !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__glyph {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(246, 241, 234, .10) !important;
    border: 1px solid rgba(246, 241, 234, .16) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__glyph svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.95 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__empty-icon {
    width: 54px !important;
    height: 54px !important;
    background: rgba(246, 241, 234, .11) !important;
    border: 1px solid rgba(246, 241, 234, .26) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__empty-icon svg {
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn {
    min-height: 36px !important;
    background: transparent !important;
    border: 1px solid rgba(246, 241, 234, .72) !important;
    color: #f6f1ea !important;
    box-shadow: none !important;
    transform: none !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn * {
    color: inherit !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:hover,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:focus,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:active {
    background: #f6f1ea !important;
    border-color: #f6f1ea !important;
    color: #171717 !important;
    box-shadow: none !important;
    transform: none !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:hover *,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:focus *,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--outline:active * {
    color: #171717 !important;
}

/* CTA in cart dropdown (Checkout) — transparent with white border, BG-only hover */
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark {
    min-height: 42px !important;
    background: transparent !important;
    border: 1px solid rgba(246, 241, 234, 0.74) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark * {
    color: #ffffff !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:hover,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:focus,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:focus-visible,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:active {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(246, 241, 234, 0.74) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:hover *,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:focus *,
#nav-wishlist-cart .elara-toolbar-dropdown__btn--dark:active * {
    color: #ffffff !important;
}

/* Sticky header slim pass: quieter, smaller, and smoother without changing desktop layout. */
#elara-home-header-stack .logo-bar-area {
    transition: background-color .22s ease, min-height .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#elara-home-header-stack .logo-bar-area > .container > .header-main-row > .col-auto > a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    transition: padding .22s ease !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .logo-bar-area > .container > .header-main-row > .col-auto > a,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .logo-bar-area > .container > .header-main-row > .col-auto > a,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .logo-bar-area > .container > .header-main-row > .col-auto > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-row,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .header-main-row,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-row {
    min-height: 50px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-logo,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .header-main-logo,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .header-main-logo {
    height: 23px !important;
    max-height: 23px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .nav-menu-bar,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .nav-menu-bar,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .nav-menu-bar {
    min-height: 26px !important;
    border-top-color: rgba(20, 20, 20, .035) !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-menu,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .modern-nav-menu,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-menu {
    min-height: 26px !important;
    gap: 48px !important;
}

#elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-link,
body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .modern-nav-link,
body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .modern-nav-link {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
}

@media (min-width: 992px) {
    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-bar-wrapper,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-bar-wrapper,
    body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-bar-wrapper {
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
    }

    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-input,
    #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-submit-btn,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-input,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .front-header-search .search-submit-btn,
    body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-input,
    body.elara-inner-front #elara-home-header-stack .elara-home-main-header.is-scrolled .front-header-search .search-submit-btn {
        height: 33px !important;
        min-height: 33px !important;
        max-height: 33px !important;
        line-height: 33px !important;
    }

    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart .nav-icon-item,
    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart #wishlist,
    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart #cart_items,
    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart .nav-icon-inner,
    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart .nav-icon-link,
    #elara-home-header-stack .elara-home-main-header.is-scrolled #nav-wishlist-cart .elara-header-search-toggle,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart .nav-icon-item,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart #wishlist,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart #cart_items,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart .nav-icon-inner,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart .nav-icon-link,
    body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack #nav-wishlist-cart .elara-header-search-toggle {
        width: 35px !important;
        min-width: 35px !important;
        max-width: 35px !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
    }
}

/* -------------------------------------------------------------------------
   Added-to-cart success state (.elara-added-cart) — thumb bounded, meta + CTA visible
   ------------------------------------------------------------------------- */
#addToCart:has(#addToCart-modal-body .elara-added-cart) #modal-size.modal-lg,
#addToCart:has(#addToCart-modal-body .elara-added-cart) .modal-dialog.modal-lg {
    max-width: min(100vw - 2rem, 460px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#addToCart:has(#addToCart-modal-body .elara-added-cart) .modal-content {
    overflow: visible !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 48px rgba(20, 20, 20, 0.12) !important;
}

#addToCart-modal-body .elara-added-cart {
    padding: 1.75rem 1.5rem 1.5rem !important;
    max-width: 100%;
    margin: 0 auto;
}

#addToCart-modal-body .elara-added-cart__check-wrap {
    margin-bottom: 0.75rem !important;
}

#addToCart-modal-body .elara-added-cart__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.06);
    color: #141414;
    font-size: 1.35rem;
    line-height: 1;
}

#addToCart-modal-body .elara-added-cart__headline {
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #141414;
    line-height: 1.35;
}

#addToCart-modal-body .elara-added-cart__product {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.35rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(20, 20, 20, 0.08);
}

#addToCart-modal-body .elara-added-cart__thumb {
    flex: 0 0 auto;
    width: 104px;
    height: 104px;
    max-width: 104px;
    max-height: 104px;
    border-radius: 12px;
    background: #f5f5f5;
    border: 1px solid rgba(20, 20, 20, 0.06);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#addToCart-modal-body .elara-added-cart__thumb-img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

#addToCart-modal-body .elara-added-cart__meta {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    padding-top: 0.15rem;
}

#addToCart-modal-body .elara-added-cart__name {
    margin: 0 0 0.65rem;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    color: #141414;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#addToCart-modal-body .elara-added-cart__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
}

#addToCart-modal-body .elara-added-cart__price-label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(20, 20, 20, 0.55);
    text-transform: none;
}

#addToCart-modal-body .elara-added-cart__price-value {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #141414;
    letter-spacing: 0.01em;
}

#addToCart-modal-body .elara-added-cart__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.35rem;
}

#addToCart-modal-body .elara-added-cart__btn {
    flex: 1 1 calc(50% - 0.35rem);
    min-width: 0;
    padding: 0.65rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease !important;
}

#addToCart-modal-body .elara-added-cart__btn--ghost {
    background: #fff !important;
    color: #141414 !important;
    border: 1px solid rgba(20, 20, 20, 0.18) !important;
}

#addToCart-modal-body .elara-added-cart__btn--ghost:hover,
#addToCart-modal-body .elara-added-cart__btn--ghost:focus {
    background: #f7f7f7 !important;
    border-color: rgba(20, 20, 20, 0.28) !important;
    color: #141414 !important;
}

#addToCart-modal-body .elara-added-cart__btn--solid {
    background: #141414 !important;
    color: #fff !important;
    border: 1px solid #141414 !important;
}

#addToCart-modal-body .elara-added-cart__btn--solid:hover,
#addToCart-modal-body .elara-added-cart__btn--solid:focus {
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
    color: #fff !important;
}

@media (max-width: 400px) {
    #addToCart-modal-body .elara-added-cart__product {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #addToCart-modal-body .elara-added-cart__meta {
        text-align: center;
        width: 100%;
    }

    #addToCart-modal-body .elara-added-cart__price-row {
        justify-content: center;
    }

    #addToCart-modal-body .elara-added-cart__btn {
        flex: 1 1 100%;
    }
}

/* Add-to-cart modal remake: stable gallery left, readable options right, hidden-scroll thumb rail. */
#addToCart #modal-size.modal-lg,
#addToCart .modal-dialog.modal-lg {
    max-width: 1040px !important;
}

#addToCart-modal-body .elara-atc-modal {
    padding: 24px !important;
    overflow-x: hidden !important;
}

#addToCart-modal-body .elara-atc-modal > .row {
    align-items: stretch !important;
}

#addToCart-modal-body .elara-atc-modal__gallery {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 480px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 28px minmax(0, 1fr) 28px !important;
    gap: 8px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-nav {
    width: 34px !important;
    height: 28px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(20, 20, 20, .14) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #141414 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-nav:hover,
#addToCart-modal-body .elara-atc-modal__thumb-nav:focus {
    background: #141414 !important;
    border-color: #141414 !important;
    color: #fff !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-nav i {
    color: inherit !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb {
    height: 400px !important;
    max-height: 400px !important;
    overflow: auto !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    cursor: grab !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb::-webkit-scrollbar,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list::-webkit-scrollbar {
    display: none !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
    height: 400px !important;
    max-height: 400px !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide > div {
    margin: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-slide,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box {
    width: 68px !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 5px !important;
    border: 1px solid rgba(20, 20, 20, .12) !important;
    border-radius: 8px !important;
    background: #f7f7f7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box:hover,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-current .carousel-box,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.slick-current,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .elara-atc-modal__thumb-slide.is-active {
    border-color: rgba(20, 20, 20, .42) !important;
    background: #fff !important;
    transform: none !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs img {
    width: 58px !important;
    height: 66px !important;
    max-width: 58px !important;
    max-height: 66px !important;
    object-fit: contain !important;
    border-radius: 5px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-main {
    min-width: 0 !important;
    min-height: 480px !important;
}

#addToCart-modal-body .elara-atc-modal__product-gallery,
#addToCart-modal-body .elara-atc-modal__product-gallery .slick-list,
#addToCart-modal-body .elara-atc-modal__product-gallery .slick-track,
#addToCart-modal-body .elara-atc-modal__main-slide {
    height: 480px !important;
    min-height: 480px !important;
}

#addToCart-modal-body .elara-atc-modal__main-slide {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f4f4f4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#addToCart-modal-body .elara-atc-modal__main-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

#addToCart-modal-body .elara-atc-modal__detail {
    max-width: 430px !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#addToCart-modal-body .elara-atc-modal__detail .text-center,
#addToCart-modal-body .elara-atc-modal__detail .justify-content-center {
    text-align: left !important;
    justify-content: flex-start !important;
}

#addToCart-modal-body .elara-atc-modal__category {
    color: rgba(20, 20, 20, .56) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

#addToCart-modal-body .elara-atc-modal__title {
    font-size: 24px !important;
    line-height: 1.12 !important;
    font-weight: 650 !important;
    color: #141414 !important;
    letter-spacing: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__label {
    color: rgba(20, 20, 20, .54) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#addToCart-modal-body .elara-atc-modal__price-current {
    color: #141414 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

#addToCart-modal-body .elara-atc-modal__pricing .elara-atc-modal__price-current {
    font-weight: 400 !important;
}

#addToCart-modal-body #chosen_price,
#addToCart-modal-body #chosen_price.elara-atc-modal__price-current,
#addToCart-modal-body #chosen_price .product-price-symbol,
#addToCart-modal-body #chosen_price .product-price-amount,
#addToCart-modal-body .elara-atc-modal__total-wrap .elara-atc-modal__price-current,
#addToCart-modal-body .elara-atc-modal__total-wrap .product-price-symbol,
#addToCart-modal-body .elara-atc-modal__total-wrap .product-price-amount {
    font-weight: 900 !important;
}

#addToCart-modal-body .elara-atc-modal__cta {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 4px !important;
}

/* Add-to-cart modal luxury correction: fixed thumb rhythm and refined purchase controls. */
#addToCart #modal-size.modal-lg,
#addToCart .modal-dialog.modal-lg {
    max-width: 1080px !important;
}

#addToCart-modal-body .elara-atc-modal {
    padding: 8px 18px 18px !important;
}

#addToCart-modal-body .elara-atc-modal > .row > .col-lg-7 {
    flex: 0 0 58% !important;
    max-width: 58% !important;
}

#addToCart-modal-body .elara-atc-modal > .row > .col-lg-5 {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    align-items: center !important;
}

#addToCart-modal-body .elara-atc-modal__gallery {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 520px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs {
    grid-template-rows: 34px minmax(0, 1fr) 34px !important;
    gap: 9px !important;
    min-height: 520px !important;
    max-height: 520px !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-nav {
    width: 38px !important;
    height: 30px !important;
    border-color: rgba(20, 20, 20, .18) !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
    height: 424px !important;
    max-height: 424px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
    gap: 7px !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-slide,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 3px !important;
    border-radius: 7px !important;
    background: #f5f5f5 !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px !important;
    display: block !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-main {
    min-height: 520px !important;
}

#addToCart-modal-body .elara-atc-modal__product-gallery,
#addToCart-modal-body .elara-atc-modal__product-gallery .slick-list,
#addToCart-modal-body .elara-atc-modal__product-gallery .slick-track,
#addToCart-modal-body .elara-atc-modal__main-slide {
    height: 520px !important;
    min-height: 520px !important;
}

#addToCart-modal-body .elara-atc-modal__main-slide {
    border-radius: 8px !important;
}

#addToCart-modal-body .elara-atc-modal__detail {
    max-width: 410px !important;
    padding-left: 10px !important;
}

#addToCart-modal-body .elara-atc-modal__category {
    margin-bottom: 8px !important;
}

#addToCart-modal-body .elara-atc-modal__title {
    margin-bottom: 18px !important;
    font-size: 25px !important;
}

#addToCart-modal-body .elara-atc-modal__pricing {
    margin-bottom: 28px !important;
}

#addToCart-modal-body .elara-atc-modal__label {
    margin-bottom: 9px !important;
    letter-spacing: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__qty-block {
    margin-bottom: 28px !important;
    padding-bottom: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__stepper {
    width: 132px !important;
    height: 38px !important;
    display: grid !important;
    grid-template-columns: 38px 56px 38px !important;
    align-items: center !important;
    border: 1px solid rgba(20, 20, 20, .10) !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__stepper .btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #141414 !important;
    box-shadow: none !important;
}

#addToCart-modal-body .elara-atc-modal__stepper .btn:hover,
#addToCart-modal-body .elara-atc-modal__stepper .btn:focus {
    background: #ececec !important;
    color: #141414 !important;
}

#addToCart-modal-body .elara-atc-modal__stepper .input-number {
    width: 56px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #141414 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
}

#addToCart-modal-body .elara-atc-modal__total-wrap {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
    padding-bottom: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__price-current,
#addToCart-modal-body #chosen_price {
    font-size: 21px !important;
    line-height: 1.2 !important;
}

#addToCart-modal-body .elara-atc-modal__cta {
    min-height: 44px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
}

@media (max-width: 991.98px) {
    #addToCart-modal-body .elara-atc-modal__gallery {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs {
        order: 2 !important;
        grid-template-columns: 28px minmax(0, 1fr) 28px !important;
        grid-template-rows: none !important;
        min-height: 78px !important;
        max-height: 78px !important;
    }

    #addToCart-modal-body .elara-atc-modal__thumb-nav--prev i {
        transform: rotate(-90deg) !important;
    }

    #addToCart-modal-body .elara-atc-modal__thumb-nav--next i {
        transform: rotate(-90deg) !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
        height: 78px !important;
        max-height: 78px !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
        flex-direction: row !important;
    }

    #addToCart-modal-body .elara-atc-modal__product-gallery,
    #addToCart-modal-body .elara-atc-modal__product-gallery .slick-list,
    #addToCart-modal-body .elara-atc-modal__product-gallery .slick-track,
    #addToCart-modal-body .elara-atc-modal__main-slide {
        height: 420px !important;
        min-height: 420px !important;
    }

    #addToCart-modal-body .elara-atc-modal__detail {
        text-align: center !important;
        margin-top: 22px !important;
    }
}

/* Home banner 2: desktop tetap tinggi editorial; tablet/HP ikut rasio lebar (bukan hampir full vh). */
.elara-home-banner2__stage {
    min-height: clamp(560px, 72vh, 920px) !important;
}

@media (max-width: 991.98px) {
    .elara-home-banner2__stage {
        min-height: clamp(420px, 52vh, 640px) !important;
        background-attachment: scroll !important;
    }
}

@media (max-width: 767.98px) {
    .elara-home-banner2__stage {
        min-height: clamp(300px, 52vw, 440px) !important;
        background-attachment: scroll !important;
    }
}

/* Add-to-cart thumbnail carousel stability: let Slick own vertical layout and loop cleanly. */
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
    width: 66px !important;
    height: 424px !important;
    max-height: 424px !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
    display: block !important;
    flex-direction: initial !important;
    gap: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide {
    width: 66px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide > div {
    width: 66px !important;
    height: 66px !important;
    margin: 0 0 8px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box,
#addToCart-modal-body .elara-atc-modal__thumb-slide {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 3px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #f6f6f6 !important;
    border: 1px solid rgba(20, 20, 20, .14) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-current .carousel-box,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.slick-current,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .elara-atc-modal__thumb-slide.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box:hover {
    border-color: rgba(20, 20, 20, .42) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72) !important;
    outline: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 5px !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Add-to-cart modal final clean pass: remove legacy Bootstrap control artifacts. */
#addToCart .modal-content {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

#addToCart .close {
    top: 10px !important;
    right: 12px !important;
    color: rgba(20, 20, 20, .55) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#addToCart-modal-body .elara-atc-modal {
    padding: 8px 20px 20px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery {
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 15px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs {
    align-content: stretch !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-nav {
    width: 36px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #fff !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
    width: 66px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide {
    height: 70px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide > div {
    height: 66px !important;
}

#addToCart-modal-body .elara-atc-modal__thumb-slide,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box {
    margin: 0 !important;
    border-color: rgba(20, 20, 20, .16) !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-current .carousel-box,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.slick-current,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .elara-atc-modal__thumb-slide.is-active {
    border-color: #141414 !important;
}

#addToCart-modal-body .elara-atc-modal__main-slide {
    border-radius: 8px !important;
    background: #f2f2f2 !important;
}

#addToCart-modal-body .elara-atc-modal__detail {
    max-width: 410px !important;
    padding-left: 18px !important;
    text-align: left !important;
}

#addToCart-modal-body .elara-atc-modal__detail * {
    letter-spacing: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__category {
    margin-bottom: 7px !important;
    font-size: 13px !important;
}

#addToCart-modal-body .elara-atc-modal__title {
    margin-bottom: 22px !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
}

#addToCart-modal-body .elara-atc-modal__pricing {
    margin-bottom: 30px !important;
}

#addToCart-modal-body .elara-atc-modal__qty-block {
    margin-bottom: 30px !important;
}

#addToCart-modal-body .elara-atc-modal__stepper {
    width: 136px !important;
    height: 40px !important;
    display: grid !important;
    grid-template-columns: 40px 56px 40px !important;
    border: 1px solid rgba(20, 20, 20, .12) !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
    overflow: hidden !important;
    margin: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__qty-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #141414 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#addToCart-modal-body .elara-atc-modal__qty-btn:disabled {
    color: rgba(20, 20, 20, .28) !important;
    cursor: default !important;
}

#addToCart-modal-body .elara-atc-modal__qty-btn:not(:disabled):hover {
    background: #ededed !important;
}

#addToCart-modal-body .elara-atc-modal__qty-btn i {
    font-size: 14px !important;
    color: inherit !important;
    line-height: 1 !important;
}

#addToCart-modal-body .elara-atc-modal__qty-input {
    width: 56px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid rgba(20, 20, 20, .08) !important;
    border-right: 1px solid rgba(20, 20, 20, .08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #141414 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 40px !important;
    text-align: center !important;
    box-shadow: none !important;
}

#addToCart-modal-body .elara-atc-modal__qty-input::-webkit-outer-spin-button,
#addToCart-modal-body .elara-atc-modal__qty-input::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

#addToCart-modal-body .elara-atc-modal__qty-input[type="number"] {
    -moz-appearance: textfield !important;
}

#addToCart-modal-body .elara-atc-modal__total-wrap {
    margin-bottom: 28px !important;
}

#addToCart-modal-body .elara-atc-modal__cta {
    justify-content: center !important;
    gap: 8px !important;
    background: #141414 !important;
    border-color: #141414 !important;
    color: #fff !important;
    box-shadow: none !important;
}

#addToCart-modal-body .elara-atc-modal__cta:hover,
#addToCart-modal-body .elara-atc-modal__cta:focus {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    #addToCart-modal-body .elara-atc-modal > .row > .col-lg-7,
    #addToCart-modal-body .elara-atc-modal > .row > .col-lg-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #addToCart-modal-body .elara-atc-modal__detail {
        padding-left: 0 !important;
        text-align: left !important;
    }
}

/* Add-to-cart thumbnail carousel absolute final lock. Keep this last. */
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
    width: 66px !important;
    height: 424px !important;
    max-height: 424px !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
    display: block !important;
    flex-direction: initial !important;
    gap: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide {
    width: 66px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide > div {
    width: 66px !important;
    height: 66px !important;
    margin: 0 0 8px !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box,
#addToCart-modal-body .elara-atc-modal__thumb-slide {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 3px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Add-to-cart detail alignment final: center the product info column horizontally. */
#addToCart-modal-body .elara-atc-modal__detail,
#addToCart-modal-body .elara-atc-modal__detail .text-center {
    text-align: center !important;
}

#addToCart-modal-body .elara-atc-modal__detail .justify-content-start,
#addToCart-modal-body .elara-atc-modal__detail .justify-content-center,
#addToCart-modal-body .elara-atc-modal__qty-block .d-flex {
    justify-content: center !important;
}

#addToCart-modal-body .elara-atc-modal__stepper {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Add-to-cart thumbnail visual final: clean single hairline frame. */
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box,
#addToCart-modal-body .elara-atc-modal__thumb-slide {
    background: #f6f6f6 !important;
    border: 1px solid rgba(20, 20, 20, .14) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-current .carousel-box,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.slick-current,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .elara-atc-modal__thumb-slide.is-active,
#addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box:hover {
    border-color: rgba(20, 20, 20, .36) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72) !important;
    outline: 0 !important;
}

#addToCart-modal-body .elara-atc-modal__gallery-thumbs img {
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* Header lower nav final hover: no background, just a refined underline. */
#elara-home-header-stack .modern-nav-link {
    position: relative !important;
    background: transparent !important;
}

#elara-home-header-stack .modern-nav-link::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 1px !important;
    width: 0 !important;
    height: 1px !important;
    background: currentColor !important;
    opacity: .55 !important;
    transform: translateX(-50%) !important;
    transition: width .22s ease, opacity .22s ease !important;
}

#elara-home-header-stack .modern-nav-link:hover,
#elara-home-header-stack .modern-nav-link:focus,
#elara-home-header-stack .modern-nav-link.active {
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

#elara-home-header-stack .modern-nav-link:hover::after,
#elara-home-header-stack .modern-nav-link:focus::after,
#elara-home-header-stack .modern-nav-link.active::after {
    width: calc(100% - 18px) !important;
    opacity: .72 !important;
}

/* === Header search dropdown (#search-content) — modern remake ============ */
/* Reset color cascade: header bisa pake color: white pas hero-video state. */
#elara-home-header-stack .typed-search-box,
header .typed-search-box {
    border: 1px solid rgba(20, 20, 20, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(20, 20, 20, 0.12) !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    min-height: 0 !important;
    background: #ffffff !important;
    color: #141414 !important;
}

#elara-home-header-stack .typed-search-box *,
header .typed-search-box * {
    color: inherit;
}

#elara-home-header-stack .typed-search-box .search-preloader,
header .typed-search-box .search-preloader {
    padding: 28px 0 !important;
}

#elara-home-header-stack .typed-search-box .search-nothing,
header .typed-search-box .search-nothing {
    padding: 28px 22px !important;
    color: rgba(20, 20, 20, 0.6) !important;
    font-size: 13.5px !important;
    text-transform: none !important;
    background: #ffffff !important;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search,
header .typed-search-box .elara-ajax-search {
    display: block;
    padding: 12px 0;
    max-height: min(calc(100vh - 160px), 520px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff !important;
    color: #141414 !important;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search::-webkit-scrollbar,
header .typed-search-box .elara-ajax-search::-webkit-scrollbar {
    width: 6px;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search::-webkit-scrollbar-thumb,
header .typed-search-box .elara-ajax-search::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.18);
    border-radius: 3px;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search--split,
header .typed-search-box .elara-ajax-search--split {
    display: grid;
    grid-template-columns: minmax(180px, 38%) 1fr;
    gap: 0;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search--split .elara-ajax-search__aside,
header .typed-search-box .elara-ajax-search--split .elara-ajax-search__aside {
    border-right: 1px solid rgba(20, 20, 20, 0.08);
    padding: 10px 0;
}

#elara-home-header-stack .typed-search-box .elara-ajax-search--split .elara-ajax-search__main,
header .typed-search-box .elara-ajax-search--split .elara-ajax-search__main {
    padding: 10px 0;
}

#elara-home-header-stack .typed-search-box .elara-search-section,
header .typed-search-box .elara-search-section {
    padding: 6px 0 12px;
}

#elara-home-header-stack .typed-search-box .elara-search-section + .elara-search-section,
header .typed-search-box .elara-search-section + .elara-search-section {
    border-top: 1px solid rgba(20, 20, 20, 0.06);
    margin-top: 4px;
    padding-top: 12px;
}

#elara-home-header-stack .typed-search-box .elara-search-section__title,
header .typed-search-box .elara-search-section__title {
    margin: 0 0 6px !important;
    padding: 0 18px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.14em !important;
    text-transform: none !important;
    color: rgba(20, 20, 20, 0.52) !important;
}

#elara-home-header-stack .typed-search-box .elara-search-list,
header .typed-search-box .elara-search-list,
#elara-home-header-stack .typed-search-box .elara-search-products,
header .typed-search-box .elara-search-products {
    list-style: none;
    margin: 0;
    padding: 0;
}

#elara-home-header-stack .typed-search-box .elara-search-list > li,
header .typed-search-box .elara-search-list > li,
#elara-home-header-stack .typed-search-box .elara-search-products > li,
header .typed-search-box .elara-search-products > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#elara-home-header-stack .typed-search-box .elara-search-link,
header .typed-search-box .elara-search-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 18px !important;
    color: #1d1d1d !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: transparent;
    transition: background-color 0.16s ease, color 0.16s ease;
}

#elara-home-header-stack .typed-search-box .elara-search-link__label,
header .typed-search-box .elara-search-link__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit !important;
}

#elara-home-header-stack .typed-search-box .elara-search-link__chev,
header .typed-search-box .elara-search-link__chev {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    color: rgba(20, 20, 20, 0.32) !important;
    transform: translateX(-4px);
    opacity: 0;
    transition: transform 0.18s ease, opacity 0.18s ease, color 0.18s ease;
}

#elara-home-header-stack .typed-search-box .elara-search-link:hover,
#elara-home-header-stack .typed-search-box .elara-search-link:focus,
header .typed-search-box .elara-search-link:hover,
header .typed-search-box .elara-search-link:focus {
    background: rgba(20, 20, 20, 0.045) !important;
    color: #141414 !important;
    text-decoration: none !important;
}

#elara-home-header-stack .typed-search-box .elara-search-link:hover .elara-search-link__chev,
#elara-home-header-stack .typed-search-box .elara-search-link:focus .elara-search-link__chev,
header .typed-search-box .elara-search-link:hover .elara-search-link__chev,
header .typed-search-box .elara-search-link:focus .elara-search-link__chev {
    transform: translateX(0);
    opacity: 1;
    color: #141414 !important;
}

#elara-home-header-stack .typed-search-box .elara-search-product,
header .typed-search-box .elara-search-product {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 10px 18px !important;
    color: #1d1d1d !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: transparent;
    transition: background-color 0.16s ease;
}

#elara-home-header-stack .typed-search-box .elara-search-product:hover,
#elara-home-header-stack .typed-search-box .elara-search-product:focus,
header .typed-search-box .elara-search-product:hover,
header .typed-search-box .elara-search-product:focus {
    background: rgba(20, 20, 20, 0.045) !important;
    color: #141414 !important;
    text-decoration: none !important;
}

#elara-home-header-stack .typed-search-box .elara-search-product__thumb,
header .typed-search-box .elara-search-product__thumb {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    background: #f4f4f4;
    border: 1px solid rgba(20, 20, 20, 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#elara-home-header-stack .typed-search-box .elara-search-product__thumb img,
header .typed-search-box .elara-search-product__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

#elara-home-header-stack .typed-search-box .elara-search-product__body,
header .typed-search-box .elara-search-product__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#elara-home-header-stack .typed-search-box .elara-search-product__kicker,
header .typed-search-box .elara-search-product__kicker {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, 'Times New Roman', serif;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-transform: none !important;
    color: rgba(20, 20, 20, 0.55) !important;
    -webkit-font-smoothing: antialiased;
}

#elara-home-header-stack .typed-search-box .elara-search-product__kicker-line,
header .typed-search-box .elara-search-product__kicker-line {
    display: none;
}

#elara-home-header-stack .typed-search-box .elara-search-product__kicker-text,
header .typed-search-box .elara-search-product__kicker-text {
    min-width: 0;
}

#elara-home-header-stack .typed-search-box .elara-search-product__name,
header .typed-search-box .elara-search-product__name {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    color: #141414 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: none !important;
}

#elara-home-header-stack .typed-search-box .elara-search-product__price,
header .typed-search-box .elara-search-product__price {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    font-size: 12.5px !important;
    line-height: 1.1;
    color: #141414 !important;
    text-transform: none !important;
}

#elara-home-header-stack .typed-search-box .elara-search-product__strike,
header .typed-search-box .elara-search-product__strike {
    color: rgba(20, 20, 20, 0.42) !important;
    font-weight: 400 !important;
    text-decoration: line-through;
}

#elara-home-header-stack .typed-search-box .elara-search-product__current,
header .typed-search-box .elara-search-product__current {
    color: #141414 !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    #elara-home-header-stack .typed-search-box .elara-ajax-search--split,
    header .typed-search-box .elara-ajax-search--split {
        grid-template-columns: 1fr;
    }
    #elara-home-header-stack .typed-search-box .elara-ajax-search--split .elara-ajax-search__aside,
    header .typed-search-box .elara-ajax-search--split .elara-ajax-search__aside {
        border-right: 0;
        border-bottom: 1px solid rgba(20, 20, 20, 0.08);
    }
    #elara-home-header-stack .typed-search-box .elara-search-product__thumb,
    header .typed-search-box .elara-search-product__thumb {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
    }
}

/* === Global white page background untuk semua inner page ============== */
body.elara-inner-front,
body.elara-page-clean,
body.elara-inner-front .aiz-main-wrapper,
body.elara-page-clean .aiz-main-wrapper {
    background: #ffffff !important;
}

body.elara-page-clean .aiz-card-box,
body.elara-page-clean .card,
body.elara-page-clean .bg-light,
body.elara-page-clean .bg-soft-primary,
body.elara-page-clean .bg-white {
    background: #ffffff !important;
}

/* === About Us — clean structural remake (konten tetap dari CMS) ====== */
body.elara-about-page {
    background: #ffffff !important;
}

body.elara-about-page .aiz-main-wrapper {
    background: #ffffff !important;
}

.elara-about-breadcrumb {
    padding: 18px 0 6px;
    font-size: 12px;
    color: rgba(20, 20, 20, 0.5);
}

.elara-about-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
}

.elara-about-breadcrumb li {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    text-transform: none !important;
    color: rgba(20, 20, 20, 0.5) !important;
    letter-spacing: 0.04em;
}

.elara-about-breadcrumb li + li::before {
    content: '/';
    margin-right: 10px;
    color: rgba(20, 20, 20, 0.28);
}

.elara-about-breadcrumb a {
    color: rgba(20, 20, 20, 0.6) !important;
    text-decoration: none !important;
    transition: color 0.18s ease;
}

.elara-about-breadcrumb a:hover {
    color: #141414 !important;
}

.elara-about-breadcrumb li[aria-current="page"] {
    color: #141414 !important;
    font-weight: 600;
}

.elara-about-hero {
    padding: 56px 0 36px;
    text-align: center;
    background: #ffffff;
}

.elara-about-hero .container {
    max-width: 820px;
}

.elara-about-eyebrow {
    display: none !important;
}

.elara-about-title {
    margin: 0 !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: clamp(32px, 4.6vw, 52px) !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #141414 !important;
    text-transform: none !important;
}

.elara-about-content {
    padding: 24px 0 96px;
    background: #ffffff;
}

.elara-about-content .container {
    max-width: 760px;
}

.elara-about-content__inner {
    color: #2a2a2a;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, 'Times New Roman', serif;
    font-size: 17px;
    line-height: 1.55;
    text-align: left;
}

/* TinyMCE sering bungkus blok center dengan <div>; pastikan blok penuh lebar (bukan inline “mengambang”). */
.elara-about-content__inner > div[style*="text-align"],
.elara-about-content__inner div[style*="text-align: center"],
.elara-about-content__inner div[style*="text-align:center"] {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

/* Heading di prose CMS: margin vertikal sama ritme <p> — hindari 1.15em atas (jarak “meloncat” vs TinyMCE saat H* dipakai sebagai subjudul). */
.elara-about-content__inner h1,
.elara-about-content__inner h2,
.elara-about-content__inner h3,
.elara-about-content__inner h4,
.elara-about-content__inner h5,
.elara-about-content__inner h6 {
    font-family: 'Crimson Pro', Georgia, serif !important;
    color: #141414 !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.005em !important;
    margin: 0 0 0.45em !important;
    text-transform: none !important;
}

/* Judul pertama di dalam wrapper div (bukan anak langsung .inner) — sebelumnya margin-top 36px vs editor rapat */
.elara-about-content__inner h1:first-child,
.elara-about-content__inner h2:first-child,
.elara-about-content__inner h3:first-child,
.elara-about-content__inner h4:first-child,
.elara-about-content__inner h5:first-child,
.elara-about-content__inner h6:first-child {
    margin-top: 0 !important;
}

.elara-about-content__inner > h1:first-child,
.elara-about-content__inner > h2:first-child,
.elara-about-content__inner > h3:first-child,
.elara-about-content__inner > h4:first-child,
.elara-about-content__inner > h5:first-child,
.elara-about-content__inner > h6:first-child {
    margin-top: 0 !important;
}

/* Ukuran heading relatif ke .inner; tanpa !important agar inline TinyMCE menang — hindari “baris pertama” membengkak vs iframe */
.elara-about-content__inner h1 { font-size: 1.85em; }
.elara-about-content__inner h2 { font-size: 1.5em; }
.elara-about-content__inner h3 { font-size: 1.3em; }
.elara-about-content__inner h4 { font-size: 1.15em; }
.elara-about-content__inner h5,
.elara-about-content__inner h6 {
    font-size: 1.05em;
    font-weight: 600 !important;
}

/* Tanpa !important pada font-size/line-height: agar inline TinyMCE (14px dll) dan <span> WYSIWYG */
.elara-about-content__inner p {
    display: block;
    margin: 0 0 0.45em !important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit !important;
    text-transform: none !important;
}

.elara-about-content__inner p:last-child {
    margin-bottom: 0 !important;
}

.elara-about-content__inner em,
.elara-about-content__inner i {
    color: rgba(20, 20, 20, 0.66);
    font-style: italic;
}

.elara-about-content__inner strong,
.elara-about-content__inner b {
    color: #141414;
    font-weight: 700;
}

.elara-about-content__inner a {
    color: #141414 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color 0.18s ease, text-decoration-thickness 0.18s ease;
}

.elara-about-content__inner a:hover {
    color: #141414 !important;
    text-decoration-thickness: 2px;
}

/* === Smart CMS auto-links (phone / email / url) ====================== */
.elara-about-content__inner .elara-cms-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 2px;
    color: #141414 !important;
    font-weight: 600 !important;
    border-bottom: 1.5px solid rgba(20, 20, 20, 0.18);
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    text-transform: none !important;
}

.elara-about-content__inner .elara-cms-link:hover {
    border-bottom-color: #141414;
    background: rgba(20, 20, 20, 0.04);
    text-decoration: none !important;
}

.elara-about-content__inner .elara-cms-link--phone {
    color: #141414 !important;
    font-weight: 700 !important;
}

.elara-about-content__inner .elara-cms-link--phone::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M19.05 4.91A10 10 0 0 0 2.06 16.34L1 21l4.78-1.04A10 10 0 0 0 22 12.05a9.95 9.95 0 0 0-2.95-7.14ZM12 20.13a8.13 8.13 0 0 1-4.14-1.13l-.3-.18-2.84.62.62-2.77-.2-.32A8.13 8.13 0 1 1 12 20.13Zm4.45-6.08c-.24-.12-1.43-.7-1.65-.78-.22-.08-.39-.12-.55.12-.16.24-.62.78-.76.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2a7.27 7.27 0 0 1-1.34-1.66c-.14-.24 0-.37.1-.49.1-.1.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.32-.76-1.81-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 1.99 0 1.17.86 2.3.98 2.46.12.16 1.7 2.6 4.12 3.65.58.25 1.03.4 1.38.51.58.18 1.1.16 1.52.1.46-.07 1.43-.58 1.63-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28Z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M19.05 4.91A10 10 0 0 0 2.06 16.34L1 21l4.78-1.04A10 10 0 0 0 22 12.05a9.95 9.95 0 0 0-2.95-7.14ZM12 20.13a8.13 8.13 0 0 1-4.14-1.13l-.3-.18-2.84.62.62-2.77-.2-.32A8.13 8.13 0 1 1 12 20.13Zm4.45-6.08c-.24-.12-1.43-.7-1.65-.78-.22-.08-.39-.12-.55.12-.16.24-.62.78-.76.95-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2a7.27 7.27 0 0 1-1.34-1.66c-.14-.24 0-.37.1-.49.1-.1.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.55-1.32-.76-1.81-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 1.99 0 1.17.86 2.3.98 2.46.12.16 1.7 2.6 4.12 3.65.58.25 1.03.4 1.38.51.58.18 1.1.16 1.52.1.46-.07 1.43-.58 1.63-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28Z'/></svg>") center / contain no-repeat;
}

.elara-about-content__inner .elara-cms-link--email::before {
    content: '✉';
    margin-right: 2px;
    color: rgba(20, 20, 20, 0.54);
}

/* H4-H6 yang demote-able dari helper jadi body paragraph */
.elara-about-content__inner .elara-cms-body {
    margin: 0 0 0.45em !important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.elara-about-content__inner ul,
.elara-about-content__inner ol {
    margin: 0 0 0.55em !important;
    padding-left: 1.15em !important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
}

.elara-about-content__inner li {
    margin-bottom: 0.35em;
    font-size: inherit;
    font-family: inherit;
}

.elara-about-content__inner blockquote {
    margin: 1rem 0 !important;
    padding: 16px 20px !important;
    border-left: 3px solid #141414 !important;
    background: rgba(20, 20, 20, 0.025) !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-style: italic;
    font-size: 1.2em;
    color: #141414 !important;
    line-height: inherit;
}

.elara-about-content__inner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    border-radius: 6px;
}

.elara-about-content__inner hr {
    margin: 1.5rem 0 !important;
    border: 0;
    border-top: 1px solid rgba(20, 20, 20, 0.08);
}

/* Phone / WhatsApp inline yang sering muncul di konten about — biar gak ke-lowercase */
.elara-about-content__inner,
.elara-about-content__inner p,
.elara-about-content__inner h1,
.elara-about-content__inner h2,
.elara-about-content__inner h3,
.elara-about-content__inner h4,
.elara-about-content__inner h5,
.elara-about-content__inner h6,
.elara-about-content__inner span,
.elara-about-content__inner a {
    text-transform: none !important;
}

@media (max-width: 767.98px) {
    .elara-about-hero {
        padding: 36px 0 24px;
    }
    .elara-about-content {
        padding: 16px 0 64px;
    }
    /* Basis ukuran di root saja — jangan paksa p/heading px agar inline TinyMCE tetap jalan */
    .elara-about-content__inner {
        font-size: 16.5px;
        line-height: 1.72;
    }
    .elara-about-content__inner li {
        font-size: inherit;
    }
}


/* ============================================================
 * PRODUCT DETAIL PAGE (PDP) — refresh mockup
 * ------------------------------------------------------------
 * Class prefix: .elara-pdp-*
 * Tujuan: warna + ukuran + spacing match mockup luxury editorial
 * (lihat kolom kanan: breadcrumb tipis, series eyebrow uppercase,
 *  title serif besar, action pill row, total bold serif besar).
 * ============================================================ */

.elara-pdp-info {
    color: var(--elara-text, #141414);
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif;
}

/* Force Crimson Pro untuk semua elemen text — KECUALI icon font (la, las, lar, lab, lap) */
.elara-pdp-info p,
.elara-pdp-info span:not([class*=" la-"]):not([class^="la-"]),
.elara-pdp-info div:not([class*=" la-"]):not([class^="la-"]),
.elara-pdp-info a,
.elara-pdp-info button,
.elara-pdp-info input,
.elara-pdp-info label,
.elara-pdp-info ul,
.elara-pdp-info ol,
.elara-pdp-info li,
.elara-pdp-info h1,
.elara-pdp-info h2,
.elara-pdp-info h3,
.elara-pdp-info h4,
.elara-pdp-info h5,
.elara-pdp-info h6,
.elara-pdp-info strong,
.elara-pdp-info b,
.elara-pdp-info small,
.elara-pdp-info del,
.elara-pdp-info em {
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
}

/* Override class .elara-pdp-sans (legacy) — tetap pakai Crimson Pro per request user */
.elara-pdp-info .elara-pdp-sans,
.elara-pdp-sans {
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
}

/* Pastikan icon font (Line Awesome) tetap pakai font icon-nya */
.elara-pdp-info i,
.elara-pdp-info i.la,
.elara-pdp-info i.las,
.elara-pdp-info i.lar,
.elara-pdp-info i.lab,
.elara-pdp-info i.lap,
.elara-pdp-info .la,
.elara-pdp-info .las,
.elara-pdp-info .lar,
.elara-pdp-info .lab {
    font-family: "Line Awesome Free", "Line Awesome Brands", "Line Awesome", sans-serif !important;
    font-weight: 900;
}

.elara-pdp-info i.lar,
.elara-pdp-info .lar {
    font-weight: 400;
}

.elara-pdp-info i.lab,
.elara-pdp-info .lab {
    font-weight: 400;
}

/* Safety: NO italics anywhere in PDP info column (mockup gak ada italic) */
.elara-pdp-info,
.elara-pdp-info p,
.elara-pdp-info span,
.elara-pdp-info div,
.elara-pdp-info strong,
.elara-pdp-info em,
.elara-pdp-info i:not(.la):not(.las):not(.lar):not(.lab):not(.lap),
.elara-pdp-info small,
.elara-pdp-info a,
.elara-pdp-info h1,
.elara-pdp-info h2,
.elara-pdp-info h3,
.elara-pdp-info h4,
.elara-pdp-info h5,
.elara-pdp-info h6,
.elara-pdp-info label,
.elara-pdp-info button,
.elara-pdp-info input {
    font-style: normal !important;
}

/* Breadcrumb top-right — Crimson Pro, sleek slash separator */
.elara-pdp-info .elara-pdp-breadcrumb {
    margin-bottom: 14px !important;
}

.elara-pdp-info .elara-pdp-breadcrumb .breadcrumb {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 14px !important;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
}

.elara-pdp-info .elara-pdp-breadcrumb .breadcrumb-item,
.elara-pdp-info .elara-pdp-breadcrumb .breadcrumb-item a {
    color: #4a4a4a !important;
    text-decoration: none;
    font-weight: 500;
}

.elara-pdp-info .elara-pdp-breadcrumb .breadcrumb-item a:hover {
    color: #141414 !important;
}

.elara-pdp-info .elara-pdp-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #4a4a4a;
    padding: 0 6px;
    font-family: 'Crimson Pro', serif;
}

.elara-pdp-info .elara-pdp-breadcrumb .elara-pdp-bc-current {
    color: #141414 !important;
    font-weight: 700;
}

/* Series eyebrow "Brightening Series" — Crimson Pro, title case, dark gray */
.elara-pdp-info .elara-pdp-series {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: capitalize !important;
    color: #6a6a6a;
    font-weight: 500;
    font-style: normal !important;
    margin: 4px 0 6px !important;
}

/* Title — large Crimson Pro bold */
.elara-pdp-info .elara-pdp-title {
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -.01em;
    color: #141414;
    margin: 4px 0 10px;
    text-transform: none !important;
}

@media (min-width: 992px) {
    .elara-pdp-info .elara-pdp-title {
        font-size: 42px;
    }
}

@media (min-width: 1200px) {
    .elara-pdp-info .elara-pdp-title {
        font-size: 46px;
    }
}

@media (max-width: 575.98px) {
    .elara-pdp-info .elara-pdp-title {
        font-size: 30px;
    }
}

/* Stars + review count — match mockup: BLACK stars, sans-serif review count */
.elara-pdp-info .elara-pdp-rating-row {
    margin: 0 0 16px !important;
}

.elara-pdp-info .elara-pdp-stars {
    color: #141414;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
    margin-right: 6px;
}

.elara-pdp-info .elara-pdp-stars i,
.elara-pdp-info .elara-pdp-stars .la,
.elara-pdp-info .elara-pdp-stars .las,
.elara-pdp-info .elara-pdp-stars .lar,
.elara-pdp-info .elara-pdp-stars .lab,
.elara-pdp-info .elara-pdp-rating-row .rating i,
.elara-pdp-info .elara-pdp-rating-row .rating i.las.la-star,
.elara-pdp-info .elara-pdp-rating-row .rating i.las.la-star.active,
.elara-pdp-info .elara-pdp-rating-row .rating i.las.la-star.half,
.product-detail-info .elara-pdp-stars i.las.la-star,
.product-detail-info .elara-pdp-stars i.las.la-star.active,
.product-detail-info .elara-pdp-stars i.las.la-star.half,
.product-detail-info .rating i.las.la-star.active {
    color: #141414 !important;
    text-shadow: none !important;
}

/* Bintang kosong (.la-star tanpa .active/.half) — abu lembut tipis */
.elara-pdp-info .elara-pdp-stars i.las.la-star:not(.active):not(.half),
.product-detail-info .elara-pdp-stars i.las.la-star:not(.active):not(.half) {
    color: #c8c8c8 !important;
}

/* Bintang di section Reviews (avg + per-review) — match BLACK juga */
.elara-pdp-rq-section .elara-pdp-rq-avg-stars i.las.la-star.active,
.elara-pdp-rq-section .elara-pdp-rq-avg-stars i.las.la-star.half,
.elara-pdp-rq-section .elara-pdp-rq-slide-stars i.las.la-star.active,
.elara-pdp-rq-section .elara-pdp-rq-slide-stars i.las.la-star.half {
    color: #141414 !important;
    text-shadow: none !important;
}

.elara-pdp-rq-section .elara-pdp-rq-avg-stars i.las.la-star:not(.active):not(.half),
.elara-pdp-rq-section .elara-pdp-rq-slide-stars i.las.la-star:not(.active):not(.half) {
    color: #c8c8c8 !important;
}

.elara-pdp-info .elara-pdp-review-count {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
    color: #2a2a2a;
    font-weight: 500;
    letter-spacing: 0;
    font-style: normal !important;
    margin-left: 6px;
}

.elara-pdp-info .elara-pdp-ship-note {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 13px;
    color: #4a4a4a;
}

.elara-pdp-info .elara-pdp-ship-note {
    font-size: 12px;
    color: #8c8c8c;
}

/* Variant labels */
.elara-pdp-info .elara-pdp-opt-label {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 14px !important;
    text-transform: none;
    letter-spacing: 0;
    color: #4a4a4a !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.elara-pdp-info .aiz-megabox-elem {
    font-family: 'Crimson Pro', Georgia, serif !important;
    border: 1px solid #d4d4d4 !important;
    background: #ffffff !important;
    color: #141414 !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.elara-pdp-info .aiz-megabox-elem:hover {
    border-color: #141414 !important;
}

.elara-pdp-info .aiz-megabox input:checked ~ .aiz-megabox-elem {
    border-color: #141414 !important;
    background: #141414 !important;
    color: #ffffff !important;
}

/* Action row — match mockup: rectangular outline tipis, Crimson Pro */
.elara-pdp-info .elara-pdp-actions {
    gap: 10px;
    margin-bottom: 18px !important;
    margin-top: 2px;
    align-items: stretch !important;
}

.elara-pdp-info .elara-pdp-actions .btn {
    height: 40px;
    line-height: 38px;
    border-radius: 4px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    text-transform: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.elara-pdp-info .elara-pdp-actions .btn i {
    font-size: 14px;
    margin-right: 6px;
}

/* Wishlist — outlined gray, white bg */
.elara-pdp-info .elara-pdp-btn-wish {
    background: #ffffff !important;
    border: 1px solid #d4d4d4 !important;
    color: #141414 !important;
}

.elara-pdp-info .elara-pdp-btn-wish:hover,
.elara-pdp-info .elara-pdp-btn-wish:focus {
    background: #f6f6f6 !important;
    border-color: #141414 !important;
    color: #141414 !important;
}

/* Add to Cart — DARK / BLACK bg + white text (sesuai mockup) */
.elara-pdp-info .elara-pdp-btn-cart {
    background: #141414 !important;
    border: 1px solid #141414 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.elara-pdp-info .elara-pdp-btn-cart i,
.elara-pdp-info .elara-pdp-btn-cart span {
    color: #ffffff !important;
}

.elara-pdp-info .elara-pdp-btn-cart:hover,
.elara-pdp-info .elara-pdp-btn-cart:focus {
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

.elara-pdp-info .elara-pdp-btn-cart:hover i,
.elara-pdp-info .elara-pdp-btn-cart:focus i,
.elara-pdp-info .elara-pdp-btn-cart:hover span,
.elara-pdp-info .elara-pdp-btn-cart:focus span {
    color: #ffffff !important;
}

/* Buy Now / external (kalau dipake) */
.elara-pdp-info .elara-pdp-actions .buy-now {
    background: #ededed !important;
    border: 1px solid #d4d4d4 !important;
    color: #141414 !important;
}

/* Quantity stepper — match button rectangular shape, gentle border */
.elara-pdp-info .elara-pdp-qty-pill {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    padding: 0 2px;
    overflow: hidden;
}

.elara-pdp-info .elara-pdp-qty-pill .elara-pdp-plus-minus {
    width: 100px !important;
    height: 100%;
    flex-wrap: nowrap !important;
}

.elara-pdp-info .elara-pdp-qty-btn,
.elara-pdp-info .elara-pdp-qty-pill .btn {
    background: transparent !important;
    border: 0 !important;
    color: #141414 !important;
    width: 30px;
    height: 100%;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
    transition: color .18s ease;
}

.elara-pdp-info .elara-pdp-qty-btn:hover:not(:disabled) {
    color: #000;
    background: rgba(20, 20, 20, .04) !important;
}

.elara-pdp-info .elara-pdp-qty-btn:disabled {
    color: #c4c4c4 !important;
    opacity: 1 !important;
}

.elara-pdp-info .elara-pdp-qty-input {
    background: transparent !important;
    color: #141414 !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    padding: 0 4px !important;
    height: 100% !important;
    -moz-appearance: textfield;
}

.elara-pdp-info .elara-pdp-qty-input::-webkit-outer-spin-button,
.elara-pdp-info .elara-pdp-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Sub-headline + body summary — Crimson Pro luxe editorial */
.elara-pdp-info .elara-pdp-summary--editorial {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding-top: 0;
    border-top: 0;
}

/* Hide empty trailing paragraphs / br-only paragraphs dari CMS */
.elara-pdp-info .elara-pdp-summary-body p:empty,
.elara-pdp-info .elara-pdp-summary-body p:blank,
.elara-pdp-info .elara-pdp-summary-body > br + br,
.elara-pdp-info .elara-pdp-summary-body > br:last-child {
    display: none;
}

.elara-pdp-info .elara-pdp-summary-body > *:last-child {
    margin-bottom: 0 !important;
}

.elara-pdp-info .elara-pdp-summary-headline {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 18px !important;
    line-height: 1.4;
    font-weight: 700 !important;
    color: #141414;
    letter-spacing: 0;
    margin-bottom: 6px !important;
}

/* CMS body content — paksa konsisten Crimson Pro 15.5px,
   override inline styles dari editor (font-size yang macem-macem) */
.elara-pdp-info .elara-pdp-summary-body,
.elara-pdp-info .elara-pdp-summary-body * {
    font-family: 'Crimson Pro', Georgia, serif !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
}

.elara-pdp-info .elara-pdp-summary-body,
.elara-pdp-info .elara-pdp-summary-body p,
.elara-pdp-info .elara-pdp-summary-body li,
.elara-pdp-info .elara-pdp-summary-body span,
.elara-pdp-info .elara-pdp-summary-body div,
.elara-pdp-info .elara-pdp-summary-body a,
.elara-pdp-info .elara-pdp-summary-body td,
.elara-pdp-info .elara-pdp-summary-body th {
    font-size: 15.5px !important;
    color: #4a4a4a !important;
    font-weight: 400;
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

.elara-pdp-info .elara-pdp-summary-body p {
    margin: 0 0 8px !important;
}

.elara-pdp-info .elara-pdp-summary-body p:last-child {
    margin-bottom: 0 !important;
}

.elara-pdp-info .elara-pdp-summary-body ul,
.elara-pdp-info .elara-pdp-summary-body ol {
    margin: 0 0 8px !important;
    padding-left: 20px !important;
}

.elara-pdp-info .elara-pdp-summary-body li {
    margin: 0 0 2px !important;
}

.elara-pdp-info .elara-pdp-summary-body strong,
.elara-pdp-info .elara-pdp-summary-body b {
    color: #141414 !important;
    font-weight: 700 !important;
    font-size: inherit !important;
}

.elara-pdp-info .elara-pdp-summary-body a {
    color: #141414 !important;
    text-decoration: underline;
}

/* Headings di CMS — pakai size yang sama (15.5px) tapi bold + margin top jadi section-break.
   Konsisten dengan body, gak loncat ukurannya */
.elara-pdp-info .elara-pdp-summary-body h1,
.elara-pdp-info .elara-pdp-summary-body h2,
.elara-pdp-info .elara-pdp-summary-body h3,
.elara-pdp-info .elara-pdp-summary-body h4,
.elara-pdp-info .elara-pdp-summary-body h5,
.elara-pdp-info .elara-pdp-summary-body h6 {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 14px 0 2px !important;
    padding: 0 !important;
    text-align: left !important;
}

.elara-pdp-info .elara-pdp-summary-body h1:first-child,
.elara-pdp-info .elara-pdp-summary-body h2:first-child,
.elara-pdp-info .elara-pdp-summary-body h3:first-child,
.elara-pdp-info .elara-pdp-summary-body h4:first-child,
.elara-pdp-info .elara-pdp-summary-body h5:first-child,
.elara-pdp-info .elara-pdp-summary-body h6:first-child {
    margin-top: 0 !important;
}

/* Override inline color/background dari CMS (kadang editor ngasi color hex/font face) */
.elara-pdp-info .elara-pdp-summary-body [style*="font-family"],
.elara-pdp-info .elara-pdp-summary-body [style*="font-size"] {
    font-family: 'Crimson Pro', Georgia, serif !important;
}

/* Total + price block — Crimson Pro big editorial number, padat */
.elara-pdp-info .elara-pdp-total {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0;
    border-top: 0;
}

.elara-pdp-info .elara-pdp-label {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    color: #4a4a4a;
    font-weight: 500;
    margin-bottom: 2px;
}

.elara-pdp-info .elara-pdp-price-was del {
    color: #b0b0b0;
    font-size: 15px;
    font-family: 'Crimson Pro', serif !important;
    font-weight: 400;
}

.elara-pdp-info .elara-pdp-price-line {
    margin-top: 0;
}

.elara-pdp-info .elara-pdp-price-display,
.elara-pdp-info #chosen_price {
    font-family: 'Crimson Pro', Georgia, 'Times New Roman', serif !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: -.01em;
    font-style: normal !important;
}

.elara-pdp-info .elara-pdp-price-display .currency-symbol,
.elara-pdp-info #chosen_price .currency-symbol {
    font-size: 1em;
    margin-right: 4px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .elara-pdp-info .elara-pdp-price-display,
    .elara-pdp-info #chosen_price {
        font-size: 36px !important;
    }
}

/* ============================================================
   BOTTOM ROW — Total + Type of Product side by side
   Layout: 2 kolom flex, Total kiri, Meta kanan, dipisah border tipis
   ============================================================ */

.elara-pdp-info .elara-pdp-bottom-row {
    margin-top: 24px !important;
    padding-top: 18px !important;
    border-top: 1px solid #ececec !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.elara-pdp-info .elara-pdp-bottom-row__total {
    flex: 1 1 auto;
    min-width: 180px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left;
}

.elara-pdp-info .elara-pdp-bottom-row__meta {
    flex: 1 1 auto;
    min-width: 180px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    text-align: right;
}

@media (max-width: 575.98px) {
    .elara-pdp-info .elara-pdp-bottom-row {
        gap: 16px;
    }
    .elara-pdp-info .elara-pdp-bottom-row__meta {
        align-items: flex-start;
        text-align: left;
    }
}

/* Meta row — clean label + value */
.elara-pdp-info .elara-pdp-meta-row {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
    line-height: 1.5;
    color: #4a4a4a;
    margin: 0;
    padding: 0;
}

.elara-pdp-info .elara-pdp-meta-label {
    color: #6a6a6a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-right: 6px;
    opacity: 1 !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
}

.elara-pdp-info .elara-pdp-meta-value {
    color: #141414 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
}

/* Legacy meta rows (kalo masi muncul di tempat lain) — fallback subtle */
.elara-pdp-info .elara-pdp-meta-rows:not(.elara-pdp-bottom-row__meta) {
    display: none;
}

/* ------------------------------------------------------------
 * GALLERY (left column) — refresh: thumbnail square + main image rapi
 * ------------------------------------------------------------ */

.elara-product-detail-hero-section .elara-pdp-gallery-main-wrap {
    position: relative;
}

/* (legacy thumb col styles dipindah ke block .elara-pdp-thumb-col) */

/* MAIN slide — height ngikutin natural aspect ratio gambar (gak dipaksa square) */
.elara-product-detail-hero-section .product-gallery-item,
.elara-product-detail-hero-section .elara-pdp-gallery-slide {
    background: #ebebeb !important;
    border-radius: 6px !important;
    overflow: hidden;
    position: relative;
    display: block !important;
    aspect-ratio: auto !important;
    height: auto !important;
}

.elara-product-detail-hero-section .product-gallery-item img,
.elara-product-detail-hero-section .elara-pdp-gallery-slide img {
    border-radius: 0;
    width: 100%;
    height: auto !important;
    max-width: 100%;
    max-height: none !important;
    object-fit: initial !important;
    display: block;
    margin: 0;
}

/* ============================================================
   THUMBNAIL GALLERY — CUSTOM (no Slick)
   - Sejajar persis dengan main image (start top:0)
   - Arrow atas-bawah selalu visible
   - Scroll smooth di dalam container
   - Sticky scroll friendly
   ============================================================ */

.elara-product-detail-hero-section .elara-pdp-thumb-col {
    padding-left: 0 !important;
    padding-right: 12px !important;
}

@media (min-width: 768px) {
    .elara-product-detail-hero-section .elara-pdp-thumb-col.w-md-80px {
        width: 88px !important;
        flex: 0 0 88px;
    }
}

/* Stack = vertical column (arrow up + scroll list + arrow down) */
.elara-product-detail-hero-section .elara-pdp-thumb-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

/* Arrow buttons — di luar scroll list, sejajar sama main image edges */
.elara-product-detail-hero-section .elara-pdp-thumb-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 22px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #141414;
    cursor: pointer;
    flex: 0 0 auto;
    padding: 0;
    transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}

.elara-product-detail-hero-section .elara-pdp-thumb-arrow:hover {
    background: #f6f6f6;
    border-color: #141414;
}

.elara-product-detail-hero-section .elara-pdp-thumb-arrow:disabled,
.elara-product-detail-hero-section .elara-pdp-thumb-arrow.is-disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}

/* Chevron pakai CSS borders (tanpa font icon) */
.elara-product-detail-hero-section .elara-pdp-thumb-chevron {
    display: block;
    width: 8px;
    height: 8px;
    border-left: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
}

.elara-product-detail-hero-section .elara-pdp-thumb-arrow--up .elara-pdp-thumb-chevron {
    transform: rotate(45deg) translate(1px, 1px);
}

.elara-product-detail-hero-section .elara-pdp-thumb-arrow--down .elara-pdp-thumb-chevron {
    transform: rotate(-135deg) translate(1px, 1px);
}

/* Scroll container — flex-grow 1 supaya isi sisanya, scroll vertical, no scrollbar */
.elara-product-detail-hero-section .elara-pdp-thumb-scroll {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;       /* IE/Edge */
    padding: 0;
    margin: 0;
}

.elara-product-detail-hero-section .elara-pdp-thumb-scroll::-webkit-scrollbar {
    display: none;                  /* Chrome/Safari */
}

/* Each thumb — square, clean, no padding */
.elara-product-detail-hero-section .elara-pdp-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #ebebeb;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    flex: 0 0 auto;
    transition: border-color .18s ease, background-color .18s ease;
    position: relative;
}

@supports not (aspect-ratio: 1) {
    .elara-product-detail-hero-section .elara-pdp-thumb::before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .elara-product-detail-hero-section .elara-pdp-thumb img {
        position: absolute;
        inset: 0;
    }
}

.elara-product-detail-hero-section .elara-pdp-thumb:hover {
    background: #e2e2e2;
    border-color: #c8c8c8;
}

.elara-product-detail-hero-section .elara-pdp-thumb.is-active {
    border-color: #141414;
    background: #ebebeb;
}

.elara-product-detail-hero-section .elara-pdp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
    pointer-events: none;
}

/* Mobile (<768px) — pindah jadi horizontal scroll row */
@media (max-width: 767.98px) {
    .elara-product-detail-hero-section .elara-pdp-thumb-col {
        padding: 0 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-stack {
        flex-direction: row;
        gap: 8px;
        height: auto;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-arrow {
        width: 22px;
        height: auto;
        align-self: stretch;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-arrow--up .elara-pdp-thumb-chevron {
        transform: rotate(-45deg) translate(1px, 1px);
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-arrow--down .elara-pdp-thumb-chevron {
        transform: rotate(135deg) translate(1px, 1px);
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-scroll {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb {
        width: 64px;
        flex: 0 0 64px;
    }
}

/* Card-like outer container — softer */
.elara-product-detail-page .elara-product-detail-hero-inner {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Spacing kolom info kanan */
.elara-product-detail-hero-section .elara-pdp-info-col {
    padding-left: 24px;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    .elara-product-detail-hero-section .elara-pdp-info-col {
        padding-left: 15px;
    }
}

/* ------------------------------------------------------------
 * PDP ACCORDION (What It Solves / How To Use / Formulated With / etc)
 * ------------------------------------------------------------ */

/* Accordion section — clean, no top border, sesuai mockup */
.elara-product-accordion-section {
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.elara-product-accordion {
    border: 0 !important;
}

/* Border HANYA di bawah header (bukan di atas row) */
.elara-acc-row {
    border-top: 0 !important;
    border-bottom: 0;            /* border ada di header, bukan row */
}

.elara-acc-row:first-child {
    border-top: 0 !important;
}

.elara-acc-header {
    margin: 0;
    border-bottom: 1px solid #d4d4d4;   /* garis hanya di bawah tiap header */
}

/* Toggle: Crimson Pro, ukuran lebih besar & rapih sesuai mockup */
.elara-acc-toggle.btn,
.elara-acc-toggle.btn-link {
    width: 100%;
    padding: 26px 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: #141414 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    font-style: normal !important;
    transition: color .18s ease;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.elara-acc-toggle.btn:hover,
.elara-acc-toggle.btn:focus {
    color: #000 !important;
    text-decoration: none !important;
}

.elara-acc-toggle .elara-acc-title {
    flex: 1 1 auto;
    min-width: 0;
    color: inherit !important;
    font-weight: 500;
    font-style: normal !important;
}

/* Chevron — proporsional dengan header */
.elara-acc-toggle .elara-acc-chevron {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    transition: transform .25s ease;
}

.elara-acc-toggle .elara-acc-chevron::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-right: 1.5px solid #141414;
    border-bottom: 1.5px solid #141414;
    transform: rotate(45deg);
    transition: transform .25s ease, top .25s ease;
}

.elara-acc-toggle:not(.collapsed) .elara-acc-chevron::before {
    transform: rotate(-135deg);
    top: 8px;
}

/* Accordion body — Crimson Pro, padding cukup biar gak mepet border */
.elara-acc-body {
    padding: 18px 4px 28px !important;       /* top 18px supaya gak mepet border header */
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #4a4a4a !important;
    font-style: normal !important;
}

.elara-acc-body,
.elara-acc-body * {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

.elara-acc-body p,
.elara-acc-body li,
.elara-acc-body span,
.elara-acc-body div,
.elara-acc-body td,
.elara-acc-body th {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #4a4a4a !important;
    font-weight: 400;
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

.elara-acc-body p {
    margin: 0 0 12px !important;
}

.elara-acc-body p:last-child {
    margin-bottom: 0 !important;
}

.elara-acc-body ul,
.elara-acc-body ol {
    padding-left: 1.2rem !important;
    margin: 0 0 8px !important;
}

.elara-acc-body li {
    margin: 0 0 4px !important;
}

.elara-acc-body strong,
.elara-acc-body b {
    color: #141414 !important;
    font-weight: 700 !important;
    font-size: inherit !important;
}

.elara-acc-body a {
    color: #141414 !important;
    text-decoration: underline;
}

/* Headings di body accordion — same size as body, just bold (gak loncat) */
.elara-acc-body h1,
.elara-acc-body h2,
.elara-acc-body h3,
.elara-acc-body h4,
.elara-acc-body h5,
.elara-acc-body h6 {
    font-family: 'Crimson Pro', Georgia, serif !important;
    color: #141414 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 14px 0 6px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
}

.elara-acc-body h1:first-child,
.elara-acc-body h2:first-child,
.elara-acc-body h3:first-child,
.elara-acc-body h4:first-child,
.elara-acc-body h5:first-child,
.elara-acc-body h6:first-child {
    margin-top: 0 !important;
}

/* Override inline font-size/font-family dari Summernote */
.elara-acc-body [style*="font-family"],
.elara-acc-body [style*="font-size"] {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 16px !important;
}


/* ============================================================
   REVIEWS SECTION — match mockup
   Layout: 3-column toolbar (tabs | heading+stars | actions)
           3-column review row (name+stars | comment | product)
   ============================================================ */

.elara-pdp-rq-section {
    border-top: 0;
    margin-top: 32px;
    padding-top: 32px !important;
}

/* Heading "Reviews" — Crimson Pro besar, full width centered, dempet sama stars */
.elara-pdp-reviews-heading {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #141414 !important;
    letter-spacing: 0 !important;
    margin: 0 0 2px !important;
    text-transform: none !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

/* Toolbar 3-kolom (1 baris): kiri tabs, tengah stars+count, kanan actions */
.elara-pdp-rq-toolbar.elara-pdp-rq-toolbar--3col {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 28px !important;
}

.elara-pdp-rq-toolbar-left {
    justify-self: start;
    align-self: center;
}

.elara-pdp-rq-toolbar-center {
    justify-self: center;
    align-self: center;
    text-align: center;
}

.elara-pdp-rq-toolbar-right {
    justify-self: end;
    align-self: center;
    text-align: right;
}

/* Stars + count line di tengah, 1 baris */
.elara-pdp-rq-avg {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.elara-pdp-rq-avg-stars {
    color: #141414 !important;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
}

.elara-pdp-rq-avg-stars i.las.la-star,
.elara-pdp-rq-avg-stars i.la-star.active {
    color: #141414 !important;
}

.elara-pdp-rq-count-line {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 14px !important;
    color: #4a4a4a !important;
    font-style: normal !important;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
}

/* Tabs (left) — clean, NO pills, plain text style 100% override */
.elara-pdp-rq-tabs.nav,
.elara-pdp-rq-tabs.nav-pills {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0;
    background: transparent !important;
    border: 0 !important;
}

.elara-pdp-rq-tabs .nav-item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none;
}

.elara-pdp-rq-tab-sep {
    color: #c8c8c8 !important;
    margin: 0 10px !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 1;
    user-select: none;
    font-weight: 400 !important;
}

/* Force kill semua background/border/box-shadow Bootstrap (.nav-pills override) */
.nav-pills.elara-pdp-rq-tabs .nav-link,
.nav-pills.elara-pdp-rq-tabs .nav-link.active,
.nav-pills.elara-pdp-rq-tabs .nav-link.show,
.nav-pills.elara-pdp-rq-tabs .show > .nav-link,
.elara-pdp-rq-tabs .nav-link,
.elara-pdp-rq-tabs .nav-link.active,
.elara-pdp-rq-tabs .nav-link:hover,
.elara-pdp-rq-tabs .nav-link:focus,
.elara-pdp-rq-tabs .nav-link:focus-visible,
.elara-pdp-rq-tabs .nav-link:active,
a.elara-pdp-rq-tab-link,
a.elara-pdp-rq-tab-link.active,
a.elara-pdp-rq-tab-link:hover,
a.elara-pdp-rq-tab-link:focus,
a.elara-pdp-rq-tab-link:focus-visible,
a.elara-pdp-rq-tab-link:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
}

/* Tab counter "(6)" — same color, sedikit lebih muted */
.elara-pdp-rq-tabs .nav-link .elara-pdp-rq-tab-count,
.elara-pdp-rq-tab-link .elara-pdp-rq-tab-count {
    color: inherit !important;
    opacity: 1 !important;
    font-weight: inherit !important;
}

.elara-pdp-rq-tab-link {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #8a8a8a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 4px 2px !important;
    margin: 0 !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    transition: color .15s ease;
    display: inline-block !important;
}

.elara-pdp-rq-tab-link.active,
.elara-pdp-rq-tab-link:hover,
.elara-pdp-rq-tab-link:focus {
    color: #141414 !important;
    font-weight: 600 !important;
}

.elara-pdp-rq-tab-link .elara-pdp-rq-tab-count {
    color: inherit !important;
    font-weight: inherit !important;
    margin-left: 3px;
    font-size: inherit !important;
}

/* Actions (right) — Write a review | Ask Question */
.elara-pdp-rq-actions {
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px;
}

.elara-pdp-rq-action-link {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 15px !important;
    color: #141414 !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    font-style: normal !important;
    padding: 4px 0;
    transition: color .15s ease;
}

.elara-pdp-rq-action-link:hover,
.elara-pdp-rq-action-link:focus {
    color: #000 !important;
    text-decoration: underline !important;
}

.elara-pdp-rq-action-sep {
    color: #c8c8c8;
    margin: 0 10px;
    user-select: none;
}

/* ============================================================
   REVIEW ROW — 2-col grid:
   - Left: name + stars
   - Right: product name (top) + comment (right-aligned di bawahnya)
   ============================================================ */

.elara-pdp-review-slide {
    padding: 16px 0 !important;
}

.elara-pdp-review-row {
    display: grid;
    grid-template-columns: 1fr 3fr;     /* left col 1, right col 3x lebar */
    gap: 24px;
    align-items: start;
}

.elara-pdp-review-col--left {
    text-align: left;
    align-self: start;
}

.elara-pdp-review-col--right {
    text-align: right;
    align-self: start;
}

.elara-pdp-review-name {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: -.005em !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
    font-style: normal !important;
}

.elara-pdp-review-stars {
    color: #141414 !important;
    font-size: 16px !important;
    letter-spacing: 2px;
    line-height: 1;
    display: inline-block;
    margin-top: 2px;
}

.elara-pdp-review-stars i,
.elara-pdp-review-stars i.las,
.elara-pdp-review-stars i.las.la-star,
.elara-pdp-review-stars i.la-star,
.elara-pdp-review-stars i.la-star.active {
    color: #141414 !important;
    font-size: 16px !important;
}

.elara-pdp-review-stars i.la-star:not(.active) {
    color: #c8c8c8 !important;
}

.elara-pdp-review-comment {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 16px !important;
    color: #2a2a2a !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    margin: 0 0 8px !important;
}

.elara-pdp-review-date {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 13px !important;
    color: #8a8a8a !important;
    font-style: normal !important;
}

.elara-pdp-review-product {
    font-family: 'Crimson Pro', Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    font-style: normal !important;
    margin: 0 0 4px !important;
    text-align: right !important;
}

/* Comment di right col, text-align right (line pendek indent dari kiri) */
.elara-pdp-review-col--right .elara-pdp-review-comment {
    text-align: right !important;
    margin: 0 !important;
}

/* Mobile responsive — stack vertikal */
@media (max-width: 767.98px) {
    .elara-pdp-rq-toolbar.elara-pdp-rq-toolbar--3col {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 14px;
    }

    .elara-pdp-rq-toolbar-left,
    .elara-pdp-rq-toolbar-right {
        justify-self: center;
    }

    .elara-pdp-review-row {
        grid-template-columns: 1fr;
        gap: 12px;
        text-align: left;
    }

    .elara-pdp-review-col--left,
    .elara-pdp-review-col--right {
        text-align: left !important;
    }

    .elara-pdp-review-name {
        font-size: 18px !important;
    }

    .elara-pdp-review-comment {
        font-size: 15px !important;
    }
}


/* ------------------------------------------------------------
 * RESPONSIVE — mobile clamp
 * ------------------------------------------------------------ */

@media (max-width: 767.98px) {
    .elara-pdp-info .elara-pdp-actions .btn,
    .elara-pdp-info .elara-pdp-qty-pill {
        height: 38px;
        line-height: 36px;
        font-size: 14px !important;
        padding: 0 14px !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill .elara-pdp-plus-minus {
        width: 92px !important;
    }

    .elara-pdp-info .elara-pdp-qty-btn {
        width: 28px;
    }

    .elara-pdp-info .elara-pdp-actions {
        gap: 8px;
        margin-bottom: 14px !important;
    }

    .elara-pdp-info .elara-pdp-summary--editorial {
        margin-top: 4px !important;
        margin-bottom: 16px !important;
    }

    .elara-pdp-info .elara-pdp-total {
        margin-top: 12px !important;
        margin-bottom: 14px !important;
    }

    .elara-pdp-info .elara-pdp-price-display,
    .elara-pdp-info #chosen_price {
        font-size: 26px !important;
    }
}

/* ============================================================
 * ELARA LIBRARY (Blog) PAGE
 * Editorial layout: heading + breadcrumb row, 3-col card grid
 * ============================================================ */

.elara-library-hero {
    padding-top: 28px !important;
    padding-bottom: 0 !important;
    margin-bottom: 22px !important;
}

.elara-library-hero .elara-library-title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    color: #141414 !important;
    margin: 0 !important;
    letter-spacing: 0.2px;
    line-height: 1.15;
}

.elara-library-hero .elara-library-breadcrumb {
    margin: 0;
}

.elara-library-hero .elara-library-breadcrumb .breadcrumb {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 16px !important;
    color: #6a6a6a !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap;
}

.elara-library-hero .elara-library-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #6a6a6a;
    padding-right: 6px;
    padding-left: 2px;
}

.elara-library-hero .elara-library-breadcrumb .breadcrumb-item a,
.elara-library-hero .elara-library-breadcrumb .breadcrumb-item {
    color: #6a6a6a !important;
    text-decoration: none !important;
    font-style: normal !important;
}

.elara-library-hero .elara-library-breadcrumb .breadcrumb-item.active {
    color: #141414 !important;
    font-weight: 600 !important;
}

.elara-library-grid-section {
    padding-top: 14px;
    padding-bottom: 64px !important;
}

.elara-library-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 28px;
    align-items: start;
}

.elara-library-card {
    display: flex;
    flex-direction: column;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.elara-library-card__media {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 10px;
    background: #f3f3f3;
    margin-bottom: 18px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.elara-library-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.6s ease;
}

.elara-library-card:hover .elara-library-card__media img {
    transform: scale(1.03);
}

.elara-library-card__body {
    padding: 0 2px;
}

.elara-library-card__title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #141414 !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: 0.1px;
}

.elara-library-card__title a {
    color: inherit !important;
    text-decoration: none !important;
    background-image: none !important;
}

.elara-library-card__title a:hover {
    color: #2a2a2a !important;
    text-decoration: none !important;
}

.elara-library-card__more {
    display: inline-block;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15.5px !important;
    color: #4a4a4a !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    transition: color 0.2s ease;
}

.elara-library-card__more:hover {
    color: #141414 !important;
    text-decoration: underline !important;
}

.elara-library-empty {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 16px !important;
    color: #6a6a6a !important;
    padding: 48px 0;
}

.elara-library-pagination {
    display: flex;
    justify-content: center;
    margin-top: 48px !important;
}

.elara-library-pagination .pagination {
    margin: 0;
}

.elara-library-pagination .page-link {
    color: #2a2a2a;
    border-color: #e5e5e5;
}

.elara-library-pagination .page-item.active .page-link {
    background: #141414;
    border-color: #141414;
    color: #fff;
}

@media (max-width: 991.98px) {
    .elara-library-hero .elara-library-title {
        font-size: 30px !important;
    }
    .elara-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 22px;
    }
}

@media (max-width: 575.98px) {
    .elara-library-hero {
        padding-top: 18px !important;
        margin-bottom: 14px !important;
    }
    .elara-library-hero .elara-library-title {
        font-size: 26px !important;
    }
    .elara-library-hero .elara-library-breadcrumb .breadcrumb {
        justify-content: flex-start !important;
        margin-top: 6px !important;
    }
    .elara-library-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .elara-library-card__media {
        aspect-ratio: 16 / 10;
        margin-bottom: 14px;
    }
    .elara-library-card__title {
        font-size: 19px !important;
    }
}

/* ============================================================
 * ELARA LIBRARY DETAIL (Blog Article)
 * Clean editorial layout: breadcrumb -> title/meta -> hero -> body -> share
 * ============================================================ */

.elara-library-detail {
    padding: 28px 0 72px;
}

.elara-library-detail .container {
    max-width: 880px;
}

.elara-library-detail__breadcrumb .breadcrumb {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 14.5px !important;
    color: #6a6a6a !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    flex-wrap: wrap;
}

.elara-library-detail__breadcrumb .breadcrumb-item,
.elara-library-detail__breadcrumb .breadcrumb-item a {
    color: #6a6a6a !important;
    text-decoration: none !important;
    font-style: normal !important;
}

.elara-library-detail__breadcrumb .breadcrumb-item a:hover {
    color: #141414 !important;
}

.elara-library-detail__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #b5b5b5;
    padding: 0 8px;
}

.elara-library-detail__breadcrumb .breadcrumb-item.active {
    color: #141414 !important;
    font-weight: 600 !important;
    max-width: 60ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elara-library-detail__header {
    margin-bottom: 24px;
}

.elara-library-detail__title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 38px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #141414 !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 0.2px;
}

.elara-library-detail__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 14.5px !important;
    color: #6a6a6a !important;
}

.elara-library-detail__category {
    color: #4a4a4a !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-transform: none;
}

.elara-library-detail__meta-sep {
    color: #c8c8c8 !important;
    font-size: 14px;
}

.elara-library-detail__date {
    color: #6a6a6a !important;
    font-style: normal !important;
}

.elara-library-detail__hero {
    margin: 0 0 32px 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f3f3;
}

.elara-library-detail__hero img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.elara-library-detail__article {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
}

.elara-library-detail__body {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #2a2a2a !important;
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

.elara-library-detail__body p,
.elara-library-detail__body li,
.elara-library-detail__body span,
.elara-library-detail__body div,
.elara-library-detail__body td,
.elara-library-detail__body th {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #2a2a2a !important;
}

.elara-library-detail__body p {
    margin: 0 0 18px 0 !important;
}

.elara-library-detail__body p:last-child {
    margin-bottom: 0 !important;
}

.elara-library-detail__body p:empty,
.elara-library-detail__body div:empty,
.elara-library-detail__body span:empty {
    display: none !important;
}

.elara-library-detail__body p > br:only-child,
.elara-library-detail__body div > br:only-child {
    display: none !important;
}

.elara-library-detail__body br + br {
    display: none !important;
}

.elara-library-detail__body h1,
.elara-library-detail__body h2,
.elara-library-detail__body h3,
.elara-library-detail__body h4,
.elara-library-detail__body h5,
.elara-library-detail__body h6 {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-weight: 600 !important;
    color: #141414 !important;
    margin: 28px 0 12px 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.elara-library-detail__body h1 { font-size: 26px !important; }
.elara-library-detail__body h2 { font-size: 24px !important; }
.elara-library-detail__body h3 { font-size: 21px !important; }
.elara-library-detail__body h4,
.elara-library-detail__body h5,
.elara-library-detail__body h6 { font-size: 19px !important; }

.elara-library-detail__body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 22px auto;
    border-radius: 10px;
}

.elara-library-detail__body a {
    color: #141414 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.elara-library-detail__body a:hover {
    color: #4a4a4a !important;
}

.elara-library-detail__body blockquote {
    border-left: 3px solid #d4d4d4;
    margin: 24px 0;
    padding: 4px 0 4px 18px;
    color: #4a4a4a !important;
    font-style: italic;
}

.elara-library-detail__body ul,
.elara-library-detail__body ol {
    padding-left: 22px;
    margin: 0 0 18px 0;
}

.elara-library-detail__body li {
    margin-bottom: 6px;
}

/* Share footer */
.elara-library-detail__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 40px;
    padding-top: 22px;
    border-top: 1px solid #e8e8e8;
}

.elara-library-detail__share-label {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 14.5px !important;
    color: #6a6a6a !important;
    letter-spacing: 0.4px;
    text-transform: none;
    font-weight: 500;
}

.elara-library-detail__share.aiz-share2 {
    flex: 1 1 auto;
    min-width: 0;
}

.elara-library-detail__share .jssocials-shares {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
}

.elara-library-detail__share .jssocials-share {
    margin: 0 !important;
}

.elara-library-detail__share .jssocials-share-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #d4d4d4 !important;
    color: #141414 !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none !important;
}

.elara-library-detail__share .jssocials-share-link:hover,
.elara-library-detail__share .jssocials-share-link:focus {
    background: #141414 !important;
    border-color: #141414 !important;
    color: #ffffff !important;
}

.elara-library-detail__share .jssocials-share-link i,
.elara-library-detail__share .jssocials-share-logo {
    font-size: 16px !important;
    color: inherit !important;
    line-height: 1 !important;
}

.elara-library-detail__share .jssocials-share-count-box,
.elara-library-detail__share .jssocials-share-count {
    display: none !important;
}

.elara-library-detail__share .jssocials-share-label {
    display: none !important;
}

.elara-library-detail__comments {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid #e8e8e8;
}

.elara-library-detail__comments .fb_iframe_widget,
.elara-library-detail__comments .fb_iframe_widget span,
.elara-library-detail__comments .fb_iframe_widget iframe.fb_iframe_widget_lift {
    width: 100% !important;
}

@media (max-width: 767.98px) {
    .elara-library-detail {
        padding: 18px 0 56px;
    }
    .elara-library-detail__title {
        font-size: 28px !important;
    }
    .elara-library-detail__body,
    .elara-library-detail__body p,
    .elara-library-detail__body li,
    .elara-library-detail__body span,
    .elara-library-detail__body div {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }
    .elara-library-detail__breadcrumb .breadcrumb-item.active {
        max-width: 28ch;
    }
    .elara-library-detail__footer {
        gap: 10px;
    }
    .elara-library-detail__share .jssocials-share-link {
        width: 36px !important;
        height: 36px !important;
    }
}

/* ============================================================
 * ELARA TOAST / NOTIFY — Monochrome theme
 * Override Bootstrap alert-* colors for AIZ.plugins.notify (bootstrap-notify)
 * Hitam tebal (solid) untuk success/danger/dark, hitam tipis (outline)
 * untuk info/warning/secondary/light/primary.
 * ============================================================ */

.aiz-notify.alert {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 280px;
    max-width: 420px;
    margin: 0 0 12px 0 !important;
    padding: 14px 44px 14px 18px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #141414 !important;
    border: 1px solid #141414 !important;
    box-shadow: 0 6px 24px rgba(20, 20, 20, 0.08) !important;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.1px;
    overflow: hidden;
}

.aiz-notify.alert [data-notify="message"] {
    flex: 1 1 auto;
    min-width: 0;
    color: inherit !important;
    font-weight: 500;
    word-break: break-word;
}

.aiz-notify.alert .close,
.aiz-notify.alert [data-notify="dismiss"] {
    position: absolute;
    top: 8px;
    right: 10px;
    margin: 0 !important;
    padding: 4px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    opacity: 0.55;
    transition: opacity 0.2s ease, transform 0.2s ease;
    line-height: 1;
    text-shadow: none !important;
    font-size: 14px;
    z-index: 2;
}

.aiz-notify.alert .close:hover,
.aiz-notify.alert [data-notify="dismiss"]:hover {
    opacity: 1;
    transform: scale(1.05);
}

.aiz-notify.alert .close i {
    font-size: 16px;
    line-height: 1;
}

.aiz-notify.alert [data-notify="progressbar"],
.aiz-notify.alert .progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px !important;
    background: rgba(20, 20, 20, 0.08) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

.aiz-notify.alert .progress-bar {
    background: #141414 !important;
    height: 100% !important;
    box-shadow: none !important;
}

/* Solid black variants (hitam tebal) — success / danger / dark / primary */
.aiz-notify.alert-success,
.aiz-notify.alert-danger,
.aiz-notify.alert-dark,
.aiz-notify.alert-primary {
    background: #141414 !important;
    color: #ffffff !important;
    border-color: #141414 !important;
}

.aiz-notify.alert-success [data-notify="progressbar"],
.aiz-notify.alert-danger [data-notify="progressbar"],
.aiz-notify.alert-dark [data-notify="progressbar"],
.aiz-notify.alert-primary [data-notify="progressbar"] {
    background: rgba(255, 255, 255, 0.18) !important;
}

.aiz-notify.alert-success .progress-bar,
.aiz-notify.alert-danger .progress-bar,
.aiz-notify.alert-dark .progress-bar,
.aiz-notify.alert-primary .progress-bar {
    background: #ffffff !important;
}

/* Subtle marker on solid variants to differentiate at a glance (still monochrome) */
.aiz-notify.alert-danger::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: #ffffff;
    opacity: 0.85;
}

/* Outline / thin variants (hitam tipis) — info / warning / secondary / light */
.aiz-notify.alert-info,
.aiz-notify.alert-warning,
.aiz-notify.alert-secondary,
.aiz-notify.alert-light {
    background: #ffffff !important;
    color: #141414 !important;
    border: 1px solid #141414 !important;
}

.aiz-notify.alert-info [data-notify="progressbar"],
.aiz-notify.alert-warning [data-notify="progressbar"],
.aiz-notify.alert-secondary [data-notify="progressbar"],
.aiz-notify.alert-light [data-notify="progressbar"] {
    background: rgba(20, 20, 20, 0.08) !important;
}

.aiz-notify.alert-info .progress-bar,
.aiz-notify.alert-warning .progress-bar,
.aiz-notify.alert-secondary .progress-bar,
.aiz-notify.alert-light .progress-bar {
    background: #141414 !important;
}

/* Kill any lingering bootstrap inline borders/colors */
.aiz-notify.alert .alert-link,
.aiz-notify.alert a {
    color: inherit !important;
    text-decoration: underline !important;
}

@media (max-width: 575.98px) {
    .aiz-notify.alert {
        min-width: 0;
        max-width: calc(100vw - 32px);
        margin: 0 16px 10px !important;
        font-size: 14px !important;
        padding: 12px 38px 12px 14px !important;
    }
}

/* ============================================================
 * ELARA SHOP / LISTING (search & category)
 * Mockup: editorial header, pill sub-nav, 4-col grid, dark filter drawer
 * ============================================================ */

.elara-shop {
    background: #ffffff;
    overflow-x: hidden;
}

.elara-shop-form { display: block; }

/* Header row */
.elara-shop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.elara-shop-title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #141414 !important;
    margin: 0 !important;
    letter-spacing: 0.2px;
}

.elara-shop-header__right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.elara-shop-breadcrumb .breadcrumb {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15px !important;
    color: #6a6a6a !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap;
}

.elara-shop-breadcrumb .breadcrumb-item,
.elara-shop-breadcrumb .breadcrumb-item a {
    color: #6a6a6a !important;
    text-decoration: none !important;
    font-style: normal !important;
}

.elara-shop-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #6a6a6a;
    padding: 0 6px 0 2px;
}

.elara-shop-breadcrumb .breadcrumb-item.active {
    color: #141414 !important;
    font-weight: 600 !important;
}

.elara-shop-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    padding: 0 22px;
    background: #141414;
    color: #ffffff;
    border: 1px solid #141414;
    border-radius: 6px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.elara-shop-filter-btn:hover,
.elara-shop-filter-btn:focus {
    background: #2a2a2a;
    color: #ffffff;
}

/* Sub-nav (New | Calming Series | ...) — full-width pipe-separated */
.elara-shop-subnav {
    margin: 14px 0 24px;
    padding-bottom: 0;
    width: 100%;
}

.elara-shop-subnav__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: space-between;
    gap: 4px;
}

.elara-shop-subnav__item {
    display: inline-flex;
    align-items: center;
    flex: 1 1 0;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
}

.elara-shop-subnav__item::before {
    content: "|";
    color: #c8c8c8;
    font-weight: 300;
    margin-right: 8px;
}

.elara-shop-subnav__item:first-child::before {
    content: none !important;
    margin-right: 0 !important;
}

.elara-shop-subnav__link {
    display: inline-block;
    padding: 6px 8px 8px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15.5px;
    font-weight: 500;
    color: #4a4a4a;
    text-decoration: none !important;
    text-transform: capitalize !important;
    transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
    flex: 1 1 auto;
    text-align: center;
    border-bottom: none;
}

/* Garis bawah seri: dinonaktifkan (permintaan UX /search) */
.elara-shop-subnav__link--accent {
    border-bottom: none;
}

.elara-shop-subnav__link--accent.is-active {
    border-bottom: none;
    padding-bottom: 8px;
}

.elara-shop-filter__benefit-accent {
    width: 3px;
    align-self: stretch;
    min-height: 14px;
    border-radius: 2px;
    flex-shrink: 0;
    background: var(--accent, rgba(255, 255, 255, 0.4));
    opacity: 0.95;
}

.elara-shop-subnav__link:hover,
.elara-shop-subnav__link:focus {
    color: #141414;
}

.elara-shop-subnav__link.is-active {
    color: #141414;
    font-weight: 600;
    border-bottom: none;
}

@media (max-width: 991.98px) {
    .elara-shop-subnav {
        width: 100%;
        max-width: 100%;
        margin: 10px 0 20px;
        padding-bottom: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .elara-shop-subnav::-webkit-scrollbar {
        display: none;
    }

    .elara-shop-subnav__list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0;
        width: max-content;
        min-width: 100%;
        max-width: none;
        padding-right: 18px;
    }

    .elara-shop-subnav__item {
        flex: 0 0 auto;
    }

    .elara-shop-subnav__link {
        white-space: nowrap;
    }
}

/* Product grid — same card design as home, no carousel wrapper */
.elara-shop-grid {
    margin-bottom: 28px;
    margin-left: -10px;
    margin-right: -10px;
}

.elara-shop-grid__col {
    display: flex;
    align-items: stretch;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.elara-shop-grid__col > .elara-newest-card {
    width: 100%;
}

/*
 * Kartu produk di grid toko (/search, kategori, wishlist grid) = sama dengan
 * home #section_newest (newest-products.css tidak memencar .elara-shop-grid).
 */
.elara-shop-grid .elara-newest-card,
.elara-dash__recommend-cell .elara-newest-card {
    width: 100%;
    height: auto;
    min-height: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: block !important;
    padding-bottom: 8px;
    transition: transform 0.28s ease, filter 0.28s ease;
}

.elara-shop-grid .elara-newest-card:hover,
.elara-dash__recommend-cell .elara-newest-card:hover {
    transform: translateY(-2px);
    border-color: transparent !important;
    box-shadow: none !important;
}

.elara-shop-grid .elara-newest-card__visual,
.elara-dash__recommend-cell .elara-newest-card__visual {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #f4f4f4 !important;
    aspect-ratio: 1 / 1.12 !important;
    box-shadow: none !important;
    transition: box-shadow 0.28s ease, filter 0.28s ease;
}

.elara-shop-grid .elara-newest-card__visual::after,
.elara-dash__recommend-cell .elara-newest-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 58%, rgba(20, 20, 20, 0.045) 100%);
    opacity: 0;
    transition: opacity 0.28s ease;
}

.elara-shop-grid .elara-newest-card:hover .elara-newest-card__visual::after,
.elara-dash__recommend-cell .elara-newest-card:hover .elara-newest-card__visual::after {
    opacity: 1;
}

.elara-shop-grid .elara-newest-card__cover-link,
.elara-dash__recommend-cell .elara-newest-card__cover-link {
    z-index: 2 !important;
}

.elara-shop-grid .elara-newest-card__img-stage,
.elara-dash__recommend-cell .elara-newest-card__img-stage {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.elara-shop-grid .elara-newest-card__img,
.elara-dash__recommend-cell .elara-newest-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.42s ease, filter 0.42s ease !important;
}

.elara-shop-grid .elara-newest-card:hover .elara-newest-card__img,
.elara-dash__recommend-cell .elara-newest-card:hover .elara-newest-card__img {
    transform: scale(1.035) !important;
    filter: brightness(1.015) contrast(1.02) !important;
}

.elara-shop-grid .elara-newest-card__badge,
.elara-dash__recommend-cell .elara-newest-card__badge {
    display: none !important;
}

.elara-shop-grid .elara-newest-card__actions,
.elara-dash__recommend-cell .elara-newest-card__actions {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    right: 12px !important;
    left: auto !important;
    flex-direction: row !important;
    gap: 7px !important;
    z-index: 4 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s !important;
}

.elara-shop-grid .elara-newest-card:hover .elara-newest-card__actions,
.elara-shop-grid .elara-newest-card:focus-within .elara-newest-card__actions,
.elara-dash__recommend-cell .elara-newest-card:hover .elara-newest-card__actions,
.elara-dash__recommend-cell .elara-newest-card:focus-within .elara-newest-card__actions {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0s !important;
}

.elara-shop-grid .elara-newest-card__action-btn,
.elara-dash__recommend-cell .elara-newest-card__action-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #141414 !important;
    box-shadow: 0 6px 16px rgba(20, 20, 20, 0.12) !important;
    border: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.elara-shop-grid .elara-newest-card__action-btn i,
.elara-dash__recommend-cell .elara-newest-card__action-btn i {
    font-size: 18px !important;
    color: #141414 !important;
}

.elara-shop-grid .elara-newest-card__action-btn:hover,
.elara-shop-grid .elara-newest-card__action-btn:focus,
.elara-dash__recommend-cell .elara-newest-card__action-btn:hover,
.elara-dash__recommend-cell .elara-newest-card__action-btn:focus {
    background: #141414 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(20, 20, 20, 0.18) !important;
}

.elara-shop-grid .elara-newest-card__action-btn:hover i,
.elara-shop-grid .elara-newest-card__action-btn:focus i,
.elara-dash__recommend-cell .elara-newest-card__action-btn:hover i,
.elara-dash__recommend-cell .elara-newest-card__action-btn:focus i {
    color: #ffffff !important;
}

@media (hover: none), (pointer: coarse) {
    .elara-shop-grid .elara-newest-card__actions,
    .elara-dash__recommend-cell .elara-newest-card__actions {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
        transition: none !important;
        top: auto !important;
        bottom: 12px !important;
        right: 12px !important;
        flex-direction: row !important;
    }
}

.elara-shop-grid .elara-newest-card__body,
.elara-dash__recommend-cell .elara-newest-card__body {
    padding: 10px 0 0 !important;
    background: transparent !important;
}

.elara-shop-grid .elara-newest-card__category,
.elara-dash__recommend-cell .elara-newest-card__category {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 3px !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.02em !important;
    color: rgba(20, 20, 20, 0.55) !important;
    -webkit-font-smoothing: antialiased !important;
}

.elara-shop-grid .elara-newest-card__title,
.elara-dash__recommend-cell .elara-newest-card__title {
    margin: 0 0 5px !important;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, 'Times New Roman', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    color: #141414 !important;
    min-height: 0 !important;
    max-height: 44px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.elara-shop-grid .elara-newest-card__title a,
.elara-dash__recommend-cell .elara-newest-card__title a {
    color: #141414 !important;
    transition: color 0.2s ease !important;
}

.elara-shop-grid .elara-newest-card:hover .elara-newest-card__title a,
.elara-dash__recommend-cell .elara-newest-card:hover .elara-newest-card__title a {
    color: #000000 !important;
}

.elara-shop-grid .elara-newest-card__price,
.elara-dash__recommend-cell .elara-newest-card__price {
    margin: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    min-height: 22px !important;
    line-height: 1.15 !important;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, 'Times New Roman', serif !important;
}

.elara-shop-grid .elara-newest-card__price-old,
.elara-dash__recommend-cell .elara-newest-card__price-old {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(20, 20, 20, 0.42) !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
}

.elara-shop-grid .elara-newest-card__price-now,
.elara-dash__recommend-cell .elara-newest-card__price-now {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

@media (max-width: 575.98px) {
    .elara-shop-grid .elara-newest-card__visual,
    .elara-dash__recommend-cell .elara-newest-card__visual {
        border-radius: 7px !important;
    }

    .elara-shop-grid .elara-newest-card__title,
    .elara-dash__recommend-cell .elara-newest-card__title {
        font-size: 14px !important;
    }

    .elara-shop-grid .elara-newest-card__category,
    .elara-dash__recommend-cell .elara-newest-card__category {
        font-size: 12.5px !important;
        font-weight: 400 !important;
        letter-spacing: 0.02em !important;
    }

    .elara-shop-grid .elara-newest-card__price-now,
    .elara-dash__recommend-cell .elara-newest-card__price-now {
        font-size: 13px !important;
    }
}

@media (max-width: 767.98px) {
    .elara-shop-title { font-size: 24px !important; }
    .elara-shop-header { gap: 10px; }
    .elara-shop-header__right { gap: 10px; width: 100%; justify-content: space-between; }
    .elara-shop-subnav { padding-bottom: 8px; margin: 8px 0 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .elara-shop-subnav__list { flex-wrap: nowrap; justify-content: flex-start; gap: 0; min-width: max-content; }
    .elara-shop-subnav__item { flex: 0 0 auto; }
    .elara-shop-subnav__item::before { margin-right: 6px; }
    .elara-shop-subnav__link { padding: 6px 6px 8px; font-size: 14.5px; }
}

/* Load More button (replaces pagination) */
.elara-shop-loadmore {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    margin-bottom: 8px;
}

.elara-shop-loadmore__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 46px;
    min-width: 220px;
    padding: 0 38px;
    background: #141414;
    color: #ffffff;
    border: 1px solid #141414;
    border-radius: 999px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease;
}

.elara-shop-loadmore__btn:hover,
.elara-shop-loadmore__btn:focus {
    background: #2a2a2a;
    color: #ffffff;
    transform: translateY(-1px);
}

.elara-shop-loadmore__btn:active {
    transform: translateY(0);
}

.elara-shop-loadmore__btn[disabled] {
    cursor: progress;
    opacity: 0.85;
}

.elara-shop-loadmore__spinner {
    display: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #ffffff;
    animation: elaraShopSpin 0.7s linear infinite;
}

.elara-shop-loadmore__btn.is-loading .elara-shop-loadmore__spinner {
    display: inline-block;
}

@keyframes elaraShopSpin {
    to { transform: rotate(360deg); }
}

/* Empty state */
.elara-shop-empty {
    text-align: center;
    padding: 56px 16px 64px;
    color: #6a6a6a;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
}

.elara-shop-empty p {
    font-size: 17px;
    margin: 0 0 18px;
}

.elara-shop-empty__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 32px;
    background: #141414;
    color: #ffffff !important;
    border-radius: 999px;
    font-size: 15px;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.elara-shop-empty__cta:hover { background: #2a2a2a; }

/* ============================================================
 * Filter Drawer (slide from right, dark Elara theme)
 * ============================================================ */
.elara-shop-filter {
    position: fixed;
    inset: 0;
    z-index: 1080;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}

.elara-shop-filter.is-open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease, visibility 0s linear 0s;
}

.elara-shop-filter__overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 20, 20, 0.5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.elara-shop-filter__panel {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: min(420px, 100%);
    background: #141414;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
    box-shadow: -16px 0 40px rgba(0, 0, 0, 0.4);
}

.elara-shop-filter.is-open .elara-shop-filter__panel {
    transform: translateX(0);
}

.elara-shop-filter__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px 8px;
}

.elara-shop-filter__title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    letter-spacing: 0.2px;
}

.elara-shop-filter__close {
    background: transparent;
    border: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
}

.elara-shop-filter__close:hover {
    background: rgba(255, 255, 255, 0.08);
}

.elara-shop-filter__body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px 28px 24px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.18) transparent;
}

.elara-shop-filter__body::-webkit-scrollbar { width: 6px; }
.elara-shop-filter__body::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.18);
    border-radius: 3px;
}

.elara-shop-filter__group {
    margin-bottom: 28px;
}

.elara-shop-filter__group:last-child { margin-bottom: 8px; }

.elara-shop-filter__group-title {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: 0.2px;
}

.elara-shop-filter__options {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.elara-shop-filter__option { margin: 0; padding: 0; }

/* Custom checkbox */
.elara-shop-check {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 6px 0;
    margin: 0;
    user-select: none;
}

.elara-shop-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.elara-shop-check__box {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1.5px solid rgba(255,255,255,0.55);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.elara-shop-check__box::after {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #141414;
    border-bottom: 2px solid #141414;
    transform: rotate(-45deg) translate(1px, -1px);
    opacity: 0;
    transition: opacity 0.15s ease;
}

.elara-shop-check input:checked + .elara-shop-check__box {
    background: #ffffff;
    border-color: #ffffff;
}

.elara-shop-check input:checked + .elara-shop-check__box::after {
    opacity: 1;
}

.elara-shop-check__label {
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15.5px;
    font-weight: 400;
    color: rgba(255,255,255,0.92);
    line-height: 1.2;
}

.elara-shop-check:hover .elara-shop-check__box {
    border-color: #ffffff;
}

/* Price range inside drawer (dark) */
.elara-shop-price #input-slider-range,
.elara-shop-price .noUi-target {
    background: rgba(255,255,255,0.18);
    border: 0;
    box-shadow: none;
    height: 3px;
}

.elara-shop-price .noUi-connect {
    background: #ffffff;
}

.elara-shop-price .noUi-handle {
    background: #ffffff;
    border: 0;
    box-shadow: none;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    top: -7px !important;
    right: -8px !important;
}

.elara-shop-price .noUi-handle::before,
.elara-shop-price .noUi-handle::after {
    display: none;
}

.elara-shop-price__values {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    color: rgba(255,255,255,0.85);
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 14px;
    letter-spacing: 0.2px;
}

/* Drawer footer */
.elara-shop-filter__footer {
    display: flex;
    gap: 12px;
    padding: 18px 28px 24px;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: #141414;
}

.elara-shop-filter__btn {
    flex: 1 1 50%;
    height: 46px;
    border-radius: 6px;
    font-family: 'Crimson Pro', 'Crimson Text', Georgia, serif !important;
    font-size: 15.5px;
    font-weight: 500;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elara-shop-filter__btn--ghost {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.45);
}

.elara-shop-filter__btn--ghost:hover {
    border-color: #ffffff;
    background: rgba(255,255,255,0.06);
}

.elara-shop-filter__btn--solid {
    background: #ffffff;
    color: #141414;
    border: 1px solid #ffffff;
}

.elara-shop-filter__btn--solid:hover {
    background: #f0f0f0;
}

/* Lock body scroll while drawer open */
body.elara-shop-filter-open {
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .elara-shop-filter__panel { width: min(360px, 92%); }
    .elara-shop-filter__head { padding: 18px 20px 6px; }
    .elara-shop-filter__body { padding: 12px 20px 20px; }
    .elara-shop-filter__footer { padding: 14px 20px 18px; }
    .elara-shop-filter__title { font-size: 22px !important; }
}

/* =====================================================================
   ELARA — CUSTOMER ACCOUNT (DASHBOARD) — REMAKE 2026-05
   Layout: header (Hi, name + breadcrumb) + pill sidebar + content
   ===================================================================== */
.elara-account-shell {
    padding: 56px 0 96px;
    background: #fff;
}
.elara-account-container {
    max-width: 1200px;
}

/* Header (Hi, name + breadcrumb) */
.elara-account-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}
.elara-account-header__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: 0;
}
.elara-account-header__name {
    font-weight: 700;
}
.elara-account-header__crumbs {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    color: #626565;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 8px;
}
.elara-account-header__crumbs a {
    color: #626565;
    text-decoration: none;
}
.elara-account-header__crumbs a:hover { color: #141414; }
.elara-account-header__crumbs .sep { color: #626565; }
.elara-account-header__crumbs-current {
    color: #141414;
    font-weight: 600;
}

/* Grid: sidebar + main */
.elara-account-grid {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 56px;
    align-items: flex-start;
}
@media (max-width: 991.98px) {
    .elara-account-grid { grid-template-columns: 1fr; gap: 32px; }
}
.elara-account-aside {
    position: sticky;
    top: 110px;
}

/* Sidebar pills */
.elara-acc-nav { width: 100%; }
.elara-acc-nav__list {
    list-style: none;
    margin: 0 0 32px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.elara-acc-nav__item { margin: 0; padding: 0; }
.elara-acc-nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 13px 18px;
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px;
    font-weight: 500;
    color: #141414 !important;
    background: #fff;
    border: 1.4px solid #141414;
    border-radius: 999px;
    text-align: center;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
}
.elara-acc-nav__link:hover {
    background: #f1f1f1;
    color: #141414 !important;
    text-decoration: none !important;
}
.elara-acc-nav__link.is-active {
    background: #141414;
    color: #fff !important;
    border-color: #141414;
}
.elara-acc-nav__link.is-active:hover {
    background: #141414;
    color: #fff !important;
}
.elara-acc-nav__logout {
    display: block;
    width: 100%;
    margin-top: 18px;
    padding: 8px 0;
    text-align: center;
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px;
    color: #141414 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}
.elara-acc-nav__logout:hover {
    color: #626565 !important;
    text-decoration: underline !important;
}

/* Main content area */
.elara-account-main {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.elara-account-section {
    font-family: 'Crimson Pro', serif;
}
.elara-account-section__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 0;
}
.elara-account-section__title--with-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}
.elara-account-section__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #141414;
    font-size: 18px;
}
.elara-account-subtitle {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #141414 !important;
    margin: 22px 0 18px 0 !important;
}
.elara-account-back {
    display: inline-block;
    margin: 0 0 18px 0;
    color: #141414 !important;
    text-decoration: none !important;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
}
.elara-account-back:hover { color: #626565 !important; text-decoration: none !important; }

/* Buttons (solid black pill / outlined ghost) */
.elara-account-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 999px;
    border: 1.4px solid #141414;
    cursor: pointer;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
}
.elara-account-btn--solid {
    background: #141414;
    color: #fff !important;
}
.elara-account-btn--solid:hover {
    background: #2c2c2c;
    color: #fff !important;
    border-color: #2c2c2c;
}
.elara-account-btn--ghost {
    background: #fff;
    color: #141414 !important;
}
.elara-account-btn--ghost:hover {
    background: #f1f1f1;
    color: #141414 !important;
}
.elara-account-btn--full {
    width: 100%;
    display: flex;
}

/* Empty state (Orders empty / wishlist empty / addresses empty) */
.elara-account-empty {
    max-width: 340px;
    padding: 8px 0;
}
.elara-account-empty__text {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    color: #141414;
    margin: 0 0 14px 0;
}
.elara-account-empty .elara-account-btn {
    width: 100%;
    display: flex;
}

/* Generic link inline */
.elara-acc-link {
    color: #141414 !important;
    text-decoration: none !important;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
}
.elara-acc-link:hover { color: #626565 !important; }
.elara-acc-link--muted { color: #626565 !important; }
.elara-acc-link--muted:hover { color: #141414 !important; }

/* Pagination (reuse Bootstrap pagination but simplify) */
.elara-account-pagination .pagination {
    justify-content: flex-start;
    margin: 24px 0 0 0;
}

/* ----- Orders list (dashboard) ----- */
.elara-account-orders__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.elara-account-orders__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
}
.elara-account-orders__count {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #626565;
    margin: 0;
}
.elara-account-orders__list {
    display: flex;
    flex-direction: column;
}
.elara-acc-order-row {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #ececec;
    font-family: 'Crimson Pro', serif;
}
.elara-acc-order-row:last-child { border-bottom: none; }
.elara-acc-order-row__main { min-width: 0; }
.elara-acc-order-row__code {
    font-size: 15px;
    font-weight: 600;
    color: #141414;
    margin: 0 0 4px 0;
}
.elara-acc-order-row__date {
    font-size: 13px;
    color: #626565;
    margin: 0;
}
.elara-acc-order-row__amount {
    font-size: 15px;
    font-weight: 600;
    color: #141414;
}
.elara-acc-order-row__badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    border: 1px solid #141414;
    font-size: 12px;
    font-weight: 600;
    color: #141414;
    background: transparent;
    text-transform: none;
}
.elara-acc-order-row__badge.is-paid { background: #141414; color: #fff; }
.elara-acc-order-row__badge.is-cancel { color: #626565; border-color: #cfcfcf; }
.elara-acc-order-row__badge.is-expired { color: #626565; border-color: #cfcfcf; }
.elara-acc-order-row__action {
    text-align: right;
}
@media (max-width: 575.98px) {
    .elara-acc-order-row {
        grid-template-columns: 1fr 1fr;
        gap: 8px 16px;
    }
    .elara-acc-order-row__action { grid-column: 1 / -1; text-align: left; }
}

/* ----- Recent orders / Wishlist product cards ----- */
.elara-account-recent__grid,
.elara-account-wishlist__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 32px 24px;
    max-width: 720px;
}
@media (max-width: 575.98px) {
    .elara-account-recent__grid,
    .elara-account-wishlist__grid {
        grid-template-columns: 1fr;
        max-width: 100%;
    }
}
.elara-acc-product {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 240px;
}
.elara-acc-product__thumb {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f4f4f4;
    border-radius: 2px;
}
.elara-acc-product__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.elara-acc-product__heart {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    z-index: 2;
}
.elara-acc-product__body {
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.elara-acc-product__cat {
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    color: #626565;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.02em;
}
.elara-acc-product__name {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    line-height: 1.3;
}
.elara-acc-product__name a {
    color: #141414 !important;
    text-decoration: none !important;
}
.elara-acc-product__name a:hover { color: #626565 !important; }
.elara-acc-product__price {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    color: #141414;
    margin: 2px 0 0 0;
}
.elara-acc-product__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
.elara-acc-product__actions .elara-account-btn {
    padding: 11px 20px;
    font-size: 14px;
}
.elara-acc-product--wishlist .elara-acc-product__actions .elara-account-btn {
    flex: 1;
    min-width: 0;
}

/* ----- Addresses ----- */
.elara-account-addresses {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.elara-acc-address-card {
    border: 1.4px solid #141414;
    border-radius: 22px;
    padding: 22px 26px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #fff;
    font-family: 'Crimson Pro', serif;
    position: relative;
}
.elara-acc-address-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.elara-acc-address-card__line {
    margin: 0;
    color: #141414;
    font-size: 15px;
    line-height: 1.5;
}
.elara-acc-address-card__line--name {
    font-weight: 600;
}
.elara-acc-address-card__lines {
    color: #141414;
    font-size: 15px;
    line-height: 1.55;
}
.elara-acc-address-card__lines * {
    font-family: 'Crimson Pro', serif !important;
    color: #141414 !important;
    margin: 0;
}
.elara-acc-address-card__lines br + br { display: none; }
.elara-acc-address-card__badge {
    position: absolute;
    top: 16px;
    right: 22px;
    background: #141414;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 999px;
    letter-spacing: 0.04em;
}
.elara-acc-address-card.is-default {
    border-color: #141414;
    box-shadow: inset 0 0 0 1px #141414;
}
.elara-acc-address-card__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.elara-acc-address-card__sep { color: #cfcfcf; }
.elara-account-addresses__add {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

/* ----- Account details ----- */
.elara-acc-detail-card {
    box-sizing: border-box;
    border: 1px solid #141414;
    border-radius: 18px;
    padding: 26px 32px 24px;
    background: #fff;
    font-family: 'Crimson Pro', serif;
    width: 100%;
    max-width: 100%;
}
.elara-acc-detail-card__rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 22px;
}
.elara-acc-detail-card__row {
    display: grid;
    grid-template-columns: 140px 12px 1fr;
    align-items: baseline;
    gap: 10px;
    color: #141414;
    font-size: 15px;
}
.elara-acc-detail-card__label {
    color: #141414;
    font-weight: 500;
}
.elara-acc-detail-card__sep { color: #141414; }
.elara-acc-detail-card__val { color: #141414; }
.elara-acc-detail-card__cta {
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ----- Forms (edit profile, add address etc.) ----- */
.elara-acc-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 620px;
}
.elara-acc-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
@media (max-width: 575.98px) {
    .elara-acc-form__row { grid-template-columns: 1fr; }
}
.elara-acc-form__group { display: flex; flex-direction: column; gap: 6px; }
.elara-acc-form__label {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    color: #141414;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.elara-acc-form__lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #141414;
    color: #fff;
    font-size: 10px;
}
.elara-acc-form__hint {
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    color: #9e9f9e;
    margin: 4px 0 0 0;
    font-style: italic;
}
.elara-acc-input.is-locked {
    background: #f4f4f4 !important;
    color: #626565 !important;
    cursor: not-allowed;
    border-color: #ececec !important;
}
.elara-acc-input.is-locked:focus {
    outline: none;
    box-shadow: none;
    border-color: #ececec !important;
}
.elara-acc-input {
    display: block;
    width: 100%;
    padding: 14px 22px;
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px !important;
    color: #141414 !important;
    background: #fff !important;
    border: 1.4px solid #141414 !important;
    border-radius: 999px !important;
    line-height: 1.2;
    transition: border-color 0.18s ease;
    height: auto;
}
.elara-acc-input:focus {
    outline: none;
    border-color: #141414 !important;
    box-shadow: none !important;
}
.elara-acc-input::placeholder { color: #9e9f9e !important; }
textarea.elara-acc-input {
    border-radius: 22px !important;
    min-height: 92px;
}
.elara-acc-form__cta {
    display: flex;
    gap: 14px;
    margin-top: 6px;
    flex-wrap: wrap;
}

/* ----- Change password modal ----- */
.elara-acc-pwd-modal .modal-dialog { max-width: 540px; }
.elara-acc-pwd-modal .modal-content {
    border-radius: 12px;
    border: 1px solid #ececec;
    padding: 32px 36px 28px;
    box-shadow: 0 18px 60px rgba(20, 20, 20, 0.18);
    background: #fff;
    font-family: 'Crimson Pro', serif;
}
.elara-acc-pwd-modal__close {
    position: absolute;
    top: 14px;
    right: 18px;
    background: transparent;
    border: none;
    color: #141414;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
}
.elara-acc-pwd-modal__title {
    text-align: center;
    font-family: 'Crimson Pro', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 22px 0 !important;
}
.elara-acc-pwd-modal__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.elara-acc-pwd-modal__field {
    position: relative;
}
.elara-acc-pwd-modal__field .elara-acc-input {
    padding-right: 48px;
}
.elara-acc-pwd-modal__toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9e9f9e;
    cursor: pointer;
    font-size: 18px;
    transition: color 0.18s ease;
}
.elara-acc-pwd-modal__toggle:hover,
.elara-acc-pwd-modal__toggle:focus {
    color: #141414;
    outline: none;
}
.elara-acc-pwd-modal__toggle i { line-height: 1; pointer-events: none; }
.elara-acc-pwd-modal__error {
    margin: 4px 4px 0;
    color: #c82c2c;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    min-height: 1em;
    font-family: 'Crimson Pro', serif;
}
.elara-acc-pwd-modal__cta {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 8px;
}

/* ----- Loyalty card ----- */
.elara-acc-loyalty-card {
    border: 1.4px solid #141414;
    border-radius: 22px;
    padding: 28px 32px;
    background: #fff;
    max-width: 640px;
    font-family: 'Crimson Pro', serif;
}
.elara-acc-loyalty-card__label {
    margin: 0;
    color: #626565;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: none;
}
.elara-acc-loyalty-card__status {
    margin: 4px 0 18px 0;
    color: #141414;
    font-size: 22px;
    font-weight: 700;
}
.elara-acc-loyalty-card__metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 16px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-bottom: 16px;
}
.elara-acc-loyalty-card__metric { display: flex; flex-direction: column; gap: 4px; }
.elara-acc-loyalty-card__metric-label {
    color: #626565;
    font-size: 13px;
}
.elara-acc-loyalty-card__metric-value {
    color: #141414;
    font-size: 20px;
    font-weight: 700;
}
.elara-acc-loyalty-card__hint {
    margin: 0 0 18px 0;
    color: #626565;
    font-size: 14px;
}
.elara-acc-loyalty-card__cta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
@media (max-width: 575.98px) {
    .elara-acc-detail-card__row { grid-template-columns: 110px 12px 1fr; font-size: 14px; }
    .elara-acc-loyalty-card__metrics { grid-template-columns: 1fr; }
}

/* Old user-panel-page-head (used by some pages still extending user_panel)
   — hide so it doesn't conflict with the new account header. */
.elara-account-main .user-panel-page-head { display: none !important; }
.elara-account-main .user-panel-page-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ----- Wishlist (akun) — pakai partial product card sama dgn shop list -----
   Konteks .elara-account-wishlist__cell. */
.elara-account-wishlist__cell {
    position: relative;
}
.elara-account-wishlist__inner {
    position: relative;
    height: 100%;
}
.elara-account-wishlist__inner .elara-newest-card {
    height: 100%;
    box-shadow: none !important;
}
/* Force action icons (heart/cart) selalu terlihat di wishlist supaya gampang aksesnya */
.elara-account-wishlist__inner .elara-newest-card__actions {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
}
.elara-account-wishlist__remove {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.78);
    color: #fff;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 4;
    font-size: 14px;
    transition: background 0.18s ease, transform 0.18s ease;
}
.elara-account-wishlist__remove:hover {
    background: #141414;
    transform: scale(1.05);
}

/* =====================================================================
   ELARA — DASHBOARD (compact, no scroll-heavy)
   ===================================================================== */
.elara-dash {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-family: 'Crimson Pro', serif;
}
.elara-dash > .elara-account-section__title { display: none; }

/* ===== Compact bar header =====
   Border 4 sisi sengaja !important untuk menetralkan rule global
   `body.elara-inner-front header { border-bottom: 0 !important }` jika
   suatu saat element ini dibungkus dengan tag <header>.
*/
.elara-dash__bar {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 24px;
    border-top: 1px solid #141414 !important;
    border-right: 1px solid #141414 !important;
    border-bottom: 1px solid #141414 !important;
    border-left: 1px solid #141414 !important;
    border-radius: 18px;
    background: #fff;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: none !important;
}
.elara-dash__bar * { box-sizing: border-box; }
.elara-dash__bar-greet { display: flex; flex-direction: column; min-width: 0; }
.elara-dash__bar-title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    line-height: 1.15;
}
.elara-dash__bar-title em { font-style: italic; font-weight: 700; }
.elara-dash__bar-sub {
    margin: 2px 0 0 0;
    color: #9e9f9e;
    font-size: 13px;
}

/* Inline stats pill row */
.elara-dash__stats {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.elara-dash__stat {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f4f4f4;
    transition: background 0.18s ease, color 0.18s ease;
}
.elara-dash__stat:hover { background: #141414; }
.elara-dash__stat:hover .elara-dash__stat-value,
.elara-dash__stat:hover .elara-dash__stat-label { color: #fff; }
.elara-dash__stat-value {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 700;
    color: #141414;
    line-height: 1;
    transition: color 0.18s ease;
}
.elara-dash__stat-label {
    font-size: 12px;
    color: #626565;
    transition: color 0.18s ease;
}

/* ===== Section heading ===== */
.elara-dash__section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.elara-dash__section-title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
}
.elara-dash__section-meta {
    font-size: 12px;
    color: #9e9f9e;
    margin: 0;
}

/* ===== Order rows (compact single line) ===== */
.elara-dash__orders { animation: elaraDashRise 0.45s ease-out both; animation-delay: 0.05s; }
.elara-dash__order-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.elara-dash__order-row {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border: 1px solid #141414;
    border-radius: 16px;
    background: #fff;
    width: 100%;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.elara-dash__order-row:hover {
    border-color: #141414;
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(20, 20, 20, 0.05);
}

.elara-dash__order-row-thumbs {
    display: flex;
    gap: 4px;
}
.elara-dash__order-thumb {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    background: #f4f4f4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #9e9f9e;
    font-size: 18px;
}
.elara-dash__order-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elara-dash__order-thumb--more {
    background: #141414;
    color: #fff;
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    font-weight: 600;
}
.elara-dash__order-thumb--placeholder { background: #f4f4f4; }

.elara-dash__order-row-meta { min-width: 0; }
.elara-dash__order-code {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-weight: 700;
    color: #141414;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.elara-dash__order-date {
    font-size: 12px;
    color: #9e9f9e;
    margin: 1px 0 0 0;
}

.elara-dash__order-row-total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}
.elara-dash__order-total-value {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 700;
    color: #141414;
    white-space: nowrap;
}
.elara-dash__order-row-total .elara-acc-order-row__badge {
    font-size: 11px;
    padding: 2px 9px;
}

.elara-dash__order-row-actions {
    display: flex;
    gap: 6px;
}
.elara-dash__row-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border: 1.4px solid #141414;
    border-radius: 999px;
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    font-weight: 600;
    color: #141414 !important;
    background: #fff;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease;
    white-space: nowrap;
}
.elara-dash__row-btn:hover { background: #141414; color: #fff !important; }
.elara-dash__row-btn--solid {
    background: #141414;
    color: #fff !important;
}
.elara-dash__row-btn--solid:hover {
    background: #2a2a2a;
    color: #fff !important;
}

/* Mobile order row collapse */
@media (max-width: 768px) {
    .elara-dash__order-row {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "thumbs meta"
            "thumbs total"
            "actions actions";
        row-gap: 6px;
    }
    .elara-dash__order-row-thumbs { grid-area: thumbs; }
    .elara-dash__order-row-meta { grid-area: meta; }
    .elara-dash__order-row-total {
        grid-area: total;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .elara-dash__order-row-actions {
        grid-area: actions;
        justify-content: flex-end;
    }
}

/* ===== Empty state ===== */
.elara-dash__empty {
    display: flex;
    flex-direction: column;
    gap: 22px;
    animation: elaraDashRise 0.45s ease-out both;
}
.elara-dash__empty-card {
    text-align: center;
    padding: 28px 22px;
    border: 1.4px solid #141414;
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.elara-dash__empty-illu {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #141414;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    animation: elaraDashFloat 3.5s ease-in-out infinite;
}
.elara-dash__empty-title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    max-width: 480px;
}
.elara-dash__empty-sub {
    margin: 0 0 8px 0;
    color: #626565;
    font-size: 14px;
    max-width: 440px;
    line-height: 1.5;
}
.elara-dash__empty-card .elara-account-btn {
    min-width: 200px;
    padding: 10px 24px !important;
}

/* Recommendation grid */
.elara-dash__recommend-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 18px;
}
.elara-dash__recommend-cell .elara-newest-card { box-shadow: none !important; }

/* =====================================================================
   ACCOUNT — Recent Orders & Wishlist cells
   Override .elara-shop-grid__col (flex row) → flex column lewat inner.
   ===================================================================== */
.elara-acc-recent-cell,
.elara-acc-wishlist-cell {
    position: relative;
}

/* Inner wrapper: stack vertikal di dalam col flex */
.elara-acc-recent-cell__inner,
.elara-acc-wishlist-cell__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Card harus full width inner */
.elara-acc-recent-cell__inner > .elara-newest-card,
.elara-acc-wishlist-cell__inner > .elara-newest-card {
    width: 100%;
}

/* Buy Again CTA — tampil di bawah card, tipis dan elegan */
.elara-acc-recent-cell__cta {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 9px 14px;
    border: 1px solid #141414;
    border-radius: 999px;
    background: #fff;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}
.elara-acc-recent-cell__cta:hover {
    background: #141414;
    color: #fff;
}

/* Wishlist: tombol Beli Lagi + X di BAWAH card (sebaris) */
.elara-acc-wishlist-cell__actions {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    align-items: stretch;
}
.elara-acc-wishlist-cell__buy {
    flex: 1 1 auto;
    padding: 9px 14px;
    border: 1px solid #141414;
    border-radius: 999px;
    background: #fff;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}
.elara-acc-wishlist-cell__buy:hover {
    background: #141414;
    color: #fff;
}
.elara-acc-wishlist-cell__remove {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #141414;
    background: #fff;
    color: #141414;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}
.elara-acc-wishlist-cell__remove:hover {
    background: #141414;
    color: #fff;
}
.elara-acc-wishlist-cell__remove i { line-height: 1; }

/* Sembunyikan ikon hover (heart & cart) di card recent orders & wishlist
   karena sudah ada tombol aksi sendiri di bawah */
.elara-acc-recent-cell .elara-newest-card__actions,
.elara-acc-wishlist-cell .elara-newest-card__actions {
    display: none !important;
}

@media (max-width: 575.98px) {
    .elara-acc-recent-cell__cta {
        font-size: 12px;
        padding: 8px 12px;
    }
    .elara-acc-wishlist-cell__buy {
        font-size: 12px;
        padding: 8px 12px;
    }
    .elara-acc-wishlist-cell__remove {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
}

/* Animations */
@keyframes elaraDashRise {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes elaraDashFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}

/* Responsive */
@media (max-width: 575.98px) {
    .elara-dash__bar { padding: 12px 14px; }
    .elara-dash__bar-title { font-size: 16px !important; }
    .elara-dash__stats { width: 100%; }
    .elara-dash__empty-title { font-size: 18px !important; }
}

/* =====================================================================
   ELARA — ACCOUNT / DASHBOARD RESPONSIVE LOCK
   Keeps dashboard + related account pages usable on tablet and mobile.
   ===================================================================== */
@media (max-width: 991.98px) {
    .elara-account-shell {
        padding: 34px 0 62px !important;
        overflow-x: hidden;
    }

    .elara-account-container {
        max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .elara-account-header {
        margin-bottom: 24px !important;
        gap: 10px 18px !important;
    }

    .elara-account-header__title {
        font-size: 24px !important;
        line-height: 1.12 !important;
    }

    .elara-account-header__crumbs {
        width: 100%;
        padding-top: 0 !important;
        font-size: 13px !important;
    }

    .elara-account-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .elara-account-aside {
        position: static !important;
        top: auto !important;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .elara-acc-nav {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .elara-acc-nav__list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100%;
        max-width: 100%;
        margin: 0 0 12px !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
    }

    .elara-acc-nav__list::-webkit-scrollbar {
        display: none;
    }

    .elara-acc-nav__item {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .elara-acc-nav__link {
        min-width: 132px;
        width: auto !important;
        min-height: 40px;
        padding: 10px 15px !important;
        font-size: 14.5px !important;
        white-space: nowrap;
        border-width: 1.2px !important;
    }

    .elara-acc-nav__logout {
        display: inline-flex !important;
        width: auto !important;
        margin: 0 0 4px !important;
        padding: 6px 2px !important;
        font-size: 14px !important;
    }

    .elara-account-main {
        min-width: 0;
        overflow: visible;
    }

    .elara-account-section__title,
    .elara-dash__section-title {
        font-size: 17px !important;
    }

    .elara-dash {
        gap: 15px !important;
    }

    .elara-dash__bar {
        padding: 15px 16px !important;
        gap: 12px !important;
        border-radius: 15px !important;
    }

    .elara-dash__bar-greet {
        flex: 1 1 220px;
    }

    .elara-dash__stats {
        flex: 1 1 280px;
        justify-content: flex-end;
        gap: 7px !important;
    }

    .elara-dash__stat {
        padding: 6px 11px !important;
    }

    .elara-dash__order-row {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "thumbs meta"
            "thumbs total"
            "actions actions";
        gap: 7px 13px !important;
        padding: 13px 15px !important;
        border-radius: 14px !important;
    }

    .elara-dash__order-row-thumbs { grid-area: thumbs; }
    .elara-dash__order-row-meta { grid-area: meta; min-width: 0; }

    .elara-dash__order-row-total {
        grid-area: total;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100%;
        gap: 10px !important;
    }

    .elara-dash__order-row-actions {
        grid-area: actions;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 2px;
    }

    .elara-dash__recommend-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px 14px !important;
    }

    .elara-account-section .elara-shop-grid.row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .elara-account-section .elara-shop-grid__col {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-bottom: 20px !important;
    }

    .elara-acc-detail-card,
    .elara-acc-address-card,
    .elara-acc-loyalty-card {
        border-radius: 16px !important;
        padding: 20px 22px !important;
    }

    .elara-acc-detail-card__row {
        grid-template-columns: 112px 10px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .elara-acc-detail-card__val,
    .elara-acc-address-card__lines,
    .elara-acc-address-card__line {
        overflow-wrap: anywhere;
    }

    .elara-acc-form {
        max-width: 100% !important;
    }

    .elara-acc-input {
        padding: 12px 18px !important;
        font-size: 14.5px !important;
    }

    .elara-acc-pwd-modal .modal-dialog {
        max-width: min(540px, calc(100vw - 32px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .elara-acc-pwd-modal .modal-content {
        padding: 26px 28px 24px !important;
        border-radius: 14px !important;
    }

    .elara-account-pagination .pagination,
    .elara-account-main .aiz-pagination .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin-top: 20px !important;
    }

    /* Legacy account pages: purchase history, conversations, order details. */
    .elara-account-main .order-card {
        border-color: #141414 !important;
        border-radius: 15px !important;
        padding: 15px 16px !important;
        background: #fff !important;
    }

    .elara-account-main .order-header {
        gap: 12px !important;
    }

    .elara-account-main .order-details {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px 14px !important;
    }

    .elara-account-main .order-detail-item {
        min-width: 0;
        align-items: flex-start !important;
        font-size: 14px !important;
        line-height: 1.35;
    }

    .elara-account-main .order-detail-item span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .elara-account-main .order-actions {
        justify-content: flex-end !important;
        flex-wrap: wrap !important;
    }

    .elara-account-main .conversation-list {
        border-color: #141414 !important;
        border-radius: 15px !important;
        box-shadow: none !important;
    }

    .elara-account-main .conversation-item {
        padding: 15px 16px !important;
    }

    .elara-account-main .conversation-content {
        min-width: 0;
    }

    .elara-account-main .compact-container {
        overflow-x: hidden;
    }

    .elara-account-main .main-card,
    .elara-account-main .order-detail-card,
    .elara-account-main .payment-section {
        border-color: #141414 !important;
        border-radius: 12px !important;
    }

    .elara-account-main .table-responsive,
    .elara-account-main .table-ultra-compact,
    .elara-account-main .product-table,
    .elara-account-main .summary-table {
        max-width: 100%;
    }

    .elara-account-main .product-table,
    .elara-account-main .summary-table {
        width: 100%;
        table-layout: auto;
    }
}

@media (max-width: 767.98px) {
    .elara-account-shell {
        padding: 24px 0 48px !important;
    }

    .elara-account-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .elara-account-header {
        margin-bottom: 18px !important;
    }

    .elara-account-header__title {
        font-size: 21px !important;
    }

    .elara-account-header__crumbs {
        font-size: 12.5px !important;
        white-space: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .elara-account-header__crumbs::-webkit-scrollbar {
        display: none;
    }

    .elara-acc-nav__list {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .elara-acc-nav__link {
        min-width: 118px;
        min-height: 38px;
        padding: 9px 13px !important;
        font-size: 13.5px !important;
    }

    .elara-dash__bar {
        align-items: stretch !important;
    }

    .elara-dash__stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        flex-basis: 100%;
    }

    .elara-dash__stat {
        justify-content: center;
        text-align: center;
        padding: 7px 6px !important;
    }

    .elara-dash__stat-label {
        font-size: 11px !important;
    }

    .elara-dash__order-thumb {
        width: 38px !important;
        height: 38px !important;
    }

    .elara-dash__order-code {
        font-size: 13.5px !important;
    }

    .elara-dash__order-total-value {
        font-size: 14px !important;
    }

    .elara-dash__order-row-actions {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
        gap: 7px !important;
        width: 100%;
    }

    .elara-dash__row-btn {
        width: 100%;
        min-height: 34px;
        padding: 8px 12px !important;
    }

    .elara-dash__recommend-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px 10px !important;
    }

    .elara-account-section .elara-shop-grid.row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .elara-account-section .elara-shop-grid__col {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 18px !important;
    }

    .elara-acc-form__row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .elara-acc-detail-card__row {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        padding-bottom: 10px;
        border-bottom: 1px solid #ececec;
    }

    .elara-acc-detail-card__row:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .elara-acc-detail-card__sep {
        display: none !important;
    }

    .elara-acc-detail-card__label {
        font-size: 12px !important;
        color: #626565 !important;
    }

    .elara-acc-detail-card__cta,
    .elara-acc-form__cta,
    .elara-acc-loyalty-card__cta {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 9px !important;
        justify-content: stretch !important;
    }

    .elara-acc-detail-card__cta .elara-account-btn,
    .elara-acc-form__cta .elara-account-btn,
    .elara-acc-loyalty-card__cta .elara-account-btn {
        width: 100%;
    }

    .elara-account-main .order-details {
        grid-template-columns: 1fr !important;
    }

    .elara-account-main .order-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .elara-account-main .order-header .text-right {
        text-align: left !important;
        width: 100%;
    }

    .elara-account-main .order-actions {
        justify-content: stretch !important;
    }

    .elara-account-main .order-actions .btn-outline-primary,
    .elara-account-main .empty-state .btn-primary,
    .elara-account-main .conv-empty-state .btn-conv-shop {
        width: 100%;
        justify-content: center;
        border-radius: 999px !important;
    }
}

@media (max-width: 575.98px) {
    .elara-account-shell {
        padding-top: 18px !important;
        padding-bottom: 38px !important;
    }

    .elara-account-header__title {
        font-size: 19px !important;
    }

    .elara-account-header__crumbs {
        font-size: 12px !important;
    }

    .elara-acc-nav__link {
        min-width: 108px;
        min-height: 36px;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    .elara-acc-nav__logout {
        font-size: 13px !important;
    }

    .elara-account-btn {
        min-height: 40px;
        padding: 11px 18px !important;
        font-size: 14px !important;
    }

    .elara-account-empty {
        max-width: 100% !important;
    }

    .elara-account-empty .elara-account-btn,
    .elara-dash__empty-card .elara-account-btn {
        width: 100% !important;
        min-width: 0 !important;
    }

    .elara-dash__bar {
        padding: 12px 13px !important;
        border-radius: 13px !important;
    }

    .elara-dash__bar-title {
        font-size: 15.5px !important;
    }

    .elara-dash__bar-sub {
        font-size: 12px !important;
    }

    .elara-dash__stat {
        flex-direction: column;
        align-items: center;
        gap: 2px !important;
    }

    .elara-dash__order-row {
        padding: 12px !important;
        gap: 6px 10px !important;
    }

    .elara-dash__order-thumb {
        width: 34px !important;
        height: 34px !important;
        border-radius: 5px !important;
    }

    .elara-dash__order-row-total {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .elara-dash__section-head {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 3px !important;
    }

    .elara-dash__empty-card {
        padding: 22px 16px !important;
        border-radius: 14px !important;
    }

    .elara-dash__empty-illu {
        width: 48px !important;
        height: 48px !important;
        font-size: 22px !important;
    }

    .elara-acc-detail-card,
    .elara-acc-address-card,
    .elara-acc-loyalty-card {
        padding: 17px 16px !important;
        border-radius: 14px !important;
    }

    .elara-acc-address-card__badge {
        position: static !important;
        align-self: flex-start;
        display: inline-flex;
        width: max-content;
        margin-top: 2px;
    }

    .elara-acc-address-card__actions {
        justify-content: flex-start !important;
        gap: 8px !important;
        font-size: 13px !important;
    }

    .elara-account-addresses__add .elara-account-btn {
        width: 100%;
    }

    .elara-acc-input {
        padding: 11px 15px !important;
        font-size: 14px !important;
    }

    textarea.elara-acc-input {
        border-radius: 16px !important;
    }

    .elara-acc-pwd-modal .modal-dialog {
        max-width: calc(100vw - 26px) !important;
    }

    .elara-acc-pwd-modal .modal-content {
        padding: 24px 17px 18px !important;
    }

    .elara-acc-pwd-modal__title {
        font-size: 18px !important;
        margin-bottom: 18px !important;
    }

    .elara-acc-pwd-modal__cta {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 9px !important;
    }

    .elara-acc-pwd-modal__cta .elara-account-btn {
        width: 100%;
    }

    .elara-account-main .order-card {
        padding: 13px 14px !important;
        border-radius: 14px !important;
    }

    .elara-account-main .order-code {
        font-size: 14.5px !important;
    }

    .elara-account-main .order-amount {
        font-size: 16px !important;
    }

    .elara-account-main .order-detail-item {
        font-size: 13.5px !important;
    }

    .elara-account-main .empty-state,
    .elara-account-main .conv-empty-state {
        padding: 34px 12px !important;
    }

    .elara-account-main .conversation-item {
        padding: 13px 12px !important;
    }

    .elara-account-main .conversation-avatar {
        width: 38px !important;
        height: 38px !important;
    }

    .elara-account-main .conversation-content {
        margin-left: 10px !important;
    }

    .elara-account-main .conversation-name {
        font-size: 14.5px !important;
    }

    .elara-account-main .conversation-title-text,
    .elara-account-main .conversation-message {
        font-size: 13px !important;
    }

    .elara-account-main .new-badge {
        margin-left: 6px !important;
        padding: 3px 7px !important;
    }

    .elara-account-main .product-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .elara-account-main .summary-table {
        width: 100%;
    }
    .elara-single-checkout {
        margin-top: -35px;
    }
}

/* =====================================================================
   ELARA — SINGLE PAGE CHECKOUT (cart -> address -> shipping -> pay)
   ===================================================================== */
.elara-single-checkout {
    background: #fff;
    padding: 0;
    min-height: calc(100vh - 80px);
    font-family: 'Crimson Pro', serif;
}
.elara-single-checkout > form { margin: 0; }

/* 2 panel full-width — kiri putih, kanan cream/abu lembut (panel terpisah) */
.elara-sc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
    min-height: calc(100vh - 80px);
}
@media (max-width: 991.98px) {
    .elara-sc-grid { grid-template-columns: 1fr; min-height: 0; }
}

/* Panel kiri: form */
.elara-sc-left {
    background: #ffffff;
    padding: 56px 56px 80px;
    display: flex;
    justify-content: flex-end;
    border-right: 1px solid #ececec;
}
.elara-sc-left-inner {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Panel kanan: summary (background terpisah, sticky-friendly) */
.elara-sc-right {
    background: #f5f5f5;
    padding: 56px 56px 80px;
    display: flex;
    justify-content: flex-start;
    border-left: 1px solid #ececec;
    align-self: stretch;
}
.elara-sc-right-inner {
    width: 100%;
    max-width: 520px;
    position: relative;
}

@media (max-width: 1199.98px) {
    .elara-sc-left { order: 2; border-right: none; border-left: 1px solid #ececec; }
    .elara-sc-right { order: 1; }
    .elara-sc-left  { padding: 48px 36px 64px; }
    .elara-sc-right { padding: 48px 36px 64px; }
    .elara-sc-left-inner,
    .elara-sc-right-inner { max-width: 480px; }
}
@media (max-width: 991.98px) {
    .elara-sc-left,
    .elara-sc-right {
        padding: 32px 20px 48px;
        justify-content: center;
        border-right: none;
        border-left: none;
    }
    .elara-sc-right { border-top: none; border-bottom: 1px solid #ececec; }
    .elara-sc-left-inner,
    .elara-sc-right-inner { max-width: 100%; }
}

/* Email bar */
.elara-sc-emailbar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px;
}
.elara-sc-emailbar__avatar {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #141414;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
}
.elara-sc-emailbar__email {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    color: #141414;
    word-break: break-all;
}

/* Section */
.elara-sc-section { display: flex; flex-direction: column; gap: 12px; }
.elara-sc-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.elara-sc-section__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
}
.elara-sc-link {
    background: transparent;
    border: none;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
    padding: 0;
}
.elara-sc-link:hover { color: #626565; }

/* Address picker */
.elara-sc-address-picker {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 4px;
}
.elara-sc-address-picker::-webkit-scrollbar { width: 6px; }
.elara-sc-address-picker::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 3px; }
.elara-sc-address-picker { display: flex; flex-direction: column; gap: 12px; }
.elara-sc-address-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
    margin: 0;
    background: #fff;
    background: #fff;
}
.elara-sc-address-item:hover { border-color: #cfcfcf; }
.elara-sc-address-item input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}
/* Selected = border hitam pekat + check icon muncul */
.elara-sc-address-item.is-active {
    border-color: #141414;
    background: #fff;
}
.elara-sc-address-item__check {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: transparent;
    color: transparent;
    border: 1px solid #d0d0d0;
    transition: all 0.18s ease;
    margin-top: 2px;
    margin-left: auto;
}
.elara-sc-address-item__check i { font-size: 13px; }
.elara-sc-address-item.is-active .elara-sc-address-item__check {
    background: #141414;
    border-color: #141414;
    color: #ffffff;
}

.elara-sc-address-item__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}
.elara-sc-address-item__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 2px;
    font-style: normal !important;
}
.elara-sc-address-item__badge {
    font-size: 10px;
    font-weight: 700;
    background: #141414;
    color: #fff;
    padding: 2px 8px;
    border-radius: 999px;
    letter-spacing: 0.06em;
    text-transform: none;
}
.elara-sc-address-item__line {
    font-family: 'Crimson Pro', serif !important;
    font-size: 13px !important;
    color: #6b6b6b !important;
    line-height: 1.55;
    font-style: normal !important;
    font-weight: 400 !important;
}
.elara-sc-empty-address {
    text-align: center;
    padding: 24px 16px;
    border: 1.4px dashed #cfcfcf;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.elara-sc-empty-address p {
    font-family: 'Crimson Pro', serif;
    color: #626565;
    margin: 0;
    font-size: 14px;
}

/* Recipient form (auto-filled) */
.elara-sc-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.elara-sc-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 575.98px) {
    .elara-sc-form__row { grid-template-columns: 1fr; }
}
.elara-sc-form .elara-acc-input[readonly] {
    background: #fafafa !important;
    color: #626565 !important;
    cursor: default;
}

/* Dropshipper */
.elara-sc-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border: 1.4px solid #e0e0e0;
    border-radius: 14px;
}
.elara-sc-toggle-row__title {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 700;
    color: #141414;
    margin: 0;
}
.elara-sc-toggle-row__hint {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #626565;
    margin: 2px 0 0 0;
}
.elara-sc-switch {
    position: relative;
    width: 50px;
    height: 28px;
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
}
.elara-sc-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.elara-sc-switch__track {
    position: absolute;
    inset: 0;
    background: #cfcfcf;
    border-radius: 999px;
    transition: background 0.18s ease;
}
.elara-sc-switch__track::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    transition: transform 0.18s ease;
}
.elara-sc-switch input:checked + .elara-sc-switch__track {
    background: #141414;
}
.elara-sc-switch input:checked + .elara-sc-switch__track::after {
    transform: translateX(22px);
}
.elara-sc-dropshipper-fields { margin-top: 6px; }

/* Shipping method options */
.elara-sc-shipping-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.elara-sc-shipping-loading,
.elara-sc-shipping-empty {
    padding: 16px 18px;
    border: 1.4px dashed #cfcfcf;
    border-radius: 14px;
    color: #626565;
    text-align: center;
    font-size: 14px;
    font-family: 'Crimson Pro', serif;
}
.elara-sc-shipping-seller {
    margin: 4px 0 6px 0;
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #9e9f9e;
    text-transform: none;
    letter-spacing: 0.06em;
}
.elara-sc-shipping-options { display: flex; flex-direction: column; gap: 14px; }

/* Group ekspedisi (JNE, J&T, SiCepat, dll) */
.elara-sc-ship-group {
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}
.elara-sc-ship-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #f5f5f5;
    border-bottom: 1px solid #ececec;
}
.elara-sc-ship-group__name {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    font-weight: 700;
    color: #141414;
    text-transform: none;
    letter-spacing: 0.06em;
}
.elara-sc-ship-group__count {
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    color: #9a9a9a;
}
.elara-sc-ship-group__options {
    display: flex;
    flex-direction: column;
}
.elara-sc-ship-group__options .elara-sc-ship-card {
    border-radius: 0;
    border-bottom: 1px solid #ededed;
    margin: 0;
}
.elara-sc-ship-group__options .elara-sc-ship-card:last-child { border-bottom: 0; }
.elara-sc-ship-group__options .elara-sc-ship-card.is-active { border-bottom-color: #141414; }

.elara-sc-ship-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    margin: 0;
    background: transparent;
}
.elara-sc-ship-card:hover { background: #fafafa; }
.elara-sc-ship-card input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}
/* Radio bullet disembunyikan total — selected state pakai background hitam */
.elara-sc-ship-card__radio { display: none; }

.elara-sc-ship-card.is-active {
    background: #141414;
    border-color: #141414;
    color: #ffffff;
}
.elara-sc-ship-card.is-active .elara-sc-ship-card__name,
.elara-sc-ship-card.is-active .elara-sc-ship-card__price { color: #ffffff; }
.elara-sc-ship-card.is-active .elara-sc-ship-card__etd  { color: rgba(255,255,255,0.72); }

.elara-sc-ship-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.elara-sc-ship-card__name {
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #141414;
    letter-spacing: 0.005em;
    font-style: normal !important;
    text-transform: none !important;
}
.elara-sc-ship-card__etd {
    font-family: 'Crimson Pro', serif !important;
    font-size: 13px !important;
    color: #8a8a8a;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: none !important;
}
.elara-sc-ship-card__price {
    font-family: 'Crimson Pro', serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #141414;
    flex-shrink: 0;
    font-style: normal !important;
}

/* Payment method */
.elara-sc-payment-note {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #626565;
    margin: -4px 0 10px 0;
}

/* Section header inline di dalam payment-list — match style dengan .elara-sc-ship-group__head */
.elara-sc-payment-section-head {
    font-family: 'Crimson Pro', serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: 0.06em;
    color: #141414 !important;
    padding: 10px 22px;
    background: #f5f5f5;
    border-bottom: 1px solid #ececec;
    font-style: normal !important;
}
.elara-sc-payment-list > .elara-sc-payment-section-head:not(:first-child) {
    border-top: 1px solid #ececec;
}

.elara-sc-payment-list {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}
.elara-sc-payment-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    border: 0;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    background: #fff;
    transition: background 0.2s ease, color 0.2s ease;
}
.elara-sc-payment-card:last-child { border-bottom: 0; }
.elara-sc-payment-card:hover { background: #fafafa; }
.elara-sc-payment-card input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}
/* Radio bullet disembunyikan total — selected state pakai background hitam */
.elara-sc-payment-card__radio { display: none; }

.elara-sc-payment-card.is-active {
    background: #141414;
}
.elara-sc-payment-card.is-active .elara-sc-payment-card__body strong { color: #ffffff !important; }
.elara-sc-payment-card.is-active .elara-sc-payment-card__body span,
.elara-sc-payment-card.is-active .elara-sc-payment-card__body .elara-sc-payment-card__desc { color: rgba(255,255,255,0.7) !important; }
.elara-sc-payment-card.is-active .elara-sc-payment-card__logo i      { color: #ffffff; }
.elara-sc-payment-card.is-active .elara-sc-payment-card__logo .elara-sc-bank-mark {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.35);
}
/* Sedikit naikkan kontras bank-mark di latar hitam */
.elara-sc-payment-card.is-active .elara-sc-bank-mark--mandiri {
    background: #fff;
}

.elara-sc-payment-card__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}
.elara-sc-payment-card__body strong {
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    letter-spacing: 0.005em;
    font-style: normal !important;
    text-transform: none !important;
}
.elara-sc-payment-card__body .elara-sc-payment-card__desc,
.elara-sc-payment-card__body span {
    font-family: 'Crimson Pro', serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #8a8a8a !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: 0;
}
.elara-sc-payment-card__logo {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    width: 64px;
    height: 32px;
}
.elara-sc-payment-card__logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.elara-sc-payment-card__logo i {
    font-size: 28px;
    line-height: 1;
    color: #141414;
    transition: color 0.2s ease;
}
/* Saat selected (background hitam) — logo bank biar tetep readable, kasih background putih tipis */
.elara-sc-payment-card.is-active .elara-sc-payment-card__logo img {
    background: #ffffff;
    padding: 3px 6px;
    border-radius: 4px;
}

/* Bank "logo" marks (text-based, sesuai brand color tipis) */
.elara-sc-bank-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    min-height: 22px;
    border: 1px solid transparent;
}
.elara-sc-bank-mark--bca     { background: #003d79; color: #fff; }
.elara-sc-bank-mark--bni     { background: #f37021; color: #fff; }
.elara-sc-bank-mark--bri     { background: #00529c; color: #fff; }
.elara-sc-bank-mark--mandiri { background: #fff; color: #003a70; border-color: #ffd400; font-style: italic; }
.elara-sc-bank-mark--bsi     { background: #00a39d; color: #fff; }
.elara-sc-bank-mark--permata { background: #910505; color: #fff; }
.elara-sc-bank-mark--cimb    { background: #6d2776; color: #fff; }
.elara-sc-bank-mark--bjb     { background: #00529c; color: #fff; }
.elara-sc-bank-mark--bss     { background: #003d79; color: #fff; }
.elara-sc-bank-mark--sahabat-sampoerna { background: #1a1a1a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0; }

.elara-sc-payment-redirect {
    margin: 8px 4px 0;
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #9e9f9e;
}

/* Pay Now */
.elara-sc-section--pay { margin-top: 8px; }
.elara-sc-pay-btn {
    width: 100%;
    padding: 16px 28px !important;
    font-family: 'Crimson Pro', serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    border-radius: 8px !important;
}
.elara-sc-pay-btn .elara-sc-pay-btn__label {
    font-family: 'Crimson Pro', serif !important;
    font-weight: 700 !important;
}
.elara-sc-pay-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ===== RIGHT: Sticky summary (internal scroll kalau konten > viewport) =====
   top: 110px → clear navbar fixed (sama seperti .elara-account-aside)
   scrollbar disembunyikan total (tetap bisa di-scroll dgn wheel/touch). */
.elara-sc-sticky {
    position: sticky;
    top: 110px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    background: transparent;
    border: 0;
    padding: 0;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
    /* hide scrollbar */
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;       /* IE/Edge legacy */
}
.elara-sc-sticky::-webkit-scrollbar { width: 0; height: 0; display: none; } /* Chrome/Safari */

@media (max-width: 991.98px) {
    .elara-sc-sticky {
        position: relative;
        top: 0;
        max-height: none;
        overflow: visible;
    }
}

/* Order Summary heading */
.elara-sc-summary-title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: 0.005em;
}

.elara-sc-cart-list { display: flex; flex-direction: column; gap: 18px; }
.elara-sc-cart-row {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    gap: 14px;
    align-items: flex-start;
    transition: opacity 0.18s ease;
}
.elara-sc-cart-row.is-removing { opacity: 0.55; }
.elara-sc-cart-row.is-removing .elara-sc-stepper-btn,
.elara-sc-cart-row.is-removing .elara-sc-stepper-trash {
    pointer-events: none;
}
.elara-sc-stepper-btn:active,
.elara-sc-stepper-trash:active { background: #dcdcdc; }
/* tiny pop feedback ketika qty value berubah */
@keyframes elaraStepPop { 0%{transform:scale(1);} 50%{transform:scale(1.18);} 100%{transform:scale(1);} }
.elara-sc-stepper-val.is-pop { animation: elaraStepPop 0.18s ease-out; }
.elara-sc-cart-row__thumb {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    background: #f4f4f4;
    flex-shrink: 0;
}
.elara-sc-cart-row__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elara-sc-cart-row__body { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.elara-sc-cart-row__cat {
    font-family: 'Crimson Pro', serif !important;
    font-size: 12px !important;
    color: #8a8a8a !important;
    margin: 0;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0;
    text-transform: none !important;
}
.elara-sc-cart-row__name {
    font-family: 'Crimson Pro', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 6px !important;
    line-height: 1.25;
}
.elara-sc-cart-row__price {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    color: #141414;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    padding-top: 2px;
}

/* Stepper + trash (luxury, minimal) */
.elara-sc-cart-row__controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}
.elara-sc-cart-row__stepper {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid #dcdcdc;
    border-radius: 999px;
    background: #ffffff;
    padding: 0;
    overflow: hidden;
}
.elara-sc-stepper-btn,
.elara-sc-stepper-trash {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #141414;
    cursor: pointer;
    padding: 0;
    transition: background 0.14s ease, color 0.14s ease;
    font-size: 14px;
    line-height: 1;
}
.elara-sc-stepper-btn:hover { background: #141414; color: #ffffff; }
.elara-sc-stepper-btn:active { background: #000; }
.elara-sc-stepper-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.elara-sc-stepper-btn i { font-size: 12px; }

.elara-sc-stepper-val {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28px;
    padding: 0 4px;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-weight: 700;
    color: #141414;
    user-select: none;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

.elara-sc-stepper-trash {
    color: #6b6b6b;
    border: 1px solid #dcdcdc;
    border-radius: 999px;
    width: 30px;
    height: 28px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}
.elara-sc-stepper-trash:hover {
    color: #ffffff;
    background: #141414;
    border-color: #141414;
}
.elara-sc-stepper-trash i { font-size: 14px; }

/* Voucher toggle */
.elara-sc-voucher { display: flex; flex-direction: column; gap: 12px; }
.elara-sc-voucher__toggle {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    padding: 12px 14px;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.005em;
    transition: background .15s, border-color .15s, transform .15s;
}
.elara-sc-voucher__toggle:hover {
    color: #000;
    background: #f8f6f2;
    border-color: #141414;
    transform: translateY(-1px);
}
.elara-sc-voucher__toggle i { font-size: 18px; }
.elara-sc-voucher__panel {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.elara-sc-voucher__panel .elara-account-btn {
    padding: 0 22px;
    font-size: 14px;
}
.elara-sc-voucher__applied {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid #9de8b6;
    border-radius: 16px;
    background: linear-gradient(135deg, #e9fff0 0%, #f8fffb 100%);
    color: #141414;
    box-shadow: 0 10px 24px rgba(12,156,70,.10);
}
.elara-sc-voucher__applied-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #11a44a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.elara-sc-voucher__applied-icon i { font-size: 17px; }
.elara-sc-voucher__applied-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}
.elara-sc-voucher__applied-label {
    font-size: 12px;
    color: #287044;
    line-height: 1.2;
}
.elara-sc-voucher__applied strong {
    font-family: 'SF Mono', Menlo, monospace;
    letter-spacing: 0.06em;
    font-size: 14px;
    color: #141414;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.elara-sc-voucher__remove,
.elara-sc-voucher__applied button {
    border: 0;
    border-radius: 999px;
    background: #d9fbe4;
    color: #0d7a37;
    font-weight: 700;
    cursor: pointer;
    padding: 8px 12px;
    font-size: 12px;
    flex: 0 0 auto;
}
.elara-sc-voucher__applied button:hover {
    color: #141414;
    background: #c6f6d6;
}

/* Upsell — kartu putih di atas panel gray, collapsible (details/summary) */
.elara-sc-upsell {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 0;
    display: block;
}
.elara-sc-upsell__summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    outline: none;
}
.elara-sc-upsell__summary::-webkit-details-marker { display: none; }
.elara-sc-upsell__summary::marker { display: none; content: ''; }
.elara-sc-upsell__summary:hover { background: #fafafa; }
.elara-sc-upsell[open] .elara-sc-upsell__summary {
    border-bottom: 1px solid #ececec;
    border-radius: 14px 14px 0 0;
}
.elara-sc-upsell__chev {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    color: #141414;
    transition: transform 0.2s ease;
}
.elara-sc-upsell__chev i { font-size: 14px; }
.elara-sc-upsell[open] .elara-sc-upsell__chev { transform: rotate(180deg); }

.elara-sc-upsell__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    font-style: normal !important;
}
.elara-sc-upsell .elara-sc-upsell__row { padding: 0 18px; }
.elara-sc-upsell .elara-sc-upsell__row:first-of-type { padding-top: 14px; }
.elara-sc-upsell .elara-sc-upsell__row:last-of-type  { padding-bottom: 18px; }
.elara-sc-upsell .elara-sc-upsell__row + .elara-sc-upsell__row { padding-top: 12px; }
.elara-sc-upsell__row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
}
.elara-sc-upsell__link {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 12px;
    align-items: center;
    color: inherit !important;
    text-decoration: none !important;
    border-radius: 6px;
    padding: 4px;
    margin: -4px;
    transition: background-color .15s ease;
    min-width: 0;
}
.elara-sc-upsell__link:hover { background-color: #f7f7f7; }
.elara-sc-upsell__link:hover .elara-sc-upsell__name { text-decoration: underline; text-underline-offset: 2px; }
.elara-sc-upsell__thumb {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    overflow: hidden;
    background: #f4f4f4;
}
.elara-sc-upsell__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elara-sc-upsell__body { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.elara-sc-upsell__cat {
    font-family: 'Crimson Pro', serif !important;
    font-size: 12px !important;
    color: #8a8a8a !important;
    margin: 0;
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: none !important;
}
.elara-sc-upsell__name {
    font-family: 'Crimson Pro', serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0;
    font-style: normal !important;
    line-height: 1.3;
}
.elara-sc-upsell__price {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    color: #141414;
    margin: 0;
}
.elara-sc-upsell__add {
    padding: 8px 14px !important;
    font-size: 13px !important;
}

/* Shipping insurance toggle */
.elara-sc-insurance{
    display:flex; align-items:center; gap:14px;
    padding:14px 16px;
    background:#fafafa; border:1px solid #e6e6e6; border-radius:10px;
    margin-bottom:16px;
    cursor:pointer; user-select:none;
    transition:background .2s, border-color .2s;
}
.elara-sc-insurance:hover{background:#f3f3f3; border-color:#dcdcdc;}
.elara-sc-insurance:has(input:checked){
    background:#141414; border-color:#141414;
}
.elara-sc-insurance__icon{
    width:38px; height:38px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:#fff; border:1px solid #e6e6e6; border-radius:50%;
    color:#141414; font-size:18px;
    transition:background .2s, border-color .2s, color .2s;
}
.elara-sc-insurance:has(input:checked) .elara-sc-insurance__icon{
    background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25); color:#fff;
}
.elara-sc-insurance__text{flex:1; min-width:0;}
.elara-sc-insurance__title{
    display:block;
    font-family:'Crimson Pro', serif !important;
    font-weight:700 !important; font-size:15px;
    color:#141414;
    transition:color .2s;
}
.elara-sc-insurance__sub{
    display:block;
    font-family:'Inter', system-ui, sans-serif !important;
    font-size:11.5px; color:#8a8a8a;
    margin-top:2px; line-height:1.45;
    transition:color .2s;
}
.elara-sc-insurance:has(input:checked) .elara-sc-insurance__title{color:#fff;}
.elara-sc-insurance:has(input:checked) .elara-sc-insurance__sub{color:rgba(255,255,255,.7);}

/* Toggle switch */
.elara-sc-insurance__switch{
    position:relative; flex-shrink:0;
    width:42px; height:24px;
}
.elara-sc-insurance__switch input{
    position:absolute; opacity:0; width:100%; height:100%; margin:0;
    cursor:pointer; z-index:2;
}
.elara-sc-insurance__track{
    display:block; width:100%; height:100%;
    background:#dcdcdc; border-radius:999px;
    transition:background .2s;
    position:relative;
}
.elara-sc-insurance__thumb{
    position:absolute; top:2px; left:2px;
    width:20px; height:20px;
    background:#fff; border-radius:50%;
    box-shadow:0 1px 3px rgba(0,0,0,.18);
    transition:transform .25s ease, background .2s;
}
.elara-sc-insurance input:checked + .elara-sc-insurance__track{background:#16a34a;}
.elara-sc-insurance input:checked + .elara-sc-insurance__track .elara-sc-insurance__thumb{
    transform:translateX(18px);
}

/* Totals */
.elara-sc-totals {
    border-top: 1px solid #dcdcdc;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.elara-sc-totals__hint {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-style: italic;
    color: #9e9f9e;
    font-weight: 500;
}
.elara-sc-totals__free {
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-weight: 700;
    color: #2f7d3a;
    letter-spacing: 0.04em;
}
.elara-sc-totals__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    color: #141414;
}
.elara-sc-totals__label { color: #141414; }
.elara-sc-totals__val { color: #141414; font-weight: 600; }
.elara-sc-totals__row--total {
    border-top: 1px solid #dcdcdc;
    padding-top: 14px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}
.elara-sc-totals__row--total .elara-sc-totals__val {
    font-weight: 700;
    font-size: 18px;
}
.elara-sc-totals__free {
    color: #141414;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.04em;
}
/* =====================================================================
   ELARA — ORDER DETAILS PAGE
   Tema: hitam-putih, Crimson Pro, border 1px #141414, radius 18px
   ===================================================================== */
.elara-od {
    font-family: 'Crimson Pro', serif;
    color: #141414;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Hero card */
.elara-od-hero {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: start;
    padding: 22px 28px;
    border: 1px solid #141414;
    border-radius: 18px;
    background: #fff;
    width: 100%;
}
.elara-od-hero * { box-sizing: border-box; }
.elara-od-hero__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #9e9f9e !important;
    text-decoration: none !important;
    font-size: 13px;
    margin-bottom: 8px;
    transition: color 0.18s ease;
}
.elara-od-hero__back:hover { color: #141414 !important; }
.elara-od-hero__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.15;
}
.elara-od-hero__meta {
    margin: 0;
    color: #626565;
    font-size: 14px;
    line-height: 1.45;
}
.elara-od-hero__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    text-align: right;
}
.elara-od-hero__badge {
    font-size: 13px;
    padding: 4px 14px;
}
.elara-od-hero__due {
    margin: 0;
    font-size: 13px;
    color: #626565;
}
.elara-od-hero__due strong { color: #141414; }
.elara-od-hero__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
@media (max-width: 768px) {
    .elara-od-hero {
        grid-template-columns: 1fr;
        padding: 18px 20px;
    }
    .elara-od-hero__right { align-items: flex-start; text-align: left; }
    .elara-od-hero__actions { justify-content: flex-start; }
    .elara-od-hero__title { font-size: 22px !important; }
}

/* Layout grid */
.elara-od-grid {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 20px;
    align-items: flex-start;
}
@media (max-width: 991.98px) {
    .elara-od-grid { grid-template-columns: 1fr; }
}
.elara-od-main {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}
.elara-od-aside {
    position: sticky;
    top: 110px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
@media (max-width: 991.98px) {
    .elara-od-aside { position: static; }
}

/* Generic section card */
.elara-od-card {
    box-sizing: border-box;
    border: 1px solid #141414;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}
.elara-od-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px;
    border-bottom: 1px solid #ececec;
}
.elara-od-card__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.elara-od-card__pill {
    font-size: 12px;
    color: #626565;
    padding: 3px 12px;
    border-radius: 999px;
    background: #f4f4f4;
}
.elara-od-card__body { padding: 18px 22px; }
.elara-od-card--note {
    padding: 16px 22px;
    background: #fafafa;
    border-color: #ececec;
}
.elara-od-card--note p { margin: 0; color: #626565; font-size: 14px; line-height: 1.55; }

/* Payment instructions tiles */
.elara-od-pay-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
.elara-od-pay-tile {
    border: 1px solid #ececec;
    border-radius: 14px;
    padding: 14px 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-decoration: none !important;
    color: #141414 !important;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.elara-od-pay-tile:hover {
    border-color: #141414;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(20, 20, 20, 0.05);
}
.elara-od-pay-tile__label {
    margin: 0;
    color: #9e9f9e;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: none;
}
.elara-od-pay-tile__value {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 0;
    padding: 0;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    transition: color 0.18s ease;
}
.elara-od-pay-tile__value i { color: #9e9f9e; font-size: 14px; transition: color 0.18s ease; }
.elara-od-pay-tile__value:hover { color: #141414; }
.elara-od-pay-tile__value:hover i { color: #141414; }
.elara-od-pay-tile__value-text {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #141414;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.elara-od-pay-tile__hint {
    margin: 0;
    color: #9e9f9e;
    font-size: 12px;
}
.elara-od-pay-tile.is-copied .elara-od-pay-tile__value { color: #141414; }
.elara-od-pay-tile.is-copied .elara-od-pay-tile__value i { color: #141414; }
.elara-od-pay-tile--qr { align-items: center; text-align: center; }
.elara-od-pay-tile__qr {
    background: #fff;
    padding: 6px;
    border: 1px solid #ececec;
    border-radius: 10px;
    display: inline-flex;
}
.elara-od-pay-tile__qr img { display: block; width: 140px; height: 140px; }
.elara-od-pay-tile--total {
    background: #141414;
    border-color: #141414;
    color: #fff !important;
}
.elara-od-pay-tile--total .elara-od-pay-tile__label,
.elara-od-pay-tile--total .elara-od-pay-tile__hint { color: rgba(255,255,255,0.55); }
.elara-od-pay-tile--total .elara-od-pay-tile__value,
.elara-od-pay-tile--total .elara-od-pay-tile__value i { color: #fff; }
.elara-od-pay-tile--total:hover { box-shadow: 0 10px 24px rgba(20,20,20,0.18); }

/* Generic copy button feedback */
.elara-od-copy.is-copied { color: #141414 !important; }
.elara-od-copy.is-copied i { color: #141414 !important; }

/* Howto details */
.elara-od-howto {
    margin-top: 16px;
    padding: 14px 18px;
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fafafa;
}
.elara-od-howto[open] { background: #fff; }
.elara-od-howto summary {
    cursor: pointer;
    font-weight: 600;
    color: #141414;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.elara-od-howto summary::-webkit-details-marker { display: none; }
.elara-od-howto summary::after {
    content: '+';
    margin-left: auto;
    font-size: 18px;
    color: #9e9f9e;
}
.elara-od-howto[open] summary::after { content: '−'; }
.elara-od-howto__steps {
    margin: 12px 0 0 0;
    padding-left: 22px;
    color: #626565;
    font-size: 14px;
    line-height: 1.65;
}

/* Per-package section */
.elara-od-package {
    box-sizing: border-box;
    border: 1px solid #141414;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}
.elara-od-package__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 22px;
    border-bottom: 1px solid #ececec;
    flex-wrap: wrap;
}
.elara-od-package__shop {
    margin: 0;
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 700;
    color: #141414;
}
.elara-od-package__code {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #9e9f9e;
}
.elara-od-package__badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* Form validity safety: native-required controls must remain focusable. */
.aiz-checkbox > input,
.aiz-radio > input {
    z-index: 1;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}

.aiz-checkbox > input:focus ~ .aiz-square-check,
.aiz-checkbox > input:focus ~ .aiz-rounded-check,
.aiz-radio > input:focus ~ .aiz-square-check,
.aiz-radio > input:focus ~ .aiz-rounded-check {
    border-color: #141414;
    box-shadow: 0 0 0 2px rgba(20, 20, 20, 0.08);
}

.rating-input label {
    position: relative;
}

.rating-input input[type="radio"] {
    position: absolute;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.rating-input input[type="radio"]:focus + i {
    outline: 2px solid rgba(20, 20, 20, 0.18);
    outline-offset: 2px;
}

/* Tracking row */
.elara-od-tracking {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 22px;
    background: #f4f4f4;
    flex-wrap: wrap;
}
.elara-od-tracking__label {
    margin: 0;
    color: #626565;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: none;
}
.elara-od-tracking__value {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    padding: 0;
    color: #141414;
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.elara-od-tracking__value i { font-size: 14px; color: #9e9f9e; }

.elara-od-note {
    padding: 12px 22px;
    color: #626565;
    font-size: 13px;
    background: #fafafa;
    border-top: 1px solid #ececec;
}

/* Items list */
.elara-od-items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.elara-od-item {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 22px;
    border-top: 1px solid #ececec;
}
.elara-od-item:first-child { border-top: 0; }
.elara-od-item__thumb {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    background: #f4f4f4;
    border: 1px solid #ececec;
    padding: 0;
    cursor: pointer;
    transition: border-color 0.18s ease;
}
.elara-od-item__thumb:hover { border-color: #141414; }
.elara-od-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.elara-od-item__body { min-width: 0; }
.elara-od-item__name {
    display: inline-block;
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 600;
    color: #141414 !important;
    text-decoration: none !important;
    line-height: 1.35;
}
.elara-od-item__name:hover { color: #626565 !important; }
.elara-od-item__name--unavailable { color: #9e9f9e !important; font-style: italic; }
.elara-od-item__variation {
    margin: 4px 0 0 0;
    color: #9e9f9e;
    font-size: 12px;
    letter-spacing: 0.04em;
}
.elara-od-item__note {
    margin: 6px 0 0 0;
    padding: 6px 10px;
    background: #fafafa;
    border-radius: 8px;
    font-size: 12px;
    color: #626565;
}
.elara-od-item__qty {
    margin: 6px 0 0 0;
    color: #626565;
    font-size: 13px;
}
.elara-od-item__qty-old {
    color: #9e9f9e;
    text-decoration: line-through;
    margin-left: 4px;
}
.elara-od-item__price {
    font-family: 'Crimson Pro', serif;
    font-size: 15px;
    font-weight: 700;
    color: #141414;
    text-align: right;
    white-space: nowrap;
}

/* Package footer — breakdown rows lalu Total Paket prominent di bawah */
.elara-od-package__foot {
    padding: 16px 22px 18px;
    background: #fafafa;
    border-top: 1px solid #ececec;
}
.elara-od-package__breakdown {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.elara-od-package__breakdown li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #626565;
    font-size: 13px;
    line-height: 1.4;
}
.elara-od-package__breakdown li span:last-child {
    color: #141414;
    font-weight: 500;
}
.elara-od-package__grand {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.elara-od-package__grand-label {
    font-family: 'Crimson Pro', serif;
    font-size: 13px;
    font-weight: 600;
    color: #141414;
    text-transform: none;
    letter-spacing: 0.12em;
}
.elara-od-package__grand-value {
    font-family: 'Crimson Pro', serif;
    font-size: 22px;
    font-weight: 700;
    color: #141414;
    line-height: 1;
}
.elara-od-package__invoice {
    flex-basis: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: #141414 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    font-size: 13px;
    font-weight: 600;
}
.elara-od-package__invoice:hover { color: #626565 !important; }

@media (max-width: 575.98px) {
    .elara-od-package__grand-value { font-size: 20px; }
}

/* Shipping / dropshipper info */
.elara-od-info { padding: 18px 22px; }
.elara-od-info__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 24px;
    margin: 0;
}
.elara-od-info__list > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.elara-od-info__list dt {
    color: #9e9f9e;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: none;
    margin: 0;
}
.elara-od-info__list dd {
    color: #141414;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    word-break: break-word;
}
.elara-od-info__full { grid-column: 1 / -1; }
.elara-od-info__drop {
    margin-top: 18px;
    padding: 14px 18px;
    border: 1px dashed #141414;
    border-radius: 12px;
    background: #fafafa;
}
.elara-od-info__drop-label {
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 13px;
    color: #141414;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}
@media (max-width: 575.98px) {
    .elara-od-info__list { grid-template-columns: 1fr; }
}

/* Right summary */
.elara-od-summary {
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #141414;
    border-radius: 18px;
    background: #fff;
}
.elara-od-summary__title {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #141414 !important;
    margin: 0 0 14px 0 !important;
}
.elara-od-summary__rows {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.elara-od-summary__rows li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #626565;
    font-size: 14px;
}
.elara-od-summary__rows li span:last-child { color: #141414; }
.elara-od-summary__total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #ececec;
}
.elara-od-summary__total span {
    font-size: 14px;
    color: #141414;
    text-transform: none;
    letter-spacing: 0.06em;
}
.elara-od-summary__total strong {
    font-family: 'Crimson Pro', serif;
    font-size: 22px;
    font-weight: 700;
    color: #141414;
}
.elara-od-summary__meta {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.elara-od-summary__meta > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.elara-od-summary__meta-label {
    color: #9e9f9e;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: none;
}
.elara-od-summary__meta-value {
    font-size: 14px;
    color: #141414;
    font-weight: 600;
}
.elara-od-summary__actions {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.elara-od-summary__continue {
    align-self: center;
    margin-top: 6px;
    color: #626565 !important;
    font-size: 13px;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.elara-od-summary__continue:hover { color: #141414 !important; }

/* Help card */
.elara-od-help {
    padding: 18px 22px;
    border: 1px dashed #141414;
    border-radius: 18px;
    background: #fafafa;
    text-align: center;
}
.elara-od-help__title {
    margin: 0;
    font-family: 'Crimson Pro', serif;
    font-size: 14px;
    font-weight: 700;
    color: #141414;
}
.elara-od-help__sub {
    margin: 4px 0 8px 0;
    color: #626565;
    font-size: 12px;
}
.elara-od-help__link {
    color: #141414 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    font-weight: 600;
    font-size: 13px;
}
.elara-od-help__link:hover { color: #626565 !important; }

/* Make .elara-account-btn--full work in summary */
.elara-account-btn--full { width: 100%; }

/* Order detail mobile lock: compact cards, readable payment blocks, no overflow. */
@media (max-width: 575.98px) {
    .elara-od {
        gap: 14px;
    }

    .elara-od-hero,
    .elara-od-card,
    .elara-od-package,
    .elara-od-summary,
    .elara-od-help {
        border-radius: 14px !important;
    }

    .elara-od-hero {
        padding: 16px !important;
        gap: 14px;
    }

    .elara-od-hero__title {
        font-size: 19px !important;
        overflow-wrap: anywhere;
    }

    .elara-od-hero__meta {
        font-size: 12.5px;
    }

    .elara-od-hero__actions,
    .elara-od-hero__actions .elara-account-btn {
        width: 100%;
    }

    .elara-od-grid,
    .elara-od-main,
    .elara-od-aside {
        gap: 14px;
        min-width: 0;
    }

    .elara-od-card__head {
        padding: 14px 16px !important;
        align-items: flex-start;
    }

    .elara-od-card__title {
        font-size: 15px !important;
        line-height: 1.25;
    }

    .elara-od-card__pill {
        font-size: 11px;
        padding: 3px 9px;
        white-space: nowrap;
    }

    .elara-od-card__body {
        padding: 16px !important;
    }

    .elara-od-package__head {
        padding: 14px 16px !important;
        align-items: flex-start;
    }

    .elara-od-package__shop {
        font-size: 15px;
    }

    .elara-od-package__badges {
        width: 100%;
        justify-content: flex-start;
    }

    .elara-od-tracking,
    .elara-od-note {
        padding: 11px 16px !important;
    }

    .elara-od-tracking__value {
        max-width: 100%;
        overflow-wrap: anywhere;
        text-align: left;
    }

    .elara-od-item {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 11px;
        padding: 14px 16px !important;
    }

    .elara-od-item__thumb {
        width: 54px;
        height: 54px;
        border-radius: 8px;
    }

    .elara-od-item__name {
        font-size: 14px;
    }

    .elara-od-item__price {
        grid-column: 2;
        text-align: left;
        font-size: 14px;
        margin-top: -2px;
    }

    .elara-od-package__foot {
        padding: 14px 16px 16px !important;
    }

    .elara-od-package__breakdown li,
    .elara-od-summary__rows li,
    .elara-od-summary__meta > div,
    .elara-od-summary__total {
        gap: 12px;
        align-items: flex-start;
    }

    .elara-od-package__breakdown li span:first-child,
    .elara-od-summary__rows li span:first-child,
    .elara-od-summary__meta-label,
    .elara-od-summary__total span {
        min-width: 0;
    }

    .elara-od-package__breakdown li span:last-child,
    .elara-od-summary__rows li span:last-child,
    .elara-od-summary__meta-value,
    .elara-od-summary__total strong {
        text-align: right;
        overflow-wrap: anywhere;
    }

    .elara-od-info {
        padding: 16px !important;
    }

    .elara-od-info__drop {
        padding: 13px !important;
        border-radius: 10px;
    }

    .elara-od-summary {
        padding: 18px 16px !important;
    }

    .elara-od-summary__title {
        font-size: 15px !important;
    }

    .elara-od-summary__total strong {
        font-size: 20px;
    }

    .elara-od-help {
        padding: 16px !important;
    }
}

/* ===== Gallery sortable (admin/seller product gallery) ===== */
.elara-sortable-preview .file-preview-item {
    cursor: grab;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    position: relative;
    border-radius: 6px;
    padding-right: 40px !important;
}
.elara-sortable-preview .file-preview-item:hover {
    background-color: #f5f5f5;
}
.elara-sortable-preview .file-preview-item::before {
    content: "\f0c9"; /* fa-bars */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    position: absolute;
    right: 38px;
    top: 50%;
    transform: translateY(-50%);
    color: #c4c4c4;
    font-size: 13px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
}
.elara-sortable-preview .file-preview-item:hover::before {
    opacity: 1;
}
.elara-sortable-ghost {
    opacity: 0.35;
    background: #efefef !important;
}
.elara-sortable-chosen,
.elara-sortable-drag {
    cursor: grabbing !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    background-color: #ffffff !important;
    z-index: 1000;
}
.elara-sortable-hint {
    margin-top: 6px;
    font-size: 11px;
    color: #888;
    font-style: italic;
    letter-spacing: 0.2px;
}

/* Tablet/mobile search overlay: compact floating sheet, not a full-width block. */
@media (max-width: 1199.98px) {
    #elara-home-header-stack .elara-home-main-header .header-main-row {
        position: relative !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .d-lg-none.ml-auto a {
        width: 44px !important;
        height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .d-lg-none.ml-auto a i {
        display: block !important;
        line-height: 1 !important;
        font-size: 28px !important;
        transform: none !important;
    }

    body::after {
        display: none !important;
        content: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 82px !important;
        width: min(88vw, 520px) !important;
        max-width: min(88vw, 520px) !important;
        z-index: 2147482500 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate(-50%, -10px) !important;
        transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* Tutup: jangan reserve lebar layar penuh di flow grid — ikon kanan tidak ketiban */
    #elara-home-header-stack .elara-home-main-header .front-header-search:not(.is-open) {
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) !important;
        width: min(88vw, 520px) !important;
        min-width: 200px !important;
        max-width: min(88vw, 520px) !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search > .position-relative {
        width: 100% !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form {
        margin: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form > .d-flex {
        height: 54px !important;
        border: 1px solid rgba(20, 20, 20, 0.10) !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 48px rgba(20, 20, 20, 0.13) !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
        height: 52px !important;
        flex: 1 1 auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn {
        height: 52px !important;
        min-width: 52px !important;
        color: #141414 !important;
        background: #fff !important;
        border: 0 !important;
        border-right: 1px solid rgba(20, 20, 20, 0.08) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        transition: background-color 0.18s ease !important;
        border-radius: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn:hover,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn:focus {
        background: #f8f8f8 !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #141414 !important;
        caret-color: #141414 !important;
        font-size: 17px !important;
        line-height: 52px !important;
        text-transform: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input::placeholder {
        color: rgba(20, 20, 20, 0.42) !important;
        text-transform: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        display: flex !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn {
        width: 56px !important;
        min-width: 56px !important;
        height: 52px !important;
        border-left: 1px solid rgba(20, 20, 20, 0.08) !important;
        border-right: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .typed-search-box {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 55px !important;
        width: min(88vw, 520px) !important;
        max-height: min(70vh, 480px) !important;
        overflow: auto !important;
        transform: none !important;
        border: 1px solid rgba(20, 20, 20, 0.08) !important;
        border-radius: 14px !important;
        box-shadow: 0 24px 52px rgba(20, 20, 20, 0.14) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn i,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn i,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn .la,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn .la {
        display: block !important;
        line-height: 1 !important;
        font-size: 21px !important;
        transform: none !important;
        margin: 0 !important;
    }

    @media (max-width: 576px) {
        #elara-home-header-stack .elara-home-main-header .front-header-search {
            top: 76px !important;
            width: calc(100vw - 28px) !important;
            max-width: calc(100vw - 28px) !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search form > .d-flex {
            height: 50px !important;
            border-radius: 12px !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
            height: 50px !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search .btn {
            height: 50px !important;
            min-width: 48px !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
            height: 50px !important;
            min-height: 50px !important;
            line-height: 50px !important;
            font-size: 16px !important;
            padding: 0 14px !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn {
            width: 50px !important;
            min-width: 50px !important;
            height: 50px !important;
        }

        #elara-home-header-stack .elara-home-main-header .front-header-search .typed-search-box {
            top: 64px !important;
            width: 100% !important;
            border-radius: 12px !important;
        }
    }
}
/* True mobile logo center: center against the full header bar, not the grid row. */
@media (max-width: 767.98px) {
    #elara-home-header-stack .elara-home-main-header .logo-bar-area {
        position: relative !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row {
        position: static !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        bottom: auto !important;
        width: max-content !important;
        max-width: max-content !important;
        height: 56px !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto > a {
        height: 56px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ≤414px: logo tetap kiri (tidak absolute center) — hindari “meloncat” ke tengah di ~380px */
@media (max-width: 414px) {
    #elara-home-header-stack .elara-home-main-header .header-main-row {
        grid-template-columns: 44px max-content minmax(0, 1fr) minmax(116px, max-content) !important;
        column-gap: 8px !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        grid-column: 2 !important;
        grid-row: 1 !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        justify-self: start !important;
        justify-content: flex-start !important;
        width: max-content !important;
        max-width: min(160px, 42vw) !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2 !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto > a {
        justify-content: flex-start !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .front-header-search {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart.nav-icons-group {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }
}

/* Mobile burger follows the same black/white header theme as logo and icons. */
#elara-home-header-stack .elara-home-main-header .elara-mobile-menu-toggle span {
    background: #141414 !important;
}

body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack .elara-home-main-header:not(.is-scrolled) .elara-mobile-menu-toggle span {
    background: #ffffff !important;
}

body.elara-home-front.elara-home-header-scrolled #elara-home-header-stack .elara-mobile-menu-toggle span,
body.elara-home-front:not(.elara-hero-slide-video) #elara-home-header-stack .elara-mobile-menu-toggle span,
body.elara-inner-front #elara-home-header-stack .elara-mobile-menu-toggle span {
    background: #141414 !important;
}

/* Mobile search polish: tighter position and centered action icons. */
@media (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 72px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn i,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn .la,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn i,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn .la {
        width: 21px !important;
        height: 21px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 21px !important;
        font-size: 21px !important;
        margin: 0 !important;
        position: relative !important;
        top: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        display: flex !important;
        align-items: stretch !important;
    }
}

@media (max-width: 576px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 66px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn {
        min-width: 50px !important;
        height: 50px !important;
    }
}

#elara-home-header-stack .elara-home-main-header .front-header-search .elara-search-panel-icon {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    stroke: #141414 !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    opacity: 0.92 !important;
    transform: none !important;
    margin: 0 !important;
}

#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:hover .elara-search-panel-icon,
#elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:focus .elara-search-panel-icon {
    opacity: 1 !important;
}

/* Final mobile search composition: compact luxury pill with balanced SVG actions. */
@media (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 75px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form > .d-flex {
        height: 52px !important;
        border-radius: 16px !important;
        border-color: rgba(20, 20, 20, 0.12) !important;
        box-shadow: 0 16px 42px rgba(20, 20, 20, 0.11) !important;
        align-items: center !important;
        padding: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-back-btn {
        width: 48px !important;
        min-width: 48px !important;
        height: 52px !important;
        background: transparent !important;
        border-right: 1px solid rgba(20, 20, 20, 0.06) !important;
        color: #141414 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
        height: 52px !important;
        align-items: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
        height: 52px !important;
        min-height: 52px !important;
        line-height: 52px !important;
        padding: 0 13px !important;
        font-size: 16px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        width: 50px !important;
        min-width: 50px !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn {
        width: 50px !important;
        min-width: 50px !important;
        height: 52px !important;
        min-height: 52px !important;
        border: 0 !important;
        border-left: 1px solid rgba(20, 20, 20, 0.06) !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #141414 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:hover,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn:focus {
        background: transparent !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .elara-search-panel-icon {
        width: 20px !important;
        height: 20px !important;
        stroke: currentColor !important;
        stroke-width: 1.75 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        fill: none !important;
        opacity: 1 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn .elara-search-panel-icon {
        width: 20px !important;
        height: 20px !important;
        color: #141414 !important;
    }
}

@media (max-width: 576px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 60px !important;
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }
}

/* Remade mobile burger content: compact, readable, with account and language inside. */
@media (max-width: 767.98px) {
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar {
        top: 56px !important;
        min-height: calc(100vh - 56px) !important;
        background: #ffffff !important;
        border-top: 1px solid rgba(20, 20, 20, 0.07) !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .container {
        width: 100% !important;
        padding: 20px 24px 30px !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: left !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.d-lg-none.dropdown,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li#hidden-login {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a {
        min-height: 48px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        color: #141414 !important;
        font-family: var(--elara-font, inherit) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0.01em !important;
        line-height: 1.2 !important;
        text-align: center !important;
        border-radius: 12px !important;
        background: transparent !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a:hover,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a:focus {
        background: rgba(20, 20, 20, 0.035) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item {
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(20, 20, 20, 0.08) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item > a {
        justify-content: space-between !important;
        gap: 12px !important;
        text-align: left !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .elara-mobile-menu-label {
        font-weight: 700 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .elara-mobile-menu-value {
        color: rgba(20, 20, 20, 0.54) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .elara-mobile-language-item .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 6px !important;
        padding: 4px 0 !important;
        transform: none !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        background: rgba(20, 20, 20, 0.035) !important;
        text-align: center !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .elara-mobile-language-item .dropdown-menu:not(.show) {
        display: none !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .elara-mobile-language-item .dropdown-item {
        padding: 10px 12px !important;
        color: #141414 !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        text-align: center !important;
        background: transparent !important;
    }
}

/* Final mobile burger lock: remove old lower-nav spacing and keep video state readable. */
@media (max-width: 767.98px) {
    #elara-home-header-stack.is-mobile-menu-open .elara-home-main-header,
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .elara-home-main-header {
        background: #ffffff !important;
        border-bottom-color: rgba(20, 20, 20, 0.07) !important;
        color: #141414 !important;
    }

    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .header-main-logo {
        filter: none !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span,
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span {
        background: #141414 !important;
    }

    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .nav-icons-group svg {
        stroke: #141414 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar,
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar {
        background: #ffffff !important;
        color: #141414 !important;
        border-top-color: rgba(20, 20, 20, 0.07) !important;
        min-height: auto !important;
        height: auto !important;
        max-height: calc(100vh - 56px) !important;
        overflow: auto !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .container {
        padding: 14px 22px 22px !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu {
        gap: 0 !important;
        row-gap: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        justify-content: flex-start !important;
        align-content: flex-start !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li {
        flex: 0 0 auto !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        color: #141414 !important;
        line-height: 1 !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-link::after {
        display: none !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item {
        margin-top: 12px !important;
        padding-top: 10px !important;
        border-top: 1px solid rgba(20, 20, 20, 0.08) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item {
        margin-top: 6px !important;
        padding-top: 6px !important;
        border-top: 1px solid rgba(20, 20, 20, 0.06) !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item > a {
        height: 46px !important;
        min-height: 46px !important;
        max-height: none !important;
        background: rgba(20, 20, 20, 0.035) !important;
    }
}

/* Tablet header final lock: avoid mixing mobile burger mode with desktop tools. */
@media (min-width: 768px) and (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .logo-bar-area > .container {
        max-width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row {
        display: grid !important;
        grid-template-columns: minmax(170px, 1fr) auto minmax(116px, max-content) !important;
        column-gap: 14px !important;
        min-height: 58px !important;
        height: 58px !important;
        align-items: center !important;
        position: relative !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .front-header-search {
        min-width: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-mobile-menu-cell,
    #elara-home-header-stack .elara-home-main-header .header-main-row > .d-lg-none.ml-auto {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        width: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto {
        grid-column: 1 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        height: 58px !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        justify-self: stretch !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-row > .col-auto > a {
        height: 58px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    #elara-home-header-stack .elara-home-main-header .header-main-logo {
        height: auto !important;
        max-height: 28px !important;
        max-width: 156px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools {
        grid-column: 2 !important;
        height: 58px !important;
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools a,
    #elara-home-header-stack .elara-home-main-header .elara-header-account-tools .dropdown-toggle {
        height: 32px !important;
        padding: 0 7px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-divider {
        height: 18px !important;
        margin: 0 1px !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart.nav-icons-group {
        grid-column: 3 !important;
        height: 58px !important;
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 120px !important;
        max-width: none !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 25 !important;
        isolation: isolate !important;
    }

    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .nav-icon-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart .elara-header-search-item,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #wishlist,
    #elara-home-header-stack .elara-home-main-header #nav-wishlist-cart #cart_items {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
    }

    #elara-home-header-stack .elara-home-main-header .elara-header-search-toggle,
    #elara-home-header-stack .elara-home-main-header .nav-icons-group .nav-icon-link {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    #elara-home-header-stack .nav-menu-bar {
        display: block !important;
        position: static !important;
        min-height: 32px !important;
        height: 32px !important;
        background: transparent !important;
        border-top: 1px solid rgba(20, 20, 20, 0.035) !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .nav-menu-bar .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(54px, 9vw, 96px) !important;
        min-height: 32px !important;
        height: 32px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li {
        display: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(1),
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(2),
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li:nth-child(3) {
        display: block !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item,
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item,
    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li#hidden-login {
        display: none !important;
    }

    #elara-home-header-stack .nav-menu-bar .modern-nav-menu > li > a {
        width: auto !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
    }
}

/* Mobile burger compactness must survive sticky/scrolled header overrides. */
@media (max-width: 767.98px) {
    body.elara-home-header-scrolled #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu,
    #elara-home-header-stack .elara-home-main-header.is-scrolled ~ .nav-menu-bar .modern-nav-menu,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 0 !important;
        row-gap: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }

    body.elara-home-header-scrolled #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li,
    #elara-home-header-stack .elara-home-main-header.is-scrolled ~ .nav-menu-bar .modern-nav-menu > li,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.elara-home-header-scrolled #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a,
    #elara-home-header-stack .elara-home-main-header.is-scrolled ~ .nav-menu-bar .modern-nav-menu > li > a,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    body.elara-home-header-scrolled #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item {
        margin-top: 8px !important;
        padding-top: 8px !important;
    }

    body.elara-home-header-scrolled #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item {
        margin-top: 4px !important;
        padding-top: 4px !important;
    }
}

/* Burger/X color final: closed follows video; opened follows the white drawer. */
@media (max-width: 767.98px) {
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack:not(.is-mobile-menu-open) .elara-home-main-header:not(.is-scrolled) .elara-mobile-menu-toggle span {
        background: #ffffff !important;
    }

    #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span,
    #elara-home-header-stack.is-mobile-menu-open .elara-home-main-header .elara-mobile-menu-toggle span,
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .elara-mobile-menu-toggle span,
    body.elara-home-front.elara-hero-slide-video:not(.elara-home-header-scrolled) #elara-home-header-stack.is-mobile-menu-open .elara-home-main-header:not(.is-scrolled) .elara-mobile-menu-toggle span {
        background: #141414 !important;
        background-color: #141414 !important;
    }
}

/* PDP responsive final polish: clean gallery, thumbnails, actions and copy rhythm. */
@media (max-width: 991.98px) {
    .elara-product-detail-hero-section {
        padding-top: 18px !important;
        margin-bottom: 22px !important;
    }

    .elara-product-detail-hero-section > .container {
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .elara-product-detail-hero-section .product-detail-card-inner {
        padding: 0 !important;
    }

    .elara-product-detail-hero-section .product-detail-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .elara-product-detail-hero-section .product-detail-row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .elara-product-detail-hero-section .sticky-top {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-gallery-main-wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-list,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-track,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-slide,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .carousel-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery .carousel-box {
        border-radius: 4px !important;
        overflow: hidden !important;
        background: #f0f0f2 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        display: block !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-col {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        padding: 0 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-stack {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-arrow {
        display: none !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-scroll {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 0 2px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-scroll::-webkit-scrollbar {
        display: none !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb {
        width: 56px !important;
        min-width: 56px !important;
        flex: 0 0 56px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 4px !important;
        padding: 2px !important;
    }

    .elara-product-detail-hero-section .elara-pdp-info-col {
        padding: 18px 0 0 !important;
    }

    .elara-pdp-info .elara-pdp-breadcrumb {
        margin-bottom: 10px !important;
        overflow: hidden !important;
    }

    .elara-pdp-info .elara-pdp-breadcrumb .breadcrumb {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 2px !important;
        scrollbar-width: none !important;
        font-size: 13px !important;
    }

    .elara-pdp-info .elara-pdp-breadcrumb .breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .elara-pdp-info .elara-pdp-series {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    .elara-pdp-info .elara-pdp-title {
        font-size: clamp(24px, 6.7vw, 32px) !important;
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
    }

    .elara-pdp-info .elara-pdp-rating-row {
        display: flex !important;
        align-items: center !important;
        margin: 0 0 14px !important;
    }

    .elara-pdp-info .elara-pdp-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr auto !important;
        gap: 8px !important;
        align-items: center !important;
        margin-bottom: 18px !important;
    }

    .elara-pdp-info .elara-pdp-actions .btn,
    .elara-pdp-info .elara-pdp-qty-pill {
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill {
        width: 108px !important;
        justify-self: end !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill .elara-pdp-plus-minus {
        width: 104px !important;
    }

    .elara-pdp-info .elara-pdp-summary-headline {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .elara-pdp-info .elara-pdp-summary-body,
    .elara-pdp-info .elara-pdp-summary-body p,
    .elara-pdp-info .elara-pdp-summary-body li,
    .elara-pdp-info .elara-pdp-summary-body span,
    .elara-pdp-info .elara-pdp-summary-body div {
        font-size: 15px !important;
        line-height: 1.62 !important;
        text-align: left !important;
        hyphens: none !important;
    }

    .elara-pdp-info .elara-pdp-bottom-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .elara-product-detail-hero-section > .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .elara-product-detail-hero-section .product-detail-row {
        display: grid !important;
        grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important;
        gap: 28px !important;
        align-items: start !important;
    }

    .elara-product-detail-hero-section .product-detail-row > .col-xl-6,
    .elara-product-detail-hero-section .product-detail-row > .col-lg-6 {
        max-width: none !important;
        width: auto !important;
        flex: none !important;
        margin-bottom: 0 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-col {
        margin-top: 12px !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb {
        width: 62px !important;
        min-width: 62px !important;
        flex-basis: 62px !important;
    }

    .elara-product-detail-hero-section .elara-pdp-info-col {
        padding-top: 0 !important;
    }

    .elara-pdp-info .elara-pdp-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }
}

@media (max-width: 575.98px) {
    .elara-product-detail-hero-section > .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .elara-product-detail-hero-section {
        padding-top: 12px !important;
    }

    .elara-pdp-info .elara-pdp-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill {
        grid-column: 1 / 2 !important;
        justify-self: start !important;
        width: 110px !important;
    }

    .elara-pdp-info .elara-pdp-actions .btn span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* PDP mobile bugfix: keep main gallery visible and quantity stepper intact. */
@media (max-width: 991.98px) {
    .elara-product-detail-hero-section .elara-pdp-main-gallery,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-list,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-track,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-slide,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-slide > div,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .carousel-box,
    .elara-product-detail-hero-section .elara-pdp-gallery-slide {
        min-height: min(92vw, 520px) !important;
        height: min(92vw, 520px) !important;
        max-height: 520px !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery .carousel-box {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        object-fit: cover !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        overflow: hidden !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill .elara-pdp-plus-minus,
    .elara-pdp-info .elara-pdp-qty-pill .aiz-plus-minus {
        width: 112px !important;
        min-width: 112px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: 34px 44px 34px !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill .elara-pdp-qty-btn,
    .elara-pdp-info .elara-pdp-qty-pill .btn.elara-pdp-qty-btn {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        grid-column: auto !important;
    }

    .elara-pdp-info .elara-pdp-qty-pill .elara-pdp-qty-input {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 38px !important;
        display: block !important;
        flex: 0 0 44px !important;
    }
}

@media (max-width: 575.98px) {
    .elara-product-detail-hero-section .elara-pdp-main-gallery,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-list,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-track,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-slide,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .slick-slide > div,
    .elara-product-detail-hero-section .elara-pdp-main-gallery .carousel-box,
    .elara-product-detail-hero-section .elara-pdp-gallery-slide {
        min-height: calc(100vw - 28px) !important;
        height: calc(100vw - 28px) !important;
        max-height: calc(100vw - 28px) !important;
    }
}

/* PDP mobile/tablet simple gallery: avoid Slick fade/lazyload blank states. */
.elara-product-detail-hero-section .elara-pdp-mobile-gallery {
    display: none;
}

@media (max-width: 991.98px) {
    .elara-product-detail-hero-section .elara-pdp-gallery-main-wrap {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }

    .elara-product-detail-hero-section .elara-pdp-mobile-gallery {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        height: min(calc(100vw - 28px), 520px) !important;
        min-height: 260px !important;
        max-height: 520px !important;
        aspect-ratio: 1 / 1 !important;
        background: #f0f0f2 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .elara-product-detail-hero-section .elara-pdp-mobile-gallery__img {
        width: 100% !important;
        height: 100% !important;
        min-height: 260px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .elara-product-detail-hero-section .elara-pdp-main-gallery {
        display: none !important;
    }
}

/* Add-to-cart modal mobile/tablet simple gallery: same anti-blank lock as PDP. */
@media (max-width: 991.98px) {
    #addToCart-modal-body .elara-atc-modal {
        padding: 14px 14px 20px !important;
    }

    #addToCart-modal-body .elara-atc-modal > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #addToCart-modal-body .elara-atc-modal > .row > .col-lg-7,
    #addToCart-modal-body .elara-atc-modal > .row > .col-lg-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #addToCart-modal-body .elara-atc-modal > .row,
    #addToCart-modal-body .elara-atc-modal > .row > .col-lg-7,
    #addToCart-modal-body .elara-atc-modal__gallery,
    #addToCart-modal-body .elara-atc-modal__gallery-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery {
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-main {
        min-height: 0 !important;
        order: 1 !important;
    }

    #addToCart-modal-body .elara-atc-modal__main-slide {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        height: min(calc(100vw - 56px), 460px) !important;
        min-height: 260px !important;
        max-height: 460px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 0 !important;
        background: #f0f0f2 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        position: relative !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #addToCart-modal-body .elara-atc-modal__main-img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 260px !important;
        object-fit: cover !important;
        object-position: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        grid-template-rows: none !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 76px !important;
        max-height: 76px !important;
        margin-top: 12px !important;
        overflow: hidden !important;
        order: 2 !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb,
    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        width: 100% !important;
        height: 70px !important;
        max-height: 70px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .product-gallery-thumb::-webkit-scrollbar,
    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-list::-webkit-scrollbar {
        display: none !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-track {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        width: auto !important;
        height: 70px !important;
        min-height: 70px !important;
        transform: none !important;
    }

    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide,
    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .slick-slide > div,
    #addToCart-modal-body .elara-atc-modal__thumb-slide,
    #addToCart-modal-body .elara-atc-modal__gallery-thumbs .carousel-box {
        flex: 0 0 66px !important;
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }

    #addToCart-modal-body .elara-atc-modal__thumb-nav {
        align-self: center !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    #addToCart-modal-body .elara-atc-modal__thumb-nav--prev i,
    #addToCart-modal-body .elara-atc-modal__thumb-nav--next i {
        transform: rotate(-90deg) !important;
    }
}

/* Add-to-cart modal radius: keep the card soft from desktop through mobile. */
#addToCart .modal-content {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Add-to-cart modal tablet/mobile centering and softer card radius. */
@media (max-width: 991.98px) {
    #addToCart #modal-size,
    #addToCart .modal-dialog {
        width: calc(100vw - 48px) !important;
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    #addToCart .modal-content {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }
}

/* Add-to-cart modal mobile centering: close button is hidden, backdrop click still closes. */
@media (max-width: 767.98px) {
    #addToCart {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #addToCart #modal-size,
    #addToCart .modal-dialog {
        width: calc(100vw - 24px) !important;
        max-width: 370px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #addToCart .modal-dialog-centered {
        justify-content: center !important;
    }

    #addToCart .modal-content {
        border-radius: 12px !important;
    }

    #addToCart .close {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* PDP tablet final: keep gallery thumbs visible and bottom meta aligned with price. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .elara-product-detail-hero-section .sticky-top.row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }

    .elara-product-detail-hero-section .elara-pdp-gallery-main-wrap {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-col {
        order: 2 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        padding: 0 !important;
        overflow: visible !important;
        display: block !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-stack {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 64px !important;
        max-height: 64px !important;
        overflow: visible !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb-scroll {
        width: 100% !important;
        max-width: 100% !important;
        height: 64px !important;
        max-height: 64px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 1px 2px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .elara-product-detail-hero-section .elara-pdp-thumb {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        flex: 0 0 60px !important;
        display: block !important;
        padding: 2px !important;
        margin: 0 !important;
    }

    .elara-pdp-info .elara-pdp-bottom-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    .elara-pdp-info .elara-pdp-bottom-row__total {
        min-width: 0 !important;
    }

    .elara-pdp-info .elara-pdp-bottom-row__meta {
        min-width: 120px !important;
        align-items: flex-end !important;
        text-align: right !important;
    }
}

/* PDP gallery lightbox: make clicked image large on tablet/mobile. */
@media (max-width: 991.98px) {
    #productGalleryLightbox .modal-dialog {
        width: 90vw !important;
        max-width: 90vw !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #productGalleryLightbox .modal-content,
    #productGalleryLightbox .modal-body {
        width: 90vw !important;
        max-width: 90vw !important;
    }

    #productGalleryLightboxImg {
        width: 90vw !important;
        max-width: 90vw !important;
        height: auto !important;
        max-height: 85vh !important;
        object-fit: contain !important;
        display: block !important;
    }
}

/* Inner-page mobile drawer final lock: prevent sticky/menu swipe rules from spacing items out. */
@media (max-width: 767.98px) {
    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar {
        min-height: 0 !important;
        height: auto !important;
        max-height: calc(100vh - 56px) !important;
        overflow-y: auto !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .container,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .container {
        padding-top: 14px !important;
        padding-bottom: 18px !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu,
    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .mobile-hor-swipe,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .mobile-hor-swipe {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        align-content: flex-start !important;
        gap: 0 !important;
        row-gap: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li {
        display: block !important;
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li > a {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-language-item {
        margin-top: 8px !important;
        padding-top: 8px !important;
    }

    body.elara-inner-front #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item,
    #elara-home-header-stack.is-mobile-menu-open .nav-menu-bar .modern-nav-menu > li.elara-mobile-account-item {
        margin-top: 4px !important;
        padding-top: 4px !important;
    }
}

/* Mobile/tablet search backdrop: modal-like dim layer, search and suggestions stay above it. */
@media (max-width: 991.98px) {
    body.elara-search-open {
        overflow-x: hidden !important;
    }

    body.elara-search-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(20, 20, 20, 0.46) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
        z-index: 2147482300 !important;
        pointer-events: none !important;
    }

    body.elara-search-open #elara-home-header-stack,
    body.elara-search-open #elara-home-header-stack .elara-home-main-header {
        z-index: 2147482400 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open {
        z-index: 2147482500 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open::before {
        display: none !important;
        content: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open form {
        position: relative !important;
        z-index: 2147482501 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open .typed-search-box {
        position: absolute !important;
        z-index: 2147482502 !important;
    }
}

/* Search overlay final alignment: tablet/mobile form and suggestions must share one box. */
@media (max-width: 991.98px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 76px !important;
        width: min(72vw, 540px) !important;
        max-width: min(72vw, 540px) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search > .position-relative {
        width: 100% !important;
        min-height: 54px !important;
        overflow: visible !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form {
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form > .d-flex {
        position: relative !important;
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid rgba(20, 20, 20, 0.12) !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        align-items: center !important;
        background: #ffffff !important;
        box-shadow: 0 16px 42px rgba(20, 20, 20, 0.12) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-back-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        background: transparent !important;
        color: #141414 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-back-btn {
        border-left: 0 !important;
        border-right: 1px solid rgba(20, 20, 20, 0.06) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn {
        border-left: 1px solid rgba(20, 20, 20, 0.06) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        width: 54px !important;
        min-width: 54px !important;
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper {
        height: 54px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
        height: 54px !important;
        min-height: 54px !important;
        line-height: 54px !important;
        padding: 0 16px !important;
        margin: 0 !important;
        font-size: 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .elara-search-panel-icon {
        width: 21px !important;
        height: 21px !important;
        display: block !important;
        margin: 0 !important;
        transform: none !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open .typed-search-box,
    #elara-home-header-stack .elara-home-main-header .front-header-search .typed-search-box {
        position: absolute !important;
        top: 58px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        border-radius: 14px !important;
        transform: none !important;
        box-sizing: border-box !important;
        z-index: 2147482502 !important;
    }
}

@media (max-width: 576px) {
    #elara-home-header-stack .elara-home-main-header .front-header-search {
        top: 64px !important;
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search form > .d-flex,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-bar-wrapper,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-input {
        height: 52px !important;
        min-height: 52px !important;
        line-height: 52px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search > .position-relative {
        min-height: 52px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search.is-open .typed-search-box,
    #elara-home-header-stack .elara-home-main-header .front-header-search .typed-search-box {
        top: 56px !important;
    }

    #elara-home-header-stack .elara-home-main-header .front-header-search .search-back-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .btn.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search button.search-submit-btn,
    #elara-home-header-stack .elara-home-main-header .front-header-search .input-group-append {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }
}