/* ════════════════════════════════════════════════════════════════
   BK COUTURE — clean, minimal, warm taupe
   ════════════════════════════════════════════════════════════════ */

:root {
	--bg: #f7f3ee;
	--bg-2: #efe8e0;
	--taupe-1: #e6ddd3;
	--taupe-2: #d3c6b8;
	--taupe-3: #ab9b8b;
	--taupe-4: #7c6e62;
	--ink: #2e2925;
	--text: #4b433d;
	--muted: #8b8076;
	--line: rgba(46, 41, 37, .12);
	--line-2: rgba(46, 41, 37, .22);
	--white: #fbf9f6;

	/* Aliassen voor woocommerce.css */
	--ivory: var(--bg);
	--linen: var(--bg-2);
	--sand: var(--taupe-1);
	--beige: var(--taupe-1);
	--pearl: var(--white);
	--espresso: var(--ink);
	--brown: var(--ink);
	--cocoa: var(--ink);
	--mocha: var(--taupe-4);
	--taupe: var(--taupe-3);
	--taupe-l: var(--taupe-3);
	--gold: var(--taupe-4);
	--gold-d: var(--ink);
	--gold-l: var(--taupe-2);
	--gold-grad: linear-gradient(var(--ink), var(--ink));
	--line-strong: var(--line-2);

	--f-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
	--f-display: var(--f-body);
	--f-caps: var(--f-body);

	--wrap: 1440px;
	--gutter: clamp(18px, 3.4vw, 48px);
	--ease: cubic-bezier(.25, .46, .45, .94);
}

/* ── Basis ── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.bk { margin: 0; font-family: var(--f-body); font-weight: 300; font-size: 15px; line-height: 1.7; letter-spacing: .01em; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: opacity .25s var(--ease), color .25s var(--ease); }
button { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--f-body); font-weight: 400; color: var(--ink); margin: 0; line-height: 1.2; }
p { margin: 0 0 1em; }
::selection { background: var(--taupe-2); color: var(--ink); }
:focus-visible { outline: 1px solid var(--ink); outline-offset: 3px; }
.bk-skip { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--ink); color: var(--white); padding: 10px 18px; }
.bk-skip:focus { left: 12px; top: 12px; }
.screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }

.bk-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); position: relative; }
.bk-wrap--narrow { max-width: 820px; }
.bk-wrap--wc { max-width: 1240px; }
.bk-center { text-align: center; }
.bk-mt { margin-top: 48px; }
.bk-mb { margin-bottom: 32px; }
.bk-muted { color: var(--muted); }

/* ── Typografie ── */
.bk-eyebrow, .bk-label { display: block; font-size: 11px; font-weight: 400; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.bk-h2, .bk-title { font-size: clamp(22px, 2.2vw, 30px); font-weight: 300; letter-spacing: .02em; color: var(--ink); margin: 0 0 28px; }
.bk-title em, .bk-h2 em { font-style: normal; }
.bk-lead { font-size: 15px; color: var(--muted); max-width: 520px; margin: 0 auto; }
.bk-rule, .bk-ornament--start { display: none; }
.bk-textlink, .bk-link {
	display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
	color: var(--ink); padding-bottom: 3px; border-bottom: 1px solid var(--ink); transition: opacity .25s;
}
.bk-textlink:hover, .bk-link:hover { opacity: .6; }

/* ── Knoppen ── */
.bk-btn, .bk .button, .bk button.button, .bk input.button, .bk .wp-element-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--f-body);
	font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; line-height: 1;
	padding: 17px 34px; border: 1px solid transparent; border-radius: 0; cursor: pointer;
	transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.bk-btn--dark, .bk-btn--gold { background: var(--ink); color: var(--white); border-color: var(--ink); }
.bk-btn--dark:hover, .bk-btn--gold:hover { background: transparent; color: var(--ink); }
.bk-btn--line, .bk-btn--outline, .bk-btn--ghost-light { background: transparent; color: var(--ink); border-color: var(--ink); }
.bk-btn--line:hover, .bk-btn--outline:hover, .bk-btn--ghost-light:hover { background: var(--ink); color: var(--white); }

.bk-chip { font-size: 11px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); padding: 4px 0; border-bottom: 1px solid transparent; }
.bk-chip:hover { color: var(--ink); }
.bk-chip.is-active { color: var(--ink); border-color: var(--ink); }

.bk-badge { position: absolute; top: 12px; left: 12px; z-index: 3; font-size: 10px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; padding: 6px 10px; background: var(--white); color: var(--ink); white-space: nowrap; }
.bk-badge--sale { background: var(--ink); color: var(--white); }

.bk-iconbtn { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--ink); cursor: pointer; position: relative; }
.bk-iconbtn:hover { opacity: .6; }

/* ── Aankondiging ── */
.bk-announce { display: flex; align-items: center; justify-content: center; padding: 9px 16px; background: var(--taupe-2); color: var(--ink); }
.bk-announce p { margin: 0; font-size: 10.5px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; text-align: center; }
.bk-announce__star { display: none; }

/* ── Header ── */
.bk-header { position: sticky; top: 0; z-index: 50; background: var(--bg); border-bottom: 1px solid var(--line); }
.bk-header__inner { max-width: var(--wrap); margin: 0 auto; padding: 12px var(--gutter); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; transition: padding .3s var(--ease); }
.bk-brand { grid-column: 2; display: flex; }
.bk .bk-brand__logo { height: 56px; width: auto; max-width: none; transition: height .3s var(--ease); }
.bk-brand__tag { display: none; }
.bk-nav { display: none; grid-row: 1; }
.bk-nav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(18px, 2.2vw, 34px); }
.bk-nav__list a { font-size: 11px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--ink); padding: 6px 0; border-bottom: 1px solid transparent; }
.bk-nav__list a:hover, .bk-nav__list .current-menu-item > a { border-color: var(--ink); }
.bk-nav--left { grid-column: 1; justify-self: start; }
.bk-nav--right { grid-column: 3; justify-self: end; margin-right: 140px; }
.bk-burger { grid-column: 1; grid-row: 1; justify-self: start; margin-left: -10px; }
.bk-header__actions { grid-column: 3; grid-row: 1; justify-self: end; display: flex; align-items: center; margin-right: -10px; }
.bk-cart-count { position: absolute; top: 4px; right: 2px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--ink); color: var(--white); font-size: 9.5px; font-weight: 500; line-height: 16px; text-align: center; }
.bk-cart-count.is-empty { display: none; }
.bk-header.is-scrolled .bk-header__inner { padding-top: 6px; padding-bottom: 6px; }
.bk .bk-header.is-scrolled .bk-brand__logo { height: 44px; }
@media (min-width: 1080px) { .bk-nav { display: block; } .bk-burger { display: none; } }

/* ── Mobiel menu ── */
.bk-drawer { position: fixed; inset: 0; z-index: 100; pointer-events: none; }
.bk-drawer__backdrop { position: absolute; inset: 0; background: rgba(46, 41, 37, .3); opacity: 0; transition: opacity .35s var(--ease); }
.bk-drawer__panel { position: absolute; top: 0; left: 0; bottom: 0; width: min(380px, 88vw); background: var(--bg); padding: 70px 28px 32px; overflow-y: auto; transform: translateX(-100%); transition: transform .4s var(--ease); display: flex; flex-direction: column; }
.bk-drawer.is-open { pointer-events: auto; }
.bk-drawer.is-open .bk-drawer__backdrop { opacity: 1; }
.bk-drawer.is-open .bk-drawer__panel { transform: none; }
.bk-drawer__close { position: absolute; top: 14px; right: 14px; }
.bk .bk-drawer__logo { height: 64px; width: auto; align-self: flex-start; margin-bottom: 20px; }
.bk-drawer__list { list-style: none; padding: 0; margin: 0; }
.bk-drawer__list a { display: block; padding: 15px 0; font-size: 12px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); border-bottom: 1px solid var(--line); }
.bk-drawer__socials { margin-top: auto; padding-top: 28px; }
body.bk-lock { overflow: hidden; }

/* ── Secties ── */
.bk-section { position: relative; padding: clamp(56px, 7vw, 104px) 0; }
.bk-section--tint, .bk-section--sand { background: var(--bg-2); }
.bk-section--ivory { background: var(--bg); }
.bk-section--page { padding-top: clamp(24px, 3vw, 40px); }
.bk-rowhead { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.bk-rowhead .bk-h2 { margin: 0; }
.bk-head { text-align: center; margin: 0 auto 40px; max-width: 680px; }

/* ── Media ── */
.bk-media { position: relative; overflow: hidden; background: var(--taupe-1); aspect-ratio: 4 / 5; }
.bk-media > img, .bk-media .bk-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease), opacity .6s var(--ease); }

/* ── Hero ── */
.bk-hero { background: var(--bg); }
.bk-hero__strip { display: grid; grid-template-columns: 1fr; gap: 2px; }
.bk-hero__img { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--taupe-1); }
.bk-hero__img:nth-child(n+2) { display: none; }
.bk-hero__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bk-hero__caption { text-align: center; padding: clamp(48px, 6vw, 88px) var(--gutter) clamp(56px, 7vw, 96px); max-width: 760px; margin: 0 auto; }
.bk-hero__title { font-size: clamp(26px, 3.4vw, 46px); font-weight: 300; letter-spacing: .1em; text-transform: uppercase; line-height: 1.25; color: var(--ink); margin: 0 0 18px; }
.bk-hero__title em { font-style: normal; }
.bk-hero__lead { color: var(--muted); max-width: 480px; margin: 0 auto 32px; }
@media (min-width: 760px) {
	.bk-hero__strip { grid-template-columns: repeat(3, 1fr); }
	.bk-hero__img:nth-child(n+2) { display: block; }
	.bk-hero__img { aspect-ratio: 3 / 4; }
}

/* ── Tegels ── */
.bk-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(10px, 1.4vw, 20px); }
@media (min-width: 760px) { .bk-tiles { grid-template-columns: repeat(3, 1fr); } }
.bk-tile { display: block; }
.bk-tile__name { display: inline-block; margin-top: 14px; font-size: 11.5px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); border-bottom: 1px solid transparent; transition: border-color .25s; }
.bk-tile:hover .bk-tile__name { border-color: var(--ink); }
.bk-tile:hover img { transform: scale(1.025); }

/* ── Productgrid ── */
ul.products.bk-grid, .bk ul.products { list-style: none; margin: 0; padding: 0; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 3vw, 44px) clamp(10px, 1.4vw, 20px); }
.bk ul.products::before, .bk ul.products::after { display: none !important; }
@media (min-width: 900px) { .bk ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .bk ul.products, .bk ul.products.bk-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bk ul.products li.product.bk-card { width: auto !important; float: none !important; margin: 0 !important; padding: 0; text-align: left; }
.bk-card__link { display: block; }
.bk-card__img--alt { opacity: 0; }
.bk-card:hover .bk-card__img { transform: scale(1.025); }
.bk-card:hover .bk-card__img--alt { opacity: 1; }
.bk-card.outofstock .bk-card__img { opacity: .6; }
.bk-card__info { padding: 14px 0 0; display: flex; flex-direction: column; gap: 2px; }
.bk-card__name { font-size: 12px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin: 0; line-height: 1.5; }
.bk-card__colour { font-size: 12.5px; color: var(--muted); }
.bk-card__price, .bk-card__price .amount { font-size: 12.5px; font-weight: 400; letter-spacing: .04em; color: var(--ink); margin-top: 4px; }
.bk-card__price del { opacity: .5; margin-right: 6px; }
.bk-card__price ins { text-decoration: none; }

/* ── Editorial ── */
.bk-editorial { display: grid; grid-template-columns: 1fr; background: var(--taupe-1); }
.bk-editorial__media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.bk-editorial__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bk-editorial__text { padding: clamp(48px, 7vw, 120px) var(--gutter); max-width: 620px; align-self: center; }
.bk-editorial__text .bk-prose { color: var(--text); margin-bottom: 28px; }
@media (min-width: 900px) { .bk-editorial { grid-template-columns: 1fr 1fr; } .bk-editorial__text { padding-left: clamp(48px, 7vw, 120px); } }

/* ── Service ── */
.bk-service { background: var(--bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.bk-service__grid { display: grid; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .bk-service__grid { grid-template-columns: repeat(4, 1fr); } }
.bk-service__item { display: flex; gap: 14px; align-items: flex-start; padding: 30px 20px 30px 0; color: var(--ink); }
.bk-service__item strong { display: block; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 4px; }
.bk-service__item span { font-size: 13px; color: var(--muted); }
.bk-service__item .bk-icon { flex-shrink: 0; margin-top: 1px; }

/* ── FAQ & accordeons ── */
.bk-faq__grid { display: grid; gap: 40px; }
@media (min-width: 960px) { .bk-faq__grid { grid-template-columns: 1fr 2fr; gap: 80px; } .bk-faq__intro { position: sticky; top: 120px; align-self: start; } }
.bk-faq__intro p { margin-bottom: 18px; }
.bk-faq details, .bk-accordion { border-bottom: 1px solid var(--line-2); margin: 0; padding: 0; }
.bk-faq details:first-of-type { border-top: 1px solid var(--line-2); }
.bk-faq summary, .bk-accordion summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0; font-size: 13px; font-weight: 400; letter-spacing: .06em; color: var(--ink); }
.bk-faq summary::-webkit-details-marker, .bk-accordion summary::-webkit-details-marker { display: none; }
.bk-faq summary::after { content: '+'; flex-shrink: 0; font-weight: 300; font-size: 20px; line-height: 1; color: var(--ink); transition: transform .3s var(--ease); }
.bk-faq details[open] summary::after { transform: rotate(45deg); }
.bk-faq details > *:not(summary) { margin: 0 0 22px; color: var(--text); font-size: 14px; line-height: 1.85; }

/* ── Community ── */
.bk-community { padding: clamp(64px, 8vw, 112px) 0; background: var(--bg-2); }
.bk-community .bk-h2 { margin-bottom: 12px; }
.bk-community .bk-muted { margin-bottom: 30px; }
.bk-community__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* ── Paginakop ── */
.bk-pagehead { text-align: center; padding: clamp(48px, 6vw, 80px) 0 clamp(28px, 3vw, 44px); background: var(--bg); }
.bk-pagehead__title { font-size: clamp(22px, 2.4vw, 32px); font-weight: 300; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.bk-pagehead .bk-lead { margin-top: 14px; }
.bk-pagehead--tall { padding: clamp(90px, 11vw, 160px) 0; }
.bk-pagehead--tall .bk-lead { margin-bottom: 30px; }

/* ── Prose ── */
.bk-prose { font-size: 15px; line-height: 1.85; color: var(--text); }
.bk-prose > *:first-child { margin-top: 0; }
.bk-prose h1, .bk-prose h2, .bk-prose h3, .bk-prose h4 { font-weight: 400; color: var(--ink); margin: 2em 0 .7em; line-height: 1.3; }
.bk-prose h1, .bk-prose h2 { font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
.bk-prose h3 { font-size: 15px; }
.bk-prose p { margin: 0 0 1.1em; }
.bk-prose strong { font-weight: 500; color: var(--ink); }
.bk-prose a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.bk-prose ul, .bk-prose ol { padding-left: 1.2em; margin: 0 0 1.3em; }
.bk-prose li { margin-bottom: .4em; }
.bk-prose table { width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: 14px; }
.bk-prose th, .bk-prose td { text-align: left; padding: 10px 10px 10px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.bk-prose th { font-weight: 500; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.bk-paper { background: transparent; border: 0; padding: 0; }
.bk-prose--page > p:first-child strong:only-child { font-size: 13px; letter-spacing: .16em; text-transform: uppercase; display: block; }
.bk-todo { background: #efdcc4; color: var(--ink); padding: 0 4px; font-weight: 500; }

/* ── Footer ── */
.bk-footer { background: var(--taupe-1); color: var(--text); padding: clamp(56px, 6vw, 88px) 0 0; }
.bk-footer__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 24px; padding-bottom: 48px; }
@media (min-width: 900px) { .bk-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; } }
.bk-footer__brand { grid-column: 1 / -1; }
@media (min-width: 900px) { .bk-footer__brand { grid-column: auto; } }
.bk .bk-footer__logo { height: 70px; width: auto; margin-bottom: 18px; }
.bk-footer__brand p { font-size: 13.5px; color: var(--muted); max-width: 300px; margin-bottom: 20px; }
.bk-footer__col h5 { font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); margin: 0 0 18px; }
.bk-footer__col ul { list-style: none; margin: 0; padding: 0; }
.bk-footer__col li { font-size: 13.5px; margin-bottom: 10px; }
.bk-footer__col a:hover { opacity: .6; }
.bk-socials { display: flex; gap: 6px; }
.bk-socials a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); color: var(--ink); transition: all .25s var(--ease); }
.bk-socials a:hover { background: var(--ink); color: var(--white); border-color: var(--ink); }
.bk-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 0 26px; border-top: 1px solid var(--line-2); font-size: 12px; color: var(--muted); }
.bk-footer__bottom p { margin: 0; }
.bk-footer__pay { display: flex; flex-wrap: wrap; gap: 6px; }
.bk-footer__pay span { font-size: 9.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); padding: 6px 10px; border: 1px solid var(--line-2); }

/* ── Reveal ── */
.js .bk-reveal { opacity: 0; transition: opacity .8s var(--ease); transition-delay: var(--d, 0s); }
.js .bk-reveal.is-in { opacity: 1; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .js .bk-reveal { opacity: 1; } }

/* ── Blokken ── */
.bk-prose .wp-block-details { border-bottom: 1px solid var(--line); padding: 2px 0; }
.bk-prose .wp-block-details summary { font-size: 14px; color: var(--ink); cursor: pointer; padding: 14px 0; }
.bk-prose .wp-block-button__link { background: var(--ink); color: var(--white); text-decoration: none; border-radius: 0; }

/* ── Zoeken ── */
.bk-search { position: fixed; inset: 0; z-index: 120; pointer-events: none; }
.bk-search__inner { position: relative; z-index: 2; background: var(--bg); border-bottom: 1px solid var(--line); transform: translateY(-100%); transition: transform .35s var(--ease); }
.bk-search__inner form { max-width: 860px; margin: 0 auto; padding: 22px var(--gutter); display: flex; align-items: center; gap: 14px; color: var(--ink); }
.bk-search__inner input[type=search] { flex: 1; border: 0; border-bottom: 1px solid var(--line-2); background: transparent; padding: 12px 0; font: 300 18px/1.4 var(--f-body); letter-spacing: .02em; color: var(--ink); outline: none; }
.bk-search__inner input[type=search]:focus { border-color: var(--ink); }
.bk-search__backdrop { position: absolute; inset: 0; background: rgba(46, 41, 37, .3); opacity: 0; transition: opacity .35s var(--ease); }
.bk-search.is-open { pointer-events: auto; }
.bk-search.is-open .bk-search__inner { transform: none; }
.bk-search.is-open .bk-search__backdrop { opacity: 1; }
.bk-drawer__search { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line-2); margin-bottom: 8px; color: var(--muted); }
.bk-drawer__search input { flex: 1; border: 0; background: transparent; padding: 14px 0; font: 300 15px var(--f-body); color: var(--ink); outline: none; }
@media (max-width: 1079px) { .bk-searchbtn { display: none; } }

/* ── Contactformulier ── */
.bk-form { display: grid; gap: 16px; margin-top: 28px; }
.bk-form__row { display: grid; gap: 16px; }
@media (min-width: 640px) { .bk-form__row { grid-template-columns: 1fr 1fr; } }
.bk-form label { display: block; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--ink); margin-bottom: 6px; }
.bk-form input, .bk-form textarea, .bk-form select { width: 100%; border: 1px solid var(--line-2); background: var(--white); padding: 14px 16px; font: 300 15px/1.5 var(--f-body); color: var(--ink); border-radius: 0; outline: none; }
.bk-form input:focus, .bk-form textarea:focus, .bk-form select:focus { border-color: var(--ink); }
.bk-form textarea { min-height: 160px; resize: vertical; }
.bk-form .bk-hp { position: absolute; left: -9999px; }
.bk-form button { justify-self: start; }
.bk-form__note { font-size: 13px; color: var(--muted); }
.bk-notice { padding: 16px 20px; border: 1px solid var(--line-2); background: var(--white); margin-bottom: 20px; font-size: 15px; }
.bk-notice--ok { border-left: 3px solid #6f8f68; }
.bk-notice--err { border-left: 3px solid #a5533f; }