/* Reset and base styles */
        *, ::before, ::after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }

        ::before, ::after {
            --tw-content: '';
        }

        html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            tab-size: 4;
            font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            font-feature-settings: normal;
            font-variation-settings: normal;
        }

        body {
            margin: 0;
            line-height: inherit;
            font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            background-color: #fff;
            color: #000;
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }

        /* Force Inter font across entire site */
        * {
            font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
            font-synthesis: none;
        }

        /* Main container styles */
        .main-content {
            background-color: #fff;
            min-height: 100vh;
            contain: layout style;
            transform: translateZ(0);
        }

        /* OLD SLIDER CSS DISABLED
        UltraSlider Styles */
        .multi-slide-container {
            position: relative;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            overflow: hidden;
            height: 320px;
            contain: layout style;
            background: #fff;
        }

        @media (max-width: 767px) {
            .multi-slide-container {
                height: 280px;
            }
        }

        .multi-slide-container.js-ready {
            opacity: 1;
        }

        .multi-slider {
            display: flex;
            height: 100%;
            /* Enable scrolling for both desktop and mobile */
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE/Edge */
            -webkit-overflow-scrolling: touch;
            gap: 10px;
            cursor: grab;
        }

        /* Hide scrollbar for webkit browsers */
        .multi-slider::-webkit-scrollbar {
            display: none;
        }

        /* MOBILE PERFECT SCROLL - HIGHEST PRIORITY EVER */
        @media (max-width: 768px) {
            html body .multi-slide-container #multi-slider,
            html body .multi-slide-container .multi-slider,
            html body #slider-container #multi-slider,
            html body #slider-container .multi-slider {
                transform: none !important;
                transition: none !important;
                animation: none !important;
                will-change: auto !important;
                overflow-x: scroll !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-behavior: smooth !important;
                gap: 10px !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                cursor: auto !important;
                user-select: auto !important;
                -webkit-user-select: auto !important;
                display: flex !important;
                flex-direction: row !important;
                pointer-events: auto !important;
                touch-action: auto !important; /* NATYWNY SCROLL - nie pan-x! */
            }

            /* PERFECT SLIDES - szerokość 75% dla mobile (1 + 1/3 slide) */
            html body .multi-slide-container .multi-slide,
            html body #slider-container .multi-slide {
                flex: 0 0 auto !important;
                min-width: 75vw !important;
                max-width: 75vw !important;
                width: 75vw !important;
                transform: none !important;
                transition: none !important;
                pointer-events: auto !important;
                touch-action: auto !important; /* Natywny scroll, nie blokujemy */
            }
        }

        .multi-slide {
            flex: 0 0 auto; /* Don't grow, don't shrink, auto width */
            height: 100%;
            width: 200px;
            margin-right: 8px;
            opacity: 1;
            transform: scale(1);
            transition: all 0.3s ease;
        }

        @media (min-width: 640px) {
            .multi-slide {
                width: 240px;
                margin-right: 12px;
            }
        }

        @media (min-width: 768px) {
            .multi-slide {
                width: 280px;
                margin-right: 16px;
            }
        }

        @media (min-width: 1024px) {
            .multi-slide {
                width: 320px;
                margin-right: 20px;
            }
        }

        .multi-slide:nth-child(1),
        .multi-slide:nth-child(n) {
            opacity: 1;
            transform: scale(1);
        }

        .multi-slide-link {
            display: block;
            height: 100%;
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .multi-slide-link:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }

        .multi-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.3s ease;
            opacity: 0;
            background: #f9f9f9;
        }

        .multi-slide img.loaded {
            opacity: 1;
        }

        .multi-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            font-size: 18px;
            font-weight: bold;
            color: #333;
            user-select: none;
        }

        .multi-arrow.visible {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .multi-arrow:hover {
            background: rgba(255, 255, 255, 1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transform: translateY(-50%) scale(1.1);
        }

        .multi-arrow.left {
            left: 20px;
        }

        .multi-arrow.right {
            right: 20px;
        }

        @media (max-width: 767px) {
            .multi-arrow {
                width: 35px;
                height: 35px;
                font-size: 16px;
            }

            .multi-arrow.left {
                left: 10px;
            }

            .multi-arrow.right {
                right: 10px;
            }
        }

        .slide-dots {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 10;
        }

        .slide-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slide-dot.active {
            background: rgba(255, 255, 255, 1);
            transform: scale(1.2);
        }
        END OLD SLIDER CSS */

        /* Search section styles */
        .search-section {
            width: 100%;
            padding-top: 3.75rem; /* 60px od góry */
            padding-bottom: 3.75rem; /* 60px na dole - pierwsza sekcja po sliderze */
            background-color: #f7f4f1 !important;
            contain: layout style;
            transform: translateZ(0);
        }

        /* Mobile specific - NUCLEAR OPTION */
        @media (max-width: 767px) {
            body .search-section,
            html body section.search-section,
            body section.search-section,
            section.search-section,
            .search-section {
                background: #f7f4f1 !important;
                background-color: #f7f4f1 !important;
                padding-top: 3rem !important;
                padding-bottom: 3rem !important;
            }
        }

        @media (min-width: 768px) {
            .search-section {
                padding-top: 3rem;
                padding-bottom: 3rem;
                background-color: #f7f4f1 !important;
            }
        }

        @media (min-width: 1024px) {
            .search-section {
                padding-top: 4rem;
                padding-bottom: 4rem;
                background-color: #f7f4f1 !important;
            }
        }

        .search-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        .search-title {
            font-weight: 500;
            text-align: center;
            color: #000;
            margin-bottom: 2rem;
            font-size: 18px;
            line-height: 1.3;
            min-height: 24px;
            contain: layout style;
        }

        @media (min-width: 768px) {
            .search-title {
                font-size: 24px;
                margin-bottom: 2.5rem;
            }
        }

        .search-buttons {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
        }

        .search-buttons::-webkit-scrollbar {
            display: none;
        }

        @media (min-width: 768px) {
            .search-buttons {
                justify-content: center;
                flex-wrap: wrap;
                overflow: visible;
                margin-bottom: 2.5rem;
            }
        }

        .search-button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #fff;
            border-radius: 9999px;
            padding: 0.75rem 1.25rem;
            transition: all 0.3s ease;
            flex-shrink: 0;
            min-width: fit-content;
            text-decoration: none;
            color: inherit;
            min-height: 42px;
            contain: layout style;
        }

        .search-button:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }

        @media (min-width: 768px) {
            .search-button {
                flex: 1;
                max-width: 18rem;
            }
        }

        .search-button-text {
            color: #374151;
            font-weight: 300;
            font-size: 0.875rem;
            white-space: nowrap;
        }

        @media (min-width: 768px) {
            .search-button-text {
                font-size: 1rem;
            }
        }

        .search-icon {
            width: 20px;
            height: 20px;
            color: #9ca3af;
            transition: color 0.3s ease;
            margin-left: 0.5rem;
            flex-shrink: 0;
        }

        .search-button:hover .search-icon {
            color: #6b7280;
        }

        .search-help {
            text-align: center;
            color: #000;
            font-weight: 400;
            font-size: 12px;
        }

        .search-help a {
            text-decoration: underline;
            color: inherit;
            transition: color 0.3s ease;
        }

        .search-help a:hover {
            color: #3f880b;
        }

        /* Section styles */
        .section {
            width: 100%;
            padding-top: 3.75rem; /* 60px tylko od góry */
            padding-bottom: 0; /* ZERO na dole - unikamy podwójnych odstępów */
            min-height: 480px;
            contain: layout style;
        }

        @media (min-width: 768px) {
            .section {
                padding-top: 3rem;
                padding-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .section {
                padding-top: 4rem;
                padding-bottom: 0;
            }
        }

        .section-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0;
        }

        /* Fix carousel alignment - center properly with safe padding */
        .bestsellers-section .carousel,
        .new-products-section .carousel {
            margin: 0 auto !important;
            padding-left: 20px !important;   /* Safe padding to prevent cutting */
            padding-right: 20px !important;  /* Safe padding to prevent cutting */
        }

        /* Desktop drag enhancement */
        @media (min-width: 769px) {
            .bestsellers-section .carousel ul.products,
            .new-products-section .carousel ul.products {
                cursor: grab;
                user-select: none;
                -webkit-user-select: none;
                scroll-behavior: smooth;
            }

            .bestsellers-section .carousel ul.products:active,
            .new-products-section .carousel ul.products:active {
                cursor: grabbing;
            }

            .bestsellers-section .carousel ul.products li.product,
            .new-products-section .carousel ul.products li.product {
                pointer-events: auto;
            }

            .bestsellers-section .carousel ul.products img,
            .new-products-section .carousel ul.products img {
                pointer-events: none;
                user-select: none;
                -webkit-user-drag: none;
            }
        }

        /* Proper carousel styling - compatible with existing JavaScript */
        .bestsellers-section .carousel,
        .new-products-section .carousel {
            max-width: 1400px !important;
            margin: 0 auto !important;
            overflow: hidden !important;
            position: relative !important;
            padding: 0 !important;
        }

        /* Reset any conflicting carousel styles */
        .carousel ul.products {
            display: flex !important;
            overflow: visible !important; /* Let carousel JS handle overflow */
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
            transition: transform 0.5s ease !important; /* For smooth JS animations */
        }

        /* Individual product items - work with existing JS */
        .carousel ul.products li.product {
            flex: 0 0 auto !important; /* Let JS calculate widths */
            margin-right: 10px !important; /* Match existing carousel gap */
            min-height: 300px !important; /* Match existing min-height */
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important;
            position: relative !important;
            box-sizing: border-box !important;
        }

        /* Ensure proper widths per breakpoint (matching existing JS CSS) */
        @media (min-width: 1200px) {
            .carousel ul.products li.product {
                width: calc((100% - 4 * 10px) / 5) !important; /* 5 items */
            }
        }

        @media (min-width: 768px) and (max-width: 1199px) {
            .carousel ul.products li.product {
                width: calc((100% - 3 * 10px) / 4) !important; /* 4 items */
            }
        }

        @media (max-width: 767px) {
            .carousel ul.products li.product {
                width: calc((100% - 10px) / 2) !important; /* 2 items */
            }
        }

        @media (max-width: 528px) {
            .carousel ul.products li.product {
                width: 100% !important; /* 1 item */
            }
        }

        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 2rem;
        }

        .section-title {
            font-weight: 600;
            color: #000;
            font-size: 24px;
        }

        .section-link {
            display: none;
            font-weight: 500;
            color: #505050;
            font-size: 12px;
            text-decoration: underline;
            align-items: center;
            gap: 0.25rem;
            transition: color 0.3s ease;
        }

        .section-link:hover {
            color: #3f880b;
        }

        @media (min-width: 768px) {
            .section-link {
                display: inline-flex;
            }
        }

        .chevron-icon {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
        }

        .section-link:hover .chevron-icon {
            transform: translateX(4px);
        }

        /* Divider styles */
        .divider {
            width: 100%;
            padding: 1rem 0;
        }

        @media (min-width: 768px) {
            .divider {
                padding: 1.5rem 0;
            }
        }

        @media (min-width: 1024px) {
            .divider {
                padding: 2rem 0;
            }
        }

        .divider-container {
            max-width: 100%;
            margin: 0 auto;
        }

        .divider-line {
            height: 1px;
            background: linear-gradient(to right, transparent, #d1d5db, transparent);
        }

        /* Category grid styles */
        .category-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
        }

        @media (min-width: 640px) {
            .category-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 1rem;
            }
        }

        @media (min-width: 768px) {
            .category-grid {
                gap: 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .category-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        .category-card {
            position: relative;
            overflow: hidden;
            padding: 6px;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-decoration: none;
            min-height: 140px;
            width: 100%;
            background-repeat: no-repeat;
            background-position: top right;
            background-size: contain;
        }

        .category-card:hover {
            transform: translateY(-2px);
        }

        @media (min-width: 640px) {
            .category-card {
                padding: 8px;
                border-radius: 10px;
                min-height: 170px;
            }
        }

        @media (min-width: 1024px) {
            .category-card {
                border-radius: 12px;
                min-height: 200px;
            }
        }

        .category-image {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .category-content {
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            padding: 6px;
            position: relative;
            box-sizing: border-box;
            z-index: 10;
        }

        @media (min-width: 640px) {
            .category-content {
                padding: 8px;
            }
        }

        .category-bottom {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
        }

        @media (min-width: 640px) {
            .category-bottom {
                gap: 6px;
            }
        }

        @media (min-width: 1024px) {
            .category-bottom {
                gap: 8px;
            }
        }

        .category-badge {
            font-size: 10px;
            font-weight: bold;
            color: #000;
            text-transform: uppercase;
            margin: 0;
            line-height: 1.2;
            background: rgba(255, 255, 255, 0.8);
            padding: 2px 8px;
            border-radius: 3px;
        }

        @media (min-width: 640px) {
            .category-badge {
                font-size: 11px;
                padding: 3px 10px;
                border-radius: 4px;
            }
        }

        @media (min-width: 1024px) {
            .category-badge {
                font-size: 12px;
                padding: 4px 12px;
            }
        }

        .category-text {
            font-size: 12px;
            font-weight: 500;
            color: #000;
            text-align: left;
            margin: 0;
            line-height: 1.3;
            max-width: 200px;
        }

        @media (min-width: 640px) {
            .category-text {
                font-size: 14px;
                max-width: 220px;
                line-height: 1.2;
            }
        }

        @media (min-width: 1024px) {
            .category-text {
                font-size: 16px;
                max-width: 250px;
            }
        }

        .category-arrow {
            width: 16px;
            height: 16px;
            color: #000;
            align-self: flex-end;
            margin-bottom: 1px;
            transition: transform 0.3s ease;
        }

        .category-card:hover .category-arrow {
            transform: translateX(4px);
        }

        @media (min-width: 640px) {
            .category-arrow {
                width: 18px;
                height: 18px;
                margin-bottom: 2px;
            }
        }

        @media (min-width: 1024px) {
            .category-arrow {
                width: 20px;
                height: 20px;
            }
        }

        /* Co nas wyróżnia section */
        .features-section {
            width: 100%;
            padding: 2rem 0;
            background-color: #fff;
        }

        @media (min-width: 768px) {
            .features-section {
                padding: 3rem 0;
            }
        }

        @media (min-width: 1024px) {
            .features-section {
                padding: 4rem 0;
            }
        }

        .features-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 4rem;
            align-items: center;
        }

        @media (min-width: 1024px) {
            .features-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 5rem;
            }
        }

        .features-image {
            order: 2;
        }

        @media (min-width: 1024px) {
            .features-image {
                order: 1;
            }
        }

        .features-content {
            order: 1;
        }

        @media (min-width: 1024px) {
            .features-content {
                order: 2;
            }
        }

        .features-title {
            margin-bottom: 2rem;
            font-size: 24px;
            font-weight: 600;
            color: #000;
        }

        .features-list {
            margin-bottom: 2rem;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.5rem 0;
        }

        .feature-bullet {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px solid #9ca3af;
            flex-shrink: 0;
            margin-top: 6px;
        }

        .feature-text {
            font-size: 16px;
            font-weight: 400;
            color: #000;
            line-height: 1.6;
        }

        .feature-divider {
            height: 1px;
            background-color: #d1d5db;
        }

        .features-button {
            display: inline-block;
            padding: 10px 16px;
            border-radius: 9999px;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            background: #fff;
            color: #000;
            border: 1px solid rgba(0, 0, 0, 0.2);
            text-decoration: none;
            transition: all 300ms;
        }

        .features-button:hover {
            background: #000 !important;
            color: #fff !important;
            border-color: #000 !important;
        }

        @media (min-width: 640px) {
            .features-button {
                padding: 10px 32px;
            }
        }

        /* Reviews section */
        .reviews-container {
            width: 100%;
            margin: 0 auto;
            padding: 0 0 20px 0;
            position: relative;
            background-color: #F7F4F1;
            border-radius: 12px;
        }

        /* Image-based info cards section */
        .info-cards-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        @media (min-width: 768px) {
            .info-cards-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        .info-card {
            display: flex;
            flex-direction: column;
        }

        .info-card-image {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 1rem;
        }

        .info-card-image img {
            width: 100%;
            height: auto;
            object-fit: contain;
            transition: transform 0.3s ease;
            aspect-ratio: 3/2;
        }

        .info-card:hover .info-card-image img {
            transform: scale(1.05);
        }

        .info-card-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .info-card-title {
            font-weight: 600;
            color: #000;
            margin-bottom: 0.75rem;
            font-size: 20px;
            transition: color 0.3s ease;
        }

        .info-card-title a {
            color: inherit;
            text-decoration: none;
        }

        .info-card-title a:hover {
            color: #3f880b;
        }

        .info-card-description {
            color: #505050;
            font-size: 0.875rem;
            margin-bottom: 1.5rem;
            line-height: 1.6;
            flex: 1;
        }

        .info-card-button {
            display: inline-block;
            padding: 10px 16px;
            border-radius: 9999px;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            background: #fff;
            color: #000;
            border: 1px solid rgba(0, 0, 0, 0.2);
            text-decoration: none;
            transition: all 300ms;
            align-self: flex-start;
        }

        .info-card-button:hover {
            background: #000 !important;
            color: #fff !important;
            border-color: #000 !important;
        }

        /* Social section */
        .social-section {
            width: 100%;
            padding-top: 3.75rem; /* 60px tylko od góry */
            padding-bottom: 3.75rem; /* Ta sekcja ma mieć bottom bo to ostatnia */
            background-color: #F7F7F7;
        }

        /* MOBILE CAROUSEL = SCROLL ONLY - NUCLEAR OVERRIDE */
        @media (max-width: 768px) {

            /* ULTRA SPECIFIC - RESET WSZYSTKO CO MOŻE BYĆ KARUZELA */
            body .section .section-container .carousel,
            body .bestsellers-section .section-container .carousel,
            body .new-products-section .section-container .carousel,
            body .section .carousel,
            body div.carousel,
            body #custom_carousel_bestsellers,
            body #custom_carousel_newest,
            .woocommerce .carousel,
            .shoptimizer .carousel {
                overflow: visible !important;
                position: relative !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* ULTRA SPECIFIC - UKRYJ WSZYSTKIE STRZAŁKI */
            body .carousel .multi-arrow,
            body .carousel .carousel-arrow,
            body .carousel .prev-arrow,
            body .carousel .next-arrow,
            body .carousel .slick-arrow,
            body .carousel .owl-nav,
            body .carousel [class*="arrow"],
            body .carousel [class*="prev"],
            body .carousel [class*="next"],
            body .carousel button,
            body .carousel .swiper-button-next,
            body .carousel .swiper-button-prev {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }

            /* ULTRA SPECIFIC - UL JAKO SCROLL CONTAINER */
            body .section .section-container .carousel ul.products,
            body .bestsellers-section .section-container .carousel ul.products,
            body .new-products-section .section-container .carousel ul.products,
            body .section .carousel ul.products,
            body div.carousel ul.products,
            body #custom_carousel_bestsellers ul.products,
            body #custom_carousel_newest ul.products,
            .woocommerce .carousel ul.products,
            .shoptimizer .carousel ul.products {
                /* SEARCH-BUTTONS STYLE */
                display: flex !important;
                flex-direction: row !important;
                gap: 12px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                padding-bottom: 0.5rem !important;
                -webkit-overflow-scrolling: touch !important;
                /* RESET CAROUSEL STYLES */
                transform: none !important;
                transition: none !important;
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                flex-wrap: nowrap !important;
            }

            /* ULTRA SPECIFIC - UKRYJ SCROLLBAR */
            body .section .section-container .carousel ul.products::-webkit-scrollbar,
            body .bestsellers-section .section-container .carousel ul.products::-webkit-scrollbar,
            body .new-products-section .section-container .carousel ul.products::-webkit-scrollbar,
            body .section .carousel ul.products::-webkit-scrollbar,
            body div.carousel ul.products::-webkit-scrollbar,
            body #custom_carousel_bestsellers ul.products::-webkit-scrollbar,
            body #custom_carousel_newest ul.products::-webkit-scrollbar,
            .woocommerce .carousel ul.products::-webkit-scrollbar,
            .shoptimizer .carousel ul.products::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }

            /* ULTRA SPECIFIC - PRODUKTY 2 OBOK SIEBIE */
            body .section .section-container .carousel ul.products li.product,
            body .bestsellers-section .section-container .carousel ul.products li.product,
            body .new-products-section .section-container .carousel ul.products li.product,
            body .section .carousel ul.products li.product,
            body div.carousel ul.products li.product,
            body #custom_carousel_bestsellers ul.products li.product,
            body #custom_carousel_newest ul.products li.product,
            .woocommerce .carousel ul.products li.product,
            .shoptimizer .carousel ul.products li.product {
                /* SEARCH-BUTTON BEHAVIOR */
                flex: 0 0 auto !important;
                flex-shrink: 0 !important;
                flex-grow: 0 !important;
                min-width: calc((100vw - 32px) / 2) !important;
                max-width: calc((100vw - 32px) / 2) !important;
                width: calc((100vw - 32px) / 2) !important;
                margin: 0 !important;
                padding: 0 !important;
                box-sizing: border-box !important;
                display: flex !important;
                flex-direction: column !important;
                position: relative !important;
                background: white !important;
                border-radius: 8px !important;
                overflow: hidden !important;
                transition: all 0.3s ease !important;
            }

            /* Internal padding for product content */
            body .section .section-container .carousel ul.products li.product > *,
            body .bestsellers-section .section-container .carousel ul.products li.product > *,
            body .new-products-section .section-container .carousel ul.products li.product > *,
            body .section .carousel ul.products li.product > *,
            body div.carousel ul.products li.product > *,
            body #custom_carousel_bestsellers ul.products li.product > *,
            body #custom_carousel_newest ul.products li.product > *,
            .woocommerce .carousel ul.products li.product > *,
            .shoptimizer .carousel ul.products li.product > * {
                padding: 8px !important;
                margin: 0 !important;
                /* RESET CAROUSEL POSITIONING */
                transform: none !important;
                left: auto !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;
            }

        }

        @media (min-width: 768px) {
            .social-section {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }

        @media (min-width: 1024px) {
            .social-section {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
        }

        .social-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .social-title {
            margin-bottom: 1.5rem;
            font-size: 24px;
            font-weight: 600;
            color: #000;
        }

        .social-description {
            max-width: 48rem;
            margin: 0 auto;
            font-size: 14px;
            font-weight: 400;
            color: #505050;
            line-height: 1.6;
        }

        .social-buttons {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
            margin-bottom: 3rem;
        }

        @media (min-width: 640px) {
            .social-buttons {
                gap: 1rem;
            }
        }

        .social-button {
            display: inline-block;
            padding: 10px 16px;
            border-radius: 9999px;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            background: #fff;
            color: #000;
            border: 2px solid #e5e7eb;
            text-decoration: none;
            transition: all 300ms;
        }

        .social-button:hover {
            border-color: #3f880b;
            color: #3f880b;
        }

        /* OLD SLIDER CSS DISABLED 2
        Multi-Slider Styles - COMPLETE FROM LIVE SITE */
        .multi-slide-container {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
            overflow: hidden;
            padding: 20px 0;
            min-height: 320px;
            height: auto;
            contain: layout style paint;
        }

        .multi-slider {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
            cursor: grab;
            will-change: transform;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            user-select: none;
            -webkit-user-select: none;
        }

        /* MOBILE OVERRIDE - CRITICAL OVERRIDE AFTER DESKTOP CSS */
        @media (max-width: 768px) {
            html body div.multi-slide-container div.multi-slider,
            html body div#slider-container div#multi-slider {
                transform: none !important;
                transition: none !important;
                animation: none !important;
                will-change: auto !important;
                cursor: auto !important;
                user-select: auto !important;
                -webkit-user-select: auto !important;
                backface-visibility: visible !important;
                overflow-x: scroll !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-behavior: smooth !important;
                gap: 10px !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                display: flex !important;
                flex-direction: row !important;
                pointer-events: auto !important;
                touch-action: auto !important; /* NATYWNY SCROLL - bez ograniczeń! */
            }

            html body div.multi-slide-container div.multi-slider::-webkit-scrollbar,
            html body div#slider-container div#multi-slider::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }
        }

        .multi-slider:active {
            cursor: grabbing;
        }

        .multi-slide {
            flex: 0 0 auto;
            width: calc(25% - 20px);
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            aspect-ratio: 3/4;
            min-height: 200px;
            height: auto;
            contain: layout style paint;
            background: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);
        }

        .multi-slide img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            display: block;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            aspect-ratio: 3/4;
            opacity: 0;
            transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
        }

        .multi-slide img.loaded,
        .multi-slide img.compressx-img {
            opacity: 1;
        }

        .multi-slide:nth-child(-n+3) img {
            opacity: 1;
            transition: none;
        }

        .multi-slide-link {
            display: block;
            text-decoration: none;
            height: 100%;
            width: 100%;
            contain: layout;
        }

        .multi-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.9);
            color: #333;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
            z-index: 10;
            border: none;
            transition: opacity 0.3s ease, background-color 0.2s ease;
            will-change: opacity;
            backface-visibility: hidden;
            opacity: 0;
            pointer-events: none;
            touch-action: manipulation;
        }

        .multi-arrow.visible {
            opacity: 1;
            pointer-events: auto;
        }

        .multi-arrow.left {
            left: 10px;
        }

        .multi-arrow.right {
            right: 10px;
        }

        .multi-arrow:hover {
            background-color: rgba(255, 255, 255, 1);
            transform: translateY(-50%) scale(1.05);
        }

        .multi-arrow:active {
            transform: translateY(-50%) scale(0.95);
        }

        .slide-dots {
            display: none;
        }

        @media (min-width: 1200px) {
            .multi-slide-container {
                min-height: 320px;
            }

            .multi-slide {
                width: calc(25% - 20px);
                min-height: 240px;
            }
        }

        @media (max-width: 1199px) and (min-width: 992px) {
            .multi-slide-container {
                min-height: 300px;
            }

            .multi-slide {
                width: calc(33.333% - 20px);
                min-height: 220px;
            }
        }

        @media (max-width: 991px) and (min-width: 768px) {
            .multi-slide-container {
                min-height: 280px;
            }

            .multi-slide {
                width: calc(50% - 20px);
                min-height: 200px;
            }
        }

        @media (max-width: 767px) {
            .multi-slide-container {
                min-height: 280px;
                padding: 15px 0;
            }

            .multi-slide {
                width: calc(85% - 20px);
                min-height: 250px;
                max-width: none;
            }

            .multi-slider {
                padding-right: 10%;
            }

            .multi-arrow {
                width: 44px;
                height: 44px;
                font-size: 20px;
            }
        }

        .multi-slide-container:not(.js-ready) .multi-slide:nth-child(n+5) {
            display: none;
        }

        .multi-slide-container:not(.js-ready) .multi-arrow {
            display: none;
        }

        .multi-slide-container:not(.js-ready) {
            min-height: 300px;
        }

        @media (prefers-reduced-motion: reduce) {
            .multi-slider,
            .multi-slide img,
            .multi-arrow {
                transition: none !important;
                animation: none !important;
            }
        }

        .multi-arrow:focus {
            outline: 2px solid #007cba;
            outline-offset: 2px;
        }

        .multi-slide-link:focus {
            outline: 2px solid #007cba;
            outline-offset: 2px;
        }


        /* Utility classes */
        .w-full { width: 100%; }
        .max-w-1200 { max-width: 1280px; }
        .max-w-1400 { max-width: 1400px; }
        .mx-auto { margin-left: auto; margin-right: auto; }
        .px-4 { padding-left: 1rem; padding-right: 1rem; }
        .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
        .mb-8 { margin-bottom: 2rem; }

        /* Verified Reviews Section Styles - 1:1 from Headless */
        .phone-highlight {
            position: relative;
            z-index: 2;
            cursor: pointer;
        }

        .phone-highlight::before {
            content: '';
            position: absolute;
            bottom: 0px;
            left: -8px;
            right: -8px;
            height: 50%;
            background-color: rgba(55, 125, 33, 0.15);
            z-index: 1;
            transition: background-color 0.2s ease;
        }

        .phone-highlight:hover::before {
            background-color: rgba(55, 125, 33, 0.25);
        }

        .trustmate-container {
            margin: 0 !important;
            padding: 8px 0 !important;
            min-height: 96px !important;
            display: flex !important;
            align-items: center !important;
        }

        .trustmate-container .tm-dodo2 {
            display: block !important;
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
        }

        .trustmate-container .tm-dodo2__sticker {
            display: grid !important;
            grid-template-columns: auto 1fr !important;
            gap: 4px 16px !important;
            cursor: pointer !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
            grid-template-areas:
                "grade logo"
                "grade text" !important;
        }

        .trustmate-container .tm-dodo2__grade {
            font-size: 64px !important;
            font-weight: 600 !important;
            color: #000 !important;
            line-height: 1 !important;
            margin: 0 !important;
            padding: 0 !important;
            align-self: start !important;
            grid-area: grade !important;
        }

        .trustmate-container .tm-dodo2__logo {
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: left !important;
            align-self: start !important;
            justify-self: start !important;
            grid-area: logo !important;
        }

        .trustmate-container .tm-dodo2__logo img {
            max-width: 96px !important;
            height: auto !important;
        }

        .trustmate-container .tm-dodo2__text {
            font-size: 11px !important;
            font-weight: 400 !important;
            color: #505050 !important;
            line-height: 1.2 !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: left !important;
            align-self: start !important;
            justify-self: start !important;
            grid-area: text !important;
            white-space: nowrap !important;
            display: block !important;
            width: 100% !important;
        }

        .trustmate-container .tm-dodo2__text span {
            color: #505050 !important;
            font-weight: 400 !important;
        }

        .trustmate-container .tm-dodo2__text--color {
            color: #505050 !important;
            font-weight: 400 !important;
            text-decoration: underline !important;
        }

        .button-outline {
            display: inline-block;
            padding: 10px 32px;
            border-radius: 9999px;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            background: transparent;
            color: #000;
            border: 1px solid rgba(0, 0, 0, 0.2);
            text-decoration: none;
            transition: all 300ms;
        }

        .button-outline:hover {
            background: #000 !important;
            color: #fff !important;
            border-color: #000 !important;
        }

        .button-black {
            display: inline-block;
            padding: 10px 32px;
            border-radius: 9999px;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            background: #000;
            color: #fff;
            border: none;
            text-decoration: none;
            transition: all 300ms;
        }

        .button-black:hover {
            background: #374151 !important;
        }

        /* Grid and Layout Classes */
        .grid {
            display: grid;
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .gap-6 {
            gap: 1.5rem;
        }

        .mb-3 {
            margin-bottom: 0.75rem;
        }

        .mb-4 {
            margin-bottom: 1rem;
        }

        .mb-6 {
            margin-bottom: 1.5rem;
        }

        .mb-12 {
            margin-bottom: 3rem;
        }

        .rounded-lg {
            border-radius: 0.5rem;
        }

        .p-8 {
            padding: 2rem;
        }

        .text-left {
            text-align: left;
        }

        .text-center {
            text-align: center;
        }

        .inline-block {
            display: inline-block;
        }

        .bg-white {
            background-color: white;
        }

        .px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

        .py-2 {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }

        .rounded-md {
            border-radius: 0.375rem;
        }

        .py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }

        .max-w-4xl {
            max-width: 56rem;
        }

        .w-full {
            width: 100%;
        }

        .flex {
            display: flex;
        }

        .items-center {
            align-items: center;
        }

        .justify-center {
            justify-content: center;
        }

        .text-gray-400 {
            color: #9ca3af;
        }

        .text-sm {
            font-size: 0.875rem;
        }

        /* Verified Reviews Grid - Custom CSS */
        .verified-reviews-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }

        @media (min-width: 768px) {
            .verified-reviews-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .py-16 {
                padding-top: 5rem;
                padding-bottom: 5rem;
            }
        }

        @media (min-width: 1024px) {
            .py-16 {
                padding-top: 6rem;
                padding-bottom: 6rem;
            }
        }

        /* Basic TrustMate styles - Simple and safe */
        .trustmate-reviews-container {
            width: 100%;
            background-color: #F7F4F1;
            border-radius: 12px;
            padding: 20px;
        }

        .trustmate-reviews-container * {
            font-family: 'Inter', sans-serif;
        }

        /* Reviews section - 60px padding na mobile */
        .reviews-section {
            padding-top: 3.75rem; /* 60px tylko od góry */
            padding-bottom: 0; /* ZERO na dole */
        }

        @media (min-width: 768px) {
            .reviews-section {
                padding-top: 3rem;
                padding-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .reviews-section {
                padding-top: 4rem;
                padding-bottom: 0;
            }
        }

        /* Verified reviews section - 60px padding na mobile */
        .verified-reviews-section {
            padding-top: 3.75rem; /* 60px tylko od góry */
            padding-bottom: 0; /* ZERO na dole */
        }

        @media (min-width: 768px) {
            .verified-reviews-section {
                padding-top: 5rem;
                padding-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .verified-reviews-section {
                padding-top: 6rem;
                padding-bottom: 0;
            }
        }

        /* UKRYJ link na mobile - pokaż tylko na desktop */
        .hidden.md\\:inline-flex {
            display: none !important;
        }

        @media (min-width: 768px) {
            .hidden.md\\:inline-flex {
                display: inline-flex !important;
            }
        }
        .justify-between { justify-content: space-between; }
        .justify-center { justify-content: center; }
        .gap-4 { gap: 1rem; }
        .rounded-2xl { border-radius: 1rem; }
        .overflow-hidden { overflow: hidden; }
        .relative { position: relative; }
        .absolute { position: absolute; }
        .inset-0 { inset: 0; }
        .z-10 { z-index: 10; }

        /* Responsive utilities */
        @media (min-width: 768px) {
            .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
            .md\:mb-10 { margin-bottom: 2.5rem; }
            .md\:text-\[24px\] { font-size: 24px; }
        }

        @media (min-width: 1024px) {
            .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
        }

        /* CAROUSEL FIXES */
        /* CUSTOM CAROUSEL - Image styling using CORRECT selectors */
        .carousel li.product .woocommerce-image__wrapper,
        .carousel .product-wrapper .woocommerce-image__wrapper {
            border-radius: 8px !important;
            overflow: hidden !important;
            background: #f9f9f9 !important;
        }

        /* CUSTOM CAROUSEL - Image properties */
        .carousel li.product img,
        .carousel .woocommerce-image__wrapper img,
        .carousel .product-wrapper img {
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 1/1 !important;
            object-fit: contain !important;
            background: #f9f9f9 !important;
            box-sizing: border-box !important;
            border-radius: 8px !important;
        }

        /* White promotion badges with black text */
        .product-label,
        .product-label.type-bubble {
            background-color: #ffffff !important;
            color: #000000 !important;
            border: 1px solid #e5e7eb !important;
            font-weight: 600 !important;
        }


        /* PROMOCJA badges - ULTRA SPECIFIC SELECTORS to prevent overrides */
        .carousel .product-label,
        .products .product-label,
        ul.products li.product .product-label,
        .woocommerce ul.products li.product .product-label,
        .woocommerce-page ul.products li.product .product-label {
            background-color: #ffffff !important;
            color: #000000 !important;
            border: none !important;              /* No border - clean look */
            font-weight: 700 !important;          /* Bold like other badges */
            position: absolute !important;
            z-index: 10 !important;
            top: 8px !important;
            right: 8px !important;
            left: auto !important;
            padding: 4px 8px !important;
            border-radius: 4px !important;
            font-size: 9px !important;            /* Same size as other badges */
            transform: none !important;
            bottom: auto !important;
            text-transform: uppercase !important; /* Uppercase like other badges */
            letter-spacing: 0.5px !important;     /* Letter spacing like others */
            white-space: nowrap !important;
            /* box-shadow removed */
            line-height: 1 !important;
        }

        /* Responsive positioning for promotion badge - ULTRA SPECIFIC */
        @media (max-width: 768px) {
            .carousel .product-label,
            .products .product-label,
            ul.products li.product .product-label,
            .woocommerce ul.products li.product .product-label,
            .woocommerce-page ul.products li.product .product-label {
                top: 6px !important;
                right: 6px !important;   /* PRAWO na tablet */
                left: auto !important;   /* Reset left */
                font-size: 9px !important;
                padding: 3px 6px !important;
                transform: none !important;
            }
        }

        @media (max-width: 480px) {
            .carousel .product-label,
            .products .product-label,
            ul.products li.product .product-label,
            .woocommerce ul.products li.product .product-label,
            .woocommerce-page ul.products li.product .product-label {
                top: 4px !important;
                right: 4px !important;   /* PRAWO na mobile */
                left: auto !important;   /* Reset left */
                font-size: 8px !important;
                padding: 2px 4px !important;
                transform: none !important;
            }
        }

        /* Section badges - same style as product-label but different colors */
        .section-badge {
            position: absolute !important;
            top: 40px !important;
            left: 10px !important;
            z-index: 5 !important;
            padding: 3px 6px !important;
            font-size: 8px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            border-radius: 8px !important;
            letter-spacing: 0.3px !important;
            display: block !important;
        }

        /* KIDS badge - ULTRA SPECIFIC SELECTORS - PONIŻEJ promotion badge jak na zdjęciu */
        .carousel .ckit-badge_wrapper,
        .products .ckit-badge_wrapper,
        ul.products li.product .ckit-badge_wrapper,
        .woocommerce ul.products li.product .ckit-badge_wrapper,
        .woocommerce-page ul.products li.product .ckit-badge_wrapper,
        .carousel-item .ckit-badge_wrapper,
        .product-item .ckit-badge_wrapper {
            position: absolute !important;
            top: 8px !important;     /* OD GÓRY jak promotion badge */
            left: 8px !important;    /* LEWO jak promotion badge */
            z-index: 9 !important;   /* Lower than promotion but high enough */
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
            width: auto !important;
            height: auto !important;
            transform: none !important;  /* Prevent any transforms */
            right: auto !important;      /* Override any right positioning */
            bottom: auto !important;     /* Override any bottom positioning */
        }

        /* Responsive adjustments for KIDS badge - ULTRA SPECIFIC */
        @media (max-width: 768px) {
            .carousel .ckit-badge_wrapper,
            .products .ckit-badge_wrapper,
            ul.products li.product .ckit-badge_wrapper,
            .woocommerce ul.products li.product .ckit-badge_wrapper,
            .woocommerce-page ul.products li.product .ckit-badge_wrapper,
            .carousel-item .ckit-badge_wrapper,
            .product-item .ckit-badge_wrapper {
                top: 6px !important;    /* OD GÓRY na tablet */
                left: 6px !important;
                transform: none !important;
                right: auto !important;
            }
        }

        @media (max-width: 480px) {
            .carousel .ckit-badge_wrapper,
            .products .ckit-badge_wrapper,
            ul.products li.product .ckit-badge_wrapper,
            .woocommerce ul.products li.product .ckit-badge_wrapper,
            .woocommerce-page ul.products li.product .ckit-badge_wrapper,
            .carousel-item .ckit-badge_wrapper,
            .product-item .ckit-badge_wrapper {
                top: 4px !important;    /* OD GÓRY na mobile */
                left: 4px !important;
                transform: none !important;
                right: auto !important;
            }
        }

        .carousel .ckit-badge,
        .products .ckit-badge {
            /* PROFESSIONAL badge styling - same position as promotion badge */
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
            /* background-color removed - use inline styles for different colors */
            color: #ffffff !important;
            border: none !important;
            font-weight: 700 !important;
            display: inline-block !important;
            margin: 0 !important;
            padding: 4px 8px !important;         /* Bigger padding */
            font-size: 9px !important;           /* Slightly bigger font */
            border-radius: 4px !important;       /* Sharper corners like promotion */
            line-height: 1 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            white-space: nowrap !important;
            /* box-shadow removed */
            text-align: center !important;
        }

        /* CAROUSEL BADGE (NOWOŚĆ/POPULARNY) - positioned BELOW KIDS badge */
        .carousel .ckit-badge_wrapper.carousel-badge,
        .products .ckit-badge_wrapper.carousel-badge,
        ul.products li.product .ckit-badge_wrapper.carousel-badge,
        .woocommerce ul.products li.product .ckit-badge_wrapper.carousel-badge,
        .woocommerce-page ul.products li.product .ckit-badge_wrapper.carousel-badge {
            position: absolute !important;
            top: 20px !important;    /* SUPER TIGHT - prawie się dotykają! */
            left: 8px !important;    /* LEWO jak pozostałe badges */
            z-index: 8 !important;   /* Lower than KIDS badge */
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
            width: auto !important;
            height: auto !important;
            transform: none !important;
            right: auto !important;
            bottom: auto !important;
        }

        /* Responsive positioning for carousel badge */
        @media (max-width: 768px) {
            .carousel .ckit-badge_wrapper.carousel-badge,
            .products .ckit-badge_wrapper.carousel-badge,
            ul.products li.product .ckit-badge_wrapper.carousel-badge,
            .woocommerce ul.products li.product .ckit-badge_wrapper.carousel-badge,
            .woocommerce-page ul.products li.product .ckit-badge_wrapper.carousel-badge {
                top: 18px !important;   /* SUPER TIGHT na tablet */
                left: 6px !important;
            }
        }

        @media (max-width: 480px) {
            .carousel .ckit-badge_wrapper.carousel-badge,
            .products .ckit-badge_wrapper.carousel-badge,
            ul.products li.product .ckit-badge_wrapper.carousel-badge,
            .woocommerce ul.products li.product .ckit-badge_wrapper.carousel-badge,
            .woocommerce-page ul.products li.product .ckit-badge_wrapper.carousel-badge {
                top: 16px !important;   /* SUPER TIGHT na mobile */
                left: 4px !important;
            }
        }

        /* Remove carousel padding on mobile - using perfect CSS scroll now */
        @media (max-width: 768px) {
            .bestsellers-section .carousel,
            .new-products-section .carousel,
            .carousel, [id*="carousel"] {
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            /* Add section padding instead */
            .bestsellers-section,
            .new-products-section,
            .section {
                padding-left: 1rem !important;
                padding-right: 1rem !important;
            }
        }

        /* SMART BADGE GROUP POSITIONING */

        /* When ONLY carousel badge (no KIDS) - go to TOP */
        .carousel-item:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
        .product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
        li.product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge {
            top: 8px !important;    /* SINGLE badge - DO GÓRY jak KIDS */
        }

        /* When BOTH badges exist - carousel badge goes UNDER KIDS */
        .carousel-item:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
        .product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
        li.product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge {
            top: 28px !important;   /* PONIŻEJ KIDS - większy odstęp! */
            left: 8px !important;    /* TA SAMA pozycja lewo jak KIDS */
        }

        /* Responsive for single badge */
        @media (max-width: 768px) {
            .carousel-item:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
            .product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
            li.product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge {
                top: 6px !important;
            }

            .carousel-item:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
            .product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
            li.product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge {
                top: 24px !important;   /* PONIŻEJ KIDS na tablet - większy odstęp */
                left: 6px !important;    /* TA SAMA pozycja jak KIDS */
            }
        }

        @media (max-width: 480px) {
            .carousel-item:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
            .product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge,
            li.product:not(:has(.ckit-badge_wrapper:not(.carousel-badge))) .ckit-badge_wrapper.carousel-badge {
                top: 4px !important;
            }

            .carousel-item:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
            .product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge,
            li.product:has(.ckit-badge_wrapper:not(.carousel-badge)) .ckit-badge_wrapper.carousel-badge {
                top: 22px !important;   /* PONIŻEJ KIDS na mobile - większy odstęp */
                left: 4px !important;    /* TA SAMA pozycja jak KIDS */
            }
        }

        /* CUSTOM BADGE (people icon) - BEZPIECZNE POŁOŻENIE w dolnym rogu */
        .carousel .product-badge.custom-badge,
        .products .product-badge.custom-badge,
        ul.products li.product .product-badge.custom-badge,
        .woocommerce ul.products li.product .product-badge.custom-badge,
        .woocommerce-page ul.products li.product .product-badge.custom-badge {
            position: absolute !important;
            bottom: 12px !important;     /* Więcej margin od dołu */
            right: 12px !important;      /* Więcej margin od prawej */
            top: auto !important;        /* Reset top */
            left: auto !important;       /* Reset left */
            z-index: 7 !important;
        }

        /* Responsive positioning for custom-badge - tylko położenie */
        @media (max-width: 768px) {
            .carousel .product-badge.custom-badge,
            .products .product-badge.custom-badge,
            ul.products li.product .product-badge.custom-badge,
            .woocommerce ul.products li.product .product-badge.custom-badge,
            .woocommerce-page ul.products li.product .product-badge.custom-badge {
                bottom: 10px !important;    /* Bezpieczny margin na tablet */
                right: 10px !important;
            }
        }

        @media (max-width: 480px) {
            .carousel .product-badge.custom-badge,
            .products .product-badge.custom-badge,
            ul.products li.product .product-badge.custom-badge,
            .woocommerce ul.products li.product .product-badge.custom-badge,
            .woocommerce-page ul.products li.product .product-badge.custom-badge {
                bottom: 8px !important;     /* Bezpieczny margin na mobile */
                right: 8px !important;
            }
        }

        /* Make custom-badge SVG MUCH SMALLER */
        .carousel .product-badge.custom-badge svg,
        .products .product-badge.custom-badge svg,
        ul.products li.product .product-badge.custom-badge svg,
        .woocommerce ul.products li.product .product-badge.custom-badge svg,
        .woocommerce-page ul.products li.product .product-badge.custom-badge svg {
            width: 16px !important;     /* ZNACZNIE mniejszy - was 24px */
            height: 16px !important;    /* ZNACZNIE mniejszy - was 24px */
        }

        /* Responsive dla małego custom-badge */
        @media (max-width: 768px) {
            .carousel .product-badge.custom-badge svg,
            .products .product-badge.custom-badge svg,
            ul.products li.product .product-badge.custom-badge svg,
            .woocommerce ul.products li.product .product-badge.custom-badge svg,
            .woocommerce-page ul.products li.product .product-badge.custom-badge svg {
                width: 14px !important;
                height: 14px !important;
            }
        }

        @media (max-width: 480px) {
            .carousel .product-badge.custom-badge svg,
            .products .product-badge.custom-badge svg,
            ul.products li.product .product-badge.custom-badge svg,
            .woocommerce ul.products li.product .product-badge.custom-badge svg,
            .woocommerce-page ul.products li.product .product-badge.custom-badge svg {
                width: 12px !important;
                height: 12px !important;
            }
        }

        /* CUSTOM CAROUSEL - Price styling - ONLY final price green */
        .carousel li.product .price ins,
        .carousel li.product .price ins .amount,
        .carousel .price ins,
        .carousel .price ins .amount,
        .carousel .product-content .price ins,
        .carousel .product-wrapper .price ins {
            font-size: 18px !important;
            color: rgb(55, 125, 33) !important;
            font-weight: 600 !important;
            line-height: 1.2 !important;
            text-decoration: none !important;
        }

        /* Style crossed out original price - gray */
        .carousel .price del,
        .carousel .price del .amount,
        .carousel li.product .price del,
        .carousel li.product .price del .amount {
            font-size: 0.875rem !important;
            color: rgb(156, 163, 175) !important;
            font-weight: 400 !important;
            text-decoration: line-through !important;
        }

        /* Reset general price styling - don't make everything green */
        .carousel li.product .price,
        .carousel .product-content .price,
        .carousel .product-wrapper .price {
            font-size: inherit !important;
            color: inherit !important;
            font-weight: inherit !important;
            line-height: 1.2 !important;
        }

        /* CUSTOM CAROUSEL - Add to cart button styling */
        .carousel .add-to-cart-wrapper .add_to_cart_button,
        .carousel .add-to-cart-wrapper .button,
        .carousel .add-to-cart-wrapper a.button,
        .carousel li.product .add_to_cart_button,
        .carousel li.product .button {
            border-radius: 8px !important;
            font-size: 10px !important;
            text-transform: uppercase !important;
            font-weight: 700 !important;
            letter-spacing: 0.5px !important;
            height: 40px !important;
            min-height: 40px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* CUSTOM CAROUSEL - Typography styling to match reference */
        /* Product title - default 12px for normal text - GRAY */
        .carousel li.product .woocommerce-loop-product__title,
        .carousel li.product .woocommerce-loop-product__title a,
        .carousel .woocommerce-card__header .woocommerce-loop-product__title,
        .carousel .woocommerce-card__header .woocommerce-loop-product__title a {
            font-size: 12px !important;
            font-weight: 400 !important;
            line-height: 1.5 !important;  /* Increased from 1.3 to 1.5 for better spacing */
            color: rgb(80, 80, 80) !important;  /* GRAY for normal text */
            text-decoration: none !important;
        }

        /* Bold elements in product title - 16px weight 500 - BLACK */
        .carousel li.product .woocommerce-loop-product__title b,
        .carousel li.product .woocommerce-loop-product__title strong,
        .carousel li.product .woocommerce-loop-product__title a b,
        .carousel li.product .woocommerce-loop-product__title a strong,
        .carousel .woocommerce-card__header .woocommerce-loop-product__title b,
        .carousel .woocommerce-card__header .woocommerce-loop-product__title strong {
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #000000 !important;  /* BLACK for bold text */
            line-height: 1.5 !important;  /* Consistent line-height */
        }

        /* Product subtitle/description - 14px */
        .carousel li.product .product-subtitle,
        .carousel li.product .product-description,
        .carousel .woocommerce-card__header .product-subtitle,
        .carousel .product-wrapper .product-subtitle {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 1.4 !important;
            color: #666666 !important;
        }

        /* Product info group styling - nice spacing from top and bottom */
        .carousel .product-info-group {
            display: flex !important;
            flex-direction: column !important;
            gap: 2px !important;
            margin: 12px 0 !important;
            padding: 0 !important;
        }

        /* Sales info item styling */
        .carousel .sales-info-item {
            display: flex !important;
            align-items: center !important;
            gap: 4px !important;
            margin: 8px 0 0 0 !important;
            padding: 12px 0 0 0 !important;
        }

        /* Icons styling */
        .carousel .iconify.i-ion\:checkmark-circle-outline,
        .carousel .iconify.i-ion\:star-outline {
            font-size: 16px !important;
            color: #000000 !important;
            display: inline-block !important;
            flex-shrink: 0 !important;
        }

        /* Text styling for sales info */
        .carousel .sales-text {
            font-size: 12px !important;
            color: #000000 !important;
            font-weight: 400 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .carousel .sales-number {
            font-weight: 500 !important;
        }

        .carousel .sales-period {
            font-weight: 400 !important;
        }

        /* Style simpleshopmessage to match sales info text */
        .carousel .simpleshopmessage {
            font-size: 12px !important;
            color: #000000 !important;
            font-weight: 500 !important;
            margin: 0 0 12px 0 !important;
            padding: 0 !important;
        }

        /* Extra spacing when simpleshopmessage is inside price container */
        .carousel .price .simpleshopmessage {
            margin: 0 0 12px 0 !important;
            padding: 0 0 8px 0 !important;
            display: inline-block !important;
            width: 100% !important;
        }

        /* Old tailwind-based styles removed - using custom classes now */

        /* Legacy styles for other small elements */
        .carousel .product-meta,
        .carousel .product-categories {
            font-size: 12px !important;
            font-weight: 400 !important;
            line-height: 1.3 !important;
            color: #999999 !important;
        }

        .section-badge.bestseller {
            background: linear-gradient(135deg, #3f880b, #2d6308) !important;
            color: white !important;
            box-shadow: 0 1px 3px rgba(63, 136, 11, 0.5) !important;
        }

        .section-badge.newproduct {
            background: linear-gradient(135deg, #dc9814, #b8760f) !important;
            color: white !important;
            box-shadow: 0 1px 3px rgba(220, 152, 20, 0.5) !important;
        }

        /* Ensure both badges can coexist */
        .bestsellers-section ul.products li.product,
        .new-products-section ul.products li.product {
            position: relative !important;
        }

        /* Make sure promotion badges are visible */
        ul.products li.product .product-label {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
        }


        /* Last resort - attach to ANY element that might be a product */
        .bestsellers-section img[src*="product"]::after,
        .bestsellers-section img[alt*="product"]::after,
        .bestsellers-section img[class*="product"]::after,
        .bestsellers-section a[href*="product"]::after {
            content: "BESTSELLER" !important;
            position: absolute !important;
            z-index: 10 !important;
            top: 5px !important;
            left: 5px !important;
            background: #3f880b !important;
            color: white !important;
            padding: 2px 4px !important;
            border-radius: 4px !important;
            font-size: 7px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            display: block !important;
        }

        .new-products-section img[src*="product"]::after,
        .new-products-section img[alt*="product"]::after,
        .new-products-section img[class*="product"]::after,
        .new-products-section a[href*="product"]::after {
            content: "NOWOŚĆ" !important;
            position: absolute !important;
            z-index: 10 !important;
            top: 5px !important;
            left: 5px !important;
            background: #dc9814 !important;
            color: white !important;
            padding: 2px 4px !important;
            border-radius: 4px !important;
            font-size: 7px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            display: block !important;
        }

                .archive-header { display: none !important; }

        body.page-template-template-aura-homepage .col-full {
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        body .site-footer,
        body footer,
        body .below-content,
        body .copyright {
            width: 100% !important;
            max-width: none !important;
        }

        body .site-footer .col-full,
        body footer .col-full,
        body .site-footer .container,
        body footer .container,
        body .below-content .col-full,
        body .copyright .col-full,
        body .site-footer > .col-full,
        body footer > .col-full,
        body .below-content > .col-full,
        body .copyright > .col-full {
            max-width: 1400px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            box-sizing: border-box !important;
        }

        body #colophon,
        body #colophon .col-full,
        body .site-info,
        body .site-info .col-full,
        body .footer-widgets,
        body .footer-widgets .col-full,
        body .site-footer-widgets,
        body .site-footer-widgets .col-full {
            max-width: 1400px !important;
            margin: 0 auto !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        body .footer-row,
        body .footer-row .col-full,
        body .widget-area,
        body .widget-area .col-full {
            max-width: 1400px !important;
            margin: 0 auto !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        body footer *[class*="col"],
        body .site-footer *[class*="col"],
        body .below-content *[class*="col"],
        body .copyright *[class*="col"] {
            max-width: 1400px !important;
        }

        /* CRITICAL PERFORMANCE: Force GPU acceleration for smooth animations */
        .multi-slider, .multi-slide, .multi-slide img {
            transform: translateZ(0);
            backface-visibility: hidden;
            will-change: transform;
        }

        /* CRITICAL: Reserve space for widgets to prevent CLS */
        .trustmate-container { min-height: 96px !important; }
        .trustmate-reviews-container { min-height: 200px !important; }

        /* CRITICAL: Prevent font flash */
        body, * { font-display: swap !important; }

        /* MOBILE: NUCLEAR OPTION - KILL ALL JS TRANSFORMS */
        @media (max-width: 768px) {
            /* RESET ALL CAROUSEL JS TRANSFORMS ON MOBILE */
            .multi-slider, .carousel, .carousel ul, .carousel li,
            [id*="slider"], [id*="carousel"],
            .product-slide, .multi-slide,
            ul.products, li.product {
                transform: none !important;
                transition: none !important;
                animation: none !important;
                will-change: auto !important;
                left: auto !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;
                position: relative !important;
            }

            /* ULTRA AGGRESSIVE RESET FOR MAIN SLIDER - HIGHEST PRIORITY */
            body #multi-slider,
            body .multi-slider,
            html body #multi-slider,
            html body .multi-slider,
            body .multi-slide-container.js-ready #multi-slider,
            body .multi-slide-container.js-ready .multi-slider,
            html body .multi-slide-container.js-ready #multi-slider,
            html body .multi-slide-container.js-ready .multi-slider {
                transform: none !important;
                transition: none !important;
                animation: none !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-behavior: smooth !important;
                display: flex !important;
                flex-direction: row !important;
                gap: 8px !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                will-change: auto !important;
                position: relative !important;
                left: auto !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;
            }

            /* HIDE MAIN SLIDER SCROLLBAR */
            #multi-slider::-webkit-scrollbar,
            .multi-slider::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }

            /* MAIN SLIDER SLIDES - 75vw = 1 + 1/3 slajdu */
            .multi-slide {
                flex: 0 0 auto !important;
                flex-shrink: 0 !important;
                min-width: 75vw !important;
                max-width: 75vw !important;
                width: 75vw !important;
                transform: none !important;
                transition: none !important;
                pointer-events: auto !important;
                touch-action: auto !important; /* NATYWNY SCROLL */
            }

            /* FORCE ENABLE TOUCH SCROLL ON ALL SLIDER ELEMENTS */
            .multi-slider *, .multi-slide *, .multi-slide-container * {
                pointer-events: auto !important;
                touch-action: auto !important; /* Natywny scroll - nie ograniczamy do pan-x */
                user-select: none !important;
                -webkit-user-select: none !important;
                -webkit-touch-callout: none !important;
            }

            /* DISABLE ALL JS POINTER EVENTS THAT COULD BLOCK SCROLL */
            .multi-slider, .multi-slide, .multi-slide-container {
                pointer-events: auto !important;
                touch-action: auto !important; /* Natywny scroll - bez ograniczeń */
                -webkit-overflow-scrolling: touch !important;
            }

            /* ENABLE PURE CSS SCROLL EVERYWHERE */
            .carousel, .carousel ul, .carousel ul.products,
            .multi-slider, [id*="carousel"], [id*="slider"] {
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-behavior: smooth !important;
                display: flex !important;
                flex-direction: row !important;
                gap: 0 !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
            }

            /* HIDE ALL SCROLLBARS ON MOBILE */
            .carousel::-webkit-scrollbar,
            .carousel ul::-webkit-scrollbar,
            .multi-slider::-webkit-scrollbar,
            [id*="carousel"]::-webkit-scrollbar,
            [id*="slider"]::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }

            /* HIDE ALL ARROWS ON MOBILE */
            .prev-arrow, .next-arrow,
            [class*="prev"], [class*="next"],
            [id*="prev"], [id*="next"],
            .slider-arrow, .carousel-arrow,
            #multi-prev, #multi-next {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }
        }

               /* MOBILE CSS - Stack layout, hide desktop button */
            @media (max-width: 767px) {
                .reviews-header {
                    display: block !important;
                    text-align: center;
                }
                .reviews-header .desktop-reviews-button {
                    display: none !important;
                }
                #mobile-reviews-button {
                    display: block !important;
                    text-align: center !important;
                }
            }

            /* DESKTOP CSS - Exact same as .section-header */
            @media (min-width: 768px) {
                .reviews-header {
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    margin-bottom: 2rem !important;
                }
                .reviews-header .desktop-reviews-button {
                    display: inline-flex !important;
                }
                #mobile-reviews-button {
                    display: none !important;
                }
            }

            /* TrustMate Custom Fixes */
            @media (max-width: 767px) {
                .tm-ferret2 .tm-carousel__card-wrapper {
                    align-items: center !important;
                    display: flex !important;
                    width: calc(100vw - 5.4em) !important;
                    justify-content: flex-start !important;
                }

                .tm-ferret2 .tm-carousel__omnibus-button-wrapper {
                    top: auto !important;
                }
            }