:root{
    /* Premium Dark Theme Palette */
    --bg: linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 50%, #0f1419 100%);
    --bg-2: linear-gradient(145deg, #0d1117 0%, #161b22 100%);
    --panel: linear-gradient(135deg, #1c2128 0%, #21262d 100%);
    --card-bg: linear-gradient(145deg, #121826 0%, #171d2b 50%, #0d1117 100%);

    /* Text Colors - High Contrast */
    --ink: #e6edf3;
    --ink-strong: #f8fbff;
    --muted: #95a1b3;
    --bright: #ffffff;

    /* Accent Colors - Vibrant & Modern */
    --accent-primary: linear-gradient(135deg, #58a6ff 0%, #1f6feb 100%);
    --accent-secondary: linear-gradient(135deg, #39d353 0%, #238636 100%);
    --accent-tertiary: linear-gradient(135deg, #ffa657 0%, #e85d04 100%);
    --accent-purple: linear-gradient(135deg, #bc8cff 0%, #8b5cf6 100%);
    /* Solid tokens */
    --accent-primary-solid:#58a6ff;
    --accent-secondary-solid:#39d353;
    --accent-tertiary-solid:#ffa657;
    --accent-purple-solid:#bc8cff;

    /* Interactive Colors */
    --hover-bg: rgba(240, 246, 252, 0.08);
    --active-bg: rgba(240, 246, 252, 0.12);
    --border: rgba(240, 246, 252, 0.14);
    --border-hover: rgba(88, 166, 255, 0.38);

    /* Glass Effect */
    --glass: rgba(240, 246, 252, 0.05);
    --glass-border: rgba(240, 246, 252, 0.1);

    /* Shadows */
    --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 64px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 40px rgba(88, 166, 255, 0.15);

    /* Typography */
    --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;

    /* Spacing & Layout */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    /* Container */
    --container-max: 1200px;
    --container-padding: clamp(1rem, 3vw, 2rem);

    /* Fluid Type */
    --text-xs: clamp(0.75rem, 1vw, 0.875rem);
    --text-sm: clamp(0.875rem, 1.2vw, 1rem);
    --text-base: clamp(1rem, 1.4vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1.8vw, 1.25rem);
    --text-xl: clamp(1.25rem, 2.2vw, 1.5rem);
    --text-2xl: clamp(1.5rem, 3vw, 2rem);
    --text-3xl: clamp(2rem, 4vw, 2.5rem);
    --text-4xl: clamp(2.5rem, 5vw, 3.5rem);
    --text-5xl: clamp(3.5rem, 6vw, 4.5rem);
  }

  /* Reset & Base */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body {
    font-family: var(--font-system);
    font-size: var(--text-base);
    line-height: 1.7;
    color: var(--ink);
    background: var(--bg);
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
  }

  /* Background Ambient */
  body::before {
    content: '';
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background:
      radial-gradient(circle at 20% 20%, rgba(88, 166, 255, 0.12) 0%, transparent 52%),
      radial-gradient(circle at 80% 80%, rgba(57, 211, 83, 0.10) 0%, transparent 55%),
      radial-gradient(circle at 40% 60%, rgba(255, 166, 87, 0.08) 0%, transparent 52%);
    pointer-events: none; z-index: -1; animation: gradientFloat 20s ease-in-out infinite;
  }
  @keyframes gradientFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-20px) scale(1.05); } }

  a { color: inherit; text-decoration: none; transition: all 0.3s ease; }
  a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #58a6ff; outline-offset: 2px; border-radius: var(--radius-sm); }

  .container { max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-padding); }
  .section { padding: clamp(3rem, 6vw, 5rem) 0; position: relative; }

  .glass { background: var(--glass); border: 1px solid var(--glass-border); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: relative; }
  .glass::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%); border-radius: inherit; pointer-events: none; }

  .tag { display:inline-flex; align-items:center; gap:var(--space-sm); padding:var(--space-sm) var(--space-md); background:var(--accent-primary); color:#000; font-weight:700; font-size:var(--text-sm); border-radius:var(--radius-pill); box-shadow:var(--shadow-sm); position:relative; overflow:hidden; transition:.3s; }
  .tag::before { content:''; position:absolute; inset:0; background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,.2) 50%, transparent 70%); transform:translateX(-100%); transition:transform .6s; }
  .tag:hover::before { transform:translateX(100%); }

  .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 1000; }
  .skip-link:focus { left: var(--space-md); top: var(--space-md); width: auto; height: auto; background: var(--bright); color: #000; padding: var(--space-md); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); }

  /* HERO */
  .hero { background: linear-gradient(135deg, rgba(88, 166, 255, 0.05) 0%, transparent 100%); border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
  .hero::before { content:''; position:absolute; top:-50%; right:-20%; width:80%; height:200%; background:radial-gradient(circle, rgba(88,166,255,.08) 0%, transparent 70%); animation: heroFloat 15s ease-in-out infinite; }
  @keyframes heroFloat { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-30px) rotate(5deg)} }
  .hero .grid { display:grid; gap: clamp(2rem, 4vw, 3rem); grid-template-columns:1fr; position:relative; z-index:2; }
  @media (min-width:1024px){ .hero .grid{ grid-template-columns:1.2fr .8fr; align-items:center; } }
  .h-title{ font-size:var(--text-5xl); font-weight:900; line-height:1.1; letter-spacing:-.02em; margin:var(--space-md) 0; color:var(--ink-strong); text-shadow:0 2px 4px rgba(0,0,0,.35); }
  .h-title .grad{ background:var(--accent-primary); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; position:relative; }
  .h-title .grad::after{ content:''; position:absolute; bottom:-4px; left:0; width:100%; height:3px; background:var(--accent-primary); border-radius:var(--radius-pill); animation: gradientShimmer 3s ease-in-out infinite; }
  @keyframes gradientShimmer { 0%,100%{opacity:.6; transform:scaleX(1)} 50%{opacity:1; transform:scaleX(1.05)} }
  .h-lead{ font-size:var(--text-xl); color:var(--muted); max-width:65ch; line-height:1.6; margin-bottom:var(--space-xl); }
  .h-cta{ display:flex; flex-wrap:wrap; gap:var(--space-md); margin-top:var(--space-xl); }

  /* Buttons */
  .btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--space-sm); padding:var(--space-lg) var(--space-xl); border-radius:var(--radius-lg); border:1px solid transparent; font-weight:700; font-size:var(--text-base); cursor:pointer; transition:.3s; position:relative; overflow:hidden; text-decoration:none; }
  .btn::before{ content:''; position:absolute; inset:0; background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,.1) 50%, transparent 70%); transform:translateX(-100%); transition:transform .6s; }
  .btn:hover::before{ transform:translateX(100%); }
  .btn-primary{ background:var(--accent-primary); color:#000; box-shadow:var(--shadow-md), var(--shadow-glow); border:1px solid rgba(88,166,255,.3); }
  .btn-primary:hover{ transform:translateY(-2px) scale(1.02); box-shadow:var(--shadow-lg), 0 0 60px rgba(239,240,241,.3); }
  .btn.btn-ghost{
    --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff;
    --bs-btn-border-color:rgba(255,255,255,.35); --bs-btn-hover-border-color:rgba(255,255,255,.5);
    background:var(--hover-bg); border:1px solid var(--border);
  }

  /* Card */
  .card{ background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--space-lg); box-shadow:var(--shadow-md); transition:.3s; position:relative; overflow:hidden; }
  .card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--accent-primary); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
  .card:hover::before{ transform:scaleX(1); }
  .card:hover{ transform:translateY(-4px) scale(1.02); border-color:var(--border-hover); box-shadow:var(--shadow-lg); }
  .mini-grid{ display:grid; gap:var(--space-md); grid-template-columns:1fr; }
  @media (min-width:480px){ .mini-grid{ grid-template-columns:1fr 1fr; } }

  /* Small typographic helpers */
  .k{ font-weight:800; color:var(--ink-strong); font-size:var(--text-lg); }
  .m{ color:var(--muted); font-size:var(--text-base); line-height:1.6; }

  /* Tools Grid */
  .tools-grid{ display:grid; gap:var(--space-lg); grid-template-columns:1fr; }
  @media (min-width:640px){ .tools-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:1024px){ .tools-grid{ grid-template-columns:repeat(3,1fr); } }
  .tool-card{ position:relative; background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-xl); padding:var(--space-xl); transition:.4s; overflow:hidden; height:100%; display:flex; flex-direction:column; }
  .tool-card::before{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(88,166,255,.02) 0%, transparent 50%); opacity:0; transition:opacity .3s; }
  .tool-card:hover::before{ opacity:1; }
  .tool-card:hover{ transform:translateY(-8px) scale(1.03); border-color:var(--border-hover); box-shadow:var(--shadow-lg), var(--shadow-glow); }
  .tool-chip{ position:absolute; top:var(--space-md); right:var(--space-md); background:var(--accent-secondary); color:#000; padding:var(--space-xs) var(--space-md); border-radius:var(--radius-pill); font-size:var(--text-xs); font-weight:700; text-transform:uppercase; letter-spacing:.05em; animation:chipPulse 2s ease-in-out infinite; }
  @keyframes chipPulse{ 0%,100%{ transform:scale(1)} 50%{ transform:scale(1.05)} }
  .tool-ico{ width:64px; height:64px; border-radius:var(--radius-lg); background:var(--accent-primary); display:grid; place-items:center; font-size:2rem; margin-bottom:var(--space-lg); box-shadow:var(--shadow-md); transition:.3s; }
  .tool-card:hover .tool-ico{ transform:rotate(5deg) scale(1.1); box-shadow:var(--shadow-lg); }
  .tool-t{ font-size:var(--text-xl); font-weight:800; color:var(--ink-strong); margin-bottom:var(--space-sm); line-height:1.3; }
  .tool-d{ color:var(--muted); font-size:var(--text-base); line-height:1.5; flex-grow:1; }
  .tools-grid a.tool-card, .tools-grid a.tool-card:hover, .tools-grid a.tool-card:focus{ text-decoration:none; color:inherit; }
  .tools-grid a.tool-card .tool-t{ text-underline-offset:4px; text-decoration-thickness:2px; }
  .tools-grid a.tool-card:hover .tool-t{ text-decoration:underline; text-decoration-color:var(--accent-primary); }

  /* AD Section */
  .ad-wrap{ background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-xl); overflow:hidden; position:relative; box-shadow:var(--shadow-lg); transition:.4s; }
  .ad-wrap::before{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(88,166,255,.1) 0%, transparent 50%); opacity:0; transition:opacity .3s; pointer-events:none; }
  .ad-wrap:hover::before{ opacity:1; }
  .ad-wrap:hover{ transform:scale(1.02); border-color:var(--border-hover); box-shadow:var(--shadow-lg), var(--shadow-glow); }
  .ad-grid{ display:grid; grid-template-columns:1fr; gap:0; }
  @media (min-width:1024px){ .ad-grid{ grid-template-columns:.9fr 1.1fr; } }
  .ad-media{ background:linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%); min-height:300px; position:relative; overflow:hidden; }
  .ad-media img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:transform .6s; pointer-events:none; }
  .ad-wrap:hover .ad-media img{ transform:scale(1.05) perspective(1000px) rotateY(calc(var(--mx,0)*.01deg)) rotateX(calc(var(--my,0)*-.01deg)); }
  .ad-badge{ position:absolute; top:var(--space-lg); left:var(--space-lg); background:var(--accent-tertiary); color:#000; padding:var(--space-md) var(--space-lg); border-radius:var(--radius-lg); font-weight:800; font-size:var(--text-sm); display:inline-flex; align-items:center; gap:var(--space-sm); box-shadow:var(--shadow-md); animation:badgeFloat 4s ease-in-out infinite; z-index:10; }
  .ad-badge::before{ content:''; width:8px; height:8px; border-radius:50%; background:radial-gradient(circle, #fff 0%, #ffa657 100%); animation:badgePulse 2s ease-in-out infinite; }
  @keyframes badgeFloat{ 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-8px) rotate(2deg)} }
  @keyframes badgePulse{ 0%,100%{ box-shadow:0 0 0 rgba(255,255,255,0)} 50%{ box-shadow:0 0 20px rgba(255,255,255,.6)} }
  .ad-body{ padding:var(--space-xl); background:var(--glass); backdrop-filter:blur(20px); }
  .ad-title{ color:var(--ink-strong); font-size:var(--text-2xl); font-weight:800; margin-bottom:var(--space-md); line-height:1.3; }
  .ad-desc{ color:var(--muted); font-size:var(--text-base); line-height:1.6; margin-bottom:var(--space-lg); }
  .ad-price b{ background:var(--accent-secondary); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-size:var(--text-xl); font-weight:800; }
  .ad-cta{ width:100%; background:var(--accent-primary); color:#000; font-weight:700; padding:var(--space-lg) var(--space-xl); border-radius:var(--radius-lg); border:none; cursor:pointer; transition:.3s; font-size:var(--text-base); display:inline-block; text-align:center; }
  .ad-cta:hover{ transform:translateY(-2px) scale(1.02); box-shadow:var(--shadow-lg), 0 0 40px rgba(88,166,255,.3); }

  /* Premium Services */
  #premium-services { --ink-soft: rgba(255,255,255,.88); }
  #premium-services .seo-block { color: var(--ink-soft); }
  .svc-grid{ display:grid; gap:var(--space-lg); grid-template-columns:1fr; }
  @media (min-width:1024px){ .svc-grid{ grid-template-columns:repeat(3,1fr); } }
  .svc-card{ display:block; background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-xl); padding:var(--space-xl); transition:.4s; height:100%; position:relative; overflow:hidden; text-decoration:none; color:inherit; cursor:pointer; }
  .svc-card::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(88,166,255,.1), transparent); transition:left .6s; pointer-events:none; }
  .svc-card:hover::before{ left:100%; }
  .svc-card:hover{ transform:translateY(-8px) scale(1.03); border-color:var(--border-hover); box-shadow:var(--shadow-lg), var(--shadow-glow); }
  .svc-ico{ font-size:3rem; line-height:1; display:inline-block; margin-bottom:var(--space-lg); padding:var(--space-lg); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); transition:.3s; }
  .svc-card:hover .svc-ico{ transform:rotate(5deg) scale(1.1); box-shadow:var(--shadow-lg); }
  .svc-card h3{ font-weight:800; color:var(--ink-strong); font-size:var(--text-xl); margin-bottom:var(--space-md); line-height:1.3; }
  .svc-card p{ color:var(--muted); font-size:var(--text-base); line-height:1.6; margin-bottom:var(--space-lg); }
  .svc-card ul{ list-style:none; padding:0; }
  .svc-card li{ display:flex; align-items:center; gap:var(--space-md); margin:var(--space-md) 0; color:var(--ink); font-size:var(--text-sm); padding:var(--space-sm) 0; border-bottom:1px solid var(--border); transition:.3s; }
  .svc-card li:last-child{ border-bottom:none; }
  .svc-card li:hover{ color:var(--ink-strong); transform:translateX(4px); }
  .svc-card .cta-hint{ margin-top:auto; color:var(--accent-primary-solid); font-weight:600; font-size:var(--text-sm); opacity:0; transform:translateY(10px); transition:.3s; }
  .svc-card:hover .cta-hint{ opacity:1; transform:translateY(0); }
  .svc-desc{ color:#cfe0ff; line-height:1.65; overflow-wrap:anywhere; word-break:break-word; }
  .svc-desc p{ margin:0 0 .75rem; } .svc-desc :last-child{ margin-bottom:0; }
  .svc-feat{ overflow-wrap:anywhere; word-break:break-word; }

  /* FAQ / CTA / Reveal */
  .faq{ display:grid; gap:var(--space-md); }
  .faq details{ background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; transition:.3s; }
  .faq details:hover{ border-color:var(--border-hover); box-shadow:var(--shadow-sm); }
  .faq details[open]{ border-color:var(--border-hover); box-shadow:var(--shadow-md); }
  .faq summary{ cursor:pointer; list-style:none; padding:var(--space-lg); font-weight:700; font-size:var(--text-lg); color:var(--ink-strong); display:flex; align-items:center; justify-content:space-between; transition:.3s; background:var(--hover-bg); }
  .faq summary:hover{ background:var(--active-bg); }
  .faq summary::after{ content:'+'; font-size:var(--text-xl); font-weight:300; color:var(--accent-primary); transition:transform .3s; }
  .faq details[open] summary::after{ transform:rotate(45deg); }
  .faq p{ color:var(--muted); margin:0; padding:0 var(--space-lg) var(--space-lg); font-size:var(--text-base); line-height:1.6; }

  .cta-band{ background:linear-gradient(135deg, rgba(88,166,255,.1) 0%, rgba(57,211,83,.05) 100%); border-top:1px solid var(--border); position:relative; overflow:hidden; }
  .cta-band::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent); animation:ctaShimmer 8s ease-in-out infinite; }
  @keyframes ctaShimmer{ 0%,100%{ left:-100% } 50%{ left:100% } }
  .cta-flex{ display:flex; flex-wrap:wrap; gap:var(--space-lg); align-items:center; justify-content:space-between; position:relative; z-index:2; }
  .cta-band h2{ color:var(--ink-strong); font-size:var(--text-3xl); font-weight:800; margin-bottom:var(--space-sm); }
  .cta-band p{ color:var(--muted); font-size:var(--text-lg); margin:0; }

  .reveal{ opacity:0; transform:translateY(30px) scale(.95); transition:all .6s cubic-bezier(.4,0,.2,1); }
  .reveal.in{ opacity:1; transform:translateY(0) scale(1); }
  .reveal:nth-child(1){ transition-delay:.1s } .reveal:nth-child(2){ transition-delay:.2s } .reveal:nth-child(3){ transition-delay:.3s }
  .reveal:nth-child(4){ transition-delay:.4s } .reveal:nth-child(5){ transition-delay:.5s } .reveal:nth-child(6){ transition-delay:.6s }

  @media (max-width:768px){
    .hero .grid{ text-align:center; }
    .h-cta{ justify-content:center; }
    .cta-flex{ text-align:center; justify-content:center; }
    .ad-grid{ grid-template-columns:1fr; }
  }
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .reveal{ transition:none; }
  }
  @media (prefers-contrast: high){
    :root{ --border:rgba(255,255,255,.3); --border-hover:rgba(255,255,255,.5); --ink:#fff; --muted:#e6e6e6; }
  }
  ::-webkit-scrollbar{ width:8px; } ::-webkit-scrollbar-track{ background:var(--bg-2); }
  ::-webkit-scrollbar-thumb{ background:var(--accent-primary); border-radius:var(--radius-pill); }
  ::-webkit-scrollbar-thumb:hover{ background:linear-gradient(135deg,#58a6ff 0%,#1f6feb 100%); }
  @media print{ body{ background:#fff !important; color:#000 !important; } .hero::before,.ad-wrap::before,.cta-band::before{ display:none; } }

  /* ——— مخصوص این صفحه: سرچ و نتایج ——— */
  .search{ background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-xl); padding:var(--space-lg); box-shadow:var(--shadow-md); }
  .search-row{ display:flex; gap:var(--space-md); flex-wrap:wrap; align-items:center; }
  .search-input{
    flex:1; min-width:260px; height:56px; border-radius:var(--radius-lg);
    border:1px solid var(--border); background:#0f172a;
    color:#fff; caret-color:#fff; padding:0 var(--space-lg); font-size:var(--text-lg);
  }
  .search-input::placeholder{ color:rgba(255,255,255,.72); }
  .search-input:-webkit-autofill,
  .search-input:-webkit-autofill:hover,
  .search-input:-webkit-autofill:focus{
    -webkit-text-fill-color:#fff; transition:background-color 9999s ease-in-out 0s;
    box-shadow:0 0 0px 1000px #0f172a inset;
  }

  .results-h{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-md); flex-wrap:wrap; }
  .thumb-grid{ display:grid; gap:var(--space-lg); grid-template-columns:1fr; }
  @media (min-width:680px){ .thumb-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:1024px){ .thumb-grid{ grid-template-columns:repeat(3,1fr); } }
  .thumb-card{ overflow:hidden; }
  .thumb-wrap{ position:relative; aspect-ratio:16/9; background:#0b1328; border-radius:var(--radius-md); overflow:hidden; }
  .thumb-skeleton{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(240,246,252,.05) 25%, rgba(240,246,252,.1) 37%, rgba(240,246,252,.05) 63%); background-size:400% 100%; animation:shimmer 1.5s ease-in-out infinite; }
  @keyframes shimmer{ 0%{background-position:100% 0} 100%{background-position:-100% 0} }
  .thumb-img{ width:100%; height:100%; object-fit:cover; display:block; }
  .thumb-title{ font-weight:800; color:var(--ink-strong); margin:.25rem 0 .5rem; }
  .thumb-meta{ color:var(--muted); font-size:var(--text-sm); display:flex; gap:var(--space-md); flex-wrap:wrap; }
  .btn-outline{ display:inline-flex; align-items:center; gap:var(--space-sm); padding:.6rem .9rem; border-radius:var(--radius-md); border:1px solid var(--border); background:var(--hover-bg); color:var(--ink); font-weight:700; }
  .btn-outline:hover{ background:var(--active-bg); border-color:var(--border-hover); }

  /* Keyword Index (سئو دوستانه) */
  .keyword-cloud{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:var(--space-xl) }
  .keyword-cloud a{
    font-size:var(--text-sm); color:#dbe7ff; background:rgba(88,166,255,.12);
    border:1px solid rgba(88,166,255,.35); border-radius:var(--radius-pill);
    padding:.35rem .65rem; line-height:1; white-space:nowrap
  }
  .keyword-cloud a:hover{ background:rgba(88,166,255,.2); border-color:var(--border-hover); }
  .breadcrumb{ font-size:var(--text-sm); color:var(--muted); margin-bottom:var(--space-md) }
  .breadcrumb a{ text-decoration:underline; text-underline-offset:2px; color:var(--ink) }
  .breadcrumb span{ opacity:.8 }

  /* ==== SPACING FIX & TOOLS HEADER CONTROLS ==== */
  /* کم کردن فاصله بین Tools و Premium */
  #tools{ padding-bottom: clamp(1rem, 2.5vw, 1.5rem) !important; }
  #tools #tools-h{ margin-bottom: 0 !important; } /* جلوگیری از فاصله اضافی زیر تیتر */
  #premium-services{ padding-top: clamp(0.75rem, 2vw, 1.25rem) !important; }

  /* سربرگ ابزارها با دکمه پرمیوم */
  .tools-head{
    display:flex; align-items:flex-end; justify-content:space-between;
    gap:var(--space-md); flex-wrap:wrap; margin-bottom: var(--space-md);
  }
  .tools-actions{ display:flex; gap: var(--space-md); }
  .tools-subhead{ color: var(--muted); max-width: 80ch; margin: .25rem 0 var(--space-lg); }