/* Saját, 48 egységes DECO piktogramok. Egyetlen vektoros képfájl. */
:root {
  --bp-panels: 0% 0%;
  --bp-plan: 20% 0%;
  --bp-book: 40% 0%;
  --bp-swatch: 60% 0%;
  --bp-calc: 80% 0%;
  --bp-shop: 100% 0%;
  --bp-living: 0% 20%;
  --bp-kids: 20% 20%;
  --bp-bed: 40% 20%;
  --bp-read: 60% 20%;
  --bp-photo: 80% 20%;
  --bp-measure: 100% 20%;
  --bp-floor: 0% 40%;
  --bp-gallery: 20% 40%;
  --bp-guide: 40% 40%;
  --bp-mount: 60% 40%;
  --bp-care: 80% 40%;
  --bp-help: 100% 40%;
  --bp-pin: 0% 60%;
  --bp-save: 20% 60%;
  --bp-folder: 40% 60%;
  --bp-download: 60% 60%;
  --bp-print: 80% 60%;
  --bp-mail: 100% 60%;
  --bp-heart: 0% 80%;
  --bp-list: 20% 80%;
  --bp-rect: 40% 80%;
  --bp-arch: 60% 80%;
  --bp-point: 80% 80%;
  --bp-hex: 100% 80%;
  --bp-figure: 0% 100%;
  --bp-pack: 20% 100%;
  --bp-journal: 40% 100%;
  --bp-privacy: 60% 100%;
  --bp-sheet: 600% 600%;
}

html[data-bp-page] [data-bp-icon="panels"],
html[data-bp-page] .seo-entry-grid a[href="home/"],
html[data-bp-page] .seo-entry-grid a[href="barsony-panelek/"],
html[data-bp-page] .kids-jump [href="#formak"],
html[data-bp-page] .links [data-route="barsony-panelek/"] {
  --bp-pos: var(--bp-panels);
}

html[data-bp-page] [data-bp-icon="plan"],
html[data-bp-page] .seo-entry-grid a[href="tervezo/"],
html[data-bp-page] .header-plan,
html[data-bp-page] .blog-topic-links [href="/tervezo/"] {
  --bp-pos: var(--bp-plan);
}

html[data-bp-page] [data-bp-icon="book"],
html[data-bp-page] .seo-entry-grid a[href="katalogus/"],
html[data-bp-page] .blog-topic-links [href$="/katalogus/"],
html[data-bp-page] .links [data-route="katalogus/"] {
  --bp-pos: var(--bp-book);
}

html[data-bp-page] [data-bp-icon="swatch"],
html[data-bp-page] .seo-entry-grid a[href="szinek/"] {
  --bp-pos: var(--bp-swatch);
}

html[data-bp-page] [data-bp-icon="calc"],
html[data-bp-page] .seo-entry-grid a[href="kalkulator/"] {
  --bp-pos: var(--bp-calc);
}

html[data-bp-page] [data-bp-icon="shop"],
html[data-bp-page] .links [data-route=""] {
  --bp-pos: var(--bp-shop);
}

html[data-bp-page] [data-bp-icon="living"],
html[data-bp-page] .seo-entry-grid a[href="nappali/"],
html[data-bp-page] .hero-switch [data-scene="nappali"] {
  --bp-pos: var(--bp-living);
}

html[data-bp-page] [data-bp-icon="kids"],
html[data-bp-page] .seo-entry-grid a[href="gyerekszoba/"],
html[data-bp-page] .hero-switch [data-scene="gyerekszoba"],
html[data-bp-page] .blog-topic-links [href$="/gyerekszoba/"] {
  --bp-pos: var(--bp-kids);
}

html[data-bp-page] [data-bp-icon="bed"],
html[data-bp-page] .seo-entry-grid a[href="agytamla/"],
html[data-bp-page] .hero-switch [data-scene="agytamla"] {
  --bp-pos: var(--bp-bed);
}

html[data-bp-page] [data-bp-icon="read"],
html[data-bp-page] .hero-switch [data-scene="olvasosarok"] {
  --bp-pos: var(--bp-read);
}

html[data-bp-page] [data-bp-icon="photo"],
html[data-bp-page] [data-start="photo"] {
  --bp-pos: var(--bp-photo);
}

html[data-bp-page] [data-bp-icon="measure"],
html[data-bp-page] [data-start="wall"],
html[data-bp-page] .kids-jump [href="#tervezes"],
html[data-bp-page] #mark-open {
  --bp-pos: var(--bp-measure);
}

html[data-bp-page] [data-bp-icon="floor"],
html[data-bp-page] [data-start="floor"],
html[data-bp-page] .kids-jump [href="#elrendezes"] {
  --bp-pos: var(--bp-floor);
}

html[data-bp-page] [data-bp-icon="gallery"],
html[data-bp-page] .seo-entry-grid a[href="inspiraciok/"],
html[data-bp-page] #v3-demo,
html[data-bp-page] .kids-jump [href="#otletek"] {
  --bp-pos: var(--bp-gallery);
}

html[data-bp-page] [data-bp-icon="guide"],
html[data-bp-page] .seo-entry-grid a[href="tudastar/"],
html[data-bp-page] .seo-entry-grid a[href="404/"],
html[data-bp-page] .blog-topic-links [href$="/tudastar/"],
html[data-bp-page] .links [data-route="tudastar/"] {
  --bp-pos: var(--bp-guide);
}

html[data-bp-page] [data-bp-icon="mount"],
html[data-bp-page] .seo-entry-grid a[href="telepitesi-utmutato/"] {
  --bp-pos: var(--bp-mount);
}

html[data-bp-page] [data-bp-icon="care"],
html[data-bp-page] .seo-entry-grid a[href="tisztitas-es-apolas/"] {
  --bp-pos: var(--bp-care);
}

html[data-bp-page] [data-bp-icon="help"],
html[data-bp-page] .seo-entry-grid a[href="gyik/"] {
  --bp-pos: var(--bp-help);
}

html[data-bp-page] [data-bp-icon="pin"],
html[data-bp-page] .seo-entry-grid a[href="kapcsolat/"] {
  --bp-pos: var(--bp-pin);
}

html[data-bp-page] [data-bp-icon="save"],
html[data-bp-page] #save-plan {
  --bp-pos: var(--bp-save);
}

html[data-bp-page] [data-bp-icon="folder"],
html[data-bp-page] #load-plan {
  --bp-pos: var(--bp-folder);
}

html[data-bp-page] [data-bp-icon="download"],
html[data-bp-page] #export-project,
html[data-bp-page] #export-image {
  --bp-pos: var(--bp-download);
}

html[data-bp-page] [data-bp-icon="print"],
html[data-bp-page] #print-pages,
html[data-bp-page] #print-plan {
  --bp-pos: var(--bp-print);
}

html[data-bp-page] [data-bp-icon="mail"],
html[data-bp-page] #quote-plan {
  --bp-pos: var(--bp-mail);
}

html[data-bp-page] [data-bp-icon="heart"],
html[data-bp-page] #favorites-filter {
  --bp-pos: var(--bp-heart);
}

html[data-bp-page] [data-bp-icon="list"],
html[data-bp-page] #contents-toggle {
  --bp-pos: var(--bp-list);
}

html[data-bp-page] [data-bp-icon="rect"],
html[data-bp-page] .atelier-shape[data-atelier-shape="rect"],
html[data-bp-page] .seo-shape-links a[href="#forma-rect"] {
  --bp-pos: var(--bp-rect);
}

html[data-bp-page] [data-bp-icon="arch"],
html[data-bp-page] .atelier-shape[data-atelier-shape="arch"],
html[data-bp-page] .seo-shape-links a[href="#forma-arch"] {
  --bp-pos: var(--bp-arch);
}

html[data-bp-page] [data-bp-icon="point"],
html[data-bp-page] .atelier-shape[data-atelier-shape="point"],
html[data-bp-page] .seo-shape-links a[href="#forma-point"] {
  --bp-pos: var(--bp-point);
}

html[data-bp-page] [data-bp-icon="hex"],
html[data-bp-page] .atelier-shape[data-atelier-shape="hex"],
html[data-bp-page] .seo-shape-links a[href="#forma-hex"] {
  --bp-pos: var(--bp-hex);
}

html[data-bp-page] [data-bp-icon="figure"],
html[data-bp-page] .atelier-shape[data-atelier-shape="figure"],
html[data-bp-page] .seo-shape-links a[href="#forma-figure"] {
  --bp-pos: var(--bp-figure);
}

html[data-bp-page] [data-bp-icon="pack"],
html[data-bp-page] .atelier-shape[data-atelier-shape="pack"],
html[data-bp-page] .seo-shape-links a[href="#forma-pack"] {
  --bp-pos: var(--bp-pack);
}

html[data-bp-page] [data-bp-icon="journal"],
html[data-bp-page] .seo-entry-grid a[href="blog/"],
html[data-bp-page] .blog-topic-links [href="feed.xml"] {
  --bp-pos: var(--bp-journal);
}

html[data-bp-page] [data-bp-icon="privacy"],
html[data-bp-page] .seo-entry-grid a[href="privacy/"] {
  --bp-pos: var(--bp-privacy);
}

html[data-bp-page] .seo-entry-grid,
html[data-bp-page] .seo-shape-links {
  --bp-pos: var(--bp-panels);
}

html[data-bp-page] .blog-topic-links {
  --bp-pos: var(--bp-guide);
}

html[data-bp-page] a[data-bp-icon]::before,
html[data-bp-page] .hero-switch button::before,
html[data-bp-page] .atelier-shape::before,
html[data-bp-page] .seo-shape-links a[href^="#forma-"]::before,
html[data-bp-page] .seo-entry-grid a::before,
html[data-bp-page] .kids-jump a::before,
html[data-bp-page] .start-cards button::before,
html[data-bp-page] .header-plan::before,
html[data-bp-page] .blog-topic-links a::before,
html[data-bp-page] .links [data-route]::before,
html[data-bp-page] :is(#contents-toggle,#favorites-filter,#print-pages,#save-plan,#load-plan,#export-project,#export-image,#print-plan,#mark-open,#quote-plan)::before,
html[data-bp-page] :is(.hero-copy,.seo-hero,.kids-hero-copy,.catalog-heading,.blog-intro,.blog-article-header,.app-intro) .eyebrow::before,
html[data-bp-page] .bp-sign {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: var(--bp-icon-size, 28px);
  height: var(--bp-icon-size, 28px);
  background: var(--bp-icon-bg, #f3ecdf) url("/assets/barsony-jelek-1.svg") var(--bp-pos, 0% 0%)/var(--bp-sheet) no-repeat;
  border-radius: var(--bp-icon-radius, 9px 9px 5px 5px);
  vertical-align: middle;
  pointer-events: none;
}

html[data-bp-family="kids"] { --bp-family: var(--bp-kids); }
html[data-bp-family="panels"] { --bp-family: var(--bp-panels); }
html[data-bp-family="plan"] { --bp-family: var(--bp-plan); }
html[data-bp-family="pin"] { --bp-family: var(--bp-pin); }
html[data-bp-family="journal"] { --bp-family: var(--bp-journal); }
html[data-bp-family="bed"] { --bp-family: var(--bp-bed); }
html[data-bp-family="living"] { --bp-family: var(--bp-living); }
html[data-bp-family="swatch"] { --bp-family: var(--bp-swatch); }
html[data-bp-family="calc"] { --bp-family: var(--bp-calc); }
html[data-bp-family="floor"] { --bp-family: var(--bp-floor); }
html[data-bp-family="care"] { --bp-family: var(--bp-care); }
html[data-bp-family="help"] { --bp-family: var(--bp-help); }
html[data-bp-family="guide"] { --bp-family: var(--bp-guide); }
html[data-bp-family="privacy"] { --bp-family: var(--bp-privacy); }
html[data-bp-family="gallery"] { --bp-family: var(--bp-gallery); }
html[data-bp-family="book"] { --bp-family: var(--bp-book); }
html[data-bp-family="mount"] { --bp-family: var(--bp-mount); }
html[data-bp-family="measure"] { --bp-family: var(--bp-measure); }
html[data-bp-page] :is(.hero-copy,.seo-hero,.kids-hero-copy,.catalog-heading,.blog-intro,.blog-article-header,.app-intro) .eyebrow {
  --bp-pos: var(--bp-family); --bp-icon-size: 36px; display: flex; align-items: center; gap: 10px;
}

/* A piktogram mellett a szöveg hordozza a vezérlő teljes jelentését. */
html[data-bp-page] :is(a.button[data-bp-icon],a.nav-cta,a.header-plan,.kids-spotlight-cta) {
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  border-radius:7px 16px 7px 7px; line-height:1.25; min-height:44px;
  box-shadow:inset 0 0 0 1px #ae956d77;
}
html[data-bp-page] :is(.hero-actions,.seo-actions,.split-copy,.catalog-invitation-copy) a.button[data-bp-icon]:not(.secondary) {
  color:#fff; background:#294739; border-color:#294739;
}
html[data-bp-page="home"] .hero .hero-actions a.button[data-bp-icon]:not(.secondary) {
  background:#f3e4cc; border-color:#f3e4cc; color:#263d32;
}
html[data-bp-page="home"] .hero-actions .secondary {
  background:#263c32ec; color:#fff; border:1px solid #e7d4b6af;
}
html[data-bp-page] :is(a.nav-cta,a.header-plan) {--bp-icon-size:23px}
html[data-bp-page] .hero-copy .eyebrow::before {--bp-icon-size:30px}
html[data-bp-page] .hero-switch button {
  display:inline-flex; align-items:center; justify-content:flex-start; gap:6px;
  --bp-icon-size:23px; --bp-icon-radius:7px; --bp-icon-bg:#f5ead9;
}
html[data-bp-page] .hero-switch button::before {margin:0;opacity:.88}
html[data-bp-page] .hero-switch button[aria-pressed="true"]::before {opacity:1;box-shadow:0 0 0 2px #cfa66e}
html[data-bp-page] .atelier-shape {--bp-icon-size:46px;--bp-icon-bg:transparent}
html[data-bp-page] .seo-shape-links a {--bp-icon-size:34px;--bp-icon-bg:transparent}
html[data-bp-page] .bp-shortcuts {
  box-sizing:border-box; width:min(1400px, calc(100% - 64px)); margin:clamp(24px,4vw,60px) auto;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  background:#f4eee4; border:1px solid #d7c9b4; border-radius:8px 24px 8px 8px; overflow:hidden;
}
.bp-shortcuts a {
  box-sizing:border-box; display:grid; grid-template-columns:auto 1fr auto; gap:clamp(8px,1vw,16px); align-items:center;
  padding:clamp(16px,1.7vw,27px) clamp(12px,1.25vw,22px); min-width:0; text-decoration:none; color:#293e34;
}
.bp-shortcuts a+a {border-inline-start:1px solid #d7c9b4}
.bp-shortcuts .bp-sign {--bp-icon-size:clamp(38px,4vw,59px);--bp-icon-bg:#faf7ef;box-shadow:0 0 0 1px #e1d5c3}
.bp-shortcuts strong,.bp-shortcuts small {display:block}
.bp-shortcuts strong {font:500 clamp(17px,1.55vw,23px)/1.15 Georgia,serif;letter-spacing:-.025em}
.bp-shortcuts small {margin-top:5px;color:#574f43;font:12px/1.35 Lato,Arial,sans-serif}
.bp-arrow {display:block;width:12px;height:12px;position:relative;border-block-start:1.6px solid currentColor;border-inline-end:1.6px solid currentColor}
.bp-arrow::before {content:"";position:absolute;top:0;right:0;width:15px;border-top:1.6px solid currentColor;transform:rotate(-45deg);transform-origin:100% 0}
html[data-bp-page] :is(.seo-entry-grid a,.seo-card[data-bp-icon]) {align-items:center;justify-content:flex-start;gap:12px;--bp-icon-size:36px}
html[data-bp-page] :is(.seo-card[data-bp-icon]>b,.seo-entry-grid a>span:last-child) {margin-inline-start:auto}
html[data-bp-page] .kids-jump a {gap:9px;--bp-icon-size:30px}
html[data-bp-page] .start-cards button {
  --bp-icon-size:50px; --bp-icon-radius:17px 17px 8px 8px;
  background:linear-gradient(145deg,#fffdf9 55%,#f0eadf);color:#263c32;
  border-radius:8px 24px 8px 8px;
}
html[data-bp-page] .start-cards button::before {box-shadow:0 0 0 1px #dfd2be}
html[data-bp-page] .start-cards em {padding-top:9px;border-top:1px solid #ddd1bd;align-self:stretch}
html[data-bp-page] :is(.tool-button,#print-pages,.export-toolbar button,#quote-plan,.blog-topic-links a,.links [data-route]) {
  align-items:center; justify-content:center; gap:7px; --bp-icon-size:24px;
}
html[data-bp-page] :is(#contents-toggle,#favorites-filter,#print-pages,.export-toolbar button,#quote-plan,.links [data-route]) {display:inline-flex}
html[data-bp-page] :is(#contents-toggle,#favorites-filter)>span[aria-hidden="true"]:first-child {display:none}
html[data-bp-page] .blog-topic-links a {padding:6px 12px;background:#f5eee3;border:1px solid #d9cdbb;border-radius:7px 14px 7px 7px;text-decoration:none;min-height:44px}
html[data-bp-page="privacy"] main>h1::before {
  content:""; display:block; width:56px;height:56px;margin:20px 0 12px;
  background:#f1e8d7 url("/assets/barsony-jelek-1.svg") var(--bp-privacy)/var(--bp-sheet) no-repeat;border-radius:18px 18px 8px 8px;
}
html[data-bp-page] :is(.bp-shortcuts a,.start-cards button,.hero-switch button,.header-plan,.nav-cta,.kids-jump a,.seo-card,.blog-topic-links a,.atelier-shape,a.button,summary):focus-visible {
  outline:3px solid #89562e;outline-offset:3px;box-shadow:0 0 0 3px #fffaf1;
}
html[data-bp-page] .bp-shortcuts a:focus-visible {outline-offset:-4px}
@keyframes bp-stitch-open {from{transform:translateY(-4px);opacity:.65}to{transform:translateY(0);opacity:1}}
@keyframes bp-pick {0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(-4deg)}}
@media (prefers-reduced-motion:no-preference) {
  html[data-bp-page]:not([data-motion="off"]) .hero-switch button:focus[aria-pressed="true"]::before {animation:bp-pick .32s ease-out}
  html[data-bp-page]:not([data-motion="off"]) :is(.seo-content,.seo-wrap,.faq-list) details[open]>:is(p,div,ul) {animation:bp-stitch-open .2s ease-out}
  html[data-bp-page]:not([data-motion="off"]) :is(.kids-jump a,.start-cards button,.atelier-shape)::before,
  html[data-bp-page]:not([data-motion="off"]) :is(.bp-shortcuts a,.bp-shortcuts .bp-arrow,.blog-topic-links a,.seo-actions a.button,.hero-actions a.button) {
    transition:transform .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out;
  }
  @media (hover:hover) {
    html[data-bp-page]:not([data-motion="off"]) .bp-shortcuts a:hover .bp-arrow {transform:translate(2px,-2px)}
    html[data-bp-page]:not([data-motion="off"]) :is(.kids-jump a,.start-cards button,.atelier-shape):hover::before {transform:translateY(-2px) rotate(-4deg)}
    html[data-bp-page]:not([data-motion="off"]) :is(.blog-topic-links a,.seo-actions a.button,.hero-actions a.button):hover {transform:translateY(-2px)}
  }
  html[data-bp-page]:not([data-motion="off"]) :is(.bp-shortcuts a,.blog-topic-links a,.seo-actions a.button,.hero-actions a.button):active {transform:translateY(1px)}
}
@media (hover:hover) {
  .bp-shortcuts a:hover {background:#eae0ce}
  html[data-bp-page] .blog-topic-links a:hover {background:#e8dece}
}
@media (max-width:1000px) {
  html[data-bp-page] .bp-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr))}
  .bp-shortcuts a:nth-child(odd){border-inline-start:0}
  .bp-shortcuts a:nth-child(n+3){border-top:1px solid #d7c9b4}
}
@media (max-width:650px) {
  html[data-bp-page] .bp-shortcuts {width:calc(100% - 32px);margin:28px auto}
  .bp-shortcuts a {padding:16px 10px;grid-template-columns:auto 1fr;gap:8px}
  .bp-shortcuts .bp-sign {--bp-icon-size:33px}
  .bp-shortcuts .bp-arrow {display:none}
  .bp-shortcuts strong {font-size:16px}
  .bp-shortcuts small {font-size:11px}
  html[data-bp-page] .hero-switch button {--bp-icon-size:18px;gap:4px;justify-content:center;font-size:10px}
  html[data-bp-page] .hero-actions {column-gap:6px}
  html[data-bp-page] .hero-actions a.button {--bp-icon-size:18px;gap:5px}
  html[data-bp-page] .start-cards button {--bp-icon-size:37px;gap:10px}
  html[data-bp-page] .atelier-shape {--bp-icon-size:36px}
  html[data-bp-page] .kids-jump a {--bp-icon-size:24px}
}
@media (max-width:360px) {
  html[data-bp-page] .bp-shortcuts {width:calc(100% - 24px)}
  .bp-shortcuts a {grid-template-columns:1fr;align-content:start}
  html[data-bp-page] .hero-switch button {flex-direction:column;gap:3px}
}
@media print {
  .bp-shortcuts,html[data-bp-page] .blog-topic-links {display:none}
  html[data-bp-page] .eyebrow::before {display:none}
}
@media (max-width:420px) {
  html[data-bp-page] .catalog-header {gap:10px;padding-inline:12px}
  html[data-bp-page] .catalog-header .wordmark {min-width:0;flex:1}
  html[data-bp-page] .catalog-header .wordmark span {min-width:0}
  html[data-bp-page] .catalog-header .wordmark small {white-space:normal}
  html[data-bp-page] .catalog-header .header-plan {padding:8px;gap:4px;--bp-icon-size:20px}
  html[data-bp-page] .start-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-bp-page] .start-cards button {min-width:0;overflow-wrap:anywhere}
  html[data-bp-page] .blog-intro {grid-template-columns:minmax(0,1fr)}
  html[data-bp-page] .blog-intro h1 {font-size:clamp(36px,11.3vw,46px)}
}
@media (max-width:350px) {
  html[data-bp-page] .start-cards {grid-template-columns:minmax(0,1fr)}
  html[data-bp-page] .start-cards button {min-height:0}
}