/* ==========================================================================
   PBBM AI Effects v3.0.32
   ========================================================================== */

/* --------------------------------------------------------------------------
   My AI Effects page
   -------------------------------------------------------------------------- */
.pbbm-aieffects-wrap { max-width: 1100px; margin: 0 auto; }
.pbbm-aieffects-login { max-width: 460px; margin: 0 auto; text-align: center; }
.pbbm-aieffects-login h2 { margin-bottom: 1rem; }
.pbbm-aieffects-subtext { margin-top: 1.5rem; font-size: 0.95rem; color: #555; }
.pbbm-aieffects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}
.pbbm-aieffects-card {
    border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden;
    background: #fff; transition: box-shadow 0.2s ease;
    display: flex; flex-direction: column;
}
.pbbm-aieffects-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
.pbbm-aieffects-card-link { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
.pbbm-aieffects-card-thumb { background: #f4f4f4; aspect-ratio: 4 / 3; overflow: hidden; }
.pbbm-aieffects-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pbbm-aieffects-card-body { padding: 1rem 1.1rem 1.2rem; }
.pbbm-aieffects-card-body h3 { margin: 0 0 0.4rem; font-size: 1.1rem; line-height: 1.3; }
.pbbm-aieffects-card-body p { margin: 0; font-size: 0.9rem; color: #555; line-height: 1.4; }
.pbbm-aieffects-empty { background: #fafafa; border: 1px dashed #ddd; padding: 2rem; text-align: center; border-radius: 8px; }
.pbbm-aieffects-empty p { margin: 0 0 1rem; }

/* --------------------------------------------------------------------------
   Platform badges
   -------------------------------------------------------------------------- */
.pbbm-platforms { display: inline-flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.5rem 0; }
.pbbm-platform-badge {
    display: inline-flex; align-items: center; gap: 0.45rem;
    padding: 0.32rem 0.7rem; border-radius: 100px; font-size: 0.78rem;
    font-weight: 500; background: #FAF8F3; border: 1px solid #E8E5DD;
    color: #0E0E14; line-height: 1.2;
}
.pbbm-platform-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.pbbm-platform-dot-chatgpt { background: #10A37F; }
.pbbm-platform-dot-gemini  { background: #4285F4; }
.pbbm-platform-dot-copilot { background: #7B5CE5; }

/* --------------------------------------------------------------------------
   Prompt block and copy button
   -------------------------------------------------------------------------- */
.pbbm-prompt-block { margin: 1rem 0; }
.pbbm-prompt-box {
    position: relative; background: #0E0E14; color: #E8E5DD;
    border-radius: 6px; padding: 1.5rem 1.7rem 4.5rem;
}
.pbbm-prompt-text {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.88rem; line-height: 1.65; white-space: pre-wrap;
    word-break: break-word; margin: 0; background: transparent;
    color: inherit; border: none; padding: 0;
}
.pbbm-copy-btn {
    position: absolute; right: 1rem; bottom: 1rem;
    background: #FFFFFF; color: #0E0E14; border: none;
    padding: 0.65rem 1.1rem; font-size: 0.9rem; font-weight: 600;
    border-radius: 6px; cursor: pointer; display: inline-flex;
    align-items: center; gap: 0.5rem;
    transition: background 0.15s ease, color 0.15s ease, transform 0.05s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); font-family: inherit; line-height: 1.2;
}
.pbbm-copy-btn:hover { background: #F4F1E9; }
.pbbm-copy-btn:active { transform: translateY(1px); }
.pbbm-copy-btn.pbbm-copied { background: #1E5630; color: #fff; }
.pbbm-copy-btn-icon { font-size: 1rem; line-height: 1; }
.pbbm-copy-btn-label { line-height: 1; }

/* --------------------------------------------------------------------------
   Optional Controls accordion
   -------------------------------------------------------------------------- */
.pbbm-mods-accordion {
    margin: 0.8rem 0 1.5rem; border: 1px solid #E8E5DD;
    border-radius: 6px; background: #FAF8F3; overflow: hidden;
}
.pbbm-mods-accordion > summary {
    cursor: pointer; padding: 1rem 1.15rem; list-style: none;
    display: flex; align-items: center; justify-content: space-between;
    user-select: none;
}
.pbbm-mods-accordion > summary::-webkit-details-marker { display: none; }
.pbbm-mods-accordion > summary::after {
    content: '+'; font-size: 1.5rem; font-weight: 400; line-height: 1;
    color: #5C5C66; margin-left: 0.7rem; flex-shrink: 0;
}
.pbbm-mods-accordion[open] > summary::after { content: '\2013'; }
.pbbm-mods-summary-title {
    display: inline-flex; align-items: center; gap: 0.55rem;
    font-size: 1.2rem; font-weight: 700; color: #0E0E14; line-height: 1.2;
}
.pbbm-mods-summary-icon { font-size: 1.35rem; line-height: 1; }
.pbbm-mods-summary-label { line-height: 1.2; }
.pbbm-mods-summary-hint {
    font-size: 0.78rem; font-weight: 400; color: #8A8A93;
    margin-left: auto; margin-right: 0.6rem;
}
.pbbm-mods-content { padding: 1rem 1.2rem 1.3rem; display: grid; gap: 1.2rem; }

/* --------------------------------------------------------------------------
   Dropdown row
   -------------------------------------------------------------------------- */
.pbbm-mod-dropdown-row { display: grid; gap: 0.4rem; }
.pbbm-mod-dropdown-label { font-size: 0.85rem; font-weight: 600; color: #0E0E14; }
.pbbm-mod-dropdown {
    display: inline-block; width: auto; max-width: 340px; min-width: 200px;
    padding: 0.7rem 2.4rem 0.7rem 0.9rem;
    border: 1px solid #D6D2C7 !important; border-radius: 5px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235C5C66' d='M6 8 0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.85rem center !important;
    background-size: 12px 8px !important;
    font-family: inherit; font-size: 0.95rem; line-height: 1.5;
    color: #0E0E14; cursor: pointer; height: auto;
    -webkit-appearance: none !important; -moz-appearance: none !important;
    appearance: none !important;
}
.pbbm-mod-dropdown:focus { outline: 2px solid #0E0E14; outline-offset: 1px; }


/* --------------------------------------------------------------------------
   Dropdown selected-row highlight, v3.0.31
   Preserve the original styled dropdown height and appearance, while nudging
   supporting browsers to show the selected option as the expected blue row
   inside the open menu.
   -------------------------------------------------------------------------- */
.pbbm-mod-dropdown option {
    font-family: inherit;
    font-size: 0.95rem;
    line-height: 1.5;
    padding: 0.45rem 0.8rem;
    background: #fff;
    color: #0E0E14;
}

.pbbm-mod-dropdown option:checked {
    background: #3B82E6 !important;
    color: #fff !important;
}


/* --------------------------------------------------------------------------
   Dropdown open menu background fix, v3.0.31
   Force the native option list to render with solid white rows and black text
   so the open dropdown does not appear transparent over the page.
   -------------------------------------------------------------------------- */
.pbbm-mod-dropdown,
.pbbm-mod-dropdown:focus,
.pbbm-mod-dropdown:active {
    background-color: #fff !important;
    color: #0E0E14 !important;
}

.pbbm-mod-dropdown option,
.pbbm-mod-dropdown option:hover,
.pbbm-mod-dropdown option:focus {
    background-color: #fff !important;
    color: #0E0E14 !important;
}

.pbbm-mod-dropdown option:checked {
    background-color: #3B82E6 !important;
    color: #fff !important;
}


/* --------------------------------------------------------------------------
   Chrome dropdown color scheme fix, v3.0.31
   Chrome can render native select popup rows dark when the page or browser
   color scheme is dark. Force this dropdown and its popup options to use the
   light form-control color scheme.
   -------------------------------------------------------------------------- */
.pbbm-mod-dropdown {
    color-scheme: light !important;
}

.pbbm-mod-dropdown option {
    color-scheme: light !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0E0E14 !important;
}

.pbbm-mod-dropdown option:not(:checked) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0E0E14 !important;
}

.pbbm-mod-dropdown option:checked {
    background: #3B82E6 !important;
    background-color: #3B82E6 !important;
    color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   Custom dropdown menu, v3.0.31
   Replaces only the visible dropdown menu so Chrome cannot apply a dark or
   translucent native popup. The hidden select still stores the real value for
   the prompt system.
   -------------------------------------------------------------------------- */
.pbbm-native-select-hidden {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pbbm-custom-select {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 340px;
    min-width: 200px;
}

.pbbm-custom-select-button {
    width: 100%;
    min-height: 44px;
    padding: 0.7rem 2.4rem 0.7rem 0.9rem;
    border: 1px solid #D6D2C7 !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235C5C66' d='M6 8 0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.85rem center !important;
    background-size: 12px 8px !important;
    color: #0E0E14 !important;
    font-family: inherit;
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
    box-shadow: none !important;
}

.pbbm-custom-select-button:focus {
    outline: 2px solid #0E0E14;
    outline-offset: 1px;
}

.pbbm-custom-select-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 999999;
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    padding: 0.35rem 0;
    border: 1px solid #BFBFBF;
    border-radius: 8px;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

.pbbm-custom-select.is-open .pbbm-custom-select-menu {
    display: block;
}

.pbbm-custom-select-option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.48rem 0.85rem;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #0E0E14 !important;
    font-family: inherit;
    font-size: 0.95rem;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    box-shadow: none !important;
}

.pbbm-custom-select-option:hover,
.pbbm-custom-select-option:focus {
    background: #f2f2f2 !important;
    color: #0E0E14 !important;
    outline: none;
}

.pbbm-custom-select-option.is-selected {
    background: #3B82E6 !important;
    color: #fff !important;
}

.pbbm-custom-select-option.is-selected::before {
    content: "\2713";
    display: inline-block;
    width: 1.15rem;
    margin-right: 0.25rem;
    font-weight: 700;
}

.pbbm-custom-select-option:not(.is-selected)::before {
    content: "";
    display: inline-block;
    width: 1.15rem;
    margin-right: 0.25rem;
}

/* --------------------------------------------------------------------------
   Pill toggle
   -------------------------------------------------------------------------- */
.pbbm-mod-pills-list { display: grid; gap: 0.9rem; }
.pbbm-mod-pill-row { display: flex; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.pbbm-mod-pill {
    background: #fff; color: #0E0E14; border: 1px solid #D6D2C7;
    border-radius: 100px; padding: 0.55rem 1.15rem; font-family: inherit;
    font-size: 0.87rem; font-weight: 500; cursor: pointer;
    display: inline-flex; align-items: center; gap: 0.55rem;
    transition: all 0.15s ease; min-width: 140px;
    justify-content: flex-start; line-height: 1.2;
}
.pbbm-mod-pill-dot {
    width: 10px; height: 10px; border-radius: 50%;
    border: 1.5px solid #C4BEB0; background: transparent;
    display: inline-block; transition: all 0.15s ease; flex-shrink: 0;
}
.pbbm-mod-pill:hover { border-color: #0E0E14; }
.pbbm-mod-pill[aria-pressed="true"] { background: #0E0E14; color: #fff; border-color: #0E0E14; }
.pbbm-mod-pill[aria-pressed="true"] .pbbm-mod-pill-dot { background: #fff; border-color: #fff; }
.pbbm-mod-pill-desc {
    flex: 1; min-width: 200px; font-size: 12pt;
    color: #5C5C66; margin: 0.2rem 0 0; line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Prompt block error state
   -------------------------------------------------------------------------- */
.pbbm-prompt-error {
    background: #FFEBEB; border: 1px solid #E5A5A5; color: #7A1F1F;
    padding: 1rem; border-radius: 6px; font-size: 0.9rem;
}

/* ==========================================================================
   Pack owner view
   Only applies when body.pbbm-pack-owner-view is present (logged in user
   who owns the pack, product in category 387).
   ========================================================================== */

/* Hide ALL WooCommerce and Flatsome commerce furniture for owners */
body.pbbm-pack-owner-view .product .price,
body.pbbm-pack-owner-view .product form.cart,
body.pbbm-pack-owner-view .product .cart,
body.pbbm-pack-owner-view .product .product_meta,
body.pbbm-pack-owner-view .product_meta,
body.pbbm-pack-owner-view .related.products,
body.pbbm-pack-owner-view .up-sells,
body.pbbm-pack-owner-view .product-gallery-slider,
body.pbbm-pack-owner-view .product-images,
body.pbbm-pack-owner-view .images,
body.pbbm-pack-owner-view .product-thumbnails,
body.pbbm-pack-owner-view .single_add_to_cart_button,
body.pbbm-pack-owner-view .yith-wcwl-add-to-wishlist,
body.pbbm-pack-owner-view .single-product-header,
body.pbbm-pack-owner-view .woocommerce-product-gallery,
body.pbbm-pack-owner-view .woocommerce-product-gallery__wrapper,
body.pbbm-pack-owner-view .col.is-sticky-column,
body.pbbm-pack-owner-view .bb-custom-fields,
body.pbbm-pack-owner-view .product-price-container,
body.pbbm-pack-owner-view .price-wrapper,
body.pbbm-pack-owner-view .add-to-cart-container,
body.pbbm-pack-owner-view .tabs.wc-tabs,
body.pbbm-pack-owner-view ul.tabs.wc-tabs,
body.pbbm-pack-owner-view .wc-tabs-wrapper > .tabs,
body.pbbm-pack-owner-view #tab-reviews,
body.pbbm-pack-owner-view #tab-additional_information,
body.pbbm-pack-owner-view .product-page-price,

/* Hide the WooCommerce short description / excerpt for owners */
body.pbbm-pack-owner-view .product-short-description,
body.pbbm-pack-owner-view .woocommerce-product-details__short-description,

/* Hide the entire product summary row (gallery + summary columns).
   For owners this row is empty except for the short description remnant
   and leaves visible empty columns and whitespace. */
body.pbbm-pack-owner-view .product-container > .row,
body.pbbm-pack-owner-view .product-main > .row,

/* Hide the centered WooCommerce product title for owners.
   The owner content has its own H2 title. */
body.pbbm-pack-owner-view .product-title-container,
body.pbbm-pack-owner-view h1.product-title,
body.pbbm-pack-owner-view h1.product_title,
body.pbbm-pack-owner-view h1.entry-title,

/* Kill ALL dividers on the page for owners. Flatsome sprinkles these
   between product sections and they leave visible horizontal rules
   when the surrounding content is hidden. */
body.pbbm-pack-owner-view .is-divider {
    display: none !important;
}

/* Collapse whitespace from hidden product summary elements */
body.pbbm-pack-owner-view .product-summary,
body.pbbm-pack-owner-view .summary,
body.pbbm-pack-owner-view .entry-summary,
body.pbbm-pack-owner-view .product-info {
    width: 100% !important; max-width: 100% !important;
    float: none !important;
    padding: 0 !important; margin: 0 !important; min-height: 0 !important;
}

body.pbbm-pack-owner-view .product-container,
body.pbbm-pack-owner-view .product-main {
    padding: 0 !important; margin: 0 !important; min-height: 0 !important;
}

/* Force main content column to full width */
body.pbbm-pack-owner-view .col.large-9,
body.pbbm-pack-owner-view .col.large-8,
body.pbbm-pack-owner-view .col.medium-9,
body.pbbm-pack-owner-view .col.medium-8 {
    flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
}

/* Constrain the description panel to comfortable reading width */
body.pbbm-pack-owner-view .woocommerce-Tabs-panel--description,
body.pbbm-pack-owner-view .panel.entry-content {
    width: 90%; max-width: 1400px; margin-left: auto; margin-right: auto;
}


/* --------------------------------------------------------------------------
   Owner view hardening, v3.0.31
   These rules remove residual Flatsome and WooCommerce spacing for customers
   who already own the AI Effects pack, while leaving the prompt system intact.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view .product-gallery,
body.pbbm-pack-owner-view .product-info,
body.pbbm-pack-owner-view .product-info .product-title,
body.pbbm-pack-owner-view .product-info .price-wrapper,
body.pbbm-pack-owner-view .product-info .cart,
body.pbbm-pack-owner-view .product-info .product_meta,
body.pbbm-pack-owner-view .product-sidebar,
body.pbbm-pack-owner-view .product-footer .woocommerce-tabs .tabs,
body.pbbm-pack-owner-view .next-prev-thumbs,
body.pbbm-pack-owner-view .is-divider {
    display: none !important;
}

body.pbbm-pack-owner-view .product-container > .row,
body.pbbm-pack-owner-view .product-main > .row,
body.pbbm-pack-owner-view .product-summary.row,
body.pbbm-pack-owner-view .product-info.summary {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    border: 0 !important;
}

body.pbbm-pack-owner-view .product-main,
body.pbbm-pack-owner-view .product-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.pbbm-pack-owner-view .pbbm-pack-owner-content {
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.pbbm-pack-owner-view .pbbm-pack-owner-content > :first-child {
    margin-top: 0 !important;
}

body.pbbm-pack-owner-view .pbbm-pack-owner-content h1,
body.pbbm-pack-owner-view .pbbm-pack-owner-content h2,
body.pbbm-pack-owner-view .pbbm-pack-owner-content h3 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.85rem !important;
}

body.pbbm-pack-owner-view .pbbm-pack-owner-content p:first-of-type {
    margin-top: 0 !important;
}

body.pbbm-pack-owner-view .woocommerce-Tabs-panel--description,
body.pbbm-pack-owner-view .panel.entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* --------------------------------------------------------------------------
   Owner view vertical spacing, v3.0.31
   The owner page uses the description panel as the usable product content.
   Hide the empty top product area entirely so the owner content begins close
   to the breadcrumb instead of leaving the Flatsome gallery and summary gap.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .product-main {
    display: none !important;
}

body.pbbm-pack-owner-view.single-product .product-footer,
body.pbbm-pack-owner-view.single-product .product-footer .container,
body.pbbm-pack-owner-view.single-product .woocommerce-tabs,
body.pbbm-pack-owner-view.single-product .tabbed-content,
body.pbbm-pack-owner-view.single-product .tab-panels,
body.pbbm-pack-owner-view.single-product .woocommerce-Tabs-panel,
body.pbbm-pack-owner-view.single-product .woocommerce-Tabs-panel--description,
body.pbbm-pack-owner-view.single-product #tab-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.pbbm-pack-owner-view.single-product .woocommerce-breadcrumb {
    margin-bottom: 1.25rem !important;
}

body.pbbm-pack-owner-view.single-product .product-footer {
    border-top: 0 !important;
}


/* --------------------------------------------------------------------------
   Owner direct content placement, v3.0.31
   The owner content is now rendered before the normal WooCommerce product
   layout. These rules keep it close to the breadcrumb and hide the now empty
   WooCommerce product sections underneath it.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content {
    width: 90% !important;
    max-width: 1400px !important;
    margin: 1.25rem auto 0 !important;
    padding: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content .pbbm-pack-owner-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content .pbbm-pack-owner-content > :first-child {
    margin-top: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content h1,
body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content h2,
body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content h3 {
    margin-top: 0 !important;
}

body.pbbm-pack-owner-view.single-product .product-main,
body.pbbm-pack-owner-view.single-product .product-footer,
body.pbbm-pack-owner-view.single-product .woocommerce-tabs,
body.pbbm-pack-owner-view.single-product .wc-tabs-wrapper,
body.pbbm-pack-owner-view.single-product .tabbed-content,
body.pbbm-pack-owner-view.single-product .tab-panels {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}



/* --------------------------------------------------------------------------
   Owner breadcrumb and direct content spacing, v3.0.31
   This keeps the owner content near the breadcrumb while preserving the normal
   grey uppercase breadcrumb styling.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .shop-page-title .woocommerce-breadcrumb:not(.pbbm-owner-breadcrumb),
body.pbbm-pack-owner-view.single-product .page-title .woocommerce-breadcrumb:not(.pbbm-owner-breadcrumb),
body.pbbm-pack-owner-view.single-product .product-page-title .woocommerce-breadcrumb:not(.pbbm-owner-breadcrumb) {
    display: none !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-shell {
    width: 90% !important;
    max-width: 1400px !important;
    margin: 1.65rem auto 0 !important;
    padding: 0 !important;
}


/* --------------------------------------------------------------------------
   Owner breadcrumb normal styling, v3.0.31
   Uses WooCommerce's breadcrumb output in the relocated owner area, then
   matches the normal Flatsome breadcrumb look.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb-wrap {
    margin: 0 0 2.25rem 0 !important;
    padding: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #888 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb,
body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb a,
body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb a:visited,
body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb a:hover {
    color: #888 !important;
    text-decoration: none !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-breadcrumb .divider {
    color: #b8b8b8 !important;
    padding: 0 0.45rem !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.pbbm-pack-owner-view.single-product .pbbm-owner-direct-content .pbbm-pack-owner-content > :first-child {
    margin-top: 0 !important;
}


/* --------------------------------------------------------------------------
   Owner page bottom cleanup, v3.0.31
   Hide the original WooCommerce breadcrumb and related products that can still
   appear underneath the relocated owner content in some Flatsome layouts.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .woocommerce-breadcrumb {
    display: none !important;
}

body.pbbm-pack-owner-view.single-product .related.products,
body.pbbm-pack-owner-view.single-product section.related.products,
body.pbbm-pack-owner-view.single-product .product-section.related-products-wrapper,
body.pbbm-pack-owner-view.single-product .related-products-wrapper,
body.pbbm-pack-owner-view.single-product .woocommerce .related.products,
body.pbbm-pack-owner-view.single-product .product-footer .related.products,
body.pbbm-pack-owner-view.single-product .product-footer .product-section {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   Owner breadcrumb duplicate fix, v3.0.31
   Hide original WooCommerce breadcrumbs on owner pages only. The relocated
   owner breadcrumb uses .pbbm-owner-breadcrumb instead, so it remains visible.
   -------------------------------------------------------------------------- */
body.pbbm-pack-owner-view.single-product .woocommerce-breadcrumb {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Mobile refinements
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
    .pbbm-prompt-box { padding: 1.2rem 1.2rem 4rem; }
    .pbbm-copy-btn { padding: 0.55rem 0.9rem; font-size: 0.85rem; }
    .pbbm-mods-accordion > summary { padding: 0.85rem 1rem; }
    .pbbm-mods-summary-title { font-size: 1.05rem; }
    .pbbm-mods-summary-icon { font-size: 1.15rem; }
    .pbbm-mods-summary-hint { font-size: 0.72rem; }
    .pbbm-mod-dropdown { width: 100%; max-width: 100%; }
    .pbbm-mod-pill { min-width: 0; width: 100%; justify-content: flex-start; }
    .pbbm-mod-pill-row { gap: 0.5rem; }
    .pbbm-mod-pill-desc { min-width: 0; }
    body.pbbm-pack-owner-view .woocommerce-Tabs-panel--description,
    body.pbbm-pack-owner-view .panel.entry-content { width: 95%; }
}


/* --------------------------------------------------------------------------
   AI Effects order access helper, v3.0.31
   -------------------------------------------------------------------------- */
.pbbm-ai-order-cta {
    margin: 2rem 0;
    padding: 1.35rem 1.5rem;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fafafa;
}

.pbbm-ai-order-cta h3 {
    margin-top: 0;
}


/* --------------------------------------------------------------------------
   My AI Effects Flatsome module helpers, v3.0.31
   -------------------------------------------------------------------------- */
.pbbm-aieffects-empty {
    text-align: center;
    margin: 2rem auto;
    max-width: 620px;
}


/* --------------------------------------------------------------------------
   My AI Effects main menu highlight, v3.0.31
   -------------------------------------------------------------------------- */
.pbbm-my-ai-effects-menu-item > a,
.nav .pbbm-my-ai-effects-menu-item > a,
.header-nav .pbbm-my-ai-effects-menu-item > a {
    color: #c00000 !important;
    font-weight: 700 !important;
}

.pbbm-my-ai-effects-menu-item > a:hover,
.nav .pbbm-my-ai-effects-menu-item > a:hover,
.header-nav .pbbm-my-ai-effects-menu-item > a:hover {
    color: #900000 !important;
}


/* --------------------------------------------------------------------------
   Compact radio controls, v3.0.32
   -------------------------------------------------------------------------- */
.pbbm-radio-control-row {
    margin: 0 0 18px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.pbbm-radio-control-label {
    display: block;
    margin: 0 0 8px;
    font-weight: 700;
    line-height: 1.35;
}

.pbbm-radio-options {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.pbbm-radio-option {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.pbbm-radio-option input[type="radio"] {
    margin: 0;
}