/* Room drawings and material samples */
@media screen {
  .fd-forma .fd-room-sign {display:block; width:55px; height:auto; flex:none;}
  .fd-forma :is(.fd-room-jumps,.fd-sample-shortcuts) {display:flex; flex-wrap:wrap; gap:8px;}
  .fd-forma .fd-room-jumps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; max-width:360px; margin:2px 0 20px;}
  .fd-forma .fd-room-jumps a {
    display:grid; justify-items:center; align-content:center; gap:4px; min-height:61px; min-width:0;
    padding:5px; border:1px solid #b8bfad; color:#25382c !important;
    background:#f9f7ef; font:550 12px/1.2 var(--fr-sans); text-decoration:none;
  }
  body.fd-forma .kids-spotlight {
    width:min(1320px,calc(100% - 64px)); margin:clamp(28px,4.2vw,62px) auto;
    display:grid; grid-template-columns:1.1fr 1fr; align-items:stretch;
    background:#e5e9dc !important; color:#273a2c; border:1px solid #cdd2c3 !important;
  }
  body.fd-forma .kids-spotlight-picture {min-height:300px;}
  body.fd-forma .kids-spotlight-picture img {object-position:50% 52%; filter:none;}
  body.fd-forma .kids-spotlight-copy {padding:clamp(24px,3.8vw,62px); align-self:center;}
  body.fd-forma .kids-spotlight-copy h2,body.fd-forma .sample-copy h2 {
    font:400 clamp(34px,3.7vw,57px)/1.05 var(--linen-serif) !important;
    letter-spacing:-.048em !important; text-transform:none;
  }
  body.fd-forma .kids-spotlight-copy p:not(.kids-spotlight-kicker) {color:#445044; line-height:1.65; margin:15px 0 18px;}
  body.fd-forma .kids-spotlight-copy .kids-spotlight-cta {background:#304333 !important; color:white !important; border:1px solid #304333;}
  body.fd-forma .kids-spotlight-label {background:#fbf8ef; color:#29382c; border:0;}
  body.fd-forma .sample-band {background:#ebe5d7 !important; color:#302d24;}
  body.fd-forma .sample-copy h2 em {font:italic 1em/1 var(--linen-serif) !important;}
  body.fd-forma .sample-copy .fd-sample-shortcuts {margin:15px 0 6px; gap:4px 16px;}
  .fd-sample-shortcuts a,.fd-textile-link {
    display:inline-flex; align-items:center; min-height:44px; color:#354535 !important;
    font:550 13px/1.4 var(--fr-sans); text-decoration:underline; text-underline-offset:4px;
  }

  body.fd-forma .kids-hero {
    --room-paper:#e9ecdf;
    display:grid; grid-template:"copy photo" auto "copy picker" auto / minmax(0,.84fr) minmax(0,1.16fr);
    align-items:stretch; gap:0; padding:0; margin:0 auto clamp(25px,4vw,64px);
    background:var(--room-paper) !important; border:1px solid #ced2c4; overflow:hidden;
  }
  body.fd-forma .kids-hero:has([data-hero-scene="felho"][aria-pressed=true]) {--room-paper:#f2e3df;}
  body.fd-forma .kids-hero:has([data-hero-scene="hegyvidek"][aria-pressed=true]) {--room-paper:#e2eaec;}
  body.fd-forma .kids-hero:has([data-hero-scene="okker"][aria-pressed=true]) {--room-paper:#f1e5d2;}
  body.fd-forma .kids-hero .kids-hero-copy {
    grid-area:copy; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    padding:clamp(22px,3.3vw,52px); min-width:0; background:transparent;
  }
  body.fd-forma .kids-hero .kids-hero-copy>.eyebrow {margin:0 0 clamp(12px,1.8vw,25px); color:#485743 !important;}
  body.fd-forma .kids-hero-copy>.eyebrow::before {display:none;}
  body.fd-forma .kids-hero #kids-title {font:400 clamp(36px,3.7vw,64px)/1.02 var(--linen-serif) !important; letter-spacing:-.047em !important; margin:0;}
  body.fd-forma .kids-hero #kids-title em {font-style:italic !important; color:#455541 !important;}
  body.fd-forma .kids-hero .kids-intro {font:400 clamp(15px,1.09vw,18px)/1.63 var(--fr-sans); color:#444b40; margin:19px 0;}
  body.fd-forma .kids-hero .seo-actions {margin:0; flex-direction:row; flex-wrap:wrap; align-items:stretch; gap:7px; max-width:none;}
  body.fd-forma .kids-hero .seo-actions .button {
    display:inline-flex; justify-content:space-between; min-height:44px; gap:8px; padding:10px 13px;
    border:1px solid #304233 !important; background:#304233 !important; color:white !important; font:550 13px/1.35 var(--fr-sans) !important;
    text-transform:none; letter-spacing:0 !important;
  }
  body.fd-forma .kids-hero .seo-actions .secondary {background:transparent !important; color:#2e3c30 !important;}
  body.fd-forma .kids-hero .seo-actions .fd-ui-icon {display:none;}
  body.fd-forma .kids-hero .kids-micro {margin:16px 0 0; font-size:12px; color:#53604f;}
  body.fd-forma .kids-hero .fd-textile-link {margin-top:2px; gap:6px;}
  body.fd-forma .kids-hero figure {grid-area:photo; margin:0; border:0; min-width:0; align-self:stretch; display:flex; flex-direction:column;}
  body.fd-forma .kids-hero figure>a {position:relative; display:block; flex:1; overflow:hidden; border:0; min-width:0; background:#ebe7dd;}
  body.fd-forma .kids-hero figure img {display:block; width:100%; height:100%; min-height:0; aspect-ratio:1.5; object-fit:cover; object-position:center; filter:none;}
  body.fd-forma .kids-hero .fd-hero-caption {
    display:flex; justify-content:space-between; align-items:center; position:static;
    margin:0; padding:12px clamp(13px,1.7vw,26px) !important; border:0; border-bottom:1px solid #d9d6ca !important;
    background:#faf8f1 !important; color:#29372d;
  }
  body.fd-forma .kids-hero .fd-hero-caption b {font:400 clamp(21px,1.9vw,31px)/1.12 var(--linen-serif) !important; text-transform:none !important; letter-spacing:-.03em !important;}
  body.fd-forma .kids-hero .fd-hero-caption small {color:#596051; font-size:11px;}
  body.fd-forma .kids-hero .fd-hero-palette {display:flex; gap:2px;}
  body.fd-forma .kids-hero .fd-hero-palette i {width:20px; height:22px; margin:0; border:1px solid #0002; border-radius:0; box-shadow:none;}
  body.fd-forma .kids-hero .fd-photo-count {display:none;}
  body.fd-forma .kids-hero .kids-zoom-mark {bottom:12px; right:12px; padding:6px 10px; background:#fffaf0; color:#2c352c;}
  body.fd-forma .kids-hero .fd-mood-picker {
    grid-area:picker; min-width:0; max-width:none; padding:13px clamp(12px,1.7vw,24px) 16px;
    margin:0; border:0; background:#faf8f1;
  }
  body.fd-forma .fd-mood-picker[hidden] {display:none;}
  body.fd-forma .fd-mood-label {margin:0 0 8px; font:550 12px/1.4 var(--fr-sans); letter-spacing:.02em; text-transform:none; color:#495648;}
  body.fd-forma .fd-mood-options {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px;}
  body.fd-forma .fd-mood-button {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:36px auto auto;
    align-content:center; justify-items:center; gap:2px; padding:7px 3px; min-width:0; min-height:76px;
    border:1px solid #d2d4c8; color:#344535; border-radius:0; background:#fffef8;
  }
  body.fd-forma .fd-mood-button .fd-room-sign {align-self:center;}
  body.fd-forma .fd-mood-button b,body.fd-forma .fd-mood-button small {font:600 12px/1.15 var(--fr-sans); letter-spacing:0; text-transform:none;}
  body.fd-forma .fd-mood-button small {font-size:11px; font-weight:400; color:#556050;}
  body.fd-forma .fd-mood-button[aria-pressed=true] {background:var(--room-paper) !important; border-color:#485a47 !important; box-shadow:inset 0 -3px #485a47 !important;}
  body.fd-forma :is(.kids-scene,.kids-reference) {background:#faf8f2;}
  body.fd-forma .kids-scene .fd-scene-body {border-top:1px solid #d8d4c8;}
  body.fd-forma :is(.kids-section-head,.kids-scene-heading,.kids-reference figcaption) :is(h2,h3) {
    font-family:var(--linen-serif) !important; text-transform:none; letter-spacing:-.035em !important; line-height:1.12;
  }
  body.fd-forma .kids-section-head h2 {font-size:clamp(30px,3vw,47px) !important;}
  body.fd-forma .kids-scene {scroll-margin-top:105px;}

  body.fd-forma #mintakereso {background:#f0ede4; color:#28362b;}
  body.fd-forma #mintakereso h2 {font:400 clamp(34px,3.6vw,56px)/1.08 var(--linen-serif) !important; letter-spacing:-.042em !important; max-width:22ch;}
  .fd-material-desk {
    display:grid; grid-template:"families samples" max-content "list samples" 1fr / minmax(215px,.75fr) minmax(0,2.25fr);
    align-items:start; gap:16px clamp(16px,2.4vw,38px); margin-top:clamp(19px,2.6vw,38px);
  }
  body.fd-forma .fd-material-desk .fd-sample-nav {
    grid-area:families; display:flex; flex-direction:column; gap:2px; margin:0;
    padding:5px; background:#2c3c31; border:1px solid #2c3c31;
  }
  body.fd-forma .fd-material-desk .fd-sample-nav a {
    display:grid; grid-template-columns:23px minmax(0,1fr) auto; align-items:center; gap:8px;
    min-width:0; min-height:44px; padding:8px 10px; background:transparent;
    color:#f5f4e9; border:1px solid transparent; text-align:left; box-shadow:none;
    font:500 14px/1.25 var(--fr-sans); text-transform:none; letter-spacing:0;
  }
  body.fd-forma .fd-material-desk .fd-sample-nav svg {width:22px; height:22px; color:inherit;}
  body.fd-forma .fd-material-desk .fd-sample-nav a[aria-current]{color:#233526; border-color:#f5f0e4; background:#f5f0e4;}
  body.fd-forma .fd-material-desk .fd-sample-nav small {font:500 11px/1.2 var(--fr-sans); color:inherit; opacity:.86;}
  .fd-material-results {grid-area:samples; min-width:0;}
  body.fd-forma .fd-material-results .fd-sample-group {margin:0 0 16px; background:#fffdf7; padding:clamp(14px,1.8vw,28px); border:1px solid #d6d2c6;}
  body.fd-forma .fd-material-results .fd-sample-group h3,body.fd-forma .fd-material-desk .fd-swatch-box h3 {
    font:400 clamp(23px,2.2vw,36px)/1.12 var(--linen-serif) !important; letter-spacing:-.03em !important; color:#28392c;
  }
  body.fd-forma .fd-material-results .fd-sample-group>p {font-size:14px; line-height:1.55;}
  body.fd-forma .fd-material-results .fd-sample-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(204px,100%),1fr)); gap:12px; margin-top:18px;}
  body.fd-forma .fd-sample-grid>:only-child {width:100%; max-width:340px;}
  body.fd-forma .fd-swatch-card {border:1px solid #d1d3c7; background:#fff;}
  body.fd-forma .fd-sample-card {border:0; background:#fff; color:#2a372e;}
  body.fd-forma .fd-sample-card img {height:clamp(150px,13vw,208px); object-fit:contain; padding:8px; box-sizing:border-box;}
  body.fd-forma .fd-sample-card>span {padding:13px; border-top:1px solid #ebe7dd;}
  body.fd-forma .fd-sample-card strong {font:400 clamp(19px,1.45vw,24px)/1.15 var(--linen-serif); letter-spacing:-.02em; overflow-wrap:break-word;}
  body.fd-forma .fd-sample-card small {color:#5b644f; font:550 11px/1.4 var(--fr-sans); letter-spacing:.025em;}
  body.fd-forma .fd-sample-go {font-size:12px; color:#455542;}
  body.fd-forma .fd-swatch-card>button {border:0; border-top:1px solid #c9cdbf; color:#304534; background:#eef1e7;}
  body.fd-forma .fd-swatch-card>button[aria-pressed=true] {color:white; background:#344c39;}
  body.fd-forma .fd-material-desk .fd-swatch-box {grid-area:list; padding:15px; margin:0; background:#fdfbf4; border:1px solid #c9c9ba;}
  body.fd-forma .fd-material-desk .fd-swatch-box h3 {font-size:23px !important; margin-bottom:9px;}
  .fd-swatch-count {display:inline-grid; place-items:center; vertical-align:middle; min-width:23px; min-height:23px; padding:0 4px; background:#e2e8d9; font:600 12px var(--fr-sans); color:#354835;}
  body.fd-forma .fd-material-desk .fd-swatch-box li {display:grid; gap:0; padding:6px 0; align-items:start;}
  body.fd-forma .fd-material-desk .fd-swatch-box li a {display:flex; align-items:center; gap:8px; line-height:1.35; font-size:13px;}
  .fd-swatch-box li img {width:40px; height:40px; object-fit:contain; background:#fff; flex:none; border:1px solid #e1ddcf;}
  body.fd-forma .fd-material-desk .fd-swatch-box li button {justify-self:start; font-size:12px; padding:4px 0;}
  body.fd-forma :is(.fd-mood-picker,.fd-room-jumps,.fd-sample-shortcuts,.fd-material-desk) :is(button,a):focus-visible {outline:3px solid #906c29; outline-offset:2px;}
}
@media screen and (max-width:980px) and (min-width:761px) {
  body.fd-forma .kids-hero .kids-hero-copy {padding:22px;}
  body.fd-forma .kids-hero .seo-actions {flex-direction:column;}
}
@media screen and (max-width:760px) {
  body.fd-forma .kids-spotlight {width:calc(100% - 32px); grid-template-columns:minmax(0,1fr);}
  body.fd-forma .kids-spotlight-picture {min-height:0; aspect-ratio:1.65;}
  body.fd-forma .kids-spotlight-copy {padding:21px 18px;}
  body.fd-forma .kids-hero {
    display:grid; grid-template:"label" auto "title" auto "photo" auto "picker" auto "intro" auto "actions" auto "micro" auto "samples" auto / minmax(0,1fr);
    padding:0; margin:0 0 24px;
  }
  body.fd-forma .kids-hero .kids-hero-copy {display:contents;}
  body.fd-forma .kids-hero .kids-hero-copy>.eyebrow {grid-area:label; margin:16px 16px 5px;}
  body.fd-forma .kids-hero #kids-title {grid-area:title; margin:0 16px 16px; font-size:clamp(32px,7vw,45px) !important;}
  body.fd-forma .kids-hero .kids-intro {grid-area:intro; margin:15px 16px 12px;}
  body.fd-forma .kids-hero .seo-actions {grid-area:actions; margin:0 16px;}
  body.fd-forma .kids-hero .kids-micro {grid-area:micro; margin:13px 16px 0;}
  body.fd-forma .kids-hero .fd-textile-link {grid-area:samples; margin:0 16px 9px;}
  body.fd-forma .kids-hero .fd-mood-picker {padding:10px 8px 12px;}
  body.fd-forma .kids-hero .fd-mood-options {gap:4px;}
  body.fd-forma .fd-mood-button .fd-room-sign {width:43px; max-width:100%;}
  body.fd-forma .fd-mood-button {grid-template-rows:27px auto auto; min-height:67px;}
  .fd-material-desk {grid-template:"families" auto "samples" auto "list" auto / minmax(0,1fr); gap:13px;}
  body.fd-forma .fd-material-desk .fd-sample-nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));}
  body.fd-forma .fd-material-desk .fd-sample-nav a {grid-template-columns:18px minmax(0,1fr) auto; gap:5px; padding:7px 6px; font-size:12px;}
  body.fd-forma .fd-material-desk .fd-sample-nav svg {width:18px; height:18px;}
  body.fd-forma .fd-material-results .fd-sample-group {padding:13px; margin:0; scroll-margin-top:90px;}
  body.fd-forma .fd-material-results .fd-sample-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  body.fd-forma .fd-sample-card img {height:clamp(100px,28vw,165px);}
  body.fd-forma .fd-sample-card>span {padding:9px;}
  body.fd-forma .fd-sample-card strong {font-size:18px; overflow-wrap:anywhere;}
}
@media screen and (max-width:360px) {
  body.fd-forma .fd-room-jumps {gap:4px;}
  body.fd-forma .fd-room-jumps a {min-width:0; padding:6px;}
  body.fd-forma .fd-room-jumps .fd-room-sign {width:40px;}
}
@media screen and (hover:hover) and (prefers-reduced-motion:no-preference) {
  .fd-forma .fd-room-sign {transition:transform .25s ease-out;}
  .fd-forma :is(.fd-mood-button,.fd-room-jumps a):hover .fd-room-sign {transform:translateY(-2px);}
  body.fd-forma .kids-hero {transition:background-color .3s ease;}
}
@media (forced-colors:active) {
  .fd-mood-button[aria-pressed=true],.fd-material-desk [aria-current] {outline:2px solid ButtonText;}
}