/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");

.more-info-product .title-info-product {
    margin-bottom: 1.3rem;
    margin-top: 1rem;
    font-size: 1.3rem;
}

.more-info-product {
    font-size: 1rem;
}

#blockcart-modal .cart-content a.btn,
.product-add-to-cart .product-quantity .add-to-cart,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout,
.continue.btn,
button.btn.btn-primary.center-block,
.checkout.cart-detailed-actions.card-block .btn,
.cp-get-canvas.btn.btn-primary {
    background: #000 !important;
}

.product-actions .cp-get-canvas.btn.btn-primary {
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 15px 0 0;
    max-width: 240px;
    min-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 15px 0 0;
    color: #fff;
}

.product-actions .cp-get-canvas.btn.btn-primary:hover {
    background: #56951b !important;
    color: #fff;
}

.box-top .col-info .wislish-button .ap-btn-wishlist .ap-total,
.box-top .col-info #_desktop_cart .header .cart-products-count {
    background: #56951b !important;
}

.p-reference>div {
    padding-left: 0px;
    border-left: 0px solid #ccc;
    margin: 5px 20px 5px 0;
}

.radio-label {
    line-height: 100% !important;
    padding: 10px 10px 7px 10px !important;
}

.blog-container .blog-meta>span.created {
    width: 100%;
    display: flex;
    align-items: baseline;
}

time.date:before,
.info_blog:before {
    display: none;
}

.page-home .ApColumn .title_block,
.insta-title-wrap h2.an_insta-title {
    font-size: 2rem;
}

.footer-container {
    border-top: 0px solid #eaeaea !important;
}

.box-cateh2 .ApImage .image_description b,
.box-cateh2 .ApImage .image_description strong {
    font-size: 2rem !important;
    background: #ffffff8c;
    display: inline-block !important;
    padding: 5px 20px 1px 20px;
    backdrop-filter: blur(5px);
}

.blog-container .blog-desc {
    line-height: 1.5 !important;
}

.box-cateh2 .ApImage.title-top .image_description,
.box-cateh2 .ApImage.title-top-right .image_description,
.box-cateh2 .ApImage.title-top-left .image_description {
    top: auto !important;
    bottom: 10px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 2;
    width: 100%;
    text-align: center !important;
    font-size: 3rem !important;
}

.box-cateh2 .ApImage .image_description {
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 3rem !important;
}

.box-cateh2 .ApImage:before,
.box-cateh2.box-h3 .ApImage.title-top-right:before,
.box-cateh2.box-h3 .ApImage.title-top-left:before {
    display: none !important;
}

.blog-container .blog-title {
    font-size: 1rem !important;
}

.card.lgbudget-card {
    margin-top: 20px !important;
}

.card.lgbudget-card a.input-group-addon.btn.btn-primary {
    background: #000;
    color: #fff;
}

#lgbudget_account .container {
    padding-bottom: 20px;
}

#lgbudget_account .budget .header {
    padding-left: 20px;
}

.bannercontainer .tp-caption.data-link.half-slide .caption-contain {
    opacity: 0 !important;
}

.bannercontainer .tp-caption.data-link.half-slide {
    width: 50% !important;
    height: 100%;
    opacity: 0.000000001 !important;
    background-color: #000 !important;
    transition: all 0.3s ease-in-out;
}

.bannercontainer .tp-caption.data-link.half-slide:hover {
    opacity: 0.1 !important;
}

.thumbnail.product-thumbnail {
    transition: all 0.3s ease-in-out;
}

.thumbnail.product-thumbnail:hover {
    opacity: 0.8;
}

.footer-text {
    margin-top: 15px;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 150%;
}

.modal-header .h5.modal-title {
    font-weight: bold;
    font-size: 1rem;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
}

.box-top #leo_search_block_top h4.title_block {
    display: none;
}


/* surveys */

.survey-box .survey-fill .survey-question-box {
    background-color: #fff !important;
    border: 1px solid #c2c2c2 !important;
    padding: 0px !important;
    margin-bottom: 20px !important;
}

.survey-box .survey-fill .survey-question-box .question-description {
    margin-bottom: 0px !important;
    font-size: 1.2rem !important;
    padding: 20px !important;
    background: #f2f2f4 !important;
}

.survey-box .survey-fill .survey-question-box .question-response {
    padding: 0px 20px 10px 20px !important;
}

.question-response .q-option-group.q-gutter-x-sm>div {
    width: 20%;
    display: inline-block;
    margin-left: 0px;
}

.question-response .q-option-group.q-gutter-x-sm>div .q-radio__inner--truthy.q-radio__inner svg,
.question-response .q-option-group.q-gutter-x-sm>div .q-checkbox__inner--truthy .q-checkbox__bg.absolute {
    color: #57941b;
}

.survey-box .survey-summary .survey-summary-box,
.survey-box .survey-summary .survey-summary-agree .survey-agree-item {
    background-color: #fff !important;
    border: #e5e5e5 1px solid !important;
    padding: 10px 20px !important;
    margin-bottom: 20px !important;
}

.survey-box .survey-summary .survey-summary-agree .survey-agree-item .q-item__label {
    text-align: left;
}

#vue-survey button {
    background: #000;
    color: #fff;
    border-radius: 0px;
    box-shadow: unset;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 20px;
}

#vue-survey .q-btn--actionable.q-btn--standard .q-btn__wrapper:before {
    box-shadow: unset !important;
}

#vue-survey .step-header {
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom: #7d7d7d 1px solid;
    padding-bottom: 10px;
}

.header-white .caption-contain {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    display: inline-block;
    line-height: 130%;
}

.text-white .caption-contain {
    display: inline-block !important;
    text-align: left;
    font-size: 30px;
    width: 600px !important;
    height: auto !important;
}

.btn-green .caption-contain {
    padding: 13px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #56941c;
    height: auto;
    width: unset !important;
    font-size: 23px;
    color: #fff;
    font-weight: bold;
}

.slide-image img {
    width: 400px;
    height: auto;
}

.insta-title-wrap h2.an_insta-title {
    padding-bottom: 30px;
}

.container .row.box-coppy3 {
    padding: 30px 0px;
}

.block_content .h-logo a .img-fluid {
    width: 265px;
    max-width: 265px;
}

.column-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-margin-small {
    margin-bottom: 50px;
}

.product-flags .product-flag.new {
    padding: 7px 18px;
    display: inline-block;
    font-size: 14px; /* Było: 11px - WCAG minimum */
    color: #ffffff;
    background: #2C8820 !important; /* Było: #30c22c - kontrast 4.6:1 ✅ */
    font-weight: 600; /* Dodatkowa czytelność */
}


/* updiwu home */

.box-cateh2 .ApImage.title-top.up-home-title .image_description,
.box-cateh2 .ApImage.title-top-right.up-home-title .image_description {
    top: auto !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 2;
    width: 100%;
    text-align: center !important;
    font-size: 1.2rem !important;
    background: #ffffff94;
    padding: 15px 20px;
    color: #000;
    backdrop-filter: blur(10px);
}

.box-cateh2 .ApImage.title-top.up-home-title .image_description span,
.box-cateh2 .ApImage.title-top-right.up-home-title .image_description span {
    font-size: 1.6rem !important;
    font-weight: bold;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

#cp-sel-Photos .lst-tags:after {
    content: "Pamiętaj ze ten efekt może odbiegać od wizualizacji.";
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px;
    font-weight: bold;
}


/* Pages */

#content .center {
    text-align: center;
}

#content .info_section {
    margin: 50px 0px 30px 0px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

#content .info_section h4 {
    font-weight: 400;
    font-size: 45px;
    color: #000 !important;
}

#content .info_section h5 {
    font-size: 13px;
    color: #30c22c !important;
    letter-spacing: 2px;
}

#content .info_section_text {
    line-height: 170%;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom: 30px;
}

#content .info_section_gallery {
    margin-bottom: 50px;
}

#content .info_section_buttons {
    text-align: center;
    margin: 50px 0px;
}

#content .info_section_buttons div {
    text-align: center;
}

#content .info_section_buttons div a {
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-width: 200px;
    margin: 0;
    background-color: #000;
    color: #fff;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#content .info_section_buttons div a:hover {
    opacity: 0.7;
}

#content div.slick-arrows .slick-arrow.slick-next,
#content div.slick-arrows .slick-arrow.slick-prev {
    background: #fff;
    border: 1px solid #e8e8e8;
    margin: 0px;
}

#content div.slick-arrows .slick-arrow.slick-next {
    right: -30px;
}

#content div.slick-arrows .slick-arrow.slick-prev {
    
}

.cart-grid-body .card-block.cart-summary-totals {
    padding-bottom: 20px;
}


/*
.lang-pl .thumbnail-container .product-price-and-shipping .price:before{
    content: 'Od: ';
    display: inline-block;
    margin-right: 10px;
}

.lang-gb .thumbnail-container .product-price-and-shipping .price:before{
    content: 'From: ';
    display: inline-block;
    margin-right: 10px;
}
*/

.js-mailalert {
    text-align: center;
    display: inline-flex;
    width: 100%;
    margin-top: 15px;
}

.js-mailalert .form-control,
.js-mailalert .btn.btn-primary {
    width: 50%;
}

.leo-megamenu .navbar-nav li.custom-icon a {
    padding: 14px 10px 0px 10px;
}

.leo-megamenu .navbar-nav li.custom-icon a .hasicon.menu-icon,
.off-canvas-nav-megamenu .navbar-nav>li.custom-icon>a .hasicon.menu-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    object-fit: cover;
    background-size: cover !important;
}

@media (max-width: 1400px) {
    .question-response .q-option-group.q-gutter-x-sm>div {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .question-response .q-option-group.q-gutter-x-sm>div {
        width: 33.33333%;
    }
}

@media (max-width: 767px) {

    .block-toggler.accordion_small_screen .collapse,
    .footer-container .links.accordion_small_screen .collapse {
        display: block !important;
    }

    #content .info_section h4 {
        font-size: 35px;
    }

    .question-response .q-option-group.q-gutter-x-sm>div {
        width: 50%;
    }

    #content .info_section_buttons div a {
        margin: 5px 0px;
    }

    #main .page-header h1 {
        text-align: center;
    }
}

@media (max-width: 850px) {
    #vue-survey button {
        width: 100%;
        margin: 5px 0px;
    }

    #content .info_section h4 {
        font-size: 30px;
    }

    .question-response .q-option-group.q-gutter-x-sm>div {
        width: 100%;
    }

    .box-cateh2 .ApImage .image_description b,
    .box-cateh2 .ApImage .image_description strong {
        font-size: 1.3rem !important;
    }

    .js-mailalert .form-control,
    .js-mailalert .btn.btn-primary {
        width: 100%;
    }

    .js-mailalert {
        flex-direction: column;
    }

    .tab-pane {
        line-height: 170%;
    }

    .product-miniature.js-product-miniature .product-list-images-mobile div {
        display: none;
    }

    .product-miniature.js-product-miniature .product-list-images-mobile div:first-child {
        display: block;
    }

    .product-miniature.js-product-miniature .slick-arrows {
        display: none !important;
    }

    .product-miniature.js-product-miniature .slick-dots {
        display: none !important;
    }

    .plist-noe .thumbnail-container .functional-buttons .add-to-cart {
        display: none !important;
    }

    .product-miniature.js-product-miniature .slick-dotted.slick-slider {
        margin-bottom: 0px !important;
    }
}

#head-cdes p img {
    width: auto;
    height: auto;
    max-width: 150px;
    margin: 10px 0px 0px 10px;
}

.block.title-top-right.paw.ApImage {
    max-height: 402px;
}

@media (max-width: 1440px) {
    .block.title-top-right.paw.ApImage {
        max-height: 330px;
    }
}

@media (max-width: 1199px) {
    .block.title-top-right.paw.ApImage {
        max-height: 268px;
    }
}

@media (max-width: 991px) {
    .block.title-top-right.paw.ApImage {
        max-height: 199px;
    }
}

@media (max-width: 768px) {
    .block.title-top-right.paw.ApImage {
        max-height: 310px;
    }
}

.cp-mask-img img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.carousel-indicators {
    margin-bottom: 0 !important;
    display: none;
}

.full-slider .carousel-control>span.glyphicon {
    font-size: 20px;
}

.leo-dropdown-cart.dropdown {
    position: absolute !important;
}

.search-widget.js-dropdown.popup-over {
    display: none;
}

h1.title_block {
    margin-bottom: 30px !important;
    font-weight: 400;
}

.ApInstagram {
    margin-top: 100px;
}

.ApInstagram .title_block {
    margin-bottom: 30px !important;
    font-weight: 400;
}


/* #category.category-sklep-updiwu .block-categories {
    display: none;
} */

#category #left-column .links.block ul li {
    margin-bottom: 10px;
}

@media all and (min-width: 768px) {
    #category #left-column .links.block ul {
        display: block;
    }

    #category #left-column .links.block .col-md-6 {
        width: 100%;
    }
}

@media all and (min-width: 1400px) and (max-width: 1585px) {
    .box-coppy3>.ApColumn {
        padding-right: 80px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1340px) {
    .box-coppy3>.ApColumn {
        padding-right: 80px;
    }
}

@media all and (min-width: 992px) and (max-width: 1100px) {
    .box-coppy3>.ApColumn {
        padding-right: 80px;
    }
}

@media all and (min-width: 768px) and (max-width: 865px) {
    .box-coppy3>.ApColumn {
        padding-right: 80px;
    }
}

@media all and (min-width: 479px) and (max-width: 550px) {
    .box-coppy3>.ApColumn {
        padding-right: 80px;
    }
}

@media all and (max-width: 478px) {
    .box-coppy3>.ApColumn>div {
        width: 100%;
    }

    .box-coppy3>.ApColumn>div.block-social {
        padding-bottom: 80px !important;
    }

    #checkout button.continue {
        width: 100%;
    }
}

#js-product-list-header>div>h1:not(.h1-nowosci) {
    display: none;
}

.sale-info {
    padding: 20px 20px 16px 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    background: #409d36;
    border-radius: 3px;
}

.block-category .category-cover {
    width: 100%;
    max-width: 100%;
}

.image-full-c {
    width: 100%;
}



.box-cateh2 .ApImage a[href*="27-stworz"] img {
    max-height: 220px;
    object-fit: contain;
}

.box-cateh2 .ApImage a[href*="96-limited"] img {
    max-height: 217px;
    object-fit: contain;
}


.digisimilarproducts-wrap {
    margin: 20px 0px;
}

.digisimilarproducts-list {
    display: flex;
    gap: 15px;
}

.digisimilarproducts-list a {
    text-align: center;
    font-size: 12px;
    display: inline-block;
}

.inpost-shipping-container {
    padding: 15px !important;
    margin-top: -24px;
}

.inpost-shipping-container .btn {
    margin-top: 15px;
}

.inpost-shipping-customer-change {
    border-radius: 0;
    background: #292929;
    padding: 10px 20px;
    line-height: 20px;
    border: 0;
    transition: all .4s;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff !important;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
}

#module-przelewy24-paymentConfirmation .alert.alert-danger {
    display: none !important;
}

.product-variants {
    ul {
        .input-container.float-xs-left {
            input[type="radio"] {
                left: 0;
                z-index: 10;
            }
        }
    }
}


/* ------------- UPDOWU Subscription page START --------------- */

.col-sub3{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: 15px;

    @media (max-width: 768px) {
        flex-direction: column;
    }

    .col-md-4{
        padding: 15px;
        border: 1px solid #e4e4e4;
    }

}

.col-sub4{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: 15px;

    @media (max-width: 768px) {
        flex-direction: column;
    }

    .col-md-3{
        padding: 15px;
        border: 1px solid #e4e4e4;

        img{
            width: 100%;
            height: auto;
        }
    }

}

/* ------------- UPDOWU Subscription page END --------------- */