/**
 * Theme Name:     OceanWP Child
 * Author:         truehugz
 * Template:       oceanwp
 * Text Domain:	   oceanwp-child
 * Description:    OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it
 **/
body.home header {
    box-shadow: 0px 1px 3px 0px #00000040;
    position: absolute;
}
header {
    box-shadow: 0px 1px 3px 0px #00000040;
}
.ehf-header #masthead {
    position: sticky;
    top: 0;
    z-index: 9999;
}
.header_logo_shape {
    position: relative;
}
/* .header_logo_shape::before {
    content: url('/wp-content/uploads/2026/07/Union.png');
    position: absolute;
    width: 250px;
    aspect-ratio: 1;
    z-index: 0;
    left: 50%;
    bottom: -81px;
    top: unset;
    transform: translateX(-50%) scale(.75);
} */
.header_logo_shape::before {
    content: url('/wp-content/uploads/2026/07/Union.png');
    position: absolute;
    width: 259px;
    aspect-ratio: 1;
    z-index: 0;
    left: 50%;
    bottom: -85px;
    top: unset;
    transform: translateX(-50%) scale(.85);
}
 .header_logo_shape::before {
    filter: drop-shadow(0 5px 2px #00000020);
}
.elementor-element.elementor-element-6b1bbda.e-con-full.header_logo_shape.e-flex.e-con.e-child {
    max-width: 250px;
}
.header_logo_shape {
    width:100%; 
    position:relative;
}
.header_logo_shapeimg img {
    transform: translate(0px, 2px) !important;
}
.header__container_height {
    height: 96px;
}

.header__icon_cs .elementor-icon-wrapper {
    display: flex;
}
.homepage_banner .swiper-slide-contents {
    padding-bottom: 35px;
}
.homepage_banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    /*transform: translate(0px, -53px) !important;*/
    transform: translate(0px, -35px) !important;
}
.woocommerce-loop-product__title {
    text-align: center;
}

.image_banner_shape {
    right: 0;
}
.review_custom .elementskit-commentor-coment{
    max-height: 15rem;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: #26b6d8 #ffffff;
}
.review_custom .elementskit-testimonial_card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 100px !important;
    width: 100%;
    min-height: 415px;
}
.elementor-11 .elementor-element.elementor-element-9ca8cbc .ekit_form_control {
    padding: 6px 20px 6px 20px !important;
}
.image-shape-butterfly .image__fly1 {
    position: relative;
    top: 70px;
}
.image-shape-butterfly .image__fly2 {
    bottom: 100px;
}
.image-shape-butterfly {
    background-size: 100% 100% !important;
}
.faq-custom details {
    border: 1px solid #1eb0c2 !important;
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 0px 25px; 
}
.faq-custom details[open] {
    padding-bottom: 25px;
}
.faq-custom summary.e-n-accordion-item-title {
     padding: 15px 0px !important;
}
.blog-page-custom .elementor-post__thumbnail {
    border-radius: 20px !important;
}
.blog-page-custom .elementor-post__meta-data {
    border: none !important;
    margin-top: 10px !important;
}
.thz-product__button.button.product_type_simple {
    display: flex;
}

.product-card-cust .hfe-product-title {
    width: 224px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
} 
.elementor-slide-description {
    margin: 0 !important;
}
#blog-custom-class {
    padding: 0px !important;
}
li#tab-title-additional_information {
    display: none;
}



/******************Product Tabs**********************/
.woocommerce-tabs.wc-tabs-wrapper li {
    border: none !important;
    background: none !important;
    padding: 0;
    border-bottom: 3px solid transparent !important;
    line-height: 100%;
    padding-bottom: 15px;
}
.woocommerce-tabs li.description_tab.active {
    color: #1EB0C2;
    border-bottom: 3px solid #1EB0C2 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border: none !important;
    padding: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;
    justify-content: center;
    gap: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 48px !important;
    font-weight: 400 !important;
    font-family: 'Salsa';
    text-transform: capitalize !important;
    line-height: 59px;
}

.product-features-wrapper .product-features-title {
    font-size: 36px !important;
    font-weight: 400 !important;
    color: #f17100;
    line-height: 44px;
    margin: 0px !important;
    padding-top: 20px;
}



/* product Faq */
.product-faq details.faq-item {
    border: 1px solid #1EB0C2;
    border-radius: 20px;
    font-weight: 700;
    color: #333;
}
.product-faq h2 {
    font-size: 34px;
    font-weight: 700;
    color: #f58220;
    margin-bottom: 30px;
    text-align: left;
}

.product-faq .faq-item {
    margin-bottom: 12px;
    border: 1px solid #24b8e8;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.product-faq .faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 25px;
    font-size: 20px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: start;
    transition: .3s;
    line-height: 30px;
    gap: 15px;
    font-weight: 600;
}

.product-faq .faq-item summary::-webkit-details-marker {
    display: none;
}

.product-faq .faq-item summary::before {
    content: "+";
    font-size: 24px;
    font-weight: 500;
    color: #333;
    transition: .3s;
}

.product-faq .faq-item[open] summary::before {
    content: "−";
}

.product-faq .faq-answer {
    padding: 0 24px 20px;
    color: #333;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

.product-faq .faq-answer p:last-child {
    margin-bottom: 0;
}
.woocommerce ul.products li.owp-content-center .product-inner a:hover {
    color: #f56b00;
}

@media (max-width: 768px) {


    .product-faq h2 {
        font-size: 28px;
    }

.product-faq .faq-item summary {
    font-size: 16px;
    padding: 10px 15px;
    line-height: 25px;
}

    .product-faq .faq-answer {
        padding: 0 18px 18px;
        font-size: 15px;
    }
}
/*product FAQ */


/* Product feature */
.product-features-wrapper{
    max-width:1460px;
    margin:0px auto;
}

.product-features-title{
    text-align:center;
    font-size:40px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:50px;
}

.product-features-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px 20px;
    margin-top: 40px;
}

.feature-box{
    text-align:center;
}

.feature-icon{
    width:135px;
    height:135px;
    margin:0 auto 22px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.feature-box h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 10px;
    font-family: 'Poppins';
}
.feature-box p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin: 0;
}

@media(max-width:991px){

    .product-features-grid{
        grid-template-columns:repeat(2,1fr);
        gap:40px 25px;
    }

    .product-features-title{
        font-size:32px;
    }

.feature-box h3 {
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}
.feature-box p {
    font-size: 16px;
    line-height: 25px;
}
.owp-floating-bar.show {
    display: none;
}
}

@media(max-width:767px){

.product-features-grid {
    grid-template-columns: 1fr;
    gap: 20px;
}

    .product-features-title{
        font-size:28px;
        margin-bottom:35px;
    }

}

/* product feature */

/* product  description */

.product-description-section {
    padding: 80px 0px 10px 0px;
}

.product-desc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    margin-bottom: 70px;
}

.product-desc-row.reverse{
    flex-direction:row-reverse;
}

.product-desc-image,
.product-desc-content{
    flex:1;
}

.product-desc-image img{
    width:100%;
    border-radius:15px;
    display:block;
}
.product-desc-content h2 {
    color: #f58220;
    margin: 0px 0 10px !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 44px !important;
}
.product-desc-content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.product-desc-content strong{
    font-weight:700;
}

@media(max-width:991px){

    .product-desc-row,
    .product-desc-row.reverse{
        flex-direction:column;
    }

.product-desc-content h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}
}
/* product description */

/* Buy Now Button */ 
.buy-now-button{
    width:100%;
    margin-top:12px;
    background:#1fb6cf;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:14px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

.buy-now-button:hover{
    background:#169cb3;
}

/* Buy Now button */


/* Move Price */

.custom-price-below-variations ins {
    text-decoration: none;
}
.single-product .summary > .price {
    display: none !important;
}

.single-product .woocommerce-variation-price {
    display: none !important;
}

.custom-price-below-variations {
    margin: 15px 0;
    font-size: 26px;
    font-weight: 700;
}
/*Move price */


/* Move wishlist icon */


/*******************Related Product*****************************/

.related.products h2 {
    font-size: 34px;
    font-weight: 700;
    color: #f58220;
    margin-bottom: 30px !important;
    text-align: left;
}
.woocommerce ul.products li.owp-content-center .product-inner a {
    font-size: 22px !important;
    line-height: 36px !important;
    text-align: center;
}
.product-inner.clr li.category, .product-inner a.owp-quick-view, .woocommerce ul.products li.btn-wrap.clr {
    display: none !important;
}

.woocommerce ul.products li.product .woo-entry-inner li {
    margin: 5px 0px 0px !important;
}
.woocommerce ul.products li.product .price del .amount {
    font-size: 20px !important;
}
/*ul.products.oceanwp-row.clr {*/
/*    display: flex;*/
/*    justify-content: start;*/
/*    gap: 20px;*/
/*    flex-wrap: wrap;*/
/*}*/
/*body .oceanwp-row .span_1_of_3 {*/
/*    width: 48.33% !important;*/
/*}*/
.single .entry-title {
    padding: 0 0 0px !important;
    border-bottom: 0px solid #f1f1f1 !important;
}
.woocommerce div.product form.cart .variations label {
    margin-bottom: 0px;
    display: block;
    color: #333;
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 100%;
    font-family: 'Poppins';
    text-transform: capitalize;
}
.woo-selected-variation-item-name {
    display: none !important;
}
/* table th, table td {
    border-bottom: 0px solid #e9e9e9 !important;
} */
li.variable-item.button-variable-item.selected {
    border: 2px solid #1EB0C2 !important;
}

li.variable-item.button-variable-item {
    border: 1px solid #BDBDBD !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 600;
    font-family: 'Poppins';
    line-height: 25px !important;
    box-shadow: none !important;
    height: auto !important;
}
li.variable-item.button-variable-item.selected span.variable-item-span.variable-item-span-button {
    color: #12abba;
}
ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
    margin: 0px 10px !important;
}
.quantity {
    min-width: 100% !important;
}
.woocommerce div.product form.cart div.quantity a, .woocommerce div.product form.cart div.quantity input {
    width: 33% !important;
    max-width: 100% !important;
    border: none;
    min-height: 42px;
    display: flex;
    align-items: center;
    font-size: 20px;
}
button.single_add_to_cart_button.button.alt {
    border: 2px solid #1EB0C2;
    background: transparent !important;
    color: #1EB0C2;
    box-shadow: none;
    border-radius: 10px;
    font-size: 16px !important;
    line-height: 19px;
    font-family: 'Poppins';
    text-transform: capitalize !important;
    font-weight: 600;
    max-height: 42px;
}
.woocommerce div.product form.cart div.quantity a {
    text-align: left;
    padding-left: 20px;
}
.woocommerce div.product form.cart div.quantity a:last-child {
    text-align: right;
    padding-right: 20px;
    justify-content: end;
}
.woocommerce div.product form.cart div.quantity {
    border: solid 1px #bdbdbd;
    border-radius: 10px;
}
.woocommerce div.product form.cart div.quantity a {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
button.button.buy-now-button {
    margin-top: 10px !important;
}
.woocommerce div.product form.cart .variations td.value {
    padding: 0px !important;
    display: flex;
    align-items: center;
}
.woocommerce div.product form.cart .variations .reset_variations {
    border: 2px solid #bdbdbd !important;
    color: #333;
    border-radius: 6px !important;
}
.woocommerce div.product form.cart {
    padding: 0 !important;
    border-top: 0px solid !important;
    border-bottom: 0px solid !important;
    margin-top: 20px;
    border-color: #eaeaea;
}
.product_meta {
    display: none;
}
.truehugz-points-bar {
    display: flex;
    justify-content: space-between;
    background-color: #f1f1f1;
    width: 100%;
    padding: 16px 16px;
    border-radius: 5px;
    font-size: 16px;
    align-items: center;
}
.truehugz-points-worth {
    font-weight: 700;
    justify-content: center;
    background-color: rgba(51, 51, 51, .1);
    border-radius: 5px;
    text-align: center;
    display: flex;
    padding: 5px 20px;
    font-size: 13px;
}
.truehugz-rewards-card {
    background: #fff;
    border-radius: 20px;
    display: flex;
    gap: 50px;
    padding: 20px;
    box-shadow: 0px 0px 7px #f1f1f1;
}
.truehugz-rewards-content h3 {
    font-size: 28px;
    color: #f17100;
    line-height: 36px;
    margin: 0px;
    padding-bottom: 10px;
    font-weight: 400;
}
.truehugz-rewards-content h3 a {
	color: #f17100;
}
.truehugz-rewards-content h3 a:hover {
	color: #1eb0c2;
}

.truehugz-rewards-content p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.truehugz-rewards-image {
    width: 50%;
}

body.wp-singular.product-template-default main {
    background: #E9F6F8;
}
.clr.site-content {
    padding-top: 60px !important;
}
nav.custom-product-breadcrumb {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 50px;
}
.wls-product-bar {
    border: 0px solid #e2e2e2 !important;
    background: transparent !important;
    font-size: 16px !important;
    margin: 0px 0 20px !important;
}
.wls-product-bar .wls-heart {
    font-size: 26px !important;
}
.wls-product-bar button.wls-love-button {
    padding: 0px !important;
}
.woocommerce div.product .woocommerce-product-gallery img {
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    height: auto !important;
}
.woocommerce-product-gallery__image.flex-active-slide {
    border-radius: 20px;
}
.single-product .woocommerce-product-gallery .truehugz-thumb-carousel {
    padding: 0 !important;
}
.single-product .woocommerce-product-gallery .truehugz-thumb-arrow {
    width: 20px !important;
    height: 30px !important;
    font-size: 32px !important;
}
.owp-product-nav-wrap {
    display: none;
}
.truehugz-gift-icon img {
    width: 40px !important;
}
.truehugz-points-info {
    display: flex;
    gap: 20px;
    align-items: center;
}
.woocommerce .related.products h2 {
    margin: 10px 0 10px !important;
}


@media(max-width:767px) {
nav.custom-product-breadcrumb {
    font-size: 16px;
    line-height: 25px;
}
.woocommerce div.product .product_title {
    font-size: 32px !important;
    line-height: 36px !important;
    margin-top: 25px !important;
}
.woocommerce div.product div.woocommerce-product-details__short-description {
    margin-top: 15px;
    font-size: 16px;
    line-height: 25px;
}
.woocommerce div.product form.cart .variations label {
    font-size: 18px;
}
ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
    margin: 0px !important;
    margin-bottom: 20px !important;
}
li.variable-item.button-variable-item {
    padding: 8px 10px !important;
}
.truehugz-points-bar {
    flex-wrap: wrap;
    justify-content: center;
}
.truehugz-points-worth {
    padding: 9px 20px;
    width: 100%;
}
.truehugz-rewards-card {
    gap: 20px;
    padding: 20px;
}
.truehugz-rewards-image {
    width: 100%;
}
.truehugz-rewards-content p {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
}
.product-features-wrapper .product-features-title {
    font-size: 28px !important;
    line-height: 36px;
}
.woocommerce ul.products li.owp-content-center .product-inner a {
    font-size: 15px !important;
    line-height: 21px !important;
    text-align: center;
}
.product-inner.clr h2 {
    margin-bottom: 5px;
}
	.desc-text p {
    font-size: 16px;
    line-height: 25px;
}
.product-desc-row, .product-desc-row.reverse {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}
.product-description-section {
    padding: 30px 0px 10px 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    gap: 2px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
}
	.clr.site-content {
    padding-top: 0px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 30px !important;
    line-height: 44px !important;
}
.product-faq {
    padding-top: 30px;
}
}




/* for desc rev tab dropdown in mobile */

@media only screen and (max-width: 767px) {
body.wp-singular.product-template-default #main #content-wrap.container {
    width: auto !important;
    max-width: 100% !important;
    padding: 40px 20px;
}
    /* Main tabs wrapper */
    .woocommerce-tabs.wc-tabs-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Tabs list */
    .woocommerce-tabs .wc-tabs {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 1px solid #d9d9d9 !important;
    }

    /* Hide Additional Information tab */
    .woocommerce-tabs .wc-tabs .additional_information_tab {
        display: none !important;
    }

    /* Each tab */
    .woocommerce-tabs .wc-tabs li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #d9d9d9 !important;
        background: transparent !important;
    }

    /* Tab title */
    .woocommerce-tabs .wc-tabs li a {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        padding: 14px 50px 14px 12px !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        color: #24879a !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    /* Default icon = + */
    .woocommerce-tabs .wc-tabs li a::after {
        content: "+" !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        color: #24879a !important;
    }

    /* Open tab = − */
    .woocommerce-tabs .wc-tabs li.tab-open a::after {
        content: "−" !important;
    }

    /* Content panel */
    .woocommerce-tabs .woocommerce-Tabs-panel {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px 12px !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* Remove unwanted default headings */
    .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
        display: none !important;
    }
	.woocommerce-tabs li.description_tab.active {
    border-bottom: 1px solid #e0e5e6 !important;
}
	.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab {
    padding: 10px 0px !important;
}
	.feature-icon {
    width: 100px;
    height: 100px;
}
.homepage_banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translate(0px, 10px) !important;
}
.wls-floating {
    bottom: 0px !important;
}
#scroll-top {
    width: 47px !important;
    height: 45px !important;
	}
	.wll-launcher-button-container.cursor-pointer, #scroll-top.scroll-top-right {
    display: none !important;
}
#ht-ctc-chat {
    bottom: 130px !important;
}
.woocommerce .owp-account-links li .owp-account-link {
    font-size: 33px !important;
}
}
.woocommerce .owp-account-links li .owp-account-link {
    color: #f17100 !important;
}
.woocommerce #customer_login>div {
    padding: 20px 20px 50px !important;
}
p.form-row {
    display: flex !important;
    flex-direction: column;
}
p.form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    margin: 0px 0px 10px 0px !important;
}
/* for desc rev tab dropdown in mobile */

/****************Form Section********************/
.custom-form-css .elementor-field-subgroup {
    gap: 10px;
    flex-direction: column;
    margin-top: 20px;
}

.custom-form-css .elementor-field-subgroup span.elementor-field-option {
    background: #fff;
    padding: 9px 15px;
    border-radius: 12px;
    width: 185px;
    flex-basis: auto;
    display: flex;
    align-items: center;
}
.custom-form-css .elementor-field-subgroup span.elementor-field-option label {
    color: #8c8c8c !important;
}
.custom-form-css .elementor-field-subgroup span.elementor-field-option input {
    border-radius: 100px;
}
.custom-form-css .elementor-button>span {
    justify-content: right;
    background-color: #0000001A;
    border-radius: 0 0 8px 0;
    height: 48px;
    padding: 20px;
    width: fit-content;
    margin-left: auto;
}
.custom-form-css .elementor-field-type-text, .custom-form-css .elementor-field-type-select, .custom-form-css .elementor-field-type-checkbox, .custom-form-css .elementor-field-type-email, .custom-form-css .elementor-field-type-tel {
    padding: 0px 20px !important;
}
.custom-form-css .elementor-field-type-checkbox {
    margin-bottom: 40px !important;
}
/* new style 11/0/2026 */
a.thz-product__image {
    height: auto;
}
ul.products.oceanwp-row.clr {
    max-width: 1460px;
    margin: auto;
    padding: 50px 20px;
}
.woocommerce .oceanwp-toolbar {
    display: none !important;
}
.wp-singular.single-post .wp-block-post-excerpt {
    display: none !important;
}
.wp-block-table .has-fixed-layout tbody tr:first-child {
    background: #1b2a4a;
    color: #fff;
}
.wp-block-table .has-fixed-layout tbody tr:first-child td {
    text-transform: uppercase;
    font-weight: 500;
}
.wp-block-table td, .wp-block-table th {
	border: 1px solid #e0e0e0 !important;
    text-align: left !important;
}
.hfe-nav-menu-icon:empty::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-color: #f17109;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z'/%3E%3C/svg%3E") center / contain no-repeat;
}
b, strong {
    font-weight: 700 !important;
}
@media (max-width: 768px) {
	.review_custom .elementskit-testimonial_card {
    padding: 0 50px !important;
    min-height: 400px !important;
}
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		text-align: left;
	}
}
@media only screen and (min-width: 1400px) {
	a.hfe-menu-item {
    font-size: 20px !important;
}
}


.variation-per-piece-price {
    display: inline-block;
    margin-left: 8px;
}
span.variation-per-piece-price, 
span.variation-per-piece-price span.woocommerce-Price-amount.amount {
    color: #f56b00;
}

/* m- new 21/08/2026  */
.woocommerce div.product .woocommerce-tabs .panel {
    padding-bottom: 60px;
}

/* cotegory page css  */
body.archive.tax-product_cat .container {
     padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100%;
    max-width: 100%;
}
body.archive.tax-product_cat  #primary .clr.site-content {
    padding-top: 0px !important;
}
body.archive.tax-product_cat header.woocommerce-products-header {
    position: relative;
    margin: 0 0 0px;
    padding: 70px 20px 75px;
    background: #e9f6f8;
    overflow: hidden;
    text-align: center;
}

h1.truehugz-category-title {
    margin: 30px 0 18px;
    color: #f17100;
    font-size: 48px;
    line-height: 59px;
    font-weight: 400;
}
.truehugz-category-top-content {
    margin: 0 auto;
    color: #333;
    font-size: 20px;
    line-height: 30px;
}
body.archive.tax-product_cat .truehugz-category-header {
    position: relative;
    z-index: 2;
    max-width: 966px;
    margin: 0 auto;
}
.truehugz-category-bottom-content {
    padding: 45px 40px;
    background: #dfecef;
}
.truehugz-category-inner {
    max-width: 1460px;
    margin: 0 auto;
}
.truehugz-category-inner p {
    margin: 0 0 20px;
    color: #333;
    font-size: 20px;
    line-height: 30px;
}
.sidebar-box {
    margin-bottom: 20px !important;
}
ul.wp-block-categories-list li {
    border: none !important;
}
ul.wp-block-categories-list li a:hover{
color:#F16529;
}
.wls-product-bar span.wls-heart {
    width: auto;
    height: auto;
    overflow: hidden;
    line-height: normal;
    background: transparent;
}
.wls-love-button.is-loved .wls-heart {
    font-size: 0 !important;
}
@media screen and (max-width:767px) {
	body.archive.tax-product_cat header.woocommerce-products-header {
       padding: 50px 15px 55px;
}
.truehugz-category-inner p, .truehugz-category-top-content {
     font-size: 15px;
     line-height: 1.7;
}
h1.truehugz-category-title {
     font-size: 38px;
     margin-top: 0px;
}
	.woocommerce-shop .products.tablet-2-col .product {
        width: 48% !important;
	}
	ul.products.oceanwp-row.clr {
		gap: 15px !important;
	}
}
/* cotegory page css  */

.woocommerce .circle-sale span.onsale {
    display: none;
}
.woocommerce div.product form.cart div.quantity a, .woocommerce div.product form.cart div.quantity input {
    font-weight: 700;
}

/* new Geeky Bot css */
header.gb-window__header {
    width: 100%;
  background: #f17100 !important;
}
section.gb-window button {
    font-weight: 500 !important;
}
form.gb-form {
    font-size: 16px !important;
}
#geekybot-sales-assistant .gb-send {
    background: #f17100 !important;
}
#geekybot-sales-assistant.gb-widget--right {
    right: 55px;
}
 .hugzcare-autodelivery {
    display: none;
} 
.woocommerce div.product form.cart div.quantity {
	float:unset !important;
}
button.button.buy-now-button {
background-color: #1EB0C2 !important;
}
button.button.buy-now-button:hover {
background-color:#058696 !important;
}
.thz-sub-price-line img {
    max-width: 30px;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 0%;
    transform: unset;
}
.woocommerce-account .woocommerce {
    align-items: center;
    justify-content: center;
}

/*  new updated css 14/10/2026 */

ul.products.oceanwp-row.clr {
    display: flex;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
}
body .oceanwp-row .span_1_of_3 {
    width:23.33% !important;
}
#geekybot-sales-assistant .gb-window {
    bottom: 40px;
}

/* Smaller WhatsApp button (02/11/2026). The plugin sets the icon size inline. */
#ht-ctc-chat svg {
    width: 56px !important;
    height: 56px !important;
}

@media (max-width: 767px) {
    #ht-ctc-chat svg {
        width: 46px !important;
        height: 46px !important;
    }
}

/* GeekyBot on phones (02/11/2026): the plugin pins the chat window to the
   56px launcher with left/right 0, which pushed it off the right edge and hid
   its close button. Pin it to the screen instead, above the bottom bar. */
@media (max-width: 480px) {
    #geekybot-sales-assistant .gb-window {
        position: fixed;
        top: auto;
        left: 12px !important;
        right: 12px !important;
        bottom: 72px;
        width: auto;
        height: min(560px, calc(100vh - 150px));
        height: min(560px, calc(100dvh - 150px));
    }
}

/* AutoDelivery page (02/11/2026): the promotional banner is for desktop and
   tablet only. It is an atomic Elementor container, which has no Hide on Mobile switch. */
@media (max-width: 767px) {
    .elementor-4267 .elementor-element-cd2beac {
        display: none !important;
    }
}

/* Homepage desktop slider (02/11/2026): the banners are 2500x990, but the
   slider was a fixed 612px tall, which cut the sides off at desktop widths.
   Let its height follow the banner shape instead. */
@media (min-width: 1025px) {
    .elementor-11 .elementor-element-18a03b1 .swiper-slide {
        height: auto !important;
        aspect-ratio: 2500 / 990;
    }
}

/* Desktop header menus on one line (02/11/2026). With "HugzCare AutoDelivery"
   the left menu needs ~490px at 16px, more than its column below 1440px, so it
   wrapped. From 1025px up the side padding, item spacing and font shrink with
   the window (12px at 1025px up to 16px) and items never wrap; above 1440px the
   column stops growing at ~495px, so item spacing stays at 12px. The logo
   column and its centring are untouched. */
@media (min-width: 1025px) {
    .elementor-14 .elementor-element-1f1cb44 {
        padding-left: clamp(20px, calc((100vw - 1025px) * 0.12 + 20px), 70px) !important;
        padding-right: clamp(20px, calc((100vw - 1025px) * 0.12 + 20px), 70px) !important;
    }
    .elementor-14 .elementor-element-b6f8572 .hfe-nav-menu,
    .elementor-14 .elementor-element-658d570 .hfe-nav-menu {
        flex-wrap: nowrap !important;
    }
    .elementor-14 .elementor-element-b6f8572 .hfe-nav-menu > li.menu-item,
    .elementor-14 .elementor-element-658d570 .hfe-nav-menu > li.menu-item {
        margin-right: clamp(8px, calc((100vw - 1025px) * 0.017 + 8px), 12px) !important;
    }
    .elementor-14 .elementor-element-b6f8572 .hfe-menu-item,
    .elementor-14 .elementor-element-658d570 .hfe-menu-item {
        font-size: clamp(12px, calc(0.9vw + 2.9px), 16px) !important;
        white-space: nowrap;
    }
}

/* Homepage programme cards (02/11/2026): "HugzCare AutoDelivery" stays on one
   line. From tablet up, the three card headings scale with the card width
   (36px at full width) so they keep matching sizes. */
@media (min-width: 768px) {
    .elementor-11 .elementor-element-661989c,
    .elementor-11 .elementor-element-6400e29,
    .elementor-11 .elementor-element-4bcab5d {
        container-type: inline-size;
    }
    .elementor-11 .elementor-element-661989c .elementor-heading-title,
    .elementor-11 .elementor-element-6400e29 .elementor-heading-title,
    .elementor-11 .elementor-element-4bcab5d .elementor-heading-title {
        font-size: min(36px, 9.2cqi) !important;
    }
    .elementor-11 .elementor-element-6400e29 .elementor-heading-title span {
        white-space: nowrap;
    }
}

/* Product cards (02/11/2026): titles stay on two lines (name, then pack size).
   The pack-size line is ~16.5x the font size wide, so the font follows the
   card width, up to 20px. */
.thz-product {
    container-type: inline-size;
}
.thz-product .thz-product__title {
    font-size: min(20px, 5.9cqi) !important;
}

/* Registration page (/registration/, 03/11/2026): it is not a normal page, so
   the Elementor header's "replace the theme header" rule does not apply and
   OceanWP's own header was drawn above it. Wherever the Elementor header is
   present, hide the theme's. */
body:has(header#masthead) header#site-header {
    display: none !important;
}

/* 2026-11-03 Shop card prices: match product page colours, smaller secondary lines */
body .thz-product .thz-product__price ins,
body .thz-product .thz-product__price ins strong,
body .thz-product .thz-product__price ins .woocommerce-Price-amount,
body .thz-product .thz-product__price > .woocommerce-Price-amount,
body .thz-product .thz-product__price > strong .woocommerce-Price-amount { color: #f17100 !important; font-size: 19px !important; text-decoration: none !important; }
body .thz-product .thz-product__price del,
body .thz-product .thz-product__price del .woocommerce-Price-amount,
body .thz-product .thz-product__price del .woocommerce-Price-currencySymbol { color: #ababab !important; font-weight: 400 !important; text-decoration-color: #ababab !important; }
body .thz-product .thz-product__price .price-per-piece,
body .thz-product .thz-product__price .price-per-piece * { font-size: 13px !important; font-weight: 400 !important; color: #555 !important; }
body .thz-product .thz-product__price .autodelivery-price { font-size: 13px !important; gap: 4px !important; }
body .thz-product .thz-product__price .autodelivery-price .woocommerce-Price-amount,
body .thz-product .thz-product__price .autodelivery-price .woocommerce-Price-currencySymbol { font-size: 13px !important; }
body .thz-product .thz-product__price .autodelivery-price .autodelivery-icon { flex-basis: 13px !important; width: 13px !important; height: 13px !important; }
body .thz-product .thz-product__price .autodelivery-price .autodelivery-label { font-size: 12px !important; font-weight: 400 !important; }

/* ==== 7 Nov 2026 SuperFastech ==== */
/* Floating buttons (Hugz+ Rewards, chat assistant) stay behind pop-ups (Hustle pop-up z-index 999991) */
#geekybot-sales-assistant { z-index: 99990 !important; }
.wll-launcher-button-container { z-index: 99990 !important; }

/* Free sample form (truehugz.com/sample): PDPA tick box full width; address note lined up with the fields */
.elementor-field-group-pdpa_consent .elementor-field-subgroup,
.elementor-field-group-pdpa_consent .elementor-field-option { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }
.elementor-field-group-pdpa_consent .elementor-field-option { display: flex !important; align-items: flex-start !important; gap: 12px; background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
.elementor-field-group-pdpa_consent .elementor-field-option label { flex: 1 1 auto; width: auto !important; color: #1a1a1a !important; font-size: 15px; line-height: 1.5; }
.elementor-field-group-pdpa_consent .elementor-field-option label strong { color: #000; }
.elementor-field-group-pdpa_consent input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 3px 0 0 !important; opacity: 1 !important; }
.elementor-field-group-address_note { padding-left: 14px !important; padding-right: 14px !important; }