/* ============================================================
   Nizin Production — общие стили всех страниц и всех языков
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --paper:#F4F0E8; --paper-2:#EDE7DB; --ink:#141210;
  --terra:#B4552F; --sand:#DDD2BF; --grey:#8A8378;
  --line:rgba(20,18,16,.14);
  /* приборная часть (страница трансляций) */
  --graphite:#111417; --panel:#1A1F24; --panel-2:#232930;
  --tally:#E0392B; --screen:#EDEFF1; --dim:#6B747C;
  --dline:rgba(237,239,241,.11);
}

html,body{overflow-x:hidden;max-width:100%;}
body{
  background:var(--paper);color:var(--ink);
  font-family:'Onest',system-ui,sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;opacity:0;transition:opacity .8s ease;}
img.ready{opacity:1;}
a{color:inherit;text-decoration:none;}

/* ---------- ШАПКА ---------- */
/* ---------- ПОДСКАЗКА О ЯЗЫКЕ ---------- */
/* показывается один раз, если язык браузера не совпадает с языком страницы */
.lang-hint{background:var(--ink);color:var(--paper);}
.lang-hint[hidden]{display:none;}
.lh{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;
  padding:11px 44px 11px 20px;position:relative;font-size:13px;line-height:1.4;
  animation:hintIn .5s cubic-bezier(.16,.8,.24,1) both;}
.lh[hidden]{display:none;}
@keyframes hintIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.lh[dir="rtl"]{font-family:'Noto Sans Hebrew','Onest',sans-serif;
  padding:11px 20px 11px 44px;}
.lh span{color:var(--sand);}
.lh a{color:var(--paper);border-bottom:1px solid var(--terra);padding-bottom:2px;
  transition:color .3s ease,border-color .3s ease;}
.lh a:hover{color:var(--terra);}
.lh button{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);
  background:none;border:0;color:var(--grey);font-size:13px;line-height:1;cursor:pointer;
  padding:6px;transition:color .3s ease;}
.lh button:hover{color:var(--paper);}
@media(max-width:520px){
  .lh{font-size:12.5px;gap:10px;padding:10px 40px 10px 16px;}
  .lh[dir="rtl"]{padding:10px 16px 10px 40px;}
}

header{position:sticky;top:0;z-index:40;background:rgba(244,240,232,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 32px;flex-wrap:wrap;}
.logo{font-size:14px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;}
.mainnav{display:flex;gap:26px;flex-wrap:wrap;}
.mainnav a{font-size:12.5px;letter-spacing:.07em;color:var(--grey);transition:color .3s;position:relative;padding-bottom:2px;}
.mainnav a::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:0;height:1px;background:var(--terra);transition:width .35s cubic-bezier(.16,.8,.24,1);}
.mainnav a:hover{color:var(--ink);} .mainnav a:hover::after{width:100%;}
.mainnav a.cur{color:var(--terra);} .mainnav a.cur::after{width:100%;}
.langs{display:flex;gap:9px;font-size:11.5px;letter-spacing:.1em;color:var(--grey);margin-inline-start:auto;}
.langs a{transition:color .3s;} .langs a:hover{color:var(--ink);}
.langs .on{color:var(--terra);font-weight:600;}

/* ב״ה — всегда в правом верхнем углу.
   В LTR он последний в строке, в RTL порядок переставляется,
   поэтому он и там оказывается у правого края.            */
.bh{font-family:'Frank Ruhl Libre',serif;font-size:13px;color:var(--grey);line-height:1;white-space:nowrap;
    padding-inline-start:15px;border-inline-start:1px solid var(--line);}
html[dir="rtl"] .bh{order:-1;padding:0 0 0 15px;border-inline-start:none;border-left:1px solid var(--line);}

@media(max-width:900px){
  .bar{padding:12px 18px;gap:10px;}
  .logo{font-size:12px;letter-spacing:.2em;}
  .mainnav{order:3;width:100%;gap:18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;
    scrollbar-width:none;-ms-overflow-style:none;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 88%,transparent 100%);}
  .mainnav::-webkit-scrollbar{display:none;}
  .mainnav a{font-size:12px;white-space:nowrap;}
  .langs{font-size:11px;gap:7px;} .bh{font-size:12px;padding-inline-start:11px;}
  html[dir="rtl"] .bh{padding:0 0 0 11px;}
}
@media(max-width:380px){.logo{font-size:11px;letter-spacing:.14em;}}

/* ---------- ШАПКА РАЗДЕЛА: кадр и текст на одном экране ---------- */
.svc-hero{position:relative;overflow:hidden;background:var(--ink);
  min-height:min(60vh,520px);display:flex;align-items:flex-end;
  border-bottom:1px solid var(--line);}
.svc-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.42) brightness(.46) contrast(1.06);}
.svc-hero .shade{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(14,12,10,.92) 0%,rgba(14,12,10,.58) 44%,rgba(14,12,10,.3) 100%);}
.svc-hero .inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;
  padding:48px 32px 40px;color:var(--paper);}
.num{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.28em;color:var(--terra);margin-bottom:15px;}
.svc-hero h1{font-family:'Literata',Georgia,serif;font-weight:400;
  font-size:clamp(28px,4.1vw,50px);line-height:1.1;letter-spacing:-.012em;color:var(--paper);max-width:18ch;}
html[dir="rtl"] .svc-hero h1{font-family:'Frank Ruhl Libre',Georgia,serif;}
.svc-hero .lead{font-size:14.5px;line-height:1.8;color:var(--sand);max-width:58ch;margin-top:18px;}

/* ---------- ПОЛОСЫ ---------- */
.band{max-width:1180px;margin:0 auto;padding:56px 32px;}
@media(max-width:900px){.band{padding:38px 18px;}}
.band > .k{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin-bottom:26px;}
.band h3{font-family:'Literata',Georgia,serif;font-weight:400;font-size:clamp(21px,2.4vw,31px);line-height:1.24;margin-bottom:26px;}

/* нумерованный список форматов */
.fmt{border-top:1px solid var(--line);}
.row{position:relative;display:grid;grid-template-columns:58px 1fr 1.15fr;gap:24px;align-items:baseline;
  padding:22px 18px 22px 0;border-bottom:1px solid var(--line);
  transition:transform .55s cubic-bezier(.16,.8,.24,1);}
.row::before{content:"";position:absolute;inset-inline-start:-16px;top:26px;width:0;height:1px;background:var(--terra);
  transition:width .55s cubic-bezier(.16,.8,.24,1);}
.row:hover{transform:translateX(14px);}
.row:hover::before{width:10px;}
.row .n{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--grey);padding-top:5px;transition:color .4s ease;}
.row .t{font-family:'Literata',Georgia,serif;font-size:clamp(18px,2vw,25px);line-height:1.24;}
.row .d{font-size:13.5px;line-height:1.72;color:#4A443C;}
.row:hover .n{color:var(--terra);}
@media(max-width:760px){
  .row{grid-template-columns:38px 1fr;gap:12px;padding:18px 0;}
  .row .d{grid-column:2;}
  .row:hover{transform:none;} .row::before{display:none;}
}
.fmt.in .row{animation:rowIn .75s cubic-bezier(.16,.8,.24,1) both;}
.fmt.in .row:nth-child(1){animation-delay:.02s;}
.fmt.in .row:nth-child(2){animation-delay:.09s;}
.fmt.in .row:nth-child(3){animation-delay:.16s;}
.fmt.in .row:nth-child(4){animation-delay:.23s;}
.fmt.in .row:nth-child(5){animation-delay:.30s;}
.fmt.in .row:nth-child(6){animation-delay:.37s;}
@keyframes rowIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}

/* ---------- ГАЛЕРЕЯ ----------
   Чтобы добавить кадр: положите файл в img/ и допишите
   ещё один <figure class="gi"> внутрь .gal                */
.strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:20px;}
.strip-head .hint{font-size:11.5px;letter-spacing:.04em;color:var(--grey);}
.gal{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity;scrollbar-width:thin;
  -webkit-mask-image:linear-gradient(90deg,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 96%,transparent 100%);}
.gal::-webkit-scrollbar{height:3px;}
.gal::-webkit-scrollbar-thumb{background:var(--sand);}
.gi{position:relative;flex:0 0 clamp(240px,30vw,380px);scroll-snap-align:start;overflow:hidden;background:var(--ink);}
.gi img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.35) contrast(1.04);
  transition:transform .9s cubic-bezier(.16,.8,.24,1),filter .6s ease;}
.gi:hover img{transform:scale(1.05);filter:grayscale(0);}
.gi figcaption{position:absolute;inset-inline:0;bottom:0;padding:24px 14px 12px;color:var(--paper);
  font-size:11.5px;letter-spacing:.04em;background:linear-gradient(to top,rgba(16,14,12,.8),transparent);}

/* ---------- ШАГИ ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:460px){.steps{grid-template-columns:1fr;}}
.step{background:var(--paper);padding:22px 20px;}
.step .n{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--terra);margin-bottom:11px;}
.step h4{font-size:14.5px;font-weight:600;margin-bottom:7px;}
.step p{font-size:12.5px;line-height:1.66;color:#4A443C;}

/* ---------- ЧАСТЫЕ ВОПРОСЫ ---------- */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-family:'Literata',Georgia,serif;font-size:clamp(15.5px,1.65vw,19px);line-height:1.36;transition:color .35s ease;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--terra);}
.faq summary::after{content:"";position:absolute;inset-inline-end:14px;top:50%;width:11px;height:1px;background:var(--ink);
  transition:transform .4s cubic-bezier(.16,.8,.24,1),background .35s ease;}
.faq summary::before{content:"";position:absolute;inset-inline-end:14px;top:50%;width:11px;height:1px;background:var(--ink);
  transform:rotate(90deg);transition:transform .4s cubic-bezier(.16,.8,.24,1),opacity .4s ease,background .35s ease;}
.faq details[open] summary::before{transform:rotate(0deg);opacity:0;}
.faq summary:hover::after,.faq summary:hover::before{background:var(--terra);}
.faq .ans{padding:0 44px 22px 0;font-size:13.5px;line-height:1.78;color:#4A443C;max-width:74ch;
  animation:ansIn .5s cubic-bezier(.16,.8,.24,1) both;}
@keyframes ansIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* ---------- ПЕРЕКРЁСТНАЯ ССЫЛКА ---------- */
.cross{border-bottom:1px solid var(--line);}
.cross-in{max-width:1180px;margin:0 auto;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;}
@media(max-width:900px){.cross-in{padding:24px 18px;}}
.cross .t{font-family:'Literata',Georgia,serif;font-size:clamp(17px,1.9vw,23px);line-height:1.32;max-width:48ch;}
.cross a{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;background:var(--ink);color:var(--paper);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;transition:.4s cubic-bezier(.16,.8,.24,1);}
.cross a:hover{background:var(--terra);gap:16px;}

/* ---------- КОНТАКТЫ ---------- */
.contact{background:var(--ink);color:var(--paper);padding:62px 32px;}
@media(max-width:900px){.contact{padding:42px 18px;}}
.cwrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start;}
@media(max-width:900px){.cwrap{grid-template-columns:1fr;gap:26px;}}
.contact .k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin-bottom:18px;}
.contact h3{font-family:'Literata',Georgia,serif;font-weight:400;font-size:clamp(23px,2.7vw,34px);line-height:1.24;margin-bottom:0;}
.contact p{font-size:14px;line-height:1.75;color:var(--sand);margin-top:16px;max-width:44ch;}
.clist{list-style:none;}
.clist li{padding:14px 0;border-bottom:1px solid rgba(244,240,232,.14);display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;}
.clist .lb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);min-width:96px;}
.clist a{font-size:15px;color:var(--paper);border-bottom:1px solid transparent;transition:.3s;word-break:break-word;}
.clist a:hover{border-color:var(--terra);color:var(--terra);}

footer{padding:26px 32px;font-size:11.5px;letter-spacing:.1em;color:var(--grey);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1180px;margin:0 auto;}
@media(max-width:900px){footer{padding:22px 18px;font-size:11px;}}

/* ---------- ПОЯВЛЕНИЕ ПРИ ПРОКРУТКЕ ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,.8,.24,1),transform .8s cubic-bezier(.16,.8,.24,1);}
.rv.in{opacity:1;transform:none;}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  .rv{opacity:1;transform:none;}
  img{opacity:1;}
}

/* ---------- КНОПКА WHATSAPP В ШАПКЕ ---------- */
.wa-btn{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:9px 16px;background:var(--ink);color:var(--paper);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  transition:background .35s cubic-bezier(.16,.8,.24,1);
}
.wa-btn svg{width:15px;height:15px;fill:currentColor;flex:0 0 15px;}
.wa-btn:hover{background:var(--terra);}

/* ---------- ОПЫТ ---------- */
.cred{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cred-in{max-width:1180px;margin:0 auto;padding:52px 32px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;}
.cred .k{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin-bottom:14px;}
.cred h3{font-family:'Literata',Georgia,serif;font-weight:400;font-size:clamp(21px,2.4vw,30px);line-height:1.24;margin-bottom:14px;}
html[dir="rtl"] .cred h3{font-family:'Frank Ruhl Libre',Georgia,serif;}
.cred p{font-size:14px;line-height:1.78;color:#4A443C;max-width:54ch;}
.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.figs > div{background:var(--paper-2);padding:22px 14px;text-align:center;}
.figs .fig{display:block;font-family:'Literata',Georgia,serif;font-size:clamp(26px,3.1vw,38px);line-height:1;color:var(--terra);}
.figs .cap{display:block;font-size:11px;letter-spacing:.1em;color:var(--grey);margin-top:9px;line-height:1.4;}

/* ---------- АРТИСТЫ ---------- */
.artists-note{font-size:13.5px;line-height:1.7;color:#4A443C;max-width:56ch;margin-bottom:22px;}
.artists{list-style:none;display:flex;flex-wrap:wrap;gap:10px;}
.artists li{
  border:1px solid var(--line);padding:10px 18px;font-size:14px;color:#2E2A24;
  font-family:'Literata',Georgia,serif;
  transition:border-color .4s ease,color .4s ease,transform .4s cubic-bezier(.16,.8,.24,1);
}
html[dir="rtl"] .artists li{font-family:'Frank Ruhl Libre',Georgia,serif;}
.artists li:hover{border-color:var(--terra);color:var(--terra);transform:translateY(-2px);}

/* ---------- ОТЗЫВЫ ---------- */
.revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.rev{background:var(--paper);padding:26px 24px;}
.rev blockquote{font-family:'Literata',Georgia,serif;font-size:15.5px;line-height:1.66;color:#2E2A24;}
html[dir="rtl"] .rev blockquote{font-family:'Frank Ruhl Libre',Georgia,serif;}
.rev figcaption{margin-top:16px;font-size:11.5px;letter-spacing:.1em;color:var(--grey);}

/* ссылки на профиль в Google — появляются, когда профиль заведён */
.g-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.g-link{
  display:inline-flex;align-items:center;gap:9px;
  border:1px solid var(--line);padding:12px 20px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#2E2A24;
  transition:border-color .35s ease,color .35s ease,transform .35s cubic-bezier(.16,.8,.24,1);
}
.g-link::before{
  content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z'/></svg>") center/contain no-repeat;
}
.g-link:hover{border-color:var(--terra);color:var(--terra);transform:translateY(-2px);}
.g-write{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.g-write:hover{background:var(--terra);border-color:var(--terra);color:var(--paper);}

/* ---------- ФОРМА ЗАЯВКИ ---------- */
.req{margin-top:32px;padding-top:28px;border-top:1px solid rgba(244,240,232,.14);}
.req label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);margin-bottom:7px;}
.req input,.req textarea{
  width:100%;background:transparent;border:1px solid rgba(244,240,232,.22);color:var(--paper);
  padding:12px 14px;margin-bottom:16px;font-family:inherit;font-size:14.5px;border-radius:0;
  transition:border-color .3s ease;
}
.req input::placeholder,.req textarea::placeholder{color:rgba(244,240,232,.35);}
.req input:focus,.req textarea:focus{outline:none;border-color:var(--terra);}
.req textarea{resize:vertical;min-height:76px;}
.req button{
  width:100%;padding:15px 24px;border:none;cursor:pointer;background:var(--terra);color:var(--paper);
  font-family:inherit;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  transition:filter .3s ease;
}
.req button:hover{filter:brightness(1.1);}
.req .hint{font-size:11.5px;color:var(--grey);margin-top:12px;line-height:1.6;}

/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ============================================================ */
@media(max-width:900px){
  /* герой раздела: ниже, текст крупнее относительно экрана */
  .svc-hero{min-height:min(58vh,420px);}
  .svc-hero .inner{padding:30px 18px 26px;}
  .svc-hero h1{font-size:clamp(24px,6.6vw,34px);max-width:100%;}
  .svc-hero .lead{font-size:14px;line-height:1.72;margin-top:14px;}
  .num{font-size:10px;margin-bottom:12px;}

  /* заголовки полос — крупнее, чтобы делить экран на смысловые куски */
  .band h3{font-size:clamp(20px,5.4vw,26px);margin-bottom:20px;}
  .band > .k{margin-bottom:20px;}

  /* форматы: номер и заголовок рядом, описание под ними */
  .row .t{font-size:clamp(17px,4.8vw,21px);}
  .row .d{font-size:13.5px;}

  /* галерея: карточки шире, видно, что лента листается */
  .gi{flex:0 0 78vw;}
  .gi figcaption{font-size:12px;padding:26px 14px 13px;}

  /* вопросы: место под знак раскрытия и удобное касание */
  .faq summary{padding:18px 40px 18px 0;font-size:16px;}
  .faq .ans{padding:0 40px 20px 0;font-size:13.5px;}
  html[dir="rtl"] .faq summary{padding:18px 0 18px 40px;}
  html[dir="rtl"] .faq .ans{padding:0 0 20px 40px;}

  /* перекрёстная ссылка: кнопка на всю ширину — крупная цель для пальца */
  .cross-in{flex-direction:column;align-items:stretch;gap:18px;}
  .cross .t{font-size:17px;max-width:100%;}
  .cross a{justify-content:center;padding:15px 24px;}

  /* контакты: подпись над значением, значение крупное и кликабельное */
  .clist li{flex-direction:column;gap:5px;padding:13px 0;}
  .clist .lb{min-width:0;font-size:10px;}
  .clist a{font-size:17px;padding:2px 0;}

  /* подвал в одну колонку */
  footer{flex-direction:column;gap:6px;}

  /* кнопка WhatsApp: на телефоне только значок, текст прячем */
  .wa-btn{padding:9px 11px;}
  .wa-btn span{display:none;}

  /* опыт: цифры в строку под текстом */
  .cred-in{grid-template-columns:1fr;gap:26px;padding:36px 18px;}
  .figs > div{padding:18px 8px;}
  .figs .cap{font-size:10.5px;letter-spacing:.06em;}

  /* артисты: имена крупнее и на всю ширину */
  .artists li{font-size:14.5px;padding:11px 16px;}

  /* ссылки на Google — во всю ширину, удобно нажимать */
  .g-bar{flex-direction:column;gap:10px;}
  .g-link{justify-content:center;padding:14px 18px;}

  /* форма: поля крупнее под палец */
  .req input,.req textarea{font-size:16px;padding:13px 14px;}
  .req button{padding:16px 24px;}
}

@media(max-width:520px){
  .svc-hero{min-height:min(54vh,360px);}
  .band{padding:32px 16px;}
  .svc-hero .inner{padding:26px 16px 22px;}
  .bar{padding:11px 16px;}
  .gi{flex:0 0 86vw;}
  .row{grid-template-columns:32px 1fr;gap:10px;}
  .step{padding:18px 16px;}
  .cross-in{padding:22px 16px;}
  .contact{padding:36px 16px;}
  footer{padding:20px 16px;}
}

/* на сенсорных экранах наведение недоступно — показываем всё сразу */
@media(hover:none){
  .row:hover{transform:none;}
  .row::before{display:none;}
  .gi:hover img{transform:none;}
}

/* ============================================================
   ИВРИТ — направление справа налево
   ============================================================ */
html[dir="rtl"] body{font-family:'Noto Sans Hebrew','Onest',system-ui,sans-serif;}
html[dir="rtl"] .top h1,
html[dir="rtl"] .band h3,
html[dir="rtl"] .row .t,
html[dir="rtl"] .cross .t,
html[dir="rtl"] .contact h3,
html[dir="rtl"] .faq summary{font-family:'Frank Ruhl Libre',Georgia,serif;}

html[dir="rtl"] .row{padding:22px 0 22px 18px;}
html[dir="rtl"] .row:hover{transform:translateX(-14px);}
@media(max-width:760px){html[dir="rtl"] .row{padding:18px 0;}}
html[dir="rtl"] .faq summary{padding:20px 0 20px 44px;}
html[dir="rtl"] .faq .ans{padding:0 0 22px 44px;}
html[dir="rtl"] .clist .lb{text-align:start;}
/* цифры и латиница внутри RTL остаются слева направо */
html[dir="rtl"] .num,
html[dir="rtl"] .row .n,
html[dir="rtl"] .step .n,
html[dir="rtl"] .logo,
html[dir="rtl"] .clist a{direction:ltr;unicode-bidi:embed;}
html[dir="rtl"] .clist li{flex-direction:row;}