.prebuiltpros_custon_header {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    top: var(--adminbar-height);
    z-index: 88;
}

body {
    margin-top: var(--header-height) !important;
}

.prebuiltpros_custon_header_inner {
    max-width: 1440px;
    margin-inline: auto;
    padding: 20px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.prebuiltpros_custon_header_logo img {
    width: 200px;
}

.prebuiltpros_custon_header_nav {
    gap: 10px;
    display: flex;
    align-items: center;
    list-style: none;
}

.prebuiltpros_custon_header_right {
    display: flex;
    align-items: center;
    gap: 20px;
}


.prebuiltpros_ch_bypc_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border: 1px solid #000;
    border-radius: 60px;
    cursor: pointer;
    transition: all 0.3s ease;
}


.prebuiltpros_ch_hamburger {
    display: none;
    width: 25px;
}

.prebuiltpros_ch_hamburger img {
    cursor: pointer;
}

.prebuiltpros_ch_hamburger img:nth-child(1) {
    width: 25px;
}

.prebuiltpros_ch_hamburger img:nth-child(2) {
    width: 20px;
}

.prebuiltpros_ch_hamburger.active img:nth-child(1) {
    display: none;
}

.prebuiltpros_ch_hamburger img:nth-child(2) {
    display: none;
}

.prebuiltpros_ch_hamburger.active img:nth-child(2) {
    display: block;
}

.prebuiltpros_ch_cart_section {
    position: relative;
}

.prebuiltpros_ch_cart_count {
    position: absolute;
    top: -10px;
    right: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #007BFF;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.prebuiltpros_custon_header_nav .sub-menu,
.prebuiltpros_custon_header_nav .custom-product-submenu {
    display: none;
}

.prebuiltpros_custon_header_nav .main-menu {
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 20px;
}

.prebuiltpros_custon_header_nav .main-menu-item {
    cursor: pointer;
}

.prebuiltpros_custon_header_nav .main-menu-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-weight: 500;
}

.prebuiltpros_custon_header_nav li.main-menu-item.open .sub-menu,
.prebuiltpros_custon_header_nav li.main-menu-item.open .custom-product-submenu {
    display: block;
}

.prebuiltpros_custon_header_nav li.main-menu-item .sub-menu {
    padding: 0;
    position: absolute;
    background: white;
    list-style: none;
    top: 100%;
    margin-top: 3px;
    border-radius: 5px;
    min-width: 195px;
    min-height: 200px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.prebuiltpros_custon_header_nav li.main-menu-item .sub-menu .sub-menu-item a {
    padding: 8px;
    border-bottom: 1px solid #9292921f;

    &:hover {
        background-color: #adadad17;
    }
}

.prebuiltpros_custon_header_nav li.active a {
    color: #007BFF;
}

body.open {
    overflow: hidden !important;
}

body.open .prebuiltpros_custon_header_nav {
    display: block;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    height: calc(100dvh - var(--header-height));
    background: #ffffff;
    padding: 20px;
    overflow-y: auto;
}

.prebuiltpros-main .wapf-wrapper .wapf-field-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.prebuiltpros-main .wapf-field-container.wapf-field-radio {
    padding: 0;
}

.wapf-field-container.wapf-field-radio .wapf-field-label {
    padding-bottom: 15px;
    color: #888;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.prebuiltpros-main .wapf-wrapper .wapf-field-input .wapf-radios {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.prebuiltpros-main .wapf-wrapper .wapf-field-input .wapf-radios .wapf-checked label.wapf-input-label {
    border-color: var(--e-global-color-primary, #007BFF);
}

.prebuiltpros-main .wapf-wrapper .wapf-field-input .wapf-radios label.wapf-input-label {
    border-radius: 16px;
    border: 1px solid var(--e-global-color-57e1d2f, #888);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    min-height: 80px;
    justify-content: center;
    width: min(100%, 463px);

    & input {
        display: none;
    }
}

.prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) .wc-block-components-product-name {
    font-family: Mulish;
    font-size: clamp(18px, calc(100vw - 768px), 24px);
    font-style: normal;
    font-weight: 800;
    color: black;
}

.wapf-field-input .wapf-radios .wapf-label-text {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.wapf-field-input .wapf-radios .wapf-pricing-hint {
    font-weight: 500;
}

.single-product .prebuiltpros-main .wapf-product-totals {
    display: none !important;
}

.single-product .prebuiltpros-main .cart .quantity {
    display: none;
}

.prebuiltpros-main .cart button[type="submit"] {
    display: none;
}

.single-product .prebuiltpros-main .wcpay-express-checkout-wrapper {
    width: min(100%, 463px);
}

.single-product .prebuiltpros-main .product_meta {
    display: none;
}


.cps-inner {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
}

a.custom-product-submenu-item {
    display: flex;
    flex-direction: column;
    flex: 1 0;
    padding: 30px 15px;
    border-radius: 20px;
    background: #F5F5F7;
    gap: 0 !important;
    align-items: self-start !important;
}

.cpsi-bottom span {
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #888;
}

.cpsi-top {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 140px;
    width: 100%;
}

.custom-product-submenu-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.custom-product-submenu-right {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.custom-product-submenu-left b {
    font-size: 20px;
    font-family: Mulish;
}

.custom-product-submenu-left a {
    color: var(--e-global-color-primary, #007BFF) !important;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    border-bottom: 1px solid;
    width: fit-content;
}

.cpsi-left del {
    display: none;
}

.cpsi-left ins {
    text-decoration: none;
}

.cpsi-left .woocommerce-Price-amount {
    color: #007BFF;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-feature-settings: 'liga' off, 'clig' off;
}


.single-product .prebuiltpros_composited_detail_wrapper .composited_product_title_wrapper,
.single-product .prebuiltpros_composited_detail_wrapper .composited_product_images,
.single-product .prebuiltpros-main .composite_wrap {
    display: none !important;
}

.single-product .prebuiltpros_composited_detail_wrapper .composited_product_details_wrapper>.details {
    width: 100% !important;
    float: inherit !important;
    padding: 0 !important;
}

.single-product .prebuiltpros_composited_detail_wrapper .composited_product_details_wrapper>.details .price {
    display: none !important;
}

.single-product .prebuiltpros-main .component_inner,
.single-product .prebuiltpros-main .composite_wrap {
    padding: 0 !important;
}

.single-product .prebuiltpros-main .summary .price:not(.radio_button_price) {
    display: none !important;
}

.single-product .prebuiltpros-main .step_title_wrapper.component_title {
    color: #888 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.single-product .prebuiltpros-main p.component_section_title {
    display: none;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container li .radio_button_input {
    width: 0 !important;
    padding: 0 !important;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_description .radio_button_title {
    margin: 0 !important;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_price {
    margin: 0 !important;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container li .radio_button_input input {
    display: none !important;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .component_option_radio_button {
    border-radius: 16px;
    border: 1px solid var(--e-global-color-57e1d2f, #888);
    display: flex;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    min-height: 80px;
    justify-content: center;
    width: min(100%, 463px);
    transition: all 0.3s ease;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .component_option_radio_button.selected {
    border-color: var(--e-global-color-primary, #007BFF);
    background-color: rgba(0, 123, 255, 0.1);
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .component_option_radio_button.red_border_cls.selected {
    border-color: var(--e-global-color-094d4d1);
    background-color: var(--e-global-color-5f2b470);
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .component_option_radio_button:hover {
    border-color: var(--e-global-color-primary, #007BFF);
    background-color: rgba(0, 123, 255, 0.1);
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_price del {
    color: #888888 !important;
    font-family: Mulish;
    font-size: 12px !important;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_description {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_price ins,
.single-product .prebuiltpros-main ul.component_option_radio_buttons_container .radio_button_price>:not(del) bdi {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.single-product .prebuiltpros-main .composite_component:not(:first-child) {
    margin-top: 25px !important;
}

.single-product .prebuiltpros_composited_detail_wrapper .component_wrap .stock {
    font-weight: 500;
    margin: 15px 0px !important;
}

.single-product .prebuiltpros-main .cp_clearfix:after {
    display: none !important;
}

.prebuiltpros-product-thumbnail {
    overflow: hidden;
    position: relative;
}

.prebuiltpros-product-thumbnail {
    overflow: hidden;
    position: relative;
    background: #F5F5F7;
    border-radius: 30px;
    margin: 0 !important;
    padding: 20px;
}

.prebuiltpros-product-thumbnail .swiper-slide img {
    width: min(100%, 420px) !important;
    margin: auto;
}

.prebuiltpros-product-thumbnail .swiper-button-next,
.prebuiltpros-product-thumbnail .swiper-button-prev {
    --swiper-navigation-size: clamp(15px, calc(100vw - 768px), 20px);
    width: clamp(25px, calc(100vw - 768px), 40px);
    height: clamp(25px, calc(100vw - 768px), 40px);
    border-radius: 59.259px;
    border: 1px solid #8f8f8fdd;
    color: #8f8f8fdd;
}

.working-day-message {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}

.working-day-message p {
    margin: 0;
}

.prebuiltpros-custom-product-totals .custom-wapf-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block: 30px;
}

button.prebuiltpros-cpt-atc-btn {
    background: #068FFF;
    padding: 12px 24px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 60px;
    color: white;
    font-size: clamp(14px, calc(100vw - 768px), 16px);
    transition: background-color 0.3s ease;
    border: none;
}

button.prebuiltpros-cpt-atc-btn:hover {
    background: #0073e6;
}

.prebuiltpros-custom-product-totals .wapf-grand-total {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-feature-settings: 'liga' off, 'clig' off;
}

button.prebuiltpros-cpt-atc-btn svg {
    width: 20px;
    height: 20px;
}

/* .prebuiltpros-main .woocommerce-message {
        display: none;
    } */

.wapf-grand-total-wrapper ins {
    text-decoration: none !important;
}

#prebuiltpros-cp-original-price del .woocommerce-Price-amount bdi {
    font-size: 18px;
    opacity: 0.6;
}

.pp-default-price del {
    color: #888888 !important;
    font-family: Mulish;
    font-size: 18px !important;
}

.pp-default-price ins {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.pp-default-price>:not(del) bdi {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.custom_duplicate_composite_price del {
    color: #888888 !important;
    font-family: Mulish;
    font-size: 18px !important;
}

.custom_duplicate_composite_price ins {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.wapf-grand-total-wrapper ins bdi {
    color: #007BFF !important;
    font-family: Mulish;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-feature-settings: 'liga' off, 'clig' off;
}

.prebuiltpros-cart .wc-block-cart__main thead {
    display: none;
}


.prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) .wc-block-components-sale-badge {
    border-radius: 40px;
    background: #4BB543;
    padding: 6px 10px;
    color: white;
}

.prebuiltpros-cart .wc-block-cart-items__row .wc-block-components-quantity-selector::after {
    border-radius: 20px;
}

.prebuiltpros-cart .wc-block-cart-items__row .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    padding: .6em 0;
}


.prebuiltpros-cart .wc-block-cart-items__row .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    font-size: 1em;
}

.prebuiltpros-cart .wc-block-cart-items__row button.wc-block-cart-item__remove-link {
    font-size: 14px !important;
    color: #7a7a7a !important;
}

.prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) .wc-block-components-product-price__value {
    color: var(--e-global-color-accent, #007BFF);
    font-family: Mulish;
    font-size: 18px;
    font-weight: 800;
}

.prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) td.wc-block-cart-item__total {
    display: none;
}

.prebuiltpros-cart .wc-block-cart__submit-container .wp-element-button {
    background: var(--e-global-color-primary);
    border-radius: 60px;
    color: #ffff !important;
    transition: all 0.3s ease;
}

.prebuiltpros-cart .wc-block-cart__submit-container .wp-element-button:hover {
    background: var(--e-global-color-204b4b2);
}

.prebuiltpros-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    background: var(--e-global-color-primary);
    border-radius: 60px;
    color: #ffff !important;
    border: none !important;
    transition: all 0.3s ease;
}

.prebuiltpros-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: no-drop !important;
}

.prebuiltpros-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button>* {
    opacity: 1 !important;
}


.prebuiltpros-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover {
    background: var(--e-global-color-204b4b2);
}




@media (min-width:1339px) {

    .custom-product-submenu {
        position: fixed;
        background: white;
        list-style: none;
        top: 100%;
        left: 0;
        right: 0;
        border-radius: 20px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        max-width: 1440px;
        margin: 0 auto;
        padding: 40px;
    }
}

@media (max-width:1339px) {

    .cps-inner {
        padding: 15px 0 0 15px;
        grid-template-columns: 200px 1fr;
    }

    .prebuiltpros_custon_header_nav li.main-menu-item .sub-menu {
        position: initial;
        box-shadow: none;
        padding: 0;
        margin: 0;
        min-width: auto;
        min-height: auto;
        padding-top: 10px;
        padding-left: 10px;
    }

    .prebuiltpros_custon_header_nav .main-menu {
        align-items: self-start;
        flex-direction: column;
    }

    .prebuiltpros_custon_header_nav .main-menu li {
        width: 100%;
    }

    .prebuiltpros_custon_header_nav {
        display: none;
    }

    .prebuiltpros_ch_hamburger {
        display: block;
    }

}

@media (max-width:1260px) {

    .cps-inner {
        grid-template-columns: 1fr;
    }

}

@media (max-width:950px) {
    .custom-product-submenu-right {
        flex-direction: column;
    }
}

@media (min-width:768px) {

    
    .prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) td.wc-block-cart-item__image{
        width: 200px !important;
    }

    /* .single-product .prebuiltpros-main .pp-cs {
        position: sticky;
        top: 208px;
    } */

    .prebuiltpros_ch_bypc_btn:hover {
        background-color: #068FFF;
        border-color: #068FFF;

        & span {
            color: white;
        }

        & svg path {
            fill: white;
        }
    }
}

@media (max-width:767px) {

    .cpsi-top {
        grid-template-columns: 1fr 100px;
    }

    a.custom-product-submenu-item {
        padding: 15px;
    }

    .cpsi-left h4 {
        font-size: 18px;
    }

    .prebuiltpros-main .wapf-wrapper .wapf-field-input .wapf-radios label.wapf-input-label,
    .single-product .prebuiltpros-main .wcpay-express-checkout-wrapper {
        width: 100%;
    }

    .prebuiltpros_custon_header_nav .main-menu-item a {
        font-size: 14px;
    }

    .prebuiltpros_ch_bypc_btn {
        padding: 0;
        border: none;
        border-radius: 0;

        & span {
            display: none;
        }
    }

    .prebuiltpros_custon_header_logo img {
        width: 160px;
    }

    .prebuiltpros_custon_header_right {
        gap: 10px;
    }

    .prebuiltpros_ch_hamburger img {
        width: 20px;
    }
}

@media (max-width:820px) {

    .prebuiltpros-cart .wc-block-components-sidebar-layout .wc-block-components-main {
        padding-right: 0 !important;
        width: 100% !important;
    }

    .prebuiltpros-cart .wc-block-components-sidebar {
        padding-left: 0 !important;
        width: 100% !important;
    }
}

@media (min-width:768px) {

    .prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) .wc-block-cart-item__image img,
    .prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited) .wc-block-cart-item__image img {
        width: 200px !important;
        border-radius: 9.677px;
        background: #F5F5F7;
        padding: 20px;
    }




    .prebuiltpros-cart .wc-block-cart-items__row:not(.is-composited__indented) .wc-block-components-product-metadata__description {
        font-size: 14px;
        font-weight: 700;
    }

}