.elementor-134 .elementor-element.elementor-element-32e63a8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-bc2a2ad */.bbk-page {
  --ink: #17120f;
  --espresso: #251912;
  --walnut: #4e3022;
  --copper: #b86f3c;
  --gold: #df9c56;
  --sand: #ead7bf;
  --ivory: #fffaf3;
  --cream: #f4eadf;
  color: var(--ink);
  background: var(--ivory);
  font-family: Arial, sans-serif;
  line-height: 1.6;
  overflow: hidden;
}

.bbk-page * { box-sizing: border-box; }
.bbk-wrap { width: min(1180px, calc(100% - 40px)); margin: auto; }
.bbk-kicker { margin: 0 0 16px; color: var(--copper); font-size: 12px; font-weight: 800; letter-spacing: .18em; }
.bbk-page h1,
.bbk-page h2,
.bbk-page h3 { margin: 0; font-family: Georgia, serif; font-weight: 500; line-height: 1.08; }
.bbk-page h1 { font-size: clamp(48px, 6vw, 82px); }
.bbk-page h1 em { color: var(--gold); font-weight: 400; }
.bbk-page h2 { font-size: clamp(34px, 4vw, 56px); }
.bbk-page h3 { font-size: 28px; }

.bbk-btn {
  display: inline-flex !important;
  min-height: 52px !important;
  padding: 0 26px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: transform .25s;
}

.bbk-btn--gold,
.bbk-btn--gold:visited,
.bbk-btn--gold:hover { color: var(--ink) !important; background: var(--gold) !important; }
.bbk-btn--gold span { color: var(--ink) !important; }
.bbk-btn:hover { transform: translateY(-2px); }

.bbk-hero { padding: 75px 0 95px; color: #fff; background: var(--espresso); }
.bbk-hero__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.bbk-lead { max-width: 570px; margin: 28px 0; color: #e0d4cd; font-size: 18px; }
.bbk-actions { display: flex; gap: 28px; align-items: center; margin: 34px 0 48px; }
.bbk-textlink { color: #fff !important; font-weight: 700; text-decoration: none !important; }
.bbk-textlink span { margin-left: 8px; color: var(--gold); }

.bbk-stats { display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 25px; border-top: 1px solid #ffffff2c; }
.bbk-stats div { display: flex; padding-right: 15px; margin-right: 15px; flex-direction: column; border-right: 1px solid #ffffff2c; }
.bbk-stats div:last-child { border: 0; }
.bbk-stats strong { color: var(--gold); font: 500 27px Georgia, serif; }
.bbk-stats span { color: #cfc2bb; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

.bbk-hero__visual { position: relative; height: 590px; }
.bbk-book {
  position: absolute;
  width: 320px;
  height: 455px;
  padding: 11px;
  margin: 0;
  background: #e5ddd4;
  box-shadow: 0 28px 60px #0008;
}
.bbk-book img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bbk-book--back { top: 0; right: 0; transform: rotate(7deg); }
.bbk-book--front { bottom: 25px; left: 30px; transform: rotate(-6deg); }
.bbk-hero__visual > p { position: absolute; right: 0; bottom: 0; margin: 0; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .13em; }

.bbk-intro { padding: 110px 0; }
.bbk-intro__grid { display: grid; grid-template-columns: .55fr 1.1fr .9fr; gap: 45px; }
.bbk-intro__grid > p:last-child { margin: 5px 0; color: #74685f; }

.bbk-catalog-anchor { position: relative; min-height: 180px; background: var(--cream); }
.bbk-catalog-loading { width: min(1180px, calc(100% - 40px)); padding: 80px 0; margin: 0 auto; color: #74685f; text-align: center; }
#bbk-live-catalogs > .bba-catalogs { margin-top: 0; margin-bottom: 0; }

/* A Windows emoji-nyila helyett egységes tipográfiai nyíl. */
.bbk-page .bba-catalogs__open span { font-size: 0; }
.bbk-page .bba-catalogs__open span::after { color: var(--copper); font: 700 15px Arial, sans-serif; content: '→'; }

.bbk-how,
.bbk-faq { padding: 110px 0; }
.bbk-steps { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 50px; border-top: 1px solid #d9cbbb; border-bottom: 1px solid #d9cbbb; }
.bbk-steps article { padding: 38px 32px; border-right: 1px solid #d9cbbb; }
.bbk-steps article:last-child { border: 0; }
.bbk-steps span { color: var(--copper); font: 500 18px Georgia, serif; }
.bbk-steps h3 { margin: 30px 0 10px; font-size: 22px; }
.bbk-steps p { color: #74685f; }

.bbk-showroom { padding: 100px 0; background: var(--sand); }
.bbk-showroom__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.bbk-showroom__visual { position: relative; height: 430px; overflow: hidden; background: var(--espresso); }
.bbk-showroom__visual > span { position: absolute; z-index: 3; top: 25px; left: 28px; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.bbk-doorline { position: absolute; inset: 65px 40px 0; display: flex; gap: 20px; align-items: end; justify-content: center; }
.bbk-doorline i { display: block; width: 120px; height: 310px; border: 12px solid #eee5db; background: linear-gradient(90deg, #d9d0c8, #fff, #c9bdb3); box-shadow: 0 16px 30px #0005; }
.bbk-doorline i:nth-child(2) { height: 340px; background: linear-gradient(90deg, #6d4531, #a57557, #553525); }
.bbk-showroom__grid > div:last-child > p:not(.bbk-kicker) { color: #65584f; }
.bbk-showroom__links { margin-top: 28px; border-top: 1px solid #c9b295; }
.bbk-showroom__links a { display: flex; padding: 16px 0; justify-content: space-between; border-bottom: 1px solid #c9b295; color: var(--ink) !important; font-weight: 700; text-decoration: none !important; }
.bbk-showroom__links span { color: var(--copper); }

.bbk-faq { background: var(--cream); }
.bbk-faq__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
.bbk-accordion details { border-top: 1px solid #d4c5b5; }
.bbk-accordion details:last-child { border-bottom: 1px solid #d4c5b5; }
.bbk-accordion summary { display: flex; padding: 22px 0; justify-content: space-between; list-style: none; font: 500 19px Georgia, serif; cursor: pointer; }
.bbk-accordion summary::-webkit-details-marker { display: none; }
.bbk-accordion summary span { color: var(--copper); font: 24px Arial, sans-serif; transition: transform .2s; }
.bbk-accordion details[open] summary span { transform: rotate(45deg); }
.bbk-accordion details p { margin: 0 35px 22px 0; color: #6b5f57; }

.bbk-cta { padding: 80px 0; color: #fff; background: var(--espresso); }
.bbk-cta__inner { display: flex; gap: 45px; align-items: center; justify-content: space-between; }
.bbk-cta .bbk-kicker { color: var(--gold); }
.bbk-cta h2 { max-width: 720px; }

@media (max-width: 900px) {
  .bbk-hero__grid,
  .bbk-intro__grid,
  .bbk-showroom__grid,
  .bbk-faq__grid { grid-template-columns: 1fr; }
  .bbk-hero__grid { gap: 45px; }
  .bbk-faq__grid { gap: 45px; }
}

@media (max-width: 600px) {
  .bbk-wrap { width: min(100% - 28px, 1180px); }
  .bbk-hero,
  .bbk-intro,
  .bbk-how,
  .bbk-showroom,
  .bbk-faq { padding: 70px 0; }
  .bbk-page h1 { font-size: 43px; }
  .bbk-page h2 { font-size: 34px; }
  .bbk-actions,
  .bbk-cta__inner { align-items: flex-start; flex-direction: column; }
  .bbk-stats { grid-template-columns: 1fr; gap: 14px; }
  .bbk-stats div { border: 0; }
  .bbk-hero__visual { height: 470px; }
  .bbk-book { width: 235px; height: 335px; padding: 8px; }
  .bbk-book--front { left: 5px; }
  .bbk-catalog-loading { width: calc(100% - 28px); padding: 60px 0; }
  .bbk-steps { grid-template-columns: 1fr; }
  .bbk-steps article { border-right: 0; border-bottom: 1px solid #d9cbbb; }
  .bbk-doorline { inset: 70px 15px 0; gap: 8px; }
  .bbk-doorline i { width: 84px; }
  .bbk-cta .bbk-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bbk-page * { scroll-behavior: auto !important; transition: none !important; }
}/* End custom CSS */