@media (max-width: 768px) {
  #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG 
  > section.s-block.s-block--square-links.square-links-1.force-center.s-block--animate 
  > div > div.lg\:mx-0.text-center.home-block-title > h2 {
    font-size: 22px;
    line-height: 1.4;
  }
}


/* wrapper */
.pf-bar{direction:rtl; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
        padding:14px; display:flex; flex-direction:column; gap:12px}
@media (min-width:768px){ .pf-bar{flex-direction:row; align-items:center; justify-content:space-between} }

/* item (row) */
.pf-item{display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #eef1f4}
.pf-item:last-child{border-bottom:0}
@media (min-width:768px){ .pf-item{border-bottom:0} }

/* icon + texts */
.pf-icon{display:flex; align-items:center; justify-content:center; color:#0f5da8; font-size:22px}
.pf-title{font-weight:700; font-size:16px; color:#1f2937}
.pf-sub{font-size:13px; color:#6b7280; margin-top:2px; line-height:1.6}

/* respect dark mode if you use it */
.dark .pf-bar{background:#0b0f14; border-color:rgba(255,255,255,.12)}
.dark .pf-item{border-color:rgba(255,255,255,.08)}
.dark .pf-title{color:#e5e7eb}
.dark .pf-sub{color:#9ca3af}