.jp-product-cta {background:#E7EBEF ;padding:30px;border-radius: 5px 5px 5px 5px; display:flex;font-size:15px;letter-spacing:0.75px;font-family:"GillSans";color:#12385C;align-items:center}
.jp-product-cta h3{font-weight:400;font-size:23px;letter-spacing:2.3px;font-family:"GillSans";color:#12385C;text-transform:uppercase}
.jp-product-cta  h4{color:#12385C;font-weight:400;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;margin-top:15px}
/* .jp-product-cta > div{width:50%} */
.jp-product-cta:hover{color:#fff;background:#12385C !important}
.jp-product-cta:hover h3{color:#EF6710 !important}
.jp-product-cta:hover h4{color:#fff !important}
.jp-product-cta ul{margin-left:2px;list-style:none}
.jp-product-cta  li img{margin-right:5px}
.jp-product-cta  li{margin-bottom:8px}
.joalpe-product-stock {
    display: flex;
    align-items: center;
    color: var(--Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


.jp-flex-container .custom-product-card *{
	font-family:"GillSans"
}

.joalpe-stock-icon {
    width: 16px;
    height: auto;
    margin-right: 15px; 
}
.custom-product-card .product-wrap {
    display: flex;
    flex-direction: column;
    background: #FFF;
    border-radius: 5px;
    transition: 0.3s ease;
    overflow: hidden;
    position: relative;
	height: 100%;
}

.custom-product-card .product-wrap:hover {
    background: #12385C;
}

.image-wrap {
    position: relative;
}
.upsells .custom-product-card .product-wrap {
    height: auto;
}
/* BADGES */
.product-badge {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 11px 12px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    border-radius: 65px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    transition: width 0.3s ease;
    white-space: nowrap;
}
.product-badge img {
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
}
.product-badge .badge-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 0.3s ease;
	width: 0px;
}

/* Show text only on hover */
.custom-product-card .product-wrap:hover .product-badge {
    width: auto;
    padding: 11px 16px;
	gap:10px;
}

.custom-product-card .product-wrap:hover .product-badge .badge-text {
    opacity: 1;
	width: auto;
}


/* CONTENT */
.content-wrap {
    display: flex;
    flex-direction: column;
    padding: 30px;
    justify-content: flex-end;
    gap: 12px;
    border-radius: 0 0 5px 5px;
    transition: 0.3s ease;
}

.product-title {
    color: #12385C;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.capacity {
    margin-top: 5px;
    color: #12385C;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price-row .price span {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.price-row .arrow {
    width: 30px;
    height: 30px;
    /* transform: rotate(90deg); */
    background: #12385C;
    border-radius: 65px;
    background-image: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Vector-23.svg);
    mask-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.custom-product-card .product-wrap:hover .content-wrap * {
    color: #FFF !important;
}

.custom-product-card .product-wrap:hover .arrow {
    background-color: #EF6710;
}
.joalpe-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px 40px;
}

.joalpe-faq-item {
    width: 100%;
}

.joalpe-faq-header {
    display: flex;
    width: 100%;
    padding: 22px 30px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 0 0;
    background: #E7EBEF;
    color: #12385C;
    border: none;
    cursor: pointer;
    text-align: left;
}

.joalpe-faq-title {
    font-family: "GillSans";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-right: 30px;
}

.icon-open { display: none; }

.joalpe-faq-item.active .joalpe-faq-header {
    background: #12385C;
    color: #FFF;
}

.joalpe-faq-item.active .icon-closed { display: none; }
.joalpe-faq-item.active .icon-open { display: inline-flex; }

.joalpe-faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s cubic-bezier(0.25, 0.1, 0.25, 1);
    background: #FFF;
    border-radius: 0 0 10px 10px;
}

.joalpe-faq-inner {
    padding: 25px 30px;
    font-family: "GillSans";
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.75px;
    color: #000;
}

.joalpe-faq-inner a.button,
.joalpe-faq-inner a {
    display: inline-flex !important;
    padding: 12px 50px;
    justify-content: center;
    align-items: center;
    background: #EF6710;
    border-radius: 5px;
    color: #000 !important;
    font-family: "GillSans";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-decoration: none;
}
.wpgs-nav.slick-slider {
    padding: 20px 45px;
    border-radius: 5px;
    background: var(--White, #FFF);
}
.wpgs-nav.slick-slider button {
    background: transparent;
    color: transparent;
}
.wpgs-nav.slick-slider .slick-prev:before {
    content: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Vector-4.svg);
    position: absolute;
    left: 28px;
}
.wpgs-nav.slick-slider .slick-next:before {
    content: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Vector-3.svg);
    position: absolute;
    right: 22px;
}
.woocommerce-js div.product form.cart .variations select {
    border: 0px;
    color: #000;
    font-family: "GillSans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.75px;
    display: flex;
    height: 50px;
    padding: 12px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 5px;
    background-color: var(--Light-Grey, #F5F5F5);
    background-image: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Vector-5.svg);
    background-position: right 20px center;
}
.woocommerce-js div.product form.cart .variations th {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
	margin: 0px !important;
}
.woocommerce-js div.product form.cart .variations tr {
    display: flex;
    gap: 30px;
    align-items: center;
	margin-bottom: 0px;
}
.woocommerce-js div.product form.cart .reset_variations {
    visibility: hidden !important;
    display: none !important;
}
.woocommerce-js div.product form.cart .variations td {
	width: 100% !important;
}
.woocommerce-js div.product form.cart .variations tbody tr:not(:last-child) {
    margin-bottom: 15px;
}
.woocommerce-js div.product form.cart .variations {
    border: 0px;
    margin-bottom: 40px;
}
.woocommerce-js div.product form.cart div.quantity {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Light-Grey, #F5F5F5);
}
.woocommerce-js .quantity .minus {
    color: transparent;
    width: 30px;
    height: 30px;
	border: 0px;
	background-color: transparent;
    background: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/unnamed-file.png);
}
.woocommerce-js .quantity .plus {
    color: transparent;
    width: 30px;
    height: 30px;
	border: 0px;
	background-color: transparent;
    background: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/unnamed-file-1.png);
}
.woocommerce-js div.product form.cart div.quantity.buttons_added:before {
    content: 'QTY';
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.woocommerce-js input[type=number].qty {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    background: transparent;
    width: 15px;
    padding: 0px !important;
}
.showonhover p {
    margin-bottom: 20px;
}
.showonhover p:last-child {
    margin-bottom: 0px;
}
.hoverlightbg:hover p {
	color: #000000;
}
.hoverlightbg:hover h2 {
	color: #12385C !important;
}
.hoverlightbg:hover svg path {
    fill: var(--Teal, #3A9793);
    stroke: var(--Teal, #3A9793);
}
.showonhover p strong {
    text-transform: uppercase;
	color: #12385C !important;
	font-weight: 400 !important;
}
.hoverlightbg {
    position: relative;
}

.showonhover {
    display: none; 
}
.upsells a.product-wrap .content-wrap .capacity,
.upsells a.product-wrap .content-wrap .price-row {
    display: block;          
    height: 0;               
    overflow: hidden;        
    opacity: 0;             
    transition: height .3s ease, opacity .3s ease;
}
.joalpe-related-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}

/* Arrow buttons */
.joalpe-related-nav button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}
.joalpe-related-nav button img {
    /* width: 18px;
    height: auto; */
}

/* Dots wrapper */
.joalpe-dots {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Dots */
.joalpe-dots .owl-dot {
    width: 30px;
    height: 10px;
    border-radius: 40px;
    background: var(--navy-10, #E7EBEF);
    transition: all .3s ease;
}
.joalpe-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    background: var(--Navy, #12385C);
}
/* Force the carousel track to align items equal height */
.joalpe-related-carousel .owl-stage {
    display: flex !important;
}

/* Ensure each slide item stretches full height */
.joalpe-related-carousel .owl-item {
    display: flex !important;
    height: auto !important;
}

/* Make product card fill the slide height */
.joalpe-related-carousel li.custom-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* Make the clickable wrapper stretch */
.joalpe-related-carousel li.custom-product-card .product-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Image takes natural height */
.joalpe-related-carousel .product-wrap .image-wrap {
    flex: 0 0 auto;
}

/* Content section stretches to bottom */
.joalpe-related-carousel .product-wrap .content-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Keep title, capacity, price spacing consistent */
.joalpe-related-carousel .product-wrap .product-title {
    margin-bottom: auto; /* pushes everything else down */
}
.joalpe-related-nav button.joalpe-prev, .joalpe-related-nav button.joalpe-next {
    background: transparent !important;
    line-height: 0px;
}
body.single-product .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs,body.woocommerce-cart .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs
 {
    width: calc(50% - 15px);
}
body.single-product .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper, body.woocommerce-cart .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper {
	flex-wrap: wrap;
}
body.single-product .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs:last-child, body.woocommerce-cart .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs:last-child
 {
    width: 100%;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
	display: flex;
padding: 12px 50px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px;
background: var(--Orange, #EF6710);
color: var(--Black, #000);
font-family: "GillSans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
letter-spacing: 1.6px;
text-transform: uppercase;
width: 240px;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover {
    background: #12385C !important;
    color: #ffffff !important;
}
.woocommerce-variation-add-to-cart {
    justify-content: space-between;
}

.trade-login-block {
    margin-top: 30px;
}

.woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; width: 100%; }
.woocommerce-shipping-calculator > p, .woocommerce-shipping-calculator > p a {
    /* display: none !important; */
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    pointer-events: none !important;
}
.custom-cart-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
}
.custom-cart-layout .cart-left .section-title {
    margin-bottom: 0px;
    color: var(--Navy, #12385C);
    text-align: center;
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

/* Remove backgrounds + borders from cart table only */
.woocommerce-cart-form table.shop_table {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td, .woocommerce-js table.shop_table thead, .woocommerce-page table.shop_table thead {
    border: none !important;
    background: transparent !important;
}

.woocommerce-cart-form table.shop_table thead tr {
    background: transparent !important;
}

.woocommerce-cart-form table.shop_table tbody tr {
    background: transparent !important;
    border-bottom: 1px solid #e5e5e5; /* optional line — remove if you want no row line */
}

/* Optional: remove row line too */
.woocommerce-cart-form table.shop_table tbody tr {
    border-bottom: none !important;
}

/* Remove mini borders inside quantity fields */
.woocommerce-cart-form .product-quantity input[type="number"], .woocommerce-cart-form .product-quantity input[type="text"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-left: 20px;
}

/* Remove remove-button hover border outline */
.woocommerce-cart-form a.remove {
    background: transparent !important;
    border: none !important;
}

.woocommerce-cart-form table.shop_table thead th {
    border-bottom: 2px solid var(--navy-10, #E7EBEF) !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

/* Ensure body cells have no borders */
.woocommerce-cart-form table.shop_table td {
    border: none !important;
    background: transparent !important;
}

/* Remove row borders completely (optional — in case you added earlier) */
.woocommerce-cart-form table.shop_table tbody tr {
    border-bottom: none !important;
}

.woocommerce-js table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    width: 208px;
    max-width: 208px;
}
span.jp-cart-title {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
	max-width: 250px;
}
.jp-cart-variation-wrapper {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.75px;
}
td.product-price, td.product-price *, td.product-subtotal, td.product-subtotal * {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}
body.woocommerce-cart.woocommerce-js .quantity {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 15px;
    border-radius: 5px;
    border: 1px solid var(--navy-30, #B0BCC7);
    justify-content: center;
}
body.woocommerce-cart.woocommerce-js .quantity .plus {
    width: 21px;
    height: 21px;
    background: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Group-1155.svg);
    background-repeat: no-repeat;
    background-position: center;
}
body.woocommerce-cart.woocommerce-js .quantity .minus {
    width: 21px;
    height: 21px;
    background: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Group-1154.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.jo-checkout-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 40px;
    margin-top: 20px;
}

.jo-section { margin-bottom: 50px; }
.jo-section h3 {
    margin-bottom: 15px;
    display: none;
}
.jo-summary-box,
.jo-right .jo-section {
    background: #F8F8F8;
    padding: 20px 25px;
    border-radius: 6px;
}

.jo-price-toggle { margin-top: 10px; }
.jo-toggle-breakdown { background: none; border: none; color: #0055A4; cursor: pointer; }
.jo-breakdown-content { margin-top: 12px; border-top: 1px solid #ddd; padding-top: 12px; }
.checkout_coupon,
.woocommerce-form-coupon {
    display: block !important;
    margin: 0 0 25px;
    padding: 20px;
    border: 1px solid #E7EBEF;
    border-radius: 8px;
    background: #fff;
}

.checkout_coupon input.input-text {
    width: 100%;
    border: 1px solid #E7EBEF;
    border-radius: 6px;
    padding: 10px;
}

.checkout_coupon .button {
    background: var(--primary, #003366);
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
}
.woocommerce-cart-form__cart-item td.product-remove a.remove:before {
	opacity: 0;
}
.woocommerce-cart-form__cart-item td.product-remove a.remove {
    width: 18px;
    height: 18px;
    background-image: url(https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/Vector-1-1.svg) !important;
    border-radius: 0px;
    opacity: 1;
    background-size: contain !important;
}
.woocommerce-js a.remove .ahfb-svg-iconset {
    display: none;
}
.crosssell {
    display: flex;
    padding: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-radius: 5px;
    background: var(--navy-10, #E7EBEF);
    margin-bottom: 30px;
}
.woocommerce-js form.woocommerce-shipping-calculator .form-row label {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px !important;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    position: inherit !important;
    opacity: 1 !important;
    visibility: visible;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px;
}
.woocommerce-js form.woocommerce-shipping-calculator .form-row label+br {
    display: none;
}
.woocommerce form.woocommerce-shipping-calculator .form-row .input-text, .woocommerce-page form.woocommerce-shipping-calculator .form-row .input-text {
    border-radius: 5px;
    background: var(--White, #FFF);
    height: 50px;
}
form.woocommerce-shipping-calculator {
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 5px;
    background: var(--Light-Grey, #F5F5F5);
	margin-bottom: 30px;
}
.clearrow {
	clear: both;
}
.calc_last_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
p#calc_shipping_postcode_field {
    margin: 0px !important;
    width: 66%;
}
.woocommerce-shipping-calculator .shipping-calculator-form p {
    padding: 0;
    margin-bottom: 20px;
}
.calc_last_row p {
    margin-bottom: 0px !important;
}
.calc_last_row p:last-child {
    display: none;
}
button.button[name="calc_shipping"] {
    display: flex;
    padding: 17px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Orange, #EF6710);
}
.woocommerce-shipping-calculator .shipping-calculator-form p:last-child {
    margin: 0px;
}
.cart_totals h2 {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
	margin-bottom: 0px !important;
}
.cart_totals {
    display: flex;
    padding: 50px;
    flex-direction: column;
    /* justify-content: flex-end; */
    /* align-items: flex-end; */
    gap: 40px;
    align-self: stretch;
    border-radius: 5px;
    background: var(--Light-Grey, #F5F5F5);
}
.woocommerce-js .woocommerce .cart-right table.shop_table *, .woocommerce-js .woocommerce .cart-right table.shop_table {
    padding: 0px;
    border: 0px;
}
.woocommerce-js .woocommerce .cart-right table.shop_table tr td {
    text-align: right;
}
.woocommerce-js .woocommerce .cart-right table.shop_table tr th, .woocommerce-js .woocommerce .cart-right table.shop_table tr td {
    padding: 20px 0px !important;
    border-bottom: 2px solid #E7EBEF;
}
.woocommerce-js .woocommerce .cart-right table.shop_table tr.order-total th, .woocommerce-js .woocommerce .cart-right table.shop_table tr.order-total td {
    background: #ffffff;
    border: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: flex;
    padding: 12px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Orange, #EF6710);
    align-content: center;
    margin: 0px;
    max-width: 318px;
    margin-left: auto;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button br {
    display: none;
}
.wc-proceed-to-checkout {
    padding: 0px !important;
}
.woocommerce-js form .form-row input.input-text {
    height: 50px;
    border-radius: 5px;
    background: var(--Light-Grey, #F5F5F5);
}
.woocommerce-js form .form-row label {
    visibility: visible;
    opacity: 1 !important;
    position: inherit !important;
    padding: 0px !important;
    margin: 0px !important;
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 25px !important;
    letter-spacing: 1.6px;
    text-transform: uppercase;
	margin-bottom: 10px !important;
}
.jo-section.onecolumnform .form-row {
    width: 100% !important;
    float: none;
    padding: 0px;
}
.woocommerce-js.woocommerce-checkout form .form-row {
    /* padding: 0px !important; */
    margin-bottom: 10px;
}
.jo-checkout-grid p.lost_password {
    display: none;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    display: flex;
    padding: 12px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    background: var(--Orange, #EF6710);
}
.jo-section h2 {
    color: var(--Orange, #EF6710);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.woocommerce-additional-fields #payment, .woocommerce-additional-fields .ast-payment-option-heading {
    display: none;
}
button.show-password-input {
    display: none !important;
}
.woocommerce-additional-fields {
	display: none !important;
}
textarea#order_comments {
    height: 159px;
    align-self: stretch;
    border-radius: 5px;
    background: var(--Light-Grey, #F5F5F5);
    border: 0px;
}
.woocommerce-js form .form-row .input-text::placeholder {
    color: transparent;
}
/* .trade-account-box {
	position: absolute;
	top: 120px;
	right: 40px; 
	width: 420px; 
	z-index: 50; 
} */
.woocommerce-checkout h1 {
	color: var(--Navy, #12385C);

/* H1 */
font-family: "GillSans";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 55px; /* 157.143% */
letter-spacing: 3.5px;
text-transform: uppercase;
margin-bottom: 30px;
}
.jo-section.onecolumnform .form-row br {
    display: none;
}
span.select2-selection.select2-selection--single {
    padding: .9em .8em !important;
    border-radius: 5px !important;
    background-color: var(--Light-Grey, #F5F5F5) !important;
    border: 0px !important;
}
.jo-right h3 {
    display: block !important;
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce form.checkout_coupon {
    width: 100%;
    background: transparent;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #E7EBEF;
    border-radius: 0px;
}
.jo-summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
button.jo-toggle-breakdown {
    color: var(--Navy, #12385C) !important;
    font-family: "GillSans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.75px;
    padding: 0px;
    background: transparent !important;
    text-transform: capitalize;
    border: 0px !important;
    box-shadow: none !important;
	margin-bottom: 10px;
}
.jo-section br {
    display: none;
}
button.jo-toggle-breakdown
 {
    color: var(--Navy, #12385C) !important;
    font-family: "GillSans" !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 25px !important;
    letter-spacing: 0.75px !important;
    padding: 0px !important;
    background: transparent !important;
    text-transform: capitalize !important;
    border: 0px !important;
    box-shadow: none !important;
    margin-bottom: 10px;
    padding: 0px !important;
}
label[for="coupon_code"] {
    display: none !important;
}
.woocommerce-js.woocommerce-checkout form.checkout_coupon .form-row-first {
    width: calc(100% - 160px);
}
.woocommerce-js.woocommerce-checkout form.checkout_coupon .form-row-last {
    width: 150px;
}
.woocommerce form.checkout_coupon .button {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: flex;
    padding: 12px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Orange, #EF6710);
}
.woocommerce-js.woocommerce-checkout form.checkout_coupon .form-row-first input#coupon_code {
    border-radius: 5px;
    background: var(--White, #FFF);
}
.woocommerce-js.woocommerce-checkout form.checkout_coupon .form-row-first input#coupon_code::placeholder {
    color: #000000 !important;
}
.woocommerce-page.woocommerce-checkout #payment #place_order, .woocommerce.woocommerce-checkout #payment #place_order {
    color: var(--Black, #000);
    font-family: "GillSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: flex;
    padding: 12px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Orange, #EF6710);
    width: auto;
}
.woocommerce-checkout .trade-account-contact-form {
    display: none;
}
.jp-filter-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
    gap: 36px;
}

.jp-sort-label {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-right: 30px;
}

body.archive.tax-product_cat .jp-sort-select, .je-seo-products  .jp-sort-select  {
    color: var(--Navy, #12385C);
    font-family: "GillSans";
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    width: 208px;
    height: 50px;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: var(--Light-Grey, #F5F5F5);
    background-image: url('https://joalpe.bubblestaging.com/wp-content/uploads/2025/11/sort-dropdown.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    appearance: none;
	border: 0px;
}

body.archive.tax-product_cat .jp-search-wrap, .je-seo-products .jp-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 64%;
}
body.archive.tax-product_cat .jp-search-wrap input, .je-seo-products  .jp-search-wrap input {
    height: 50px;
    padding: 12px 24px 12px 46px;
    font-family: "GillSans";
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.75px;
    color: var(--Navy, #12385C);
    border-radius: 5px;
    background-color: var(--Light-Grey, #F5F5F5);
}

.jp-search-icon {
    position: absolute;
    width: 18px;
    left: 16px;
}

.jp-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px;
	width: 100%;
}

.jp-product-cta p{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height:1.66;
    letter-spacing: 0.75px;
}

.jp-product-cta:hover p{
    color: #FFF;
}

.jp-flex-container .product {
    width: calc(33.333% - 20px);
}
.woocommerce-notices-wrapper+.woocommerce-form-coupon-toggle+form.checkout_coupon {
    display: none !important;
}
body.woocommerce-checkout button[name="apply_coupon"] {
    display: flex;
padding: 12px 50px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px;
background: var(--Orange, #EF6710);
color: var(--Black, #000);
font-family: "Gill Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
letter-spacing: 1.6px;
text-transform: uppercase;
}

/* Custom FAQ Styles */
		/* SECTION */
.faq-section {
	margin: 0 auto;
}

/* GRID */
.faq-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

/* COLUMN */
.faq-column {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ITEM */
.faq-item {
	background: #eef2f5;
	border-radius: 10px 10px 0 0 !important;
	overflow: hidden;
	transition: background 0.3s ease;
}

/* ACTIVE STATE */
.faq-item.active {
	color: #ffffff;
}

.faq-item.active .faq-question {
	background: #12385C !important;
}

/* QUESTION BUTTON */
.faq-question {
	width: 100%;
	padding: 22px 30px !important;
	background: #E7EBEF !important;
	border: none;
	cursor: pointer;
	border-radius: 0px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-align: left;
	color: #12385C !important;

	/* H3 */
	font-family: "GillSans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.faq-item.active .faq-question {
	color: #ffffff !important;
}

/* CHEVRON */
.faq-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
}

/* ANSWER */
.faq-answer {
// 	max-height: 0;
	overflow: hidden;
	display: none;
	background: #fff;
}

.faq-item.active .faq-answer {
    display: flex;
	flex-direction:column;
    transition: 0.2s ease-in-out;
}
.faq-item .faq-answer {
	padding: 25px 30px;
	transition: 0.2s ease-in-out;
}

.faq-answer p {
	font-family: "GillSans";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.75px;
	margin-bottom: 10px;
}
							

.faq-answer p:has(a) {
	text-align: center;
}

.faq-answer a {
	display: inline-flex;
	padding: 12px 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: var(--Orange, #EF6710);
	margin: 20px auto 0 auto;

	color: var(--Black, #000);
	font-family: "Gill Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	/* 156.25% */
	letter-spacing: 1.6px;
	text-transform: uppercase;
	text-align: center;
}


.faq-answer>* {
	color: #000 !important;
}

/* OPEN ANSWER */
.faq-item.active .faq-answer {
	max-height: 600px;
	padding-bottom: 24px;
}

/* INACTIVE TEXT COLOR */
.faq-item:not(.active) .faq-answer p {
	color: #2c2c2c;
}


@media (max-width: 900px) {
	.faq-columns {
		grid-template-columns: 1fr;
	}
}


@media(max-width: 1200px){
	.woocommerce .cross-sells ul.products, .woocommerce-page .cross-sells ul.products {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
	
	.jp-product-cta .prorightnew img{
		width: 100%;
		height: 298px;
		min-width: 236px;
	}
}

@media(max-width:1199px){.content-wrap {
        padding: 20px;
    }
    
    .product-badge .badge-text {
        font-size: 12px;
        letter-spacing: 1.3px;
    }
    
    .product-badge {
        right: 10px;
        top: 10px
    }
}

@media(max-width:1024px){
    .joalpe-faq-grid {
        display: flex;
        flex-direction: column;
    }
}
@media(max-width: 1025px){
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		text-align: left !important;
	}
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    margin-right: 20px;
}

.custom-cart-layout {
    grid-template-columns: auto;
}
.jo-checkout-grid {
    grid-template-columns: auto;
}
.jo-checkout-grid {
    grid-template-columns: auto;
    padding-left: 20px;
    padding-right: 20px;
}
}
@media(max-width: 768px){
	.jp-product-cta {flex-wrap:wrap}
	.jp-product-cta > div{width:100%} 
	.single.single-product.woocommerce-page.mobile-rel-up-columns-2 ul.products {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.jp-flex-container .product {
    width: 100%;
}
	body.single-product .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs, body.woocommerce-cart .trade-account-main-section-wrapper .trade-account-main-container-wrapper .trade-account-wrapper .trade-account-contact-form form .trade-account-inner-wrapper .trade-account-inputs {
		width: 100%;
	}
    .custom-cart-layout {
        grid-template-columns: 1fr;
    }
	.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
		float: none;
		width: 100%
	}
}
@media(min-width: 1024px){
	.jp-product-cta {
    width: calc(66.666% - 20px);
}
}
@media(max-width: 768px){
    .custom-cart-page-wrapper {
        grid-template-columns: 1fr;
    }
}