@media (min-width: 1024px) {
    .single-product #main-page-conent {
        padding: 40px 40px 40px 40px;
    }

    .woocommerce-tabs.wc-tabs-wrapper {
        display: none;
    }

    .tbkh-carousel-container {
        clear: both;
    }

    .tbkh-carousel-container, .woocommerce.single-product .related.products {
        padding: 0 70px;
    }

    .tbkh-carousel-container h2.heading, .wt-related-products h2.wt-crp-heading {
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 0;
        border-top: 1px solid #D9D9D9;
        padding-top: 25px;
        padding-bottom: 35px;
        color: #000000;
        font-size: 30px !important;
        line-height: auto !important;
    }

    .related.products .carousel-wrap {
        padding: 0 !important;
    }

    .owl-carousel-tbkh {
        padding: 0 70px 40px 70px;
    }

    .related.products .owl-theme.products {
        padding: 0 75px 40px 75px;
    }
    

    .owl-carousel-tbkh.owl-carousel .prev-slide i {
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translate(0%, -50%);
        color: #212121;
        padding: 10px 15px;
        background-color: none;
        font-size: 42px;
    }

    .owl-carousel-tbkh.owl-carousel .next-slide i {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0%, -50%);
        color: #212121;
        padding: 10px 15px;
        background-color: none;
        font-size: 42px;
    }

    .owl-carousel-tbkh.owl-carousel .prev-slide i:before, .owl-carousel-tbkh.owl-carousel .next-slide i:before {
        font-size: 50px;
        position: absolute;
        left: 0;
        transform: translate(0%, -50%);
    }

    .owl-carousel-tbkh.owl-carousel .owl-dots {
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot.active, .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot:focus {
        outline: none;
        border: none;
        text-decoration: none;
    }

    .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
        margin: 5px 7px;
        background-color: var(--sf-white);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 40px;
    }

    .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot:focus span {
        background-color: var(--sf-yellow-1);
    }

    /*Css for navigation for related products only starts*/
    .owl-nav .dashicons {
        height: auto;
        width: auto;
    }

    .owl-carousel .owl-prev {
        left: -20px;
        background-color: transparent;
        opacity: 1;
    }

    .owl-carousel .owl-next {
        right: -20px;
        background-color: transparent;
        opacity: 1;
    }

    .owl-carousel .owl-prev i {
        margin-top: 0 !important;
        position: absolute;
        left: 0px;
        top: 50%;
        /* transform: translate(0%, -50%); */
        transform: translate(0%, -175%);
        color: #212121;
        padding: 10px 15px;
        background-color: transparent;
        font-size: 42px !important;
    }

    .owl-carousel .owl-next i {
        margin-top: 0 !important;
        position: absolute;
        right: 0px;
        top: 50%;
        /* transform: translate(0%, -50%); */
        transform: translate(0%, -175%);
        color: #212121;
        padding: 10px 15px;
        background-color: transparent;
        font-size: 42px !important;
    }

    .owl-carousel .owl-prev i:before, .owl-carousel .owl-next i:before {
        /* font-size: 50px; */
        font-size: 38px;
        position: absolute;
        left: 0;
        transform: translate(10%, -50%);
    }

    .owl-carousel .owl-dots {
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .owl-carousel .owl-dots .owl-dot.active, .wt-related-products .owl-carousel .owl-dots .owl-dot:hover, .wt-related-products .owl-carousel .owl-dots .owl-dot:focus {
        outline: none;
        border: none;
        text-decoration: none;
    }

    .owl-carousel .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
        margin: 5px 7px;
        background-color: var(--sf-white);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 40px;
    }

    .owl-carousel .owl-dots .owl-dot.active span, .wt-related-products .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel-tbkh.owl-carousel .owl-dots .owl-dot:focus span {
        background-color: var(--sf-yellow-1);
    }

    /*Css for navigation for related products only ends*/
    .woocommerce div.product .related.products {
        margin-top: 15px;
    }


    .owl-carousel-tbkh .owl-item {
        background-color: white;
        margin-right: 45px;
    }

    .wt-related-products .owl-item {
        /* width: 360px!important; */
    }

    .owl-carousel-tbkh .owl-item img {
        height: 348px;
        background-color: white;
    }

    .owl-carousel-tbkh .owl-item .link-cover {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .owl-carousel-tbkh .owl-item .title {
        background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217) 51.04%);
        padding: 15px 15px;
        color: #707070;
        text-align: center;
        vertical-align: text-middle;
        font-size: 16px;
        font-family: Arial;
        min-height: 84px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tbkh-carousel-related-posts h2.heading {
        color: #507bbc;
        font-family: Arial;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 60px 0 20px 0;
        border-top: 1px solid #d9d9d9;
        padding-top: 20px;
    }

    .tbkh-carousel-related-posts {
        margin-bottom: 40px;
    }


    .wt-related-products ul.products li.product .astra-shop-summary-wrap {
        padding: 0 !important;
    }

    .wt-related-products ul.products li.product .ast-woo-product-category {
        color: #929090;
        font-size: 15px !important;
    }

    .wt-related-products ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        color: #000000;
        font-size: 15px !important;
    }


    .wt-related-products ul.products li.product .price, .woocommerce-page ul.products li.product .price {
        color: #000000;
        margin-top: 10px !important;
        font-size: 15px !important;
    }

    .wt-related-products ul.products li.product .button, .woocommerce-page ul.products li.product .button {
        background-color: #000000;
        color: #ffffff;
        font-size: 18px !important;
        margin: 0 auto !important;
        width: fit-content !important;
        display: block !important;
    }


    .single-product.ast-separate-container.ast-two-container .widget-area#secondary {
        background-color: #E9E8E8 !important;
        padding: 0 !important;
        width: 20%;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .sidebar-main {
        background-color: #E9E8E8 !important;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .widget {
        background-color: #E9E8E8 !important;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .widget.widget_block {
        padding-top: 48px !important;
        /*padding-bottom: 155px !important;*/
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .widget.widget_search {
        padding-top: 48px;
        padding-bottom: 0px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .widget.widget_block ul {
        background-color: #ffffff !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        /*padding-left: 36px !important;*/
        /*padding-right: 24px !important;*/
    }


    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .wp-block-search__inside-wrapper,
    body.tax-product_cat .widget-area.secondary .wp-block-search__inside-wrapper {
        height: 45px;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .wp-block-search__label {
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .wp-block-search__input,
    body.tax-product_cat .widget-area.secondary .wp-block-search__input {
        background-color: #ffffff;
        border-radius: 3px !important;
        border: 1px solid #d9d9d9 !important;
    }

    .single-product.ast-separate-container.ast-two-container .widget-area.secondary .wp-block-search__button,
    body.tax-product_cat .widget-area.secondary .wp-block-search__button {
        border-radius: 3px !important;
        background-color: #000000 !important;
        color: #ffffff !important;
        text-align: center;
        font-size: 18px !important;
        outline: none;
        margin-left: 16.5px;
        display: flex;
        align-items: center;
    }

    body.tax-product_cat .widget-area.secondary .widget_search {
        background-color: #e9e8e8;
        padding-left: 22px !important;
        padding-right: 22px !important;
        padding-top: 48px !important;
        display:none;
    }

    .single-product.ast-separate-container.ast-two-container .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item a {
        color: #000000 !important;
        text-align: left;
        vertical-align: text-middle;
        font-size: 20px !important;
        line-height: auto;
        border-style: hidden;
        outline: none;
        text-decoration: none;
    }

    .single-product.ast-separate-container.ast-two-container .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item a .wc-block-product-categories-list-item__name {
        margin-left: 15px;
    }

    .single-product.ast-separate-container.ast-two-container .content-area#primary {
        width: 79%;
    }

    .single-product.ast-separate-container.ast-two-container .content-area#primary .ast-woocommerce-container {
        padding-top: 0 !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 50px !important;
    }


    .single-product.ast-separate-container.ast-two-container div.product div.summary {
        margin-bottom: 0 !important;
    }

    .single-product.ast-separate-container.ast-two-container .woocommerce-breadcrumb {
        color: #929090 !important;
        text-align: left !important;
        vertical-align: text-middle !important;
        font-size: 15px !important;
    }

    .single-product.ast-separate-container.ast-two-container .single-product-category a {
        color: #000000 !important;
        font-size: 25px !important;
        text-decoration: none;
        font-weight: 600;
    }

    .single-product.ast-separate-container.ast-two-container .product_title {
        color: #000000 !important;
        font-size: 35px !important;
        /*font-family: 'Archivo';*/
        font-style: normal;
        font-weight: 400;
        font-size: 35px;
        line-height: 38px;
        display: flex;
        align-items: center;
    }

   
    .price .woocommerce-Price-amount,
    .price-and-sold-message .woocommerce-Price-amount:not(.price-and-sold-message del .woocommerce-Price-amount) {
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 33px;
        color: #000000;
    }


    .price-and-sold-message del .woocommerce-Price-amount{
        font-size: 20px !important;
        margin-right: 10px;
    }
    .outofstock p.price {
        display: none !important;
    }

    .kt-svg-icon-link {
        /*margin-left: 60px;*/
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container .single-product-back-button-div {
        width: 100%;
    }

    .single-product-back-button-div .back-button {
        border-radius: 50px;
        border: 1px solid #d9d9d9 !important;
        background: #fff;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: max-content;
        padding: 5px 20px 5px 10px;
        transition: all .3s;
        color: #042a8b;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .single-product-back-button-div .back-button i {
        font-size: 21px;
        margin-right: 5px;
        margin-bottom: 1px;
    }

    .single-product.ast-separate-container.ast-two-container .fpf-fields-config-wrapper, .single-product.ast-separate-container.ast-two-container .review-link-holder {
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container div.product form.cart div.quantity {
        margin: 0 !important;
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container div.product form.cart .button.single_add_to_cart_button {
        background-color: #000000;
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        line-height:0;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 0;
        max-width: 200px;
        height: 40px;
    }

    .custom-cart-buttons {
        display: flex;
        align-items: start;
    }
    .whatsapp-product-btn {
        align-items: center;
        background: #00BB2D;
        padding: 5px 10px;
        transition: 0.3s ease-in-out;
        height: 40px;
        margin: 0 10px;
    }
    .whatsapp-product-btn a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: white;
        font-size: 20px;
        font-weight: 500;
    }
    .whatsapp-product-btn img {
        margin-right: 5px;
    }
    .custom-cart-buttons .product-page-whatsapp-container{
        background: #ffffff;
        max-width: 267px;
    }


    .custom-cart-row {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 20px;
    }

    .custom-cart-row > * {
        flex: 1 1 auto;
        min-width: 200px;
    }
   
    .fpf-fields.after-add-to-cart.fpf-clear{
        display: none !important;
    }
    .custom-out-of-stock-button a {
        color: #000000;
    }
  
    .sold-message-text {
        font-style: italic;
        font-size: 14px;
        color: #555;
    }

    .sold-message-text.available_on_backorder{
        /* Available on backorder */
        font-weight: 700;
        font-size: 16px;
        color: #00BB2D;
    }
    .custom-cart-buttons .custom-out-of-stock-button {
        margin:0;
    }

    .product-page-whatsapp-button {
        background: #000000;
        height: 40px;
        display: flex;
        align-items: center;
        padding: 8px 12px;
        transition: none;
        border: 1px solid #000000;
    }
    .product-page-whatsapp-button:hover{
        color: #ffffff;
        background: #00BB2D;
        border: 1px solid #000000;
        background-image: url('/wp-content/themes/astra-child-theme/assets/images/social_icons/wsg-white.png');
        background-repeat: no-repeat;
        background-position: 12px center;
        background-size: 30px 30px;
    }
    .product-page-whatsapp-button:hover img {
        visibility: hidden;
    }
    .product-page-whatsapp-container a{
        font-family: 'Archivo';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
        text-align: justify;
        color: #FFFFFF;
        text-decoration: none;
    }
    .product-page-whatsapp-container .product-page-whatsapp-text {
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        background:rgba(0,0,0,.1);
        padding:20px;
        margin-bottom:0;
    }
    .reference-info-container {
        margin-top: 10px;
    }
    .reference-info-container .reference-info a {
        text-decoration: none;
        color: #042a8b;
        font-weight: 700;
        font-size: 15px;
    }
    .reference-info-container .reference-info{
        display: flex;
    }
    .wp-block-woocommerce-product-categories.lwd-filtered-widget-category-product-list {
        overflow-y: auto; /* Enable scroll if content exceeds height */
        max-width: 100%; /* Prevent overflow */
    }

    /* Optional: Style scrollbar */
    .wp-block-woocommerce-product-categories.lwd-filtered-widget-category-product-list::-webkit-scrollbar {
        width: 8px;
    }

    .wp-block-woocommerce-product-categories.lwd-filtered-widget-category-product-list::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

    .single-product.ast-separate-container.ast-two-container .ast-single-product-extras {
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container .product_meta {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 45px;
        margin-top: 35px;
    }

    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product {
        width: 100%;
        margin-top: 0 !important;
    }

    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product ul {
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        color: #000000 !important;
        font-size: 18px !important;
    }

    .single-product.ast-separate-container.ast-two-container .ast-single-product-payments {
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        width: 100%;
    }

    .single-product.ast-separate-container.ast-two-container .ast-single-product-payments legend {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #707070;
        font-size: 15px;
        line-height: 15px;
    }

    .single-product.ast-separate-container.ast-two-container .ast-single-product-payments ul li {
        width: 53px;
    }

    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product ul a {
        color: #000000 !important;
        font-size: 18px !important;
        border-style: hidden !important;
        padding: 16px 20px;
    }

    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product ul a:active,
    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product ul a:focus,
    .single-product.ast-separate-container.ast-two-container .product_meta .wcml-dropdown.product ul a:hover {
        background-color: #e9e9e9 !important;
    }

    .single-product-attributes-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #000000;
    }

    .single-product-attributes-grid ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .single-product-attributes-grid ul li {
        display: grid;
        grid-template-columns: 100px 1fr;
        grid-gap: 5px;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .single-product-attributes-grid ul.notfirstcolumn li {
        grid-template-columns: 193px 1fr;
    }

    .single-product-attributes-grid ul li .label {
        color: #707070;
        font-size: 18px;
        font-weight: bold;
    }

    .single-product-attributes-grid ul li .value {
        color: #707070;
        font-size: 18px;
        margin-bottom: 0px !important;
    }

    .single-product.ast-separate-container.ast-two-container .info_box {
        background: #e9e8e8;
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-bottom: 65px !important;
    }

    .single-product.ast-separate-container.ast-two-container .info_box > div {
        height: 100%;
        border-right: 1px solid black;
    }

    .single-product.ast-separate-container.ast-two-container .info_box .heading {
        font-size: 15px;
        font-weight: bold;
        color: #707070;
        margin-bottom: 20px;
    }

    .single-product.ast-separate-container.ast-two-container .info_box .list_item {
        font-size: 12px;
        margin: 0 10px 0 40px;
        text-align: left;
        padding: 0;
        color: #707070;
    }

    .single-product.ast-separate-container.ast-two-container .info_box .authenticity {
        border: none;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons {
        display: none;
    }

    /*.woocommerce div.product .stock {*/
    /*    display: none;*/
    /*}*/
    .woocommerce-js ul.products li.product.product-category a img {
        width: 250px;
        height: 250px;
        padding-bottom: 15px;
        background: white;
        object-fit: contain;
    }
    .woocommerce.woocommerce-shop ul.products li.product.product-category .woocommerce-loop-category__title {
        width: 250px;
    }
}

@media (max-width: 1024px) {

    body.tax-product_cat.ast-left-sidebar ul.products li.product a.ast-loop-product__link h2 {
        height: unset!important;
        min-height: auto;
        overflow: hidden;
        text-overflow: unset;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .price .woocommerce-Price-amount{
        font-size: 15px;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons .btn:first-child,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons .btn:first-child {
        margin: auto
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons .btn img,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons .btn img {
        margin-right: 7px;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons .btn div,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons .btn div {
        margin-top: 4px;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons .btn.category-btn,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons .btn.category-btn {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        /*background-color: #dae8fc !important;*/
        border-radius: 50px !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
        text-align: left !important;
        font-size: 13px !important;
        padding: 3px 15px !important;
        font-weight: bold;
        margin: auto;
    }

    .single-product.ast-separate-container.ast-two-container .mobile-category-buttons .btn.search-btn,
    body.tax-product_cat.ast-left-sidebar .mobile-category-buttons .btn.search-btn {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        /*background-color: #dae8fc !important;*/
        border-radius: 50px !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
        text-align: left !important;
        font-size: 13px !important;
        font-family: 'Archivo', sans-serif;
        padding: 3px 15px !important;
        font-weight: bold;
        margin-right: auto;
    }


    .single-product.ast-separate-container.ast-two-container #secondary {
        display: none;
        width: 100% !important;
        border-radius: 30px;
        padding: 40px 15px !important;
        padding-bottom: 30px !important;
    }

    .single-product.ast-separate-container.ast-two-container #primary {
        width: 100% !important;
    }

    .category-product-modal .modal-content {
        background-color: transparent;
    }

    .category-product-modal .modal-dialog {
        top: 80px !important;
    }

    .category-product-modal .modal-header {
        height: 0 !important;
        padding: 0 !important;
        border: 0;
        position: relative;
    }

    .category-product-modal .modal-header .btn-close {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 99;
        opacity: 1;
    }

    .category-product-modal .modal-body {
        padding: 0 !important;
    }

    body.tax-product_cat.ast-left-sidebar .category-product-modal #secondary {
        padding: 0 !important;
        background-color: transparent !important;
    }

    .category-product-modal .sidebar-main {
        background-color: #e8e7e7;
        padding: 0px;
    }

    .category-product-modal .tbkh-shop-filters {
        border-radius: 30px;
        padding: 40px 15px;
        padding-bottom: 30px;
    }

    .category-product-modal .tbkh-shop-filters h2 {
        font-size: 15px;
        font-weight: bold;
    }

    .single-product.ast-separate-container.ast-two-container div.product div.summary {
        background: white;
        padding: 10px;
        /*font-family: "Lao MN";*/
    }

    .single-product.ast-separate-container.ast-two-container .woocommerce-breadcrumb {
        font-size: 10px;
        font-weight: bold;
    }

    .woocommerce-js div.product .product_title {
        font-size: 15px;
        font-weight: 600;
    }

    .woocommerce-js div.product div.summary .single-product-category a {
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
    }

    .woocommerce-js div.product p.price,
    .price-and-sold-message .woocommerce-Price-amount {
        font-size: 15px;
        font-weight: 700;
    }

    .single-product.ast-separate-container.ast-two-container div.product div.summary .price a {
        padding-left: 60%;
    }

    .single-product.ast-separate-container.ast-two-container div.product div.summary .price span.woocommerce-Price-currencySymbol {
        font-size: 15px;
        font-weight: bold;
    }

    .single-product.ast-separate-container.ast-two-container div.product div.summary .price a .kb-svg-icon-fe_messageCircle_after_qty img {
        height: 28px;
    }

    .review-link-holder {
        display: none;
    }

    .woocommerce div.product form.cart .button.single_add_to_cart_button {
        width: -webkit-fill-available;
        border-radius: 5px;
    }

    .ast-single-product-payments {
        width: -webkit-fill-available;
        border-radius: 5px;
        background: #f5f5f5;
    }

    .woocommerce .wcml-dropdown.wcml_currency_switcher, .ast-single-product-extras {
        display: none;
    }

    .woocommerce-tabs.wc-tabs-wrapper {
        display: none;
    }

    .single-product.ast-separate-container.ast-two-container .info_box {
        width: 100%;
        display: block;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-bottom: 65px !important;
    }

    .single-product.ast-separate-container.ast-two-container .info_box > div {
        height: 100%;
        position: relative;
        padding: 20px 0;
    }

    .single-product.ast-separate-container.ast-two-container .info_box > div::after {
        content: "";
        display: block;
        width: 50%;
        border-bottom: 1px solid #707070;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }

    .single-product.ast-separate-container.ast-two-container .info_box .heading {
        font-size: 13px;
        font-weight: bold;
        color: #707070;
        margin-bottom: 20px;
    }

    .single-product.ast-separate-container.ast-two-container .info_box .list_item {
        font-size: 12px;
        margin: 0 10px 0 40px;
        text-align: left;
        padding: 0;
        color: #707070;
    }

    .single-product.ast-separate-container.ast-two-container .info_box div.authenticity::after {
        border: none !important;
    }
}
@media only screen and (max-width: 768px) {
    .woocommerce-product-gallery {
        display: none;
    }

    .mobile-product-gallery {
        display: block !important;
    }

    .summary.entry-summary .price + .mobile-product-gallery,
    .summary.entry-summary .single_add_to_cart_button + .woocommerce-product-details__short-description {
        display: block !important;
    }

    .woocommerce-product-details__short-description {
        display: block !important;
    }

    .tbkh-carousel-container {
        margin: 20px;
        border-top: 1px solid #d9d9d9;
        padding-top: 20px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 80%;
        height: 80%;
        margin: auto;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, .2);
    }

    .tbkh-carousel-container h2 {
        font-weight: bold;
        font-size: 15px;
        color: #042A8B;
        font-family: "Lao MN";
    }

    section.wt-related-products {
        border-top: 1px solid #d9d9d9;
        padding-top: 20px;
        margin-top: 40px;
    }

    body.woocommerce-checkout section.wt-related-products,
    body.single-product section.wt-related-products
     {
       padding-left: 20px !important;
       padding-right: 20px !important;
    }


    body.woocommerce-checkout .wt-related-products ul.products li.product, .wt-related-products ul.products li.product{
        width: 100% !important;
    }

    .woocommerce .related.products h2 {
        font-weight: 600;
        font-size: 15px;
        color: #000000;
    }

    .ast-article-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .ast-blog-featured-section {
        flex: 0 0 40%;
    }

    .post-content {
        flex: 0 0 60%;
    }

    .ast-blog-featured-section img {
        width: 100%;
        height: auto;
    }

    /*.post-content {*/
    /*    font-family: "Lao MN" !important;*/
    /*}*/

    .blog .entry-title {
        line-height: 0.5em !important;
    }

    .blog .entry-title a {
        color: #042A8B;
        font-size: 15px;
        font-weight: bold;
    }

    header.entry-header:not(.related-entry-header) .entry-title {
        font-size: 15px;
    }

    .entry-header {
        padding: 10px 0;
    }

    .back-button-wrapper .entry-title {
        margin: 0;
        font-size: 15px !important;
    }

    .post-template-default.single.single-post article.ast-article-single {
        /* max-width: 100%;
        margin-top: 20px !important; */
    }

    article.ast-article-single .entry-content p,
    article.ast-article-single .entry-content ol {
        font-family: "Lao MN";
    }

    .desktop-footer {
        display: none;
    }

    .mobile-footer .footer-container {
        color: #fff;
    }

    .mobile-footer .footer-grid {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
        padding: 0;
    }

    .mobile-footer .footer-content {
        display: flex;
        justify-content: space-between;
        text-align: left;
        font-family: "Lao MN";
        padding: 0 5px;
        text-transform: uppercase;
    }

    .mobile-footer .social-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mobile-footer .footer-grid .social-container {
        margin: 0;
        border-bottom: 1px solid white;
        padding-bottom: 10px;
    }

    .mobile-footer .menu, .mobile-footer .social-icons, .mobile-footer .visa-container, .mobile-footer .menu-2 {
        list-style: none;
        padding: 5px;
        margin: auto;
    }

    .mobile-footer .menu-2 {
        text-align: end;
    }

    .menu a, .social-icons a, .visa-container a, .menu-2 a {
        color: #fff;
        text-decoration: none;
    }

    .menu a {
        font-size: 12px;
        font-weight: bold;
    }

    .menu-2 a {
        font-size: 12px;
    }

    .social-icons li {
        text-align: center
    }

    .footer-content .social-icons {
        display: flex;
        justify-content: center;
    }

    .mobile-footer .footer-grid .social-container a {
        width: 30px;
        margin: 0 2px;
    }

    .mobile-footer.footer-grid .visa-container a {
        width: auto;
    }

    .mobile-footer .social-icons img {
        width: 20px;
        height: 20px;
    }

    .mobile-footer .footer-grid .visa-container a {
        width: 35px;
        margin: 0 5px;
    }

    .mobile-footer .visa-container img {
        width: 40px;
        height: auto;
    }

    .mobile-footer .menu-3 {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .mobile-footer .footer-grid .menu-3 li a {
        display: contents;
        font-size: 10px;
    }

    .mobile-footer .footer-copyright{
        padding-bottom: 5px;
    }

    .mobile-footer .footer-copyright .menu-3 {
        flex-direction: inherit;
    }

    .mobile-footer .footer-copyright .menu-3 li {
        padding: 0 5px;
    }
    .woocommerce-js ul.products li.product.product-category a img {
        width: 135px;
        padding-bottom: 15px;
        background: white;
        object-fit: contain;
    }
    .woocommerce.woocommerce-shop ul.products li.product.product-category .woocommerce-loop-category__title {
        width: 100%;
        bottom: -50px;
    }
    .woocommerce.woocommerce-shop ul.products li.product.product-category{
        margin-bottom: 35px;
        width: auto!important;
    }
    .custom-cart-buttons .custom-out-of-stock-button {
        margin:15px 0;
    }
    .whatsapp-product-btn {
        align-items: center;
        background: #00BB2D;
        padding: 2px;
        transition: 0.3s ease-in-out;
        height: 30px;
        margin-bottom: 15px;
        text-align: center;
    }
    .whatsapp-product-btn a {
        text-decoration: none;
        color: #ffffff;
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
    }
    .whatsapp-product-btn img {
        width: 27px;
        height: auto;
        margin-right: 10px;
    }
    .custom-cart-buttons .product-page-whatsapp-container{
        background: #ffffff;
        /*max-width: 280px;*/
    }
    .product-page-whatsapp-button {
        background: #000000;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 8px 12px;
        transition: .3s ease-in-out;
    }
    .product-page-whatsapp-button img{
        height: 25px;
        padding:0 50px 0 20px;
    }
    .product-page-whatsapp-container a{
        font-family: 'Archivo', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        color: #FFFFFF;
        text-decoration: none;
    }
    .product-page-whatsapp-container .product-page-whatsapp-text {
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        background:rgba(0,0,0,.1);
        padding:20px 30px;
        font-family: 'Archivo', sans-serif;
    }
    .entry-summary .quantity .custom-cart-buttons,
    .entry-summary .custom-cart-buttons .whatsapp-product-btn .reference-info-container,
    .product.wcml_currency_switcher {
        display: none;
    }
    .tbkh-custom-summary-container .price a {
        display: none!important;
    }

    .desktop-only-select-a-model{
        display: none;
    }
    
    /* Reorder product meta to appear after attributes grid on mobile */
    .single-product.ast-separate-container.ast-two-container div.product div.summary {
        display: flex;
        flex-direction: column;
    }
    
    .single-product.ast-separate-container.ast-two-container .single-product-attributes-grid {
        order: 1;
        margin-top: 20px;
    }
    
    .single-product.ast-separate-container.ast-two-container .product_meta {
        order: 2;
    }
}


@media (min-width: 769px) {
    .mobile-footer {
        display: none;
    }
}


.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it's above other content */
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #fff; /* Ensure it has a background color */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: add a shadow for better visibility */
}

.woocommerce div.product .stock {
    display: none;
}

.entry-content a.entry-title {
    display: none;
}

.ast-post-social-sharing {
    display: none !important;
}

.back-button-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
    background: linear-gradient(90deg, #e9e8e8 0%, #fff 50%, #e9e8e8 100%);
    font-family: "Lao MN";
    padding: 10px;
}

.back-button-wrapper .dashicons {
    color: white;
    background: black;
    border-radius: 50%;
}

.back-button {
    margin-right: 10px; /* Adjust spacing as needed */
    display: flex;
    align-items: center;
    text-decoration: none; /* Remove underline */
}

.back-button-wrapper .entry-title {
    /*margin: 0;*/
    font-size: 25px;
    font-weight: bold;
    color: #042A8B;
    text-transform: uppercase;
    text-align: center;;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .25);
    margin: auto;
}

article.ast-article-single header.entry-header:not(.related-entry-header) .entry-title {
    /* display: none; */
}


.tbkh-max-width-box {
    max-width: 1600px !important;
    margin: 0 auto;
}


element.style {
    right: 100px;
}

.woocommerce-multi-currency.wmc-sidebar{
    display: none;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency{
    right: 60px;
    position: inherit;
    width: 115px;
    border-radius: 20px;
}
.woocommerce-multi-currency.wmc-shortcode .wmc-currency {
    background-color: #f5f5f5;
    color: #000000;
}
.wmc-sub-currency .wmc-currency:first-child{
    border-top-right-radius:20px;
    border-top-left-radius:20px;
}
.wmc-sub-currency .wmc-currency:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
    background: transparent;
    border: none;
    display: contents;
}
/*.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency .vi-flag-64 {*/
/*    height: 45px!important;*/
/*    width: 45px!important;*/
/*}*/
/*.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .vi-flag-64 {*/
/*    height: 45px!important;*/
/*    width: 45px!important;*/
/*}*/
.wmc-currency-wrapper .wmc-sub-currency .wmc-currency:hover {
    background: #d9d9d9;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical.layout5 .wmc-currency-wrapper span.wmc-current-currency span{
    display: none;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a span {
    padding: 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    color: #000000;
}

/* hide arrow down */
.woocommerce-multi-currency.wmc-shortcode .wmc-current-currency .wmc-open-dropdown-currencies{
    display: none;
}

.vi-flag-64 {
    transform: none!important;
    margin: auto!important;
    background-position: center!important;
    background-size: cover;
    height: 25px!important;
    width: 25px!important;
}
.vi-flag-64.flag-eu {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/tbkh-currency-icon.svg')!important;
}
.vi-flag-64.flag-aed {
     background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/aed.png')!important;
 }
.vi-flag-64.flag-aud {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/aud.png')!important;
}
.vi-flag-64.flag-cn {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/cny.png')!important;
}
.vi-flag-64.flag-gb {
     background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/gbp.png')!important;
}
.vi-flag-64.flag-hkd {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/hkd.png')!important;
}
.vi-flag-64.flag-id {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/idr.png')!important;
}
.vi-flag-64.flag-jpy {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/jpy.png')!important;
}
.vi-flag-64.flag-vn {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/krw.png')!important;
}
.vi-flag-64.flag-my {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/myr.png')!important;
}
.vi-flag-64.flag-rub {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/rub.png')!important;
}
.vi-flag-64.flag-sgd {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/sgd.png')!important;
}
.vi-flag-64.flag-th {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/thb.png')!important;
}
.vi-flag-64.flag-us {
    background-image: url('/wp-content/themes/astra-child-theme/assets/images/currency/usd.png')!important;
}



/** Giveaway page START */
body.tbkh-giveaway-page article {
    width: 100%;
    max-width: none;
}


body.tbkh-giveaway-page #main-page-conent,
body.tbkh-giveaway-page #main-page-conent a,
body.tbkh-giveaway-page #main-page-conent p {
    font-family: 'Lao MN' !important;
    font-style: normal !important;;
}

body.tbkh-giveaway-page #main-page-conent p {
    font-size: 18px;
    line-height: 25px;
}


body.tbkh-giveaway-page #main-page-conent h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #887A92;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

body.tbkh-giveaway-page .ast-article-single {
    margin-top: 0 !important;
}

body.tbkh-giveaway-page .entry-header {
    margin: 0;
    padding: 0;
    display: none;
}

body.tbkh-giveaway-page .tbkh-giveaway-column-top {
    padding: 40px;

    background: url("../images/giveaway/cover.png") no-repeat center;
    background-size: cover;
}

body.tbkh-giveaway-page .tnkh-btn-style01 {
    background: linear-gradient(94.6deg, #6C6174 0%, #C1B6CA 50%, #6C6174 100%);
    box-shadow: -5px -5px 30px #E9E8E8, 5px 5px 30px #E9E8E8;
    padding-left: 40px;
    padding-right: 40px;
}

body.tbkh-giveaway-page .tnkh-btn-style01 a {
    background: transparent !important;
    color: #ffffff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

    font-weight: 700 !important;
    /*font-size: 50px !important;*/
    /*line-height: 69px !important;*/
}

body.tbkh-giveaway-page .tnkh-btn-style01.tbkh-no-link a {
    cursor: default;
}


body.tbkh-giveaway-page .tnkh-btn-style02 {
    background: linear-gradient(101.67deg, #B8B6B6 0%, #E9E8E8 50%, #B8B6B6 100%);
    border-radius: 5px;
}

body.tbkh-giveaway-page .tnkh-btn-style02 a {

    font-weight: 700;
    font-size: 18px !important;
    line-height: 25px;
    color: #000;
    background: transparent;
    text-transform: uppercase;
}

body.tbkh-giveaway-page .tnkh-text-no-direct-relation {

    font-weight: 250 !important;
    font-size: 16px !important;
    line-height: 22px !important;

    color: #D9D9D9 !important;

    margin-top: -60px;
    margin-right: 20px;
}

body.tbkh-giveaway-page .second-columns-set {
    margin-top: 80px;
    margin-bottom: 50px;
}

body.tbkh-giveaway-page .second-columns-set .thirdcolumn {
    background: #ffffff;
    border-radius: 10px;
    padding-left: 15px;
    overflow: hidden;
}

body.tbkh-giveaway-page .second-columns-set .firstcolumn {
    padding-right: 40px;
}

body.tbkh-giveaway-page .second-columns-set .thirdcolumn h2 {
    margin-top: 20px;
}

body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3,
body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 figure,
body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 figure img {
    height: 100%;
    filter: drop-shadow(10px 0px 15px rgba(0, 0, 0, 0.25));
    border-radius: 10px;

}

body.tbkh-giveaway-page .second-columns-set .ast-oembed-container {
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.5);
}

body.tbkh-giveaway-page .tnkh-btn-style03 {
    background: linear-gradient(180deg, #FFFFFF 0%, #D9D9D9 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

body.tbkh-giveaway-page .tnkh-btn-style03 a {
    background-color: transparent;
    background-image: url("../images/giveaway/1200px-Instagram_icon1.png");
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 60px;
    padding-right: 10px;
}


body.tbkh-giveaway-page .third-columns-set {
    padding-top: 40px;
    padding-bottom: 100px;
    background: linear-gradient(180deg, #D3CCD9 0%, #E9E8E8 100%);
}

body.tbkh-giveaway-page .third-columns-set h2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    font-weight: 700;
    font-size: 30px !important;;
    line-height: 41px !important;;
    color: #000000 !important;;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15) !important;
    padding-top: 18px;
    padding-bottom: 10px;
}


h2.tbkh-general-h2 {
    background: linear-gradient(90deg, #E9E8E8 0%, #FFFFFF 50%, #E9E8E8 100%);
    font-family: 'Lao MN';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #666565;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    padding-top: 18px;
    padding-bottom: 10px;

}

h4.tbkh-general-h4 {
    font-family: 'Lao MN';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #887A92;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

/** Giveaway page END */


/** slider general START **/
div[id^="divSliderMain"] {
    width: 100% !important;
}

div[id^="divSliderMain"] .bx-wrapper .bx-controls-direction a {
    height: 50px !important;
    top: 40%;
}

div[id^="divSliderMain"] .bx-wrapper .bx-prev {
    left: -70px !important;
    background: url("../images/giveaway/left.svg") no-repeat !important;
}

div[id^="divSliderMain"] .bx-wrapper .bx-next {
    right: -70px !important;
    background: url("../images/giveaway/right.svg") no-repeat !important;
}

div[id^="divSliderMain"] .bx-wrapper .bx-caption {
    background: transparent !important;
}

div[id^="divSliderMain"] .bx-wrapper .bx-caption span {
    font-weight: 250;
    font-size: 18px !important;
    line-height: 25px;
    color: #000000 !important;
}

div[id^="divSliderMain"] .i13_bx_slider {
    height: 360px;
}

div[id^="divSliderMain"] .i13_bx_slider img {
    height: 300px;
}

/** slider general END **/


/** popups designs START **/
body.tbkh-popup-design-01 .entry-header {
    display: none;
}

.tbkh-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.tbkh-popup-content {
    background: #fff;
    /*padding: 20px;*/
    border-radius: 8px;
    max-width: 1600px;
    width: 100%;
    position: relative;
    max-height: 700px;
    overflow: auto;
}

.tbkh-popup-close {
    position: absolute;
    top: -10px;
    right: 10px;
    cursor: pointer;
    font-size: 40px;
}

.tbkh-popup-overlay .main-column-wrap-page {
    padding: 40px;
    margin: 0;
    background: #E9E8E8;
    font-family: 'Lao MN';
    font-style: normal;

    font-size: 18px;
    line-height: 25px;
    color: #000000;


}

.tbkh-popup-overlay .main-column-wrap-page h2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    color: #000000;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.tbkh-popup-overlay .main-column-wrap-page.popup-winner-list {
    background: linear-gradient(90deg, #C7C1CC 0%, #F7F3F9 50%, #C7C1CC 100%);
    min-height: 500px;
}

.winner-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 18px;
    margin-top: 150px;
    counter-reset: list-counter;
}

.winner-list li {
    display: inline-block;
    counter-increment: list-counter;
}

.winner-list li::before {
    content: counter(list-counter) ". ";
}

/** popups designs END **/


/** giveaway registry page START **/
body.tbkh-page-giveaway-registry #main-page-conent,
body.tbkh-page-giveaway-registry #main-page-conent a,
body.tbkh-page-giveaway-registry #main-page-conent p {
    font-family: 'Lao MN' !important;
    font-style: normal !important;;
}

body.tbkh-page-giveaway-registry #main-page-conent h5 {
    font-weight: 250;
    font-size: 18px;
    line-height: 20px;
    color: #887A92;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

body.tbkh-page-giveaway-registry article.page {
    margin-top: 50px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: none;
}

body.tbkh-page-giveaway-registry #secondary,
body.tbkh-page-giveaway-registry header.entry-header {
    display: none;
}

body.tbkh-page-giveaway-registry #primary {
    width: 100%;
}

/** giveaway registry page END **/


/** general register page START **/
.tbkh-woo-register-form-wrap {
    font-family: 'Lao MN';
    font-style: normal;
}

.tbkh-woo-register-form-wrap div.woocommerce {
    background: #E9E8E8;
    border: 1px solid #D9D9D9 !important;
    max-width: 670px !important;
}

.tbkh-woo-register-form-wrap div.woocommerce #customer_login h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #666565;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.tbkh-woo-register-form-wrap .form-row label,
.tbkh-woo-register-form-wrap p {
    font-weight: 250 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #666565;
}

.tbkh-woo-register-form-wrap .woocommerce button.button {
    border-color: #042A8B;
    background-color: #042A8B;
}

/** general register page END **/


@media (max-width: 782px) {
    html {
        padding-top: 0 !important;
    }


    body.tbkh-giveaway-page .entry-header {
        padding-top: 0 !important;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top {

    }

    body.tbkh-giveaway-page .tnkh-btn-style01 {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.tbkh-giveaway-page .tnkh-btn-style01 a {
        font-size: 20px !important;
        line-height: 27px !important;
        padding: 0;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top {
        padding: 20px !important;
    }

    body.tbkh-giveaway-page #main-page-conent a:not(body.tbkh-giveaway-page .tnkh-btn-style01 a) {
        font-size: 10px !important;
        line-height: 7px;
        text-decoration: none;
        font-weight: bold;
    }

    body.tbkh-giveaway-page .tnkh-btn-style02 a {
        padding-left: 5px;
        padding-right: 5px;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top .tbkh-mobile-wrap-columns-row1 {
        display: block;
        height: 60px;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top .wp-block-column-is-layout-flow {
        float: left;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top .wp-block-column-is-layout-flow .tbkh-helper-col-1 {
        width: 40%;
    }

    body.tbkh-giveaway-page .tbkh-giveaway-column-top .wp-block-column-is-layout-flow .tbkh-helper-col-2 {
        width: auto;
        margin-left: 8px;
    }

    body.tbkh-giveaway-page .tnkh-text-no-direct-relation {
        font-size: 10px !important;
        text-align: center;
    }

    body.tbkh-giveaway-page .second-columns-set .firstcolumn {
        padding: 30px;
    }

    body.tbkh-giveaway-page .second-columns-set .ast-oembed-container {
        box-sizing: border-box;
        background: #707070;
        border: 5px solid #D9D9D9;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    body.tbkh-giveaway-page .second-columns-set .secondcolumn {
        padding: 10px;
    }

    body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3,
    body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 figure,
    body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 figure img {
        filter: none;
        height: auto;
        width: 100%;
    }

    body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wrapimageformobile {
        display: none;
        height: 200px;
        background: url("../images/giveaway/woman3.png") center no-repeat;
        background-size: cover;
    }

    body.tbkh-giveaway-page .second-columns-set .thirdcolumn .wrapimageformobile figure {
        display: none;
    }

    ul#menu-right-top li[id^=menu-item-wpml] ul.dropdown-menu {
        position: absolute;
        margin-top: 0px;
        width: 25px;

        background: #ffffffe6 !important;
        border-radius: 10px;
    }

    ul#menu-right-top li[id^=menu-item-wpml] ul.dropdown-menu .dropdown-item img.wpml-ls-flag {
        width: 25px !important;
        height: 25px !important;
    }
}


@media (min-width: 782px) {
    body.tbkh-giveaway-page .tnkh-btn-style01 a {
        font-size: 50px !important;
        line-height: 69px !important;
    }

    body.tbkh-giveaway-page #main-page-conent a:not(body.tbkh-giveaway-page .tnkh-btn-style01 a) {
        font-size: 18px !important;
        line-height: 25px;
        text-decoration: none;
        font-weight: bold;
    }
}

body.product-template-default.single-product,
body.tax-product_cat.woocommerce-page {
    font-family: 'Archivo', sans-serif;
}
/***** top MENU design START *****/


#right-top-menu-acc,
#cur-switch,
#right-top-menu {
    float: left;
}


ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a > span, /* dropdown text hidden */
ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a:after, /* dropdown arrow */
[id^="menu-item-dropdown-wpml"].dropdown-toggle::after /* dropdown arrow */
{
    display: none;
}

ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a:before {
    content: "";
    display: block;
    background: url('../images/tbkh-person-circle-icon.svg') no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    float: left;
}

[id^="menu-item-dropdown-wpml"],
ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a {
    padding: 0 !important;
}

ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a {
    margin-right: 10px;
}

ul#menu-right-top-account ul.dropdown-menu {
    min-width: auto;
}

[id^="menu-item-dropdown-wpml"] .wpml-ls-flag {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}


ul#menu-right-top li[id^="menu-item-wpml"] ul.dropdown-menu {
    min-width: auto;
    background: transparent;
    border: none;
}

ul#menu-right-top li[id^="menu-item-wpml"] ul.dropdown-menu .dropdown-item {
    padding: 0;
}

ul#menu-right-top li[id^="menu-item-wpml"] ul.dropdown-menu .dropdown-item:hover {
    background: transparent;
}

ul#menu-right-top li[id^="menu-item-wpml"] ul.dropdown-menu .dropdown-item img.wpml-ls-flag {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}


[id^=menu-social-icons] li a.nav-link {
    padding: 0;
    width: 30px;
    margin-right: 10px;
}

[id^=menu-social-icons] li a span {
    display: inline-block;
    width: 13px;
    font-size: 0px;
    height: 0;
    color: transparent;
}

[id^=menu-social-icons] li a span::before {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    background-size: contain !important;
}

[id^=menu-social-icons] li.tbkh-sn-icon-whatsapp a span::before {
    background: url('../images/social_icons/ws.svg') no-repeat;
}

[id^=menu-social-icons] li.tbkh-sn-icon-insta a span::before {
    background: url('../images/social_icons/ig.svg') no-repeat;
}

[id^=menu-social-icons] li.tbkh-sn-icon-fb a span::before {
    background: url('../images/social_icons/fb.svg') no-repeat;
}

[id^=menu-social-icons] li.tbkh-sn-icon-yt a span::before {
    background: url('../images/social_icons/yt.svg') no-repeat;
}

[id^=menu-social-icons] li.tbkh-sn-icon-tiktok a span::before {
    background: url('../images/social_icons/tk.svg') no-repeat;
}
[id^=menu-social-icons] li.tbkh-sn-icon-pinterest a span::before {
    background: url('../images/social_icons/pt.svg') no-repeat;
}
#cart-icon-img {
    margin-right: 10px;
}

.tbkh-show {
    display: block !important;
}

.tbkh-hide {
    display: none !important;
}

.tbkh-hamburgermenu-icon {
    display: none;
}

#menu-main-menu-container .navbar-nav {
    margin-right: auto!important;
}

@media (max-width: 683px) {
    .navbar-dark .navbar-brand {
        width: 39px;
        text-align: center;
    }

    a.navbar-brand .nav-brand-img {
        display: none;
    }

    a.navbar-brand::before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding-top: 56.25%; /* Adjust this value to maintain the aspect ratio */
        background: url('../images/logo/tbkh_logo_mobile.png') no-repeat center center;
        background-size: contain;
        margin-left: calc(100vw / 2 - 40px);
    }

    #navbarSupportedContents {
        width: 100%;
    }


    #navbarSupportedContents .navbar-nav li > a span {
        font-family: 'Lao MN';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;

        color: #FFFFFF;
    }

    .tbkg-toprightmenu-group2,
    .social-icons {
        width: 100%;
    }

    #tbkh-topmenu-rightside {
        width: 100%;
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        opacity: 0;           /* Make it invisible */
        visibility: hidden;   /* Prevent interaction */
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 3000;
    }

    [id^=menu-social-icons] li a.nav-link {
        width: 25px;
        margin-right: 20px;
    }



    #menu-social-icons {
        background: #000000;
        margin-left: auto;
    }


 
    ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a {
        margin-right: 25px;
    }

    ul#menu-right-top-account > li.tbkh-topmenu-btn-account > a:before,
    [id^=menu-social-icons] li a span:before,
    [id^=menu-item-dropdown-wpml] .wpml-ls-flag {
        width: 25px;
        height: 25px;
    }


    .tbkh-top-right-toggle {
        position: fixed;
        top: 22px;
        right: 10px;
        width: 30px;
        height: 30px;
        z-index: 1000;
        cursor: pointer;
    }

    .tbkh-topmenu-rightside-icon-cart{
        width: 100%;
        height: 100%;
        background: url('../images/icons/tbkh_cart_icon.svg') no-repeat center center;
        background-size: contain;
        cursor: pointer;
        position: relative;
    }

    .tbkh-topmenu-rightside-icon-cart .cart-count-badge {
        position: absolute;
        top: -2px;
        right: -2px;
        background: #FF0202;
        border-radius: 50%;
        width: 9px;
        height: 9px;
        z-index: 10;
    }

    .tbkh-toggle-icon {
        width: 100%;
        height: 100%;
        background: url('../images/icons/arrow_left_white.svg') no-repeat center center;
        background-size: contain;
    }

    .tbkh-topmenu-rightside {
        display: none; /* Initially hidden */
        position: fixed;
        top: 0;
        right: 0;
        width: 250px;
        height: 100%;
        background: #fff;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
        z-index: 9998;
    }

    .tbkh-topmenu-rightside.open {
        display: block; /* Show when open */
    }


    .tbkh-hamburgermenu-icon {
        display: block;
        position: fixed;
        top: 22px;
        left: 10px;
        width: 30px;
        height: 30px;
        z-index: 1000;
        cursor: pointer;
        background: url('../images/icons/arrow_left_white.svg') no-repeat center center;
        background-size: contain;
        transform: rotate(180deg);
    }


    ul#menu-right-top-account ul.dropdown-menu{
        position: absolute;
    }

    [id^=menu-main-menu] li:first-child a span:after, [id^=menu-main-menu] li:nth-child(2) a span:after, [id^=menu-footer-menu] li:first-child a.nav-link span:after {
        margin: 5px 8px !important;
    }
}


/***** top MENU design END *****/


/***** shop design START *******/
.woocommerce.woocommerce-shop ul.products li.product.product-category {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
}

.woocommerce.woocommerce-shop ul.products li.product.product-category > a:hover h2 {
    background: #887A92;
}

/*.woocommerce-js ul.products li.product.product-category a img {*/
/*    width: 250px;*/
/*    height: 250px;*/
/*    padding-bottom: 15px;*/
/*    background: white;*/
/*    object-fit: contain;*/
/*}*/



@media (max-width: 683px){

    /*.woocommerce-js ul.products li.product.product-category a img{*/
    /*    !*padding: 0;*!*/
    /*    !*margin: 0 0 55px 0;*!*/
    /*}*/

    .single-product-attributes-grid ul li span.label {
        width: 105px;
        font-size: 15px;
        font-weight: 600;
    }

    .single-product-attributes-grid ul li .value {
        width: calc(100vw - 200px);
        padding-left: 10px;
    }
  
}

/***** shop design END *******/

.custom-backend-container {
    background-color: #e9e8e8;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.custom-backend-container .rc-sync-info {
    color: #000000;
    font-size: 13px;
    line-height: normal;
}
.custom-backend-container .rc-sync-info strong {
    display: inline!important;
}
.custom-backend-container .rc-sync-info a {
    text-decoration: none;
    color: #042a8b;
    font-weight: bold;
}
.custom-backend-container .rc-sync-info a:hover {
    color: #000000;
}
.woocommerce.tax-product_cat ul.products li.product .button.custom-out-of-stock-button,
.woocommerce-page ul.products li.product.desktop-align-left .button.custom-out-of-stock-button,
.custom-cart-buttons .custom-out-of-stock-button {
    background: #D9D9D9;
    color: #000000;
}
.astra-shop-summary-wrap .custom-cart-buttons
/* .astra-shop-summary-wrap .price-and-sold-message  */
{
    display: none;
}
.custom-backend-container .edit-product-link-button,
.reference-info-container .edit-product-link-button {
    background: #000000;
    text-align: center;
    margin-left: auto;
    border-radius: 3px;
}
.custom-backend-container .edit-product-link-button a,
.reference-info-container .edit-product-link-button a {
    color:#ffffff;
    padding: 0 5px;
    font-size: 13px;
}

@media (max-width: 1024px) {
    a.navbar-brand:before {
        background: url(../images/tbkh_logo_2025_mobile.svg) no-repeat center center;
        height: 23px;
    }
    .custom-backend-container .edit-product-link-button {
        line-height: normal;
    }
}


/* ========================================
   CART BLUR LOADING EFFECT - CSS ONLY SOLUTION
   ======================================== */

/* Hide default WooCommerce loading elements */
.blockUI.blockOverlay,
.blockUI .blockMsg,
.woocommerce .blockUI.blockOverlay,
.woocommerce .blockUI .blockMsg {
    display: none !important;
}

/* Hide default loading indicators */
.wc-block-ui,
.processing::before {
    display: none !important;
}

/* Cart specific loading states with blur effect */
body.woocommerce-cart .woocommerce-cart-form.processing,
body.woocommerce-cart .cart_totals.processing,
body.woocommerce-cart .woocommerce-cart-form__contents.processing,
body.woocommerce-cart form.woocommerce-cart-form.processing {
    position: relative;
    pointer-events: none;
}

/* Create blur overlay when cart is processing */
body.woocommerce-cart .woocommerce-cart-form.processing::after,
body.woocommerce-cart .cart_totals.processing::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* Add spinner to the blur overlay */
body.woocommerce-cart .woocommerce-cart-form.processing::before,
body.woocommerce-cart .cart_totals.processing::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #042A8B;
    border-radius: 50%;
    z-index: 10000;
    animation: cart-blur-spin 1s linear infinite;
}

/* Spinner animation */
@keyframes cart-blur-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Target WooCommerce AJAX loading states */
.woocommerce form.cart.processing,
.woocommerce .cart-collaterals.processing,
.woocommerce-cart .woocommerce-shipping-calculator.processing,
.woocommerce table.shop_table.processing {
    filter: blur(0.5px);
    pointer-events: none;
    opacity: 0.9;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Cart page blur overlay when updating */
body.woocommerce-cart.updating::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
    z-index: 9998;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* Spinner for general cart updates */
body.woocommerce-cart.updating::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #042A8B;
    border-radius: 50%;
    z-index: 9999;
    animation: cart-blur-spin 1s linear infinite;
}

/* Shipping calculation blur */
.woocommerce-shipping-calculator.processing {
    position: relative;
}

.woocommerce-shipping-calculator.processing::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
    z-index: 999;
}

/* Coupon form blur during processing */
.woocommerce-cart .coupon.processing {
    filter: blur(0.5px);
    opacity: 0.9;
    pointer-events: none;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    body.woocommerce-cart .woocommerce-cart-form.processing::before,
    body.woocommerce-cart .cart_totals.processing::before,
    body.woocommerce-cart.updating::before {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border-width: 2px;
    }
    
    body.woocommerce-cart .woocommerce-cart-form.processing::after,
    body.woocommerce-cart .cart_totals.processing::after,
    body.woocommerce-cart.updating::after {
        backdrop-filter: blur(0.5px);
        -webkit-backdrop-filter: blur(0.5px);
    }
}

/* Alternative selectors for different WooCommerce setups */
.woocommerce-cart form[name="cart_update"].processing,
.woocommerce-cart .wc-proceed-to-checkout.processing,
.woocommerce-cart .cart-empty.processing {
    filter: blur(0.5px);
    opacity: 0.9;
    pointer-events: none;
}

/* Fallback for browsers without backdrop-filter support */
@supports not (backdrop-filter: blur(0.5px)) {
    body.woocommerce-cart .woocommerce-cart-form.processing::after,
    body.woocommerce-cart .cart_totals.processing::after,
    body.woocommerce-cart.updating::after {
        background: rgba(255, 255, 255, 0.2);
    }
}

/* Ensure content underneath becomes blurred */
body.woocommerce-cart.cart-loading .entry-content,
body.woocommerce-cart.cart-loading .woocommerce {
    filter: blur(0.5px);
    transition: filter 0.3s ease;
}

/* Remove blur when loading completes */
body.woocommerce-cart:not(.cart-loading) .entry-content,
body.woocommerce-cart:not(.cart-loading) .woocommerce {
    filter: none;
    transition: filter 0.3s ease;
}

/* ========================================
   MOBILE LAYOUT FOR TOP RIGHT MENU
   ======================================== */

@media (max-width: 682px) {
    /* Reorganize the mobile top right menu layout */
    #tbkh-topmenu-rightside.right-dropdowns {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        padding: 5px 10px;
        gap: 5px;
    }
    
    /* Top section: Account and Currency switcher - centered */
    #tbkh-topmenu-rightside .tbkg-toprightmenu-group2 {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 25px;
        width: 100%;
        margin: 0;
        background: transparent;
    }
    
    /* Bottom section: Social icons menu */
    #tbkh-topmenu-rightside .social-icons {
        order: 2;
        width: 100%;
        margin: 0;
        padding: 0;
        position: static;
        background: transparent;
    }
    
    #tbkh-topmenu-rightside .social-icons #menu-social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 25px;
        flex-wrap: wrap;
        background: transparent;
        margin: 0;
        padding: 0;
    }
    
    /* Ensure social icons maintain their styling */
    #tbkh-topmenu-rightside .social-icons [id^=menu-social-icons] li a.nav-link {
        width: 25px;
        margin: 0;
    }
    
    /* Account dropdown positioning adjustments for mobile */
    #tbkh-topmenu-rightside .tbkg-toprightmenu-group2 #right-top-menu-acc ul.dropdown-menu {
        position: fixed;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }
    
    /* Currency switcher adjustments for mobile */
    #tbkh-topmenu-rightside .tbkg-toprightmenu-group2 #cur-switch .wmc-sub-currency {
        position: fixed;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }
}

/* ========================================
   MOBILE CUSTOM CATEGORY GRID LAYOUT
   ======================================== */

@media (max-width: 682px) {
    /* Fix main page content container for mobile category grid */
    body.post-type-archive-product.woocommerce #main-page-conent {
        min-height: auto;
        overflow: visible;
        display: block;
        position: relative;
    }
    
    /* Ensure proper container for the category grid */
    body.post-type-archive-product.woocommerce #main-page-conent #primary {
        display: block;
        width: 100%;
        position: relative;
    }
    
    body.post-type-archive-product.woocommerce #main-page-conent #primary .ast-article-single {
        display: block;
        position: relative;
    }
    
    body.post-type-archive-product.woocommerce #main-page-conent #primary .ast-article-single .entry-content {
        display: block;
        position: relative;
        min-height: 0;
    }
    
    /* Custom layout for brand categories on mobile - Hermès top, Goyard+Chanel below */
    body.post-type-archive-product.woocommerce .custom-category-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px;
        justify-content: center;
        max-width: 100%;
        padding: 0 20px;
        margin: 20px auto 40px auto;
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    
    /* Hermès (second item) - full width at top */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 1;
        order: 1;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        /* Figma: Rectangle 259 gradient background */
        background: linear-gradient(180deg, #FFFFFF 0%, #D9D9D9 100%);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        border-radius: 0;
        overflow: hidden;
    }
    
    /* Hermès block - horizontal layout with image left, text right */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(2) a {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        min-height: 175px;
        padding: 20px;
        box-sizing: border-box;
        text-decoration: none;
    }
    
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(2) .image-container {
        /* Figma: Image section with shadow */
        flex: 0 0 auto;
        width: 135px;
        height: 135px;
        margin-right: 20px;
        border-radius: 0;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        overflow: hidden;
        background: #fff;
    }
    
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(2) .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(2) .category-name {
        /* Figma: HERMÈS text styling */
        flex: 1;
        margin: 0;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        background: transparent;
        
        /* Figma typography */
        font-family: 'Archivo', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        color: #000000;
        text-shadow: 0px 1px 0px #FFFFFF;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    /* Goyard (first item) - 50% width on left */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(1) {
        grid-column: 1;
        grid-row: 2;
        order: 2;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Chanel (third item) - 50% width on right */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
        order: 3;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Ensure images scale properly and don't overflow */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item {
        overflow: hidden;
        max-width: 100%;
    }
    
    body.post-type-archive-product.woocommerce .custom-category-grid .category-item img {
        width: 100%;
        height: auto;
        object-fit: cover;
        max-width: 100%;
        display: block;
    }
    
    /* Adjust category names for mobile */
    body.post-type-archive-product.woocommerce .custom-category-grid .category-name {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Ensure the image container doesn't cause overflow */
    body.post-type-archive-product.woocommerce .custom-category-grid .image-container {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    /* Fix any potential layout issues with the coming soon banner */
    body.post-type-archive-product.woocommerce .custom-category-grid .coming-soon-banner {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        box-sizing: border-box;
    }
    
    /* Ensure footer appears after content */
    body.post-type-archive-product.woocommerce {
        display: block;
        position: relative;
    }
    
    /* Add clearfix to ensure proper document flow */
    body.post-type-archive-product.woocommerce #main-page-conent::after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
}