/* فوتوکام: بازطراحی ساده‌تر و کاربرپسندتر صفحه اول (روی home-polish.css اعمال می‌شود)
   - هدر خلوت‌تر، فاصله‌ی بخش‌ها کمتر، کارت‌های امکانات هم‌اندازه
   - موبایل: دکمه‌های تمام‌عرض، ماکت هدر پنهان، نمونه‌کارها کوتاه‌تر */

/* ---------- ریتم و فاصله‌ها ---------- */
.hm .s{padding:76px 0}
.hm h2.t{font-size:clamp(24px,3vw,34px);line-height:1.5;letter-spacing:0}
.hm .sub{margin-bottom:34px;font-size:16px;line-height:2}
.hm .eb{margin-bottom:12px}

/* ---------- هدر (هرو): فقط پیام اصلی، دو دکمه و آمار ---------- */
.hm .hero{padding:60px 0 68px}
.hm .hero h1{font-size:clamp(30px,4.2vw,52px);line-height:1.4;letter-spacing:0;margin:4px 0 14px}
.hx-p{font-size:17px;line-height:2;margin:0 0 22px}
.hx-ck{display:none}
.hx-b{margin:0 0 14px}
.hm .stats{margin-top:24px;gap:10px}
.hm .stats>div{min-width:104px;padding:11px 18px;border-radius:16px}
.hm .stats b{font-size:21px}
.hx-m{height:410px}

/* ---------- نمونه‌کارها ---------- */
.hm .pf{gap:20px}
.hm .pj .th{height:190px}

/* ---------- کارت‌های امکانات: ۶ کارت هم‌اندازه، سه‌ستونه ---------- */
.hm .bento{grid-template-columns:repeat(12,1fr);gap:16px}
.hm .bento .fx{grid-column:span 4;padding:26px}
.hm .bento .fx h3{margin:14px 0 6px;font-size:18px}
.hm .bento .fx p{font-size:14.5px;line-height:1.95}

/* ---------- کانال‌ها و مراحل ---------- */
.hm .chn{gap:16px}
.hm .chn .c{padding:24px}
.hm .steps{gap:20px}

/* ---------- دعوت به اقدام ---------- */
.hm .cta{padding:56px 24px;border-radius:28px}
.hm .cta .fq-more{margin:18px auto 0;font-size:14.5px;color:#c4ccff}
.hm .cta .fq-more a{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* ---------- صفحه جدای سوالات متداول ---------- */
.fq-page .fq-hero{background:var(--hero);padding:60px 0 22px;text-align:center}
.fq-page .fq-hero h1{font-size:clamp(26px,4.2vw,40px);line-height:1.6;margin:6px 0 14px;font-weight:800}
.fq-page .fq-lead{max-width:660px;margin:0 auto;color:var(--mut);font-size:16.5px;line-height:2.1}
.fq-page #faq.s{padding:34px 0 40px}
.fq-page #faq details{margin-bottom:12px}
.fq-page .s:last-child{padding-top:20px}

/* ---------- تبلت ---------- */
@media(max-width:1000px){
 .hx-m{display:none}
 .hm .hero{padding:48px 0 56px}
 .hm .hero .w{gap:0}
 .hm .bento{grid-template-columns:repeat(6,1fr)}
 .hm .bento .fx{grid-column:span 3}
}

/* ---------- موبایل ---------- */
@media(max-width:700px){
 .hm .s{padding:44px 0}
 .hm h2.t{font-size:clamp(22px,6.4vw,27px)}
 .hm .sub{margin-bottom:24px;font-size:15px}
 .hm .btn{padding:12px 20px;font-size:14.5px;border-radius:14px}
 .hm .c{border-radius:18px}
 /* هدر */
 .hm .hero{padding:34px 0 40px}
 .hm .hero h1{font-size:clamp(27px,8vw,34px);line-height:1.5;margin-bottom:12px}
 .hx-p{font-size:15.5px;line-height:1.95;margin-bottom:18px}
 .hx-b{flex-direction:column;gap:10px}
 .hx-b .wp-block-button,.hx-b .btn{width:100%}
 .hero-price{font-size:13px}
 .hm .stats{gap:8px;margin-top:18px}
 .hm .stats>div{flex:1;min-width:0;padding:10px 6px;text-align:center}
 .hm .stats b{font-size:18px}
 .hm .stats small{font-size:12px}
 /* نمونه‌کارها: چهار کارت اول کافی است؛ دکمه «دیدن همه» پایین می‌ماند */
 .hm .pf>*:nth-child(n+5){display:none}
 .hm .pj .th{height:160px}
 /* کارت‌ها */
 .hm .bento{grid-template-columns:1fr;gap:12px}
 .hm .bento .fx{grid-column:auto;padding:20px}
 .hm .chn{grid-template-columns:1fr 1fr;gap:12px}
 .hm .chn .c{padding:18px 16px}
 .hm .chn .c h3{font-size:16px;margin:12px 0 4px}
 .hm .chn .c p{font-size:13.5px;line-height:1.85}
 .hm .steps .c{padding:64px 20px 22px}
 .hm .cta{padding:38px 18px;border-radius:22px}
 .hm .cta .btn,.hm .cta .wp-block-button{width:100%}
 .fq-page .fq-hero{padding:42px 0 14px}
}
@media(max-width:380px){.hm .chn{grid-template-columns:1fr}}