:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


:root {
    --bs-primary: #0d6efd; 
    --bs-primary-bg: #ffffff; 
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; 
    --bs-secondary-text: #212529; 
    --bs-accent: #07c152; 
    --bs-footer-bg: #ffffff; 
    --bs-footer-text: #212529; 
    
    --bs-preloader-second: #f21559; 
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    
    --bs-primary-lighter: #6AA4FF;
    --bs-primary-darker: #004CCB;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    
    --bs-body-color: #212529;
    --ip-btn-primary-background: #0d6efd;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #0d6efd;
    --ip-radio-checked-background: #0d6efd;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    
    --ip-header-main-bg: #ffffff; 
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #0d6efd;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #0d6efd;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #0d6efd;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #0d6efd;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; 
    --ip-input-background: #ffffff; 
    --ip-carousel-button-color: #0d6efd;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; 
    --base-font-size: 16px; 
    --base-font-family: 'Arial', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --product-box-size: 250px; 


    
    --ip-icon-primary-1: #7f6eff;
    --ip-icon-primary-2: #7e37ff;
    --ip-icon-primary-3: #7c00ff;
    --ip-icon-primary-4: #6120de;
    --ip-icon-primary-5: #4300c4;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}


/* --- Kolory */
/* Dostosuj bootstrapowe kolory. Najważniejsze aby kolor tekstu się wyróżniał na każdym tle. */
/*:root {*/
/*    --bs-blue: #0d6efd;*/
/*    --bs-indigo: #6610f2;*/
/*    --bs-purple: #6f42c1;*/
/*    --bs-pink: #d63384;*/
/*    --bs-red: #dc3545;*/
/*    --bs-orange: #fd7e14;*/
/*    --bs-yellow: #ffc107;*/
/*    --bs-green: #198754;*/
/*    --bs-teal: #20c997;*/
/*    --bs-cyan: #0dcaf0;*/
/*    --bs-white: #fff;*/
/*    --bs-gray: #6c757d;*/
/*    --bs-gray-dark: #343a40;*/
/*    --bs-gray-100: #f8f9fa;*/
/*    --bs-gray-200: #e9ecef;*/
/*    --bs-gray-300: #dee2e6;*/
/*    --bs-gray-400: #ced4da;*/
/*    --bs-gray-500: #adb5bd;*/
/*    --bs-gray-600: #6c757d;*/
/*    --bs-gray-700: #495057;*/
/*    --bs-gray-800: #343a40;*/
/*    --bs-gray-900: #212529;*/
/*    --bs-primary: #8c4cf3;*/
/*    --bs-secondary: #310E6A;*/
/*    --bs-success: #00c853;*/
/*    --bs-info: #0076FF;*/
/*    --bs-warning: #ffc107;*/
/*    --bs-danger: #dc3545;*/
/*    --bs-light: #f8f9fa;*/
/*    --bs-dark: #212529;*/
/*    --bs-primary-rgb: 140,76,243;*/
/*    --bs-secondary-rgb: 108,117,125;*/
/*    --bs-success-rgb: 25,135,84;*/
/*    --bs-info-rgb: 13,202,240;*/
/*    --bs-warning-rgb: 255,193,7;*/
/*    --bs-danger-rgb: 220,53,69;*/
/*    --bs-light-rgb: 248,249,250;*/
/*    --bs-dark-rgb: 33,37,41;*/
/*    --bs-white-rgb: 255,255,255;*/
/*    --bs-black-rgb: 0,0,0;*/
/*    --bs-body-color-rgb: 33,37,41;*/
/*    --bs-body-bg-rgb: 255,255,255;*/
/*    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));*/
/*    --bs-body-color: #212529;*/
/*    --bs-body-bg: #fff;*/

    /* Dostosuj dodatkowe kolory. Jako podstawe wez podstawe poczatku nazwy zmiennej */
/*    --bs-primary-lighter: #8c4cf3;*/
/*    --bs-primary-darker: #004CCB;*/

/*    --bs-success-lighter: #00d057;*/
/*    --bs-secondary-lighter: #eeeeee;*/
/*}*/

.payment-type-icon-12 {
   max-width: 20%;
}

.g-recaptcha {
    margin: 20px 0;
}

.category-title, #popular .category-title {
    width: auto;
}

.cm__btn[data-role="necessary"]{
    display: none !important;
}
/* --- Kolory */
/* Dostosuj bootstrapowe kolory. Najważniejsze aby kolor tekstu się wyróżniał na każdym tle. */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #8c4cf3;
    --bs-secondary: #310E6A;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 140,76,243;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-color: #212529;
    --bs-body-bg: #fff;

    /* Dostosuj dodatkowe kolory. Jako podstawe wez podstawe poczatku nazwy zmiennej */
    --bs-primary-lighter: #8c4cf3;
    --bs-primary-darker: #004CCB;

    --bs-success-lighter: #00d057;
    --bs-secondary-lighter: #eeeeee;
}

.payment-type-icon-12 {
   max-width: 20%;
}

.g-recaptcha {
    margin: 20px 0;
}

.category-title, #popular .category-title {
    width: auto;
}

.cm__btn[data-role="necessary"]{
    display: none !important;
}

.secondary-background-color {
    background: none;
}

.app-modal-inner.ip-container-bg.ip-br-8.position-relative {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

@media screen and (min-width: 1268px) {
    .footer-menu-container-class {
        margin: 50px auto !important;
    }
}

.action-buttons-bottom p {
    color: #FFFFFF;
}

.not-read-number {
    right: -5px !important;
    bottom: 17px !important;
}

.flex-md-wrap.action-buttons-bottom div.mx-auto.mx-md-0 a{
    padding: .375rem .75rem !important;
}

.end-modal {
    position: fixed !important;
}

.p-5.ip-container-bg.ip-br-8 {
    background: #ffff;
}

#info .d-flex.justify-content-around .btn.addToCart.btn.ip-btn-lg.ip-btn-success.rounded-pill,
.app-modal-continue-button {
    font-size: 16px;
}

.d-flex.flex-row.total-price-1-step {
    display: none !important;
}

.smaller.background-cover.pr.bg-white,
.text-body .background-cover.pl.bg-white.smaller{
    background: none !important;
}

@media screen and (max-width: 768px) {
    #info .d-flex.justify-content-around.align-items-center {
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (min-width: 768px) {
    .advantages-container {
        gap: 100px !important;
    }
    
    .sm-text-container {
        right: -150px !important;
    }
}

.shipment-type app-dropdown {
    display: none;
}

.payment-type-el {
    width: 100%;
    display: flex !important;
}

.cart-payment-method app-dropdown .dropdown-items {
    width: 100%;
}

.order-shipment-opened.row-box .col.col-md-5.col-xl-3.mb-3.col-md-6.col-xl-4.ps-md-0 {
    flex: 0 0 auto !important;
    width: 16.66666667% !important;
}

.order-shipment-opened.row-box .d-flex.flex-column.flex-md-row.flex-md-wrap.justify-content-between.justify-content-md-end {
    justify-content: flex-start !important;
    gap: 10px;
}

.removedPositionFixedCentering.col.col-md-6.col-xl-4.ps-md-3 {
    flex: 0 0 auto !important;
    width: 41.66666667% !important;
}

.cart-order-group-select-address .address-data-button.position-relative.mb-3.mb-md-0 .app-dropdown.app-dropdown-opened {
    width: 100%;
}

.address-data-button.position-relative.mb-3.mb-md-0 .input_label.position-absolute{
    overflow: hidden;
}

.address-data-button.position-relative.mb-3.mb-md-0 {
    width: 100%;
}

@media screen and (max-width: 425px) {
    .order-shipment-opened.row-box .col.col-md-5.col-xl-3.mb-3.col-md-6.col-xl-4.ps-md-0 {
        width: 100% !important;
    }
    #multi-package address-data-button {
        flex-direction: column;
    }
    .removedPositionFixedCentering.col.col-md-6.col-xl-4.ps-md-3 {
        width: 100% !important;
    }
    .order-shipment-opened.row-box .d-flex.flex-column.flex-md-row.flex-md-wrap.justify-content-between.justify-content-md-end {
        gap: 30px;
    }
}

.specification-gallery-link {
    text-decoration: none;
}

#specification-gallery {
    margin-bottom: 50px;
}

ul#main-top-menu > li.item > .menu-header-wrapper {
    direction: ltr;
}

@media screen and (min-width: 1200px) {
    ul#main-top-menu > li.item > .menu-header-wrapper {
        padding: 22px 27px;
        width: 900px !important;
    }
}

.main-top-menu-wrapper.opened{
    display: block !important;
}

.main-top-menu-wrapper {
    display: none;
    position: absolute;
    max-width: 1400px;
    width: 320px;
    left: 0;
    top: 100%;
    min-height: 420px;
    height: 420px;
    border: none !important;
}

.p-0.product-footer-container li:last-child {
    display: none;
}

#popular .owl-carousel .owl-item img {
    height: 80%;
}

.cart-login-container .address-book-select app-dropdown{
    display: block;
    width: 600px;
}

.popular-product-text-container {
    background: rgba(248, 248, 248, 1);    
}