/* ==========================================================================
   Bentz Café — front-end
   --------------------------------------------------------------------------
   The design is the Figma desktop frame (1600px wide). Every section is a
   1600px "stage" whose children sit at their exact Figma coordinates. The
   stage is scaled down (--k) when the viewport is narrower than 1600px.
   Section origins (Figma page-Y) are noted in templates/home.php.
   ========================================================================== */

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../fonts/fa-brands-400.woff2') format('woff2');
}

html.bcp-html, html.bcp-html body { background: #f2ece4 !important; }
/* Some themes set a min-height (often 100vh, for a sticky footer) on html/body; on our own
   full-bleed pages that leaves blank space below our footer instead of ending there. Cancel it. */
html.bcp-html, html.bcp-html body { min-height: 0 !important; }
body.bcp-body {
	margin: 0;
	padding: 0;
	background: #f2ece4;
}

/* ---------- Root / stage ------------------------------------------------- */
.bcp-root {
	--k: 1;
	--dy: 0px;
	position: relative;
	width: 100%;
	background: #f2ece4;
	overflow-x: clip;
	direction: ltr;
	text-align: left;
	font-family: 'Assistant', system-ui, sans-serif;
	color: #382313;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: normal;
}
.bcp-root[data-page='about'] { --dy: 8px; }
.bcp-root[data-page='faq']   { --dy: -2px; }

.bcp-root *,
.bcp-root *::before,
.bcp-root *::after { box-sizing: border-box; }

/* Zero-specificity resets so a theme can't restyle the design, but our classes still win. */
:where(.bcp-root) :where(p, h1, h2, h3, figure) {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	background: none;
	border: 0;
}
:where(.bcp-root) :where(img, svg, video) {
	display: block;
	max-width: none;
	height: auto;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
:where(.bcp-root) :where(button) {
	font: inherit;
	color: inherit;
	margin: 0;
	text-transform: none;
	letter-spacing: normal;
}
:where(.bcp-root) :where(a) { color: inherit; text-decoration: none; }

.bcp-root .bcp-sec {
	position: relative;
	width: 100%;
	height: calc(var(--hh, var(--h)) * var(--k));
}
.bcp-root .bcp-in {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1600px;
	height: var(--h);
	margin-left: -800px;
	transform: scale(var(--k));
	transform-origin: 50% 0;
}
.bcp-root .bcp-sec[data-auto] .bcp-in {
	height: auto;
	min-height: var(--h);
}

/* Section-level (full-bleed) layers — they follow the section box, not the 1600px stage. */
.bcp-root .bcp-bg { position: absolute; inset: 0; overflow: hidden; }

/* ---------- Utilities ---------------------------------------------------- */
.bcp-root .a { position: absolute; }
.bcp-root .cx { translate: -50% 0; }
.bcp-root .bcp-grp { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.bcp-root .bcp-fill {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.bcp-root .bcp-crop { position: absolute; max-width: none; display: block; }
.bcp-root .bcp-shadow-t  { text-shadow: -5px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 1px; }
.bcp-root .bcp-shadow-t2 { text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 1px; }

.bcp-root .bcp-grad-a {
	background: linear-gradient(to right, #f0c4a3 22.115%, #bb7c54 62.5%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(-5px 4px 4px rgba(0, 0, 0, 0.25));
}
.bcp-root .bcp-grad-b {
	background: linear-gradient(to right, #e6b48e 0%, #bd7e57 47.115%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(-2px 4px 4px rgba(0, 0, 0, 0.25));
}

/* video / embed used in place of an image */
.bcp-root .bcp-video { object-fit: cover; }
.bcp-root .bcp-embed { position: absolute; overflow: hidden; container-type: size; }
.bcp-root .bcp-embed iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	width: max(100cqw, 177.78cqh);
	height: max(100cqh, 56.25cqw);
	border: 0;
	pointer-events: none;
}

/* Font Awesome brand glyphs */
.bcp-root .bcp-fa { display: flex; align-items: center; justify-content: center; line-height: 1; }
.bcp-root .bcp-fa::before { font-family: 'Font Awesome 5 Brands'; font-weight: 400; font-style: normal; }
.bcp-root .bcp-fa--fb::before { content: '\f09a'; }
.bcp-root .bcp-fa--ig::before { content: '\f16d'; }
.bcp-root .bcp-fa--wa::before { content: '\f232'; }

/* ---------- Buttons (brown pills) ---------------------------------------
   Figma draws these with a CENTERED stroke: the ring sits half outside the frame
   (--bw / 2) and half inside, in #906850, on top of the gradient fill. */
.bcp-root .bcp-btn {
	--bw: 6px; --r: 43.985px; --sb: 4px; --ss: 3px; --ib: 4px; --is: 10px;
	position: absolute;
	display: block;
	border: 0;
	border-radius: var(--r);
	cursor: pointer;
	color: #fff;
	background: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	appearance: none;
	-webkit-appearance: none;
}
.bcp-root .bcp-btn::after {
	content: "";
	position: absolute;
	inset: calc(var(--bw) / -2);
	border: var(--bw) solid #906850;
	border-radius: calc(var(--r) + var(--bw) / 2);
	box-shadow: 0 0 var(--sb) var(--ss) rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
.bcp-root .bcp-btn__bg {
	position: absolute;
	inset: 0;
	border-radius: var(--r);
	background: linear-gradient(to bottom, #6b3e27 45.673%, #d1794c 95.673%);
	pointer-events: none;
}
.bcp-root .bcp-btn__inner {
	position: absolute;
	inset: calc(var(--bw) / 2);
	border-radius: calc(var(--r) - var(--bw) / 2);
	box-shadow: inset 0 0 var(--ib) var(--is) rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
.bcp-root .bcp-btn__cup { position: absolute; overflow: hidden; display: block; }
.bcp-root .bcp-btn__label { white-space: nowrap; text-align: center; color: #fff; font-family: "Assistant", sans-serif; font-weight: 600; line-height: 1.2; }
.bcp-root .bcp-btn__icon { position: relative; display: block; flex: none; width: 23px; height: 23px; }
.bcp-root .bcp-btn__icon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* header pill */
.bcp-root .bcp-btn--hd {
	left: 1301.11px;
	top: calc(42px + var(--dy));
	width: 249.066px;
	height: 69.034px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9.933px;
}
.bcp-root .bcp-btn--hd .bcp-btn__label { position: relative; flex: none; font-size: 31.784px; }

/* hero pill */
.bcp-root .bcp-btn--hero { --bw: 4.851px; --r: 35.562px; --sb: 3.234px; --ss: 2.425px; --ib: 3.234px; --is: 8.085px; }
.bcp-root .bcp-btn--hero .bcp-btn__cup { left: 88.95px; top: 10.33px; width: 47.674px; height: 51.26px; }
.bcp-root .bcp-btn--hero .bcp-btn__label { position: absolute; left: 206.66px; top: 16.55px; translate: -50% 0; font-size: 32.34px; }

/* value + form pill */
.bcp-root .bcp-btn--val { --bw: 4.661px; --r: 34.168px; --sb: 3.107px; --ss: 2.33px; --ib: 3.107px; --is: 7.768px; }
.bcp-root .bcp-btn--val .bcp-btn__cup { left: var(--cx, 55.93px); top: var(--cy, 10.33px); width: 45.806px; height: 49.251px; }
.bcp-root .bcp-btn--val .bcp-btn__label { position: absolute; left: var(--lx, calc(50% + 28.19px)); top: var(--ly, 16.31px); translate: -50% 0; font-size: 31.072px; }

/* ---------- Header ------------------------------------------------------- */
.bcp-root .bcp-hd { position: absolute; left: 0; top: 0; width: 1600px; height: 0; z-index: 5; }
.bcp-root .bcp-hd__bg { left: 5.92px; right: 0; top: 0; height: 154.3px; background: #f2ece4; display: none; }
.bcp-root[data-page='home'] .bcp-hd__bg { display: block; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.bcp-root .bcp-hd__logo { left: 53.85px; top: calc(15.12px + var(--dy)); width: 123.44px; height: 123.44px; display: block; }
.bcp-root .bcp-hd__logo img { width: 100%; height: 100%; object-fit: fill; }
.bcp-root .bcp-nav {
	top: calc(55px + var(--dy));
	height: 34px;
	font-size: 28.501px;
	font-weight: 600;
	line-height: normal;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
}

.bcp-root .bcp-soc {
	width: 41.39px;
	height: 41.39px;
	border-radius: 20.7px;
	background: #382313;
	color: #fff;
	text-decoration: none;
	display: block;
}
.bcp-root .bcp-soc .bcp-fa { position: absolute; inset: 0; font-size: 23px; letter-spacing: -0.27px; }
.bcp-root .bcp-soc--hd1 { left: 234.995px; top: 64px; }
.bcp-root .bcp-soc--hd2 { left: 281.135px; top: 64px; }

/* WhatsApp */
.bcp-root .bcp-wa { background: #61ce70; color: #fff; text-decoration: none; display: block; }
.bcp-root .bcp-wa--design {
	left: 1444px;
	top: 892px;
	width: 114.54px;
	height: 102.782px;
	border-radius: 81.369px;
	z-index: 4;
}
.bcp-root .bcp-wa--design .bcp-fa {
	position: absolute;
	left: 57.67px;
	top: 51.16px;
	translate: -50% -50%;
	width: 63.956px;
	height: 72.333px;
	font-size: 72.804px;
	letter-spacing: -0.5781px;
}
.bcp-root .bcp-wa--fixed {
	position: fixed;
	right: var(--wa-right, 76px);
	bottom: var(--wa-bottom, 10px);
	width: var(--wa-size, 56px);
	height: var(--wa-size, 56px);
	border-radius: 50%;
	z-index: 9990;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.bcp-root .bcp-wa--fixed .bcp-fa { position: absolute; inset: 0; font-size: calc(var(--wa-size, 56px) * 0.6); letter-spacing: 0; }

/* ==========================================================================
   HOME
   ========================================================================== */

/* ----- Hero (y 0) ----- */
.bcp-root .hero-photo {
	left: 755px;
	top: 224px;
	width: 800px;
	height: 800px;
	border-radius: 20px;
	box-shadow: -5px 4px 4px rgba(0, 0, 0, 0.25);
}
.bcp-root .hero-photo__in { position: absolute; inset: 0; border-radius: 20px; overflow: hidden; }
.bcp-root .hero-title { left: 46px; top: 324px; font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 128px; line-height: 1.1; white-space: nowrap; }
.bcp-root .hero-sub { left: 575px; top: 443px; translate: -100% 0; font-weight: 600; font-size: 48px; line-height: 1.2; text-align: right; white-space: nowrap; }
.bcp-root .hero-text {
	left: 365.5px;
	top: 561px;
	width: 481px;
	height: 175px;
	translate: -50% 0;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.2;
	color: #382313;
	text-align: center;
	white-space: pre-wrap;
}

/* ----- Atmosphere (y 1202) ----- */
.bcp-root .atm-head {
	left: 800.5px;
	top: 0;
	width: 1051px;
	height: 90px;
	translate: -50% 0;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.2;
	color: #382313;
	text-align: center;
}
.bcp-root .bcp-marquee { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.bcp-root .bcp-track { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.bcp-root .atm-item { height: 600px; overflow: hidden; box-shadow: -5px 4px 4px rgba(0, 0, 0, 0.25); }

/* ----- Value (y 2172) ----- */
.bcp-root .bcp-value__tint { background: rgba(144, 104, 80, 0.6); }
.bcp-root .v-title { left: 800.5px; top: 46px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 96px; line-height: 1.1; color: #f2ece4; white-space: nowrap; text-align: center; }
.bcp-root .v-card { left: 300px; top: 219px; width: 1000px; height: 559px; background: #f2ece4; }
.bcp-root .v-brand { left: 639px; top: 252px; width: 322.266px; height: 82.751px; font-family: 'Abril Fatface', serif; font-size: 64px; line-height: 1.1; filter: none; }
.bcp-root .v-text {
	left: 430.003px;
	top: 351px;
	width: 740.234px;
	height: 279.148px;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.1;
	color: #382313;
	text-align: center;
	white-space: pre-wrap;
}
.bcp-root .v-bold { font-weight: 700; }

/* ----- Our Standard (y 3072) ----- */
.bcp-root .bcp-std { background: #fff; }
.bcp-root .std-en { left: 800.5px; top: 72px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 96px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .std-he { left: 800px; top: 194px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .std-icon { overflow: hidden; }
.bcp-root .std-icon img { object-fit: cover; }
.bcp-root .std-label { top: 504px; height: 32px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 28.258px; line-height: normal; letter-spacing: 0.8477px; color: #8c7d70; }
.bcp-root .std-label.cx { text-align: center; }
.bcp-root .std-text { font-weight: 300; font-size: 20px; line-height: 1.2; color: #000; text-align: center; white-space: pre-wrap; }

/* ----- We Host (y 3972) ----- */
.bcp-root .bcp-host { background: #fff; }
.bcp-root .host-title { left: 801.5px; top: 21px; width: 449px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 96px; line-height: 1.1; color: #382313; text-align: center; }
.bcp-root .host-img { width: 750px; height: 600px; overflow: hidden; }
.bcp-root .host-num { translate: -100% 0; font-family: 'Berkshire Swash', cursive; font-weight: 400; line-height: 1.2; color: #382313; text-align: right; }
.bcp-root .host-en { font-family: 'Abril Fatface', serif; font-size: 40px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .host-he { height: 32px; font-weight: 700; font-size: 24.931px; line-height: 1.2; color: #382313; text-align: center;  white-space: nowrap;}
.bcp-root .host-p { font-weight: 700; line-height: 1.2; color: #382313; text-align: center; }

/* ----- Moments (y 5497) ----- */
.bcp-root .mom-title { left: 800.5px; top: 128px; width: 1039px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 64px; line-height: 1.1; color: #382313; text-align: center; }
.bcp-root .mom-text { left: 801px; top: 249px; width: 620px; height: 175px; translate: -50% 0; font-weight: 600; font-size: 36px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .bcp-slider { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.bcp-root .bcp-strip { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.bcp-root .mom-item { top: 550px; width: 667px; height: 500px; overflow: hidden; }

.bcp-root .bcp-arrow { width: 35px; height: 69.648px; padding: 0; border: 0; background: none; cursor: pointer; display: block; }
.bcp-root .bcp-arrow img { position: absolute; left: -14.14%; top: -7.11%; width: 128.28%; height: 107.11%; }
.bcp-root .bcp-arrow--flip { rotate: 180deg; }

/* ----- Companies (y 6600) ----- */
.bcp-root .cmp-title { left: 800.5px; top: 0; width: 1187px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 64px; line-height: 1.1; color: #382313; text-align: center; }
.bcp-root .cmp-he { left: 800px; top: 100px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; text-align: center;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .cmp-logo { top: 133px; width: 300px; height: 292px; overflow: hidden; }

/* ----- Testimonials (y 7175) ----- */
.bcp-root .tst-title { left: 800.5px; top: 0; width: 811px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 64px; line-height: 1.1; color: #382313; text-align: center; }
.bcp-root .tst-he { left: 793px; top: 100px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; text-align: center;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .tst-item { top: 183px; width: 321px; height: 636px; }
.bcp-root .tst-frame { left: 0; top: 0; width: 321px; height: 636px; }
.bcp-root .tst-frame__in { position: absolute; inset: 0; overflow: hidden; display: block; }
/* the slider is a window: neighbouring phones stay hidden until they slide in */
.bcp-root .tst-slider { left: 82px; top: 0; width: 1436px; height: 976px; overflow: hidden; }
.bcp-root .tst-slider .bcp-strip { left: -82px; }
/* phone glass measured from the frame artwork: x24..300, y40..618 (corner radius ~40).
   The screenshot sits 4px inside it with a smaller radius, so it can never poke out of the black corners. */
.bcp-root .tst-screen { left: 28px; top: 44px; width: 268px; height: 570px; border-radius: 34px; overflow: hidden; background: #fff; }
.bcp-root .tst-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.bcp-root .tst-img[data-fit='cover'] { object-fit: cover; }

/* ----- About (short) (y 8151) ----- */
.bcp-root .bcp-abs__bg { bottom: auto; height: calc(700px * var(--k)); background: #eae2d8; }
.bcp-root .bcp-abs__strip { position: absolute; left: 0; top: 0; width: 4px; height: 700px; background: #f2ece4; }
.bcp-root .abs-title { left: 338.5px; top: 41px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; text-align: center;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .abs-text { left: 338px; top: 127px; width: 456px; height: 532px; translate: -50% 0; font-weight: 400; font-size: 32px; line-height: 1.2; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .abs-img { width: 250px; height: 500px; overflow: hidden; }

/* ----- Contact form (y 8951) ----- */
.bcp-root .bcp-form { background: #382313; }
.bcp-root .bcp-form__frame { position: absolute; inset: 0; }
.bcp-root .bcp-form__frame::before {
	content: '';
	position: absolute;
	inset: calc(-10px * var(--k));
	background: #382313;
	border: calc(20px * var(--k)) solid #906850;
}
.bcp-root .bcp-form__beans { position: absolute; top: 0; height: 100%; width: 50%; background: url('../img/coffee-beans.png') center / cover no-repeat; }
.bcp-root .bcp-form__beans--a { left: 0; }
.bcp-root .bcp-form__beans--b { left: 50%; }
.bcp-root .bcp-form__fog { position: absolute; inset: 0; background: #d3d3d3; filter: blur(calc(90px * var(--k))); }

.bcp-root .form-cup { left: 916.35px; top: 69px; width: 561.299px; height: 561.299px; filter: drop-shadow(-8.663px 0 36.059px rgba(0, 0, 0, 0.25)); }
.bcp-root .form-cup img { object-fit: cover; }
.bcp-root .form-en { left: 566.07px; top: 124px; width: 808.978px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 64px; line-height: 1.1; color: #382313; text-align: center; }
.bcp-root .form-he { left: 566.07px; top: 204px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; text-align: center;  translate: -50% 0; white-space: nowrap; text-align: center;}

.bcp-root .bcp-lead { position: absolute; left: 0; top: 0; width: 0; height: 0; margin: 0; }
.bcp-root .bcp-field { position: absolute; width: 299.252px; height: 42px; }
.bcp-root .bcp-field--name  { left: 610.46px; top: 300px; }
.bcp-root .bcp-field--phone { left: 222.43px; top: 300px; }
.bcp-root .bcp-field--email { left: 610.46px; top: 439px; }
.bcp-root .bcp-field--date  { left: 222.43px; top: 439px; }
.bcp-root .bcp-field label {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #382313;
	white-space: nowrap;
	text-align: right;
	transform-origin: 100% 0;
	pointer-events: none;
	z-index: 1;
}
.bcp-root .bcp-field input {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 36px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 6px 2px 0 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	border-style: none !important;
	border-width: 0 !important;
	font-family: 'Assistant', sans-serif !important;
	font-weight: 600 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: #382313 !important;
	text-align: right !important;
}
/* date: native calendar pop-out; its label always sits above the line */
.bcp-root .bcp-field__line { position: absolute; left: 0; top: 36px; width: 299.252px; height: 6px; }
.bcp-root .bcp-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.bcp-root .bcp-lead__msg {
	left: 416.757px;
	top: 646px;
	width: 299.626px;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3;
	color: #382313;
	text-align: center;
}

/* ==========================================================================
   FOOTER (same design on every page, a few px of per-page offset)
   ========================================================================== */
.bcp-root .bcp-ft { background: #f2ece4; }
.bcp-root .bcp-ft__line { top: -1px; height: 1px; }
.bcp-root .bcp-ft__copy { top: 374.71px; height: 57.285px; font-weight: 600; font-size: 20px; line-height: 1.2; color: #000; text-align: center; }
.bcp-root .bcp-ft__logo { top: 68px; }
.bcp-root .bcp-ft__logo img { width: 100%; height: 100%; object-fit: fill; }
.bcp-root .bcp-ft__title { top: 88px; font-weight: 600; font-size: 40px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .bcp-ft__tag { top: 161px; height: 38px; font-weight: 400; font-size: 30px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .bcp-soc--ft1, .bcp-root .bcp-soc--ft2 { top: 250px; }
.bcp-root .bcp-ft__credit {
	top: 366px;
	font-family: 'Noto Sans Hebrew', 'Assistant', sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	background: linear-gradient(to right, #656d90 46.635%, #d9d9d9);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-variation-settings: 'wdth' 100;
}
.bcp-root .bcp-ft__noam { top: 402.81px; height: 53px; overflow: clip; display: block; }
.bcp-root .bcp-ft__noam img { width: 310px; height: 53px; }
.bcp-root .bcp-ft__stamp { display: flex; align-items: center; justify-content: center; }
.bcp-root .bcp-ft__stamp-in { position: relative; flex: none; rotate: 0.58deg; }
.bcp-root .bcp-ft__stamp-in img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* home footer */
.bcp-root[data-page='home'] .bcp-ft__line { left: -4px; width: 1596.01px; }
.bcp-root[data-page='home'] .bcp-ft__copy { left: 38.895px; width: 356.11px; }
.bcp-root[data-page='home'] .bcp-ft__logo { left: 81.62px; width: 270.34px; height: 270.34px; }
.bcp-root[data-page='home'] .bcp-ft__title { left: 409.9665px; width: 773.067px; }
.bcp-root[data-page='home'] .bcp-ft__tag { left: 450.8655px; width: 692.269px; }
.bcp-root[data-page='home'] .bcp-soc--ft1 { left: 752.1065px; width: 41.287px; }
.bcp-root[data-page='home'] .bcp-soc--ft2 { left: 798.1265px; width: 41.287px; }
.bcp-root[data-page='home'] .bcp-ft__credit { left: 693.2595px; width: 207.481px; }
.bcp-root[data-page='home'] .bcp-ft__noam { left: 642.3865px; width: 309.227px; }
.bcp-root[data-page='home'] .bcp-ft__stamp { left: 1230.73px; top: 106.18px; width: 287.378px; height: 287.61px; }
.bcp-root[data-page='home'] .bcp-ft__stamp-in { width: 284.486px; height: 284.721px; }

/* about footer */
.bcp-root[data-page='about'] .bcp-ft__line { left: -2px; width: 1600px; }
.bcp-root[data-page='about'] .bcp-ft__copy { left: 41px; width: 357px; }
.bcp-root[data-page='about'] .bcp-ft__logo { left: 84px; width: 270.68px; height: 270.68px; }
.bcp-root[data-page='about'] .bcp-ft__title { left: 413px; width: 775px; }
.bcp-root[data-page='about'] .bcp-ft__tag { left: 454px; width: 694px; }
.bcp-root[data-page='about'] .bcp-soc--ft1 { left: 756px; }
.bcp-root[data-page='about'] .bcp-soc--ft2 { left: 802.135px; }
.bcp-root[data-page='about'] .bcp-ft__credit { left: 697px; width: 208px; }
.bcp-root[data-page='about'] .bcp-ft__noam { left: 646px; width: 310px; }
.bcp-root[data-page='about'] .bcp-ft__stamp { left: 1236px; top: 105.99px; width: 287.737px; height: 287.97px; }
.bcp-root[data-page='about'] .bcp-ft__stamp-in { width: 284.842px; height: 285.077px; }

/* Q&A footer */
.bcp-root[data-page='faq'] .bcp-ft__line { left: 0; width: 1600px; }
.bcp-root[data-page='faq'] .bcp-ft__copy { left: 43px; width: 357px; }
.bcp-root[data-page='faq'] .bcp-ft__logo { left: 86px; width: 270.68px; height: 270.68px; }
.bcp-root[data-page='faq'] .bcp-ft__title { left: 415px; width: 775px; }
.bcp-root[data-page='faq'] .bcp-ft__tag { left: 456px; width: 694px; }
.bcp-root[data-page='faq'] .bcp-soc--ft1 { left: 757.995px; }
.bcp-root[data-page='faq'] .bcp-soc--ft2 { left: 804.135px; }
.bcp-root[data-page='faq'] .bcp-ft__credit { left: 699px; width: 208px; }
.bcp-root[data-page='faq'] .bcp-ft__noam { left: 648px; width: 310px; }
.bcp-root[data-page='faq'] .bcp-ft__stamp { left: 1238px; top: 106px; width: 287.737px; height: 287.97px; }
.bcp-root[data-page='faq'] .bcp-ft__stamp-in { width: 284.842px; height: 285.077px; }

/* ==========================================================================
   ABOUT
   ========================================================================== */
.bcp-root .ab-en { left: 800.5px; top: 254px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 96px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .ab-he { left: 801px; top: 390px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .ab-flow { position: relative; width: 800px; margin: 0 auto; padding-top: 482px; }
.bcp-root .ab-text { font-weight: 400; font-size: 32px; line-height: 1.5; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .ab-video { position: relative; width: 800px; height: 450px; margin: 0 auto 48px; border-radius: 20px; overflow: hidden; box-shadow: -5px 4px 4px rgba(0, 0, 0, 0.25); }

/* ==========================================================================
   BLOG — no Figma frame for this one; a clean template in the same voice
   (fonts, colors, header/footer) as About / Q&A, sized to hold any content.
   ========================================================================== */
.bcp-root .bcp-blog-flow { position: relative; width: 800px; margin: 0 auto; padding-top: 482px; padding-bottom: 100px; }
.bcp-root .bcp-blog-intro { font-weight: 600; font-size: 22px; line-height: 1.6; color: #382313; text-align: center; margin: 0 0 50px; }
.bcp-root .bcp-blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px; }
.bcp-root .bcp-blog-card { display: flex; flex-direction: column; text-decoration: none !important; color: inherit; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 6px 18px rgba(56, 35, 19, 0.14); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.bcp-root .bcp-blog-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(56, 35, 19, 0.2); }
.bcp-root .bcp-blog-card__img { position: relative; display: block; width: 100%; height: 230px; overflow: hidden; }
.bcp-root .bcp-blog-card__body { display: flex; flex-direction: column; padding: 24px 28px 28px; text-align: right; }
.bcp-root .bcp-blog-card__date { font-weight: 600; font-size: 14px; color: #906850; margin-bottom: 6px; }
.bcp-root .bcp-blog-card__title { font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 27px; line-height: 1.25; color: #382313; margin-bottom: 10px; }
.bcp-root .bcp-blog-card__excerpt { font-weight: 400; font-size: 16px; line-height: 1.55; color: #5a4636; margin-bottom: 16px; }
.bcp-root .bcp-blog-card__more { font-weight: 700; font-size: 14px; color: #906850; }

.bcp-root .bcp-bp-flow { position: relative; width: 800px; margin: 0 auto; padding-top: 230px; padding-bottom: 100px; }
.bcp-root .bcp-bp-title { font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 48px; line-height: 1.3; color: #382313; text-align: center; margin: 0 0 14px; }
.bcp-root .bcp-bp-date { font-weight: 600; font-size: 16px; color: #906850; text-align: center; margin: 0 0 40px; }
.bcp-root .bcp-bp-hero { position: relative; width: 100%; height: 420px; border-radius: 20px; overflow: hidden; margin-bottom: 44px; box-shadow: -5px 4px 4px rgba(0, 0, 0, 0.25); }
.bcp-root .bcp-bp-content { font-weight: 400; font-size: 22px; line-height: 1.75; color: #382313; text-align: right; }
.bcp-root .bcp-blog-p { margin: 0 0 24px; }
.bcp-root .bcp-blog-h { font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 34px; line-height: 1.25; color: #382313; margin: 40px 0 18px; }
.bcp-root .bcp-blog-ul { margin: 0 0 24px; padding-right: 26px; }
.bcp-root .bcp-blog-ul li { margin-bottom: 8px; }
.bcp-root .bcp-blog-img { display: block; position: relative; width: 100%; height: 400px; border-radius: 16px; overflow: hidden; margin: 30px 0; box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.18); }
.bcp-root .bcp-bp-back { display: inline-block; margin-top: 32px; font-weight: 700; font-size: 18px; color: #906850 !important; text-decoration: none !important; }
.bcp-root .bcp-bp-back:hover { text-decoration: underline !important; }

/* ==========================================================================
   Q&A
   ========================================================================== */
.bcp-root .faq-en { left: 800px; top: 238px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 96px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .faq-he { left: 800px; top: 374px; height: 46px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313;  translate: -50% 0; white-space: nowrap; text-align: center;}
.bcp-root .faq-list { position: relative; width: 1200px; margin: 0 auto; padding-top: 480px; }
.bcp-root .faq-item + .faq-item { margin-top: 50px; }
.bcp-root .faq-q {
	--bw: 6px; --r: 43.985px;
	position: relative;
	display: block;
	width: 1200px;
	height: 90px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: var(--r);
	cursor: pointer;
	background: none;
	color: #fff;
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
}
.bcp-root .faq-q::after {
	content: "";
	position: absolute;
	inset: calc(var(--bw) / -2);
	border: var(--bw) solid #906850;
	border-radius: calc(var(--r) + var(--bw) / 2);
	box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
.bcp-root .faq-q__bg { position: absolute; inset: 0; border-radius: var(--r); background: linear-gradient(to bottom, #6b3e27 45.673%, #d1794c 95.673%); pointer-events: none; }
.bcp-root .faq-q__text { position: absolute; left: calc(50% + 0.5px); top: 21px; translate: -50% 0; font-weight: 600; font-size: 32px; line-height: 1.2; color: #fff; white-space: nowrap; }
.bcp-root .faq-q__icon { position: absolute; left: 47px; top: 21px; width: 48px; height: 48px; }
.bcp-root .faq-q__icon img { width: 100%; height: 100%; }
.bcp-root .faq-q__inner { position: absolute; inset: calc(var(--bw) / 2); border-radius: calc(var(--r) - var(--bw) / 2); box-shadow: inset 0 0 4px 10px rgba(0, 0, 0, 0.25); pointer-events: none; }

/* answer panel (not drawn in Figma — designed to match the pills) */
.bcp-root .faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 480ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.bcp-root .faq-item.is-open .faq-a { grid-template-rows: 1fr; }
.bcp-root .faq-a__in { overflow: hidden; min-height: 0; }
.bcp-root .faq-a__body {
	margin: 0 44px;
	padding: 34px 60px 38px;
	background: #fff;
	border: 3px solid #73523e;
	border-top: 0;
	border-radius: 0 0 32px 32px;
	box-shadow: 0 6px 12px rgba(56, 35, 19, 0.16);
	font-weight: 400;
	font-size: 26px;
	line-height: 1.55;
	color: #382313;
	text-align: right;
}

/* Theme link styles (Elementor kit, Hello…) must never recolour the design's links */
.bcp-root a.bcp-nav, .bcp-root a.bcp-nav:hover, .bcp-root a.bcp-nav:focus { color: #000 !important; text-decoration: none !important; }
.bcp-root a.bcp-btn, .bcp-root a.bcp-btn:hover, .bcp-root a.bcp-btn:focus,
.bcp-root a.bcp-soc, .bcp-root a.bcp-soc:hover, .bcp-root a.bcp-soc:focus,
.bcp-root a.bcp-wa, .bcp-root a.bcp-wa:hover, .bcp-root a.bcp-wa:focus { color: #fff !important; text-decoration: none !important; }
.bcp-root button.bcp-btn, .bcp-root button.faq-q, .bcp-root button.bcp-arrow { text-shadow: none !important; box-shadow: none; }
.bcp-root button.bcp-btn { background: none !important; border: 0 !important; }
.bcp-root button.faq-q { background: none !important; border: 0 !important; color: #fff !important; }
.bcp-root button.bcp-arrow { background: none !important; border: 0 !important; padding: 0 !important; }

/* the 4px page-coloured strip at the left edge of the short-about band (as drawn in Figma) exists only inside the 1600px frame */
@media (min-width: 2801px) { .bcp-root .bcp-abs__strip { display: none; } }

/* date field: readonly text input that opens the site's own calendar */
.bcp-root .bcp-field--date input { cursor: pointer !important; }
.bcp-root .bcp-cal {
	position: absolute;
	right: 0;
	bottom: 54px;
	width: 336px;
	z-index: 40;
	direction: rtl;
	overflow: hidden;
	background: #f2ece4;
	border: 5px solid #906850;
	border-radius: 28px;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2), 0 16px 34px rgba(56, 35, 19, 0.35);
	padding-bottom: 12px;
	opacity: 0;
	visibility: hidden;
	translate: 0 10px;
	transition: opacity 0.2s ease, translate 0.2s ease, visibility 0.2s;
}
.bcp-root .bcp-cal.is-open { opacity: 1; visibility: visible; translate: 0 0; }
.bcp-root .bcp-cal__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: linear-gradient(to bottom, #6b3e27 45.673%, #d1794c 95.673%); color: #fff; box-shadow: inset 0 0 4px 6px rgba(0, 0, 0, 0.18); }
.bcp-root .bcp-cal__title { font-family: 'Assistant', sans-serif; font-weight: 700; font-size: 22px; line-height: 1.2; color: #fff; }
.bcp-root .bcp-cal__nav { appearance: none; width: 36px; height: 36px; padding: 0; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 50%; background: rgba(0, 0, 0, 0.16); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.bcp-root .bcp-cal__nav:hover { background: rgba(255, 255, 255, 0.25); }
.bcp-root .bcp-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; padding: 12px 14px 4px; text-align: center; }
.bcp-root .bcp-cal__dow { padding: 4px 0; font-family: 'Assistant', sans-serif; font-weight: 700; font-size: 15px; color: #8c7d70; }
.bcp-root .bcp-cal__day { appearance: none; height: 38px; padding: 0; border: 0; border-radius: 50%; background: none; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 18px; line-height: 1; color: #382313; cursor: pointer; }
.bcp-root .bcp-cal__day:hover:not([disabled]) { background: #e6d5c6; }
.bcp-root .bcp-cal__day.is-today { box-shadow: inset 0 0 0 2px #d1794c; }
.bcp-root .bcp-cal__day.is-sel { background: linear-gradient(to bottom, #6b3e27, #d1794c); color: #fff; }
.bcp-root .bcp-cal__day[disabled] { opacity: 0.28; cursor: default; }
.bcp-root .bcp-cal__foot { display: flex; justify-content: center; gap: 18px; padding-top: 4px; }
.bcp-root .bcp-cal__link { appearance: none; padding: 4px 8px; border: 0; background: none; font-family: 'Assistant', sans-serif; font-weight: 700; font-size: 15px; color: #73523e; cursor: pointer; text-decoration: underline; }

/* Themes (Hello/Elementor) add margins to <p>: the design has none */
.bcp-root p, .bcp-root div[role='heading'] { margin: 0 !important; }

.bcp-root .host-sub { left: 800.5px; top: 143px; translate: -50% 0; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }

/* sliders you drag with the mouse / finger */
.bcp-root .bcp-strip { touch-action: pan-y; }
.bcp-root .mom-item, .bcp-root .tst-item { cursor: grab; user-select: none; -webkit-user-select: none; }
.bcp-root .mom-item img, .bcp-root .tst-item img, .bcp-root .mom-item video { -webkit-user-drag: none; user-select: none; }
.bcp-root .bcp-slider.is-dragging .mom-item, .bcp-root .bcp-slider.is-dragging .tst-item { cursor: grabbing; }

/* success pop-up */
.bcp-root .bcp-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(56, 35, 19, 0.55); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s; }
.bcp-root .bcp-modal.is-open { opacity: 1; visibility: visible; }
.bcp-root .bcp-modal__card { position: relative; width: min(520px, 100%); padding: 40px 36px 34px; text-align: center; direction: rtl; background: #f2ece4; border: 6px solid #906850; border-radius: 34px; box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.25), 0 24px 60px rgba(0, 0, 0, 0.4); transform: translateY(14px) scale(0.96); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }
.bcp-root .bcp-modal.is-open .bcp-modal__card { transform: none; }
.bcp-root .bcp-modal__icon { width: 88px; height: 88px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(to bottom, #6b3e27 45.673%, #d1794c 95.673%); border: 4px solid #906850; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 4px 8px rgba(0, 0, 0, 0.18); }
.bcp-root .bcp-modal__icon svg { width: 48px; height: 48px; display: block; }
.bcp-root .bcp-modal__title { font-family: 'Abril Fatface', 'Assistant', serif; font-weight: 400; font-size: 44px; line-height: 1.15; color: #382313; text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.22); }
.bcp-root .bcp-modal__he { margin-top: 6px; font-family: 'Assistant', sans-serif; font-weight: 700; font-size: 34px; line-height: 1.25; color: #382313; }
.bcp-root .bcp-modal__text { margin-top: 10px; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.4; color: #73523e; }
.bcp-root .bcp-modal__ok { appearance: none; margin-top: 26px; padding: 10px 46px; border: 4px solid #906850; border-radius: 40px; background: linear-gradient(to bottom, #6b3e27 45.673%, #d1794c 95.673%); color: #fff !important; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.3; cursor: pointer; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.25); }
.bcp-root .bcp-modal__ok:hover { filter: brightness(1.08); }

/* footer: privacy-policy link, between the logo and the social icons */
.bcp-root .bcp-ft__privacy { left: 680px; top: 311px; width: 240px; height: 28px; text-align: center; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 22px; line-height: 28px; color: #382313 !important; text-decoration: underline !important; text-underline-offset: 5px; white-space: nowrap; }

/* privacy policy page: titles like the Q&A page, text in the site's own type styles */
.bcp-root .pv-flow { position: relative; width: 1000px; margin: 0 auto; padding-top: 480px; padding-bottom: 120px; text-align: right; }
.bcp-root div[role='heading'].pv-h { margin: 52px 0 14px !important; font-family: 'Assistant', sans-serif; font-weight: 700; font-size: 36px; line-height: 1.2; color: #382313; }
.bcp-root .pv-flow > .pv-h:first-child { margin-top: 0 !important; }
.bcp-root p.pv-p { margin: 0 0 18px !important; font-family: 'Assistant', sans-serif; font-weight: 400; font-size: 26px; line-height: 1.65; color: #382313; }
.bcp-root .pv-ul { margin: 0 0 18px; padding: 0 34px 0 0; list-style: disc; font-family: 'Assistant', sans-serif; font-weight: 400; font-size: 26px; line-height: 1.65; color: #382313; }
.bcp-root .pv-ul li { margin: 0 0 8px; padding: 0; }
.bcp-root .pv-ul li::marker { color: #d1794c; }

/* header rule: a plain 2px line that always runs edge to edge (300vw wide, clipped by the page), on every page */
.bcp-root .bcp-hd__rule { left: -100vw; width: 300vw; top: calc(151px + var(--dy)); height: 2px; background: #382313; box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.12); }
.bcp-root[data-page='home'] .bcp-hd__rule { box-shadow: none; }

/* "THE COFFEE" etc.: always one line, sized by the text (the fixed Figma width wrapped with other fonts) */
.bcp-root .std-label { white-space: nowrap; width: auto !important; }