/*
Theme Name: SSSTikTok
Theme URI: https://ssstiktok.tech
Template: blocksy
Author: ssstiktok.tech
Description: Blocksy child theme powering the SSSTikTok TikTok-downloader design (tool-first, fast, conversion-focused).
Version: 2.0.0
Requires PHP: 8.0
Text Domain: ssstiktok
*/

/* ============================================================================
   SSSTikTok v2 design system — light, crafted, display-typographic.
   Ported from the approved mock onto Blocksy + downloader-plugin + Gutenberg.
   ============================================================================ */

@font-face{
  font-family:'Space Grotesk';
  src:url('fonts/space-grotesk.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
  /* latin only; non-latin scripts (ur/bn/etc) fall back to the system stack */
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212;
}

:root{
  --bg:oklch(0.985 0.006 300);
  --line:oklch(0.9 0.01 300);
  --ink:oklch(0.24 0.03 285);
  --muted:oklch(0.5 0.02 285);
  --faint:oklch(0.62 0.015 285);
  --mag:oklch(0.63 0.23 11);
  --mag-2:oklch(0.58 0.24 11);
  --cyan:oklch(0.6 0.13 205);
  --surface:#fff;
  --radius:18px;
  --sh-sm:0 1px 2px oklch(0.24 0.03 285/.05),0 3px 8px -3px oklch(0.24 0.03 285/.08);
  --sh-md:0 2px 6px oklch(0.24 0.03 285/.06),0 16px 34px -14px oklch(0.24 0.03 285/.18);
  --sh-lg:0 4px 10px oklch(0.24 0.03 285/.06),0 34px 60px -24px oklch(0.63 0.23 11/.28);
  --display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* re-point Blocksy palette vars to the new system (headings/links/borders) */
body{
  --theme-link-initial-color:var(--mag);
  --theme-link-hover-color:var(--ink);
  --theme-text-color:var(--muted);
  --theme-headings-color:var(--ink);
  --theme-border-color:var(--line);
  background:var(--bg);
}
h1,h2,h3,h4,.ct-menu-link,.wp-block-button__link,.site-title{font-family:var(--display);letter-spacing:-.02em}
h1,h2,h3,h4{color:var(--ink);font-weight:700}

/* motion hygiene */
html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}
a:focus-visible,summary:focus-visible,.wp-element-button:focus-visible,.ssstk .ssstk-input:focus-visible,.ssstk .ssstk-submit:focus-visible,.ssstk .ssstk-paste:focus-visible{outline:3px solid var(--mag);outline-offset:2px}

/* ---------- header ---------- */
[data-header] .ct-header,header [data-row]{background:oklch(0.985 0.006 300/.82)!important;backdrop-filter:blur(12px)}
[data-header]{box-shadow:0 1px 0 var(--line)}
.site-title{font-weight:700;font-size:1.28rem;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:9px}
.site-title::before{content:"";width:30px;height:30px;border-radius:9px;flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%2523fff%27%3E%3Cpath%20d%3D%27M12%203v9.2l3.1-3.1%201.5%201.5L12%2015.9%206.9%2010.6l1.5-1.5L11.5%2012.2V3zM6%2017h12v2H6z%27%2F%3E%3C%2Fsvg%3E") center/17px no-repeat,linear-gradient(135deg,var(--mag),oklch(0.68 0.18 335));
  box-shadow:0 6px 18px -6px var(--mag)}
.ct-menu-link{font-weight:500}

/* ---------- hero ---------- */
body.home{background:var(--bg)}
.ssstk-hero{position:relative;text-align:center;padding-block:clamp(2rem,4vw,3.5rem) 0}
.ssstk-hero::before{content:"";position:absolute;inset:-30% -20% auto;height:640px;z-index:-1;pointer-events:none;
  background:radial-gradient(620px 320px at 26% 6%,oklch(0.63 0.23 11/.14),transparent 68%),
            radial-gradient(600px 340px at 80% 16%,oklch(0.78 0.135 200/.16),transparent 68%)}
.ssstk-hero h1{font-size:clamp(2.15rem,1.3rem+3.4vw,3.6rem);line-height:1.08;max-width:19ch;margin:0 auto .5em;text-wrap:balance}
.ssstk-hero h1 .kw{color:var(--mag);background:none;-webkit-text-fill-color:currentColor}
.ssstk-sub{font-size:clamp(1rem,.94rem+.4vw,1.18rem);color:var(--muted);max-width:52ch;margin-inline:auto}

/* trust chips as pills w/ check */
.ssstk-trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.ssstk-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);
  background:var(--surface);border:1px solid var(--line);padding:8px 14px;border-radius:100px;box-shadow:var(--sh-sm)}
.ssstk-trust span::before{content:"";width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25230e9aa7%27%3E%3Cpath%20d%3D%27M9%2016.2%204.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.ssstk-trust span+span::before{margin:0}

/* ---------- tool card ---------- */
#ssstk-app{max-width:600px;margin:34px auto 0;padding:22px;border:2px solid transparent;border-radius:var(--radius);
  background:linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(120deg,var(--mag),oklch(0.7 0.18 330) 42%,oklch(0.8 0.135 200)) border-box;
  box-shadow:var(--sh-lg)}
.ssstk-form{background:none;box-shadow:none;padding:0}
.ssstk-row{display:flex;gap:10px;position:static}
.ssstk-input{flex:1;min-width:0;height:58px;padding:0 16px;font-size:16px;color:var(--ink);
  background:oklch(0.975 0.005 300);border:1.5px solid var(--line);border-radius:13px}
.ssstk-input:focus{border-color:var(--mag);background:#fff;box-shadow:0 0 0 4px oklch(0.63 0.23 11/.14)}
.ssstk-paste{position:static;height:58px;min-height:58px;padding:0 16px;background:oklch(0.94 0.008 300);
  color:var(--ink);border:1px solid var(--line);border-radius:13px;font-weight:600;font-size:14px}
.ssstk-submit{height:58px;min-height:58px;padding:0 26px;border:0;border-radius:13px;font-family:var(--display);
  font-weight:700;font-size:17px;color:#fff;background:linear-gradient(135deg,var(--mag),var(--mag-2));
  box-shadow:0 12px 26px -10px var(--mag)}
.ssstk-submit:hover{background:linear-gradient(135deg,var(--mag),var(--mag-2));filter:brightness(1.05)}
/* collapse reserved space when there is no message/result -> no dead space */
.ssstk-msg{margin:.75rem 0 0;color:var(--muted);font-size:13.5px;min-height:0}
.ssstk-msg:empty{margin:0}
.ssstk-result{margin-top:0}
.ssstk-result:not(:empty){margin-top:1rem}
.ssstk-turnstile:empty{min-height:0;margin:0}

/* ---------- section rhythm + kickers ---------- */
.ssstk-section{margin-top:clamp(3.5rem,8vw,5.5rem)}
/* editorial default: headings + prose left-aligned for readable multi-paragraph content */
.ssstk-section>h2{font-family:var(--display);font-size:clamp(1.6rem,1.1rem+2vw,2.4rem);text-align:left;margin-bottom:.55em}
.ssstk-section>p{color:var(--muted);text-align:left;max-width:68ch;margin:0 0 1em}
.ssstk-section>ul:not(.ssstk-steps),.ssstk-section>ol:not(.ssstk-steps){color:var(--muted);max-width:68ch;margin:0 0 1em}
.ssstk-section>ul li,.ssstk-section>ol li{margin-bottom:.4em}
/* FAQ heading fronts a full-width accordion -> center it */
.ssstk-faq>h2{text-align:center}
/* step "how-to" sections: heading + lead centered to match the centered step flow */
.ssstk-section:has(.ssstk-steps)>h2{text-align:center;margin-bottom:.2em}
.ssstk-section:has(.ssstk-steps)>p:first-of-type{text-align:center;max-width:56ch;margin:.4em auto 1.2em}

/* ---------- steps: connected flow ---------- */
.ssstk-steps{list-style:none;padding:0;margin:44px 0 0;display:grid;gap:24px;position:relative;counter-reset:step}
@media(min-width:700px){
  .ssstk-steps{grid-template-columns:repeat(3,1fr)}
  .ssstk-steps::before{content:"";position:absolute;top:28px;left:16%;right:16%;height:2px;
    background:linear-gradient(90deg,var(--mag),oklch(0.7 0.16 300),oklch(0.6 0.13 205));opacity:.5}
}
.ssstk-steps>li{background:none;border:0;padding:0;margin:0;text-align:center;position:relative;counter-increment:step}
.ssstk-steps>li::before{content:counter(step);position:static;display:grid;width:56px;height:56px;margin:0 auto 16px;border-radius:17px;
  place-items:center;font-family:var(--display);font-weight:700;font-size:23px;color:#fff;
  background:linear-gradient(135deg,var(--mag),oklch(0.7 0.18 335));box-shadow:0 12px 24px -10px var(--mag)}
.ssstk-steps>li strong{display:block;font-family:var(--display);font-size:1.06rem;color:var(--ink);margin-bottom:4px}
.ssstk-steps>li{color:var(--muted);font-size:.95rem}

/* ---------- features: bento ---------- */
.ssstk-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.ssstk-feature{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 24px 26px;
  box-shadow:var(--sh-sm);margin:0}
.ssstk-feature::before{content:"";display:block;width:46px;height:46px;border-radius:13px;margin-bottom:16px;
  background-color:oklch(0.63 0.23 11/.1);background-repeat:no-repeat;background-position:center;background-size:23px}
.ssstk-feature h3{font-family:var(--display);font-size:1.12rem;color:var(--ink);margin:0 0 7px}
.ssstk-feature p{color:var(--muted);font-size:.94rem;margin:0}
.ssstk-feature:nth-child(1),.ssstk-feature:nth-child(6){display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;padding:26px}
.ssstk-feature:nth-child(1){grid-column:span 2;background:linear-gradient(145deg,oklch(0.63 0.23 11/.08),var(--surface));border-color:oklch(0.63 0.23 11/.22)}
.ssstk-feature:nth-child(6){grid-column:span 3}
.ssstk-feature:nth-child(1)::before,.ssstk-feature:nth-child(6)::before{grid-row:1/3;margin:0;width:54px;height:54px;background-size:27px}
.ssstk-feature:nth-child(1) h3,.ssstk-feature:nth-child(6) h3{grid-column:2;align-self:end;margin:0 0 4px}
.ssstk-feature:nth-child(1) p,.ssstk-feature:nth-child(6) p{grid-column:2;align-self:start}
.ssstk-feature:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%2523fe2c55%27%3E%3Cpath%20d%3D%27M12%202%204%205v6c0%205%203.4%208.6%208%2010%204.6-1.4%208-5%208-10V5l-8-3zm-1%2013-3-3%201.4-1.4L11%2012.2l4.6-4.6L17%209z%27%2F%3E%3C%2Fsvg%3E")}
.ssstk-feature:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25230e9aa7%27%3E%3Cpath%20d%3D%27M12%203a9%209%200%201%200%209%209%209%209%200%200%200-9-9zm0%204%204%205h-3v4h-2v-4H8z%27%2F%3E%3C%2Fsvg%3E");background-color:oklch(0.78 0.135 200/.16)}
.ssstk-feature:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%2523fe2c55%27%3E%3Cpath%20d%3D%27M12%203v10.6A4%204%200%201%200%2014%2017V7h4V3h-6z%27%2F%3E%3C%2Fsvg%3E")}
.ssstk-feature:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25230e9aa7%27%3E%3Cpath%20d%3D%27M21%204H3v16h18V4zM7%208l6%204-6%204V8z%27%2F%3E%3C%2Fsvg%3E");background-color:oklch(0.78 0.135 200/.16)}
.ssstk-feature:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%2523fe2c55%27%3E%3Cpath%20d%3D%27M6.5%208a4%204%200%201%200%200%208c1.6%200%202.7-1%203.5-2%20.8%201%201.9%202%203.5%202a4%204%200%201%200%200-8c-1.6%200-2.7%201-3.5%202-.8-1-1.9-2-3.5-2zm0%202c.9%200%201.5.7%202.2%201.6l.3.4-.3.4C8%2012.8%207.4%2013.5%206.5%2013.5a1.5%201.5%200%200%201%200-3.5zm11%200a1.5%201.5%200%200%201%200%203.5c-.9%200-1.5-.7-2.2-1.6l-.3-.4.3-.4c.7-.9%201.3-1.6%202.2-1.6z%27%2F%3E%3C%2Fsvg%3E")}
.ssstk-feature:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%25230e9aa7%27%3E%3Cpath%20d%3D%27M17%201H7a2%202%200%200%200-2%202v18a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V3a2%202%200%200%200-2-2zm0%2018H7V5h10z%27%2F%3E%3C%2Fsvg%3E");background-color:oklch(0.78 0.135 200/.16)}

/* ---------- FAQ ---------- */
.ssstk-faq .wp-block-details{border:1px solid var(--line);border-radius:14px;background:var(--surface);
  box-shadow:var(--sh-sm);padding:18px 22px;margin-bottom:10px}
.ssstk-faq summary{font-family:var(--display);font-weight:600;font-size:1.02rem;color:var(--ink);
  cursor:pointer;list-style:none;padding:0 28px 0 0;position:relative;min-height:auto}
.ssstk-faq summary::-webkit-details-marker{display:none}
.ssstk-faq summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;color:var(--mag);font-size:1.5rem;font-weight:700}
.ssstk-faq details[open] summary::after{content:"\2212"}
.ssstk-faq details>p{color:var(--muted);margin:.9rem 0 0}

/* ---------- about ---------- */
.ssstk-about p{color:var(--muted)}

/* ---------- CTA ---------- */
.ssstk-cta{text-align:center;border-radius:26px;padding:clamp(2.4rem,6vw,3.6rem) 1.5rem;margin-bottom:1rem;
  background:linear-gradient(135deg,oklch(0.63 0.23 11/.1),oklch(0.78 0.135 200/.12)),var(--surface);
  border:1px solid var(--line);box-shadow:var(--sh-md)}
.ssstk-cta .wp-block-button__link{font-family:var(--display);font-weight:700;font-size:1.05rem;color:#fff;
  background:linear-gradient(135deg,var(--mag),var(--mag-2));border-radius:13px;padding:.85em 2em;
  box-shadow:0 12px 26px -10px var(--mag)}

/* ---------- blog / single article ---------- */
.single-post .entry-content{font-size:1.05rem;line-height:1.75}
.single-post .entry-content>p,.single-post .entry-content>ul,.single-post .entry-content>ol{max-width:70ch}
.single-post .entry-content>h2{font-family:var(--display);font-size:clamp(1.5rem,1.1rem+1.6vw,2rem);margin:2.2em 0 .55em;text-align:left}
.single-post .entry-content>h3{font-family:var(--display);font-size:1.25rem;margin:1.7em 0 .4em}
.single-post .entry-content a{color:var(--mag)}
.single-post .entry-content code{background:oklch(0.94 0.01 300);padding:.12em .42em;border-radius:6px;font-size:.9em}
.single-post .entry-content li{margin-bottom:.5em}
.ssstk-post-hero{margin:0 0 2.2em}
.ssstk-post-hero img,.ssstk-figure img,.single-post .wp-block-image img{border-radius:16px;box-shadow:var(--sh-md);display:block}
.ssstk-figure{margin:2em 0}
.single-post .wp-block-details{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--sh-sm);padding:16px 22px;margin-bottom:10px}
.single-post .wp-block-details summary{font-family:var(--display);font-weight:600;color:var(--ink);cursor:pointer;list-style:none;position:relative;padding-right:28px}
.single-post .wp-block-details summary::-webkit-details-marker{display:none}
.single-post .wp-block-details summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;color:var(--mag);font-size:1.4rem;font-weight:700}
.single-post .wp-block-details[open] summary::after{content:"\2212"}
.single-post .entry-meta,.single-post .ct-meta-element{color:var(--faint)}

/* ---------- blog archive / hub cards ---------- */
.entry-card{display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease}
.entry-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.entry-card>*{padding-left:22px;padding-right:22px}
.entry-card .ct-media-container{order:-2;margin:0;padding:0;display:block;aspect-ratio:1200/630;overflow:hidden;border-bottom:1px solid var(--line)}
.entry-card .ct-media-container img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;display:block;transition:transform .35s ease}
.entry-card:hover .ct-media-container img{transform:scale(1.03)}
.entry-card>.entry-meta:first-child{order:-1;padding-top:18px}
.entry-card .entry-title{order:0;font-family:var(--display);font-weight:700;font-size:1.12rem;line-height:1.32;letter-spacing:-.01em;margin:11px 0 0}
.entry-card .entry-title a{color:var(--ink);text-decoration:none}
.entry-card .entry-title a:hover{color:var(--mag)}
.entry-card .entry-excerpt{order:1;color:var(--muted);font-size:.92rem;line-height:1.6;margin:10px 0 16px}
.entry-card>.entry-meta:last-child{order:2;margin-top:auto;padding-bottom:18px;color:var(--faint);font-size:.78rem}
.entry-card .meta-categories a,.entry-card .ct-term-39{color:var(--mag);font-family:var(--display);font-weight:600;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.entry-card .entry-meta a{color:var(--muted);text-decoration:none}
.entry-card .entry-meta a:hover{color:var(--mag)}

/* ---------- tools hub ---------- */
.ssstk-toolhub{max-width:1080px;margin:0 auto;padding:8px 0 24px}
.ssstk-toolhub-intro{font-size:1.12rem;line-height:1.6;color:var(--muted);max-width:60ch;margin:0 0 2.2rem}
.ssstk-toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ssstk-tool-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 26px 64px;text-decoration:none;box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease}
.ssstk-tool-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.ssstk-tool-card h3{font-family:var(--display);font-weight:700;font-size:1.22rem;color:var(--ink);margin:0 0 11px;letter-spacing:-.015em}
.ssstk-tool-card p{color:var(--muted);font-size:.95rem;line-height:1.58;margin:0}
.ssstk-tool-go{position:absolute;left:26px;bottom:24px;width:38px;height:38px;border-radius:12px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h13M12%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E") center/17px no-repeat,linear-gradient(135deg,var(--mag),oklch(0.68 0.18 335));box-shadow:0 8px 18px -8px var(--mag)}
.ssstk-tool-card:hover .ssstk-tool-go{translate:4px 0}
[dir="rtl"] .ssstk-tool-go{left:auto;right:26px;scale:-1 1}

/* ---------- footer (structured) ---------- */
.ct-footer{position:relative;background:oklch(0.974 0.008 300)!important;overflow:hidden}
.ct-footer::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 220px at 12% 0%,oklch(0.63 0.23 11/.06),transparent 70%),
    radial-gradient(620px 240px at 88% 8%,oklch(0.6 0.13 205/.07),transparent 70%)}
.ct-footer-copyright{max-width:none;text-align:start;font-size:inherit;color:var(--muted);position:relative}
.ssstk-foot-top{display:grid;grid-template-columns:1.6fr 1fr .9fr 1.5fr 1.1fr;gap:30px;padding:48px 0 36px}
.ssstk-foot-guides>a{line-height:1.35;margin-bottom:12px}
.ssstk-foot-guides h4 a{color:inherit;text-decoration:none}
.ssstk-foot-guides h4 a:hover{color:var(--mag)}
.ssstk-foot-logo{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:14px}
.ssstk-foot-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,var(--mag),oklch(0.68 0.18 335));box-shadow:0 8px 20px -6px var(--mag)}
.ssstk-foot-mark svg{width:19px;height:19px}
.ssstk-foot-tag{color:var(--muted);font-size:.92rem;line-height:1.6;max-width:34ch;margin:0}
.ssstk-foot-col h4{font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin:0 0 15px}
.ssstk-foot-col>a{display:block;color:var(--muted);text-decoration:none;font-size:.92rem;margin-bottom:10px}
.ssstk-foot-col>a:hover{color:var(--mag)}
.ssstk-foot-langs{list-style:none;margin:0;padding:0}
.ssstk-foot-langs li{margin-bottom:10px;list-style:none}
.ssstk-foot-langs a{color:var(--muted);text-decoration:none;font-size:.92rem}
.ssstk-foot-langs a:hover{color:var(--mag)}
.ssstk-foot-langs .current-lang>a{color:var(--ink);font-weight:600}
.ssstk-foot-bottom{border-top:1px solid var(--line);padding:20px 0 6px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
.ssstk-foot-copy{color:var(--faint);font-size:.8rem;line-height:1.6;max-width:74ch;margin:0}
.ssstk-foot-copy b{color:var(--muted)}
.ssstk-foot-legal{display:flex;gap:16px;font-size:.8rem}
.ssstk-foot-legal a{color:var(--muted);text-decoration:none}
.ssstk-foot-legal a:hover{color:var(--mag)}
@media(max-width:820px){
  .ssstk-foot-top{grid-template-columns:1fr 1fr;gap:30px 24px;padding:40px 0 30px}
  .ssstk-foot-brand{grid-column:1/-1}
  .ssstk-foot-bottom{flex-direction:column;align-items:flex-start}
}

/* ---------- RTL ---------- */
[dir="rtl"] .ssstk-feature:nth-child(6){flex-direction:row-reverse}
[dir="rtl"] .ssstk-faq summary{padding:0 0 0 28px}
[dir="rtl"] .ssstk-faq summary::after{right:auto;left:0}

/* ---------- responsive ---------- */
@media(max-width:700px){
  .ssstk-row{flex-wrap:wrap}
  .ssstk-submit{flex:1 1 100%}
  .ssstk-input{flex:1 1 64%}
  .ssstk-features{grid-template-columns:1fr}
  .ssstk-feature:nth-child(1),.ssstk-feature:nth-child(6){grid-column:span 1;display:block;padding:24px 24px 26px}
  .ssstk-feature:nth-child(1)::before,.ssstk-feature:nth-child(6)::before{margin-bottom:16px;width:46px;height:46px;background-size:23px}
  .ssstk-feature:nth-child(1) h3,.ssstk-feature:nth-child(6) h3{margin:0 0 7px}
  .ssstk-toolgrid{grid-template-columns:1fr}
}