.eof-wrap{--eof-dark:#111;--eof-border:#e5e7eb;--eof-muted:#6b7280;--eof-primary:#8b350f;--eof-accent:#111;--eof-text:#111;--eof-card-bg:#fff;--eof-selected-bg:#111;--eof-button-bg:#16a34a;--eof-button-text:#fff;--eof-radius:22px;--eof-button-radius:14px;--eof-button-height:52px;--eof-button-font:16px;--eof-button-width:100%;--eof-button-padding-x:28px;--eof-button-margin-top:16px;--eof-button-shadow:1;--eof-button-align:stretch;--eof-wrap-padding:18px;--eof-wrap-margin-top:22px;--eof-border-width:1px;--eof-wrap-shadow:1;--eof-title-bg:#8b350f;--eof-title-color:#fff;--eof-title-font:18px;--eof-offers-cols-desktop:4;--eof-offers-cols-tablet:2;--eof-offers-cols-mobile:1;--eof-offer-padding:17px;--eof-offer-min-height:110px;--eof-piece-padding:15px;--eof-choice-radius:999px;--eof-choice-padding-y:10px;--eof-choice-padding-x:14px;--eof-choice-gap:9px;--eof-color-image-size:38px;--eof-sticky-mobile:1;margin:var(--eof-wrap-margin-top) 0 22px;padding:var(--eof-wrap-padding);border:var(--eof-border-width) solid var(--eof-border);border-radius:var(--eof-radius);background:#fff;box-shadow:calc(var(--eof-wrap-shadow) * 0px) calc(var(--eof-wrap-shadow) * 14px) calc(var(--eof-wrap-shadow) * 40px) rgba(0,0,0,.06);font-family:inherit;direction:rtl;clear:both}.eof-wrap{color:var(--eof-text)}.eof-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.eof-title{font-size:var(--eof-title-font);margin:0;font-weight:900}.eof-title-floating_right,.eof-title-floating_center,.eof-title-floating_left{position:relative;margin-top:calc(var(--eof-wrap-margin-top) + 10px)}.eof-title-floating_right .eof-section-head,.eof-title-floating_center .eof-section-head,.eof-title-floating_left .eof-section-head{padding-top:14px}.eof-title-floating_right .eof-title,.eof-title-floating_center .eof-title,.eof-title-floating_left .eof-title{position:absolute;top:-18px;background:var(--eof-title-bg);color:var(--eof-title-color);padding:7px 18px;border-radius:7px;line-height:1.2;z-index:2}.eof-title-floating_right .eof-title{right:28px}.eof-title-floating_center .eof-title{right:50%;transform:translateX(50%)}.eof-title-floating_left .eof-title{left:28px}.eof-mini-total{background:var(--eof-mini-total-bg,#f3f4f6);color:var(--eof-mini-total-text,#111827);border-radius:999px;padding:9px 13px;font-size:14px;white-space:nowrap}.eof-mini-total strong{font-size:16px}.eof-offers{display:grid;grid-template-columns:repeat(var(--eof-offers-cols-tablet),minmax(0,1fr));gap:12px}.eof-offer{position:relative;display:flex;flex-direction:column;gap:5px;padding:var(--eof-offer-padding);border:2px solid var(--eof-border);border-radius:calc(var(--eof-radius) - 2px);cursor:pointer;background:var(--eof-card-bg);transition:.2s;text-align:right;overflow:hidden;min-height:var(--eof-offer-min-height)}.eof-offer:hover{border-color:var(--eof-primary);transform:translateY(-1px)}.eof-offer input{position:absolute;opacity:0;pointer-events:none}.eof-offer.is-selected{border-color:var(--eof-primary);background:var(--eof-selected-bg);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.14)}.eof-offer-title{font-weight:900;font-size:17px;line-height:1.3}.eof-offer-pieces{font-size:12px;color:var(--eof-muted)}.eof-offer.is-selected .eof-offer-pieces{color:rgba(255,255,255,.75)}.eof-offer-price{font-weight:900;font-size:19px}.eof-wrap{border-color:var(--eof-primary)}.eof-badge{position:absolute;top:0;left:0;color:#fff;font-size:11px;font-weight:900;padding:5px 10px;border-bottom-right-radius:13px}.eof-pieces{margin-top:16px;display:grid;gap:12px}.eof-piece{border:1px solid #ececec;border-radius:calc(var(--eof-radius) - 2px);padding:var(--eof-piece-padding);background:var(--eof-piece-bg,#fff)}.eof-piece-head{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:12px;font-size:16px}.eof-piece-head:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--eof-primary)}.eof-field{margin:12px 0}.eof-label{font-weight:900;margin-bottom:9px}.eof-options{display:flex;flex-wrap:wrap;gap:var(--eof-choice-gap)}.eof-choice{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--eof-choice-border,#ddd);border-radius:var(--eof-choice-radius);background:var(--eof-choice-bg,#fff);color:var(--eof-choice-text,#111);padding:var(--eof-choice-padding-y) var(--eof-choice-padding-x);cursor:pointer;transition:.18s;min-height:43px;font-weight:700;user-select:none}.eof-choice:hover{border-color:var(--eof-primary)}.eof-choice input{position:absolute;opacity:0;pointer-events:none}.eof-choice.is-selected{background:var(--eof-selected-bg);color:#fff;border-color:var(--eof-primary);box-shadow:0 8px 18px rgba(0,0,0,.12)}.eof-color-dot{width:21px;height:21px;border-radius:50%;border:1px solid rgba(0,0,0,.16);display:inline-block;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.eof-choice.is-selected .eof-color-dot{border-color:rgba(255,255,255,.55)}.eof-color-img{width:var(--eof-color-image-size);height:var(--eof-color-image-size);border-radius:12px;background-size:cover;background-position:center;display:inline-block;border:1px solid rgba(0,0,0,.08)}.eof-color-choice.has-image{border-radius:calc(var(--eof-radius) - 6px);padding:7px 10px}.single-product form.cart .single_add_to_cart_button,.eof-shortcode-cart .single_add_to_cart_button{margin-top:var(--eof-button-margin-top)!important;border-radius:var(--eof-button-radius)!important;font-weight:900!important;min-height:var(--eof-button-height)!important;background:var(--eof-button-bg)!important;color:var(--eof-button-text)!important;border-color:var(--eof-button-bg)!important;font-size:var(--eof-button-font)!important;padding-left:var(--eof-button-padding-x)!important;padding-right:var(--eof-button-padding-x)!important;width:var(--eof-button-width)!important;max-width:100%!important;transition:.2s!important;box-shadow:calc(var(--eof-button-shadow) * 0px) calc(var(--eof-button-shadow) * 12px) calc(var(--eof-button-shadow) * 30px) rgba(0,0,0,.18)!important}.single-product form.cart:has(.eof-wrap),.eof-shortcode-cart{display:flex!important;flex-direction:column!important;align-items:stretch}.single-product form.cart:has(.eof-wrap) .single_add_to_cart_button,.eof-shortcode-cart .single_add_to_cart_button{align-self:stretch}.eof-button-align-right .single_add_to_cart_button{align-self:flex-start}.eof-button-align-left .single_add_to_cart_button{align-self:flex-end}.eof-button-align-center .single_add_to_cart_button{align-self:center}.single-product form.cart .single_add_to_cart_button:hover,.eof-shortcode-cart .single_add_to_cart_button:hover{filter:brightness(.94);transform:translateY(-1px)}.woocommerce div.product form.cart{width:100%}@media(max-width:767px){.eof-wrap{padding:14px;border-radius:var(--eof-radius);margin:16px 0}.eof-section-head{align-items:flex-start;flex-direction:column}.eof-mini-total{width:100%;text-align:center;border-radius:14px}.eof-offers{grid-template-columns:repeat(var(--eof-offers-cols-mobile),minmax(0,1fr));gap:10px}.eof-offer{min-height:94px;padding:15px}.eof-piece{padding:13px;border-radius:calc(var(--eof-radius) - 6px)}.eof-options{gap:8px}.eof-size-choice{flex:1 1 calc(33.333% - 8px)}.eof-color-choice{flex:1 1 calc(50% - 8px);border-radius:14px;padding:10px 8px}.eof-color-choice.has-image{flex:1 1 100%;justify-content:flex-start}.single-product form.cart .single_add_to_cart_button{width:100%!important;position:sticky;bottom:calc(var(--eof-sticky-mobile) * 10px);z-index:calc(var(--eof-sticky-mobile) * 50);box-shadow:0 12px 30px rgba(0,0,0,.22)}}@media(min-width:1024px){.eof-offers{grid-template-columns:repeat(var(--eof-offers-cols-desktop),minmax(0,1fr))}}

/* Easy Order Flex 3.0 - Advanced layout controls */
.eof-hide-total .eof-mini-total{display:none!important}
.eof-offer-align-center .eof-offer{text-align:center;align-items:center}
.eof-offer-align-left .eof-offer{text-align:left;align-items:flex-start}
.eof-offer-align-right .eof-offer{text-align:right;align-items:flex-start}
.eof-color-layout-grid .eof-colors{display:grid;grid-template-columns:repeat(var(--eof-color-cols-desktop),minmax(0,1fr));gap:var(--eof-choice-gap)}
.eof-color-layout-list .eof-colors{display:grid;grid-template-columns:1fr;gap:var(--eof-choice-gap)}
.eof-color-layout-inline .eof-colors{display:flex;flex-wrap:wrap;gap:var(--eof-choice-gap)}
.eof-size-layout-grid .eof-sizes{display:grid;grid-template-columns:repeat(var(--eof-size-cols-desktop),minmax(0,1fr));gap:var(--eof-choice-gap)}
.eof-size-layout-inline .eof-sizes{display:flex;flex-wrap:wrap;gap:var(--eof-choice-gap)}
.eof-color-layout-grid .eof-color-choice,.eof-color-layout-list .eof-color-choice,.eof-size-layout-grid .eof-size-choice{width:100%;justify-content:center}
.eof-color-style-image_only .eof-color-choice{min-width:var(--eof-color-image-size);padding:8px!important}
.eof-color-style-image_only .eof-color-choice .eof-choice-label{display:none!important}
.eof-color-style-label_only .eof-color-choice .eof-color-img,.eof-color-style-label_only .eof-color-choice .eof-color-dot{display:none!important}
.eof-color-style-dot_label .eof-color-choice .eof-color-img{display:none!important}
.eof-size-style-circle .eof-size-choice{border-radius:999px;aspect-ratio:1/1;min-height:74px;white-space:normal;text-align:center}
.eof-size-style-card .eof-size-choice{border-radius:18px;min-height:72px;white-space:normal;text-align:center;line-height:1.7}
.eof-size-style-pill .eof-size-choice{border-radius:var(--eof-choice-radius)}
.eof-piece-title-line .eof-piece-head:before{width:4px;height:24px;border-radius:99px}
.eof-piece-title-none .eof-piece-head:before{display:none!important}
@media(max-width:767px){
  .eof-color-layout-grid .eof-colors{grid-template-columns:repeat(var(--eof-color-cols-mobile),minmax(0,1fr))}
  .eof-size-layout-grid .eof-sizes{grid-template-columns:repeat(var(--eof-size-cols-mobile),minmax(0,1fr))}
  .eof-color-style-image_only .eof-color-choice{flex:0 0 auto;width:auto;min-width:calc(var(--eof-color-image-size) + 20px)}
  .eof-size-style-circle .eof-size-choice{min-height:70px;font-size:15px}
}
/* =========================================================
   Easy Order Flex Pro 4.2.0 — New Feature Styles
   Add these to the bottom of assets/css/frontend.css
   ========================================================= */

/* Savings badge on offer cards */
.eof-savings-badge {
	display: inline-block;
	background: #16a34a;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	padding: 3px 9px;
	border-radius: 999px;
	margin-top: 4px;
	letter-spacing: .3px;
}

.eof-offer.is-selected .eof-savings-badge {
	background: rgba(255,255,255,.22);
	color: #fff;
}

/* Per-item unit price */
.eof-unit-price {
	font-size: 11px;
	color: var(--eof-muted);
	display: block;
	margin-top: 2px;
}

.eof-offer.is-selected .eof-unit-price {
	color: rgba(255,255,255,.7);
}

/* Urgency timer bar */
.eof-urgency-bar {
	background: var(--eof-urgency-bg, #fef3c7);
	border: 1px solid var(--eof-urgency-border, #f59e0b);
	border-radius: 8px;
	padding: 9px 14px;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	color: var(--eof-urgency-text, #92400e);
	text-align: center;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
}

/* Urgency bar shown as the first element inside .eof-wrap, above
   "Choose Your Offer" (4.3.15) */
.eof-urgency-bar.eof-urgency-top {
	margin: 0 0 12px;
}

.eof-urgency-bar.eof-urgency-expired {
	background: #fee2e2;
	border-color: #f87171;
	color: #991b1b;
}

/* WhatsApp button */
.eof-whatsapp-wrap {
	margin-top: 10px;
}

.eof-whatsapp-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	padding: 13px 20px;
	background: var(--eof-wa-button-bg, #25d366);
	color: var(--eof-wa-button-text, #fff);
	font-size: 15px;
	font-weight: 900;
	border-radius: 12px;
	text-decoration: none;
	transition: filter .18s, transform .18s;
	direction: rtl;
	box-shadow: 0 6px 20px rgba(37,211,102,.28);
}

.eof-whatsapp-btn:hover {
	filter: brightness(.94);
	transform: translateY(-1px);
	color: var(--eof-wa-button-text, #fff);
	text-decoration: none;
}

.eof-whatsapp-btn svg {
	flex-shrink: 0;
}

/* ==========================================================
   Easy Order Flex Pro 4.3.2 — WhatsApp Order Form
   ========================================================== */

.eof-wa-form-wrap {
	margin-top: 16px;
	border-radius: 18px;
	overflow: hidden;
	border: 1.5px solid #d1fae5;
	box-shadow: 0 4px 24px rgba(37,211,102,.10);
	direction: rtl;
	font-family: inherit;
}

/* Header */
.eof-wa-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: var(--eof-wa-button-bg, #25d366);
	color: var(--eof-wa-button-text, #fff);
}

.eof-wa-icon {
	width: 44px;
	height: 44px;
	background: rgba(255,255,255,.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.eof-wa-header-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.eof-wa-header-title {
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
}

.eof-wa-header-sub {
	font-size: 12px;
	opacity: .85;
}

/* Body */
.eof-wa-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	padding: 18px;
	background: #f0fdf4;
}

.eof-wa-col-full {
	grid-column: 1 / -1;
}

@media (max-width: 540px) {
	.eof-wa-body { grid-template-columns: 1fr; }
	.eof-wa-col-full { grid-column: 1; }
}

/* Fields */
.eof-wa-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.eof-wa-label {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 800;
	color: #064e3b;
}

.eof-wa-label-icon {
	font-size: 14px;
}

.eof-req {
	color: #ef4444;
	font-weight: 900;
}

.eof-wa-optional {
	margin-right: auto;
	font-size: 10px;
	font-weight: 500;
	color: #6b7280;
	background: #e5e7eb;
	padding: 1px 7px;
	border-radius: 999px;
}

/* Inputs */
.eof-wa-input {
	width: 100%;
	padding: 10px 13px;
	border: 1.5px solid #a7f3d0;
	border-radius: 10px;
	font-size: 14px;
	background: #fff;
	color: #111;
	outline: none;
	transition: border-color .18s, box-shadow .18s;
	box-sizing: border-box;
	font-family: inherit;
	direction: rtl;
}

.eof-wa-input:focus {
	border-color: #10b981;
	box-shadow: 0 0 0 3px rgba(16,185,129,.15);
}

.eof-wa-input::placeholder { color: #9ca3af; font-size: 13px; }

textarea.eof-wa-input {
	resize: vertical;
	min-height: 68px;
}

/* Select wrapper */
.eof-wa-select-wrap {
	position: relative;
}

.eof-wa-select-wrap select.eof-wa-input {
	appearance: none;
	cursor: pointer;
	padding-left: 36px;
}

.eof-wa-select-arrow {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #6b7280;
	font-size: 13px;
}

/* Error */
.eof-wa-error {
	margin: 0 18px 4px;
	padding: 9px 13px;
	background: #fef2f2;
	border: 1px solid #fca5a5;
	border-radius: 9px;
	font-size: 13px;
	color: #dc2626;
	font-weight: 600;
}

/* Submit button */
.eof-wa-submit-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: calc(100% - 36px);
	margin: 4px 18px 18px;
	padding: 14px 20px;
	background: var(--eof-wa-button-bg, #25d366);
	color: var(--eof-wa-button-text, #fff);
	font-size: 16px;
	font-weight: 900;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	transition: opacity .18s, transform .18s;
	font-family: inherit;
	box-shadow: 0 6px 20px rgba(37,211,102,.30);
	letter-spacing: .3px;
}

.eof-wa-submit-btn:hover  { opacity: .92; transform: translateY(-1px); }
.eof-wa-submit-btn:active { opacity: .85; transform: translateY(0); }
.eof-wa-submit-btn svg    { flex-shrink: 0; }

/* Urgency bar */
.eof-urgency-bar {
	background: var(--eof-urgency-bg, #fef3c7);
	border: 1px solid var(--eof-urgency-border, #f59e0b);
	border-radius: 10px;
	padding: 10px 16px;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 800;
	color: var(--eof-urgency-text, #78350f);
	text-align: center;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
}

.eof-urgency-bar.eof-urgency-expired {
	background: linear-gradient(135deg, #fee2e2, #fecaca);
	border-color: #f87171;
	color: #991b1b;
}


/* Countdown timer styles: bar / boxes / circular / flip (4.3.17 rewrite) */
.eof-urgency-bar.eof-countdown-style-boxes,
.eof-urgency-bar.eof-countdown-style-circular,
.eof-urgency-bar.eof-countdown-style-flip {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 6px 0 4px !important;
	margin: 0 0 14px !important;
	color: var(--eof-text, #111827) !important;
	text-align: center !important;
}

.eof-urgency-bar.eof-countdown-style-boxes .eof-urgency-text,
.eof-urgency-bar.eof-countdown-style-circular .eof-urgency-text,
.eof-urgency-bar.eof-countdown-style-flip .eof-urgency-text {
	display: block !important;
	width: 100% !important;
}

.eof-countdown-title {
	font-size: 20px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 16px;
	text-align: center;
	color: var(--eof-text, #111827);
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 6px;
	overflow-wrap: break-word;
	word-break: break-word;
}

.eof-countdown-units {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	direction: ltr !important;
}

.eof-countdown-unit {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 auto;
	width: 70px;
}

.eof-countdown-num {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 70px;
	height: 70px;
	background: #fff;
	border: 2px solid #e8e8f2;
	border-radius: 14px;
	font-size: 22px;
	font-weight: 800;
	color: #111827;
	box-shadow: 0 10px 28px rgba(17,24,39,.08);
	font-variant-numeric: tabular-nums;
}

.eof-countdown-label {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #9ca3af;
	white-space: nowrap;
	text-align: center;
}

.eof-countdown-sep {
	align-self: center;
	margin-top: 0;
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: 800;
	color: #cbd5e1;
}

/* Circular style — neutral border, never the store's primary/accent color
   to avoid the timer looking like a brand/CTA element. */
.eof-countdown-style-circular .eof-countdown-num {
	border-radius: 999px;
	border-color: #e8e8f2;
	box-shadow: 0 8px 25px rgba(17,24,39,.10);
}

/* Flip style — dark numerals with a center seam */
.eof-countdown-style-flip .eof-countdown-num {
	position: relative;
	background: #111827;
	border-color: #111827;
	color: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(17,24,39,.20);
	overflow: hidden;
}

.eof-countdown-style-flip .eof-countdown-num:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-top: 1px solid rgba(255,255,255,.22);
}

@media (max-width: 480px) {
	.eof-countdown-title  { font-size: 18px; }
	.eof-countdown-units  { gap: 6px; }
	.eof-countdown-unit   { width: 56px; }
	.eof-countdown-num    { width: 56px; height: 58px; font-size: 17px; border-radius: 12px; }
	.eof-countdown-label  { font-size: 10px; }
	.eof-countdown-sep    { height: 58px; font-size: 20px; }
}

/* Easy Order Flex Pro 4.3.9 — full responsive offer card controls */
.eof-offers{gap:var(--eof-offer-gap-tablet,12px)!important}
.eof-offer{border-color:var(--eof-offer-border-color,var(--eof-border))!important;padding:var(--eof-offer-padding)!important;min-height:var(--eof-offer-min-height)!important}
.eof-offer.is-selected{color:var(--eof-offer-selected-text,#fff)!important}
.eof-offer-title{font-size:var(--eof-offer-title-font,17px)!important}
.eof-offer-pieces{font-size:var(--eof-offer-sub-font,12px)!important}
.eof-offer-price{font-size:var(--eof-offer-price-font,19px)!important;color:var(--eof-offer-price-color,#1d4ed8)!important}
.eof-offer.is-selected .eof-offer-price{color:var(--eof-offer-price-color,#1d4ed8)!important}
.eof-unit-price{font-size:var(--eof-offer-unit-font,11px)!important;color:var(--eof-offer-unit-color,#1e40af)!important}
.eof-offer.is-selected .eof-unit-price{color:var(--eof-offer-unit-color,#1e40af)!important}
.eof-savings-badge{font-size:var(--eof-offer-save-font,11px)!important;background:var(--eof-savings-bg,#16a34a)!important;color:var(--eof-savings-text,#fff)!important}
.eof-offer.is-selected .eof-savings-badge{background:var(--eof-savings-bg,#16a34a)!important;color:var(--eof-savings-text,#fff)!important}
.eof-badge{color:var(--eof-badge-text,#fff)!important}
@media(min-width:1024px){.eof-offers{gap:var(--eof-offer-gap-desktop,12px)!important}}
@media(max-width:767px){
  .eof-offers{gap:var(--eof-offer-gap-mobile,10px)!important}
  .eof-offer{padding:var(--eof-offer-padding-mobile,15px)!important;min-height:var(--eof-offer-height-mobile,94px)!important}
  .eof-offer-title{font-size:var(--eof-offer-title-font-mobile,16px)!important}
  .eof-offer-pieces{font-size:var(--eof-offer-sub-font-mobile,12px)!important}
  .eof-offer-price{font-size:var(--eof-offer-price-font-mobile,18px)!important}
}


/* Easy Order Flex Pro 4.3.12 — mobile offer grid (clean rewrite)
   - Respects --eof-offers-cols-mobile from Design Helper (default: 2 on mobile)
   - savings badge hidden via .eof-hide-savings-badge class (PHP-controlled)
   - Removed overrides from 4.3.10 & 4.3.11 (merged here) */

/* Default mobile cols CSS var to 2 so existing stores get 2-col without
   needing to re-save, while still being overrideable from the design panel. */
.eof-wrap {
  --eof-offers-cols-mobile: 2;
}

.eof-hide-savings-badge .eof-savings-badge {
  display: none !important;
}

.eof-hide-offer-pieces .eof-offer-pieces {
  display: none !important;
}

/* Collapsed piece state — collapses a finished item to its header + summary */
.eof-piece.eof-piece-collapsed {
  cursor: pointer;
}
.eof-piece.eof-piece-collapsed > *:not(.eof-piece-head) {
  display: none !important;
}
.eof-piece.eof-piece-collapsed .eof-piece-head {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eof-piece-head .eof-piece-summary {
  font-size: 12px;
  font-weight: 600;
  color: var(--eof-muted, #6b7280);
  margin-inline-start: 8px;
}
.eof-piece-head .eof-piece-edit {
  font-size: 12px;
  font-weight: 700;
  color: var(--eof-primary);
  margin-inline-start: auto;
  flex-shrink: 0;
}
.eof-piece:not(.eof-piece-collapsed) .eof-piece-edit {
  display: none;
}
.eof-piece.eof-piece-collapsed:hover {
  border-color: var(--eof-primary);
}

/* Stock notice (4.3.21) */
.eof-stock-notice {
  display: block;
  margin: 8px 0 0;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.eof-stock-notice.eof-stock-low {
  background: var(--eof-stock-low-bg, #fef3c7);
  color: var(--eof-stock-low-text, #92400e);
  border: 1px solid var(--eof-stock-low-border, #f59e0b);
}
.eof-stock-notice.eof-stock-out {
  background: var(--eof-stock-out-bg, #fee2e2);
  color: var(--eof-stock-out-text, #991b1b);
  border: 1px solid var(--eof-stock-out-border, #f87171);
}

/* Prevent the "Best Seller" style badge from overlapping the offer title */
.eof-offer:has(.eof-badge) {
  padding-top: calc(var(--eof-offer-padding) + 16px);
}
.eof-badge {
  z-index: 1;
}

.eof-offers {
  align-items: stretch !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 1fr !important;
}

.eof-offer {
  height: 100% !important;
  box-sizing: border-box !important;
}

.eof-offer-title, .eof-offer-pieces, .eof-offer-price, .eof-unit-price {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .eof-offers {
    display: grid !important;
    grid-template-columns: repeat(var(--eof-offers-cols-mobile, 2), minmax(0, 1fr)) !important;
    align-items: stretch !important;
    grid-auto-rows: 1fr !important;
  }
  .eof-offer {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .eof-badge {
    font-size: 10px !important;
    padding: 4px 7px !important;
  }
}