/* Зелёная версия: изумрудный и золотой, больше исламских мотивов (арки, купол, каллиграфия, орнамент). */
.theme-green {
  --red: #0d6b47;
  --red-d: #0a5438;
  --red-soft: #e7f2ea;
  --gold: #b8913c;
  --gold-l: #e2c77e;
  --bg: #fbfaf5;
  --bg-2: #f0f3ec;
  --bg-3: #e3eadf;
  --dark: #0b3b2a;
  --line: #e1e6dc;
  --arches-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23b8913c' stroke-width='1.2'%3E%3Cpath d='M0 96V56a24 24 0 0 1 48 0v40M48 96V56a24 24 0 0 1 48 0v40'/%3E%3Cpath d='M-24 48V8a24 24 0 0 1 48 0v40M24 48V8a24 24 0 0 1 48 0v40M72 48V8a24 24 0 0 1 48 0v40'/%3E%3Ccircle cx='24' cy='36' r='2.5'/%3E%3Ccircle cx='72' cy='36' r='2.5'/%3E%3Ccircle cx='0' cy='84' r='2.5'/%3E%3Ccircle cx='48' cy='84' r='2.5'/%3E%3Ccircle cx='96' cy='84' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  --arches-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23e2c77e' stroke-width='1.2'%3E%3Cpath d='M0 96V56a24 24 0 0 1 48 0v40M48 96V56a24 24 0 0 1 48 0v40'/%3E%3Cpath d='M-24 48V8a24 24 0 0 1 48 0v40M24 48V8a24 24 0 0 1 48 0v40M72 48V8a24 24 0 0 1 48 0v40'/%3E%3Ccircle cx='24' cy='36' r='2.5'/%3E%3Ccircle cx='72' cy='36' r='2.5'/%3E%3Ccircle cx='0' cy='84' r='2.5'/%3E%3Ccircle cx='48' cy='84' r='2.5'/%3E%3Ccircle cx='96' cy='84' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  --mosque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 150'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M70 150V92a50 50 0 0 1 100 0v58z'/%3E%3Crect x='117' y='26' width='6' height='18' rx='3'/%3E%3Ccircle cx='120' cy='22' r='5'/%3E%3Cpath d='M112 44h16l-3 6h-10z'/%3E%3Crect x='24' y='48' width='16' height='102'/%3E%3Cpath d='M22 48l10-26 10 26z'/%3E%3Crect x='200' y='48' width='16' height='102'/%3E%3Cpath d='M198 48l10-26 10 26z'/%3E%3Crect x='20' y='70' width='24' height='5' rx='2'/%3E%3Crect x='196' y='70' width='24' height='5' rx='2'/%3E%3Crect x='50' y='110' width='140' height='40'/%3E%3C/g%3E%3Cg fill='%230b3b2a' opacity='.35'%3E%3Cpath d='M106 150v-22a14 14 0 0 1 28 0v22z'/%3E%3Cpath d='M66 150v-18a9 9 0 0 1 18 0v18zM156 150v-18a9 9 0 0 1 18 0v18z'/%3E%3C/g%3E%3C/svg%3E");
}

.theme-green body { background: var(--bg); }

/* золотая лента с арками над шапкой */
.theme-green body::before { content: ''; display: block; height: 10px; background: var(--dark) var(--arches-light) 0 -40px / 32px 32px; }
.theme-green .header { background: rgba(251, 250, 245, .94); }
.theme-green .brand::before { background: var(--dark); color: var(--gold-l); border-radius: 20px; }
.theme-green .brand-name i { color: var(--red); }
.theme-green .btn-primary { background: var(--red); }
.theme-green .btn-primary:hover { background: var(--red-d); }

/* главный экран */
.theme-green .tile-main { background: #fff; border: 1px solid var(--line); }
.theme-green .tile-main::before { background-image: var(--arches-gold); background-size: 96px 96px; opacity: .12; }
.theme-green .tile-main .bismillah { font-size: 34px; color: var(--gold); }
.theme-green .tile-art { color: var(--gold); opacity: .1; }
.theme-green .tile-red { background: linear-gradient(160deg, #0f7a51, var(--dark)); }
.theme-green .tile-red::before { width: auto; height: auto; inset: 0; border-radius: 0; background: var(--arches-light) 0 0 / 64px 64px; opacity: .14; top: 0; right: 0; }
.theme-green .tile-red::after { width: 78%; height: 46%; left: 11%; right: auto; top: 16%; border-radius: 0; background: var(--mosque) center bottom / contain no-repeat; opacity: .22; }
.theme-green .tile-red .mihrab { display: none; }
.theme-green .tile-red .tile-big { color: var(--gold-l); }
.theme-green .tile-dark { background: var(--dark); }
.theme-green .tile-dark::after { content: ''; position: absolute; inset: 0; background: var(--arches-light) 0 0 / 48px 48px; opacity: .1; }
.theme-green .tile-soft { background: var(--red-soft); }

/* заголовки разделов: арабская подпись золотом и орнаментальная линия */
.theme-green .ar-label { font-size: 32px; color: var(--gold); direction: ltr; display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.theme-green .ar-label::after { content: ""; width: 80px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); }
.theme-green .h-section em { color: var(--red); }
.theme-green .eyebrow { color: var(--gold); }

/* намерения */
.theme-green .intent-grid li { background: #fff; border: 1px solid var(--line); }
.theme-green .intent-grid li::before { border-color: var(--gold); }

/* миссия: тёмно-зелёный блок с орнаментом */
.theme-green .ayah-box { background: var(--dark); color: #fff; }
.theme-green .ayah-box::before, .theme-green .ayah-box::after { border-color: rgba(226, 199, 126, .35); }
.theme-green .ayah-box { background-image: var(--arches-light); background-size: 72px 72px; background-blend-mode: soft-light; }
.theme-green .ayah-box .tr { color: #fff; }
.theme-green .ayah-box .src { color: var(--gold-l); }
.theme-green .mihrab-line { border-color: var(--gold-l); opacity: .9; }

/* карточки в форме арки */
.theme-green .svc, .theme-green .channel, .theme-green .pillar, .theme-green .set { border-radius: 28px; }
.theme-green .svc { background: #fff; border: 1px solid var(--line); }
.theme-green .svc:hover { background: #fff; }
.theme-green .svc-num { color: var(--gold); }
.theme-green .svc-cat { background: var(--red-soft); color: var(--red); }
.theme-green .help-box { background: var(--red-soft); border-radius: 28px; }

/* вода */
.theme-green .water-main { background: var(--dark); }
.theme-green .water-main::before { content: ''; position: absolute; inset: 0; background: var(--arches-light) 0 0 / 64px 64px; opacity: .08; z-index: 0; }
.theme-green .water-main::after { border-color: rgba(226, 199, 126, .25); }
.theme-green .water-main .eyebrow { color: var(--gold-l); }
.theme-green .water-main ul.dots li::before { background: var(--gold-l); }
.theme-green .water-main .price { color: var(--gold-l); }
.theme-green .water-side { background: #fff; border: 1px solid var(--line); }

/* наборы */
.theme-green #sets { background: var(--red-soft); }
.theme-green .set.set-red { background: linear-gradient(160deg, #0f7a51, var(--dark)); }
.theme-green .set-red .btn-primary { background: #fff; color: var(--dark, #0b3b2a); }
.theme-green .set-red .btn-primary:hover { background: var(--gold-l, #f1dfa6); }

/* каналы, доверие */
.theme-green .channel { background: #fff; border: 1px solid var(--line); }
.theme-green ul.prices li { background: var(--red-soft); }
.theme-green .pillar { background: #fff; border: 1px solid var(--line); }
.theme-green .trust .pillar h3::before { background: var(--gold); }

/* отзывы, видео, вопросы */
.theme-green .review, .theme-green .video, .theme-green .muted-note { background: #fff; border: 1px solid var(--line); }
.theme-green .faq-item { background: #fff; border: 1px solid var(--line); }
.theme-green .faq-item summary::after { background: var(--red-soft); }

/* партнёры и финальный блок */
.theme-green .partner { background: linear-gradient(160deg, #0f7a51, var(--dark)); }
.theme-green .partner::before { width: auto; height: auto; inset: 0; border-radius: 0; background: var(--arches-light) 0 0 / 80px 80px; opacity: .08; }
.theme-green .partner-card .bars i { background: var(--red); }
.theme-green .cta .wrap { background: var(--dark); }
.theme-green .cta .wrap::before { background-image: var(--arches-light); background-size: 96px 96px; opacity: .1; }
.theme-green .cta .wrap::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 360px; height: 220px; transform: translateX(-50%); background: var(--mosque) center bottom / contain no-repeat; opacity: .06; pointer-events: none; }
.theme-green .cta h2 { color: #fff; }

/* подвал */
.theme-green .footer { background: var(--dark); color: rgba(255,255,255,.7); position: relative; }
.theme-green .footer::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 10px; background: var(--arches-light) 0 -40px / 32px 32px; opacity: .5; }
.theme-green .footer .brand-name { color: #fff; }
.theme-green .footer .brand-name i { color: var(--gold-l); }
.theme-green .footer-links a { color: #fff; }
.theme-green .footer-links a:hover { color: var(--gold-l); }

/* окно заявки */
.theme-green .done-ic { background: var(--red); }
.theme-green :focus-visible { outline-color: var(--gold); }

/* светлые кнопки на белых карточках */
.theme-green .tile-main .btn-light, .theme-green .svc .btn-light, .theme-green .set:not(.set-red) .btn-light { background: var(--bg-2); }
.theme-green .tile-main .btn-light:hover, .theme-green .svc .btn-light:hover { background: var(--bg-3); }

/* мелкий золотой текст темнее — чтобы хватало контраста для слабовидящих */
.theme-green .eyebrow { color: #7d5f1c; }

/* кабинет в зелёной теме */
.theme-green .side { background: #fff; }
.theme-green .avatar { background: var(--dark); color: var(--gold-l); }
.theme-green .hero-box { background: linear-gradient(160deg, #0f7a51, var(--dark)); }
.theme-green .hero-box::after { width: auto; height: auto; inset: 0; border-radius: 0; background: var(--arches-light) 0 0 / 64px 64px; opacity: .1; }
.theme-green .hero-box .ar { color: var(--gold-l); }
.theme-green .card .k svg { color: var(--gold); }
.theme-green .main .card, .theme-green .main .box, .theme-green .p-card { border: 1px solid var(--line); }

/* страница входа */
.theme-green .auth-side { background: linear-gradient(160deg, #0f7a51, var(--dark)); }
.theme-green .auth-side::before { width: auto; height: auto; inset: 0; border-radius: 0; background: var(--arches-light) 0 0 / 72px 72px; opacity: .12; }
.theme-green .auth-side::after { left: 50%; bottom: 0; width: 70%; height: 36%; transform: translateX(-50%); border-radius: 0; background: var(--mosque) center bottom / contain no-repeat; opacity: .12; }
.theme-green .auth-side .brand::before { background: var(--gold-l); color: var(--dark); }
.theme-green .auth-quote .ar { color: var(--gold-l); }
.theme-green .auth-switch a { color: var(--red); }
.theme-green .auth-side .brand-name i { color: var(--gold-l); }