:root {
    --price-tag-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.5019 22C11.2152 22.0009 10.9312 21.9444 10.6663 21.8338C10.4014 21.7233 10.1609 21.5609 9.95871 21.356L2.63862 13.978C2.22971 13.5659 2 13.0069 2 12.4242C2 11.8414 2.22971 11.2825 2.63862 10.8703L10.8017 2.64615C11.2117 2.23451 11.7662 2.00233 12.3449 2L18.7282 2.00879C19.5959 2.00879 20.4281 2.35612 21.0417 2.97437C21.6553 3.59262 22 4.43115 22 5.30549V11.4187C22 11.7227 21.9374 12.0235 21.8161 12.3019C21.6949 12.5804 21.5176 12.8304 21.2955 13.0363L13.044 21.3527C12.8423 21.5582 12.6021 21.7212 12.3374 21.8323C12.0727 21.9434 11.7887 22.0004 11.5019 22ZM11.5019 19.8022L19.785 11.4505L19.8188 5.30549C19.8188 5.01405 19.7039 4.73454 19.4994 4.52845C19.2949 4.32237 19.0175 4.20659 18.7282 4.20659L12.3439 4.1978L4.18073 12.422L11.5019 19.8022Z' fill='%23F6F7F8'/%3E%3Cpath d='M16.0017 9.14285C16.604 9.14285 17.0923 8.65086 17.0923 8.04395C17.0923 7.43705 16.604 6.94505 16.0017 6.94505C15.3994 6.94505 14.9111 7.43705 14.9111 8.04395C14.9111 8.65086 15.3994 9.14285 16.0017 9.14285Z' fill='%23F6F7F8'/%3E%3C/svg%3E");
    --download-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.707 9.48C16.5195 9.28772 16.2652 9.17971 16 9.17971C15.7348 9.17971 15.4805 9.28772 15.293 9.48L13 11.8318V3.02564C13 2.75362 12.8946 2.49275 12.7071 2.3004C12.5196 2.10806 12.2652 2 12 2C11.7348 2 11.4804 2.10806 11.2929 2.3004C11.1054 2.49275 11 2.75362 11 3.02564V11.8318L8.707 9.48C8.61475 9.38204 8.50441 9.30391 8.3824 9.25015C8.2604 9.1964 8.12918 9.16811 7.9964 9.16692C7.86362 9.16574 7.73194 9.19169 7.60905 9.24326C7.48615 9.29483 7.3745 9.37099 7.2806 9.46729C7.18671 9.56359 7.11246 9.6781 7.06218 9.80415C7.0119 9.9302 6.9866 10.0653 6.98775 10.2014C6.9889 10.3376 7.01649 10.4722 7.0689 10.5973C7.12131 10.7225 7.19749 10.8356 7.293 10.9303L11.293 15.0328C11.3859 15.1283 11.4962 15.2041 11.6177 15.2558C11.7392 15.3075 11.8695 15.3341 12.001 15.3341C12.1325 15.3341 12.2628 15.3075 12.3843 15.2558C12.5058 15.2041 12.6161 15.1283 12.709 15.0328L16.709 10.9303C16.8962 10.7376 17.0012 10.4767 17.0008 10.2047C17.0004 9.93274 16.8947 9.67206 16.707 9.48Z' fill='white'/%3E%3Cpath d='M20 13.7949H17.45L14.475 16.8462C14.15 17.1795 13.7641 17.444 13.3395 17.6244C12.9148 17.8048 12.4597 17.8977 12 17.8977C11.5403 17.8977 11.0852 17.8048 10.6605 17.6244C10.2359 17.444 9.85001 17.1795 9.525 16.8462L6.55 13.7949H4C3.46957 13.7949 2.96086 14.011 2.58579 14.3957C2.21071 14.7804 2 15.3021 2 15.8462V19.9487C2 20.4928 2.21071 21.0145 2.58579 21.3992C2.96086 21.7839 3.46957 22 4 22H20C20.5304 22 21.0391 21.7839 21.4142 21.3992C21.7893 21.0145 22 20.4928 22 19.9487V15.8462C22 15.3021 21.7893 14.7804 21.4142 14.3957C21.0391 14.011 20.5304 13.7949 20 13.7949ZM17.5 19.9487C17.2033 19.9487 16.9133 19.8585 16.6666 19.6894C16.42 19.5204 16.2277 19.2801 16.1142 18.999C16.0007 18.7179 15.9709 18.4086 16.0288 18.1101C16.0867 17.8117 16.2296 17.5376 16.4393 17.3224C16.6491 17.1072 16.9164 16.9607 17.2074 16.9014C17.4983 16.842 17.7999 16.8725 18.074 16.9889C18.3481 17.1053 18.5824 17.3025 18.7472 17.5555C18.912 17.8085 19 18.106 19 18.4103C19 18.8183 18.842 19.2096 18.5607 19.4981C18.2794 19.7866 17.8978 19.9487 17.5 19.9487Z' fill='white'/%3E%3C/svg%3E");
}



.hentry.type-page .entry-header {
    display: none;
}

.woocommerce-MyAccount-navigation {
    border-radius: 0px;
}

.hentry {
    margin: 0;
}

.site-main {
    margin-bottom: 0px;
}

.edit-link {
    display: none;
}



/* sidebar */

/* ================== GLOBAL SIDEBAR (STORE​FRONT + WOOCOMMERCE) ================== */

body {
    position: relative;
}

body .site-content>.col-full {
    display: flex;
    height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    body .site-content>.col-full {
        flex-direction: column-reverse;
    }
}

.home .jbs-woocommerce-notices {
    display: flex;
    flex-direction: column;
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 999;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 1em 1.5em !important;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    outline: none !important;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
    border-left: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.woocommerce-message::before,
.woocommerce-message::after,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
    display: none !important;
}

body.page .content-area {
    width: 100% !important;
}

.home .site-header {
    margin-bottom: 0 !important;
}

.storefront-breadcrumb {
    padding: 1rem 3rem !important;
    margin-bottom: 0 !important;
    background: var(--gray-100, #EBEDF0);
}

.storefront-breadcrumb .woocommerce-breadcrumb {
    color: var(--gray-500);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.storefront-breadcrumb .woocommerce-breadcrumb a {
    color: var(--gray-700, #465663) !important;
    text-decoration: none !important;
}

.storefront-breadcrumb .woocommerce-breadcrumb a::before {
    display: none !important;
}

.storefront-breadcrumb .woocommerce-breadcrumb .breadcrumb-separator {
    padding: 0 1rem !important;
}

.storefront-breadcrumb .woocommerce-breadcrumb .breadcrumb-separator::after {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #7C8EA2;
}

#primary.content-area {
    width: 100%;
}

.archive #primary.content-area main.site-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 2rem;
}

#secondary.widget-area {
    background: var(--primary-900, #091E43);
    color: var(--gray-50, #F6F7F8);
    margin-right: 0;
    margin-bottom: 0 !important;
}

#secondary.widget-area .widget.woocommerce.widget_shopping_cart {
    display: none !important;
}

/* Widgets */
#secondary.widget-area .widget {
    background: transparent;
    padding: 0;
    border: none;
    margin-bottom: 0 !important;
}

/* Widget titles */
#secondary.widget-area .widget-title {
    color: var(--gray-50, #F6F7F8);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-2xl-24, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 12px;
}

/* Lists */
#secondary.widget-area ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#secondary.widget-area ul li {
    list-style: none;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

#secondary.widget-area ul li:last-child {
    border-bottom: none;
}

/* Links */
#secondary.widget-area a {
    color: var(--gray-100, #EBEDF0);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    opacity: 0.8;
    text-decoration: none;
    display: inline-block;
    margin-right: 6px;
}

#secondary.widget-area a:hover {
    padding-left: 0;
    transition: all 0.2s ease;
}

.widget_product_categories ul li a::before {
    content: var(--folder-icon);
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 24px;
}


.widget_product_categories ul li:hover {
    background-color: transparent !important;
    cursor: pointer;
}

.widget-area ul li::before {
    display: none !important;
}

/* Woo price filter */
body.woocommerce .widget_price_filter .ui-slider-range {
    background: #ffd24d;
}

/* ================= FULL HEIGHT LEFT SIDEBAR (FIGMA MATCH) ================= */

/* Make site content stretch full height */
body.woocommerce .site-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.woocommerce .site-content .col-full {
    display: flex;
    align-items: stretch;
    flex: 1;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

body.woocommerce-shop #primary.content-area {
    background: var(--gray-50) !important;
}

/* Product category list alignment */
.widget.woocommerce .product-categories li {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 0;
}

.widget.woocommerce .product-categories li.cat-parent {
    display: block;
}

.widget.woocommerce .product-categories li.cat-parent ul.children {
    margin-left: 1rem !important;
}


/* Count on the right */
.widget.woocommerce .product-categories li .count {
    margin: 0;
    color: var(--gray-100, #EBEDF0);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
    display: inline-block;
    /* float: unset !important; */
}

.widget.woocommerce .product-categories li.current-cat a,
.widget.woocommerce .product-categories li.current-cat .count,
.widget.woocommerce .product-categories li:hover a,
.widget.woocommerce .product-categories li:hover .count {
    color: var(--primary-500) !important;
    opacity: 1 !important;
}

.widget.woocommerce .product-categories li.current-cat ul li a,
.widget.woocommerce .product-categories li.current-cat ul li .count,
.widget.woocommerce .product-categories li:hover ul li a,
.widget.woocommerce .product-categories li:hover ul li .count {
    color: var(--gray-100, #EBEDF0) !important;
    opacity: 0.8 !important;
}

.widget.woocommerce .product-categories ul.children li.current-cat a,
.widget.woocommerce .product-categories ul.children li.current-cat .count,
.widget.woocommerce .product-categories ul.children li:hover a,
.widget.woocommerce .product-categories ul.children li:hover .count {
    color: var(--primary-500) !important;
    opacity: 1 !important;
}

/* shop */
/* Break out of col-full */
.jbs-fullwidth-wrapper {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.shop-outside-carousel {
    width: 100%;
}

.shop-outside-carousel img {
    width: 100%;
    height: auto;
}

.swiper-slide {
    display: block !important;
}

.home .home-featured-scroll ul.products {
    display: flex !important;
    overflow-x: auto;
    gap: 1rem !important;
    padding-right: 1rem;
}

/* home page */

.content-area h3 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-4xl-36, 36px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 28px;
}

.woocommerce ul.products,
.wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.home .wc-block-grid__products {
    overflow-x: auto;
    flex-wrap: nowrap;
    display: flex !important;
    align-items: stretch;
    gap: 1rem !important;
    padding-right: 1rem;
}

ul.products::after,
ul.products::before {
    display: none !important;
}


ul.products li.product,
.wc-block-grid__products .wc-block-grid__product {
    border-radius: 12px;
    border: 1px solid var(--gray-200, #DADEE3);
    background: var(--white, #FFF);
    overflow: hidden;
    width: 100% !important;
    flex: 1 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    max-width: unset !important;

}

.home ul.products li.product,
.home .wc-block-grid__product {
    min-width: 324px !important;
    max-width: 324px !important;
}

.wc-block-grid__product .wc-block-grid__product-link {
    width: 100%;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
    width: 100%;
}

ul.products li.product .product-card-image,
.wc-block-grid__product .wc-block-grid__product-image {
    width: 100%;
    padding: 1rem;
    /* background: var(--gray-200); */
}

ul.products li.product img,
.wc-block-grid__product .wc-block-grid__product-image img {
    width: auto;
    min-height: 220px;
    aspect-ratio: 1/1;
    /* max-height: 220px;
    mix-blend-mode: multiply; */
}

.wc-block-grid__product .wc-block-grid__product-image img {
    margin-bottom: 0 !important;
}


ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product .wc-block-grid__product-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #252C31;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0 20px;
    text-align: left;
    min-height: 44px;
}

ul.products li.product .woocommerce-loop-product__title:hover,
.wc-block-grid__product .wc-block-grid__product-title:hover {
    color: var(--primary-500, #006CD1) !important;
}

ul.products li.product .price,
.wc-block-grid__product .woocommerce-Price-amount.amount {
    color: #465663 !important;
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 145%;
    text-align: left;
}

ul.products li.product .price,
.wc-block-grid__product .wc-block-grid__product-price.price {
    text-align: left;
    margin-left: 20px !important;
}

ul.products li.product .price del,
.wc-block-grid__product .wc-block-grid__product-price.price del {
    text-decoration: none !important;
    margin-right: 4px;
}

ul.products li.product .price del .amount,
.wc-block-grid__product .wc-block-grid__product-price.price del .amount {
    text-decoration: line-through !important;
}

.wc-block-grid__product .wc-block-grid__product-price.price .amount+span,
.wc-block-grid__product .wc-block-grid__product-price.price .amount bdi {
    vertical-align: super;
    font-weight: 600;
    margin: 0 4px;
}

.wc-block-grid__product .wc-block-grid__product-price.price .amount bdi {
    font-weight: 600;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart {
    margin-bottom: 0 !important;
}

ul.products li.product a.button,
.wc-block-grid__product .wp-block-button__link {
    display: flex !important;
    padding: var(--25, 10px) var(--5, 20px) !important;
    justify-content: center !important;
    /* align-items: center !important; */
    gap: var(--2, 8px) !important;
    border-radius: var(--rounded-lg, 8px) !important;
    border: 1px solid var(--gray-200, #DADEE3) !important;
    margin: 0 auto;
    width: calc(100% - 40px);
    background-color: var(--white) !important;
    color: var(--gray-900, #131921) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px) !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 140% !important;
}

ul.products li.product a.button::before,
.wc-block-grid__product .wp-block-button__link::before {
    content: var(--cart-icon);
}

ul.products li.product a.button:hover,
.wc-block-grid__product .wp-block-button__link:hover {
    background-color: var(--gray-50) !important;
}

.wc-block-grid.has-aligned-buttons .wc-block-grid__product>:last-child {
    padding-bottom: 0;
}

ul.products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
.wc-block-grid__products .wc-block-grid__product .price ins {
    margin-left: 0 !important;
    background-color: rgba(0, 0, 0, 0);
}

/* shop jbs */

#primary.content-area .storefront-sorting .woocommerce-notices-wrapper,
#primary.content-area .storefront-sorting::before,
#primary.content-area .storefront-sorting::after {
    display: none !important;
}

#primary.content-area .storefront-sorting {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 0 !important;
    gap: 1rem;
    order: 1;
}

#primary.content-area .storefront-sorting form {
    margin-bottom: 0 !important;
}

#primary.content-area .storefront-sorting:nth-of-type(1) .woocommerce-result-count,
#primary.content-area .storefront-sorting:nth-of-type(1) .woocommerce-pagination {
    display: none;
}

.woocommerce-products-header__title.page-title {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-4xl-36, 36px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-wrap: wrap;
}

#primary.content-area .term-description {
    order: 2;
}

#primary.content-area .term-description p {
    margin-bottom: 0 !important;
}

#primary.content-area .term-description p a {
    color: var(--primary-500, #006CD1);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

#primary.content-area ul.products.columns-3 {
    order: 3;
}

#primary.content-area .storefront-sorting .woocommerce-ordering {
    float: right !important;
    /* margin-left: auto; */
    position: relative;
    margin-right: 0 !important;
}

#primary.content-area .storefront-sorting .woocommerce-ordering select {
    display: flex;
    width: 214px;
    padding: var(--15, 6px) var(--3, 12px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    gap: var(--2, 8px);
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background: var(--gray-50, #F6F7F8);
    color: var(--gray-500, #647484) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    appearance: none;
    background-image: var(--down-arrow-icon);
    background-position: right 8px center;
    background-repeat: no-repeat;
}


#primary.content-area .storefront-sorting:last-child {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    display: block !important;
    order: 4;
}

#primary.content-area .storefront-sorting:last-child .woocommerce-ordering {
    display: none;
}

#primary.content-area .storefront-sorting:last-child .woocommerce-result-count {
    color: var(--gray-500, #647484);
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
}

.woocommerce-pagination .page-numbers li .page-numbers {
    display: flex;
    height: 32px;
    min-width: 33px;
    padding: var(--15, 6px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--0, 0);
    border: 1px solid var(--gray-300, #C0C8D0);
    background: var(--white, #FFF);
    color: var(--gray-600, #5B6977) !important;
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-pagination .page-numbers li .page-numbers.prev {
    border-radius: 8px 0 0 8px;
}

.woocommerce-pagination .page-numbers li .page-numbers.next {
    border-radius: 0 8px 8px 0;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: var(--primary-50) !important;
    color: var(--primary-500) !important;
    border-color: var(--gray-300) !important;
}


/* product details page */

.onsale,
.wc-block-grid__product-onsale {
    display: none !important;
}

/* .single-product div.product .woocommerce-product-gallery {
    background: var(--gray-50);
} */

.single-product div.product .woocommerce-product-gallery img {
    margin: 0 auto !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    top: unset !important;
    bottom: 2rem;
    background-color: #fff !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.single-product div.product .summary h1.product_title {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-3xl-30, 30px) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 36px */
}

.single-product div.product .summary p.price {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xl-20, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 20px 0 !important;
    display: flex;
    align-items: center;
    gap: 12px;
}

.single-product div.product .summary .woocommerce-variation-price .amount {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xl-20, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 8px 0 20px 0 !important;
}

.single-product div.product .summary p.price::before {
    content: var(--price-tag-icon);
    display: block;
    height: 24px;
}

.single-product div.product .summary .stock {
    margin-bottom: 0 !important;
    display: flex;
    padding: var(--15, 6px) var(--3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--0, 0);
    align-self: stretch;
    border-radius: var(--rounded-md, 6px);
    width: fit-content;
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 1rem;
}

.single-product div.product .summary .stock.in-stock {
    background-color: #CCEEE0;
    color: #005F3B;
}

.single-product div.product .summary .stock.out-of-stock {
    background-color: #fdd;
    color: #B71A1A;
}

.single-product div.product .woocommerce-product-details__short-description {
    margin-bottom: 10px;
}

.single-product div.product .woocommerce-product-details__short-description a {
    color: var(--primary-500, #006CD1);
    font-family: var(--typeface-Open-Sans, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.single-product div.product .woocommerce-product-details__short-description p,
.single-product div.product .woocommerce-product-details__short-description ul li {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-Open-Sans, "Open Sans");
    font-size: var(--size-lg-18, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 0 !important
}

.single-product div.product .woocommerce-product-details__short-description ul {
    padding: 8px 0 0 20px !important;
}

.single-product div.product .product_meta {
    border-top: none !important;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    color: var(--gray-500, #647484) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top: 0 !important;
}

.single-product div.product .product_meta>* {
    border-right: 2px solid var(--gray-300);
    padding-right: 8px;
    margin-right: 8px;
}

.single-product div.product .product_meta .sku_wrapper,
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .tagged_as {
    display: unset !important;
}

.single-product div.product .product_meta .sku {
    color: var(--primary-500, #006CD1);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.single-product div.product .product_meta a {
    color: var(--primary-500, #006CD1) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150%;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.single-product div.product .product_meta>*:last-child {
    border-right: none;
}

.single-product div.product .summary p.first-payment-date {
    margin: 0 !important;
}

.single-product div.product .summary form {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.single-product div.product .summary form .single_variation_wrap {
    width: 100%;
}

.single-product div.product .summary form .single_variation_wrap .woocommerce-variation-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.single-product div.product .summary form.cart::before,
.single-product div.product .summary .variations_button::before {
    display: none !important;
}

.single-product div.product .summary form label {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-product div.product .summary form .value {
    position: relative;
}

.single-product div.product .summary form select {
    padding: 10px 24px 10px 16px;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background: var(--gray-50, #F6F7F8);
    color: var(--gray-500, #647484) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    appearance: none;
    width: 180px;
}

.single-product div.product .summary form select {
    background-image: var(--down-arrow-icon);
    background-position: right 8px center;
    background-repeat: no-repeat;
}

.single-product div.product .summary form a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    border: 1px solid var(--gray-200, #DADEE3);
    color: #131921;
}

.single-product div.product .summary form a::before {
    color: #131921;
}

.single-product div.product .summary form a:hover {
    background-color: var(--gray-50, #F6F7F8);
}

.single-product div.product .summary form.cart,
.single-product div.product .summary form .variations_button {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 20px;
    padding-top: 0px !important;
}

.single-product div.product .summary form .quantity {
    display: flex;
    align-items: center;
    margin: 0 !important;
    margin-bottom: 0;
    flex: 0 0 auto;
    position: relative;
    padding-top: 25px;
}

.single-product div.product .summary form .quantity label.screen-reader-text {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    clip: auto;
    clip-path: none;
    overflow: visible;
    font-size: 0;
    /* Hide "JBS Donation quantity" */
    display: block !important;
    margin-bottom: 8px;
    line-height: 1;
}

.single-product div.product .summary form .quantity label.screen-reader-text::before {
    content: "No of Copies";
    color: var(--gray-900);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.single-product div.product .summary form .quantity button,
.single-product div.product .summary form .quantity input {
    padding: 8px 12px !important;
}

.single-product div.product .summary form .quantity button {
    width: 40px;
    height: 40px;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: 1px solid var(--gray-300, #C0C8D0) !important;
    background-color: var(--gray-100, #EBEDF0) !important;
}

.single-product div.product .summary form .quantity input {
    border: 1px solid var(--gray-300, #C0C8D0) !important;
    background-color: var(--gray-50) !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    height: 40px;
}

.single-product div.product .summary form .quantity input:hover {
    appearance: none !important;
}

.single-product div.product .summary form .quantity button.minus {
    border-radius: 8px 0 0 8px !important;
}

.single-product div.product .summary form .quantity button.plus {
    border-radius: 0 8px 8px 0 !important;
}

.single-product div.product .summary form button.button,
.storefront-sticky-add-to-cart a.button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px) !important;
    background-color: var(--primary-600, #0062BE) !important;
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    height: 40px;
}

.single-product div.product .summary form button.button::before {
    content: var(--cart-white-icon);
    display: block;
    height: 20px;
}

.single-product div.product .summary form button.button:hover {
    background-color: var(--primary-700) !important;
}

.single-product div.product .product-description h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-3xl-30, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 3rem 0 0 3rem;
    border-top: 1px solid var(--gray-200) !important;
}

.single-product div.product .product-description .description h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-top: none !important;
    padding: 0 !important;
}

.single-product div.product .product-description .description h3 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-top: none !important;
    padding: 0 !important;
}

.single-product div.product .product-description .description {
    padding-left: 3rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 3rem;
}

.single-product div.product .product-description .description p,
.single-product div.product .product-description .description ul li {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.single-product div.product .product-description .description ul {
    margin-left: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.single-product div.product section.products {
    padding: 3rem;
    background: var(--gray-50);
    display: grid;
    padding-right: 0 !important;
}

.single-product div.product section.products h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-3xl-30, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.single-product div.product section.products ul.products {
    display: flex !important;
    overflow-x: auto !important;
    gap: 1rem;
    padding-right: 1rem;
}

.single-product div.product section.products ul.products li.product {
    min-width: 324px !important;
    max-width: 324px !important;
}

.single-product div.product section.products ul.products li.product h2 {
    font-size: 18px !important;
}

.single-product div.product .summary .awdr-bulk-customizable-table {
    margin: 20px 0 !important;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table {
    margin-bottom: 0 !important;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table thead {
    border-radius: 8px 8px 0 0;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table th {
    border: 1px solid var(--gray-200, #DADEE3);
    background-color: transparent !important;
    padding: 10px 1rem !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table thead tr:first-child th:nth-child(2) {
    border-top-left-radius: 8px;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table td {
    border: 1px solid var(--gray-200, #DADEE3);
    background-color: transparent !important;
    padding: 10px 1rem !important;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table tbody tr:last-child td:nth-child(2) {
    border-bottom-left-radius: 8px;
}

.single-product div.product .summary .awdr-bulk-customizable-table table#sort_customizable_table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.single-product div.product .summary .woocommerce-variation-availability {
    margin-bottom: 1rem !important;
}

.single-product div.product .up-sells.upsells.products h2:first-child {
    display: none !important;
}

.single-product div.product .up-sells.upsells.products::before {
    content: "You may also like";
    visibility: visible;
    display: block;
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-3xl-30, 30px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 2rem;
}

p+h2,
p+header h2,
p+h3,
p+h4,
ul+h2,
ul+header h2,
ul+h3,
ul+h4,
ol+h2,
ol+header h2,
ol+h3,
ol+h4,
table+h2,
table+header h2,
table+h3,
table+h4,
blockquote+h2,
blockquote+header h2,
blockquote+h3,
blockquote+h4,
form+h2,
form+header h2,
form+h3,
form+h4 {
    margin-top: 0 !important;
}

body.page-tna #primary.content-area h2.wp-block-heading {
    margin-bottom: 2rem;
}

/* Desktop width */
@media (min-width: 768px) {

    body.woocommerce #primary.content-area,
    body.page-tna #primary.content-area {
        flex: 1;
        order: 2;
        padding: 16px;
        background: #ffffff;
    }

    body.single-product #primary.content-area {
        padding: 0 !important;
    }

    #secondary.widget-area {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        padding: var(--12, 24px);
    }

    .single-product div.product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem;
        /* background-color: var(--gray-50); */
        height: 100%;
        margin: 0 auto !important;
    }

    .single-product div.product .summary {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        padding: 1rem;
        flex: unset !important;
    }
}

@media (min-width: 1024px) {

    .single-product div.product .woocommerce-product-gallery {
        width: 35% !important;
        max-width: 35% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }

    .single-product div.product .summary {
        width: 65% !important;
    }
}


@media (min-width: 1280px) {

    body.woocommerce #primary.content-area,
    body.page-tna #primary.content-area {
        flex: 1;
        order: 2;
        padding: 48px;
        background: #ffffff;
    }

    body.single-product #primary.content-area {
        padding: 0 !important;
    }

    #secondary.widget-area {
        width: 330px;
        max-width: 330px;
        min-width: 330px;
        padding: var(--12, 48px);
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        padding: 48px;
    }
}

@media (min-width:1640px) {

    .woocommerce ul.products,
    .wc-block-grid__products {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1280px) {

    .woocommerce-shop ul.products,
    .woocommerce ul.products,
    .wc-block-grid__products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .storefront-breadcrumb {
        display: none;
    }
}

@media (max-width: 768px) {
    .storefront-breadcrumb {
        padding: 8px 1rem !important;
        margin-bottom: 0 !important;
    }


    #secondary.widget-area .widget.widget_product_categories {
        padding: 24px 16px !important;
    }

    .content-area h3,
    .woocommerce-products-header__title.page-title {
        font-size: 1.5rem;
    }

    body.woocommerce #primary.content-area,
    body.page-tna #primary.content-area {
        padding: 1rem;
    }

    body.single-product #primary.content-area {
        padding: 0 !important;
    }

    #primary.content-area .storefront-sorting {
        flex-wrap: wrap;
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        padding: 1rem;
        margin-bottom: 0 !important;
    }

    .single-product div.product .product-description h2 {
        padding: 1rem 0 0 1rem;
    }

    .single-product div.product .product-description .description {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .single-product div.product section.products {
        margin-top: 0 !important;
        padding: 1rem;
    }
}

@media (max-width: 570px) {
    #primary.content-area .storefront-sorting:first-child::before {
        font-size: 30px;
    }

    .woocommerce-shop ul.products,
    .woocommerce ul.products,
    .wc-block-grid__products {
        grid-template-columns: 1fr;
    }

    .single-product div.product .summary h1.product_title,
    .single-product div.product .product-description h2,
    .single-product div.product section.products h2 {
        font-size: 1.5rem !important;
    }

    .single-product div.product .product-description .description h2,
    .single-product div.product .product-description .description h3 {
        font-size: 1rem !important;
    }

    .single-product div.product .summary form button.button {
        width: 100%;
    }
}

/* my Account */

/* Layout */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: flex;
    align-items: stretch;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 328px;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    padding: 48px;
    margin-right: 0px !important;
}


/* Sidebar container */
.woocommerce-MyAccount-navigation {
    display: flex;
    width: 328px;
    padding: var(--12, 48px) !important;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--primary-900, #091E43);
}

/* Sidebar title */
.woocommerce-MyAccount-navigation::before {
    content: "My Account";
    display: block;
    color: var(--gray-50, #F6F7F8);
    font-family: var(--typeface-DM-Serif-Display, "DM Serif Display");
    font-size: var(--size-2xl-24, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
}

/* Menu list */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: none !important;
}

/* Menu item */
.woocommerce-MyAccount-navigation li {
    margin-bottom: 12px !important;
    border-bottom: none !important;
}

/* Links */
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 !important;
    color: var(--gray-100, #EBEDF0);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
    opacity: 0.8;
    padding-left: 6px !important;
}

.woocommerce-MyAccount-navigation li a::before {
    font-size: 18px;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    content: "";
    float: left !important;
    margin-left: 0 !important;
    margin-right: 8px;
    line-height: 1.2 !important;
    min-width: 20px;
    opacity: 0.8 !important;
}

/* Hover */
.woocommerce-MyAccount-navigation li a:hover {
    color: var(--blue-500, #248EFF);
    opacity: 1;
}

/* Active item */
.woocommerce-MyAccount-navigation li.is-active a {
    border-left: 2px solid var(--blue-500, #248EFF);
    color: var(--blue-500, #248EFF);
    opacity: 1;
}

/* Icon base */


/* Individual icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f022" !important;
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f543" !important;
}

.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: "\f2d2" !important;
}

.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019" !important;
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f2b9" !important;
    transform: scaleX(-1);
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: "\f09d" !important;
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f2bd" !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f08b";
}

.woocommerce-MyAccount-content .woocommerce-info {
    margin-bottom: 2rem !important;
}

.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2.woocommerce-account-heading {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display") !important;
    font-size: var(--size-3xl-30, 30px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    padding-bottom: 2rem;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid var(--gray-200);
}

.woocommerce-MyAccount-content p {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.woocommerce-MyAccount-content p a {
    color: var(--blue-500, #248EFF);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.woocommerce-MyAccount-content .jbs-hello {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-lg-18, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.woocommerce-MyAccount-content .jbs-hello strong {
    font-weight: 400 !important;
    text-transform: capitalize;
}

.woocommerce-MyAccount-content .jbs-hello a {
    text-decoration: none;
}

.woocommerce-MyAccount-content .jbs-hello a:hover {
    text-decoration: underline;
}

.woocommerce-MyAccount-content h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display") !important;
    font-size: 1.5rem !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    margin-bottom: 1rem !important;
}

.woocommerce-MyAccount-content .new-american,
.woocommerce-MyAccount-content .jbs-members {
    display: flex;
    padding: var(--5, 20px);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--rounded-3xl, 24px);
    border: 1px solid var(--gray-200, #DADEE3);
}

.woocommerce-MyAccount-content .new-american {
    margin-bottom: 1.5rem;
}

.woocommerce-MyAccount-content .jbs-members ul {
    padding-left: 20px;
}

.woocommerce-MyAccount-content ul.woocommerce-error {
    margin-top: 6px !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: red;
    font-size: 12px;
    border-left: none !important;
}

.woocommerce-orders .woocommerce-MyAccount-content::before {
    content: "Orders";
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display") !important;
    font-size: var(--size-3xl-30, 30px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
    display: block;
}

.woocommerce-orders .woocommerce-MyAccount-content .custom-orders-wrapper {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 1rem;
}

.woocommerce-orders .woocommerce-MyAccount-content table {
    min-width: 1000px;
}

.woocommerce-orders .woocommerce-MyAccount-content table thead th {
    background-color: var(--gray-100, #EBEDF0) !important;
    padding: var(--3, 12px) var(--5, 20px);
    border-top: 1px solid var(--gray-200);
}

.woocommerce-orders .woocommerce-MyAccount-content table thead th span {
    color: var(--gray-500);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
}

.woocommerce-orders .woocommerce-MyAccount-content table thead tr th:first-child {
    border-top-left-radius: 8px;
    border-left: 1px solid var(--gray-200);
}

.woocommerce-orders .woocommerce-MyAccount-content table thead tr th:last-child {
    border-top-right-radius: 8px;
    text-align: center;
    border-right: 1px solid var(--gray-200);
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody th,
.woocommerce-orders .woocommerce-MyAccount-content table tbody td {
    background-color: transparent !important;
    border-bottom: 1px solid var(--gray-200);
    padding: var(--4, 16px) var(--5, 20px);
    vertical-align: middle;
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody tr th {
    border-left: 1px solid var(--gray-200);
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody tr td {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody tr:last-child th {
    border-bottom-left-radius: 8px;
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody tr td:last-child {
    border-right: 1px solid var(--gray-200);
    text-align: center;
}

.woocommerce-orders .woocommerce-MyAccount-content table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.woocommerce-MyAccount-content table a.button {
    padding: var(--2, 8px) var(--3, 12px);
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--primary-600, #0062BE);
    color: var(--white);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    width: fit-content;
    margin-right: 8px;
    min-width: 60px;
}

/* .woocommerce-MyAccount-content table a.button.smart_refunder {
    background: var(--gray-100, #EBEDF0) !important;
    color: var(--gray-800, #465663) !important;
}

.woocommerce-MyAccount-content table a.button.smart_refunder:hover {
    background-color: var(--gray-200, #DADEE3) !important;
} */

.woocommerce-MyAccount-content .woocommerce-order-details a.button.smart_refunder {
    display: none !important;
}

.woocommerce-MyAccount-content table a.button:hover {
    background-color: var(--primary-700);
}

.woocommerce-orders .woocommerce-MyAccount-content table a.button::after {
    display: none !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: var(--size-lg-18, 18px) !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 145%;
    /* 26.1px */
}

.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-pagination a.button {
    padding: var(--2, 8px) var(--3, 12px);
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--gray-200);
    color: var(--gray-900);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    width: fit-content;
}

.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-pagination a.button:hover {
    background-color: var(--gray-300);
}

.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-pagination {
    border: none !important;
}

/* Status Badges (Pills) */
.order-status-badge {
    display: flex;
    padding: var(--05, 2px) var(--25, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--0, 0);
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: var(--rounded-md, 6px);
    width: fit-content;
    min-width: 84px;
}

.status-processing {
    background: #CCEEE0 !important;
    color: #005F3B !important;
}

.status-on-hold,
.status-pending {
    background: #FFF9C5 !important;
    color: #984C08 !important;
}

.status-completed {
    background: #CCEEE0 !important;
    color: #005F3B !important;
}

.status-refunded {
    background: var(--primary-100) !important;
    color: var(--primary-700) !important;
}

.status-cancelled,
.status-failed {
    background: #FDD !important;
    color: #B71A1A !important;
}

.status-refund-requested {
    background: var(--gray-100) !important;
    color: var(--gray-900) !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-view-order-divider {
    display: none !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content table .product-name a {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.woocommerce-view-order .woocommerce-MyAccount-content table .product-name a:hover {
    color: var(--blue-500) !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content table .product-name .product-quantity {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.woocommerce-view-order .woocommerce-MyAccount-content table .amount {
    color: var(--gray-900);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-view-order .woocommerce-MyAccount-content table tbody th,
.woocommerce-view-order .woocommerce-MyAccount-content table tbody td,
.woocommerce-view-order .woocommerce-MyAccount-content table tfoot th,
.woocommerce-view-order .woocommerce-MyAccount-content table tfoot td {
    background-color: #fff !important;
}

.woocommerce-view-order .woocommerce-MyAccount-content table tfoot th {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    /* 19.2px */
}

.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details-card {
    display: flex;
    max-width: 496px;
    width: 100%;
    padding: var(--7, 28px);
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--rounded-3xl, 24px);
    border: 1px solid var(--gray-200, #DADEE3);
    background: #fff;
}

.woocommerce-customer-details h2.woocommerce-column__title {
    display: flex;
    padding: var(--2, 8px) var(--3, 12px) !important;
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px) !important;
    border: 1px solid var(--gray-600, #5B6977);
    background: var(--gray-800, #252C31);
    color: var(--white, #FFF) !important;
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: var(--size-sm-14, 14px) !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 140%;
    width: fit-content;
    margin-bottom: 1.5rem !important;
}

.woocommerce-customer-details address {
    margin-bottom: 0 !important;
    color: var(--gray-600, #5B6977);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.woocommerce-customer-details address strong {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
}

.woocommerce-customer-details address p {
    margin-bottom: 0 !important;
}


@media (max-width: 1024px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
        padding: 24px 16px !important;
    }

    .woocommerce-MyAccount-content h1,
    h2.woocommerce-account-heading {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }

    table.shop_table_responsive thead {
        display: table-header-group !important;
    }

    table.shop_table_responsive tbody th {
        display: table-cell !important;
    }

    table.shop_table_responsive tr td {
        display: table-cell !important;
        text-align: unset !important;
        clear: both;
    }

    table.shop_table_responsive tr td:last-child {
        text-align: center !important;
    }

    table.shop_table_responsive tr td[data-title]::before {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 40% !important;
        margin-right: 0px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .woocommerce-orders .woocommerce-MyAccount-content {
        max-width: calc(100% - 320px);
    }

}

/* Address Page Custom Styling */

.woocommerce-edit-address .woocommerce-MyAccount-content .address-book-header {
    display: none !important;
}

.my-account-address-book {
    padding: 0;
}

.section-description {
    margin-bottom: 2rem !important;
}

.my-account-custom-addresses,
.billing_address_book {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
}

.address-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 24px;
    margin-top: 2rem !important;
}

.address-card {
    padding: var(--7, 28px);
    border-radius: var(--rounded-3xl, 24px);
    border: 1px solid var(--gray-200, #DADEE3);
}

.my-account-custom-addresses .address-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    gap: 1rem;
}

.custom-address-book-wrapper .address-card-header {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    gap: 1rem;
    border-bottom: none !important;
}

.custom-address-book-wrapper .address-card-header .actions-right {
    display: flex !important;
    align-items: center !important;
    gap: 1rem;
}

.custom-address-book-wrapper .address-card-header .actions-right a {
    display: block;
    height: 20px;
}

.address-badge {
    display: flex;
    padding: var(--2, 8px) var(--3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    text-transform: capitalize;
    font-family: var(--typeface-Open-Sans, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.badge-billing {
    border: 1px solid var(--gray-600, #5B6977);
    background: var(--gray-800, #252C31);
    color: #fff;
}

.badge-shipping {
    background: var(--yellow-400, #FDCE34);
    color: #000;
}

.default-badge {
    display: flex;
    padding: var(--05, 2px) var(--25, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--0, 0);
    border-radius: var(--rounded-md, 6px);
    background: var(--gray-100, #EBEDF0);
    color: var(--gray-900, var(--gray-900, #131921));
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 18px */
}

.address-actions {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
}

.address-card-header .address-actions {
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
}

.address-actions a {
    height: 24px;
}

.address-actions .action-add {
    display: flex;
    padding: var(--2, 8px) var(--3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF)) !important;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none !important;
    height: fit-content !important;
}

.address-actions .action-add:hover {
    background: var(--primary-700);
    text-decoration: none;
}

.address-card address {
    color: var(--gray-600, #5B6977);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce-account .address_book {
    margin-top: 0 !important;
}

.book-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    border-bottom: none !important;
}

.book-header h3 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-xl-20, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px !important;
}

.book-header p {
    color: var(--gray-600, #5B6977);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0 !important;
}

.header-action span.button {
    display: none !important;
}

.wc-address-book-add-billing-button,
.wc-address-book-add-shipping-button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-wrap: nowrap;
}

.wc-address-book-add-billing-button::before,
.wc-address-book-add-shipping-button::before,
.address-actions .action-add::before {
    content: var(--plus-icon);
    display: block;
    height: 20px;
}

.wc-address-book-add-billing-button:hover,
.wc-address-book-add-shipping-button:hover {
    background-color: var(--primary-700) !important;
    color: #fff !important;
}

/* Book Card Specifics */
.book-card .address-card-header {
    margin-bottom: 10px;
}

.set-default-link {
    color: var(--primary-500, #006CD1);
    text-align: center;
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    background-color: transparent !important;
    border-color: unset !important;
    padding: 0 !important;
}

.set-default-link:hover {
    color: var(--primary-500, #006CD1) !important;
    text-decoration: underline;
}

.address-title {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
}

/* Fix plugin default injected elements if necessary */
.wc-address-book-add-new-address {
    display: inline-block;
}

.woocommerce-edit-address .woocommerce-MyAccount-content form h2 {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: 1.5rem !important;
}


@media (max-width: 768px) {
    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .address-grid {
        grid-template-columns: 1fr;
    }

    .address-card {
        padding: 20px;
    }
}


/* Payment Methods Custom Styling - Exact Mirror of 2nd Image */
.custom-payment-methods-wrapper {
    padding: 0;
}

.payment-methods-header {
    margin-bottom: 2rem !important;
}

.payment-methods-title {
    margin-bottom: 2rem !important;
}

.payment-methods-divider {
    border: 0;
    border-top: 1px solid var(--gray-200);
    margin: 0;
}

.payment-methods-notice-banner {
    display: flex;
    padding: var(--3, 12px) var(--3, 12px) var(--3, 12px) var(--4, 16px);
    align-items: center;
    justify-content: space-between;
    gap: var(--4, 16px);
    border-radius: var(--rounded-2xl, 16px);
    background: var(--primary-500, #006CD1);
}

.payment-methods-notice-banner .banner-left {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white, #FFF);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xl-20, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 30px */
}

.payment-methods-notice-banner .banner-icon {
    display: flex;
    align-items: center;
}

.woocommerce-PaymentMethods .woocommerce-PaymentMethod {
    border-radius: 12px;
    background-color: var(--gray-100) !important;
}

.woocommerce-PaymentMethods .woocommerce-PaymentBox {
    border-radius: 0 0 12px 12px;
}

.woocommerce-MyAccount-content form label {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px;
}

.woocommerce-MyAccount-content form span.description {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 8px;
    display: block;
}

.woocommerce-MyAccount-content form input,
.woocommerce-MyAccount-content form .select2-selection {
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background-color: var(--gray-50, #F6F7F8);
    height: 44px;
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.woocommerce-MyAccount-content form .select2-selection .select2-selection__placeholder {
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.woocommerce-MyAccount-content form input:focus {
    border: 1px solid var(--primary-500) !important;
    background: var(--gray-50, #F6F7F8) !important;
}

.woocommerce-MyAccount-content form button.button,
.woocommerce-Payment button.button,
.custom-payment-methods-wrapper a.add-payment-method-btn {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--primary-600, #0062BE) !important;
    color: var(--white, #FFF);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    width: fit-content;
}

.woocommerce-MyAccount-content form button.button:hover .woocommerce-Payment button.button:hover,
.custom-payment-methods-wrapper a.add-payment-method-btn:hover {
    background-color: var(--primary-700) !important;
}

.custom-payment-methods-wrapper .add-payment-method-banner-btn {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--white, #FFF) !important;
    color: var(--gray-900, #131921) !important;
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: var(--size-sm-14, 14px) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.custom-payment-methods-wrapper .add-payment-method-banner-btn:hover {
    background-color: var(--gray-50);
}

.woocommerce-MyAccount-content form,
.woocommerce-MyAccount-content form p:last-child {
    margin-bottom: 0 !important;
}

.woocommerce-MyAccount-content form p.form-row:last-child {
    margin-bottom: 1.5rem !important;
}

.custom-payment-methods-wrapper table thead th {
    background-color: var(--gray-100, #EBEDF0) !important;
    padding: var(--3, 12px) var(--5, 20px);
}

.custom-payment-methods-wrapper table thead th span {
    color: var(--gray-500);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
}

.custom-payment-methods-wrapper table thead tr th:first-child {
    border-top-left-radius: 12px;
}

.custom-payment-methods-wrapper table thead tr th:last-child {
    border-top-right-radius: 12px;
    text-align: center;
}

.custom-payment-methods-wrapper table tbody th,
.custom-payment-methods-wrapper table tbody td {
    background-color: var(--gray-50, #F6F7F8) !important;
    padding: var(--4, 16px) var(--5, 20px);
    vertical-align: middle;
}

.custom-payment-methods-wrapper table tbody tr td span {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.custom-payment-methods-wrapper table tbody tr td span.default-badge {
    display: flex;
    padding: var(--05, 2px) var(--25, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--0, 0);
    border-radius: var(--rounded-md, 6px);
    background: var(--gray-100, #EBEDF0);
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    width: fit-content;
}

.custom-payment-methods-wrapper table tbody tr td .payment-method-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.custom-payment-methods-wrapper table tbody tr td .payment-method-actions a.delete {
    height: 26px;
}

.custom-payment-methods-wrapper table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.custom-payment-methods-wrapper table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

@media (min-width: 768px) {

    .woocommerce-MyAccount-content form .form-row-first,
    .woocommerce-MyAccount-content form .form-row-last,
    .page-checkout form.checkout .form-row-first,
    .page-checkout form.checkout .form-row-last {
        width: 49% !important;
        margin-right: 0 !important;
    }

    .woocommerce-MyAccount-content form.edit-account .form-row-first,
    .woocommerce-MyAccount-content form.edit-account .form-row-last {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .payment-methods-notice-banner {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .add-payment-method-banner-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {

    .book-header .header-action,
    .book-header .header-action .add-new-address {
        width: 100%;
    }

    .woocommerce-MyAccount-content form button.button,
    .woocommerce-Payment button.button,
    .custom-payment-methods-wrapper a.add-payment-method-btn,
    .wc-address-book-add-billing-button,
    .wc-address-book-add-shipping-button {
        width: 100% !important;
    }
}

/* Account Details Page Custom Styling */
.custom-edit-account-form {
    max-width: 100%;
}

.custom-edit-account-form .form-row-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
}

.custom-edit-account-form .form-row {
    margin-bottom: 20px !important;
    width: 100% !important;
    float: none !important;
}

.custom-edit-account-form label {
    display: block;
    color: var(--gray-900, #131921);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 4px;
}

.custom-edit-account-form label .required {
    color: #D92222;
    text-decoration: none;
}

.custom-edit-account-form .woocommerce-Input {
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background-color: var(--gray-50, #F6F7F8);
    height: 44px;
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.custom-edit-account-form .woocommerce-Input:focus {
    border: 1px solid var(--primary-500) !important;
    background: var(--gray-50, #F6F7F8) !important;
}

.custom-edit-account-form em,
.custom-edit-account-form #account_display_name_description,
.custom-edit-account-form .field-instruction {
    display: block;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 8px;
    font-style: normal;
}

.custom-edit-account-form .password-field-wrapper {
    position: relative;
}

.custom-edit-account-form .password-field-wrapper .custom-password-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}

.woocommerce-form-login .password-field-wrapper {
    position: relative;
}

.woocommerce-form-login .password-field-wrapper .custom-password-toggle {
    position: absolute;
    top: -12px;
    right: 0;
    z-index: 10;
}

/* Password Change Card */
.password-change-card {
    display: flex;
    padding: var(--7, 28px);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--rounded-3xl, 24px);
    background: var(--gray-50, #F6F7F8);
    margin-top: 1rem;
}

.password-change-card fieldset {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent !important;
    width: 100%;
}

.password-change-card legend {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-lg-18, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    margin: 0 !important;
    margin-bottom: 1.5rem !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.password-change-card .form-actions {
    margin-top: 1rem;
    margin-bottom: 0;
}

.custom-save-button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-Open-Sans, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.custom-save-button:hover {
    background-color: var(--primary-700);
    color: var(--white, var(--white, #FFF)) !important;
}

.woocommerce-password-strength {
    text-align: left !important;
}

.custom-password-strength {
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
    color: #e2401c;
}

@media (max-width: 768px) {
    .custom-edit-account-form .form-row-group {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


/* policies page */

.policies .title-section {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
}

.policies h1 {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-4xl-36, 36px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    margin-bottom: 1rem;
}

.policies h2 {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-xl-20, 20px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    margin-bottom: 1.25rem;
}

.policies p {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.policies p strong {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.policies p a {
    color: var(--gray-900, var(--gray-900, #131921)) !important;
}

.policies p a:hover {
    text-decoration: underline !important;
    color: var(--primary-500) !important;
}

.policies ol {
    margin-left: 20px !important;
    margin-bottom: 1.5rem !important;
}

/* contact us page */

.contact-us h1 {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-4xl-36, 36px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
}

.contact-us .fluentform {
    padding: var(--7, 28px);
    border-radius: var(--rounded-3xl, 24px);
    background: var(--gray-50, #F6F7F8);
    margin-bottom: 40px !important;
}

.contact-us .fluentform form {
    margin-bottom: 0 !important;
}

.contact-us .fluentform label {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-us .fluentform .ff-el-form-control {
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px !important;
    border: 1px solid var(--gray-300, #C0C8D0) !important;
    background-color: var(--gray-50, #F6F7F8);
    height: 44px;
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.contact-us .fluentform .ff-el-form-control:focus {
    border: 1px solid var(--primary-500) !important;
    background: var(--gray-50, #F6F7F8) !important;
}

.contact-us .fluentform .ff-el-tooltip {
    display: none !important;
}

.contact-us .fluentform .ff_file_upload_holder {
    display: flex;
    border-radius: 8px !important;
    border: 1px solid var(--gray-300, #C0C8D0) !important;
    background: var(--gray-50, #F6F7F8) !important;
    overflow: hidden;
}

.contact-us .fluentform .ff-el-input--content .ff_upload_btn.ff-btn {
    background: #252C31 !important;
    text-wrap: nowrap;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.contact-us .fluentform .ff_file_upload_holder {
    margin-top: 0px !important;
    position: relative;
}

.contact-us .fluentform .ff-el-input--content .ff_file_upload_holder::after {
    content: 'No file chosen';
    position: absolute;
    top: 12px;
    left: 130px;
    font-size: 14px;
    width: 120px;
    font-weight: 500;
}

.contact-us .fluentform .ff-el-input--content .ff_file_upload_holder:has(+ .ff-uploaded-list .ff-upload-preview)::after {
    display: none;
}

.contact-us .fluentform .ff-el-input--content .ff-uploaded-list:has(+ .error:not(:empty))::after {
    display: none;
}

.contact-us .fluentform .ff_submit_btn_wrapper {
    margin-bottom: 0 !important
}

.contact-us .fluentform .ff_submit_btn_wrapper button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px) !important;
    background: var(--primary-600, #0062BE) !important;
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.contact-us .contact-address .kt-inside-inner-col {
    gap: 2rem !important;
}

.contact-us .contact-address .wp-block-group {
    display: flex;
    padding: var(--7, 28px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--6, 24px);
    border-radius: var(--rounded-3xl, 24px);
    background: var(--gray-50, #F6F7F8);
}

.contact-us .contact-address .wp-block-group p strong {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

@media (max-width: 480px) {
    .contact-us h1 {
        font-size: 30px;
    }

    .contact-us .fluentform {
        padding: 20px;
    }

    .contact-us .contact-address .wp-block-group {
        width: 100%;
    }
}


/* checkout page*/

.page-checkout .woocommerce-form-coupon-toggle {
    display: none !important;
}

.page-checkout form.checkout {
    background-color: var(--gray-50);
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-checkout form.checkout .checkout-container {
    display: flex;
    width: 100%;
    padding: 2rem 3rem;
}

.page-checkout #customer_details {
    margin-right: 1.5rem;
    border-radius: var(--rounded-2xl, 16px);
    border: 1px solid var(--gray-200, #DADEE3);
    background: var(--white, #FFF);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100% !important;
    max-width: calc(100% - 400px);
}

.page-checkout #customer_details .col-2,
.page-checkout #customer_details .col-1 {
    margin-bottom: 0 !important;
}

.page-checkout #order_review {
    border-radius: var(--rounded-2xl, 16px);
    border: 1px solid var(--gray-200, #DADEE3);
    background: var(--white, #FFF);
    display: flex;
    flex-direction: column;
    width: 400px !important;
    padding: 1.25rem !important;
    height: fit-content;
}

.tribe-checkout-backlinks {
    display: none;
}

.page-checkout form.checkout .checkout-title {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--gray-200);
}

.page-checkout form.checkout h2 {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-2xl-24, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

.page-checkout form.checkout h3,
#ship-to-different-address span {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display") !important;
    font-size: var(--size-xl-20, 20px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
}

.page-checkout form.checkout label,
form.woocommerce-shipping-calculator label {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 6px;
}

.page-checkout form.checkout .input-text,
.page-checkout form.checkout .select2-selection,
.page-checkout form.checkout textarea,
.page-checkout form.checkout select,
form.woocommerce-shipping-calculator .select2-selection,
form.woocommerce-shipping-calculator .input-text {
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background-color: var(--gray-50, #F6F7F8);
    height: 44px;
    box-shadow: none !important;
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.page-checkout form.checkout select {
    margin-top: 8px;
    appearance: none;
    background-image: var(--down-arrow-icon);
    background-position: right 8px center;
    background-repeat: no-repeat;
}

.page-checkout form.checkout textarea {
    margin-top: 8px;
    min-height: 130px;
}

.page-checkout form.checkout .select2-selection {
    appearance: none;
    background-image: var(--down-arrow-icon);
    background-position: right 8px center;
    background-repeat: no-repeat;
}

.page-checkout form.checkout .select2-selection .select2-selection__arrow {
    display: none;
}

.page-checkout form.checkout .select2-selection .select2-selection__placeholder {
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.page-checkout form.checkout .select2.select2-container {
    width: 100% !important;
    z-index: 99 !important;
}

.page-checkout form.checkout input:focus,
.page-checkout form.checkout textarea:focus {
    border: 1px solid var(--primary-500) !important;
    background: var(--gray-50, #F6F7F8) !important;
}

.page-checkout form.checkout .description {
    color: var(--gray-500, #647484);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

#order_review_heading {
    color: var(--gray-600, #5B6977) !important;
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150%;
    width: 100% !important;
    border-bottom: none !important;
    margin-bottom: 8px !important;
}

.order-summary .summary-item {
    margin-bottom: 14px;
}

.order-summary .item-details,
.order-summary .item-price {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.order-summary .item-price {
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--gray-100);
}

.order-summary .item-details .item-thumb {
    width: 50px;
    height: 66px;
    min-width: 50px;
    border-radius: 6px;
    overflow: hidden;
}

.order-summary .item-details .item-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    min-width: 50px;
    object-fit: cover;
}

.order-summary .item-details .item-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    color: var(--gray-800, #252C31);
    text-overflow: ellipsis;
    white-space: normal;
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    flex: 1;
}

.order-summary .item-details .item-remove {
    display: flex;
    padding: var(--15, 6px);
    justify-content: center;
    align-items: center;
    gap: var(--1, 4px);
    border-radius: var(--rounded-md, 6px);
    background: #FAE8E8;
    width: 28px;
    height: 28px;
}

.order-summary .item-price .item-sku {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.order-summary .item-price .item-sku span {
    color: var(--gray-500, var(--gray-500, #647484));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.order-summary .item-price {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.order-summary .shipping-details {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-100);
}

.order-summary .shipping-details h4 {
    color: var(--gray-600, #5B6977) !important;
    font-family: var(--typeface-text, "Open Sans") !important;
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150%;
    margin-bottom: 8px !important;
}

.order-summary .shipping-details li {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 100% */
}

.order-summary .total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 14px;
}

.order-summary .total-row span:first-child {
    color: var(--gray-600, #5B6977);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.order-summary .total-row span:last-child {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.order-summary .total-row span.amount {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.order-summary .total-row.grand-total span {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-lg-18, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    /* 26.1px */
}

#payment .payment_methods {
    border-radius: 12px;
    overflow: hidden;
}

#payment .payment_methods .help {
    text-align: left !important;
}

#payment .payment_methods .payment_method_paytrace>label {
    display: flex !important;
    flex-wrap: wrap;
}

#payment .payment_methods .payment_method_paytrace img.paytrace-icon:first-child {
    margin-left: 12px;
}

#payment .payment_methods .help a.button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background: var(--gray-200, #DADEE3);
    color: var(--gray-800);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin: 12px 0;
    width: fit-content;
}

#payment .payment_methods .help a.button:hover {
    background: var(--gray-300);
}

#payment .form-row.place-order {
    border-radius: 12px;
    overflow: hidden;
}

#payment .form-row.place-order button.button,
form.woocommerce-shipping-calculator button.button,
section.shipping-calculator-form button.button {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
}

.woocommerce-checkout-review-order section.shipping-calculator-form {
    margin-top: 12px;
}

.checkout-login-container {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 12px 12px 12px 16px;
    background: #006CD1;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.checkout-login-text {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.checkout-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: white;
    color: #131921;
    /* gray-900 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19.6px;
    border-radius: 8px;
    text-decoration: none;
}

.checkout-login-btn:hover {
    opacity: 0.9;
    /* subtle hover effect */
}

.woocommerce-NoticeGroup-checkout .woocommerce-error {
    flex-direction: column;
    align-items: flex-start;
}

#payment .form-row.place-order button.button:hover {
    background: var(--primary-700);
}

@media (max-width: 992px) {
    .page-checkout form.checkout .checkout-container {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .page-checkout form.checkout .checkout-container {
        padding: 1.5rem 1rem;
    }

    .page-checkout #customer_details {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }

    .page-checkout #order_review {
        width: 100% !important;
    }

    form.lost_reset_password .form-row {
        margin-bottom: 0 !important;
        margin-top: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .checkout-login-container {
        flex-direction: column;
        text-align: center;
    }

    .checkout-login-btn {
        width: 100%;
    }
}

.jbs-shipping-section {
    padding-bottom: 20px;
}

.jbs-shipping-title {
    margin-bottom: 1rem !important;
}

.shipping-calculator-form p:last-child {
    margin-bottom: 0 !important;
}

/* Coupon */
.jbs-coupon-link {
    text-align: center;
    margin-top: 16px;
}

.jbs-coupon-link a {
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.jbs-coupon-link a:hover {
    color: var(--gray-900);
}

.jbs-coupon-form {
    margin-top: 16px;
    margin-bottom: 0 !important;
}

.jbs-coupon-form input {
    width: 100%;
    height: 40px;
    display: flex;
    padding: var(--25, 10px) var(--4, 16px);
    align-items: center;
    gap: var(--25, 10px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #C0C8D0);
    background: var(--gray-50, #F6F7F8);
    margin-bottom: 1rem;
    color: var(--gray-500, var(--gray-500, #647484));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 17.5px */
}

.jbs-coupon-form button {
    width: 100%;
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-600, #0062BE);
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
}

.jbs-coupon-form button:hover {
    background: var(--primary-700);
}

.woocommerce-terms-and-conditions-wrapper .required {
    display: none !important;
}

.payment_box.payment_method_paytrace .wc-paytrace-error {
    margin-top: 6px !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: red;
    font-size: 12px;
    border-left: none !important;
}

/* empty cart */

.wc-empty-cart-message,
.cart-empty.woocommerce-info {
    display: none !important;
}

.empty-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.empty-cart img {
    width: 100%;
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

.empty-cart .message {
    color: var(--gray-900, #131921);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-2xl-24, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.empty-cart h1 {
    margin-top: -32px;
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-text, "Open Sans");
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.empty-cart .btn-primary {
    display: flex;
    padding: var(--25, 10px) var(--5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--rounded-lg, 8px);
    background-color: var(--primary-600, #0062BE) !important;
    color: var(--white, var(--white, #FFF));
    font-family: var(--typeface-text, "Open Sans");
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border: none !important;
}

.empty-cart .btn-primary:hover {
    background-color: var(--primary-700) !important;
}

/* thank you page */

.woocommerce-customer-details {
    display: flex;
}

.woocommerce-customer-details .addresses {
    display: flex;
    gap: 2rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.addresses .woocommerce-column.col-1,
.addresses .woocommerce-column.col-2 {
    width: 100% !important;
    float: unset !important;
    max-width: 400px !important;
    margin: 0 !important;
}

.woocommerce-cart #mobile-sidebar-toggle,
.page-checkout #mobile-sidebar-toggle {
    display: none !important;
}

/* .woocommerce-cart .jbs-coupon-link {
    display: none !important;
} */

/* order pay */

.woocommerce-order-pay .woocommerce {
    padding: 3rem;
}

.woocommerce-order-pay #order_review {
    margin: 0 auto;
    width: 100% !important;
    max-width: 640px;
}

.woocommerce-order-pay #order_review table thead th {
    background-color: var(--gray-100, #EBEDF0) !important;
    padding: var(--3, 12px) var(--5, 20px);
    border-top: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table thead th span {
    color: var(--gray-500);
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-xs-12, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
}

.woocommerce-order-pay #order_review table thead tr th:first-child {
    border-top-left-radius: 8px;
    border-left: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table thead tr th:last-child {
    border-top-right-radius: 8px;
    text-align: center;
    border-right: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table tbody th,
.woocommerce-order-pay #order_review table tbody td {
    background-color: transparent !important;
    border-bottom: 1px solid var(--gray-200);
    padding: var(--4, 16px) var(--5, 20px);
    vertical-align: middle;
}

.woocommerce-order-pay #order_review table tbody tr th {
    border-left: 1px solid var(--gray-200);
    color: var(--gray-800, #252C31);
    font-family: var(--typeface-display, "DM Serif Display");
    font-size: var(--size-base-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
}

.woocommerce-order-pay #order_review table tbody tr td {
    color: var(--gray-900, var(--gray-900, #131921));
    font-family: var(--typeface-text, "Open Sans");
    font-size: var(--size-sm-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}


.woocommerce-order-pay #order_review table tbody tr td:first-child {
    border-left: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table tbody tr td:last-child {
    border-right: 1px solid var(--gray-200);
    text-align: center;
}

.woocommerce-order-pay #order_review table tbody th,
.woocommerce-order-pay #order_review table tbody td,
.woocommerce-order-pay #order_review table tfoot th,
.woocommerce-order-pay #order_review table tfoot td {
    background-color: #fff !important;
}

.woocommerce-order-pay #order_review table tfoot th,
.woocommerce-order-pay #order_review table tfoot td {
    border-bottom: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table tfoot th {
    border-left: 1px solid var(--gray-200);
}

.woocommerce-order-pay #order_review table tfoot td {
    border-right: 1px solid var(--gray-200);
    text-align: center;
}

.woocommerce-order-pay #order_review table tfoot th {
    color: var(--gray-800, #252C31) !important;
    font-family: var(--typeface-display, "DM Serif Display") !important;
    font-size: var(--size-base-16, 16px) !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    /* 19.2px */
}


@media (max-width: 992px) {
    .woocommerce-order-pay .woocommerce {
        padding: 1.5rem 1rem;
    }
}

.woocommerce-remove-coupon {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cc0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.woocommerce-checkout .woocommerce-form-login-toggle {
  display: none;
}

/* LEFT sidebar for normal pages */
@media (min-width: 768px) {

    body.page .site-content > .col-full {
        display: flex;
    }

    body.page .widget-area {
        order: 1;
        width: 25%;
        margin-right: 30px;
    }

    body.page .content-area {
        order: 2;
        width: 75%;
    }
}
.site-header { border-bottom: none !important; }