.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            

/*---------Font Smoothing---------*/
.woocommerce {
  -webkit-font-smoothing: antialiased;
}

/*------Rating Stars--------*/
.woocommerce .star-rating::before,
.woocommerce .stars:not(.selected) span a,
.woocommerce .stars.selected span a.active ~ a {
  color: #d3d3d3;
}
.woocommerce .star-rating,
.woocommerce .stars.selected span a {
  color: #714a4a;
}

/*-----Product Images------*/
.woocommerce div.flex-viewport,
.woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce ul.products li.product a img,
.woocommerce-cart table.cart img {
  min-width: 64px;
  min-height: 64px;
  border: 1px solid #d3ced2;
  overflow: hidden;
}

.flex-viewport .woocommerce-product-gallery__wrapper {
  border: none; /* Remove duplicated borders */
  border-radius: 0 !important; /* Fix duplicated radius */
  margin: 0 !important; /* Fix duplicated margin */
}

/*----------Secondary Buttons-------------*/
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce a.button.alt,
.woocommerce button.button {
  background: #f7f0e9;
  border: 1px solid #f7f0e9;
  font-size: 12px;
  border-radius: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  padding: 16px 24px;
  outline: none;
  font-family: inherit;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/*----------Secondary Hovered-------------*/
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover {
  background: #714a4a;
  border: 1px solid #714a4a;
  color: #ffffff;
}
/*----------Tertiary Buttons-------------*/
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce a.added_to_cart,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce table.my_account_orders .button,
td a.woocommerce-MyAccount-downloads-file.button.alt {
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #714a4a;
  color: #714a4a;
  padding: 16px 24px;
  outline: none;
  font-family: inherit;
  border-radius: 6px;
}

/*----------Tertiary Buttons Hovered-------------*/
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce .widget_shopping_cart .buttons a:hover,
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce table.my_account_orders .button:hover,
td a.woocommerce-MyAccount-downloads-file.button.alt:hover {
  background: #ffffff;
  border: 1px solid #714a4a;
  color: #714a4a;
}

/*---Disabled Buttons---*/
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  filter: grayscale(100%);
}

/*----------Links-------------*/
.woocommerce a.wcppec-checkout-buttons__button,
.woocommerce ul.product_list_widget li a,
.woocommerce ul.product-categories a,
.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce .woocommerce-widget-layered-nav-list__item a,
.woocommerce .wc-layered-nav-rating a,
.woocommerce div.tagcloud a,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
h2.woocommerce-loop-category__title,
.comment-form-rating a,
.woocommerce .download-product a,
a.woocommerce-remove-coupon,
.woocommerce a.shipping-calculator-button,
.woocommerce a.remove,
.woocommerce a.reset_variations,
.woocommerce .product-name a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-checkout-payment a,
.woocommerce-LostPassword a,
.woocommerce-Address-title a,
.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-content a,
a.woocommerce-review-link,
.posted_in a,
.tagged_as a,
.woocommerce .woocommerce-breadcrumb a {
  color: #714a4a;
  font-weight: 400;
  font-family: inherit;
  text-decoration: none;
}

/*----------Links Hovered-------------*/
.woocommerce a.wcppec-checkout-buttons__button:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce ul.product-categories a:hover,
.woocommerce .widget_layered_nav_filters ul li a:hover,
.woocommerce .woocommerce-widget-layered-nav-list__item a:hover,
.woocommerce div.tagcloud a:hover,
.comment-form-rating a:hover,
.woocommerce .download-product a:hover,
a.woocommerce-remove-coupon:hover,
.woocommerce a.shipping-calculator-button:hover,
.woocommerce a.remove:hover,
a.reset_variations:hover .product-name a:hover,
.woocommerce .product-name a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.woocommerce-message a:hover,
.woocommerce-checkout-payment a:hover,
.woocommerce-LostPassword a:hover,
.woocommerce-Address-title a:hover,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-content a:hover,
a.woocommerce-review-link:hover,
.posted_in a:hover,
.tagged_as a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
  color: #f5584e;
  text-decoration: underline;
}

/*-----------Labels----------------*/
.woocommerce div.product form.cart .variations label,
.woocommerce form label {
  font-size: 12px;
  color: #714a4a;
  margin-top: 8px;
  font-weight: 400;
  font-style: normal;
}

/*---------------Placeholders----------------*/
.woocommerce input[type="search"]::placeholder,
.woocommerce-page table.cart td.actions .input-text::placeholder,
.woocommerce form .form-row .input-text::placeholder,
.woocommerce-page form .form-row .input-text::placeholder {
  color: #714a4a;
  font-family: inherit;
}

/*---------------Dropdowns----------------*/
.select2-container--default .select2-selection--single,
.woocommerce div.product form.cart .variations select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #714a4a;
  background: #ffffff;
  font-family: inherit;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background: #714a4a;
  color: #ffffff;
  outline: none;
}

.select2-container--default .select2-results__option[data-selected=true] {
  background: #f5584e;
  color: #ffffff;
  outline: none;
}

.select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.select2-dropdown {
  border-radius: 0;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.6;
  color: #714a4a;
  padding: 0;
  min-height: 20px;
  padding-left: 0;
  outline: none;
}
.select2-container--open .select2-dropdown--below {
  padding: 0;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 4px center;
  height: 100%;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
    pointer-events: none;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

/*---------------Headings----------------*/
.woocommerce .oxy-product-info h2,
.woocommerce .widget_recent_reviews h2,
.woocommerce .widget_top_rated_products h2,
.woocommerce .widget_shopping_cart h2,
.woocommerce .widget_products h2,
.woocommerce .widget_product_categories h2,
.woocommerce .widget_layered_nav_filters h2,
.woocommerce .woocommerce-widget-layered-nav h2,
.woocommerce .widget_rating_filter h2,
.woocommerce .widget_price_filter h2,
.woocommerce div.widget_product_tag_cloud h2,
.woocommerce h1.page-title,
.woocommerce h1.product_title,
.woocommerce section.related.products h2,
.oxy-product-upsells > :is(h1, h2, h3, h4, h5, h6),
.woocommerce h2.woocommerce-Reviews-title,
.woocommerce span.comment-reply-title,
.woocommerce-Tabs-panel h2,
h2.woocommerce-order-downloads__title,
.woocommerce-orders article header h1,
.woocommerce-account article header h1,
.woocommerce-downloads article header h1,
.woocommerce-edit-address article header h1,
.woocommerce-account h2,
.woocommerce-Address-title h3,
.woocommerce-MyAccount-content h3,
.woocommerce-EditAccountForm legend,
h1.oxy-woo-archive-title,
h2.woocommerce-column__title,
h2.woocommerce-order-downloads__title,
h2.woocommerce-order-details__title,
.woocommerce-billing-fields h3,
.woocommerce-checkout h3,
.woocommerce .cart_totals h2,
.woocommerce .cross-sells h2 {
  color: #714a4a;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
}

/*--------Prices and Quantity------------*/
.woocommerce .price_label .from,
.woocommerce .price_label .to,
.woocommerce ul.products li.product .price,
.product-quantity,
.woocommerce .price ins,
.woocommerce-Price-amount,
.woocommerce-loop-category__title .count,
.woocommerce .price {
  color: #714a4a;
  font-weight: 700;
  font-size: 16px;
  background: transparent;
  text-decoration: none;
}

/*----Sale Price-----*/
.woocommerce .product_list_widget del span.woocommerce-Price-amount,
.woocommerce ul.products li.product .price del,
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount {
  font-size: 12px;
  font-weight: 200;
  color: #714a4a;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product span.price ins {
  color: #714a4a;
  font-weight: 700;
  font-size: inherit;
}

.woocommerce div.product p.price {
  font-size: 16px;
}

.woocommerce div.product p.price ins,
.woocommerce .oxy-woo-element .price ins {
  text-decoration: none;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce p.price del,
.woocommerce ul.products li.product .price del {
  opacity: 1;
  display: block;
}

/*--------------Table Headings----------------*/
.woocommerce-cart table.cart th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot th {
  font-weight: 400;
  color: #714a4a;
  font-size: 10px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*-------------------Texts---------------------*/
.woocommerce .woocommerce-mini-cart__total strong,
.woocommerce .woocommerce-mini-cart span.quantity,
.woocommerce .widget_product_categories span.count,
.woocommerce .woocommerce-widget-layered-nav-list__item span,
.woocommerce-product-attributes-item__value p,
.woocommerce-error,
.woocommerce-table--order-downloads,
.woocommerce-Address address,
.woocommerce-orders-table,
.woocommerce-table,
ul.woocommerce-shipping-methods,
p.woocommerce-shipping-destination,
.woocommerce-column--shipping-address address,
.woocommerce-column--billing-address address,
.woocommerce-order p,
.woocommerce .product-name,
.woocommerce .product-total,
.oxy-product-stock p,
.oxy-product-description p,
.woocommerce-Reviews .comment-text p,
.product .summary .product_meta,
.woocommerce-Tabs-panel,
.woocommerce-product-details__short-description p,
.woocommerce-form-track-order p,
.woocommerce-checkout-payment p,
.checkout_coupon p,
.woocommerce-ResetPassword p,
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.woocommerce-MyAccount-content p,
.woocommerce-breadcrumb,
p.woocommerce-result-count {
  color: #714a4a;
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
  font-style: normal;
}

/*------------Bold Texts---------------*/
.woocommerce-product-attributes-item__label,
.woocommerce-error strong,
.woocommerce-MyAccount-content strong,
.woocommerce-shipping-destination strong,
.woocommerce p.order-info mark,
.woocommerce-MyAccount-content mark.order-number,
.woocommerce-MyAccount-content mark.order-date,
.woocommerce-MyAccount-content mark.order-status,
.woocommerce-order-overview strong {
  color: #714a4a;
  font-weight: 700;
  font-family: inherit;
  background: transparent;
}

/*--------------------Badges---------------------*/
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #714a4a;
  font-size: 12px;
  padding: 6px 12px;
  line-height: 1.2;
  border-radius: 20px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  top: 12px;
  left: 12px;
  right: auto;
  position: absolute;
}

/* ----------------- */


/*-------------Product Tabs(description, addtl info, reviews) - single product--------------*/

.woocommerce div.product .oxy-woo-element .woocommerce-tabs .panel,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs .panel {
  margin-bottom: 0;
  padding: 20px 0;
}
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs {
  padding-left: 5px;
  display: flex;
  text-align: center;
  margin-bottom: 0;
  flex-shrink: 0;
}

.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li,
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  padding: 0;
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::before {
  display: none;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a {
  width: 100%;
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  padding: 16px 48px;
  z-index: 1000;
  font-weight: 400;
  border-radius: 0;
  word-break: break-word;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li a:hover {
  color: #f5584e;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li.active {
  background: white;
  border-bottom-color: white;
}
.woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce
  div.product
  .oxy-woo-element
  .woocommerce-tabs
  ul.tabs
  li.active
  a {
  color: #714a4a;
}

@media (max-width: 640px) {
  .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs,
  .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs {
    flex-direction: column;
    padding: 0;
    margin-bottom: 5px;
  }
  .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li,
  .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs li {
    margin: 5px 0;
  }
  .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce div.product .oxy-woo-element .woocommerce-tabs ul.tabs::before {
    border-bottom: none;
  }
  .woocommerce .oxy-woo-element div.product .woocommerce-tabs ul.tabs li.active,
  .woocommerce
    div.product
    .oxy-woo-element
    .woocommerce-tabs
    ul.tabs
    li.active {
    border-bottom-color: #d3ced2;
  }
}

/* tabs panel content (single product, any tab content) */

.woocommerce .oxy-woo-element table.shop_attributes th,
.woocommerce .oxy-woo-element table.shop_attributes td {
  border-top: 1px solid #d3ced2;
  padding: 8px;
}

/* single product - add to cart */

.woocommerce .oxy-product-cart-button,
.woocommerce .oxy-woo-element div.product form.cart {
  width: 100%;
  max-width: 360px;
}

.woocommerce .oxy-woo-element div.product .single_add_to_cart_button,
.woocommerce .single_add_to_cart_button {
  align-self: stretch;
  flex-grow: 1;
  border-radius: 0;
}

.woocommerce .oxy-woo-element div.product form.cart,
.woocommerce .oxy-product-cart-button form.cart,
.woocommerce div.product form.cart {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .oxy-woo-element div.product form.variations_form.cart,
.woocommerce .oxy-product-cart-button form.variations_form.cart {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.woocommerce .oxy-woo-element div.product form.cart td.value,
.woocommerce .oxy-product-cart-button td.value {
  padding: 0;
}

.woocommerce .oxy-woo-element div.product .woocommerce-variation-add-to-cart,
.woocommerce .woocommerce-variation-add-to-cart {
  display: flex;
  width: 100%;
}

/* Primary Buttons */
.woocommerce .widget_shopping_cart .buttons a.checkout.wc-forward,
.woocommerce button[type=submit],
.woocommerce button[name=woocommerce-form-login__submit],
.woocommerce button[name=save_account_details],
.woocommerce button[name=save_address],
.woocommerce .oxy-woo-element div.product form.cart button.button.alt,
.woocommerce .oxy-product-cart-button button.button.alt,
.woocommerce div.product form.cart .button {
  background-color: #714a4a;
  color: #ffffff;
  border-radius: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 16px 24px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #714a4a;
  border-radius: 6px;
  line-height: 1.2;
  font-weight: 700;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}
.woocommerce button[type=submit]:hover,
.woocommerce button[name=woocommerce-form-login__submit]:hover,
.woocommerce button[name=save_account_details]:hover,
.woocommerce button[name=save_address]:hover,
.woocommerce .oxy-woo-element div.product form.cart button.button.alt:hover,
.woocommerce .oxy-product-cart-button button.button.alt:hover,
.woocommerce div.product form.cart .button:hover {
  background-color: #f5584e;
  border: 1px solid #f5584e;
}

.woocommerce .oxy-woo-element div.product form.cart button.button.alt.disabled,
.woocommerce button.button.alt.disabled {
  background: #cccccc !important;
  border: 1px solid #cccccc !important;
  opacity: 1;
}

.woocommerce .quantity .qty {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 56px;
  padding: 8px 9px;
  margin-right: 12px;
  background: url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg),
    url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-up.svg), #ffffff;
  background-size: 6px, 6px;
  background-repeat: no-repeat, no-repeat;
  background-position: right 0.8em bottom calc(50% - 5px), right 0.8em top calc(50% - 5px);
  height: 100%;
}

.woocommerce table.variations tr {
  border-top: none;
}

.woocommerce .oxy-woo-element div.product form.cart .variations,
.woocommerce div.product .oxy-product-cart-button form.cart .variations {
  margin-bottom: 0;
}

.woocommerce .oxy-woo-element div.product form.cart table.variations tr,
.woocommerce table.variations tr {
  display: flex;
  flex-direction: column;
}

.woocommerce
  .oxy-woo-element
  div.product
  form.cart
  table.variations
  tr
  td
  label,
.woocommerce .oxy-product-cart-button table.variations tr td label {
  font-size: 12px;
  margin-right: 12px;
}

.woocommerce .oxy-woo-element div.product form.cart table.variations tr td a,
.woocommerce .oxy-product-cart-button table.variations tr td a {
  font-size: 12px;
}

.woocommerce .oxy-woo-element div.product form.cart a.reset_variations:before,
.woocommerce .oxy-product-cart-button table.variations tr td a:before {
  content: "× ";
}

.woocommerce .oxy-woo-element div.product form.cart .variations,
.woocommerce .oxy-product-cart-button div.product form.cart .variations {
  margin-bottom: 0;
}

.woocommerce .woocommerce-ordering select,
.woocommerce .oxy-woo-element div.product form.cart .variations select,
.woocommerce div.product .oxy-product-cart-button form.cart .variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce form.cart .variations select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 1.2;
  cursor: pointer;
  width: 100%;
  position: relative;
  background: url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff;
  background-size: 6px;
  padding-right: 24px;
  background-repeat: no-repeat;
  background-position: right 0.8em center;
}

.woocommerce input[type="number"]::-webkit-inner-spin-button,
.woocommerce input[type="number"]::-webkit-outer-spin-button {
  margin-right: -9px;
  opacity: 0.01;
  width: 24px;
  height:48px;
  cursor: pointer;
}

/* single product - rating below title / rating element */

.woocommerce .oxy-woo-element div.product .woocommerce-product-rating,
.woocommerce .oxy-product-rating .woocommerce-product-rating,
.woocommerce div.product .oxy-product-rating .woocommerce-product-rating {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.woocommerce
  .oxy-woo-element
  div.product
  .woocommerce-product-rating
  .star-rating::before,
.woocommerce .oxy-product-rating .star-rating::before {
  position: relative;
  color: #d3d3d3;
}

.woocommerce
  .oxy-woo-element
  div.product
  .woocommerce-product-rating
  .star-rating,
.woocommerce .oxy-product-rating .woocommerce-product-rating .star-rating {
  width: auto;
  letter-spacing: 2px;
  margin: 0 0 0 0;
}

.woocommerce
  .oxy-woo-element
  div.product
  .woocommerce-product-rating
  a.woocommerce-review-link,
.woocommerce .oxy-product-rating a.woocommerce-review-link {
  font-size: 12px;
}
.woocommerce
  .oxy-woo-element
  div.product
  .woocommerce-product-rating
  .star-rating
  span,
.woocommerce .oxy-product-rating .woocommerce .star-rating span {
  color: #714a4a;
}

/* Transitions */
.woocommerce .flex-control-thumbs li,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.select2-search--dropdown .select2-search__field,
.woocommerce
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox
  span::before,
.woocommerce ul.tabs li,
.woocommerce .woocommerce-product-gallery__trigger:after,
.woocommerce .woocommerce-product-gallery__trigger:before,
.woocommerce img:not(.zoomImg):not(.pswp__img),
.woocommerce textarea,
.woocommerce .checkbox,
.woocommerce .select2-selection,
.woocommerce input,
.woocommerce button,
.woocommerce select,
.woocommerce a {
  transition: all ease 0.2s;
}
/* End of Transitions */

/* Input Styles */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce textarea,
.select2-dropdown,
.woocommerce .select2-selection,
.woocommerce input[type="search"],
.woocommerce input[type="text"],
.woocommerce input[type="number"],
.woocommerce input[type="tel"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce select {
  height: auto;
  font-size: 14px;
  border: 1px solid #714a4a;
  background: #ffffff;
  color: #714a4a;
  outline: none;
  font-family: inherit;
  padding: 8px 12px;
  border-radius: 4px;
  resize: none;
}
/* Focus State */
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce textarea:focus,
.select2-dropdown:focus,
.woocommerce .select2-selection:focus,
.woocommerce input[type="search"]:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="number"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce select:focus {
  border: 1px solid #270200;
  box-shadow: 0 0 5px #270200;
}
/* End of Inputs */

/* Custom Checkbox */
.woocommerce-form-login input[type="checkbox"],
.oxy-woo-checkout input[type="checkbox"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.01;
  display: none !important;
}
.woocommerce-form-login
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme,
.oxy-woo-checkout
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox {
  position: relative;
  cursor: pointer;
  padding-left: 16px;
  margin-top: 0;
}
.woocommerce-form-login
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span,
.oxy-woo-checkout
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox span{
    margin-left: 18px;
}
.woocommerce-form-login
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme
  span::before,
.oxy-woo-checkout
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox
  span::before {
  width: 24px;
  height: 24px;
  border: 1px solid #d3ced2;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-size: 50%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}
input[type="checkbox"]:checked ~ span::before,
input[type="checkbox"]:checked ~ label span::before {
  background: url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/check-mark.svg), #ffffff;
}
.woocommerce-form-login
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  margin-top: 34px;
}
.oxy-woo-checkout
  label.woocommerce-form__label.woocommerce-form__label-for-checkbox
  span::before {
  margin-top: -4px;
}
/* End of Custom Checkbox */

/* Product Column Fix */
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
  width: 100%;
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
  margin: 0;
  width: 50%;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
  margin: 0;
  width: 33.33%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 25%;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 20px;
}
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
  margin: 0;
  width: 20%;
}
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
  margin: 0;
  width: 16.6%;
}
/* End of Product Column Fix */

/*--- Radio Buttons Style ---*/
.woocommerce input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #714a4a;
  border-radius: 100%;
  outline: none;
  cursor: pointer;
}

/* WooCommerce Payments plugin compatibility */
.woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput {
  width: 20px !important;
  height: 20px !important;
  margin: 6px 8px 0 0 !important;
}

.woocommerce input[type=radio]:hover {
  border: 1px solid #270200;
  box-shadow: 0 0 5px #270200;
}

.woocommerce input[type=radio]:checked {
  background: #714a4a;
  box-shadow: inset 0 0 0 8px #ffffff;
}

/* WooCommerce Payments plugin compatibility */
.woocommerce input[type=radio].woocommerce-SavedPaymentMethods-tokenInput:checked {
  box-shadow: inset 0 0 0 4px #ffffff;
}

.woocommerce input[type=radio]:checked:hover {
  box-shadow: inset 0 0 0 8px #ffffff, 0 0 5px #270200;
}

/*--------------------Tables and Forms Style-------------------------*/
.oxy-woo-order-tracking form,
.woocommerce form.woocommerce-ResetPassword.lost_reset_password,
.woocommerce .woocommerce-EditAccountForm,
.woocommerce .woocommerce-address-fields,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce .col2-set,
.woocommerce-form-coupon,
.woocommerce #reviews #comments ol.commentlist li .comment-text,
ul.woocommerce-order-overview,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon,
.woocommerce table.shop_table {
  border: 1px solid #d3ced2;
  border-top: 3px solid #714a4a;
  border-radius: 0;
  background: #ffffff;
  padding: 20px;
  border-collapse: collapse;
  box-shadow: var(--box-shadow) 0 10px 20px;
}
fieldset {
  background: transparent;
}
.woocommerce table tr {
  border-top: 1px solid #d3ced2;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th {
  border: none;
  padding: 12px 20px;
  font-weight: 400;
  color: #714a4a;
}
/* End of Tables and Forms Styles */



/* Notification Styles */
.woocommerce-info, .woocommerce-error, .woocommerce-message {
  padding-right: 20px;
  border-bottom: 1px solid #d3ced2;
  border-left: 1px solid #d3ced2;
  border-right: 1px solid #d3ced2;
  border-radius: 0;
  background: #ffffff;
  border-collapse: collapse;
  box-shadow: var(--box-shadow) 0 10px 20px;
}
/* Info */
.woocommerce-info::before {
  color: #00adef;
}
.woocommerce-info {
  border-top-color: #00adef;
}
/* Error */
.woocommerce-error::before {
  color: #e96199;
}
.woocommerce-error {
  border-top-color: #e96199;
}
/* Message */
.woocommerce-message::before {
  color: #65bec2;
}
.woocommerce-message {
  border-top-color: #65bec2;
}
/* End of Notification Sytles */


/* Shop, Uppsells, Related Product Shared Styles Styles */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -20px 20px;
}
.woocommerce ul.products li.product .button {
  margin-top: auto;
}
.woocommerce a.added_to_cart {
  margin-top: 12px;
}
.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
}

/* Product Info Shared Styles */

.woocommerce .oxy-product-info,
.woocommerce .oxy-product-tabs {
  width: 100%;
}

.woocommerce table.shop_attributes {
  border-top: 1px solid #d3ced2;
  border-collapse: collapse;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
  background: transparent;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  border-bottom: 1px solid #d3ced2;
  text-align: left;
}


/* Widgets Headings */
.ct-widget .widget.woocommerce .widgettitle {
  font-size: px;
  font-weight: ;
  font-family: ;
}
/* End of Widgets Headings */


/* Search Products Widget */
.woocommerce form.woocommerce-product-search {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.woocommerce input.search-field {
  flex-grow: 1;
  margin-right: 8px;
  min-width: 120px;
}
/* End of Widget */



/* Product Tags Cloud Widget */
.woocommerce div.tagcloud {
  line-height: 1.2;
}
/* End of Widget */



/* Filter by Price Widget */
.woocommerce .widget_price_filter .ui-slider {
  margin: 20px 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #d3ced2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  width: 24px;
  height: 24px;
  background-color: #714a4a;
  top: -8px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #714a4a;
}
.woocommerce .widget_price_filter .price_slider_amount {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
  margin-right: 12px;
}
.woocommerce .price_label {
  text-align: left;
  line-height: 1.6;
}
/* End of Widget */



/* Rating Filter Widget */
.woocommerce .widget_rating_filter ul li a {
  display: flex;
  float: left;
  align-items: center;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
  color: #d3ced2;
  position: relative;
  content: '×';
  margin-right: 4px;
  top: -1px;
}
.woocommerce .widget_rating_filter ul li.chosen:hover a::before {
  color: #f5584e;
}
/* End of Widget */



/* Attributes Filter Widget */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
  color: #d3ced2;
  position: relative;
  content: '×';
  margin-right: 4px;
  top: -1px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen:hover a::before {
  color: #f5584e;
}
/* End of Widget */



/* Active Filters Widget */
.woocommerce .widget_layered_nav_filters ul li a::before {
  color: #d3ced2;
  position: relative;
  content: '×';
  margin-right: 4px;
  top: -1px;
}
.woocommerce .widget_layered_nav_filters ul li:hover a::before {
  color: #f5584e;
}
.woocommerce .widget_layered_nav_filters ul li:hover span.woocommerce-Price-amount {
  color: #f5584e;
}
/* End of Widget */



/* Product Categories Widget */
.woocommerce .widget_product_categories ul {
  padding-left: 20px;
  list-style: none;
}
.woocommerce .widget_product_categories ul li::before {
  color: #d3ced2;
  content: '•';
  position: relative;
  margin-right: 8px;
  margin-left: -20px;
}
.woocommerce .widget_product_categories ul.product-categories {
  margin-top: 0;
}
.woocommerce .widget_product_categories .select2-container .select2-selection--single {
  height: auto;
  border-color: #714a4a;
  background: url(https://www.b2bchocandco.com/wp-content/plugins/oxygen-woocommerce/elements/assets/chevron-down.svg), #ffffff;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: right 0.8em center;
}
.woocommerce .widget_product_categories .select2-container .select2-selection--single:focus {
  border-color: #270200;
}
.woocommerce .widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.woocommerce .select2-container--open .select2-dropdown--below {
  border-color: #714a4a
}
.woocommerce .select2-container--open .select2-dropdown--above {
  padding: 0;
  border-color: #714a4a;
}
.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #714a4a;
}
.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #270200;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__clear {
  font-weight: 300;
  color: #d3ced2;
  font-size: 24px;
  line-height: 1;
}
.woocommerce .select2-container--default .select2-selection--single:hover .select2-selection__clear {
  color: #f5584e;
}
/* End of Widget */



/* Products, Cart Widgets */
.woocommerce .product_list_widget ins {
  text-decoration: none;
}
.woocommerce .product_list_widget del {
  color: #714a4a;
}
.woocommerce ul.product_list_widget li img {
  border: 1px solid #d3ced2;
  width: 40px;
  float: left;
  margin-bottom: 16px;
  margin-right: 12px;
  margin-left: 0;
  margin-top: 4px;
}
.woocommerce ul.product_list_widget li {
  border-bottom: 1px solid #d3ced2;
  margin-bottom: 4px;
  padding-bottom: 8px;
}
.woocommerce .product_list_widget .reviewer {
  font-size: 12px;
  color: #714a4a;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  right: 0;
  left: auto;
  color: #d3ced2 !important;
  font-weight: 300;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover {
  color: #f5584e !important;
  background: none;
  text-decoration: none;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 0;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
  margin-right: 0;
}
/* End of Widget */

/*---Safari Row Hotfix---*/
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
  width: 100%;
}

/*---Product Title Hotfix (Must be in product-title.css)---*/
.woocommerce h1.product_title.oxy-product-title {
  margin: 0;
}

/*---Fix for shopping cart duplication issue on AJAX update---*/
.ct-modal .woocommerce-cart-form:not(:nth-child(2)) {
  display: none;
}

.ct-modal .cart-collaterals > .cart_totals:not(:nth-child(1)) {
  display: none;
}

/*---Fix for WooCommerce Payments credit card images on checkout---*/
.woocommerce label[for="payment_method_woocommerce_payments"],
.woocommerce label[for="payment_method_bacs"],
.woocommerce label[for="payment_method_cod"] {
  display: flex;
  flex-direction: row;
}

.woocommerce label[for="payment_method_woocommerce_payments"] img,
.woocommerce label[for="payment_method_bacs"] img,
.woocommerce label[for="payment_method_cod"] img {
  width: 32px;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1250px;
}
body {font-family: 'Inter';}body {line-height: 1.8;font-size: 16px;font-weight: 400;color: ;}.oxy-nav-menu-hamburger-line {background-color: ;}h1, h2, h3, h4, h5, h6 {font-family: 'Cormorant Garamond';font-size: 55px;font-weight: 400;line-height: 1.2;color: #714a4a;}h2, h3, h4, h5, h6{font-size: 42px;font-weight: 400;color: #714a4a;}h3, h4, h5, h6{font-size: 36px;}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {font-weight: 900;border-radius: px;}.ct-section-inner-wrap {
padding-top: 50px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.x-btn-primary:hover{
background-color :#f5584e;
border: 1px solid #f5584e;
}.x-btn-primary:hover{
 background-color:#f5584e;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.x-btn-primary {
background-color :#714a4a;
border: 1px solid #714a4a;
}.x-btn-primary {
 font-family:Cormorant Garamond;
 button-hover_color:#f5584e;
 transition-duration:.2s;
 transition-timing-function:linear;
 background-color:#714a4a;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 font-size:24px;
 font-weight:300;
}
.x-bottomBar {
}
.x-foot {
 background-color:#270200;
 color:#e6d6c4;
 padding-top:80px;
 padding-bottom:28px;
}
@media (max-width: 479px) {
.x-foot {
 padding-top:48px;
}
}

.x-foot-top {
 grid-template-columns:1.6fr 1fr 1fr 1.4fr;
 gap:40px;
}
.x-foot-top:not(.ct-section):not(.oxy-easy-posts),
.x-foot-top.oxy-easy-posts .oxy-posts,
.x-foot-top.ct-section .ct-section-inner-wrap{
display:grid;
gap:40px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.x-foot-top {
 grid-template-columns:1fr 1fr;
 gap:32px;
}
.x-foot-top:not(.ct-section):not(.oxy-easy-posts),
.x-foot-top.oxy-easy-posts .oxy-posts,
.x-foot-top.ct-section .ct-section-inner-wrap{
display:grid;
gap:32px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 479px) {
.x-foot-top {
 grid-template-columns:1fr;
}
.x-foot-top:not(.ct-section):not(.oxy-easy-posts),
.x-foot-top.oxy-easy-posts .oxy-posts,
.x-foot-top.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-foot-col {
}
.x-foot-col:not(.ct-section):not(.oxy-easy-posts),
.x-foot-col.oxy-easy-posts .oxy-posts,
.x-foot-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.x-foot-logo {
 height:40px;
 margin-bottom:0px;
}
.x-foot-logo:not(.ct-section):not(.oxy-easy-posts),
.x-foot-logo.oxy-easy-posts .oxy-posts,
.x-foot-logo.ct-section .ct-section-inner-wrap{
display:block;
}
.x-foot-tag {
 font-family:Inter;
 margin-top:16px;
 max-width:300px;
 font-size:14px;
 line-height:1.6;
 color:#e6d6c4;
}
.x-foot-h4 {
 font-family:Inter;
 font-weight:400;
 font-size:12px;
 letter-spacing:0.18empx;
 text-transform:uppercase;
 color:#d6c0a8;
 margin-top:0px;
 margin-bottom:18px;
}
.x-foot-links {
 gap:11px;
}
.x-foot-links:not(.ct-section):not(.oxy-easy-posts),
.x-foot-links.oxy-easy-posts .oxy-posts,
.x-foot-links.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:11px;
}
.x-foot-link:hover{
 color:#f7f0e9;
}
.x-foot-link {
 font-family:Inter;
 color:#e6d6c4;
 font-size:14px;
 text-decoration:none;
 transition-duration:.2s;
}
.x-foot-addr {
 font-family:Inter;
 color:#e6d6c4;
 font-size:14px;
 line-height:1.6;
}
.x-foot-social {
 gap:10px;
 margin-top:20px;
}
.x-foot-social:not(.ct-section):not(.oxy-easy-posts),
.x-foot-social.oxy-easy-posts .oxy-posts,
.x-foot-social.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:10px;
}
.x-foot-social-link:hover{
 color:#f7f0e9;
 border-top-color:#f0e6da;
 border-right-color:#f0e6da;
 border-bottom-color:#f0e6da;
 border-left-color:#f0e6da;
}
.x-foot-social-link {
 width:36px;
 height:36px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:rgba(247,240,233,0.22);
 border-right-color:rgba(247,240,233,0.22);
 border-bottom-color:rgba(247,240,233,0.22);
 border-left-color:rgba(247,240,233,0.22);
 border-radius:999px;
 border-top-left-radius:999px;
 border-top-right-radius:999px;
 border-bottom-left-radius:999px;
 border-bottom-right-radius:999px;
 color:#f0e6da;
 transition-duration:.2s;
}
.x-foot-social-link:not(.ct-section):not(.oxy-easy-posts),
.x-foot-social-link.oxy-easy-posts .oxy-posts,
.x-foot-social-link.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-social-footer {
 height:25px;
}
.x-topbar {
}
.x-util-link:hover{
 color:#f5584e;
}
.x-util-link {
 font-family:Inter;
 color:#f7f0e9;
 font-size:13px;
 text-decoration:none;
 letter-spacing:0.04empx;
 margin-left:18px;
}
@media (max-width: 991px) {
.x-util-link {
 font-size:11px;
 margin-left:16px;
}
}

.x-lang {
 gap:2px;
 margin-left:18px;
 padding-left:16px;
 border-left-style:solid;
 border-left-width:1px;
 border-left-color:rgba(247,240,233,0.25);
 padding-top:0px;
 padding-bottom:0px;
 margin-top:0px;
 margin-bottom:0px;
}
.x-lang:not(.ct-section):not(.oxy-easy-posts),
.x-lang.oxy-easy-posts .oxy-posts,
.x-lang.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:2px;
}
.x-lang-btn:hover{
 color:#f7f0e9;
}
.x-lang-btn {
 font-family:Inter;
 font-size:12px;
 letter-spacing:0.1empx;
 text-transform:uppercase;
 text-decoration:none;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:4px;
 padding-right:4px;
 color:#f7f0e9;
}
.x-menu-main {
}
.x-product-gallery {
 width:100%;
}
.x-product-gallery div.flex-viewport, .x-product-gallery div.images .flex-control-thumbs li, .x-product-gallery .woocommerce-product-gallery__wrapper{
border-radius:6px;
}

.x-product-gallery .woocommerce-product-gallery__wrapper, .x-product-gallery div.flex-viewport{
border-color:#e6d6c4;
border-width:1px;
}

.x-product-gallery .woocommerce-product-gallery__wrapper{
background-color:#ffffff;
}

.x-product-gallery .flex-control-thumbs li{
border-color:#e6d6c4;
border-width:1px;
}

.x-product-gallery div.images .woocommerce-product-gallery__trigger:before{
border-color:#714a4a;
}

.x-product-gallery div.images .woocommerce-product-gallery__trigger:after{
background:#714a4a;
}

.x-product-categories {
 margin-bottom:30px;
}
.x-warranty-container-img {
 width:60px;
 height:60px;
 flex-shrink:0;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:rgba(247,240,233,0.32);
 border-right-color:rgba(247,240,233,0.32);
 border-bottom-color:rgba(247,240,233,0.32);
 border-left-color:rgba(247,240,233,0.32);
 border-radius:999px;
 border-top-left-radius:999px;
 border-top-right-radius:999px;
 border-bottom-left-radius:999px;
 border-bottom-right-radius:999px;
 color:#f7f0e9;
 min-width:60px;
 min-height:60px;
}
.x-warranty-container-img:not(.ct-section):not(.oxy-easy-posts),
.x-warranty-container-img.oxy-easy-posts .oxy-posts,
.x-warranty-container-img.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-warranty-img {
 height:40px;
 width:40px;
}
.x-warranty-title {
 font-family:Inter;
 margin-top:0px;
 margin-bottom:0px;
 color:#f0e6da;
 line-height:1.45;
 font-size:12px;
}
.x-shop-layout {
 grid-template-columns:272px 1fr;
 gap:40px;
 width:100%;
}
.x-shop-layout:not(.ct-section):not(.oxy-easy-posts),
.x-shop-layout.oxy-easy-posts .oxy-posts,
.x-shop-layout.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:40px;
}
@media (max-width: 991px) {
.x-shop-layout {
 grid-template-columns:1fr;
}
.x-shop-layout:not(.ct-section):not(.oxy-easy-posts),
.x-shop-layout.oxy-easy-posts .oxy-posts,
.x-shop-layout.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.x-shop-filters {
 position:sticky;
 top:100px;
 align-self:start;
 width:30%;
}
.x-shop-filters:not(.ct-section):not(.oxy-easy-posts),
.x-shop-filters.oxy-easy-posts .oxy-posts,
.x-shop-filters.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 991px) {
.x-shop-filters {
 width:100%;
}
}

.x-shop-toolbar {
 gap:14px;
 padding-bottom:20px;
 margin-bottom:26px;
 width:100%;
}
.x-shop-toolbar:not(.ct-section):not(.oxy-easy-posts),
.x-shop-toolbar.oxy-easy-posts .oxy-posts,
.x-shop-toolbar.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:flex-end;
gap:14px;
}
@media (max-width: 767px) {
.x-shop-toolbar {
}
.x-shop-toolbar:not(.ct-section):not(.oxy-easy-posts),
.x-shop-toolbar.oxy-easy-posts .oxy-posts,
.x-shop-toolbar.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}

.x-eyebrow {
 font-family:Inter;
 font-size:14px;
 font-weight:400;
 letter-spacing:0.26empx;
 text-transform:uppercase;
 margin-bottom:14px;
 color:#714a4a;
}
.x-eyebrow:not(.ct-section):not(.oxy-easy-posts),
.x-eyebrow.oxy-easy-posts .oxy-posts,
.x-eyebrow.ct-section .ct-section-inner-wrap{
display:inline-block;
}
.x-h1 {
}
@media (max-width: 991px) {
.x-h1 {
 font-size:30px;
}
}

.x-section-lead {
 font-family:Inter;
 font-size:19px;
 line-height:1.6;
 color:#714a4a;
 margin-top:14px;
}
.oxel-breadcrumb-wrapper {
 width:100%;
}
.oxel-breadcrumb-code {
 width:100%;
}
.x-prod-left {
 width:50%;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
}
.x-prod-summary {
 width:50%;
 padding-left:50px;
 height:fit-content ;
}
@media (max-width: 991px) {
.x-prod-summary {
 padding-left:0px;
}
}

.x-prod-tabs {
 width:100%;
 overflow:scroll;
 margin-top:20px;
 margin-bottom:10px;
}
.x-prod-tabs:not(.ct-section):not(.oxy-easy-posts),
.x-prod-tabs.oxy-easy-posts .oxy-posts,
.x-prod-tabs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
}
.x-prod-tab-link {
}
.x-prod-h2 {
}
.x-h2 {
}
@media (max-width: 991px) {
.x-h2 {
 font-size:28px;
}
}

.x-btn-cream:hover{
 background-color:#e6d6c4;
 border-top-color:#e6d6c4;
 border-right-color:#e6d6c4;
 border-bottom-color:#e6d6c4;
 border-left-color:#e6d6c4;
}
.x-btn-cream {
 font-family:Inter;
 font-size:13px;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:0.18empx;
 border-radius:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:28px;
 padding-right:28px;
 min-height:48px;
 transition-duration:.22s;
 background-color:#f7f0e9;
 color:#270200;
 border-top-color:#f7f0e9;
 border-right-color:#f7f0e9;
 border-bottom-color:#f7f0e9;
 border-left-color:#f7f0e9;
}
.x-btn-cream:not(.ct-section):not(.oxy-easy-posts),
.x-btn-cream.oxy-easy-posts .oxy-posts,
.x-btn-cream.ct-section .ct-section-inner-wrap{
display:inline-flex;
align-items:center;
justify-content:center;
}
.x-promo {
 background-color:#270200;
 padding-top:96px;
 padding-bottom:96px;
 position:relative;
}
.x-promo .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-promo {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-promo-grid {
 grid-template-columns:0.9fr 1.1fr;
 gap:56px;
 width:100%;
}
.x-promo-grid:not(.ct-section):not(.oxy-easy-posts),
.x-promo-grid.oxy-easy-posts .oxy-posts,
.x-promo-grid.ct-section .ct-section-inner-wrap{
display:grid;
align-items:center;
gap:56px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(5, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.x-promo-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.x-promo-grid.ct-section .ct-section-inner-wrap > :last-child,
.x-promo-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 3;}
.x-promo-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.x-promo-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.x-promo-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 2;}
@media (max-width: 991px) {
.x-promo-grid {
}
.x-promo-grid:not(.ct-section):not(.oxy-easy-posts),
.x-promo-grid.oxy-easy-posts .oxy-posts,
.x-promo-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 767px) {
.x-promo-grid {
 grid-template-columns:1fr;
 gap:40px;
}
.x-promo-grid:not(.ct-section):not(.oxy-easy-posts),
.x-promo-grid.oxy-easy-posts .oxy-posts,
.x-promo-grid.ct-section .ct-section-inner-wrap{
gap:40px;
}
}

.x-promo-copy {
 width:100%;
}
.x-promo-text {
 font-family:Inter;
 font-size:19px;
 line-height:1.6;
 color:#e6d6c4;
 margin-top:18px;
 max-width:460px;
}
.x-btn-outline:hover{
 background-color:#270200;
 color:#f7f0e9;
}
.x-btn-outline {
 font-family:Inter;
 font-size:13px;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:0.18empx;
 border-radius:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:28px;
 padding-right:28px;
 min-height:48px;
 transition-duration:.22s;
 background-color:transparent;
 color:#270200;
 border-top-color:#270200;
 border-right-color:#270200;
 border-bottom-color:#270200;
 border-left-color:#270200;
}
.x-btn-outline:not(.ct-section):not(.oxy-easy-posts),
.x-btn-outline.oxy-easy-posts .oxy-posts,
.x-btn-outline.ct-section .ct-section-inner-wrap{
display:inline-flex;
align-items:center;
justify-content:center;
}
.x-rail {
 background-color:#f7f0e9;
 padding-top:84px;
 padding-bottom:84px;
}
.x-rail .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-rail {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-rail-head {
 gap:20px;
 margin-bottom:40px;
 width:100%;
}
.x-rail-head:not(.ct-section):not(.oxy-easy-posts),
.x-rail-head.oxy-easy-posts .oxy-posts,
.x-rail-head.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
gap:20px;
}
@media (max-width: 767px) {
.x-rail-head {
 gap:20px;
}
.x-rail-head:not(.ct-section):not(.oxy-easy-posts),
.x-rail-head.oxy-easy-posts .oxy-posts,
.x-rail-head.ct-section .ct-section-inner-wrap{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}

.x-rail-head-copy {
 max-width:560px;
}
.x-section-head {
}
.x-cats {
 padding-top:84px;
 padding-bottom:84px;
}
.x-cats .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-cats {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-foot-bottom {
 gap:14px;
 margin-top:44px;
 padding-top:22px;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgba(247,240,233,0.14);
 width:100%;
}
.x-foot-bottom:not(.ct-section):not(.oxy-easy-posts),
.x-foot-bottom.oxy-easy-posts .oxy-posts,
.x-foot-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:14px;
}
.x-foot-copy {
 font-family:Inter;
 font-size:13px;
 color:#d6c0a8;
}
.x-certs {
 background-color:#f7f0e9;
 padding-top:64px;
 padding-bottom:64px;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:#e6d6c4;
}
@media (max-width: 479px) {
.x-certs {
 padding-top:44px;
 padding-bottom:44px;
}
}

.x-certs-head {
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}
.x-certs-head:not(.ct-section):not(.oxy-easy-posts),
.x-certs-head.oxy-easy-posts .oxy-posts,
.x-certs-head.ct-section .ct-section-inner-wrap{
align-items:center;
}
.x-certs-title {
 font-family:Cormorant Garamond;
 font-size:32px;
 line-height:1.2;
 color:#714a4a;
 margin-top:0px;
 margin-bottom:0px;
}
@media (max-width: 991px) {
.x-certs-title {
 font-size:26px;
}
}

.x-certs-row {
 column-gap:40;
 row-gap:16;
 margin-top:26px;
 width:100%;
 gap:20px;
 text-align:justify;
}
.x-certs-row:not(.ct-section):not(.oxy-easy-posts),
.x-certs-row.oxy-easy-posts .oxy-posts,
.x-certs-row.ct-section .ct-section-inner-wrap{
display:grid;
justify-content:space-around;
gap:20px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.x-certs-row {
}
.x-certs-row:not(.ct-section):not(.oxy-easy-posts),
.x-certs-row.oxy-easy-posts .oxy-posts,
.x-certs-row.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 767px) {
}

.x-cert {
 gap:12px;
}
.x-cert:not(.ct-section):not(.oxy-easy-posts),
.x-cert.oxy-easy-posts .oxy-posts,
.x-cert.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:12px;
}
.x-cert-seal {
 font-family:Cormorant Garamond;
 width:46px;
 height:46px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#714a4a;
 border-right-color:#714a4a;
 border-bottom-color:#714a4a;
 border-left-color:#714a4a;
 border-radius:999px;
 border-top-left-radius:999px;
 border-top-right-radius:999px;
 border-bottom-left-radius:999px;
 border-bottom-right-radius:999px;
 color:#714a4a;
 font-size:17px;
 flex-shrink:0;
 text-align:center;
}
.x-cert-seal:not(.ct-section):not(.oxy-easy-posts),
.x-cert-seal.oxy-easy-posts .oxy-posts,
.x-cert-seal.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-cert-copy {
 text-align:left;
}
.x-cert-copy:not(.ct-section):not(.oxy-easy-posts),
.x-cert-copy.oxy-easy-posts .oxy-posts,
.x-cert-copy.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.x-cert-name {
 font-family:Inter;
 font-weight:400;
 font-size:14px;
 color:#3a1c16;
 letter-spacing:0.04empx;
}
.x-cert-desc {
 font-size:12px;
 color:#a98a87;
}
.x-cert-desc:not(.ct-section):not(.oxy-easy-posts),
.x-cert-desc.oxy-easy-posts .oxy-posts,
.x-cert-desc.ct-section .ct-section-inner-wrap{
display:block;
}
.x-rse {
 padding-top:96px;
 padding-bottom:96px;
}
.x-rse .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-rse {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-rse-panel {
background-image:url(https://b2bchocandco.com/wp-content/uploads/2026/07/action-bg.webp);background-size: cover; border-radius:16px;
 border-top-left-radius:16px;
 border-top-right-radius:16px;
 border-bottom-left-radius:16px;
 border-bottom-right-radius:16px;
 padding-top:56px;
 padding-bottom:56px;
 padding-left:56px;
 padding-right:56px;
 margin-top:40px;
 width:100%;
 margin-bottom:40px;
}
@media (max-width: 479px) {
.x-rse-panel {
 padding-top:30px;
 padding-bottom:30px;
 padding-left:24px;
 padding-right:24px;
}
}

.x-rse-panel-title {
 font-family:Cormorant Garamond;
 font-size:30px;
 color:#f7f0e9;
 margin-bottom:30px;
}
.x-rse-panel-title:not(.ct-section):not(.oxy-easy-posts),
.x-rse-panel-title.oxy-easy-posts .oxy-posts,
.x-rse-panel-title.ct-section .ct-section-inner-wrap{
display:block;
}
.x-rse-list {
 grid-template-columns:1fr 1fr;
 column-gap:52;
 row-gap:4;
 width:100%;
}
.x-rse-list:not(.ct-section):not(.oxy-easy-posts),
.x-rse-list.oxy-easy-posts .oxy-posts,
.x-rse-list.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 767px) {
.x-rse-list {
 grid-template-columns:1fr;
}
.x-rse-list:not(.ct-section):not(.oxy-easy-posts),
.x-rse-list.oxy-easy-posts .oxy-posts,
.x-rse-list.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-rse-item {
 gap:16px;
 padding-top:20px;
 padding-bottom:20px;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgba(247,240,233,0.13);
}
.x-rse-item:not(.ct-section):not(.oxy-easy-posts),
.x-rse-item.oxy-easy-posts .oxy-posts,
.x-rse-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:16px;
}
.x-rse-ic {
 width:80px;
 height:80px;
 flex-shrink:0;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:rgba(247,240,233,0.32);
 border-right-color:rgba(247,240,233,0.32);
 border-bottom-color:rgba(247,240,233,0.32);
 border-left-color:rgba(247,240,233,0.32);
 border-radius:999px;
 border-top-left-radius:999px;
 border-top-right-radius:999px;
 border-bottom-left-radius:999px;
 border-bottom-right-radius:999px;
 color:#f7f0e9;
}
.x-rse-ic:not(.ct-section):not(.oxy-easy-posts),
.x-rse-ic.oxy-easy-posts .oxy-posts,
.x-rse-ic.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-rse-text {
 font-family:Inter;
 margin-top:0px;
 margin-bottom:0px;
 color:#f0e6da;
 font-size:20px;
 line-height:1.45;
 font-weight:500;
}
.x-why {
 background-color:#f7f0e9;
 padding-top:96px;
 padding-bottom:96px;
 overflow:hidden;
 position:relative;
}
.x-why .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-why {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-why-grid {
 grid-template-columns:repeat(3, 1fr);
 gap:24px;
 margin-top:40px;
}
.x-why-grid:not(.ct-section):not(.oxy-easy-posts),
.x-why-grid.oxy-easy-posts .oxy-posts,
.x-why-grid.ct-section .ct-section-inner-wrap{
display:grid;
align-items:stretch;
gap:24px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.x-why-grid {
 grid-template-columns:repeat(2, 1fr);
}
.x-why-grid:not(.ct-section):not(.oxy-easy-posts),
.x-why-grid.oxy-easy-posts .oxy-posts,
.x-why-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 767px) {
.x-why-grid {
 grid-template-columns:1fr;
}
.x-why-grid:not(.ct-section):not(.oxy-easy-posts),
.x-why-grid.oxy-easy-posts .oxy-posts,
.x-why-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-value {
 background-color:#ffffff;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#e6d6c4;
 border-right-color:#e6d6c4;
 border-bottom-color:#e6d6c4;
 border-left-color:#e6d6c4;
 border-radius:10px;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 padding-top:30px;
 padding-bottom:30px;
 padding-left:28px;
 padding-right:28px;
}
.x-value:not(.ct-section):not(.oxy-easy-posts),
.x-value.oxy-easy-posts .oxy-posts,
.x-value.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.x-value-num {
 font-family:Cormorant Garamond;
 font-size:30px;
 line-height:1;
 background-color:#714a4a;
 color:#f7f0e9;
 border-radius:100%;
 width:60px;
 height:60px;
}
.x-value-num:not(.ct-section):not(.oxy-easy-posts),
.x-value-num.oxy-easy-posts .oxy-posts,
.x-value-num.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-value-title {
 font-family:Cormorant Garamond;
 font-size:21px;
 line-height:1.25;
 color:#270200;
 margin-top:18px;
 margin-bottom:10px;
}
.x-value-text {
 font-family:Inter;
 font-size:15px;
 line-height:1.7;
 color:#8a6360;
 margin-top:0px;
 margin-bottom:0px;
}
.x-brands {
 padding-top:96px;
 padding-bottom:96px;
}
@media (max-width: 479px) {
.x-brands {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-brand-grid {
 grid-template-columns:1fr 1fr;
 gap:24px;
 margin-top:40px;
}
.x-brand-grid:not(.ct-section):not(.oxy-easy-posts),
.x-brand-grid.oxy-easy-posts .oxy-posts,
.x-brand-grid.ct-section .ct-section-inner-wrap{
display:grid;
gap:24px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 767px) {
.x-brand-grid {
 grid-template-columns:1fr;
}
.x-brand-grid:not(.ct-section):not(.oxy-easy-posts),
.x-brand-grid.oxy-easy-posts .oxy-posts,
.x-brand-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-brand-card {
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#e6d6c4;
 border-right-color:#e6d6c4;
 border-bottom-color:#e6d6c4;
 border-left-color:#e6d6c4;
 border-radius:16px;
 border-top-left-radius:16px;
 border-top-right-radius:16px;
 border-bottom-left-radius:16px;
 border-bottom-right-radius:16px;
 padding-top:44px;
 padding-bottom:44px;
 padding-left:44px;
 padding-right:44px;
 background-color:#f7f0e9;
 gap:16px;
}
.x-brand-card:not(.ct-section):not(.oxy-easy-posts),
.x-brand-card.oxy-easy-posts .oxy-posts,
.x-brand-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
.x-brand-card-dark {
 background-color:#270200;
}
.x-b-word-dark {
 font-family:Cormorant Garamond;
 font-size:40px;
 letter-spacing:0.02empx;
 color:#f7f0e9;
}
.x-b-word-light {
 font-family:Cormorant Garamond;
 font-size:40px;
 letter-spacing:0.02empx;
 color:#270200;
}
.x-b-sub-dark {
 font-size:12px;
 letter-spacing:0.22empx;
 text-transform:uppercase;
 color:#e6d6c4;
 margin-top:6px;
}
.x-b-sub-dark:not(.ct-section):not(.oxy-easy-posts),
.x-b-sub-dark.oxy-easy-posts .oxy-posts,
.x-b-sub-dark.ct-section .ct-section-inner-wrap{
display:block;
}
.x-b-sub-light {
 font-size:12px;
 letter-spacing:0.22empx;
 text-transform:uppercase;
 color:#714a4a;
 margin-top:6px;
}
.x-b-sub-light:not(.ct-section):not(.oxy-easy-posts),
.x-b-sub-light.oxy-easy-posts .oxy-posts,
.x-b-sub-light.ct-section .ct-section-inner-wrap{
display:block;
}
.x-brand-text-dark {
 font-family:Inter;
 font-size:16px;
 line-height:1.8;
 color:#e6d6c4;
 margin-top:0px;
 margin-bottom:0px;
}
.x-brand-text-light {
 font-family:Inter;
 font-size:16px;
 line-height:1.8;
 color:#8a6360;
 margin-top:0px;
 margin-bottom:0px;
}
.x-brand-link-dark:hover{
 background-color:#f7f0e9;
 color:#270200;
 border-top-color:#f7f0e9;
 border-right-color:#f7f0e9;
 border-bottom-color:#f7f0e9;
 border-left-color:#f7f0e9;
}
.x-brand-link-dark {
 font-family:Inter;
 align-self:flex-start;
 margin-top:autopx;
 font-size:11.5px;
 text-transform:uppercase;
 letter-spacing:0.16empx;
 border-radius:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:11px;
 padding-bottom:11px;
 padding-left:18px;
 padding-right:18px;
 transition-duration:.22s;
 text-decoration:none;
 color:#f7f0e9;
 border-top-color:rgba(247,240,233,0.45);
 border-right-color:rgba(247,240,233,0.45);
 border-bottom-color:rgba(247,240,233,0.45);
 border-left-color:rgba(247,240,233,0.45);
}
.x-brand-link-dark:not(.ct-section):not(.oxy-easy-posts),
.x-brand-link-dark.oxy-easy-posts .oxy-posts,
.x-brand-link-dark.ct-section .ct-section-inner-wrap{
display:inline-flex;
align-items:center;
}
.x-brand-link-light:hover{
 background-color:#270200;
 color:#f7f0e9;
 border-top-color:#270200;
 border-right-color:#270200;
 border-bottom-color:#270200;
 border-left-color:#270200;
}
.x-brand-link-light {
 font-family:Inter;
 align-self:flex-start;
 margin-top:autopx;
 font-size:11.5px;
 text-transform:uppercase;
 letter-spacing:0.16empx;
 border-radius:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:11px;
 padding-bottom:11px;
 padding-left:18px;
 padding-right:18px;
 transition-duration:.22s;
 text-decoration:none;
 color:#3a1c16;
 border-top-color:#3a1c16;
 border-right-color:#3a1c16;
 border-bottom-color:#3a1c16;
 border-left-color:#3a1c16;
}
.x-brand-link-light:not(.ct-section):not(.oxy-easy-posts),
.x-brand-link-light.oxy-easy-posts .oxy-posts,
.x-brand-link-light.ct-section .ct-section-inner-wrap{
display:inline-flex;
align-items:center;
}
.x-about {
 padding-top:96px;
 padding-bottom:96px;
 background-color:#f7f0e9;
}
.x-about .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 479px) {
.x-about {
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-about-grid {
 grid-template-columns:0.92fr 1.08fr;
 gap:56px;
}
.x-about-grid:not(.ct-section):not(.oxy-easy-posts),
.x-about-grid.oxy-easy-posts .oxy-posts,
.x-about-grid.ct-section .ct-section-inner-wrap{
display:grid;
align-items:stretch;
gap:56px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 767px) {
.x-about-grid {
 grid-template-columns:1fr;
 gap:28px;
}
.x-about-grid:not(.ct-section):not(.oxy-easy-posts),
.x-about-grid.oxy-easy-posts .oxy-posts,
.x-about-grid.ct-section .ct-section-inner-wrap{
display:grid;
gap:28px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-about-media {
 border-radius:16px;
 border-top-left-radius:16px;
 border-top-right-radius:16px;
 border-bottom-left-radius:16px;
 border-bottom-right-radius:16px;
 background-color:#f0e6da;
 overflow:hidden;
 height:100%;
 min-height:340px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#e6d6c4;
 border-right-color:#e6d6c4;
 border-bottom-color:#e6d6c4;
 border-left-color:#e6d6c4;
}
@media (max-width: 767px) {
.x-about-media {
 min-height:280px;
}
}

.x-about-img {
 width:100%;
 height:100%;
 object-fit:cover;
mix-blend-mode: multiply;
}
.x-about-copy {
}
.x-about-copy:not(.ct-section):not(.oxy-easy-posts),
.x-about-copy.oxy-easy-posts .oxy-posts,
.x-about-copy.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.x-about-lead {
 font-family:Inter;
 font-size:19px;
 line-height:1.6;
 color:#5e3a36;
 margin-top:16px;
 margin-bottom:18px;
 max-width:560px;
}
.x-about-p {
 font-family:Inter;
 font-size:16px;
 line-height:1.8;
 color:#8a6360;
 max-width:600px;
 margin-bottom:14px;
}
.x-about-closing {
 font-family:Cormorant Garamond;
 font-size:21px;
 line-height:1.3;
 color:#714a4a;
 margin-top:20px;
 max-width:600px;
}
.x-lang-btn-active {
 color:#f7f0e9;
 font-weight:700;
}
.x-head-actions {
 gap:4px;
 margin-left:14px;
}
.x-head-actions:not(.ct-section):not(.oxy-easy-posts),
.x-head-actions.oxy-easy-posts .oxy-posts,
.x-head-actions.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:4px;
}
.x-icon-btn:hover{
 background-color:rgba(39,2,0,0.06);
}
.x-icon-btn {
 width:44px;
 height:44px;
 border-radius:999px;
 color:#270200;
 background-color:transparent;
 position:relative;
 transition-duration:.2s;
}
.x-icon-btn:not(.ct-section):not(.oxy-easy-posts),
.x-icon-btn.oxy-easy-posts .oxy-posts,
.x-icon-btn.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-cart-count {
 position:absolute;
 top:5px;
 right:4px;
 min-width:18px;
 height:18px;
 padding-left:4px;
 padding-right:4px;
 background-color:#f5584e;
 color:#ffffff;
 border-radius:999px;
 font-size:10.5px;
 font-weight:700;
 line-height:1;
}
.x-cart-count:not(.ct-section):not(.oxy-easy-posts),
.x-cart-count.oxy-easy-posts .oxy-posts,
.x-cart-count.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.x-util-text {
 font-family:Inter;
 color:#f7f0e9;
 font-size:13px;
 letter-spacing:0.02empx;
}
.x-btn-ghost-light:hover{
 background-color:rgba(247,240,233,0.12);
 color:#f7f0e9;
}
.x-btn-ghost-light {
 font-family:Inter;
 font-size:13px;
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:0.18empx;
 border-radius:6px;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:28px;
 padding-right:28px;
 min-height:48px;
 transition-duration:.22s;
 background-color:transparent;
 color:#f7f0e9;
 border-top-color:rgba(247,240,233,0.5);
 border-right-color:rgba(247,240,233,0.5);
 border-bottom-color:rgba(247,240,233,0.5);
 border-left-color:rgba(247,240,233,0.5);
}
.x-btn-ghost-light:not(.ct-section):not(.oxy-easy-posts),
.x-btn-ghost-light.oxy-easy-posts .oxy-posts,
.x-btn-ghost-light.ct-section .ct-section-inner-wrap{
display:inline-flex;
align-items:center;
justify-content:center;
}
.x-hero {
 position:relative;
 overflow:hidden;
 background-color:#270200;
 min-height:400px;
 padding-top:80px;
 padding-bottom:80px;
 padding-left:20px;
 padding-right:20px;
}
.x-hero:not(.ct-section):not(.oxy-easy-posts),
.x-hero.oxy-easy-posts .oxy-posts,
.x-hero.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 991px) {
.x-hero {
 min-height:520px;
}
}

@media (max-width: 479px) {
.x-hero {
 min-height:460px;
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-hero-bg {
 position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 overflow:hidden;
}
.x-hero-bg-img {
 width:100%;
 height:100%;
 object-fit:cover;
}
.x-hero-scrim {
background-image: linear-gradient(102deg, rgba(39,2,0,0.82), rgba(39,2,0,0.55) 42%, rgba(39,2,0,0.16) 78% 78%, rgba(39,2,0,0.04) 100%); position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
}
.x-hero-copy {
 position:relative;
 z-index:2;
 max-width:900px;
 width:100%;
}
.x-hero-title {
 font-family:Cormorant Garamond;
 font-size:56px;
 line-height:1.05;
 color:#f7f0e9;
 margin-top:0px;
 margin-bottom:0px;
}
@media (max-width: 991px) {
.x-hero-title {
 font-size:42px;
}
}

@media (max-width: 479px) {
.x-hero-title {
 font-size:32px;
}
}

.x-hero-subtitle {
 font-family:Cormorant Garamond;
 font-size:28px;
 line-height:1.2;
 color:#f7f0e9;
 margin-top:14px;
}
.x-hero-subtitle:not(.ct-section):not(.oxy-easy-posts),
.x-hero-subtitle.oxy-easy-posts .oxy-posts,
.x-hero-subtitle.ct-section .ct-section-inner-wrap{
display:block;
}
@media (max-width: 991px) {
.x-hero-subtitle {
 font-size:22px;
}
}

@media (max-width: 479px) {
.x-hero-subtitle {
 font-size:19px;
}
}

.x-hero-text {
 font-family:Inter;
 font-size:19px;
 line-height:1.6;
 color:#f7f0e9;
 max-width:560px;
 margin-top:26px;
}
.x-hero-cta {
 gap:14px;
 margin-top:38px;
}
.x-hero-cta:not(.ct-section):not(.oxy-easy-posts),
.x-hero-cta.oxy-easy-posts .oxy-posts,
.x-hero-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:14px;
}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:100%;
 max-width:800px;
}
.oxel_accordion__row {
 font-family:Inter;
 width:100%;
 padding-top:15px;
 padding-left:15px;
 padding-right:5px;
 padding-bottom:15px;
 text-align:justify;
 font-weight:600;
 background-color:#f5f5f5;
 border-radius:10px;
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 margin-bottom:5px;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__row__label {
 font-size:18px;
 color:#535353;
 margin-right:10px;
}
@media (max-width: 991px) {
.oxel_accordion__row__label {
 font-size:16px;
 text-align:left;
}
}

.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__content {
 width:100%;
 padding-top:10px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:20px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_dynamicslider {
 width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
}
.swiper-wrapper {
 padding-bottom:50px;
}
.swiper-slide {
}
.x-testimonial-title {
 font-size:20px;
 font-weight:700;
 line-height:1.2;
}
@media (max-width: 991px) {
.x-testimonial-title {
 font-size:18px;
}
}

.x-star {
 attachment_url:https://ekoservices-bxl.poush-dev.be/wp-content/uploads/2026/03/Eko-etoile-5.svg;
 width:35px;
 margin-bottom:5px;
 height:35px;
 opacity:1;
}
.oxy-stock-content-styles {
}
.oxel_iconlist {
 max-width:100%;
}
.oxel_iconlist__row {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 width:100%;
 margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
.oxel_iconlist__row__icon {
color: #ffffff;}.oxel_iconlist__row__icon 
>svg {width: 25px;height: 25px;}.oxel_iconlist__row__icon {
 margin-right:15px;
}
.oxel_iconlist__row__label {
 color:#ffffff;
}
.oxel_iconlist__row--dark {
 background-color:#eceeef;
}
.image-radius {
 border-top-left-radius:20px;
 border-top-right-radius:20px;
 border-bottom-left-radius:20px;
 height:350px;
 width:100%;
 object-fit:cover;
 border-bottom-right-radius:20px;
 border-radius:20px;
 margin-bottom:35px;
}
@media (max-width: 991px) {
.image-radius {
 height:350px;
}
}

.radius-column {
 border-radius:20px;
 background-color:rgba(255,255,255,0.79);
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
}
.small-h3 {
 font-size:23px;
}
.custom-col {
 width:33.33%;
}
.custom-list-check {
}
.x-footer-title {
 color:#ffffff;
 font-size:18px;
 margin-bottom:15px;
}
.x-footer {
}
.x-h3 {
}
@media (max-width: 991px) {
.x-h3 {
 font-size:25px;
}
}

.x-blog-grid {
}
@media (max-width: 767px) {
.x-blog-grid {
}
}

@media (max-width: 479px) {
.x-blog-grid {
}
}

.x-blog-content {
}
.x-faq-schema {
}
.x-eyebrow-hero {
 font-family:Inter;
 font-size:14px;
 font-weight:400;
 letter-spacing:0.26empx;
 text-transform:uppercase;
 margin-bottom:14px;
 color:#f7f0e9;
}
.x-eyebrow-hero:not(.ct-section):not(.oxy-easy-posts),
.x-eyebrow-hero.oxy-easy-posts .oxy-posts,
.x-eyebrow-hero.ct-section .ct-section-inner-wrap{
display:inline-block;
}
.x-title-icon {
 attachment_height:800;
 attachment_width:800;
 attachment_url:https://b2bchocandco.com/wp-content/uploads/2026/06/cafe-tasse-favicon.png;
 width:80px;
 margin-bottom:18px;
}
.x-action-icon {
 height:60px;
}
.x-cta-section {
 position:relative;
 overflow:hidden;
 background-color:#270200;
 min-height:400px;
 padding-top:80px;
 padding-bottom:80px;
 padding-left:20px;
 padding-right:20px;
}
.x-cta-section .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.x-cta-section:not(.ct-section):not(.oxy-easy-posts),
.x-cta-section.oxy-easy-posts .oxy-posts,
.x-cta-section.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 991px) {
.x-cta-section {
 min-height:520px;
}
}

@media (max-width: 479px) {
.x-cta-section {
 min-height:460px;
 padding-top:56px;
 padding-bottom:56px;
}
}

.x-cta-section-bg {
 position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 overflow:hidden;
}
.x-cta-section-copy {
 position:relative;
 z-index:2;
 max-width:900px;
 width:100%;
}
.x-eyebrow-cta-section {
 font-family:Inter;
 font-size:12.5px;
 font-weight:400;
 letter-spacing:0.26empx;
 text-transform:uppercase;
 margin-bottom:14px;
 color:#f7f0e9;
}
.x-eyebrow-cta-section:not(.ct-section):not(.oxy-easy-posts),
.x-eyebrow-cta-section.oxy-easy-posts .oxy-posts,
.x-eyebrow-cta-section.ct-section .ct-section-inner-wrap{
display:inline-block;
}
.x-cta-section-title {
 font-family:Cormorant Garamond;
 font-size:56px;
 line-height:1.05;
 color:#f7f0e9;
 margin-top:0px;
 margin-bottom:0px;
 text-align:center;
}
@media (max-width: 991px) {
.x-cta-section-title {
 font-size:42px;
}
}

@media (max-width: 479px) {
.x-cta-section-title {
 font-size:32px;
}
}

.x-cta-section-subtitle {
 font-family:Cormorant Garamond;
 font-size:28px;
 line-height:1.2;
 color:#f7f0e9;
 margin-top:14px;
}
.x-cta-section-subtitle:not(.ct-section):not(.oxy-easy-posts),
.x-cta-section-subtitle.oxy-easy-posts .oxy-posts,
.x-cta-section-subtitle.ct-section .ct-section-inner-wrap{
display:block;
}
@media (max-width: 991px) {
.x-cta-section-subtitle {
 font-size:22px;
}
}

@media (max-width: 479px) {
.x-cta-section-subtitle {
 font-size:19px;
}
}

.x-cta-section-text {
 font-family:Inter;
 font-size:19px;
 line-height:1.6;
 color:#f7f0e9;
 margin-top:26px;
 text-align:center;
}
.x-cta-section-cta {
 gap:14px;
 margin-top:38px;
 width:100%;
}
.x-cta-section-cta:not(.ct-section):not(.oxy-easy-posts),
.x-cta-section-cta.oxy-easy-posts .oxy-posts,
.x-cta-section-cta.ct-section .ct-section-inner-wrap{
display:grid;
flex-wrap:wrap;
gap:14px;
display: grid !important;justify-items: center;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 767px) {
.x-cta-section-cta {
}
.x-cta-section-cta:not(.ct-section):not(.oxy-easy-posts),
.x-cta-section-cta.oxy-easy-posts .oxy-posts,
.x-cta-section-cta.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.x-cta-section-bg-img {
 width:100%;
 height:100%;
 object-fit:cover;
}
.x-cta-section-scrim {
 position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 background-color:rgba(39,2,0,0.7);
}
.x-bg-deco {
 position:relative;
 overflow:hidden;
 background-position:0% 40px;
}
.x-bg-deco .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.x-logo-brand {
}
.x-certif-logo {
 max-width:80px;
}
/* gravity forms */

.oxygen-body .gform-theme--foundation .gfield_required_asterisk,
.oxygen-body .gform-theme--foundation .gfield_consent_label a {
  color: #714a4a!important;
}

.oxygen-body .gform-theme--foundation .gform_fields {
  row-gap: 20px;
}

.oxygen-body .gform-theme--foundation .gform-field-label {
  color: #270200;
  font-size: 16px;
}

.oxygen-body .gform-theme--foundation .gfield input,
.oxygen-body .gform-theme--foundation .gfield textarea,
.oxygen-body .gform-theme--foundation .ginput_container_select select {
  box-shadow: none!important;
  outline: none;
  border: 1px solid #270200!important;
  color: #270200;
}

.oxygen-body .gform_wrapper.gform-theme.gform-theme--foundation.gform-theme--framework button.gform_button {
  background: #714a4a;
  font-size: 16px;
  padding: 15px 25px;
  z-index: 10;
  position: relative;
  box-shadow: none;
  outline: none;
}

.oxygen-body .gform_wrapper.gform-theme.gform-theme--foundation.gform-theme--framework button.gform_button:hover {
  background: #270200;
}/* hidden elements on desktop menu */
.oxy-nav-menu:not(.oxy-nav-menu-open) .oxy-nav-menu-list .x-menu-hidden {
  display: none;
}

.oxy-nav-menu:not(.oxy-nav-menu-open)  .menu-item .sub-menu {
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

/* admin bar space before menu */

.admin-bar .oxy-header.x-menu-transparent:not(.oxy-sticky-header-active) {
  margin-top: 30px;
}

/* Logo blanc visible */
.header-section .x-logo-white {
  display: block;
}

/* Logo couleur masqué */
.header-section .x-logo-dark {
  display: none;
}

/* sticky header */

@media (min-width: 768px) {
  header.oxy-header-wrapper.oxy-sticky-header-active .oxy-header-left .ct-link img#x-menu-logo {
    width: 150px;
  }

  header.oxy-header-wrapper.oxy-sticky-header-active .x-logo-white {
    display: none;
  }
  
  header.oxy-header-wrapper.oxy-sticky-header-active .x-logo-dark {
    display: block;
  }
}
/* Menu CTA */

.x-menu-main .x-menu-cta-1 {
  padding: 0;
  width: fit-content;
  /*border-radius: 100px;*/
  margin: auto;
  border-radius:20px;
}

.x-menu-main .x-menu-cta-1 a {
  color: #fff!important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* mobile submenu */
.oxy-submenu-toggle {
  display: none;
}

.oxy-nav-menu.oxy-nav-menu-open.oxy-nav-menu-responsive-dropdowns .menu-item-has-children > ul.sub-menu {
  max-height: 0;
  overflow: hidden;
  display: block;
  visibility: visible;
  opacity: 1;
  transition: max-height 0.35s ease !important;
  width: 100%;
  pointer-events: auto;
}

.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children.oxy-submenu-open > ul.sub-menu,
.oxy-pro-menu.oxy-pro-menu-open .menu-item-has-children.oxy-submenu-open > ul.sub-menu {
  max-height: 500px;
}

.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children,
.oxy-pro-menu.oxy-pro-menu-open .menu-item-has-children {
  position: relative;
}

.oxy-nav-menu.oxy-nav-menu-open .oxy-submenu-toggle,
.oxy-pro-menu.oxy-pro-menu-open .oxy-submenu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  transition: transform 0.3s ease;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 0;
}

.oxy-nav-menu.oxy-nav-menu-open .oxy-submenu-open > .oxy-submenu-toggle,
.oxy-pro-menu.oxy-pro-menu-open .oxy-submenu-open > .oxy-submenu-toggle {
  transform: rotate(180deg);
}

.oxy-nav-menu.oxy-nav-menu-open > div.menu-main-menu-container {
  overflow: hidden;
}

.oxy-nav-menu.oxy-nav-menu-open .menu-item-has-children > ul.sub-menu > li > a,
.oxy-pro-menu.oxy-pro-menu-open .menu-item-has-children > ul.sub-menu > li > a {
  font-size: 0.9em;
}

@media (max-width: 992px) {
  .x-menu-main.oxy-nav-menu-open .oxy-nav-menu-hamburger-line {
    background-color: #f7f0e9 !important; /* crème */
  }
}

@media (max-width: 991px) {
  .oxy-header:not(.oxy-sticky-header-active) > .x-topbar {
    display: flex !important;
  }
  .x-topbar .oxy-header-container {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center !important;
  }
  /* « Espace particulier » (groupe de gauche) — masqué en mobile */
  .x-topbar .oxy-header-left {
    display: none !important;
  }
}

/* language selector */

.x-lang .x-lang-btn ul#menu-langues li a{
  padding:5px;
}

@media (max-width: 1250px) {
  .x-lang-btn .oxy-nav-menu-list { display: flex !important; }
  .x-lang-btn .oxy-menu-toggle   { display: none !important; }
}

/* footer */

.x-bottomBar .oxy-nav-menu ul.oxy-nav-menu-list {
  flex-wrap: wrap;
  justify-content: center;
}

/* header */

.x-search {
  position: relative;
}

.x-search-panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: 340px;
  max-width: calc(100vw - 32px);
  background: #faf6f0;
  border: 1px solid #e6d6c4;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(45,18,5,.16);
  padding: 8px 10px;
  z-index: 90;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s cubic-bezier(.16,1,.3,1);
}

.x-search.is-open .x-search-panel {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.x-search-panel form {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.x-search-panel input[type="search"] {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  color: #270200;
  outline: none;
  padding: 9px 6px;
}

.x-search-panel input[type="search"]::placeholder {
  color: #a98a87;
}

.x-search-submit {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #270200;
  color: #faf6f0;
  transition: background .2s;
}

.x-search-submit:hover {
  background: #714a4a;
}

@media (max-width: 992px) {
  .x-search-panel {
    position: fixed;
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
  }
}

/* ==========================================================================
   CSS COMMUN — motifs répétés dans complement.css, search.css, categories.css
   ========================================================================== */

/* --- Bouton plein "action principale" (fond foncé, texte clair) ---
   Utilisé par : .x-add:hover, .added_to_cart:hover, .x-search-submit, .x-cat-go */
.x-btn-solid {
  background: #270200;
  color: #faf6f0;
  transition: background .2s;
}

.x-btn-solid:hover {
  background: #714a4a;
}

/* --- Badge / bouton "accent primaire" (fond marron principal, texte clair) ---
   Utilisé par : .x-card-badge.b-gold, .x-card-badge.b-rose, .x-login-note:hover */
.x-tint-primary {
  background: #714a4a;
  color: #faf6f0;
}

/* --- Texte secondaire / discret (métadonnées, placeholders, petites mentions) ---
   Utilisé par : .x-card-meta, .x-price small, .x-search-panel input::placeholder */
.x-text-muted {
  color: #a98a87;
}

/* --- Texte foncé principal (titres de carte, noms de catégorie, liens actifs) ---
   Utilisé par : .x-card-name, .x-cat-fam, .x-search-panel input, .page-numbers:hover */
.x-text-dark {
  color: #270200;
}

/* --- Cadre "carte" standard (coins arrondis + bordure claire) ---
   Utilisé par : .oxy-post, .x-search-panel, .x-cat-img */
.x-card-frame {
  border-radius: 10px;
  border: 1px solid #e6d6c4;
}

/* --- Vignette carrée (image produit / catégorie) ---
   Utilisé par : .x-card-img, .x-cat-img */
.x-media-square {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
}/* =========================================================================
   Café-Tasse — Habillage WooCommerce
   Boutique · Panier · Commander · Mon compte
   ========================================================================= */

:root {
  --ct-radius: 10px;
  --ct-radius-btn: 6px;
  --ct-border: 1px solid #e6d6c4;
}

/* ---------- Titres & texte ---------- */
.woocommerce .page-title,
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 {
  color: #270200;
  font-weight: 400;
  font-size: 25px;
}
.woocommerce, .woocommerce-page { color: #2d1b11; }
.woocommerce a { color: #714a4a; }
.woocommerce a:hover { color: #270200; }

.woocommerce .x-topbar a { color: #f7f0e9; }
.woocommerce .x-topbar a:hover { color: #f5584e; }

/* ---------- Boutons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce .checkout-button {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 400;
  line-height: 1.1;
  padding: 14px 26px;
  border-radius: var(--ct-radius-btn);
  border: 1px solid #270200;
  background: #270200;
  color: #faf6f0;
  transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover {
  background: #714a4a;
  border-color: #714a4a;
  color: #faf6f0;
}
/* Bouton secondaire (contour) — ex. « Mettre à jour le panier » */
.woocommerce button[name="update_cart"],
.woocommerce .button.wc-backward {
  background: transparent;
  color: #270200;
  border-color: #270200;
}
.woocommerce button[name="update_cart"]:hover,
.woocommerce .button.wc-backward:hover {
  background: #270200;
  color: #faf6f0;
}

/* ---------- Prix ---------- */
.woocommerce .price,
.woocommerce span.amount,
.woocommerce .woocommerce-Price-amount {
  color: #714a4a;
}
.woocommerce del { color: #a98a87; opacity: .7; }
.woocommerce ins { text-decoration: none; }

/* ---------- Messages / notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top: none;
  border-left: 3px solid #714a4a;
  background: #faf6f0;
  color: #2d1b11;
  border-radius: 0 8px 8px 0;
}
.woocommerce-message::before,
.woocommerce-info::before { color: #714a4a; }
.woocommerce-error { border-left-color: #f5584e; }
.woocommerce-error::before { color: #f5584e; }
.woocommerce-message .button,
.woocommerce-info .button { background: #714a4a; border-color: #714a4a; }

/* ---------- Champs de formulaire ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.woocommerce form .form-row select,
.woocommerce #order_comments,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
  border: var(--ct-border);
  border-radius: var(--ct-radius-btn);
  padding: 12px 14px;
  color: #2d1b11;
  background: #fff;
  box-shadow: none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
  border-color: #714a4a;
  outline: none;
}
.woocommerce form .form-row label,
.woocommerce-checkout label { color: #2d1b11; }
.required { color: #f5584e; }

/* =========================================================================
   BOUTIQUE / ARCHIVES PRODUITS
   ========================================================================= */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  overflow: hidden;
  padding: 0 0 20px;
  transition: box-shadow .22s ease, transform .22s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 14px 34px rgba(45,18,5,.12);
  transform: translateY(-3px);
}
.woocommerce ul.products li.product a img {
  margin: 0 0 14px;
  border-radius: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 19px;
  color: #270200;
  padding: 0 18px;
}
.woocommerce ul.products li.product .price {
  padding: 0 18px;
  font-size: 20px;
}
.woocommerce ul.products li.product .button {
  margin: 12px 18px 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #f5584e;
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 400;
  min-height: auto;
  min-width: auto;
  padding: 6px 12px;
  line-height: 1;
}
/* Tri + nombre de résultats */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { color: #8a6360; }
/* Pagination */
.woocommerce nav.woocommerce-pagination ul { border: none; gap: 6px; display: flex; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: var(--ct-border);
  border-radius: var(--ct-radius-btn);
  color: #714a4a;
  padding: 8px 14px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #270200;
  color: #faf6f0;
  border-color: #270200;
}

/* =========================================================================
   PANIER (classique)
   ========================================================================= */
.woocommerce table.shop_table {
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  overflow: hidden;
  border-collapse: separate;
}
.woocommerce table.shop_table thead th {
  background: #f7f0e9;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  color: #8a6360;
  border: none;
  padding: 16px;
}
.woocommerce table.shop_table td { border-top: var(--ct-border); padding: 16px; }
.woocommerce table.cart img { width: 64px; border-radius: 8px; }
.woocommerce a.remove {
  color: #f5584e !important;
  border: 1px solid #e6d6c4;
  line-height: 22px;
}
.woocommerce a.remove:hover { background: #f5584e !important; color: #fff !important; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals {
  background: #faf6f0;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  padding: 24px;
}
.woocommerce .cart_totals h2 { color: #270200; }
.woocommerce .cart-collaterals .cart_totals table { border: none; }
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td { border-top: 1px solid #e6d6c4; }
.woocommerce form.woocommerce-cart-form { }
.woocommerce .coupon input.input-text { min-width: 180px; }
.woocommerce .cart .checkout-button { display: block; text-align: center; margin-top: 14px; }

/* =========================================================================
   COMMANDER / CHECKOUT (classique)
   ========================================================================= */
.woocommerce-checkout #customer_details { margin-bottom: 30px; }
.woocommerce-checkout h3 { color: #270200; }
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
  /* colonne récapitulatif */
}
.woocommerce-checkout #order_review {
  background: #faf6f0;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  padding: 24px;
}
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: var(--ct-radius);
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #e6d6c4;
  background: #fff;
  border-radius: 8px;
  padding: 14px;
}
.woocommerce-checkout #payment div.payment_box {
  background: #f7f0e9;
  color: #2d1b11;
}
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #f7f0e9; }
.woocommerce-checkout #place_order { width: 100%; }

/* =========================================================================
   MON COMPTE
   ========================================================================= */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce .col2-set .col-1 form,
.woocommerce form.lost_reset_password {
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  padding: 28px;
  background: #faf6f0;
}
/* Navigation latérale */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #e6d6c4;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 13px 18px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  color: #714a4a;
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #270200;
  color: #faf6f0;
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content {
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  padding: 28px;
  background: #fff;
}

/* =========================================================================
   Couche de secours — nouveaux blocs Cart / Checkout (si utilisés)
   ========================================================================= */
.wc-block-components-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  background: #270200 !important;
  color: #faf6f0 !important;
  border-radius: var(--ct-radius-btn) !important;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.wc-block-components-button:hover { background: #714a4a !important; }
.wc-block-components-text-input input,
.wc-block-components-text-input .input-text {
  border: var(--ct-border) !important;
  border-radius: var(--ct-radius-btn) !important;
}
.wc-block-components-totals-item__value,
.wc-block-formatted-money-amount { color: #714a4a; }

/* =========================================================================
   Liens « connexion » B2B (quand les prix sont masqués aux visiteurs)
   ========================================================================= */
.ct-login-price {
  display: inline-block;
  font-size: 13px;
  letter-spacing: .04em;
  color: #714a4a;
  text-decoration: none;
  border-bottom: 1px dotted #a98a87;
  transition: color .2s ease, border-color .2s ease;
}
.ct-login-price:hover { color: #270200; border-bottom-color: #270200; }

/* Prix masqué dans les cartes boutique : aligné comme le prix */
.woocommerce ul.products li.product .ct-login-price { padding: 0 18px; }

/* Bouton « connexion » : hérite de .button ; petites finitions */
.woocommerce a.button.ct-login-button,
.woocommerce a.button.alt.ct-login-button { text-align: center; }

/* =========================================================================
   LARGEUR DE PAGE — centrer le contenu Woo (1250px) au lieu du plein écran
   (classique = Mon compte · blocs = Panier / Commander)
   ========================================================================= */
.woocommerce-account .woocommerce,
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout form.checkout,
.woocommerce-page .woocommerce {
  max-width: 1250px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 56px 20px 90px;
  box-sizing: border-box;
}
/* éviter le double conteneur si un .woocommerce enveloppe déjà un bloc */
.woocommerce-cart .wp-block-woocommerce-cart .woocommerce,
.woocommerce-checkout .wp-block-woocommerce-checkout .woocommerce {
  max-width: none; padding: 0; margin: 0;
}

/* =========================================================================
   Blocs Cart / Checkout — raffinements pour coller au design
   ========================================================================= */
.wc-block-components-title,
.wp-block-woocommerce-checkout h2,
.wc-block-cart__totals-title,
.wc-block-components-checkout-step__title {
  color: #270200 !important;
  font-weight: 400 !important;
}
/* Carte récapitulatif (colonne de droite) */
.wc-block-components-sidebar,
.wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout-order-summary-block {
  background: #faf6f0;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  padding: 24px;
}

/* ---------- Récap du panier : filets superflus ----------
   WooCommerce empilait trois séparateurs dans une carte de 157px de
   haut, alors que la carte porte déjà sa propre bordure :
     • sous le titre       → .wp-block-woocommerce-cart-order-summary-totals-block (border-top)
     • au-dessus du total  → .wc-block-components-totals-wrapper (border-top)   ← conservé
     • en bas du bloc      → .wp-block-woocommerce-cart-order-summary-block (border-bottom)
   On ne garde que celui du milieu, qui sépare utilement le sous-total du
   total à payer. !important nécessaire : ces bordures viennent de la
   feuille des blocs WooCommerce, chargée après celle-ci. */
.oxygen-body .wp-block-woocommerce-cart-order-summary-block {
  border-bottom: 0 !important;
}
.oxygen-body .wp-block-woocommerce-cart-order-summary-totals-block {
  border-top: 0 !important;
}
/* Pour retirer aussi le dernier filet (carte sans aucun séparateur) :
.oxygen-body .wc-block-components-totals-wrapper { border-top: 0 !important; }
*/

/* En-têtes de tableau du panier bloc */
.wc-block-cart-items__header {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #8a6360;
}
/* Champs des blocs */
.wc-block-components-text-input input,
.wc-block-components-text-input .input-text,
.wc-block-components-select .components-form-token-field__input,
.wc-block-components-address-form input {
  border: var(--ct-border) !important;
  border-radius: var(--ct-radius-btn) !important;
}
.wc-block-components-text-input input:focus { border-color: #714a4a !important; }

/* =========================================================================
   BOUTIQUE — Grille responsive & finitions (Poush)
   ========================================================================= */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 520px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: 1fr; }
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.woocommerce-placeholder {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #fff;
  margin: 0 0 18px !important;
  transition: transform .4s ease;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.04); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.5em; }
.woocommerce ul.products li.product .price { margin-bottom: 16px; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: block;
  margin-top: auto !important;
  text-align: center;
  background: #270200 !important;
  color: #faf6f0 !important;
  border-color: #270200 !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #faf6f0 !important;
}


/* =========================================================================
   BOUTIQUE — Correctifs (bouton = fiche produit, marges laterales)
   ========================================================================= */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  background: #714a4a !important;
  color: #fff !important;
  border: 1px solid #714a4a !important;
  border-radius: var(--ct-radius-btn) !important;
  padding: 16px 24px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #f5584e !important;
  color: #faf6f0 !important;
  border-color: #f5584e !important;
}
body.post-type-archive-product .ct-inner-content,
body.tax-product_cat .ct-inner-content,
body.tax-product_tag .ct-inner-content {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}


/* =========================================================================
   FICHE PRODUIT — encart image entierement visible a l'ecran (Poush)
   ========================================================================= */
body.single-product .woocommerce-product-gallery img,
body.single-product .oxy-product-images img {
  display: block;
  margin: 0 auto;
  width: auto !important;
  height: auto !important;
  max-height: 604px;
  max-width: 100%;
  object-fit: contain;
}
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product .oxy-product-images {
  max-height: 604px;
}


/* Boutique — image produit entiere (non recadree) */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.woocommerce-placeholder {
  object-fit: contain !important;
  padding: 14px;
}/* ============================================================
   Café-Tasse — Fil d'Ariane (élément natif oxy-breadcrumb)
   ============================================================ */

.woocommerce-breadcrumb,
.oxy-breadcrumb {
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #3a1c16;            /* item courant (texte nu) */
  line-height: 1.4;
}

.woocommerce-breadcrumb a,
.oxy-breadcrumb a {
  color: #8a6360 !important;            /* liens */
  text-decoration: none !important;
  transition: color .14s ease;
}

.woocommerce-breadcrumb a:hover,
.oxy-breadcrumb a:hover {
  color: #270200;            /* espresso au survol */
}/* Titre "Filtrer par" en tête de sidebar (comme le design) */
.x-shop-filters .wpfMainWrapper::before {
  display: block;
  font-size: 20px;
  color: #270200;
  padding-bottom: 16px;
  margin-bottom: 6px;
  border-bottom: 1px solid #270200;
}

/* Contenu traduit selon la langue du site */
html[lang="fr-BE"] .x-shop-filters .wpfMainWrapper::before {
  content: "Filtrer par";
}
html[lang="en-US"] .x-shop-filters .wpfMainWrapper::before {
  content: "Filter by";
}
html[lang="nl-BE"] .x-shop-filters .wpfMainWrapper::before {
  content: "Filteren op";
}

/* --- Chaque facet --- */
.x-shop-filters .wpfFilterWrapper {
  border-bottom: 1px solid #e6d6c4;
  margin: 0;
}

/* Titre de facet (barre cliquable) */
.x-shop-filters .wpfFilterTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 18px 2px;
  cursor: pointer;
}

.x-shop-filters .wfpTitle {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2d1b11;
}

.x-shop-filters .wpfTitleToggle {
  color: #714a4a;
  font-size: 13px;
  flex-shrink: 0;
}

/* Corps du facet */
.x-shop-filters .wpfFilterContent {
  padding-bottom: 18px;
}

.x-shop-filters .wpfFilterContent.wpfHide {
  padding-bottom: 0;
}

/* --- Liste de cases à cocher (catégories, attributs) --- */
.x-shop-filters .wpfCheckboxHier ul,
.x-shop-filters ul.wpfFilterVerScroll {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.x-shop-filters li.editablecat,
.x-shop-filters .wpfFilterVerScroll > li {
  margin: 0;
  padding: 0;
}

/* Ligne d'option */
.x-shop-filters label.wpfLiLabel {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  padding: 6px 2px;
  font-size: 14.5px;
  color: #8a6360;
  margin: 0;
  transition: color .14s ease;
}

.x-shop-filters label.wpfLiLabel:hover {
  color: #270200;
}

/* Case à cocher custom (carrée) */
.x-shop-filters .wpfCheckbox {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
}

.x-shop-filters .wpfCheckbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.x-shop-filters .wpfCheckbox input[type="checkbox"] + label {
  display: block;
  width: 17px;
  height: 17px;
  margin: 0;
  border: 1px solid #a98a87;
  border-radius: 3px;
  background: #ffffff;
  position: relative;
  transition: background .14s ease, border-color .14s ease;
}

.x-shop-filters .wpfCheckbox input[type="checkbox"]:checked + label {
  background: #270200;
  border-color: #270200;
}

/* coche */
.x-shop-filters .wpfCheckbox input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1.5px;
  width: 4px;
  height: 8px;
  border: solid #faf6f0;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Libellé texte de l'option */
.x-shop-filters .wpfDisplay {
  flex: 1;
}

.x-shop-filters .wpfFilterTaxNameWrapper {
  font-size: inherit;
  color: inherit;
}

/* --- Bouton "Filtrer" --- */
.x-shop-filters .wpfFilterButtons {
  margin-top: 18px;
  display: block;
}

.x-shop-filters button.wpfFilterButton,
.x-shop-filters .wpfButton {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #faf6f0 !important;
  background: #270200 !important;
  border: 1px solid #270200;
  border-radius: 6px;
  padding: 12px 16px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  font-weight: 500;
}

.x-shop-filters button.wpfFilterButton:hover,
.x-shop-filters .wpfButton:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #faf6f0 !important;
}/* Masqués par défaut (desktop) */
.x-filter-toggle,
.x-filters-close,
.x-filters-scrim {
  display: none;
}

@media (max-width: 992px) {
  /* --- Barre d'outils : bouton à gauche, tri à droite, une seule ligne --- */
  .x-shop-toolbar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px;
  }

  /* le tri (tout enfant sauf le bouton) est poussé à droite */
  .x-shop-toolbar > *:not(.x-filter-toggle) {
    margin-left: auto;
  }

  /* Bouton d'ouverture "Filtres" — toujours en premier (à gauche) */
  .x-filter-toggle {
    display: inline-flex;
    order: -1;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #270200;
    background: transparent;
    border: 1px solid #714a4a;
    border-radius: 6px;
    padding: 9px 16px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
  }

  .x-filter-toggle:hover {
    background: #714a4a;
    color: #faf6f0;
  }

  .x-filter-toggle svg {
    width: 15px;
    height: 15px;
    display: block;
  }

  /* --- La sidebar devient un volet coulissant plein écran --- */
  .x-shop-filters {
    display: block;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 86%;
    max-width: 360px;
    height: 100vh;          /* fallback */
    height: 100dvh;         /* exclut la barre d'URL mobile */
    margin: 0;
    z-index: 100000;
    background: #faf6f0;
    padding: 24px 22px 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 0 40px color-mix(in srgb, #270200 18%, transparent);
    box-sizing: border-box;
  }

  .x-shop-filters.is-open {
    transform: translateX(0);
  }

  /* Décalage sous la barre d'admin WordPress (visible uniquement connecté) */
  .admin-bar .x-shop-filters {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
  }

  /* --- Voile --- */
  .x-filters-scrim {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: color-mix(in srgb, #270200 45%, transparent);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 99999;
  }

  .x-filters-scrim.is-open {
    opacity: 1;
    visibility: visible;
  }

  /* --- Croix de fermeture dans le volet --- */
  .x-filters-close {
    display: block;
    position: absolute;
    top: 12px;
    right: 14px;
    width: 34px;
    height: 34px;
    line-height: 30px;
    font-size: 26px;
    text-align: center;
    color: #714a4a;
    background: transparent;
    border: 0;
    cursor: pointer;
    z-index: 2;
  }

  /* Le titre "Filtrer par" ne passe pas sous la croix */
  .x-shop-filters .wpfMainWrapper::before {
    padding-right: 42px;
  }

  /* Bloque le scroll de la page quand le volet est ouvert */
  body.x-filters-locked {
    overflow: hidden;
  }
}

/* Sous 783px la barre d'admin n'est plus fixe : volet plein écran */
@media (max-width: 782px) {
  .admin-bar .x-shop-filters {
    top: 0;
    height: 100vh;
    height: 100dvh;
  }
}/* "Trier par" + menu sur une seule ligne */
.x-shop-toolbar .wpfMainWrapper {
  width: auto;
}

.x-shop-toolbar .wpfFilterWrapper {
  border: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.x-shop-toolbar .wpfFilterTitle {
  padding: 0;
  cursor: default;
  display: flex;
  align-items: center;
}

.x-shop-toolbar .wfpTitle {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2d1b11;
  white-space: nowrap;
}

.x-shop-toolbar .wpfTitleToggle {
  display: none; /* pas de chevron de repli */
}

.x-shop-toolbar .wpfFilterContent {
  padding: 0;
}

/* Le menu déroulant */
.x-shop-toolbar .wpfFilterContent select,
.x-shop-toolbar select#wpfSortProducts {
  font-size: 16px;
  color: #270200;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #a98a87;
  border-radius: 0 !important;
  padding: 4px 28px 4px 2px;
  margin: 0;
  cursor: pointer;
  line-height: 1.4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23714a4a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 12px 8px;
}

.x-shop-toolbar .wpfFilterContent select:focus,
.x-shop-toolbar select#wpfSortProducts:focus {
  outline: none;
  border-bottom-color: #270200;
}

/* Masque le bouton "Filtrer" redondant du module de tri
   (le tri s'applique automatiquement via le snippet),
   ainsi que les loaders du module de tri */
.x-shop-toolbar .wpfFilterButtons,
.x-shop-toolbar .wpfLoaderLayout,
.x-shop-toolbar .wpfPreview {
  display: none !important;
}/* ==============================================================
   Café-Tasse — Feuille B2BKing unifiée (tout le plugin)

   ⚠ Cette feuille utilise la syntaxe color(N) des couleurs globales
   Oxygen : elle DOIT vivre dans une feuille Oxygen (Manage →
   Stylesheets). Dans un fichier .css classique, #e6d6c4 est invalide
   et rien ne s'appliquerait.

   SOMMAIRE
   1. Tokens + bascule des polices internes B2BKing (global)
   2. Primitives partagées (cartes, barres, titres, boutons, champs)
   3. Bon de commande groupée (design Classic)
   3bis. Bon de commande — boutons de liste enregistrée
   4. Sous-comptes
   5. Offres
   6. Conversations (liste, carte, panneau, fil)
   7. Listes d'achat
   8. Devis · prix dégressifs · champs d'inscription
   9. Divers (zone de dépôt de fichiers)
   ============================================================== */


/* ==============================================================
   1. TOKENS + POLICES B2BKing
   ============================================================== */
.oxygen-body [class*="b2bking"],
.oxygen-body [id*="b2bking"] {
  --ct-radius: 10px;
  --ct-radius-btn: 6px;
  --ct-border: 1px solid #e6d6c4;
  --ct-serif:  'Cormorant Garamond', serif;
}

/* Bascule des polices internes B2BKing. Déclarées sur .oxygen-body
   (= body, ancêtre plus proche que le :root du plugin) → gagne
   l'héritage quel que soit l'ordre de chargement. */
.oxygen-body {
  --b2bking-font-family-a: 'Inter', sans-serif;
  --b2bking-font-family-b: 'Inter', sans-serif;
  --b2bking-font-family-c: 'Inter', sans-serif;
}


/* ==============================================================
   2. PRIMITIVES PARTAGÉES
   ============================================================== */

/* ---------- 2a. Cartes (conteneurs de module) ---------- */
.oxygen-body .b2bking_bulkorder_form_container,
.oxygen-body .b2bking_subaccounts_account_container,
.oxygen-body .b2bking_subaccounts_new_account_container,
.oxygen-body .b2bking_subaccounts_edit_account_container,
.oxygen-body .b2bking_myaccount_individual_offer_container,
.oxygen-body .b2bking_myaccount_individual_conversation_container,
.oxygen-body .b2bking_myaccount_new_conversation_container,
.oxygen-body div#b2bking_purchase_lists_table_wrapper {
  background: #ffffff;
  border: var(--ct-border);
  border-radius: var(--ct-radius);
  box-shadow: 0 10px 26px rgba(45, 18, 5, .07);
  overflow: hidden;
}

/* ---------- 2b. Barres-titres ---------- */
.oxygen-body .b2bking_bulkorder_form_container_top,
.oxygen-body .b2bking_subaccounts_account_top,
.oxygen-body .b2bking_subaccounts_new_account_container_top,
.oxygen-body .b2bking_myaccount_individual_offer_top,
.oxygen-body .b2bking_myaccount_new_conversation_top {
  background: #270200;
  color: #f7f0e9;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .01em;
  border-radius: var(--ct-radius) var(--ct-radius) 0 0;
  min-height: 52px;
  padding: 12px 22px;
}

/* Pastilles « Close X » dans les barres-titres */
.oxygen-body .b2bking_myaccount_new_conversation_close,
.oxygen-body .b2bking_subaccounts_new_account_container_top_close,
.oxygen-body .b2bking_subaccounts_edit_account_container_top_close {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #e6d6c4;
  background: transparent;
  border-radius: var(--ct-radius-btn);
  padding: 6px 12px;
  cursor: pointer;
  transition: color .2s ease, background .2s ease;
}
.oxygen-body .b2bking_myaccount_new_conversation_close:hover,
.oxygen-body .b2bking_subaccounts_new_account_container_top_close:hover,
.oxygen-body .b2bking_subaccounts_edit_account_container_top_close:hover {
  color: #f7f0e9;
  background: rgba(247, 240, 233, .12);
}

/* ---------- 2c. Titres de section ---------- */
.oxygen-body .b2bking_subaccounts_container_top_title,
.oxygen-body #b2bking_myaccount_conversations_title,
.oxygen-body #b2bking_myaccount_offers_title,
.oxygen-body #b2bking_myaccount_bulkorder_title,
.oxygen-body .b2bking_purchase_lists_top_title,
.oxygen-body #b2bking_myaccount_conversation_endpoint_title {
  font-size: 28px;
  font-weight: 400;
  color: #270200;
  font-family: var(--ct-serif);
}
.oxygen-body #b2bking_myaccount_conversation_endpoint_title { font-size: 24px; }

/* ---------- 2d. Boutons primaires (espresso plein) ---------- */
.oxygen-body button.b2bking_bulkorder_form_container_bottom_add_button,
.oxygen-body button.b2bking_subaccounts_container_top_button,
.oxygen-body button.b2bking_subaccounts_new_account_container_content_bottom_button,
.oxygen-body button.b2bking_subaccounts_edit_account_container_content_bottom_button,
.oxygen-body button.b2bking_myaccount_individual_offer_bottom_line_button,
.oxygen-body #b2bking_myaccount_conversations_container_top button,
.oxygen-body button.b2bking_myaccount_start_conversation_button,
.oxygen-body .b2bking_myaccount_conversation_endpoint_button,
.oxygen-body button#b2bking_purchase_list_new_button,
.oxygen-body .b2bking_purchaselist_productpage_add_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #270200 !important;
  color: #f7f0e9 !important;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #270200 !important;
  border-radius: var(--ct-radius-btn);
  min-height: 46px;
  height: auto;
  padding: 0 24px;
  box-shadow: none;
  cursor: pointer;
  transition: background .22s ease, border-color .22s ease, color .22s ease;
}
.oxygen-body button.b2bking_bulkorder_form_container_bottom_add_button:hover,
.oxygen-body button.b2bking_subaccounts_container_top_button:hover,
.oxygen-body button.b2bking_subaccounts_new_account_container_content_bottom_button:hover,
.oxygen-body button.b2bking_subaccounts_edit_account_container_content_bottom_button:hover,
.oxygen-body button.b2bking_myaccount_individual_offer_bottom_line_button:hover,
.oxygen-body #b2bking_myaccount_conversations_container_top button:hover,
.oxygen-body button.b2bking_myaccount_start_conversation_button:hover,
.oxygen-body .b2bking_myaccount_conversation_endpoint_button:hover,
.oxygen-body button#b2bking_purchase_list_new_button:hover,
.oxygen-body .b2bking_purchaselist_productpage_add_button:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #f7f0e9 !important;
}

/* ---------- 2e. Boutons secondaires (contour brun café) ---------- */
.oxygen-body button.b2bking_bulkorder_form_container_bottom_save_button,
.oxygen-body button.b2bking_subaccounts_account_button,
.oxygen-body button.b2bking_myaccount_view_conversation_button,
.oxygen-body #b2bking_myaccount_conversation_endpoint_container_top button,
.oxygen-body button.b2bking_purchase_lists_view_list,
.oxygen-body button.b2bking_purchase_lists_add_to_cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent !important;
  color: #714a4a !important;
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #714a4a !important;
  border-radius: var(--ct-radius-btn);
  min-height: 42px;
  height: auto;
  padding: 0 18px;
  box-shadow: none;
  cursor: pointer;
  transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.oxygen-body button.b2bking_bulkorder_form_container_bottom_save_button:hover,
.oxygen-body button.b2bking_subaccounts_account_button:hover,
.oxygen-body button.b2bking_myaccount_view_conversation_button:hover,
.oxygen-body #b2bking_myaccount_conversation_endpoint_container_top button:hover,
.oxygen-body button.b2bking_purchase_lists_view_list:hover,
.oxygen-body button.b2bking_purchase_lists_add_to_cart:hover {
  background: #714a4a !important;
  color: #f7f0e9 !important;
}

/* ---------- 2f. Bouton danger (supprimer un sous-compte) ---------- */
.oxygen-body button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent !important;
  color: #f5584e !important;
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #f5584e !important;
  border-radius: var(--ct-radius-btn);
  min-height: 42px;
  height: auto;
  padding: 0 18px;
  box-shadow: none;
  cursor: pointer;
  transition: background .22s ease, color .22s ease;
}
.oxygen-body button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:hover {
  background: #f5584e !important;
  color: #ffffff !important;
}

/* Bouton téléchargement d'offre (petit, plein — l'icône est un <img> blanc) */
.oxygen-body .b2bking_offer_download {
  background: #8a6360 !important;
  border: none;
  border-radius: var(--ct-radius-btn) !important;
}
.oxygen-body .b2bking_offer_download:hover { background: #714a4a !important; }

/* ---------- 2g. Icônes SVG des boutons → suivent la couleur du texte ---------- */
.oxygen-body .b2bking_bulkorder_form_container_bottom_add_button_icon path,
.oxygen-body .b2bking_bulkorder_form_container_bottom_save_button_icon path,
.oxygen-body .b2bking_bulkorder_form_container_newline_button_icon path,
.oxygen-body .b2bking_subaccounts_container_top_button_icon path,
.oxygen-body .b2bking_subaccounts_account_button_icon path,
.oxygen-body .b2bking_subaccounts_account_top_icon path,
.oxygen-body .b2bking_subaccounts_new_account_container_content_bottom_button_icon path,
.oxygen-body .b2bking_subaccounts_new_account_container_content_large_title_icon path,
.oxygen-body .b2bking_myaccount_individual_offer_top_icon path,
.oxygen-body .b2bking_myaccount_individual_offer_bottom_line_button_icon path,
.oxygen-body .b2bking_myaccount_new_conversation_button_icon path,
.oxygen-body .b2bking_myaccount_start_conversation_button_icon path,
.oxygen-body .b2bking_myaccount_view_conversation_button_icon path,
.oxygen-body .b2bking_myaccount_conversation_endpoint_button_icon path,
.oxygen-body .b2bking_purchase_list_new_button_icon path {
  fill: currentColor !important;
}

/* ---------- 2h. Champs de saisie ---------- */
.oxygen-body .b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text,
.oxygen-body input#b2bking_myaccount_title_conversation_start,
.oxygen-body select#b2bking_myaccount_conversation_type,
.oxygen-body #b2bking_myaccount_textarea_conversation_start,
.oxygen-body #b2bking_conversation_user_new_message,
.oxygen-body #b2bking_request_custom_quote_textarea,
.oxygen-body #b2bking_request_custom_quote_name,
.oxygen-body #b2bking_request_custom_quote_email,
.oxygen-body .b2bking_custom_registration_field,
.oxygen-body .b2bking_custom_registration_field_textarea,
.oxygen-body select#b2bking_registration_roles_dropdown,
.oxygen-body .b2bking_purchaselist_productpage_select,
.oxygen-body #b2bking_purchase_lists_table_filter input,
.oxygen-body #b2bking_purchase_lists_table_length select {
  background: #ffffff;
  border: var(--ct-border) !important;
  border-radius: var(--ct-radius-btn);
  color: #2d1b11;
  font-size: 15px;
  padding: 12px 14px;
  box-shadow: none;
  outline: none;
}
/* Les textarea héritent de monospace par défaut (règle navigateur) :
   la bascule --b2bking-font-family-* ne les couvre pas, il faut
   déclarer la police explicitement. */
.oxygen-body #b2bking_myaccount_textarea_conversation_start,
.oxygen-body #b2bking_conversation_user_new_message,
.oxygen-body #b2bking_request_custom_quote_textarea,
.oxygen-body .b2bking_custom_registration_field_textarea {
  font-family: var(--b2bking-font-family-a);
}
/* Focus */
.oxygen-body .b2bking_subaccounts_new_account_container_content_element input.b2bking_subaccounts_new_account_container_content_element_text:focus,
.oxygen-body input#b2bking_myaccount_title_conversation_start:focus,
.oxygen-body select#b2bking_myaccount_conversation_type:focus,
.oxygen-body #b2bking_myaccount_textarea_conversation_start:focus,
.oxygen-body #b2bking_conversation_user_new_message:focus,
.oxygen-body #b2bking_request_custom_quote_textarea:focus,
.oxygen-body .b2bking_custom_registration_field:focus,
.oxygen-body .b2bking_custom_registration_field_textarea:focus,
.oxygen-body .b2bking_purchaselist_productpage_select:focus,
.oxygen-body #b2bking_purchase_lists_table_filter input:focus {
  border-color: #714a4a !important;
  outline: none;
}
/* Placeholders */
.oxygen-body .b2bking_subaccounts_new_account_container_content_element input::placeholder,
.oxygen-body input#b2bking_myaccount_title_conversation_start::placeholder,
.oxygen-body #b2bking_myaccount_textarea_conversation_start::placeholder,
.oxygen-body #b2bking_conversation_user_new_message::placeholder,
.oxygen-body #b2bking_request_custom_quote_textarea::placeholder {
  color: #a98a87;
}
/* Libellés de champ (majuscule discrète) */
.oxygen-body .b2bking_myaccount_new_conversation_content_element_text,
.oxygen-body .b2bking_subaccounts_new_account_container_content_element_label {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a6360;
}


/* ==============================================================
   3. BON DE COMMANDE GROUPÉE (design Classic)
   ============================================================== */
.oxygen-body .b2bking_bulkorder_form_container_content { padding: 26px 24px; }

.oxygen-body .b2bking_bulkorder_form_container_content_header {
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid #e6d6c4;
}
.oxygen-body .b2bking_bulkorder_form_container_content_header_product,
.oxygen-body .b2bking_bulkorder_form_container_content_header_qty,
.oxygen-body .b2bking_bulkorder_form_container_content_header_subtotal {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8a6360;
}

.oxygen-body select#b2bking_bulkorder_searchby_select {
  background: #faf6f0;
  color: #2d1b11;
  font-size: 12px;
  border: 1px solid #a98a87;
  border-radius: var(--ct-radius-btn) !important;
  padding: 4px 10px;
  margin-left: 8px;
  box-shadow: none;
}
.oxygen-body select#b2bking_bulkorder_searchby_select:hover { background: #e6d6c4; }

.oxygen-body .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product,
.oxygen-body #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product {
  background: #ffffff;
  border: var(--ct-border);
  border-radius: var(--ct-radius-btn);
  color: #2d1b11;
  font-size: 15px;
  padding: 12px 16px;
  height: 46px;
  box-shadow: none;
}
.oxygen-body .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product::placeholder {
  color: #a98a87;
}
.oxygen-body .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty {
  background: #ffffff;
  border: var(--ct-border);
  border-radius: var(--ct-radius-btn);
  color: #2d1b11;
  font-size: 15px;
  height: 46px;
  text-align: center;
  box-shadow: none;
}
.oxygen-body .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_product:focus,
.oxygen-body .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty_classic:focus {
  border-color: #714a4a;
  outline: none;
}
.oxygen-body .b2bking_bulkorder_form_container_content_line_subtotal {
  color: #714a4a;
  font-weight: 400;
  font-size: 16px;
}
.oxygen-body .b2bking_bulkorder_form_container .amount {
  color: #714a4a;
}

/* Bouton « new line » (fantôme crème) — spécifique.
   Variante #b2bking_myaccount_bulkorder_container ajoutée : le plugin
   cible ce bouton avec un ID (spécificité 1,1,0), il faut donc que mon
   sélecteur porte aussi l'ID pour repasser devant. */
.oxygen-body .b2bking_bulkorder_form_container_newline_container,
.oxygen-body #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_container {
  border-bottom: 1px solid #e6d6c4;
}
.oxygen-body .b2bking_bulkorder_form_container_newline_button,
.oxygen-body #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button {
  background: transparent !important;
  color: #714a4a !important;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1;
  height: auto;
  min-height: 0;
  padding: 9px 14px;
  border: 1px solid #e6d6c4 !important;
  border-radius: var(--ct-radius-btn);
  box-shadow: none;
}
.oxygen-body .b2bking_bulkorder_form_container_newline_button:hover,
.oxygen-body #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #f7f0e9 !important;
}
.oxygen-body .b2bking_bulkorder_form_container_newline_button_icon,
.oxygen-body #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_newline_button_icon { width: 16px; margin-right: 6px; }

.oxygen-body .b2bking_bulkorder_form_container_bottom { margin-top: 20px; }
.oxygen-body .b2bking_bulkorder_form_container_bottom_total {
  color: #2d1b11;
  font-size: 20px;
  font-weight: 400;
}
.oxygen-body .b2bking_bulkorder_form_container_content_line_livesearch {
  background: #ffffff;
  color: #2d1b11;
  font-size: 14px;
  border: var(--ct-border);
  border-top: 0;
  border-radius: 0 0 var(--ct-radius-btn) var(--ct-radius-btn);
  box-shadow: 0 12px 28px rgba(45, 18, 5, .12);
}
.oxygen-body .b2bking_livesearch_product_result { border-radius: var(--ct-radius-btn); }
.oxygen-body .b2bking_livesearch_product_result:hover { background: #faf6f0; color: #270200; }
.oxygen-body img.b2bking_livesearch_image { border-radius: 6px; }


/* ==============================================================
   3bis. BON DE COMMANDE — boutons de liste enregistrée
   (Update / Delete / Clear : n'apparaissent qu'en édition d'une
    liste sauvegardée, absents du formulaire vierge)
   ============================================================== */

/* « Update list » : action de validation → primaire espresso */
.oxygen-body button.b2bking_bulkorder_form_container_bottom_update_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #270200 !important;
  color: #f7f0e9 !important;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #270200 !important;
  border-radius: var(--ct-radius-btn);
  min-height: 46px;
  height: auto;
  padding: 0 24px;
  box-shadow: none;
  cursor: pointer;
  transition: background .22s ease, border-color .22s ease, color .22s ease;
}
.oxygen-body button.b2bking_bulkorder_form_container_bottom_update_button:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #f7f0e9 !important;
}

/* « Delete list » : action destructive → contour corail */
.oxygen-body button.b2bking_bulkorder_form_container_bottom_delete_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent !important;
  color: #f5584e !important;
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #f5584e !important;
  border-radius: var(--ct-radius-btn);
  min-height: 42px;
  height: auto;
  padding: 0 18px;
  box-shadow: none;
  cursor: pointer;
  transition: background .22s ease, color .22s ease;
}
.oxygen-body button.b2bking_bulkorder_form_container_bottom_delete_button:hover {
  background: #f5584e !important;
  color: #ffffff !important;
}

/* Icônes de ces deux boutons → suivent la couleur du texte */
.oxygen-body .b2bking_bulkorder_form_container_bottom_update_button_icon path,
.oxygen-body .b2bking_bulkorder_form_container_bottom_delete_button_icon path {
  fill: currentColor !important;
}

/* Petit bouton « Clear » (vide une ligne) : discret, tons crème */
.oxygen-body button.b2bking_bulkorder_clear {
  background: #e6d6c4 !important;
  color: #8a6360 !important;
  font-size: 12px;
  border: 1px solid #e6d6c4 !important;
  border-radius: var(--ct-radius-btn);
}
.oxygen-body button.b2bking_bulkorder_clear:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #f7f0e9 !important;
}


/* ==============================================================
   4. SOUS-COMPTES
   ============================================================== */
.oxygen-body .b2bking_subaccounts_account_name {
  font-size: 18px;
  color: #270200;
  font-weight: 400;
}
.oxygen-body .b2bking_subaccounts_account_title,
.oxygen-body .b2bking_subaccounts_account_phone_email_text {
  color: #8a6360;
  font-size: 13px;
}
.oxygen-body .b2bking_subaccounts_new_account_container_content,
.oxygen-body .b2bking_subaccounts_edit_account_container .b2bking_subaccounts_new_account_container_content {
  background: #ffffff;
}
.oxygen-body .b2bking_subaccounts_new_account_container_content_large_title {
  color: #270200;
  font-weight: 400;
}
/* Ligne de case à cocher */
.oxygen-body .b2bking_subaccounts_new_account_container_content_element_checkbox {
  background: #faf6f0;
  border: var(--ct-border);
  border-radius: var(--ct-radius-btn);
}
.oxygen-body .b2bking_subaccounts_new_account_container_content_element_checkbox_name {
  color: #2d1b11;
}
.oxygen-body .b2bking_subaccount_horizontal_line { border-bottom: 1px solid #e6d6c4; }
.oxygen-body .b2bking_subaccounts_new_account_container_content_bottom_validation_errors { color: #f5584e; }


/* ==============================================================
   5. OFFRES
   ============================================================== */
/* Lignes en-tête + valeurs (grille 4 colonnes, déjà alignées par le plugin) */
.oxygen-body .b2bking_myaccount_individual_offer_header_line {
  border-bottom: 1px solid #e6d6c4;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a6360;
  font-weight: 400;
}
.oxygen-body .b2bking_myaccount_individual_offer_element_line_item {
  color: #2d1b11;
  font-size: 13px;
}
.oxygen-body .b2bking_myaccount_individual_offer_bottom_line {
  border-top: 1px solid #e6d6c4;
}
.oxygen-body .b2bking_myaccount_individual_offer_bottom_line_total,
.oxygen-body .b2bking_offer_myaccount_total {
  color: #2d1b11;
  font-size: 19px;
}
.oxygen-body .b2bking_offer_myaccount_total .amount { color: #714a4a; font-weight: 400; }
.oxygen-body .b2bking_myaccount_individual_offer_custom_text,
.oxygen-body .b2bking_myaccount_individual_offer_custom_text_vendor {
  border-top: 1px solid #e6d6c4;
  color: #8a6360;
}


/* ==============================================================
   6. CONVERSATIONS
   ============================================================== */

/* ---------- En-tête de page (titre + « New Conversation ») ---------- */
.oxygen-body #b2bking_myaccount_conversations_container_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e6d6c4;
}

/* ---------- Carte de conversation (correctif du bug de barre grise) ---------- */
/* La barre d'en-tête n'est plus grise : espresso + libellés crème */
.oxygen-body .b2bking_myaccount_individual_conversation_top {
  background: #270200;
  color: #f7f0e9;
  border-radius: var(--ct-radius) var(--ct-radius) 0 0;
}
.oxygen-body .b2bking_myaccount_individual_conversation_top_item {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #f7f0e9;
  right: auto;              /* annule le décalage right:8px du plugin */
}
.oxygen-body .b2bking_myaccount_individual_conversation_content_item {
  font-size: 15px;
  color: #2d1b11;
}
.oxygen-body .b2bking_myaccount_individual_conversation_bottom { padding: 0 4px 4px; }

/* ---------- Pagination des conversations ---------- */
.oxygen-body .b2bking_myaccount_conversations_pagination_button a {
  background: transparent;
  color: #714a4a;
  border: 1px solid #714a4a;
  border-radius: var(--ct-radius-btn);
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  box-shadow: none;
}
.oxygen-body .b2bking_myaccount_conversations_pagination_button a:hover,
.oxygen-body .b2bking_myaccount_conversations_pagination_button a:visited:hover {
  background: #714a4a;
  color: #f7f0e9;
}
.oxygen-body .b2bking_myaccount_conversations_pagination_button a:visited { color: #714a4a; }

/* ---------- Panneau nouvelle conversation ---------- */
.oxygen-body .b2bking_myaccount_new_conversation_content { padding: 26px 24px; }
.oxygen-body .b2bking_myaccount_new_conversation_content_element { margin-bottom: 18px; }
.oxygen-body input#b2bking_myaccount_title_conversation_start { height: 46px; width: 100%; box-sizing: border-box; }
.oxygen-body #b2bking_myaccount_textarea_conversation_start {
  min-height: 140px; line-height: 1.6; resize: vertical; width: 100%; box-sizing: border-box;
}
/* Select type : flèche personnalisée.
   ⚠ La couleur du chevron est un hex codé en dur : un data-URI ne peut
   pas contenir color(N) (le # doit y être encodé %23). Si la palette
   change, mettre à jour %23714a4a ici manuellement. */
.oxygen-body select#b2bking_myaccount_conversation_type {
  height: 46px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23714a4a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}
.oxygen-body .b2bking_myaccount_start_conversation_bottom { margin-top: 22px; }

/* ---------- Fil de discussion (endpoint) ---------- */
.oxygen-body #b2bking_myaccount_conversation_endpoint_container_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e6d6c4;
}
/* Bandeau méta (Type / Date Started) : barre espresso à libellés crème */
.oxygen-body #b2bking_myaccount_conversation_endpoint_container_top_header {
  background: #270200;
  border-radius: var(--ct-radius) var(--ct-radius) 0 0;
  margin-top: 24px;
}
.oxygen-body .b2bking_myaccount_conversation_endpoint_container_top_header_item {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #e6d6c4;
}
.oxygen-body .b2bking_myaccount_conversation_endpoint_top_header_text_bold {
  color: #f7f0e9;
  font-weight: 400;
}
/* Fil de messages */
.oxygen-body #b2bking_conversation_messages_container {
  border: var(--ct-border);
  border-top: 0;
  border-radius: 0 0 var(--ct-radius) var(--ct-radius);
  padding: 18px;
  margin-bottom: 22px;
}
/* Message reçu (bulle claire, à gauche) */
.oxygen-body .b2bking_conversation_message {
  background: #faf6f0;
  border: var(--ct-border);
  border-radius: 12px 12px 12px 4px;
  padding: 14px 16px;
  font-size: 15px;
  color: #2d1b11;
}
/* Message envoyé (bulle espresso, à droite) */
.oxygen-body .b2bking_conversation_message_self {
  background: #270200;
  border-color: #270200;
  border-radius: 12px 12px 4px 12px;
  color: #f7f0e9;
}
/* Horodatage : repositionné en flux (le plugin l'ancrait en absolu) */
.oxygen-body .b2bking_conversation_message_time {
  position: static;
  display: block;
  margin-top: 8px;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 400;
  color: #a98a87;
}
.oxygen-body .b2bking_conversation_message_self .b2bking_conversation_message_time {
  color: rgba(247, 240, 233, .6);
}
/* Champ de réponse */
.oxygen-body #b2bking_conversation_user_new_message {
  min-height: 120px; line-height: 1.6; resize: vertical; width: 100%; box-sizing: border-box;
}
.oxygen-body .b2bking_myaccount_conversation_endpoint_bottom { margin-top: 16px; justify-content: flex-end; }


/* ==============================================================
   7. LISTES D'ACHAT
   ============================================================== */
/* En-tête de page (titre + « New List ») */
.oxygen-body .b2bking_purchase_list_top_container {
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e6d6c4;
}
.oxygen-body a.b2bking_purchase_list_new_link { text-decoration: none; }

/* Padding interne de la carte DataTables (sinon tout se colle aux bords) */
.oxygen-body div#b2bking_purchase_lists_table_wrapper { padding: 24px; }

/* Barre du haut : « Show N entries » (gauche) + « Search » (droite) */
.oxygen-body #b2bking_purchase_lists_table_length,
.oxygen-body #b2bking_purchase_lists_table_filter {
  margin-bottom: 18px;
  color: #8a6360;
  font-size: 14px;
}
.oxygen-body #b2bking_purchase_lists_table_length label,
.oxygen-body #b2bking_purchase_lists_table_filter label { gap: 8px; }
.oxygen-body #b2bking_purchase_lists_table_length select {
  height: 38px;
  padding: 4px 12px;
  margin: 0;
}
.oxygen-body #b2bking_purchase_lists_table_filter input {
  height: 38px;
  min-width: 200px;
}

/* Tableau : en-têtes espresso avec marge, cellules aérées */
.oxygen-body table#b2bking_purchase_lists_table { margin: 0; }
.oxygen-body table#b2bking_purchase_lists_table thead tr th {
  background: #270200 !important;
  color: #f7f0e9;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 400;
  padding: 15px 18px;
  border-bottom: none;
}
.oxygen-body table#b2bking_purchase_lists_table thead tr th:first-child { border-radius: var(--ct-radius-btn) 0 0 0; }
.oxygen-body table#b2bking_purchase_lists_table thead tr th:nth-child(4) { border-radius: 0 var(--ct-radius-btn) 0 0; }
/* Retire l'indicateur de tri natif (flèche) trop contrasté sur l'espresso */
.oxygen-body table#b2bking_purchase_lists_table thead tr th.sorting,
.oxygen-body table#b2bking_purchase_lists_table thead tr th.sorting_asc,
.oxygen-body table#b2bking_purchase_lists_table thead tr th.sorting_desc { background-image: none; }
.oxygen-body table#b2bking_purchase_lists_table td {
  color: #2d1b11;
  padding: 14px 18px;
  border-bottom: 1px solid #e6d6c4;
}
.oxygen-body table#b2bking_purchase_lists_table td.dataTables_empty {
  padding: 26px 18px;
  color: #8a6360;
  font-style: italic;
}

/* Ligne du bas : « Showing … entries » + pagination */
.oxygen-body #b2bking_purchase_lists_table_info {
  margin-top: 18px;
  color: #8a6360;
  font-size: 13px;
}
.oxygen-body #b2bking_purchase_lists_table_paginate { margin-top: 14px; }
.oxygen-body #b2bking_purchase_lists_table_paginate .paginate_button {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #714a4a !important;
  border: 1px solid #e6d6c4;
  border-radius: var(--ct-radius-btn);
  padding: 7px 14px;
  margin-left: 6px;
}
.oxygen-body #b2bking_purchase_lists_table_paginate .paginate_button.current {
  background: #270200;
  border-color: #270200;
  color: #f7f0e9 !important;
}
.oxygen-body #b2bking_purchase_lists_table_paginate .paginate_button:hover {
  background: #faf6f0 !important;
  border-color: #e6d6c4;
  color: #270200 !important;
}
.oxygen-body #b2bking_purchase_lists_table_paginate .paginate_button.disabled,
.oxygen-body #b2bking_purchase_lists_table_paginate .paginate_button.disabled:hover {
  color: #a98a87 !important;
  background: transparent !important;
  border-color: #e6d6c4;
  cursor: default;
}

/* Widget « ajouter à une liste » sur la fiche produit */
.oxygen-body .b2bking_purchaselist_productpage_select {
  height: 45px !important;
  margin-bottom: 0 !important;
}


/* ==============================================================
   8. DEVIS · PRIX DÉGRESSIFS · CHAMPS D'INSCRIPTION
   ============================================================== */

/* ---------- Bloc « Demander un devis personnalisé » (panier) ----------
   Le panier du site est le panier en BLOCS de WooCommerce : les hooks
   classiques ne s'y exécutent pas, donc B2BKing dépose son bouton en fin
   de contenu, tout en bas de la page. Le snippet
   « snippet-devis-dans-recap-panier.php » déplace ce bloc dans
   .wc-block-cart__sidebar (la carte du récap) en l'enveloppant dans
   .x-quote-recap. Les règles ci-dessous habillent ce bloc intégré.

   ⚠ Sans le snippet, ces règles s'appliquent quand même (le bloc reste en
   bas de page) mais la mise en page n'aura pas de sens : le snippet et ce
   CSS vont de paire.

   ⚠ NE PAS déclarer `display` sur le label / la zone de message : le
   plugin les masque via son propre display:none et les révèle au clic
   avec un style inline display:block. Forcer display:block ici les
   rendrait visibles en permanence.

   Au clic, le plugin AJOUTE la classe .b2bking_send_custom_quote_button
   au MÊME bouton (libellé « Envoyer une demande… ») et réinitialise son
   apparence (gris, bordure outset, Arial) : d'où le double sélecteur. */
/* Le bloc s'appuie sur le filet que WooCommerce dessine déjà en bas du
   bloc des totaux (.wp-block-woocommerce-cart-order-summary-block,
   border-bottom) : pas de séparateur supplémentaire ici, sinon on voit
   deux traits à 18px d'écart. */
.oxygen-body .x-quote-recap {
  margin-top: 18px;
}

/* Bouton : pleine largeur de la carte, comme « Commander » */
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_button,
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_button.b2bking_send_custom_quote_button,
.oxygen-body .x-quote-recap button.b2bking_send_custom_quote_button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;              /* le libellé long passe sur 2 lignes */
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #270200 !important;
  color: #f7f0e9 !important;
  font-size: 12px !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #270200 !important;
  border-style: solid !important;   /* annule le border outset du navigateur */
  border-radius: var(--ct-radius-btn) !important;
  min-height: 48px;
  height: auto !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 1.3 !important;
  transition: background .22s ease, border-color .22s ease, color .22s ease;
}
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_button:hover,
.oxygen-body .x-quote-recap button.b2bking_send_custom_quote_button:hover {
  background: #714a4a !important;
  border-color: #714a4a !important;
  color: #f7f0e9 !important;
}

/* Label « Votre message: » */
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_textarea_abovetext {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a6360 !important;
  text-align: left;
}
/* Zone de message : contenue dans la carte (le plugin impose width:100%,
   d'où le !important pour la borner correctement) */
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_textarea {
  width: 100% !important;
  max-width: none !important;
  margin: 8px 0 12px !important;
  min-height: 110px;
  resize: vertical;
  box-sizing: border-box;
  font-size: 15px !important;
  line-height: 1.6;
}
/* Champs Nom / E-mail (visiteurs non connectés) + champs de devis
   personnalisés : même gabarit pleine largeur de carte */
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_name,
.oxygen-body .x-quote-recap #b2bking_request_custom_quote_email,
.oxygen-body .x-quote-recap .b2bking_custom_quote_field {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 10px !important;
  height: 46px;
  box-sizing: border-box;
  font-size: 15px !important;
}
.oxygen-body .x-quote-recap .b2bking_custom_quote_field_container,
.oxygen-body .x-quote-recap .b2bking_before_quote_request_form,
.oxygen-body .x-quote-recap div#b2bking_before_quote_request_button {
  max-width: none;
  margin: 0 0 10px !important;
  color: #8a6360;
}

/* Repli : si le snippet n'est pas actif, le bloc reste enfant direct de
   .ct-inner-content (pleine largeur). On l'aligne au moins sur le bord
   droit du panier (max-width 1250px + 20px de padding interne → le bord
   du contenu tombe à « 50% + 605px ») pour éviter qu'il colle à gauche. */
.oxygen-body .ct-inner-content > #b2bking_request_custom_quote_button {
  width: 100%;
  max-width: 424px;
  margin-left: auto !important;
  margin-right: calc(50% - 605px) !important;
  margin-top: 20px !important;
}
@media (max-width: 1280px) {
  .oxygen-body .ct-inner-content > #b2bking_request_custom_quote_button {
    margin-right: 20px !important;
  }
}
@media (max-width: 640px) {
  .oxygen-body .ct-inner-content > #b2bking_request_custom_quote_button {
    max-width: none;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

/* ---------- Tableaux de prix dégressifs (fiches produit) ---------- */
.oxygen-body table.b2bking_tiered_price_table thead th,
.oxygen-body .b2bking_shop_table thead th {
  background: #270200;
  color: #f7f0e9;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 400;
}
.oxygen-body table.b2bking_tiered_price_table td,
.oxygen-body .b2bking_shop_table td {
  color: #2d1b11;
  border-color: #e6d6c4;
}
/* Palier actif / mis en avant */
.oxygen-body .b2bking_has_color,
.oxygen-body table.b2bking_tiered_price_table tbody td.b2bking_has_color {
  background: #714a4a !important;
  color: #f7f0e9 !important;
}
.oxygen-body .b2bking_tiered_total_price_container {
  color: #714a4a;
}

/* Champs d'inscription société (compte + commande) */
.oxygen-body .b2bking_custom_registration_field_textarea { min-height: 55px; resize: vertical; }


/* ==============================================================
   9. DIVERS
   ============================================================== */
/* Zone de dépôt de documents (upload) */
.oxygen-body .b2bking-drop-area {
  border: 1px dashed #a98a87;
  border-radius: var(--ct-radius-btn);
  background: #faf6f0;
  color: #8a6360;
}
.oxygen-body .b2bking-drop-area.highlight { border-color: #714a4a; }
.oxygen-body #b2bkingfilelist li {
  border: 1px dashed #e6d6c4;
  border-radius: var(--ct-radius-btn);
  color: #2d1b11;
}