
            .sbb-is-hidden { display: none !important; }
            .sbb-text-align-left { text-align: left; }
            .sbb-text-align-center { text-align: center; }
            .sbb-text-align-right { text-align: right; }
            .sbb-offers { margin: 26px 0; padding: 18px; border: 1px solid #e9ecef; border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%); box-shadow: 0 8px 24px rgba(17,24,39,.06); }
            .sbb-offers h3 { margin: 0 0 6px; font-size: 26px; line-height: 1.15; font-weight: 700; color: #111827; }
            .sbb-subtext { margin: 0 0 16px; color: #4b5563; }
            .sbb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; align-items: stretch; }
            .sbb-grid-viewport { width: 100%; }
            .sbb-offers.sbb-slider-active .sbb-grid {
                display: flex;
                flex-wrap: nowrap;
                gap: 20px;
                padding-bottom: 6px;
                will-change: transform;
                cursor: grab;
                user-select: none;
            }
            .sbb-offers[data-sbb-slider="1"] .sbb-grid {
                display: flex;
                flex-wrap: nowrap;
                gap: 20px;
            }
            .sbb-offers.sbb-slider-active .sbb-grid-viewport {
                overflow-x: hidden;
                overflow-y: visible;
                padding-bottom: 16px;
            }
            .sbb-offers[data-sbb-slider="1"] .sbb-grid-viewport {
                overflow-x: hidden;
                overflow-y: visible;
            }
            .sbb-offers.sbb-slider-active .sbb-card {
                flex: 0 0 calc((100% - 80px) / 5);
                scroll-snap-align: start;
            }
            .sbb-offers .sbb-slider-controls {
                display: flex;
                justify-content: flex-end;
                gap: 8px;
                margin: 0 0 12px;
            }
            .sbb-offers .sbb-offers-header { margin: 0 0 14px; }
            .sbb-offers .sbb-offers-header.has-slider { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
            .sbb-offers .sbb-offers-header-text { min-width: 0; }
            .sbb-offers .sbb-offers-header .sbb-slider-controls { margin: 0; }
            .sbb-offers h3 { margin: 0 0 4px; }
            .sbb-offers .sbb-subtext { margin: 0; }
            .sbb-heading-size-xs { font-size: 1.15rem; }
            .sbb-heading-size-s { font-size: 1.35rem; }
            .sbb-heading-size-m { font-size: 1.6rem; }
            .sbb-heading-size-l { font-size: 1.85rem; }
            .sbb-heading-size-xl { font-size: 2.15rem; }
            .sbb-subtext-size-xs { font-size: .85rem; }
            .sbb-subtext-size-s { font-size: .95rem; }
            .sbb-subtext-size-m { font-size: 1.05rem; }
            .sbb-subtext-size-l { font-size: 1.15rem; }
            .sbb-subtext-size-xl { font-size: 1.25rem; }
            .sbb-offers .sbb-slider-progress,
            .sbb-modal .sbb-slider-progress {
                position: relative;
                width: 100%;
                height: 4px;
                margin: 0 0 12px;
                background: #e5e7eb;
                border-radius: 999px;
                overflow: hidden;
            }
            .sbb-offers .sbb-slider-progress-fill,
            .sbb-modal .sbb-slider-progress-fill {
                display: block;
                height: 100%;
                width: 0%;
                background: #111827;
                border-radius: inherit;
                transition: width .15s linear;
            }
            .sbb-offers .sbb-slider-nav,
            .sbb-modal .sbb-slider-nav {
                border: 1px solid #d1d5db;
                border-radius: 999px;
                background: #fff;
                color: #111827;
                min-width: 36px;
                height: 36px;
                cursor: pointer;
                line-height: 1;
                font-size: 16px;
            }
            .sbb-offers .sbb-slider-nav:disabled,
            .sbb-modal .sbb-slider-nav:disabled {
                opacity: .45;
                cursor: not-allowed;
            }
            .sbb-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; text-align: left; background: #fff; transition: transform .15s ease, box-shadow .15s ease; display: flex; flex-direction: column; height: 100%; }
            .sbb-card:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,.06); }
            .sbb-card > a:first-of-type { display: flex; align-items: flex-end; justify-content: center; height: 200px; margin-bottom: 4px; }
            .sbb-card > a:first-of-type img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
            .sbb-card h4 { font-size: 16px; margin: 4px 0 6px; line-height: 1.35; color: #111827; }
            .sbb-card h4,
            .sbb-modal-card h4 {
                min-height: 2.7em;
            }
            .sbb-card h4 a,
            .sbb-modal-card h4 a {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                max-height: 2.7em;
                line-height: 1.35;
                word-break: break-word;
                overflow-wrap: anywhere;
            }
            .sbb-price { font-weight: 700; margin: 0 0 6px; color: #0f172a; }
            .sbb-message {
                margin: 0 0 7px;
                font-size: 13px;
                color: #374151;
                min-height: 2.7em;
                line-height: 1.35;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                max-height: 2.7em;
                word-break: break-word;
                overflow-wrap: anywhere;
            }
            .sbb-discount { display: block; width: fit-content; margin: 0 0 16px; font-size: 12px; color: #065f46; font-weight: 700; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 999px; padding: 3px 8px; clear: both; }
            .sbb-action-row { margin-top: auto; padding-top: 0; display: flex; justify-content: center; width: 100%; }
            .sbb-card .button,
            .sbb-card .add_to_cart_button {
                margin-top: 0;
                white-space: nowrap;
                width: auto;
                min-width: 0;
            }
            .sbb-offers a.button.wp-element-button,
            .sbb-modal a.button.wp-element-button {
                border-radius: var(--wp--custom--button--border-radius, 999px);
            }
            .sbb-offers a.button.sbb-btn-color-custom,
            .sbb-modal a.button.sbb-btn-color-custom {
                background: var(--sbb-btn-bg, #003366) !important;
                color: var(--sbb-btn-text, #ffffff) !important;
                border-color: var(--sbb-btn-border, #003366) !important;
            }
            .sbb-offers a.button.sbb-btn-color-custom:hover,
            .sbb-offers a.button.sbb-btn-color-custom:focus,
            .sbb-modal a.button.sbb-btn-color-custom:hover,
            .sbb-modal a.button.sbb-btn-color-custom:focus {
                opacity: .92;
            }
            .sbb-offers a.button.sbb-btn-size-small,
            .sbb-modal a.button.sbb-btn-size-small {
                font-size: .9rem !important;
                line-height: 1.2 !important;
                padding: .45em .9em !important;
            }
            .sbb-offers a.button.sbb-btn-size-xs,
            .sbb-modal a.button.sbb-btn-size-xs {
                font-size: .72rem !important;
                line-height: 1.15 !important;
                padding: .34em .74em !important;
            }
            .sbb-offers a.button.sbb-btn-size-medium,
            .sbb-modal a.button.sbb-btn-size-medium {
                font-size: 1rem !important;
                line-height: 1.25 !important;
                padding: .62em 1.12em !important;
            }
            .sbb-offers a.button.sbb-btn-size-big,
            .sbb-modal a.button.sbb-btn-size-big {
                font-size: 1.1rem !important;
                line-height: 1.25 !important;
                padding: .78em 1.35em !important;
            }
            .sbb-offers a.button.sbb-btn-size-xl,
            .sbb-modal a.button.sbb-btn-size-xl {
                font-size: 1.2rem !important;
                line-height: 1.25 !important;
                padding: .9em 1.55em !important;
            }
            .sbb-card .sbb-discount { margin-left: auto; margin-right: auto; }
            .sbb-card .sbb-discount.sbb-discount-align-left { margin-left: 0; margin-right: auto; }
            .sbb-card .sbb-discount.sbb-discount-align-center { margin-left: auto; margin-right: auto; }
            .sbb-card .sbb-discount.sbb-discount-align-right { margin-left: auto; margin-right: 0; }
            .sbb-card .button,
            .sbb-card .add_to_cart_button { clear: both; }
            .sbb-card a.added_to_cart,
            .sbb-modal-card a.added_to_cart { display: none !important; }
            .sbb-modal-overlay { position: fixed; inset: 0; display: flex; background: rgba(10, 10, 10, 0.55); z-index: 99999; align-items: center; justify-content: center; padding: 24px; }
            .sbb-modal { width: min(920px, 100%); max-height: 90vh; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.25); position: relative; display: flex; flex-direction: column; }
            .sbb-modal-overlay.sbb-modal-pos-bottom_right { align-items: flex-end; justify-content: flex-end; }
            .sbb-modal.sbb-modal-width-compact { width: min(680px, 100%); }
            .sbb-modal.sbb-modal-width-normal { width: min(920px, 100%); }
            .sbb-modal.sbb-modal-width-wide { width: min(1160px, 100%); }
            .sbb-modal-tools { position: absolute; top: 10px; right: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; }
            .sbb-modal-countdown { font-size: 12px; line-height: 1; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 999px; padding: 6px 9px; }
            .sbb-modal-close { border: 0; background: transparent; font-size: 30px; line-height: 1; cursor: pointer; color: #4b5563; padding: 0; }
            .sbb-modal-content { padding: 18px 22px 22px; overflow-y: auto; overflow-x: hidden; }
            .sbb-modal .sbb-modal-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0 0 8px; }
            .sbb-modal .sbb-modal-header-text { min-width: 0; }
            .sbb-modal h3 { margin: 0 0 2px; font-size: 34px; line-height: 1.1; color: #111827; }
            .sbb-modal .sbb-modal-subtext { margin: 0; color: #6b7280; }
            .sbb-modal.sbb-popup-headline-align-left h3 { text-align: left; }
            .sbb-modal.sbb-popup-headline-align-center h3 { text-align: center; }
            .sbb-modal.sbb-popup-headline-align-right h3 { text-align: right; }
            .sbb-modal.sbb-popup-subtext-align-left .sbb-modal-subtext { text-align: left; }
            .sbb-modal.sbb-popup-subtext-align-center .sbb-modal-subtext { text-align: center; }
            .sbb-modal.sbb-popup-subtext-align-right .sbb-modal-subtext { text-align: right; }
            .sbb-modal.sbb-popup-headline-size-xs h3 { font-size: 1.65rem; }
            .sbb-modal.sbb-popup-headline-size-s h3 { font-size: 2rem; }
            .sbb-modal.sbb-popup-headline-size-m h3 { font-size: 2.35rem; }
            .sbb-modal.sbb-popup-headline-size-l h3 { font-size: 2.75rem; }
            .sbb-modal.sbb-popup-headline-size-xl h3 { font-size: 3.1rem; }
            .sbb-modal.sbb-popup-subtext-size-xs .sbb-modal-subtext { font-size: .95rem; }
            .sbb-modal.sbb-popup-subtext-size-s .sbb-modal-subtext { font-size: 1.1rem; }
            .sbb-modal.sbb-popup-subtext-size-m .sbb-modal-subtext { font-size: 1.25rem; }
            .sbb-modal.sbb-popup-subtext-size-l .sbb-modal-subtext { font-size: 1.45rem; }
            .sbb-modal.sbb-popup-subtext-size-xl .sbb-modal-subtext { font-size: 1.65rem; }
            .sbb-modal-grid-viewport { width: 100%; }
            .sbb-modal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
            .sbb-modal.sbb-slider-active .sbb-modal-grid {
                display: flex;
                flex-wrap: nowrap;
                gap: 16px;
                padding-bottom: 4px;
                will-change: transform;
                cursor: grab;
                user-select: none;
            }
            .sbb-modal[data-sbb-slider="1"] .sbb-modal-grid {
                display: flex;
                flex-wrap: nowrap;
                gap: 16px;
            }
            .sbb-modal.sbb-slider-active .sbb-modal-grid-viewport {
                overflow-x: hidden;
                overflow-y: visible;
                padding-bottom: 16px;
            }
            .sbb-modal[data-sbb-slider="1"] .sbb-modal-grid-viewport {
                overflow-x: hidden;
                overflow-y: visible;
            }
            .sbb-offers.sbb-dragging .sbb-grid,
            .sbb-modal.sbb-dragging .sbb-modal-grid {
                cursor: grabbing;
            }
            .sbb-modal.sbb-slider-active .sbb-modal-card {
                flex: 0 0 calc((100% - 80px) / 5);
                scroll-snap-align: start;
            }
            .sbb-modal .sbb-slider-controls {
                display: flex;
                justify-content: flex-end;
                gap: 8px;
                margin: 0;
            }
            .sbb-offers.sbb-slider-active .sbb-slider-progress,
            .sbb-modal.sbb-slider-active .sbb-slider-progress {
                display: none !important;
            }
            .sbb-modal-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; background: #fff; text-align: center; display: flex; flex-direction: column; height: 100%; }
            .sbb-modal-card > a:first-of-type { display: flex; align-items: flex-end; justify-content: center; height: 190px; margin-bottom: 4px; }
            .sbb-modal-card > a:first-of-type img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
            .sbb-modal-card .button,
            .sbb-modal-card .add_to_cart_button {
                margin-top: 0;
                white-space: nowrap;
                width: auto;
                min-width: 0;
            }
            .sbb-modal-card .sbb-discount { display: block; width: fit-content; margin: 0 auto 14px; clear: both; }
            .single-product .sbb-offers {
                width: 100%;
                padding: 0;
                border: 0;
                border-radius: 0;
                background: transparent;
                box-shadow: none;
            }
            .single-product .sbb-offers.sbb-single-layout-boxed {
                max-width: 1280px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 24px;
                padding-right: 24px;
                box-sizing: border-box;
            }
            .single-product .sbb-offers.sbb-single-layout-boxed.sbb-slider-active {
                max-width: 1360px;
                padding-left: 16px;
                padding-right: 16px;
            }
            .single-product .sbb-offers.sbb-single-layout-full {
                max-width: none;
                padding-left: 0;
                padding-right: 0;
            }
            .woocommerce-cart .sbb-offers.sbb-cart-layout-boxed {
                max-width: 1280px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 24px;
                padding-right: 24px;
                box-sizing: border-box;
            }
            .woocommerce-cart .sbb-offers.sbb-cart-layout-boxed.sbb-slider-active {
                max-width: 1360px;
                padding-left: 16px;
                padding-right: 16px;
            }
            .woocommerce-cart .sbb-offers.sbb-cart-layout-full {
                max-width: none;
                padding-left: 0;
                padding-right: 0;
            }
            .single-product .sbb-offers .sbb-offers-header {
                margin: 0 0 16px;
            }
            .single-product .sbb-offers .sbb-grid {
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 26px;
            }
            .single-product .sbb-offers.sbb-slider-active .sbb-grid-viewport {
                padding-bottom: 22px;
            }
            .single-product .sbb-offers .sbb-card {
                border: 0;
                border-radius: 0;
                padding: 0;
                background: transparent;
                box-shadow: none;
                text-align: center;
            }
            .single-product .sbb-offers .sbb-card > a:first-of-type {
                height: 210px;
                margin-bottom: 4px;
            }
            .single-product .sbb-offers .sbb-card:hover {
                transform: none;
                box-shadow: none;
            }
            .single-product .sbb-offers .sbb-card h4 {
                margin-top: 6px;
                margin-bottom: 6px;
            }
            .single-product .sbb-offers .sbb-price,
            .single-product .sbb-offers .sbb-message {
                margin-left: auto;
                margin-right: auto;
            }
            @media (max-width: 1200px) {
                .single-product .sbb-offers .sbb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
                .sbb-offers.sbb-slider-active .sbb-card { flex-basis: calc((100% - 60px) / 4); }
                .sbb-modal.sbb-slider-active .sbb-modal-card { flex-basis: calc((100% - 60px) / 4); }
            }
            @media (max-width: 1024px) {
                .single-product .sbb-offers .sbb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
                .sbb-offers.sbb-slider-active .sbb-card { flex-basis: calc((100% - 40px) / 3); }
                .sbb-modal.sbb-slider-active .sbb-modal-card { flex-basis: calc((100% - 40px) / 3); }
                .sbb-modal[data-sbb-slider="1"] .sbb-modal-card { flex: 0 0 calc((100% - 40px) / 3); }
            }
            @media (max-width: 768px) {
                .single-product .sbb-offers .sbb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
                .sbb-offers.sbb-slider-active .sbb-card { flex-basis: calc((100% - 18px) / 2); }
                .sbb-modal.sbb-slider-active .sbb-modal-card { flex-basis: calc((100% - 18px) / 2); }
                .sbb-modal[data-sbb-slider="1"] .sbb-modal-card { flex: 0 0 calc((100% - 18px) / 2); }
                .sbb-modal .sbb-modal-header { grid-template-columns: 1fr; }
                .sbb-modal .sbb-slider-controls { justify-content: center; }
            }
            @media (max-width: 520px) {
                .single-product .sbb-offers .sbb-grid { grid-template-columns: 1fr; }
                .sbb-offers.sbb-slider-active .sbb-card { flex-basis: 100%; }
                .sbb-modal.sbb-slider-active .sbb-modal-card { flex-basis: 100%; }
                .sbb-modal[data-sbb-slider="1"] .sbb-modal-card { flex: 0 0 100%; }
            }
            body.sbb-modal-open { overflow: hidden; }
        
