/* Shared visual language for Persian about, blog and contact pages. */
body:has(.design-page){background:#f7f8fc;color:#18233f;font-weight:normal}
body:has(.design-page) .header{position:relative;background:#151b36;border-bottom:1px solid #ffffff20}
.design-page{--ink:#18233f;--muted:#616b80;--accent:#6550cf;background:#f7f8fc;color:var(--ink)}
.design-page .banner-top{padding:85px 24px 90px;min-height:340px;background:radial-gradient(ellipse at 15% 35%,#7160d866,transparent 50%),linear-gradient(125deg,#222053,#151b36 75%);border-radius:0 0 40px 40px}
.design-page .banner-top:before{background:radial-gradient(circle at 90% 0,#7866fb22,transparent 45%);backdrop-filter:none;pointer-events:none}
.design-page .banner-top :is(.bg-banner1,.bg-banner2,.vector1,.vector2,.svg-wave){display:none}
.design-page .banner-top .txt{width:100%;max-width:760px;margin-inline:auto;position:relative;top:auto}
.design-page .banner-top .txt h1{font-size:clamp(1.9rem,3.5vw,3.3rem);font-weight:900;line-height:1.65;letter-spacing:-1px;padding:0;margin:20px 0}
.design-page .banner-top .txt :is(p,span){font-size:16px;line-height:2;color:#c9cce0}
.design-page .banner-top .txt em{padding:8px 18px;border:1px solid #ffffff26;background:#ffffff08;color:#d6d1ff;box-shadow:none}
.design-page .banner-top .input-search{width:min(100%,480px);border:1px solid #ffffff30;border-radius:14px;background:#fff;margin:26px auto 0;box-shadow:0 12px 30px #080c2926}
.design-page .banner-top .input-search input{min-width:0;width:100%;padding:15px 20px;color:var(--ink);background:transparent}
.design-page .banner-top .input-search i{color:var(--accent)}
.design-page :is(.section1,.section-blog,.all-blog,.section-contact){background:transparent}
.design-page :is(.section1,.section-blog){padding:65px 0}
.design-page :is(.section1,.section-blog,.all-blog,.form-sec,.info-contact):before,
.design-page :is(.section1,.section-blog,.all-blog,.form-sec,.info-contact):after{display:none}
.design-page :is(.vector,.img-vec,.img-vec2){display:none}
.design-page :is(h2,h3,h4){color:var(--ink);line-height:1.7;font-weight:bold}
.design-page .title em{background:#ece8fc;color:var(--accent);box-shadow:none;padding:7px 16px;font-size:14px}
.design-page .title h2{font-size:clamp(1.6rem,2.5vw,2.5rem);margin:20px 0}
.design-page :is(a,button,input,textarea,select):focus-visible{outline:3px solid #a18bf4;outline-offset:4px}
/* About: editorial cards with a quieter supporting illustration. */
.main-about.design-page .banner-top .container{position:relative;z-index:2}
.main-about.design-page .banner-top .txt{width:55%;margin:0;text-align:right;align-items:flex-start}
.main-about.design-page .banner-top .main-img{width:38%;height:85%;object-fit:contain;top:8%;left:3%;z-index:2}
.main-about.design-page .banner-top .txt h1{text-align:right}
.main-about.design-page .section1 .box-1{background:#fff;border:1px solid #e4e7f1;border-radius:24px;box-shadow:0 12px 40px #25324f08;padding:32px;margin:0 15px 26px;width:calc(100% - 30px);gap:30px}
.main-about.design-page .box-1 .right-box{width:calc(65% - 30px);padding:0}
.main-about.design-page .box-1 .left-box{width:35%}
.main-about.design-page .box-1 .left-box img{border-radius:18px;height:auto}
.main-about.design-page .box-1 .right-box p{font-size:16px;line-height:2.1;color:var(--muted)}
.main-about.design-page .section2{padding:65px 24px;background:radial-gradient(ellipse at 10% 20%,#7160d855,transparent 50%),#1c2146;border-radius:32px;margin:10px auto 60px;max-width:1140px}
.main-about.design-page .section2 :is(.svg1,.svg2),.main-about.design-page .section2:before{display:none}
.main-about.design-page .section2 em{margin:0 auto;background:#d8f58c;color:#18233f;box-shadow:none;padding:8px 18px}
.main-about.design-page .section2 h3{color:#fff}
.main-about.design-page .section2 p{line-height:2;max-width:800px;margin:auto}
.main-about.design-page .section3{padding:15px 0 70px}
.main-about.design-page .section3 .box-val{border-radius:20px;overflow:hidden}
/* Blog cards, search results and reading view. */
.design-page .blog-card{display:block;background:#fff;border:1px solid #e4e7f1;border-radius:22px;overflow:hidden;padding:0;margin-bottom:24px;box-shadow:0 10px 35px #25324f07;transition:transform .2s,box-shadow .2s}
.design-page .blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #25324f14}
.design-page .blog-card img{display:block;aspect-ratio:1.6;width:100%;height:auto;object-fit:cover;border-radius:0;background:#eef0fa}
.design-page .blog-card .txt{padding:20px 24px;min-width:0}
.design-page .blog-card .txt h4{font-size:20px;margin:0 0 12px;line-height:1.8}
.design-page .blog-card .txt p{color:var(--muted);font-size:15px}
.design-page .blog-card .a{color:var(--accent);font-weight:bold}
.design-page .all-blog{padding:35px 0 65px}
.design-page .all-blog .more-btn button{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:13px 26px}
.design-page .intro-main{padding:50px 0}
.design-page .intro-main .section1{padding:0 0 45px}
.design-page .intro-main .section1 img.top-img{border-radius:24px;max-width:100%;height:auto;object-fit:contain}
.design-page .intro-main article{background:#fff;border:1px solid #e4e7f1;border-radius:24px;padding:32px}
.design-page .intro-main article :is(p,li){font-size:17px;line-height:2.15;color:#475467}
.design-page .intro-main article img{max-width:100%;height:auto}
.design-page .intro-main .bottom-article{gap:18px;flex-wrap:wrap}
.design-page .intro-main .new-posts .posts{gap:20px}
.design-page.cat-main{padding:30px 0 60px;min-height:60vh}
/* Contact: consistent cards and a clear, spacious form. */
.main-contact.design-page .info-contact{padding-top:55px}
.main-contact.design-page .info-contact .col-md-4{margin-bottom:24px;display:flex}
.main-contact.design-page .info-contact .box-contact{width:100%;height:auto;min-height:260px;padding:30px;border:1px solid #e4e7f1;border-radius:24px;background:#fff;box-shadow:0 12px 40px #25324f08}
.main-contact.design-page .box-contact i{color:var(--accent);background:#ece8fc;border-radius:14px}
.main-contact.design-page .box-contact h6{overflow-wrap:anywhere}
.main-contact.design-page .form-sec{margin:10px 0 0;padding:35px 0 75px}
.main-contact.design-page .form-sec>.container>.row{gap:35px;align-items:center}
.main-contact.design-page .form-sec .right-s{width:calc(40% - 20px);padding:0}
.main-contact.design-page .form-sec .right-s span{font-size:16px;line-height:2}
.main-contact.design-page .form-sec .right-s img{max-width:330px;height:auto}
.main-contact.design-page .form-sec .form-box{width:calc(60% - 15px);max-width:none;padding:30px;background:#fff;border:1px solid #e4e7f1;border-radius:24px;box-shadow:0 12px 40px #25324f08;margin:0}
.main-contact.design-page .form-box .input-box :is(input,textarea){border-radius:12px;min-height:48px;background:#fafbfe;font-size:16px}
.main-contact.design-page .form-box .input-select{border-radius:12px;overflow:hidden}
.main-contact.design-page .form-box .input-box textarea{min-height:150px;resize:vertical}
.main-contact.design-page .form-box button{background:var(--accent);border-color:var(--accent);border-radius:12px;min-height:50px;font-weight:bold}
.main-contact.design-page .form-box button:disabled{opacity:.6;cursor:wait}
@media(min-width:768px){.design-page .blog-card.small-card .child{display:flex;height:100%}.design-page .blog-card.small-card img{width:38%;height:230px;object-fit:cover}.design-page .blog-card.small-card .txt{width:62%;padding:18px}}
@media(max-width:767px){
 .design-page .banner-top{padding:65px 20px;min-height:0;border-radius:0 0 26px 26px}
 .design-page .banner-top .txt h1{letter-spacing:-.5px}
 .main-about.design-page .banner-top{display:flex;flex-direction:column}
 .main-about.design-page .banner-top .txt{width:100%;text-align:center;align-items:center}
 .main-about.design-page .banner-top .txt h1{text-align:center}
 .main-about.design-page .banner-top .main-img{position:relative;order:1;width:85%;max-width:350px;height:auto;top:auto;left:auto;margin:25px auto 0}
 .design-page :is(.section1,.section-blog){padding:45px 0}
 .main-about.design-page .section1 .box-1{padding:24px;gap:20px}
 .main-about.design-page .box-1 :is(.right-box,.left-box){width:100%}
 .main-about.design-page .box-1 .left-box{order:1}
 .main-about.design-page .section2{border-radius:0;padding:45px 24px}
 .design-page .blog-card .txt{padding:20px}
 .design-page .intro-main article{padding:22px}
 .design-page .intro-main .new-posts .posts{flex-wrap:wrap}
 .design-page .intro-main .new-posts .posts .blog-card{width:100%}
 .main-contact.design-page .form-sec .right-s,.main-contact.design-page .form-sec .form-box{width:100%}
 .main-contact.design-page .form-sec .right-s img{display:none}
 .main-contact.design-page .form-sec .form-box{padding:22px}
 .main-contact.design-page .info-contact .box-contact{min-height:220px}
}
/* Article layout: reset the legacy overlapping cover and fixed sidebar widths. */
.news-intro-main.design-page .banner-top-intro{padding:60px 24px;min-height:0}
.news-intro-main.design-page .banner-top .txt{max-width:900px;min-width:0}
.news-intro-main.design-page .banner-top .txt h1{font-size:clamp(1.7rem,3vw,2.8rem);overflow-wrap:anywhere}
.news-intro-main.design-page .banner-top .txt>span{max-width:760px;margin:0 auto 20px}
.news-intro-main.design-page .banner-top .author{max-width:100%;gap:12px;margin:15px auto 20px}
.news-intro-main.design-page .banner-top .author img{flex:0 0 48px;border-radius:50%;object-fit:cover}
.news-intro-main.design-page .banner-top .author-txt{padding:0;min-width:0}
.news-intro-main.design-page .banner-top .author-txt a{color:#fff}
.news-intro-main.design-page .banner-top .author-txt span{margin:4px 0 0;font-size:13px}
.news-intro-main.design-page .banner-top .breadcrumb-me{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.9}
.news-intro-main.design-page .banner-top .breadcrumb-me :is(a,span){font-size:13px;margin:0;overflow-wrap:anywhere}
.news-intro-main.design-page .intro-main{padding:40px 0 0}
.news-intro-main.design-page .intro-main .section1>.container>.row{display:flex;flex-direction:column;align-items:center;margin:0;gap:28px}
.news-intro-main.design-page .intro-main .section1 img.top-img{position:static;inset:auto;display:block;width:100%;max-width:900px;max-height:none;height:auto;margin:0;z-index:auto;border-radius:24px;object-fit:contain}
.news-intro-main.design-page .intro-main .section1 article{width:100%;max-width:900px;min-width:0;margin:0;padding:36px;overflow-wrap:anywhere}
.news-intro-main.design-page .intro-main .section1 article :is(h1,h2,h3,h4){line-height:1.8;margin:28px 0 16px}
.news-intro-main.design-page .intro-main .section1 article h2{font-size:26px}
.news-intro-main.design-page .intro-main .section1 article h3{font-size:23px}
.news-intro-main.design-page .intro-main .section1 article h4{font-size:20px}
.news-intro-main.design-page .intro-main .section1 article>h2:first-child{margin-top:0}
.news-intro-main.design-page article .p{max-width:100%;min-width:0;overflow-x:auto}
.news-intro-main.design-page .intro-main .section1 article :is(img,video,iframe){max-width:100%!important}
.news-intro-main.design-page .intro-main .section1 article img{height:auto!important}
.news-intro-main.design-page article :is(ul,ol){padding-inline-start:28px;margin-block:18px}
.news-intro-main.design-page article ul>li{list-style:disc}
.news-intro-main.design-page article ol>li{list-style:decimal}
.news-intro-main.design-page article blockquote{margin:24px 0;padding:20px 24px;background:#f2effc;border-inline-start:4px solid #6550cf;border-radius:12px}
.news-intro-main.design-page article table{max-width:100%;border-collapse:collapse;margin-block:24px}
.news-intro-main.design-page article :is(td,th){padding:12px;border:1px solid #e4e7f1}
.news-intro-main.design-page .intro-main .section1 .bottom-article{width:100%;max-width:900px;direction:rtl;justify-content:space-between;padding:20px 0;margin:0;gap:16px}
.news-intro-main.design-page .intro-main .section1 .bottom-article :is(.tags,.share){flex-wrap:wrap;gap:8px;margin:0;max-width:100%}
.news-intro-main.design-page .intro-main .section1 .bottom-article .share button{margin:0}
.news-intro-main.design-page .intro-main .section1 .new-posts{display:block;width:100%;min-width:0;margin:20px 0 0}
.news-intro-main.design-page .intro-main .section1 .new-posts .titr-right{width:100%;max-width:100%;margin-bottom:24px}
.news-intro-main.design-page .intro-main .section1 .new-posts .titr-right span{max-width:760px;line-height:2}
.news-intro-main.design-page .intro-main .section1 .new-posts .titr-right a{margin-top:10px;border-radius:12px}
.news-intro-main.design-page .intro-main .section1 .new-posts .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;gap:24px}
.news-intro-main.design-page .intro-main .section1 .new-posts .posts .blog-card{width:100%;min-width:0;margin:0}
.news-intro-main.design-page .new-posts .blog-card .child{display:block;color:inherit}
.news-intro-main.design-page .intro-main .section1 .new-posts .posts .blog-card img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
@media(max-width:991px){.news-intro-main.design-page .intro-main .section1 .new-posts .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){
 .news-intro-main.design-page .banner-top-intro{padding:40px 18px}
 .news-intro-main.design-page .intro-main{padding-top:24px}
 .news-intro-main.design-page .intro-main .section1>.container>.row{gap:20px}
 .news-intro-main.design-page .intro-main .section1 article{padding:22px 18px;border-radius:18px}
 .news-intro-main.design-page .intro-main .section1 article :is(p,li){font-size:16px}
 .news-intro-main.design-page .intro-main .section1 article h2{font-size:22px}
 .news-intro-main.design-page .intro-main .section1 article h3{font-size:20px}
 .news-intro-main.design-page .intro-main .section1 .new-posts .posts{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.design-page *,.design-page *:before,.design-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}