/* ==========================================================================
   Bentz Café — MOBILE layout (Figma "phone" frames, 390px wide)
   The same pages carry a desktop view and a mobile view; below 768px only the mobile one shows.
   The 390px stage is scaled (--km) to the phone's width, exactly like the desktop stage.
   ========================================================================== */

.bcp-root .bcp-view--mob { display: none; --k: var(--km, 1); }
@media (max-width: 767px) {
	.bcp-root .bcp-view--desk { display: none; }
	.bcp-root .bcp-view--mob { display: block; }
}
.bcp-root .bcp-view--mob .bcp-in { width: 390px; margin-left: -195px; }
.bcp-root .m-page { background: #fff; }

/* ---------------------------------------------------------------- header */
.bcp-root .m-hd { position: absolute; left: 0; top: 0; width: 390px; height: 0; z-index: 5; }
.bcp-root .m-hd__bg { left: 1px; right: 0; top: 0; height: 70px; background: #f2ece4; box-shadow: 0 0.927px 0.927px rgba(0, 0, 0, 0.25); }
.bcp-root .m-hd__rule { left: -100vw; width: 300vw; top: 69.4px; height: 1.2px; background: #382313; }
.bcp-root .m-hd__word {
	left: 195px; top: 21px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 24px; line-height: 1.2; white-space: nowrap; display: block;
	text-decoration: none !important; text-shadow: none !important; filter: none !important;
	background: linear-gradient(to right, #f0c4a3 22.115%, #bb7c54 62.5%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent;
}

.bcp-root .m-soc { width: 30px; height: 30px; border-radius: 15px; background: #382313; display: block; top: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); transition: transform 0.2s ease, background 0.2s ease; }
.bcp-root .m-soc:hover { background: #73523e; transform: translateY(-1px); }
.bcp-root .m-soc--1 { left: 16px; }
.bcp-root .m-soc--2 { left: 54px; }
.bcp-root .m-soc .bcp-fa { position: absolute; inset: 0; font-size: 15px; color: #fff; }

/* hamburger */
.bcp-root .m-burger { left: 336px; top: 22px; width: 27.895px; height: 26.5px; padding: 0; border: 0; background: none; cursor: pointer; display: block; }
.bcp-root .m-burger::before { content: ''; position: absolute; inset: -12px; }
.bcp-root .m-burger span { position: absolute; left: 0; height: 6.974px; border-radius: 27.895px; background: #382313; border: 1px solid #906850; transition: transform 0.3s ease, opacity 0.25s ease; }
.bcp-root .m-burger span:nth-child(1) { top: 0; width: 27.895px; }
.bcp-root .m-burger span:nth-child(2) { top: 9.76px; width: 20.921px; }
.bcp-root .m-burger span:nth-child(3) { top: 19.53px; width: 27.895px; }
.bcp-root .m-burger.is-open span:nth-child(1) { transform: translateY(9.77px) rotate(45deg); }
.bcp-root .m-burger.is-open span:nth-child(2) { opacity: 0; }
.bcp-root .m-burger.is-open span:nth-child(3) { transform: translateY(-9.77px) rotate(-45deg); }

.bcp-root .m-menu { position: absolute; left: 0; top: 70px; width: 390px; z-index: 30; display: grid; grid-template-rows: 0fr; visibility: hidden; background: #f2ece4; box-shadow: 0 10px 16px rgba(56, 35, 19, 0.2); transition: grid-template-rows 0.3s ease, visibility 0s linear 0.3s; }
.bcp-root .m-menu.is-open { grid-template-rows: 1fr; visibility: visible; border-bottom: 1.2px solid #382313; transition: grid-template-rows 0.3s ease, visibility 0s; }
.bcp-root .m-menu__in { overflow: hidden; min-height: 0; }
.bcp-root .m-menu__in a { display: block; padding: 13px 28px; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 20px; line-height: 1.2; color: #382313 !important; text-align: right; text-decoration: none !important; border-top: 1px solid rgba(56, 35, 19, 0.14); }
.bcp-root .m-menu__in a:first-child { border-top: 0; }
.bcp-root .m-menu__in a.is-current { color: #73523e !important; }

/* -------------------------------------------------------------- brown pills */
.bcp-root .m-btn--hero { --bw: 2.535px; --r: 18.581px; --sb: 1.69px; --ss: 1.267px; --ib: 1.69px; --is: 4.224px; }
.bcp-root .m-btn--hero .bcp-btn__cup { left: 46.7px; top: 5.62px; width: 24.91px; height: 26.783px; }
.bcp-root .m-btn--hero .bcp-btn__label { position: absolute; left: 108.31px; top: 8.87px; translate: -50% 0; font-size: 16.898px; }
.bcp-root .m-btn--val { --bw: 1.136px; --r: 8.329px; --sb: 0.757px; --ss: 0.568px; --ib: 0.757px; --is: 1.893px; }
.bcp-root .m-btn--val .bcp-btn__cup { left: 24px; top: 5.86px; width: 14.063px; height: 15.121px; }
.bcp-root .m-btn--val .bcp-btn__label { position: absolute; left: 72.6px; top: 6.72px; translate: -50% 0; font-size: 10px; }
.bcp-root .m-btn--form { --bw: 2.578px; --r: 18.901px; --sb: 1.719px; --ss: 1.289px; --ib: 1.719px; --is: 4.297px; }
.bcp-root .m-btn--form .bcp-btn__cup { left: 44.25px; top: 6.64px; width: 25.338px; height: 27.244px; }
.bcp-root .m-btn--form .bcp-btn__label { position: absolute; left: 101.05px; top: 9.95px; translate: -50% 0; font-size: 17.188px; }

/* ------------------------------------------------------------------ hero */
.bcp-root .m-hero-logo { left: 195px; top: 98px; translate: -50% 0; width: 172px; height: 167.3px; filter: drop-shadow(-1.045px 2.09px 2.09px rgba(0, 0, 0, 0.25)); }
.bcp-root .m-hero-text { left: 194.94px; top: 290px; width: 340px; height: 91.438px; translate: -50% 0; font-weight: 600; font-size: 18.81px; line-height: 1.2; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .m-hero-photo { left: 38px; top: 474px; width: 314px; height: 314px; border-radius: 7.85px; box-shadow: -1.963px 1.57px 1.57px rgba(0, 0, 0, 0.25); }
.bcp-root .m-hero-photo__in { position: absolute; inset: 0; border-radius: 7.85px; overflow: hidden; }

/* ------------------------------------------------------------ atmosphere */
.bcp-root .m-atm-head { left: 195.5px; top: 0; width: 251px; height: 58px; translate: -50% 0; font-weight: 400; font-size: 16px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .m-atm-item { height: 143.311px; overflow: hidden; box-shadow: -1.2px 1px 1px rgba(0, 0, 0, 0.25); }

/* ----------------------------------------------------------------- value */
.bcp-root .m-value__tint { background: rgba(144, 104, 80, 0.6); }
.bcp-root .m-v-title { left: 195.5px; top: 23px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #f2ece4; white-space: nowrap; text-align: center; text-shadow: -1.219px 0.975px 0.975px rgba(0, 0, 0, 0.25); }
.bcp-root .m-v-card { left: 73.125px; top: 110.96px; width: 243.75px; height: 283.227px; background: #f2ece4; }
.bcp-root .m-v-brand { left: 152px; top: 130.2px; width: 87px; height: 21px; font-family: 'Abril Fatface', serif; font-size: 16px; line-height: 1.1; filter: none; }
.bcp-root .m-v-text { left: 195.22px; top: 166.2px; width: 180.432px; height: 141.435px; translate: -50% 0; font-weight: 400; font-size: 12px; line-height: 1.1; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .m-v-bold { font-weight: 700; }

/* -------------------------------------------------------------- standard */
.bcp-root .m-std { background: #fff; }
.bcp-root .m-s-en { left: 194.68px; top: 38.23px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; text-shadow: -2.114px 1.691px 1.691px rgba(0, 0, 0, 0.25); }
.bcp-root .m-s-he { left: 195px; top: 95.02px; translate: -50% 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-s-icon { overflow: hidden; }
.bcp-root .m-s-label { height: 22px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 20px; line-height: normal; letter-spacing: 0.6px; color: #8c7d70; white-space: nowrap; width: auto !important; }
.bcp-root .m-s-label.cx { text-align: center; }
.bcp-root .m-s-text { font-weight: 300; font-size: 16px; line-height: 1.2; color: #000; text-align: center; white-space: pre-wrap; }

/* --------------------------------------------------------------- we host */
.bcp-root .m-host__bg { position: absolute; left: 0; right: 0; top: 0; height: calc(1345.2px * var(--k)); background: #fff; }
.bcp-root .m-h-title { left: 195.72px; top: 5.12px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 23.4px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; text-shadow: -1.219px 0.975px 0.975px rgba(0, 0, 0, 0.25); }
.bcp-root .m-h-sub { left: 195.72px; top: 41px; translate: -50% 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-h-num { translate: -100% 0; font-family: 'Berkshire Swash', cursive; font-weight: 400; font-size: 96px; line-height: 1.2; color: #382313; text-align: right; }
.bcp-root .m-h-en { font-family: 'Abril Fatface', serif; font-size: 24px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-h-he { height: 16px; font-weight: 700; font-size: 20px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; width: auto !important; }
.bcp-root .m-h-p { font-weight: 600; font-size: 16px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .m-h-img { left: 11px; width: 369px; height: 295.2px; overflow: hidden; }

/* --------------------------------------------------------------- moments */
.bcp-root .m-mo-title { left: 195.19px; top: 0; width: 397.445px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #382313; text-align: center; text-shadow: -0.765px 1.53px 1.53px rgba(0, 0, 0, 0.25); }
.bcp-root .m-mo-text { left: 195.38px; top: 110px; width: 237.166px; height: 66.942px; translate: -50% 0; font-weight: 600; font-size: 16px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .m-mo-item { top: 216.94px; width: 255.081px; height: 191.311px; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.bcp-root .m-mo-item img { -webkit-user-drag: none; }

/* ------------------------------------------------------------- companies */
.bcp-root .m-c-title { left: 195px; top: 0; width: 368px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 32px; line-height: 1.1; color: #382313; text-align: center; text-shadow: -1.434px 1.147px 1.147px rgba(0, 0, 0, 0.25); }
.bcp-root .m-c-he { left: 195px; top: 90px; translate: -50% 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-c-logo { top: 138px; width: 100.685px; height: 98px; overflow: hidden; }

/* ---------------------------------------------------------- testimonials */
.bcp-root .m-t-title { left: 191.36px; top: 0; width: 336.565px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #382313; text-align: center; text-shadow: -2.075px 1.66px 1.66px rgba(0, 0, 0, 0.25); }
.bcp-root .m-t-he { left: 188.25px; top: 100px; translate: -50% 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-t-item { top: 140px; width: 260px; height: 553px; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.bcp-root .m-t-screen { left: 0; top: 0; width: 260px; height: 553px; border-radius: 26px; overflow: hidden; background: #fff; border: 3px solid rgba(56, 35, 19, 0.16); box-shadow: 0 10px 26px rgba(56, 35, 19, 0.22); }
.bcp-root .m-arrow { width: 14.525px; height: 28.904px; }

/* ------------------------------------------------------------ about short */
.bcp-root .m-abs__bg { bottom: auto; height: calc(609px * var(--k)); background: #eae2d8; }
.bcp-root .m-a-title { left: 194.5px; top: 27px; translate: -50% 0; font-weight: 700; font-size: 24px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-a-text { left: 194.5px; top: 75px; width: 229px; height: 264px; translate: -50% 0; font-weight: 400; font-size: 16px; line-height: 1.2; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .m-a-img { width: 104.362px; height: 208.723px; overflow: hidden; }

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

.bcp-root .m-f-cup { left: 247px; top: 232px; width: 150px; height: 150px; filter: drop-shadow(-2.01px 0 8.368px rgba(0, 0, 0, 0.25)); }
.bcp-root .m-f-cup img { object-fit: cover; }
.bcp-root .m-f-en { left: 194.68px; top: 22px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 33.295px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; text-shadow: -1.974px 1.579px 1.579px rgba(0, 0, 0, 0.25); }
.bcp-root .m-f-he { left: 195.37px; top: 70.55px; translate: -50% 0; font-weight: 700; font-size: 20px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }

.bcp-root .m-field { position: absolute; width: 142.962px; height: 21.4px; }
.bcp-root .m-field--name { left: 216.38px; top: 151.98px; }
.bcp-root .m-field--phone { left: 31px; top: 151.98px; }
.bcp-root .m-field--email { left: 216.38px; top: 224.12px; }
.bcp-root .m-field--date { left: 31px; top: 224.12px; }
.bcp-root .m-field label { position: absolute; right: 0; top: 0; font-weight: 700; font-size: 16.647px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: right; transform-origin: 100% 0; pointer-events: none; z-index: 1; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.25s ease; }
.bcp-root .m-field.is-focus label, .bcp-root .m-field.has-value label { transform: translateY(-15px) scale(0.74); color: #73523e; }
.bcp-root .m-field input {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 19px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 3px 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;
	font-family: 'Assistant', sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	color: #382313 !important;
	text-align: right !important;
}
.bcp-root .m-field--date input { cursor: pointer !important; }
.bcp-root .m-field__line { position: absolute; left: 0; top: 18.52px; width: 142.962px; height: 2.87px; transform-origin: 100% 50%; transition: transform 0.25s ease; }
.bcp-root .m-field.is-focus .m-field__line { transform: scaleY(1.3); }
.bcp-root .m-field.is-error label { color: #b3261e; }
.bcp-root .m-field.is-error { animation: bcp-shake 0.4s ease; }
.bcp-root .m-msg { left: 108px; top: 324px; width: 172.835px; font-weight: 700; font-size: 13px; line-height: 1.3; color: #382313; text-align: center; }

/* the calendar becomes a centred sheet on phones */
.bcp-root .bcp-cal.bcp-cal--sheet, .bcp-root .bcp-cal.bcp-cal--sheet.is-open { position: fixed; left: 50%; top: 50%; right: auto; bottom: auto; translate: -50% -50%; width: min(340px, 92vw); z-index: 100000; }

/* ---------------------------------------------------------------- footer */
.bcp-root .m-ft { background: #f2ece4; }
.bcp-root .m-ft__line { left: 0; top: -0.3px; width: 389.027px; height: 0.6px; background: #382313; }
.bcp-root .m-ft__logo { left: calc(20.87px + var(--fx)); top: 16.58px; width: 65.89px; height: 65.89px; }
.bcp-root .m-ft__logo img { width: 100%; height: 100%; object-fit: fill; }
.bcp-root .m-ft__copy { left: calc(53.77px + var(--fx)); top: 88px; width: 107.545px; translate: -50% 0; font-weight: 600; font-size: 6.04px; line-height: 1.2; color: #000; text-align: center; }
.bcp-root .m-ft__title { left: calc(195.12px + var(--fx)); top: 21.45px; width: 188.435px; translate: -50% 0; font-weight: 600; font-size: 9.75px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .m-ft__tag { left: calc(195.24px + var(--fx)); top: 39.24px; width: 168.741px; translate: -50% 0; font-weight: 400; font-size: 7.312px; line-height: 1.2; color: #382313; text-align: center; }
.bcp-root .m-ft__soc { top: 60.94px; width: 10.064px; height: 10.089px; border-radius: 5.046px; background: #382313; display: block; }
.bcp-root .m-ft__soc--1 { left: calc(184.3px + var(--fx)); }
.bcp-root .m-ft__soc--2 { left: calc(195.5px + var(--fx)); }
.bcp-root .m-ft__soc .bcp-fa { position: absolute; inset: 0; font-size: 5.606px; color: #fff; }
.bcp-root .m-ft__privacy { left: calc(195px + var(--fx)); top: 73.4px; translate: -50% 0; font-family: 'Assistant', sans-serif; font-weight: 600; font-size: 8.5px; line-height: 1.3; color: #382313 !important; text-decoration: underline !important; text-underline-offset: 2px; white-space: nowrap; }
.bcp-root .m-ft__credit { left: calc(195.1px + var(--fx)); top: 90px; translate: -50% 0; font-family: 'Noto Sans Hebrew', 'Assistant', sans-serif; font-weight: 600; font-size: 12.962px; line-height: 1.2; text-align: center; white-space: nowrap; 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 .m-ft__noam { left: calc(195.1px + var(--fx)); top: 101.93px; translate: -50% 0; width: 100.207px; height: 17.175px; overflow: clip; display: block; }
.bcp-root .m-ft__noam img { width: 100.207px; height: 17.175px; }
.bcp-root .m-ft__stamp { left: calc(300.97px + var(--fx)); top: 25.88px; width: 70.048px; height: 70.105px; display: flex; align-items: center; justify-content: center; }
.bcp-root .m-ft__stamp-in { position: relative; flex: none; width: 69.344px; height: 69.401px; rotate: 0.58deg; }
.bcp-root .m-ft__stamp-in img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ----------------------------------------------------------------- About */
.bcp-root .m-ab-en { left: 195.5px; top: 136px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; text-shadow: -2.263px 1.81px 1.81px rgba(0, 0, 0, 0.25); }
.bcp-root .m-ab-he { left: 196px; top: 198px; translate: -50% 0; font-weight: 700; font-size: 20px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-ab-flow { position: relative; width: 370px; margin: 0 auto; padding-top: 239px; padding-bottom: 60px; }
.bcp-root .m-ab-text { font-weight: 400; font-size: 16px; line-height: 1.5; color: #382313; text-align: center; white-space: pre-wrap; }
.bcp-root .m-ab-video { position: relative; width: 370px; height: 208px; margin: 0 auto 26px; border-radius: 8px; overflow: hidden; box-shadow: -1.963px 1.57px 1.57px rgba(0, 0, 0, 0.25); }

/* -------------------------------------------------------------------- Q&A */
.bcp-root .m-fq-en { left: 194.5px; top: 129px; translate: -50% 0; font-family: 'Abril Fatface', serif; font-size: 36px; line-height: 1.1; color: #382313; white-space: nowrap; text-align: center; text-shadow: -1.376px 1.101px 1.101px rgba(0, 0, 0, 0.25); }
.bcp-root .m-fq-he { left: 195px; top: 179px; translate: -50% 0; font-weight: 700; font-size: 16px; line-height: 1.2; color: #382313; white-space: nowrap; text-align: center; }
.bcp-root .m-fq-list { position: relative; width: 330.151px; margin: 0 auto; padding-top: 222px; padding-bottom: 60px; }
.bcp-root .m-fq-list .faq-item + .faq-item { margin-top: 13.76px; }
.bcp-root .m-fq-q { --bw: 1.651px; --r: 12.101px; width: 330.151px; height: 24.761px; }
.bcp-root .m-fq-q::after { box-shadow: 0 0 1.101px 0.825px rgba(0, 0, 0, 0.25); }
.bcp-root .m-fq-q .faq-q__text { top: 5.78px; left: calc(50% + 0.4px); font-size: 12px; }
.bcp-root .m-fq-q .faq-q__icon { left: 12.94px; top: 5.78px; width: 13.206px; height: 13.206px; }
.bcp-root .m-fq-q .faq-q__inner { box-shadow: inset 0 0 1.101px 2.751px rgba(0, 0, 0, 0.25); }
.bcp-root .m-fq-list .faq-a__body { margin: 0 14px; padding: 12px 18px 14px; border-width: 1.5px; border-radius: 0 0 12px 12px; font-size: 13.5px; line-height: 1.5; box-shadow: 0 3px 6px rgba(56, 35, 19, 0.14); }

/* ---------------------------------------------------------------- Privacy */
.bcp-root .m-pv-flow { position: relative; width: 350px; margin: 0 auto; padding-top: 222px; padding-bottom: 60px; text-align: right; }
.bcp-root .m-pv-flow div[role='heading'].pv-h { margin: 26px 0 8px !important; font-size: 20px; }
.bcp-root .m-pv-flow > .pv-h:first-child { margin-top: 0 !important; }
.bcp-root .m-pv-flow p.pv-p { margin: 0 0 12px !important; font-size: 15px; line-height: 1.6; }
.bcp-root .m-pv-flow .pv-ul { margin: 0 0 12px; padding: 0 22px 0 0; font-size: 15px; line-height: 1.6; }
.bcp-root .m-pv-flow .pv-ul li { margin: 0 0 6px; }

/* ------------------------------------------------------------------- Blog */
.bcp-root .m-blog-flow { position: relative; width: 350px; margin: 0 auto; padding-top: 260px; padding-bottom: 60px; }
.bcp-root .m-blog-intro { font-weight: 600; font-size: 16px; line-height: 1.55; color: #382313; text-align: center; margin: 0 0 30px; }
.bcp-root .m-blog-card { display: flex; flex-direction: column; text-decoration: none !important; color: inherit; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 5px 14px rgba(56, 35, 19, 0.14); }
.bcp-root .m-blog-card + .m-blog-card { margin-top: 24px; }
.bcp-root .m-blog-card__img { position: relative; display: block; width: 100%; height: 190px; overflow: hidden; }
.bcp-root .m-blog-card__body { display: flex; flex-direction: column; padding: 18px 20px 22px; text-align: right; }
.bcp-root .m-blog-card__date { font-weight: 600; font-size: 12px; color: #906850; margin-bottom: 4px; }
.bcp-root .m-blog-card__title { font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 22px; line-height: 1.25; color: #382313; margin-bottom: 8px; }
.bcp-root .m-blog-card__excerpt { font-weight: 400; font-size: 14px; line-height: 1.5; color: #5a4636; margin-bottom: 12px; }
.bcp-root .m-blog-card__more { font-weight: 700; font-size: 13px; color: #906850; }

.bcp-root .m-bp-flow { position: relative; width: 350px; margin: 0 auto; padding-top: 100px; padding-bottom: 60px; }
.bcp-root .m-bp-en { font-weight: 700; font-size: 24px; line-height: 1.3; color: #382313; text-align: center; margin: 0 0 10px; }
.bcp-root .m-bp-date { font-weight: 600; font-size: 13px; color: #906850; text-align: center; margin: 0 0 22px; }
.bcp-root .m-bp-hero { position: relative; width: 100%; height: 210px; border-radius: 12px; overflow: hidden; margin-bottom: 22px; box-shadow: -1.963px 1.57px 1.57px rgba(0, 0, 0, 0.25); }
.bcp-root .m-bp-content { font-weight: 400; font-size: 16px; line-height: 1.6; color: #382313; text-align: right; }
.bcp-root .m-bp-content .bcp-blog-p { margin: 0 0 16px; }
.bcp-root .m-bp-content .bcp-blog-h { font-family: 'Abril Fatface', serif; font-weight: 400; font-size: 22px; line-height: 1.25; margin: 26px 0 12px; color: #382313; }
.bcp-root .m-bp-content .bcp-blog-ul { margin: 0 0 16px; padding-right: 20px; }
.bcp-root .m-bp-content .bcp-blog-ul li { margin-bottom: 6px; }
.bcp-root .m-bp-content .bcp-blog-img { display: block; position: relative; width: 100%; height: 220px; border-radius: 10px; overflow: hidden; margin: 18px 0; }
.bcp-root .m-bp-back { display: inline-block; margin-top: 22px; font-weight: 700; font-size: 15px; color: #906850 !important; text-decoration: none !important; }