/* Shop experience asset v0.5.35. */
:root {
    --beads-ink: #172033;
    --beads-muted: #5f6878;
    --beads-line: #d7e4e2;
    --beads-surface: #f3f8f7;
    --beads-accent: #438985;
    --beads-accent-dark: #286a66;
    --beads-warm: #f2b84b;
    --beads-radius: 18px;
    --theme-palette-color-1: #438985;
    --theme-palette-color-2: #286a66;
    --theme-button-background-initial-color: #438985;
    --theme-button-background-hover-color: #286a66;
}

[data-header*="type-1"] .ct-header [data-row*="middle"] {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgb(18 83 80 / 32%);
    background:
        radial-gradient(circle at 15% 10%, rgb(255 255 255 / 14%) 0 1px, transparent 2px) 0 0 / 17px 17px,
        linear-gradient(118deg, #397b78 0%, #4d918d 47%, #377875 100%) !important;
    box-shadow: 0 10px 28px rgb(20 61 59 / 13%);
}

@media (max-width: 999.98px) {
    [data-header*="type-1"] .ct-header [data-row*="middle"] {
        overflow: visible;
    }
}

[data-header*="type-1"] .ct-header [data-row*="middle"]::after {
    position: absolute;
    inset: auto -8% -38px 36%;
    height: 76px;
    border: 2px solid rgb(255 255 255 / 9%);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    transform: rotate(-2deg);
}

.beads-announcement {
    position: relative;
    z-index: 7;
    border-bottom: 1px solid #dcc58f;
    background: linear-gradient(90deg, #f6e7bd 0%, #ecd39b 48%, #f6e7bd 100%);
    color: #173f3c;
}

.beads-announcement__inner {
    display: flex;
    width: min(1320px, calc(100% - 24px));
    min-height: 34px;
    margin-inline: auto;
    padding: 6px 0;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}

.beads-announcement__inner strong {
    font-weight: 850;
}

.beads-announcement__inner > span:last-child {
    color: #51635f;
}

.beads-announcement__spark {
    color: #b75539;
    font-size: 15px;
}

[data-header*="type-1"] .site-logo-container img {
    width: auto;
}

[data-header*="type-1"] .site-title {
    display: none !important;
}

[data-header*="type-1"] [data-id="trigger"],
[data-header*="type-1"] [data-id="trigger"] .ct-icon {
    color: #fff !important;
    fill: currentColor !important;
}

.beads-header-actions {
    display: none;
}

@media (min-width: 1000px) {
    [data-device="desktop"] [data-row="middle"] .ct-container.beads-header-search-mounted {
        grid-template-columns: auto minmax(250px, 420px) auto !important;
        align-items: center;
        column-gap: clamp(16px, 2.2vw, 34px);
    }

    .beads-header-search-slot {
        display: flex;
        min-width: 0;
        height: 100%;
        align-items: center;
        align-self: center;
    }

    .beads-header-search-slot .beads-header-search {
        width: 100%;
        height: 44px;
        max-width: none;
    }

    .beads-header-search-slot .beads-header-search input[type="search"],
    .beads-header-search-slot .beads-header-search button {
        min-height: 44px;
    }

    .beads-header-search-slot .beads-header-search input[type="search"] {
        border-color: rgb(255 255 255 / 68%);
        box-shadow: 0 8px 22px rgb(23 32 51 / 10%);
    }

    [data-device="desktop"] .ct-header-search {
        display: none !important;
    }

    [data-device="desktop"] .beads-header-actions-mounted [data-id="menu"] {
        display: none !important;
    }

    [data-device="desktop"] .beads-header-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 5px;
    }

    .beads-header-action {
        position: relative;
        display: inline-flex;
        min-width: 58px;
        min-height: 52px;
        padding: 6px 8px;
        border: 1px solid transparent;
        border-radius: 12px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        color: #fff;
        font-size: 10px;
        font-weight: 750;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
    }

    .beads-header-action:hover,
    .beads-header-action:focus-visible {
        border-color: rgb(255 255 255 / 38%);
        background: rgb(255 255 255 / 13%);
        color: #fff;
    }

    .beads-header-action:focus-visible {
        outline: 3px solid #f2d69b;
        outline-offset: 2px;
    }

    .beads-header-action svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
    }

    .beads-header-action--cart {
        padding-right: 12px;
    }

    .beads-header-action--cart strong {
        position: absolute;
        top: 1px;
        right: 2px;
        display: grid;
        min-width: 19px;
        height: 19px;
        padding: 0 5px;
        border: 2px solid #4a8986;
        border-radius: 999px;
        place-items: center;
        background: #f2d69b;
        color: #173938;
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
    }
}

@media (max-width: 999.98px) {
    .beads-announcement__inner {
        min-height: 38px;
        gap: 6px;
        font-size: 11px;
    }

    .beads-announcement__inner > span:last-child {
        display: none;
    }

    [data-header*="type-1"] [data-device="mobile"] [data-row="middle"] .ct-container {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center;
    }

    [data-header*="type-1"] [data-device="mobile"] [data-column="end"] {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    [data-header*="type-1"] [data-device="mobile"] [data-column="start"] {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
    }

    [data-header*="type-1"] [data-device="mobile"] [data-column="start"] [data-items] {
        justify-content: center;
    }
}

.beads-category-nav {
    position: relative;
    z-index: 8;
    border-block: 1px solid var(--beads-line);
    border-color: #d5e5e2;
    background: #f5faf9;
}

.beads-category-nav__inner {
    display: flex;
    width: min(1320px, calc(100% - 24px));
    min-height: 48px;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
    margin-inline: auto;
    padding: 6px 0;
    scrollbar-width: none;
}

.beads-category-nav__inner::-webkit-scrollbar {
    display: none;
}

.beads-category-nav__mega {
    position: relative;
    flex: 0 0 auto;
    align-self: center;
}

.beads-category-nav__mega-button {
    display: inline-flex;
    min-height: 38px;
    padding: 9px 14px;
    border: 0;
    border-radius: 9px;
    align-items: center;
    gap: 9px;
    background: var(--beads-accent-dark);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .035em;
    cursor: pointer;
}

.beads-category-nav__mega-button:hover,
.beads-category-nav__mega-button:focus-visible,
.beads-category-nav__mega.beads-mega-click-open >
.beads-category-nav__mega-button {
    background: #175f5d;
    color: #fff;
}

.beads-category-nav__mega-button:focus-visible {
    outline: 3px solid #e4d1a8;
    outline-offset: 2px;
}

.beads-category-nav__mega-button svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transition: transform .18s ease;
}

.beads-category-nav__mega.beads-mega-click-open >
.beads-category-nav__mega-button svg {
    transform: rotate(180deg);
}

.beads-mega-source-hidden {
    display: none !important;
}

@media (max-width: 999.98px) {
    .beads-category-nav__mega {
        display: none !important;
    }
}

.beads-header-search {
    display: grid;
    flex: 1 1 300px;
    max-width: 360px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.beads-header-search input[type="search"] {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid #b9cfcb;
    border-right: 0;
    border-radius: 9px 0 0 9px;
    background: #fff;
    color: var(--beads-ink);
    font-size: 13px;
}

.beads-header-search button {
    min-height: 38px;
    padding: 7px 14px;
    border-radius: 0 9px 9px 0;
    background: var(--beads-accent-dark);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.beads-header-search-mobile {
    display: none;
}

.beads-category-nav a {
    flex: 0 0 auto;
    padding: 8px 11px;
    border-radius: 9px;
    color: var(--beads-ink);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.beads-category-nav__item {
    position: relative;
    flex: 0 0 auto;
}

.beads-category-nav__top {
    display: flex;
    align-items: center;
}

.beads-category-nav__top > a {
    padding-right: 4px;
}

.beads-category-nav__toggle {
    display: inline-grid;
    width: 30px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--beads-ink);
    cursor: pointer;
}

.beads-category-nav__toggle svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transition: transform .18s ease;
}

.beads-category-nav__item.is-open .beads-category-nav__toggle svg {
    transform: rotate(180deg);
}

.beads-category-nav__submenu {
    position: absolute;
    z-index: 40;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    min-width: 245px;
    padding: 8px;
    border: 1px solid var(--beads-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 36px rgb(23 32 51 / 16%);
}

.beads-category-nav__submenu a {
    display: flex;
    align-items: center;
    white-space: normal;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 14px;
}

.beads-category-nav__submenu-image {
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 6px;
    background: #fff;
}

.beads-category-nav__submenu a > span {
    min-width: 0;
}

.beads-category-nav__item:hover .beads-category-nav__submenu,
.beads-category-nav__item:focus-within .beads-category-nav__submenu,
.beads-category-nav__item.is-open .beads-category-nav__submenu {
    display: block;
}

.beads-category-nav a:hover,
.beads-category-nav a[aria-current="page"] {
    background: #eaf4f1;
    color: var(--beads-accent-dark);
}

.beads-category-nav a.beads-category-nav__calculator {
    border: 1px solid #b7d9d3;
    background: #e4f3ef;
    color: var(--beads-accent-dark);
    font-weight: 850;
}

.beads-category-nav a.beads-category-nav__calculator:hover,
.beads-category-nav a.beads-category-nav__calculator:focus-visible,
.beads-category-nav a.beads-category-nav__calculator[aria-current="page"] {
    border-color: var(--beads-accent);
    background: var(--beads-accent);
    color: #fff;
}

@media (max-width: 689.98px) {
    .beads-category-nav {
        display: none;
    }

    .beads-header-search-mobile {
        display: block;
        padding: 9px 16px;
        border-bottom: 1px solid var(--beads-line);
        background: #f5faf9;
    }

    .beads-header-search-mobile .beads-header-search {
        width: min(100%, 620px);
        max-width: none;
        margin-inline: auto;
    }
}

@media (min-width: 690px) and (max-width: 999.98px) {
    .beads-header-search--desktop {
        flex: 1 0 100%;
        max-width: none;
    }
}

.beads-loop-cart {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 7px;
}

.beads-loop-quantity {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 31px 40px 31px;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
    border: 1px solid var(--beads-line);
    border-radius: 8px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.beads-loop-quantity:focus-within {
    border-color: var(--beads-accent);
    box-shadow: 0 0 0 2px rgba(48, 130, 111, .16);
}

.beads-loop-quantity .quantity {
    grid-column: 2;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
}

.beads-loop-quantity .ct-increase,
.beads-loop-quantity .ct-decrease {
    display: none !important;
}

.beads-loop-quantity input.qty {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-inline: 1px solid var(--beads-line);
    border-radius: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--beads-ink) !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 38px !important;
    text-align: center;
    appearance: textfield;
}

.beads-loop-quantity input.qty::-webkit-inner-spin-button,
.beads-loop-quantity input.qty::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.beads-qty-button {
    display: grid;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    place-items: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--beads-ink) !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.beads-qty-button[data-direction="decrease"] {
    grid-column: 1;
}

.beads-qty-button[data-direction="increase"] {
    grid-column: 3;
}

.beads-qty-button:hover,
.beads-qty-button:focus-visible {
    background: #eaf4f1 !important;
    color: var(--beads-accent-dark) !important;
}

.beads-qty-button:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(48, 130, 111, .28) !important;
}

.beads-loop-cart .beads-loop-cart__submit {
    display: inline-flex;
    flex: 1 1 auto;
    min-width: 44px;
    min-height: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 7px 8px !important;
    border-radius: 8px;
    font-size: 14px !important;
    line-height: 1.2;
    text-align: center;
    background: var(--beads-accent) !important;
}

.beads-loop-cart .beads-loop-cart__submit span {
    white-space: nowrap;
}

@media (max-width: 1220px) {
    .beads-loop-cart .beads-loop-cart__submit span {
        display: none;
    }
}

.beads-loop-cart .beads-loop-cart__submit:hover,
.beads-loop-cart .beads-loop-cart__submit:focus-visible {
    background: var(--beads-accent-dark) !important;
}

.beads-loop-cart__submit svg {
    flex: 0 0 auto;
}

[data-products] {
    column-gap: 18px !important;
    row-gap: 14px !important;
}

body.tax-product_cat [data-products] {
    padding: 10px 8px 14px;
    border-radius: 14px;
    background: #f4f6f5;
    column-gap: 18px !important;
    row-gap: 20px !important;
}

[data-products] > li.product {
    display: flex !important;
    height: 100%;
    flex-direction: column;
    align-items: stretch;
}

body.tax-product_cat [data-products] > li.product {
    padding: 8px 8px 12px;
    border: 1px solid #e1e8e6;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgb(28 57 67 / 5%);
}

[data-products] > li.product > figure {
    width: 100%;
    aspect-ratio: 4 / 3;
    flex: 0 0 auto;
    overflow: hidden;
}

[data-products] > li.product > figure .ct-media-container,
[data-products] > li.product > figure img {
    width: 100%;
    height: 100%;
}

[data-products] > li.product > figure img {
    object-fit: contain;
}

/* Keep every single-product image inside a predictable gallery frame.
 * Blocksy writes a per-image aspect ratio inline and combines it with cover;
 * that can enlarge and crop square or wide source images. */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .ct-product-gallery-container,
.single-product .woocommerce-product-gallery .flexy,
.single-product .woocommerce-product-gallery .flexy-view,
.single-product .woocommerce-product-gallery .flexy-items,
.single-product .woocommerce-product-gallery .flexy-item {
    min-width: 0;
    max-width: 100%;
}

.single-product .woocommerce-product-gallery
.ct-product-gallery-container > .ct-media-container,
.single-product .woocommerce-product-gallery
.flexy-items .ct-media-container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden;
}

.single-product .woocommerce-product-gallery
.ct-product-gallery-container > .ct-media-container > img:not(.zoomImg),
.single-product .woocommerce-product-gallery
.flexy-items .ct-media-container > img:not(.zoomImg) {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center;
}

[data-products] > li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    min-height: 2.8em;
    max-height: 2.8em;
    margin: 6px 0 0 !important;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

[data-products] > li.product .price {
    display: block;
    min-height: 22px;
    margin-top: 2px !important;
    color: var(--beads-ink);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

[data-products] > li.product .price del {
    color: #7d8795;
    font-size: .78em;
    font-weight: 650;
    opacity: 1;
}

[data-products] > li.product .price ins {
    color: #c93650;
    text-decoration: none;
}

.onsale {
    background: #d9435b !important;
    color: #fff !important;
}

.woocommerce-shop .hero-section,
.tax-product_cat .hero-section {
    background: #eef6f4;
}

[data-products] > li.product > .button {
    min-height: 40px;
    margin-top: auto;
}

.woocommerce-shop [data-products] > li.product .beads-tier--loop,
.tax-product_cat [data-products] > li.product .beads-tier--loop,
.woocommerce-shop [data-products] > li.product .beads-card-tools,
.tax-product_cat [data-products] > li.product .beads-card-tools,
.woocommerce-shop [data-products] > li.product .beads-project-quick,
.tax-product_cat [data-products] > li.product .beads-project-quick {
    display: none !important;
}

.beads-loop-cart.is-loading {
    opacity: .72;
    pointer-events: none;
}

.beads-loop-cart.is-added .beads-loop-cart__submit {
    background: var(--beads-accent);
}

.woocommerce-shop .hero-section .entry-header {
    height: 64px !important;
    min-height: 64px !important;
    padding-block: 8px !important;
}

.tax-product_cat .hero-section .entry-header {
    height: auto !important;
    min-height: 0 !important;
    padding-block: 24px !important;
    margin-top: 0 !important;
}

.tax-product_cat .hero-section {
    padding-top: 64px !important;
}

.tax-product_cat .hero-section > figure {
    height: 64px;
    bottom: auto;
}

.home .hero-section,
.home .entry-header {
    display: none;
}

.home .site-main,
.home .content-area,
.home .ct-container-full {
    margin: 0;
    padding: 0;
}

.beads-home {
    color: var(--beads-ink);
}

.beads-shell {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
}

.beads-intro {
    padding: 34px 0 38px;
    background:
        radial-gradient(circle at 92% 8%, rgb(242 184 75 / 24%), transparent 32%),
        linear-gradient(145deg, #eef8f5, #f8fafc 65%);
    border-bottom: 1px solid var(--beads-line);
}

.beads-home {
    padding: clamp(22px, 3vw, 40px) 0 1px;
    background: #f2f5f4;
}

.beads-home > .beads-section,
.beads-home > .beads-intro {
    width: min(1240px, calc(100% - 32px));
    overflow: hidden;
    margin: 0 auto clamp(22px, 3.5vw, 44px);
    border: 1px solid rgb(23 32 51 / 9%);
    border-radius: 24px;
    box-shadow: 0 12px 34px rgb(23 32 51 / 7%);
}

.beads-intro__layout {
    display: grid;
    gap: 26px;
}

.beads-eyebrow {
    margin: 0 0 8px;
    color: var(--beads-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.beads-intro h1,
.beads-section h2 {
    color: var(--beads-ink);
    letter-spacing: -.025em;
}

.beads-intro h1 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(32px, 7vw, 58px);
    line-height: 1.04;
}

.beads-intro__copy > p:not(.beads-eyebrow) {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--beads-muted);
    font-size: 17px;
    line-height: 1.55;
}

.beads-intro__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.beads-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border: 2px solid transparent;
    border-radius: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
}

.beads-button:hover {
    transform: translateY(-1px);
}

.beads-button--primary {
    background: var(--beads-accent);
    color: #fff;
}

.beads-button--primary:hover {
    background: var(--beads-accent-dark);
    color: #fff;
}

.beads-button--secondary {
    border-color: var(--beads-line);
    background: #fff;
    color: var(--beads-ink);
}

.beads-product-search {
    align-self: center;
    padding: 20px;
    border: 1px solid rgb(23 32 51 / 12%);
    border-radius: var(--beads-radius);
    background: rgb(255 255 255 / 92%);
    box-shadow: 0 18px 50px rgb(23 32 51 / 10%);
}

.beads-product-search label {
    display: block;
    margin-bottom: 10px;
    color: var(--beads-ink);
    font-weight: 800;
}

.beads-product-search > div {
    display: grid;
    grid-template-columns: 1fr auto;
}

.beads-product-search input[type="search"] {
    min-width: 0;
    min-height: 50px;
    border: 1px solid var(--beads-line);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #fff;
    font-size: 16px;
}

.beads-product-search button {
    min-height: 50px;
    padding-inline: 18px;
    border-radius: 0 10px 10px 0;
    background: var(--beads-accent);
    font-weight: 800;
}

.beads-product-search small {
    display: block;
    margin-top: 9px;
    color: var(--beads-muted);
}

.beads-section {
    padding: 48px 0;
}

.beads-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.beads-section-heading h2,
.beads-section--quick h2 {
    margin: 0;
    font-size: clamp(25px, 5vw, 36px);
}

.beads-section-heading > a {
    display: none;
    font-weight: 750;
}

.beads-category-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: dense;
    gap: 16px;
}

.beads-category-card {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: 230px;
    min-width: 0;
    overflow: hidden;
    align-items: flex-end;
    border: 0;
    border-radius: 20px;
    background: #eef3f3;
    color: #fff;
    box-shadow: 0 12px 34px rgb(23 32 51 / 12%);
}

.beads-category-card::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background:
        linear-gradient(
            180deg,
            rgba(18, 34, 46, 0) 55%,
            rgba(18, 34, 46, .10) 65%,
            rgba(18, 34, 46, .82) 88%,
            rgba(18, 34, 46, .96) 100%
        );
}

.beads-category-card:hover {
    color: #fff;
    box-shadow: 0 18px 40px rgb(23 32 51 / 20%);
    transform: translateY(-3px);
}

.beads-category-card__image {
    position: absolute;
    z-index: -2;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, rgb(31 111 95 / 90%), rgb(242 184 75 / 78%)),
        var(--beads-surface);
    background-position: center;
    background-size: cover;
    transition: transform .35s ease;
}

.beads-category-card:hover .beads-category-card__image {
    transform: scale(1.035);
}

.beads-category-card--compact {
    align-self: stretch;
}

.beads-category-card__body {
    position: relative;
    z-index: 1;
    display: grid;
    width: 100%;
    gap: 8px;
    max-width: 100%;
    padding: 20px;
}

.beads-category-card--feature .beads-category-card__body {
    max-width: 100%;
}

.beads-category-card__body strong {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-size: 21px;
    line-height: 1.2;
    text-shadow: 0 2px 12px rgb(0 0 0 / 25%);
}

.beads-category-card__body .beads-category-card__arrow {
    color: rgb(255 255 255 / 85%);
    font-size: .85em;
    transition: transform .2s ease;
}

.beads-category-card:hover .beads-category-card__body .beads-category-card__arrow {
    transform: translateX(3px);
}

.beads-category-card__image--closure {
    background-size: auto 175%;
    background-position: center 80%;
}

.beads-category-card__accessories {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding-bottom: 58px;
    background: #eef3f3;
    pointer-events: none;
}

.beads-category-card__accessory {
    position: absolute;
    width: clamp(70px, 33%, 92px);
    aspect-ratio: 1;
    overflow: hidden;
}

.beads-category-card__accessory img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(2);
}

.beads-category-card__accessory--cordstopper {
    bottom: calc(58px + 3%);
    left: 3%;
    transform: rotate(-12deg);
}

.beads-category-card__accessory--d-ring {
    top: 2%;
    left: 50%;
    transform: translateX(-50%) rotate(10deg);
}

.beads-category-card__accessory--musketon {
    right: 3%;
    bottom: calc(58px + 3%);
    transform: rotate(-15deg);
}

.beads-category-card__body span {
    min-height: 0;
    color: rgb(255 255 255 / 86%);
    font-size: 14px;
    line-height: 1.4;
}

.beads-category-card__body em {
    width: max-content;
    margin-top: 7px;
    padding: 0 0 3px;
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.beads-category-card__body em::after {
    content: "  →";
}

.beads-category-card:nth-child(1),
.beads-category-card:nth-child(4),
.beads-category-card:nth-child(7) {
    border-radius: 28px 14px 28px 14px;
}

.beads-category-card:nth-child(2),
.beads-category-card:nth-child(5),
.beads-category-card:nth-child(8) {
    border-radius: 14px 28px 14px 28px;
}

.beads-section--categories {
    background:
        linear-gradient(180deg, #fff 0%, #f7f1e8 58%, #eef6f4 100%);
}

.beads-section--calculator {
    padding-block: clamp(30px, 5vw, 58px);
    background:
        radial-gradient(circle at 12% 18%, rgb(242 184 75 / 24%), transparent 34%),
        linear-gradient(135deg, #164f52, #277f7b);
    color: #fff;
}

.beads-calculator-promo {
    display: grid;
    align-items: center;
    gap: 24px;
}

.beads-calculator-promo .beads-eyebrow {
    color: #f6d98e;
}

.beads-calculator-promo h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 5vw, 46px);
    line-height: 1.08;
}

.beads-calculator-promo p:not(.beads-eyebrow) {
    max-width: 760px;
    margin: 14px 0 0;
    color: rgb(255 255 255 / 84%);
    font-size: 16px;
    line-height: 1.55;
}

.beads-calculator-promo .beads-button {
    justify-self: start;
    background: #f2c65f;
    color: #173047;
}

.beads-calculator-promo .beads-button:hover,
.beads-calculator-promo .beads-button:focus-visible {
    background: #ffe09a;
    color: #173047;
}

.beads-section--quick {
    padding-block: 28px;
    background: var(--beads-surface);
    border-block: 1px solid var(--beads-line);
}

.beads-section--quick h2 {
    margin-bottom: 16px;
    font-size: 22px;
}

.beads-quick-links {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x proximity;
}

.beads-quick-links a {
    flex: 0 0 auto;
    padding: 10px 14px;
    border: 1px solid var(--beads-line);
    border-radius: 999px;
    background: #fff;
    color: var(--beads-ink);
    font-weight: 750;
    scroll-snap-align: start;
}

.beads-products .products {
    margin-bottom: 0;
}

.beads-section--guidance {
    padding-block: 38px;
    background: var(--beads-ink);
    color: #fff;
}

.beads-guidance {
    display: grid;
    gap: 22px;
    align-items: center;
}

.beads-guidance h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(26px, 5vw, 38px);
}

.beads-guidance p:not(.beads-eyebrow) {
    max-width: 700px;
    margin: 12px 0 0;
    color: #d9dfeb;
}

.beads-guidance .beads-button {
    justify-self: start;
    background: var(--beads-warm);
    color: var(--beads-ink);
}

@media (min-width: 521px) and (max-width: 719.98px) {
    .beads-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .beads-category-card--feature,
    .beads-category-card--medium,
    .beads-category-card--standard {
        grid-column: auto;
    }

    .beads-category-grid .beads-category-card {
        min-height: 190px;
    }

    .beads-category-grid .beads-category-card:nth-child(1) {
        grid-column: 1 / -1;
        min-height: 300px;
    }

    .beads-category-grid .beads-category-card:nth-child(2),
    .beads-category-grid .beads-category-card:nth-child(3) {
        min-height: 230px;
    }

    .beads-category-grid .beads-category-card:nth-child(8) {
        grid-column: 1 / -1;
        min-height: 160px;
    }

    .beads-category-card__body {
        padding: 18px;
    }

    .beads-category-card__body strong {
        font-size: 19px;
    }

    .beads-category-card__body span {
        font-size: 13px;
    }
}

@media (min-width: 720px) {
    .beads-shell {
        width: min(1180px, calc(100% - 48px));
    }

    .beads-intro {
        padding-block: 52px;
    }

    .beads-intro__layout {
        grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
        align-items: center;
        gap: 28px;
    }

    .beads-calculator-promo {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 42px;
    }

    .beads-calculator-promo .beads-button {
        justify-self: end;
    }

    .beads-intro h1 {
        font-size: clamp(38px, 6vw, 52px);
    }

    .beads-section {
        padding-block: 64px;
    }

    .beads-section-heading > a {
        display: inline;
    }

    .beads-category-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-rows: 230px 180px 190px 170px 130px;
        gap: 18px;
    }

    .beads-category-grid .beads-category-card {
        min-height: 0;
    }

    .beads-category-grid .beads-category-card:nth-child(1) {
        grid-column: 1 / 5;
        grid-row: 1 / 3;
    }

    .beads-category-grid .beads-category-card:nth-child(2) {
        grid-column: 5 / 7;
        grid-row: 1;
    }

    .beads-category-grid .beads-category-card:nth-child(3) {
        grid-column: 5 / 7;
        grid-row: 2;
    }

    .beads-category-grid .beads-category-card:nth-child(4) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    .beads-category-grid .beads-category-card:nth-child(5) {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    .beads-category-grid .beads-category-card:nth-child(6) {
        grid-column: 1 / 4;
        grid-row: 4;
    }

    .beads-category-grid .beads-category-card:nth-child(7) {
        grid-column: 4 / 7;
        grid-row: 4;
    }

    .beads-category-grid .beads-category-card:nth-child(8) {
        grid-column: 1 / 7;
        grid-row: 5;
    }

    .beads-category-card__body {
        padding: 24px;
    }

    .beads-category-card__body strong {
        font-size: 22px;
    }

    .beads-category-card--feature .beads-category-card__body strong {
        font-size: 28px;
    }

    .beads-guidance {
        grid-template-columns: 1fr auto;
    }
}

@media (min-width: 1000px) {
    .beads-category-card--narrow-title .beads-category-card__body strong {
        font-size: 18px;
    }

    .beads-intro__layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
        align-items: center;
        gap: 54px;
    }

    .beads-category-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-template-rows: 250px 205px 205px;
    }

    .beads-category-grid .beads-category-card:nth-child(1) {
        grid-column: 1 / 8;
        grid-row: 1 / 3;
    }

    .beads-category-grid .beads-category-card:nth-child(2) {
        grid-column: 8 / 13;
        grid-row: 1;
    }

    .beads-category-grid .beads-category-card:nth-child(3) {
        grid-column: 8 / 11;
        grid-row: 2;
    }

    .beads-category-grid .beads-category-card:nth-child(4) {
        grid-column: 11 / 13;
        grid-row: 2;
    }

    .beads-category-grid .beads-category-card:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    .beads-category-grid .beads-category-card:nth-child(6) {
        grid-column: 4 / 8;
        grid-row: 3;
    }

    .beads-category-grid .beads-category-card:nth-child(7) {
        grid-column: 8 / 11;
        grid-row: 3;
    }

    .beads-category-grid .beads-category-card:nth-child(8) {
        grid-column: 11 / 13;
        grid-row: 3;
    }

    .menu-item.beads-mega > .sub-menu {
        right: 0;
        left: auto;
        width: min(1040px, calc(100vw - 40px));
        max-height: calc(100vh - 190px);
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;
        gap: 14px;
        overflow-y: auto;
        padding: 20px;
        border: 1px solid #cddfdb;
        border-radius: 0 0 18px 18px;
        background: #fff;
        box-shadow: 0 22px 52px rgb(23 32 51 / 18%);
    }

    .beads-category-nav__mega.menu-item.beads-mega > .sub-menu {
        position: absolute;
        z-index: 50;
        top: calc(100% + 6px);
        right: auto;
        left: 0;
        margin: 0;
        list-style: none;
        border-radius: 0 0 18px 18px;
    }

    .beads-category-nav__mega.menu-item.beads-mega >
    .sub-menu > .menu-item {
        list-style: none;
    }

    .menu-item.beads-mega > .sub-menu::before {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 14px;
        content: "";
    }

    .menu-item.beads-mega > .ct-toggle-dropdown-desktop-ghost {
        z-index: 3;
        pointer-events: auto !important;
        cursor: pointer;
    }

    .menu-item.beads-mega > .ct-toggle-dropdown-desktop-ghost:focus-visible {
        border-radius: 7px;
        outline: 3px solid #e4d1a8;
        outline-offset: 2px;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item {
        min-width: 0;
        padding: 14px;
        border: 1px solid #e0ebe8;
        border-radius: 13px;
        background: #f8fbfa;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .ct-menu-link {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        white-space: normal;
        overflow-wrap: anywhere;
        min-height: auto;
        padding: 0 0 9px;
        align-items: center;
        gap: 8px;
        color: var(--beads-ink);
        font-size: 15px;
        font-weight: 850;
    }

    .beads-mega-heading-icon {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        border: 1px solid #d8e6e2;
        border-radius: 6px;
        background: #fff;
        object-fit: cover;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .ct-menu-link:hover,
    .menu-item.beads-mega > .sub-menu > .menu-item > .ct-menu-link:focus-visible {
        color: var(--beads-accent-dark);
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .ct-menu-link
    .ct-toggle-dropdown-desktop,
    .menu-item.beads-mega > .sub-menu > .menu-item >
    .ct-toggle-dropdown-desktop-ghost {
        display: none;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .sub-menu {
        position: static;
        display: grid;
        visibility: visible;
        width: auto;
        min-width: 0;
        gap: 2px;
        padding: 0;
        transform: none;
        border: 0;
        opacity: 1;
        background: transparent;
        box-shadow: none;
        pointer-events: auto;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .sub-menu a {
        min-height: auto;
        padding: 7px 8px;
        border-radius: 8px;
        color: #42536b;
        font-size: 13px;
        line-height: 1.25;
    }

    .menu-item.beads-mega > .sub-menu > .menu-item > .sub-menu a:hover,
    .menu-item.beads-mega > .sub-menu > .menu-item > .sub-menu a:focus-visible {
        background: #eaf4f1;
        color: var(--beads-accent-dark);
    }


    .menu-item.beads-mega > .sub-menu > .menu-item > .sub-menu a {
        white-space: normal;
    }

    .menu-item.beads-mega:not(.beads-mega-click-open) > .sub-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .menu-item.beads-mega.beads-mega-click-open > .sub-menu {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 520px) {
    .woocommerce-shop .hero-section .entry-header,
    .tax-product_cat .hero-section .entry-header {
        height: 56px !important;
        min-height: 56px !important;
        padding-block: 6px !important;
    }

    .tax-product_cat .hero-section {
        padding-top: 0 !important;
    }

    .tax-product_cat .hero-section > figure {
        height: 56px;
    }

    .beads-intro {
        padding-block: 22px;
    }

    .beads-intro__layout {
        gap: 16px;
    }

    .beads-intro h1 {
        font-size: 31px;
    }

    .beads-intro__copy > p:not(.beads-eyebrow) {
        margin-top: 11px;
        font-size: 15px;
    }

    .beads-intro__actions {
        gap: 8px;
        margin-top: 15px;
    }

    .beads-intro__actions .beads-button {
        flex: 1 1 calc(50% - 4px);
        min-height: 44px;
        padding: 9px 12px;
        font-size: 14px;
    }

    .beads-product-search {
        padding: 13px;
    }

    .beads-product-search > div {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0;
    }

    .beads-product-search input[type="search"] {
        min-height: 44px;
        border-right: 0;
        border-radius: 10px 0 0 10px;
        font-size: 14px;
    }

    .beads-product-search button {
        min-height: 44px;
        padding-inline: 13px;
        border-radius: 0 10px 10px 0;
    }

    .beads-product-search small {
        display: none;
    }

    .beads-section--categories {
        padding-top: 32px;
    }

}

@media (min-width: 521px) and (max-width: 659.98px) {
    [data-products] {
        --shop-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .beads-loop-cart .beads-loop-cart__submit {
        padding-inline: 8px;
    }

    .beads-loop-cart .beads-loop-cart__submit span {
        display: none;
    }
}

@media (min-width: 660px) and (max-width: 999.98px) {
    [data-products] {
        --shop-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .beads-loop-cart .beads-loop-cart__submit {
        padding-inline: 8px;
    }

    .beads-loop-cart .beads-loop-cart__submit span {
        display: none;
    }
}

.beads-intro--story {
    background:
        radial-gradient(circle at 12% 18%, rgb(242 184 75 / 20%), transparent 34%),
        linear-gradient(145deg, #eef8f5, #f8fafc 65%);
}

.beads-intro--story .beads-intro__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    align-items: center;
    gap: clamp(24px, 4vw, 54px);
}

.beads-intro--story .beads-intro__copy {
    max-width: 720px;
}

.beads-intro--story .beads-intro__actions {
    justify-content: flex-start;
}

@media (max-width: 799.98px) {
    .beads-intro--story .beads-intro__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .beads-home {
        padding-top: 16px;
    }

    .beads-home > .beads-section,
    .beads-home > .beads-intro {
        width: min(100% - 20px, 1240px);
        margin-bottom: 18px;
        border-radius: 18px;
    }
}

.beads-no-results-help {
    display: grid;
    gap: 16px;
    margin: 28px 0 60px;
    padding: clamp(20px, 4vw, 36px);
    border: 1px solid #c9ddda;
    border-radius: 18px;
    background: #f5faf9;
}

.beads-no-results-help h2,
.beads-no-results-help p {
    margin: 0;
}

.beads-no-results-help form,
.beads-no-results-help label {
    display: grid;
    gap: 7px;
}

.beads-no-results-help form > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.beads-no-results-help input,
.beads-no-results-help button {
    min-height: 46px;
}

.beads-no-results-help nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.beads-no-results-help nav a {
    padding: 9px 13px;
    border: 1px solid #438985;
    border-radius: 999px;
    color: #286a66;
    font-weight: 800;
}

.beads-shop-categories {
    display: grid;
    gap: 20px;
    margin: 0 0 clamp(28px, 4vw, 48px);
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid #d5e3e1;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgb(66 145 140 / 14%), transparent 32%),
        #f7faf9;
}

.beads-shop-categories__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 430px);
    gap: 20px;
    align-items: end;
}

.beads-shop-categories--subcategories .beads-shop-categories__header {
    grid-template-columns: minmax(0, 1fr);
}

.beads-shop-categories__header span {
    color: #327c78;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.beads-shop-categories__header h2,
.beads-shop-categories__header p {
    margin: 0;
}

.beads-shop-categories__header h2 {
    margin-top: 4px;
    font-size: clamp(25px, 3vw, 38px);
}

.beads-shop-categories__header p {
    color: #526276;
}

.beads-shop-categories__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.beads-shop-category {
    overflow: hidden;
    border: 1px solid #d4e0df;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgb(28 57 67 / 7%);
}

.beads-shop-category__main {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 76px;
    padding: 8px;
    color: #172a3e;
}

.beads-shop-category__main:hover {
    color: #246f6a;
}

.beads-shop-category__image {
    width: 64px;
    height: 60px;
    border-radius: 11px;
    background: linear-gradient(135deg, #dbecea, #eef3f3);
    background-position: center;
    background-size: cover;
}

.beads-shop-category__main strong,
.beads-shop-category__main small {
    display: block;
}

.beads-shop-category__main strong {
    line-height: 1.2;
}

.beads-shop-category__main small {
    margin-top: 4px;
    color: #6a7888;
}

.beads-shop-category details {
    border-top: 1px solid #e3ebea;
}

.beads-shop-category summary {
    padding: 10px 12px;
    color: #327c78;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.beads-shop-category details > div {
    display: grid;
    gap: 1px;
    padding: 0 8px 8px;
}

.beads-shop-category details a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    color: #2c3d51;
    font-size: 13px;
}

.beads-shop-category details a:hover {
    background: #eef7f5;
    color: #246f6a;
}

.beads-shop-category details a small {
    color: #778493;
}

body.tax-product_cat .hero-section > figure::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgb(15 48 55 / 82%),
            rgb(22 62 67 / 68%),
            rgb(15 48 55 / 78%)
        );
    content: "";
    pointer-events: none;
}

body.tax-product_cat .hero-section .page-title {
    color: var(--theme-text-color) !important;
    text-shadow: none;
}

@media (max-width: 520px) {
    body.tax-product_cat .hero-section .page-title {
        color: #fff !important;
        text-shadow: 0 2px 12px rgb(0 0 0 / 42%);
    }
}

@media (max-width: 999.98px) {
    .beads-shop-categories__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 689.98px) {
    .beads-no-results-help form > div {
        grid-template-columns: 1fr;
    }

    .beads-shop-categories {
        padding: 15px;
        border-radius: 16px;
    }

    .beads-shop-categories__header,
    .beads-shop-categories__grid {
        grid-template-columns: 1fr;
    }

    .beads-shop-categories__header {
        gap: 8px;
    }

    .beads-shop-category__main {
        grid-template-columns: 68px minmax(0, 1fr);
    }
}

/* Paracord University: static, lightweight inspiration card. */
.beads-home > .beads-section--university {padding:0;background:#edf5f3;}
.beads-university {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;}
.beads-university__image {min-width:0;overflow:hidden;}
.beads-university__image img {display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:50% 55%;}
.beads-university__copy {align-self:center;padding:clamp(24px,4vw,48px);}
.beads-university__copy h2 {margin:0;font-size:clamp(26px,3vw,38px);line-height:1.18;}
.beads-university__copy > p:not(.beads-eyebrow) {margin:18px 0 24px;color:#526777;line-height:1.65;}
.beads-university__copy .beads-button {gap:10px;white-space:normal;}
.beads-university__copy .beads-button svg {flex-shrink:0;}
.beads-footer-university {display:inline-block;margin-left:8px;}
.beads-footer-university a {color:inherit;text-underline-offset:3px;}
.beads-footer-university a:hover {text-decoration:underline;}
@media (max-width:719.98px) {
    .beads-university {grid-template-columns:minmax(0,1fr);}
    .beads-university__image img {height:clamp(210px,58vw,340px);min-height:0;}
    .beads-university__copy {padding:24px;}
    .beads-footer-university {display:block;margin:8px 0 0;}
}

/* Service footer: scoped to its own component; no theme footer replacement. */
.beads-service-footer {background:#182535;color:#edf5f3;margin-top:0;}
.beads-service-footer__shell {width:min(1290px,calc(100% - 40px));margin-inline:auto;}
.beads-service-footer__benefits {background:#eaf3f0;color:#244846;border-block:1px solid #d5e5df;}
.beads-service-footer__benefits .beads-service-footer__shell {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:22px;}
.beads-service-footer__benefits p {margin:0;font-size:15px;font-weight:650;line-height:1.5;}
.beads-service-footer__benefits span {color:#497f76;margin-right:8px;}
.beads-service-footer__columns {display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(28px,5vw,80px);padding-block:48px;}
.beads-service-footer h2 {color:#fff;font-size:20px;margin:0 0 18px;line-height:1.3;}
.beads-service-footer p {color:#c2d1d7;line-height:1.65;margin:0 0 20px;max-width:38ch;}
.beads-service-footer address {font-style:normal;font-size:15px;line-height:1.7;margin-bottom:18px;}
.beads-service-footer a {color:#edf5f3;text-decoration:none;line-height:1.7;font-size:15px;text-underline-offset:4px;}
.beads-service-footer a:hover {color:#f4c15a;text-decoration:underline;}
.beads-service-footer a:focus-visible {outline:2px solid #f4c15a;outline-offset:4px;}
.beads-service-footer__company > a {display:block;width:fit-content;}
.beads-service-footer ul {list-style:none;padding:0;margin:0;display:grid;gap:10px;}
@media(max-width:719.98px) {
 .beads-service-footer__benefits .beads-service-footer__shell {grid-template-columns:1fr;gap:10px;padding-block:20px;}
 .beads-service-footer__columns {grid-template-columns:1fr 1fr;gap:32px 24px;padding-block:32px;}
 .beads-service-footer__company {grid-column:1/-1;}
 .beads-service-footer h2 {font-size:18px;}
}
@media(max-width:399.98px) {.beads-service-footer__columns {grid-template-columns:1fr;}}

.beads-service-footer__newsletter {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin-top:36px;background:#233b46;border:1px solid #38515b;border-radius:18px;}
.beads-service-footer__newsletter h2 {margin-bottom:10px;font-size:24px;}
.beads-service-footer__newsletter p {margin:0;max-width:64ch;}
.beads-service-footer__newsletter .beads-button {flex-shrink:0;color:#fff;text-align:center;white-space:normal;}
@media(max-width:719.98px) {.beads-service-footer__newsletter {flex-direction:column;align-items:flex-start;padding:24px;margin-top:24px;} .beads-service-footer__newsletter .beads-button {width:100%;}}

.beads-service-footer__loyalty a {display:inline-block;background:#2d4c51;padding:7px 12px;border-radius:8px;color:#fff;font-weight:650;}

.beads-service-footer .beads-service-footer__benefits p {color:#244846;max-width:none;margin:0;}

/* Inert newsletter preparation: enabled only after the Xendy handoff is implemented. */
.beads-newsletter-preparation {flex:0 1 520px;min-width:0;width:100%;}
.beads-newsletter-preparation fieldset {border:0;margin:0;padding:0;min-width:0;}
.beads-newsletter-preparation label {display:block;color:#edf5f3;font-size:14px;line-height:1.5;}
.beads-newsletter-preparation__row {display:flex;gap:10px;margin-top:8px;}
.beads-newsletter-preparation input[type=email] {min-width:0;flex:1;background:#f5f8f8;color:#526777;border:1px solid #a5b8bf;border-radius:8px;padding:12px;height:48px;opacity:1;}
.beads-newsletter-preparation button {background:#497e79;color:#fff;border:0;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.4;cursor:not-allowed;opacity:1;}
.beads-newsletter-preparation .beads-newsletter-preparation__consent {display:flex;gap:8px;margin-top:12px;color:#c2d1d7;font-size:13px;}
.beads-newsletter-preparation input[type=checkbox] {flex-shrink:0;margin-top:3px;}
.beads-service-footer .beads-newsletter-preparation p {margin-top:12px;max-width:none;font-size:13px;}
.beads-newsletter-preparation p a {font-size:13px;text-decoration:underline;}
@media(max-width:719.98px) {.beads-newsletter-preparation {flex-basis:auto;}}
@media(max-width:479.98px) {.beads-newsletter-preparation__row {flex-direction:column;} .beads-newsletter-preparation button {width:100%;}}

/* Compact informational loyalty card directly below the project calculator. */
.beads-home > .beads-section--loyalty {background:#fff7e7;}
.beads-home-loyalty {display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:28px;}
.beads-home-loyalty__icon {width:76px;height:76px;display:grid;place-items:center;background:#f7dfaa;color:#715b2b;border-radius:20px;}
.beads-home-loyalty__copy h2 {margin:0;font-size:clamp(24px,3vw,32px);line-height:1.2;}
.beads-home-loyalty__copy > p:not(.beads-eyebrow) {margin:12px 0;color:#526777;max-width:70ch;}
.beads-home-loyalty ul {display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;color:#366b66;}
.beads-home-loyalty .beads-button {max-width:260px;white-space:normal;text-align:center;}
@media(max-width:959.98px) {.beads-home-loyalty {grid-template-columns:64px minmax(0,1fr);} .beads-home-loyalty__icon {width:64px;height:64px;} .beads-home-loyalty .beads-button {grid-column:2;justify-self:start;max-width:none;}}
@media(max-width:479.98px) {.beads-home-loyalty {grid-template-columns:minmax(0,1fr);gap:18px;} .beads-home-loyalty .beads-button {grid-column:1;width:100%;}}

/* Native, initially collapsed homepage information; content is server rendered. */
.beads-home .beads-home-main-title {font-size:clamp(22px,2.5vw,30px);line-height:1.25;margin-bottom:22px;color:#182535;}
.beads-home > .beads-section--home-seo {background:#f8faf9;padding:24px 0;}
.beads-home-seo summary {cursor:pointer;color:#244846;font-size:18px;font-weight:650;line-height:1.5;}
.beads-home-seo summary:focus-visible {outline:2px solid #497e79;outline-offset:5px;}
.beads-home-seo__content {padding-top:20px;max-width:85ch;}
.beads-home-seo__content h2 {font-size:23px;line-height:1.3;margin:0 0 16px;}
.beads-home-seo__content p {color:#526777;line-height:1.75;margin:0 0 16px;}
.beads-home-seo__content ul {list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:20px 0 0;}
.beads-home-seo__content a {color:#286962;text-decoration:underline;text-underline-offset:3px;}

/* Genuine Paracord University video thumbnails; no embedded player or animation. */
.beads-university__videos {display:block;position:relative;background:#2a6e70;min-height:360px;isolation:isolate;}
.beads-university__videogrid {position:absolute;inset:-12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(-5deg) scale(1.08);}
.beads-university__videogrid img {width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;box-shadow:0 6px 16px #102f3d33;border-radius:8px;}
.beads-university__videos:after {content:"";position:absolute;inset:0;background:linear-gradient(135deg,#133c4822,#10344755);z-index:1;}
.beads-university__play {position:absolute;inset:0;display:grid;place-items:center;z-index:2;}
.beads-university__play svg {box-sizing:content-box;padding:16px;background:#ffffffeb;border-radius:24px;box-shadow:0 12px 32px #10273633;}
.beads-university__videos:focus-visible {outline:3px solid #163543;outline-offset:4px;}
@media (max-width:719.98px) {.beads-university__videos {min-height:260px;}.beads-university__videogrid img {height:100%;}}

/* Checkout Blocks: make native order note and coupon controls easier to spot. */
.wp-block-woocommerce-checkout .wc-block-checkout__add-note {
  margin-block: 1rem 1.25rem;
  padding: 1rem 1.125rem;
  border: 1px solid #a9d0ce;
  border-inline-start: 5px solid #23827f;
  border-radius: 0.75rem;
  background: #f1f8f7;
  box-shadow: 0 2px 8px rgb(18 70 68 / 7%);
}

.wp-block-woocommerce-checkout .wc-block-checkout__add-note:focus-within {
  outline: 3px solid rgb(35 130 127 / 28%);
  outline-offset: 2px;
}

.wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox {
  min-height: 2.75rem;
  align-items: center;
}

.wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox__label {
  color: #173f40;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.45;
}

.wp-block-woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-textarea {
  margin-block-start: 0.875rem;
  background: #fff;
}

:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon {
  margin-block: 0.75rem 1rem;
  overflow: hidden;
  border: 1px solid #dfc98f;
  border-inline-start: 5px solid #b88727;
  border-radius: 0.75rem;
  background: #fff8e8;
  box-shadow: 0 2px 9px rgb(95 71 20 / 9%);
}

:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__button {
  min-height: 3.5rem;
  padding: 0.875rem 1rem;
  color: #4a3a19;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: start;
  white-space: normal;
}

:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__button:focus-visible {
  outline: 3px solid #176f6b;
  outline-offset: -4px;
}

@media (max-width: 600px) {
  .wp-block-woocommerce-checkout .wc-block-checkout__add-note {
    padding: 0.875rem;
  }

  :is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__button {
    padding-right: 2.5rem;
  }
}

/* Cart and checkout: subtle, consistent coupon panel. */
:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon.wc-block-components-panel {
  padding: 0;
  border: 1px solid #c8ddda;
  border-radius: 0.75rem;
  background: #f3f8f7;
  box-shadow: none;
}

:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__button {
  min-height: 3.25rem;
  padding: 0.875rem 1rem;
  color: #244846;
  font-weight: 600;
  padding-left: 1rem !important; /* Woo core forces zero padding on every state. */
  padding-right: 2.5rem;
}

@media (max-width: 600px) {
  :is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__button {
    padding-right: 2.5rem;
  }
}

:is(.wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wp-block-woocommerce-cart-order-summary-coupon-form-block) .wc-block-components-totals-coupon .wc-block-components-panel__content {
  padding: 0 1rem 1rem;
}

/* Mobile category artwork: preserve the full source composition and keep the
   category name in a dedicated strip instead of painting over the product. */
@media (max-width: 719.98px) {
    .beads-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .beads-category-grid .beads-category-card:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
        min-height: 0;
        display: grid;
        grid-template-rows: auto 1fr;
        align-items: stretch;
        border-radius: 14px;
    }

    .beads-category-card__image {
        position: relative;
        inset: auto;
        z-index: 0;
        height: auto;
        aspect-ratio: 1 / 1;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #eef3f3;
    }

    .beads-category-card__image--closure {
        background-position: center;
        background-size: contain;
    }

    .beads-category-card::after {
        display: none;
    }

    .beads-category-card__body {
        min-height: 52px;
        box-sizing: border-box;
        padding: 8px 10px;
        align-content: center;
        background: #244846;
    }

    .beads-category-card__body strong {
        gap: 5px;
        font-size: clamp(14px, 2.8vw, 17px);
        line-height: 1.2;
    }

}

@media (max-width: 719.98px) {
    .beads-category-card__image--paracord {
        background-image: url('/wp-content/uploads/2026/07/EL02112-1.jpg') !important;
    }

    .beads-category-card__image--paracord.beads-category-card__image--paracord-it {
        background-image: url('123beads-home-category-images/paracord-it-home-mobile-v1.webp') !important;
    }

    .beads-category-card__image--biothane {
        background-image: url('/wp-content/uploads/2026/07/EL01113-1-600x600.jpg') !important;
    }
}

/* The 4:3 video stills fit a 2x2 tile field; remove the mobile-only crop from
   the rotated/scaled desktop collage and preserve the complete still frames. */
@media (max-width: 719.98px) {
    .beads-university__videos {
        min-height: 0;
        aspect-ratio: auto;
    }

    .beads-university__videogrid {
        position: relative;
        inset: auto;
        grid-template-rows: repeat(2, auto);
        gap: 8px;
        transform: none;
    }

    .beads-university__videogrid img {
        height: auto;
        background: #edf5f3;
        object-fit: contain;
        border-radius: 5px;
    }

    .beads-university__videos::after,
    .beads-university__play {
        display: none;
    }
}
/* Keep the WooCommerce Blocks cart row inside narrow phones while retaining
   its product, quantity/removal controls, and line total. */
@media (max-width: 359.98px) {
    .wp-block-woocommerce-cart .wc-block-cart-items {
        width: 100%;
        table-layout: fixed;
    }

    .wp-block-woocommerce-cart .wc-block-cart-items__row {
        display: grid !important;
        grid-template-columns: 80px minmax(0, 1fr) !important;
        grid-auto-rows: auto !important;
        column-gap: 12px !important;
        width: 100% !important;
    }

    .wp-block-woocommerce-cart .wc-block-cart-items__row > td {
        display: block !important;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        min-width: 0 !important;
        padding: 8px 0 !important;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__image img {
        width: 64px !important;
        height: 64px !important;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        padding: 8px 0 4px !important;
        overflow-wrap: anywhere;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__total {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 4px 0 8px !important;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: right;
        align-self: start !important;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__quantity {
        flex-wrap: wrap;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
        min-width: 44px;
        min-height: 44px;
        padding: 10px;
    }
}


/* Managed inspiration pages need a full-width title and image, unlike compact category tiles. */
.beads-shop-categories--text-pages .beads-shop-category--text-page .beads-shop-category__main {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    align-content: start;
    align-items: start;
    min-height: 0;
    padding: 10px;
}

.beads-shop-categories--text-pages .beads-shop-category--text-page .beads-shop-category__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 10px;
    background-color: #f3f8f7;
}

.beads-shop-categories--text-pages .beads-shop-category--text-page .beads-shop-category__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.beads-shop-categories--text-pages .beads-shop-category--text-page .beads-shop-category__text,
.beads-shop-categories--text-pages .beads-shop-category--text-page .beads-shop-category__main strong {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

@media (max-width: 719.98px) {
    .beads-shop-categories--text-pages .beads-shop-categories__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 379.98px) {
    .beads-shop-categories--text-pages .beads-shop-categories__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* Full uncropped project photo on each mapped inspiration detail page. */
.beads-inspiration-detail {
    width: min(100%, 760px);
    margin: 0 auto 1.5rem;
}

.beads-inspiration-detail img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}


@media (max-width: 719.98px) {
    .beads-category-card__image--paracord-accessoires {
        background-image: url('123beads-home-category-images/accessories-mobile-v2.webp') !important;
    }
}


/* EM-X ceramic category: show the real product photo without cropping it. */
.beads-category-card__image--emx {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Place the eight established top-level catalog categories in the requested two-row layout. */
@media (min-width: 1000px) {
    .menu-item.beads-mega > .sub-menu > .beads-mega-row1-paracord {
        grid-column: 1;
        grid-row: 1;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row1-accessories {
        grid-column: 2 / span 3;
        grid-row: 1;
        background: #f0f8f6;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row1-accessories > .sub-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 8px;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row1-adapters {
        grid-column: 5;
        grid-row: 1;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row2-biothane {
        grid-column: 1;
        grid-row: 2;
        background: #f0f8f6;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row2-closures {
        grid-column: 2;
        grid-row: 2;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row2-ceramics {
        grid-column: 3;
        grid-row: 2;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row2-ppm {
        grid-column: 4;
        grid-row: 2;
    }
    .menu-item.beads-mega > .sub-menu > .beads-mega-row2-premium {
        grid-column: 5;
        grid-row: 2;
    }
}

/* Give the existing localized Sale category a clear, readable accent. */
.menu-item.beads-mega > .sub-menu > .beads-category-menu-item--sale > .ct-menu-link {
    color: #8d2635;
    font-weight: 900;
}
.menu-item.beads-mega > .sub-menu > .beads-category-menu-item--sale > .ct-menu-link:hover,
.menu-item.beads-mega > .sub-menu > .beads-category-menu-item--sale > .ct-menu-link:focus-visible {
    color: #641a26;
}


/* Homepage DIY set feature, placed between the calculator and loyalty cards. */
.beads-home > .beads-section--diy {background:#edf6f2;}
.beads-home-diy {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,56px);}
.beads-home-diy__image {display:block;overflow:hidden;aspect-ratio:3/2;border-radius:20px;background:#dfece7;}
.beads-home-diy__image img {display:block;width:100%;height:100%;object-fit:contain;}
.beads-home-diy__copy h2 {margin:0;font-size:clamp(26px,3.3vw,38px);line-height:1.18;}
.beads-home-diy__copy > p:not(.beads-eyebrow) {max-width:48ch;margin:14px 0 22px;color:#526777;line-height:1.65;}
.beads-home-diy__copy .beads-button {white-space:normal;}
@media(max-width:719.98px) {.beads-home-diy {grid-template-columns:minmax(0,1fr);gap:22px;} .beads-home-diy__image {aspect-ratio:3/2;} }
@media(max-width:479.98px) {.beads-home-diy__copy .beads-button {width:100%;text-align:center;} }

/* Calculator teaser: one quiet, informational ribbon; no current-state styling. */
.beads-section--calculator {
    padding-block: 26px;
}
.beads-calculator-promo {
    row-gap: 10px;
}
.beads-calculator-promo p:not(.beads-eyebrow) {
    margin-top: 10px;
}
.beads-calculator-promo__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-column: 1 / -1;
    gap: 0;
    margin: 0;
    padding: 11px 8px;
    border: 1px solid rgb(232 255 248 / 22%);
    border-radius: 14px;
    background: rgb(232 255 248 / 9%);
    list-style: none;
}
.beads-calculator-promo__steps li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}
.beads-calculator-promo__steps li {
    position: relative;
}
.beads-calculator-promo__steps li + li::before {
    content: "";
    position: absolute;
    left: -4px;
    top: calc(50% - 4px);
    width: 7px;
    height: 7px;
    border-top: 1px solid rgb(232 255 248 / 70%);
    border-right: 1px solid rgb(232 255 248 / 70%);
    transform: rotate(45deg);
}
.beads-calculator-promo__number {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border: 1px solid rgb(232 255 248 / 65%);
    border-radius: 50%;
    background: rgb(232 255 248 / 8%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
@media (min-width: 720px) {
    .beads-section--calculator { padding-block: 32px; }
}
@media (max-width: 719.98px) {
    .beads-calculator-promo { width: calc(100% - 24px); }
    .beads-calculator-promo__steps {
        grid-template-columns: repeat(5, max-content);
        justify-content: space-between;
        row-gap: 0;
        padding: 10px 4px;
    }
    .beads-calculator-promo__steps li {
        grid-column: auto;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        font-size: 13px;
        white-space: nowrap;
    }
    .beads-calculator-promo__steps li + li::before {
        left: -4px;
        top: 9px;
        width: 4px;
        height: 4px;
    }
    .beads-calculator-promo__number {
        flex-basis: 23px;
        width: 23px;
        height: 23px;
        font-size: 12px;
    }
}
@media (max-width: 479.98px) {
    .beads-section--calculator { padding-block: 16px; }
    .beads-calculator-promo .beads-eyebrow { display: none; }
}
@media (max-width: 359.98px) {
    .beads-calculator-promo__steps li { font-size: 12px; }
    .beads-calculator-promo__number { flex-basis: 22px; width: 22px; height: 22px; }
}


/* Homepage EM-X ceramic tile: fixed reference asset and compact one-line label. */
.beads-category-card--emx-home-label .beads-category-card__image--emx {
    background-image: url('123beads-home-category-images/ceramic-real-v1.jpg') !important;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.beads-category-card--emx-home-label .beads-category-card__body strong {
    justify-content: space-between;
    gap: 6px;
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap;
}
.beads-category-card--emx-home-label .beads-category-card__arrow {
    flex: 0 0 auto;
    margin-left: auto;
}
@media (max-width: 479.98px) {
    .beads-category-card--emx-home-label .beads-category-card__body strong {
        font-size: 16px;
    }
}


@media (min-width: 1000px) {
    .menu-item.beads-mega > .sub-menu > .beads-overig-heading {
        grid-column: span 2;
    }

    .menu-item.beads-mega > .sub-menu > .beads-overig-heading > .beads-overig-heading__label {
        display: block;
        min-height: auto;
        padding: 0 0 9px;
        color: var(--beads-ink);
        font-size: 15px;
        font-weight: 850;
        line-height: 1.4;
    }

    .menu-item.beads-mega > .sub-menu > .beads-overig-heading > .sub-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 8px;
    }

    .menu-item.beads-mega > .sub-menu .beads-overig-link > .ct-menu-link {
        min-height: auto;
        padding: 7px 8px;
        border-radius: 8px;
        color: #42536b;
        font-size: 13px;
        line-height: 1.25;
    }

    .menu-item.beads-mega > .sub-menu .beads-overig-link > .ct-menu-link:hover,
    .menu-item.beads-mega > .sub-menu .beads-overig-link > .ct-menu-link:focus-visible {
        background: #eaf4f1;
        color: var(--beads-accent-dark);
    }

    .menu-item.beads-mega > .sub-menu .beads-overig-link.beads-category-menu-item--sale > .ct-menu-link {
        color: #b42318;
        font-weight: 800;
    }
}