/* BD Chat FAQ — .espt-block-bd-chat-faq (.bdq27)
 * vars set by the spec: --chat-w --bubble-size --bubble-width --bubble-radius --gap
 * --avatar-size --avatar-radius --photo-width --photo-radius --body-height
 * colours: --header-bg --header-text --status-color --dot-color --avatar-bg --avatar-color
 *          --body-bg --in-bg --in-text --out-bg --out-text --time-color --tick-color
 * classes: is-design-* is-bubble-style-* is-online-dot is-msg-avatar is-scrollable
 */

/* ------------------------------------------------------------ root / theme vars */
.espt-block-bd-chat-faq .bdq27 {
	--q-hd-bg: var(--header-bg, var(--bd-deep));
	--q-hd-ink: var(--header-text, #fff);
	--q-status: var(--status-color, color-mix(in srgb, #fff 58%, var(--bd-primary)));
	--q-dot: var(--dot-color, #4ade80);
	--q-av-bg: var(--avatar-bg, var(--bd-accent));
	--q-av-ink: var(--avatar-color, var(--bd-deep));
	--q-body: var(--body-bg, #ebf0ec);
	--q-in-bg: var(--in-bg, #fff);
	--q-in-ink: var(--in-text, var(--bd-ink));
	--q-out-bg: var(--out-bg, color-mix(in srgb, var(--bd-primary) 16%, #fff));
	--q-out-ink: var(--out-text, var(--bd-ink));
	--q-time: var(--time-color, #7a8a80);
	--q-out-time: var(--time-color, #6f8576);
	--q-tick: var(--tick-color, #34a0dc);
	--q-sys-bg: rgba(255, 255, 255, 0.85);
	--q-sys-ink: var(--bd-muted);
	--q-tools: rgba(255, 255, 255, 0.85);
	--q-bub-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
	--q-ft-bg: #f0f2f5;
	--q-ft-field: #fff;
	--q-r: var(--bubble-radius, 13px);
	--q-fs: var(--bubble-size, 13.5px);
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: var(--chat-w, 430px);
	min-width: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.espt-block-bd-chat-faq .bdq27 [hidden] { display: none; }

/* ------------------------------------------------------------ header */
.espt-block-bd-chat-faq .bdq27-hd {
	align-items: center;
	background: var(--q-hd-bg);
	color: var(--q-hd-ink);
	display: flex;
	gap: 11px;
	min-width: 0;
	padding: 11px 14px;
}

.espt-block-bd-chat-faq .bdq27-av {
	align-items: center;
	background: var(--q-av-bg);
	border-radius: var(--avatar-radius, 50%);
	color: var(--q-av-ink);
	display: inline-flex;
	flex: none;
	font-size: calc(var(--avatar-size, 37px) * 0.43);
	font-weight: 800;
	height: var(--avatar-size, 37px);
	justify-content: center;
	line-height: 1;
	overflow: hidden;
	width: var(--avatar-size, 37px);
}

.espt-block-bd-chat-faq .bdq27-av img,
.espt-block-bd-chat-faq .bdq27-mav img {
	border-radius: inherit;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.espt-block-bd-chat-faq .bdq27-who {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.espt-block-bd-chat-faq .bdq27-who b {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.espt-block-bd-chat-faq .bdq27-who i {
	align-items: center;
	color: var(--q-status);
	display: flex;
	font-size: 11.5px;
	font-style: normal;
	gap: 5px;
	line-height: 1.3;
	min-width: 0;
	overflow-wrap: anywhere;
}

.espt-block-bd-chat-faq .bdq27-who i::before {
	animation: bdq27-pulse 2.2s ease-out infinite;
	background: var(--q-dot);
	border-radius: 50%;
	content: "";
	flex: none;
	height: 7px;
	width: 7px;
}

.espt-block-bd-chat-faq.no-online-dot .bdq27-who i::before { display: none; }

@keyframes bdq27-pulse {
	0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--q-dot) 55%, transparent); }
	70% { box-shadow: 0 0 0 6px transparent; }
	100% { box-shadow: 0 0 0 0 transparent; }
}

.espt-block-bd-chat-faq .bdq27-tools {
	color: var(--q-tools);
	display: flex;
	flex: none;
	font-size: 16px;
	gap: 9px;
}

.espt-block-bd-chat-faq .bdq27-tools .espt-ic { opacity: 0.9; }

/* ------------------------------------------------------------ body / rows */
.espt-block-bd-chat-faq .bdq27-bd {
	background: var(--q-body);
	display: flex;
	flex-direction: column;
	gap: var(--gap, 9px);
	min-width: 0;
	padding: 14px 12px;
}

.espt-block-bd-chat-faq.is-scrollable .bdq27-bd {
	max-height: var(--body-height, 340px);
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-behavior: smooth;
}

.espt-block-bd-chat-faq .bdq27-m {
	align-items: flex-end;
	display: flex;
	gap: 6px;
	max-width: var(--bubble-width, 84%);
	min-width: 0;
}

.espt-block-bd-chat-faq .bdq27-in { align-self: flex-start; }
.espt-block-bd-chat-faq .bdq27-out { align-self: flex-end; }

/* consecutive messages from the same side sit closer, like real chat apps */
.espt-block-bd-chat-faq .bdq27-in + .bdq27-in,
.espt-block-bd-chat-faq .bdq27-out + .bdq27-out { margin-top: calc(var(--gap, 9px) * -0.45); }

/* mini avatar beside shop messages (shown on the last bubble of a group) */
.espt-block-bd-chat-faq .bdq27-mav { display: none; }

.espt-block-bd-chat-faq.is-msg-avatar .bdq27-mav {
	align-items: center;
	background: var(--q-av-bg);
	border-radius: var(--avatar-radius, 50%);
	color: var(--q-av-ink);
	display: inline-flex;
	flex: none;
	font-size: calc(var(--avatar-size, 37px) * 0.3);
	font-weight: 800;
	height: calc(var(--avatar-size, 37px) * 0.7);
	justify-content: center;
	line-height: 1;
	overflow: hidden;
	width: calc(var(--avatar-size, 37px) * 0.7);
}

.espt-block-bd-chat-faq.is-msg-avatar .bdq27-in:has(+ .bdq27-in) .bdq27-mav { visibility: hidden; }

/* ------------------------------------------------------------ bubble */
.espt-block-bd-chat-faq .bdq27-bub {
	background: var(--q-in-bg);
	border-radius: var(--q-r);
	box-shadow: var(--q-bub-shadow);
	color: var(--q-in-ink);
	font-size: var(--q-fs);
	line-height: 1.6;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: 9px 13px 7px;
	position: relative;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.espt-block-bd-chat-faq .bdq27-m:hover .bdq27-bub { transform: translateY(-1px); }

.espt-block-bd-chat-faq .bdq27-out .bdq27-bub {
	background: var(--q-out-bg);
	color: var(--q-out-ink);
}

.espt-block-bd-chat-faq .bdq27-txt { display: block; }
.espt-block-bd-chat-faq .bdq27-txt strong { font-weight: 800; }

.espt-block-bd-chat-faq .bdq27-t {
	color: var(--q-time);
	display: block;
	font-size: 0.78em;
	line-height: 1.2;
	margin-top: 3px;
	text-align: right;
	white-space: nowrap;
}

.espt-block-bd-chat-faq .bdq27-out .bdq27-t { color: var(--q-out-time); }

.espt-block-bd-chat-faq .bdq27-t em {
	color: var(--q-tick);
	font-style: normal;
	letter-spacing: -1px;
}

/* bubble shapes */
.espt-block-bd-chat-faq.is-bubble-style-corner .bdq27-in .bdq27-bub { border-radius: 3px var(--q-r) var(--q-r) var(--q-r); }
.espt-block-bd-chat-faq.is-bubble-style-corner .bdq27-out .bdq27-bub { border-radius: var(--q-r) 3px var(--q-r) var(--q-r); }
.espt-block-bd-chat-faq.is-bubble-style-corner .bdq27-in + .bdq27-in .bdq27-bub,
.espt-block-bd-chat-faq.is-bubble-style-corner .bdq27-out + .bdq27-out .bdq27-bub { border-radius: var(--q-r); }

.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-bub::before {
	border-top: 10px solid var(--q-in-bg);
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-in .bdq27-bub::before {
	border-left: 8px solid transparent;
	left: -7px;
}

.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-out .bdq27-bub::before {
	border-right: 8px solid transparent;
	border-top-color: var(--q-out-bg);
	right: -7px;
}

.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-in + .bdq27-in .bdq27-bub::before,
.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-out + .bdq27-out .bdq27-bub::before { display: none; }

.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-bd { padding-left: 18px; padding-right: 18px; }

/* fully rounded: no sharp corner and no tail — softer than the base radius */
.espt-block-bd-chat-faq.is-bubble-style-round .bdq27-bub { border-radius: calc(var(--q-r) + 7px); }
.espt-block-bd-chat-faq.is-bubble-style-round .bdq27-typing .bdq27-bub { border-radius: 999px; }

/* photo messages — never wider than the control, never upscaled past its own size */
.espt-block-bd-chat-faq .bdq27-img {
	display: block;
	margin: 0 0 6px;
	max-width: min(100%, var(--photo-width, 200px));
	width: fit-content;
}

.espt-block-bd-chat-faq .bdq27-img img {
	border-radius: var(--photo-radius, 10px);
	display: block;
	height: auto;
	max-width: 100%;
}

.espt-block-bd-chat-faq .bdq27-imgonly .bdq27-bub { padding: 5px 5px 4px; }
.espt-block-bd-chat-faq .bdq27-imgonly .bdq27-img { margin-bottom: 2px; }
.espt-block-bd-chat-faq .bdq27-imgonly .bdq27-t { padding-right: 6px; }

/* product card inside a bubble */
.espt-block-bd-chat-faq .bdq27-pc {
	align-items: center;
	background: rgba(0, 0, 0, 0.045);
	border-radius: calc(var(--q-r) * 0.6);
	color: inherit;
	display: flex;
	gap: 10px;
	margin: 0 0 7px;
	min-width: 0;
	padding: 8px;
	text-decoration: none;
	transition: background 0.15s ease;
}

.espt-block-bd-chat-faq .bdq27-pc:hover { background: rgba(0, 0, 0, 0.09); color: inherit; }

.espt-block-bd-chat-faq .bdq27-pc-img {
	background: #fff;
	border-radius: 8px;
	flex: none;
	height: 54px;
	overflow: hidden;
	width: 54px;
}

.espt-block-bd-chat-faq .bdq27-pc-img img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.espt-block-bd-chat-faq .bdq27-pc-t {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.espt-block-bd-chat-faq .bdq27-pc-t b {
	font-size: 0.95em;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.espt-block-bd-chat-faq .bdq27-pc-p {
	color: var(--bd-primary);
	font-size: 0.95em;
	font-weight: 800;
}

.espt-block-bd-chat-faq .bdq27-pc-p del {
	color: var(--q-time);
	font-weight: 400;
	margin-right: 4px;
}

.espt-block-bd-chat-faq .bdq27-pc-p ins {
	background: none;
	color: inherit;
	text-decoration: none;
}

/* date / system line */
.espt-block-bd-chat-faq .bdq27-sys {
	align-self: center;
	display: flex;
	justify-content: center;
	max-width: 100%;
	padding: 2px 0;
}

.espt-block-bd-chat-faq .bdq27-sys span {
	background: var(--q-sys-bg);
	border-radius: 8px;
	box-shadow: var(--q-bub-shadow);
	color: var(--q-sys-ink);
	font-size: calc(var(--q-fs) * 0.8);
	line-height: 1.4;
	overflow-wrap: anywhere;
	padding: 4px 10px;
	text-align: center;
}

/* typing indicator */
.espt-block-bd-chat-faq .bdq27-typing .bdq27-bub { padding: 11px 14px; }

.espt-block-bd-chat-faq .bdq27-dots {
	align-items: center;
	display: inline-flex;
	gap: 4px;
	height: 1em;
}

.espt-block-bd-chat-faq .bdq27-dots i {
	animation: bdq27-dot 1.2s ease-in-out infinite;
	background: currentColor;
	border-radius: 50%;
	display: block;
	height: 7px;
	opacity: 0.45;
	width: 7px;
}

.espt-block-bd-chat-faq .bdq27-dots i:nth-child(2) { animation-delay: 0.2s; }
.espt-block-bd-chat-faq .bdq27-dots i:nth-child(3) { animation-delay: 0.4s; }

@keyframes bdq27-dot {
	0%, 80%, 100% { opacity: 0.35; transform: translateY(0); }
	40% { opacity: 0.95; transform: translateY(-4px); }
}

/* ------------------------------------------------------------ footer */
.espt-block-bd-chat-faq .bdq27-ft {
	align-items: center;
	background: var(--q-ft-bg);
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	color: inherit;
	display: flex;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	text-decoration: none;
}

.espt-block-bd-chat-faq .bdq27-fake {
	background: var(--q-ft-field);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 999px;
	color: var(--bd-muted);
	flex: 1 1 auto;
	font-size: var(--q-fs);
	min-width: 0;
	overflow: hidden;
	padding: 9px 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.espt-block-bd-chat-faq .bdq27-send {
	align-items: center;
	background: var(--bd-primary);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	flex: none;
	font-size: 20px;
	height: 40px;
	justify-content: center;
	transition: transform 0.15s ease, filter 0.15s ease;
	width: 40px;
}

.espt-block-bd-chat-faq a.bdq27-ft-input:hover .bdq27-send { filter: brightness(1.06); transform: scale(1.08); }
.espt-block-bd-chat-faq a.bdq27-ft-input:hover .bdq27-fake { color: var(--bd-ink); }

.espt-block-bd-chat-faq .bdq27-ft-cta { justify-content: center; }
.espt-block-bd-chat-faq .bdq27-ft-cta .bdq27-cta { border-radius: 999px; width: 100%; }
.espt-block-bd-chat-faq .bdq27-ft-cta .bdq27-cta .espt-ic { font-size: 1.15em; }

/* ------------------------------------------------------------ designs */
/* Messenger — white chrome, grey incoming, solid primary outgoing, round bubbles */
.espt-block-bd-chat-faq.is-design-messenger .bdq27 {
	--q-hd-bg: var(--header-bg, #fff);
	--q-hd-ink: var(--header-text, var(--bd-ink));
	--q-status: var(--status-color, var(--bd-muted));
	--q-body: var(--body-bg, #fff);
	--q-in-bg: var(--in-bg, #f0f2f5);
	--q-out-bg: var(--out-bg, var(--bd-primary));
	--q-out-ink: var(--out-text, #fff);
	--q-time: var(--time-color, var(--bd-muted));
	--q-out-time: var(--time-color, rgba(255, 255, 255, 0.78));
	--q-tick: var(--tick-color, currentColor);
	--q-sys-bg: transparent;
	--q-bub-shadow: none;
	--q-tools: var(--bd-primary);
	--q-ft-bg: #fff;
	--q-ft-field: #f0f2f5;
	--q-r: calc(var(--bubble-radius, 13px) + 5px);
}

.espt-block-bd-chat-faq.is-design-messenger .bdq27-hd { border-bottom: 1px solid var(--bd-line); }
.espt-block-bd-chat-faq.is-design-messenger .bdq27-ft { border-top-color: var(--bd-line); }

/* iMessage — light grey chrome, grey incoming, primary outgoing, tails */
.espt-block-bd-chat-faq.is-design-imessage .bdq27 {
	--q-hd-bg: var(--header-bg, #f6f6f7);
	--q-hd-ink: var(--header-text, var(--bd-ink));
	--q-status: var(--status-color, var(--bd-muted));
	--q-body: var(--body-bg, #fff);
	--q-in-bg: var(--in-bg, #e9e9eb);
	--q-out-bg: var(--out-bg, var(--bd-primary));
	--q-out-ink: var(--out-text, #fff);
	--q-time: var(--time-color, var(--bd-muted));
	--q-out-time: var(--time-color, rgba(255, 255, 255, 0.78));
	--q-tick: var(--tick-color, currentColor);
	--q-sys-bg: transparent;
	--q-bub-shadow: none;
	--q-tools: var(--bd-primary);
	--q-ft-bg: #fff;
	--q-ft-field: #fff;
	--q-r: calc(var(--bubble-radius, 13px) + 5px);
}

.espt-block-bd-chat-faq.is-design-imessage .bdq27-hd { border-bottom: 1px solid var(--bd-line); }
.espt-block-bd-chat-faq.is-design-imessage .bdq27-fake { border-color: var(--bd-line); }
.espt-block-bd-chat-faq.is-design-imessage .bdq27-ft { border-top-color: var(--bd-line); }

/* Telegram — sky header, patterned body, pale green outgoing */
.espt-block-bd-chat-faq.is-design-telegram .bdq27 {
	--q-hd-bg: var(--header-bg, var(--bd-primary-dark));
	--q-hd-ink: var(--header-text, #fff);
	--q-status: var(--status-color, rgba(255, 255, 255, 0.78));
	--q-body: var(--body-bg, color-mix(in srgb, var(--bd-primary) 12%, #dfe7ee));
	--q-in-bg: var(--in-bg, #fff);
	--q-out-bg: var(--out-bg, #effdde);
	--q-time: var(--time-color, #8a9aa5);
	--q-out-time: var(--time-color, #62a35c);
	--q-tick: var(--tick-color, #4fae4e);
	--q-sys-bg: rgba(0, 0, 0, 0.18);
	--q-sys-ink: #fff;
	--q-tools: rgba(255, 255, 255, 0.9);
	--q-ft-bg: #fff;
}

.espt-block-bd-chat-faq.is-design-telegram .bdq27-bd {
	background-image: radial-gradient(rgba(255, 255, 255, 0.45) 1px, transparent 1.6px);
	background-size: 18px 18px;
}

.espt-block-bd-chat-faq.is-design-telegram .bdq27-sys span { box-shadow: none; }

/* Dark mode */
.espt-block-bd-chat-faq.is-design-dark .bdq27 {
	--q-hd-bg: var(--header-bg, #111827);
	--q-hd-ink: var(--header-text, #f9fafb);
	--q-status: var(--status-color, #9ca3af);
	--q-av-ink: var(--avatar-color, #111827);
	--q-body: var(--body-bg, #0b1220);
	--q-in-bg: var(--in-bg, #1f2937);
	--q-in-ink: var(--in-text, #e5e7eb);
	--q-out-bg: var(--out-bg, var(--bd-primary));
	--q-out-ink: var(--out-text, #fff);
	--q-time: var(--time-color, #9ca3af);
	--q-out-time: var(--time-color, rgba(255, 255, 255, 0.75));
	--q-tick: var(--tick-color, #93c5fd);
	--q-sys-bg: rgba(255, 255, 255, 0.08);
	--q-sys-ink: #9ca3af;
	--q-tools: #9ca3af;
	--q-bub-shadow: none;
	--q-ft-bg: #111827;
	--q-ft-field: #1f2937;
	border-color: color-mix(in srgb, var(--bd-box-line) 25%, #111827);
}

.espt-block-bd-chat-faq.is-design-dark .bdq27-fake { border-color: rgba(255, 255, 255, 0.08); color: #9ca3af; }
.espt-block-bd-chat-faq.is-design-dark a.bdq27-ft-input:hover .bdq27-fake { color: #e5e7eb; }
.espt-block-bd-chat-faq.is-design-dark .bdq27-ft { border-top-color: rgba(255, 255, 255, 0.08); }
.espt-block-bd-chat-faq.is-design-dark .bdq27-pc { background: rgba(255, 255, 255, 0.07); }
.espt-block-bd-chat-faq.is-design-dark .bdq27-pc:hover { background: rgba(255, 255, 255, 0.14); }
.espt-block-bd-chat-faq.is-design-dark .bdq27-pc-p { color: #86efac; }

/* Minimal — no app chrome, outlined bubbles on the page background */
.espt-block-bd-chat-faq.is-design-minimal .bdq27 {
	--q-hd-bg: var(--header-bg, transparent);
	--q-hd-ink: var(--header-text, var(--bd-ink));
	--q-status: var(--status-color, var(--bd-muted));
	--q-body: var(--body-bg, transparent);
	--q-in-bg: var(--in-bg, #f8fafc);
	--q-out-bg: var(--out-bg, color-mix(in srgb, var(--bd-primary) 8%, #fff));
	--q-time: var(--time-color, var(--bd-muted));
	--q-out-time: var(--time-color, var(--bd-muted));
	--q-tick: var(--tick-color, var(--bd-primary));
	--q-sys-bg: transparent;
	--q-bub-shadow: none;
	--q-tools: var(--bd-muted);
	--q-ft-bg: transparent;
}

.espt-block-bd-chat-faq.is-design-minimal .bdq27-hd { border-bottom: 1px solid var(--bd-line); }
.espt-block-bd-chat-faq.is-design-minimal .bdq27-bub { border: 1px solid var(--bd-line); }
.espt-block-bd-chat-faq.is-design-minimal .bdq27-out .bdq27-bub { border-color: var(--bd-soft-line); }
.espt-block-bd-chat-faq.is-design-minimal .bdq27-ft { border-top-color: var(--bd-line); }
.espt-block-bd-chat-faq.is-design-minimal .bdq27-fake { border-color: var(--bd-line); }
.espt-block-bd-chat-faq.is-design-minimal.is-bubble-style-tail .bdq27-bub::before { filter: drop-shadow(-1px -1px 0 var(--bd-line)); }

/* ------------------------------------------------------------ play mode (JS adds .is-play, then .is-shown row by row) */
.espt-block-bd-chat-faq .bdq27.is-play .bdq27-bd > .bdq27-m:not(.is-shown):not(.bdq27-typing),
.espt-block-bd-chat-faq .bdq27.is-play .bdq27-bd > .bdq27-sys:not(.is-shown) { display: none; }

.espt-block-bd-chat-faq .bdq27.is-play .is-shown,
.espt-block-bd-chat-faq .bdq27.is-play .bdq27-typing {
	animation: bdq27-pop 0.35s cubic-bezier(0.2, 0.8, 0.3, 1.15) both;
	transform-origin: bottom left;
}

.espt-block-bd-chat-faq .bdq27.is-play .bdq27-out.is-shown { transform-origin: bottom right; }

@keyframes bdq27-pop {
	from { opacity: 0; transform: translateY(8px) scale(0.96); }
	to { opacity: 1; transform: none; }
}

/* ------------------------------------------------------------ responsive */
@media (min-width: 768px) {
	.espt-block-bd-chat-faq .bdq27-hd { gap: 12px; padding: 12px 16px; }
	.espt-block-bd-chat-faq .bdq27-tools { font-size: 18px; gap: 12px; }
	.espt-block-bd-chat-faq .bdq27-who b { font-size: 16px; }
	.espt-block-bd-chat-faq .bdq27-who i { font-size: 12px; }
	.espt-block-bd-chat-faq .bdq27-bd { padding: 16px 14px; }
	.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-bd { padding-left: 20px; padding-right: 20px; }
	.espt-block-bd-chat-faq .bdq27-bub { padding: 10px 14px 8px; }
	.espt-block-bd-chat-faq .bdq27-ft { padding: 12px 14px; }
	.espt-block-bd-chat-faq .bdq27-pc-img { height: 60px; width: 60px; }
}

@media (min-width: 1024px) {
	.espt-block-bd-chat-faq .bdq27-bd { padding: 18px 16px; }
	.espt-block-bd-chat-faq.is-bubble-style-tail .bdq27-bd { padding-left: 22px; padding-right: 22px; }
}

@media (prefers-reduced-motion: reduce) {
	.espt-block-bd-chat-faq .bdq27-who i::before,
	.espt-block-bd-chat-faq .bdq27-dots i,
	.espt-block-bd-chat-faq .bdq27.is-play .is-shown,
	.espt-block-bd-chat-faq .bdq27.is-play .bdq27-typing { animation: none; }
	.espt-block-bd-chat-faq .bdq27-bub,
	.espt-block-bd-chat-faq .bdq27-send,
	.espt-block-bd-chat-faq .bdq27-pc { transition: none; }
	.espt-block-bd-chat-faq .bdq27-m:hover .bdq27-bub { transform: none; }
	.espt-block-bd-chat-faq.is-scrollable .bdq27-bd { scroll-behavior: auto; }
}