.elementor-1006 .elementor-element.elementor-element-d79d4cd{--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-507e8c5 */:root {
  --pcl-ink: #18120e;
  --pcl-dark: #241710;
  --pcl-brown: #4e3022;
  --pcl-copper: #b86f3c;
  --pcl-gold: #df9c56;
  --pcl-sand: #ead7bf;
  --pcl-ivory: #fffaf3;
  --pcl-cream: #f4eadf;
  --pcl-line: #ddcbb8;
  --pcl-muted: #74665d;
}

html:has(.bbpcl-page),
body:has(.bbpcl-page) {
  overflow-x: clip !important;
}

.bbpcl-page,
.bbpcl-page *,
.bbpcl-page *::before,
.bbpcl-page *::after {
  box-sizing: border-box;
}

.bbpcl-page {
  position: relative;
  left: 50%;
  width: 100vw !important;
  width: 100dvw !important;
  max-width: none !important;
  margin: 0 0 0 -50vw !important;
  margin-left: -50dvw !important;
  overflow: hidden;
  color: var(--pcl-ink);
  background: var(--pcl-ivory);
  font: 16px/1.6 Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.bbpcl-page :where(h1, h2, h3, p, figure, ol) {
  margin-top: 0;
}

.bbpcl-page :where(h1, h2, h3) {
  color: inherit;
  text-transform: none;
}

.bbpcl-page a {
  color: inherit;
  text-decoration: none;
}

.bbpcl-shell {
  width: min(1240px, calc(100% - 80px));
  margin-inline: auto;
}

.bbpcl-page h2 {
  margin-bottom: 0;
  font: 400 clamp(43px, 5vw, 72px)/0.98 Georgia, "Times New Roman", serif;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.bbpcl-kicker,
.bbpcl-section-kicker {
  margin: 0 0 18px;
  color: var(--pcl-copper);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.17em;
  line-height: 1.4;
  text-transform: uppercase;
}

.bbpcl-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--pcl-sand);
}

.bbpcl-kicker span {
  width: 28px;
  height: 1px;
  background: var(--pcl-gold);
}

.bbpcl-section-kicker--light {
  color: var(--pcl-gold);
}

.bbpcl-btn {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 22px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transition: 0.22s ease;
}

.bbpcl-btn:hover {
  transform: translateY(-2px);
}

.bbpcl-btn--gold {
  color: var(--pcl-dark) !important;
  background: var(--pcl-gold);
}

.bbpcl-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.28);
}

/* HERO */

.bbpcl-hero {
  color: #fff;
  background:
    radial-gradient(
      circle at 82% 20%,
      rgba(223, 156, 86, 0.2),
      transparent 27%
    ),
    linear-gradient(128deg, #140d09, var(--pcl-dark) 56%, #3b2519);
}

.bbpcl-hero__grid {
  display: grid;
  min-height: 760px;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
  align-items: center;
  gap: clamp(50px, 8vw, 110px);
  padding-block: 82px;
}

.bbpcl-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
}

.bbpcl-breadcrumbs a:hover {
  color: var(--pcl-gold);
}

.bbpcl-breadcrumbs b {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 600;
}

.bbpcl-hero h1 {
  margin: 0;
  color: #fff;
  font: 400 clamp(58px, 6.8vw, 98px)/0.9 Georgia, "Times New Roman", serif;
  letter-spacing: -0.065em;
}

.bbpcl-hero h1 em {
  color: var(--pcl-gold);
  font-weight: 400;
}

.bbpcl-lead {
  max-width: 680px;
  margin: 30px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 17px;
}

.bbpcl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.bbpcl-facts {
  display: grid;
  max-width: 670px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 48px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.bbpcl-facts div {
  display: grid;
  gap: 3px;
  padding-right: 18px;
}

.bbpcl-facts div + div {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.bbpcl-facts strong {
  color: var(--pcl-gold);
  font: 700 20px/1.1 Georgia, serif;
}

.bbpcl-facts span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  text-transform: uppercase;
}

.bbpcl-hero__visual {
  position: relative;
  margin: 0;
}

.bbpcl-cover {
  width: min(100%, 390px);
  margin: auto;
  padding: 12px;
  background: #fff;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.34);
  transform: rotate(2deg);
}

.bbpcl-cover img {
  display: block;
  width: 100%;
  height: auto;
}

.bbpcl-hero__visual figcaption {
  position: absolute;
  right: 0;
  bottom: 35px;
  display: grid;
  gap: 4px;
  padding: 17px 20px;
  color: #fff;
  background: rgba(24, 18, 14, 0.94);
}

.bbpcl-hero__visual small {
  color: var(--pcl-gold);
  font-size: 8px;
  letter-spacing: 0.12em;
}

.bbpcl-hero__visual strong {
  font: 400 17px/1.15 Georgia, serif;
}

/* BEVEZETŐ */

.bbpcl-intro {
  padding: 112px 0 120px;
  background: var(--pcl-ivory);
}

.bbpcl-intro__grid,
.bbpcl-sectionhead,
.bbpcl-design__grid,
.bbpcl-steps__grid,
.bbpcl-faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1.1fr);
  gap: clamp(55px, 9vw, 140px);
  align-items: start;
}

.bbpcl-intro__grid > div:last-child {
  padding-top: 45px;
  color: var(--pcl-muted);
}

.bbpcl-intro__grid > div:last-child a,
.bbpcl-textlink {
  display: inline-flex;
  gap: 12px;
  margin-top: 14px;
  color: var(--pcl-copper);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bbpcl-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 78px;
  border-block: 1px solid var(--pcl-line);
}

.bbpcl-benefits article {
  min-height: 250px;
  padding: 27px;
  border-right: 1px solid var(--pcl-line);
}

.bbpcl-benefits article:first-child {
  padding-left: 0;
}

.bbpcl-benefits article:last-child {
  padding-right: 0;
  border-right: 0;
}

.bbpcl-benefits span,
.bbpcl-design__cards span,
.bbpcl-fillings__grid span {
  color: var(--pcl-copper);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.bbpcl-benefits h3 {
  margin: 78px 0 10px;
  font: 400 24px/1.1 Georgia, serif;
}

.bbpcl-benefits p {
  margin: 0;
  color: var(--pcl-muted);
  font-size: 12px;
}

/* FELÜLETEK */

.bbpcl-surfaces {
  padding: 116px 0;
  background: linear-gradient(135deg, #241710, #4a2e20);
  color: #fff;
}

.bbpcl-sectionhead {
  margin-bottom: 48px;
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.bbpcl-sectionhead > p {
  padding-top: 38px;
  color: rgba(255, 255, 255, 0.57);
}

.bbpcl-swatches {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.bbpcl-swatches article {
  padding: 14px 14px 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.bbpcl-swatches i {
  display: block;
  height: 250px;
  margin-bottom: 22px;
  background:
    linear-gradient(
      115deg,
      color-mix(in srgb, var(--tone), #fff 9%),
      var(--tone),
      color-mix(in srgb, var(--tone), #000 12%)
    );
}

.bbpcl-swatch--wood i {
  background:
    repeating-linear-gradient(
      4deg,
      rgba(255, 255, 255, 0.08) 0 3px,
      transparent 4px 11px
    ),
    linear-gradient(105deg, #a27750, #5d3a28, #c09567);
}

.bbpcl-swatch--texture i {
  background:
    repeating-linear-gradient(
      90deg,
      #56504c 0 2px,
      #373330 3px 7px,
      #6a625d 8px 10px
    );
}

.bbpcl-swatches small {
  color: var(--pcl-gold);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.bbpcl-swatches h3 {
  margin: 7px 0 8px;
  font: 400 23px/1.1 Georgia, serif;
}

.bbpcl-swatches p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}

/* DESIGN */

.bbpcl-design {
  padding: 120px 0;
  background: var(--pcl-cream);
}

.bbpcl-design__grid > div:first-child > p:not(.bbpcl-section-kicker) {
  max-width: 540px;
  margin: 28px 0 0;
  color: var(--pcl-muted);
}

.bbpcl-design__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--pcl-line);
}

.bbpcl-design__cards article {
  min-height: 220px;
  padding: 26px;
  border-right: 1px solid var(--pcl-line);
  border-bottom: 1px solid var(--pcl-line);
}

.bbpcl-design__cards article:nth-child(even) {
  border-right: 0;
}

.bbpcl-design__cards article:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.bbpcl-design__cards h3 {
  margin: 65px 0 8px;
  font: 400 25px/1.1 Georgia, serif;
}

.bbpcl-design__cards p {
  margin: 0;
  color: var(--pcl-muted);
  font-size: 11px;
}

/* AJTÓLAPBETÉTEK */

.bbpcl-fillings {
  padding: 116px 0;
  background: var(--pcl-ivory);
}

.bbpcl-sectionhead--dark {
  color: var(--pcl-ink);
  border-color: var(--pcl-line);
}

.bbpcl-sectionhead--dark > p {
  color: var(--pcl-muted);
}

.bbpcl-fillings__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block: 1px solid var(--pcl-line);
}

.bbpcl-fillings__grid article {
  min-height: 260px;
  padding: 27px;
  border-right: 1px solid var(--pcl-line);
}

.bbpcl-fillings__grid article:first-child {
  padding-left: 0;
}

.bbpcl-fillings__grid article:last-child {
  padding-right: 0;
  border-right: 0;
}

.bbpcl-fillings__grid h3 {
  margin: 82px 0 10px;
  font: 400 24px/1.1 Georgia, serif;
}

.bbpcl-fillings__grid p {
  margin: 0;
  color: var(--pcl-muted);
  font-size: 11px;
}

/* KIVÁLASZTÁSI LÉPÉSEK */

.bbpcl-steps {
  padding: 116px 0;
  color: #fff;
  background: var(--pcl-dark);
}

.bbpcl-steps__grid > div > p:not(.bbpcl-section-kicker) {
  max-width: 500px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.58);
}

.bbpcl-steps ol {
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  list-style: none;
}

.bbpcl-steps li {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 15px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.bbpcl-steps li > span {
  color: var(--pcl-gold);
  font-size: 10px;
}

.bbpcl-steps b,
.bbpcl-steps small {
  display: block;
}

.bbpcl-steps b {
  font: 400 22px/1.2 Georgia, serif;
}

.bbpcl-steps small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
}

/* GYIK */

.bbpcl-faq {
  padding: 116px 0;
  background: var(--pcl-cream);
}

.bbpcl-faq__list {
  border-top: 1px solid var(--pcl-line);
}

.bbpcl-faq details {
  border-bottom: 1px solid var(--pcl-line);
}

.bbpcl-faq summary {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
}

.bbpcl-faq summary::-webkit-details-marker {
  display: none;
}

.bbpcl-faq summary span {
  color: var(--pcl-copper);
  font-size: 18px;
}

.bbpcl-faq details[open] summary span {
  transform: rotate(45deg);
}

.bbpcl-faq details p {
  max-width: 650px;
  margin: 0;
  padding: 0 45px 24px 0;
  color: var(--pcl-muted);
  font-size: 13px;
}

/* ZÁRÓ AJÁNLATKÉRÉS */

.bbpcl-final {
  padding: 80px 0;
  background: var(--pcl-ivory);
}

.bbpcl-final__card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 50px;
  padding: 70px;
  color: #fff;
  background: linear-gradient(120deg, #21140d, #553422);
}

.bbpcl-final h2 {
  max-width: 770px;
}

.bbpcl-final p:not(.bbpcl-section-kicker) {
  max-width: 650px;
  margin: 23px 0 0;
  color: rgba(255, 255, 255, 0.6);
}

/* TABLET */

@media (max-width: 1000px) {
  .bbpcl-shell {
    width: min(100% - 48px, 1240px);
  }

  .bbpcl-hero__grid {
    grid-template-columns: 1fr 320px;
  }

  .bbpcl-benefits,
  .bbpcl-fillings__grid {
    grid-template-columns: 1fr 1fr;
  }

  .bbpcl-benefits article:nth-child(2),
  .bbpcl-fillings__grid article:nth-child(2) {
    border-right: 0;
  }

  .bbpcl-benefits article:nth-child(-n + 2),
  .bbpcl-fillings__grid article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--pcl-line);
  }

  .bbpcl-benefits article:nth-child(3),
  .bbpcl-fillings__grid article:nth-child(3) {
    padding-left: 0;
  }

  .bbpcl-swatches {
    grid-template-columns: 1fr 1fr;
  }
}

/* MOBIL */

@media (max-width: 760px) {
  .bbpcl-shell {
    width: calc(100% - 32px);
  }

  .bbpcl-hero__grid,
  .bbpcl-intro__grid,
  .bbpcl-sectionhead,
  .bbpcl-design__grid,
  .bbpcl-steps__grid,
  .bbpcl-faq__grid,
  .bbpcl-final__card {
    grid-template-columns: 1fr;
  }

  .bbpcl-hero__grid {
    padding-block: 62px;
    gap: 58px;
  }

  .bbpcl-breadcrumbs {
    margin-bottom: 30px;
  }

  .bbpcl-hero h1 {
    font-size: clamp(49px, 14vw, 69px);
  }

  .bbpcl-lead {
    font-size: 15px;
  }

  .bbpcl-actions {
    display: grid;
  }

  .bbpcl-btn {
    width: 100%;
  }

  .bbpcl-facts {
    margin-top: 38px;
  }

  .bbpcl-facts strong {
    font-size: 16px;
  }

  .bbpcl-facts span {
    font-size: 7px;
  }

  .bbpcl-cover {
    width: min(78vw, 330px);
  }

  .bbpcl-hero__visual figcaption {
    right: 2%;
    bottom: 22px;
  }

  .bbpcl-intro,
  .bbpcl-surfaces,
  .bbpcl-design,
  .bbpcl-fillings,
  .bbpcl-steps,
  .bbpcl-faq {
    padding: 78px 0;
  }

  .bbpcl-page h2 {
    font-size: clamp(39px, 12vw, 54px);
  }

  .bbpcl-intro__grid,
  .bbpcl-sectionhead,
  .bbpcl-design__grid,
  .bbpcl-steps__grid,
  .bbpcl-faq__grid {
    gap: 34px;
  }

  .bbpcl-intro__grid > div:last-child,
  .bbpcl-sectionhead > p {
    padding-top: 0;
  }

  .bbpcl-benefits {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .bbpcl-benefits article {
    min-height: 0;
    padding: 24px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--pcl-line) !important;
  }

  .bbpcl-benefits article:last-child {
    border-bottom: 0 !important;
  }

  .bbpcl-benefits h3 {
    margin-top: 35px;
  }

  .bbpcl-swatches {
    grid-template-columns: 1fr;
  }

  .bbpcl-swatches i {
    height: 190px;
  }

  .bbpcl-design__cards {
    grid-template-columns: 1fr;
  }

  .bbpcl-design__cards article {
    min-height: 0;
    padding: 24px;
    border-right: 0 !important;
    border-bottom: 1px solid var(--pcl-line) !important;
  }

  .bbpcl-design__cards article:last-child {
    border-bottom: 0 !important;
  }

  .bbpcl-design__cards h3 {
    margin-top: 35px;
  }

  .bbpcl-fillings__grid {
    grid-template-columns: 1fr;
  }

  .bbpcl-fillings__grid article {
    min-height: 0;
    padding: 24px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--pcl-line) !important;
  }

  .bbpcl-fillings__grid article:last-child {
    border-bottom: 0 !important;
  }

  .bbpcl-fillings__grid h3 {
    margin-top: 40px;
  }

  .bbpcl-final {
    padding: 50px 0;
  }

  .bbpcl-final__card {
    gap: 34px;
    padding: 45px 24px;
  }

  .bbpcl-faq summary {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbpcl-page * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* PRÉMIUM CPL KIALAKÍTÁSI GALÉRIA */

.bbpcl-layouts {
  padding: 118px 0;
  background:
    radial-gradient(circle at 90% 0, rgba(223, 156, 86, 0.13), transparent 27%),
    var(--pcl-cream);
}

.bbpcl-model-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 22px;
}

.bbpcl-model-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bbpcl-model-filters button,
.bbpcl-model-more {
  appearance: none;
  border: 1px solid var(--pcl-line);
  color: var(--pcl-ink);
  background: rgba(255, 250, 243, 0.72);
  font: 800 10px/1 Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
}

.bbpcl-model-filters button {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
}

.bbpcl-model-filters button span {
  margin-left: 5px;
  opacity: 0.56;
}

.bbpcl-model-filters button:hover,
.bbpcl-model-filters button.is-active,
.bbpcl-model-filters button:focus-visible,
.bbpcl-model-more:hover,
.bbpcl-model-more:focus-visible {
  border-color: var(--pcl-brown);
  color: #fff;
  background: var(--pcl-brown);
}

.bbpcl-model-search {
  position: relative;
  display: block;
  width: min(100%, 300px);
  flex: 0 0 300px;
}

.bbpcl-model-search::after {
  position: absolute;
  top: 50%;
  right: 17px;
  content: "⌕";
  color: var(--pcl-copper);
  font-size: 20px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-53%);
}

.bbpcl-model-search input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 17px;
  border: 1px solid var(--pcl-line);
  border-radius: 0;
  outline: 0;
  color: var(--pcl-ink);
  background: var(--pcl-ivory);
  box-shadow: none;
  font: 600 12px/1 Inter, "Segoe UI", Arial, sans-serif;
}

.bbpcl-model-search input:focus {
  border-color: var(--pcl-copper);
  box-shadow: 0 0 0 3px rgba(184, 111, 60, 0.13);
}

.bbpcl-model-search input::placeholder {
  color: var(--pcl-muted);
  opacity: 0.8;
}

.bbpcl-model-results {
  margin: 0 0 16px;
  color: var(--pcl-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bbpcl-model-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.bbpcl-model-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--pcl-line);
  color: var(--pcl-ink);
  background: var(--pcl-ivory);
  box-shadow: 0 10px 28px rgba(36, 23, 16, 0.055);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.bbpcl-model-card[hidden] {
  display: none !important;
}

.bbpcl-model-card:hover {
  z-index: 2;
  border-color: var(--pcl-copper);
  box-shadow: 0 18px 38px rgba(36, 23, 16, 0.12);
  transform: translateY(-4px);
}

.bbpcl-model-card:focus-visible {
  outline: 3px solid var(--pcl-gold);
  outline-offset: 3px;
}

.bbpcl-model-card__image {
  display: grid;
  aspect-ratio: 0.68;
  place-items: center;
  padding: 18px 13px 9px;
  overflow: hidden;
  border-bottom: 1px solid var(--pcl-line);
  background:
    linear-gradient(rgba(78, 48, 34, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 48, 34, 0.035) 1px, transparent 1px),
    #fff;
  background-size: 18px 18px;
}

.bbpcl-model-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: contrast(1.025);
  transition: transform 0.32s ease;
}

.bbpcl-model-card:hover img {
  transform: scale(1.025);
}

.bbpcl-model-card__meta {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 16px;
}

.bbpcl-model-card__meta strong {
  color: var(--pcl-ink);
  font: 700 17px/1.1 Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

.bbpcl-model-card__meta small {
  color: var(--pcl-copper);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.bbpcl-model-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.bbpcl-model-more-wrap[hidden] {
  display: none !important;
}

.bbpcl-model-more {
  min-height: 52px;
  padding: 0 24px;
}

.bbpcl-layouts__note {
  max-width: 830px;
  margin: 28px auto 0;
  color: var(--pcl-muted);
  font-size: 10px;
  line-height: 1.65;
  text-align: center;
}

@media (max-width: 1100px) {
  .bbpcl-model-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .bbpcl-model-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .bbpcl-model-search {
    width: 100%;
    flex-basis: auto;
  }

  .bbpcl-model-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .bbpcl-layouts {
    padding: 76px 0;
  }

  .bbpcl-model-filters {
    flex-wrap: nowrap;
    width: calc(100% + 16px);
    padding: 0 16px 7px 0;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }

  .bbpcl-model-filters button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .bbpcl-model-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .bbpcl-model-card__image {
    padding: 12px 8px 7px;
  }

  .bbpcl-model-card__meta {
    min-height: 58px;
    padding: 12px;
  }

  .bbpcl-model-card__meta strong {
    font-size: 15px;
  }

  .bbpcl-model-card__meta small {
    display: none;
  }
}

@media (max-width: 380px) {
  .bbpcl-model-grid {
    grid-template-columns: 1fr;
  }

  .bbpcl-model-card {
    width: min(100%, 300px);
    margin-inline: auto;
  }
}/* End custom CSS */