/* Mio Decor 8.64.7 — Pomieszczenia: one owner, no forced specificity. */
#pomieszczenia.section { background:#fff; }
#pomieszczenia .section-title { margin:0; text-align:center; }
#pomieszczenia .section-title-inline .title-main { color:#0e1116; }
#pomieszczenia .section-title-inline .title-accent { color:#5691b8; }
#pomieszczenia .rooms-grid {
  display:grid; grid-template-columns:repeat(8,minmax(0,1fr));
  width:100%; margin:22px auto 0; padding:0; gap:0;
}
#pomieszczenia .room-item {
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  min-width:0; min-height:90px; padding:8px 6px;
  border-right:1px solid #e4e9ef; background:transparent;
  text-align:center; color:#536274; gap:11px;
}
#pomieszczenia .room-item:last-child { border-right:0; }
#pomieszczenia .room-item .mio-icon {
  display:block; flex:none; width:30px; height:30px;
  margin:0; color:#5691b8; stroke-width:1.15;
}
#pomieszczenia .room-item span { display:block; font-size:12px; font-weight:400; line-height:1.45; overflow-wrap:normal; }
@media (min-width:761px) and (max-width:1100px) {
  #pomieszczenia .rooms-grid {grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px;}
  #pomieszczenia .room-item:nth-child(4n) {border-right:0;}
}
@media (max-width:760px) {
  #pomieszczenia.section {padding-top:0; padding-bottom:var(--mio-space-section);}
  #pomieszczenia .container {width:calc(100% - 2 * var(--mio-container-gutter)); max-width:var(--mio-container-max);margin-inline:auto;}
  #pomieszczenia .section-title {
    font-size:20px; line-height:1.2; letter-spacing:-.55px;
    font-weight:700; max-width:355px; margin-inline:auto;
  }
  #pomieszczenia .rooms-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:200px; max-width:100%; margin:22px auto 0;
    column-gap:0; row-gap:19px;
  }
  #pomieszczenia .room-item {
    border:0; min-height:0; padding:0;
    gap:14px; line-height:1.35;
  }
  #pomieszczenia .room-item .mio-icon {width:30px;height:30px;stroke-width:1.1;}
  #pomieszczenia .room-item span {font-size:12px;line-height:1.35;max-width:110px;}
  /* Figma starts with sypialnia, salon; the WordPress content keys remain intact. */
  #pomieszczenia .room-item:first-child {order:2;}
  #pomieszczenia .room-item:nth-child(2) {order:1;}
  #pomieszczenia .room-item:nth-child(n+3) {order:3;}
}
@media (max-width:359px) {
  #pomieszczenia .section-title {font-size:19px;}
  #pomieszczenia .rooms-grid {row-gap:19px;}
}