/* BBS Storefront — header pieces, USP strip, payment icons, product card,
   footer, archive navigation, legal pages, 3D viewer.
   Colours follow the theme: navy primary, warm beige alternative. */

:root {
	--bbs-navy: #2b2e52;
	--bbs-navy-deep: #1f2140;
	--bbs-beige: #efe8de;
	--bbs-beige-line: #e2d8c9;
	--bbs-gold: #c9a86a;
	--bbs-ink: #24263d;
	--bbs-muted: #6b6f86;
	--bbs-line: #e6e7ee;
	--bbs-title-font: var(--wd-title-font, "Poppins", Arial, sans-serif);
}

.bbs-ic { flex: none; display: block; }

/* ------------------------------------------------------------ deal bar
   Thicker, larger type, as on Sonno. Mobile keeps its two-line layout. */
@media (min-width: 1025px) {
	.whb-top-bar .whb-top-bar-inner { height: 48px; max-height: 48px; }
	.whb-top-bar .bbs-dt { font-size: 15px; gap: 8px 16px; }
	.whb-top-bar .bbs-dt__headline { font-size: 15px; font-weight: 800; letter-spacing: .03em; }
	.whb-top-bar .bbs-dt__unit { padding: 3px 10px; font-size: 14px; }
	.whb-top-bar .bbs-dt button.bbs-dt__code { padding: 4px 12px !important; font-size: 14px !important; }
}
@media (max-width: 1024px) {
	.whb-top-bar .bbs-dt__headline { font-size: 13px; font-weight: 800; }
}

/* ------------------------------------------------- header: free swatches */
.bbs-hswatch {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--bbs-ink); text-decoration: none;
	font-size: 12px; font-weight: 700; line-height: 1.15; text-transform: uppercase; letter-spacing: .03em;
	padding: 4px 6px; border-radius: 8px; transition: color .2s, background-color .2s;
}
.bbs-hswatch .bbs-ic { width: 26px; height: 26px; color: var(--bbs-navy); }
.bbs-hswatch:hover, .bbs-hswatch:focus-visible { color: var(--bbs-navy); background: var(--bbs-beige); }
.bbs-hswatch--compact { padding: 6px; }
.bbs-hswatch--compact .bbs-ic { width: 24px; height: 24px; }

/* Search as a form (Sonno style): soft field with the icon inside. */
.whb-general-header .wd-search-form .searchform input[type="text"],
.whb-general-header .wd-search-form .searchform input[type="search"] {
	border-radius: 999px; background: #f6f4f0; border-color: transparent; padding-left: 18px;
}
.whb-general-header .wd-search-form .searchform input:focus { background: #fff; border-color: var(--bbs-navy); }

.bbs-hswatch-wrap { display: flex; align-items: center; margin-right: 6px; }
.whb-column_mobile4 .bbs-hswatch-wrap { margin-right: 0; }

/* Free Swatches lives in the header on desktop; keep it in the phone menu only. */
@media (min-width: 1025px) {
	.whb-header .wd-nav-main > li.bbs-mobile-only { display: none; }
}

/* Dropdowns under the main menu. */
.whb-header-bottom .wd-nav-main > li.menu-item-has-children > a::after { margin-left: 4px; }
.whb-header-bottom .wd-dropdown-menu .wd-sub-menu li > a { font-size: 14px; padding-top: 7px; padding-bottom: 7px; }
.whb-header-bottom .wd-nav-main > li > a { letter-spacing: .02em; }

/* --------------------------------------------------------- USP strip */
.bbs-usp { background: var(--bbs-beige); border-bottom: 1px solid var(--bbs-beige-line); }
.bbs-usp__list {
	display: flex; justify-content: space-around; align-items: center; gap: 12px 24px;
	max-width: 1222px; margin: 0 auto; padding: 10px 15px; list-style: none;
}
.bbs-usp__item { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--bbs-ink); font-size: 13.5px; font-weight: 600; }
.bbs-usp__item .bbs-ic { width: 22px; height: 22px; color: var(--bbs-navy); }
@media (max-width: 768px) {
	/* One line that scrolls sideways beats four lines of chrome on a phone. */
	.bbs-usp__list { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 8px 16px; gap: 22px; }
	.bbs-usp__list::-webkit-scrollbar { display: none; }
	.bbs-usp__item { flex: none; scroll-snap-align: start; font-size: 12.5px; white-space: nowrap; }
	.bbs-usp__item .bbs-ic { width: 19px; height: 19px; }
}

/* ------------------------------------------------------ payment icons */
.bbs-pay { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bbs-pay li { margin: 0; line-height: 0; }
.bbs-pay__icon { width: 38px; height: 24px; display: block; }
.sh-payments .bbs-pay { gap: 8px; }
.sh-payments .bbs-pay__icon { width: 44px; height: 28px; }

/* ------------------------------------------------- product-page card */
.bbs-pdp-card {
	margin: 16px 0 6px; padding: 14px 16px; border: 1px solid var(--bbs-line); border-radius: 12px; background: #fff;
	color: var(--bbs-ink); font-size: 13.5px; line-height: 1.45;
}
.bbs-pdp-card__row { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f4; }
.bbs-pdp-card__row .bbs-ic { width: 20px; height: 20px; color: var(--bbs-navy); margin-top: 1px; }
.bbs-pdp-card__row a { color: var(--bbs-navy); text-decoration: underline; text-underline-offset: 2px; margin-left: 4px; white-space: nowrap; }
.bbs-pdp-card__row strong { color: var(--bbs-ink); }
.bbs-pdp-card__klarna {
	flex: none; display: inline-grid; place-items: center; width: 44px; height: 20px; border-radius: 4px;
	background: #ffb3c7; color: #0b051d; font: 800 10px/1 Arial, sans-serif; letter-spacing: -.01em;
}
.bbs-pdp-card .bbs-pay { margin-top: 2px; }

/* --------------------------------------------------------------- footer */
.bbs-footer { --f-text: rgba(255,255,255,.74); background: var(--bbs-navy-deep); color: var(--f-text); font-size: 14px; line-height: 1.6; }
.footer-container:has(.bbs-footer) { background: var(--bbs-navy-deep); }
.footer-container:has(.bbs-footer) .main-footer > .container,
.footer-container:has(.bbs-footer) .container { max-width: none; padding: 0; }
.bbs-footer a { color: #fff; text-decoration: none; transition: color .2s; }
.bbs-footer a:hover, .bbs-footer a:focus-visible { color: var(--bbs-gold); }

.bbs-footer__main {
	display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 1fr)); gap: 40px;
	max-width: 1222px; margin: 0 auto; padding: 56px 20px 40px;
}
.bbs-footer__logo { display: inline-block; padding: 10px 14px; background: #fff; border-radius: 10px; line-height: 0; }
.bbs-footer__logo img { width: 130px; height: auto; }
.bbs-footer__logo span { font: 700 20px/1.2 var(--bbs-title-font); color: var(--bbs-navy); }
.bbs-footer__blurb { margin: 16px 0 18px; max-width: 34ch; }

.bbs-footer__contact { margin: 0; padding: 0; list-style: none; }
.bbs-footer__contact li { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; }
.bbs-footer__contact .bbs-ic { width: 18px; height: 18px; margin-top: 3px; color: var(--bbs-gold); }

.bbs-footer__social { display: flex; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.bbs-footer__social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.22); }
.bbs-footer__social a:hover { border-color: var(--bbs-gold); }
.bbs-footer__social .bbs-ic { width: 17px; height: 17px; }

.bbs-footer__heading { margin: 0 0 16px; }
/* WoodMart styles every bare <button> (light background, padding, min-height)
   with selectors that outrank a single class, so the reset is forced here. */
.bbs-footer button.bbs-footer__toggle,
.bbs-footer button.bbs-footer__toggle:hover,
.bbs-footer button.bbs-footer__toggle:focus {
	display: flex !important; align-items: center; justify-content: space-between; width: 100%;
	margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important;
	background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	font: 700 14px/1.3 var(--bbs-title-font) !important; color: #fff !important;
	text-transform: uppercase !important; letter-spacing: .08em !important; text-align: left; cursor: default;
}
.bbs-footer button.bbs-footer__toggle:focus-visible { outline: 2px solid var(--bbs-gold); outline-offset: 3px; }
.bbs-footer__caret { display: none; }
.bbs-footer__links { margin: 0; padding: 0; list-style: none; }
.bbs-footer__links li { margin: 0 0 9px; }
.bbs-footer__links a { color: var(--f-text); }
.bbs-footer__links a:hover { color: #fff; }

.bbs-footer__bar {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px;
	max-width: 1222px; margin: 0 auto; padding: 20px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px;
}
.bbs-footer__legal { margin: 0; }

@media (max-width: 1024px) {
	.bbs-footer__main { grid-template-columns: 1fr 1fr; gap: 32px 28px; }
	.bbs-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.bbs-footer__main { grid-template-columns: 1fr; gap: 0; padding: 40px 16px 20px; }
	.bbs-footer__brand { margin-bottom: 18px; }
	/* Link columns collapse into an accordion on phones. */
	.bbs-footer__col { border-top: 1px solid rgba(255,255,255,.12); }
	.bbs-footer__heading { margin: 0; }
	.bbs-footer button.bbs-footer__toggle { padding: 15px 0 !important; cursor: pointer; }
	.bbs-footer__caret { display: block; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; margin-right: 4px; }
	.bbs-footer__toggle[aria-expanded="true"] .bbs-footer__caret { transform: rotate(-135deg); }
	.bbs-footer__col .bbs-footer__links { display: none; padding: 0 0 12px; }
	.bbs-footer__col.is-open .bbs-footer__links { display: block; }
	.bbs-footer__bar { flex-direction: column; align-items: flex-start; padding: 18px 16px 90px; }
}

/* ----------------------------------------------- category strip states */
.csw-item.is-active { border-color: var(--bbs-navy) !important; box-shadow: 0 0 0 1px var(--bbs-navy) inset; }
.csw-item.is-active .csw-label { color: var(--bbs-navy); }
.bbs-acc-nav__title { margin: 0 0 12px; font: 700 13px/1.3 var(--bbs-title-font); text-transform: uppercase; letter-spacing: .08em; color: var(--bbs-muted); }
.bbs-acc-nav__icon .bbs-ic { width: var(--csw-icon-size, 60px); height: var(--csw-icon-size, 60px); stroke-width: 1.2; color: var(--csw-icon-color, var(--bbs-navy)); }
.csw-item:hover .bbs-acc-nav__icon .bbs-ic { color: var(--csw-icon-hover, var(--bbs-gold)); }
@media (max-width: 768px) {
	.bbs-acc-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.bbs-acc-nav__icon .bbs-ic { width: 44px; height: 44px; }
}

/* ---------------------------------------------------------- legal pages */
.bbs-legal { --lg-gap: 48px; color: #3a3d55; font-size: 16px; line-height: 1.7; }
.bbs-legal > .wp-block-group__inner-container, .bbs-legal { max-width: 1100px; margin-left: auto; margin-right: auto; }
.bbs-legal__intro {
	max-width: 1100px; margin: 0 auto 32px; padding: 26px 28px; border-radius: 16px; background: var(--bbs-beige);
	border: 1px solid var(--bbs-beige-line); color: var(--bbs-ink); line-height: 1.65;
}
.bbs-legal__intro h1 { margin: 0 0 10px; font: 700 clamp(26px, 3.2vw, 34px)/1.2 var(--bbs-title-font); color: var(--bbs-ink); }
.bbs-legal-wrap { max-width: 1100px; margin: 0 auto; }
.bbs-legal__intro p { margin: 0 0 6px; }
.bbs-legal__intro p:last-child { margin: 0; }
.bbs-legal__meta { font-size: 13.5px; color: var(--bbs-muted); }
.bbs-legal h2 {
	margin: 40px 0 12px; padding-top: 8px; scroll-margin-top: 120px;
	font: 700 22px/1.3 var(--bbs-title-font); color: var(--bbs-ink);
}
.bbs-legal h3 { margin: 24px 0 8px; font: 700 17px/1.35 var(--bbs-title-font); color: var(--bbs-ink); }
.bbs-legal ul, .bbs-legal ol { padding-left: 1.25em; }
.bbs-legal li { margin: 0 0 8px; }
.bbs-legal a { color: var(--bbs-navy); text-decoration: underline; text-underline-offset: 2px; }
.bbs-legal strong { color: var(--bbs-ink); }
.bbs-legal .bbs-legal__note {
	margin: 18px 0; padding: 14px 16px; border-left: 3px solid var(--bbs-gold); border-radius: 0 10px 10px 0; background: #faf7f1;
}
.bbs-legal table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 14px 0 20px; }
.bbs-legal th, .bbs-legal td { padding: 10px 12px; border: 1px solid var(--bbs-line); text-align: left; vertical-align: top; }
.bbs-legal th { background: #f7f7fa; color: var(--bbs-ink); }

/* Contents list, built by storefront.js from the h2s. */
.bbs-legal-wrap { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--lg-gap, 48px); align-items: start; }
.bbs-toc { position: sticky; top: 110px; padding: 18px; border: 1px solid var(--bbs-line); border-radius: 14px; font-size: 14px; }
.bbs-toc__title { margin: 0 0 10px; font: 700 12px/1.3 var(--bbs-title-font); text-transform: uppercase; letter-spacing: .1em; color: var(--bbs-muted); }
.bbs-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.bbs-toc li { margin: 0; }
.bbs-toc a { display: block; padding: 6px 8px; border-radius: 8px; color: var(--bbs-ink); text-decoration: none; line-height: 1.35; }
.bbs-toc a:hover { background: #f5f5f8; }
.bbs-toc a.is-current { background: var(--bbs-beige); color: var(--bbs-navy); font-weight: 700; }
@media (max-width: 900px) {
	.bbs-legal-wrap { grid-template-columns: 1fr; gap: 0; }
	.bbs-toc { position: static; margin-bottom: 24px; }
	.bbs-legal { font-size: 15.5px; }
	.bbs-legal__intro { padding: 20px; }
	.bbs-legal table { display: block; overflow-x: auto; }
}

/* ------------------------------------------------------------ 3D viewer */
.bbs-3d-open {
	display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 10px 16px;
	border: 1.5px solid var(--bbs-navy); border-radius: 999px; background: #fff; color: var(--bbs-navy);
	font: 700 14px/1 var(--bbs-title-font); cursor: pointer; transition: background .2s, color .2s;
}
.bbs-3d-open:hover, .bbs-3d-open:focus-visible { background: var(--bbs-navy); color: #fff; }
.bbs-3d-open .bbs-ic { width: 20px; height: 20px; }
.bbs-3d { width: min(960px, 94vw); height: min(720px, 86vh); padding: 0; border: 0; border-radius: 18px; overflow: hidden; background: #f4f2ee; }
.bbs-3d::backdrop { background: rgba(20, 21, 40, .62); }
.bbs-3d model-viewer { width: 100%; height: 100%; --poster-color: transparent; }
.bbs-3d__close { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #fff; color: var(--bbs-ink); cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.12); }
.bbs-3d__hint { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); margin: 0; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.9); font-size: 12.5px; color: var(--bbs-ink); }

@media (prefers-reduced-motion: reduce) {
	.bbs-hswatch, .bbs-footer a, .bbs-3d-open, .bbs-footer__caret { transition: none; }
}

/* USP strip: items can be links; WhatsApp shown in its own green. */
.bbs-usp__in { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
a.bbs-usp__in:hover span { text-decoration: underline; text-underline-offset: 3px; }
.bbs-usp__item .bbs-ic--whatsapp { width: 21px; height: 21px; color: #25d366; }
.bbs-usp__item--whatsapp span { font-weight: 700; }

/* ------------------------------------------------------------ newsletter */
.bbs-footer__nl { background: var(--bbs-navy); border-bottom: 1px solid rgba(255,255,255,.1); }
.bbs-nl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 18px 40px; align-items: center; max-width: 1222px; margin: 0 auto; padding: 34px 20px; color: rgba(255,255,255,.8); }
.bbs-nl .bbs-nl__title { margin: 0 0 6px; font: 700 22px/1.25 var(--bbs-title-font); color: #fff; }
.bbs-nl__text { margin: 0; font-size: 14.5px; }
.bbs-nl__form { margin: 0; }
.bbs-nl__row { display: flex; gap: 8px; }
.bbs-nl .bbs-nl__input { flex: 1; min-width: 0; height: 50px; padding: 0 16px; border: 1.5px solid rgba(255,255,255,.25); border-radius: 10px; background: rgba(255,255,255,.08); color: #fff; font-size: 15px; }
.bbs-nl .bbs-nl__input::placeholder { color: rgba(255,255,255,.6); }
.bbs-nl .bbs-nl__input:focus { outline: none; border-color: var(--bbs-gold); background: rgba(255,255,255,.12); }
.bbs-nl button.bbs-nl__btn { flex: none; height: 50px !important; min-height: 0 !important; margin: 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 10px !important; background: var(--bbs-gold) !important; color: var(--bbs-navy-deep) !important; box-shadow: none !important; font: 800 15px/1 var(--bbs-title-font) !important; text-transform: none !important; letter-spacing: .01em !important; cursor: pointer; }
.bbs-nl button.bbs-nl__btn:hover { background: #d8bb83 !important; }
.bbs-nl button.bbs-nl__btn[disabled] { opacity: .6; cursor: progress; }
.bbs-nl__fine { margin: 8px 0 0; font-size: 12.5px; color: rgba(255,255,255,.6); }
.bbs-nl__fine a { color: rgba(255,255,255,.85); text-decoration: underline; }
.bbs-nl__msg { margin: 8px 0 0; font-size: 14px; font-weight: 700; color: #fff; }
.bbs-nl__msg:empty { display: none; }
.bbs-nl__msg.is-error { color: #ffb4a6; }
.bbs-nl__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 760px) {
	.bbs-nl { grid-template-columns: 1fr; padding: 28px 16px; }
	.bbs-nl__row { flex-direction: column; }
	.bbs-nl button.bbs-nl__btn { width: 100%; }
}
.bbs-nl-checkout { margin: 0 0 12px; font-size: 14px; }

/* ------------------------------------------------------------ trustpilot */
.bbs-footer__tp { margin: 16px 0 0; max-width: 260px; }
.bbs-tp-pdp { margin: 10px 0 0; }
.bbs-tp-section { padding: 56px 16px; background: var(--bbs-beige); text-align: center; }
.bbs-tp-section__inner { max-width: 760px; margin: 0 auto; }
.bbs-tp-section__eyebrow { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--bbs-ink); }
.bbs-tp-section .bbs-tp-section__title { margin: 0 0 18px; font: 700 clamp(26px, 3vw, 34px)/1.2 var(--bbs-title-font); color: var(--bbs-ink); }
.bbs-tp-section__widget { min-height: 150px; padding: 10px; border-radius: 14px; background: #fff; }
.bbs-tp-section__text { margin: 18px auto 16px; max-width: 54ch; color: #4a4d63; }
.bbs-tp-section__btn { display: inline-block; padding: 14px 24px; border-radius: 10px; background: #00b67a; color: #fff; font-weight: 800; text-decoration: none; }
.bbs-tp-section__btn:hover { background: #009e6a; color: #fff; }

/* ------------------------------------------------------------------ FAQs */
.bbs-faq-block { max-width: 900px; margin: 0 auto; padding: 48px 16px; }
.bbs-faq-block .bbs-faq-block__title { margin: 0 0 20px; text-align: center; font: 700 clamp(26px, 3vw, 34px)/1.2 var(--bbs-title-font); color: var(--bbs-ink); }
.bbs-faq-block__more { margin: 18px 0 0; text-align: center; font-weight: 700; }
.bbs-faq-block__more a { color: var(--bbs-navy); }
.bbs-faq details, .bbs-faq-page details.wp-block-details { margin: 0 0 10px; border: 1px solid var(--bbs-line); border-radius: 12px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.bbs-faq details[open], .bbs-faq-page details.wp-block-details[open] { border-color: var(--bbs-navy); box-shadow: 0 8px 22px -16px rgba(43,46,82,.6); }
.bbs-faq summary, .bbs-faq-page details.wp-block-details > summary {
	position: relative; display: block; padding: 17px 52px 17px 20px; list-style: none; cursor: pointer;
	font: 700 16px/1.4 var(--bbs-title-font); color: var(--bbs-ink);
}
.bbs-faq summary::-webkit-details-marker, .bbs-faq-page summary::-webkit-details-marker { display: none; }
.bbs-faq summary::after, .bbs-faq-page details.wp-block-details > summary::after {
	content: ""; position: absolute; right: 20px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%;
	background: var(--bbs-beige) no-repeat center/12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%232b2e52' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
	transition: transform .2s;
}
.bbs-faq details[open] > summary::after, .bbs-faq-page details.wp-block-details[open] > summary::after { transform: rotate(45deg); }
.bbs-faq summary:focus-visible, .bbs-faq-page summary:focus-visible { outline: 2px solid var(--bbs-navy); outline-offset: 2px; border-radius: 12px; }
.bbs-faq details > :not(summary), .bbs-faq-page details.wp-block-details > :not(summary) { margin: 0 20px 16px; color: #4a4d63; line-height: 1.65; }
.bbs-faq-page { max-width: 900px; margin-left: auto; margin-right: auto; }
.bbs-faq-page > h2, .bbs-faq-page .wp-block-heading { margin: 34px 0 14px; font: 700 21px/1.3 var(--bbs-title-font); color: var(--bbs-ink); }
.bbs-faq-page__intro { padding: 22px 24px; border-radius: 14px; background: var(--bbs-beige); color: var(--bbs-ink); }
.bbs-faq-page__intro h1 { margin: 0 0 8px; font: 700 clamp(26px, 3.2vw, 34px)/1.2 var(--bbs-title-font); }
.bbs-faq-page__intro p { margin: 0; }
@media (prefers-reduced-motion: reduce) { .bbs-faq summary::after, .bbs-faq-page summary::after { transition: none; } }