@import '_content/LifcoBlazorClassLibrary/LifcoBlazorClassLibrary.p20bb8bdp9.bundle.scp.css';

/* /Components/BlogPosts/Cards/BlogPostsCards.razor.rz.scp.css */
.blog-cards[b-f07bft1yfu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

.blog-card[b-f07bft1yfu] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.4rem;
    background: #ffffff;
    border-radius: 0.75rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

    .blog-card:hover[b-f07bft1yfu] {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
        transform: translateY(-3px);
    }

/* Tags */
.blog-card__tags[b-f07bft1yfu] {
    margin-bottom: 0.5rem;
}

.tag-badge[b-f07bft1yfu] {
    display: inline-block;
    background: #eef1f5;
    color: #4a5560;
    padding: 0.22rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

/* Title */
.blog-card__title[b-f07bft1yfu] {
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 0.4rem;
}

/* Summary */
.blog-card__summary[b-f07bft1yfu] {
    color: #555;
    font-size: 0.9rem;
    line-height: 1.45;
    margin-bottom: 0.75rem;
}

/* Date */
.blog-card__date[b-f07bft1yfu] {
    font-size: 0.8rem;
    color: #777;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

    .blog-card__date i[b-f07bft1yfu] {
        font-size: 0.85rem;
        color: #6c757d;
    }

/* CTA */
.blog-card__cta[b-f07bft1yfu] {
    margin-top: auto;
    font-weight: 600;
    color: #2a3f8f;
    font-size: 0.95rem;
    transition: color 0.2s ease;
}

.blog-card:hover .blog-card__cta[b-f07bft1yfu] {
    color: #1a2f7a;
}
/* /Components/BlogPosts/Featured/BlogPostsFeatured.razor.rz.scp.css */
/* LAYOUT */
.featured-container[b-pa31uvjcjl] {
    display: grid;
    gap: 2.5rem;
}

/* HERO CARD */
.featured-hero[b-pa31uvjcjl] {
    display: block;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

.featured-hero__image[b-pa31uvjcjl] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 0.85rem;
    margin-bottom: 1.5rem;
}

.featured-hero:hover[b-pa31uvjcjl] {
    box-shadow: 0 10px 32px rgba(0,0,0,0.12);
    transform: translateY(-3px);
}

.featured-hero h2[b-pa31uvjcjl] {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
}

.featured-hero__excerpt[b-pa31uvjcjl] {
    margin-bottom: 1.25rem;
    color: #444;
    font-size: 1.05rem;
    line-height: 1.6;
}

.featured-date[b-pa31uvjcjl] {
    display: block;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #777;
}

/* SUPPORTING GRID */
.featured-supporting[b-pa31uvjcjl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

/* SUPPORTING CARDS */
.featured-card[b-pa31uvjcjl] {
    display: block;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

.featured-card__image[b-pa31uvjcjl] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}

.featured-card:hover[b-pa31uvjcjl] {
    box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    transform: translateY(-3px);
}

.featured-card h3[b-pa31uvjcjl] {
    margin-bottom: 0.75rem;
    font-size: 1.35rem;
    font-weight: 700;
}

.featured-card__excerpt[b-pa31uvjcjl] {
    color: #555;
    font-size: 1rem;
    line-height: 1.55;
}

/* TAG BADGES */
.tag-badge[b-pa31uvjcjl] {
    display: inline-block;
    background: #eef1f5;
    color: #4a5560;
    padding: 0.22rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

.tag-badge--hero[b-pa31uvjcjl] {
    background: #dde7ff;
    color: #2a3f8f;
}

/* CTA */
.featured-card__cta[b-pa31uvjcjl],
.featured-hero__cta[b-pa31uvjcjl] {
    margin-top: 1rem;
    font-weight: 600;
    color: #2a3f8f;
    font-size: 0.95rem;
    transition: color 0.2s ease;
}

.featured-card:hover .featured-card__cta[b-pa31uvjcjl],
.featured-hero:hover .featured-hero__cta[b-pa31uvjcjl] {
    color: #1a2f7a;
}

.featured-card__date[b-pa31uvjcjl] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #777;
}

    .featured-date i[b-pa31uvjcjl],
    .featured-card__date i[b-pa31uvjcjl] {
        margin-right: 0.35rem;
        font-size: 0.9rem;
        vertical-align: -1px;
        color: #6c757d;
    }
/* /Components/BlogPosts/Home/BlogPostsHome.razor.rz.scp.css */
.blog-cards[b-i99fyz6ex6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

.blog-card[b-i99fyz6ex6] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.4rem;
    background: #ffffff;
    border-radius: 0.75rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

    .blog-card:hover[b-i99fyz6ex6] {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
        transform: translateY(-3px);
    }

/* Tags */
.blog-card__tags[b-i99fyz6ex6] {

}

.blog-card__image[b-i99fyz6ex6] {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 0.6rem;
    margin-bottom: 0.75rem;
}

.tag-badge[b-i99fyz6ex6] {
    display: inline-block;
    background: #eef1f5;
    color: #4a5560;
    padding: 0.22rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

/* Title */
.blog-card__title[b-i99fyz6ex6] {
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 0.4rem;
}

/* Summary */
.blog-card__summary[b-i99fyz6ex6] {
    color: #555;
    font-size: 0.9rem;
    line-height: 1.45;
    margin-bottom: 0.75rem;
}

/* Date */
.blog-card__date[b-i99fyz6ex6] {
    font-size: 0.8rem;
    color: #777;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

    .blog-card__date i[b-i99fyz6ex6] {
        font-size: 0.85rem;
        color: #6c757d;
    }

/* CTA */
.blog-card__cta[b-i99fyz6ex6] {
    margin-top: auto;
    font-weight: 600;
    color: #2a3f8f;
    font-size: 0.95rem;
    transition: color 0.2s ease;
}

.blog-card:hover .blog-card__cta[b-i99fyz6ex6] {
    color: #1a2f7a;
}
/* /Components/BlogPosts/List/BlogPostsList.razor.rz.scp.css */
.blog-list[b-86on54wa80] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .blog-list li[b-86on54wa80] {
        margin-bottom: 0.5rem;
    }

    .blog-list a[b-86on54wa80] {
        text-decoration: none;
        color: #0366d6;
    }

        .blog-list a:hover[b-86on54wa80] {
            text-decoration: underline;
        }
/* /Components/BlogPosts/Series/BlogPostsSeries.razor.rz.scp.css */
.series-h-row[b-r5fd76pnaz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

/* Horizontal compact card */
.series-h-card[b-r5fd76pnaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.9rem 1.1rem;
    background: #ffffff;
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.series-h-thumb[b-r5fd76pnaz] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 0.45rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

    .series-h-card:hover[b-r5fd76pnaz] {
        box-shadow: 0 3px 12px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }

/* Left content */
.series-h-content[b-r5fd76pnaz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .series-h-content h4[b-r5fd76pnaz] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

/* Date */
.series-h-date[b-r5fd76pnaz] {
    font-size: 0.8rem;
    color: #777;
}

    .series-h-date i[b-r5fd76pnaz] {
        margin-right: 0.3rem;
        font-size: 0.85rem;
        vertical-align: -1px;
        color: #6c757d;
    }

/* Tags */
.series-h-tags[b-r5fd76pnaz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.tag-badge[b-r5fd76pnaz] {
    display: inline-block;
    background: #eef1f5;
    color: #4a5560;
    padding: 0.22rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

/* CTA arrow */
.series-h-cta[b-r5fd76pnaz] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2a3f8f;
    margin-left: 0.5rem;
}

.series-h-card:hover .series-h-cta[b-r5fd76pnaz] {
    color: #1a2f7a;
}

/* Responsive fallback */
@media (max-width: 992px) {
    .series-h-row[b-r5fd76pnaz] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}
/* /Components/BlogPosts/Table/BlogPostsTable.razor.rz.scp.css */
.blog-table[b-du5l6u9uma] {
    width: 100%;
    border-collapse: collapse;
}

    .blog-table th[b-du5l6u9uma],
    .blog-table td[b-du5l6u9uma] {
        padding: 0.5rem;
        border-bottom: 1px solid #ddd;
    }

    .blog-table a[b-du5l6u9uma] {
        text-decoration: none;
        color: #0366d6;
    }

        .blog-table a:hover[b-du5l6u9uma] {
            text-decoration: underline;
        }
/* /Components/Contact/Contact.razor.rz.scp.css */
/* Contact.razor.css */

.contact-page[b-tqll8b0vcc] {
    display: flex;
    flex-direction: column;
}

.contact-header__inner[b-tqll8b0vcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1-5); /* 1.5rem */
}

.contact-header__reachout[b-tqll8b0vcc],
.contact-header__availability[b-tqll8b0vcc] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.contact-divider[b-tqll8b0vcc] {
    margin: var(--divider-margin);
    /*border-top: var(--divider-width) solid var(--divider-color);*/
}

[b-tqll8b0vcc] .business-hours {
    text-align: center;
}

    [b-tqll8b0vcc] .reach-out h4,
    [b-tqll8b0vcc] .business-hours h4,
    [b-tqll8b0vcc] .active-agents__title,
    [b-tqll8b0vcc] .active-agents__subtitle {
        margin-bottom: 0;
    }

[b-tqll8b0vcc] .reach-out__details {
    margin: 0;
    font-style: normal;
}

[b-tqll8b0vcc] .reach-out__link {
    color: var(--link-color);
    text-decoration: var(--link-decoration);
}

    [b-tqll8b0vcc] .reach-out__link:hover {
        color: var(--link-hover-color);
        text-decoration: var(--link-hover-decoration);
    }

[b-tqll8b0vcc] .business-hours__days {
    margin: 0;
    font-size: var(--font-size-base); /* 1rem */
    font-weight: var(--font-weight-bold); /* 700 */
}

[b-tqll8b0vcc] .business-hours__locations {
    margin: var(--space-0-25) 0 0; /* 0.25rem */
    padding: 0;
    list-style: none;
}

[b-tqll8b0vcc] .active-agents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-0-5); /* 0.5rem */
    text-align: center;
}

[b-tqll8b0vcc] .active-agents__count {
    margin: 0;
    font-size: var(--font-size-fluid-lg); /* clamp(2.5rem, 14vw, 4.5rem) */
    line-height: var(--line-height-extra-tight); /* 0.9 */
}

[b-tqll8b0vcc] .active-agents__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-0-25); /* 0.25rem */
}

[b-tqll8b0vcc] .active-agents__title {
    font-size: var(--font-size-fluid-md); /* clamp(1.1rem, 6vw, 1.6rem) */
    line-height: 1; /* kept as is, could become a token if needed */
}

[b-tqll8b0vcc] .active-agents__subtitle {
    font-size: var(--font-size-fluid-sm); /* clamp(0.75rem, 4vw, 1rem) */
    line-height: 1;
}

[b-tqll8b0vcc] .updated-timestamp {
    font-size: var(--font-size-2xs); /* 0.75rem – exact match */
}

[b-tqll8b0vcc] .contact-form__card {
    width: 100%;
    background: var(--card-bg);
    border: var(--border-width-thin) solid var(--card-border);
    border-radius: var(--card-radius);
}

@media (min-width: 576px) and (max-width: 991.98px), (min-width: 1200px) {
    .contact-header__inner[b-tqll8b0vcc] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .contact-header__reachout[b-tqll8b0vcc] {
        width: auto;
        justify-content: flex-start;
    }

    .contact-header__availability[b-tqll8b0vcc] {
        width: auto;
        flex: 1 1 auto;
        justify-content: flex-end;
    }

        .contact-header__availability[b-tqll8b0vcc]  .business-hours {
            text-align: end;
        }

        .contact-header__availability[b-tqll8b0vcc]  .active-agents {
            flex-direction: row;
            align-items: flex-start;
            gap: var(--space-1); /* 1rem */
        }

        .contact-header__availability[b-tqll8b0vcc]  .active-agents__count {
            font-size: var(--font-size-7xl); /* 6rem (≈96pt) */
            line-height: var(--line-height-super-tight); /* 0.8 */
        }

        .contact-header__availability[b-tqll8b0vcc]  .active-agents__content {
            align-items: center;
        }

        .contact-header__availability[b-tqll8b0vcc]  .active-agents__title {
            font-size: var(--font-size-3xl); /* 2rem – closest to 24.4pt */
            line-height: var(--line-height-tight); /* 1.1 */
        }

        .contact-header__availability[b-tqll8b0vcc]  .active-agents__subtitle {
            font-size: var(--font-size-base); /* 1rem = 16pt (12pt is 16px at standard resolution) */
            line-height: var(--line-height-super-tight); /* 0.8 */
        }
}
/* /Components/Home/LinkList.razor.rz.scp.css */
/* Full‑bleed band */
.linklist-section[b-1qiehufmum] {
    width: 100%;
    margin-left: 2rem;
}

/* Centered inner container */
.linklist-container[b-1qiehufmum] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
}

/* Grid layout like the screenshot */
.feature-link-list[b-1qiehufmum] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 800px) {
    .linklist-section[b-1qiehufmum] {
        margin-left: 0;
    }
}

/* /Components/Home/LinkListItem.razor.rz.scp.css */
.feature-link[b-q6ltk594d1] {
    text-decoration: none;
    color: var(--color-white);
    margin-bottom: 4rem;
}

    .feature-link:hover[b-q6ltk594d1] {
        /*transform: translateX(4px);*/
        color: var(--color-accent-hover);
    }

.feature-link__label[b-q6ltk594d1] {
    writing-mode: vertical-rl;
    text-transform: uppercase;
    font-size: .65rem;
    letter-spacing: .1rem;
    opacity: .45;
    font-weight: var(--font-weight-semibold);
}

.feature-link__content h3[b-q6ltk594d1] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.feature-link__content p[b-q6ltk594d1] {
    margin: 0;
    max-width: 25rem;
    font-size: var(--font-size-xl);
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.feature-link__action[b-q6ltk594d1] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; /* aligns the flex items to the top */
    font-size: 5rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    line-height: 1;
}

    .feature-link__action i[b-q6ltk594d1] {
        font-size: 0.6em; /* scales icon relative to GO’s 5rem */
        margin-left: -0.5rem; /* tighten spacing */
        padding-left: 0;
        align-self: center; /* ensures vertical centering even with size difference */
    }

.feature-link__action strong[b-q6ltk594d1] {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
}

@media (min-width: 801px) {
    .feature-link__action[b-q6ltk594d1] {
        padding-left: var(--space-2);
    }
}
/* /Components/Home/NewsFeed.razor.rz.scp.css */
/* ===========================
   NewsFeed (wrapper component)
   =========================== */

.news-feed[b-dzszgxp2ma] {
    background-color: rgba(0, 0, 0, 0.36);
    margin-left: 60px;
    max-width: 544px;
    padding: 0 30px 0 30px;
    color: #fff;
    /* remove fixed height so content can grow naturally */
    height: auto;
}

/* Heading */
.news-feed__heading[b-dzszgxp2ma] {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1rem;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

    .news-feed__heading img[b-dzszgxp2ma] {
        margin-left: 5px;
    }

.news-feed__list[b-dzszgxp2ma] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 544px;
}

.news-feed__item:last-child[b-dzszgxp2ma]  .news-feed-item {
    border-bottom: none;
}

/* ===========================
   RESPONSIVE BREAKPOINTS
   =========================== */

/* Tablet */
@media (max-width: 768px) {
    .news-feed[b-dzszgxp2ma] {
        margin-left: 20px;
        max-width: 90%;
        padding: 20px 20px 0 20px;
    }

    .news-feed__heading[b-dzszgxp2ma] {
        font-size: 1.4rem;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .news-feed[b-dzszgxp2ma] {
        margin-left: 0;
        max-width: 100%;
        padding: 16px 16px 0 16px;
    }

    .news-feed__heading[b-dzszgxp2ma] {
        font-size: 1.2rem;
    }

    .news-feed__list[b-dzszgxp2ma] {
        max-width: 100%;
    }
}

.news-feed__heading:hover[b-dzszgxp2ma] {
    text-decoration: underline;
}
/* /Components/Home/NewsFeedItem.razor.rz.scp.css */
/* ===========================
   NewsFeedItem (two-column layout)
   =========================== */

.news-feed-item[b-u72y2dx5q9] {
    display: grid;
    grid-template-columns: 1fr auto; /* title grows, date stays tight */
    max-width: 475px;
    align-items: end;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #fff;
}

/* Title wraps naturally in column 1 */
.news-feed-item__title[b-u72y2dx5q9] {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.25;
    color: #fff;
    text-decoration: none;
    letter-spacing: -0.4px;
    display: block;
}

    .news-feed-item__title:hover[b-u72y2dx5q9] {
        text-decoration: underline;
    }

/* Date sits in column 2, bottom-aligned and left-aligned */
.news-feed-item__date[b-u72y2dx5q9] {
    font-size: 0.9rem;
    font-style: italic;
    color: #fff;
    letter-spacing: -0.4px;
    white-space: nowrap;
    align-self: end;
    justify-self: start;
}


/* ===========================
   Tablet (≤ 768px)
   =========================== */

@media (max-width: 768px) {
    .news-feed-item[b-u72y2dx5q9] {
        max-width: 100%;
        padding-bottom: 1.5rem;
        margin-bottom: 1.2rem;
    }

    .news-feed-item__title[b-u72y2dx5q9] {
        font-size: 1rem;
        line-height: 1.3;
    }

    .news-feed-item__date[b-u72y2dx5q9] {
        font-size: 0.85rem;
    }
}


/* ===========================
   Mobile (≤ 480px)
   =========================== */

@media (max-width: 480px) {
    .news-feed-item[b-u72y2dx5q9] {
        grid-template-columns: 1fr; /* collapse to single column */
        align-items: start;
        row-gap: 0.4rem; /* spacing between title and date */
        padding-bottom: 1.2rem;
        margin-bottom: 1rem;
    }

    .news-feed-item__title[b-u72y2dx5q9] {
        font-size: 0.95rem;
        line-height: 1.35;
    }

    .news-feed-item__date[b-u72y2dx5q9] {
        justify-self: start; /* stays left-aligned */
        align-self: start; /* no bottom alignment needed */
        font-size: 0.8rem;
    }
}
/* /Components/Home/VideoTrailer.razor.rz.scp.css */
/* Full-bleed band */
.video-feature-section[b-g4iannc3dv] {
    --video-feature-overlap-height: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(to bottom, #000 0%, #000 20%, #38183c 60%, #5a2560 80%);
    color: #fff;
    margin-top: calc(var(--video-feature-overlap-height) * -1);
}

@media (min-width: 992px) {
    .video-feature-section[b-g4iannc3dv] {
        --video-feature-overlap-height: var(--lifco-header-height);
        padding-top: calc(20px + var(--video-feature-overlap-height));
    }
}

/* Centered container */
.video-feature-container[b-g4iannc3dv] {
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px var(--space-1-5) 0;
}

/* Layout */
.video-feature[b-g4iannc3dv] {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    align-items: start;
    column-gap: var(--space-2);
    row-gap: var(--space-1-5);
}

.video-feature__links[b-g4iannc3dv] {
    margin-top: 40px;
}

.video-description__link[b-g4iannc3dv] {
    font-size: 1.05rem;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: normal;
    text-decoration: none;
    color: var(--color-text);
    filter: invert(1);
    position: relative;
    padding-bottom: .35rem;
    transition: opacity .25s ease, transform .25s ease;
}

    .video-description__link:hover[b-g4iannc3dv] {
        color: var(--color-text-muted);
    }

/* NEW: Video wrapper for embedded iframe */
.video-feature__thumb[b-g4iannc3dv] {
    width: 100%;
    max-width: 600px;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    border: 1px solid black;
    background: #000;
}

    .video-feature__thumb iframe[b-g4iannc3dv] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* Content */
.video-feature__content h2[b-g4iannc3dv] {
    font-weight: var(--font-weight-bold);
    margin-top: var(--space-0-5);
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.video-feature__meta[b-g4iannc3dv] {
    font-size: var(--font-size-sm);
}

.video-feature__content p[b-g4iannc3dv] {
    margin: 0 0 var(--space-1-5);
    font-size: var(--font-size-base);
    max-width: var(--content-max-width);
}

/* Responsive */
@media (max-width: 800px) {
    /* Centered container */
    .video-feature-container[b-g4iannc3dv] {
        padding: 20px var(--space-1-5) 0;
    }

    .video-feature[b-g4iannc3dv] {
        grid-template-columns: 1fr;
    }

    .video-feature__links[b-g4iannc3dv] {
        margin-top: 20px;
    }

    .video-feature__thumb[b-g4iannc3dv] {
        max-width: 100%;
    }
}
/* /Components/Industries/IndustryCategoryCard.razor.rz.scp.css */
.industry-category-card[b-l5js59jhu1] {
    height: 100%;
}

.industry-category-card__surface[b-l5js59jhu1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    color: inherit;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.5rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.industry-category-card__surface:hover[b-l5js59jhu1],
.industry-category-card__surface:focus-visible[b-l5js59jhu1] {
    transform: translateY(-0.125rem);
    border-color: rgba(15, 23, 42, 0.18);
    box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.12);
}

.industry-category-card__media[b-l5js59jhu1] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    background: linear-gradient(180deg, #f8fafc, #eef2f7);
}

.industry-category-card__thumbnail[b-l5js59jhu1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industry-category-card__icon[b-l5js59jhu1] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #475569;
    background: rgba(148, 163, 184, 0.18);
}

.industry-category-card__placeholder[b-l5js59jhu1] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.22);
}

.industry-category-card__body[b-l5js59jhu1] {
    display: flex;
    align-items: center;
    min-height: 4rem;
    padding: 1rem;
}

.industry-category-card__title[b-l5js59jhu1] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}
/* /Components/Industries/IndustryGrid.razor.rz.scp.css */
/* /Components/Industries/IndustryHomeCard.razor.rz.scp.css */
.industry-home-card[b-94n7rputgf] {
    height: 100%;
}

.industry-home-card__surface[b-94n7rputgf] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: clamp(19rem, 24vw, 26rem);
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    background: #000;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.industry-home-card__surface:hover[b-94n7rputgf],
.industry-home-card__surface:focus-visible[b-94n7rputgf] {
    transform: translateY(-0.25rem);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.18);
}

.industry-home-card__media[b-94n7rputgf] {
    position: absolute;
    inset: 0;
    display: block;
}

.industry-home-card__image[b-94n7rputgf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.industry-home-card__surface:hover .industry-home-card__image[b-94n7rputgf],
.industry-home-card__surface:focus-visible .industry-home-card__image[b-94n7rputgf] {
    transform: scale(1.04);
}

.industry-home-card__overlay[b-94n7rputgf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, var(--industry-home-card-overlay-opacity, 0.62)));
}

.industry-home-card__footer[b-94n7rputgf] {
    position: relative;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(4rem, 5vw, 5rem);
    padding: 1rem;
    background: rgba(0, 0, 0, 0.94);
    text-align: center;
    opacity: 0.8;
}

.industry-home-card__title[b-94n7rputgf] {
    color: #fff;
    font-size: clamp(1rem, 0.75rem + 1vw, 1.75rem);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-wrap: balance;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-04boaskz85] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-04boaskz85] {
    flex: 1;
}

.top-row[b-04boaskz85] {
    background-color: var(--mega-menu-bg);
    min-height: var(--lifco-header-height);
    display: flex;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    color: #fff;
}

    .top-row.lifco-header--transparent[b-04boaskz85] {
        --lifco-header-bg: rgb(0 0 0 / 0.8);
    }

        .top-row.lifco-header--transparent:has(.mega-menu--expanded)[b-04boaskz85] {
            --lifco-header-bg: #000;
        }

.lifco-header__container[b-04boaskz85] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.lifco-header__menu[b-04boaskz85] {
    display: flex;
}

.lifco-header__utilities[b-04boaskz85] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.lifco-header__utility-link[b-04boaskz85],
.lifco-header__utility-button[b-04boaskz85] {
    white-space: nowrap;
    text-decoration: none;
}

.lifco-header__utility-form[b-04boaskz85] {
    margin: 0;
}

.lifco-header__search[b-04boaskz85] {
    display: flex;
    align-items: center;
}

/* Mobile / tablet breakpoint: styles applied at widths 991.98px and below */
@media (max-width: 991.98px) {
    .top-row[b-04boaskz85] {
        min-height: var(--lifco-header-height);
        height: auto;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        background-color: #000;
        border-bottom: 0;
    }

    .lifco-header__container[b-04boaskz85] {
        display: grid;
        grid-template-columns: 1fr auto; /* bottom row columns */
        grid-auto-rows: auto;
        gap: 0.75rem 1rem;
    }

    .lifco-header__menu[b-04boaskz85] {
        grid-column: 1;
        grid-row: 2;
    }

    .lifco-header__utilities[b-04boaskz85] {
        grid-column: 2;
        grid-row: 2;
    }
}

@media (min-width: 1400px) {
    .lifco-header__menu[b-04boaskz85] {
        align-self: stretch;
    }

        .lifco-header__menu > *[b-04boaskz85] {
            height: 100%;
        }
}

#blazor-error-ui[b-04boaskz85] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-04boaskz85] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavbarLogo.razor.rz.scp.css */
@media (max-width: 991.98px) {
    /* assign areas */
    .navbar-logo[b-qk9qur7zak] {
        grid-column: 1 / -1; /* span full width */
        grid-row: 1;
        justify-self: center; /* center horizontally */
    }

        .navbar-logo img[b-qk9qur7zak] {
            max-width: min(230px, 72vw);
        }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vrdgr1r7pm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-vrdgr1r7pm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-vrdgr1r7pm] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-vrdgr1r7pm] {
    font-size: 1.1rem;
}

.bi[b-vrdgr1r7pm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-vrdgr1r7pm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-vrdgr1r7pm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-vrdgr1r7pm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-vrdgr1r7pm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-vrdgr1r7pm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-vrdgr1r7pm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-vrdgr1r7pm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-vrdgr1r7pm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-vrdgr1r7pm]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-vrdgr1r7pm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-vrdgr1r7pm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-vrdgr1r7pm] {
        display: none;
    }

    .nav-scrollable[b-vrdgr1r7pm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nk5nyd0vfl],
.components-reconnect-repeated-attempt-visible[b-nk5nyd0vfl],
.components-reconnect-failed-visible[b-nk5nyd0vfl],
.components-pause-visible[b-nk5nyd0vfl],
.components-resume-failed-visible[b-nk5nyd0vfl],
.components-rejoining-animation[b-nk5nyd0vfl] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-retrying[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-failed[b-nk5nyd0vfl],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-nk5nyd0vfl] {
    display: block;
}


#components-reconnect-modal[b-nk5nyd0vfl] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-nk5nyd0vfl 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-nk5nyd0vfl 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-nk5nyd0vfl 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-nk5nyd0vfl]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-nk5nyd0vfl 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-nk5nyd0vfl {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-nk5nyd0vfl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-nk5nyd0vfl {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-nk5nyd0vfl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-nk5nyd0vfl] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-nk5nyd0vfl] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-nk5nyd0vfl] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-nk5nyd0vfl] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-nk5nyd0vfl] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-nk5nyd0vfl] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-nk5nyd0vfl 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-nk5nyd0vfl] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-nk5nyd0vfl {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SearchBar.razor.rz.scp.css */
.search-bar-dark[b-w8lasfh6ul] {
    position: relative;
    display: flex;
    align-items: center;
    background: #000; /* black background */
    border: 1px solid #fff; /* white border */
    border-radius: 20px;
    height: 30px;
    padding: 0 36px 0 12px;
    width: 100%; /* adjust as needed */
}

@media (max-width: 991.98px) {
    .search-bar-dark[b-w8lasfh6ul] {
        margin-left: 0;
        width: clamp(10rem, 46vw, 12.5rem);
    }
}

.search-input-dark[b-w8lasfh6ul] {
    border: none;
    outline: none;
    width: 100%;
    background: transparent; /* keep the black background visible */
    color: #fff; /* white text */
    font-size: 0.9rem;
}

    .search-input-dark[b-w8lasfh6ul]::placeholder {
        color: #ccc; /* light gray placeholder */
    }

.search-icon-dark[b-w8lasfh6ul] {
    position: absolute;
    left: 12px;
    font-size: 0.9rem;
    color: #fff; /* white icon */
}

.clear-btn-dark[b-w8lasfh6ul] {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #fff; /* white X icon */
    font-size: 1rem;
}

    .clear-btn-dark:hover[b-w8lasfh6ul] {
        color: #ddd;
    }
/* /Components/Layout/ShoppingCartButton.razor.rz.scp.css */
.cart-btn[b-ahiw7khs2x] {
    text-decoration: none; /* removes underline */
    background: transparent;
    margin-left: 0rem !important;
    border: none;
    height: 30px; /* matches search input height */
    padding: 0 6px;
    display: flex;
    align-items: center; /* vertically centers icon + count */
    cursor: pointer;
}

    .cart-btn:hover[b-ahiw7khs2x] {
        text-decoration: none !important; /* prevents blue underline on hover */
    }

.cart-icon[b-ahiw7khs2x] {
    font-size: 1.2rem;
    color: #FFD43B; /* yellow cart icon */
    display: flex;
    align-items: center;
}

.cart-count[b-ahiw7khs2x] {
    color: #fff; /* white number like mockup */
    font-weight: 700; /* bold */
    font-size: 0.9rem;
    margin-top: 8px;
    margin-left: 2px; /* sits directly beside icon */
    line-height: 1; /* prevents vertical drift */
    display: flex;
    align-items: center; /* ensures perfect baseline alignment */
}
/* /Components/Layout/Side-Bar/Chip.razor.rz.scp.css */

.normal[b-lahy8jaj0n] {
    background-color: rgb(66 66 66);
    color: #fff;
}

.medium[b-lahy8jaj0n] {
    background-color: rgb(0 200 83);
    color: #fff;
}

.hot[b-lahy8jaj0n] {
    background-color: rgb(244 67 54);
    color: #fff;
}

.auto[b-lahy8jaj0n] {
    background-color: rgb(225 225 225);
    color: black;
}

.tag[b-lahy8jaj0n] {
    max-width: 300px;
    width: auto;
    border-radius: 10px;
    padding: 8px 20px;
    display: inline-block;
    margin: 4px 4px;
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

    .tag:hover[b-lahy8jaj0n] {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);
        transform: translateY(-2px);
        cursor: pointer;
    }
/* /Components/Layout/Side-Bar/SideBar.razor.rz.scp.css */
/* Container */
.app-wrapper[b-5ctr6hgrjh] {
    display: flex;
}

/* Sidebar */
.yt-sidebar[b-5ctr6hgrjh] {
    position: fixed;
/*    top: 0;
*/    left: 0;
    width: 240px;
/*    height: 100vh;
*/    background: #fff;
    border-right: 1px solid #e5e5e5;
    overflow-y: auto;
    z-index: 99999
}
/*.adjusted {
    position: fixed;
    top: 208.44px !important;
    left: 0;
}*/
/*@media(max-width:991.98px)
{
    .yt-sidebar.adjusted
    {
        top:100px;
    }
}
@media(max-width:575.98px)
{
    .yt-sidebar.adjusted
    {
        top:100px;
    }
}*/

.selected[b-5ctr6hgrjh] {
    background-color: #f2f9ff !important;
    color: #000 !important;
    border: 1px solid #bde0fe !important;
    border-radius: 2px;
}

/* Logo / toggle row */
.yt-logo[b-5ctr6hgrjh] {
    border-bottom: 1px solid #e5e5e5;
}

.sidebar-toggle[b-5ctr6hgrjh] {
    cursor: pointer;
}

/* Section titles */
.sidebar-section[b-5ctr6hgrjh] {
    padding: 0.5rem 1rem;
}

.section-title[b-5ctr6hgrjh] {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: #606060;
}

/* Tags */
.tags-list[b-5ctr6hgrjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tag-chip[b-5ctr6hgrjh] {
    background: #f2f2f2;
    border-radius: 12px;
    padding: 4px 8px;
    font-size: 0.85rem;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    border:none;
}

.tag-chip:hover[b-5ctr6hgrjh] {
    background: #e0e0e0;
}

/* Nav links */
.yt-sidebar .nav-link[b-5ctr6hgrjh] {
    color: #333;
    padding: 8px 1rem;
    font-size: 0.9rem;
}

.yt-sidebar .nav-link i[b-5ctr6hgrjh] {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

.yt-sidebar .nav-link:hover[b-5ctr6hgrjh] {
    background: #f2f2f2;
    color: #000;
}

/* Subscribe button */
.btn-subscribe[b-5ctr6hgrjh] {
    width: calc(100% - 2rem);
    font-weight: 600;
}

/* Main content pushes right by sidebar width */
.content[b-5ctr6hgrjh] {
    margin-left: 240px;
    width: calc(100% - 240px);
    padding: 1.5rem;
}

.nav-item[b-5ctr6hgrjh]{
    cursor:pointer;
}
    .yt-sidebar .closed[b-5ctr6hgrjh] {
        display: none !important;
    }

    .yt-sidebar .open[b-5ctr6hgrjh] {
        display: block !important;
    }

/* /Components/Navigation/MegaMenu/MegaMenu.razor.rz.scp.css */
.mega-menu[b-4takba31xt] {
    width: 100%;
}

.mega-menu--loading[b-4takba31xt] {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    color: var(--mega-menu-text-muted);
}

.mega-menu__loading-text[b-4takba31xt] {
    font-size: var(--font-size-sm);
}
/* /Components/Navigation/MegaMenu/MegaPanel.razor.rz.scp.css */
.mega-menu__panel[b-tdi5do1o0m] {
    width: 100%;
}

.mega-menu__panel--desktop[b-tdi5do1o0m] {
    padding: var(--mega-menu-panel-padding);
}

.mega-menu__panel--mobile[b-tdi5do1o0m] {
    padding: 0;
}

.mega-menu__panel-inner[b-tdi5do1o0m] {
    width: 100%;
    margin: 0;
    padding-inline: var(--mega-menu-panel-inline-padding);
    display: flex;
    flex-direction: column;
    gap: var(--mega-menu-panel-gap);
}

.mega-menu__panel-extensions[b-tdi5do1o0m] {
    margin: 0;
}

.mega-menu__panel-auth-actions[b-tdi5do1o0m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
    align-items: start;
}

.mega-menu__panel-auth-controls[b-tdi5do1o0m] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-0-75) var(--space-1);
    align-items: center;
}

.mega-menu__panel-auth-user[b-tdi5do1o0m] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-0-5);
    color: var(--mega-menu-text-strong);
}

.mega-menu__panel-auth-name[b-tdi5do1o0m] {
    font-weight: var(--font-weight-semibold);
}

.mega-menu__panel-auth-control[b-tdi5do1o0m],
.mega-menu__panel-auth-submit[b-tdi5do1o0m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 1rem;
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-md);
    background: var(--mega-menu-surface-soft);
    color: inherit;
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        box-shadow var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-auth-control:hover[b-tdi5do1o0m],
.mega-menu__panel-auth-submit:hover[b-tdi5do1o0m] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    transform: translateY(-1px);
}

.mega-menu__panel-auth-control:focus-visible[b-tdi5do1o0m],
.mega-menu__panel-auth-submit:focus-visible[b-tdi5do1o0m] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.mega-menu__panel-auth-form[b-tdi5do1o0m] {
    margin: 0;
}

.mega-menu__panel-columns[b-tdi5do1o0m] {
    min-width: 0;
}

.mega-menu__panel-image-rail[b-tdi5do1o0m] {
    display: block;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    align-self: start;
}

.mega-menu__panel-sidebar--blog[b-tdi5do1o0m] {
    width: 100%;
}

.mega-menu__panel--mobile .mega-menu__panel-inner[b-tdi5do1o0m] {
    padding-inline: 0;
}

@media (min-width: 1200px) {
    .mega-menu__panel-sidebar--blog[b-tdi5do1o0m] {
        padding-inline-start: var(--space-1);
    }
}
/* /Components/Navigation/MegaMenu/MenuItem.razor.rz.scp.css */
.mega-menu__item[b-hmty1brtr6] {
    list-style: none;
}

.mega-menu__item--desktop[b-hmty1brtr6] {
    display: flex;
    height: 100%;
}

.mega-menu__item--desktop .mega-menu__item-auth[b-hmty1brtr6] {
    display: flex;
    width: 100%;
    height: 100%;
}

.mega-menu__item--desktop .mega-menu__item-button[b-hmty1brtr6] {
    height: 100%;
    min-height: 100%;
}

.mega-menu__item-button[b-hmty1brtr6] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--mega-menu-item-gap);
    width: 100%;
    min-height: var(--mega-menu-item-min-height);
    padding: var(--mega-menu-item-padding);
    border: 1px solid transparent;
    border-radius: 0 0 var(--mega-menu-radius-md) var(--mega-menu-radius-md);
    background: transparent;
    color: var(--mega-menu-text);
    text-align: left;
    font: inherit;
    font-size: var(--font-size-lg);
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        box-shadow var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
    text-decoration: none;
}

.mega-menu__item-button:visited[b-hmty1brtr6] {
    color: var(--mega-menu-text);
}

.mega-menu__item-button:hover[b-hmty1brtr6] {
    /*background: var(--mega-menu-surface-soft);*/
    transform: translateY(-1px);
}

.mega-menu__item-button:focus-visible[b-hmty1brtr6] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.mega-menu__item--drawer .mega-menu__item-button[b-hmty1brtr6] {
    min-height: var(--mega-menu-item-min-height-drawer);
    padding: var(--mega-menu-item-padding-drawer);
}

.mega-menu__item-auth[b-hmty1brtr6] {
    display: flex;
    width: 100%;
}

.mega-menu__item-auth-form[b-hmty1brtr6] {
    margin: 0;
    display: flex;
    width: 100%;
}

.mega-menu__item-text[b-hmty1brtr6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    justify-content: center;
    min-width: 0;
}

.mega-menu__item-label[b-hmty1brtr6] {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-lg);
}

/* /Components/Navigation/MegaMenu/MenuRoot.razor.rz.scp.css */
.mega-menu[b-pplds9ljgn] {
    width: 100%;
    height: 100%;
}

.mega-menu__nav[b-pplds9ljgn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5);
    height: 100%;
    position: relative;
    overflow: visible;
}

.mega-menu__desktop[b-pplds9ljgn] {
    display: none;
}

.mega-menu__mobile[b-pplds9ljgn] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.mega-menu__list[b-pplds9ljgn] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--space-0-25);
    height: 100%;
    margin: 0;
    padding: 0;
}

.mega-menu__toggle[b-pplds9ljgn] {
    display: inline-flex;
    align-items: center;
    gap: var(--mega-menu-drawer-gap, var(--space-0-5));
    border: 1px solid var(--mega-menu-border);
    background: transparent;
    color: var(--mega-menu-text);
    padding: var(--mega-menu-toggle-padding);
    border-radius: var(--mega-menu-radius-sm);
    font: inherit;
    cursor: pointer;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        box-shadow var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__toggle:hover[b-pplds9ljgn] {
    background: var(--mega-menu-surface-soft);
    border-color: var(--mega-menu-border-hover);
    transform: translateY(-1px);
}

.mega-menu__toggle:focus-visible[b-pplds9ljgn] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.mega-menu__toggle-icon[b-pplds9ljgn] {
    width: 1rem;
    height: 1rem;
    position: relative;
}

.mega-menu__toggle-icon[b-pplds9ljgn]::before,
.mega-menu__toggle-icon[b-pplds9ljgn]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.mega-menu__toggle-icon[b-pplds9ljgn]::before {
    top: 0.18rem;
    box-shadow: 0 0.28rem 0 currentColor;
}

.mega-menu__toggle-icon[b-pplds9ljgn]::after {
    bottom: 0.18rem;
}

.mega-menu__toggle-label[b-pplds9ljgn] {
    font-weight: var(--font-weight-semibold);
}

.mega-menu__backdrop[b-pplds9ljgn],
.mega-menu__drawer-backdrop[b-pplds9ljgn] {
    display: none;
}

.mega-menu__panel-shell[b-pplds9ljgn] {
    display: block;
}

.mega-menu__drawer[b-pplds9ljgn] {
    position: fixed;
    inset: 0 0 0 auto;
    width: var(--mega-menu-drawer-width);
    max-width: 100vw;
    transform: translateX(100%);
    transition: transform var(--mega-menu-transition-panel);
    background: var(--mega-menu-surface);
    color: var(--mega-menu-text);
    padding: var(--space-1);
    overflow-y: auto;
    z-index: var(--mega-menu-z-drawer);
    box-shadow: var(--mega-menu-shadow);
    pointer-events: none;
}

.mega-menu--expanded .mega-menu__drawer[b-pplds9ljgn] {
    transform: translateX(0);
    pointer-events: auto;
}

.mega-menu__drawer-sentinel[b-pplds9ljgn] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.mega-menu__drawer-header[b-pplds9ljgn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-1);
    margin-bottom: var(--space-1);
}

.mega-menu__drawer-title[b-pplds9ljgn] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
}

.mega-menu__drawer-close[b-pplds9ljgn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--mega-menu-transition-fast), transform var(--mega-menu-transition-fast);
}

.mega-menu__drawer-close:hover[b-pplds9ljgn] {
    background: var(--mega-menu-surface-soft);
    transform: translateY(-1px);
}

.mega-menu__drawer-close:focus-visible[b-pplds9ljgn] {
    background: var(--mega-menu-surface-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.mega-menu__drawer-list[b-pplds9ljgn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5);
    margin: 0 0 var(--space-1);
    padding: 0;
}

.mega-menu__loading-text[b-pplds9ljgn] {
    color: inherit;
}

@media (min-width: 1400px) {
    .mega-menu__desktop[b-pplds9ljgn] {
        display: block;
        width: 100%;
        height: 100%;
    }

    .mega-menu__mobile[b-pplds9ljgn] {
        display: none;
    }

    .mega-menu__backdrop[b-pplds9ljgn] {
        display: none;
    }

    .mega-menu__panel-shell[b-pplds9ljgn] {
        position: fixed;
        inset: var(--lifco-header-height) 0 auto 0;
        width: auto;
        transform-origin: top center;
        animation: mega-menu-panel-open-b-pplds9ljgn var(--mega-menu-transition-open) both;
        will-change: transform, opacity;
        z-index: var(--mega-menu-z-panel);
        background: var(--mega-menu-bg);
        color: var(--mega-menu-text);
        box-shadow: var(--mega-menu-shadow);
        overflow: hidden;
    }

    .mega-menu--expanded .mega-menu__backdrop[b-pplds9ljgn] {
        display: block;
        position: fixed;
        inset: var(--lifco-header-height) 0 0 0;
        z-index: var(--mega-menu-z-backdrop);
        pointer-events: auto;
    }

    .mega-menu__drawer[b-pplds9ljgn] {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .mega-menu--expanded .mega-menu__drawer-backdrop[b-pplds9ljgn] {
        display: block;
        position: fixed;
        inset: 0;
        background: var(--mega-menu-overlay-drawer);
        z-index: var(--mega-menu-z-backdrop);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mega-menu__drawer[b-pplds9ljgn],
    .mega-menu__toggle[b-pplds9ljgn],
    .mega-menu__drawer-close[b-pplds9ljgn],
    .mega-menu__panel-shell[b-pplds9ljgn] {
        transition: none;
        animation: none;
    }
}

@keyframes mega-menu-panel-open-b-pplds9ljgn {
    from {
        opacity: 0;
        transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

/* /Components/Navigation/MegaMenu/Panels/BlogTeaserGrid.razor.rz.scp.css */
.mega-menu__panel-blog-teaser-grid[b-s8tj1hpz5x] {
    display: block;
    width: 100%;
    min-width: 0;
}

.mega-menu__panel-blog-teaser-heading[b-s8tj1hpz5x] {
    margin: 0 0 var(--space-0-75);
    color: var(--mega-menu-text-strong);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.15;
}

.mega-menu__panel-blog-teaser-heading-image[b-s8tj1hpz5x] {
    display: block;
    height: auto;
    margin: 0 0 var(--space-0-75);
    max-height: var(--mega-menu-heading-image-max-height);
}

.mega-menu__panel-blog-teaser-list[b-s8tj1hpz5x] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.mega-menu__panel-blog-teaser-item[b-s8tj1hpz5x] {
    margin: 0;
    list-style: none;
}

.mega-menu__panel-blog-teaser-footer[b-s8tj1hpz5x] {
    margin-top: var(--space-0-75);
}

.mega-menu__panel-blog-teaser-more[b-s8tj1hpz5x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-md);
    background: var(--mega-menu-surface-soft);
    color: inherit;
    font-weight: var(--font-weight-bold);
    font-size: 0.85rem;
    text-decoration: none;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        box-shadow var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-blog-teaser-more:hover[b-s8tj1hpz5x] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    transform: translateY(-1px);
}

.mega-menu__panel-blog-teaser-more:focus-visible[b-s8tj1hpz5x] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
    transform: translateY(-1px);
}

.mega-menu__panel-blog-teaser-more-image-link[b-s8tj1hpz5x] {
    display: inline-block;
    line-height: 0;
    width: fit-content;
    text-decoration: none;
}

.mega-menu__panel-blog-teaser-more-image[b-s8tj1hpz5x] {
    display: block;
    max-width: 100%;
    height: auto;
}
/* /Components/Navigation/MegaMenu/Panels/BlogTeaserPostCard.razor.rz.scp.css */
.mega-menu__panel-blog-teaser-card[b-341spajbbk] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: var(--space-0-75);
    color: inherit;
    text-decoration: none;
}

.mega-menu__panel-blog-teaser-card:hover[b-341spajbbk] {
    text-decoration: none;
}

.mega-menu__panel-blog-teaser-card:focus-visible[b-341spajbbk] {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.mega-menu__panel-blog-teaser-image[b-341spajbbk] {
    display: block;
    width: 5.5rem;
    flex: 0 0 5.5rem;
    height: 5.5rem;
    object-fit: cover;
}

.mega-menu__panel-blog-teaser-body[b-341spajbbk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-0-25);
    min-width: 0;
    flex: 1 1 auto;
}

.mega-menu__panel-blog-teaser-title[b-341spajbbk] {
    margin: 0;
    font-size: var(--font-size-md);
    line-height: 1.15;
    color: var(--mega-menu-text-strong);
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.mega-menu__panel-blog-teaser-date[b-341spajbbk] {
    margin: 0;
    color: var(--mega-menu-text-muted);
    font-size: 1rem;
    font-style: italic;
}

@media (max-width: 991.98px) {
    .mega-menu__panel-blog-teaser-image[b-341spajbbk] {
        width: 4.75rem;
        flex-basis: 4.75rem;
        height: 4.75rem;
    }
}
/* /Components/Navigation/MegaMenu/Panels/Callout.razor.rz.scp.css */
.mega-menu__panel-callout[b-dtj0l63rqq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
    padding: var(--space-1-25);
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-lg);
    background: linear-gradient(180deg, var(--mega-menu-surface-soft), var(--mega-menu-surface));
    box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 0.04);
}

.mega-menu__panel-callout-image[b-dtj0l63rqq] {
    display: block;
    width: 100%;
    max-width: clamp(9rem, 13vw, 11rem);
    height: auto;
    border-radius: var(--mega-menu-radius-md);
    object-fit: cover;
    aspect-ratio: 3 / 2;
    background: var(--mega-menu-surface-soft);
    justify-self: start;
}

.mega-menu__panel-callout-body[b-dtj0l63rqq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5);
}

.mega-menu__panel-callout-kind[b-dtj0l63rqq] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    margin: 0;
    padding: 0.25rem 0.65rem;
    border-radius: 999rem;
    background: var(--mega-menu-surface-hover);
    color: var(--mega-menu-text-strong);
    font-size: var(--font-size-0-875);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mega-menu__panel-callout-heading[b-dtj0l63rqq] {
    margin: 0;
    color: var(--mega-menu-text-strong);
    font-size: clamp(1.1rem, 1rem + 0.55vw, 1.45rem);
    line-height: 1.15;
}

.mega-menu__panel-callout-description[b-dtj0l63rqq] {
    margin: 0;
    color: var(--mega-menu-text-muted);
    line-height: 1.6;
}

.mega-menu__panel-callout-cta[b-dtj0l63rqq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    min-height: 2.5rem;
    margin-top: 0.15rem;
    padding: 0.55rem 1rem;
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-md);
    background: var(--mega-menu-surface);
    color: inherit;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-callout-cta[b-dtj0l63rqq]::after {
    content: "→";
}

.mega-menu__panel-callout-cta:hover[b-dtj0l63rqq],
.mega-menu__panel-callout-cta:focus-visible[b-dtj0l63rqq] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    transform: translateY(-1px);
}
/* /Components/Navigation/MegaMenu/Panels/Column.razor.rz.scp.css */
.mega-menu__column[b-yfewy93gnp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
}

.mega-menu__column-image[b-yfewy93gnp] {
    display: block;
    /*width: 100%;*/
    max-height: var(--mega-menu-heading-image-max-height);
    height: auto;
    border-radius: var(--mega-menu-radius-sm);
    object-fit: contain;
    align-self: flex-start;
}

.mega-menu__column-heading[b-yfewy93gnp] {
    margin: 0;
    color: var(--mega-menu-text);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
}

.mega-menu__column-links[b-yfewy93gnp] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
}

.mega-menu__column-links-group[b-yfewy93gnp] {
    align-items: start;
}

.mega-menu__column-item[b-yfewy93gnp] {
    list-style: none;
}

.mega-menu__column-link[b-yfewy93gnp] {
    display: flex;
    flex-direction: column;
    gap: 0;
    /*padding: var(--space-0-5) var(--space-0-75);*/
    border-radius: var(--mega-menu-radius-sm);
    color: var(--mega-menu-text);
    text-decoration: none;
    transition: background-color var(--mega-menu-transition-fast), color var(--mega-menu-transition-fast), transform var(--mega-menu-transition-fast);
}

    .mega-menu__column-link:hover[b-yfewy93gnp] {
        background: var(--mega-menu-surface-soft);
        transform: translateX(0.125rem);
    }

    .mega-menu__column-link:focus-visible[b-yfewy93gnp] {
        background: var(--mega-menu-surface-hover);
        outline: 2px solid var(--color-focus);
        outline-offset: 2px;
    }

.mega-menu__column-link--featured[b-yfewy93gnp] {
    background: var(--mega-menu-surface-soft);
    font-weight: var(--font-weight-semibold);
}

.mega-menu__column-link-text[b-yfewy93gnp] {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .mega-menu__column-image[b-yfewy93gnp] {
        max-width: var(--mega-menu-column-image-max-width-mobile);
    }
}

/* Divider used inside column link lists (renders when link text is "<hr>") */
.mega-menu__column-divider[b-yfewy93gnp] {
    width: 50%; /* less wide than full column */
    max-width: 80%;
    height: 2px; /* a bit thicker */
    background-color: #fff; /* white */
    opacity: 1;
    border: none;
    margin-left: 0; /* align to left */
    border-radius: 2px;
    align-self: start;
}
/* /Components/Navigation/MegaMenu/Panels/ContentBlock.razor.rz.scp.css */
.mega-menu__content-block[b-dwzu1tj42x] {
    display: flex;
    flex-direction: column;
    gap: var(--mega-menu-content-gap);
    padding: var(--mega-menu-content-padding);
    border-radius: var(--mega-menu-radius-lg);
    background: var(--mega-menu-surface-soft);
}

.mega-menu__content-block-image[b-dwzu1tj42x] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--mega-menu-radius-md);
    object-fit: cover;
    background: var(--mega-menu-surface-soft);
}
/* /Components/Navigation/MegaMenu/Panels/HighlightStrip.razor.rz.scp.css */
/* Remove Bootstrap dependencies completely */
.mega-menu__panel-highlight-strip-list[b-1td33oq26y] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Forces all items onto one row */
    gap: 60px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
}

.mega-menu__panel-highlight-strip-item[b-1td33oq26y] {
    list-style: none;
    flex: 1 1 0; /* Allows all items to shrink equally */
    min-width: 0; /* Allows shrinking below content size */
}

    /* Style the HighlightTile container if needed */
    .mega-menu__panel-highlight-strip-item > *[b-1td33oq26y] {
        width: 100%;
        display: block;
    }

/* Optional: Control minimum and maximum sizes */
@media (min-width: 1400px) {
    .mega-menu__panel-highlight-strip-item[b-1td33oq26y] {
        flex: 0 1 auto; /* Don't stretch beyond content on very large screens */
        min-width: auto;
    }
}

/* Optional: Add horizontal scroll on extremely small screens */
@media (max-width: 768px) {
    .mega-menu__panel-highlight-strip[b-1td33oq26y] {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .mega-menu__panel-highlight-strip-list[b-1td33oq26y] {
        gap: 30px;
        min-width: min-content; /* Allows scrolling instead of crushing */
    }

    .mega-menu__panel-highlight-strip-item[b-1td33oq26y] {
        flex: 0 0 auto; /* Switch to fixed width on mobile for better scrolling */
        width: 200px;
    }
}
/* /Components/Navigation/MegaMenu/Panels/HighlightTile.razor.rz.scp.css */
.mega-menu__panel-highlight-tile[b-6wqdnqxa4z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: inherit;
    text-decoration: none;
    transition: none;
}

.mega-menu__panel-highlight-tile-media[b-6wqdnqxa4z] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: contain; /* show full image */
    aspect-ratio: auto; /* remove forced cropping */
    background: none;
    max-height: 216px; /* adjust to taste */
    max-width: 216px; /* adjust to taste */
}

.mega-menu__panel-highlight-tile:hover[b-6wqdnqxa4z],
.mega-menu__panel-highlight-tile:focus-visible[b-6wqdnqxa4z] {
    background: none;
    border: none;
    outline: none;
    transform: none;
}
/* /Components/Navigation/MegaMenu/Panels/ImageRail.razor.rz.scp.css */
.mega-menu__panel-image-rail-stack[b-yoprjhvcwi] {
    width: 100%;
    min-width: 0;
}

.mega-menu__panel-image-rail-list[b-yoprjhvcwi] {
    margin: 0;
    padding: 0;
    width: 100%;
}

.mega-menu__panel-image-rail-item[b-yoprjhvcwi] {
    list-style: none;
    min-width: 0;
}

.mega-menu__panel-image-rail-link[b-yoprjhvcwi] {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: var(--mega-menu-radius-md);
    color: inherit;
    text-decoration: none;
    transition: transform var(--mega-menu-transition-fast), box-shadow var(--mega-menu-transition-fast);
}

    .mega-menu__panel-image-rail-link:hover[b-yoprjhvcwi],
    .mega-menu__panel-image-rail-link:focus-visible[b-yoprjhvcwi] {
        transform: translateY(-1px);
    }

    .mega-menu__panel-image-rail-link:focus-visible[b-yoprjhvcwi] {
        outline: 2px solid var(--color-focus);
        outline-offset: 2px;
    }

.mega-menu__panel-image-rail-image[b-yoprjhvcwi] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 354px;
    /* Add this to ensure shrinking works */
    min-width: 0;
}
/* /Components/Navigation/MegaMenu/Panels/LinkStrip.razor.rz.scp.css */
.mega-menu__panel-link-strip[b-hm4c1b66lp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
    padding: var(--space-1-25);
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-lg);
    background: linear-gradient(180deg, var(--mega-menu-surface), var(--mega-menu-surface-soft));
    box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 0.04);
}

.mega-menu__panel-link-strip-heading[b-hm4c1b66lp] {
    margin: 0;
    color: var(--mega-menu-text-muted);
    font-size: var(--font-size-0-875);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mega-menu__panel-link-strip-description[b-hm4c1b66lp] {
    margin: 0;
    color: var(--mega-menu-text-muted);
    line-height: 1.5;
}

.mega-menu__panel-link-strip-list[b-hm4c1b66lp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5);
    margin: 0;
    padding: 0;
}

.mega-menu__panel-link-strip-item[b-hm4c1b66lp] {
    list-style: none;
}

.mega-menu__panel-link-strip-link[b-hm4c1b66lp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-md);
    background: var(--mega-menu-surface);
    color: inherit;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-link-strip-link[b-hm4c1b66lp]::after {
    content: "›";
    flex: none;
    color: var(--mega-menu-text-muted);
    font-size: 1.1rem;
    line-height: 1;
}

.mega-menu__panel-link-strip-link:hover[b-hm4c1b66lp],
.mega-menu__panel-link-strip-link:focus-visible[b-hm4c1b66lp] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    transform: translateX(0.15rem);
}
/* /Components/Navigation/MegaMenu/Panels/Summary.razor.rz.scp.css */
.mega-menu__panel-summary[b-ac09czt4l8] {
    padding: var(--space-1-25);
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-lg);
    background: linear-gradient(180deg, var(--mega-menu-surface), var(--mega-menu-surface-soft));
    box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 0.04);
}

.mega-menu__panel-summary-copy[b-ac09czt4l8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-75);
    min-width: 0;
}

.mega-menu__panel-eyebrow[b-ac09czt4l8] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    margin: 0;
    padding: 0.35rem 0.75rem;
    border-radius: 999rem;
    background: var(--mega-menu-surface-hover);
    color: var(--mega-menu-text-strong);
    font-size: var(--font-size-0-875);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mega-menu__panel-title[b-ac09czt4l8] {
    margin: 0;
    color: var(--mega-menu-text-strong);
    font-size: clamp(1.4rem, 1.1rem + 0.9vw, 2rem);
    line-height: 1.08;
}

.mega-menu__panel-description[b-ac09czt4l8] {
    margin: 0;
    max-width: 60ch;
    color: var(--mega-menu-text-muted);
    line-height: 1.6;
}

.mega-menu__panel-view-all[b-ac09czt4l8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    margin-top: 0.15rem;
    color: var(--mega-menu-text-strong);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

.mega-menu__panel-view-all[b-ac09czt4l8]::after {
    content: "→";
    font-size: 1rem;
    transition: transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-view-all:hover[b-ac09czt4l8]::after,
.mega-menu__panel-view-all:focus-visible[b-ac09czt4l8]::after {
    transform: translateX(0.15rem);
}

.mega-menu__panel-summary-media[b-ac09czt4l8] {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.mega-menu__panel-summary-image[b-ac09czt4l8] {
    display: block;
    width: 100%;
    max-width: clamp(10rem, 14vw, 12rem);
    height: auto;
    border-radius: var(--mega-menu-radius-lg);
    object-fit: cover;
    box-shadow: 0 0.5rem 1.25rem rgb(0 0 0 / 0.08);
}
/* /Components/Navigation/MegaMenu/Panels/VideoTeaser.razor.rz.scp.css */
.mega-menu__panel-video-teaser[b-jkrt2raek3] {
    display: block;
    width: 100%;
    min-width: 0;
}

.mega-menu__panel-video-teaser-heading-image[b-jkrt2raek3] {
    display: block;
    height: auto;
    margin: 0 0 var(--space-0-75);
    max-height: var(--mega-menu-heading-image-max-height);
}

.mega-menu__panel-video-teaser-heading[b-jkrt2raek3] {
    margin: 0 0 var(--space-0-75);
    color: var(--mega-menu-text-strong);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.15;
}

.mega-menu__panel-video-teaser-link[b-jkrt2raek3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-0-5);
    color: inherit;
    text-decoration: none;
}

.mega-menu__panel-video-teaser-thumb[b-jkrt2raek3] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.mega-menu__panel-video-teaser-image[b-jkrt2raek3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega-menu__panel-video-teaser-play[b-jkrt2raek3] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.mega-menu__panel-video-teaser-title[b-jkrt2raek3] {
    margin: 0;
    color: var(--mega-menu-text-strong);
    font-size: var(--font-size-md);
    line-height: 1.15;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.mega-menu__panel-video-teaser-footer[b-jkrt2raek3] {
    margin-top: var(--space-0-75);
}

.mega-menu__panel-video-teaser-more[b-jkrt2raek3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--mega-menu-border);
    border-radius: var(--mega-menu-radius-md);
    background: var(--mega-menu-surface-soft);
    color: inherit;
    font-weight: var(--font-weight-bold);
    font-size: 0.85rem;
    text-decoration: none;
    transition:
        background-color var(--mega-menu-transition-fast),
        border-color var(--mega-menu-transition-fast),
        box-shadow var(--mega-menu-transition-fast),
        transform var(--mega-menu-transition-fast);
}

.mega-menu__panel-video-teaser-more:hover[b-jkrt2raek3] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    transform: translateY(-1px);
}

.mega-menu__panel-video-teaser-more:focus-visible[b-jkrt2raek3] {
    background: var(--mega-menu-surface-hover);
    border-color: var(--mega-menu-border-hover);
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
    transform: translateY(-1px);
}

.mega-menu__panel-video-teaser-more-image-link[b-jkrt2raek3] {
    display: inline-block;
    line-height: 0;
    width: fit-content;
    text-decoration: none;
}

.mega-menu__panel-video-teaser-more-image[b-jkrt2raek3] {
    display: block;
    max-width: 100%;
    height: auto;
}

.mega-menu__panel-video-teaser-link:hover .video-play-icon[b-jkrt2raek3] {
    transform: scale(1.15);
}

.mega-menu__panel-video-teaser-link:focus-visible[b-jkrt2raek3] {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}
/* /Components/Newsletters/NewsletterImages.razor.rz.scp.css */
/* ===== Newsletter Images Container ===== */
.newsletter-images[b-r5amp5p5pt] {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* ===== Individual Image Styling ===== */
.newsletter-image[b-r5amp5p5pt] {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border-radius: 0.5rem;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.15);
}

    .newsletter-image:hover[b-r5amp5p5pt] {
        transform: scale(1.02);
    }

/* ===== Image Heading ===== */
.newsletter-imagelink-heading[b-r5amp5p5pt] {
    font-weight: 600;
    color: #212529;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
    text-align: center;
}

/* ===== Image Description ===== */
.newsletter-imagelink-description[b-r5amp5p5pt] {
    font-weight: 400;
    color: #555;
    text-align: center;
    margin-bottom: 0.5rem;
}
/* /Components/Newsletters/Newsletters.razor.rz.scp.css */
/* ---- Newsletter Header ---- */
.newsletter-header[b-nnv6mtmoj2] {
    max-width: 720px;
    margin: 0 auto 3rem;
}

.newsletter-heading[b-nnv6mtmoj2] {
    font-size: 2.25rem;
    color: #1b1b1b;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

    .newsletter-heading span[b-nnv6mtmoj2] {
        color: #562563;
    }

.newsletter-subheading[b-nnv6mtmoj2] {
    font-size: 1.1rem;
    line-height: 1.65;
    color: #6c757d;
    max-width: 640px;
}

.newsletter-divider[b-nnv6mtmoj2] {
    width: 80px;
    height: 3px;
    background-color: #562563;
    border: none;
    border-radius: 2px;
    opacity: 0.9;
}

/* ---- Cards ---- */
.newsletter-card[b-nnv6mtmoj2] {
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}

    .newsletter-card:hover[b-nnv6mtmoj2] {
        transform: translateY(-4px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    }

/* ---- Image Wrapper ---- */
.newsletter-image-wrapper[b-nnv6mtmoj2] {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
}

/* ---- Image ---- */
.newsletter-card-image[b-nnv6mtmoj2] {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
    display: block;
    transition: transform 0.3s ease;
}

/* ---- Hover Zoom ---- */
.newsletter-card:hover .newsletter-card-image[b-nnv6mtmoj2] {
    transform: scale(1.02);
}

/* ---- Card Text ---- */
.newsletter-card-title[b-nnv6mtmoj2] {
    font-size: 1.05rem;
    color: #212529;
    margin-top: 0.5rem;
}

.newsletter-card-date[b-nnv6mtmoj2] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* ---- Buttons ---- */
.newsletter-card .newsletter-btn[b-nnv6mtmoj2] {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

    .newsletter-card .newsletter-btn:hover[b-nnv6mtmoj2] {
        background-color: #562563;
        color: #fff;
        box-shadow: 0 2px 8px rgba(13,110,253,0.25);
    }

/* ---- Newsletter Images (used in NewsletterImages component) ---- */
.newsletter-image-wrapper img.newsletter-image[b-nnv6mtmoj2] {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border-radius: 0.5rem;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,0.15);
}

    .newsletter-image-wrapper img.newsletter-image:hover[b-nnv6mtmoj2] {
        transform: scale(1.02);
    }

/* ---- General Body ---- */
body[b-nnv6mtmoj2], html[b-nnv6mtmoj2] {
    background-color: #fff;
}
/* /Components/Newsletters/NewslettersDetail.razor.rz.scp.css */
/* ===== Newsletter Page Header ===== */
.newsletter-page-heading[b-aba44rkcpz] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1c1c1c;
    letter-spacing: -0.3px;
    margin-bottom: 0.75rem;
}

.newsletter-page-description[b-aba44rkcpz] {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #444;
    max-width: 850px;
    margin: 0 auto 1rem auto;
}

/* ===== Badge ===== */
.badge[b-aba44rkcpz] {
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    border-radius: 2rem;
}

/* ===== Offer Section ===== */
.offer-section[b-aba44rkcpz] {
    background: #f8f9fa;
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem auto;
    max-width: 850px;
}

.offer-title[b-aba44rkcpz] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.offer-description[b-aba44rkcpz] {
    color: #555;
    font-size: 1.05rem;
}

/* ===== Back / Next / Previous Buttons ===== */
.back-btn[b-aba44rkcpz],
.btn-outline-secondary[b-aba44rkcpz] {
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.25s ease;
}

    .back-btn:hover[b-aba44rkcpz],
    .btn-outline-secondary:hover[b-aba44rkcpz] {
        background-color: #562563;
        color: #fff;
        box-shadow: 0 2px 8px rgba(13,110,253,0.25);
    }

/* ===== Edge Navigation Buttons with Slide Animation and Glow ===== */
.edge-nav-btn[b-aba44rkcpz] {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Next button slides left on hover */
.position-absolute.start-0.edge-nav-btn:hover[b-aba44rkcpz] {
    transform: translateX(-10px) translateY(-50%);
}

/* Previous button slides right on hover */
.position-absolute.end-0.edge-nav-btn:hover[b-aba44rkcpz] {
    transform: translateX(10px) translateY(-50%);
}

/* Glow effect on chevron icons */
.edge-nav-btn i[b-aba44rkcpz] {
    transition: text-shadow 0.25s ease, color 0.25s ease;
}

.position-absolute.start-0.edge-nav-btn:hover i[b-aba44rkcpz],
.position-absolute.end-0.edge-nav-btn:hover i[b-aba44rkcpz] {
    color: #fff;
    text-shadow: 0 0 6px #562563, 0 0 10px #562563;
}

/* Centered Back Button */
.mt-5 .text-center[b-aba44rkcpz] {
    position: relative;
    z-index: 1;
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 576px) {
    .position-absolute.start-0[b-aba44rkcpz],
    .position-absolute.end-0[b-aba44rkcpz] {
        position: static !important;
        display: inline-block;
        margin: 0.5rem 0;
        transform: none !important;
    }

    .back-btn[b-aba44rkcpz] {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}
/* /Components/Pages/CustomerTransactions/CustomerDocumentSet.razor.rz.scp.css */
.centered-heading[b-09xkxmh1p2] {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 600;
}

.custom-card[b-09xkxmh1p2] {
    padding: 30px 90px;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    max-width: 800px;
    margin: 30px auto;
}

@media (max-width: 768px) {
    .custom-card[b-09xkxmh1p2] {
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .custom-card[b-09xkxmh1p2] {
        padding: 10px 15px;
        border-radius: 1rem;
        margin: 0 10px;
    }
}

.timeline[b-09xkxmh1p2] {
    display: flex;
    flex-direction: column;
}

.timeline-item[b-09xkxmh1p2] {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 1.5rem;
}

.timeline-icon[b-09xkxmh1p2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1rem;
    margin-top: 0.5rem;
}

.icon-wrapper[b-09xkxmh1p2] {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 2;
    flex-shrink: 0;
}

    .icon-wrapper i[b-09xkxmh1p2] {
        font-size: 2.55rem;
    }

    .icon-wrapper.active-icon[b-09xkxmh1p2] {
        background-color: #562563;
        border-color: #562563;
    }

        .icon-wrapper.active-icon i[b-09xkxmh1p2] {
            color: white;
        }

    .icon-wrapper.placeholder-icon[b-09xkxmh1p2] {
        background-color: #ced4da;
        border-color: #ced4da;
    }

        .icon-wrapper.placeholder-icon i[b-09xkxmh1p2] {
            color: black;
        }

.timeline-connector[b-09xkxmh1p2] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: calc(100% + 2.55rem);
    z-index: 1;
    background-color: #ced4da;
}

    .timeline-connector.active[b-09xkxmh1p2] {
        background-color: #562563;
    }

    .timeline-connector.placeholder[b-09xkxmh1p2] {
        background-color: #ced4da;
    }

.timeline-content[b-09xkxmh1p2] {
    flex-grow: 1;
    align-items: center;
}

.timeline-card[b-09xkxmh1p2] {
    width: 100%;
    min-height: 70px;
    border: 2px solid transparent;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease, border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .timeline-card:hover[b-09xkxmh1p2] {
        transform: translateY(-2px);
        box-shadow: 0 0.75rem 1.25rem rgba(0,0,0,0.15);
        border-color: #0056b3;
    }

        .timeline-card:hover .timeline-title[b-09xkxmh1p2] {
            color: #0056b3;
            text-decoration: underline;
        }

.placeholder-card[b-09xkxmh1p2] {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
    background-color: #f8f9fa;
}

    .placeholder-card .timeline-title[b-09xkxmh1p2],
    .placeholder-card p[b-09xkxmh1p2] {
        color: black;
    }

.timeline-title[b-09xkxmh1p2] {
    color: #007bff;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

    .timeline-title:hover[b-09xkxmh1p2] {
        color: #0056b3;
        text-decoration: underline;
    }

.timeline[b-09xkxmh1p2] {
    --timeline-icon-size: 51px;
    --timeline-gap: 1.5rem;
    --connector-width: 8px;
    --connector-active: #562563;
    --connector-placeholder: #ced4da;
}

.timeline-item[b-09xkxmh1p2] {
    margin-bottom: 0;
}

    .timeline-item + .timeline-item[b-09xkxmh1p2] {
        padding-top: var(--timeline-gap);
    }

.timeline-icon[b-09xkxmh1p2] {
    width: var(--timeline-icon-size);
}

.timeline-connector[b-09xkxmh1p2] {
    display: none !important;
}

.timeline-item + .timeline-item[b-09xkxmh1p2]::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc( (var(--timeline-icon-size) - var(--connector-width)) / 2 );
    width: var(--connector-width);
    height: 100%;
    background-color: var(--connector-placeholder);
    z-index: 1;
    border-radius: 0;
}

.timeline-item:has(.icon-wrapper.active-icon)[b-09xkxmh1p2]::before {
    background-color: var(--connector-active);
}

.timeline-item:has(.icon-wrapper.placeholder-icon)[b-09xkxmh1p2]::before {
    background-color: var(--connector-placeholder);
}

.timeline-item:last-child[b-09xkxmh1p2]::before {
    height: calc(var(--timeline-gap) + (var(--timeline-icon-size) / 2) + 0.5rem);
}

.timeline-item[b-09xkxmh1p2] {
    margin-bottom: 0 !important;
}

    .timeline-item + .timeline-item[b-09xkxmh1p2] {
        padding-top: var(--timeline-gap);
    }

        .timeline-item + .timeline-item[b-09xkxmh1p2]::before {
            top: calc(-1 * var(--timeline-gap));
            height: calc(100% + var(--timeline-gap));
            border-radius: 0;
        }

.timeline[b-09xkxmh1p2] {
    --timeline-icon-size: 51px;
    --timeline-gap: 1.5rem;
    --connector-width: 8px;
    --connector-active: #562563;
    --connector-placeholder: #ced4da;
    --icon-top-adjust: 0.5rem;
}

.timeline-item[b-09xkxmh1p2] {
    margin-bottom: 0 !important;
}

    .timeline-item + .timeline-item[b-09xkxmh1p2] {
        padding-top: var(--timeline-gap) !important;
    }

        .timeline-item + .timeline-item[b-09xkxmh1p2]::before {
            content: none !important;
        }

    .timeline-item[b-09xkxmh1p2]::before,
    .timeline-item[b-09xkxmh1p2]::after {
        content: "";
        position: absolute;
        left: calc((var(--timeline-icon-size) - var(--connector-width)) / 2);
        width: var(--connector-width);
        background-color: var(--connector-placeholder);
        z-index: 1;
        border-radius: 0;
    }

    .timeline-item[b-09xkxmh1p2]::before {
        top: calc(-1 * (var(--timeline-gap) + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2)));
        height: calc(var(--timeline-gap) + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2));
    }

    .timeline-item[b-09xkxmh1p2]::after {
        top: calc(var(--icon-top-adjust) + (var(--timeline-icon-size) / 2));
        height: calc( 100% - (var(--icon-top-adjust) + (var(--timeline-icon-size) / 2)) + var(--timeline-gap) + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2));
    }

    .timeline-item:first-child[b-09xkxmh1p2]::before {
        content: none;
    }

    .timeline-item:last-child[b-09xkxmh1p2]::after {
        content: none;
    }

    .timeline-item:has(.icon-wrapper.active-icon)[b-09xkxmh1p2]::before,
    .timeline-item:has(.icon-wrapper.active-icon)[b-09xkxmh1p2]::after {
        background-color: var(--connector-active);
    }

    .timeline-item:has(.icon-wrapper.placeholder-icon)[b-09xkxmh1p2]::before,
    .timeline-item:has(.icon-wrapper.placeholder-icon)[b-09xkxmh1p2]::after {
        background-color: var(--connector-placeholder);
    }
/* /Components/Pages/Facilities/FacilityListPage.razor.rz.scp.css */
/* ---------------------------------------------
   Page wrapper
--------------------------------------------- */
.facility-list-page[b-om7q9xnoc9] {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

	/* ---------------------------------------------
   Breadcrumb spacing
--------------------------------------------- */
	.facility-list-page :deep(.breadcrumb)[b-om7q9xnoc9] {
		margin-bottom: 0.75rem;
	}

/* ---------------------------------------------
   Sticky filter bar
--------------------------------------------- */
.sticky-filters[b-om7q9xnoc9] {
	position: sticky;
	top: 0; /* sticks to top of viewport */
	z-index: 1020; /* above cards, below navbars */
	background: var(--bs-body-bg);
	padding-top: 0.5rem;
	padding-bottom: 0.75rem;
	/* subtle shadow when stuck */
	box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05);
}

/* ---------------------------------------------
   Controls container
--------------------------------------------- */
.facility-list-controls[b-om7q9xnoc9] {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.facility-list-controls[b-om7q9xnoc9] {

	}
}

/* ---------------------------------------------
   Search + filter spacing
--------------------------------------------- */
.facility-list-controls > div[b-om7q9xnoc9] {
	width: 100%;
}

/* ---------------------------------------------
   Loading + empty states
--------------------------------------------- */
.facility-list-page p[b-om7q9xnoc9] {
	line-height: 1.4;
}

.facility-list-page .text-body-secondary[b-om7q9xnoc9] {
	font-size: 0.95rem;
}

/* ---------------------------------------------
   Facility grid
---------------------------------------------- */
.facility-grid[b-om7q9xnoc9] {
    margin-top: 0.25rem;
    row-gap: 1.5rem;
    column-gap: 1.5rem;
}

/* ---------------------------------------------
   FacilityCard wrapper
--------------------------------------------- */
.facility-list-page :deep(.facility-card)[b-om7q9xnoc9] {
	height: 100%;
	display: flex;
	flex-direction: column;
}
/* /Components/Pages/Facilities/FacilityPage.razor.rz.scp.css */
/* Moved to lifco-design-system.css */

/* /Components/Pages/Home.razor.rz.scp.css */
/* Moved to lifco-design-system.css */
/* /Components/Pages/Industries/IndustryCategory.razor.rz.scp.css */
.industry-category[b-vd677ksnby] {
    padding-bottom: 4rem;
}

.industry-product__image[b-vd677ksnby] {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
/* /Components/Pages/Industries/IndustryHome.razor.rz.scp.css */
.industry-home[b-1wlo08r0sg] {
    padding-bottom: 4rem;
}
/* /Components/Pages/InOnePage.razor.rz.scp.css */
.lifco-in-one[b-gru83pof7h] {
  padding-top: var(--spacing-lg, 2rem);
}

.lifco-in-one__wide[b-gru83pof7h] {
    zoom: 0.8;
    max-width: 2000px;
    margin: 0 auto;
}

.lifco-in-one__breadcrumb[b-gru83pof7h] {
  margin-bottom: var(--spacing-md, 1rem);
}

.lifco-in-one__breadcrumb-row[b-gru83pof7h],
.lifco-in-one__print-row[b-gru83pof7h],
.lifco-in-one__country-row[b-gru83pof7h] {
  margin-bottom: var(--spacing-lg, 1rem);
}

.lifco-in-one__print-row[b-gru83pof7h] {
  display: flex;
  justify-content: flex-end;
}

.lifco-in-one__country-row[b-gru83pof7h] {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .lifco-in-one[b-gru83pof7h] {
    padding-top: var(--spacing-md, 1rem);
  }
}

.lifco-in-one__mobile-grid[b-gru83pof7h] { display: none; }

@media (max-width: 1575px) {
    .lifco-in-one__desktop-grid[b-gru83pof7h] { display: none; }
    .lifco-in-one__mobile-grid[b-gru83pof7h] { display: block; max-width: 388px; margin: 0 auto; }
    .lifco-in-one__mobile-grid img[b-gru83pof7h] { width: 100%; height: auto; display: block; }
}

@media (max-width: 768px) {
    .lifco-in-one__breadcrumb-row[b-gru83pof7h],
    .lifco-in-one__print-row[b-gru83pof7h],
    .lifco-in-one__country-row[b-gru83pof7h] { align-items: stretch; }
    .lifco-in-one__print-row[b-gru83pof7h] { justify-content: center; }
}
/* /Components/Pages/MarketingDocs.razor.rz.scp.css */
/* 
    File: MarketingDocs.razor.css
    Scope: Blazor CSS isolation — styles here apply only to MarketingDocs.razor.
    Purpose: Provide a centered heading and a bordered "card" container with responsive spacing.
    Notes for beginners:
      - rem units scale with the site’s base font size (better for accessibility) 
      - Media queries adjust styles for smaller screens (tablets/phones)
*/

/* =========================
   Heading: Centered title
   ========================= */
.centered-heading[b-9sf339tdzf] {
    text-align: center;        /* Center the text within the heading */
    margin-bottom: 2rem;       /* Add space below the heading (responsive: 2x root font size) */
    font-size: 2rem;           /* Make the heading larger than normal text (scales with root font size) */
    font-weight: 600;          /* Semi-bold weight for better emphasis without being too heavy */
}

/* =======================================
   Card: Framed container for page content
   - Fixed padding on large screens
   - Constrained width and centered layout
   ======================================= */
.custom-card[b-9sf339tdzf] {
    padding: 30px 90px;                 /* Inner spacing: 30px top/bottom, 90px left/right for readability on wide screens */
    background-color: white;            /* White background for maximum contrast with text */
    box-sizing: border-box;             /* Includes padding/border in element’s total width/height calculations */
    box-shadow: 0 6px 15px rgba(0,0,0,0.2); /* Soft shadow to lift the card off the page */
    max-width: 800px;                   /* Prevents the card from stretching too wide on large screens */
    margin: 30px auto;                     /* Horizontally center the card within its container */
}

/* =========================
   Responsive adjustments
   - Tweak padding/radius for
     smaller screens
   ========================= */

/* Tablet and smaller (<= 768px wide) */
@media (max-width: 768px) {
    .custom-card[b-9sf339tdzf] {
        padding: 10px 20px;  /* Reduce padding so content fits comfortably on tablets */
    }
}

/* Phone and smaller (<= 480px wide) */
@media (max-width: 480px) {
    .custom-card[b-9sf339tdzf] {
        padding: 10px 15px;  /* Slightly narrower side padding for small screens */
        border-radius: 1rem; /* Slightly smaller rounding to match the compact layout */
        margin: 0 10px;      /* Add side margins to keep the card away from screen edges */
    }
}
/* /Components/Pages/Shopping/Documents/GenerateQuote.razor.rz.scp.css */
.document-layout[b-bev1uy8a02] {
    display: grid;
    grid-template-columns: 230px 1fr 230px;
    gap: 1rem;
    align-items: start;
    width: 100%;
    padding: 0;
}

.document-detail-report[b-bev1uy8a02] {
    width: 8.5in;
    min-height: 10in;
    box-sizing: border-box;
    overflow: auto;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto 30px;
}

.sticky-sidebar[b-bev1uy8a02] {
    position: sticky;
    top: 140px;
    align-self: flex-start;
    z-index: 10;
}

.left-sidebar[b-bev1uy8a02],
.right-sidebar[b-bev1uy8a02] {
    width: 230px;
}

.sticky-sidebar .sidebar-card[b-bev1uy8a02] {
    transition: box-shadow 0.2s ease;
}

.sticky-sidebar .sidebar-card[b-bev1uy8a02] {
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.document-json-model[b-bev1uy8a02], .document-contact-model[b-bev1uy8a02] {
    position: fixed !important;
    top: 0;
    z-index: 9999;
}

.mud-button-label[b-bev1uy8a02] {
    display: flex;
}

/*steps*/

.quote-steps[b-bev1uy8a02] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
}

.step[b-bev1uy8a02] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #777777;
    transition: all 0.2s ease;
}

    .step.active[b-bev1uy8a02] {
        color: #000000;
        font-weight: 600;
    }

    .step.done[b-bev1uy8a02] {
        color: #198754;
        font-weight: 600;
    }

.separator[b-bev1uy8a02] {
    margin: 0 10px;
    color: #adb5bd;
}

@@media print {
    .mud-main-content[b-bev1uy8a02],
    .mud-main-content > .mud-container[b-bev1uy8a02],
    .container[b-bev1uy8a02],
    .content[b-bev1uy8a02],
    article.container[b-bev1uy8a02],
    .mud-container[b-bev1uy8a02] {
        padding: 0 !important;
        margin: 0 auto !important;
        width: auto !important;
        max-width: none !important;
        box-shadow: none !important;
        background: white !important;
    }

    .document-detail-report[b-bev1uy8a02] {
        width: 8.5in !important;
        margin: 0 auto !important;
        min-height: auto !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
        page-break-inside: avoid !important;
        box-shadow: none !important;
        overflow: visible !important;
        justify-content: flex-start !important;
    }

    .no-print[b-bev1uy8a02] {
        display: none !important;
        height: 0;
    }

    .document-terms[b-bev1uy8a02] {
        margin: 0 !important;
        padding-bottom: 0 !important;
    }
}
/* /Components/Pages/TradingCards.razor.rz.scp.css */
.trading-cards-carousel__header[b-vw2ovw3o5h] {
    margin-bottom: 2rem;
}

.trading-cards-carousel__title[b-vw2ovw3o5h] {
    text-transform: uppercase;
    background: linear-gradient(90deg, black 0%, #562563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 575.98px) {
    .trading-cards-carousel__header[b-vw2ovw3o5h] {
        justify-content: center;
    }

    .trading-cards-carousel__title[b-vw2ovw3o5h] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Search/HydraulicSearchResults.razor.rz.scp.css */
.accordion-icon[aria-expanded="false"] .fa-angle-up[b-3dqyw50pur] {
    transform: rotate(180deg);
    transition: 0.5s;
}

.accordion-icon[aria-expanded="true"] .fa-angle-up[b-3dqyw50pur] {
    transform: rotate(0deg);
    transition: 0.5s;
}

.btn:focus[b-3dqyw50pur], .btn:active[b-3dqyw50pur] {
    outline: none;
    box-shadow: none;
}

.hover-highlight:hover[b-3dqyw50pur] {
    background-color: #f8f9fa; /* Bootstrap's light background */
}

.filters[b-3dqyw50pur] {
    top: 100px; /* adjust as needed */
    margin-bottom: 2rem;
}

    .filters .card-body[b-3dqyw50pur] {
        max-height: 600px;
        overflow-y: auto;
    }

@media (max-width: 991.98px) { /* Bootstrap lg breakpoint */
    .filters[b-3dqyw50pur] {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;

        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
}

/* /Components/Shared/Breadcrumb/Breadcrumb.razor.rz.scp.css */
.container-left[b-ehfp3tfj6r] {
    margin-left: 305px !important;
}

.breadCrumb[b-ehfp3tfj6r] {
    list-style: none;
    display: flex;
    padding-left: 0;
    margin: 2rem 0 1rem 0.5rem; /* small left margin for the whole breadcrumb */
}

    .breadCrumb li[b-ehfp3tfj6r] {
        font-weight: 600;
        font-size: .8rem;
        color: #202529;
        margin-right: 1rem; /* spacing between items */
        position: relative;
    }

        .breadCrumb li:not(:last-child)[b-ehfp3tfj6r]::after {
            content: "/"; /* slash separator */
            position: absolute;
            right: -0.6rem; /* spacing between text and slash */
            color: #202529;
        }

        .breadCrumb li.active[b-ehfp3tfj6r] {
            color: #54245F; /* active element color */
            font-weight: 700; /* make it stand out */
        }

    .breadCrumb a[b-ehfp3tfj6r] {
        text-decoration: none;
        color: #202529;
    }

        .breadCrumb a:hover[b-ehfp3tfj6r] {
            text-decoration: underline; /* subtle hover for links */
            color: var(--bs-btn-hover-color);
        }

/* Hide sidebar on mobile */
@media (max-width: 768px) {
    .container-left[b-ehfp3tfj6r] {
        margin-left: 0px !important;
    }
}
/* /Components/Shared/CountrySelector/CountrySelector.razor.rz.scp.css */
.country-selector__overlay[b-kh0elv0p4b] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.country-selector__modal[b-kh0elv0p4b] {
    background: var(--lifco-surface, #fff);
    padding: 1rem;
    border-radius: 8px;
    width: 640px;
    max-width: calc(100% - 40px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.06);
}

.country-selector__header[b-kh0elv0p4b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.country-selector__header h2[b-kh0elv0p4b] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--lifco-on-surface, #111);
}

.country-selector__close[b-kh0elv0p4b] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}

.country-selector__options[b-kh0elv0p4b] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    align-items: stretch;
    border: none;
    border-radius: 6px;
    overflow: hidden;
    background: var(--lifco-surface, #fff);
}

.country-selector__option[b-kh0elv0p4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    cursor: pointer;
    min-height: 100px;
    text-align: center;
    background: transparent;
    transition: background-color 0.12s ease;
}

.country-selector__option:not(:nth-child(3n))[b-kh0elv0p4b] {
    border-right: none;
}

.country-selector__option:hover[b-kh0elv0p4b] {
    background: rgba(0,0,0,0.03);
}

.country-selector__flag[b-kh0elv0p4b] {
    width: 40px;
    height: auto;
    display:block;
}

.country-selector__flag--emoji[b-kh0elv0p4b] {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    width:40px;
    height:40px;
}

.country-selector__label[b-kh0elv0p4b] {
    display:block;
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--lifco-on-surface, #111);
}

.country-selector__option:focus[b-kh0elv0p4b] {

}

/* Inline modifier styles */
.country-selector--inline[b-kh0elv0p4b] { display: block; }
.country-selector__options--inline[b-kh0elv0p4b] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.country-selector__options--inline .country-selector__option[b-kh0elv0p4b] {
    min-height: auto;
    padding: 0.25rem 0.5rem;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background: transparent;
}
.country-selector__options--inline .country-selector__label[b-kh0elv0p4b] { margin-top: 0; }
.country-selector__options--inline .country-selector__flag[b-kh0elv0p4b] { width: 28px; }

/* Centered minimalist inline variant */
.country-selector--inline[b-kh0elv0p4b] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: var(--lifco-spacing-2, 0.5rem) 0;
}
.country-selector--inline .country-selector__options--inline[b-kh0elv0p4b] {
    background: var(--lifco-surface, #fff);
    border-radius: var(--lifco-radius, 6px);
    padding: calc(var(--lifco-spacing-1, 0.25rem));
    border: none;
    gap: var(--lifco-spacing-2, 0.5rem);
}
.country-selector--inline .country-selector__option[b-kh0elv0p4b] {
    padding: 0.4rem 0.6rem;
    border-radius: calc(var(--lifco-radius, 6px) / 2);
    min-width: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.country-selector--inline .country-selector__option:hover[b-kh0elv0p4b] {
    background: var(--lifco-hover, rgba(0,0,0,0.02));
}
.country-selector--inline .country-selector__option.country-selector__option--selected[b-kh0elv0p4b] {
    border: 1px solid var(--lifco-accent, rgba(37,99,235,0.16));
    background: rgba(37,99,235,0.02);
}
.country-selector--inline .country-selector__option:focus[b-kh0elv0p4b] {

}

@media (max-width: 920px) {
  .country-selector__modal[b-kh0elv0p4b] { width: 560px !important; }
}

@media (max-width: 560px) {
  .country-selector__options[b-kh0elv0p4b] { grid-template-columns: 1fr !important; }
  .country-selector__modal[b-kh0elv0p4b] { width: 96% !important; }
  .country-selector__option[b-kh0elv0p4b] { border-right: none !important; border-bottom: 1px solid var(--lifco-border, #e6e6e6); }
  .country-selector__option:last-child[b-kh0elv0p4b] { border-bottom: none; }
}
/* /Components/Shared/ExternalLink.razor.rz.scp.css */
/* --- Modal Dialog --- */
[data-external-link-modal] .modal-dialog[b-oa0dzb8y7f] {
    max-width: 480px;
    margin: auto;
    transition: transform 0.25s ease;
}

[data-external-link-modal].show .modal-dialog[b-oa0dzb8y7f] {
    transform: translateY(-4px);
}

/* --- Modal Surface --- */
[data-external-link-modal] .modal-content[b-oa0dzb8y7f] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #d6dbe1;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* --- Header: Lifco Web 2025 (white on black) --- */
[data-external-link-modal] .modal-header[b-oa0dzb8y7f] {
    background: #000000; /* pure black header */
    color: #ffffff; /* white text */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 1rem 1.25rem;
}

[data-external-link-modal] .modal-title[b-oa0dzb8y7f] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Close button: white icon */
[data-external-link-modal] .btn-close[b-oa0dzb8y7f] {
    filter: invert(1);
    opacity: 0.75;
}

    [data-external-link-modal] .btn-close:hover[b-oa0dzb8y7f] {
        opacity: 1;
    }

/* --- Body --- */
[data-external-link-modal] .modal-body[b-oa0dzb8y7f] {
    padding: 1.25rem;
    color: #1a1f25;
    font-size: 0.95rem;
    line-height: 1.45;
}

/* --- Footer --- */
[data-external-link-modal] .modal-footer[b-oa0dzb8y7f] {
    border-top: 1px solid #e3e7ec;
    padding: 0.75rem 1.25rem;
}

/* --- Buttons --- */

/* Primary (Continue): Lifco Blue */
[data-external-link-modal] .btn-primary[b-oa0dzb8y7f] {
    background-color: #0050b3; /* Lifco blue */
    border-color: #00479f;
    font-weight: 600;
    padding: 0.45rem 1.1rem;
    border-radius: 6px;
}

    [data-external-link-modal] .btn-primary:hover[b-oa0dzb8y7f] {
        background-color: #003f8a;
        border-color: #003a7f;
    }

/* Secondary (Cancel): Industrial Grey */
[data-external-link-modal] .btn-outline-secondary[b-oa0dzb8y7f] {
    color: #3d4248;
    border-color: #b9bec4;
    font-weight: 500;
    padding: 0.45rem 1.1rem;
    border-radius: 6px;
}

    [data-external-link-modal] .btn-outline-secondary:hover[b-oa0dzb8y7f] {
        background-color: #f2f3f5;
        border-color: #aeb3b9;
    }
/* /Components/Shared/FlipCard.razor.rz.scp.css */
.flip-card[b-5auaanlq8h] {
    width: var(--w);
    height: var(--h);
    perspective: 1000px;
}

.flip-inner[b-5auaanlq8h] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}

.flip-card:hover .flip-inner[b-5auaanlq8h] {
    transform: rotateY(180deg);
}

.flip-card.flipped .flip-inner[b-5auaanlq8h] {
    transform: rotateY(180deg);
}

.flip-face[b-5auaanlq8h] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden;
}

.back[b-5auaanlq8h] {
    transform: rotateY(180deg);
}
/* /Components/Shared/Hero.razor.rz.scp.css */
.hero-section[b-un138mip3n] {
    position: relative;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding: 1rem 0;
    overflow: hidden;
    z-index: 1040;
    max-width:100vw;
    box-sizing:border-box;
}

.hero-overlay[b-un138mip3n] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

.hero-container[b-un138mip3n] {
    position: relative;
    padding: 0 3rem;
    z-index: 1050;
}

.hero-badge[b-un138mip3n] {
    font-size: 0.9rem;
    color: #fff;
}

.hero-title[b-un138mip3n] {
    font-size: 2.5rem;
    margin: 0.5rem 0;
    line-height: 1.2;
    display: inline-block;
}

.hero-lead[b-un138mip3n] {
    font-size: 1.125rem;
    max-width: 700px;
    margin: 1rem 0;
    line-height: 1.4;
}

.hero-media[b-un138mip3n] {
    max-width: 500px;
    width: 100%;
}

@media (min-width: 768px) {
    .hero-section[b-un138mip3n] {
        padding: 1rem 0;
    }

    .hero-title[b-un138mip3n] {
        font-size: 3.5rem;
    }

    .hero-lead[b-un138mip3n] {
        font-size: 1.25rem;
    }
}
/* /Components/Shared/InOnePage/ImageCard.razor.rz.scp.css */
.lifco-in-one__card[b-xak6ame617] {
    margin: 0;
}

.lifco-in-one__card-image[b-xak6ame617] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-sm, 4px);
    object-fit: cover;
}
/* /Components/Shared/InOnePage/ImageGrid.razor.rz.scp.css */
.lifco-in-one__grid[b-xu6q4qxa0k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}


/* Default: 3 columns on wide screens */
.lifco-in-one__grid .lifco-in-one__card[b-xu6q4qxa0k] {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
}

@media (max-width: 768px) {
    .lifco-in-one__grid[b-xu6q4qxa0k] {
        flex-direction: column;
        align-items: center;
    }

    .lifco-in-one__card[b-xu6q4qxa0k] {
        width: auto;
    }
}

@media (min-width: 769px) and (max-width: 1575px) {
    /* Medium screens: two columns */
    .lifco-in-one__grid .lifco-in-one__card[b-xu6q4qxa0k] {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* On wide screens allow the first (left) card to span the full width */
@media (min-width: 1576px) {
    .lifco-in-one__grid .lifco-in-one__card:first-child[b-xu6q4qxa0k] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Revert following cards to three-column layout under the full-width banner */
    .lifco-in-one__grid .lifco-in-one__card:nth-child(n+2)[b-xu6q4qxa0k] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* /Components/Shared/InOnePage/ImageGridMobile.razor.rz.scp.css */
.lifco-in-one__grid-mobile[b-3hdm2gylgm] {
    display: block;
}

.lifco-in-one__grid-mobile .image-card[b-3hdm2gylgm] {
    margin-bottom: 1rem;
}

.lifco-in-one__grid-mobile img[b-3hdm2gylgm] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}
/* /Components/Shared/InOnePage/PrintControl.razor.rz.scp.css */
.lifco-in-one__print-link[b-yrc9vutkl3] {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    background: transparent;
    border: none;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-bottom: 3px solid currentColor;
    line-height: 1;
}

@media (max-width: 1575px) {
    .lifco-in-one__print-link[b-yrc9vutkl3] {
        display: block;
        width: fit-content;
        margin: 0 auto var(--spacing-sm, 1rem);
        text-align: center;
    }
}
/* /Components/Shared/InOnePage/VideoSection.razor.rz.scp.css */
.lifco-in-one__video[b-k5qpha1382] {
    background-color: var(--lifco-neutral-200, #e6e6e6);
    padding: var(--spacing-xl, 4rem) 0;
    margin-top: var(--spacing-xl, 4rem);
}

.lifco-in-one__video-row[b-k5qpha1382] {
    justify-content: center;
}

.lifco-in-one__video-player[b-k5qpha1382] {
    justify-content: center;
}

.lifco-in-one__video-thumb-wrapper[b-k5qpha1382] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 550px;
    aspect-ratio: 16/9;
    border-radius: 0;
    overflow: hidden;
    background-color: #000;
    box-sizing: border-box;
    border: 2px solid #000;
    margin: 0 auto;
}

.lifco-in-one__video-thumb[b-k5qpha1382] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-k5qpha1382] .lifco-in-one__video-thumb {
    width: 100%;
    height: 100%;
}

[b-k5qpha1382] .lifco-in-one__video-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lifco-in-one__video-thumbnail-button[b-k5qpha1382] {
    display: block;
    width: 100%;
    max-width: 550px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.lifco-in-one__play-icon[b-k5qpha1382] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(48px, 6vw, 72px);
    height: clamp(48px, 6vw, 72px);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.25));
}

.lifco-in-one__play-icon svg[b-k5qpha1382] {
    width: 100%;
    height: 100%;
}

.lifco-in-one__video-badge[b-k5qpha1382] {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background-color: var(--lifco-accent, #FFD24A);
    color: #111;
    border-radius: 50%;
    width: clamp(40px, 6vw, 56px);
    height: clamp(40px, 6vw, 56px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    font-size: clamp(0.9rem, 2vw, 1rem);
}

@media (max-width: 768px) {
    .lifco-in-one__video-player[b-k5qpha1382] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .lifco-in-one__video-thumb-wrapper[b-k5qpha1382] {
        max-width: 96%;
        width: 96%;
        margin: 0 auto;
    }

    .lifco-in-one__video-thumb[b-k5qpha1382] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    [b-k5qpha1382] .lifco-in-one__video-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}
/* /Components/Shared/Jumbotron/Jumbotron.razor.rz.scp.css */
/* Special variant example */
.special-jumbotron[b-0vyf7sf0bc] {
    background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
    color: #111;
}

/* /Components/Shared/Jumbotron/JumbotronDefault.razor.rz.scp.css */
/* Jumbotron base styles */
.jumbotron[b-ml8ukwcfkz] {
    position: relative;
    overflow: visible;
    height: 190px; /* fixed height */
    display: flex; /* enable flexbox */
    align-items: center; /* vertical centering */
    transition: background 0.5s ease, color 0.5s ease;
}

/* Image positioning: stable offset using transform */
.jumbotron-img[b-ml8ukwcfkz] {
    position: absolute;
    right: 0;
    bottom: 30px; /* pushes image up */
    max-width: 30%;
    z-index: 0;
    transform: translateY(55%); /* consistent offset */
}

/* Text styling */
.jumbotron-text[b-ml8ukwcfkz] {
    margin: 0; /* remove extra spacing */
}

/* Default black jumbotron variant */
.default-jumbotron[b-ml8ukwcfkz] {
    background-color: #000;
    color: #fff;
}

/* Promotion gradient used by Promotion Jumbotron */
.lifco-gradient[b-ml8ukwcfkz] {
    background: linear-gradient(to right, #000 0%, #562563 100%);
    color: #fff;
}
/* /Components/Shared/Jumbotron/JumbotronHome.razor.rz.scp.css */
/* Racing stripe container */
.home-racing-stripe .racing-stripe-container[b-f1l58xiutf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    background: #000;
    padding-top: 10px;
    padding-bottom: 30px;
}

/* Base stripe */
.home-racing-stripe .stripe[b-f1l58xiutf] {
    flex: 1;
    height: 30px; /* updated height */
    background: white;
    opacity: 0.9;
}

/* LEFT stripe: 18° inward cut */
.home-racing-stripe .stripe-left[b-f1l58xiutf] {
    clip-path: polygon( 0 0, 100% 0, calc(100% - 10px) 100%, /* 18° angle */
    0 100% );
}

/* RIGHT stripe: 18° inward cut (mirrored) */
.home-racing-stripe .stripe-right[b-f1l58xiutf] {
    clip-path: polygon( 10px 0, /* 18° angle */
    100% 0, 100% 100%, 0 100% );
}

/* Logo */
.home-racing-stripe .stripe-logo[b-f1l58xiutf] {
    display: block;
    height: 120px;
}

/* Remove container padding so stripes reach edges */
.home-racing-stripe .container[b-f1l58xiutf] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .home-racing-stripe .stripe[b-f1l58xiutf] {
        height: 16px;
    }

    .home-racing-stripe .stripe-left[b-f1l58xiutf] {
        clip-path: polygon( 0 0, 100% 0, calc(100% - 5px) 100%, 0 100% );
    }

    .home-racing-stripe .stripe-right[b-f1l58xiutf] {
        clip-path: polygon( 5px 0, 100% 0, 100% 100%, 0 100% );
    }

    .home-racing-stripe .stripe-logo[b-f1l58xiutf] {
        height: 80px;
    }

    .home-racing-stripe .racing-stripe-container[b-f1l58xiutf] {
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .home-racing-stripe .stripe[b-f1l58xiutf] {
        height: 12px;
    }

    .home-racing-stripe .stripe-left[b-f1l58xiutf] {
        clip-path: polygon( 0 0, 100% 0, calc(100% - 4px) 100%, 0 100% );
    }

    .home-racing-stripe .stripe-right[b-f1l58xiutf] {
        clip-path: polygon( 4px 0, 100% 0, 100% 100%, 0 100% );
    }

    .home-racing-stripe .stripe-logo[b-f1l58xiutf] {
        height: 65px;
    }

    .home-racing-stripe .racing-stripe-container[b-f1l58xiutf] {
        gap: 0.75rem;
    }
}
/* /Components/Shared/LinkSection/Pages/MarketingDocList.razor.rz.scp.css */
/* 
    MarketingDocList Timeline Styles (scoped to this Razor component)

    What this file does:
    - Styles a vertical "timeline" list where each item has a circular icon on the left and a content card on the right.
    - Draws a vertical connector line between items to visually link them.
    - Provides "active" vs "placeholder" visual states for both icons and cards.

    How to read this:
    - Each CSS block is documented with WHY it exists and HOW it works.
    - Novice tip: scoped .razor.css means these styles only apply to the matching .razor component.
*/


/* ========== TIMELINE LAYOUT ========== */

/* 
   The outer container for the timeline.
   Uses a column layout so each "timeline-item" stacks vertically.
*/
.timeline[b-682ugb9a9d] {
    display: flex;                 /* Enable flexbox layout */
    flex-direction: column;        /* Stack children vertically (top to bottom) */
}

/*
   One row in the timeline (icon + card).
   We position this relatively so children (like the connector) can be positioned absolutely inside it when needed.
*/
.timeline-item[b-682ugb9a9d] {
    display: flex;                 /* Place icon area and card area side-by-side */
    align-items: flex-start;       /* Align the top edges of icon and card */
    position: relative;            /* Establish a positioning context for absolute children */
    margin-bottom: 1.5rem;         /* Space between rows */
}


/* ========== ICON COLUMN ========== */

/*
   Holds the circular icon and the connector line beneath it.
   - column layout so the icon sits above the connector line.
   - centered so the icon is centered relative to the connector.
*/
.timeline-icon[b-682ugb9a9d] {
    display: flex;                 
    flex-direction: column;        /* Stack icon above the connector line */
    align-items: center;           /* Center horizontally */
    justify-content: center;       /* Center vertically within available space */
    position: relative;            /* Needed so the connector (.timeline-connector) can position relative to this box */
    margin-right: 1rem;            /* Gap between the icon column and the card (reduced to pull card closer) */
    margin-top: 0.5rem;            /* Nudges icon down a bit for nicer alignment with the card */
}

/* 
   The circular icon itself.
   - Fixed size so all icons align consistently.
   - Flex-centering to center the <i> icon glyph inside the circle.
   - z-index to sit on top of the connector line.
*/
.icon-wrapper[b-682ugb9a9d] {
    width: 51px;                   /* Circle width (chosen to be ~15% smaller than 60px) */
    height: 51px;                  /* Circle height (same as width for a perfect circle) */
    border-radius: 50%;            /* 50% makes the box a circle */
    display: flex;                 /* Center the icon glyph */
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle depth */
    z-index: 2;                    /* Ensure it renders above the connector line */
    flex-shrink: 0;                /* Prevent the circle from shrinking on narrow screens */
}

/* 
   The <i> element inside the circle (e.g., from a font icon set).
*/
.icon-wrapper i[b-682ugb9a9d] {
    font-size: 2.55rem;            /* Scales icon glyph relative to the root font size */
}

/* 
   "Active" (generated) document state for the circle.
   Note: border-color alone does not show unless a border is present.
   If you want a visible border, add: border: 2px solid currentColor; (not added here to avoid visual changes).
*/
.icon-wrapper.active-icon[b-682ugb9a9d] {
    background-color: #562563;     /* Purple background for active state */
    border-color: #562563;         /* No visible effect without a border */
}
.icon-wrapper.active-icon i[b-682ugb9a9d] {
    color: white;                  /* White glyph (e.g., a check mark) for contrast */
}

/*
   "Placeholder" (pending) document state for the circle.
*/
.icon-wrapper.placeholder-icon[b-682ugb9a9d] {
    background-color: #ced4da;     /* Neutral gray background */
    border-color: #ced4da;         /* No visible effect without a border */
}
.icon-wrapper.placeholder-icon i[b-682ugb9a9d] {
    color: black;                  /* Dark glyph (e.g., a timer) for visibility */
}


/* ========== CONNECTOR LINE ========== */

/*
   The vertical line that connects this icon to the next item.
   - Absolutely positioned within .timeline-icon so it starts at the circle's bottom center.
   - Height extends beyond this item to overlap into the next item (creates a continuous line).
*/
.timeline-connector[b-682ugb9a9d] {
    position: absolute;            
    top: 100%;                     /* Start immediately below the icon circle */
    left: 50%;                     /* Horizontally center under the circle */
    transform: translateX(-50%);   /* Offset by half its own width to align center */
    width: 8px;                    /* Thickness of the connector line */
    height: calc(100% + 2.55rem);  /* Extend through this item and into the next; adjust if icon size changes */
    z-index: 1;                    /* Behind the icon (which is z-index: 2) */
    background-color: #ced4da;     /* Default gray color */
}

/* 
   Color variants for the connector to match the icon state.
*/
.timeline-connector.active[b-682ugb9a9d] {
    background-color: #562563;     /* Purple for active path */
}
.timeline-connector.placeholder[b-682ugb9a9d] {
    background-color: #ced4da;     /* Gray for pending path */
}


/* ========== CARD COLUMN ========== */

/*
   Wrapper around the card area to help vertically align the card with the icon.
*/
.timeline-content[b-682ugb9a9d] {
    flex-grow: 1;                  /* Take up remaining horizontal space */
    align-items: center;           /* Vertically align the card with the icon center */
}

/*
   The card containing the title and description.
   - Transparent border allows border-color to animate on hover without layout shift.
   - Min height ensures it doesn't look shorter than the icon.
*/
.timeline-card[b-682ugb9a9d] {
    width: 100%;                   
    min-height: 70px;              /* Keep card at least as tall as the icon area */
    border: 2px solid transparent; /* Reserve space for border so hover doesn't jiggle layout */
    border-radius: 0.75rem;        /* Rounded corners for a card feel */
    padding: 1rem;                 /* Inner spacing for readability */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* Subtle elevation */
    transition: all 0.3s ease, border-color 0.2s ease; /* Smooth hover effects */
    display: flex;
    flex-direction: column;        /* Stack title and text vertically */
    justify-content: center;       /* Vertically center content within the card */
}

/*
   Hover effects to indicate interactivity:
   - Slight lift
   - Deeper shadow
   - Accent border and title color
*/
.timeline-card:hover[b-682ugb9a9d] {
    transform: translateY(-2px);   
    box-shadow: 0 0.75rem 1.25rem rgba(0,0,0,0.15);
    border-color: #0056b3;         /* Accent border on hover */
}
.timeline-card:hover .timeline-title[b-682ugb9a9d] {
    color: #0056b3;                /* Sync title color with border on hover */
    text-decoration: underline;    /* Conventional link cue */
}


/* ========== PLACEHOLDER STATE ========== */

/*
   A non-interactive card (e.g., future/pending item).
   - Reduced opacity signals "inactive".
   - pointer-events: none disables clicks and hovers on the card and its children.
*/
.placeholder-card[b-682ugb9a9d] {
    opacity: 0.6;
    cursor: default;               /* Standard arrow cursor to signal non-clickable */
    pointer-events: none;          /* Disable interactions */
    background-color: #f8f9fa;     /* Light background for contrast */
}

/* 
   Ensure text inside placeholder cards stays readable and consistent.
*/
.placeholder-card .timeline-title[b-682ugb9a9d],
.placeholder-card p[b-682ugb9a9d] {
    color: black;                  
}


/* ========== TITLE / LINK ========== */

/*
   The clickable document title inside the card.
   - Uses a standard link color with a quick hover transition.
*/
.timeline-title[b-682ugb9a9d] {
    color: #007bff;                /* Standard link blue */
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

/* 
   Hover state for the title when not using the card hover.
   (Card hover already updates the title for a larger hit area.)
*/
.timeline-title:hover[b-682ugb9a9d] {
    color: #0056b3;                /* Darker blue on hover */
    text-decoration: underline;    /* Standard link hover cue */
}



/* ========== REFACTOR: connector grows with next item ========== */
/* 
   Goal:
   - Make the vertical connector automatically match the height of the NEXT .timeline-item.
   Approach:
   - Move spacing from margin-bottom on the current row into padding-top on the next row.
   - Draw the connector as a pseudo-element (::before) on the NEXT .timeline-item.
   - This way, the connector's height = 100% of the next item (including its top padding), so it "grows" with it.
*/

/* 1) Provide tunable variables scoped to this component */
.timeline[b-682ugb9a9d] {
    --timeline-icon-size: 51px;
    --timeline-gap: 1.5rem;              /* replaces previous margin-bottom between items */
    --connector-width: 8px;
    --connector-active: #562563;
    --connector-placeholder: #ced4da;
}

/* 2) Replace margin-between-rows with padding on the next row */
.timeline-item[b-682ugb9a9d] { 
    margin-bottom: 0;                     /* cancel earlier gap */
}
.timeline-item + .timeline-item[b-682ugb9a9d] {
    padding-top: var(--timeline-gap);     /* create the inter-row space on the NEXT item */
}

/* 3) Lock icon column width so connector can align center reliably */
.timeline-icon[b-682ugb9a9d] {
    width: var(--timeline-icon-size);
}

/* 4) Hide the old element-based connector if it's still in the markup */
.timeline-connector[b-682ugb9a9d] {
    display: none !important;
}

/* 5) New connector: drawn by the NEXT item so it grows with its height */
.timeline-item + .timeline-item[b-682ugb9a9d]::before {
    content: "";
    position: absolute;
    top: 0;                               /* start at top of the next item (includes the gap via padding-top) */
    left: calc( (var(--timeline-icon-size) - var(--connector-width)) / 2 );
    width: var(--connector-width);
    height: 100%;                         /* auto-grows with the next item's height */
    background-color: var(--connector-placeholder);
    z-index: 1;                           /* behind the icon which is z-index: 2 */
    border-radius: 0;                     /* square edges for a solid line */
}

/* 6) Color the connector based on icon state (modern selector).
      If :has() isn't available in your target browser, add a helper class on .timeline-item instead. */
.timeline-item:has(.icon-wrapper.active-icon)[b-682ugb9a9d]::before {
    background-color: var(--connector-active);
}
.timeline-item:has(.icon-wrapper.placeholder-icon)[b-682ugb9a9d]::before {
    background-color: var(--connector-placeholder);
}

/* 7) Optional: stop the connector after the last icon (only draw the "up" segment) */
.timeline-item:last-child[b-682ugb9a9d]::before {
    height: calc(var(--timeline-gap) + (var(--timeline-icon-size) / 2) + 0.5rem); /* +0.5rem accounts for .timeline-icon top margin */
}

/* === Fix: ensure connector spans the gap between the 1st and 2nd items === */
/* Make sure spacing comes from the NEXT item, not the previous one */
.timeline-item[b-682ugb9a9d] {
    margin-bottom: 0 !important;
}
.timeline-item + .timeline-item[b-682ugb9a9d] {
    padding-top: var(--timeline-gap);
}

/* Draw the connector on the NEXT item and extend it upward into the gap */
.timeline-item + .timeline-item[b-682ugb9a9d]::before {
    top: calc(-1 * var(--timeline-gap));                 /* reach up into the inter-row gap */
    height: calc(100% + var(--timeline-gap));            /* cover gap + full next item */
    border-radius: 0;                                    /* solid line (no rounding) */
}
/* === Connector fix: draw from previous item into the center of the next icon, not through the whole card === */
/* Variables */
.timeline[b-682ugb9a9d] {
    --timeline-icon-size: 51px;
    --timeline-gap: 1.5rem;
    --connector-width: 8px;
    --connector-active: #562563;
    --connector-placeholder: #ced4da;
    --icon-top-adjust: 0.5rem; /* matches .timeline-icon margin-top */
}

/* Ensure spacing is on the NEXT item */
.timeline-item[b-682ugb9a9d] { margin-bottom: 0 !important; }
.timeline-item + .timeline-item[b-682ugb9a9d] { padding-top: var(--timeline-gap) !important; }

/* Disable any previous next-item connector rules */
.timeline-item + .timeline-item[b-682ugb9a9d]::before { content: none !important; }

/* Base segments (center-to-center) */
.timeline-item[b-682ugb9a9d]::before,
.timeline-item[b-682ugb9a9d]::after {
    content: "";
    position: absolute;
    left: calc((var(--timeline-icon-size) - var(--connector-width)) / 2);
    width: var(--connector-width);
    background-color: var(--connector-placeholder);
    z-index: 1;
    border-radius: 0; /* solid line */
}

/* Up segment: from previous icon center to this icon center */
.timeline-item[b-682ugb9a9d]::before {
    top: calc(-1 * (var(--timeline-gap) + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2)));
    height: calc(var(--timeline-gap) + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2));
}

/* Down segment: from this icon center to next icon center */
.timeline-item[b-682ugb9a9d]::after {
    top: calc(var(--icon-top-adjust) + (var(--timeline-icon-size) / 2));
    height: calc(
        100% - (var(--icon-top-adjust) + (var(--timeline-icon-size) / 2)) /* current item bottom from icon center */
        + var(--timeline-gap)                                           /* inter-row gap */
        + var(--icon-top-adjust) + (var(--timeline-icon-size) / 2)      /* next icon center offset */
    );
}

/* Hide the up segment on the first item and the down segment on the last item */
.timeline-item:first-child[b-682ugb9a9d]::before { content: none; }
.timeline-item:last-child[b-682ugb9a9d]::after  { content: none; }

/* Color by state */
.timeline-item:has(.icon-wrapper.active-icon)[b-682ugb9a9d]::before,
.timeline-item:has(.icon-wrapper.active-icon)[b-682ugb9a9d]::after {
    background-color: var(--connector-active);
}
.timeline-item:has(.icon-wrapper.placeholder-icon)[b-682ugb9a9d]::before,
.timeline-item:has(.icon-wrapper.placeholder-icon)[b-682ugb9a9d]::after {
    background-color: var(--connector-placeholder);
}
/* /Components/Shared/LinkSection/Pages/PrimaryList.razor.rz.scp.css */
/* ===========================
   List Card Group
   =========================== */
.list-card-group[b-xhu424su9e] {
    margin-left: 1rem;
}

/* ===========================
   List Card Container (Unified)
   =========================== */
.list-card[b-xhu424su9e] {
    background-color: #fff;
    border: 1px solid #ddd; /* match series-card */
    border-radius: 0.5rem;
    padding: 1rem;
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
}

    .list-card:hover[b-xhu424su9e] {

    }

    .list-card a[b-xhu424su9e] {
        text-decoration: none;
    }

/* ===========================
   Title + Chevron (Unified)
   =========================== */
    .list-card .list-card-title[b-xhu424su9e] {
    }

        .list-card .list-card-title .list-card-title-text[b-xhu424su9e] {
            color: #212529; /* dark gray default */
            font-size: 1.8rem;
            font-weight: 700;
        }

        .list-card .list-card-title .fa-chevron-right[b-xhu424su9e] {
            color: #212529;
        }

/* Hover: purple accent */
        .list-card .list-card-title:hover .list-card-title-text[b-xhu424su9e],
        .list-card .list-card-title:hover .fa-chevron-right[b-xhu424su9e] {
            color: #7a3c8a; /* same purple as series-card */
        }

/* Visited: match series-card visited logic */
.list-card:has(a:visited) .list-card-title[b-xhu424su9e],
.list-card:has(a:visited) .list-card-title .fa-chevron-right[b-xhu424su9e] {
    color: #7a3c8a;
}

/* ===========================
   Description (Unified)
   =========================== */
.list-card-description[b-xhu424su9e] {
    color: #333;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-top: 0.5rem;
    max-width: 260px;
    transition: color 0.2s ease;
}

.list-card:hover .list-card-description[b-xhu424su9e] {
    color: #111;
}

/* ===========================
   Visual Component
   =========================== */
.list-card-visual[b-xhu424su9e] {
    width: 275px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .list-card-visual img[b-xhu424su9e] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* Responsive spacing */
@media (min-width: 768px) {
    .list-card-visual[b-xhu424su9e] {
        margin-top: 1rem;
    }
}
/* /Components/Shared/MegaBanner.razor.rz.scp.css */
.mega-banner[b-9tmdtxgx65] {
    position: relative;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    min-height: clamp(30rem, 52vw, 43rem);
    margin-top: calc(var(--lifco-header-height) * -1);
    padding: clamp(5.5rem, 8vw, 7.5rem) 0 clamp(2.5rem, 4vw, 4rem);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}

.mega-banner__overlay[b-9tmdtxgx65] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #050a12;
    pointer-events: none;
}

.mega-banner__content[b-9tmdtxgx65] {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-inline: clamp(1rem, 4vw, 4rem);
    padding-bottom: clamp(1.25rem, 3vw, 2.5rem);
}

.mega-banner__panel[b-9tmdtxgx65] {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.4vw, 1.25rem);
    max-width: min(48rem, 100%);
    padding: 2.85rem;
    background: rgba(5, 10, 18, 0.7);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
    margin-left: auto; /* added: pushes the panel to the right */
}

.mega-banner__title[b-9tmdtxgx65] {
    margin: 0;
    font-size: clamp(32px, 40px, 56px);
    font-weight: 600;
    line-height: 0.95;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-wrap: balance;
}

.mega-banner__description[b-9tmdtxgx65] {
    margin: 0;
    font-size: clamp(1.125rem, 1.4vw, 1.625rem);
    font-weight: 400;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.94);
    white-space: pre-line;
}

@media (max-width: 767.98px) {
    .mega-banner[b-9tmdtxgx65] {
        min-height: 28rem;
        padding-top: 4.5rem;
        padding-bottom: 2rem;
    }

    .mega-banner__content[b-9tmdtxgx65] {
        padding-inline: 1rem;
        padding-bottom: 3.5rem;
    }

    .mega-banner__panel[b-9tmdtxgx65] {
        max-width: 100%;
        padding: 1rem 1.1rem;
        /* margin-left:auto remains but has no visual effect when max-width:100% */
    }

    .mega-banner__title[b-9tmdtxgx65] {
        font-size: clamp(2rem, 9vw, 3rem);
        line-height: 1;
    }

    .mega-banner__description[b-9tmdtxgx65] {
        font-size: 1rem;
        line-height: 1.5;
    }
}
/* /Components/Shared/PromotionAds/AttachmentPromotionAd.razor.rz.scp.css */
/* Component-scoped stylesheet for: AttachmentPromotionAd.razor

About .razor.css in Blazor:
- Styles in this file are automatically scoped to the matching .razor component at build-time.
- The tooling adds an attribute selector to ensure these styles don't leak to other components.
- You can safely use simple class names without worrying about global conflicts.

How to customize:
- Colors: Update the hex values below to align with your brand.
- Spacing: Rem units scale with user settings; prefer adjusting rem margins/padding.
- Typography: The font-family references 'Roboto'. Ensure it is included in your app (e.g., via <link> in index.html or a global CSS import).

Accessibility note:
- Maintain sufficient color contrast, especially for text on colored backgrounds (badges, banners).
- Font sizes are kept readable; avoid going below 0.875rem for body text.

Responsive behavior:
- A single breakpoint at 768px optimizes layout for tablets/phones.
- In the media query, font sizes and paddings are reduced to fit smaller screens.

Tip: If styles don't seem to apply, confirm the .razor and .razor.css filenames match exactly.
*/

 /* === Layout: centers the entire promo card container within its parent === */
.promotion-ad-container[b-auipnb6ves] {
    display: flex;                /* enables centering with flexbox */
    justify-content: center;      /* centers horizontally */
    align-items: center;          /* centers vertically (within container's own height) */
    margin: 1rem 0;               /* vertical spacing outside the container (top/bottom) */
    padding: 0 0.5rem;            /* horizontal breathing room inside the container (left/right) */
}

/* === Card: primary visual wrapper for the promotion ===
   - Width caps ensure readability on large screens and avoid stretching edge-to-edge.
   - Soft elevation via box-shadow. */
.promotion-card[b-auipnb6ves] {
    width: 80%;                   /* relative width to parent for responsiveness */
    max-width: 1200px;            /* stop growing past desktop-friendly width */
    background: #eee;             /* light gray background for contrast */
    border: none;                 /* remove default border */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2); /* subtle elevation */
    padding: 0.5rem 1rem;         /* internal spacing; compact by design */
    border-radius: 12px;          /* rounded corners for a modern look */
}

/* === Icon: supports an <i> element inside a container (.promotion-icon) ===
   - Scaled down to keep layout compact. */
.promotion-icon i[b-auipnb6ves] {
    font-size: 2rem;              /* icon size */
    color: #54245F;               /* brand purple */
    margin-bottom: 0.1rem;        /* tiny spacing below icon */
}

/* === Title: main headline text of the card === */
.promotion-title[b-auipnb6ves] {
    color: #54245F;               /* brand purple for visual identity */
    letter-spacing: 0.5px;        /* minor tracking for a clean headline */
    font-size: 1.8rem;            /* compact yet prominent */
    margin-bottom: 0.1rem;        /* tight spacing to next element */
}

/* === Supporting text: brief promo summary line === */
.promotion-text[b-auipnb6ves] {
    font-size: 1rem;              /* base size; easy to read */
    font-weight: 600;             /* slightly bold for emphasis */
    margin-bottom: 0.2rem;        /* small separation from next element */
}

/* === Discount (headline): primary focal text (e.g., "Save 25") ===
   - Background-clip properties are unset because a solid color is used (no gradient). */
.promotion-discount[b-auipnb6ves] {
    font-size: 2.5rem;            /* large for visual hierarchy */
    font-weight: 900;             /* heavy to draw attention */
    color: #212529;               /* near-black for maximum contrast */
    background: none;             /* ensure no gradient background applies */
    -webkit-background-clip: unset;   /* reset legacy gradient styles */
    -webkit-text-fill-color: unset;   /* reset legacy gradient styles */
}

/* === Discount percentage: visually separated to accent the % sign ===
   - Slightly larger and colored to stand out next to the main number. */
.promotion-discount-percentage[b-auipnb6ves] {
    color: #562563;               /* complementary purple accent */
    font-size: 3.5rem;            /* larger for emphasis */
}

/* === Badges row: compact badges for metadata (e.g., "Made in USA", "In Stock") === */
.promotion-badges[b-auipnb6ves] {
    margin-bottom: 0.2rem;        /* keep close to adjacent elements */
}

/* Individual badge styles: same sizing, different background colors for meaning */
.promotion-badges .badge-made[b-auipnb6ves],
.promotion-badges .badge-stock[b-auipnb6ves] {
    font-weight: 600;             /* readable emphasis */
    margin-right: 0.3rem;         /* spacing between badges */
    font-size: 0.8rem;            /* compact badge text */
    padding: 0.25rem 0.4rem;      /* badge chip shape */
    cursor: default;              /* indicate non-clickable by default */
}

.promotion-badges .badge-made[b-auipnb6ves] {
    background-color: #54245F;    /* primary brand purple */
    color: #fff;                   /* ensure contrast on colored background */
}

.promotion-badges .badge-stock[b-auipnb6ves] {
    background-color: #562563;    /* secondary purple shade */
    color: #fff;                   /* keep legible on color */
}

/* === Footer: italic note, e.g., legal or disclaimers === */
.promotion-footer[b-auipnb6ves] {
    font-style: italic;           /* differentiate from main copy */
    font-size: 0.85rem;           /* slightly smaller to deemphasize */
    color: #54245F;               /* brand color for consistency */
    margin-bottom: 0.1rem;        /* tight spacing */
}

/* === Offer dates: validity window line === */
.promotion-dates[b-auipnb6ves] {
    font-size: 1rem;              /* readable body size */
    font-style: italic;           /* styled distinct from regular text */
    color: #212529;               /* near-black for legibility */
    margin-bottom: 0;             /* no extra spacing below */
}

/* === Availability separator line: text with horizontal rules on both sides ===
   - Uses ::before and ::after to draw lines that flexibly fill remaining space. */
.promotion-availability[b-auipnb6ves] {
    display: flex;                /* allows text flanked by flexible lines */
    align-items: center;          /* vertically center the text with lines */
    text-align: center;
    color: #212529;               /* near-black for emphasis */
    font-weight: 800;             /* bold for prominence */
    font-size: 1.2rem;            /* slightly larger than body text */
    margin: 1rem 0;               /* space above/below the separator */
}

.promotion-availability[b-auipnb6ves]::before,
.promotion-availability[b-auipnb6ves]::after {
    content: '';                  /* pseudo-elements used as line segments */
    flex: 1;                      /* grow to fill available width */
    border-bottom: 4px solid #212529; /* thick line for strong separation */
    margin: 0 0.5rem;             /* space between the text and lines */
}

/* === Availability banner (red): alternative callout version ===
   - Use this instead of the separator style when a strong alert is preferred. */
.promotion-availability-banner[b-auipnb6ves] {
    background-color: #c00;       /* solid red for alerts/urgent messages */
    color: #fff;                   /* white text for contrast */
    text-align: center;
    font-weight: 600;             /* noticeable but not overpowering */
    font-size: 0.9rem;            /* compact banner height */
    padding: 0.3rem 0.5rem;       /* internal spacing to create a pill-like look */
    border-radius: 6px;           /* soft corners */
    margin: 0.4rem 0;             /* spacing around the banner */
    letter-spacing: 0.3px;        /* subtle tracking for readability */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* slight elevation */
}

.promotion-availability-banner span[b-auipnb6ves] {
    display: inline-block;        /* allows vertical alignment and spacing control */
}

/* === Responsive tweaks (<= 768px): improves readability and fit on small screens ===
   - Reduces widths, paddings, and font sizes to prevent wrapping/truncation. */
@media (max-width: 768px) {
    .promotion-card[b-auipnb6ves] {
        width: 90%;               /* allow a bit more width on small screens */
        padding: 0.4rem 0.8rem;   /* tighter padding to fit content */
    }

    .promotion-title[b-auipnb6ves] {
        font-size: 1.3rem;        /* scale down titles */
    }

    .promotion-discount[b-auipnb6ves] {
        font-size: 1.3rem;        /* scale down main discount */
    }

    .promotion-discount-percentage[b-auipnb6ves] {
        font-size: 1.5rem;        /* scale down percentage accent */
    }

    .promotion-text[b-auipnb6ves] {
        font-size: 0.95rem;       /* slightly smaller body text */
    }

    .promotion-icon i[b-auipnb6ves] {
        font-size: 1.8rem;        /* smaller icon to match tightened layout */
    }

    .promotion-badges .badge-made[b-auipnb6ves],
    .promotion-badges .badge-stock[b-auipnb6ves] {
        font-size: 0.7rem;        /* smaller badges for mobile */
        padding: 0.2rem 0.3rem;   /* keep the badges compact */
    }
}

/*
Maintenance tips:
- If you find repeated colors across multiple components, consider defining CSS custom properties (variables) in a global stylesheet, e.g., :root { --brand-purple: #54245F; } and then use color: var(--brand-purple).
- Test with actual promo content of varying lengths to verify wrapping and alignment (especially for the availability line and badges).
*/
/* /Components/Shared/SkeletonCard.razor.rz.scp.css */
.skeleton[b-zxehdhim8s] {
    background: linear-gradient(90deg, #eee, #f5f5f5, #eee);
    background-size: 200% 100%;
    animation: shimmer-b-zxehdhim8s 1.2s infinite;
    border-radius: 4px;
}

.skeleton-card[b-zxehdhim8s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    width: 250px; /* adjust for your layout */
}

/* Fake image block */
.skeleton-image[b-zxehdhim8s] {
    width: 100%;
    height: 140px;
    border-radius: 6px;
}

/* Fake title */
.skeleton-title[b-zxehdhim8s] {
    width: 60%;
    height: 20px;
}

/* Fake text lines */
.skeleton-text[b-zxehdhim8s] {
    width: 100%;
    height: 14px;
}

    .skeleton-text.short[b-zxehdhim8s] {
        width: 80%;
    }

.skeleton-grid[b-zxehdhim8s], .real-card-grid[b-zxehdhim8s] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* Shimmer animation */
@keyframes shimmer-b-zxehdhim8s {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}
/* /Components/Shared/SocialsComponent.razor.rz.scp.css */
.social-component[b-k6d1tlf7vf] {
	position: fixed; top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: rgb(33, 37, 41);
	width: 3rem;
	height: 10rem;
	border-radius: 5px 0 0 5px;

}

.social-component li a[b-k6d1tlf7vf]{
	color:#fff;
}
/* /Components/Shared/VideoEmbed.razor.rz.scp.css */
iframe[b-cp9vvirbo1] {
    width: 100%;
    height: 100%;
    border: 0;
}
/* /Components/Shared/VideoModal.razor.rz.scp.css */
/* --- VIDEO MODAL --- */
.video-backdrop[b-emmwccpzqk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.video-modal[b-emmwccpzqk] {
    position: relative;
    width: min(95vw, 960px);
    max-height: calc(100vh - 40px);
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}

.video-close[b-emmwccpzqk] {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: #fff;
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    width: clamp(28px, 8vw, 36px);
    height: clamp(28px, 8vw, 36px);
    border-radius: 50%;
    cursor: pointer;
}
/* /Components/Shared/Videos/ShortsVideoGallery.razor.rz.scp.css */
.shorts-video-gallery[b-v28ce0irrv] {
    --shorts-gap: 1rem;
    --shorts-card-width: clamp(10.5rem, 24vw, 13rem);
    --shorts-scroll-duration: 24s;
    display: grid;
    gap: 1rem;
    padding-block: 0.75rem;
}

.shorts-video-gallery__header[b-v28ce0irrv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.shorts-video-gallery__title[b-v28ce0irrv] {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    line-height: 1.2;
}

.shorts-video-gallery__link[b-v28ce0irrv] {
    margin-left: auto;
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.shorts-video-gallery__link:hover[b-v28ce0irrv],
.shorts-video-gallery__link:focus-visible[b-v28ce0irrv] {
    text-decoration: underline;
}

.shorts-video-gallery__viewport[b-v28ce0irrv] {
    position: relative;
    overflow: hidden;
}

.shorts-video-gallery__viewport[b-v28ce0irrv]::before,
.shorts-video-gallery__viewport[b-v28ce0irrv]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: min(4rem, 10vw);
    pointer-events: none;
    z-index: 1;
}

.shorts-video-gallery__viewport[b-v28ce0irrv]::before {
    left: 0;
    /*background: linear-gradient(to right, var(--bs-body-bg, #fff), transparent);*/
}

.shorts-video-gallery__viewport[b-v28ce0irrv]::after {
    right: 0;
    /*background: linear-gradient(to left, var(--bs-body-bg, #fff), transparent);*/
}

.shorts-video-gallery__track[b-v28ce0irrv] {
    display: flex;
    width: max-content;
    animation: shorts-video-gallery-scroll-b-v28ce0irrv var(--shorts-scroll-duration) linear infinite;
    will-change: transform;
}

.shorts-video-gallery__viewport:hover .shorts-video-gallery__track[b-v28ce0irrv],
.shorts-video-gallery__viewport:focus-within .shorts-video-gallery__track[b-v28ce0irrv] {
    animation-play-state: paused;
}

.shorts-video-gallery__list[b-v28ce0irrv] {
    display: flex;
    gap: var(--shorts-gap);
    flex: 0 0 auto;
    list-style: none;
    margin: 0;
    padding: 0 var(--shorts-gap) 0 0;
}

.shorts-video-gallery__item[b-v28ce0irrv] {
    flex: 0 0 auto;
    width: var(--shorts-card-width);
}

.shorts-video-gallery__button[b-v28ce0irrv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.shorts-video-gallery__button:focus-visible[b-v28ce0irrv] {
    outline: 2px solid currentColor;
    outline-offset: 0.35rem;
    border-radius: 1rem;
}

.shorts-video-gallery__caption[b-v28ce0irrv] {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.95rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@keyframes shorts-video-gallery-scroll-b-v28ce0irrv {
    from {
        transform: translateX(0);
    }

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

@media (max-width: 767.98px) {
    .shorts-video-gallery[b-v28ce0irrv] {
        --shorts-gap: 0.75rem;
        --shorts-card-width: clamp(9.5rem, 44vw, 11rem);
    }

    .shorts-video-gallery__header[b-v28ce0irrv] {
        align-items: flex-start;
    }

    .shorts-video-gallery__link[b-v28ce0irrv] {
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shorts-video-gallery__viewport[b-v28ce0irrv] {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .shorts-video-gallery__viewport[b-v28ce0irrv]::before,
    .shorts-video-gallery__viewport[b-v28ce0irrv]::after {
        display: none;
    }

    .shorts-video-gallery__track[b-v28ce0irrv] {
        animation: none;
    }
}

/* /Components/Shared/Videos/VideoCard.razor.rz.scp.css */
.video-card[b-66eyy94xtb] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}

    .video-card:hover[b-66eyy94xtb] {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    }

.video-content[b-66eyy94xtb] {
    display: flex;
    flex-direction: column;
}

.video-date[b-66eyy94xtb] {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.video-title[b-66eyy94xtb] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
}

.video-thumbnail-container[b-66eyy94xtb] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    overflow: hidden;
    background-color: #000;
}

.video-thumbnail[b-66eyy94xtb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.video-thumbnail-container:hover .video-thumbnail[b-66eyy94xtb] {
    transform: scale(1.03);
}

.play-overlay[b-66eyy94xtb] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    text-decoration: none;
}

.video-thumbnail-container:hover .play-overlay[b-66eyy94xtb] {
    opacity: 1;
}

.play-overlay i[b-66eyy94xtb] {
    color: #fff;
    font-size: 1.2rem;
    margin-left: 3px;
}

.tags-container[b-66eyy94xtb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #eee;
}

.tag-badge[b-66eyy94xtb] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #f0f0f0;
    border-radius: 4px;
    color: #333;
}

    .tag-badge:hover[b-66eyy94xtb] {
        background-color: #e0e0e0;
        cursor: pointer;
    }
/* /Components/Shared/Videos/VideoThumbnail.razor.rz.scp.css */
.video-thumb[b-r2c3v2wm8c] {
    position: relative;
    overflow: hidden;
    display: block;
}

.video-thumb.video-featured-card__image-wrapper[b-r2c3v2wm8c] {
    aspect-ratio: 16 / 9;
}

.video-thumb.video-card__image-wrapper[b-r2c3v2wm8c] {
    aspect-ratio: 1 / 1;
}

.video-thumb--shorts[b-r2c3v2wm8c] {
    width: min(100%, 208px);
    aspect-ratio: 208 / 370;
    margin: 0 auto;
}

.video-thumb__placeholder[b-r2c3v2wm8c],
.video-thumb__image[b-r2c3v2wm8c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.video-thumb__placeholder[b-r2c3v2wm8c] {
    background: linear-gradient(
        90deg,
        var(--color-border, rgba(0, 0, 0, 0.08)) 0%,
        var(--color-surface, #fff) 50%,
        var(--color-border, rgba(0, 0, 0, 0.08)) 100%
    );
    background-size: 200% 100%;
    animation: video-thumb-shimmer-b-r2c3v2wm8c 1.2s ease-in-out infinite;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.video-thumb__placeholder--hidden[b-r2c3v2wm8c] {
    opacity: 0;
}

.video-thumb__image[b-r2c3v2wm8c] {
    object-fit: cover;
    display: block;
    opacity: 0;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: opacity, transform;
    transition: opacity 0.35s ease, transform 0.5s ease;
}

.video-thumb__image--loaded[b-r2c3v2wm8c] {
    opacity: 1;
}

.video-thumb__play[b-r2c3v2wm8c] {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.video-thumb--shorts .video-thumb__play--shorts .video-play-icon[b-r2c3v2wm8c] {
    width: 2.5rem;
    height: 2.5rem;
}

@media (prefers-reduced-motion: reduce) {
    .video-thumb__placeholder[b-r2c3v2wm8c],
    .video-thumb__image[b-r2c3v2wm8c] {
        animation: none;
        transition: none;
    }
}

@keyframes video-thumb-shimmer-b-r2c3v2wm8c {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}
/* /Components/Shared/Youtube/YoutubeModal.razor.rz.scp.css */
/* Facebook Video Modal Styling */
.fb-video-modal[b-lfteobex8n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.fb-video-modal--open[b-lfteobex8n] {
    opacity: 1;
    visibility: visible;
}

.fb-video-modal__backdrop[b-lfteobex8n] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
}

.fb-video-modal__container[b-lfteobex8n] {
    position: relative;
    width: 90%;
    max-width: 1000px;
    max-height: 90vh;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.fb-video-modal__header[b-lfteobex8n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #111;
}

.fb-video-modal__title[b-lfteobex8n] {
    color: #fff;
    font-size: 1.2rem;
    margin: 0;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fb-video-modal__close[b-lfteobex8n] {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
}

    .fb-video-modal__close:hover[b-lfteobex8n] {
        background-color: rgba(255, 255, 255, 0.1);
    }

.fb-video-modal__content[b-lfteobex8n] {
    position: relative;
    flex: 1;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    width: 100%;
    max-height: calc(90vh - 60px);
}

/* Responsive iframe container */
.responsive-iframe[b-lfteobex8n] {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

    .responsive-iframe iframe[b-lfteobex8n] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.responsive-video[b-lfteobex8n] {
    width: 100%;
    height: 100%;
}

    .responsive-video video[b-lfteobex8n] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background-color: #000;
    }

/* Loading spinner */
.fb-video-modal__loading[b-lfteobex8n] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    z-index: 2;
}

.spinner[b-lfteobex8n] {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #3b5998; /* Facebook blue */
    border-radius: 50%;
    animation: spin-b-lfteobex8n 1s linear infinite;
}

@keyframes spin-b-lfteobex8n {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Error state */
.fb-video-modal__error[b-lfteobex8n] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    z-index: 3;
    padding: 20px;
    text-align: center;
}

.fb-video-modal__retry-btn[b-lfteobex8n] {
    background-color: #3b5998;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    margin-top: 16px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s;
}

    .fb-video-modal__retry-btn:hover[b-lfteobex8n] {
        background-color: #2d4373;
    }

/* Global helper class for preventing background scrolling */
body.no-scroll[b-lfteobex8n] {
    overflow: hidden;
}

/* Media queries for better mobile experience */
@media (max-width: 768px) {
    .fb-video-modal__container[b-lfteobex8n] {
        width: 95%;
        max-height: 80vh;
    }

    .fb-video-modal__title[b-lfteobex8n] {
        font-size: 1rem;
    }

    .fb-video-modal__content[b-lfteobex8n] {
        min-height: 200px;
    }
}
/* /Components/ShoppingCartManagement/ShoppingCartManagement.razor.rz.scp.css */
.loading-overlay[b-m4p96x63vb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3); /* translucent black */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* keep above all other content */
    pointer-events: none; /* lets clicks pass through, unless you want to block interaction */
}

.loading-overlay .spinner-border[b-m4p96x63vb] {
    pointer-events: auto; /* allow spinner interaction if needed */
}
/* /Components/SocialContent/Cards/SocialBlogCard.razor.rz.scp.css */
/* /Components/SocialContent/Home/SocialContentHome.razor.rz.scp.css */
/* Moved to lifco-design-system.css */
/* /Components/SocialContent/Posts/SocialContentPostsC.razor.rz.scp.css */
.posts-grid-4col[b-mpsg72seaw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}
/* /Components/Staging/CMSSitemap.razor.rz.scp.css */
/* Container spacing */
.container[b-g0fdor16g8] {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Heading styles */
h1[b-g0fdor16g8] {
    font-size: 3rem;
    font-weight: 600;
    color: #333;
}

h2[b-g0fdor16g8] {
    font-size: 2rem;
    color: #562563; /* deep purple accent */
}

/* Filter input styling with search icon */
input[type="search"].form-control[b-g0fdor16g8] {
    border: 2px solid #562563;
    border-radius: 6px;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    font-size: 1rem;
    transition: all 0.2s ease-in-out;
    background-image: url("data:image/svg+xml,...");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}

    input[type="search"].form-control:hover[b-g0fdor16g8] {
        background-color: #faf7fc;
    }

    input[type="search"].form-control:focus[b-g0fdor16g8] {
        outline: none;
        border-color: #7a3c8a;
        box-shadow: 0 0 6px rgba(122, 60, 138, 0.4);
    }

    input[type="search"].form-control[b-g0fdor16g8]::placeholder {
        color: #999;
        font-style: italic;
    }

/* Info alert styling */
.alert-info[b-g0fdor16g8] {
    background-color: #f5f0fa;
    border: 1px solid #d0c0e0;
    color: #562563;
}

/* Accordion styling */
.accordion-button[b-g0fdor16g8] {
    background-color: #faf7fc;
    color: #562563;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

    .accordion-button[b-g0fdor16g8]::after {
        background-image: url("data:image/svg+xml,...");
    }

    .accordion-button:not(.collapsed)[b-g0fdor16g8] {
        background-color: #562563;
        color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

        .accordion-button:not(.collapsed)[b-g0fdor16g8]::after {
            background-image: url("data:image/svg+xml,...");
        }

    .accordion-button:hover[b-g0fdor16g8] {
        background-color: #e9dff3;
        color: #7a3c8a;
    }

.accordion-item[b-g0fdor16g8] {
    border: 1px solid #d0c0e0;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.accordion-body[b-g0fdor16g8] {
    background-color: #fff;
    padding: 1rem;
}

/* Pagination */
.page-pagination .pagination[b-g0fdor16g8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0.25rem 0;
}

.page-pagination .page-item[b-g0fdor16g8] {
    flex: 0 0 auto;
}

/* Pagination links (applies to both numbered and standalone "View Page" links) */
.page-pagination a.page-link[b-g0fdor16g8] {
    text-decoration: none;
    color: #562563;
    border: 1px solid #d0c0e0;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    min-width: 2rem;
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-weight: 600; /* ensures bold text even if fw-bold is present */
}

    .page-pagination a.page-link:hover[b-g0fdor16g8] {
        background-color: #e9dff3;
        color: #7a3c8a;
        text-decoration: none; /* override Bootstrap's text-decoration-none */
    }

    .page-pagination a.page-link:focus[b-g0fdor16g8] {
        outline: 2px solid #7a3c8a;
        outline-offset: 2px;
        text-decoration: none;
    }

    .page-pagination a.page-link:visited[b-g0fdor16g8] {
        color: #7a3c8a;
        background-color: #f0e6f7;
    }


/* Mobile adjustments */
@media (max-width: 576px) {
    .accordion-button[b-g0fdor16g8] {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    .accordion-body[b-g0fdor16g8] {
        padding: 0.75rem;
    }

    .page-pagination .page-link[b-g0fdor16g8] {
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
    }
}
/* /Components/Staging/CMSTemplates/GroupSeriesPage.razor.rz.scp.css */
/* Page body wrapper */
.page-body[b-yjkwtq4jn2] {
    max-width: 1600px; /* sidebar (240) + content (1320) + padding */
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}

/* Content column */
.content[b-yjkwtq4jn2] {
    flex: 1 1 1320px; /* flexible but target 1320px */
    max-width: 1320px;
    min-width: 0; /* prevent flex overflow */
}

.series-description[b-yjkwtq4jn2] {
    color: #333;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    transition: color 0.2s ease;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .d-flex.flex-md-row[b-yjkwtq4jn2] {
        flex-direction: column; /* stack sidebar + content */
    }

    .content[b-yjkwtq4jn2] {
        flex: 1 1 auto;
        max-width: 100%;
        min-width: 100%;
    }
}
/* /Components/Staging/CMSTemplates/GroupSeriesPageSingle.razor.rz.scp.css */
/* Warning: ::deep rules below target ReachOut, BusinessHours, ActiveAgents, and
   ContactForm child component internals. If those components rename internal
   class names, this stylesheet silently breaks. Move these overrides into the
   respective child component CSS files when time permits. */

.page-body[b-7lsygflkvo] {
    max-width: 1600px;
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}

.content[b-7lsygflkvo] {
    flex: 1 1 1320px;
    max-width: 1320px;
    min-width: 0;
    margin: 0 auto;
}

.group-series-single-hero[b-7lsygflkvo] {
    width: 100%;
}

.group-series-single-hero__title[b-7lsygflkvo] {
    display: block;
    width: 100%;
    background: #070707;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.35rem 0.75rem 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.group-series-single-hero__body[b-7lsygflkvo] {
    display: grid;
    grid-template-columns: minmax(140px, 280px) 1fr;
    gap: 1rem;
    align-items: start;
    min-height: 0;
    padding-top: 0.5rem;
}

.group-series-single-hero__copy[b-7lsygflkvo] {
    min-height: 0;
}

.group-series-single-hero__media[b-7lsygflkvo] {
    width: 100%;
}

[b-7lsygflkvo] .group-series-single-hero__media .lifco-flip-btn {
    width: 240px;
}

.group-series-single-hero__links[b-7lsygflkvo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    font-size: 0.95rem;
}

.group-series-single-hero__links-heading[b-7lsygflkvo] {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: #333;
}

.group-series-single-hero__link[b-7lsygflkvo] {
    border-radius: 6px;
    padding: 4px 14px;
    font-size: 0.9375rem;
    font-weight: 600;
}

.trust-bar[b-7lsygflkvo] {
    background: #070707;
    margin: 1.5rem 0 1.5rem 0;
    text-align: center;
}

.trust-bar__inner[b-7lsygflkvo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 0.75rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 0.35rem 0.75rem 0.25rem;
}

.trust-bar__sep[b-7lsygflkvo] {
    color: #fff;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1;
}



@media (max-width: 992px) {
    .content[b-7lsygflkvo] {
        flex: 1 1 auto;
        max-width: 100%;
        min-width: 100%;
    }

    .group-series-single-hero__body[b-7lsygflkvo] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .group-series-single-hero__media[b-7lsygflkvo] {
        max-width: 240px;
        justify-self: center;
    }

    .group-series-single-hero__copy[b-7lsygflkvo] {
        min-height: 0;
    }
}

.contact-sidebar[b-7lsygflkvo] {
    margin-bottom: 2rem;
}

    .contact-sidebar h2[b-7lsygflkvo] {
        margin-top: 1rem;
    }

[b-7lsygflkvo] .contact-sidebar__header .active-agents,
[b-7lsygflkvo] .contact-sidebar__header .business-hours {
    text-align: end;
}

[b-7lsygflkvo] .contact-sidebar__header .active-agents {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-1, 1rem);
}

[b-7lsygflkvo] .contact-sidebar__header .active-agents__count {
    font-size: var(--font-size-7xl, 6rem);
    line-height: var(--line-height-super-tight, 0.8);
}

[b-7lsygflkvo] .contact-sidebar__header .active-agents__content {
    align-items: center;
}

[b-7lsygflkvo] .contact-sidebar__header .active-agents__title {
    font-size: var(--font-size-3xl, 2rem);
    line-height: var(--line-height-tight, 1.1);
}

[b-7lsygflkvo] .contact-sidebar__header .active-agents__subtitle {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-super-tight, 0.8);
}

[b-7lsygflkvo] .contact-sidebar__header .business-hours {
    text-align: end;
}

@media (max-width: 575.98px) {
    .contact-sidebar__header[b-7lsygflkvo] {
        flex-direction: column !important;
        align-items: center !important;
    }

    [b-7lsygflkvo] .contact-sidebar__header .reach-out {
        text-align: center;
    }

    [b-7lsygflkvo] .contact-sidebar__header .business-hours {
        text-align: center;
    }

    [b-7lsygflkvo] .contact-sidebar__header .active-agents {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--space-0-5, 0.5rem);
    }

    [b-7lsygflkvo] .contact-sidebar__header .active-agents__count {
        font-size: var(--font-size-fluid-lg);
        line-height: var(--line-height-extra-tight);
    }

    [b-7lsygflkvo] .contact-sidebar__header .active-agents__content {
        align-items: center;
    }

    [b-7lsygflkvo] .contact-sidebar__header .active-agents__title {
        font-size: var(--font-size-fluid-md);
        line-height: 1;
    }

    [b-7lsygflkvo] .contact-sidebar__header .active-agents__subtitle {
        font-size: var(--font-size-fluid-sm);
        line-height: 1;
    }
}

/* ReachOut */
[b-7lsygflkvo] .reach-out h4,
[b-7lsygflkvo] .business-hours h4,
[b-7lsygflkvo] .active-agents__title,
[b-7lsygflkvo] .active-agents__subtitle {
    margin-bottom: 0;
}

[b-7lsygflkvo] .reach-out__details {
    margin: 0;
    font-style: normal;
}

[b-7lsygflkvo] .reach-out__link {
    color: var(--link-color);
    text-decoration: var(--link-decoration);
}

    [b-7lsygflkvo] .reach-out__link:hover {
        color: var(--link-hover-color);
        text-decoration: var(--link-hover-decoration);
    }

/* BusinessHours */
[b-7lsygflkvo] .business-hours {
    text-align: start;
}

[b-7lsygflkvo] .business-hours__days {
    margin: 0;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
}

[b-7lsygflkvo] .business-hours__locations {
    margin: var(--space-0-25) 0 0;
    padding: 0;
    list-style: none;
}

/* ActiveAgents */
[b-7lsygflkvo] .active-agents {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-0-5);
    text-align: center;
}

[b-7lsygflkvo] .active-agents__count {
    margin: 0;
    font-size: var(--font-size-fluid-lg);
    line-height: var(--line-height-extra-tight);
}

[b-7lsygflkvo] .active-agents__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-0-25);
}

[b-7lsygflkvo] .active-agents__title {
    font-size: var(--font-size-fluid-md);
    line-height: 1;
}

[b-7lsygflkvo] .active-agents__subtitle {
    font-size: var(--font-size-fluid-sm);
    line-height: 1;
}

[b-7lsygflkvo] .updated-timestamp {
    font-size: var(--font-size-2xs);
}

/* ContactForm card */
[b-7lsygflkvo] .contact-form__card {
    width: 100%;
    background: var(--card-bg);
    border: var(--border-width-thin) solid var(--card-border);
    border-radius: var(--card-radius);
}

@media (max-width: 767.98px) {
    .contact-sidebar[b-7lsygflkvo] {
        margin-top: 2rem;
    }
}

/* Technical data table */
.group-series-single-hero__technical[b-7lsygflkvo] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    overflow-x: auto;
}

[b-7lsygflkvo] .group-series-single-hero__technical .table-title {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 0.625rem;
}

[b-7lsygflkvo] .group-series-single-hero__technical .spec-table {
    border-collapse: collapse;
    width: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 0.71875rem;
}

    [b-7lsygflkvo] .group-series-single-hero__technical .spec-table th,
    [b-7lsygflkvo] .group-series-single-hero__technical .spec-table td {
        padding: 4px 6px;
        border-bottom: 1px solid #8c8c8c;
        vertical-align: middle;
    }

    [b-7lsygflkvo] .group-series-single-hero__technical .spec-table th {
        font-weight: 700;
        border-bottom: 2px solid #000;
        text-align: center;
    }

[b-7lsygflkvo] .group-series-single-hero__technical .model-title {
    text-align: center;
    padding-right: 15px;
}

[b-7lsygflkvo] .group-series-single-hero__technical .model-header {
    text-align: center;
    border-left: 1px solid #8c8c8c;
}

[b-7lsygflkvo] .group-series-single-hero__technical .value-cell {
    border-left: 1px solid #8c8c8c;
    text-align: center;
}

[b-7lsygflkvo] .group-series-single-hero__technical .main-label {
    text-align: left;
    padding-left: 8px;
}

[b-7lsygflkvo] .group-series-single-hero__technical .sub-label {
    text-align: right;
    width: 1%;
    padding-left: 0px !important;
}

[b-7lsygflkvo] .group-series-single-hero__technical .single-label {
    text-align: left;
    padding-left: 8px;
}

[b-7lsygflkvo] .group-series-single-hero__technical .footnote {
    font-size: 0.65625rem;
    margin-top: 0.375rem;
}

/* Sticky click-to-call bar (mobile only) */
.sticky-call-bar[b-7lsygflkvo] {
    display: none;
}

@media (max-width: 767.98px) {
    .page-body[b-7lsygflkvo] {
        padding-bottom: 3.5rem;
    }

    .sticky-call-bar[b-7lsygflkvo] {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1020;
        background: #070707;
        border-top: 2px solid #ffc107;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .sticky-call-bar__link[b-7lsygflkvo] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.75rem 1rem;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

        .sticky-call-bar__link:hover[b-7lsygflkvo] {
            color: #ffc107;
        }
}
/* /Components/Staging/CMSTemplates/HtmlContentComponent.razor.rz.scp.css */
.html-content[b-0460gj0fkj] {
    max-width: var(--content-max-width);
    margin: 0 auto;
    padding: var(--space-2);
    line-height: var(--line-height-relaxed);
    color: var(--color-text);
}

.html-content__header[b-0460gj0fkj] {
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-1-5);
    border-bottom: 1px solid var(--color-border);
}

.html-content__title[b-0460gj0fkj] {
    margin: 0;
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    line-height: var(--line-height-tight);
}

.html-content__breadcrumbs[b-0460gj0fkj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-0-5);
    margin-top: var(--space-1);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.html-content__breadcrumb-link[b-0460gj0fkj] {
    color: var(--link-color);
    text-decoration: none;
}

.html-content__breadcrumb-link:hover[b-0460gj0fkj] {
    text-decoration: underline;
}

.html-content__breadcrumb-separator[b-0460gj0fkj] {
    color: var(--color-text-subtle);
}

.html-content__breadcrumb-current[b-0460gj0fkj] {
    color: var(--color-text-subtle);
}

.html-content__body[b-0460gj0fkj] {
    font-size: var(--font-size-lg);
    color: var(--color-text-muted);
}

.html-content__body[b-0460gj0fkj]  h1,
.html-content__body[b-0460gj0fkj]  h2,
.html-content__body[b-0460gj0fkj]  h3,
.html-content__body[b-0460gj0fkj]  h4 {
    margin-top: var(--space-2);
    margin-bottom: var(--space-1);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.html-content__body[b-0460gj0fkj]  h2 {
    padding-bottom: var(--space-0-5);
    font-size: var(--font-size-2xl);
    border-bottom: 2px solid var(--color-accent);
}

.html-content__body[b-0460gj0fkj]  h3 {
    font-size: var(--font-size-xl);
}

.html-content__body[b-0460gj0fkj]  p {
    margin-bottom: var(--space-1-5);
}

.html-content__body[b-0460gj0fkj]  a {
    color: var(--link-color);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s, color 0.2s;
}

.html-content__body[b-0460gj0fkj]  a:hover {
    border-bottom-color: var(--link-color);
}

.html-content__body[b-0460gj0fkj]  ul,
.html-content__body[b-0460gj0fkj]  ol {
    margin-bottom: var(--space-1-5);
    padding-left: var(--space-1-5);
}

.html-content__body[b-0460gj0fkj]  li {
    margin-bottom: var(--space-0-5);
}

.html-content__body[b-0460gj0fkj]  blockquote {
    margin: var(--space-2) 0;
    padding: var(--space-1) var(--space-1-5);
    border-left: 4px solid var(--color-accent);
    background: var(--color-bg-alt);
    font-style: italic;
    color: var(--color-text-muted);
}

.html-content__body[b-0460gj0fkj]  img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: var(--space-1-5) 0;
    border-radius: var(--radius);
    box-shadow: var(--card-shadow);
}

.html-content__body[b-0460gj0fkj]  table {
    width: 100%;
    margin: var(--space-1-5) 0;
    border-collapse: collapse;
}

.html-content__body[b-0460gj0fkj]  th,
.html-content__body[b-0460gj0fkj]  td {
    padding: var(--space-0-5);
    border: 1px solid var(--color-border);
    text-align: left;
}

.html-content__body[b-0460gj0fkj]  th {
    background: var(--color-bg-alt);
    font-weight: var(--font-weight-semibold);
}

.html-content__body[b-0460gj0fkj]  code {
    padding: var(--space-0-25) var(--space-0-5);
    border-radius: var(--radius-sm);
    background: var(--color-bg-alt);
    font-family: Consolas, Monaco, monospace;
    font-size: var(--font-size-sm);
}

.html-content__body[b-0460gj0fkj]  pre {
    margin: var(--space-1-5) 0;
    padding: var(--space-1);
    overflow-x: auto;
    border-radius: var(--radius);
    background: var(--color-bg-inset);
    color: var(--color-text);
}

.html-content__body[b-0460gj0fkj]  pre code {
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

.html-content__videos[b-0460gj0fkj] {
    margin-top: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.html-content__section-title[b-0460gj0fkj] {
    margin: 0 0 var(--space-1-5);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.html-content__footer[b-0460gj0fkj] {
    margin-top: var(--space-3);
    padding-top: var(--space-1-5);
    border-top: 1px solid var(--color-border);
}

.html-content__tags[b-0460gj0fkj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-0-5);
}

.html-content__tags-label[b-0460gj0fkj] {
    margin-right: var(--space-0-5);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-muted);
}

.html-content__tag[b-0460gj0fkj] {
    display: inline-block;
    padding: var(--space-0-25) var(--space-0-75);
    border-radius: var(--radius-sm);
    background: var(--color-bg-alt);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.html-content__tag:hover[b-0460gj0fkj] {
    background: var(--color-accent);
    color: var(--color-bg);
}

@media (max-width: 768px) {
    .html-content[b-0460gj0fkj] {
        padding: var(--space-1);
    }

    .html-content__title[b-0460gj0fkj] {
        font-size: var(--font-size-2xl);
    }

    .html-content__body[b-0460gj0fkj] {
        font-size: var(--font-size-base);
    }
}
/* /Components/Staging/CMSTemplates/NHTTGQEEMK/SeriesHierarchyGroupPage.razor.rz.scp.css */
.lifco-series-hierarchy.lifco-series-hierarchy--group[b-36ewuq3q9u] {
}

/* Group hero title styled similar to contents sidebar heading */
.group-hero-title[b-36ewuq3q9u] {
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(33, 37, 41, 0.25);
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-title[b-36ewuq3q9u] {

}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:hover .lifco-card-title[b-36ewuq3q9u] {
    color: #003078;
    text-decoration-thickness: 3px;
}

/* Group page: animated series items (staggered fade/slide) */
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li[b-36ewuq3q9u] {
    opacity: 1;
    transform: none;
    transition: none;
    transition-delay: 0s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:hover .lifco-series-links li[b-36ewuq3q9u],
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:focus-within .lifco-series-links li[b-36ewuq3q9u] {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
}
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:hover .lifco-series-links[b-36ewuq3q9u],
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:focus-within .lifco-series-links[b-36ewuq3q9u] {
    overflow: hidden;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li:nth-child(4)[b-36ewuq3q9u] {
    transition-delay: 0.00s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li:nth-child(5)[b-36ewuq3q9u] {
    transition-delay: 0.06s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li:nth-child(6)[b-36ewuq3q9u] {
    transition-delay: 0.12s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li:nth-child(7)[b-36ewuq3q9u] {
    transition-delay: 0.18s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links li:nth-child(8)[b-36ewuq3q9u] {
    transition-delay: 0.24s;
}

/* Group page: tighten series list spacing and remove global background/chevron */
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links[b-36ewuq3q9u] {
    margin-top: 0.5rem;
    max-height: none;
    overflow: visible;
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:hover .lifco-series-links[b-36ewuq3q9u],
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-card-item:focus-within .lifco-series-links[b-36ewuq3q9u] {
    max-height: none;
    transition: none;
    transition-delay: 0s;
}

.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links[b-36ewuq3q9u]::before,
.lifco-series-hierarchy.lifco-series-hierarchy--group .lifco-series-links[b-36ewuq3q9u]::after {
    display: none;
}

/* /Components/Staging/CMSTemplates/NHTTGQEEMK/SeriesHierarchyIndex.razor.rz.scp.css */
.lifco-series-hierarchy.lifco-series-hierarchy--index[b-o4siq0or6k] {
}

/* Index: card titles should look like regular text, not links */
.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-card-title[b-o4siq0or6k] {
    color: #1a1a1a;
    text-decoration: none;
}

/* Index: always show full series list; disable hover collapse behavior */
.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-card-item .lifco-series-links[b-o4siq0or6k] {
    max-height: none;
    opacity: 1;
    height: auto !important;
    margin-top: 1rem !important;
    padding-top: 0;
    padding-bottom: 0;
    transition: none;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-series-links[b-o4siq0or6k]::before,
.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-series-links[b-o4siq0or6k]::after {
    display: none;
}

.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-series-links li[b-o4siq0or6k] {
    opacity: 1;
    transform: none;
    transition: none;
}

/* Index: hide the "View X Items" hover-based count if still present anywhere */
.lifco-series-hierarchy.lifco-series-hierarchy--index .lifco-series-count[b-o4siq0or6k] {
    display: none;
}
 
 /* Add any index or group-specific overrides here */
/* /Components/Staging/CMSTemplates/NHTTGQEEMK/SeriesHierarchySidebar.razor.rz.scp.css */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium[b-eunzkkw7iq] {
}

/* Sidebar: group row compaction and no top border */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-group-row[b-eunzkkw7iq] {
    border-top: none;
    margin-top: 0.25rem;
    padding-top: 0.25rem;
}

.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium > .lifco-group-row:first-child[b-eunzkkw7iq] {
    margin-top: 0;
}

/* Sidebar: smaller group title font sizes when linked */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-group-title-link .lifco-group-title[b-eunzkkw7iq] {
    font-size: 1.3rem;
    text-decoration: none;
}

/* Sidebar: remove hover/ focus underline behavior on group titles */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-group-title-link:hover .lifco-group-title[b-eunzkkw7iq],
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-group-title-link:focus .lifco-group-title[b-eunzkkw7iq] {
    text-decoration: none;
}

/* Sidebar: card items are lighter, no borders */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-card-item[b-eunzkkw7iq] {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
}

/* Sidebar: layout collapses to single column */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-card-layout[b-eunzkkw7iq] {
    display: block;
}

/* Sidebar: smaller card titles */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-card-title[b-eunzkkw7iq] {
    font-size: 1.25rem;
}

/* Sidebar: series links indentation is controlled globally in root CSS. */

/* Override global sidebar group title size for medium sidebar */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-group-title[b-eunzkkw7iq] {
    font-size: 1.2rem;
}

/* Indent subgroup titles in medium sidebar */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-medium .lifco-card-title[b-eunzkkw7iq] {
    margin-left: 1.25rem;
}
/* /Components/Staging/CMSTemplates/NHTTGQEEMK/SeriesHierarchySidebarFull.razor.rz.scp.css */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full[b-xyw8bvesa7] {
}

.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-sidebar-full-subgroups[b-xyw8bvesa7] {
    margin-top: 0.25rem;
}

.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-card-item--sidebar-full[b-xyw8bvesa7] {
    margin-top: 0.25rem;
}

.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-series-links--sidebar-full[b-xyw8bvesa7] {
	margin-top: 0.25rem;
}

/* Full sidebar: make subgroup titles look like links */
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-card-title[b-xyw8bvesa7] {
	color: #1d70b8;
}

.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-card-item:hover .lifco-card-title[b-xyw8bvesa7],
.lifco-series-hierarchy.lifco-series-hierarchy--sidebar-full .lifco-card-item:focus-within .lifco-card-title[b-xyw8bvesa7] {
	color: #003078;
}
/* /Components/Staging/CMSTemplates/NHTTGQEEMK/SeriesHierarchySidebarMinimal.razor.rz.scp.css */
/* Minimal sidebar-specific styles are now handled via shared sidebar rules in root CSS. */

/* Sidebar variants: slightly smaller, non-underlined group titles */
.lifco-card-title[b-silp7hdl51] {
    color: #1d70b8;
}

.lifco-card-item:hover .lifco-card-title[b-silp7hdl51] {
    color: #003078;
    text-decoration: none;
}
/* /Components/Staging/CMSTemplates/PagesParent.razor.rz.scp.css */
.hydraulic-products-shell[b-iqm94zz8g0] {
    min-height: calc(100vh + 1px);
    width: 100%;
}

.hydraulic-products-shell__loading[b-iqm94zz8g0] {
    min-height: calc(100vh + 1px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Staging/CMSTemplates/ProductPage.razor.rz.scp.css */
/* Page body wrapper */
.page-body[b-0wkop17xwu] {
    max-width: 1600px; /* sidebar (240) + content (1320) + padding */
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}

/* Sidebar column */
.sidebar[b-0wkop17xwu] {
    flex: 0 0 240px; /* fixed width */
    max-width: 240px;
    padding-right: 1rem;
}

/* Content column */
.content[b-0wkop17xwu] {
    flex: 1 1 1320px; /* flexible but target 1320px */
    max-width: 1320px;
    min-width: 0; /* prevent flex overflow */
}

.lifco-hr[b-0wkop17xwu] {
    border: none;
    border-top: 3px solid #552562; /* same as group border */
    margin: 2rem 0; /* same vertical rhythm */
    height: 0;
    opacity: 1;
}

.lifco-series-hierarchy-skeleton[b-0wkop17xwu] {
    min-height: 480px; /* tweak this up/down until it matches your typical hierarchy */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* /Components/Staging/CMSTemplates/PromotionPage.razor.rz.scp.css */
/* Container spacing */
.container[b-6m82mgg0d4] {
    max-width: 1200px;
}

h1[b-6m82mgg0d4] {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: linear-gradient(90deg, black 0%, #562563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; /* gradient text effect */
    position: relative;
    display: inline-block;
    padding: 0.25rem;
}

    /* Underline accent */
    h1[b-6m82mgg0d4]::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: #562563;
        margin-top: 0.25rem;
        border-radius: 2px;
        transition: width 0.3s ease;
    }

    /* Hover effect: underline expands */
    h1:hover[b-6m82mgg0d4]::after {
        width: 100%;
    }

/* Gallery box moved to ProductGallery.razor.css */

/* Info box */
.detail-info[b-6m82mgg0d4] {
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    /* Lift + shadow on hover for info card */
    .detail-info:hover[b-6m82mgg0d4] {
        /*
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        */
    }

    /* Title */
    .detail-info h2[b-6m82mgg0d4] {
        font-weight: 600;
        font-size: 1.75rem;
        color: #1a1a1a;
        line-height: 1.2;
    }

    /* Price styling */
    .detail-info .h5[b-6m82mgg0d4] {
        font-weight: 700;
    }

    .detail-info .promotion-price[b-6m82mgg0d4] {
        min-height: 1.5rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.35rem;
        font-size: 1.125rem;
    }

    .detail-info .promotion-price--estimated[b-6m82mgg0d4] {
        align-items: baseline;
    }

    .detail-info .promotion-price__label[b-6m82mgg0d4] {
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #562563;
    }

    .detail-info .promotion-price__value[b-6m82mgg0d4] {
        font-weight: 500;
        white-space: nowrap;
        color: #333;
    }

    .detail-info .description[b-6m82mgg0d4] {
        line-height: 1.5;
        color: #333;
        font-size: 1rem;
    }

    .detail-info .description-secondary[b-6m82mgg0d4] {
        font-style: italic;
    }

    .detail-info .description-bullets[b-6m82mgg0d4] {
        margin-top: 1rem;
        padding-left: 1.25rem;
        list-style-type: disc;
        color: #333;
    }

        .detail-info .description-bullets li[b-6m82mgg0d4] {
            margin-bottom: 0;
            line-height: 1.4;
        }

    .detail-info .divider[b-6m82mgg0d4] {
        width: 80px;
        height: 3px;
        background-color: #562563;
        border: none;
        border-radius: 2px;
        opacity: 0.9;
    }

/* Button styling aligned with Add to Cart */
.promotion-cta[b-6m82mgg0d4] {
    border-radius: 0;
    font-weight: 600;
    padding: 0.6rem 1rem;
    min-height: 48px;
    transition: all 0.2s ease-in-out;
}

.promotion-cta:hover[b-6m82mgg0d4],
.btn-hover:hover[b-6m82mgg0d4] {
    transform: scale(0.98);
}

.promotion-cta:active[b-6m82mgg0d4] {
    transform: scale(0.95);
}

.promotion-cta:disabled[b-6m82mgg0d4] {
    opacity: 1;
}

.promotion-cta--select-size[b-6m82mgg0d4] {
    background-color: #562563;
    border-color: #562563;
    color: #fff;
}

.promotion-cta--out-of-stock[b-6m82mgg0d4],
.promotion-cta--out-of-stock:disabled[b-6m82mgg0d4] {
    background-color: #b4232f;
    border-color: #b4232f;
    color: #fff;
}

.promotion-cta--out-of-stock:hover:not(:disabled)[b-6m82mgg0d4] {
    background-color: #9c1d28;
    border-color: #9c1d28;
    color: #fff;
}

.promotion-cta--not-available[b-6m82mgg0d4],
.promotion-cta--not-available:disabled[b-6m82mgg0d4] {
    background-color: #562563;
    border-color: #562563;
    color: #fff;
}

.promotion-cta--not-available:hover:not(:disabled)[b-6m82mgg0d4] {
    background-color: #431d4d;
    border-color: #431d4d;
    color: #fff;
}

.promotion-cta .spinner-border[b-6m82mgg0d4] {
    color: #fff;
}

/* Round size buttons */
.size-btn[b-6m82mgg0d4] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #562563;
    background-color: #fff;
    color: #562563;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .size-btn:hover[b-6m82mgg0d4] {
        background-color: #6d2d7a;
        color: #fff;
    }

    .size-btn.selected[b-6m82mgg0d4] {
        background-color: #562563;
        color: #fff;
        box-shadow: 0 0 0 3px rgba(109,45,122,0.4);
    }

    .size-btn.error[b-6m82mgg0d4] {
        border-color: #dc3545;
        color: #dc3545;
    }

    .size-btn.disabled[b-6m82mgg0d4],
    .size-btn:disabled[b-6m82mgg0d4] {
        border-color: #ccc;
        background-color: #f8f9fa;
        color: #aaa;
        cursor: not-allowed;
        box-shadow: none;
        opacity: 0.6;
    }

        .size-btn.disabled:hover[b-6m82mgg0d4],
        .size-btn:disabled:hover[b-6m82mgg0d4] {
            background-color: #f8f9fa;
            color: #aaa;
        }

/* Custom purple spinner */
.spinner-border.theme-purple[b-6m82mgg0d4],
.spinner-grow.theme-purple[b-6m82mgg0d4] {
    color: #562563; /* your deep purple */
}
/* /Components/Staging/CMSTemplates/SeriesPage.razor.rz.scp.css */
/* Page body wrapper */
.page-body[b-mxuw0hhfk8] {
    max-width: 1600px; /* sidebar (240) + content (1320) + padding */
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}

/* Content column */
.content[b-mxuw0hhfk8] {
    flex: 1 1 1320px; /* flexible but target 1320px */
    max-width: 1320px;
    min-width: 0; /* prevent flex overflow */
}
/* /Components/Staging/CMSTemplates/Shared/ContentsSidebar.razor.rz.scp.css */
/* Sidebar column */
.sidebar[b-j48bamq4wd] {
    flex: 0 0 280px;
    max-width: 280px;
    padding-right: 1rem;
    top: calc(var(--lifco-header-height) + 2rem);
    position: sticky;
    align-self: flex-start;
    max-height: 80vh;
    overflow-y: auto;
    /* Firefox: hidden by default */
    scrollbar-width: none;
    scrollbar-color: rgba(33, 37, 41, 0.25);
}

aside[b-j48bamq4wd] {
    max-width: 280px;
}

    aside h3[b-j48bamq4wd] {
        font-weight: 600;
        margin-bottom: 1rem;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid rgba(33, 37, 41, 0.25);
    }

.sidebar-list li[b-j48bamq4wd] {
    margin-bottom: 0.75rem;
}

/* Base button style */
.sidebar-list button[b-j48bamq4wd] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: #1d70b8;
    font-size: 1.25rem;
    font-weight: 600;
    transition: color 0.2s ease-in-out, text-decoration-thickness 0.2s ease-in-out;
    cursor: pointer;
}

    .sidebar-list button:hover[b-j48bamq4wd],
    .sidebar-list button:focus[b-j48bamq4wd] {
        background-color: transparent;
        color: #003078;
        border-color: transparent;
        text-decoration-thickness: 3px;
    }

/* Sub-group indentation */
.toc-subgroup button[b-j48bamq4wd] {
    padding-left: 1.25rem;
}

/* Series indentation + lighter style */
.toc-series-btn[b-j48bamq4wd] {
    padding-left: 2rem;
    font-size: 0.9rem;
    border: none;
    background: transparent;
    color: #555;
}

    .toc-series-btn:hover[b-j48bamq4wd],
    .toc-series-btn:focus[b-j48bamq4wd] {
        background-color: #562563;
        color: #fff;
        border: none;
    }

/* Remove underline from ALL sidebar link-style buttons */
.sidebar-list[b-j48bamq4wd]  .btn-link {
    text-decoration: none !important;
}

    .sidebar-list[b-j48bamq4wd]  .btn-link:hover,
    .sidebar-list[b-j48bamq4wd]  .btn-link:focus {
        text-decoration: none !important;
    }

/* Hide sidebar on mobile */
@media (max-width: 768px) {
    .sidebar[b-j48bamq4wd] {
        display: none;
    }
}

/* -------------------------------------------------------
   Scrollbar: 1px floating thumb, hidden by default,
   visible only on hover or while scrolling
   ------------------------------------------------------- */

/* Chrome, Edge, Safari */
.sidebar[b-j48bamq4wd]::-webkit-scrollbar {
    width: 1px;
    background: transparent !important; /* no track */
}

.sidebar[b-j48bamq4wd]::-webkit-scrollbar-track {
    background: transparent !important;
    border: none !important;
}

/* Floating thumb (hidden by default) */
.sidebar[b-j48bamq4wd]::-webkit-scrollbar-thumb {
    background-color: #552562; /* Lifco purple */
    border-radius: 1px;
    opacity: 0; /* fully hidden */
    transition: opacity 0.35s ease;
}

/* Fade-in on hover */
.sidebar:hover[b-j48bamq4wd]::-webkit-scrollbar-thumb {
    opacity: 1;
}

/* Fade-in while scrolling */
.sidebar:active[b-j48bamq4wd]::-webkit-scrollbar-thumb,
.sidebar:focus-within[b-j48bamq4wd]::-webkit-scrollbar-thumb {
    opacity: 1;
}

/* Firefox: show thin scrollbar only on hover */
.sidebar:hover[b-j48bamq4wd] {
    scrollbar-width: thin;
}
/* /Components/Staging/CMSTemplates/Shared/HeroSection.razor.rz.scp.css */
/* ============================================================
   Hero Section – Fully Responsive Stylesheet (Updated)
============================================================ */

/* -------------------------------
   Base Layout
-------------------------------- */
.hero-image[b-vy59tegizo] {
    max-width: 200px;
    flex-shrink: 0;
}

    .hero-image img[b-vy59tegizo] {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

.hero-text[b-vy59tegizo] {
    flex-grow: 1;
}

    .hero-text h1[b-vy59tegizo] {
        font-weight: 600;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 2px solid rgba(33, 37, 41, 0.25);
    }

.hero-video[b-vy59tegizo] {
    flex-shrink: 0;
}

.hero-contact-row[b-vy59tegizo] {
    width: 100%;
}

.hero-contact-reveal[b-vy59tegizo] {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
    animation: hero-contact-reveal-b-vy59tegizo 160ms ease-out;
}

@keyframes hero-contact-reveal-b-vy59tegizo {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

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

/* ============================================================
   MOBILE RESPONSIVE FIXES
   Centered layout + smaller text
============================================================ */
@media (max-width: 576px) {

    /* Stack vertically, centered */
    .hero-section .d-flex[b-vy59tegizo] {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Image: centered, scaled down */
    .hero-image[b-vy59tegizo] {
        max-width: 100% !important;
        width: 100% !important;
        flex-shrink: 1 !important;
        display: flex;
        justify-content: center;
    }

        .hero-image img[b-vy59tegizo] {
            max-width: 200px; /* slightly smaller on mobile */
            width: 100%;
            height: auto;
        }

    /* Text: centered + smaller */
    .hero-text[b-vy59tegizo] {
        width: 100%;
        text-align: center !important;
    }

        .hero-text h1[b-vy59tegizo] {
            font-size: 1.75rem; /* smaller heading */
            line-height: 1.2;
        }

        .hero-text p[b-vy59tegizo],
        .hero-text .fs-4[b-vy59tegizo] {
            font-size: 1rem !important; /* smaller body text */
            line-height: 1.4;
        }

    /* Quote button centered */
    .btn-quote[b-vy59tegizo] {
        align-self: center;
    }

    /* Video: centered + responsive */
    .hero-video[b-vy59tegizo] {
        width: 100% !important;
        max-width: 100% !important;
        flex-shrink: 1 !important;
        display: flex;
        justify-content: center;
    }

        .hero-video iframe[b-vy59tegizo],
        .hero-video img[b-vy59tegizo],
        .hero-video .youtube-thumbnail[b-vy59tegizo] {
            width: 100% !important;
            height: auto !important;
            max-width: 320px;
            object-fit: contain;
        }
}

/* /Components/Staging/CMSTemplates/Shared/SocialLinks.razor.rz.scp.css */
/* Title Option B */
.social-links h4[b-yvjaajzacb] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Grid */
.social-links-grid[b-yvjaajzacb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem;
}

    /* Card-style links */
    .social-links-grid .nav-link[b-yvjaajzacb] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.85rem 0.75rem;
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #e6e6e6;
        font-size: 1rem;
        font-weight: 500;
        color: #333;
        box-shadow: 0 1px 2px rgba(0,0,0,0.04);
        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }

        /* Hover: subtle lift */
        .social-links-grid .nav-link:hover[b-yvjaajzacb] {
            background-color: #fdfdfd;
            border-color: #d8d8d8;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
            transform: translateY(-2px);
            text-decoration: none;
        }

        /* Icons */
        .social-links-grid .nav-link i[b-yvjaajzacb] {
            font-size: 1.25rem;
            color: #444;
        }


.linkedin-card[b-yvjaajzacb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background-color: #f9fafb;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    color: #222;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

    .linkedin-card:hover[b-yvjaajzacb] {
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }

.social-logo[b-yvjaajzacb] {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    object-fit: cover;
}

.social-text[b-yvjaajzacb] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    flex-grow: 1;
}

.social-title[b-yvjaajzacb] {
    font-size: 1.05rem;
    font-weight: 600;
}

.social-sub[b-yvjaajzacb] {
    font-size: 0.9rem;
    color: #666;
}

.linkedin-icon[b-yvjaajzacb] {
    font-size: 1.5rem;
    color: #0A66C2;
}


.youtube-card[b-yvjaajzacb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background-color: #f9fafb;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    color: #222;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

    .youtube-card:hover[b-yvjaajzacb] {
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }

    /* Channel logo */
    .youtube-card .social-logo[b-yvjaajzacb] {
        width: 48px;
        height: 48px;
        border-radius: 50%; /* YouTube uses circular logos */
        object-fit: cover;
    }

    /* Text stack */
    .youtube-card .social-text[b-yvjaajzacb] {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
        flex-grow: 1;
    }

    /* Channel name */
    .youtube-card .social-title[b-yvjaajzacb] {
        font-size: 1.05rem;
        font-weight: 600;
    }

    /* Handle + subscribers */
    .youtube-card .social-sub[b-yvjaajzacb] {
        font-size: 0.9rem;
        color: #666;
    }

    /* YouTube icon */
    .youtube-card .youtube-icon[b-yvjaajzacb] {
        font-size: 1.6rem;
        color: #FF0000;
    }


.youtube-actions[b-yvjaajzacb] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

/* Base button style */
.yt-btn[b-yvjaajzacb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.9rem;
    font-size: 0.85rem;
    border-radius: 18px; /* pill-like */
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    line-height: 1;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* Subscribe button — strong YouTube red */
.subscribe-btn[b-yvjaajzacb] {
    background-color: #CC0000;
    color: #fff;
    border: none;
}

    .subscribe-btn:hover[b-yvjaajzacb] {
        background-color: #E00000;
    }

/* Visit Community button — light grey with border */
.community-btn[b-yvjaajzacb] {
    background-color: #f2f2f2;
    color: #333;
    border: 1px solid #dcdcdc;
}

    .community-btn:hover[b-yvjaajzacb] {
        background-color: #e8e8e8;
        border-color: #cfcfcf;
    }

@media (max-width: 900px) {
    .social-links-grid[b-yvjaajzacb] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .linkedin-card[b-yvjaajzacb],
    .youtube-card[b-yvjaajzacb] {
        gap: 0.75rem;
        padding: 0.85rem;
    }
}

@media (max-width: 640px) {
    .social-links-grid[b-yvjaajzacb] {
        grid-template-columns: 1fr;
    }

    .social-links-grid .nav-link[b-yvjaajzacb] {
        padding: 0.75rem 0.7rem;
        font-size: 0.95rem;
    }

    .linkedin-card[b-yvjaajzacb],
    .youtube-card[b-yvjaajzacb] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .social-logo[b-yvjaajzacb] {
        width: 40px;
        height: 40px;
    }

    .youtube-card .social-logo[b-yvjaajzacb] {
        width: 40px;
        height: 40px;
    }

    .youtube-actions[b-yvjaajzacb] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .yt-btn[b-yvjaajzacb] {
        flex: 1 1 140px;
        justify-content: center;
    }
}
/* /Components/Staging/CMSTemplates/Shared/TradingCardImage.razor.rz.scp.css */
.skeleton-box[b-rsig8z8iqf] {
    background: #e0e0e0;
    border-radius: 6px;
    animation: pulse-b-rsig8z8iqf 1.4s ease-in-out infinite;
}

@keyframes pulse-b-rsig8z8iqf {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
    }
}

.flipcard-container[b-rsig8z8iqf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--w); /* match card width */
}

.lifco-flip-btn[b-rsig8z8iqf] {
    width: 100%;
    background: #e0e0e0; /* light gray */
    color: #333333; /* dark gray text */
    border: 1px solid #c7c7c7;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    transition: background 0.15s ease; /* subtle, not animated */
}

    .lifco-flip-btn:hover[b-rsig8z8iqf] {
        background: #d5d5d5; /* slightly darker gray */
    }

    .lifco-flip-btn:active[b-rsig8z8iqf] {
        background: #c9c9c9;
    }

.icon-wrapper i[b-rsig8z8iqf] {
    font-size: 0.9rem;
    opacity: 0.75; /* subtle */
    /* no animation */
}

/* /Components/Staging/PromotionCollectionIndex.razor.rz.scp.css */
.container[b-tkywm9xtpw] {
    max-width: 1200px;
}

h1[b-tkywm9xtpw] {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: linear-gradient(90deg, black 0%, #562563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; /* gradient text effect */
    position: relative;
    display: inline-block;
    padding: 0.25rem;
}

    h1[b-tkywm9xtpw]::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: #562563;
        margin-top: 0.25rem;
        border-radius: 2px;
        transition: width 0.3s ease;
    }

    h1:hover[b-tkywm9xtpw]::after {
        width: 100%;
    }

/* Custom purple spinner */
.spinner-border.theme-purple[b-tkywm9xtpw],
.spinner-grow.theme-purple[b-tkywm9xtpw] {
    color: #562563; /* your deep purple */
}

.promotion-collection-loading[b-tkywm9xtpw] {
    position: relative;
}

.promotion-collection-loading__status[b-tkywm9xtpw] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.promotion-collection-loading__grid[b-tkywm9xtpw] {
    visibility: hidden;
}

.promotion-collection-loading__card[b-tkywm9xtpw] {
    border-radius: 0;
}

.promotion-collection-loading__image[b-tkywm9xtpw] {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(90deg, rgba(86, 37, 99, 0.08) 0%, rgba(86, 37, 99, 0.16) 100%);
}

.promotion-collection-loading__line[b-tkywm9xtpw],
.promotion-collection-loading__button[b-tkywm9xtpw] {
    background: linear-gradient(90deg, rgba(33, 37, 41, 0.08) 0%, rgba(33, 37, 41, 0.16) 100%);
    border-radius: 0;
}

.promotion-collection-loading__line[b-tkywm9xtpw] {
    height: 1.25rem;
    margin-bottom: 1rem;
}

.promotion-collection-loading__line--title[b-tkywm9xtpw] {
    height: 3rem;
}

.promotion-collection-loading__line--price[b-tkywm9xtpw] {
    width: 45%;
    margin-bottom: 1.5rem;
}

.promotion-collection-loading__button[b-tkywm9xtpw] {
    height: 2.75rem;
    width: 100%;
}
/* /Components/Staging/PromotionCollection/ProductCard.razor.rz.scp.css */
/* Product card hover effect */
.product-card[b-pl1esxlj2v] {
    max-width: 400px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 0;
}

    .product-card .card-title[b-pl1esxlj2v] {
        margin-bottom: 10px;
    }

    .product-card .product-price[b-pl1esxlj2v] {
        min-height: 1.5rem;
        display: flex;
        align-items: center;
    }

    .product-card .product-price__value[b-pl1esxlj2v] {
        white-space: nowrap;
        color: #212529;
    }

/* Image wrapper ensures consistent size and hides overflow */
/* Image wrapper: square, flush with card edges */
.image-wrapper[b-pl1esxlj2v] {
    width: 100%; /* take full card width */
    aspect-ratio: 1 / 1; /* responsive square */
    overflow: hidden; /* crop overflow */
    /*    border-bottom: 1px solid rgba(0, 0, 0, 0.175);*/
    margin-bottom: 15px;
}

/* Clickable wrapper */
.clickable[b-pl1esxlj2v] {
    cursor: pointer;
}

/* Main image: uniform size, zoom on hover */
.main-image[b-pl1esxlj2v] {
    width: 100%;
    height: 100%;
    object-fit: contain; /* show entire image inside square */
    /*border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;*/
    transition: transform 0.3s ease-in-out;
}

/* Zoom effect on hover */
.product-card:hover .main-image[b-pl1esxlj2v] {
    transform: scale(1.05);
}

/* Thumbnail base */
.thumbnail[b-pl1esxlj2v] {
    width: 80px;
    height: 80px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    flex: 0 0 80px;
    cursor: pointer;
}

.product-card__thumbnails[b-pl1esxlj2v] {
    min-height: 80px;
    align-content: flex-start;
}

    /* Selected thumbnail border */
    .thumbnail.selected[b-pl1esxlj2v] {
        border: 2px solid #552562;
    }

/* Thumbnail hover */
.thumb-hover:hover[b-pl1esxlj2v] {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}

/* Button styling overrides to match design */
.product-card button.btn-dark[b-pl1esxlj2v] {
    border-radius: 0;
    font-weight: 600;
    padding: 0.6rem 1rem;
    transition: all 0.2s ease-in-out;
}

/* Button hover */
.btn-hover:hover[b-pl1esxlj2v] {
    transform: scale(0.98);
}

/* Button active */
.product-card button.btn-dark:active[b-pl1esxlj2v] {
    transform: scale(0.95);
}
/* /Components/Staging/PromotionCollection/ProductGallery.razor.rz.scp.css */
/* Gallery container styling (centralized here for reuse) */
.detail-gallery[b-xvsjx99aev] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Wrapper ensures consistent size and hides overflow */
.image-wrapper[b-xvsjx99aev] {
    height: 400px; /* fixed height for detail page */
    overflow: hidden;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Main image styling */
.main-image[b-xvsjx99aev] {
    width: 100%;
    height: 100%;
    object-fit: contain; /* show entire image */
    transition: transform 0.3s ease-in-out;
}

    /* Zoom effect on hover */
    .main-image:hover[b-xvsjx99aev] {
        transform: scale(1.1);
    }

/* Thumbnail base */
.thumbnail[b-xvsjx99aev] {
    width: 100px; /* smaller, consistent size */
    height: 100px; /* square thumbnails */
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s ease-in-out, border 0.2s ease-in-out;
}

    /* Selected thumbnail border */
    .thumbnail.selected[b-xvsjx99aev] {
        border: 2px solid #552562;
    }

/* Thumbnail hover */
.thumb-hover:hover[b-xvsjx99aev] {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}


/* Alt description styling */
.alt-description[b-xvsjx99aev] {
    font-size: 0.85rem; /* smaller font */
    color: #6c757d; /* muted gray */
    font-style: italic; /* optional: differentiate tone */
}
/* /Components/TradingCards/AboutCollection.razor.rz.scp.css */
.container[b-bezno8jp8y] {
    max-width: 1200px;
}

/* Heading styling (matches hero + carousel + testimonials) */
h2[b-bezno8jp8y] {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: linear-gradient(90deg, black 0%, #562563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline-block;
    padding: 0.25rem;
}

    h2[b-bezno8jp8y]::after {
        content: "";
        display: block;
        width: 60%;
        height: 3px;
        background: #562563; /* Lifco Purple */
        margin-top: 0.25rem;
        border-radius: 2px;
        transition: width 0.25s ease;
    }

    h2:hover[b-bezno8jp8y]::after {
        width: 100%;
    }

/* White background section */
.about-collection[b-bezno8jp8y] {
    background: #ffffff;
    color: #1f252b; /* Steel Gray */
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Blueprint container */
.blueprint[b-bezno8jp8y] {
    position: relative;
}

    /* Soft dashed frame (white theme) */
    .blueprint[b-bezno8jp8y]::before {
        content: "";
        position: absolute;
        inset: -12px;
        border-radius: 18px;
        border: 1px dashed rgba(148, 163, 184, 0.45);
        pointer-events: none;
    }

/* Grid overlay container */
.grid-overlay[b-bezno8jp8y] {
    position: relative;
    min-height: 260px;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

/* Light theme grid panel */
.grid-panel[b-bezno8jp8y] {
    position: absolute;
    inset: 0;
    background:
    /* vertical grid lines */
    linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px) 0 0 / 40px 40px,
    /* horizontal grid lines */
    linear-gradient(180deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px) 0 0 / 40px 40px,
    /* hydraulic blue glow */
    radial-gradient(circle at top left, rgba(45, 125, 210, 0.35), transparent 60%),
    /* lifco purple glow */
    radial-gradient(circle at bottom right, rgba(86, 37, 99, 0.35), transparent 60%);
}
/* /Components/TradingCards/FeaturedCarousel.razor.rz.scp.css */
.trading-cards-carousel__peek-wrapper[b-ds2au5ecqh] {
    margin: 0 auto;
    position: relative;
}

    .trading-cards-carousel__peek-wrapper .trading-cards-carousel__carousel-inner[b-ds2au5ecqh] {
        overflow: visible;
    }

    .trading-cards-carousel__peek-wrapper[b-ds2au5ecqh]::before,
    .trading-cards-carousel__peek-wrapper[b-ds2au5ecqh]::after {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        height: 100%;
        z-index: 5;
        pointer-events: none;
    }

    .trading-cards-carousel__peek-wrapper[b-ds2au5ecqh]::before {
        left: 0;
        background: linear-gradient(to right, var(--color-bg), transparent);
    }

    .trading-cards-carousel__peek-wrapper[b-ds2au5ecqh]::after {
        right: 0;
        background: linear-gradient(to left, var(--color-bg), transparent);
    }

.trading-cards-carousel__carousel.carousel-fade .trading-cards-carousel__item[b-ds2au5ecqh] {
    transition: opacity 0.8s var(--transition-base);
}

.trading-cards-carousel__item[b-ds2au5ecqh] {
    opacity: 0.4;
    transform: scale(0.8);
    transition: transform 0.6s var(--transition-base), opacity 0.6s var(--transition-base);
}

    .trading-cards-carousel__item.active[b-ds2au5ecqh],
    .trading-cards-carousel__item--active[b-ds2au5ecqh] {
        opacity: 1;
        transform: scale(1);
    }

.trading-cards-carousel__item.carousel-item-next.carousel-item-start[b-ds2au5ecqh],
.trading-cards-carousel__item.carousel-item-prev.carousel-item-end[b-ds2au5ecqh] {
    transform: translateX(0) scale(0.8);
    opacity: 0.6;
}

.trading-cards-carousel__card[b-ds2au5ecqh] {
    max-width: 400px;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
    margin-left: 0;
}

    .trading-cards-carousel__card:hover[b-ds2au5ecqh] {
        transform: none;
        box-shadow: none;
    }

    .trading-cards-carousel__card[b-ds2au5ecqh]::before {
        display: none;
    }

.trading-cards-carousel__card-image[b-ds2au5ecqh] {
    border-radius: 0;
    overflow: visible;
}

    .trading-cards-carousel__card-image img[b-ds2au5ecqh] {
        width: 100%;
        display: block;
    }

.trading-cards-carousel__thumbs[b-ds2au5ecqh] {
    max-height: 62vh;
    overflow-y: auto;
    padding-top: 6px;
    padding-right: 6px;
    display: grid;
    grid-template-columns: repeat(5, 116px);
    gap: 36px;
    justify-content: center;
    scrollbar-width: auto;
    scrollbar-color: rgba(0,0,0,0.22) transparent;
}

.trading-cards-carousel__thumbs[b-ds2au5ecqh]::-webkit-scrollbar {
    width: 80px;
}

.trading-cards-carousel__thumbs[b-ds2au5ecqh]::-webkit-scrollbar-track {
    background: transparent;
}

.trading-cards-carousel__thumbs[b-ds2au5ecqh]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.22);
    border-radius: 24px;
    border: 12px solid transparent;
    background-clip: padding-box;
}

.trading-cards-carousel__thumb[b-ds2au5ecqh] {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--card-border);
    transition: opacity 0.2s var(--transition-fast);
    display: block;
}

    .trading-cards-carousel__thumb:hover[b-ds2au5ecqh],
    .trading-cards-carousel__thumb--active[b-ds2au5ecqh] {
        filter: brightness(0.5);
    }

    .trading-cards-carousel__thumb[b-ds2au5ecqh]::after {
        content: "";
        position: absolute;
        inset: -4px;
        background: rgba(154, 110, 255, 0.32);
        opacity: 0;
        filter: blur(6px);
        transition: opacity 0.2s var(--transition-fast);
        pointer-events: none;
        z-index: 1;
    }

    .trading-cards-carousel__thumb:hover[b-ds2au5ecqh]::after,
    .trading-cards-carousel__thumb--active[b-ds2au5ecqh]::after {
        opacity: 1;
    }

.trading-cards-carousel__thumb-image[b-ds2au5ecqh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trading-cards-carousel__image[b-ds2au5ecqh] {
    width: 100%;
    object-fit: contain;
}

.trading-cards-carousel__card-info[b-ds2au5ecqh] {
    position: relative;
    padding: 0 var(--space-2-5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.trading-cards-carousel__card-nav[b-ds2au5ecqh] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 1;
    transition: background-color 0.12s var(--transition-fast), color 0.12s var(--transition-fast);
}

.trading-cards-carousel__card-nav--prev[b-ds2au5ecqh] {
    left: 8px;
}

.trading-cards-carousel__card-nav--next[b-ds2au5ecqh] {
    right: 8px;
}

.trading-cards-carousel__card-nav:hover[b-ds2au5ecqh] {
    background: rgba(0,0,0,0.04);
}

.trading-cards-carousel__card-nav .trading-cards-carousel__arrow-icon[b-ds2au5ecqh] {
    font-size: 18px;
    line-height: 1;
    color: var(--color-text);
    display: inline-block;
    width: auto;
    height: auto;
}


.trading-cards-carousel__card-title[b-ds2au5ecqh] {
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
}

.trading-cards-carousel__card-info h4[b-ds2au5ecqh] {
    color: var(--color-text);
}

@media (max-width: 575.98px) {
    .trading-cards-carousel__peek-wrapper[b-ds2au5ecqh] {
        max-width: 90%;
    }

    .trading-cards-carousel__main-col[b-ds2au5ecqh] {
        width: 100%;
    }

    .trading-cards-carousel__card[b-ds2au5ecqh] {
        width: 100%;
        max-width: none;
    }

    .trading-cards-carousel__card-image[b-ds2au5ecqh] {
        width: 100%;
    }

    .trading-cards-carousel__image[b-ds2au5ecqh] {
        max-height: 68vw;
        object-fit: contain;
    }

    .trading-cards-carousel__card-info[b-ds2au5ecqh] {
        padding-left: 0;
        padding-right: 0;
    }

    .trading-cards-carousel__thumbs[b-ds2au5ecqh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .trading-cards-carousel__thumb[b-ds2au5ecqh] {
        min-height: 140px;
    }

    .trading-cards-carousel__thumb-image[b-ds2au5ecqh] {
        height: 100%;
    }
}
/* /Components/TradingCards/HeroVideo.razor.rz.scp.css */
/* ============================================================
   Trading Cards � HeroBanner (Scoped CSS Only)
   ============================================================ */

/* Section layout */
.trading-cards-hero[b-9uw0fznf7l] {
    color: #1f252b;
}

    .trading-cards-hero .trading-cards-hero__title[b-9uw0fznf7l] {
        letter-spacing: 0.04em;
    }

    .trading-cards-hero .trading-cards-hero__content[b-9uw0fznf7l] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .trading-cards-hero .trading-cards-hero__content h4[b-9uw0fznf7l] {
        max-width: 28rem;
    }

    .trading-cards-hero .trading-cards-hero__media[b-9uw0fznf7l] {
        position: relative;
        aspect-ratio: 16/9;
        max-width: 640px;
        margin-left: auto;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
        background: #222;
    }

    .trading-cards-hero .trading-cards-hero__overlay[b-9uw0fznf7l] {
        position: absolute;
        inset: 0;
        z-index: 2;
        background-image: linear-gradient(135deg, rgba(255,255,255,0.03) 25%, transparent 25%),
                          linear-gradient(225deg, rgba(255,255,255,0.03) 25%, transparent 25%);
        background-size: 28px 28px;
        background-position: 0 0, 14px 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .trading-cards-hero .trading-cards-hero__player[b-9uw0fznf7l] {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: block;
        width: 100%;
        height: 100%;
    }

    .trading-cards-hero .trading-cards-hero__player[b-9uw0fznf7l]  iframe,
    .trading-cards-hero .trading-cards-hero__player[b-9uw0fznf7l]  video {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        object-fit: cover;
    }

/* Responsive behavior */
@media (max-width: 992px) {
    .trading-cards-hero[b-9uw0fznf7l] {
        text-align: center;
    }

        .trading-cards-hero .trading-cards-hero__content[b-9uw0fznf7l] {
            align-items: center;
        }

        .trading-cards-hero .trading-cards-hero__media[b-9uw0fznf7l] {
            margin: 0 auto;
        }
}
/* /Components/TradingCards/HowItWorks.razor.rz.scp.css */
/* ============================================================
   Trading Cards — How It Works (Scoped CSS Only)
   ============================================================ */

/* Section layout */
.how-it-works[b-2f018usuap] {
    color: #1f252b;
}

/* Step card layout (visuals handled by shared + theme) */
.step-card[b-2f018usuap] {
    padding: 1.5rem;
}

/* Step index spacing (visuals handled by theme) */
.step-index[b-2f018usuap] {
    margin-bottom: 1rem;
}

/* Step title */
.step-card h3[b-2f018usuap] {
    font-weight: 600;
    color: #1f252b;
}

/* Responsive alignment */
@media (max-width: 992px) {
    .how-it-works[b-2f018usuap] {
        text-align: center;
    }

    .step-card[b-2f018usuap] {
        margin-left: auto;
        margin-right: auto;
    }
}
/* /Components/TradingCards/HowToUseBullet.razor.rz.scp.css */
.how-to-use-bullet[b-jh8eaaqcqf] {
    position: relative;
    left: 50%;
    right: 50%;
    --scrollbar-compensation: 15px;
    width: calc(100vw - var(--scrollbar-compensation, 0px));
    margin-left: calc(-50vw + var(--scrollbar-compensation, 0px) / 2);
    margin-right: calc(-50vw + var(--scrollbar-compensation, 0px) / 2);
    background-color: #eeeeee;
    overflow-x: clip;
    padding: 1rem;
}

.how-to-use-bullet__content[b-jh8eaaqcqf] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 3rem 1rem 2rem;
}

.how-to-use-bullet__grid[b-jh8eaaqcqf] {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
    /*gap: 2.5rem;*/
    align-items: start;
}

.how-to-use-bullet__images-column[b-jh8eaaqcqf] {
    display: flex;
    justify-content: left;
    align-self: center;
}

.how-to-use-bullet__image-stack[b-jh8eaaqcqf] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding-top: 0.1rem;
    width: min(100%, 470px);
}

.how-to-use-bullet__image-frame[b-jh8eaaqcqf] {
    margin: 0;
}

.how-to-use-bullet__image[b-jh8eaaqcqf] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.how-to-use-bullet__video-column[b-jh8eaaqcqf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0.35rem;
}

.how-to-use-bullet__video-button[b-jh8eaaqcqf] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: inherit;
    cursor: pointer;
}

[b-jh8eaaqcqf] .how-to-use-bullet__video-frame {
    margin: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
}

[b-jh8eaaqcqf] .how-to-use-bullet__thumbnail {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.how-to-use-bullet__description[b-jh8eaaqcqf] {
    margin: 0.35rem 0 0;
    width: 100%;
    color: var(--bs-body-color, #111111);
    font-size: 1.1rem;
    line-height: 1.35;
}

@media (max-width: 991.98px) {
    .how-to-use-bullet__grid[b-jh8eaaqcqf] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .how-to-use-bullet__image-stack[b-jh8eaaqcqf],
    .how-to-use-bullet__description[b-jh8eaaqcqf] {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .how-to-use-bullet[b-jh8eaaqcqf] {
        --scrollbar-compensation: 0px;
    }

    .how-to-use-bullet__content[b-jh8eaaqcqf] {
        padding: 2rem 0 1.5rem;
    }

    .how-to-use-bullet__grid[b-jh8eaaqcqf] {
        gap: 1rem;
    }

    .how-to-use-bullet__images-column[b-jh8eaaqcqf],
    .how-to-use-bullet__video-column[b-jh8eaaqcqf] {
        width: 100%;
    }

    .how-to-use-bullet__image-stack[b-jh8eaaqcqf],
    .how-to-use-bullet__description[b-jh8eaaqcqf] {
        width: 100%;
    }

    [b-jh8eaaqcqf] .how-to-use-bullet__video-frame {
        width: 100%;
    }
}
/* /Components/TradingCards/HowToUseWavey.razor.rz.scp.css */
/* FullBleedSection (Scoped CSS) */

.trading-cards-full-bleed[b-po8z86ppxa] {
    background-color: #eeeeee;
    padding: 32px 0;
}

.trading-cards-full-bleed .container[b-po8z86ppxa] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.trading-cards-full-bleed__visual-wrapper[b-po8z86ppxa] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    --line-height: 3.5%;
    --left-line-color: #000;
    --right-line-color: #542661;
    --left-line-top: 60.155503%;
    --right-line-top: 59.865664%;
    --gutter-px: 16px;
}

.trading-cards-full-bleed__visual-image[b-po8z86ppxa] {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 1; /* sits above decorative repeats */
    /* aspect-ratio is set inline in the markup */
}

.trading-cards-full-bleed__visual-wrapper[b-po8z86ppxa]::before,
.trading-cards-full-bleed__visual-wrapper[b-po8z86ppxa]::after {
    content: "";
    position: absolute;
    height: var(--line-height);
    /* extend from the centered visual to the viewport edges: 50vw - 50% math */
    width: calc(50vw - 50% + var(--gutter-px));
    pointer-events: none;
    background-color: var(--left-line-color);
    z-index: 0;
}

.trading-cards-full-bleed__visual-wrapper[b-po8z86ppxa]::before {
    left: calc((50% - 50vw));
    top: var(--left-line-top);
}

.trading-cards-full-bleed__visual-wrapper[b-po8z86ppxa]::after {
    right: calc((50% - 50vw) + 8px);
    top: var(--right-line-top);
    background-color: var(--right-line-color);
}
/* /Components/TradingCards/KinByLifco.razor.rz.scp.css */
.kin-promo[b-d78cyxe4a7] {
    position: relative;
    left: 50%;
    right: 50%;
    --scrollbar-compensation: 15px;
    width: calc(100vw - var(--scrollbar-compensation, 0px));
    margin-left: calc(-50vw + var(--scrollbar-compensation, 0px) / 2);
    margin-right: calc(-50vw + var(--scrollbar-compensation, 0px) / 2);
    background-color: #eeeeee;
    overflow-x: clip;
    padding: 1rem;
}

.kin-promo__content[b-d78cyxe4a7] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.kin-promo__grid[b-d78cyxe4a7] {
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(0, 1.6fr) minmax(240px, 1fr);
    gap: 1.5rem;
    align-items: center;
}

.kin-promo__logo-column[b-d78cyxe4a7] {
    display: flex;
    align-items: center;
    justify-content: left;
}

.kin-promo__logo[b-d78cyxe4a7] {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    object-fit: contain;
}

.kin-promo__copy-column[b-d78cyxe4a7] {
    display: flex;
    align-items: center;
}

.kin-promo__copy[b-d78cyxe4a7] {
    margin: 0;
    color: var(--bs-body-color, #111111);
    font-size: clamp(1.1rem, 1.6vw, 1.65rem);
    line-height: 1.25;
    font-weight: 400;
}

.kin-promo__video-column[b-d78cyxe4a7] {
    display: flex;
    justify-content: center;
}

.kin-promo__video-button[b-d78cyxe4a7] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 360px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.kin-promo__thumbnail[b-d78cyxe4a7] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.kin-promo__play-badge[b-d78cyxe4a7] {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    max-width: 72px;
    min-width: 56px;
    pointer-events: none;
}

.kin-promo__play-badge svg[b-d78cyxe4a7] {
    display: block;
    width: 100%;
    height: auto;
}

.kin-promo__play-badge path:first-child[b-d78cyxe4a7] {
    fill: #ff0000;
}

.kin-promo__play-badge path:last-child[b-d78cyxe4a7] {
    fill: #ffffff;
}

.kin-promo__video-button:hover .kin-promo__thumbnail[b-d78cyxe4a7],
.kin-promo__video-button:focus-visible .kin-promo__thumbnail[b-d78cyxe4a7] {
    filter: brightness(0.95);
}

.kin-promo__video-button:focus-visible[b-d78cyxe4a7] {
    outline: 3px solid var(--bs-primary, #0d6efd);
    outline-offset: 4px;
}

@media (max-width: 991.98px) {
    .kin-promo__grid[b-d78cyxe4a7] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .kin-promo__logo-column[b-d78cyxe4a7],
    .kin-promo__copy-column[b-d78cyxe4a7],
    .kin-promo__video-column[b-d78cyxe4a7] {
        justify-content: center;
    }

    .kin-promo__copy[b-d78cyxe4a7] {
        max-width: 42rem;
    }
}

@media (max-width: 575.98px) {
    .kin-promo[b-d78cyxe4a7] {
        --scrollbar-compensation: 0px;
    }

    .kin-promo__content[b-d78cyxe4a7] {
        padding: 1.5rem 0;
    }

    .kin-promo__grid[b-d78cyxe4a7] {
        gap: 1rem;
    }

    .kin-promo__copy[b-d78cyxe4a7] {
        font-size: 1.05rem;
    }
}
/* /Components/TradingCards/NotFoundMessage.razor.rz.scp.css */
.not-found-wrapper[b-7bfoiwrqzd] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.not-found-card[b-7bfoiwrqzd] {
    padding: 1rem;
}

    .not-found-card .icon[b-7bfoiwrqzd] {
        font-size: 3rem;
        margin-bottom: 0.5rem;
    }

    .not-found-card h3[b-7bfoiwrqzd] {
        font-weight: 600;
        color: #1f252b;
        margin-bottom: 0.75rem;
    }

    .not-found-card p[b-7bfoiwrqzd] {
        color: #1f252b;
        margin: 0;
        line-height: 1.5;
    }