/* =========================================================================
   Prawa autorskie i zastrzeżenia prawne
   =========================================================================
   Ten kod oraz wszelkie powiązane pliki źródłowe stanowią wyłączną 
   własność Flux Studio™.

   Kopiowanie, modyfikowanie, rozpowszechnianie lub publiczne udostępnianie
   tego kodu, całej zawartości strony, grafik, a także wszelkich plików 
   zakupionych przez użytkowników na tej stronie bez oficjalnej, pisemnej 
   zgody właściciela jest CAŁKOWICIE NIELEGALNE.

   Wszelkie próby łamania praw autorskich, nieautoryzowane pobieranie 
   oraz dystrybucja materiałów będą zgłaszane odpowiednim organom 
   i grożą surowymi konsekwencjami prawnymi oraz finansowymi.
   
   -------------------------------------------------------------------------
   Strona została stworzona przez: xfazi.pl
   ========================================================================= */


:root {
    --flux-primary: #2b71ff;
    --flux-primary-dark: #1a5ee0;
    --flux-primary-light: #5a93ff;
    --flux-accent-bg: #adc8ff;
    --flux-bg-light: #f0f5ff;
    --flux-text-dark: #2d2d43;
    --flux-text-muted: rgba(0,0,0,0.65);
    --flux-white: #ffffff;
    --flux-gradient: linear-gradient(135deg, #2b71ff 0%, #1a5ee0 100%);
}


.theme-menu-wrapper.fixed .logo {
    -webkit-transform: none !important;
            transform: none !important;
}
.theme-menu-wrapper.fixed #mega-menu-wrapper .nav > li > a {
    color: #1c1c27 !important;
}
.theme-menu-wrapper.fixed #mega-menu-wrapper .nav > li.active > a,
.theme-menu-wrapper.fixed #mega-menu-wrapper .nav > li:hover > a {
    color: #2b71ff !important;
}


.theme-menu-wrapper.menu-style-two.inner-menu {
    background: #fff !important;
}
.theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .nav > li > a {
    color: #1c1c27 !important;
}
.theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .nav > li.active > a,
.theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .nav > li:hover > a {
    color: #2b71ff !important;
}
.theme-menu-wrapper.fixed.menu-style-two,
.theme-menu-wrapper.fixed.menu-style-two.inner-menu {





    background: #fff !important;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.theme-menu-wrapper.fixed.menu-style-two #mega-menu-wrapper .nav > li > a {
    color: #1c1c27 !important;
}
.theme-menu-wrapper.fixed.menu-style-two #mega-menu-wrapper .nav > li.active > a,
.theme-menu-wrapper.fixed.menu-style-two #mega-menu-wrapper .nav > li:hover > a {
    color: #2b71ff !important;
}


.inner-page-banner {
    background: #ffffff url(../images/home/shape-1.png) no-repeat center center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    position: relative;
    overflow: hidden;
}
.inner-page-banner .opacity {
    background: transparent !important;
}
.inner-page-banner .opacity h1 {
    color: #1c1c27 !important;
}
.inner-page-banner .opacity ul li {
    color: #555 !important;
}
.inner-page-banner .opacity ul li a {
    color: #1c1c27 !important;
}
.inner-page-banner .opacity ul li a:hover {
    color: #2b71ff !important;
}


.our-portfolio .theme-title a,
.home-service-section .theme-title a {


    width: auto !important;
    white-space: nowrap;
    padding: 0 35px;



    line-height: 51px;
    display: inline-block;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */


.scroll-top {
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 20px !important;
    background: #2b71ff !important;
    color: #fff !important;
    border-radius: 8px !important;
    bottom: 20px !important;
    right: 20px !important;
    box-shadow: 0 4px 12px rgba(43,113,255,0.35);
    transition: all 0.3s ease;
}
.scroll-top:hover {
    background: #1a5ee0 !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(43,113,255,0.45);
}


.flux-discord-btn {
    display: block;
    background: #2b71ff !important;
    color: #fff !important;
    padding: 14px 20px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;


    letter-spacing: 0.3px;
    margin-top: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(43,113,255,0.3);
}
.flux-discord-btn:hover {



    background: #1a5ee0 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(43,113,255,0.4);
    color: #fff !important;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-discord-btn i {
    margin-right: 8px;
    color: #fff !important;
}


.home-service-section ul li div {
    position: relative;
    padding-left: 90px !important;
    min-height: 70px;
}
.home-service-section ul li div i {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    font-size: 52px;
}
.home-service-section ul li:hover div i {
    -webkit-transform: none !important;
            transform: none !important;
}
.home-service-section ul li {
    margin-bottom: 60px !important;
}
.home-service-section ul li div h5 {
    margin-bottom: 10px;


}
.home-service-section ul li div p {
    font-size: 15px;
    line-height: 26px !important;
}

.service-version-two .single-service {
    padding: 30px !important;
    border: 1px solid #eee;



    border-radius: 12px;
    margin-bottom: 30px !important;
    transition: all 0.3s ease;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.service-version-two .single-service:hover {
    border-color: #2b71ff;
    box-shadow: 0 8px 24px rgba(43,113,255,0.1);
    transform: none !important;
}


.home-blog-section .single-blog {
    border-left-color: #2b71ff !important;
}
.home-blog-section .single-blog::before,
.home-blog-section .single-blog::after {
    background: #2b71ff !important;
}
.home-blog-section .single-blog h6 {
    color: #2b71ff !important;
}
.home-blog-section .single-blog.color-one {
    border-left-color: #2b71ff !important;
}
.home-blog-section .single-blog.color-two {
    border-left-color: #2b71ff !important;
}
.home-blog-section .single-blog.color-three {


    border-left-color: #2b71ff !important;
}
.home-blog-section .single-blog.color-four {
    border-left-color: #2b71ff !important;
}
.home-blog-section .single-blog.color-one h6,
.home-blog-section .single-blog.color-two h6,
.home-blog-section .single-blog.color-three h6,
.home-blog-section .single-blog.color-four h6 {
    color: #2b71ff !important;
}
.home-blog-section .single-blog a.hvr-icon-wobble-horizontal {



    color: #2b71ff !important;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */

.home-blog-section .single-blog h5 a:before,
.home-blog-section .single-blog.color-one h5 a:before,
.home-blog-section .single-blog.color-two h5 a:before,
.home-blog-section .single-blog.color-three h5 a:before,
.home-blog-section .single-blog.color-four h5 a:before {
    background: #c0d6ff !important;
}


.gullu-portfolio .single-item .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.gullu-portfolio .single-item .image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.gullu-portfolio .single-item:hover .image img {


    transform: scale(1.05);
}
.gullu-portfolio .single-item .image .opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43,113,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transform: none !important;



            transform: none !important;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.gullu-portfolio .single-item:hover .image .opacity,
.gullu-portfolio .single-item .image:hover .opacity {
    opacity: 1 !important;
    -webkit-transform: none !important;
            transform: none !important;
}

.single-item .image:hover .opacity {
    opacity: 1 !important;
}
.gullu-portfolio .single-item .image .opacity a.view-more,
.single-item .image .opacity a.view-more {
    display: inline-block;
    background: #fff;
    color: #2b71ff !important;
    padding: 10px 28px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;


    transition: all 0.3s ease;
    -webkit-transform: none !important;
            transform: none !important;
}
.gullu-portfolio .single-item .image .opacity a.view-more:hover {
    background: #2b71ff;
    color: #fff !important;
}


.flux-portfolio-filters .portfolio-filter {
    font-weight: 600;
    font-size: 15px;
    padding: 8px 20px;
    border-radius: 20px;
    border: 2px solid #e0e0e0;
    color: #666;
    display: inline-block;



    transition: all 0.3s ease;
    text-decoration: none;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-portfolio-filters .portfolio-filter:hover,
.flux-portfolio-filters .portfolio-filter.active {
    border-color: #2b71ff;
    color: #2b71ff !important;
    background-color: transparent;
}


.our-portfolio .item .image .opacity,
.shop .single-product .image .opacity,
.gullu-portfolio .single-item .image .opacity {
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}


.our-portfolio .item .image .opacity a,
.shop .single-product .image .opacity a {
    -webkit-transform: none !important;
            transform: none !important;
}


@media (max-width: 991px) {
    #flux-hero .wow.fadeInRight,
    #flux-hero svg,
    #flux-hero [data-wow-delay="0.33s"],
    .desktop-only-banner,
    .more-about-us .image-box,
    .more-about-us .theme-shape-three,
    .testimonial-section .image-box,
    .testimonial-section .theme-shape-four,
    .home-service-section > .container > img,
    .image-shape-one,
    .image-shape-two {
        display: none !important;
    }



    #flux-hero {
        min-height: 500px !important;
    }
    /* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
    #flux-hero h1 {
        font-size: 36px !important;
        line-height: 48px !important;
    }
}


.flux-portfolio-detail {
    padding: 60px 0 80px;
}
.flux-portfolio-detail .main-image-wrapper {
    position: relative;
    border-radius: 12px;


    overflow: hidden;
    margin-bottom: 20px;
    background: #f8f9ff;
}
.flux-portfolio-detail .main-image-wrapper img,
.flux-portfolio-detail .main-image-wrapper video,
.flux-portfolio-detail .main-image-wrapper iframe {
    width: 100%;
    height: auto;
    max-height: 550px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}
.flux-portfolio-detail .gallery-thumbnails {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.flux-portfolio-detail .gallery-thumbnails .thumb {
    width: 100px;
    height: 75px;
    border-radius: 8px;



    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
    transition: all 0.3s ease;
    opacity: 0.7;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-portfolio-detail .gallery-thumbnails .thumb:hover,
.flux-portfolio-detail .gallery-thumbnails .thumb.active {
    border-color: #2b71ff;
    opacity: 1;
    transform: translateY(-2px);
}
.flux-portfolio-detail .gallery-thumbnails .thumb img {


    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flux-portfolio-detail .project-meta {
    background: #f8f9ff;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
}
.flux-portfolio-detail .project-meta h6 {
    color: #2b71ff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.flux-portfolio-detail .project-meta p {
    font-size: 15px;
    color: #555;
    margin-bottom: 20px;
}
.flux-portfolio-detail .project-meta p:last-child {
    margin-bottom: 0;
}
.flux-portfolio-detail .project-description h3 {
    font-size: 24px;



    margin-bottom: 15px;
    color: #1c1c27;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-portfolio-detail .project-description p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}
.flux-back-btn {
    display: inline-block;


    background: #2b71ff;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 30px;
}
.flux-back-btn:hover {
    background: #1a5ee0;
    transform: translateY(-2px);
    color: #fff !important;
}


.flux-buy-btn {
    display: inline-block;
    background: var(--flux-gradient);
    color: #fff !important;
    padding: 8px 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;



    box-shadow: 0 4px 15px rgba(43,113,255,0.25);
    text-decoration: none;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-buy-btn:hover {
    background: linear-gradient(135deg, #1a5ee0 0%, #0d4bc7 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(43,113,255,0.35);


    color: #fff !important;
}
.flux-price-main {
    font-size: 24px;
    font-weight: 700;
    color: var(--flux-primary);
}
.flux-price-secondary {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 2px;
}


.flux-checkout-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); z-index: 999999; display: none;
    justify-content: center; align-items: center; backdrop-filter: blur(4px);
}
.flux-checkout-overlay.active { display: flex; }
.flux-checkout-panel {
    background: #fff; border-radius: 16px; width: 90%; max-width: 520px;
    max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    animation: slideUp 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes slideUp {
    from { transform: translateY(40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.flux-checkout-header {
    background: var(--flux-gradient); padding: 28px 30px;
    border-radius: 16px 16px 0 0; text-align: center; color: #fff;



}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-checkout-header h3 { color: #fff; font-size: 22px; margin-bottom: 5px; }
.flux-checkout-header p { color: rgba(255,255,255,0.75); font-size: 14px; }
.flux-checkout-body { padding: 30px; }


.flux-checkout-body .flux-input-group { margin-bottom: 20px; }
.flux-checkout-body .flux-input-group label {
    display: block; font-weight: 600; margin-bottom: 8px;
    color: var(--flux-text-dark); font-size: 14px;
}
.flux-checkout-body .flux-input-group input {
    width: 100%; padding: 14px 16px; border: 2px solid #e8ecf5;
    border-radius: 10px; font-size: 15px; transition: border-color 0.3s ease; outline: none;
}
.flux-checkout-body .flux-input-group input:focus { border-color: var(--flux-primary); }
.flux-payment-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
.flux-payment-method {
    border: 2px solid #e8ecf5; border-radius: 12px; padding: 20px 16px;
    text-align: center; cursor: pointer; transition: all 0.3s ease;
}
.flux-payment-method:hover { border-color: var(--flux-primary-light); background: var(--flux-bg-light); }
.flux-payment-method.selected {
    border-color: var(--flux-primary); background: var(--flux-bg-light);
    box-shadow: 0 4px 12px rgba(43,113,255,0.15);
}
.flux-payment-method img { height: 32px; margin: 0 auto 10px; }
.flux-payment-method span { display: block; font-weight: 600; font-size: 13px; color: var(--flux-text-dark); }
.flux-crypto-panel {
    text-align: center; padding: 20px; background: #f8f9ff;
    border-radius: 12px; margin: 15px 0;
}
.flux-crypto-panel .qr-code {
    width: 180px; height: 180px; margin: 15px auto; background: #fff;
    border-radius: 12px; border: 2px solid #e8ecf5;
    display: flex; align-items: center; justify-content: center;
}
.flux-crypto-status { font-size: 14px; color: var(--flux-primary); font-weight: 600; margin-top: 10px; }
.flux-crypto-status .dot {
    display: inline-block; width: 8px; height: 8px; background: var(--flux-primary);
    border-radius: 50%; margin-right: 6px; animation: pulse 1.5s ease-in-out infinite;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */



@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }


.flux-success-animation { text-align: center; padding: 40px 20px; }
.flux-success-animation .checkmark {
    width: 80px; height: 80px; border-radius: 50%;
    background: linear-gradient(135deg, #00c853, #00e676);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px; animation: scaleIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes scaleIn { from { transform: scale(0); } to { transform: scale(1); } }
.flux-success-animation .checkmark i { font-size: 36px; color: #fff; }
.flux-success-animation h3 { color: var(--flux-text-dark); margin-bottom: 10px; }
.flux-success-animation p { color: #666; font-size: 15px; line-height: 1.6; }
.flux-stepper { display: flex; justify-content: center; gap: 8px; margin: 20px 0 5px; }
.flux-stepper .step {
    width: 32px; height: 4px; border-radius: 2px;
    background: rgba(255,255,255,0.3); transition: all 0.3s ease;
}
.flux-stepper .step.active { background: #fff; width: 48px; }


.flux-admin-sidebar {
    width: 260px; background: #1a1e2e; min-height: 100vh;
    position: fixed; left: 0; top: 0; padding: 30px 0; z-index: 1000;
}
.flux-admin-sidebar .logo { text-align: center; padding: 0 20px 30px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.flux-admin-sidebar .logo h3 { color: #fff; font-size: 18px; margin-top: 10px; }
.flux-admin-sidebar nav ul { list-style: none; padding: 20px 0; }
.flux-admin-sidebar nav ul li a {
    display: flex; align-items: center; padding: 14px 25px;
    color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 500;
    transition: all 0.3s ease; border-left: 3px solid transparent;
}
.flux-admin-sidebar nav ul li a:hover,
.flux-admin-sidebar nav ul li a.active {
    color: #fff; background: rgba(43,113,255,0.1); border-left-color: var(--flux-primary);
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-admin-sidebar nav ul li a i { width: 24px; margin-right: 12px; text-align: center; }
.flux-admin-content { margin-left: 260px; padding: 30px; background: #f5f7fb; min-height: 100vh; }
.flux-admin-card {
    background: #fff; border-radius: 12px; padding: 24px;





    box-shadow: 0 2px 12px rgba(0,0,0,0.04); margin-bottom: 20px;
}
.flux-admin-card h4 {
    color: var(--flux-text-dark); margin-bottom: 20px;
    padding-bottom: 15px; border-bottom: 1px solid #eee;
}
.flux-admin-stat { background: var(--flux-gradient); border-radius: 12px; padding: 24px; color: #fff; }
.flux-admin-stat h2 { color: #fff; font-size: 32px; }
.flux-admin-stat p { color: rgba(255,255,255,0.8); font-size: 14px; }
.flux-table { width: 100%; border-collapse: collapse; }
.flux-table th {
    text-align: left; padding: 12px 16px; background: var(--flux-bg-light);
    font-weight: 600; font-size: 13px; color: var(--flux-text-dark);
    text-transform: uppercase; letter-spacing: 0.5px;
}
.flux-table td { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.flux-table tr:hover td { background: #fafbff; }
.flux-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.flux-badge-success { background: #e8f5e9; color: #2e7d32; }
.flux-badge-pending { background: #fff3e0; color: #ef6c00; }
.flux-badge-error { background: #ffebee; color: #c62828; }


.flux-pricing-table {
    width: 100%; border-collapse: separate; border-spacing: 0;
    border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.flux-pricing-table thead th {
    background: var(--flux-gradient); color: #fff; padding: 18px 20px;
    font-weight: 600; font-size: 15px; text-align: left;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-pricing-table tbody td { padding: 16px 20px; border-bottom: 1px solid #f0f2f8; font-size: 15px; }
.flux-pricing-table tbody tr:last-child td { border-bottom: none; }
.flux-pricing-table tbody tr:hover td { background: var(--flux-bg-light); }

@media (max-width: 767px) {
    .flux-pricing-table, 
    .flux-pricing-table thead, 
    .flux-pricing-table tbody, 
    .flux-pricing-table th, 
    .flux-pricing-table td, 
    .flux-pricing-table tr { 
        display: block; 
    }
    .flux-pricing-table {
        box-shadow: none;
        background: transparent;
    }
    .flux-pricing-table thead { 
        display: none; 
    }
    .flux-pricing-table tbody tr { 
        margin-bottom: 20px; 
        background: #fff;
        border: 1px solid #eef1f8; 
        border-radius: 12px; 
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    }
    .flux-pricing-table tbody td { 
        position: relative; 
        padding: 16px 20px 16px 40% !important; 
        text-align: right; 
        border-bottom: 1px solid #f0f2f8; 
        font-size: 14px;
        min-height: 52px;
    }
    .flux-pricing-table tbody td:last-child {
        border-bottom: none;
        background: #fcfdff;
    }
    .flux-pricing-table tbody td::before { 
        position: absolute; 
        left: 20px; 
        top: 16px;
        width: 35%; 
        padding-right: 10px; 
        white-space: nowrap; 
        text-align: left; 
        font-weight: 700; 
        color: var(--flux-gradient-start, #2b71ff);
    }
    .flux-pricing-table tbody td:nth-child(1)::before { content: "Usługa"; }
    .flux-pricing-table tbody td:nth-child(2)::before { content: "Zakres"; }
    .flux-pricing-table tbody td:nth-child(3)::before { content: "Cena"; }
}

.flux-fade-in { animation: fadeIn 0.6s ease-out; }
@keyframes fadeIn {


    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }



}


.theme-menu-wrapper.menu-style-two #mega-menu-wrapper .navbar-toggle .icon-bar,
.theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .navbar-toggle .icon-bar {
    background: #2b71ff !important;
}
.theme-menu-wrapper.menu-style-two #mega-menu-wrapper .navbar-toggle,
.theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .navbar-toggle {
    border-color: #2b71ff !important;
}


@media (max-width: 991px) {
    .theme-menu-wrapper .navbar-collapse,
    .theme-menu-wrapper.menu-style-two .navbar-collapse,
    .theme-menu-wrapper.menu-style-two.inner-menu .navbar-collapse,
    .theme-menu-wrapper #mega-menu-wrapper .navbar-collapse {
        background: #fff !important;
        border: none !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
    }
    .theme-menu-wrapper #mega-menu-wrapper .nav > li > a,
    .theme-menu-wrapper.menu-style-two #mega-menu-wrapper .nav > li > a,
    .theme-menu-wrapper.menu-style-two.inner-menu #mega-menu-wrapper .nav > li > a {
        color: #1c1c27 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding: 14px 20px !important;
    }
    /* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
    .theme-menu-wrapper #mega-menu-wrapper .nav > li.active > a,
    .theme-menu-wrapper #mega-menu-wrapper .nav > li:hover > a,
    .theme-menu-wrapper.menu-style-two #mega-menu-wrapper .nav > li.active > a,
    .theme-menu-wrapper.menu-style-two #mega-menu-wrapper .nav > li:hover > a {
        color: #2b71ff !important;
        background: #f8f9ff !important;


    }

    
    .theme-menu-wrapper .logo {
        -webkit-transform: none !important;



                transform: none !important;
    }
    .theme-menu-wrapper .logo img {
        max-height: 40px !important;
    }
}


.flux-discord-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    padding: 12px 24px !important;
    font-size: 13px !important;
    white-space: nowrap;
    margin-bottom: 5px;
}


@media (max-width: 768px) {
    .flux-payment-methods { grid-template-columns: 1fr; }
    .flux-checkout-panel { width: 95%; margin: 10px; }
    .flux-admin-sidebar { width: 100%; position: relative; min-height: auto; }
    .flux-admin-content { margin-left: 0; }

    
    .home-blog-section .single-blog {
        margin-bottom: 20px !important;
        padding: 20px !important;
    }
    /* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
    .home-blog-section .row > div {


        margin-bottom: 0 !important;
    }

    
    .gullu-portfolio .single-item .image img {
        height: 180px;
    }




    
    .inner-page-banner .opacity {
        text-align: center !important;
    }
    .inner-page-banner .opacity h1 {
        font-size: 28px !important;
    }
}

@media (max-width: 480px) {
    #flux-hero h1 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    .gullu-portfolio .single-item .image img {
        height: 160px;
    }
}


.flux-pagination {
    margin-top: 50px;
    margin-bottom: 20px;
}

.flux-pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;


    margin: 0;
    gap: 12px;
    align-items: center;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */

.flux-pagination ul li {
    display: inline-flex;
}

.flux-pagination ul li a,
.flux-pagination ul li span.active {



    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

.flux-pagination ul li a {
    background: #ffffff;
    color: #4a5568;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.flux-pagination ul li a:hover {
    background: #f8faff;
    color: #2b71ff;
    border-color: #2b71ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(43, 113, 255, 0.15);


}

.flux-pagination ul li span.active {
    background: linear-gradient(135deg, #2b71ff 0%, #1a5ee0 100%);
    color: #ffffff;
    border: 1px solid #1a5ee0;
    box-shadow: 0 6px 15px rgba(43, 113, 255, 0.3);
    cursor: default;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */

.flux-pagination ul li a i {
    font-size: 18px;
    line-height: 1;
}

.flux-contact-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 25px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 9999;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-left: 5px solid #2b71ff;
    max-width: 400px;
}
.flux-contact-toast.show {
    transform: translateY(0);
    opacity: 1;
}
.flux-contact-toast .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(43, 113, 255, 0.1);
    color: #2b71ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
/* Własność Flux Studio™. Pobieranie i rozpowszechnianie nielegalne pod groźbą kar. Strona stworzona przez: xfazi.pl */
.flux-contact-toast .content h4 {
    margin: 0 0 5px;
    font-size: 16px;
    color: #1c1c27;
    font-weight: 700;
}
.flux-contact-toast .content p {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}
.flux-contact-toast.error {
    border-left-color: #ff3b3b;
}
.flux-contact-toast.error .icon {
    background: rgba(255, 59, 59, 0.1);
    color: #ff3b3b;
}

/* =========================================================================
   Cookie Consent Banner & Modal
   ========================================================================= */
.flux-cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-width: 340px;
    z-index: 99998;
    transform: translateY(150%);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border: 1px solid rgba(43, 113, 255, 0.1);
}
.flux-cookie-banner.show {
    transform: translateY(0);
    opacity: 1;
}
.flux-cookie-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.flux-cookie-header i {
    font-size: 20px;
    color: #2b71ff;
}
.flux-cookie-header h4 {
    margin: 0;
    font-size: 16px;
    color: #1c1c27;
    font-weight: 700;
}
.flux-cookie-banner p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
}
.flux-cookie-actions {
    display: flex;
    gap: 8px;
    flex-direction: row;
}
.flux-cookie-btn {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border: none;
    flex: 1;
}
.flux-cookie-btn.accept {
    background: linear-gradient(135deg, #2b71ff 0%, #1a5ee0 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(43,113,255,0.3);
}
.flux-cookie-btn.accept:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(43,113,255,0.4);
}
.flux-cookie-btn.settings {
    background: #f0f5ff;
    color: #2b71ff;
    border: 1px solid rgba(43,113,255,0.2);
}
.flux-cookie-btn.settings:hover {
    background: #e1ecff;
}

/* Cookie Settings Modal */
.flux-cookie-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
}
.flux-cookie-modal.show {
    opacity: 1;
    visibility: visible;
}
.flux-cookie-modal-content {
    background: #fff;
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    padding: 30px;
    transform: translateY(20px) scale(0.95);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-sizing: border-box;
}
.flux-cookie-modal.show .flux-cookie-modal-content {
    transform: translateY(0) scale(1);
}
.flux-cookie-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.flux-cookie-modal-header h4 {
    margin: 0;
    font-size: 20px;
    color: #1c1c27;
}
.flux-cookie-modal-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
}
.flux-cookie-modal-close:hover {
    color: #ff3b3b;
}
.flux-cookie-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    background: #f8faff;
    border-radius: 10px;
    border: 1px solid #eef2f9;
}
.flux-cookie-option-info h5 {
    margin: 0 0 5px;
    font-size: 15px;
    color: #2d2d43;
}
.flux-cookie-option-info p {
    margin: 0;
    font-size: 13px;
    color: #666;
}
.flux-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    flex-shrink: 0;
}
.flux-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.flux-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}
.flux-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .flux-slider {
    background-color: #2b71ff;
}
input:checked + .flux-slider:before {
    transform: translateX(24px);
}
input:disabled + .flux-slider {
    opacity: 0.6;
    cursor: not-allowed;
}
.flux-cookie-modal-footer {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 480px) {
    .flux-cookie-banner {
        right: 15px;
        left: 15px;
        bottom: 15px;
        max-width: none;
        width: auto;
    }
}

/* Fix for long testimonials text */
.testimonial-section .main-container .item .wrapper p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.testimonial-section .main-container .item .wrapper p::-webkit-scrollbar {
    width: 6px;
}
.testimonial-section .main-container .item .wrapper p::-webkit-scrollbar-thumb {
    background: rgba(43,113,255,0.3);
    border-radius: 4px;
}

@media (max-width: 767px) {
    .testimonial-section .main-container .item .wrapper p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        max-height: 200px;
        margin-bottom: 20px !important;
    }
    .testimonial-section .main-container .item .wrapper {
        padding-left: 20px !important;
    }
    .testimonial-section .main-container .item .wrapper p:before {
        font-size: 24px !important;
        left: -20px !important;
        top: 0 !important;
    }
}

/* Portfolio Carousel Arrows */
#home-portfolio-grid.owl-theme .owl-nav {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    display: flex;
    justify-content: center;
}
#home-portfolio-grid.owl-theme .owl-nav [class*=owl-] {
    font-family: 'font-awesome';
    background: transparent;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    margin: 0 5px;
    color: #2b71ff;
    font-size: 18px;
    transition: all 0.3s ease;
}
#home-portfolio-grid.owl-theme .owl-nav [class*=owl-]:hover {
    background: #2b71ff;
    color: #fff;
    border-color: #2b71ff;
}
.our-portfolio {
    padding-bottom: 250px !important; /* Ensure space for arrows */
}
@media (max-width: 991px) {
    #home-portfolio-grid.owl-theme .owl-nav {
        bottom: -60px;
    }
}