/* ============================================================
   THE BEEHIVE INDIA — Custom Luxury Theme CSS
   All styles are loaded from this file so they survive
   any Page Builder save/overwrite of blade files.
   ============================================================ */

/* Fonts: loaded once in layouts/frontend.blade.php — no @import here (avoids duplicate fetch + FOUT). */

html {
    scroll-behavior: smooth;
}

/* ============================================================
   HEADER
   ============================================================ */
.elvy-header {
    background: #495403;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 1050;
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
}

.elvy-header .container-fluid,
.elvy-header .row,
.elvy-header .col-md-6,
.elvy-header .col-md-5,
.elvy-header .col-md-2,
.elvy-header nav,
.elvy-header .elvy-nav-ul,
.elvy-header .elvy-nav-ul>li {
    position: static !important;
}

.elvy-nav-ul {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    height: 85px;
}

.elvy-nav-ul>li {
    height: 100%;
    display: flex;
    align-items: center;
}

.elvy-nav-ul>li>a {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e6ebd0;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.elvy-nav-ul>li:hover>a {
    color: #ffffff;
}

.elvy-nav-ul>li>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: center;
}

.elvy-nav-ul>li:hover>a::after {
    transform: scaleX(1);
}

/* Mega Menu */
.elvy-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 40px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    display: flex;
    border-top: 1px solid #f0f0f0;
    z-index: 999;
}

.elvy-nav-ul>li:hover .elvy-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-menu-title,
.mega-menu-heading {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #1a1a1a;
    margin: 0 0 22px;
}

.mega-menu-links-grid {
    width: 100%;
}

.mega-menu-links-grid--split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
    align-items: start;
}

.mega-menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu-links li {
    margin-bottom: 12px;
}

.mega-menu-links li:last-child {
    margin-bottom: 0;
}

.mega-menu-links a {
    font-family: 'Jost', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #444;
    text-decoration: none;
    transition: color 0.25s ease;
    display: block;
    padding: 4px 0;
}

.mega-menu-links a:hover {
    color: #495403;
}

.elvy-mega-menu .mega-menu-preview-panel {
    min-height: 320px;
}

.elvy-mega-menu--tall-cats .mega-menu-preview-panel {
    min-height: 280px;
}

.mega-menu-preview-img {
    width: 300px;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-color: #f9f9f9;
}

.elvy-logo img {
    max-height: 45px;
    transition: transform 0.3s ease;
}

.elvy-logo:hover img {
    transform: scale(1.03);
}

.elvy-icons {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: flex-end;
}

.elvy-icons a.header-icontext-link {
    color: #e6ebd0;
    position: relative;
}

.elvy-icons a.header-icontext-link svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.5;
    stroke: #e6ebd0;
    transition: stroke 0.3s ease, transform 0.3s ease;
}

.elvy-icons a.header-icontext-link:hover svg {
    stroke: #ffffff;
    transform: translateY(-2px);
}

.icon-upper-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Mobile header menu toggle */
.elvy-header .elvy-menu-toggle {
    color: #ffffff;
    border: none;
    background: transparent;
    line-height: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.elvy-header .elvy-menu-toggle svg {
    stroke: currentColor;
    display: block;
}

.elvy-header .elvy-menu-toggle:hover,
.elvy-header .elvy-menu-toggle:focus-visible {
    color: #ffffff;
    opacity: 0.85;
    transform: translateY(-1px);
}

/* ============================================================
   MOBILE SIDEBAR MENU
   ============================================================ */
.elvy-mobile-menu.offcanvas,
.menuoffcanvas.offcanvas,
.offcanvas.elvy-mobile-menu {
    background: #fafaf7;
    border: none;
    box-shadow: 8px 0 40px rgba(35, 42, 5, 0.14);
    z-index: 100005 !important;
}

.offcanvas-backdrop {
    z-index: 100000 !important;
}

.elvy-mobile-menu.menuoffcanvas {
    padding: 0;
}

.elvy-mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.25rem 1.1rem;
    margin: 0;
    border-bottom: 1px solid rgba(73, 84, 3, 0.12);
    background: linear-gradient(180deg, #f3f4ea 0%, #fafaf7 100%);
}

.elvy-mobile-menu__brand {
    min-width: 0;
}

.elvy-mobile-menu__eyebrow {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7a8440;
    margin-bottom: 0.2rem;
}

.elvy-mobile-menu__title {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 1.55rem;
    font-weight: 400;
    color: #2a2f0a;
    line-height: 1.15;
}

.elvy-mobile-menu__close {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    background-color: rgba(73, 84, 3, 0.08);
    opacity: 1;
    box-shadow: none;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.elvy-mobile-menu__close:hover {
    background-color: rgba(73, 84, 3, 0.16);
    transform: rotate(90deg);
}

.elvy-mobile-menu__body {
    padding: 1.25rem 1.25rem 1.75rem;
}

.elvy-mobile-menu__search {
    margin-bottom: 1.35rem;
}

.elvy-mobile-menu__search-field {
    display: flex;
    align-items: stretch;
    border: 1px solid rgba(73, 84, 3, 0.18);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.elvy-mobile-menu__search-field:focus-within {
    border-color: #495403;
    box-shadow: 0 0 0 3px rgba(73, 84, 3, 0.1);
}

.elvy-mobile-menu__search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    border-radius: 0;
    padding: 0.85rem 1rem;
    font-family: 'Jost', sans-serif;
    font-size: 0.95rem;
    color: #2a2f0a;
    background: transparent;
    box-shadow: none;
}

.elvy-mobile-menu__search-input:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.elvy-mobile-menu__search-input::placeholder {
    color: #9aa07a;
}

.elvy-mobile-menu__search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    border: none;
    background: #495403;
    color: #fff;
    transition: background-color 0.25s ease;
}

.elvy-mobile-menu__search-submit:hover,
.elvy-mobile-menu__search-submit:focus-visible {
    background: #3a4302;
    color: #fff;
}

.elvy-mobile-menu__search-submit svg {
    stroke: currentColor;
}

.elvy-mobile-menu__nav {
    margin: 0;
}

.elvy-mobile-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.elvy-mobile-menu__link {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    text-decoration: none;
    color: #2a2f0a;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(73, 84, 3, 0.08);
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.elvy-mobile-menu__link:hover,
.elvy-mobile-menu__link:focus-visible {
    color: #495403;
    background: #fff;
    border-color: rgba(73, 84, 3, 0.22);
    transform: translateX(3px);
}

.elvy-mobile-menu__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(73, 84, 3, 0.1);
    color: #495403;
    flex-shrink: 0;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.elvy-mobile-menu__link:hover .elvy-mobile-menu__icon,
.elvy-mobile-menu__link:focus-visible .elvy-mobile-menu__icon {
    background: #495403;
    color: #fff;
}

.elvy-mobile-menu__text {
    font-family: 'Jost', sans-serif;
    font-size: 0.98rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.elvy-mobile-menu__divider {
    height: 1px;
    margin: 1.35rem 0 1rem;
    background: linear-gradient(90deg, rgba(73, 84, 3, 0.22), rgba(73, 84, 3, 0.06), transparent);
}

.elvy-mobile-menu__section-label {
    margin: 0 0 0.75rem;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7a8440;
}

.elvy-mobile-menu__cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.elvy-mobile-menu__cat-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.15rem;
    font-family: 'Jost', sans-serif;
    font-size: 0.95rem;
    color: #3d4218;
    text-decoration: none;
    border-bottom: 1px solid rgba(73, 84, 3, 0.08);
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.elvy-mobile-menu__cat-link::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.45;
    flex-shrink: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.elvy-mobile-menu__cat-link:hover,
.elvy-mobile-menu__cat-link:focus-visible {
    color: #495403;
    padding-left: 0.35rem;
}

.elvy-mobile-menu__cat-link:hover::after,
.elvy-mobile-menu__cat-link:focus-visible::after {
    opacity: 1;
    transform: rotate(45deg) translateX(2px);
}

.elvy-mobile-menu__cat-list li:last-child .elvy-mobile-menu__cat-link {
    border-bottom: none;
}

/* ============================================================
   SEARCH MODAL
   ============================================================ */
body.modal-open .modal-backdrop.show {
    background-color: rgba(35, 42, 5, 0.58);
}

.elvy-search-modal__dialog {
    max-width: min(620px, calc(100vw - 32px));
    margin: 1rem auto;
}

.elvy-search-modal__content {
    position: relative;
    border: 1px solid rgba(73, 84, 3, 0.14);
    border-radius: 14px;
    background: linear-gradient(180deg, #fdfcf8 0%, #f8f6f0 100%);
    box-shadow: 0 28px 70px rgba(35, 42, 5, 0.22);
    overflow: hidden;
}

.elvy-search-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    opacity: 0.55;
    padding: 0.35rem;
}

.elvy-search-modal__close:hover {
    opacity: 1;
}

.elvy-search-modal__body {
    padding: 2.25rem 2rem 2rem;
}

.elvy-search-modal__eyebrow {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8a9157;
    margin-bottom: 0.5rem;
}

.elvy-search-modal__title,
.header-search-modal .modal-search-label.elvy-search-modal__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.65rem, 3.5vw, 2rem);
    font-weight: 400;
    line-height: 1.2;
    color: #2c3310;
    margin: 0 0 0.45rem;
    display: block;
}

.elvy-search-modal__lede {
    font-family: 'Jost', sans-serif;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #5c6340;
    margin: 0 0 1.35rem;
}

.elvy-search-modal__field,
.header-search-modal .modal-search-wrap.elvy-search-modal__field {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 0;
    border: 1px solid rgba(73, 84, 3, 0.22);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.elvy-search-modal__field:focus-within {
    border-color: #495403;
    box-shadow: 0 0 0 3px rgba(73, 84, 3, 0.12);
}

.elvy-search-modal__input,
.header-search-modal .modal-search-input.elvy-search-modal__input {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.95rem 1rem 0.95rem 1.15rem !important;
    font-family: 'Jost', sans-serif;
    font-size: 1rem !important;
    color: #2c3310;
}

.elvy-search-modal__input::placeholder {
    color: #9aa07a;
}

.elvy-search-modal__submit,
.header-search-modal .modal-search-btn.elvy-search-modal__submit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0 1.15rem;
    border: none !important;
    background: #495403 !important;
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background 0.2s ease;
}

.elvy-search-modal__submit:hover,
.elvy-search-modal__submit:focus-visible {
    background: #3a4302 !important;
    color: #fff;
}

.elvy-search-modal__submit svg {
    stroke: currentColor !important;
    flex-shrink: 0;
}

.elvy-search-modal__hint {
    margin: 0.85rem 0 0;
    font-family: 'Jost', sans-serif;
    font-size: 0.8rem;
    color: #8a9157;
}

@media (max-width: 575px) {
    .elvy-search-modal__body {
        padding: 1.75rem 1.25rem 1.5rem;
    }

    .elvy-search-modal__submit-text {
        display: none;
    }

    .elvy-search-modal__submit {
        padding: 0 1rem;
        min-width: 52px;
    }
}

/* ============================================================
   HERO BANNER (Page Builder: edit img.builder-editable[builder-identity="FF3"])
   ============================================================ */
.elvy-hero {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 0;
    background: #343b04 !important;
}

.elvy-hero-swiper {
    width: 100%;
    max-width: 100%;
}

.elvy-hero-swiper .swiper-slide {
    line-height: 0;
}

.elvy-hero img.banner,
.elvy-hero-swiper .swiper-slide img.banner {
    width: 100%;
    height: auto;
    min-height: 420px;
    max-height: 75vh;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Page Builder preview — highlight hero image on hover */
.builder-editable-wraper .elvy-hero img.banner,
.elvy-hero img.banner.builder-editable {
    cursor: pointer;
}

/* Pattern Strip — block + clip (flex was expanding page width on mobile) */
.elvy-pattern-strip {
    width: 100%;
    max-width: 100%;
    background: #343b04;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    padding: 15px 0;
    margin-bottom: 0;
    white-space: nowrap;
    display: block;
    min-width: 0;
    contain: layout;
}

/* Seamless marquee: JS clones one group → two; animation moves exactly one group width */
.marquee-track,
.pattern-marquee-track {
    display: flex;
    width: max-content;
    animation: scrollMarquee 40s linear infinite;
    will-change: transform;
}

.marquee-group,
.pattern-marquee-group {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 40px;
    padding-right: 40px;
}

.marquee-content,
.pattern-marquee-content {
    display: inline-flex;
    align-items: center;
    gap: 40px;
}

.marquee-group span,
.pattern-marquee-group span,
.marquee-content span {
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    letter-spacing: 5px;
    color: #d1c0c0;
    text-transform: uppercase;
}

.marquee-group span.dot,
.pattern-marquee-group span.dot,
.marquee-content span.dot {
    color: #495403;
}

.pattern-marquee-group span.dot,
.pattern-marquee-content span.dot {
    color: #6b0f0f;
}

/* ============================================================
   POPULAR PRODUCTS
   ============================================================ */
.elvy-product-section {
    padding: 25px 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    background: #ffffff;
}

.elvy-best-sellers-section {
    padding: 25px 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}

.elvy-hot-gifting-section {
    padding: 25px 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}

.elvy-product-header {
    text-align: center;
    margin-bottom: 48px;
}

.elvy-product-eyebrow {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #666;
    display: block;
    margin: 0 0 14px;
}

.elvy-product-header .elvy-product-title {
    font-family: 'Jost', sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    letter-spacing: 0.04em;
    word-spacing: normal;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 1.15;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.elvy-product-header .elvy-product-title::after {
    display: none;
}

@media (min-width: 992px) {
    .elvy-product-header .elvy-product-title {
        font-size: 26px;
        letter-spacing: 0.045em;
    }
}

.elvy-product-cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.elvy-product-card {
    border: 1px solid rgba(212, 175, 55, 0.6);
    background: transparent;
    transition: transform 0.4s ease;
    text-align: center;
    margin-bottom: 40px;
}

.elvy-product-card:hover {
    transform: translateY(-8px);
}

.elvy-product-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    background: #f8f8f8;
}

.elvy-product-banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 4/4;
    /* Changed from 3/4 to make images square and shorter */
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.elvy-product-card:hover .elvy-product-banner img {
    transform: scale(1.08);
}

.elvy-product-buttons {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    display: flex;
    gap: 12px;
    opacity: 0;
    transition: all 0.4s ease;
}

.elvy-product-card:hover .elvy-product-buttons {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.elvy-product-buttons a {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.elvy-product-buttons a:hover {
    background: #495403;
    transform: translateY(-3px);
}

.elvy-product-buttons a:hover svg path {
    fill: #fff;
}

.elvy-product-title-link {
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    display: block;
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

.elvy-product-title-link:hover {
    color: #495403;
}

.elvy-product-price {
    font-family: 'Jost', sans-serif;
    /* Removed cursive */
    font-size: 16px;
    /* Slightly smaller */
    font-weight: 600;
    color: #495403;
    font-style: normal;
    /* Removed italic */
}

.elvy-product-price del {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px;
    font-family: 'Jost', sans-serif;
    font-style: normal;
}

.elvy-view-all-btn {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #495403 !important;
    padding: 15px 40px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    z-index: 4;
    transition: color 0.35s ease, border-color 0.35s ease;
    margin-top: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.elvy-view-all-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #495403;
    z-index: -1;
    transform: translateX(0);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.elvy-view-all-btn:hover::before {
    transform: translateX(100%);
}

.elvy-view-all-btn:hover {
    color: #495403 !important;
    border-color: #495403 !important;
    background: transparent !important;
}

/* ============================================================
   EXCLUSIVE COLLECTIONS (feature_items)
   ============================================================ */
.elvy-featured-section {
    padding: 100px 0 !important;
    margin-bottom: 120px !important;
    background: #fdfdfd;
    border-top: 1px solid #f5f5f5;
}

.elvy-featured-header {
    text-align: center;
    margin-bottom: 60px;
}

.elvy-featured-header h1 {
    font-family: "Playfair Display", serif;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #222;
    position: relative;
}

.elvy-featured-header h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #495403;
    margin: 20px auto 0;
}

.elvy-featured-banner {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 500px;
    background: #000;
}

.elvy-featured-banner img.banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    transition: transform 0.8s ease;
}

.elvy-featured-banner:hover img.banner {
    transform: scale(1.05);
    opacity: 0.6;
}

.elvy-featured-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    padding: 40px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(2px);
}

.elvy-featured-banner-content h4 {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
}

.elvy-featured-banner-content h1 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    color: #fff;
    margin: 0;
    line-height: 1.3;
}

/* ============================================================
   ELEVATE YOUR STYLE SECTION
   ============================================================ */
.elvy-elevate-section {
    background-color: #495403;
    color: #fff;
    text-align: center;
    padding: 150px 20px;
    position: relative;
    overflow: visible !important;
    isolation: isolate;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #5a602d;
    border-bottom: 1px solid #5a602d;
    margin-top: 180px;
    margin-bottom: 180px;
}

.elvy-elevate-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: visible !important;
}

.elvy-elevate-content {
    position: relative;
    z-index: 2;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.elvy-float-slot {
    position: absolute;
    z-index: 1;
    width: 155px;
    height: 190px;
    max-width: 26vw;
    pointer-events: auto;
}

.elvy-float-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    display: block;
}

.elvy-float-1 {
    top: -90px !important;
    right: 4%;
}

.elvy-float-2 {
    top: -90px !important;
    right: calc(4% + 170px);
}

.elvy-float-3 {
    bottom: -80px !important;
    left: 4%;
}

@media (max-width: 1199px) {
    .elvy-elevate-section {
        position: relative !important;
        overflow: visible !important;
        padding: 55px 20px !important;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .elvy-elevate-decor {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
        overflow: visible !important;
        z-index: 10 !important;
    }

    /* 1 Image floating at Upper Right End */
    .elvy-float-1 {
        position: absolute !important;
        top: -35px !important;
        right: 15px !important;
        left: auto !important;
        bottom: auto !important;
        width: 105px !important;
        height: 130px !important;
        pointer-events: auto !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        transform: none !important;
        animation: none !important;
    }

    /* Middle image hidden on mobile for clean 2-corner floating layout */
    .elvy-float-2 {
        display: none !important;
    }

    /* 1 Image floating at Lower Left End */
    .elvy-float-3 {
        position: absolute !important;
        bottom: -35px !important;
        left: 15px !important;
        right: auto !important;
        top: auto !important;
        width: 105px !important;
        height: 130px !important;
        pointer-events: auto !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        transform: none !important;
        animation: none !important;
    }

    .elvy-float-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
}

.elvy-animated-icon {
    width: 90px;
    height: 90px;
    margin-bottom: 35px;
}

.elvy-animated-icon path,
.elvy-animated-icon rect {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    animation: drawElvyIcon 4s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

.elvy-animated-icon .line-1 {
    animation-delay: 0s;
}

.elvy-animated-icon .line-2 {
    animation-delay: 0.2s;
}

.elvy-animated-icon .line-3 {
    animation-delay: 0.4s;
}

.elvy-animated-icon .line-4 {
    animation-delay: 0.6s;
}

.elvy-elevate-title {
    font-family: "Playfair Display", serif;
    font-size: 46px;
    color: #fff;
    margin-bottom: 25px;
    letter-spacing: 2px;
    font-weight: 300;
}

.elvy-elevate-title i {
    font-family: "Playfair Display", serif;
    font-style: italic;
    color: #d4af37;
}

.elvy-elevate-subtitle {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    color: #b3b3b3;
    line-height: 1.8;
    font-weight: 300;
    max-width: 650px;
    margin: 0 auto;
    letter-spacing: 0.5px;
}

.elvy-float-img-1,
.elvy-float-img-2 {
    position: absolute;
    z-index: 10;
    border: 1px solid rgba(212, 175, 55, 0.6);
    border-radius: 4px;
}

.elvy-float-img-1 {
    top: -125px;
    right: 8%;
    height: 250px;
    object-fit: cover;
}

.elvy-float-img-2 {
    bottom: -125px;
    left: 8%;
    height: 250px;
    object-fit: cover;
}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.elvy-testimonial-section {
    padding: 80px 0 100px;
    background: #fbf9f8;
    text-align: center;
    border-top: 1px solid #f0eae6;
    margin-top: 200px;
}

.elvy-testimonial-title {
    font-family: "Playfair Display", serif;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #222;
    margin-bottom: 60px;
    position: relative;
}

.elvy-testimonial-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #495403;
    margin: 20px auto 0;
}

.elvy-testimonial-card {
    background: #fff;
    padding: 50px 40px;
    margin: 15px 15px 50px;
    border: 1px solid #f0eae6;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    position: relative;
}

.elvy-testimonial-card::before {
    content: '"';
    font-family: "Playfair Display", serif;
    font-size: 80px;
    color: rgba(107, 15, 15, 0.05);
    position: absolute;
    top: 20px;
    left: 30px;
    line-height: 1;
}

.elvy-testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
    border-color: #495403;
}

.elvy-testimonial-stars {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-bottom: 30px;
}

.elvy-testimonial-stars svg {
    width: 18px;
    height: 18px;
    fill: #495403;
}

.elvy-testimonial-comment {
    font-family: 'Jost', sans-serif;
    font-style: italic;
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.elvy-testimonial-user h4 {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    color: #222;
    margin-bottom: 8px;
    font-weight: 600;
}

.elvy-testimonial-user p {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
}

.testimonial-slider .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
    margin: 0 6px !important;
}

.testimonial-slider .swiper-pagination-bullet-active {
    background: #495403;
    width: 30px;
    border-radius: 5px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.elvy-footer-pattern-strip {
    width: 100%;
    max-width: 100%;
    background: var(--elvy-pattern-bg, #343b04);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    padding-top: var(--elvy-pattern-padding-top, 15px);
    padding-bottom: var(--elvy-pattern-padding-bottom, 15px);
    white-space: nowrap;
    display: block;
    min-width: 0;
    contain: layout;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.elvy-footer {
    background: #495403;
    padding: 90px 0 40px;
    color: #ffffff;
    position: relative;
    border-top: 1px solid #343b04;
}

.elvy-footer .footer-logo img {
    max-height: 92px;
    width: auto;
    height: auto;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));
}

.elvy-footer-desc {
    color: rgba(255, 255, 255, 0.92);
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1.85;
    margin-top: 28px;
    max-width: 95%;
    text-align: justify;
}

.elvy-footer h4 {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    margin-bottom: 22px;
    color: #c5a880;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.elvy-footer-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elvy-footer-nav li+li {
    margin-top: 14px;
}

.elvy-footer .footer-nav-link {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    display: inline-block;
    line-height: 1.4;
}

.elvy-footer .footer-nav-link:hover {
    color: #ffffff;
    opacity: 0.85;
    transform: translateX(4px);
}

.elvy-footer .footer-nav-link--plain {
    text-transform: none;
    letter-spacing: 0.02em;
}

.elvy-footer-logo-cell {
    margin-top: clamp(35px, 3.5vw, 55px) !important;
}

.elvy-footer-main {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

@media (min-width: 992px) {
    .elvy-footer-main {
        display: grid;
        grid-template-columns: minmax(300px, 40%) 1fr;
        grid-template-rows: auto auto;
        column-gap: 40px;
        row-gap: 28px;
        align-items: start;
    }

    .elvy-footer-logo-cell {
        margin-top: clamp(35px, 3.5vw, 55px) !important;
        grid-column: 1;
        grid-row: 1;
    }

    .elvy-footer-desc-cell {
        grid-column: 1;
        grid-row: 2;
    }

    .elvy-footer-links-wrap {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        justify-self: end;
    }
}

.elvy-footer-desc {
    margin-top: 0;
}

.elvy-footer-desc-cell {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.elvy-footer-links-wrap {
    width: 100%;
}

.elvy-footer-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px 0;
}

@media (min-width: 576px) {
    .elvy-footer-links {
        grid-template-columns: repeat(3, auto);
        gap: 40px;
        justify-content: end;
        justify-items: start;
    }
}

.elvy-footer-links__col--support {
    min-width: 160px;
}

.elvy-footer-links__col--contact {
    min-width: 180px;
    max-width: 240px;
}

.elvy-footer-links__col--contact .footer-nav-link--plain {
    word-break: break-word;
}

.elvy-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 35px;
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.elvy-footer-text {
    color: rgba(255, 255, 255, 0.88);
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.elvy-footer-social {
    display: flex;
    gap: 20px;
    align-items: center;
}

.elvy-footer-social a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.elvy-footer-social a:hover {
    opacity: 0.85;
    transform: translateY(-1px);
}

.elvy-footer-social a svg {
    width: 22px;
    height: 22px;
    display: block;
    transition: fill 0.25s ease;
}

.elvy-footer-social a svg path {
    fill: #ffffff;
}

.elvy-footer-pattern-strip .marquee-content span {
    color: var(--elvy-pattern-text-color, rgba(255, 255, 255, 0.9));
    font-size: var(--elvy-pattern-font-size, 14px);
    letter-spacing: var(--elvy-pattern-letter-spacing, 4px);
}

/* ============================================================
   KEYFRAME ANIMATIONS
   ============================================================ */
@keyframes scrollMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) translateX(-50%);
    }

    40% {
        transform: translateY(-15px) translateX(-50%);
    }

    60% {
        transform: translateY(-7px) translateX(-50%);
    }
}

@keyframes floatUp {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

@keyframes floatDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }
}

@keyframes drawElvyIcon {
    0% {
        stroke-dashoffset: 400;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 767.98px) {

    .elvy-hero img.banner,
    .elvy-hero-swiper .swiper-slide img.banner {
        min-height: 320px;
        max-height: 70vh;
    }

    .bh-product-col {
        padding: 0 12px;
        margin-bottom: 28px;
        min-width: 0;
    }

    .bh-product-title {
        font-size: var(--product-title-size, 16px);
    }

    .bh-product-meta {
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        margin-top: auto;
        flex-wrap: nowrap;
        gap: 4px;
    }

    .bh-product-price {
        white-space: normal;
        font-size: var(--product-price-size, 13px);
        width: 100%;
    }

    .elvy-elevate-title {
        font-size: 32px;
    }

    .elvy-float-img-1,
    .elvy-float-img-2 {
        display: none;
    }
}

/* Shop Page Overrides */
.product-md-banner {
    aspect-ratio: 1 / 1 !important;
    /* Force square */
}

.al-title2-18px,
.al-title-16px,
.al-title-16px del,
.al-title2-18px del {
    font-family: 'Jost', sans-serif !important;
    font-style: normal !important;
}


/* Global Product Colors Overrides */
.product-title,
.al-title2-18px,
.al-product-title,
.product-name a {
    color: #222 !important;
    transition: color 0.3s ease;
}

.product-title:hover,
.al-title2-18px:hover,
.al-product-title:hover,
.product-name a:hover {
    color: #495403 !important;
}

.product-price,
.al-title-16px,
.al-product-price,
.price,
.current-price {
    color: #495403 !important;
    font-weight: 600 !important;
}

.old-price,
del,
.price del,
.product-price del,
.al-title-16px del {
    color: #999 !important;
    font-weight: 400 !important;
}

.badge-sale,
.sale-badge,
.discount-badge,
.badge-discount {
    background-color: #b89b4a !important;
    color: #fff !important;
}

/* ============================================================
   BRAND STORYTELLING SECTION
   ============================================================ */
.elvy-brand-storytelling {
    background-color: #ffffff;
    padding: 56px 0 64px;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.storytelling-intro {
    max-width: 820px;
    margin: 0 auto 90px;
}

.storytelling-badge {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #888;
    display: inline-block;
    margin-bottom: 24px;
}

.storytelling-headline {
    font-family: "Playfair Display", serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.45;
    color: #121212;
    letter-spacing: 0.5px;
    margin: 0 auto 30px;
    max-width: 760px;
}

.storytelling-divider {
    width: 50px;
    height: 1px;
    background: #c5a880;
    margin: 35px auto;
    opacity: 0.7;
}

.storytelling-intro-body {
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.85;
    color: #555;
    max-width: 680px;
    margin: 0 auto;
}

.storytelling-grid {
    margin-bottom: 0px;
}

.storytelling-col {
    padding: 0 25px;
    height: 100%;
}

.storytelling-col-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding-bottom: 14px;
}

.storytelling-number {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-style: italic;
    color: #c5a880;
    font-weight: 500;
}

.storytelling-col-title {
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #121212;
    margin: 0;
}

.storytelling-col-body {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.75;
    color: #555;
    text-align: justify;
    margin: 0;
}

.storytelling-signature-block {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.storytelling-signature-title {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 24px;
}

.storytelling-signature-body {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.9;
    color: #333;
    margin: 0 auto 35px;
    max-width: 640px;
}

.storytelling-brand-mark {
    font-family: "Playfair Display", serif;
    font-size: 26px;
    font-weight: 400;
    color: #121212;
    letter-spacing: 1px;
    opacity: 0.85;
}

/* ============================================================
   RESPONSIVE OVERRIDES
   ============================================================ */
@media (max-width: 991px) {
    .elvy-brand-storytelling {
        padding: 50px 0 90px;
    }

    .storytelling-intro {
        margin-bottom: 70px;
    }

    .storytelling-headline {
        font-size: 32px;
    }

    .storytelling-grid {
        margin-bottom: 70px;
    }

    .storytelling-col {
        padding: 0 15px;
    }

    .storytelling-signature-block {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .elvy-brand-storytelling {
        padding: 40px 0 70px;
    }

    .storytelling-intro {
        margin-bottom: 50px;
    }

    .storytelling-headline {
        font-size: 26px;
        line-height: 1.4;
    }

    .storytelling-divider {
        margin: 25px auto;
    }

    .storytelling-col {
        padding: 0;
    }

    .storytelling-col-header {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

    .storytelling-grid {
        margin-bottom: 50px;
    }

    .storytelling-signature-block {
        padding-top: 50px;
    }

    .storytelling-signature-body {
        font-size: 16px;
        line-height: 1.8;
    }
}

.bh-product-col {
    padding: 0 12px;
    margin-bottom: 28px;
}

.elvy-product-grid {
    --bs-gutter-x: var(--product-grid-gap, 1rem);
    --bs-gutter-y: var(--product-grid-gap, 1rem);
}

@media (min-width: 992px) {
    .elvy-product-grid {
        --bs-gutter-x: var(--product-grid-gap, 1.25rem);
    }

    .elvy-product-grid>.bh-product-col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.elvy-product-section {
    background: #ffffff;
}

/* Exclusive Collections — image always covers container completely */
.elvy-exclusive-card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid rgba(73, 84, 3, 0.15);
    border-radius: 0;
    background: #ffffff;
}

.elvy-exclusive-card:hover {
    transform: none;
    box-shadow: none;
}

.elvy-exclusive-card .bh-card-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0;
}

/* Image covers the container fully */
.elvy-exclusive-card .bh-card-bg {
    display: none !important;
}

.elvy-exclusive-card .bh-card-img {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 2;
    transform: scale(var(--img-scale, 1)) !important;
}

.elvy-exclusive-card.pb-crop-ready .bh-card-img {
    transition: transform 1.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.elvy-exclusive-card:hover .bh-card-img {
    transform: scale(var(--img-scale-hover, 1.06)) !important;
}

/* Beehive Catalogues — image tile (text below) */
.elvy-catalogue-media.elvy-catalogue-card,
.elvy-catalogue-card.elvy-catalogue-media {
    display: block;
}

.elvy-catalogue-media .bh-card-media,
.elvy-catalogue-card .bh-card-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0;
}

.elvy-catalogue-media .bh-card-bg,
.elvy-catalogue-card .bh-card-bg {
    display: none !important;
}

.elvy-catalogue-media .bh-card-img,
.elvy-catalogue-card .bh-card-img {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 2;
    transform: scale(var(--img-scale, 1)) !important;
}

.elvy-catalogue-card.pb-crop-ready .bh-card-img,
.elvy-catalogue-media.pb-crop-ready .bh-card-img {
    transition: transform 1.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.elvy-catalogue-media:hover .bh-card-img,
.elvy-catalogue-card:hover .bh-card-img {
    transform: scale(var(--img-scale-hover, 1.06)) !important;
}

/* Popular Products — premium product tile */
.product-luxury-card .bh-product-media {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden;
    background: transparent;
    margin-bottom: 0;
    border-radius: var(--product-card-image-radius, 0);
    padding: 0;
}

.product-luxury-card .bh-product-figure {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
}

.product-luxury-card .bh-product-img-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(8px);
    transform: scale(1.06);
    opacity: 0.35;
    z-index: 1;
}

.product-luxury-card .bh-product-img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    display: block;
    box-shadow: none;
    border-radius: 0;
    transform: scale(var(--img-scale, 1)) !important;
    /* Scale to crop out baked-in margins */
}

/* Hide tile images until auto-crop sets --img-scale (prevents visible zoom snap) */
.product-luxury-card.pb-crop-pending .bh-product-figure .bh-product-img,
.elvy-exclusive-card.pb-crop-pending .bh-card-img,
.elvy-catalogue-card.pb-crop-pending .bh-card-img {
    opacity: 0;
    transition: none !important;
}

.product-luxury-card.pb-crop-ready .bh-product-img,
.elvy-exclusive-card.pb-crop-ready .bh-card-img,
.elvy-catalogue-card.pb-crop-ready .bh-card-img {
    opacity: 1;
}

/* Primary image — hover transition only after crop is ready */
.product-luxury-card.pb-crop-ready .bh-product-img-primary {
    transition: transform 0.5s ease;
}

.product-luxury-card.pb-crop-pending .bh-product-img-primary {
    transition: none !important;
}

/* Hover image — curtain reveal from left to right */
.product-luxury-card .bh-product-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 3;
    opacity: 1 !important;
    transform: scale(var(--img-scale, 1));
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    transition: clip-path 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}

.product-luxury-card:hover .bh-product-img-hover,
.bh-product-media:hover .bh-product-img-hover {
    clip-path: inset(0 0 0 0) !important;
    -webkit-clip-path: inset(0 0 0 0) !important;
    transform: scale(var(--img-scale-hover, 1.05)) !important;
}

.product-luxury-card:hover .bh-product-img-primary,
.bh-product-media:hover .bh-product-img-primary {
    transform: scale(var(--img-scale-hover, 1.05)) !important;
}

/* ============================================================
   LUXURY PRODUCT CARDS
   ============================================================ */
.product-luxury-card {
    --bh-theme: var(--product-card-button-color, #495403);
    --bh-theme-dark: #343b04;
    background: var(--product-card-background, #ffffff);
    border: var(--product-card-border-width, 1px) solid var(--product-card-border-color, rgba(73, 84, 3, 0.1)) !important;
    border-radius: var(--product-card-radius, 0);
    box-shadow: var(--product-card-shadow, 0 1px 0 rgba(0, 0, 0, 0.04), 0 6px 18px rgba(73, 84, 3, 0.04));
    padding: 0;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;
    text-align: left;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.product-luxury-card:hover {
    transform: translateY(-4px);
    border-color: rgba(73, 84, 3, 0.18) !important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03), 0 14px 28px rgba(73, 84, 3, 0.1);
}

.product-luxury-card .bh-product-media>.bh-product-add {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
    z-index: 20;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: var(--product-card-button-radius, 0);
    background: var(--product-card-button-color, var(--bh-theme, #495403));
    color: #fff;
    display: block !important;
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(73, 84, 3, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.85);
    transform-origin: top right;
    transition:
        opacity 0.28s ease,
        visibility 0.28s ease,
        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.2s ease,
        box-shadow 0.2s ease;
    pointer-events: none;
}

.product-luxury-card:hover .bh-product-media>.bh-product-add,
.product-luxury-card:focus-within .bh-product-media>.bh-product-add {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}

.product-luxury-card .bh-product-media>.bh-product-add:hover {
    background: var(--bh-theme-dark);
    box-shadow: 0 4px 14px rgba(52, 59, 4, 0.36);
}

/* Plus icon — perfectly centered via pseudo elements */
.product-luxury-card .bh-product-media>.bh-product-add .bh-product-add-icon {
    display: block;
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.product-luxury-card .bh-product-media>.bh-product-add .bh-product-add-icon::before,
.product-luxury-card .bh-product-media>.bh-product-add .bh-product-add-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: #ffffff;
    transform: translate(-50%, -50%);
}

.product-luxury-card .bh-product-media>.bh-product-add .bh-product-add-icon::before {
    width: 12px;
    height: 1.5px;
}

.product-luxury-card .bh-product-media>.bh-product-add .bh-product-add-icon::after {
    width: 1.5px;
    height: 12px;
}

/* Touch devices — always show add control */
@media (hover: none) {
    .product-luxury-card .bh-product-media>.bh-product-add {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        pointer-events: auto;
    }
}

.product-luxury-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    background: transparent;
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    border: none;
}

.product-luxury-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: space-between !important;
}

.product-luxury-details {
    padding: 14px 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
    background: var(--product-card-background, #ffffff);
    border-top: 1px solid rgba(73, 84, 3, 0.07);
    text-align: left;
}

.bh-product-title,
.product-luxury-card .bh-product-title {
    font-family: "Playfair Display", "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 52px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    margin: 0 0 4px 0 !important;
    transition: color 0.25s ease;
}

.bh-product-title:hover {
    color: var(--bh-theme, #495403) !important;
}

.bh-product-meta,
.product-luxury-card .bh-product-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 4px !important;
}

.bh-product-cat,
.product-luxury-card .bh-product-cat {
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #666666 !important;
}

.bh-product-price,
.product-luxury-card .bh-product-price {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #495403 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
}

/* Desktop Dynamic Spacing & Typography */
@media (min-width: 992px) {
    .product-luxury-details {
        padding: 14px 16px 16px !important;
    }

    .bh-product-title,
    .product-luxury-card .bh-product-title {
        font-size: 17px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 54px !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
    }

    .bh-product-cat,
    .product-luxury-card .bh-product-cat {
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    .bh-product-price,
    .product-luxury-card .bh-product-price {
        font-size: 17px !important;
        font-weight: 700 !important;
    }
}

.product-luxury-title-link,
.product-luxury-price-wrapper,
.product-luxury-buttons,
.product-luxury-image-wrapper {
    display: none !important;
}

/* Homepage rhythm: Exclusive → Material Journey → Testimonials → Instagram */
.bh-new-section {
    width: 100%;
    line-height: 0;
    background: #faf8f5;
    margin: 0;
    padding: 0 0 72px;
}

.bh-new-section img.banner {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center top;
    margin: 0;
}

.elvy-luxury-testimonial-section {
    margin: 0 !important;
    padding: 72px 0 !important;
}

/* Stable testimonial slider height — no autoHeight layout jumps */
.elvy-testimonial-slider {
    min-height: 220px;
}

.elvy-testimonial-slider .swiper-wrapper {
    min-height: 200px;
}

.elvy-testimonial-slider .swiper-slide {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.elvy-instagram-section {
    margin: 0 !important;
    padding: 72px 0 56px !important;
}

/* Instagram Reels — Page Builder layout modes */
.elvy-instagram-section.ig-layout--grid .ig-reels-viewport {
    overflow: visible;
}

.elvy-instagram-section.ig-layout--grid .ig-reels-track {
    display: grid !important;
    grid-template-columns: repeat(var(--ig-grid-cols, 4), minmax(0, 1fr));
    gap: var(--ig-grid-gap, 24px);
    transform: none !important;
    flex-wrap: unset !important;
}

.elvy-instagram-section.ig-layout--grid .instagram-reel-slide {
    width: auto !important;
    margin: 0 !important;
    max-width: none !important;
}

.elvy-instagram-section.ig-layout--scroll .ig-reels-viewport {
    overflow: hidden !important;
    /* Hide scrollbar (slider below) */
    position: relative;
}

.elvy-instagram-section.ig-layout--scroll .ig-reels-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--ig-scroll-gap, 16px);
}

.elvy-instagram-section.ig-layout--scroll .instagram-reel-slide {
    flex: 0 0 var(--ig-scroll-card-width, 280px);
    width: var(--ig-scroll-card-width, 280px) !important;
    max-width: var(--ig-scroll-card-width, 280px) !important;
    margin: 0 !important;
}

.elvy-instagram-section.ig-scroll-snap-on .ig-reels-viewport {
    scroll-snap-type: x mandatory;
}

.elvy-instagram-section.ig-scroll-snap-on.ig-layout--scroll .instagram-reel-slide {
    scroll-snap-align: start;
}

/* Force hide scrollbars under all conditions for the reels viewport */
.elvy-instagram-section .ig-reels-viewport {
    scrollbar-width: none !important;
}

.elvy-instagram-section .ig-reels-viewport::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

@media (max-width: 767.98px) {
    .elvy-instagram-section.ig-layout--grid .ig-reels-track {
        grid-template-columns: repeat(var(--ig-grid-cols-mobile, 2), minmax(0, 1fr));
    }

    .elvy-instagram-section.ig-layout--scroll .instagram-reel-card {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .elvy-exclusive-section {
        padding-bottom: 40px !important;
    }

    .bh-new-section {
        padding-bottom: 48px;
    }

    .elvy-luxury-testimonial-section {
        padding: 56px 0 !important;
    }

    .elvy-instagram-section {
        padding: 56px 0 40px !important;
    }
}

/* ============================================================
   GLOBAL BUTTON COLOR OVERRIDES
   ============================================================ */
.elvy-add-to-cart-btn {
    background-color: #495403 !important;
    border-color: #495403 !important;
    color: #fff !important;
}

.elvy-add-to-cart-btn:hover {
    background-color: #333802 !important;
    border-color: #333802 !important;
    color: #fff !important;
}

.btn-dark,
.btn-black,
.btn-primary,
.checkout-btn,
.add-to-cart-btn,
.add-cart-btn,
.product-btn,
.cart-btn,
.theme-btn,
.btn-style-one,
.submit-btn,
button[type="submit"]:not(.chatbot-popup-close):not(.elvy-account-sidebar__signout):not(.elvy-add-to-cart-btn):not(.qv-btn-secondary) {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #495403 !important;
    transition: color 0.35s ease, border-color 0.35s ease !important;
}

.btn-dark::before,
.btn-black::before,
.btn-primary::before,
.checkout-btn::before,
.add-to-cart-btn::before,
.add-cart-btn::before,
.product-btn::before,
.cart-btn::before,
.theme-btn::before,
.btn-style-one::before,
.submit-btn::before,
button[type="submit"]:not(.chatbot-popup-close):not(.elvy-account-sidebar__signout):not(.elvy-add-to-cart-btn):not(.qv-btn-secondary)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: #495403 !important;
    z-index: -1 !important;
    transform: translateX(0) !important;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.btn-dark:hover::before,
.btn-black:hover::before,
.btn-primary:hover::before,
.checkout-btn:hover::before,
.add-to-cart-btn:hover::before,
.add-cart-btn:hover::before,
.product-btn:hover::before,
.cart-btn:hover::before,
.theme-btn:hover::before,
.btn-style-one:hover::before,
.submit-btn:hover::before,
button[type="submit"]:not(.chatbot-popup-close):not(.elvy-account-sidebar__signout):not(.elvy-add-to-cart-btn):not(.qv-btn-secondary):hover::before {
    transform: translateX(100%) !important;
}

.btn-dark:hover,
.btn-black:hover,
.btn-primary:hover,
.checkout-btn:hover,
.add-to-cart-btn:hover,
.add-cart-btn:hover,
.product-btn:hover,
.cart-btn:hover,
.theme-btn:hover,
.btn-style-one:hover,
.submit-btn:hover,
button[type="submit"]:not(.chatbot-popup-close):not(.elvy-account-sidebar__signout):not(.elvy-add-to-cart-btn):not(.qv-btn-secondary):hover {
    color: #495403 !important;
    border-color: #495403 !important;
    background: transparent !important;
}

.elvy-buy-now-btn {
    background-color: #fff !important;
    border: 1px solid #1a1a1a !important;
    color: #1a1a1a !important;
}

.elvy-buy-now-btn:hover {
    background-color: #f9f9f9 !important;
    border-color: #1a1a1a !important;
    color: #1a1a1a !important;
}

/* Product buttons — left-to-right fill slide (same as homepage collection buttons) */
.elvy-add-to-cart-btn,
.elvy-buy-now-btn {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.elvy-add-to-cart-btn>*,
.elvy-buy-now-btn>* {
    position: relative;
    z-index: 1;
}

.elvy-add-to-cart-btn::before,
.elvy-buy-now-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    transform: translateX(-100%);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: none;
}

/* Add to Cart (solid green) → darker green fill slides in */
.elvy-add-to-cart-btn::before {
    background: #333802;
}

/* Buy Now (outline) → green fill slides in, text turns white */
.elvy-buy-now-btn::before {
    background: #495403;
}

.elvy-add-to-cart-btn:hover::before,
.elvy-buy-now-btn:hover::before {
    transform: translateX(0);
}

.elvy-buy-now-btn:hover {
    color: #fff !important;
    border-color: #495403 !important;
    background-color: #fff !important;
}

/* ============================================================
   PAGE BUILDER — free-placed elements inside drop areas
   Desktop: position with --x-desktop / --y-desktop / --w-desktop
   Tablet & mobile: stack full width
   ============================================================ */
/* Custom / free-layout sections: isolated canvas — internal layout must not bleed outward */
.elvy-blank-section.pb-section-isolated,
.elvy-blank-section,
.custom-page-content.elvy-blank-section,
.custom-page-content {
    position: relative;
    isolation: isolate;
    contain: layout;
    margin: 0;
}

.elvy-blank-section>.drop-area.pb-free-canvas,
.elvy-blank-section>.drop-area.pb-section-canvas,
.custom-page-content .drop-area.pb-free-canvas,
.custom-page-content .drop-area.pb-section-canvas {
    position: relative;
    overflow: visible;
    contain: layout;
    box-sizing: border-box;
    min-height: var(--pb-canvas-min-height, 220px);
}

.drop-area.pb-free-canvas,
.container.drop-area.pb-free-canvas {
    position: relative;
    min-height: var(--pb-canvas-min-height, 220px);
}

/* Storefront sections (not Custom Section): native titles never use free-canvas coords */
section:not(.elvy-blank-section):not(.custom-page-content) .drop-area>[builder-identity] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    z-index: auto !important;
}

section:not(.elvy-blank-section):not(.custom-page-content) .drop-area.pb-free-canvas,
section:not(.elvy-blank-section):not(.custom-page-content) .container.drop-area.pb-header-canvas {
    position: static;
    overflow: visible;
    contain: none;
    min-height: 0 !important;
}

.drop-area.pb-free-canvas .pb-free-item {
    position: absolute;
    left: var(--x-desktop, 2%);
    top: var(--y-desktop, 8px);
    width: max-content;
    max-width: calc(100% - 12px);
    min-height: var(--mh-desktop, auto);
    padding: var(--p-desktop, 0);
    margin: var(--m-desktop, 0);
    box-sizing: border-box;
    z-index: 2;
}

.drop-area img.pb-free-item {
    width: auto;
    max-width: min(100%, 480px);
}

.drop-area.pb-free-canvas .builder-editable-wraper.pb-free-item {
    display: inline-block;
    line-height: 0;
}

.drop-area.pb-free-canvas .builder-editable-wraper.pb-free-item>img {
    position: relative;
    display: block;
    max-width: min(100%, 480px);
    height: auto;
}

.drop-area hr.pb-free-item {
    width: 100%;
    max-width: 100%;
}

.drop-area .pb-free-item.pb-component-widget {
    display: block;
    width: max-content;
    max-width: min(100%, 520px);
}

.drop-area>.is-layout {
    position: relative;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .drop-area.pb-free-canvas {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        min-height: auto;
    }

    .drop-area .pb-free-item {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 0.75rem 0 !important;
    }
}

/* ============================================================
   SITE RESPONSIVE SYSTEM (mobile / tablet — desktop unchanged)
   Breakpoints align with Bootstrap: 575.98, 767.98, 991.98px
   ============================================================ */

/* Prevent horizontal scroll from full-bleed sections */
.elvy-faq-section {
    width: 100%;
    max-width: 100%;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
}

html {
    overflow-x: clip;
    max-width: 100%;
}

body.elvy-storefront {
    overflow-x: clip;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.elvy-storefront .container-fluid {
    width: 100%;
    max-width: 100%;
}

/* Bootstrap .container keeps its max-width + centering (do not force 100%) */

/* Clip animated marquees (hero + pattern_strip + footer) */
.elvy-footer-pattern-strip {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    min-width: 0;
    contain: layout;
}

.elvy-pattern-strip .pattern-marquee-track,
.elvy-pattern-strip .pattern-marquee-content,
.elvy-footer-pattern-strip .marquee-track,
.elvy-footer-pattern-strip .marquee-content {
    vertical-align: middle;
}

/* Homepage / builder sections must not widen the viewport */
@media (max-width: 991.98px) {

    body.elvy-storefront>section,
    body.elvy-storefront>header,
    body.elvy-storefront>div.elvy-pattern-strip,
    body.elvy-storefront .elvy-category-section,
    body.elvy-storefront .elvy-blank-section,
    body.elvy-storefront .elvy-product-spotlight-section,
    body.elvy-storefront .elvy-instagram-section {
        max-width: 100%;
        overflow-x: hidden;
    }

    .elvy-instagram-section .swiper,
    .elvy-instagram-section [style*="overflow: visible"] {
        overflow: hidden;
    }
}

/* Page builder free canvas — force stack on phones (Craft Story, custom blocks) */
@media (max-width: 767.98px) {

    .elvy-blank-section .drop-area.pb-free-canvas,
    .elvy-blank-section .pb-section-canvas {
        overflow: hidden;
        max-width: 100%;
    }

    .elvy-blank-section .pb-free-item,
    .elvy-blank-section .builder-element.dropped-item,
    .elvy-blank-section img.builder-element,
    .elvy-blank-section .builder-editable-wraper {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    .elvy-blank-section img.builder-element,
    .elvy-blank-section img.pb-free-item {
        width: 100% !important;
        height: auto !important;
    }
}

/* ============================================================
   SHOP BY CATEGORIES — layout via FC_SHAPE CSS variables
   ============================================================ */
.elvy-category-section {
    padding: 36px 0 44px;
    text-align: center;
    background: #f2f2f2;
}

.elvy-category-eyebrow {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #555;
    margin: 0 0 8px;
    display: block;
}

.elvy-category-title {
    font-family: 'Jost', sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
    letter-spacing: 0.06em;
    color: #000;
    text-transform: uppercase;
    line-height: 1.15;
}

.elvy-category-subtitle {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    color: #444;
    margin: 0 auto 32px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    max-width: 640px;
}

.elvy-category-grid {
    --elvy-cat-gap-desktop: 48px;
    --elvy-cat-gap-mobile-row: 24px;
    --elvy-cat-gap-mobile-col: 20px;
    --elvy-cat-label-gap: 12px;
    --elvy-cat-item-width: 120px;
    position: relative;
    box-sizing: border-box;
}

.elvy-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: #111;
    text-align: center;
}

.elvy-category-img-wrap {
    border-radius: var(--elvy-cat-circle-radius, 50%);
    overflow: hidden;
    border-width: var(--elvy-cat-circle-border-width, 0);
    border-style: var(--elvy-cat-circle-border-style, solid);
    border-color: var(--elvy-cat-circle-border-color, transparent);
    box-shadow: none;
    flex-shrink: 0;
    transition: width 0.12s ease, height 0.12s ease, border-radius 0.12s ease, border-width 0.12s ease, border-color 0.12s ease;
}

.elvy-category-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.elvy-category-item:hover .elvy-category-img-wrap img {
    transform: scale(1.12);
}

.elvy-category-item span {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 400;
    text-align: center;
    color: #111;
    line-height: 1.3;
    display: block;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
}

/* Desktop / tablet — compact centered row (not full-width spread) */
@media (min-width: 576px) {
    .elvy-category-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        gap: var(--elvy-cat-gap-mobile-row, 24px) var(--elvy-cat-gap-desktop, 48px);
        padding: 0 15px;
    }

    .elvy-category-item {
        width: var(--elvy-cat-item-width, 120px);
        flex: 0 0 var(--elvy-cat-item-width, 120px);
        max-width: none;
        margin-inline: 0;
    }

    .elvy-category-item:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .elvy-category-img-wrap {
        width: var(--elvy-cat-circle-size, 125px) !important;
        height: var(--elvy-cat-circle-size, 125px) !important;
        margin: 0 auto var(--elvy-cat-label-gap, 18px) !important;
        align-self: center;
    }

    .elvy-category-item span {
        max-width: var(--elvy-cat-item-width, 135px);
        width: 100%;
        margin-top: 4px !important;
    }

    align-self: center;
}
}

@media (min-width: 992px) {
    .elvy-category-grid {
        flex-wrap: nowrap;
    }

    .elvy-category-title {
        font-size: 26px;
        letter-spacing: 0.07em;
    }
}

/* Mobile — centered 2-column grid */
@media (max-width: 575.98px) {
    .elvy-category-section {
        padding: 28px 0 36px;
        text-align: center;
    }

    .elvy-category-section .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .elvy-category-title {
        font-size: 18px;
        letter-spacing: 0.05em;
    }

    .elvy-category-subtitle {
        font-size: 13px;
        margin-bottom: 24px;
    }

    .elvy-category-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        align-items: start;
        width: 100%;
        max-width: min(100%, 320px);
        margin-inline: auto;
        gap: var(--elvy-cat-gap-mobile-row, 24px) var(--elvy-cat-gap-mobile-col, 20px);
        padding: 0 12px;
    }

    .elvy-category-item {
        width: auto;
        max-width: 132px;
        min-width: 0;
        margin-inline: auto;
        flex: none;
    }

    .elvy-category-item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        justify-self: center;
    }

    .elvy-category-img-wrap {
        width: 105px !important;
        height: 105px !important;
        max-width: 105px !important;
        max-height: 105px !important;
        margin: 0 auto 18px !important;
        align-self: center;
    }

    .elvy-category-item span {
        font-size: 11px;
        width: 100%;
        max-width: 132px;
        margin-inline: auto;
        margin-top: 4px !important;
        align-self: center;
    }
}

@media (max-width: 399.98px) {
    .elvy-category-grid {
        max-width: min(100%, 280px);
    }

    .elvy-category-item {
        max-width: 120px;
    }

    .elvy-category-img-wrap {
        width: min(var(--elvy-cat-circle-size, 108px), 80px);
        height: min(var(--elvy-cat-circle-size, 108px), 80px);
        max-width: 80px;
    }

    .elvy-category-item span {
        max-width: 120px;
    }
}

.elvy-product-desc img,
.elvy-product-page .elvy-product-desc img {
    max-width: 100%;
    height: auto;
}

/* Top bar — allow stacked content (overrides builder fixed height) */
.elvy-top-header {
    height: auto !important;
    min-height: 46px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 575.98px) {
    .elvy-top-header .contact-wrapper {
        align-items: stretch;
    }
}

/* Header */
@media (max-width: 991.98px) {
    .elvy-header {
        height: auto;
        min-height: 64px;
        padding: 10px 0;
    }

    .elvy-header>.container-fluid {
        padding-left: max(12px, env(safe-area-inset-left, 0px));
        padding-right: max(12px, env(safe-area-inset-right, 0px));
    }

    /* Replace Bootstrap 3-5-4 columns with edge-to-edge three-zone layout */
    .elvy-header .elvy-header-bar {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        column-gap: clamp(14px, 4.5vw, 22px);
        width: 100%;
        margin: 0 !important;
        --bs-gutter-x: 0;
        min-height: 44px;
    }

    /* Keep desktop-only blocks hidden — do NOT use [class*="col-"] + display:flex (breaks d-none) */
    .elvy-header .elvy-header-bar>.d-none {
        display: none !important;
    }

    .elvy-header .elvy-header-bar>.elvy-header-menu-col,
    .elvy-header .elvy-header-bar>.elvy-logo-col,
    .elvy-header .elvy-header-bar>.elvy-header-icons-col {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        align-self: center;
        min-height: 44px;
    }

    .elvy-header-menu-col {
        justify-content: flex-start;
    }

    .elvy-header .elvy-logo-col {
        justify-content: center;
        text-align: center;
        padding-left: 0;
        min-width: 0;
    }

    .elvy-header-icons-col {
        justify-content: flex-end;
    }

    .elvy-header .elvy-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
    }

    .elvy-header .elvy-logo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        line-height: 0;
        vertical-align: middle;
    }

    .elvy-header .elvy-logo img {
        display: block;
        max-height: 40px;
        width: auto;
        max-width: min(100%, 220px);
        object-fit: contain;
        margin: 0;
        vertical-align: middle;
    }

    .elvy-nav-ul {
        height: auto;
        gap: 20px;
    }

    .elvy-header .elvy-icons {
        gap: clamp(12px, 3.2vw, 18px);
        flex-wrap: nowrap;
        align-items: center;
        min-height: 44px;
    }

    .elvy-header .elvy-icons a.header-icontext-link,
    .elvy-header .elvy-icons .dropdown>a.header-icontext-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        min-width: 32px;
    }
}

@media (max-width: 575.98px) {
    .elvy-header>.container-fluid {
        padding-left: max(10px, env(safe-area-inset-left, 0px));
        padding-right: max(10px, env(safe-area-inset-right, 0px));
    }

    .elvy-header .elvy-header-bar {
        column-gap: clamp(12px, 4vw, 18px);
    }

    .elvy-header .elvy-icons {
        gap: 12px;
    }

    .elvy-header .elvy-icons a.header-icontext-link svg {
        width: 19px;
        height: 19px;
    }

    .elvy-header .elvy-menu-toggle svg {
        width: 26px;
        height: 26px;
    }
}

/* Footer */
@media (max-width: 767.98px) {
    .elvy-footer {
        padding: 56px 0 32px;
    }

    .elvy-footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 40px;
        padding-top: 28px;
    }

    .elvy-footer-desc {
        max-width: 100%;
    }
}

/* Offcanvas panels — cart, filter, mobile menu */
@media (max-width: 575.98px) {

    .offcanvas.shopping-cart-offcanvas,
    .shopping-cart-offcanvas.offcanvas,
    .filter-offcanvas.offcanvas,
    .offcanvas.filter-offcanvas {
        width: 100%;
        max-width: 100%;
    }

    .menuoffcanvas.offcanvas.offcanvas-start,
    .elvy-mobile-menu.offcanvas.offcanvas-start {
        width: min(100%, 340px);
        max-width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {

    .menuoffcanvas.offcanvas.offcanvas-start,
    .elvy-mobile-menu.offcanvas.offcanvas-start {
        width: min(380px, 88vw);
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {

    .offcanvas.shopping-cart-offcanvas,
    .shopping-cart-offcanvas.offcanvas,
    .filter-offcanvas.offcanvas,
    .offcanvas.filter-offcanvas {
        width: min(420px, 92vw);
        max-width: 92vw;
    }
}

/* All products + policy pages — heading without gray bar, same font as shop listing */
.elvy-website-content-page .elvy-shop-page-head,
.elvy-website-content-page .breadcrumb-area,
.pb-policy-page .elvy-shop-page-head,
.pb-policy-page .breadcrumb-area,
.elvy-shop-page-head,
.elvy-shop-page-title,
.policy-page .elvy-shop-page-head.breadcrumb-area {
    background: transparent !important;
    background-color: transparent !important;
}

.elvy-shop-page-head {
    padding: 0;
}

.elvy-shop-page-title {
    margin: 0;
    font-family: 'Jost', sans-serif;
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #111;
}

/* Shop pagination — horizontal, max 3 page numbers */
.fsh-pagination.elvy-shop-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 32px 0 8px;
}

.fsh-pagination.elvy-shop-pagination>li {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.fsh-pagination.elvy-shop-pagination .fsh-page-link {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #f2f2f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.fsh-pagination.elvy-shop-pagination .fsh-page-link.active,
.fsh-pagination.elvy-shop-pagination a.fsh-page-link:hover {
    background: #495403;
    color: #fff;
}

.fsh-pagination.elvy-shop-pagination .fsh-page-link.active svg path,
.fsh-pagination.elvy-shop-pagination a.fsh-page-link:hover svg path {
    stroke: #fff;
}

.fsh-pagination.elvy-shop-pagination .fsh-page-link.disabled {
    opacity: 0.45;
    pointer-events: none;
}

.elvy-shop-pagination-nav {
    width: 100%;
}

/* All products listing — keep thumbnails stable while scrolling */
.elvy-shop-products-view .product-luxury-card .bh-product-media {
    contain: layout style paint;
}

.elvy-shop-products-view .product-luxury-card .bh-product-img-primary,
.elvy-shop-products-view .product-luxury-card .bh-product-img-hover {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.elvy-shop-products-view .tab-pane:not(.show.active) {
    content-visibility: hidden;
    contain-intrinsic-size: auto 600px;
}

.elvy-shop-products-view .tab-pane.show.active {
    content-visibility: visible;
}

/* Shop listing toolbar */
.elvy-shop-toolbar {
    flex-wrap: wrap;
    gap: 12px 16px;
    row-gap: 14px;
}

@media (max-width: 767.98px) {
    .elvy-shop-toolbar {
        justify-content: center;
    }

    .elvy-shop-toolbar>.text-center {
        flex: 1 1 100%;
        order: -1;
    }

    .elvy-shop-toolbar>.d-flex.align-items-center {
        flex: 1 1 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* ============================================================
   PRODUCT DETAIL PAGE — layout, breadcrumb, gallery (prod)
   Overrides inline styles from pb_system_content / product_page_body
   ============================================================ */
#main:has(.elvy-product-page),
.elvy-product-page,
.elvy-product-page .container,
.elvy-product-page .elvy-product-layout {
    overflow: visible !important;
}

.elvy-product-page>.container {
    max-width: min(100%, 1240px) !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(20px, 2.5vw, 32px) !important;
    padding-right: clamp(20px, 2.5vw, 32px) !important;
}

/* Breadcrumb — full-width row above gallery, never under thumbs */
.elvy-product-page .elvy-product-breadcrumb {
    position: relative !important;
    z-index: 50 !important;
    background: #fff !important;
    margin-bottom: 2rem !important;
    padding: 0 0 0.5rem !important;
    border: none !important;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    line-height: 1.5;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb-item a {
    color: #777;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb-item a:hover {
    color: #495403;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb-item.active {
    color: #444;
    font-weight: 500;
}

.elvy-product-page .elvy-product-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    float: none;
    padding-right: 0.45rem;
    padding-left: 0.45rem;
    color: #c4c4c4;
    content: "/";
}

.elvy-product-page .tf-product-media-wrap {
    gap: 1rem;
    max-width: 100%;
}

.elvy-product-page .thumbs-slider-wrap {
    flex-shrink: 0;
}

.elvy-product-page .tf-product-media-thumbs {
    width: 80px;
    flex-shrink: 0;
    overflow: hidden;
}

.elvy-product-page .tf-product-media-thumbs .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    flex-shrink: 0;
    opacity: 1 !important;
    transition: border-color 0.25s ease;
}

.elvy-product-page .tf-product-media-thumbs .swiper-slide .item {
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow: hidden;
}

.elvy-product-page .tf-product-media-thumbs .swiper-slide-thumb-active .item {
    border-color: #495403;
    box-shadow: 0 0 0 1px #495403;
}

.elvy-product-page .tf-product-media-thumbs .swiper-slide .item {
    width: 100%;
    height: 100%;
}

.elvy-product-page .tf-product-media-thumbs .swiper-slide .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elvy-product-page .tf-product-media-main {
    min-width: 0;
    flex: 1 1 auto;
}

@media (min-width: 992px) {

    /* Reset Bootstrap .row negative margins — they collapse the grid / clip text */
    .elvy-product-page .elvy-product-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 2.5rem !important;
        row-gap: 1.5rem !important;
        align-items: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .elvy-product-page .elvy-product-layout>.col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 0;
    }

    .elvy-product-page .elvy-product-gallery {
        position: relative !important;
        height: 100%;
        align-self: stretch !important;
        overflow: visible !important;
    }

    .elvy-product-page .elvy-product-media-sticky,
    .elvy-product-page .elvy-product-gallery .tf-product-media-wrap {
        position: sticky !important;
        top: 120px !important;
        z-index: 10 !important;
    }

    .elvy-product-page .elvy-product-details-col {
        min-width: 0;
        overflow-wrap: break-word;
        position: relative !important;
        height: 100%;
        align-self: stretch !important;
        overflow: visible !important;
    }

    .elvy-product-page .elvy-product-details,
    .elvy-product-page .elvy-product-details-col .elvy-product-details {
        position: sticky !important;
        top: 120px !important;
        z-index: 10 !important;
        padding-left: 0 !important;
        max-width: 100%;
    }

    .elvy-product-page .elvy-product-title {
        overflow-wrap: break-word;
        word-break: normal;
    }
}

@media (max-width: 991.98px) {

    .elvy-product-page .elvy-product-gallery,
    .elvy-product-page .elvy-product-details-col {
        position: static !important;
        height: auto !important;
        align-self: auto !important;
    }

    .elvy-product-page .elvy-product-media-sticky,
    .elvy-product-page .tf-product-media-wrap,
    .elvy-product-page .elvy-product-details {
        position: static !important;
        top: auto !important;
    }

    .elvy-product-page .elvy-product-image-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .elvy-product-page .tf-product-media-wrap {
        flex-direction: column;
        gap: 12px;
    }

    .elvy-product-title {
        font-size: clamp(1.35rem, 5vw, 1.75rem);
    }

    .elvy-product-page .elvy-product-price-wrap {
        flex-wrap: wrap;
    }

    .elvy-reviews-header {
        margin-top: 48px;
    }
}

@media (max-width: 575.98px) {
    .elvy-product-page .thumbs-slider-wrap {
        display: none;
    }

    .elvy-product-page .tf-product-media-thumbs {
        height: auto !important;
    }

    .elvy-product-page .tf-product-media-main img {
        max-height: min(70vh, 420px) !important;
    }
}

/* Checkout summary coupon row */
.elvy-checkout-coupon {
    flex-wrap: wrap;
}

.elvy-checkout-coupon .form-control,
.elvy-checkout-coupon input[type="text"] {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
}

.elvy-checkout-coupon .btn {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 576px) {

    .elvy-checkout-coupon .form-control,
    .elvy-checkout-coupon input[type="text"] {
        flex: 1 1 12rem;
        width: auto;
    }

    .elvy-checkout-coupon .btn {
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .elvy-delivery-toggle {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

/* Cart page */
@media (max-width: 575.98px) {
    .elvy-cart-img {
        width: 80px;
        height: 80px;
    }

    .elvy-product-wrap {
        gap: 12px;
    }

    .elvy-qty-wrap {
        width: 100%;
        max-width: 140px;
    }
}

/* Tables — horizontal scroll wrapper */
.table-responsive-bh {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Home: collections / blog 2-col on very small screens */
@media (max-width: 374.98px) {

    .elvy-exclusive-grid,
    .elvy-blog-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Spotlight (builder section — survives in theme CSS) */
@media (max-width: 767.98px) {
    .elvy-spotlight-box {
        margin-left: 48px;
        margin-right: 48px;
    }

    .elvy-spotlight-slide-inner {
        flex-direction: column;
    }

    .elvy-spotlight-visual {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .elvy-spotlight-visual a,
    .elvy-spotlight-visual img {
        height: clamp(220px, 55vw, 360px);
    }
}

@media (max-width: 575.98px) {
    .elvy-spotlight-shell {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .elvy-spotlight-box {
        margin-left: 32px;
        margin-right: 32px;
    }

    .elvy-spotlight-nav {
        width: 36px;
        height: 36px;
    }

    .elvy-product-spotlight-section {
        padding-top: 48px;
        padding-bottom: 48px;
        overflow: hidden;
    }
}

@media (max-width: 399.98px) {
    .elvy-spotlight-box {
        margin-left: 24px;
        margin-right: 24px;
    }
}

/* Toasts on narrow screens */
@media (max-width: 575.98px) {

    .toast-container .toast,
    #toast-container .toast {
        max-width: calc(100vw - 24px);
    }

    .toast-body {
        white-space: normal;
    }
}

/* ============================================================
   VIDEO SHOWCASE (Shoppable Reels)
   ============================================================ */
.elvy-video-showcase-section {
    padding: 100px 0 !important;
    margin-bottom: 120px !important;
    background: var(--vs-bg, #fdfdfd);
    overflow: hidden;
    max-width: 100%;
}

.elvy-video-showcase-section.elvy-vs-no-items {
    display: none;
}

body.builder-mode .elvy-video-showcase-section.elvy-vs-no-items {
    display: block;
}

.elvy-vs-empty-msg {
    display: none;
}

body.builder-mode .elvy-vs-empty-msg {
    display: block;
}

.elvy-vs-header {
    text-align: center;
    margin-bottom: 40px;
}

.elvy-vs-title {
    font-family: 'Jost', sans-serif;
    font-size: clamp(1.25rem, 4vw, 1.75rem);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #121729;
    margin: 0 0 10px;
}

.elvy-vs-subtitle {
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    color: #777;
    margin: 0;
    font-weight: 400;
}

.elvy-vs-admin-hint {
    display: none;
    text-align: center;
    font-size: 12px;
    margin: -28px 0 24px;
}

.elvy-vs-admin-hint a {
    color: #495403;
    font-weight: 600;
}

body.builder-mode .elvy-vs-admin-hint {
    display: block;
}

/* Layout Builder: same horizontal reel row as live site (not stacked drop-area column) */
body.builder-mode #main .elvy-video-showcase-section {
    display: block !important;
    width: 100% !important;
}

body.builder-mode #main .elvy-video-showcase-section .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.builder-mode #main .elvy-video-showcase-section .elvy-vs-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--vs-cols, 3), minmax(0, 300px)) !important;
    justify-content: center !important;
    gap: 28px !important;
    width: 100% !important;
}

body.builder-mode #main .elvy-video-showcase-section .elvy-vs-card {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
}

body.builder-mode #main .elvy-video-showcase-section .elvy-vs-card-inner {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 9 / 16 !important;
    margin: 0 auto !important;
}

body.builder-mode #main .elvy-video-showcase-section .elvy-vs-media,
body.builder-mode #main .elvy-video-showcase-section .elvy-vs-thumb,
body.builder-mode #main .elvy-video-showcase-section .elvy-vs-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

.elvy-vs-grid {
    display: grid;
    grid-template-columns: repeat(var(--vs-cols, 3), minmax(0, 1fr));
    justify-content: center;
    gap: var(--vs-grid-gap, 24px);
    width: 100%;
    max-width: min(100%, calc(var(--vs-cols, 3) * 300px + (var(--vs-cols, 3) - 1) * var(--vs-grid-gap, 24px)));
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}

.elvy-video-showcase-section.elvy-vs-layout-grid .elvy-vs-scroll-wrap {
    overflow: visible;
    width: 100%;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll .elvy-vs-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--vs-scroll-gap, 16px);
    max-width: none;
    width: max-content;
    min-width: 100%;
    overflow: visible;
    padding: 0 12px 8px;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll .elvy-vs-scroll-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    width: 100%;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll.elvy-vs-scroll-snap-on .elvy-vs-scroll-wrap {
    scroll-snap-type: x mandatory;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll.elvy-vs-scroll-snap-on .elvy-vs-card {
    scroll-snap-align: start;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll.elvy-vs-scroll-scrollbar-off .elvy-vs-scroll-wrap {
    scrollbar-width: none;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll.elvy-vs-scroll-scrollbar-off .elvy-vs-scroll-wrap::-webkit-scrollbar {
    display: none;
    height: 0;
}

.elvy-video-showcase-section.elvy-vs-layout-scroll .elvy-vs-card {
    flex: 0 0 var(--vs-scroll-card-width, 280px);
    width: var(--vs-scroll-card-width, 280px);
    max-width: var(--vs-scroll-card-width, 280px);
}

.elvy-video-showcase-section .elvy-vs-nav {
    --swiper-navigation-size: 18px;
    width: 48px;
    height: 48px;
    margin-top: 0;
    padding: 0;
    border: 1px solid rgba(73, 84, 3, 0.16);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #495403;
    appearance: none;
    -webkit-appearance: none;
    line-height: 1;
    box-shadow: 0 14px 34px rgba(35, 42, 5, 0.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
    transition:
        background-color 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        color 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translateY(-50%);
    z-index: 8;
}

.elvy-video-showcase-section .elvy-vs-nav-prev {
    left: 18px;
}

.elvy-video-showcase-section .elvy-vs-nav-next {
    right: 18px;
}

.elvy-video-showcase-section .elvy-vs-nav::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1.8px solid currentColor;
    border-right: 1.8px solid currentColor;
    font-family: inherit;
    font-size: 0;
    line-height: 1;
}

.elvy-video-showcase-section .elvy-vs-nav-prev::after {
    transform: rotate(-135deg);
    margin-left: 4px;
}

.elvy-video-showcase-section .elvy-vs-nav-next::after {
    transform: rotate(45deg);
    margin-right: 4px;
}

.elvy-video-showcase-section .elvy-vs-nav:hover {
    background: #495403;
    border-color: #495403;
    color: #fff;
    box-shadow: 0 18px 42px rgba(35, 42, 5, 0.24);
    transform: translateY(-50%) scale(1.05);
}

.elvy-video-showcase-section .elvy-vs-nav:active {
    transform: translateY(-50%) scale(0.98);
    box-shadow: 0 10px 24px rgba(35, 42, 5, 0.2);
}

.elvy-video-showcase-section .elvy-vs-nav:focus {
    outline: none;
}

.elvy-video-showcase-section .elvy-vs-nav:focus-visible {
    outline: 2px solid #495403;
    outline-offset: 4px;
    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.92),
        0 14px 34px rgba(35, 42, 5, 0.18);
}

.elvy-video-showcase-section .elvy-vs-nav.swiper-button-disabled,
.elvy-video-showcase-section .elvy-vs-nav:disabled {
    opacity: 0.34;
    cursor: not-allowed;
    background: rgba(255, 255, 255, 0.72);
    color: rgba(73, 84, 3, 0.62);
    border-color: rgba(73, 84, 3, 0.1);
    box-shadow: none;
    transform: translateY(-50%);
}

.elvy-vs-card {
    position: relative;
    z-index: 1;
    min-width: 0;
    width: 100%;
}

.elvy-vs-card:hover,
.elvy-vs-card.is-playing {
    z-index: 3;
}

.elvy-vs-card.has-video-error .elvy-vs-play {
    opacity: 0.35;
}

.elvy-vs-card-inner {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: var(--vs-radius, 16px);
    overflow: hidden;
    background: #1a1a1a;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s ease;
}

.elvy-vs-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.elvy-vs-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
}

.elvy-vs-thumb,
.elvy-vs-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.elvy-vs-thumb {
    z-index: 1;
    transition: opacity 0.35s ease;
}

.elvy-vs-video {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

.elvy-vs-card.is-playing .elvy-vs-video {
    opacity: 1;
}

.elvy-vs-card.is-playing .elvy-vs-thumb {
    opacity: 0;
}

.elvy-vs-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(139, 21, 56, 0.92);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, background 0.25s ease, opacity 0.25s ease;
    pointer-events: none;
}

.elvy-vs-play svg {
    margin-left: 3px;
}

.elvy-vs-card.is-playing .elvy-vs-play {
    opacity: 0;
}

.elvy-vs-card-inner:hover .elvy-vs-play {
    transform: translate(-50%, -50%) scale(1.06);
    background: #8b1538;
    color: #fff;
}

.elvy-vs-loader {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
}

.elvy-vs-loader::after {
    content: '';
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: elvy-vs-spin 0.75s linear infinite;
}

.elvy-vs-card.is-loading .elvy-vs-loader {
    display: flex;
}

@keyframes elvy-vs-spin {
    to {
        transform: rotate(360deg);
    }
}

.elvy-vs-duration {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 5;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    padding: 4px 8px;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    pointer-events: none;
}

.elvy-vs-cta-wrap {
    text-align: center;
    margin-top: 40px;
}

.elvy-vs-cta {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #111;
    text-decoration: none;
    border-bottom: 1px solid #111;
    padding-bottom: 4px;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.elvy-vs-cta:hover {
    color: #495403;
    border-color: #495403;
}

@media (max-width: 991.98px) {
    .elvy-video-showcase-section.elvy-vs-layout-grid .elvy-vs-grid {
        grid-template-columns: repeat(var(--vs-cols-mobile, 2), minmax(0, 1fr));
        max-width: min(100%, 624px);
    }
}

@media (max-width: 575.98px) {
    .elvy-video-showcase-section {
        padding: 56px 0 44px;
    }

    .elvy-video-showcase-section .elvy-vs-nav {
        width: 44px;
        height: 44px;
        box-shadow: 0 10px 26px rgba(35, 42, 5, 0.18);
    }

    .elvy-video-showcase-section .elvy-vs-nav-prev {
        left: 8px;
    }

    .elvy-video-showcase-section .elvy-vs-nav-next {
        right: 8px;
    }

    .elvy-video-showcase-section.elvy-vs-layout-grid .elvy-vs-grid {
        grid-template-columns: repeat(var(--vs-cols-mobile, 1), minmax(0, 1fr));
        max-width: min(300px, 92vw);
        gap: max(16px, var(--vs-grid-gap, 18px));
    }

    .elvy-vs-header {
        margin-bottom: 32px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elvy-video-showcase-section .elvy-vs-nav {
        transition: none;
    }
}

/* ============================================================
   Cart page — full-width sections, no side clipping on storefront
   ============================================================ */
body.elvy-storefront #main .elvy-cart-page-section,
body.builder-mode #main .elvy-cart-page-section {
    padding-bottom: 48px;
}

body.elvy-storefront #main .elvy-faq-section,
body.builder-mode #main .elvy-faq-section {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
}

body.elvy-storefront #main .elvy-cart-page-section .container {
    max-width: 1200px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

body.elvy-storefront #main .elvy-cart-footer {
    width: 100%;
    overflow: visible;
}

@media (max-width: 991px) {
    body.elvy-storefront #main .elvy-cart-footer {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   SECTION END DIVIDER — thin line under each builder section
   (non-home pages; home uses elvy-home-page rhythm below)
   ============================================================ */
body.elvy-storefront #main:not(.elvy-home-page)>section:not(.elvy-top-header):not(.elvy-hero),
body.elvy-storefront #main:not(.elvy-home-page)>[builder-block-file-name]>section,
body.builder-mode #main:not(.elvy-home-page)>[builder-block-file-name]>section {
    border-bottom: var(--section-divider-style, 1px solid rgba(0, 0, 0, 0.06));
}

/* No divider under footer / sticky header chrome */
body.elvy-storefront footer.elvy-footer,
body.elvy-storefront #main>[builder-block-file-name="footer"] footer,
body.elvy-storefront>section.elvy-top-header,
body.builder-mode #main>[builder-block-file-name="footer"] footer,
body.builder-mode #main>[builder-block-file-name="header_top"]>section,
body.builder-mode #main>[builder-block-file-name^="header"]>section.elvy-top-header {
    border-bottom: none !important;
}

/* ============================================================
   HOME PAGE — equal section spacing + light dividers
   ============================================================ */
#main.elvy-home-page,
body.builder-mode #main.elvy-home-page {
    --elvy-home-section-py: 50px;
}

#main.elvy-home-page>section:not(.elvy-top-header):not(.elvy-hero),
body.builder-mode #main.elvy-home-page>[builder-block-file-name]:not([builder-block-file-name="header_top"]):not([builder-block-file-name="header"]):not([builder-block-file-name="footer"]):not([builder-block-file-name="hero_banner"])>section {
    padding-top: var(--elvy-home-section-py) !important;
    padding-bottom: var(--elvy-home-section-py) !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    border-top: none !important;
}

#main.elvy-home-page>section.elvy-hero,
body.builder-mode #main.elvy-home-page>[builder-block-file-name="hero_banner"]>section.elvy-hero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
}

#main.elvy-home-page>div.elvy-pattern-strip,
body.builder-mode #main.elvy-home-page>[builder-block-file-name="hero_banner"]>div.elvy-pattern-strip {
    margin-top: 0;
    margin-bottom: 0;
}

#main.elvy-home-page .elvy-elevate-section,
.elvy-elevate-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    margin-top: 85px !important;
    margin-bottom: 60px !important;
    overflow: visible !important;
}

.elvy-float-1,
.elvy-float-2 {
    top: -65px !important;
}

.elvy-float-3 {
    bottom: -65px !important;
}

#main.elvy-home-page>section:not(.elvy-top-header),
#main.elvy-home-page>header.elvy-header,
#main.elvy-home-page>div.elvy-pattern-strip,
body.builder-mode #main.elvy-home-page>[builder-block-file-name]:not([builder-block-file-name="footer"])>section,
body.builder-mode #main.elvy-home-page>[builder-block-file-name]:not([builder-block-file-name="footer"])>div.elvy-pattern-strip {
    border-bottom: var(--section-divider-style, 1px solid rgba(0, 0, 0, 0.06));
}

#main.elvy-home-page>footer.elvy-footer,
#main.elvy-home-page>section.elvy-top-header,
body.builder-mode #main.elvy-home-page>[builder-block-file-name="footer"],
body.builder-mode #main.elvy-home-page>[builder-block-file-name="header_top"],
body.builder-mode #main.elvy-home-page>[builder-block-file-name="header"] {
    border-bottom: none !important;
}

@media (max-width: 767.98px) {

    #main.elvy-home-page,
    body.builder-mode #main.elvy-home-page {
        --elvy-home-section-py: 44px;
    }
}

/* ============================================================
   Smooth reveal (category circles + premium scroll-in)
   ============================================================ */
body:not(.builder-mode) .pb-reveal {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition:
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

body:not(.builder-mode) .pb-reveal.pb-reveal--in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
}

body:not(.builder-mode) .elvy-category-item.pb-reveal {
    transform: translate3d(0, 20px, 0) scale(0.97);
}

body:not(.builder-mode) .elvy-category-item.pb-reveal.pb-reveal--in {
    transform: translate3d(0, 0, 0) scale(1);
    transition:
        opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Softer WOW / animate.css scroll-in (rest of homepage sections) */
body:not(.builder-mode) .wow.pb-scroll-await {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
}

body:not(.builder-mode) .wow.animate__animated.animate__fadeInUp,
body:not(.builder-mode) .wow.animate__animated.animate__fadeIn {
    animation-duration: 0.9s !important;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
    body:not(.builder-mode) .pb-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Footer flush to page bottom — no white strip below */
footer.elvy-footer {
    margin-bottom: 0 !important;
}

/* Footer responsive refinement.
   Kept in global CSS with !important so it applies to builder-saved footer copies
   that carry older inline <style> blocks. Builder editable identities remain intact. */
body.elvy-storefront .elvy-footer,
body.builder-mode .elvy-footer {
    padding: clamp(54px, 7vw, 82px) 0 clamp(28px, 4vw, 40px) !important;
}

body.elvy-storefront .elvy-footer .container,
body.builder-mode .elvy-footer .container {
    max-width: 1240px !important;
    padding-left: clamp(18px, 4vw, 34px) !important;
    padding-right: clamp(18px, 4vw, 34px) !important;
}

body.elvy-storefront .elvy-footer-main,
body.builder-mode .elvy-footer-main {
    gap: clamp(22px, 3vw, 34px) !important;
}

@media (min-width: 992px) {

    body.elvy-storefront .elvy-footer-main,
    body.builder-mode .elvy-footer-main {
        grid-template-columns: minmax(280px, 38%) minmax(0, 1fr) !important;
        column-gap: clamp(36px, 6vw, 86px) !important;
        row-gap: 22px !important;
    }
}

body.elvy-storefront .elvy-footer .footer-logo img,
body.builder-mode .elvy-footer .footer-logo img {
    max-height: clamp(42px, 4.5vw, 62px) !important;
    max-width: min(280px, 72vw) !important;
    object-fit: contain !important;
}

body.elvy-storefront .elvy-footer-desc,
body.builder-mode .elvy-footer-desc {
    max-width: 46rem !important;
    font-size: clamp(0.9rem, 0.42vw + 0.78rem, 1.05rem) !important;
    line-height: 1.72 !important;
    letter-spacing: 0.01em !important;
    word-spacing: normal !important;
    text-align: left !important;
}

body.elvy-storefront .elvy-footer h4,
body.builder-mode .elvy-footer h4 {
    color: #c5a880 !important;
    font-size: clamp(0.66rem, 0.22vw + 0.60rem, 0.80rem) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 14px !important;
    white-space: nowrap !important;
}

body.elvy-storefront .elvy-footer-links,
body.builder-mode .elvy-footer-links {
    gap: clamp(24px, 4vw, 52px) !important;
}

@media (min-width: 576px) {

    body.elvy-storefront .elvy-footer-links,
    body.builder-mode .elvy-footer-links {
        grid-template-columns: minmax(140px, max-content) minmax(230px, max-content) minmax(190px, max-content) !important;
        justify-content: end !important;
        align-items: start !important;
    }
}

body.elvy-storefront .elvy-footer-nav,
body.builder-mode .elvy-footer-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.elvy-storefront .elvy-footer-nav li,
body.builder-mode .elvy-footer-nav li,
body.elvy-storefront .elvy-footer-nav li+li,
body.builder-mode .elvy-footer-nav li+li {
    margin-top: 0 !important;
}

body.elvy-storefront .elvy-footer-nav.two-cols,
body.builder-mode .elvy-footer-nav.two-cols {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
    gap: 10px clamp(20px, 3vw, 34px) !important;
}

body.elvy-storefront .elvy-footer .footer-nav-link,
body.builder-mode .elvy-footer .footer-nav-link {
    max-width: 100% !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: clamp(0.74rem, 0.28vw + 0.66rem, 0.88rem) !important;
    line-height: 1.35 !important;
    letter-spacing: 0.12em !important;
    word-spacing: normal !important;
    white-space: normal !important;
}

body.elvy-storefront .elvy-footer .footer-nav-link--plain,
body.builder-mode .elvy-footer .footer-nav-link--plain {
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    overflow-wrap: anywhere !important;
}

body.elvy-storefront .elvy-footer-links__col--support,
body.builder-mode .elvy-footer-links__col--support,
body.elvy-storefront .elvy-footer-links__col--support.two-cols,
body.builder-mode .elvy-footer-links__col--support.two-cols {
    min-width: 0 !important;
}

body.elvy-storefront .elvy-footer-links__col--contact,
body.builder-mode .elvy-footer-links__col--contact {
    min-width: 0 !important;
    max-width: 240px !important;
}

body.elvy-storefront .elvy-footer-social,
body.builder-mode .elvy-footer-social {
    gap: 16px !important;
    flex-wrap: wrap !important;
}

body.elvy-storefront .elvy-footer-social a svg,
body.builder-mode .elvy-footer-social a svg {
    width: 20px !important;
    height: 20px !important;
}

body.elvy-storefront .elvy-footer-bottom,
body.builder-mode .elvy-footer-bottom {
    margin-top: clamp(36px, 6vw, 64px) !important;
    padding-top: clamp(22px, 3vw, 32px) !important;
}

body.elvy-storefront .elvy-footer-text,
body.builder-mode .elvy-footer-text {
    font-size: clamp(0.78rem, 0.25vw + 0.72rem, 0.9rem) !important;
    line-height: 1.5 !important;
}

@media (max-width: 991.98px) {

    body.elvy-storefront .elvy-footer-links,
    body.builder-mode .elvy-footer-links {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        justify-content: stretch !important;
        gap: 28px !important;
    }

    body.elvy-storefront .elvy-footer-links__col--contact,
    body.builder-mode .elvy-footer-links__col--contact {
        max-width: none !important;
    }
}

@media (max-width: 767.98px) {

    body.elvy-storefront .elvy-footer,
    body.builder-mode .elvy-footer {
        padding-top: 48px !important;
    }

    body.elvy-storefront .elvy-footer-links,
    body.builder-mode .elvy-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px 24px !important;
    }

    body.elvy-storefront .elvy-footer-links__col--contact,
    body.builder-mode .elvy-footer-links__col--contact {
        grid-column: 1 / -1 !important;
    }

    body.elvy-storefront .elvy-footer-desc,
    body.builder-mode .elvy-footer-desc {
        font-size: 0.92rem !important;
        line-height: 1.65 !important;
    }
}

@media (max-width: 479.98px) {

    body.elvy-storefront .elvy-footer-links,
    body.builder-mode .elvy-footer-links {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body.elvy-storefront .elvy-footer-nav.two-cols,
    body.builder-mode .elvy-footer-nav.two-cols {
        grid-template-columns: 1fr !important;
    }

    body.elvy-storefront .elvy-footer .footer-nav-link,
    body.builder-mode .elvy-footer .footer-nav-link {
        letter-spacing: 0.08em !important;
    }
}

body.elvy-storefront #main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Cart/quick-view modal shells sit after #main; must not add page height */
body.elvy-storefront>section:not(.elvy-top-header) {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 0;
    overflow: visible;
}

.scroll-progress-wrap {
    position: fixed !important;
    margin: 0 !important;
}

/* Hide empty video showcase outside builder mode */
body:not(.builder-mode) .elvy-vs-no-items {
    display: none !important;
}

/* Hero Banner Size Variants */
.elvy-hero.hero-compact img.banner,
.elvy-hero.hero-compact .elvy-hero-swiper .swiper-slide img.banner,
.elvy-hero:has(img[data-hero-size="compact"]) img.banner,
.elvy-hero:has(img[data-hero-size="compact"]) .elvy-hero-swiper .swiper-slide img.banner {
    min-height: 250px !important;
    height: 45vh !important;
    max-height: 500px !important;
}

.elvy-hero.hero-standard img.banner,
.elvy-hero.hero-standard .elvy-hero-swiper .swiper-slide img.banner,
.elvy-hero:has(img[data-hero-size="standard"]) img.banner,
.elvy-hero:has(img[data-hero-size="standard"]) .elvy-hero-swiper .swiper-slide img.banner {
    min-height: 420px !important;
    height: 70vh !important;
    max-height: 800px !important;
}

.elvy-hero.hero-large img.banner,
.elvy-hero.hero-large .elvy-hero-swiper .swiper-slide img.banner,
.elvy-hero:has(img[data-hero-size="large"]) img.banner,
.elvy-hero:has(img[data-hero-size="large"]) .elvy-hero-swiper .swiper-slide img.banner {
    min-height: 600px !important;
    height: 100vh !important;
    max-height: 100vh !important;
}

@media (max-width: 767.98px) {

    .elvy-hero.hero-compact img.banner,
    .elvy-hero.hero-compact .elvy-hero-swiper .swiper-slide img.banner,
    .elvy-hero:has(img[data-hero-size="compact"]) img.banner,
    .elvy-hero:has(img[data-hero-size="compact"]) .elvy-hero-swiper .swiper-slide img.banner {
        min-height: 200px !important;
        height: 35vh !important;
        max-height: 300px !important;
    }

    .elvy-hero.hero-standard img.banner,
    .elvy-hero.hero-standard .elvy-hero-swiper .swiper-slide img.banner,
    .elvy-hero:has(img[data-hero-size="standard"]) img.banner,
    .elvy-hero:has(img[data-hero-size="standard"]) .elvy-hero-swiper .swiper-slide img.banner {
        min-height: 300px !important;
        height: 50vh !important;
        max-height: 500px !important;
    }

    .elvy-hero.hero-large img.banner,
    .elvy-hero.hero-large .elvy-hero-swiper .swiper-slide img.banner,
    .elvy-hero:has(img[data-hero-size="large"]) img.banner,
    .elvy-hero:has(img[data-hero-size="large"]) .elvy-hero-swiper .swiper-slide img.banner {
        min-height: 400px !important;
        height: 75vh !important;
        max-height: 700px !important;
    }
}


/* Elegant Healthy Section Heights & Spacing */
.elvy-category-section,
.elvy-feature-section,
.elvy-blog-section,
.elvy-brand-section,
.elvy-store-features-section,
.elvy-catalogues-section,
.elvy-spotlight-section,
.elvy-chronicles-section,
.elvy-testimonials-section,
.elvy-best-sellers-section,
.elvy-hot-gifting-section,
.elvy-video-showcase-section,
.elvy-brand-storytelling {
    padding: 50px 0 !important;
    margin-bottom: 50px !important;
    border-top: none !important;
    border-bottom: none !important;
}

.elvy-elevate-section {
    padding: 80px 20px !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Global Spacing Between All Builder Sections (excluding hero) */
.elvy-category-section,
.elvy-best-sellers-section,
.elvy-hot-gifting-section,
.elvy-catalogues-section,
.elvy-spotlight-section,
.elvy-chronicles-section,
.elvy-testimonials-section,
.elvy-blog-section,
.section-margin,
body #main>section:not(.elvy-hero),
body main>section:not(.elvy-hero),
.builder-editable-wraper>section:not(.elvy-hero),
.builder-editable-wraper section:not(.elvy-hero),
.elvy-instagram-section {
    margin-bottom: 55px !important;
    padding-top: 50px !important;
    padding-bottom: 45px !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Hide all horizontal section dividers & line borders */
hr,
.section-divider,
.pb-divider,
.elvy-exclusive-divider {
    display: none !important;
}

/* Button overrides and disabled state styling */
.elvy-view-all-btn[disabled],
.elvy-view-all-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #666 !important;
    border-color: #666 !important;
}

/* Luxury Contact Page Styling Overrides */
.contact-page-wrap .contact-eyebrow {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 8px !important;
}

.contact-page-wrap .contact-subtitle {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 45px !important;
    max-width: 100% !important;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    border: 1px solid #e2dfd8 !important;
    background: #fff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    padding: 14px 18px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color: #495403 !important;
    box-shadow: 0 0 0 3px rgba(73, 84, 3, 0.08) !important;
}

/* Full-Width Bottom Contact Info Banner */
.elvy-contact-bottom-info {
    background-color: #eadecd !important;
    padding: 80px 0 !important;
    width: 100% !important;
    margin-top: 60px !important;
}

.elvy-contact-bottom-eyebrow {
    font-family: 'Jost', sans-serif !important;
    font-size: clamp(14px, 2.5vw, 16px) !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #444 !important;
    margin-bottom: 25px !important;
}

.elvy-contact-bottom-title {
    font-family: 'Jost', sans-serif !important;
    font-size: clamp(18px, 3.5vw, 22px) !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 20px !important;
}

.elvy-contact-bottom-detail-item {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    color: #444 !important;
    line-height: 1.8 !important;
    margin-bottom: 5px !important;
}

.elvy-contact-bottom-email-link {
    color: #111 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.elvy-contact-bottom-email-link:hover {
    color: #495403 !important;
}

/* Contact page button styling to match brand theme color */
.contact-form .submit-btn,
.contact-form button.submit-btn {
    background-color: #495403 !important;
    border: 1px solid #495403 !important;
    color: #fff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 16px 0 !important;
    border-radius: 0 !important;
    transition: all 0.4s ease !important;
    width: 100% !important;
}

.contact-form .submit-btn:hover,
.contact-form button.submit-btn:hover {
    background-color: #333802 !important;
    border-color: #333802 !important;
    color: #fff !important;
}

/* Constrain Contact Form Layout & Center it in Page Builder View */
.pb-contact-form-section .contact-container {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.pb-contact-form-section {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
}

/* Hide form labels on the contact page form on live site (not in builder mode) */
body:not(.builder-mode) .contact-page-wrap .contact-form label,
body:not(.builder-mode) .contact-page-wrap .contact-form .pb-form-label,
body:not(.builder-mode) .pb-contact-form-section .contact-form label,
body:not(.builder-mode) .pb-contact-form-section .contact-form .pb-form-label {
    display: none !important;
}

/* Freeze input fields in page builder mode to allow click editing of labels/placeholders */
body.builder-mode .contact-form [data-pb-form-frozen] {
    pointer-events: none !important;
    user-select: none !important;
    cursor: default !important;
}

/* Page Builder Bottom Contact Info overrides */
.contact-info-section .contact-info-eyebrow {
    font-family: 'Jost', sans-serif !important;
    font-size: clamp(14px, 2.5vw, 16px) !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #444 !important;
    margin-bottom: 25px !important;
}

.contact-info-section .contact-info-title {
    font-family: 'Jost', sans-serif !important;
    font-size: clamp(18px, 3.5vw, 22px) !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 20px !important;
}

.contact-info-section .contact-info-detail,
.contact-info-section .contact-info-detail a {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    color: #444 !important;
    line-height: 1.8 !important;
    margin-bottom: 5px !important;
}

.contact-info-section .contact-info-detail a {
    color: #111 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.contact-info-section .contact-info-detail a:hover {
    color: #495403 !important;
}

/* Blog Page Header overrides */
.pb-blog-header-section {
    padding: 60px 0 20px 0 !important;
}

.pb-blog-header-section .breadcrumb-area {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pb-blog-header-section .al-title-42px {
    font-family: 'Playfair Display', serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    color: #333 !important;
    text-transform: uppercase !important;
}

.pb-blog-header-section .fsh-breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Footer Links Underline Sliding Hover Animation */
.elvy-footer .footer-nav-link {
    position: relative !important;
}

.elvy-footer .footer-nav-link::after {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 1px !important;
    bottom: -2px !important;
    left: 0 !important;
    background-color: #ffffff !important;
    transform: scaleX(0) !important;
    transform-origin: bottom right !important;
    transition: transform 0.3s ease-out !important;
}

.elvy-footer .footer-nav-link:hover::after {
    transform: scaleX(1) !important;
    transform-origin: bottom left !important;
}

.elvy-footer .footer-nav-link:hover {
    color: #ffffff !important;
    opacity: 0.85 !important;
    transform: none !important;
    /* overrides transform: translateX(4px) */
}

/* Product Luxury Card Layouts (4-column, 3-column, 2-column styling adjustments) */

/* Small Grid View (4 columns) */
.product-luxury-card.layout_sm .bh-product-title {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.product-luxury-card.layout_sm .bh-product-price {
    font-size: 13px !important;
}

.product-luxury-card.layout_sm .bh-product-cat {
    font-size: 9px !important;
}

/* Medium Grid View (3 columns) */
.product-luxury-card.layout_md .bh-product-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.product-luxury-card.layout_md .bh-product-price {
    font-size: 14px !important;
}

.product-luxury-card.layout_md .bh-product-cat {
    font-size: 10px !important;
}

/* Large Grid View (2 columns) - Uses landscape layout to prevent vertical image bloat */
.product-luxury-card.layout_lg .bh-product-media {
    aspect-ratio: 16 / 10.5 !important;
    /* Elegant wide display */
    max-height: 360px !important;
}

.product-luxury-card.layout_lg .bh-product-title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.product-luxury-card.layout_lg .bh-product-price {
    font-size: 16px !important;
}

.product-luxury-card.layout_lg .bh-product-cat {
    font-size: 11px !important;
}

/* Mobile Optimization for Product Cards & Swiper Alignment */
@media (max-width: 767px) {
    .product-luxury-card {
        background: #ffffff !important;
        border: 1px solid #eef0e5 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    }

    .product-luxury-card .bh-product-media {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        background: #f7f7f4 !important;
        overflow: hidden !important;
    }

    .product-luxury-card .bh-product-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .product-luxury-card .product-luxury-details {
        padding: 14px 12px !important;
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-height: 95px !important;
    }

    .product-luxury-card .bh-product-title {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        height: 40px !important;
    }

    .product-luxury-card .bh-product-meta {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
    }

    .product-luxury-card .bh-product-price {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #495403 !important;
    }

    .product-luxury-card .bh-product-cat {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        color: #888888 !important;
        text-transform: uppercase !important;
    }
}

/* ============================================================
   CATEGORY HERO BANNER — ZERO GAP FULL COVERAGE
   ============================================================ */
body:not(.elvy-home-page) #main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

section.pb-sys-products-header-section,
.pb-sys-products-header-section,
#main>[builder-block-file-name="pb_sys_products_header_section"],
#main>[builder-identity="pb_sys_products_header_section"],
.pb-section-pb_sys_products_header_section,
[builder-identity="pb_sys_products_header_section"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

section.pb-sys-products-list-section,
.pb-sys-products-list-section,
#main>[builder-block-file-name="pb_sys_products_list_section"],
#main>[builder-identity="pb_sys_products_list_section"],
.pb-section-pb_sys_products_list_section,
[builder-identity="pb_sys_products_list_section"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

#main>[builder-block-file-name="pb_sys_products_list_section"] main,
#main>[builder-identity="pb_sys_products_list_section"] main,
[builder-identity="pb_sys_products_list_section"] main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#main>[builder-block-file-name="pb_sys_products_list_section"] .elvy-shop-toolbar,
#main>[builder-identity="pb_sys_products_list_section"] .elvy-shop-toolbar,
.elvy-shop-toolbar {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.bh-fullwidth-cat-banner {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #2b3004 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    .bh-fullwidth-cat-banner {
        height: 170px !important;
    }
}

.bh-cat-bg-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    max-width: none !important;
}

.bh-cat-bg-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.35) !important;
    z-index: 2 !important;
}

.bh-cat-content-center {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    padding: 20px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.bh-cat-title-uppercase {
    color: #ffffff !important;
    font-family: 'Jost', 'Outfit', sans-serif !important;
    font-size: 34px !important;
    font-weight: 500 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
    display: block !important;
}

@media (max-width: 767px) {
    .bh-cat-title-uppercase {
        font-size: 20px !important;
        letter-spacing: 2px !important;
    }
}

/* ============================================================
   TOAST NOTIFICATION POSITIONING FIX — ALWAYS ON TOP & BELOW HEADER
   ============================================================ */
.toast-container,
div.toast-container {
    z-index: 999999 !important;
    top: 85px !important;
}

@media (max-width: 767px) {

    .toast-container,
    div.toast-container {
        top: 75px !important;
    }
}

/* Beehive Catalogues Desktop Centering & Compact Sizing */
@media (min-width: 768px) {
    .elvy-catalogues-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 28px 24px !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
    }

    .elvy-catalogue-item {
        text-align: center !important;
    }

    .elvy-catalogue-media {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        max-height: 280px !important;
        overflow: hidden !important;
        text-decoration: none !important;
        border: 1px solid rgba(73, 84, 3, 0.15) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        margin: 0 auto 16px auto !important;
    }
}

/* ============================================================
   MOBILE RESPONSIVE & PRODUCT CARD OPTIMIZATION (SHARP EDGES + 2-COLUMN + COMPACT GAPS)
   ============================================================ */
@media (max-width: 767.98px) {

    /* Hero Banner Mobile Natural Image Fit with Swiper Auto-Height */
    .elvy-hero {
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .elvy-hero-swiper {
        height: auto !important;
        transition: height 0.3s ease !important;
    }

    .elvy-hero-slide-inner {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
    }

    .elvy-hero img.banner,
    .elvy-hero-swiper .swiper-slide img.banner {
        width: 100% !important;
        height: auto !important;
        max-height: 540px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    .elvy-banner-desktop {
        display: none !important;
    }

    .elvy-banner-mobile {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .elvy-banner-mobile {
        display: none !important;
    }

    .elvy-banner-desktop {
        display: block !important;
    }
}

/* 1. Sharp Edges on Product Cards (0px border radius) */
.product-luxury-card,
.product-luxury-banner,
.bh-product-media,
.bh-product-figure,
.bh-product-img,
.bh-product-img-bg,
.bh-product-img-primary,
.bh-product-img-hover,
.product-list-banner-sm,
.product-list-banner-sm .banner,
.bh-product-col .product-luxury-card,
.product-luxury-banner img,
.product-luxury-details,
.product-luxury-card * {
    border-radius: 0 !important;
}

/* 2. Tight Side Padding & Minimal Gaps to Maximize Product Card Size */
.bh-product-col {
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin-bottom: 16px !important;
}

.elvy-product-section .container,
.elvy-best-sellers-section .container,
.elvy-exclusive-section .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.elvy-best-sellers-section .swiper {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* Fluid Touch-Action for mobile native overflow grids */
.elvy-catalogues-grid,
.elvy-category-grid,
.elvy-exclusive-grid {
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
}

/* Swiper carousels — pan-y allows smooth Swiper JS horizontal sliding + vertical page scrolling */
.swiper,
.swiper-container,
.elvy-product-swiper,
.elvy-category-swiper {
    touch-action: pan-y !important;
}
}

/* Universal 1:1 Square Aspect Ratio for Category & Subcategory listing cards */
.elvy-collection-img-wrap,
.elvy-collection-card .elvy-collection-img-wrap,
.elvy-exclusive-card,
.elvy-catalogue-media {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

.elvy-collection-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 2. Balanced Section Spacing & Header Gaps */
.section-margin,
.elvy-product-section,
.elvy-best-sellers-section,
.elvy-catalogues-section,
.elvy-blog-section,
.elvy-brand-storytelling-section,
.elvy-exclusive-section,
.elvy-hot-gifting-section {
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.elvy-pattern-strip,
.elvy-category-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.elvy-product-header {
    margin-bottom: 22px !important;
    text-align: center !important;
}

.elvy-product-eyebrow {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 6px !important;
}

.elvy-product-title {
    font-size: 22px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
}

.elvy-product-cta-wrap {
    margin-top: 18px !important;
}

/* 3. Product Cards Size & Legibility (2-Card View) */
.product-luxury-banner,
.bh-product-media {
    aspect-ratio: 1 / 1.15 !important;
    width: 100% !important;
}

.product-luxury-details {
    padding: 10px 2px 4px 2px !important;
}

.bh-product-title {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    height: 2.7em !important;
    overflow: hidden !important;
    color: #111111 !important;
}

.bh-product-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #495403 !important;
}

.bh-product-cat {
    font-size: 9.5px !important;
    letter-spacing: 0.8px !important;
}

.elvy-product-swiper {
    padding: 5px 0 15px 0 !important;
}

/* 4. Collections Grid: 1 Card per Row (Stacked Vertically like Screenshot 3) */
.elvy-exclusive-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
}

.elvy-exclusive-card {
    width: 100% !important;
    aspect-ratio: 1 / 0.9 !important;
}

/* 5. Instagram Reels 3 Cards Visible Together on Mobile */
.elvy-instagram-section {
    padding: 30px 0 25px !important;
}

.ig-reels-viewport {
    padding: 0 10px !important;
    overflow: hidden !important;
}

.ig-reels-track,
.ig-layout--scroll .ig-reels-track {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: visible !important;
    width: 100% !important;
    padding: 0 !important;
}

.instagram-reel-slide,
.ig-layout--scroll .instagram-reel-slide {
    flex: 0 0 calc(33.333% - 5.5px) !important;
    width: calc(33.333% - 5.5px) !important;
    max-width: calc(33.333% - 5.5px) !important;
}

.instagram-reel-card {
    width: 100% !important;
    height: 175px !important;
    border-radius: 10px !important;
}

.play-btn-overlay {
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
    background: #8b1538 !important;
}

.play-btn-overlay svg {
    width: 12px !important;
    height: 12px !important;
    fill: #ffffff !important;
}

.reel-duration {
    font-size: 10px !important;
    padding: 1px 4px !important;
    bottom: 6px !important;
    right: 6px !important;
    background: transparent !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* 6. Mobile Offcanvas Clean Layering (No Left White Strip) */
.offcanvas-backdrop.show {
    z-index: 1040 !important;
}

.offcanvas.show {
    z-index: 1050 !important;
}

/* Cart Page FAQ Section - Absolute Zero Gap to Footer */
section.elvy-cart-faq-section,
.elvy-cart-faq-section,
#main section.elvy-cart-faq-section,
body section.elvy-cart-faq-section {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

/* Policy & Custom Pages Header & Body - Zero Extra Padding / Spacing */
section.elvy-website-content-page,
section.pb-policy-page,
.elvy-website-content-page,
.pb-policy-page {
    padding: 15px 0 5px 0 !important;
    margin: 0 !important;
}

section.elvy-website-content-body,
section.policy-page,
section.custom-page,
.elvy-website-content-body,
.policy-page,
.custom-page {
    padding-top: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.elvy-website-content-page .elvy-shop-page-head {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Contact Page Info Section - Absolute Zero Gap to Footer */
section.contact-info-section,
.contact-info-section,
#main section.contact-info-section,
body section.contact-info-section {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.contact-info-section .contact-info-detail:last-child {
    margin-bottom: 0 !important;
}

/* Toast Notifications - Top Layering Above Header */
.toast-container,
div.toast-container,
body .toast-container {
    z-index: 9999999 !important;
    top: 15px !important;
}

/* Mobile View - All Category and Subcategory Cards Sharp 0px Borders & 100% Full Cover Fill */
@media (max-width: 767px) {
    .elvy-collection-card,
    .category-card,
    .subcategory-card,
    .elvy-category-card {
        border-radius: 0 !important;
    }
    .elvy-collection-img-wrap,
    .category-card-img-wrap,
    .subcategory-card-img-wrap,
    .elvy-category-card .elvy-category-img,
    .cat-card-img {
        aspect-ratio: 1 / 1 !important;
        border-radius: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    .elvy-collection-img-wrap img,
    .category-card-img-wrap img,
    .subcategory-card-img-wrap img,
    .elvy-category-card .elvy-category-img img,
    .cat-card-img img,
    .elvy-collection-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
}

/* Desktop Product Cards Details Padding & Margin Improvement */
@media (min-width: 768px) {
    .product-luxury-card {
        background: #ffffff !important;
    }

    .product-luxury-card .product-luxury-details,
    .product-luxury-details {
        padding: 10px 12px 10px !important;
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        background: #ffffff !important;
    }

    .product-luxury-card .bh-product-title,
    .bh-product-title {
        margin-bottom: 4px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        line-height: 1.35 !important;
    }

    .product-luxury-card .bh-product-meta,
    .bh-product-meta {
        margin-top: auto !important;
        padding-top: 4px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .product-luxury-card .bh-product-cat,
    .bh-product-cat {
        letter-spacing: 0.08em !important;
    }

    .product-luxury-card .bh-product-price,
    .bh-product-price {
        font-weight: 700 !important;
    }
}