/* =====================================================================
 * cyberisho-blog-hub.min.css
 * فایل واحد استایل «برگههای شاخص بلاگ» (Hub / Pillar Pages)
 * شامل: هوش مصنوعی، الگوریتمهای گوگل، آپدیتهای گوگل، جریمههای گوگل،
 *        فاکتورهای رتبهبندی گوگل، کلمات کلیدی، خطاهای HTTP، ابزارهای آنلاین،
 *        آمار و ارقام اینترنت، برترینها
 * این صفحات مهمترین صفحات از نظر سئوی سایت هستند و به همین دلیل
 * بهجای ۱۰ فایل جداگانه، در یک فایل واحد بارگذاری میشوند تا تعداد
 * درخواستهای HTTP (Render-blocking Requests) کاهش پیدا کند.
 * ترتیب بخشها دقیقاً بر اساس زنجیرهی وابستگی قبلی (special → errors →
 * ai/keywords/tools/google-factors/internet-stats-history/google-updates/
 * google-penalties/top-picks) حفظ شده تا specificity و ترتیب override
 * دستنخورده بماند و ظاهر صفحات هیچ تغییری نکند.
 * ===================================================================== */


/* =====================================================================
 * ۱) پایهی مشترک برگههای شاخص (special.min.css)
 * کارتهای clf-card / gas-item / آپدیت و الگوریتم گوگل و ...
 * ===================================================================== */

/* Google algorithms/updates + social responsibility pages */
.google-updates-listing .google-update-card{background:#f6f4ff;border-radius:var(--br-20px);--icon-color:#66041e;padding:10px}
.google-updates-listing .google-update-card .main-contents{width:calc(100% - 60px)}
.google-updates-listing .google-update-card .title{font-size:var(--fs-16px)}
.google-updates-listing .google-update-card .text{display:-webkit-box;-webkit-line-clamp:2;text-align:justify;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.google-updates-listing .google-update-card .main-icon svg{fill:var(--icon-color);width:60px;height:60px}
.google-updates-listing .google-update-card .main-icon img{width:60px;height:60px}
.google-updates-listing .google-update-card .title{padding:5px}
@media (max-width: 1024px){.google-updates-listing .google-update-card{flex:100% !important;max-width:100% !important}}
.google-algorithm-stats-section{margin-bottom:80px;margin-top:-35px}
.google-algorithm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.google-algorithm-stats .gas-item{position:relative;overflow:hidden;border-radius:var(--br-18px);padding:22px 22px 20px;min-height:150px;display:flex;flex-direction:column;background:#ffffff;border:1px solid rgba(15,23,42,0.05);box-shadow:0 10px 26px rgba(15,23,42,0.07);transition:transform var(--tr-300) ease,box-shadow var(--tr-300) ease}
.google-algorithm-stats .gas-item:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,23,42,0.12)}
.google-algorithm-stats .gas-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.google-algorithm-stats .gas-label{font-size:var(--fs-15px);font-weight:800;color:#1c2430;line-height:var(--lh-1-5)}
.google-algorithm-stats .gas-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;fill:var(--gas-color);color:var(--gas-color)}
.google-algorithm-stats .gas-icon svg{width:26px;height:26px}
.google-algorithm-stats .gas-value{font-size:var(--fs-20-5px);font-weight:600;color:#414a58;line-height:var(--lh-1-8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.google-algorithm-stats .gas-sub{font-size:var(--fs-12-5px);color:#8a94a6;font-weight:500;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.google-algorithm-stats .gas-underline{display:block;margin-top:auto;padding-top:16px}
.google-algorithm-stats .gas-underline::before{content:"";display:block;height:3px;border-radius:var(--br-3px);background:linear-gradient(90deg,var(--gas-color),var(--gas-color2))}
@media (max-width: 1100px){.google-algorithm-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}
@media (max-width: 767px){.google-algorithm-stats{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}}
@media (max-width: 480px){.google-algorithm-stats{grid-template-columns:1fr}}
.google-algorithms-listing .google-algorithm-timeline-list{margin:0 auto;display:flex;flex-direction:column;gap:14px;position:relative;padding-left:40px}
.google-algorithms-listing .google-algorithm-timeline-list::before{content:"";position:absolute;left:15px;top:40px;bottom:40px;width:2px;background:#e5e8eb;z-index:1}
.google-algorithms-listing .google-algorithm-timeline-item{position:relative;--gat-node-color:#ea4335}
.google-algorithms-listing .google-algorithm-timeline-tracker{position:absolute;left:9px;top:40px;width:14px;height:14px;background:#fff;border:3px solid var(--gat-active-color,#ea4335);border-radius:var(--br-50pct);z-index:3;pointer-events:none;transition:border-color var(--tr-300) ease}
.google-algorithms-listing .google-algorithm-timeline-card{background:#fff;border:1px solid #e5e8eb;border-radius:var(--br-10px);padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,43,0.04)}
.google-algorithms-listing .google-algorithm-timeline-card::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--gat-node-color)}
.google-algorithms-listing .gat-logo-wrapper{height:100%;display:flex;align-content:center;margin-top:auto;margin-bottom:auto;flex-shrink:0}
.google-algorithms-listing .gat-logo{width:84px;height:84px;flex-shrink:0;margin-top:2px;object-fit:contain;border-radius:var(--br-8px)}
.google-algorithms-listing .gat-body{flex:1;min-width:0}
.google-algorithms-listing .gat-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.google-algorithms-listing .gat-title{font-size:var(--fs-17px);font-weight:700;color:#1f2430}
.google-algorithms-listing .gat-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12px);font-weight:600;padding:3px 9px;border-radius:var(--br-20px);white-space:nowrap}
.google-algorithms-listing .gat-status-badge.rollout{color:#ea4335;background:#fdecea}
.google-algorithms-listing .gat-status-badge.done{color:#ffffff;background:linear-gradient(135deg,#34a853,#16a34a);box-shadow:0 4px 10px -4px rgba(22,163,74,.55)}
.google-algorithms-listing .gat-status-badge.done svg.icon{width:13px;height:13px;flex-shrink:0}
.google-algorithms-listing .gat-focus-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.google-algorithms-listing .gat-focus-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12px);font-weight:600;padding:5px 12px 5px 10px;border-radius:var(--br-20px);color:#3949c7;background:linear-gradient(135deg,#eef1ff,#e3e8ff);border:1px solid #d9e0ff;white-space:nowrap;transition:transform var(--tr-150) ease,box-shadow var(--tr-150) ease}
.google-algorithms-listing .gat-focus-tag:hover{transform:translateY(-1px);box-shadow:0 4px 10px -4px rgba(57,73,199,.35)}
.google-algorithms-listing .gat-focus-tag-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:#3949c7;flex-shrink:0}
.google-algorithms-listing .gat-focus-tag-icon svg.icon{width:100%;height:100%}
.google-algorithms-listing .gat-focus-tag-text{line-height:var(--lh-1)}
.google-algorithms-listing .gat-desc{font-size:var(--fs-13-5px);line-height:var(--lh-1-9);color:#7c8698;text-align:justify;margin:0}
.google-algorithms-listing .gat-desc p{margin:0}
.google-algorithms-listing .gat-body .btn{--c-1:var(--gat-node-color);margin-top:14px;display:inline-flex;padding:8px 24px;font-size:var(--fs-13px)}
.google-algorithms-listing .gat-meta{flex-shrink:0;display:flex;flex-direction:column;gap:7px;padding-right:16px;border-right:1px solid #e5e8eb;width:180px}
.google-algorithms-listing .gat-meta-item{display:flex;align-items:center;gap:15px}
.google-algorithms-listing .gat-icon-wrap{width:20px;height:20px;flex-shrink:0;border-radius:var(--br-50pct);display:flex;align-items:center;justify-content:center}
.google-algorithms-listing .gat-icon-wrap .icon{width:100%;height:100%;flex-shrink:0;color:#7c8698}
.google-algorithms-listing .gat-meta-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.google-algorithms-listing .gat-meta-label{font-size:var(--fs-11px);color:#7c8698}
.google-algorithms-listing .gat-meta-value{font-size:var(--fs-13px);font-weight:400;color:#1f2430;white-space:nowrap}
.google-algorithms-listing .google-algorithms-empty, .google-updates-listing .google-updates-empty{text-align:center;padding:60px 20px;color:#7c8698;font-size:var(--fs-15px);width:100%}
@media (max-width: 560px){.google-algorithms-listing .google-algorithm-timeline-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.google-algorithms-listing .gat-body{display:contents}.google-algorithms-listing .gat-logo-wrapper{grid-column:2;grid-row:1;height:auto}.google-algorithms-listing .gat-title-row{grid-column:1;grid-row:1}.google-algorithms-listing .gat-desc, .google-algorithms-listing .gat-body .btn{grid-column:1 / -1}.google-algorithms-listing .gat-meta{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;border-right:none;border-top:1px solid #e5e8eb;padding-right:0;padding-top:12px;width:100%;justify-content:space-between}.google-algorithms-listing .gat-icon-wrap{display:none}}
@media (max-width: 767px){.google-algorithms-listing .google-algorithm-timeline-list{padding-left:37px}}
.checklists-listing .checklist-list{margin:0 auto;display:flex;flex-direction:column;gap:16px}
.checklists-listing .checklist-card{--cl-color:#4285F4;position:relative;background:#fff;border:1px solid #e5e8eb;border-radius:var(--br-12px);padding:20px 22px;display:flex;align-items:flex-start;gap:18px;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,43,0.04);transition:opacity var(--tr-1100) ease,filter var(--tr-1100) ease,transform var(--tr-250) ease,box-shadow var(--tr-250) ease}
.checklists-listing .checklist-card::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--cl-color)}
.checklists-listing .checklist-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,0.1)}
.checklists-listing .checklist-card .full-link{position:absolute;inset:0;z-index:2;font-size:0;color:transparent}
.checklists-listing .checklist-card.is-featured{border-color:var(--cl-color);background:linear-gradient(135deg,#fff 70%,color-mix(in srgb,var(--cl-color) 8%,#fff))}
.checklists-listing .cl-icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--br-14px);display:flex;align-items:center;justify-content:center;color:var(--cl-color);background:color-mix(in srgb,var(--cl-color) 12%,#fff);margin-top:auto;margin-bottom:auto}
.checklists-listing .cl-icon svg{width:36px;height:36px;fill:var(--cl-color)}
.checklists-listing .cl-icon img{width:36px;height:36px;object-fit:contain}
.checklists-listing .cl-body{flex:1;min-width:0}
.checklists-listing .cl-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.checklists-listing .cl-title{font-size:var(--fs-17px);font-weight:700;color:#1f2430;margin:0}
.checklists-listing .cl-desc{font-size:var(--fs-13-5px);line-height:var(--lh-1-9);color:#7c8698;text-align:justify;margin:0 0 12px}
.checklists-listing .cl-desc p{margin:0}
.checklists-listing .cl-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.checklists-listing .cl-tag{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--br-100px);font-size:var(--fs-11-5px);font-weight:700;line-height:var(--lh-1-8);white-space:nowrap}
.checklists-listing .cl-tag-c1{background:#f2e9fe;color:#8b3ff0}
.checklists-listing .cl-tag-c2{background:#e3f0ff;color:#2563eb}
.checklists-listing .cl-tag-c3{background:#e3faf0;color:#16a34a}
.checklists-listing .cl-tag-c4{background:#fff2e0;color:#e07c00}
.checklists-listing .cl-tag-c5{background:#ffe7ef;color:#e11d74}
.checklists-listing .cl-tag-c6{background:#e2f7fa;color:#0891b2}
.checklists-listing .cl-date{display:flex;align-items:center;gap:6px;font-size:var(--fs-12-5px);color:#7c8698}
.checklists-listing .cl-date-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.checklists-listing .cl-date-icon .icon{width:100%;height:100%;color:#7c8698}
.checklists-listing .cl-date-value{font-weight:600;color:#414a58}
.checklists-listing .cl-meta{flex-shrink:0;align-self:stretch;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;padding-right:18px;border-right:1px solid #e5e8eb}
.checklists-listing .cl-steps{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}
.checklists-listing .cl-steps-count{font-size:var(--fs-20px);font-weight:800;color:var(--cl-color);line-height:var(--lh-1)}
.checklists-listing .cl-steps-label{font-size:var(--fs-11-5px);color:#7c8698}
.checklists-listing .checklists-empty{text-align:center;padding:60px 20px;color:#7c8698;font-size:var(--fs-15px);width:100%}
.checklists-listing .cl-share-btn{position:relative;z-index:3;align-self:center;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e8eb;border-radius:var(--br-10px);background:#fff;color:#7c8698;cursor:pointer;transition:all var(--tr-200) ease}
.checklists-listing .cl-share-btn:hover{color:var(--cl-color);border-color:var(--cl-color);box-shadow:0 4px 10px -4px color-mix(in srgb,var(--cl-color) 40%,transparent)}
.checklists-listing .cl-share-btn svg.icon{width:16px;height:16px;fill:none;stroke:currentColor}
.checklists-listing .cl-share-tooltip{position:absolute;bottom:calc(100% + 8px);right:50%;transform:translateX(50%);background:#1f2430;color:#fff;font-size:var(--fs-11px);padding:4px 10px;border-radius:var(--br-6px);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--tr-200) ease;pointer-events:none}
.checklists-listing .cl-share-btn.copied .cl-share-tooltip{opacity:1;visibility:visible}
.checklists-page .cl-header-pills,.errors-page .cl-header-pills,.google-factors-page .cl-header-pills,.google-penalties-page .cl-header-pills{margin-top:20px}
.checklists-page .cl-header-pills-title,.errors-page .cl-header-pills-title,.google-factors-page .cl-header-pills-title,.google-penalties-page .cl-header-pills-title{font-size:var(--fs-14px);font-weight:700;color:#414a58;margin-bottom:12px}
.checklists-page .cl-header-pills-list,.errors-page .cl-header-pills-list,.google-factors-page .cl-header-pills-list,.google-penalties-page .cl-header-pills-list{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}
.cl-header-pills-list::-webkit-scrollbar{display:none}
.checklists-page .sublanding-pill,.errors-page .sublanding-pill,.google-factors-page .sublanding-pill,.google-penalties-page .sublanding-pill{box-shadow:none}
.checklists-page .sublanding-pill:hover,.errors-page .sublanding-pill:hover,.google-factors-page .sublanding-pill:hover,.google-penalties-page .sublanding-pill:hover{box-shadow:none}
.cl-header-pills-list .sublanding-pill{flex-shrink:0}
.checklists-page .cl-header-pills .sublanding-pill img.sublanding-pill-icon,.errors-page .cl-header-pills .sublanding-pill img.sublanding-pill-icon,.google-factors-page .cl-header-pills .sublanding-pill img.sublanding-pill-icon,.google-penalties-page .cl-header-pills .sublanding-pill img.sublanding-pill-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.cl-featured-section{margin:40px auto 20px}
.cl-featured-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.cl-featured-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-20px);font-weight:800;color:#1f2430;margin:0}
.cl-featured-star{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.cl-featured-star svg{width:100%;height:100%}
.cl-featured-nav{display:flex;align-items:center;gap:8px}
.cl-featured-nav .swiper-button-prev, .cl-featured-nav .swiper-button-next{position:static;margin:0;width:38px;height:38px;border:1px solid #e5e8eb;border-radius:var(--br-10px);background:#fff;color:#414a58;transition:all var(--tr-200) ease}

.cl-featured-nav .swiper-button-prev::after, .cl-featured-nav .swiper-button-next::after{display:inline-block;transform:scaleX(-1)}
.cl-featured-nav .swiper-button-prev::after, .cl-featured-nav .swiper-button-next::after{font-size:var(--fs-13px);font-weight:800}
.cl-featured-nav .swiper-button-prev:hover, .cl-featured-nav .swiper-button-next:hover{border-color:#c6cdd8;box-shadow:0 4px 10px -4px rgba(15,23,42,.25)}
.cl-featured-nav .swiper-button-disabled{opacity:.35}
#featured-checklists .swiper-slide{height:auto}
#featured-checklists .swiper-wrapper{padding-top:10px;padding-bottom:25px}
.clf-card{--cl-color:#4285F4;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 20px 20px;border-radius:var(--br-16px);border:1px solid color-mix(in srgb,var(--cl-color) 22%,#fff);background:linear-gradient(180deg,color-mix(in srgb,var(--cl-color) 12%,#fff),color-mix(in srgb,var(--cl-color) 3%,#fff));transition:transform var(--tr-250) ease,box-shadow var(--tr-250) ease}
.clf-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -10px color-mix(in srgb,var(--cl-color) 35%,transparent)}
.clf-icon{width:64px;height:64px;border-radius:var(--br-50pct);display:flex;align-items:center;justify-content:center;color:var(--cl-color);background:#fff;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--cl-color) 40%,transparent)}
.clf-icon svg{width:34px;height:34px;fill:var(--cl-color)}
.clf-icon img{width:34px;height:34px;object-fit:contain}
.clf-title{font-size:var(--fs-16px);font-weight:800;color:#1f2430;margin:0}
.clf-desc{font-size:var(--fs-13px);line-height:var(--lh-1-9);color:#5b6472;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.clf-steps{font-size:var(--fs-14px);font-weight:700;color:#1f2430;margin-top:auto}
.clf-steps-count{color:var(--cl-color);font-weight:800}
.clf-btn.btn{display:block;width:100%;margin-top:auto;padding:10px 16px;border-radius:var(--br-50px);font-size:var(--fs-14px);font-weight:700;border-color:color-mix(in srgb,var(--cl-color) 35%,#fff)}
.clf-btn.btn .button-text{color:var(--cl-color)}
.clf-btn.btn .position-aware-bg{background-color:var(--cl-color)}
.clf-btn.btn:hover{border-color:var(--cl-color)}
.clf-btn.btn:hover .button-text{color:#fff}

/* ===== طرح کارت مدرن (مثل کارتهای صفحه ابزارها): پسزمینه موجی محو ملایم، هر کارت با رنگ متفاوت =====
   با افزودن کلاس tool-card به هر clf-card (چکلیست ویژه / دستهبندی خطا / ابزار) همین ظاهر اعمال میشود */
.clf-card.tool-card{display: flex;flex-direction: column;align-items: start;position:relative;overflow:hidden;text-align:right;padding:30px 24px 24px;border:none;border-radius:var(--br-28px);background-color:#ffffff;background-image:none;box-shadow:0 10px 30px rgba(20,20,30,.06);transition:transform var(--tr-250) ease,box-shadow var(--tr-250) ease}
.clf-card.tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(20,20,30,.1)}
.tool-card-glow{content:'';position:absolute;top:-60px;left:-40px;right:-40px;height:200px;background:radial-gradient(circle at 12% 0%,rgba(61,180,142,.4),transparent 70%),radial-gradient(circle at 50% 0%,rgba(246,221,109,.4),transparent 70%),radial-gradient(circle at 88% 0%,rgba(233,150,69,.4),transparent 70%);filter:blur(38px) hue-rotate(var(--cl-hue,0deg)) saturate(1.05);z-index:1;pointer-events:none}
.tool-card-rays{position:absolute;inset:0;background-image:repeating-conic-gradient(from 0deg at 50% 0%,rgba(255,255,255,.5) 0deg,rgba(255,255,255,.5) .5deg,transparent .5deg,transparent 1.5deg);-webkit-mask-image:linear-gradient(to bottom,#000 28%,transparent 78%);mask-image:linear-gradient(to bottom,#000 28%,transparent 78%);opacity:.45;z-index:2;pointer-events:none}
.tool-card.clf-card .clf-icon{position:relative;z-index:3;width:46px;height:46px;margin:0 0 16px}
.tool-card.clf-card .clf-icon svg{width:24px;height:24px}
.tool-card.clf-card .clf-icon img{width:24px;height:24px}
.tool-card-text{position:relative;z-index:3;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;width:100%}
.tool-card .clf-title{-webkit-line-clamp:2;font-size:var(--fs-18px);font-weight:800;color:#141824;text-align:right}
.tool-card .clf-desc{font-size:var(--fs-13-5px);line-height:var(--lh-1-85);color:#6a5a4a;text-align:right;-webkit-line-clamp:3;min-height:0}
.tool-card .clf-btn{margin-top:auto}
@media (max-width: 560px){.clf-card.tool-card{border-radius:var(--br-22px);padding:24px 20px 20px}}

@media (max-width: 560px){.cl-featured-title{font-size:var(--fs-17px)}}
@media (max-width: 560px){.checklists-listing .checklist-card{flex-wrap:wrap}.checklists-listing .cl-icon{width:52px;height:52px}.checklists-listing .cl-icon svg,.checklists-listing .cl-icon img{width:30px;height:30px}.checklists-listing .cl-meta{border-right:none;border-top:1px solid #e5e8eb;padding-right:0;padding-top:12px;width:100%;align-items:center;flex-direction:row;gap:14px}.checklists-listing .cl-share-btn{margin-top:0}.checklists-listing .cl-steps{flex-direction:row;align-items:center;gap:8px}.checklists-listing .checklist-card.is-featured{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:12px;flex-wrap:unset}.checklists-listing .checklist-card.is-featured .cl-icon{grid-column:1;grid-row:1;margin:0;width:44px;height:44px}.checklists-listing .checklist-card.is-featured .cl-icon svg,.checklists-listing .checklist-card.is-featured .cl-icon img{width:24px;height:24px}.checklists-listing .checklist-card.is-featured .cl-body{display:contents}.checklists-listing .checklist-card.is-featured .cl-title-row{grid-column:2;grid-row:1;align-self:center;margin-bottom:0}.checklists-listing .checklist-card.is-featured .cl-desc{grid-column:1 / -1;margin-top:10px}.checklists-listing .checklist-card.is-featured .cl-date{grid-column:1 / -1}.checklists-listing .checklist-card.is-featured .cl-meta{grid-column:1 / -1}}
.partner-card-header{gap:15px;margin-bottom:18px}
.partner-image{flex-shrink:0;width:64px;height:64px;border-radius:var(--br-50pct);overflow:hidden;border:3px solid #fff;box-shadow:0 4px 14px rgba(40,67,218,0.18)}
.partner-image img{width:100%;height:100%;object-fit:cover;display:block}
.partner-info{display:flex;flex-direction:column;gap:4px}
.partner-name{font-size:var(--fs-17px);font-weight:700;color:#16181d}
.partner-role{font-size:var(--fs-13px);color:var(--c-1);font-weight:500}
.partner-desc{font-size:var(--fs-15px);line-height:var(--lh-2);color:var(--c-2);text-align:justify}
@media (max-width: 767px){.partner-image{width:54px;height:54px}}
.main-helping-section{display:flex}
.main-helping-section .banner-text-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding-left:40px}
.main-helping-section .acc-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;background:var(--c-4);color:var(--c-1);font-size:var(--fs-0-85em);font-weight:700;padding:8px 18px;border-radius:var(--br-50px);margin-bottom:15px}
.main-helping-section .acc-badge svg{width:16px;height:16px;fill:currentColor}
.main-helping-section .banner-heading{margin-bottom:15px}
.main-helping-section .banner-heading h2{font-size:var(--fs-3-2em);color:#2d2d2d;margin:0 0 8px 0;font-weight:800;display:flex;align-items:center;gap:12px}
.main-helping-section .highlight{color:#2843da;font-size:var(--fs-1-3em);letter-spacing:-2px}
.main-helping-section .banner-heading h3{font-size:var(--fs-1-5em);color:#333;margin:0;font-weight:700}
.main-helping-section .banner-description{font-size:var(--fs-1-05em);margin:0 0 45px 0;line-height:var(--lh-1-6);text-align:justify}
.main-helping-section .features-row{display:flex;justify-content:space-between;border-top:2px solid rgba(40,67,218,0.1);padding-top:35px;gap:10px}
.main-helping-section .feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;border-left:2px solid rgba(40,67,218,0.1);padding:0 15px}
.main-helping-section .feature-item:last-child{border-left:none}
.main-helping-section .icon{background-color:#ffffff;color:#2843da;border-radius:var(--br-50pct);width:55px;height:55px;display:flex;justify-content:center;align-items:center;margin-bottom:15px;box-shadow:0 6px 15px rgba(40,67,218,0.12);transition:transform var(--tr-300) ease}
.main-helping-section .icon:hover{transform:translateY(-5px)}
.main-helping-section .feature-item p{font-size:var(--fs-0-85em);color:#666;margin:0;line-height:var(--lh-1-8);font-weight:600}
.main-helping-section .banner-image-section{width:360px;display:flex;justify-content:center;align-items:center}
.main-helping-section .banner-image-section img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,0.1))}
@media (max-width: 900px){.main-helping-section .banner-container{flex-direction:column-reverse;text-align:center;padding:25px}.main-helping-section .banner-text-section{padding-left:0;margin-top:35px}}
@media (max-width: 900px){.main-helping-section .banner-heading h2{font-size:var(--fs-2em);justify-content:start}.main-helping-section .banner-heading h3{font-size:var(--fs-1em)}.main-helping-section .features-row{flex-wrap:wrap;border-top:none;gap:25px;padding-top:15px}}
@media (max-width: 900px){.main-helping-section .feature-item{min-width:45%;border-left:none;padding:10px}}
.impact-content{position:relative;z-index:2}
.impact-title{text-align: center !important;font-size:var(--fs-32px);font-weight:bold;margin-bottom:15px;color:#fff}
.impact-subtitle{font-size:var(--fs-16px);margin-bottom:20px;color:#e0e0e0}
.impact-divider{width:50px;height:3px;background-color:#28a745;margin:0 auto 40px auto;border-radius:var(--br-2px)}
.impact-stat-item{flex:1;min-width:200px;border-left:1px solid rgba(255,255,255,0.2);padding:0 15px}
.impact-stat-item:last-child{border-left:none}
.impact-stat-text{font-size:var(--fs-15px);color:#d1d1d1}
@media (max-width: 768px){.impact-stat-item{border-left:none;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:20px}.impact-stat-item:last-child{border-bottom:none}}
.social-responsibility .main-helping-section{margin-top:60px;margin-bottom:20px}
.social-responsibility .main-helping-section .icon{border-radius:0;margin-bottom:0px}
.social-responsibility .partners-slider, .social-responsibility .sr-cta-section{margin-top:60px}
.main-helping-section .icon svg, .main-helping-section .icon img{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.main-helping-section .icon svg{fill:currentColor}
.sr-cta-section{margin-bottom:0}
.sr-cta-box{position:relative;overflow:hidden;text-align:center;border-radius:var(--br-28px);padding:60px 40px;background-color:#ffffff;box-shadow:0 14px 36px rgba(20,20,30,.07)}
.sr-cta-glow{content:'';position:absolute;top:-70px;left:-60px;right:-60px;height:260px;background:radial-gradient(circle at 15% 0%,rgba(40,67,218,.4),transparent 70%),radial-gradient(circle at 50% 0%,rgba(246,221,109,.4),transparent 70%),radial-gradient(circle at 85% 0%,rgba(61,180,142,.4),transparent 70%);filter:blur(42px) saturate(1.1);z-index:1;pointer-events:none}
.sr-cta-rays{position:absolute;inset:0;background-image:repeating-conic-gradient(from 0deg at 50% 0%,rgba(255,255,255,.5) 0deg,rgba(255,255,255,.5) .5deg,transparent .5deg,transparent 1.5deg);-webkit-mask-image:linear-gradient(to bottom,#000 25%,transparent 75%);mask-image:linear-gradient(to bottom,#000 25%,transparent 75%);opacity:.45;z-index:2;pointer-events:none}
.sr-cta-icon{position:relative;z-index:3;width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:var(--br-50pct);background-color:#ffffff;color:#2843da;box-shadow:0 6px 15px rgba(40,67,218,0.12)}
.sr-cta-icon svg{width:30px;height:30px}
.sr-cta-title{position:relative;z-index:3;color:#2d2d2d;font-size:var(--fs-2em);font-weight:800;margin:0 0 14px;    text-align: center !important;}
.sr-cta-desc{position:relative;z-index:3;color:#555;font-size:var(--fs-1-05em);line-height:var(--lh-1-9);max-width:620px;margin:0 auto 30px}
.sr-cta-box>.btn{position:relative;z-index:3}
@media (max-width: 768px){.sr-cta-box{padding:40px 20px;border-radius:var(--br-18px)}.sr-cta-title{font-size:var(--fs-1-4em)}.sr-cta-desc{font-size:var(--fs-0-95em)}.social-responsibility .main-helping-section{flex-direction:column;align-items:center}.main-helping-section .acc-badge{align-self:center}}

/* ===== بخش حمایت از معلولین و کمتوانان ===== */
.accessibility-support-section{display:flex;align-items:center;gap:50px;margin-top:70px;margin-bottom:20px}
.accessibility-support-section .acc-image-col{flex:0 0 380px;display:flex;justify-content:center;align-items:center}
.accessibility-support-section .acc-image-col img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(40,67,218,0.12))}
.accessibility-support-section .acc-text-col{flex:1;min-width:0}
.accessibility-support-section .acc-title{font-size:var(--fs-2-4em);font-weight:800;color:#2d2d2d;margin:0 0 8px 0}
.accessibility-support-section .acc-subtitle{font-size:var(--fs-1-15em);font-weight:600;color:var(--c-1);margin:0 0 18px 0}
.accessibility-support-section .acc-desc{font-size:var(--fs-1-02em);line-height:var(--lh-1-9);color:var(--c-2);text-align:justify;margin-bottom:30px}
.accessibility-support-section .acc-desc p{margin:0 0 12px 0}
.accessibility-support-section .acc-desc p:last-child{margin-bottom:0}
.accessibility-support-section .acc-items-list{display:flex;flex-direction:column;gap:18px}
.accessibility-support-section .acc-item{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #ebeff8;border-radius:var(--br-16px);padding:18px 20px;transition:transform var(--tr-300),box-shadow var(--tr-300)}
.accessibility-support-section .acc-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(40,67,218,0.10)}
.accessibility-support-section .acc-item-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--br-50pct);background:var(--c-4);color:var(--c-1);display:flex;align-items:center;justify-content:center}
.accessibility-support-section .acc-item-icon svg,.accessibility-support-section .acc-item-icon img{width:24px;height:24px;object-fit:contain}
.accessibility-support-section .acc-item-icon svg{fill:currentColor}
.accessibility-support-section .acc-item-body h4{font-size:var(--fs-1-05em);font-weight:700;color:#2d2d2d;margin:0 0 4px 0}
.accessibility-support-section .acc-item-body p{font-size:var(--fs-0-92em);line-height:var(--lh-1-8);color:#777;margin:0}
@media (max-width: 900px){.accessibility-support-section{flex-direction:column-reverse;text-align:center;gap:35px}.accessibility-support-section .acc-image-col{flex:0 0 auto;width:260px}.accessibility-support-section .acc-title{font-size:var(--fs-1-8em)}.accessibility-support-section .acc-item{text-align:right}}

/* ===== سکشن پایانی: تماس با ما + درخواست کمک (یک سکشن یکپارچه) ===== */
.sr-cta-offers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0 0 30px 0;padding:0;position:relative;z-index:3}
.sr-cta-offers li{display:flex;align-items:center;gap:8px;background:var(--c-4);color:#2d2d2d;font-size:var(--fs-0-88em);font-weight:600;padding:8px 16px;border-radius:var(--br-50px)}
.sr-cta-offers li svg{width:16px;height:16px;fill:var(--c-1);flex-shrink:0}
.sr-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;position:relative;z-index:3}
.sr-assist-open{cursor:pointer;font-family:inherit;font-size:var(--fs-1em)}
@media (max-width: 480px){.sr-cta-btns{flex-direction:column;width:100%}.sr-cta-btns .btn{width:100%}}

/* ===== مودال فرم درخواست کمک ===== */
.sr-assist-modal{position:fixed !important;inset:0 !important;top:0 !important;right:0 !important;left:0 !important;bottom:0 !important;z-index:2147483647 !important;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity var(--tr-300) ease,visibility var(--tr-300) ease}
.sr-assist-modal.is-open{visibility:visible;opacity:1}
.sr-assist-modal-overlay{position:absolute;inset:0;background:rgba(20,20,35,0.55);backdrop-filter:blur(3px)}
.sr-assist-modal-box{position:relative;z-index:1;background:#fff;border-radius:var(--br-24px);padding:40px;width:min(560px,92vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,0.25);transform:translateY(20px);transition:transform var(--tr-300) ease}
.sr-assist-modal.is-open .sr-assist-modal-box{transform:translateY(0)}
.sr-assist-modal-close{position:absolute;top:18px;left:18px;width:36px;height:36px;border-radius:var(--br-50pct);background:var(--c-4);color:var(--c-1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--tr-250);z-index:2}
.sr-assist-modal-close:hover{background:#e2e6f5}
.sr-assist-modal-close svg{width:16px;height:16px;fill:currentColor}
.sr-assist-modal-title{font-size:var(--fs-1-4em);font-weight:800;color:#2d2d2d;margin:0 0 10px 0;text-align:center;flex-shrink:0}
.sr-assist-modal-desc{font-size:var(--fs-0-95em);line-height:var(--lh-1-8);color:var(--c-2);text-align:center;margin:0 0 20px 0;flex-shrink:0}
.sr-assist-modal-scroll{overflow-y:auto;padding-left:6px;margin-left:-6px}
.sr-assist-modal-scroll::-webkit-scrollbar{width:6px}
.sr-assist-modal-scroll::-webkit-scrollbar-track{background:var(--c-4);border-radius:var(--br-10px)}
.sr-assist-modal-scroll::-webkit-scrollbar-thumb{background-color:var(--c-1);border-radius:var(--br-10px)}
.sr-assist-modal-scroll{scrollbar-width:thin;scrollbar-color:var(--c-1) var(--c-4)}
body.sr-modal-open-lock{overflow:hidden}
@media (max-width: 600px){.sr-assist-modal-box{padding:28px 20px;border-radius:var(--br-18px)}.sr-assist-modal-title{font-size:var(--fs-1-2em)}}

/* ===== نوار آمار خلاصهی چک لیستها (ساده و مینیمال، بدون رنگهای متعدد) ===== */
.cl-stats-section{margin:-40px auto 6px}
.cl-stats-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.cl-stats-band .cls-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--br-14px);background:#fff;border:1px solid #edeff5}
.cl-stats-band .cls-icon{flex-shrink:0;width:42px;height:42px;border-radius:var(--br-12px);display:flex;align-items:center;justify-content:center;background:#f4f5f9;color:var(--cls-c1,#4b5563);fill:var(--cls-c1,#4b5563)}
.cl-stats-band .cls-icon img{width:22px;height:22px;object-fit:contain}
.cl-stats-band .cls-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.cl-stats-band .cls-value{font-size:var(--fs-19px);font-weight:800;color:#1c2430;line-height:var(--lh-1-35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-stats-band .cls-label{font-size:var(--fs-12-5px);color:#8a94a6;font-weight:600}
.cl-stats-band .cls-sub{font-size:var(--fs-11-5px);color:#a3aab8;font-weight:500;margin-top:1px}
@media (max-width: 767px){.cl-stats-band{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}}
@media (max-width: 480px){.cl-stats-band{grid-template-columns:1fr}}

/* ===== جعبهی جستجوی چک لیستها ===== */
.cl-search-wrap{margin:30px auto 0}
.cl-search-wrap .cl-search-form{max-width:520px;margin:0 auto;position:relative}
.cl-search-wrap .search-box-relative{position:relative;display:flex;align-items:center}
.cl-search-wrap .cl-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8a94a6;display:flex;pointer-events:none}
.cl-search-wrap .cl-search-icon svg{width:100%;height:100%}
.cl-search-wrap .cl-search-input{width:100%;padding:16px 46px 16px 20px;border-radius:var(--br-14px);border:1px solid #e2e6f0;background:#fff;font-size:var(--fs-14-5px);color:#1f2430;box-shadow:0 6px 18px -12px rgba(15,23,42,0.15);transition:border-color var(--tr-200) ease,box-shadow var(--tr-200) ease}
.cl-search-wrap .cl-search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 6px 18px -10px rgba(124,58,237,0.35)}
.cl-search-wrap .cl-search-input::placeholder{color:#a7aec0}
.cl-search-wrap .search-loading{position:absolute;left:18px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:var(--br-50pct);border:2px solid #e2e6f0;border-top-color:#7c3aed;animation:clSearchSpin .7s linear infinite}
@keyframes clSearchSpin{to{transform:rotate(360deg)}}

.checklists-listing-title{font-size:var(--fs-22px);font-weight:800;color:#1f2430;text-align:right;margin:0 0 22px}

/* ===== بهروزرسانی سفارشی: تغییر رنگ آیکون کنار تایتل چند بخش خاص ===== */
.pen-categories-section .cl-featured-star{color:#dc2626}
.pen-categories-section .cl-featured-star svg{fill:#dc2626}
.gf-categories-section .cl-featured-star{color:#7c3aed}
.gf-categories-section .cl-featured-star svg{fill:#7c3aed}
.tools-categories-section .cl-featured-star{color:#2563eb}
.tools-categories-section .cl-featured-star svg{fill:#2563eb}
.sh-history-section .cl-featured-star{color:#ea580c}
.sh-history-section .cl-featured-star svg{fill:#ea580c}
.sh-stats-section .cl-featured-star{color:#16a34a}
.sh-stats-section .cl-featured-star svg{fill:#16a34a}

/* ===== بهروزرسانی سفارشی: سبک متمایز کارتهای «دستهبندی» =====
   تا کارت دستهبندی جریمههای گوگل / ابزارها / فاکتورهای گوگل / تاریخچه اینترنت
   دقیقا شبیه کارتهای آیتم زیر یا کنار خودشان به نظر نرسند (چیدمان افقیِ هدر +
   نوار رنگی بالای کارت + بج آیکون مربعی، بهجای پسزمینه موجی کارتهای آیتم) */
.pen-categories-section .pen-cat-card,
#tools-categories .tool-card,
#gf-categories .gf-cat-card,
#sh-history .sh-history-card{
    background-color:#ffffff;
    background-image:none;
    border:1px solid color-mix(in srgb, var(--cl-color) 20%, #ffffff);
    box-shadow:0 8px 24px rgba(20,20,30,.05);
}
.pen-categories-section .pen-cat-card::after,
#tools-categories .tool-card::after,
#gf-categories .gf-cat-card::after,
#sh-history .sh-history-card::after{
    content:"";
    position:absolute;
    top:0;left:50%;
    transform:translateX(-50%);
    width:50%;
    height:5px;
    background:linear-gradient(90deg, var(--cl-color), color-mix(in srgb, var(--cl-color) 35%, #ffffff));
    z-index:4;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.pen-categories-section .pen-cat-card .tool-card-glow,
#tools-categories .tool-card .tool-card-glow,
#gf-categories .gf-cat-card .tool-card-glow,
#sh-history .sh-history-card .tool-card-glow,
.pen-categories-section .pen-cat-card .tool-card-rays,
#tools-categories .tool-card .tool-card-rays,
#gf-categories .gf-cat-card .tool-card-rays,
#sh-history .sh-history-card .tool-card-rays{
    display:none;
}
.pen-categories-section .pen-cat-card .clf-icon,
#tools-categories .tool-card .clf-icon,
#gf-categories .gf-cat-card .clf-icon,
#sh-history .sh-history-card .clf-icon{
    width:50px;height:50px;
    border-radius:var(--br-14px);
    margin:4px 0 14px;
    background:color-mix(in srgb, var(--cl-color) 14%, #ffffff);
    box-shadow:none;
}
.pen-categories-section .pen-cat-card .clf-icon svg,
#tools-categories .tool-card .clf-icon svg,
#gf-categories .gf-cat-card .clf-icon svg,
#sh-history .sh-history-card .clf-icon svg{width:24px;height:24px}
.pen-categories-section .pen-cat-card:hover,
#tools-categories .tool-card:hover,
#gf-categories .gf-cat-card:hover,
#sh-history .sh-history-card:hover{
    box-shadow:0 14px 30px -8px color-mix(in srgb, var(--cl-color) 30%, transparent);
}


/* =====================================================================
 * ۲) صفحه لیست خطاهای HTTP (page-errors.php) — err-cat-card / err-sev-pill
 * ===================================================================== */

/* ===== صفحه لیست خطاها ===== */

/* ---- گرید کارتهای دستهبندی (۴ در هر ردیف، دقیقا همسبک کارتهای چک لیست ویژه) ---- */
.err-cats-section{margin-top:-100px}
/* وقتی این بخش بعد از کارتهای آماری (google-algorithm-stats-section) میآید،
   چون آن بخش خودش فاصله از هیرو را جبران کرده، دیگر نیازی به کشش منفی زیاد نیست */
.errors-stats-section + .err-cats-section{margin-top:0}
.err-cats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
/* کارتها از کلاس clf-card.tool-card (همون ظاهر کارتهای صفحه ابزارها) استفاده میکنند؛
   فقط چینش داخلی مخصوص لیست زیرمجموعهها اینجا اضافه میشود */
.err-cat-subs{
    list-style:none;margin:0 0 6px;padding:0;
    width:100%;text-align:right
}
.err-cat-subs li{
    font-size:var(--fs-13-5px);color:#5b6270;
    padding:9px 0;
    border-bottom:1px solid #f1f2f5;
    line-height:var(--lh-1-5)
}
.err-cat-subs li:last-child{border-bottom:0}
.err-cat-subs li a{color:#5b6270;text-decoration:none;transition:color var(--tr-200) ease}
.err-cat-subs li a:hover{color:var(--cl-color,#7c3aed)}
.err-cat-empty{
    font-size:var(--fs-13px);color:#9aa0ac;text-align:center;
    margin:4px 0 6px;line-height:var(--lh-1-6)
}

/* ---- جدول جدیدترین خطاها ---- */
.err-table-section{margin-top:10px}
.err-table-head{margin-bottom:18px}
.err-table-title{font-size:var(--fs-20px);font-weight:800;color:#1f2430;margin:0}
.err-table-wrap{
    background:#fff;border:1px solid #eef0f4;border-radius:var(--br-16px);
    box-shadow:0 6px 22px rgba(17,24,39,.04)
}
.err-table{width:100%;border-collapse:collapse;text-align:right}
.err-table thead th{
    font-size:var(--fs-13-5px);font-weight:700;color:#8a909c;
    padding:16px 18px;background:#fafbfc;
    border-bottom:1px solid #eef0f4;
    position:sticky;top:80px;z-index:5
}
.err-table thead tr:first-child th:first-child{border-top-right-radius:16px}
.err-table thead tr:first-child th:last-child{border-top-left-radius:16px}
.err-table tbody tr:last-child td:first-child{border-bottom-right-radius:16px}
.err-table tbody tr:last-child td:last-child{border-bottom-left-radius:16px}
.err-table tbody td{
    padding:16px 18px;
    border-bottom:1px solid #f4f5f7;
    font-size:var(--fs-14px);color:#3b414d;
    vertical-align:middle
}
.err-table tbody tr:last-child td{border-bottom:0}
.err-table tbody tr.err-row:nth-child(even){background:#fafbff}
.err-table tbody tr.err-row:hover{background:#eef0f8}
.err-name{font-weight:700;color:#e02424}
.err-col-date{color:#6b7280;white-space:nowrap;direction:rtl;text-align:right;unicode-bidi:plaintext}
.err-col-view{text-align:center;width:70px}

/* پیل دستهبندی داخل جدول (از پالت رنگی همان دسته استفاده میکند) */
.err-cat-pill{
    display:inline-block;padding:5px 12px;border-radius:var(--br-999px);
    font-size:var(--fs-12-5px);font-weight:600;
}
.err-cat-pill.c1{background:rgba(220,231,255,0.88);color:var(--c-1)}
.err-cat-pill.c2{background:rgba(220,255,235,0.88);color:#0d6e3c}
.err-cat-pill.c3{background:rgba(255,245,220,0.88);color:#8a6409}
.err-cat-pill.c4{background:rgba(240,220,255,0.88);color:#531187}
.err-cat-pill.c5{background:rgba(210,255,255,0.88);color:#086969}
.err-cat-pill.c6{background:rgba(255,230,210,0.88);color:#8a3a05}
.err-cat-pill.c7{background:rgba(255,220,220,0.88);color:#8a1515}

/* پیل شدت */
.err-sev-pill{
    display:inline-block;padding:5px 14px;border-radius:var(--br-999px);
    font-size:var(--fs-12-5px);font-weight:700;border:1px solid transparent
}
.err-sev-pill.sev-critical{background:#fdecec;color:#dc2626;border-color:#f7c5c5}
.err-sev-pill.sev-high{background:#fdf0e8;color:#ea580c;border-color:#f6cfb4}
.err-sev-pill.sev-medium{background:#fef7e6;color:#d99a06;border-color:#f6e2ab}
.err-sev-pill.sev-low{background:#e9f8ee;color:#16a34a;border-color:#bfe8cc}

/* دکمه مشاهده (چشم) */
.err-view-btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:var(--br-10px);
    color:#8a909c;background:#f5f6f8;
    transition:color var(--tr-200) ease,background var(--tr-200) ease
}
.err-view-btn:hover{color:#7c3aed;background:#f0eafd}
.err-view-btn svg{width:18px;height:18px}
.err-view-btn.is-disabled{opacity:.5;pointer-events:none}

.err-empty{
    text-align:center;color:#8a909c;font-size:var(--fs-15px);
    padding:40px 20px;background:#fff;border:1px dashed #e5e7eb;border-radius:var(--br-16px)
}

/* فرم گزارش خطا */
.err-request-section,.cl-request-section{margin-top:48px}

/* ===== واکنشگرا ===== */
@media (max-width:1024px){
    .err-cats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    .err-table-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .err-table{min-width:640px}
    .err-table thead th{position:static;top:auto}
}
@media (max-width:520px){
    .err-cats-grid{
        display:flex;
        grid-template-columns:none;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
        padding:4px 2px 10px;
    }
    .err-cats-grid::-webkit-scrollbar{height:6px}
    .err-cats-grid::-webkit-scrollbar-thumb{background:#e2e6f0;border-radius:var(--br-10px)}
    .err-cats-grid .err-cat-card{
        flex:0 0 80%;
        max-width:280px;
        scroll-snap-align:start;
    }
}


/* =====================================================================
 * ۳) صفحه هوش مصنوعی (page-ai.php) + تکصفحه ابزار/پرامپت هوش مصنوعی
 * ===================================================================== */

/* =====================================================================
 * صفحه هوش مصنوعی (page-ai.php) + صفحات تکی ابزار/پرامپت هوش مصنوعی
 * کارتهای پایه (clf-card / tool-card) از special.min.css میآیند؛
 * این فایل فقط سه چیز را اضافه میکند:
 *   ۱) فاصلهی اسلایدرها تا هاور/سایهی کارتها بریده نشود
 *   ۲) سه طرح کاملاً متفاوت برای سه اسلایدر صفحه هوش مصنوعی
 *   ۳) اصلاحات صفحات تکی (فهرست محتوا + تولتیپ کپی سفارشی)
 * ===================================================================== */

/* ===== ۱) فاصلهی اسلایدرها (padding بهجای margin تا هاور/سایه بریده نشود) ===== */
.ai-hub-page .cl-featured-section .swiper.slider,
.ai-single .cl-featured-section .swiper.slider{
    padding:25px 0;
    margin-top:-15px;
    margin-bottom:-15px;
}
.ai-hub-page .cl-featured-section,
.ai-single .cl-featured-section{
    overflow:visible;
}

/* اطمینان از اینکه همهی کارتهای داخل سه اسلایدر همقد باشند و دکمه همیشه ته کارت بچسبد */
.ai-hub-page .ai-categories-section .swiper-slide,
.ai-hub-page .ai-tools-section .swiper-slide,
.ai-hub-page .ai-prompts-section .swiper-slide{
    height:auto;
    display:flex;
}
.ai-hub-page .ai-categories-section .clf-card,
.ai-hub-page .ai-tools-section .clf-card,
.ai-hub-page .ai-prompts-section .clf-card{
    width:100%;
    height:100%;
}
.ai-hub-page .clf-btn.btn{
    margin-top:auto;
}

/* ===================================================================
 * ۲) اسلایدر ۱ — دستهبندیهای هوش مصنوعی
 * طرح: کارت افقیِ مینیمال با نوار رنگی بالا + بج آیکون مربعی
 * (شبیه کارتهای دستهبندی در برگههای دیگر مثل ابزارها/جریمههای گوگل،
 * اما بدون افکت موج پسزمینهی «ابزارها» و بدون پسزمینهی تیرهی «پرامپتها»)
 * =================================================================== */
.ai-categories-section .ai-category-card.clf-card.tool-card{
    display:flex;
    flex-direction:row-reverse;
    align-items:stretch;
    text-align:right;
    gap:14px;
    padding:22px 20px;
    background-color:#ffffff;
    background-image:none;
    border:1px solid color-mix(in srgb, var(--cl-color) 20%, #ffffff);
    box-shadow:0 8px 24px rgba(20,20,30,.05);
}
.ai-categories-section .ai-category-card.clf-card.tool-card::after{
    content:"";
    position:absolute;
    top:0;left:50%;
    transform:translateX(-50%);
    width:60%;
    height:4px;
    background:linear-gradient(90deg, var(--cl-color), color-mix(in srgb, var(--cl-color) 35%, #ffffff));
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}
.ai-categories-section .ai-category-card .tool-card-glow,
.ai-categories-section .ai-category-card .tool-card-rays{
    display:none;
}
.ai-categories-section .ai-category-card .clf-icon{
    position:static;
    width:50px;
    height:50px;
    margin:0;
    flex-shrink:0;
    border-radius:var(--br-14px);
    background:color-mix(in srgb, var(--cl-color) 14%, #ffffff);
    box-shadow:none;
    overflow:hidden;
}
.ai-categories-section .ai-category-card .clf-icon svg{width:24px;height:24px}
.ai-categories-section .ai-category-card .clf-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ai-categories-section .ai-category-card .tool-card-text{
    flex:1 1 auto;
    min-height:0;
    gap:8px;
}
.ai-categories-section .ai-category-card .clf-title{font-size:var(--fs-16px)}
.ai-categories-section .ai-category-card .clf-desc{color:#6a7280}
.ai-categories-section .ai-category-card .ai-category-count{
    display:inline-flex;
    align-self:flex-start;
    font-size:var(--fs-11-5px);
    font-weight:700;
    padding:3px 12px;
    border-radius:var(--br-100px);
    color:var(--cl-color);
    background:color-mix(in srgb, var(--cl-color) 12%, #ffffff);
}
.ai-categories-section .ai-category-card .clf-btn.btn{margin-top:auto}
.ai-categories-section .ai-category-card:hover{
    box-shadow:0 14px 30px -8px color-mix(in srgb, var(--cl-color) 30%, transparent);
}
@media (max-width:560px){
    .ai-categories-section .ai-category-card.clf-card.tool-card{padding:18px 16px}
}

/* بجهای قیمت/امتیاز/مدل/سطح روی کارتها (این کلاس قبلاً فقط داخل تایملاین الگوریتمها استایل داشت) */
.ai-card-badges .gat-focus-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:var(--fs-11-5px);
    font-weight:600;
    padding:4px 11px;
    border-radius:var(--br-20px);
    color:#3949c7;
    background:linear-gradient(135deg,#eef1ff,#e3e8ff);
    border:1px solid #d9e0ff;
    white-space:nowrap;
}
.ai-card-badges .gat-focus-tag-icon{display:inline-flex;width:13px;height:13px;flex-shrink:0}
.ai-card-badges .gat-focus-tag-icon svg{width:100%;height:100%}
.ai-card-badges.gat-focus-row{display:flex;flex-wrap:wrap;gap:6px}

/* ===================================================================
 * ۳) اسلایدر ۲ — بهترین ابزارهای هوش مصنوعی
 * طرح: همان کارت موجی روشن پیشفرض (tool-card) با تاکید بیشتر روی بج امتیاز/قیمت
 * (این طرح عمداً دستنخورده مانده تا نسبت به دو اسلایدر دیگر متفاوت باشد)
 * =================================================================== */
.ai-tools-section .ai-tool-card .ai-card-badges{margin-bottom:2px}
.ai-tools-section .ai-tool-card .gat-focus-tag{font-size:var(--fs-11px);padding:4px 10px}

/* ===================================================================
 * ۴) اسلایدر ۳ — پرامپتهای آماده
 * طرح: همان کارت روشن پیشفرض تم (tool-card) هماهنگ با بقیهی کارتها،
 * فقط پیشنمایش پرامپت بهشکل بلوک کد نمایش داده میشود
 * =================================================================== */
.ai-prompts-section .ai-prompt-card .ai-prompt-preview{
    font-family:ui-monospace,"Cascadia Code","Courier New",monospace;
    font-size:var(--fs-12-5px);
    line-height:var(--lh-1-85);
    color:#5c5d62;
    background:#f7f8fb;
    border:1px dashed #e5e7eb;
    border-radius:var(--br-10px);
    padding:10px 12px;
    text-align:right;
}

/* ===== دستهبندیِ متفاوتتر برای کل صفحهی هوش مصنوعی نسبت به بقیهی صفحات ===== */
.ai-hub-page .cl-featured-title{color:#1f2430}
.ai-hub-page .ai-categories-section .cl-featured-star{color:#2843da}
.ai-hub-page .ai-categories-section .cl-featured-star svg{fill:#2843da}
.ai-hub-page .ai-tools-section .cl-featured-star{color:#d99a06}
.ai-hub-page .ai-tools-section .cl-featured-star svg{fill:#d99a06}
.ai-hub-page .ai-prompts-section .cl-featured-star{color:#7c3aed}
.ai-hub-page .ai-prompts-section .cl-featured-star svg{fill:#7c3aed}

/* =====================================================================
 * ۵) صفحات تکی «ابزار» و «پرامپت» هوش مصنوعی
 * ===================================================================== */

/* فهرست محتوای سایدبار: اسکرول به بخش درست، زیر هدر ثابت پنهان نشود */
.ai-single-article h2[id]{
    scroll-margin-top:130px;
}

/* تصویر هیرو صفحات تکی ابزار/پرامپت: بهجای height:auto (که باعث کشیده/بیکیفیت دیده شدن میشد)
   داخل یک قاب با نسبت ثابت و object-fit:cover نمایش داده میشود */
.ai-single-hero .page-header-image{
    border-radius:var(--br-20px);
    overflow:hidden;
    height:420px;
}
.ai-single-hero .page-header-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:var(--br-20px);
}
@media (max-width:600px){
    .ai-single-hero .page-header-image{height:220px}
}

/* دکمهی سایدبار «مشاهده/استفاده از ابزار» و «کپی پرامپت»: بهجای کشیدهشدن به کل عرض، عرض جمعوجورتر و وسطچین */
.ai-single .ai-sidebar .btn{
    width:auto;
    min-width:180px;
    max-width:100%;
    display:inline-flex;
}

/* تولتیپ/الرت سفارشی «کپی شد» */
.ai-copy-toast-wrap{
    position:fixed;
    left:50%;
    bottom:32px;
    transform:translate(-50%,20px);
    z-index:999999;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    pointer-events:none;
    opacity:0;
    transition:opacity var(--tr-250) ease, transform var(--tr-250) ease;
}
.ai-copy-toast-wrap.show{
    opacity:1;
    transform:translate(-50%,0);
}
.ai-copy-toast{
    display:flex;
    align-items:center;
    gap:8px;
    background:#161a33;
    color:#fff;
    font-size:var(--fs-14px);
    font-weight:600;
    padding:12px 20px;
    border-radius:var(--br-50px);
    box-shadow:0 12px 30px -8px rgba(0,0,0,.35);
    white-space:nowrap;
}
.ai-copy-toast svg{width:18px;height:18px;color:#4ade80;flex-shrink:0}
.ai-copy-toast.is-error svg{color:#f87171}
@media (max-width:560px){
    .ai-copy-toast{font-size:var(--fs-13px);padding:10px 16px}
}

/* ===================================================================
 * ۵) آرشیو دستهبندی هوش مصنوعی (taxonomy-ai_category.php)
 * گرید ثابت (بدون اسلایدر) برای ابزار/پرامپتهای همان دسته
 * =================================================================== */
.ai-category-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ai-category-archive-grid .clf-card{height:100%}
@media(max-width:1200px){.ai-category-archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ai-category-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ai-category-archive-grid{grid-template-columns:1fr}}
.ai-category-archive-empty{text-align:center;padding:60px 20px;color:#7c8698;font-size:var(--fs-15px);width:100%}


/* =====================================================================
 * ۴) صفحه لیست کلمات کلیدی (page-keywords.php) + تکصفحه کلمه کلیدی
 * ===================================================================== */

/* ===== صفحه لیست کلمات کلیدی ===== */
.keyword-cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.keyword-card{
    background:#fff;
    border:1px solid rgba(15,23,42,0.06);
    border-radius:var(--br-18px);
    padding:22px;
    box-shadow:0 10px 26px rgba(15,23,42,0.06);
    display:flex;
    flex-direction:column;
    transition:transform var(--tr-300) ease, box-shadow var(--tr-300) ease;
}
.keyword-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(15,23,42,0.12);
}

/* هدر کارت */
.keyword-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    flex-direction:row-reverse;
    margin-bottom:16px;
}
.keyword-card-icon{
    flex-shrink:0;
    width:54px;
    height:54px;
    border-radius:var(--br-14px);
    background:#f2f0fb;
    background:color-mix(in srgb, var(--kw-accent) 12%, #fff);
    display:flex;
    align-items:center;
    justify-content:center;
}
.keyword-card-icon img{width:30px;height:30px;object-fit:contain;}
.keyword-card-icon svg{width:28px;height:28px;}
.keyword-card-headinfo{
    display:flex;
    flex-direction:column;
    text-align:right;
    flex:1;
}
.keyword-card-title{
    font-size:var(--fs-18px);
    font-weight:800;
    color:#1c2430;
    margin:0 0 4px;
    line-height:var(--lh-1-6);
}
.keyword-card-title a{color:inherit;text-decoration:none;}
.keyword-card-title a:hover{color:var(--kw-accent);}
.keyword-card-sublabel{
    font-size:var(--fs-12-5px);
    color:#8a94a6;
    font-weight:500;
}
.keyword-card-total{
    font-size:var(--fs-24px);
    font-weight:800;
    color:#1c2430;
    letter-spacing:.5px;
    margin-top:2px;
    direction:ltr;
    text-align:right;
}

/* نوار تقاضای بازار */
.keyword-card-demand{margin-bottom:18px;}
.keyword-card-demand-bar{
    width:100%;
    height:7px;
    border-radius:var(--br-6px);
    background:#eef1f6;
    overflow:hidden;
}
.keyword-card-demand-bar span{
    display:block;
    height:100%;
    border-radius:var(--br-6px);
    background:var(--kw-accent);
    background:linear-gradient(90deg,var(--kw-accent),color-mix(in srgb, var(--kw-accent) 55%, #fff));
}
.keyword-card-demand-label{
    display:flex;
    align-items:center;
    gap:6px;
    justify-content:flex-start;
    text-align:right;
    font-size:var(--fs-12-5px);
    font-weight:700;
    color:#5b6675;
    margin-top:8px;
}
.keyword-card-demand-label svg{width:16px;height:16px;flex-shrink:0;color:#ff5a1f;fill:#ff5a1f;}

/* جدول کلمات */
.keyword-card-table{
    border-top:1px solid #eef1f6;
    padding-top:8px;
    margin-bottom:16px;
}
.keyword-card-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:9px 2px;
    border-bottom:1px solid #f4f6fa;
    font-size:var(--fs-13-5px);
}
.keyword-card-row:last-child{border-bottom:none;}
.keyword-card-row-head{
    color:#9aa3b2;
    font-size:var(--fs-11-5px);
    font-weight:600;
}
.keyword-card-row .kw-word{color:#2a3340;font-weight:600;}
.keyword-card-row .kw-num{color:#5b6675;direction:ltr;font-weight:700;}

/* فوتر کارت */
.keyword-card-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid #eef1f6;
}
.keyword-card-foot-note{
    font-size:var(--fs-11-5px);
    color:#9aa3b2;
    line-height:var(--lh-1-6);
}
.keyword-card-foot .btn{
    flex-shrink:0;
    padding:8px 20px;
    font-size:var(--fs-13px);
    white-space:nowrap;
}

/* موبایل: دقیقاً مثل ایتمهای بلاگ -> 3 ردیف که بهصورت افقی اسکرول میشوند */
@media (max-width:768px){
    .keyword-cards-grid{
        display:grid !important;
        grid-auto-flow:column;
        grid-template-columns:none;
        grid-template-rows:repeat(3,auto);
        grid-auto-columns:80%;
        overflow-x:auto;
        overflow-y:hidden;
        gap:15px;
        padding-bottom:20px;
        margin-top:20px;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .keyword-cards-grid::-webkit-scrollbar{height:0;display:none}
    .keyword-cards-grid .keyword-card{width:100%;max-width:100%;scroll-snap-align:start}
}

/* ===== صفحه تکی کلمه کلیدی ===== */
/* نوار تقاضای بازار زیر متن ادیتور */
.keyword-single-demand{max-width:360px;margin:10px 0 0;}
.keyword-single-demand-bar{
    width:100%;height:8px;border-radius:var(--br-6px);background:#eef1f6;overflow:hidden;
}
.keyword-single-demand-bar span{
    display:block;height:100%;border-radius:var(--br-6px);
    background:var(--kw-accent);
    background:linear-gradient(90deg,var(--kw-accent),color-mix(in srgb, var(--kw-accent) 55%, #fff));
}
.keyword-single-demand-label{
    display:flex;align-items:center;gap:6px;justify-content:flex-start;
    text-align:right;
    font-size:var(--fs-13px);font-weight:700;color:#5b6675;margin-top:8px;
}
.keyword-single-demand-label svg{width:16px;height:16px;flex-shrink:0;color:#ff5a1f;fill:#ff5a1f;}

/* رنگ نام کلمه کلیدی در جدول سینگل (جدول err-table بهاشتراکگذاشتهشده با صفحه خطاها بهصورت پیشفرض قرمز است) */
.keyword-err-table .err-name{color:#2a3340;}

/* نوار درصدی «سختی کلمه» در جدول سینگل (کوتاه، رنگ بر اساس درصد) */
.kw-diff-cell{display:inline-flex;align-items:center;gap:8px;}
.kw-diff-bar{
    width:90px;height:7px;border-radius:var(--br-6px);background:#eef1f6;overflow:hidden;flex-shrink:0;
}
.kw-diff-bar span{
    display:block;height:100%;border-radius:var(--br-6px);
    background:var(--diff-color,#16a34a);
}
.kw-diff-num{font-size:var(--fs-12-5px);font-weight:700;color:#2a3340;direction:ltr;flex-shrink:0;}

/* ===== چهار کارت آماری بالای جستجو (صفحه تکی کلمه کلیدی) ===== */
.keyword-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:26px;
}
.keyword-stat-card{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid rgba(15,23,42,0.06);
    border-radius:var(--br-16px);
    padding:18px;
    box-shadow:0 8px 22px rgba(15,23,42,0.05);
}
.keyword-stat-icon{
    flex-shrink:0;
    width:46px;
    height:46px;
    border-radius:var(--br-12px);
    display:flex;
    align-items:center;
    justify-content:center;
    background:color-mix(in srgb, var(--kw-accent) 12%, #fff);
    color:var(--kw-accent);
    fill:var(--kw-accent);
}
.keyword-stat-icon svg{width:24px;height:24px;}
.keyword-stat-body{
    display:flex;
    flex-direction:column;
    gap:4px;
    flex:1;
    min-width:0;
}
.keyword-stat-label{
    font-size:var(--fs-12-5px);
    color:#8a94a6;
    font-weight:600;
}
.keyword-stat-value{
    font-size:var(--fs-19px);
    font-weight:800;
    color:#1c2430;
    direction:ltr;
    text-align:right;
}
.keyword-stat-bar{
    width:100%;
    height:5px;
    border-radius:var(--br-5px);
    background:#eef1f6;
    overflow:hidden;
    margin-top:2px;
}
.keyword-stat-bar span{
    display:block;
    height:100%;
    border-radius:var(--br-5px);
    background:var(--kw-accent);
    background:linear-gradient(90deg,var(--kw-accent),color-mix(in srgb, var(--kw-accent) 55%, #fff));
}
.keyword-stat-card{transition:transform var(--tr-250) ease, box-shadow var(--tr-250) ease;}
.keyword-stat-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(15,23,42,0.10);
}

/* ---- ریسپانسیو کارتهای آماری ---- */
@media (max-width:1024px){
    .keyword-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
}
@media (max-width:600px){
    .keyword-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;}
    .keyword-stat-card{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        padding:14px;
        border-radius:var(--br-14px);
    }
    .keyword-stat-icon{width:38px;height:38px;border-radius:var(--br-10px);}
    .keyword-stat-icon svg{width:20px;height:20px;}
    .keyword-stat-label{font-size:var(--fs-11-5px);}
    .keyword-stat-value{font-size:var(--fs-16px);}
}
@media (max-width:380px){
    .keyword-stats-grid{grid-template-columns:1fr;}
}

/* ===== چسبیدن هدر جدول فقط پس از رسیدن به آن (کنترل دقیق با جاوااسکریپت) ===== */
/* پیشفرض: کاملاً در حالت عادی صفحه، بدون هیچ چسبندگی زودهنگام */
.keyword-err-table thead th{
    position:static;
    top:auto;
}
/* فقط وقتی جاوااسکریپت تشخیص داد که به هدر جدول رسیدهایم، این کلاس اضافه میشود
   و در همین لحظه هدر درست زیر هدر سایت (ثابت) میچسبد، بدون هیچ پرشی */
.keyword-err-table thead.kw-thead-stuck th{
    position:sticky;
    top:80px;
    z-index:5;
}

/* جبران فاصلهی هیرو هدر تا بخش جدول کلمات کلیدی در صفحه سینگل */
.keyword-err-table-section{
    margin-top:-35px;
}

/* دکمهی مشاهده همهی کلمات کلیدی در هدر صفحه سینگل */
.keyword-single-all-btn{
    margin-top:18px;
}

/* ---- نمایش رسپانسیو جدول کلمات کلیدی در موبایل: دقیقاً مثل دسکتاپ + اسکرول افقی ---- */
@media (max-width:768px){
    #keyword-table-wrap .err-table-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    #keyword-table-wrap .err-table{
        min-width:640px;
    }
}
@media (max-width:420px){
    .kw-diff-bar{width:64px;}
}

/* ===== اسلایدر «سایر کلمات کلیدی» در پایین صفحه سینگل کلمه کلیدی =====
   کارتها شبیه کارتهای صفحه لیست کلمات کلیدیاند، اما بهجای جدول ۵ ردیفی،
   فقط ۳ برچسب از پرجستجوترین کلمات آن حوزه + زمان آخرین بروزرسانی نمایش داده میشود */
.related-post-section .swiper-slide{height:auto;}
.related-post-section .swiper-wrapper{padding-top:6px;padding-bottom:26px;}

.kw-related-card{
    height:100%;
    background:#fff;
    border:1px solid rgba(15,23,42,0.06);
    border-radius:var(--br-18px);
    padding:20px;
    box-shadow:0 10px 26px rgba(15,23,42,0.06);
    display:flex;
    flex-direction:column;
    transition:transform var(--tr-300) ease, box-shadow var(--tr-300) ease;
}
.kw-related-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(15,23,42,0.12);
}

.kw-related-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    flex-direction:row-reverse;
    margin-bottom:14px;
}
.kw-related-icon{
    flex-shrink:0;
    width:46px;
    height:46px;
    border-radius:var(--br-13px);
    background:color-mix(in srgb, var(--kw-accent) 12%, #fff);
    display:flex;
    align-items:center;
    justify-content:center;
}
.kw-related-icon img{width:26px;height:26px;object-fit:contain;}
.kw-related-icon svg{width:24px;height:24px;}
.kw-related-headinfo{
    display:flex;
    flex-direction:column;
    text-align:right;
    flex:1;
    min-width:0;
}
.kw-related-title{
    font-size:var(--fs-16px);
    font-weight:800;
    color:#1c2430;
    margin:0 0 4px;
    line-height:var(--lh-1-6);
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.kw-related-title a{color:inherit;text-decoration:none;}
.kw-related-title a:hover{color:var(--kw-accent);}
.kw-related-updated{font-size:var(--fs-11-5px);color:#9aa3b2;font-weight:500;}

/* نوار تقاضای بازار */
.kw-related-demand{margin-bottom:14px;}
.kw-related-demand-bar{
    width:100%;
    height:6px;
    border-radius:var(--br-6px);
    background:#eef1f6;
    overflow:hidden;
}
.kw-related-demand-bar span{
    display:block;
    height:100%;
    border-radius:var(--br-6px);
    background:var(--kw-accent);
    background:linear-gradient(90deg,var(--kw-accent),color-mix(in srgb, var(--kw-accent) 55%, #fff));
}
.kw-related-demand-label{
    display:flex;
    align-items:center;
    gap:6px;
    justify-content:flex-start;
    text-align:right;
    font-size:var(--fs-12px);
    font-weight:700;
    color:#5b6675;
    margin-top:7px;
}
.kw-related-demand-label svg{width:14px;height:14px;flex-shrink:0;color:#ff5a1f;fill:#ff5a1f;}

/* برچسبهای پرطرفدار (بهجای جدول ۵ ردیفی کارتهای صفحه لیست) */
.kw-related-chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:16px;
}
.kw-related-chip{
    display:inline-flex;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:5px 12px;
    border-radius:var(--br-100px);
    font-size:var(--fs-12px);
    font-weight:600;
    color:var(--kw-accent);
    background:color-mix(in srgb, var(--kw-accent) 10%, #fff);
    border:1px solid color-mix(in srgb, var(--kw-accent) 22%, #fff);
}

/* فوتر کارت */
.kw-related-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid #eef1f6;
}
.kw-related-total{
    font-size:var(--fs-12px);
    color:#8a94a6;
    font-weight:500;
    line-height:var(--lh-1-6);
}
.kw-related-total strong{
    font-size:var(--fs-14px);
    color:#1c2430;
    font-weight:800;
    direction:ltr;
    display:inline-block;
}
.kw-related-foot .btn{
    flex-shrink:0;
    padding:7px 18px;
    font-size:var(--fs-12-5px);
    white-space:nowrap;
}


/* =====================================================================
 * ۵) صفحه مرجع ابزارهای آنلاین (page-tools.php)
 * ===================================================================== */

/* ===== برگه مرجع جامع ابزارهای آنلاین (page-tools.php) =====
   کارتها و اسلایدر از استایلهای مشترک special.min.css (clf-card / cl-featured) استفاده میکنند
   و اینجا فقط چیدمان گرید «همه ابزارها» و تنظیمات جزئی صفحه تعریف شده است. */
.tools-page .tools-categories-section{margin-top:-35px}
.tools-listing{margin:30px auto 40px}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tools-grid .clf-card{height:100%}
.tool-card .clf-desc{min-height:0}
.tools-empty{padding:40px 20px;text-align:center;color:#5b6472;background:#f7f8fa;border:1px dashed #d6dbe3;border-radius:var(--br-14px)}
@media(max-width:1200px){.tools-grid{grid-template-columns:repeat(3,1fr)}}

/* موبایل: دقیقاً مثل ایتمهای بلاگ (post.style-4.cols-3) -> 3 ردیف که بهصورت افقی اسکرول میشوند */
@media(max-width:768px){
    .tools-grid{
        display:grid !important;
        grid-auto-flow:column;
        grid-template-columns:none;
        grid-template-rows:repeat(3,auto);
        grid-auto-columns:80%;
        overflow-x:auto;
        overflow-y:hidden;
        gap:15px;
        padding-bottom:20px;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .tools-grid::-webkit-scrollbar{height:0;display:none}
    .tools-grid .clf-card{width:100%;max-width:100%;scroll-snap-align:start}
}

/* ===== طرح کارت ابزار: از استایل مشترک clf-card.tool-card در special.min.css استفاده میشود ===== */

.tools-page .cl-search-wrap {
    margin-top:0;
}
.tools-categories-section .swiper {
    padding: 15px 0 30px;
}

/* =====================================================================
 * ۶) صفحه لیست فاکتورهای رتبهبندی گوگل (page-google-factors.php)
 * ===================================================================== */

/* ===== صفحه لیست فاکتورهای گوگل (page-google-factors.php) =====
   کارتهای دستهبندی و کارتهای آیتم از استایل مشترک clf-card.tool-card (special.min.css)
   و کارت دستهبندی از استایل err-cat-card (errors.min.css) استفاده میکنند؛
   اینجا فقط بخشهای اختصاصی این برگه (اسلایدر دستهبندی + لیست آیتم به آیتم) اضافه شده است. */

/* ---- اسلایدر «دستهبندی فاکتورهای گوگل» ---- */
.gf-categories-section{margin-top:-35px}
.gf-categories-section .swiper{padding:15px 0 30px}
.gf-sub-impact{color:#8a909c;font-size:var(--fs-12px);font-weight:600}

/* ---- لیست آیتم به آیتم (گروهبندیشده بر اساس دستهبندی) ---- */
.gf-listing-section{margin-top:10px}
.gf-cat-group{margin-bottom:44px}
.gf-cat-group:last-child{margin-bottom:0}
.gf-cat-group-head{
    display:flex;align-items:center;gap:14px;
    margin-bottom:20px;
}
.gf-cat-group-icon{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;border-radius:var(--br-12px);flex-shrink:0;
    background:color-mix(in srgb, var(--gf-color,#4285F4) 14%, #fff);
    color:var(--gf-color,#4285F4);
}
.gf-cat-group-icon svg{width:22px;height:22px}
.gf-cat-group-title{font-size:var(--fs-19px);font-weight:800;color:#1f2430;margin:0}
.gf-cat-group-count{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:26px;height:26px;padding:0 8px;border-radius:var(--br-999px);
    background:#f5f6f8;color:#5b6270;font-size:var(--fs-12-5px);font-weight:700;
    margin-inline-start:auto;
}

.gf-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gf-items-grid .clf-card{height:100%}
.gf-cat-empty{
    padding:28px 20px;text-align:center;color:#8a909c;font-size:var(--fs-13-5px);
    background:#fafbfc;border:1px dashed #e5e7eb;border-radius:var(--br-14px);
}

/* ---- بلوک درصد تاثیر داخل کارت آیتم (بین عنوان و توضیح) ---- */
.gf-impact{
    display:flex;align-items:baseline;gap:8px;
    padding:4px 0 6px;
}
.gf-impact-value{
    font-size:var(--fs-22px);font-weight:800;color:var(--cl-color,#4285F4);
    line-height:var(--lh-1);
}
.gf-impact-label{font-size:var(--fs-12-5px);color:#8a909c;font-weight:600}

@media (max-width:1200px){
    .gf-items-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
    .gf-items-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    .gf-cat-group-title{font-size:var(--fs-17px)}
}
@media (max-width:520px){
    .gf-items-grid{grid-template-columns:1fr}
    .gf-cat-group-head{gap:10px}
    .gf-cat-group-icon{width:38px;height:38px}
}


/* =====================================================================
 * ۷) صفحه آمار و ارقام و تاریخچه اینترنت (page-internet-stats-history.php)
 * ===================================================================== */

/* ===== صفحه مرجع جامع آمار و ارقام و تاریخچه اینترنت (page-internet-stats-history.php) =====
   کارتها از استایل مشترک clf-card.tool-card (special.min.css) استفاده میکنند؛
   اینجا فقط بخشهای اختصاصی این برگه اضافه شده است. */

/* ---- ۵ باکس آماری بالای صفحه (از gas-item مشترک استفاده میشود) ---- */
.stats-history-stats-section{margin-top:-35px}

/* ---- اسلایدر «رکوردهای جهانی اینترنت» ---- */
.sh-stats-section{margin-top:10px}
.sh-stats-section .swiper,
.sh-history-section .swiper{padding:15px 0 30px}

/* مقدار آماری (فیلد دوم) که زیر توضیح ادیتور میآید */
.sh-stat-value{
    margin-top:auto;
    padding-top:10px;
    font-size:var(--fs-19px);
    font-weight:800;
    color:var(--cl-color,#4285F4);
}

/* ---- اسلایدر «تاریخچه اینترنت: از آغاز تا امروز» (کارتهای تایملاین) ---- */
.sh-history-section{margin-top:26px}
.sh-history-section .swiper-slide{height:auto}
.sh-history-card{padding-top:54px !important;height:100%}
.sh-history-date{
    position:absolute;
    top:18px;
    right:24px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    padding:5px 14px;
    border-radius:var(--br-999px);
    font-size:var(--fs-12-5px);
    font-weight:800;
    color:#fff;
    background:linear-gradient(90deg,var(--cl-color,#4285F4),color-mix(in srgb, var(--cl-color,#4285F4) 55%, #fff));
}
.sh-history-card .clf-icon{margin-top:2px}

@media (max-width:560px){
    .sh-history-date{right:20px;top:16px;font-size:var(--fs-12px);padding:4px 12px}
    .sh-history-card{padding-top:50px !important}
}


/* =====================================================================
 * ۸) صفحه لیست آپدیتهای گوگل (page-google-updates.php)
 * ===================================================================== */

/* ===== صفحه لیست آپدیتهای گوگل (page-google-updates.php) =====
   تایملاین دقیقا همسبک تایملاین «الگوریتمهای گوگل» است (کلاسهای gat-* از special.min.css
   کپی و زیر اسکوپ .google-updates-listing تعریف شدهاند) و فقط نوار پیشرفت انتشار (Rollout) به آن اضافه شده. */

.google-updates-stats-section{margin-top:-35px}

.google-updates-listing{margin-top:10px}
.google-updates-listing .google-algorithm-timeline-list{margin:0 auto;display:flex;flex-direction:column;gap:14px;position:relative;padding-left:40px}
.google-updates-listing .google-algorithm-timeline-list::before{content:"";position:absolute;left:15px;top:40px;bottom:40px;width:2px;background:#e5e8eb;z-index:1}
.google-updates-listing .google-algorithm-timeline-tracker{position:absolute;left:9px;top:40px;width:14px;height:14px;background:#fff;border:3px solid var(--gat-active-color,#ea4335);border-radius:var(--br-50pct);z-index:3;pointer-events:none;transition:border-color var(--tr-300) ease}
.google-updates-listing .google-algorithm-timeline-item{position:relative;--gat-node-color:#4285F4}
.google-updates-listing .google-algorithm-timeline-card{background:#fff;border:1px solid #e5e8eb;border-radius:var(--br-10px);padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,43,0.04)}
.google-updates-listing .google-algorithm-timeline-card::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--gat-node-color)}
.google-updates-listing .gat-logo-wrapper{height:100%;display:flex;align-content:center;margin-top:auto;margin-bottom:auto;flex-shrink:0}
.google-updates-listing .gat-logo{width:84px;height:84px;flex-shrink:0;margin-top:2px;object-fit:contain;border-radius:var(--br-8px)}
.google-updates-listing .gat-body{flex:1;min-width:0}
.google-updates-listing .gat-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.google-updates-listing .gat-title{font-size:var(--fs-17px);font-weight:700;color:#1f2430}
.google-updates-listing .gat-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12px);font-weight:600;padding:3px 9px;border-radius:var(--br-20px);white-space:nowrap}
.google-updates-listing .gat-status-badge.rollout{color:#ea4335;background:#fdecea}
.google-updates-listing .gat-status-badge.done{color:#ffffff;background:linear-gradient(135deg,#34a853,#16a34a);box-shadow:0 4px 10px -4px rgba(22,163,74,.55)}
.google-updates-listing .gat-status-badge.done svg.icon,.google-updates-listing .gat-status-badge.rollout svg.icon{width:13px;height:13px;flex-shrink:0}
.google-updates-listing .gat-focus-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.google-updates-listing .gat-desc{font-size:var(--fs-13-5px);line-height:var(--lh-1-9);color:#7c8698;text-align:justify;margin:0}
.google-updates-listing .gat-desc p{margin:0}
.google-updates-listing .gat-body .btn{--c-1:var(--gat-node-color);margin-top:14px;display:inline-flex;padding:8px 24px;font-size:var(--fs-13px)}
.google-updates-listing .gat-meta{flex-shrink:0;display:flex;flex-direction:column;gap:7px;padding-right:16px;border-right:1px solid #e5e8eb;width:180px}
.google-updates-listing .gat-meta-item{display:flex;align-items:center;gap:15px}
.google-updates-listing .gat-icon-wrap{width:20px;height:20px;flex-shrink:0;border-radius:var(--br-50pct);display:flex;align-items:center;justify-content:center}
.google-updates-listing .gat-icon-wrap .icon{width:100%;height:100%;flex-shrink:0;color:#7c8698}
.google-updates-listing .gat-meta-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.google-updates-listing .gat-meta-label{font-size:var(--fs-11px);color:#7c8698}
.google-updates-listing .gat-meta-value{font-size:var(--fs-13px);font-weight:400;color:#1f2430;white-space:nowrap}
.google-updates-empty{padding:40px 20px;text-align:center;color:#5b6472;background:#f7f8fa;border:1px dashed #d6dbe3;border-radius:var(--br-14px)}

/* ---- نوار پیشرفت انتشار (Rollout Progress) - عنصر اختصاصی این برگه ---- */
.gu-progress-wrap{margin-bottom:12px;max-width:320px}
.gu-progress-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.gu-progress-label{font-size:var(--fs-12px);color:#7c8698;font-weight:600}
.gu-progress-percent{font-size:var(--fs-12-5px);font-weight:800;color:var(--gat-node-color,#4285F4)}
.gu-progress-track{height:7px;border-radius:var(--br-999px);background:#eef0f4;overflow:hidden}
.gu-progress-fill{height:100%;border-radius:var(--br-999px);background:linear-gradient(90deg,var(--gat-node-color,#4285F4),color-mix(in srgb, var(--gat-node-color,#4285F4) 55%, #fff));transition:width var(--tr-300) ease}

@media (max-width: 560px){
    .google-updates-listing .google-algorithm-timeline-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
    .google-updates-listing .gat-body{display:contents}
    .google-updates-listing .gat-logo-wrapper{grid-column:2;grid-row:1;height:auto}
    .google-updates-listing .gat-title-row{grid-column:1;grid-row:1}
    .google-updates-listing .gat-desc,.google-updates-listing .gat-body .btn,.google-updates-listing .gu-progress-wrap{grid-column:1 / -1}
    .google-updates-listing .gat-meta{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;border-right:none;border-top:1px solid #e5e8eb;padding-right:0;padding-top:12px;width:100%;justify-content:space-between}
    .google-updates-listing .gat-icon-wrap{display:none}
}
@media (max-width: 767px){
    .google-updates-listing .google-algorithm-timeline-list{padding-left:37px}
}


/* =====================================================================
 * ۹) صفحه لیست جریمههای گوگل (page-google-penalties.php)
 * ===================================================================== */

/* ===== صفحه لیست جریمههای گوگل (page-google-penalties.php) =====
   کارتهای دستهبندی و کارتهای آیتم از استایل مشترک clf-card.tool-card (special.min.css)
   و err-cat-card / err-sev-pill (errors.min.css) استفاده میکنند؛ اینجا فقط بخشهای
   اختصاصی این برگه (اسلایدر دستهبندی + گرید آیتمها + پیل ریسک) اضافه شده است. */

.pen-categories-section{margin-top:-35px}
.pen-categories-section .swiper{padding:15px 0 30px}
.pen-categories-section .swiper-slide{height:auto}
.pen-cat-card{height:100%}
.pen-cat-card .clf-btn{margin-top:auto}

.pen-listing-section{margin-top:10px}
.pen-listing-section .cl-search-wrap{margin-bottom:30px}
.pen-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.pen-items-grid .clf-card{height:100%}
.pen-item-card{height:100%}
.pen-item-card .clf-btn{margin-top:auto}
.pen-empty{
    padding:40px 20px;text-align:center;color:#5b6472;
    background:#f7f8fa;border:1px dashed #d6dbe3;border-radius:var(--br-14px);
}

/* پیل ریسک داخل کارت آیتم (بین توضیح و دکمه) */
.pen-risk-pill{align-self:flex-start;margin:2px 0 4px}

@media (max-width:1200px){
    .pen-items-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
    .pen-items-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
    .pen-items-grid{grid-template-columns:1fr}
}


/* =====================================================================
 * ۱۰) صفحه برترینها (page-top-picks.php)
 * ===================================================================== */

/* ===== صفحه برترینها (page-top-picks.php) =====
   کارتهای دستهبندی و کارتهای آیتم از استایل مشترک clf-card.tool-card (special.min.css)،
   err-cat-card / err-sev-pill (errors.min.css) و کلاسهای اسکلت جریمههای گوگل
   (pen-categories-section / pen-listing-section / pen-items-grid / pen-empty - google-penalties.min.css)
   استفاده میکنند؛ این فایل صرفاً بهخاطر یکدست بودن نامگذاری بین برگهها نگه داشته شده و
   در حال حاضر بازنویسی/override خاصی لازم ندارد. */