.elementor-kit-375494{--e-global-color-primary:#F26522;--e-global-color-secondary:#EEC223;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F26522;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-375494 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
UNIVERSAL GRID FOR CHEDDR BUNDLE PAGES
Works on: /product/bundle/ /concentrate-bundle/ etc.
(Woodmart + WooCommerce Product Bundles)
═══════════════════════════════════════════════════════════════ */
/* 1 ▸ neutralise inline float/100 % width */
form.cart .wc-pb-bundled-item,
form.cart .woocommerce-bundled-item{
float:none !important;
clear:none !important;
width:auto !important;
}
/* 2 ▸ convert wrapper to grid */
form.cart .wc-pb-bundled-items-wrapper,
form.cart .wc-pb-bundled-items,
form.cart .woocommerce-bundled-items-wrapper,
form.cart .bundled_items{
display:grid !important;
grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important;
gap:32px !important; /* card spacing */
margin:0 !important;
}
/* 3 ▸ style each card (light, editable) */
form.cart .wc-pb-bundled-item,
form.cart .bundled_item{
background:#fff;
border:1px solid #e8e8e8;
border-radius:10px;
padding:22px 22px 28px;
text-align:center;
box-shadow:0 3px 8px rgba(0,0,0,.05);
transition:box-shadow .2s ease,border-color .2s ease;
}
form.cart .wc-pb-bundled-item:hover{
border-color:#FF8A00; /* Cheddr orange */
box-shadow:0 6px 14px rgba(255,138,0,.15);
}
/* tidy image + meta */
form.cart .wc-pb-bundled-item img{width:100%;height:auto;object-fit:contain;margin-bottom:16px;}
form.cart .bundled_item .product_title{font-size:18px;font-weight:600;}
form.cart .bundled_item .bundled_item_price{font-size:15px;color:#666;}
form.cart .bundled_item .quantity{margin-top:18px;}
/* 4 ▸ hide HR separators that break rows */
form.cart hr.wc-pb-separator{display:none!important;}
/* 5 ▸ optional: ensure the bundle-summary / add-to-cart block sits below grid */
form.cart .wc-pb-summary{margin-top:40px;}
/* 6 ▸ responsive tweak: slightly tighter gap on phones */
@media (max-width:600px){
form.cart .wc-pb-bundled-items-wrapper,
form.cart .wc-pb-bundled-items,
form.cart .woocommerce-bundled-items-wrapper,
form.cart .bundled_items{
gap:24px !important;
}
}
/* ─────────────────────────────────────────────────────────────
CHEDDR – Woo Bundles two-column grid (desktop & tablet)
falls to single column under 600 px
─────────────────────────────────────────────────────────────*/
/* 1 ▸ cancel floats / 100 % width the plugin injects */
.wc-pb-bundled-item,
.woocommerce-bundled-item{
float:none !important;
clear:none !important;
width:auto !important;
}
/* 2 ▸ make the wrapper flex so cards sit side-by-side */
.wc-pb-bundled-items-wrapper,
.wc-pb-bundled-items,
.woocommerce-bundled-items-wrapper{
display:flex !important;
flex-wrap:wrap !important;
gap:32px !important; /* space between cards */
}
/* 3 ▸ two cards per row (→ three if you prefer) */
.wc-pb-bundled-items-wrapper > *,
.wc-pb-bundled-items > *,
.woocommerce-bundled-items-wrapper > *{
flex:0 0 calc(50% - 32px) !important; /* 2-up desktop/tablet */
max-width:calc(50% - 32px) !important;
}
/* 4 ▸ phone breakpoint stacks to single column */
@media (max-width:600px){
.wc-pb-bundled-items-wrapper,
.wc-pb-bundled-items,
.woocommerce-bundled-items-wrapper{
gap:24px !important;
}
.wc-pb-bundled-items-wrapper > *,
.wc-pb-bundled-items > *,
.woocommerce-bundled-items-wrapper > *{
flex:0 0 100% !important;
max-width:100% !important;
}
}
/* 5 ▸ hide the
separators that add blank lines */
hr.wc-pb-separator{display:none!important;}
/* 6 ▸ optional light card style (remove if unwanted) */
.wc-pb-bundled-item{
background:#fff;
border:1px solid #e8e8e8;
border-radius:10px;
padding:22px 22px 28px;
text-align:center;
box-shadow:0 3px 8px rgba(0,0,0,.05);
}
.wc-pb-bundled-item:hover{
border-color:#FF8A00;
box-shadow:0 6px 14px rgba(255,138,0,.15);
}
.wc-pb-bundled-item img{
width:100%;height:auto;object-fit:contain;margin-bottom:16px;
}
/* ── Cheddr bundle pages – two-column cards ───────────────────────── */
/* 1. neutralise inline float / width */
.wc-pb-bundled-item,
.woocommerce-bundled-item{
float:none !important;
width:auto !important;
clear:none !important;
}
/* 2. flex wrapper → two cards per row on ≥600 px */
.wc-pb-bundled-items-wrapper{
display:flex !important;
flex-wrap:wrap !important;
gap:32px !important; /* space between cards */
}
/* each card takes 50 % minus the gap */
.wc-pb-bundled-items-wrapper > .wc-pb-bundled-item{
flex:0 0 calc(50% - 32px) !important;
max-width:calc(50% - 32px) !important;
}
/* 3. phone: single column */
@media (max-width:599px){
.wc-pb-bundled-items-wrapper{gap:24px !important;}
.wc-pb-bundled-items-wrapper > .wc-pb-bundled-item{
flex:0 0 100% !important;
max-width:100% !important;
}
}
/* 4. hide bundle
separators that add blank rows */
hr.wc-pb-separator{display:none !important;}/* End custom CSS */