.pagination-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .custom-pagination .pagination {
        margin-bottom: 0;
    }

    .page-link {
        padding: 0.25rem 0.6rem;
        border-radius: 0;
        font-size: 0.85rem;
        color: #333;
    }

    .page-item.active .page-link {
        background-color: #ccc;
        border-color: #aaa;
        color: #000;
    }

    .pagination-wrapper p.small.text-muted {
        display: none;
    }


    .zoomContainer {
        z-index: 9999;
    }

    body .fancybox-container {
        z-index: 9999999;
    }

    .tab-button {
        padding: 10px 20px;
        cursor: pointer;
        background-color: lightgray;
        border: 1px solid #ccc;
        display: inline-block;
    }

    .tab-button.active {
        background-color: #ddd;
        font-weight: bold;
    }

    .field-wrapper {
        margin-top: 10px;
    }

    .hidden {
        display: none;
    }


    li.color-item {
        cursor: pointer;
        text-align: center;
    }

    .color_box {
        display: inline-block;
        width: 32px;
        height: 32px;
        border: 2px solid transparent;
        border-radius: 4px;
        transition: border 0.2s ease;
    }

    /* Hidden checkbox */
    .color-checkbox {
        display: none;
    }

    /* Style when selected */
    .color-checkbox:checked+.color_box {
        border: 2px solid #000;
        /* You can change this to any highlight */
    }

    .color_label {
        display: block;
        margin-top: 5px;
        font-size: 14px;
    }

    .zoomContainer {
        z-index: 9999;
    }

    body .fancybox-container {
        z-index: 9999999;
    }

    .field-wrapper {
        margin-top: 10px;
    }

    .hidden {
        display: none;
    }

    .price {
        font-weight: 700;
    }

/* --- Contact Page Specific Styles --- */
/* .contact-panel,
.content-top h1,
.content-top p,
.contact-info,
.contact-info .contact-box,
.contact-info .contact-box:hover,
.contact-info .contact-box img,
.contact-info .contact-box:hover img,
.contact-info .contact-box h3,
.contact-info .contact-box span,
.contact-info .contact-box span a,
.contact-info .contact-box a,
.contact-info .contact-box a:hover,
.contact-info .contact-box p,
.contact-info .contact-box a.btns,
.from-block,
.from-block h4,
.form-contact,
.form-contact .form-field,
.form-contact .form-field label,
.form-contact .form-field label span,
.form-contact .form-field .inhut-box,
.form-contact .form-field.field-full,
.form-contact .form-field textarea.inhut-box,
.from-block a.btns { */
    /* ... existing code from style.css ... */
/* } */

@-webkit-keyframes blinker {
    /* ... existing code from style.css ... */
}

/* --- Order Page Specific Styles --- */
/* .order h5,
.order-received ul,
.order-received ul li,
.order-received ul li:last-child,
.order-received ul li a,
.order-received ul li span,
.order .payment-method h5,
.order .payment-method h5 span,
.order-detail-table,
.order-detail-table table.table,
.order-detail-table table.table tr th,
.order-detail-table table.table tr td,
.order-detail-table table.table tr td:first-child,
.order-billingaddress,
.order-billingaddress .bill-detail,
.order-billingaddress .bill-detail ul,
.order-billingaddress .bill-detail ul li,
.order-billingaddress .bill-detail ul li a,
.order-billingaddress .bill-detail ul li svg.svg-inline--fa { */
    /* ... existing code from style.css ... */
/* } */

/* --- Blog Page Specific Styles --- */
/* .blogbox,
.blogbox:nth-child(even),
.blogbox:nth-child(even):after,
.blogbox:last-child,
.blogbox .blog-content,
.blogbox h3,
.blogbox h3 a,
.blogbox h3 a:hover,
.blogbox .blog-content p a:hover,
.blogbox .blog-content h4 a:hover,
.blogbox p.blog-info,
.blogbox .blog-content h4,
.blogbox .blog-content h4 a,
.blog-sec,
.blog-sec .blogbox .blogboximg,
.blog-sec .blogbox .blogboximg img,
.blog-sec .blogbox .blog-content .blog-post-date,
.blog-sec .blogbox .blog-content .blog-post-date a,
.blogbox .blog-content p,
.blogbox .blog-content p a,
.blog-sec .blogbox .blog-content a.btns { */
    /* ... existing code from style.css ... */
/* } */

/* --- Blog Detail Page Specific Styles --- */
/* .blog-detail-content,
.blog-detail,
.blog-detail .blogboximg,
.blog-detail .blogboximg img,
.blog-detail .alignleft,
.blog-detail .alignright,
.blog-detail .blog-content,
.blog-detail .blog-content h2,
.blog-detail .blog-content h3,
.blog-detail .blog-content h3 span.s1,
.blog-detail .blog-content h3 a,
.blog-detail h4,
.blog-detail .blog-content h4 a,
.blog-detail .blog-content .blog-post-date,
.blog-detail .blog-content .blog-post-date a,
.blog-detail p,
.blog-detail p a,
.blog-detail .blog-content a.btns { */
    /* ... existing code from style.css ... */
/* } */

/* --- Product Details Page Specific Styles --- */
/* .detail-product-area,
.detail-product-area .product-detail,
.detail-product-area .product-detail .product_magnifayer,
.detail-product-area .product-detail .product_magnifayer button,
.detail-product-area .product-detail .product-gallery,
.detail-product-area .product-detail .product-gallery a,
.detail-product-area .product-detail .product-gallery .main-image-box,
.detail-product-area .product-detail .product-gallery .product_magnifayer,
.detail-product-area .product-detail .product-gallery img,
.product_just_stars span.startreview,
.product-detail .product-info .product-details ul,
.product-detail .product-info .product-details ul li,
.product-detail .product-info .product-details ul li:before,
.product-detail .product-info .product_meta span.sku_wrapper,
.product-detail .product-info .product_meta span.sku_wrapper span.sku,
.product-detail .product-info .product_meta span.tagged_as,
.product-detail .product-info .product_meta span.tagged_as a,
.product-detail .product-info .product_meta span.tagged_as a:hover,
.product-detail .product-info .social-media h5,
.product-detail .product-info .social-media ul,
.product-detail .product-info .social-media ul li,
.product-detail .product-info .social-media ul li:hover,
.product-detail .product-info .social-media ul li svg,
.detail-product-area .detailinfo-form,
.product-detail .product-info .ds_custom_desc,
.product-detail .product-info .ds_custom_desc p,
.product-detail .product-info .ds_custom_desc ul,
.product-detail .product-info .ds_custom_desc ul li,
.detailinfo-form span.from,
.detailinfo-form .price-review,
.detail-product-area .detailinfo-form .review-sa-plugin,
.detail-product-area .detailinfo-form .review-sa-plugin .madeincountry,
.detail-product-area .detailinfo-form .review-sa-plugin .madeincountry img,
.detail-product-area .detailinfo-form .customize-form,
.detail-product-area .detailinfo-form .customize-form .product-type-variations,
.detail-product-area .detailinfo-form .customize-form .product-type-variations img,
.detail-product-area .detailinfo-form .customize-form .product-type-variations h4,
.detail-product-area .size-variations.product-option,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .type-variations-row .type-variations-col,
.detail-product-area .detailinfo-form .customize-form form,
.detail-product-area .detailinfo-form .customize-form p,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button img,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button.active,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid .size-item,
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid .size-item input.quantity-input,
.detail-product-area .detailinfo-form .customize-form .form-heading,
.detail-product-area .detailinfo-form .customize-form .form-heading span,
.detail-product-area .detailinfo-form .customize-form .form-field,
.detail-product-area .detailinfo-form .customize-form .color-grid,
.simple_product label,
.detail-product-area .detailinfo-form .customize-form label .color-swatch,
.detail-product-area .detailinfo-form .customize-form .text-center,
.detail-product-area .detailinfo-form .customize-form .text-center input,
.detail-product-area .detailinfo-form .customize-form label .color-swatch.red.active,
.detail-product-area .detailinfo-form .customize-form input.input-box, .detail-product-area .detailinfo-form .customize-form select,
.detail-product-area .detailinfo-form .customize-form .upload-file span.cpf-upload-text,
.detail-product-area .detailinfo-form .customize-form [type="file"],
.detail-product-area .detailinfo-form .customize-form input.btns,
.detail-product-area .detailinfo-form .customize-form small.tc-max-file-size,
.tc-max-char-size,
.detail-product-area .detailinfo-form .customize-form #show_image_name,
.detail-product-area .detailinfo-form .customize-form .filds-radio-button,
.detail-product-area .detailinfo-form .customize-form .filds-radio-button input.form-check-input,
.detail-product-area .detailinfo-form .customize-form .form-field.proof-email,
.detail-product-area .detailinfo-form .customize-form .product-type-variations a#addtobasket,
.detail-product-area .detailinfo-form .customize-form .product-type-variations a#outofstockbtn,
.customize-form form .filds-radio-button,
.customize-form form .filds-radio-button label.form-check-label,
.customize-form form .form-field .proff-email p,
.detail-product-area .detailinfo-form .customize-form small,
.detail-product-area .form-field span.detailtotal,
.price-sections,
.detail-product-area .form-field .product-finder-price span.price,
.detail-product-area .form-field .product-finder-price { */
    /* ... existing code from style.css ... */
/* } */

/* --- Cart and Checkout Page Specific Styles --- */
/* .messagefield,
.messagefield:before,
.messagefield button.btns,
.cart-panel,
.cart-panel table.table tr th,
.cart-panel table.table dl,
.cart-panel table.table dl dt,
.cart-panel table.table tr td.close button.btn.btn-danger,
.cart-panel table.table tr td,
.cart-panel table.table tr td a,
.cart-panel table.table tr td a.product-heading,
.cart-panel table.table tr td a.tm-cart-edit-options,
.cart-panel table.table tr td.close,
.cart-panel table.table tr td.product-img, .cart-panel table.table tr td.product-amount,
.cart-panel table.table tr td.product-img img,
.cart-panel table.table tr td dl dd,
.cart-panel table.table tr td #address-form select, .cart-panel table.table tr td #address-form input,
.cart-panel table.table tr td label,
.cart-totals,
.cart-totals tr th,
.cart-totals tr td a.shipping-calculator-button,
.cart-totals tr td a.shipping-calculator-button .fa-calculator,
.cart-totals .btns,
.checkoutlogin,
.checkoutlogin a.showlogin,
.checkout-login-form,
.checkout-login-form p,
.checkout-sec,
.checkout-sec .contact-form-sec,
.checkout-sec .checkout-filed,
.checkout-sec .checkout-filed .quote-filedtwo,
.checkout-sec .checkout-filed label,
.checkout-sec .checkout-filed.quote-filedtwo input.input-box,
.checkout-sec .checkout-filed input.input-box,
.checkout-sec .checkout-filed input.input-box.address-two,
.checkout-sec .checkout-filed select.form-select,
.checkout-sec .checkout-filed textarea.inhut-box,
.checkbox-create-acc,
.checkbox-create-acc .checkout-filed,
.checkbox-create-acc p.episode-content-title,
.checkbox-create-acc input ~ .episode-accordion,
.checkbox-create-acc input:checked ~ .episode-accordion,
.episode-accordion,
.episode-content-title,
.checkout-sec .contact-form-sec p,
.checkout-sec .btns,
.checkout-sec table.table,
.checkout-sec table.table th,
.checkout-sec table.table td #toggle-address-form,
.checkout-sec table.table #address-form label,
.checkout-sec table.table #address-form select, .checkout-sec table.table #address-form input,
.checkout-sec table.table td,
.checkout-sec table.table td:first-child,
.checkout-sec table.table td dl,
.checkout-sec table.table td dl dt,
.checkout-sec table.table td dl dd,
.checkout-sec table.table td a.product-heading,
.checkout-sec table.table td a.tm-cart-edit-options,
.checkbox-create-acc.payment-create-acc,
.checkbox-create-acc .checkbox-create-radio.checkbox-create-card,
.checkbox-create-acc p.episode-content-title label,
.checkbox-create-acc .checkbox-create-radio .payment_box,
.checkbox-create-acc .checkbox-create-radio .payment_box:before,
.checkbox-create-acc p.episode-content-title label img,
.checkbox-create-acc .checkbox-create-radio .payment_box label,
.checkbox-create-acc .checkbox-create-radio .payment_box input.input-box,
.checkbox-create-acc .checkbox-create-radio .payment_box .payment_box-field,
.checkbox-create-acc form,
.checkbox-create-acc form label,
.woocommerce-checkout-payment,
.woocommerce-checkout-payment ul.payment_methods,
.woocommerce-checkout-payment ul.payment_methods li label,
.woocommerce-checkout-payment ul.payment_methods li .payment_box,
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset,
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row,
.woocommerce-checkout-payment ul.payment_methods li .payment_box p, .woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row label,
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row input.input-text,
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .woocommerce-validated label,
.woocommerce-checkout-payment ul.payment_methods li .payment_box:before,
.woocommerce-checkout-payment .place-order,
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper a.woocommerce-terms-and-conditions-link,
.woocommerce-checkout-payment ul.payment_methods li label img,
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { */
    /* ... existing code from style.css ... */
/* } */

/* --- FAQ Page Specific Styles --- */
/* .faq-category .accordion .accordion-item h2.accordion-header button.accordion-button,
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed),
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:hover,
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:after,
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed):after,
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:hover:after,
.faq-category .accordion .accordion-item .accordion-collapse .accordion-body { */
    /* ... existing code from style.css ... */
/* } */

/* --- CMS Page Specific Styles --- */
/* .cms-content,
.cms-content .cms-content-inner,
.cms-content a, .cms-content a strong,
.cms-content h1,
.cms-content p,
.cms-content h2,
.cms-content ul,
.cms-content ul li,
.cms-content ul li:before { */
    /* ... existing code from style.css ... */
/* } */

/* --- Quotes/Proofs Page Specific Styles --- */
/* .quotes-proof-contact,
.quotes-proof-contact .contact-form-sec,
.quotes-proof-contact .contact-form-sec .customquoteform,
.quote-filed.quote-filedtwo input.input-box,
.quote-filed input.input-box,
.quote-filed select.form-select,
.quote-filed textarea.inhut-box,
.quotes-proof-contact .contact-form-sec p,
.quotes-proof-contact .contact-form-sec hr.separation,
.quote-filed1.chosef-file .custom_files,
.quote-filed1.chosef-file p,
.quote-filed1.chosef-file .custom_files p,
.quote-filed1.chosef-file .custom_files button.btns-red,
.quotes-proof-contact .btns-red { */
    /* ... existing code from style.css ... */
/* } */

/* --- Sitemap Page Specific Styles --- */
/* .sitemap ul,
.sitemap ul li,
.sitemap ul li:before,
.sitemap ul li a,
.sitemap ul li a:hover { */
    /* ... existing code from style.css ... */
/* } */

/* --- My Account & Dashboard Page Specific Styles --- */
/* .billing_residential,
#addBillingAddressModal, #addShippingAddressModal,
#addBillingAddressModal .modal-dialog, #addShippingAddressModal .modal-dialog,
#addBillingAddressModal .modal-dialog .modal-header, #addShippingAddressModal .modal-dialog .modal-header,
#addBillingAddressModal .modal-dialog .modal-header button.btn-close, #addShippingAddressModal .modal-dialog .modal-header button.btn-close,
#addBillingAddressModal .modal-dialog .modal-header button.btn-close svg, #addShippingAddressModal .modal-dialog .modal-header button.btn-close svg,
#addBillingAddressModal .modal-dialog .modal-header h5, #addShippingAddressModal .modal-dialog .modal-header h5,
#addBillingAddressModal .modal-dialog .modal-content .modal-body, #addShippingAddressModal .modal-dialog .modal-content .modal-body,
#addBillingAddressModal .modal-dialog .modal-content .modal-body .mb-3, #addShippingAddressModal .modal-dialog .modal-content .modal-body .mb-3,
#addBillingAddressModal .modal-dialog .modal-content .modal-body .ordernots, #addShippingAddressModal .modal-dialog .modal-content .modal-body .ordernots,
#addBillingAddressModal .modal-dialog .modal-footer, #addShippingAddressModal .modal-dialog .modal-footer,
.myaccount-panel,
.myaccount-box,
.myaccount-box h2,
.myaccount-box .myaccount-form,
.myaccount-box .myaccount-form .account-field,
.myaccount-box .myaccount-form .account-field span.input-icon,
.myaccount-box .myaccount-form .account-field.account-register,
.myaccount-box .myaccount-form label,
.myaccount-box .myaccount-form .form-check,
.myaccount-box .myaccount-form a.lost-pass,
.myaccount-box .myaccount-form a.lost-pass:hover,
.myaccount-dashboard .tab-content .tablescroll-tableroll p,
.myaccount-dashboard .tab-content .view-table p.orderdetail,
.myaccount-dashboard .tab-content .view-table p.orderdetail span,
.myaccount-dashboard .tab-content .tablescroll-tableroll a.btns,
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td:first-child,
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr th:last-child,
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td:last-child,
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td.cashdelivery,
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr.totalorders td,
.myaccount-dashboard .tab-content .view-table .billing-address,
.front-dashboard,
.myaccount-dashboard,
.myaccount-dashboard ul.nav,
.myaccount-dashboard ul.nav li.nav-item button,
.myaccount-dashboard ul.nav li.nav-item button.active,
.myaccount-dashboard .tab-content h5,
.myaccount-dashboard .tab-content p,
.myaccount-dashboard .tab-content p a,
.tablescroll-tableroll table td .btns,
.myaccount-dashboard .tab-content .tablescroll-tableroll table tr th,
.tab-pane .billing-address,
.tab-pane .billing-address .billing-address-box,
.tab-pane .billing-address a,
.tab-pane .billing-address ul,
.tab-pane .billing-address ul li,
.tab-pane .billingaddressform,
.tab-pane .billingaddressform .col-lg-6,
.tab-pane .billingaddressform .col-lg-6:last-child,
.tab-pane .account-detail,
.tab-pane .account-detail .accountdetailfiled,
.tab-pane .account-detail.accpassword,
.tab-pane .account-detail.accpassword .accountdetailfiled,
.tab-pane .account-detail.accpassword .accountdetailfiled span.show-password,
.myaccount-dashboard .tab-content .paymethod,
.add-payment-method .payment-msg,
.add-payment-method .payment-msg h5,
.paypal-btn,
.tab-pane h2,
.account-payment-methods-table,
.account-payment-methods-table thead tr,
.account-payment-methods-table thead tr th,
.account-payment-methods-table tr td,
.account-payment-methods-table tr td:last-child, */
/* .account-payment-methods-table a.btns { */
    /* ... existing code from style.css ... */
/* } */
.featured-box .featured-item .featured-content   .product-xtra span
 {
    display: block;
    text-align: center;
    font-size: 14px;
    color: var(--pi-text);
}
.customimgform  { width: 100%;}
.customimgform { width: 100% !important;}

/*.color-item.checked, .color-item.selected {
    border: 2px solid #007bff !important;
    box-shadow: 0 0 0 2px #007bff33;
    border-radius: 8px;
}*/

.detail-product-area .detailinfo-form .customize-form .size-grid label.checked span {
    border: 1px solid #000 !important;
    box-shadow: 0px 0px 10px 4px #d3d3d3;
}
.customformdesc img {
    height: auto;
    object-fit: cover;
}