/* ArtEasy: общий слой. Единственный файл стилей, который грузится на каждой странице.
   Значения — из DESIGN-TOKENS.md (§1–5, §9). Дробные числа не округлять.
   Разделы: 1 токены · 2 reset · 3 типографика · 4 раскладка · 5 кнопки и бейджи · 6 сторы и рейтинг
   7 карточка · 8 FAQ · 9 слайдер · 10 видео · 11 поп-ап · 12 шапка · 12а переключатель языка · 12б шрифты письменностей
   13 футер · 14 CTA · 15 утилиты · 16 RTL. Логические свойства (inset-inline, margin-inline, text-align:start) вместо left/right —
   в LTR вид тот же, в RTL (арабский) зеркалится сам.
   Свои стили сборщики кладут в assets/css/<area>.css, этот файл не правят. */

/* 1. Токены (DESIGN-TOKENS §9а, дословно) */
:root{
  /* цвета */
  --ae-pink:#f6477b; --ae-pink-hover:#d83062; --ae-pink-dark:#b41e4b;
  --ae-pink-soft:#fdf1fb; --ae-pink-soft-hover:#f0deed; --ae-pink-blush:#faebf7;
  --ae-pink-badge:#ffd8df; --ae-pink-tag:#ffadbb; --ae-pink-white-hover:#f4e8f3; --ae-btn2-hover:#faeff8;
  --ae-ink:#2b3a55; --ae-ink-strong:#19213d; --ae-ink-muted:#6d758f; --ae-ink-meta:#353e5c;
  --ae-ink-faq-q:#272727; --ae-ink-faq-a:#5c5c5c; --ae-ink-rich:#333333;
  --ae-plum:#1b0f3b; --ae-plum-label:#110924;
  --ae-bg:#ffffff; --ae-bg-tint:#fffafe; --ae-bg-gray:#f5f7fa; --ae-bg-cream:#fff8f2; --ae-bg-quote:#f9fafa;
  --ae-border:#e1e4ed; --ae-border-weekly:rgba(43,58,85,.15); --ae-link-footer-hover:#e2cfdf;
  --ae-overlay:rgba(0,0,0,.5);
  --ae-grad-hero:linear-gradient(#fffafe,#fffafe 71%,#fff);
  --ae-grad-hero-inner:linear-gradient(#fffafe,#fffafe 71%,#fffafe00);
  --ae-grad-section:linear-gradient(#fffafe,#fff);
  --ae-grad-section-rev:linear-gradient(0deg,#fffafe,#fff);
  /* тени */
  --ae-shadow-card:0 4px 20px #efeef7; --ae-shadow-btn:0 1px 4px rgba(75,75,75,.078);
  --ae-shadow-btn-lg:0 1.2069px 4.82759px rgba(75,75,75,.078);
  --ae-shadow-slide:0 9.12412px 26.9162px #efeef7; --ae-shadow-about:0 4px 20px rgba(43,58,85,.1);
  --ae-shadow-hover:0 17px 0 3px #efeef7; --ae-shadow-hover-faq:0 10px 0 3px #efeef7; --ae-shadow-hover-plan:0 17px 0 3px #b41e4b;
  /* радиусы */
  --ae-r-btn-lg:38.6207px; --ae-r-btn:20px; --ae-r-pill:16px; --ae-r-card:28px; --ae-r-faq:24px;
  --ae-r-featured:40px; --ae-r-panel:48px; --ae-r-slide:34.411px; --ae-r-img:8px; --ae-r-badge-store:24px;
  /* геометрия */
  --ae-container:1106px; --ae-container-wide:1146px; --ae-gutter:24px; --ae-header-h:78px;
  --ae-measure-article:716px; --ae-measure-rich:835px;
  /* шрифт */
  --ae-font:Gilroy,Arial,sans-serif;
  --ae-h1:48px; --ae-h1-lh:59px; --ae-h2:36px; --ae-h2-lh:40px; --ae-lead:18px; --ae-lead-lh:24px;
  --ae-body:18px; --ae-body-lh:26px; --ae-btn-fs:17px;
}
@media (max-width:991px){ :root{ --ae-header-h:84px; } }
@media (max-width:479px){ :root{ --ae-h1:36px; --ae-h1-lh:46px; --ae-h2:28px; --ae-h2-lh:32px; --ae-lead:16px; --ae-lead-lh:22px; --ae-body:16px; --ae-body-lh:24px; } }

/* 2. Мягкий reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--ae-header-h)}
body{margin:0;font-family:var(--ae-font);font-size:16px;line-height:1.5;color:var(--ae-ink);background:var(--ae-bg)}
h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}
img,svg,video{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.ae-list{list-style:none;margin:0;padding:0}
main{display:block}

/* 3. Типографика (§2) */
.ae-h1{margin:0;font-size:var(--ae-h1);line-height:var(--ae-h1-lh);font-weight:700;color:var(--ae-ink);text-align:start}
.ae-h1--inner{line-height:48px}
.ae-h1--article{line-height:56px;color:var(--ae-ink-strong);text-align:start!important}
.ae-h1--doc{font-size:36px;line-height:36px;text-align:center!important}
.ae-h2{margin:0;font-size:var(--ae-h2);line-height:var(--ae-h2-lh);font-weight:700;color:var(--ae-ink);text-align:start}
.ae-h2--strong{color:var(--ae-ink-strong)}
.ae-h2--semibold{font-weight:600}
.ae-lead{margin:0;font-size:var(--ae-lead);line-height:var(--ae-lead-lh);font-weight:500;color:var(--ae-ink);text-align:start}
.ae-lead--inner{font-size:20px;line-height:28px}
.ae-body{margin:0;font-size:var(--ae-body);line-height:var(--ae-body-lh);font-weight:500;color:var(--ae-ink);text-align:start}
.ae-body--rich{font-weight:400;color:var(--ae-ink-rich);text-align:start!important}
.ae-body--legal{font-size:18px;line-height:24px;font-weight:400;text-align:start!important}
@media (max-width:991px){
  .ae-h1,.ae-h2,.ae-lead,.ae-body{text-align:center}
}
@media (max-width:479px){
  .ae-h1--inner{line-height:46px}
  .ae-h1--article{line-height:46px}
  .ae-h1--doc{font-size:28px;line-height:32px}
  .ae-lead--inner{font-size:16px;line-height:24px}
  .ae-body--legal{font-size:16px;line-height:22px}
}
.ae-center{text-align:center}

/* 4. Раскладка */
.ae-wrap{width:100%;max-width:calc(var(--ae-container) + 2 * var(--ae-gutter));margin-inline:auto;padding-inline:var(--ae-gutter)}
.ae-wrap--wide{max-width:calc(var(--ae-container-wide) + 2 * var(--ae-gutter))}
.ae-wrap--footer{max-width:calc(1212px + 2 * var(--ae-gutter))}
.ae-wrap--narrow{max-width:calc(var(--ae-measure-article) + 2 * var(--ae-gutter))}
.ae-section{padding-block:64px;background:var(--ae-bg)}
.ae-section--tint{background:var(--ae-bg-tint)}
.ae-section--gray{background:var(--ae-bg-gray)}
.ae-section--grad{background:var(--ae-grad-section)}
.ae-section--grad-rev{background:var(--ae-grad-section-rev)}
.ae-section--lg{padding-block:80px}
.ae-section--sm{padding-block:40px 24px}
.ae-section--flush{padding-block:0}
@media (max-width:479px){ .ae-section,.ae-section--lg{padding-block:40px} .ae-section--sm{padding-block:28px 24px} .ae-section--flush{padding-block:0} }
/* сплит «текст + картинка»: gap 60, на ≤991 колонка, gap 30, центр */
.ae-split{display:flex;align-items:center;justify-content:space-between;gap:60px}
.ae-split__text{display:flex;flex-direction:column;gap:24px;min-width:0}
@media (max-width:991px){ .ae-split{flex-direction:column;gap:30px} .ae-split__text{align-items:center;text-align:center} }

/* 5. Кнопки и бейджи (§5) */
.ae-btn{display:flex;justify-content:center;align-items:center;gap:3.62069px;width:100%;max-width:258px;height:60px;padding:21.7241px 33.7931px;background:var(--ae-pink);border-radius:var(--ae-r-btn-lg);box-shadow:var(--ae-shadow-btn-lg);color:#fff;font-family:var(--ae-font);font-size:var(--ae-btn-fs);line-height:24.14px;font-weight:700;text-align:center;text-decoration:none;transition:all .35s}
.ae-btn:hover{background:var(--ae-pink-hover)}
.ae-btn--auto{width:auto;max-width:none}
.ae-btn--nav{width:auto;max-width:none;height:auto;padding:11px 18px;border-radius:var(--ae-r-btn);box-shadow:var(--ae-shadow-btn);line-height:20px}
.ae-btn--secondary{max-width:none;height:48px;padding:11px 18px;border-radius:var(--ae-r-btn);background:var(--ae-bg-tint);border:1px solid var(--ae-border);box-shadow:var(--ae-shadow-btn);color:var(--ae-ink);line-height:20px}
.ae-btn--secondary:hover{background:var(--ae-btn2-hover)}
.ae-btn--plan{max-width:none;height:48px;padding:11px 18px;border-radius:var(--ae-r-btn);box-shadow:var(--ae-shadow-btn);color:var(--ae-bg-cream);line-height:20px}
.ae-btn--white{max-width:306px;height:56px;border-radius:30px;background:#fff;box-shadow:none;color:var(--ae-ink);font-weight:600}
.ae-btn--white:hover{background:var(--ae-pink-white-hover)}
@media (max-width:479px){
  .ae-btn{height:auto;padding:16px 28px}
  .ae-btn--nav{padding:11px 18px}
  .ae-btn--secondary,.ae-btn--plan{height:48px;padding:11px 18px}
  .ae-btn--white{height:56px;font-size:16px;line-height:24px}
}
/* бейдж «Continue» / «Read more» внутри карточки-ссылки */
.ae-pill{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:5px 16px;border-radius:var(--ae-r-pill);background:var(--ae-pink);color:#fff;font-size:14px;line-height:22px;font-weight:700;text-decoration:none;transition:all .35s;overflow:hidden}
.ae-pill:hover{background:var(--ae-pink-hover)}
.ae-pill--soft{background:var(--ae-pink-soft);color:var(--ae-ink)}
.ae-pill--soft:hover{background:var(--ae-pink-soft-hover)}
.ae-pill--lg{padding:6px 16px;border-radius:18px;font-size:16px}
.ae-pill img{width:15px;height:15px;flex:none}

/* 6. Бейджи сторов и рейтинг */
.ae-stores{display:flex;flex-direction:row;gap:24px}
.ae-stores a{display:inline-block;max-width:100%}
.ae-stores img{width:150px;height:60px;border-radius:var(--ae-r-badge-store);object-fit:cover}
.ae-stores--col{flex-direction:column}
.ae-stores--light{gap:16px}
.ae-stores--center{justify-content:center}
@media (max-width:479px){ .ae-stores{gap:10px} .ae-stores--light{gap:16px} .ae-stores img{height:auto} }
.ae-rating{display:flex;align-items:center;gap:19.2574px}
.ae-rating__score{display:flex;flex-direction:column;align-items:center;gap:2.35917px}
.ae-rating__value{font-size:31px;line-height:37px;font-weight:600;color:var(--ae-ink);text-align:center}
.ae-rating__label{width:100%;font-size:14px;line-height:28.31px;font-weight:500;color:var(--ae-ink-muted);text-align:center}
.ae-rating__stars{display:flex;gap:2.4571px}
.ae-rating__stars img{width:29.485px;height:29.485px;object-fit:cover}
.ae-stars{display:flex}
.ae-stars img{width:24px;height:24px}
@media (max-width:479px){ .ae-rating__label{font-size:12px} }

/* 7. Карточка */
.ae-card{background:var(--ae-bg);border-radius:var(--ae-r-card);box-shadow:var(--ae-shadow-card);transition:transform .25s,box-shadow .25s,color .25s}
.ae-card:hover{transform:translateY(-.15rem);box-shadow:var(--ae-shadow-hover)}
.ae-card--static:hover{transform:none;box-shadow:var(--ae-shadow-card)}
a.ae-card{display:block}

/* 8. FAQ на <details> */
.ae-faq{display:flex;flex-direction:column;gap:16px;width:100%}
.ae-faq__item{background:var(--ae-bg);border-radius:var(--ae-r-faq);padding:24px 20px 12px;box-shadow:var(--ae-shadow-card);overflow:hidden;transition:transform .25s,box-shadow .25s,color .25s}
.ae-faq__item:hover{transform:translateY(-.15rem);box-shadow:var(--ae-shadow-hover-faq)}
.ae-faq__q{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;padding-bottom:12px;cursor:pointer;list-style:none;color:var(--ae-ink-faq-q);font-size:20px;line-height:24px;font-weight:600;letter-spacing:-.176px;transition:color .5s ease}
.ae-faq__q::-webkit-details-marker{display:none}
.ae-faq__q::marker{content:""}
.ae-faq__chevron{flex:none;width:25px;height:25px;transition:transform .5s ease}
.ae-faq__item.is-open .ae-faq__q,.ae-faq:not([data-ae-ready]) .ae-faq__item[open] .ae-faq__q{color:var(--ae-pink)}
.ae-faq__item.is-open .ae-faq__chevron,.ae-faq:not([data-ae-ready]) .ae-faq__item[open] .ae-faq__chevron{transform:rotate(180deg)}
.ae-faq__a{overflow:hidden}
.ae-faq__a-inner{padding-bottom:12px;color:var(--ae-ink-faq-a);font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.176px}
.ae-faq__a-inner>*+*{margin-top:12px}
@media (max-width:479px){
  .ae-faq__q{font-size:18px;line-height:24px}
  .ae-faq__a-inner{font-size:14px;line-height:20px}
}

/* 9. Слайдер на scroll-snap (JS: стрелки, точки; бесконечная прокрутка стрелками) */
.ae-slider{position:relative;width:100%;max-width:var(--ae-container-wide);margin-inline:auto}
.ae-slider__track{display:flex;padding:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ae-slider__track::-webkit-scrollbar{display:none}
.ae-slider--pad-lg .ae-slider__track{padding-bottom:40px}
.ae-slider__slide{flex:0 0 30%;min-width:0;margin-inline-end:5%;scroll-snap-align:start}
/* ряд стрелок и точек: на 30px ниже трека, высота не меньше 40 (круги стрелок 42 растягивают его до 42) */
.ae-slider__nav{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-top:30px;padding:0 20px}
.ae-slider__dots{display:flex;flex-wrap:wrap;justify-content:center;flex:1}
.ae-slider__dot{width:10px;height:10px;margin:0 6px .5em;border-radius:100%;background:#2226;transition:background-color .1s}
.ae-slider__dot.is-active{background:#222}
.ae-slider__arrow{flex:none;display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:200px;background:var(--ae-pink)}
.ae-slider__arrow img{width:14px;height:16px}
.ae-slider__arrow--prev img{transform:rotate(180deg)}
.ae-slider:not([data-ae-ready]) .ae-slider__nav{display:none}
@media (max-width:991px){ .ae-slider__slide{flex-basis:47%;margin-inline-end:6%} }
@media (max-width:479px){
  .ae-slider__track{padding-inline:0;scroll-padding-inline:0}
  .ae-slider__slide{flex-basis:100%;margin-inline-end:0}
  /* на ≤479 стрелки стоят над точками: первая строка — стрелки по краям, вторая — точки */
  .ae-slider__nav{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;min-height:0;padding:10px 0 0}
  .ae-slider__arrow--prev{grid-column:1;grid-row:1;justify-self:start}
  .ae-slider__arrow--next{grid-column:2;grid-row:1;justify-self:end}
  .ae-slider__dots{grid-column:1/-1;grid-row:2}
}

/* 10. Видео: lite-embed YouTube, обёртка 4:3 */
.ae-video{position:relative;width:100%;padding-top:75%;border-radius:var(--ae-r-card);overflow:hidden;background:#000}
.ae-video__btn,.ae-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ae-video__poster{width:100%;height:100%;object-fit:cover}
.ae-video__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--ae-pink);box-shadow:var(--ae-shadow-btn-lg);transition:background-color .35s}
.ae-video__play::before{content:"";position:absolute;left:25px;top:20px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.ae-video__btn:hover .ae-video__play{background:var(--ae-pink-hover)}

/* 11. Поп-ап «Get app for free now» на <dialog> */
/* Не модальный <dialog> (show()): сам <dialog> — подложка, как .pop-up в оригинале (fixed, inset 0, z-index ниже шапки 9999877). Шапка остаётся светлой и кликабельной. */
.ae-popup{position:fixed;inset:0;z-index:1000;display:none;justify-content:center;align-items:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--ae-overlay);color:var(--ae-ink);overflow:auto}
.ae-popup[open]{display:flex}
.ae-popup__item{position:relative;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:500px;max-width:calc(100vw - 16px);padding:40px;border-radius:24px;background:var(--ae-bg)}
.ae-popup__title{width:100%;font-size:28px;line-height:38px;font-weight:600;color:var(--ae-ink);text-align:start}
.ae-popup__row{display:flex;justify-content:flex-start;align-items:center;gap:30px;width:100%}
.ae-popup__qr{width:170px;height:auto;object-fit:cover}
.ae-popup__close{position:absolute;top:20px;inset-inline-end:20px;width:18px;height:18px}
.ae-popup__close img{width:18px;height:18px}
@media (max-width:991px){ .ae-popup__row{flex-direction:column} }
@media (max-width:479px){
  .ae-popup__item{gap:16px;width:300px;padding:40px 16px 16px}
  .ae-popup__title{font-size:24px;text-align:center}
  .ae-popup__row{gap:24px}
  .ae-popup__qr{width:120px}
}

/* 12. Шапка */
.ae-header{position:sticky;top:0;z-index:9999877;background:var(--ae-bg)}
.ae-header__bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px;min-height:var(--ae-header-h);margin-inline:auto;padding:18px 24px}
.ae-brand{display:flex;align-items:center;gap:12px;height:36px;text-decoration:none}
.ae-brand__icon{width:36px;height:36px;min-width:36px;border-radius:5.53846px}
.ae-brand__text{font-size:30px;line-height:100%;font-weight:700;color:var(--ae-pink)}
.ae-header__menu{display:block}
.ae-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.ae-nav__link{display:flex;justify-content:flex-start;align-items:flex-start;padding:4px 11px;font-size:18px;line-height:22px;font-weight:500;color:var(--ae-ink-strong);text-decoration:none;transition:color .35s}
.ae-nav__link:hover{color:var(--ae-pink)}
.ae-nav__dd{position:relative;z-index:900;display:inline-block}
.ae-nav__dd-toggle{position:relative;display:inline-block;padding:0;padding-inline-end:40px}
.ae-nav__caret{position:absolute;top:0;bottom:0;inset-inline-end:20px;width:14px;height:14px;margin:auto 0;color:var(--ae-ink-strong)}
.ae-nav__caret svg{display:block;width:14px;height:14px}
.ae-nav__dd-list{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:100%;margin:0;padding:0;list-style:none;background:var(--ae-bg);border-radius:8px}
.ae-nav__dd-list .ae-nav__link{justify-content:center;padding:10px 20px;font-size:16px;text-align:center;white-space:nowrap}
.ae-nav__dd-list li:first-child .ae-nav__link{padding-top:20px}
.ae-nav__dd.is-open .ae-nav__dd-list{display:block}
@media (min-width:992px){ .ae-nav__dd:hover .ae-nav__dd-list,.ae-nav__dd:focus-within .ae-nav__dd-list{display:block} }
.ae-header__burger{display:none;width:48px;height:48px;padding:12px;color:#000}
.ae-header__burger svg{display:block;width:24px;height:24px}
@media (max-width:991px){
  .ae-header__bar{max-width:728px}
  .ae-header__burger{display:block}
  .ae-header__menu{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .4s ease,visibility 0s linear .4s}
  .ae-header__menu.is-open{visibility:visible;transition:max-height .4s ease,visibility 0s}
  .ae-header__menu.is-scroll{overflow-y:auto;overscroll-behavior:contain}
  .ae-nav{flex-flow:row wrap;justify-content:space-around;gap:18px;padding:20px;background:var(--ae-bg);border-radius:0 0 50px 50px}
  .ae-nav__link{justify-content:center}
  .ae-nav__dd{display:block}
  .ae-nav__dd-list{position:static}
  .ae-nav__dd-list .ae-nav__link{padding-top:10px}
  .ae-nav__dd-list li:first-child .ae-nav__link{padding-top:20px}
}
@media (max-width:767px){
  .ae-nav{flex-direction:column;border-radius:20px;padding-bottom:30px}
  .ae-nav__cta{margin-top:10px}
}
@media (max-width:479px){
  .ae-header__bar{max-width:none}
  .ae-nav{gap:0;padding-top:0;border-radius:0 0 20px 20px}
  .ae-nav__link{padding-block:10px}
  .ae-nav__cta{margin-top:0}
  .ae-nav .ae-btn--nav{margin-top:16px;padding:16px 18px;border-radius:32px}
}

/* 12а. Переключатель языка. Разметка как у Cat Translator (.language-switcher > __button + __menu > a[lang]); вид — nav-ссылка 18/22 500 и dropdown About (bg #fff, radius 8, пункты 16/22 500, padding 10px 20px).
   Список открывается кликом и с клавиатуры (arteasy.js), не наведением. На ≤991 лежит внутри панели меню и раскрывается списком в две колонки. */
.ae-nav__lang{position:relative;z-index:901}
.language-switcher{position:relative;display:inline-block}
.language-switcher__button{display:flex;align-items:center;gap:6px;padding:4px 11px;font-size:18px;line-height:22px;font-weight:500;color:var(--ae-ink-strong);transition:color .35s}
.language-switcher__button:hover,.language-switcher.is-open .language-switcher__button{color:var(--ae-pink)}
.language-switcher__code{letter-spacing:0}
.language-switcher__chevron{flex:none;width:14px;height:14px;transition:transform .35s}
.language-switcher.is-open .language-switcher__chevron{transform:rotate(180deg)}
.language-switcher__menu{display:none;position:absolute;top:100%;inset-inline-end:0;z-index:5;min-width:100%;max-height:calc(100vh - var(--ae-header-h) - 16px);overflow-y:auto;margin:0;padding:0;background:var(--ae-bg);border-radius:8px;box-shadow:var(--ae-shadow-card)}
.language-switcher.is-open .language-switcher__menu{display:block}
.language-switcher__option{display:flex;justify-content:center;padding:10px 20px;font-size:16px;line-height:22px;font-weight:500;color:var(--ae-ink-strong);text-align:center;white-space:nowrap;text-decoration:none;transition:color .35s}
.language-switcher__option:first-child{padding-top:20px}
.language-switcher__option:hover,.language-switcher__option:focus-visible,.language-switcher__option.is-active{color:var(--ae-pink)}
/* 992–1099: с переключателем длинное EN-меню (Lessons, Blog) не помещается в одну строку и шапка растёт с 78 до 98 — сжимаем отступы пунктов */
@media (min-width:992px) and (max-width:1099px){
  .ae-nav--has-lang{gap:10px}
  .ae-nav--has-lang>li>.ae-nav__link,.ae-nav--has-lang>li>.ae-nav__dd-toggle>.ae-nav__link,.ae-nav--has-lang .language-switcher__button{padding-inline:6px}
}
/* ≥1100 (2026-10-26, просьба дизайнера): пункты меню ближе друг к другу (~30px между словами вместо 40–55),
   освободившееся место уходит в зазор между логотипом и Features (был 14px). */
@media (min-width:1100px){
  .ae-nav{gap:10px}
  .ae-nav>li>.ae-nav__link,.ae-nav>li>.ae-nav__dd-toggle>.ae-nav__link,.ae-nav .language-switcher__button{padding-inline:10px}
  .ae-nav__dd-toggle{padding-inline-end:30px}
  .ae-nav__caret{inset-inline-end:10px}
}
@media (min-width:768px) and (max-width:991px){ .ae-nav__lang{flex:0 0 100%} }
@media (max-width:991px){
  .ae-nav__lang{display:flex;flex-direction:column;align-items:center}
  .language-switcher{display:flex;flex-direction:column;align-items:center;width:100%}
  .language-switcher__menu{position:static;min-width:0;width:100%;max-width:420px;max-height:none;overflow:visible;box-shadow:none}
  .language-switcher.is-open .language-switcher__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .language-switcher__option:first-child{padding-top:10px}
}
@media (max-width:767px){ .ae-nav__lang{width:100%} }
@media (max-width:479px){ .language-switcher__button{padding-block:10px} }

/* 12б. Письменности без глифов в Gilroy (проверено по cmap: кириллица и латиница-расширенная в Gilroy есть, арабского и тайского нет).
   Gilroy остаётся первым — латиница («ArtEasy», цифры) рисуется им, арабица и тайский подхватываются системным шрифтом по глифам. */
:root{--ae-font-ar:Gilroy,"Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif;--ae-font-th:Gilroy,"Noto Sans Thai","Thonburi","Leelawadee UI",Tahoma,sans-serif}
:lang(ar){--ae-font:var(--ae-font-ar)}
:lang(th){--ae-font:var(--ae-font-th)}
.language-switcher__option:lang(ar){font-family:var(--ae-font-ar)}
.language-switcher__option:lang(th){font-family:var(--ae-font-th)}
/* Арабское письмо связное: межбуквенный интервал рвёт соединения */
:lang(ar) *,:lang(ar) *::before,:lang(ar) *::after{letter-spacing:normal!important}
/* Тайский: сверхстрочные знаки требуют большего межстрочного */
:lang(th) .ae-h1,:lang(th) .ae-h2{line-height:1.3}

/* 13. Футер */
.ae-footer{position:relative;padding:0;background:var(--ae-bg-gray);border-bottom:1px solid #e4ebf3}
.ae-footer__panel{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:72px 24px;background:var(--ae-plum);border:1px solid var(--ae-border);overflow:hidden}
.ae-footer__row{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;max-width:1212px;margin-inline:auto;padding:0}
.ae-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.ae-footer__brand-link{display:flex;align-items:flex-start;gap:12px;min-width:100%;height:auto}
.ae-footer__brand-text{font-size:30px;line-height:100%;font-weight:700;color:#fff}
.ae-footer__meta{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ae-footer__meta-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.ae-footer__text{font-size:16px;line-height:24px;font-weight:500;color:#fff}
.ae-footer__social{display:flex;gap:10px}
.ae-footer__social a{display:flex;justify-content:center;align-items:center;width:36px;height:36px}
.ae-footer__social img{width:36px;height:36px;object-fit:cover}
.ae-footer__cols{display:flex;justify-content:flex-end;align-items:flex-start;gap:60px;width:100%;max-width:810px;padding-top:16px}
.ae-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:auto;height:171px}
.ae-footer__col--support{display:flex;flex-direction:column;align-items:flex-start;gap:24px;height:auto}
.ae-footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;list-style:none}
.ae-footer__link{display:flex;font-size:16px;line-height:24px;font-weight:500;color:#fff;text-decoration:none;transition:all .35s}
.ae-footer__link:hover{color:var(--ae-link-footer-hover)}
.ae-footer__link--static{transition:none}
.ae-footer__link--static:hover{color:#fff}
.ae-footer__email{display:flex;font-size:30px;line-height:30px;font-weight:700;color:#fff;text-decoration:none}
@media (max-width:991px){
  .ae-footer__row{flex-direction:column;align-items:center;gap:30px}
  .ae-footer__brand,.ae-footer__meta{align-items:center}
  .ae-footer__cols{flex-flow:column;justify-content:flex-end;align-items:center;gap:40px}
  .ae-footer__col{align-items:center;height:auto}
  .ae-footer__col--support{align-items:center}
  .ae-footer__links{align-items:center}
}
@media (max-width:767px){ .ae-footer{padding-inline:15px} }
@media (max-width:479px){
  .ae-footer{padding-inline:0;background:var(--ae-plum)}
  .ae-footer__row{gap:10px}
  .ae-footer__brand-link{justify-content:center;align-items:center}
  .ae-footer__brand-text{font-size:24px}
  .ae-footer__meta,.ae-footer__col--support{gap:30px}
  .ae-footer__meta-block{align-items:center}
  .ae-footer__text{text-align:center}
  .ae-footer__cols{gap:30px}
  .ae-footer__email{font-size:20px;line-height:30px;text-align:center}
}

/* 14. CTA перед футером («Download ArtEasy…») */
.ae-cta{position:relative;display:flex;justify-content:center;align-items:center;gap:80px;width:100%;height:612px;padding-block:80px 100px;padding-inline:166px 24px;background:var(--ae-bg);overflow:hidden}
.ae-cta__row{display:flex;justify-content:flex-start;align-items:center;gap:30px;width:100%;max-width:var(--ae-container)}
.ae-cta__text{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:auto;max-width:466px}
.ae-cta__title{width:100%;max-width:460px;font-size:28px;line-height:38px;font-weight:600;color:var(--ae-ink)}
.ae-cta__media{flex:0 auto;display:flex;width:auto;max-width:500px}
.ae-cta__media img{max-width:100%;object-fit:cover}
@media (max-width:991px){
  .ae-cta{height:auto;padding-inline-start:24px}
  .ae-cta__row{flex-direction:column;align-items:center}
  .ae-cta__text{align-items:center}
}
@media (max-width:479px){
  .ae-cta{padding:40px 24px}
  .ae-cta__row{gap:24px}
  .ae-cta__text{gap:28px}
  .ae-cta__title{text-align:center}
}

/* 15. Утилиты */
.ae-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ae-skip{position:absolute;inset-inline-start:8px;top:-100px;z-index:10000000;padding:10px 16px;border-radius:var(--ae-r-btn);background:var(--ae-pink);color:#fff;font-weight:700}
.ae-skip:focus{top:8px}

/* 16. RTL (арабский). dir="rtl" на <html> печатает inc/i18n-seo.php, класс is-rtl на <body> — inc/components.php.
   Flex-ряды и колонки зеркалятся сами; здесь — то, что задано физическими свойствами, и направленные иконки.
   Правила областей (home/lessons/blog/pages) — в конце их файлов. */
[dir=rtl] .ae-pill img{transform:scaleX(-1)}
[dir=rtl] .ae-slider__arrow--prev img{transform:none}
[dir=rtl] .ae-slider__arrow--next img{transform:rotate(180deg)}

/* 17. Локали: длинные подписи меню (fr «Fonctionnalités», «Commencer l’essai gratuit»; ru «Начать бесплатный период») переносились на вторую строку,
   пункты и кнопка ломались, шапка росла с 78 до 98 px. На ≥992: подписи не переносим, в fr и ru пункты компактнее (EN не трогаем). */
@media (min-width:992px){
  html:not(:lang(en)) .ae-nav--has-lang .ae-nav__link,html:not(:lang(en)) .ae-nav--has-lang .ae-btn--nav{white-space:nowrap}
  :lang(fr) .ae-nav--has-lang,:lang(ru) .ae-nav--has-lang{gap:10px}
  :lang(fr) .ae-nav--has-lang .ae-nav__link,:lang(ru) .ae-nav--has-lang .ae-nav__link,:lang(fr) .language-switcher__button,:lang(ru) .language-switcher__button{font-size:16px;padding-inline:8px}
  :lang(fr) .ae-nav--has-lang .ae-btn--nav,:lang(ru) .ae-nav--has-lang .ae-btn--nav{font-size:16px;padding-inline:14px}
}
@media (min-width:992px) and (max-width:1059px){
  :lang(fr) .ae-nav--has-lang .ae-nav__link,:lang(ru) .ae-nav--has-lang .ae-nav__link,:lang(fr) .language-switcher__button,:lang(ru) .language-switcher__button{padding-inline:6px}
}