/** * Темы светлая / тёмная, загрузочный экран, переключатель. * Обычный курсор (без кастомного). */ html { color-scheme: light; } html[data-theme="dark"] { color-scheme: dark; } /* Тёмная палитра сайта: assets/css/arqelya-dark-2026.css (подключается последним). Ниже селекторы .arq-legacy-green — отключённая зелёная тема (класс на не ставится). */ /* --- Загрузчик (до темы body — опирается на html[data-theme]) --- */ .arq-page-loader { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; background: var(--arq-loader-bg, #f7f4ef); transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.65s step-end; cursor: progress; } html[data-theme="dark"] { --arq-loader-bg: #161311; --arq-loader-text: #f0e6d6; --arq-loader-muted: rgba(240, 230, 214, 0.45); } html[data-theme="light"] { --arq-loader-bg: #f7f4ef; --arq-loader-text: #2a2520; --arq-loader-muted: rgba(42, 37, 32, 0.45); } body.page-body.page-editorial { cursor: auto; } /* --- Cabinet: editorial redesign aligned with home and practices --- */ body.page-editorial.page-cabinet { --cab-bg: #f7f4ef; --cab-bg-2: #f0ebe3; --cab-ink: #2a2520; --cab-soft: #7a6f63; --cab-line: rgba(201, 194, 181, 0.86); --cab-dark: #1a2420; --cab-dark-2: #0e1512; --cab-accent: #9a8e82; --cab-sage: #5c8474; background: var(--cab-bg) !important; overflow-x: hidden !important; } /* НЕ ставим overflow-x: hidden на — это ломает sticky-шапку на мобильных. overflow-x контролируем на уровне body. */ html:has(body.page-editorial.page-cabinet) { overflow-x: clip; } .page-editorial.page-cabinet #main.main-content { max-width: 1280px !important; margin: 0 auto !important; padding: 0 32px 56px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .page-editorial.page-cabinet .cabinet-shell { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--cab-ink) !important; font-family: Jost, system-ui, sans-serif !important; background: transparent !important; } .page-editorial.page-cabinet .cabinet-shell .reveal, .page-editorial.page-cabinet .cabinet-shell .reveal > *, .page-editorial.page-cabinet .daily-quote-card { opacity: 1 !important; transform: none !important; } .page-editorial.page-cabinet .cabinet-shell *, .page-editorial.page-cabinet .cabinet-shell button, .page-editorial.page-cabinet .cabinet-shell input, .page-editorial.page-cabinet .cabinet-shell textarea { font-family: Jost, system-ui, sans-serif !important; } .page-editorial.page-cabinet .cabinet-shell h1, .page-editorial.page-cabinet .cabinet-shell h2, .page-editorial.page-cabinet .cabinet-shell h3, .page-editorial.page-cabinet .cabinet-shell blockquote { font-family: "Cormorant Garamond", Georgia, serif !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .cabinet-hero { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.48fr) !important; gap: clamp(28px, 5vw, 72px) !important; min-height: min(680px, calc(100svh - 92px)) !important; margin: 0 0 54px !important; padding: clamp(72px, 9vw, 116px) clamp(28px, 5vw, 64px) !important; overflow: hidden !important; align-items: center !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(160deg, rgba(14, 21, 18, 0.2), rgba(14, 21, 18, 0.78)), radial-gradient(ellipse 70% 80% at 82% 30%, rgba(122, 158, 142, 0.12), transparent 58%), #1a2420 !important; color: #ede8df !important; box-shadow: none !important; } .page-editorial.page-cabinet .cabinet-hero::before { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E") !important; background-size: 420px 420px !important; opacity: 1 !important; pointer-events: none !important; } .page-editorial.page-cabinet .cabinet-hero::after { content: "A" !important; position: absolute !important; right: clamp(22px, 6vw, 84px) !important; bottom: clamp(-54px, -4vw, -28px) !important; display: block !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(190px, 28vw, 430px) !important; font-style: italic !important; line-height: 0.72 !important; color: rgba(237, 232, 223, 0.055) !important; pointer-events: none !important; } .page-editorial.page-cabinet .cabinet-hero__content, .page-editorial.page-cabinet .daily-quote-card { position: relative !important; z-index: 1 !important; } .page-editorial.page-cabinet .cabinet-kicker, .page-editorial.page-cabinet .daily-quote-card__label, .page-editorial.page-cabinet .cabinet-section-head .cabinet-kicker, .page-editorial.page-cabinet .cabinet-side-card .cabinet-kicker { margin: 0 0 18px !important; color: var(--cab-accent) !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker { color: rgba(237, 232, 223, 0.56) !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker time::after { content: " / "; margin: 0 8px; color: rgba(237, 232, 223, 0.28); } .page-editorial.page-cabinet .cabinet-hero h1 { max-width: 780px !important; margin: 0 0 22px !important; color: #f7f4ef !important; font-size: clamp(70px, 10vw, 148px) !important; font-style: italic !important; font-weight: 300 !important; line-height: 0.88 !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 620px !important; margin: 0 0 32px !important; color: rgba(237, 232, 223, 0.74) !important; font-size: clamp(17px, 2vw, 22px) !important; font-weight: 300 !important; line-height: 1.62 !important; } .page-editorial.page-cabinet .cabinet-quick-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin: 0 0 20px !important; } .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .recommended-practice a, .page-editorial.page-cabinet .account-security-card__links a, .page-editorial.page-cabinet .mobile-cabinet-nav a { min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 12px 18px !important; border-radius: 0 !important; text-decoration: none !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; text-transform: uppercase !important; transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease !important; } .page-editorial.page-cabinet .cabinet-quick-actions a { border: 0.5px solid rgba(237, 232, 223, 0.34) !important; color: #ede8df !important; background: rgba(237, 232, 223, 0.045) !important; } .page-editorial.page-cabinet .cabinet-quick-actions a:hover { background: #ede8df !important; border-color: #ede8df !important; color: var(--cab-dark) !important; } .page-editorial.page-cabinet .cabinet-hero__privacy { margin: 0 !important; color: rgba(237, 232, 223, 0.45) !important; font-size: 13px !important; font-weight: 300 !important; letter-spacing: 0.04em !important; } .page-editorial.page-cabinet .daily-quote-card { align-self: end !important; width: 100% !important; padding: clamp(24px, 4vw, 38px) !important; border: 0.5px solid rgba(237, 232, 223, 0.24) !important; border-radius: 0 !important; background: rgba(237, 232, 223, 0.055) !important; box-shadow: none !important; backdrop-filter: blur(14px) !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { margin: 0 !important; color: var(--cab-ink) !important; font-size: clamp(26px, 3vw, 38px) !important; font-style: italic !important; font-weight: 300 !important; line-height: 1.08 !important; } .page-editorial.page-cabinet .daily-quote-card__rule { width: 100% !important; height: 0.5px !important; margin: 28px 0 18px !important; background: rgba(237, 232, 223, 0.24) !important; } .page-editorial.page-cabinet .daily-quote-card p:last-child { margin: 0 !important; color: var(--cab-soft) !important; font-size: 13px !important; letter-spacing: 0.04em !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important; gap: 32px !important; align-items: start !important; } .page-editorial.page-cabinet .cabinet-main { display: grid !important; gap: 28px !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: sticky !important; top: 104px !important; display: grid !important; gap: 18px !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { border: 0.5px solid var(--cab-line) !important; border-radius: 0 !important; background: rgba(240, 235, 227, 0.72) !important; box-shadow: none !important; color: var(--cab-ink) !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details { padding: clamp(26px, 4vw, 42px) !important; } .page-editorial.page-cabinet .cabinet-side-card { padding: 24px !important; } .page-editorial.page-cabinet .continue-practice-card { display: block !important; background: var(--cab-dark) !important; color: #ede8df !important; overflow: hidden !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .continue-practice-card h2 a { color: #f7f4ef !important; } .page-editorial.page-cabinet .continue-practice-card p:not(.cabinet-kicker), .page-editorial.page-cabinet .continue-practice-card__meta { color: rgba(237, 232, 223, 0.66) !important; } .page-editorial.page-cabinet .continue-practice-card__progress { height: 2px !important; margin: 24px 0 !important; background: rgba(237, 232, 223, 0.16) !important; border-radius: 0 !important; } .page-editorial.page-cabinet .continue-practice-card__progress span { display: block !important; height: 100% !important; background: #ede8df !important; border-radius: 0 !important; } .page-editorial.page-cabinet .cabinet-section-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 26px !important; } .page-editorial.page-cabinet .cabinet-section-head h2, .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .journal-preview h2, .page-editorial.page-cabinet .collection-preview h2, .page-editorial.page-cabinet .account-security-card h2, .page-editorial.page-cabinet .cabinet-side-card h2 { margin: 0 0 12px !important; color: var(--cab-ink) !important; font-size: clamp(32px, 4.2vw, 52px) !important; font-style: italic !important; font-weight: 300 !important; line-height: 1.04 !important; } .page-editorial.page-cabinet .cabinet-section-head p:not(.cabinet-kicker), .page-editorial.page-cabinet .mood-checkin p, .page-editorial.page-cabinet .recommended-practice p, .page-editorial.page-cabinet .journal-preview p, .page-editorial.page-cabinet .collection-preview p, .page-editorial.page-cabinet .cabinet-side-card p, .page-editorial.page-cabinet .cabinet-empty p { color: var(--cab-soft) !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.65 !important; } .page-editorial.page-cabinet .cabinet-soft-pill, .page-editorial.page-cabinet .recommended-practice span, .page-editorial.page-cabinet .collection-preview__list span { display: inline-flex !important; align-items: center !important; min-height: 28px !important; padding: 6px 10px !important; border: 0.5px solid var(--cab-line) !important; border-radius: 0 !important; color: var(--cab-accent) !important; background: rgba(247, 244, 239, 0.62) !important; font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin__choices, .page-editorial.page-cabinet .recommended-practices__grid { display: grid !important; gap: 12px !important; } .page-editorial.page-cabinet .mood-checkin__choices { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin: 0 0 24px !important; } .page-editorial.page-cabinet .mood-checkin__choices button, .page-editorial.page-cabinet .inv-filter-btn { min-height: 44px !important; padding: 12px 14px !important; border: 0.5px solid var(--cab-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--cab-ink) !important; font-size: 11px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin__choices button:hover, .page-editorial.page-cabinet .mood-checkin__choices button.is-active, .page-editorial.page-cabinet .inv-filter-btn:hover, .page-editorial.page-cabinet .inv-filter-btn--active { background: var(--cab-ink) !important; color: var(--cab-bg) !important; } .page-editorial.page-cabinet .mood-checkin__label, .page-editorial.page-cabinet .cabinet-password-form label { display: block !important; margin: 0 0 10px !important; color: var(--cab-soft) !important; font-size: 11px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin textarea, .page-editorial.page-cabinet .cabinet-shell .form-control { width: 100% !important; border: 0.5px solid var(--cab-line) !important; border-radius: 0 !important; background: rgba(247, 244, 239, 0.74) !important; color: var(--cab-ink) !important; box-shadow: none !important; } .page-editorial.page-cabinet .mood-checkin textarea { min-height: 116px !important; padding: 16px !important; } .page-editorial.page-cabinet .cabinet-actions { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; align-items: center !important; margin-top: 20px !important; } .page-editorial.page-cabinet .cabinet-btn--dark, .page-editorial.page-cabinet .cabinet-btn--light { border: 0.5px solid var(--cab-ink) !important; background: var(--cab-ink) !important; color: var(--cab-bg) !important; } .page-editorial.page-cabinet .continue-practice-card .cabinet-btn--dark { border-color: #ede8df !important; background: #ede8df !important; color: var(--cab-dark) !important; } .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .account-security-card__links a { border: 0.5px solid var(--cab-line) !important; color: var(--cab-ink) !important; background: transparent !important; } .page-editorial.page-cabinet .cabinet-link:hover, .page-editorial.page-cabinet .account-security-card__links a:hover, .page-editorial.page-cabinet .cabinet-btn:hover { transform: translateY(-1px) !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .page-editorial.page-cabinet .recommended-practice { min-height: 230px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; padding: 22px !important; border: 0.5px solid var(--cab-line) !important; border-radius: 0 !important; background: rgba(247, 244, 239, 0.56) !important; box-shadow: none !important; } .page-editorial.page-cabinet .recommended-practice h3 { margin: 20px 0 12px !important; color: var(--cab-ink) !important; font-size: 28px !important; font-style: italic !important; font-weight: 300 !important; line-height: 1.08 !important; } .page-editorial.page-cabinet .recommended-practice div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 18px !important; } .page-editorial.page-cabinet .recommended-practice small { color: var(--cab-soft) !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .recommended-practice a { min-height: 36px !important; padding: 9px 12px !important; border: 0.5px solid var(--cab-line) !important; color: var(--cab-ink) !important; } .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .collection-preview__list a, .page-editorial.page-cabinet .cabinet-empty { display: block !important; padding: 18px 0 !important; border-top: 0.5px solid var(--cab-line) !important; color: inherit !important; text-decoration: none !important; } .page-editorial.page-cabinet .collection-preview__list { display: grid !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .page-editorial.page-cabinet .collection-preview__list strong, .page-editorial.page-cabinet .journal-preview__latest strong { display: block !important; margin-top: 8px !important; color: var(--cab-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 30px !important; font-style: italic !important; font-weight: 300 !important; line-height: 1.1 !important; } .page-editorial.page-cabinet .account-security-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 24px !important; align-items: center !important; } .page-editorial.page-cabinet .account-security-card__links { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: flex-end !important; } .page-editorial.page-cabinet .cabinet-password-details summary { cursor: pointer !important; color: var(--cab-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 30px !important; font-style: italic !important; font-weight: 300 !important; } .page-editorial.page-cabinet .cabinet-password-form { display: grid !important; gap: 12px !important; margin-top: 24px !important; } .page-editorial.page-cabinet .cabinet-side-card h2 { font-size: 30px !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .continue-practice-card h2 a { color: #f7f4ef !important; } .page-editorial.page-cabinet .continue-practice-card .cabinet-kicker { color: rgba(237, 232, 223, 0.55) !important; } .page-editorial.page-cabinet .continue-practice-card p:not(.cabinet-kicker) { color: rgba(237, 232, 223, 0.72) !important; } .page-editorial.page-cabinet .cabinet-toggle { display: flex !important; align-items: center !important; gap: 12px !important; color: var(--cab-soft) !important; } .page-editorial.page-cabinet .cabinet-promo-form { display: grid !important; gap: 12px !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { position: sticky !important; bottom: 14px !important; z-index: 30 !important; display: none !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; margin: 30px 0 0 !important; border: 0.5px solid var(--cab-line) !important; background: rgba(247, 244, 239, 0.92) !important; backdrop-filter: blur(16px) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a { min-height: 48px !important; padding: 10px 6px !important; border-right: 0.5px solid var(--cab-line) !important; color: var(--cab-ink) !important; font-size: 10px !important; white-space: nowrap !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a:last-child { border-right: 0 !important; } @media (max-width: 1040px) { .page-editorial.page-cabinet .cabinet-hero, .page-editorial.page-cabinet .cabinet-layout { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 720px) { .page-editorial.page-cabinet #main.main-content { padding-left: max(16px, env(safe-area-inset-left)) !important; padding-right: max(16px, env(safe-area-inset-right)) !important; padding-bottom: 28px !important; } .page-editorial.page-cabinet .cabinet-hero { min-height: auto !important; margin-bottom: 28px !important; padding: 58px 20px 28px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(54px, 19vw, 86px) !important; } .page-editorial.page-cabinet .daily-quote-card { padding: 22px !important; } .page-editorial.page-cabinet .cabinet-section-head, .page-editorial.page-cabinet .account-security-card { display: block !important; } .page-editorial.page-cabinet .cabinet-sidebar, .page-editorial.page-cabinet .recommended-practices__grid, .page-editorial.page-cabinet .mood-checkin__choices { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .recommended-practice { min-height: 0 !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { display: grid !important; } } /* --- Cabinet composition v2: compact editorial workspace --- */ .page-editorial.page-cabinet #main.main-content { max-width: 1320px !important; padding-bottom: 72px !important; } .page-editorial.page-cabinet .cabinet-hero { grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.68fr) !important; min-height: clamp(500px, 62svh, 620px) !important; margin-bottom: 32px !important; padding: clamp(54px, 7vw, 84px) clamp(28px, 5vw, 72px) !important; } .page-editorial.page-cabinet .cabinet-hero h1 { max-width: 640px !important; font-size: clamp(72px, 8vw, 124px) !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 560px !important; margin-bottom: 28px !important; } .page-editorial.page-cabinet .daily-quote-card, .page-editorial.page-cabinet .daily-quote-card::before, .page-editorial.page-cabinet .daily-quote-card::after { clip-path: none !important; mask: none !important; } .page-editorial.page-cabinet .daily-quote-card::before, .page-editorial.page-cabinet .daily-quote-card::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .daily-quote-card { align-self: center !important; min-height: 330px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; padding: clamp(28px, 4vw, 42px) !important; border-color: rgba(237, 232, 223, 0.3) !important; background: rgba(247, 244, 239, 0.93) !important; backdrop-filter: none !important; } .page-editorial.page-cabinet .daily-quote-card__label { color: var(--cab-accent) !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { max-width: 380px !important; color: var(--cab-ink) !important; font-size: clamp(32px, 3.4vw, 48px) !important; } .page-editorial.page-cabinet .daily-quote-card__rule { background: var(--cab-line) !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch !important; overflow: visible !important; } .page-editorial.page-cabinet .cabinet-main, .page-editorial.page-cabinet .cabinet-sidebar { display: contents !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { min-width: 0 !important; margin: 0 !important; } .page-editorial.page-cabinet .continue-practice-card { grid-column: 1 / span 7 !important; grid-row: 1 / span 2 !important; min-height: 360px !important; display: flex !important; align-items: flex-end !important; padding: clamp(34px, 5vw, 58px) !important; } .page-editorial.page-cabinet .continue-practice-card::after { width: 520px !important; height: 520px !important; right: -120px !important; bottom: -230px !important; opacity: 0.18 !important; } .page-editorial.page-cabinet .continue-practice-card > div { max-width: 560px !important; position: relative !important; z-index: 1 !important; } .page-editorial.page-cabinet .continue-practice-card h2 { font-size: clamp(46px, 5.4vw, 74px) !important; line-height: 0.98 !important; } .page-editorial.page-cabinet .SubscriptionCard { grid-column: 8 / span 5 !important; grid-row: 1 !important; min-height: 168px !important; } .page-editorial.page-cabinet .QuietReminderCard { grid-column: 8 / span 3 !important; grid-row: 2 !important; } .page-editorial.page-cabinet .PromoCodeCard { grid-column: 11 / span 2 !important; grid-row: 2 !important; } .page-editorial.page-cabinet .cabinet-sidebar .cabinet-side-card:last-child { grid-column: 8 / span 5 !important; grid-row: 3 !important; } .page-editorial.page-cabinet .mood-checkin { grid-column: 1 / span 12 !important; grid-row: 4 !important; display: grid !important; grid-template-columns: minmax(260px, 0.36fr) minmax(0, 0.64fr) !important; gap: 28px 42px !important; align-items: start !important; } .page-editorial.page-cabinet .mood-checkin .cabinet-section-head { display: block !important; margin: 0 !important; } .page-editorial.page-cabinet .mood-checkin .cabinet-soft-pill { margin-top: 18px !important; } .page-editorial.page-cabinet .mood-checkin__choices { grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-self: end !important; margin: 0 !important; } .page-editorial.page-cabinet .mood-checkin__label { grid-column: 1 !important; grid-row: 2 !important; margin-top: 14px !important; } .page-editorial.page-cabinet .mood-checkin textarea { grid-column: 2 !important; grid-row: 2 / span 2 !important; min-height: 154px !important; } .page-editorial.page-cabinet .mood-checkin .cabinet-actions { grid-column: 1 !important; grid-row: 3 !important; align-self: end !important; margin-top: 0 !important; } .page-editorial.page-cabinet .recommended-practices { grid-column: 1 / span 12 !important; grid-row: 5 !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 0.5px solid var(--cab-line) !important; border-left: 0.5px solid var(--cab-line) !important; } .page-editorial.page-cabinet .recommended-practice { min-height: 280px !important; border-top: 0 !important; border-left: 0 !important; border-right: 0.5px solid var(--cab-line) !important; border-bottom: 0.5px solid var(--cab-line) !important; background: transparent !important; } .page-editorial.page-cabinet .recommended-practice h3 { font-size: clamp(25px, 2.1vw, 34px) !important; } .page-editorial.page-cabinet .journal-preview { grid-column: 1 / span 6 !important; grid-row: 6 !important; } .page-editorial.page-cabinet .collection-preview { grid-column: 7 / span 6 !important; grid-row: 6 !important; } .page-editorial.page-cabinet .account-security-card { grid-column: 1 / span 8 !important; grid-row: 7 !important; } .page-editorial.page-cabinet .cabinet-password-details { grid-column: 9 / span 4 !important; grid-row: 7 !important; display: flex !important; align-items: center !important; } .page-editorial.page-cabinet .cabinet-side-card { min-height: 168px !important; } .page-editorial.page-cabinet .PromoCodeCard { display: flex !important; align-items: center !important; } .page-editorial.page-cabinet .PromoCodeCard details { width: 100% !important; } .page-editorial.page-cabinet .PromoCodeCard summary { cursor: pointer !important; color: var(--cab-ink) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { margin-top: 24px !important; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .daily-quote-card, .page-editorial.page-cabinet .recommended-practice, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview { will-change: transform, opacity !important; transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), border-color 280ms ease, background 280ms ease !important; } .page-editorial.page-cabinet .recommended-practice:hover, .page-editorial.page-cabinet .cabinet-side-card:hover, .page-editorial.page-cabinet .journal-preview:hover, .page-editorial.page-cabinet .collection-preview:hover { transform: translateY(-3px) !important; border-color: rgba(42, 37, 32, 0.36) !important; } } @media (max-width: 1180px) { .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .SubscriptionCard, .page-editorial.page-cabinet .QuietReminderCard, .page-editorial.page-cabinet .PromoCodeCard, .page-editorial.page-cabinet .cabinet-sidebar .cabinet-side-card:last-child, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details { grid-column: 1 / span 12 !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .page-editorial.page-cabinet .continue-practice-card { grid-row: 1 !important; } .page-editorial.page-cabinet .SubscriptionCard { grid-row: 2 !important; } .page-editorial.page-cabinet .QuietReminderCard { grid-row: 3 !important; grid-column: 1 / span 6 !important; } .page-editorial.page-cabinet .PromoCodeCard { grid-row: 3 !important; grid-column: 7 / span 6 !important; } .page-editorial.page-cabinet .cabinet-sidebar .cabinet-side-card:last-child { grid-row: 4 !important; } .page-editorial.page-cabinet .mood-checkin { grid-row: 5 !important; } .page-editorial.page-cabinet .recommended-practices { grid-row: 6 !important; } .page-editorial.page-cabinet .journal-preview { grid-row: 7 !important; } .page-editorial.page-cabinet .collection-preview { grid-row: 8 !important; } .page-editorial.page-cabinet .account-security-card { grid-row: 9 !important; } .page-editorial.page-cabinet .cabinet-password-details { grid-row: 10 !important; } } @media (max-width: 820px) { body.page-editorial.page-cabinet { overflow-x: hidden !important; } .page-editorial.page-cabinet .cabinet-hero { grid-template-columns: 1fr !important; min-height: auto !important; padding: 40px 20px 22px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(50px, 17vw, 72px) !important; margin-bottom: 18px !important; } .page-editorial.page-cabinet .cabinet-hero__lead { font-size: 15px !important; line-height: 1.55 !important; margin-bottom: 22px !important; } .page-editorial.page-cabinet .cabinet-quick-actions { gap: 10px !important; margin-bottom: 16px !important; } .page-editorial.page-cabinet .cabinet-quick-actions a { min-height: 38px !important; padding: 10px 14px !important; } .page-editorial.page-cabinet .daily-quote-card { min-height: 0 !important; padding: 20px !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { max-height: 118px !important; overflow: hidden !important; font-size: 25px !important; line-height: 1.16 !important; } .page-editorial.page-cabinet .daily-quote-card__rule, .page-editorial.page-cabinet .daily-quote-card p:last-child { display: none !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; } .page-editorial.page-cabinet .cabinet-main, .page-editorial.page-cabinet .cabinet-sidebar { display: contents !important; } .page-editorial.page-cabinet .cabinet-main { margin-bottom: 18px !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .SubscriptionCard, .page-editorial.page-cabinet .QuietReminderCard, .page-editorial.page-cabinet .PromoCodeCard, .page-editorial.page-cabinet .cabinet-sidebar .cabinet-side-card:last-child, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details { grid-column: 1 !important; } .page-editorial.page-cabinet .continue-practice-card { grid-row: 1 !important; } .page-editorial.page-cabinet .SubscriptionCard { grid-row: 2 !important; } .page-editorial.page-cabinet .mood-checkin { grid-row: 3 !important; } .page-editorial.page-cabinet .recommended-practices { grid-row: 4 !important; } .page-editorial.page-cabinet .journal-preview { grid-row: 5 !important; } .page-editorial.page-cabinet .collection-preview { grid-row: 6 !important; } .page-editorial.page-cabinet .QuietReminderCard { grid-row: 7 !important; } .page-editorial.page-cabinet .PromoCodeCard { grid-row: 8 !important; } .page-editorial.page-cabinet .cabinet-sidebar .cabinet-side-card:last-child { grid-row: 9 !important; } .page-editorial.page-cabinet .account-security-card { grid-row: 10 !important; } .page-editorial.page-cabinet .cabinet-password-details { grid-row: 11 !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card { padding: 24px !important; } .page-editorial.page-cabinet .mood-checkin { display: block !important; } .page-editorial.page-cabinet .mood-checkin__choices { grid-template-columns: 1fr !important; margin: 22px 0 !important; } .page-editorial.page-cabinet .mood-checkin textarea { margin-bottom: 18px !important; } .page-editorial.page-cabinet .recommended-practices__grid { display: grid !important; grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .recommended-practice { min-height: 0 !important; } .page-editorial.page-cabinet .account-security-card { display: block !important; } .page-editorial.page-cabinet .account-security-card__links { justify-content: flex-start !important; margin-top: 18px !important; } .page-editorial.page-cabinet .cabinet-password-details { display: block !important; } } .page-editorial.page-cabinet .mobile-cabinet-nav { display: none !important; } /* --- Cabinet reference pass: based on cabinet_v2.html, adapted to Arqelya --- */ body.page-editorial.page-cabinet { --cab-bg: #f7f4ef; --cab-surface: rgba(247, 244, 239, 0.7); --cab-panel: #fbf8f2; --cab-ink: #2a2520; --cab-soft: #4f4740; --cab-muted: #6f6258; --cab-line: rgba(178, 168, 152, 0.9); --cab-line-soft: rgba(201, 194, 181, 0.48); --cab-accent: #3d4f46; --cab-accent-soft: rgba(61, 79, 70, 0.08); background: linear-gradient(180deg, rgba(251, 248, 242, 0.54), rgba(247, 244, 239, 0) 360px), var(--cab-bg) !important; } /* НЕ ставим overflow-x: hidden на — это ломает sticky-шапку на мобильных (iOS Safari, Chrome Android). overflow-x контролируем только на body, и через clip, а не hidden. */ body.page-editorial.page-cabinet { overflow-x: clip; } .page-editorial.page-cabinet .offcanvas, .page-editorial.page-cabinet .site-nav-offcanvas { max-width: min(100vw, 360px) !important; } .page-editorial.page-cabinet #main.main-content { max-width: 1200px !important; padding: 48px 32px 80px !important; } .page-editorial.page-cabinet .cabinet-shell { font-size: 15px !important; line-height: 1.6 !important; } .page-editorial.page-cabinet .cabinet-shell .reveal, .page-editorial.page-cabinet .cabinet-shell .reveal > * { opacity: 1 !important; } .page-editorial.page-cabinet .cabinet-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important; gap: 40px 72px !important; min-height: 0 !important; margin: 0 0 36px !important; padding: 0 0 32px !important; align-items: start !important; overflow: visible !important; color: var(--cab-ink) !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--cab-line) !important; box-shadow: none !important; } .page-editorial.page-cabinet .cabinet-hero::before, .page-editorial.page-cabinet .cabinet-hero::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .cabinet-hero__content { display: grid !important; gap: 0 !important; max-width: 760px !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker, .page-editorial.page-cabinet .cabinet-kicker, .page-editorial.page-cabinet .daily-quote-card__label { margin: 0 0 12px !important; color: var(--cab-muted) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; line-height: 1.3 !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker time::after { content: " / "; margin: 0 8px; color: var(--cab-line); } .page-editorial.page-cabinet .cabinet-hero h1 { max-width: none !important; margin: 0 0 8px !important; color: var(--cab-ink) !important; font-size: clamp(36px, 5vw, 56px) !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.02 !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 640px !important; margin: 0 0 22px !important; color: var(--cab-soft) !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.65 !important; } .page-editorial.page-cabinet .cabinet-quick-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 0 0 14px !important; } .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .recommended-practice a, .page-editorial.page-cabinet .account-security-card__links a { min-height: 40px !important; padding: 9px 18px !important; border: 1px solid var(--cab-line) !important; border-radius: 0 !important; background: var(--cab-panel) !important; color: var(--cab-soft) !important; text-decoration: none !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.08em !important; line-height: 1.35 !important; text-transform: uppercase !important; transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, transform 0.25s ease !important; } .page-editorial.page-cabinet .cabinet-quick-actions a:hover, .page-editorial.page-cabinet .cabinet-link:hover, .page-editorial.page-cabinet .account-security-card__links a:hover, .page-editorial.page-cabinet .recommended-practice a:hover { border-color: var(--cab-accent) !important; background: var(--cab-accent-soft) !important; color: var(--cab-accent) !important; } .page-editorial.page-cabinet .cabinet-hero__privacy { margin: 0 !important; color: var(--cab-muted) !important; font-size: 13px !important; font-weight: 300 !important; } .page-editorial.page-cabinet .daily-quote-card { align-self: stretch !important; min-height: 0 !important; padding: 26px 30px !important; display: block !important; border: 1px solid var(--cab-line) !important; border-left: 3px solid var(--cab-accent) !important; border-radius: 0 !important; background: var(--cab-panel) !important; color: var(--cab-ink) !important; box-shadow: none !important; } .page-editorial.page-cabinet .daily-quote-card::before, .page-editorial.page-cabinet .daily-quote-card::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { max-width: none !important; max-height: none !important; margin: 0 !important; overflow: visible !important; color: var(--cab-ink) !important; font-size: clamp(24px, 2.4vw, 34px) !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.26 !important; } .page-editorial.page-cabinet .daily-quote-card__rule { display: block !important; height: 0.5px !important; margin: 20px 0 12px !important; background: var(--cab-line) !important; } .page-editorial.page-cabinet .daily-quote-card p:last-child { display: block !important; margin: 0 !important; color: var(--cab-muted) !important; font-size: 13px !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; gap: 72px !important; align-items: start !important; overflow: visible !important; } .page-editorial.page-cabinet .cabinet-main, .page-editorial.page-cabinet .cabinet-sidebar { display: block !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: sticky !important; top: 96px !important; } .page-editorial.page-cabinet .cabinet-main > section, .page-editorial.page-cabinet .cabinet-main > details, .page-editorial.page-cabinet .cabinet-main > div, .page-editorial.page-cabinet .cabinet-sidebar > section { margin: 0 0 46px !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { grid-column: auto !important; grid-row: auto !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--cab-ink) !important; } .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card { padding: 0 !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-password-details { padding: 30px !important; border: 1px solid var(--cab-line) !important; background: var(--cab-panel) !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .daily-quote-card { background: linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 58%), var(--cab-panel) !important; } .page-editorial.page-cabinet .continue-practice-card { display: block !important; } .page-editorial.page-cabinet .continue-practice-card::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .continue-practice-card h2 a, .page-editorial.page-cabinet .cabinet-section-head h2, .page-editorial.page-cabinet .journal-preview h2, .page-editorial.page-cabinet .collection-preview h2, .page-editorial.page-cabinet .account-security-card h2, .page-editorial.page-cabinet .cabinet-side-card h2 { margin: 0 0 8px !important; color: var(--cab-ink) !important; font-size: 28px !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.18 !important; } .page-editorial.page-cabinet .continue-practice-card p:not(.cabinet-kicker), .page-editorial.page-cabinet .cabinet-section-head p:not(.cabinet-kicker), .page-editorial.page-cabinet .journal-preview p, .page-editorial.page-cabinet .collection-preview p, .page-editorial.page-cabinet .cabinet-side-card p, .page-editorial.page-cabinet .recommended-practice p, .page-editorial.page-cabinet .cabinet-empty p { max-width: 600px !important; color: var(--cab-soft) !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.62 !important; } .page-editorial.page-cabinet .continue-practice-card__progress { height: 3px !important; margin: 20px 0 !important; background: var(--cab-line-soft) !important; border-radius: 0 !important; overflow: hidden !important; } .page-editorial.page-cabinet .continue-practice-card__progress span { display: block !important; height: 100% !important; background: var(--cab-accent) !important; } .page-editorial.page-cabinet .cabinet-btn--dark, .page-editorial.page-cabinet .cabinet-btn--light { border-color: var(--cab-accent) !important; background: var(--cab-accent) !important; color: #f7f4ef !important; } .page-editorial.page-cabinet .cabinet-section-head { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 16px !important; } .page-editorial.page-cabinet .cabinet-soft-pill, .page-editorial.page-cabinet .recommended-practice span, .page-editorial.page-cabinet .collection-preview__list span { display: inline-flex !important; align-items: center !important; min-height: 26px !important; padding: 5px 10px !important; border: 1px solid var(--cab-line) !important; border-radius: 0 !important; background: var(--cab-panel) !important; color: var(--cab-muted) !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin { display: block !important; padding: 0 !important; } .page-editorial.page-cabinet .mood-checkin__choices { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 16px !important; } .page-editorial.page-cabinet .mood-checkin__choices button, .page-editorial.page-cabinet .inv-filter-btn { min-height: 38px !important; padding: 8px 16px !important; border: 1px solid var(--cab-line) !important; border-radius: 0 !important; background: var(--cab-panel) !important; color: var(--cab-soft) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; } .page-editorial.page-cabinet .mood-checkin__choices button:hover, .page-editorial.page-cabinet .mood-checkin__choices button.is-active, .page-editorial.page-cabinet .inv-filter-btn:hover, .page-editorial.page-cabinet .inv-filter-btn--active { border-color: var(--cab-accent) !important; background: var(--cab-accent-soft) !important; color: var(--cab-accent) !important; } .page-editorial.page-cabinet .mood-checkin__label, .page-editorial.page-cabinet .cabinet-password-form label { display: block !important; margin: 0 0 8px !important; color: var(--cab-muted) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin textarea, .page-editorial.page-cabinet .cabinet-shell .form-control { width: 100% !important; border: 1px solid var(--cab-line) !important; border-radius: 0 !important; background: var(--cab-panel) !important; color: var(--cab-ink) !important; box-shadow: none !important; } .page-editorial.page-cabinet .mood-checkin textarea { min-height: 104px !important; padding: 14px 16px !important; margin-bottom: 14px !important; } .page-editorial.page-cabinet .cabinet-actions { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 0 !important; } .page-editorial.page-cabinet .recommended-practices__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; border: 0 !important; } .page-editorial.page-cabinet .recommended-practice { min-height: 0 !important; padding: 20px !important; border: 1px solid var(--cab-line) !important; background: var(--cab-panel) !important; text-decoration: none !important; } .page-editorial.page-cabinet .recommended-practice h3 { margin: 12px 0 8px !important; color: var(--cab-ink) !important; font-size: 22px !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.16 !important; } .page-editorial.page-cabinet .recommended-practice div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: 16px !important; } .page-editorial.page-cabinet .recommended-practice small { color: var(--cab-muted) !important; font-size: 13px !important; letter-spacing: 0.02em !important; } .page-editorial.page-cabinet .recommended-practice a { min-height: 34px !important; padding: 7px 12px !important; } .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .cabinet-empty, .page-editorial.page-cabinet .collection-preview__list a { display: block !important; padding: 18px 20px !important; border: 1px solid var(--cab-line) !important; background: var(--cab-panel) !important; color: inherit !important; text-decoration: none !important; } .page-editorial.page-cabinet .collection-preview__list { display: grid !important; gap: 10px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .page-editorial.page-cabinet .collection-preview__list strong, .page-editorial.page-cabinet .journal-preview__latest strong { display: block !important; margin: 6px 0 0 !important; color: var(--cab-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 22px !important; font-style: italic !important; font-weight: 400 !important; } .page-editorial.page-cabinet .account-security-card { padding: 0 !important; } .page-editorial.page-cabinet .account-security-card__links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; } .page-editorial.page-cabinet .cabinet-password-details summary, .page-editorial.page-cabinet .PromoCodeCard summary { cursor: pointer !important; color: var(--cab-ink) !important; font-size: 15px !important; font-weight: 500 !important; list-style: none !important; } .page-editorial.page-cabinet .cabinet-password-details summary { font-family: Jost, system-ui, sans-serif !important; } .page-editorial.page-cabinet .cabinet-password-form, .page-editorial.page-cabinet .cabinet-promo-form { display: grid !important; gap: 10px !important; margin-top: 16px !important; } .page-editorial.page-cabinet .cabinet-side-card { padding: 22px !important; margin-bottom: 16px !important; } .page-editorial.page-cabinet .cabinet-side-card h2 { font-size: 24px !important; } .page-editorial.page-cabinet .cabinet-pro-fav { margin: 12px 0 !important; } .page-editorial.page-cabinet .cabinet-toggle { display: flex !important; align-items: center !important; gap: 10px !important; color: var(--cab-soft) !important; font-size: 14px !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { display: none !important; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .recommended-practice, .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .collection-preview__list a, .page-editorial.page-cabinet .cabinet-side-card { will-change: transform !important; } .page-editorial.page-cabinet .recommended-practice:hover, .page-editorial.page-cabinet .journal-preview__latest:hover, .page-editorial.page-cabinet .collection-preview__list a:hover, .page-editorial.page-cabinet .cabinet-side-card:hover { transform: translateY(-2px) !important; border-color: var(--cab-accent) !important; } } @media (max-width: 992px) { .page-editorial.page-cabinet .cabinet-layout, .page-editorial.page-cabinet .cabinet-hero { grid-template-columns: 1fr !important; gap: 34px !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .page-editorial.page-cabinet .cabinet-sidebar > section { margin: 0 !important; } } @media (max-width: 720px) { .page-editorial.page-cabinet #main.main-content { padding: 22px 16px 52px !important; } .page-editorial.page-cabinet .cabinet-hero { margin-bottom: 30px !important; padding-bottom: 24px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(36px, 13vw, 54px) !important; } .page-editorial.page-cabinet .cabinet-hero__lead { font-size: 15px !important; } .page-editorial.page-cabinet .daily-quote-card { padding: 22px 24px !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { font-size: 24px !important; } .page-editorial.page-cabinet .cabinet-main > section, .page-editorial.page-cabinet .cabinet-main > details, .page-editorial.page-cabinet .cabinet-main > div { margin-bottom: 34px !important; } .page-editorial.page-cabinet .cabinet-sidebar { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-section-head { display: block !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-password-details { padding: 22px !important; } } @keyframes cabinetRiseSoft { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes cabinetHeroIn { from { opacity: 0; transform: translateY(12px) scale(0.995); } to { opacity: 1; transform: translateY(0) scale(1); } } @media (prefers-reduced-motion: no-preference) { .page-editorial.page-cabinet .cabinet-hero__content, .page-editorial.page-cabinet .daily-quote-card { animation: cabinetHeroIn 620ms cubic-bezier(0.22, 1, 0.36, 1) both !important; will-change: opacity, transform !important; } .page-editorial.page-cabinet .daily-quote-card { animation-delay: 120ms !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card { animation: cabinetRiseSoft 520ms cubic-bezier(0.22, 1, 0.36, 1) both !important; will-change: opacity, transform !important; } .page-editorial.page-cabinet .mood-checkin { animation-delay: 80ms !important; } .page-editorial.page-cabinet .recommended-practices { animation-delay: 140ms !important; } .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview { animation-delay: 200ms !important; } } /* --- Services page: homepage-inspired editorial pass --- */ body.page-editorial.page-services-editorial { --services-bg: #f7f4ef; --services-paper: rgba(247, 244, 239, 0.72); --services-panel: #fbf8f2; --services-ink: #2a2520; --services-soft: #5f554d; --services-muted: #8b8074; --services-line: rgba(190, 181, 165, 0.78); --services-line-strong: rgba(148, 138, 123, 0.62); --services-accent: #3d4f46; background: linear-gradient(180deg, #f8f5ef 0%, #f3eee6 48%, #f7f4ef 100%) !important; overflow-x: hidden !important; } .page-editorial.page-services-editorial .main-content { max-width: none !important; padding: 0 !important; } .page-editorial.page-services-editorial .services-page { padding: 0 !important; overflow: hidden !important; } .page-editorial.page-services-editorial .services-page > .container { width: 100% !important; max-width: none !important; padding: 0 !important; } .page-editorial.page-services-editorial .services-page__article { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .page-editorial.page-services-editorial .services-hero { position: relative !important; width: 100% !important; max-width: none !important; min-height: min(760px, calc(100svh - 92px)) !important; margin: 0 !important; padding: clamp(82px, 10vh, 118px) max(32px, calc((100vw - 1180px) / 2)) clamp(56px, 8vh, 86px) !important; display: grid !important; align-content: center !important; isolation: isolate !important; overflow: hidden !important; color: var(--services-ink) !important; background: linear-gradient(180deg, rgba(251, 248, 242, 0.34), rgba(247, 244, 239, 0.92) 94%), linear-gradient(90deg, #f7f4ef 0%, #f7f4ef 42%, rgba(247, 244, 239, 0.72) 64%, rgba(247, 244, 239, 0.96) 100%) !important; } .page-editorial.page-services-editorial .services-hero::before { content: "" !important; position: absolute !important; z-index: -1 !important; top: clamp(86px, 12vh, 122px) !important; right: max(30px, calc((100vw - 1180px) / 2)) !important; bottom: clamp(46px, 7vh, 80px) !important; width: min(54vw, 720px) !important; border-radius: 8px !important; background: linear-gradient(90deg, rgba(247, 244, 239, 0.72), rgba(247, 244, 239, 0.02) 38%, rgba(247, 244, 239, 0) 100%), url("../img/arqelya-ritual-still-life.png") center right / cover no-repeat !important; box-shadow: 0 34px 110px rgba(42, 37, 32, 0.13) !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%) !important; mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%) !important; } .page-editorial.page-services-editorial .services-hero::after { content: "П" !important; position: absolute !important; right: max(58px, calc((100vw - 1120px) / 2)) !important; bottom: clamp(92px, 14vh, 150px) !important; z-index: 0 !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(96px, 13vw, 180px) !important; font-style: italic !important; line-height: 0.8 !important; color: rgba(247, 244, 239, 0.34) !important; text-shadow: 0 22px 60px rgba(42, 37, 32, 0.18) !important; pointer-events: none !important; } .page-editorial.page-services-editorial .services-hero > * { position: relative !important; z-index: 1 !important; max-width: 690px !important; } .page-editorial.page-services-editorial .section-eyebrow, .page-editorial.page-services-editorial .services-subsection-title, .page-editorial.page-services-editorial .services-state-card__label { color: rgba(42, 37, 32, 0.66) !important; font-family: Jost, system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.17em !important; line-height: 1.35 !important; text-transform: uppercase !important; } .page-editorial.page-services-editorial .services-hero__title { max-width: 760px !important; margin: 0 !important; color: var(--services-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(52px, 7vw, 94px) !important; font-style: italic !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 0.98 !important; text-wrap: balance !important; } .page-editorial.page-services-editorial .services-hero__lead { max-width: 520px !important; margin: 26px 0 0 !important; color: rgba(72, 63, 55, 0.82) !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.78 !important; } .page-editorial.page-services-editorial .services-hero__note { max-width: 540px !important; margin-top: 18px !important; color: rgba(95, 85, 77, 0.78) !important; font-size: 13px !important; line-height: 1.65 !important; } .page-editorial.page-services-editorial .services-hero__note a, .page-editorial.page-services-editorial .services-section-lead a, .page-editorial.page-services-editorial .services-footnote a { color: var(--services-accent) !important; text-decoration-color: rgba(61, 79, 70, 0.32) !important; text-underline-offset: 0.18em !important; } .page-editorial.page-services-editorial .services-states, .page-editorial.page-services-editorial .services-catalog-block, .page-editorial.page-services-editorial .services-footnote { width: min(1180px, calc(100% - 64px)) !important; margin-left: auto !important; margin-right: auto !important; } .page-editorial.page-services-editorial .services-states { display: grid !important; grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr) !important; gap: clamp(28px, 5vw, 74px) !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 42px 0 66px !important; border: 0 !important; border-top: 0.5px solid var(--services-line) !important; border-bottom: 0.5px solid var(--services-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-editorial.page-services-editorial .services-states > .services-section-title { grid-column: 1 !important; grid-row: 1 !important; } .page-editorial.page-services-editorial .services-states > .services-section-lead { grid-column: 1 !important; grid-row: 2 !important; } .page-editorial.page-services-editorial .services-section-title { margin: 0 !important; color: var(--services-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(34px, 4vw, 54px) !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.02 !important; } .page-editorial.page-services-editorial .services-section-lead { max-width: 590px !important; margin: 14px 0 0 !important; color: var(--services-soft) !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.72 !important; } .page-editorial.page-services-editorial .services-states__grid { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 0.5px solid var(--services-line) !important; border-left: 0.5px solid var(--services-line) !important; } .page-editorial.page-services-editorial .services-state-card { position: relative !important; min-width: 0 !important; min-height: 168px !important; padding: 24px 26px !important; gap: 12px !important; border: 0 !important; border-right: 0.5px solid var(--services-line) !important; border-bottom: 0.5px solid var(--services-line) !important; border-radius: 0 !important; background: rgba(247, 244, 239, 0.48) !important; color: var(--services-ink) !important; box-shadow: none !important; overflow: hidden !important; transform: none !important; } .page-editorial.page-services-editorial .services-state-card::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(255, 253, 248, 0.58), rgba(240, 235, 227, 0.66)) !important; opacity: 0 !important; transition: opacity 0.28s ease !important; } .page-editorial.page-services-editorial .services-state-card > * { position: relative !important; z-index: 1 !important; } .page-editorial.page-services-editorial .services-state-card__hint { max-width: 26ch !important; color: var(--services-soft) !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.58 !important; } .page-editorial.page-services-editorial .services-state-card__go { width: 28px !important; height: 28px !important; margin-top: auto !important; display: inline-grid !important; place-items: center !important; border: 0.5px solid var(--services-line) !important; border-radius: 50% !important; color: var(--services-accent) !important; font-size: 15px !important; opacity: 1 !important; } .page-editorial.page-services-editorial .services-state-card:hover { color: var(--services-ink) !important; background: rgba(247, 244, 239, 0.48) !important; box-shadow: none !important; } .page-editorial.page-services-editorial .services-state-card:hover::before { opacity: 1 !important; } .page-editorial.page-services-editorial .services-catalog-block { margin-top: 0 !important; padding: 70px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-editorial.page-services-editorial .services-catalog-block > .services-section-title, .page-editorial.page-services-editorial .services-catalog-block > .services-section-lead { max-width: 720px !important; } .page-editorial.page-services-editorial .services-subsection-title { margin: 54px 0 18px !important; padding-top: 18px !important; border-top: 0.5px solid var(--services-line) !important; color: var(--services-muted) !important; } .page-editorial.page-services-editorial .service-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; align-items: stretch !important; border-top: 0.5px solid var(--services-line) !important; border-left: 0.5px solid var(--services-line) !important; } .page-editorial.page-services-editorial .service-grid--flagship { grid-template-columns: minmax(0, 1fr) !important; max-width: none !important; } .page-editorial.page-services-editorial .service-card { min-width: 0 !important; min-height: 292px !important; padding: 30px 30px 26px !important; border: 0 !important; border-right: 0.5px solid var(--services-line) !important; border-bottom: 0.5px solid var(--services-line) !important; border-radius: 0 !important; background: rgba(247, 244, 239, 0.42) !important; box-shadow: none !important; color: var(--services-ink) !important; overflow: hidden !important; } .page-editorial.page-services-editorial .service-card::before { content: none !important; } .page-editorial.page-services-editorial .service-card::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background: linear-gradient(180deg, rgba(255, 253, 248, 0.7), rgba(240, 235, 227, 0.78)) !important; opacity: 0 !important; transition: opacity 0.28s ease !important; } .page-editorial.page-services-editorial .service-card > * { position: relative !important; z-index: 1 !important; } .page-editorial.page-services-editorial .service-card:hover { transform: none !important; background: rgba(247, 244, 239, 0.42) !important; box-shadow: none !important; } .page-editorial.page-services-editorial .service-card:hover::after { opacity: 1 !important; } .page-editorial.page-services-editorial .service-card__body { display: flex !important; flex-direction: column !important; } .page-editorial.page-services-editorial .service-card__title { max-width: 13ch !important; margin: 0 0 16px !important; color: var(--services-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(28px, 3vw, 40px) !important; font-style: italic !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.04 !important; } .page-editorial.page-services-editorial .service-card__desc { max-width: 52ch !important; margin: 0 0 20px !important; color: var(--services-soft) !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.65 !important; } .page-editorial.page-services-editorial .service-card__meta { margin: auto 0 0 !important; color: var(--services-muted) !important; font-family: Jost, system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; } .page-editorial.page-services-editorial .service-card__footer { margin-top: 28px !important; padding-top: 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; border-top: 0.5px solid var(--services-line) !important; } .page-editorial.page-services-editorial .service-card__price { margin: 0 !important; color: var(--services-ink) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(28px, 3vw, 38px) !important; font-style: italic !important; font-weight: 400 !important; line-height: 1 !important; } .page-editorial.page-services-editorial .service-card__link, .page-editorial.page-services-editorial .service-card__link--button { min-height: 42px !important; padding: 11px 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0.5px solid var(--services-line-strong) !important; border-radius: 4px !important; background: rgba(247, 244, 239, 0.72) !important; color: var(--services-ink) !important; font-family: Jost, system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: none !important; } .page-editorial.page-services-editorial .service-card__purchase-form { margin: 0 !important; } .page-editorial.page-services-editorial .service-card__link:hover, .page-editorial.page-services-editorial .service-card__link--button:hover { border-color: var(--services-ink) !important; background: var(--services-ink) !important; color: var(--services-bg) !important; } .page-editorial.page-services-editorial .services-footnote { margin-top: 70px !important; padding: 30px 0 74px !important; border-top: 0.5px solid var(--services-line) !important; color: var(--services-muted) !important; } @media (prefers-reduced-motion: no-preference) { .page-editorial.page-services-editorial .services-hero > * { animation: servicesHeroRise 760ms cubic-bezier(0.22, 1, 0.36, 1) both !important; } .page-editorial.page-services-editorial .services-state-card, .page-editorial.page-services-editorial .service-card { transition: background 0.28s ease, color 0.28s ease, border-color 0.28s ease, transform 0.28s ease !important; } } @keyframes servicesHeroRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 991.98px) { .page-editorial.page-services-editorial .services-hero { min-height: 720px !important; padding: 104px 24px 46px !important; align-content: end !important; background: linear-gradient(180deg, rgba(251, 248, 242, 0.44), rgba(247, 244, 239, 0.96) 100%), #f7f4ef !important; } .page-editorial.page-services-editorial .services-hero::before { top: 50% !important; right: 20px !important; bottom: 30px !important; width: min(520px, calc(100% - 40px)) !important; opacity: 0.38 !important; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 100%) !important; mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 100%) !important; } .page-editorial.page-services-editorial .services-hero::after { display: none !important; } .page-editorial.page-services-editorial .services-states, .page-editorial.page-services-editorial .services-catalog-block, .page-editorial.page-services-editorial .services-footnote { width: min(100% - 40px, 720px) !important; } .page-editorial.page-services-editorial .services-states { grid-template-columns: 1fr !important; gap: 26px !important; padding-top: 34px !important; padding-bottom: 48px !important; } .page-editorial.page-services-editorial .services-states > .services-section-title, .page-editorial.page-services-editorial .services-states > .services-section-lead, .page-editorial.page-services-editorial .services-states__grid { grid-column: 1 !important; grid-row: auto !important; } } @media (max-width: 768px) { .page-editorial.page-services-editorial .services-hero { min-height: 640px !important; } .page-editorial.page-services-editorial .services-hero::before { display: none !important; } .page-editorial.page-services-editorial .services-hero__title { font-size: clamp(42px, 13vw, 58px) !important; } .page-editorial.page-services-editorial .services-hero__lead { font-size: 14px !important; } .page-editorial.page-services-editorial .services-states__grid, .page-editorial.page-services-editorial .service-grid { grid-template-columns: 1fr !important; } .page-editorial.page-services-editorial .service-card { min-height: 0 !important; padding: 26px 22px !important; } .page-editorial.page-services-editorial .service-card__footer { align-items: flex-start !important; flex-direction: column !important; } } body.page-body.page-editorial.page-services-editorial .services-states, body.page-body.page-editorial.page-services-editorial .services-catalog-block, body.page-body.page-editorial.page-services-editorial .services-state-card, body.page-body.page-editorial.page-services-editorial .service-card { border-radius: 0 !important; box-shadow: none !important; } body.page-body.page-editorial.page-services-editorial .services-state-card, body.page-body.page-editorial.page-services-editorial .service-card { background: rgba(247, 244, 239, 0.42) !important; } body.page-body.page-editorial.page-services-editorial .site-nav-offcanvas:not(.show) { display: none !important; } /* --- Services page: product atelier refinement, related to home but not a copy --- */ body.page-body.page-editorial.page-services-editorial .services-hero { min-height: 0 !important; padding: clamp(74px, 9vh, 108px) max(32px, calc((100vw - 1180px) / 2)) clamp(54px, 7vh, 82px) !important; display: grid !important; grid-template-columns: minmax(0, 0.82fr) minmax(320px, 0.58fr) !important; gap: clamp(36px, 6vw, 92px) !important; align-items: end !important; border-bottom: 0.5px solid var(--services-line) !important; background: linear-gradient(180deg, rgba(251, 248, 242, 0.52), rgba(247, 244, 239, 0.98) 100%), var(--services-bg) !important; } body.page-body.page-editorial.page-services-editorial .services-hero::before { content: "" !important; position: relative !important; inset: auto !important; z-index: 1 !important; grid-column: 2 !important; grid-row: 1 / span 4 !important; justify-self: stretch !important; align-self: stretch !important; width: auto !important; min-height: 430px !important; border-radius: 0 !important; border: 0.5px solid var(--services-line) !important; border-left: 3px solid var(--services-accent) !important; background: linear-gradient(180deg, rgba(247, 244, 239, 0.1), rgba(247, 244, 239, 0.92) 74%), url("../img/arqelya-reference-phrase-paper.png") center 30% / 74% auto no-repeat, linear-gradient(135deg, rgba(255, 253, 248, 0.76), rgba(240, 235, 227, 0.72)) !important; box-shadow: none !important; opacity: 1 !important; -webkit-mask-image: none !important; mask-image: none !important; } body.page-body.page-editorial.page-services-editorial .services-hero::after { content: "выберите не тариф, а ближайший шаг" !important; position: absolute !important; right: max(60px, calc((100vw - 1080px) / 2)) !important; bottom: clamp(88px, 11vh, 132px) !important; z-index: 2 !important; max-width: 250px !important; color: var(--services-muted) !important; font-family: Jost, system-ui, sans-serif !important; font-size: 11px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0.16em !important; line-height: 1.55 !important; text-align: left !important; text-transform: uppercase !important; text-shadow: none !important; } body.page-body.page-editorial.page-services-editorial .services-hero > * { grid-column: 1 !important; max-width: 760px !important; } body.page-body.page-editorial.page-services-editorial .services-hero__title { font-size: clamp(52px, 6.2vw, 86px) !important; max-width: 690px !important; } body.page-body.page-editorial.page-services-editorial .services-hero__lead { max-width: 610px !important; } body.page-body.page-editorial.page-services-editorial .services-states { grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important; padding: 46px 0 !important; gap: clamp(30px, 5vw, 80px) !important; } body.page-body.page-editorial.page-services-editorial .services-states__grid { grid-template-columns: 1fr !important; border-top: 0 !important; border-left: 0 !important; } body.page-body.page-editorial.page-services-editorial .services-state-card { min-height: 0 !important; padding: 18px 0 !important; display: grid !important; grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) 32px !important; column-gap: 18px !important; align-items: center !important; border-right: 0 !important; border-bottom: 0.5px solid var(--services-line) !important; background: transparent !important; } body.page-body.page-editorial.page-services-editorial .services-state-card:first-child { border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__hint { max-width: none !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__go { margin-top: 0 !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block { padding-top: 64px !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-title, body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-lead { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-lead { max-width: 680px !important; } body.page-body.page-editorial.page-services-editorial .services-subsection-title { margin-top: 62px !important; } body.page-body.page-editorial.page-services-editorial .service-grid { grid-template-columns: 1fr !important; border-left: 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card { min-height: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr) minmax(220px, 0.32fr) !important; gap: clamp(24px, 4vw, 56px) !important; align-items: stretch !important; border-right: 0 !important; border-bottom: 0.5px solid var(--services-line) !important; background: transparent !important; } body.page-body.page-editorial.page-services-editorial .service-card:first-child { border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .service-card__body { display: grid !important; grid-template-columns: subgrid !important; grid-column: 1 / span 2 !important; gap: clamp(24px, 4vw, 56px) !important; padding: 30px 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__title { max-width: 12ch !important; margin: 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__desc { max-width: 58ch !important; margin: 0 !important; align-self: center !important; } body.page-body.page-editorial.page-services-editorial .service-card__meta { grid-column: 1 !important; margin: 14px 0 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__footer { margin: 0 !important; padding: 30px 0 !important; border-top: 0 !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; } @media (max-width: 991.98px) { body.page-body.page-editorial.page-services-editorial .services-hero { grid-template-columns: 1fr !important; } body.page-body.page-editorial.page-services-editorial .services-hero::before, body.page-body.page-editorial.page-services-editorial .services-hero::after { display: none !important; } body.page-body.page-editorial.page-services-editorial .services-states { grid-template-columns: 1fr !important; } body.page-body.page-editorial.page-services-editorial .service-card { grid-template-columns: 1fr !important; gap: 0 !important; padding: 26px 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__body { display: block !important; grid-column: auto !important; padding: 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__footer { padding: 22px 0 0 !important; } } @media (max-width: 768px) { body.page-body.page-editorial.page-services-editorial .services-hero { min-height: 0 !important; padding: 88px 20px 46px !important; } body.page-body.page-editorial.page-services-editorial .services-state-card { grid-template-columns: 1fr 32px !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__label, body.page-body.page-editorial.page-services-editorial .services-state-card__hint { grid-column: 1 !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__go { grid-column: 2 !important; grid-row: 1 / span 2 !important; } } /* --- Services page: compact product catalogue direction --- */ body.page-body.page-editorial.page-services-editorial { background: radial-gradient(760px 380px at 82% 8%, rgba(201, 194, 181, 0.22), transparent 66%), linear-gradient(180deg, #f8f5ef 0%, #f3eee6 54%, #f7f4ef 100%) !important; } body.page-body.page-editorial.page-services-editorial .services-hero { width: min(1180px, calc(100% - 64px)) !important; min-height: 0 !important; margin: 0 auto !important; padding: clamp(62px, 8vh, 92px) 0 34px !important; display: grid !important; grid-template-columns: minmax(0, 0.68fr) minmax(280px, 0.32fr) !important; gap: clamp(28px, 5vw, 70px) !important; align-items: end !important; border-bottom: 0.5px solid var(--services-line) !important; background: transparent !important; } body.page-body.page-editorial.page-services-editorial .services-hero::before, body.page-body.page-editorial.page-services-editorial .services-hero::after { content: none !important; display: none !important; } body.page-body.page-editorial.page-services-editorial .services-hero > * { grid-column: 1 !important; max-width: none !important; } body.page-body.page-editorial.page-services-editorial .services-hero__title { max-width: 820px !important; margin: 0 !important; font-size: clamp(48px, 6.4vw, 88px) !important; line-height: 0.98 !important; } body.page-body.page-editorial.page-services-editorial .services-hero__lead { max-width: 680px !important; margin: 24px 0 0 !important; } body.page-body.page-editorial.page-services-editorial .services-hero__note { grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: end !important; max-width: none !important; margin: 0 !important; padding: 24px 0 0 !important; border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-states { width: min(1180px, calc(100% - 64px)) !important; margin: 0 auto !important; padding: 28px 0 42px !important; display: grid !important; grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr) !important; gap: clamp(24px, 4vw, 56px) !important; border: 0 !important; border-bottom: 0.5px solid var(--services-line) !important; background: transparent !important; box-shadow: none !important; } body.page-body.page-editorial.page-services-editorial .services-states > .services-section-title { grid-column: 1 !important; grid-row: 1 !important; font-size: clamp(30px, 3.4vw, 48px) !important; } body.page-body.page-editorial.page-services-editorial .services-states > .services-section-lead { grid-column: 1 !important; grid-row: 2 !important; margin-top: 8px !important; font-size: 14px !important; } body.page-body.page-editorial.page-services-editorial .services-states__grid { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px !important; border: 0 !important; } body.page-body.page-editorial.page-services-editorial .services-state-card { min-height: 148px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; border: 0.5px solid var(--services-line) !important; border-radius: 6px !important; background: rgba(251, 248, 242, 0.64) !important; color: var(--services-ink) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card:first-child { border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__label { font-size: 10px !important; letter-spacing: 0.13em !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__hint { max-width: none !important; font-size: 13px !important; line-height: 1.45 !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__go { width: 26px !important; height: 26px !important; margin-top: auto !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block { width: min(1180px, calc(100% - 64px)) !important; margin: 0 auto !important; padding: 48px 0 0 !important; border: 0 !important; background: transparent !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-title, body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-lead { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } body.page-body.page-editorial.page-services-editorial .services-catalog-block > .services-section-lead { max-width: 720px !important; } body.page-body.page-editorial.page-services-editorial .services-subsection-title { margin: 46px 0 14px !important; padding-top: 14px !important; border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .service-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; border: 0 !important; } body.page-body.page-editorial.page-services-editorial .service-grid--flagship { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.page-body.page-editorial.page-services-editorial .service-card { min-height: 312px !important; padding: 24px !important; display: flex !important; flex-direction: column !important; gap: 18px !important; border: 0.5px solid var(--services-line) !important; border-radius: 6px !important; background: rgba(251, 248, 242, 0.58) !important; box-shadow: none !important; } body.page-body.page-editorial.page-services-editorial .service-card:first-child { border-top: 0.5px solid var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .service-card__body { display: block !important; grid-column: auto !important; padding: 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__title { max-width: 13ch !important; margin: 0 0 14px !important; font-size: clamp(28px, 3vw, 38px) !important; } body.page-body.page-editorial.page-services-editorial .service-card__desc { max-width: none !important; margin: 0 !important; font-size: 14px !important; } body.page-body.page-editorial.page-services-editorial .service-card__meta { margin: 18px 0 0 !important; } body.page-body.page-editorial.page-services-editorial .service-card__footer { margin-top: auto !important; padding-top: 18px !important; border-top: 0.5px solid var(--services-line) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; } body.page-body.page-editorial.page-services-editorial .service-card__price { font-size: clamp(26px, 3vw, 34px) !important; } @media (max-width: 1180px) { body.page-body.page-editorial.page-services-editorial .services-states__grid, body.page-body.page-editorial.page-services-editorial .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 768px) { body.page-body.page-editorial.page-services-editorial .services-hero, body.page-body.page-editorial.page-services-editorial .services-states, body.page-body.page-editorial.page-services-editorial .services-catalog-block { width: min(100% - 40px, 680px) !important; grid-template-columns: 1fr !important; } body.page-body.page-editorial.page-services-editorial .services-hero { padding-top: 72px !important; } body.page-body.page-editorial.page-services-editorial .services-hero__note, body.page-body.page-editorial.page-services-editorial .services-states > .services-section-title, body.page-body.page-editorial.page-services-editorial .services-states > .services-section-lead, body.page-body.page-editorial.page-services-editorial .services-states__grid { grid-column: 1 !important; grid-row: auto !important; } body.page-body.page-editorial.page-services-editorial .services-states__grid, body.page-body.page-editorial.page-services-editorial .service-grid, body.page-body.page-editorial.page-services-editorial .service-grid--flagship { grid-template-columns: 1fr !important; } body.page-body.page-editorial.page-services-editorial .service-card__footer { align-items: flex-start !important; flex-direction: column !important; } } /* --- Services page: soft green theme --- */ body.page-body.page-editorial.page-services-editorial { --services-bg: #eef4ec; --services-paper: rgba(238, 244, 236, 0.78); --services-panel: #f7faf4; --services-ink: #203429; --services-soft: #4f6759; --services-muted: #748678; --services-line: rgba(128, 151, 134, 0.5); --services-line-strong: rgba(70, 96, 78, 0.5); --services-accent: #2f5f43; --arq-paper: #eef4ec; --arq-paper-2: #e4edde; --arq-ink: #203429; --arq-ink-soft: #5d7164; --arq-line: rgba(128, 151, 134, 0.52); --c-moss: #2f5f43; --c-moss-mid: #487a5b; --c-moss-light: #7aa283; background: radial-gradient(820px 420px at 84% 2%, rgba(122, 162, 131, 0.28), transparent 66%), radial-gradient(560px 360px at 7% 46%, rgba(214, 227, 204, 0.78), transparent 68%), linear-gradient(180deg, #f3f8ef 0%, #e7f0e2 52%, #eef4ec 100%) !important; } body.page-body.page-editorial.page-services-editorial .site-header, body.page-body.page-editorial.page-services-editorial .site-footer { background: rgba(238, 244, 236, 0.88) !important; border-color: var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-hero, body.page-body.page-editorial.page-services-editorial .services-states, body.page-body.page-editorial.page-services-editorial .services-catalog-block, body.page-body.page-editorial.page-services-editorial .services-footnote { border-color: var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-hero__title, body.page-body.page-editorial.page-services-editorial .services-section-title, body.page-body.page-editorial.page-services-editorial .service-card__title, body.page-body.page-editorial.page-services-editorial .service-card__price { color: var(--services-ink) !important; } body.page-body.page-editorial.page-services-editorial .services-hero__lead, body.page-body.page-editorial.page-services-editorial .services-section-lead, body.page-body.page-editorial.page-services-editorial .services-state-card__hint, body.page-body.page-editorial.page-services-editorial .service-card__desc, body.page-body.page-editorial.page-services-editorial .services-hero__note { color: var(--services-soft) !important; } body.page-body.page-editorial.page-services-editorial .section-eyebrow, body.page-body.page-editorial.page-services-editorial .services-subsection-title, body.page-body.page-editorial.page-services-editorial .services-state-card__label, body.page-body.page-editorial.page-services-editorial .service-card__meta { color: var(--services-muted) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card, body.page-body.page-editorial.page-services-editorial .service-card { border-color: var(--services-line) !important; background: linear-gradient(180deg, rgba(247, 250, 244, 0.82), rgba(231, 240, 226, 0.58)), rgba(247, 250, 244, 0.68) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card:hover, body.page-body.page-editorial.page-services-editorial .service-card:hover { border-color: rgba(47, 95, 67, 0.68) !important; background: linear-gradient(180deg, rgba(249, 252, 246, 0.94), rgba(218, 232, 211, 0.72)), rgba(247, 250, 244, 0.76) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__go, body.page-body.page-editorial.page-services-editorial .service-card__link, body.page-body.page-editorial.page-services-editorial .service-card__link--button { border-color: var(--services-line-strong) !important; color: var(--services-accent) !important; background: rgba(247, 250, 244, 0.76) !important; } body.page-body.page-editorial.page-services-editorial .service-card__link:hover, body.page-body.page-editorial.page-services-editorial .service-card__link--button:hover { border-color: var(--services-accent) !important; background: var(--services-accent) !important; color: #f7faf4 !important; } body.page-body.page-editorial.page-services-editorial a:not(.service-card__link):not(.site-header__nav-link):not(.site-header__micro-link):not(.site-header__ghost-link):not(.site-header__login-outline):not(.site-header__cabinet-pill) { color: var(--services-accent) !important; text-decoration-color: rgba(47, 95, 67, 0.34) !important; } /* --- Services page: theme split aligned with homepage --- */ body.page-body.page-editorial.page-services-editorial { --services-bg: #f7f4ef; --services-paper: rgba(247, 244, 239, 0.76); --services-panel: #fbf8f2; --services-ink: #2a2520; --services-soft: #5f554d; --services-muted: #8b8074; --services-line: rgba(190, 181, 165, 0.78); --services-line-strong: rgba(148, 138, 123, 0.62); --services-accent: #3d4f46; --arq-paper: #f7f4ef; --arq-paper-2: #f0ebe3; --arq-ink: #2a2520; --arq-ink-soft: #7a6f63; --arq-line: #c9c2b5; --c-moss: #2a2520; --c-moss-mid: #3d3530; --c-moss-light: #5a5048; background: radial-gradient(760px 380px at 82% 8%, rgba(201, 194, 181, 0.2), transparent 66%), radial-gradient(560px 360px at 7% 46%, rgba(255, 253, 248, 0.72), transparent 68%), linear-gradient(180deg, #f8f5ef 0%, #f3eee6 52%, #f7f4ef 100%) !important; } body.page-body.page-editorial.page-services-editorial .site-header, body.page-body.page-editorial.page-services-editorial .site-footer { background: rgba(247, 244, 239, 0.9) !important; border-color: var(--services-line) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card, body.page-body.page-editorial.page-services-editorial .service-card { border-color: var(--services-line) !important; background: linear-gradient(180deg, rgba(255, 253, 248, 0.78), rgba(240, 235, 227, 0.62)), rgba(247, 244, 239, 0.7) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card::before, body.page-body.page-editorial.page-services-editorial .service-card::after { inset: 0 !important; width: auto !important; height: auto !important; aspect-ratio: auto !important; border-radius: 0 !important; } body.page-body.page-editorial.page-services-editorial .services-state-card:hover, body.page-body.page-editorial.page-services-editorial .service-card:hover { border-color: rgba(61, 79, 70, 0.42) !important; background: linear-gradient(180deg, rgba(255, 253, 248, 0.94), rgba(236, 229, 218, 0.78)), rgba(247, 244, 239, 0.78) !important; } body.page-body.page-editorial.page-services-editorial .services-state-card__go, body.page-body.page-editorial.page-services-editorial .service-card__link, body.page-body.page-editorial.page-services-editorial .service-card__link--button { border-color: var(--services-line-strong) !important; color: var(--services-accent) !important; background: rgba(255, 253, 248, 0.56) !important; } body.page-body.page-editorial.page-services-editorial .service-card__link:hover, body.page-body.page-editorial.page-services-editorial .service-card__link--button:hover { border-color: var(--services-accent) !important; background: var(--services-accent) !important; color: #f8f5ef !important; } body.page-body.page-editorial.page-services-editorial a:not(.service-card__link):not(.site-header__nav-link):not(.site-header__micro-link):not(.site-header__ghost-link):not(.site-header__login-outline):not(.site-header__cabinet-pill) { color: var(--services-accent) !important; text-decoration-color: rgba(61, 79, 70, 0.32) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial { --services-bg: #0e1512; --services-paper: rgba(14, 21, 18, 0.82); --services-panel: #13261d; --services-ink: #ede8df; --services-soft: rgba(237, 232, 223, 0.64); --services-muted: rgba(237, 232, 223, 0.44); --services-line: rgba(255, 255, 255, 0.12); --services-line-strong: rgba(122, 158, 142, 0.46); --services-accent: #7a9e8e; --arq-paper: #0f1c16; --arq-paper-2: #13261d; --arq-ink: #ede8df; --arq-ink-soft: rgba(237, 232, 223, 0.62); --arq-line: rgba(255, 255, 255, 0.11); --c-moss: #7a9e8e; --c-moss-mid: #9ebfb2; --c-moss-light: rgba(122, 158, 142, 0.35); background: radial-gradient(780px 420px at 84% 4%, rgba(122, 158, 142, 0.18), transparent 66%), radial-gradient(560px 360px at 8% 46%, rgba(24, 48, 36, 0.64), transparent 68%), linear-gradient(180deg, #0f1713 0%, #0e1512 48%, #121a16 100%) !important; color: var(--services-ink); } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .site-header, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .site-footer { background: rgba(14, 21, 18, 0.9) !important; border-color: var(--services-line) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-hero, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-states, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-catalog-block, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-footnote { border-color: var(--services-line) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-hero__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-section-title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__price { color: var(--services-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-hero__lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-section-lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card__hint, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__desc, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-hero__note { color: var(--services-soft) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .section-eyebrow, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-subsection-title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card__label, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__meta { color: var(--services-muted) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card { border-color: var(--services-line) !important; background: linear-gradient(180deg, rgba(19, 38, 29, 0.72), rgba(14, 21, 18, 0.62)), rgba(19, 38, 29, 0.58) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card::before, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card::after { background: linear-gradient(180deg, rgba(122, 158, 142, 0.1), rgba(14, 21, 18, 0.08)) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card:hover, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card:hover { border-color: rgba(122, 158, 142, 0.45) !important; background: linear-gradient(180deg, rgba(23, 48, 36, 0.82), rgba(14, 21, 18, 0.72)), rgba(122, 158, 142, 0.08) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .services-state-card__go, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__link, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__link--button { border-color: var(--services-line-strong) !important; color: var(--services-accent) !important; background: rgba(122, 158, 142, 0.08) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__link:hover, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial .service-card__link--button:hover { border-color: var(--services-accent) !important; background: var(--services-accent) !important; color: #0e1512 !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-body.page-editorial.page-services-editorial a:not(.service-card__link):not(.site-header__nav-link):not(.site-header__micro-link):not(.site-header__ghost-link):not(.site-header__login-outline):not(.site-header__cabinet-pill) { color: var(--services-accent) !important; text-decoration-color: rgba(122, 158, 142, 0.38) !important; } .arq-page-loader--done { opacity: 0; visibility: hidden; pointer-events: none; } .arq-page-loader__inner { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; padding: 24px; } .arq-page-loader__logo { width: 72px; height: 72px; object-fit: contain; opacity: 0; animation: arq-loader-rise 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.08s forwards; filter: drop-shadow(0 8px 24px rgba(42, 37, 32, 0.08)); } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .arq-page-loader__logo.site-logo-mark { filter: brightness(0) invert(1) drop-shadow(0 8px 28px rgba(0, 0, 0, 0.35)); } .arq-page-loader__word { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(26px, 5vw, 34px); font-weight: 300; font-style: italic; letter-spacing: 0.06em; color: var(--arq-loader-text); opacity: 0; animation: arq-loader-rise 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards; } .arq-page-loader__dots { display: inline-block; min-width: 1.1em; text-align: left; animation: arq-loader-dots 1.1s steps(3, end) infinite; } @keyframes arq-loader-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes arq-loader-dots { 0% { opacity: 0.35; } 50% { opacity: 1; } 100% { opacity: 0.35; } } @media (prefers-reduced-motion: reduce) { .arq-page-loader__logo, .arq-page-loader__word { animation: none !important; opacity: 1 !important; transform: none !important; } .arq-page-loader__dots { animation: none !important; opacity: 1 !important; } .arq-page-loader { transition: none !important; } } /* --- Переключатель темы (обычный курсор) --- */ .arq-theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0; border: none; background: transparent; cursor: pointer; color: inherit; -webkit-tap-highlight-color: transparent; } .arq-theme-toggle:focus-visible { outline: 2px solid rgba(122, 158, 142, 0.55); outline-offset: 3px; } .arq-theme-toggle__icon { width: 1.125rem; height: 1.125rem; flex-shrink: 0; display: block; } .arq-theme-toggle.mh__icon-btn .arq-theme-toggle__icon { width: 1.25rem; height: 1.25rem; } .arq-theme-toggle[aria-pressed="true"] .arq-theme-toggle__icon--to-dark { display: none; } .arq-theme-toggle[aria-pressed="false"] .arq-theme-toggle__icon--to-light { display: none; } .arq-theme-toggle.mh__icon-btn { width: 40px; height: 40px; padding: 0; border-radius: 10px; border: 1px solid var(--arq-toggle-track-border, rgba(42, 37, 32, 0.18)); background: var(--arq-toggle-track-bg, rgba(247, 244, 239, 0.85)); color: inherit; } /* Компактный тумблер в мобильной шапке и в site-header */ .arq-theme-toggle.mh__theme-toggle, .arq-theme-toggle.site-header__theme-btn { width: auto; height: auto; min-height: 0; padding: 6px 8px; border-radius: 999px; border: 1px solid var(--arq-toggle-track-border, rgba(42, 37, 32, 0.18)); background: var(--arq-toggle-track-bg, rgba(247, 244, 239, 0.85)); } .arq-theme-toggle.mh__theme-toggle .arq-theme-toggle__track, .arq-theme-toggle.site-header__theme-btn .arq-theme-toggle__track { width: 34px; height: 20px; } html[data-theme="dark"] .arq-theme-toggle.mh__theme-toggle, html[data-theme="dark"] .arq-theme-toggle.site-header__theme-btn { border-color: var(--arq-toggle-track-border, rgba(229, 219, 200, 0.16)); background: var(--arq-toggle-track-bg, rgba(22, 19, 17, 0.85)); } .arq-theme-toggle__track { position: relative; width: 38px; height: 22px; border-radius: 999px; border: 0.5px solid var(--arq-toggle-track-border, rgba(42, 37, 32, 0.22)); background: var(--arq-toggle-track-bg, rgba(247, 244, 239, 0.85)); transition: background 0.25s ease, border-color 0.25s ease; } .arq-theme-toggle__thumb { position: absolute; top: 3px; left: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--arq-toggle-thumb, #2a2520); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease; } .arq-theme-toggle[aria-pressed="true"] .arq-theme-toggle__thumb { transform: translateX(15px); } .arq-theme-toggle__hint { font-family: Jost, system-ui, sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--arq-toggle-hint, rgba(42, 37, 32, 0.45)); max-width: 52px; line-height: 1.15; text-align: left; } .site-header__theme-slot { flex-shrink: 0; } .site-header__theme-slot--mobile { margin-left: auto; margin-right: 10px; } @media (min-width: 992px) { .site-header__theme-slot--mobile { display: none !important; } } /* --- Тёмная тема: переменные редактора --- */ [data-theme="dark"].arq-legacy-green body.page-body.page-editorial { --arq-ink: #ede8df; --arq-ink-soft: rgba(237, 232, 223, 0.62); --arq-paper: #0f1c16; --arq-paper-2: #13261d; --arq-line: rgba(255, 255, 255, 0.11); --c-void: #ede8df; --c-ink: #ede8df; --c-ink-soft: rgba(237, 232, 223, 0.62); --c-paper: #0f1c16; --c-paper-2: #13261d; --c-moss: #7a9e8e; --c-moss-mid: #9ebfb2; --c-moss-light: rgba(122, 158, 142, 0.35); --c-mist: rgba(237, 232, 223, 0.48); --c-white: #0f1c16; --c-gold: #c4a35a; --c-gold-soft: rgba(196, 163, 90, 0.28); --arq-accent: #7a9e8e; --arq-accent-ink: #0e1512; --arq-toggle-track-border: rgba(255, 255, 255, 0.14); --arq-toggle-track-bg: rgba(255, 255, 255, 0.06); --arq-toggle-thumb: #ede8df; --arq-toggle-hint: rgba(237, 232, 223, 0.42); background-color: var(--arq-paper) !important; color: var(--arq-ink); cursor: auto; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header { background: var(--arq-paper) !important; border-bottom-color: var(--arq-line); } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__nav-link:hover, [data-theme="dark"].arq-legacy-green .page-editorial .site-header__nav-link.is-active { background: rgba(142, 191, 168, 0.14) !important; color: var(--arq-ink) !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__login-outline { background: transparent !important; border-color: rgba(237, 232, 223, 0.35) !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__burger { border-color: rgba(237, 232, 223, 0.22) !important; background: rgba(255, 255, 255, 0.05) !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__micro-link { color: rgba(237, 232, 223, 0.55); } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__micro-link:hover { color: var(--arq-ink); } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__cabinet-pill { background: var(--arq-accent); border-color: var(--arq-accent); color: var(--arq-accent-ink); } .page-editorial .site-header__cabinet-pill { min-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 9px 16px !important; border: 0.5px solid rgba(42, 37, 32, 0.22) !important; border-radius: 0 !important; background: transparent !important; color: var(--arq-ink) !important; font-family: Jost, system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; filter: none !important; transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease !important; } .page-editorial .site-header__cabinet-pill:hover, .page-editorial .site-header__cabinet-pill.is-active { border-color: var(--arq-ink) !important; background: var(--arq-ink) !important; color: var(--arq-paper) !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__cabinet-pill { border-color: rgba(122, 158, 142, 0.45) !important; background: rgba(122, 158, 142, 0.08) !important; color: #9ebfb2 !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__cabinet-pill:hover, [data-theme="dark"].arq-legacy-green .page-editorial .site-header__cabinet-pill.is-active { border-color: #7a9e8e !important; background: #7a9e8e !important; color: #0e1512 !important; } [data-theme="dark"].arq-legacy-green .page-editorial .site-header__login-outline:hover { border-color: rgba(122, 158, 142, 0.45); background: rgba(122, 158, 142, 0.08); } [data-theme="dark"].arq-legacy-green .page-editorial .btn-calm, [data-theme="dark"].arq-legacy-green .page-editorial .btn-primary { --bs-btn-bg: var(--arq-accent); --bs-btn-border-color: var(--arq-accent); --bs-btn-color: var(--arq-accent-ink); --bs-btn-hover-bg: #8fb3a3; --bs-btn-hover-border-color: #8fb3a3; --bs-btn-hover-color: var(--arq-accent-ink); } [data-theme="dark"].arq-legacy-green .page-editorial .site-nav-offcanvas__cta--solid { background: var(--arq-accent); border-color: var(--arq-accent); color: var(--arq-accent-ink); } [data-theme="dark"].arq-legacy-green .page-editorial .site-nav-offcanvas .btn-close { filter: invert(1); opacity: 0.82; } [data-theme="dark"].arq-legacy-green body.page-cabinet { background-color: var(--arq-paper, #0e1512) !important; } /* --- Cabinet readability pass --- */ body.page-editorial.page-cabinet .cabinet-pro { --cp-mist: #64746c; --cp-ink-soft: #3f4a43; --cp-line: rgba(47, 79, 63, 0.16); color: var(--cp-ink-soft); } body.page-editorial.page-cabinet .cabinet-pro-kicker, body.page-editorial.page-cabinet .cabinet-pro-today__sub, body.page-editorial.page-cabinet .cabinet-pro-today__qa-label, body.page-editorial.page-cabinet .cabinet-pro-sidecard__sub, body.page-editorial.page-cabinet .cabinet-pro-access__sub, body.page-editorial.page-cabinet .cabinet-pro-access__group, body.page-editorial.page-cabinet .cabinet-pro-access__time, body.page-editorial.page-cabinet .cabinet-pro-mod__hint, body.page-editorial.page-cabinet .cabinet-pro-mod__status, body.page-editorial.page-cabinet .cabinet-pro-mod__fine, body.page-editorial.page-cabinet .cabinet-pro-dl dt, body.page-editorial.page-cabinet .cabinet-pro-field__l, body.page-editorial.page-cabinet .cabinet-pro-foot, body.page-editorial.page-cabinet .cabinet-pro-promo__lead, body.page-editorial.page-cabinet .inv-header__kicker, body.page-editorial.page-cabinet .inv-statbar, body.page-editorial.page-cabinet .inv-panel__sub, body.page-editorial.page-cabinet .text-muted-soft { color: var(--cp-mist) !important; } body.page-editorial.page-cabinet .cabinet-pro-hero__lead, body.page-editorial.page-cabinet .cabinet-pro-local, body.page-editorial.page-cabinet .cabinet-pro-hero__signal-text, body.page-editorial.page-cabinet .cabinet-pro-editorial__excerpt, body.page-editorial.page-cabinet .cabinet-pro-today__qa-a, body.page-editorial.page-cabinet .cabinet-pro-today__qa-full, body.page-editorial.page-cabinet .cabinet-pro-mod__lead, body.page-editorial.page-cabinet .cabinet-pro-mod__prose, body.page-editorial.page-cabinet .cabinet-pro-note-mode__opt, body.page-editorial.page-cabinet .inv-header__aside-text { color: var(--cp-ink-soft) !important; } body.page-editorial.page-cabinet .cabinet-pro-cta__eyebrow { color: rgba(255, 255, 255, 0.72) !important; } body.page-editorial.page-cabinet .cabinet-pro-cta__eyebrow--dim { color: rgba(255, 255, 255, 0.64) !important; } body.page-editorial.page-cabinet .cabinet-pro-cta__desc, body.page-editorial.page-cabinet .cabinet-pro-cta__ghost { color: rgba(255, 255, 255, 0.82) !important; } body.page-editorial.page-cabinet .cabinet-pro-dock__link { color: var(--cp-ink-soft) !important; } body.page-editorial.page-cabinet .cabinet-pro-dock__i { color: var(--cp-gold) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro { --cp-ivory: #0e1512; --cp-linen: #121a16; --cp-sage: #9ebfb2; --cp-sage-mid: #b6d1c5; --cp-mist: rgba(237, 232, 223, 0.66); --cp-ink: #ede8df; --cp-ink-soft: rgba(237, 232, 223, 0.78); --cp-gold: #c4a35a; --cp-gold-soft: rgba(196, 163, 90, 0.28); --cp-line: rgba(255, 255, 255, 0.14); --cp-shadow: 0 28px 90px rgba(0, 0, 0, 0.36); --cp-shadow-soft: 0 14px 46px rgba(0, 0, 0, 0.28); background: radial-gradient(780px 420px at 84% 4%, rgba(122, 158, 142, 0.14), transparent 66%), linear-gradient(180deg, #0f1713 0%, #0e1512 48%, #121a16 100%) !important; color: var(--cp-ink-soft) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-header { border-color: rgba(255, 255, 255, 0.12) !important; background: radial-gradient(ellipse 86% 58% at 12% 0%, rgba(196, 163, 90, 0.08), transparent 56%), radial-gradient(ellipse 70% 52% at 88% 20%, rgba(122, 158, 142, 0.12), transparent 52%) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__signal, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-sidecard, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-access, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__shell, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-promo__card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-header__aside, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-panel { background: linear-gradient(180deg, rgba(19, 38, 29, 0.72), rgba(14, 21, 18, 0.66)), rgba(19, 38, 29, 0.58) !important; border-color: rgba(255, 255, 255, 0.12) !important; box-shadow: var(--cp-shadow-soft) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-pill, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-editorial__chip, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-note-mode__opt, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dock__inner { background: rgba(122, 158, 142, 0.08) !important; border-color: rgba(122, 158, 142, 0.24) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-note, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-field__i, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro .form-control { background: rgba(14, 21, 18, 0.78) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: var(--cp-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-note::placeholder, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-field__i::placeholder { color: rgba(237, 232, 223, 0.46) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-kicker, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__sub, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__qa-label, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-sidecard__sub, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-access__sub, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-access__group, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-access__time, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__hint, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__status, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__fine, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dl dt, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-field__l, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-foot, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-promo__lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-header__kicker, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-statbar, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-panel__sub, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .text-muted-soft { color: var(--cp-mist) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-local, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__signal-label, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-editorial__excerpt, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__qa-a, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__qa-full, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__prose, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-note-mode__opt, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-header__aside-text { color: var(--cp-ink-soft) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__h, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__email, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-hero__signal-text, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-access__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-sidecard__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-today__quote p, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-mod__label, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dl dd, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-promo__title, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-header__lead, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .inv-panel__title { color: var(--cp-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro a, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro button:not(.arq-theme-toggle) { text-decoration-color: rgba(122, 158, 142, 0.34); } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dock__link { color: rgba(237, 232, 223, 0.78) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dock__link:hover { background: rgba(122, 158, 142, 0.14) !important; color: #ede8df !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .cabinet-pro-dock__i { color: #c4a35a !important; } /* --- Cabinet continue card: visible progress labels --- */ body.page-editorial.page-cabinet .continue-practice-card .cabinet-kicker, body.page-editorial.page-cabinet .continue-practice-card__meta { color: var(--cab-muted, #6f6258) !important; opacity: 1 !important; } body.page-editorial.page-cabinet .continue-practice-card .cabinet-kicker { margin-bottom: 14px !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.16em !important; } body.page-editorial.page-cabinet .continue-practice-card__meta { display: flex !important; flex-wrap: wrap !important; gap: 8px 26px !important; margin: 26px 0 18px !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important; } body.page-editorial.page-cabinet .continue-practice-card__meta span { color: inherit !important; opacity: 1 !important; } body.page-editorial.page-cabinet .continue-practice-card__progress { background: rgba(42, 37, 32, 0.16) !important; } body.page-editorial.page-cabinet .continue-practice-card__progress span { background: var(--cab-accent, #3d4f46) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .continue-practice-card .cabinet-kicker, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .continue-practice-card__meta { color: rgba(237, 232, 223, 0.7) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .continue-practice-card__progress { background: rgba(237, 232, 223, 0.16) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .continue-practice-card__progress span { background: #7a9e8e !important; } [data-theme="dark"].arq-legacy-green .page-editorial .main-content > section.arq-phrase-band { background-color: var(--arq-paper) !important; background-image: none !important; } [data-theme="dark"].arq-legacy-green .arq-phrase-band { background: var(--arq-paper) !important; background-image: none !important; border-top-color: rgba(122, 158, 142, 0.18) !important; border-bottom-color: rgba(122, 158, 142, 0.18) !important; } [data-theme="dark"].arq-legacy-green .page-editorial .arq-footer-minimal { background: var(--arq-paper); border-color: var(--arq-line); color: var(--arq-ink-soft); } [data-theme="dark"].arq-legacy-green .cookie-consent { background: #141c18 !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--arq-ink-soft) !important; } [data-theme="dark"].arq-legacy-green .cookie-consent__title { color: var(--arq-ink) !important; } /* --- Практики (каталог и страница практики): тёмная палитра --- */ [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-page { --plx-ink: #ede8df; --plx-muted: rgba(237, 232, 223, 0.58); --plx-soft: rgba(237, 232, 223, 0.38); --plx-paper: #0e1512; --plx-paper-2: #141c18; --plx-white: rgba(18, 26, 22, 0.94); --plx-line: rgba(255, 255, 255, 0.09); --plx-line-strong: rgba(255, 255, 255, 0.16); --plx-green: #7a9e8e; --plx-olive: rgba(196, 163, 90, 0.85); --plx-shadow: 0 28px 90px rgba(0, 0, 0, 0.35); background: radial-gradient(circle at 84% 3%, rgba(122, 158, 142, 0.09), transparent 32%), linear-gradient(180deg, #0e1512 0%, #121a16 52%, #0e1512 100%) !important; color: var(--plx-ink); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-product__image { filter: saturate(0.92) brightness(0.78); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-search-card, [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-preview { background: rgba(20, 28, 24, 0.82); border-color: rgba(255, 255, 255, 0.1); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-search__input.form-control { background: rgba(14, 21, 18, 0.75); border-color: rgba(255, 255, 255, 0.14); color: var(--plx-ink); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-featured, [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-row__media, [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-cta, [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-empty { background: rgba(20, 28, 24, 0.72); border-color: var(--plx-line); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-open:hover, [data-theme="dark"].arq-legacy-green body.page-practices-editorial .plx-btn--dark:hover { color: var(--plx-white); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__surface { background: transparent; border-color: transparent; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .arq-theme-toggle__hint { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice { background: #0f1512 !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-page-plx.plx-page { --plx-ink: #ede8df; --plx-muted: rgba(237, 232, 223, 0.68); --plx-soft: rgba(237, 232, 223, 0.46); --plx-line: rgba(237, 232, 223, 0.12); --plx-line-strong: rgba(237, 232, 223, 0.18); --plx-green: #9bb8a7; --plx-olive: rgba(221, 213, 199, 0.62); background: radial-gradient(760px 460px at 76% 8%, rgba(118, 151, 132, 0.12), transparent 62%), linear-gradient(180deg, #111814 0%, #0d1310 100%) !important; color: var(--plx-ink); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__title, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__title.article-title { color: #ede8df; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__eyebrow, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .back-link, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__lead, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-safety-callout__text, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-prose, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-body { color: rgba(237, 232, 223, 0.68) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__lead { color: rgba(237, 232, 223, 0.72) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-prose p, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-prose li, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-body p, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-body li, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .article-body p, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .article-body li { color: rgba(237, 232, 223, 0.72) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__rule { background: rgba(155, 184, 167, 0.34); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-toolbar .btn-outline-secondary, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__meta-row .btn-outline-secondary, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-cabinet-save-btn.btn-outline-secondary, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-favorite-btn--accent { background: rgba(237, 232, 223, 0.045) !important; border-color: rgba(237, 232, 223, 0.14) !important; color: rgba(237, 232, 223, 0.72) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-toolbar .btn-outline-secondary:hover, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-article__meta-row .btn-outline-secondary:hover, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-cabinet-save-btn.btn-outline-secondary:hover, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-favorite-btn--accent:hover { background: rgba(237, 232, 223, 0.085) !important; border-color: rgba(155, 184, 167, 0.3) !important; color: #ede8df !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-favorite-btn--accent[aria-pressed="true"] { background: rgba(155, 184, 167, 0.12) !important; border-color: rgba(155, 184, 167, 0.34) !important; color: #b8d0c2 !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .article-hero--inset { background: rgba(237, 232, 223, 0.08); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .article-hero--inset img { opacity: 0.4; filter: saturate(0.5) brightness(0.82) contrast(0.82); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .practice-safety-callout { border-left-color: rgba(155, 184, 167, 0.25); } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .cookie-consent__inner { background: rgba(17, 24, 20, 0.94) !important; border: 1px solid rgba(237, 232, 223, 0.1) !important; box-shadow: 0 18px 52px rgba(0, 0, 0, 0.32) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .cookie-consent__title { color: #ede8df !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .cookie-consent__text { color: rgba(237, 232, 223, 0.68) !important; } [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .cookie-consent .btn, [data-theme="dark"].arq-legacy-green body.page-practices-editorial.page-practice .cookie-consent button { background: transparent !important; border-color: rgba(237, 232, 223, 0.18) !important; color: rgba(237, 232, 223, 0.78) !important; } /* --- Главная: тёмная тема --- */ [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-eyebrow:not(.arq-eyebrow--on-dark) { color: rgba(237, 232, 223, 0.62); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-eyebrow--muted { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-display, [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-section-title { color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-btn--primary { background: #7a9e8e; border-color: #7a9e8e; color: #0e1512; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-btn--primary:hover { background: #96b5a7; border-color: #96b5a7; color: #0e1512; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-btn--ghost { color: rgba(237, 232, 223, 0.55); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-btn--ghost:hover { color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-tag { color: rgba(237, 232, 223, 0.55); border-color: rgba(255, 255, 255, 0.14); background: transparent; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-tag:hover { border-color: rgba(122, 158, 142, 0.45); color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-tag.is-active { background: #7a9e8e; color: #0e1512; border-color: #7a9e8e; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-reco__title { color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-reco__text { color: rgba(237, 232, 223, 0.58); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-reco__btn--cta { background: #7a9e8e; color: #0e1512; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-state-reco__btn--cta:hover { color: #0e1512; opacity: 0.92; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-link-all { color: rgba(237, 232, 223, 0.48); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-link-all:hover { color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card:hover { background: rgba(122, 158, 142, 0.08); } [data-theme="dark"].arq-legacy-green .page-editorial-home .page-editorial .arq-practice-card__tag { color: rgba(196, 163, 90, 0.85) !important; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card__title { color: #ede8df; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card__desc { color: rgba(237, 232, 223, 0.58); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card__meta, [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card__open { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card:hover .arq-practice-card__open { color: #7a9e8e; } [data-theme="dark"].arq-legacy-green body.page-editorial-home { background: linear-gradient(180deg, #0f1713 0%, #0e1512 48%, #121a16 100%) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero::before { background-image: linear-gradient(90deg, rgba(14, 21, 18, 0.94) 0%, rgba(14, 21, 18, 0.72) 38%, rgba(14, 21, 18, 0.35) 58%, rgba(14, 21, 18, 0) 82%), linear-gradient(180deg, rgba(14, 21, 18, 0.05), rgba(14, 21, 18, 0.55) 92%), url("../img/arqelya-ritual-still-life.png") !important; filter: brightness(0.72) saturate(0.9); } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero::after { background: linear-gradient(180deg, transparent, rgba(14, 21, 18, 0.92) 90%) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__grid::before { background: linear-gradient(90deg, rgba(14, 21, 18, 0.82), rgba(14, 21, 18, 0.12) 40%, rgba(14, 21, 18, 0) 100%), url("../img/arqelya-ritual-still-life.png") center right / cover no-repeat !important; box-shadow: 0 34px 110px rgba(0, 0, 0, 0.35); filter: brightness(0.78) saturate(0.92); } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-display { color: #ede8df !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-eyebrow--muted { color: rgba(237, 232, 223, 0.48) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__lead { color: rgba(237, 232, 223, 0.62) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__right { background: transparent !important; color: rgba(237, 232, 223, 0.92) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__stats { border-color: rgba(255, 255, 255, 0.14) !important; background: rgba(20, 28, 24, 0.65) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-stat__num { color: #ede8df !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-stat__lbl { color: rgba(237, 232, 223, 0.48) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__quote-wrap { border-color: rgba(255, 255, 255, 0.12) !important; border-left-color: rgba(122, 158, 142, 0.35) !important; background: rgba(14, 21, 18, 0.55) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__quote-live { color: rgba(237, 232, 223, 0.72) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__quote-foot { color: rgba(237, 232, 223, 0.42) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-state__grid { border-top-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-state-tag { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.14) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-state-tag.is-active { background: #7a9e8e !important; border-color: #7a9e8e !important; color: #0e1512 !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25); } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-practices__grid { border-top-color: rgba(255, 255, 255, 0.1) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-practice-card { border-right-color: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-practice-card:hover { background: linear-gradient(180deg, rgba(122, 158, 142, 0.08), rgba(20, 28, 24, 0.65)) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-phrase-band { background: var(--arq-paper) !important; background-image: none !important; filter: none; } [data-theme="dark"].arq-legacy-green .arq-phrase-band__label { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .arq-trust__num { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .arq-trust__heading { color: #ede8df; } [data-theme="dark"].arq-legacy-green .arq-trust__text { color: rgba(237, 232, 223, 0.55); } [data-theme="dark"].arq-legacy-green .arq-testimonials { background: #141c18 !important; } [data-theme="dark"].arq-legacy-green .arq-quote-card { background: rgba(14, 21, 18, 0.85) !important; border-left-color: rgba(122, 158, 142, 0.35) !important; } [data-theme="dark"].arq-legacy-green .arq-quote-card__text { color: rgba(237, 232, 223, 0.72) !important; } [data-theme="dark"].arq-legacy-green .arq-quote-card__author { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .arq-final__title { color: #ede8df; } [data-theme="dark"].arq-legacy-green .arq-final__lead { color: rgba(237, 232, 223, 0.55); } [data-theme="dark"].arq-legacy-green .arq-final__disclaimer { color: rgba(237, 232, 223, 0.38); } [data-theme="dark"].arq-legacy-green .arq-footer-minimal { background: #0e1512 !important; border-top: 0.5px solid rgba(255, 255, 255, 0.08); } [data-theme="dark"].arq-legacy-green .arq-footer-minimal__copy, [data-theme="dark"].arq-legacy-green .arq-footer-minimal__disclaimer { color: rgba(237, 232, 223, 0.42); } [data-theme="dark"].arq-legacy-green .arq-footer-minimal__link { color: rgba(237, 232, 223, 0.52); } [data-theme="dark"].arq-legacy-green .arq-footer-minimal__link:hover { color: #ede8df; } [data-theme="dark"].arq-legacy-green .arq-footer-minimal__sep { color: rgba(255, 255, 255, 0.14); } @media (max-width: 991.98px) { [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero::before { background-image: linear-gradient(180deg, rgba(14, 21, 18, 0.92) 0%, rgba(14, 21, 18, 0.52) 52%, rgba(14, 21, 18, 0.65) 100%), url("../img/arqelya-ritual-still-life.png") !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__right { color: rgba(237, 232, 223, 0.88) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__stats { border-color: rgba(255, 255, 255, 0.14) !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-stat__num { color: #ede8df !important; } [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-stat__lbl, [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__quote-live, [data-theme="dark"].arq-legacy-green body.page-editorial-home .arq-hero__quote-foot { color: rgba(237, 232, 223, 0.55) !important; } } @media (max-width: 768px) { [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-hero__left { border-bottom-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-practice-card { border-bottom-color: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"].arq-legacy-green .page-editorial-home .arq-trust__cell { border-bottom-color: rgba(255, 255, 255, 0.08) !important; } } body.page-practices-editorial.page-practice #main.main-content, body.page-practices-editorial.page-practice .practice-page-plx, body.page-practices-editorial.page-practice .practice-article, body.page-practices-editorial.page-practice .practice-article__surface, body.page-practices-editorial.page-practice .practice-page-plx .reveal, body.page-practices-editorial.page-practice .practice-page-plx .reveal > * { opacity: 1 !important; transform: none !important; visibility: visible !important; } body.page-practices-editorial.page-practice .cookie-consent { width: min(360px, calc(100% - 32px)) !important; } body.page-practices-editorial.page-practice .cookie-consent__inner { padding: 18px 20px !important; border-radius: 0 !important; box-shadow: 0 18px 48px rgba(42, 37, 32, 0.1) !important; } body.page-practices-editorial.page-practice .cookie-consent__title { font-size: 16px !important; } body.page-practices-editorial.page-practice .cookie-consent__text { font-size: 13px !important; line-height: 1.6 !important; } @media (max-width: 640px) { body.page-practices-editorial.page-practice .cookie-consent { left: 14px !important; right: 14px !important; bottom: 14px !important; width: auto !important; } } /* --- Cabinet 2026: personal workspace polish --- */ body.page-editorial.page-cabinet { --cab-bg: #f5f1e8; --cab-bg-2: #ebe4d6; --cab-panel: rgba(255, 252, 245, 0.78); --cab-panel-strong: rgba(255, 252, 245, 0.94); --cab-ink: #26251f; --cab-soft: #665f53; --cab-muted: #8f8778; --cab-line: rgba(90, 78, 60, 0.16); --cab-line-strong: rgba(63, 76, 64, 0.26); --cab-accent: #3f5647; --cab-accent-2: #a77c45; --cab-accent-soft: rgba(63, 86, 71, 0.09); --cab-warm: rgba(167, 124, 69, 0.12); --cab-shadow: 0 24px 70px rgba(42, 37, 31, 0.08); --cab-shadow-soft: 0 12px 34px rgba(42, 37, 31, 0.055); background: radial-gradient(circle at 12% 2%, rgba(167, 124, 69, 0.12), transparent 34rem), linear-gradient(180deg, var(--cab-bg) 0%, var(--cab-bg-2) 100%) !important; } body.page-editorial.page-cabinet .site-header { border-bottom-color: rgba(90, 78, 60, 0.12) !important; background: rgba(245, 241, 232, 0.78) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; } /* На мобильных backdrop-filter ломает position: sticky в iOS Safari и приводит к тому, что шапка «пропадает» при скролле. Отключаем эффект и делаем фон полностью непрозрачным. */ @media (max-width: 991.98px) { body.page-editorial.page-cabinet .site-header, body.page-editorial .site-header { background: var(--arq-paper, #f7f4ef) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .site-header, html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial .site-header { background: var(--arq-paper, #0f1c16) !important; } } .page-editorial.page-cabinet #main.main-content { max-width: 1240px !important; padding: clamp(22px, 4vw, 44px) clamp(16px, 4vw, 38px) 72px !important; } .page-editorial.page-cabinet .cabinet-shell { isolation: isolate !important; } .page-editorial.page-cabinet .cabinet-hero { min-height: auto !important; margin: 0 0 clamp(26px, 4vw, 44px) !important; padding: clamp(24px, 4.2vw, 44px) !important; grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.55fr) !important; gap: clamp(24px, 5vw, 56px) !important; align-items: stretch !important; border: 1px solid rgba(255, 252, 245, 0.38) !important; border-radius: 28px !important; background: linear-gradient(140deg, rgba(25, 36, 30, 0.92) 0%, rgba(38, 54, 45, 0.92) 54%, rgba(104, 82, 49, 0.78) 100%), url("../img/arqelya-ritual-still-life.png") center/cover no-repeat !important; box-shadow: var(--cab-shadow) !important; } .page-editorial.page-cabinet .cabinet-hero::before { opacity: 0.8 !important; } .page-editorial.page-cabinet .cabinet-hero__content { align-content: center !important; max-width: 720px !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker, .page-editorial.page-cabinet .cabinet-kicker, .page-editorial.page-cabinet .daily-quote-card__label { color: rgba(244, 238, 226, 0.68) !important; font-family: Manrope, system-ui, sans-serif !important; font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.16em !important; } .page-editorial.page-cabinet .cabinet-hero h1 { max-width: 720px !important; margin-bottom: 14px !important; color: #fff9ee !important; font-size: clamp(2.8rem, 6.4vw, 5.9rem) !important; font-style: italic !important; line-height: 0.94 !important; text-wrap: balance !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 660px !important; margin-bottom: 22px !important; color: rgba(255, 249, 238, 0.78) !important; font-size: clamp(0.98rem, 1.45vw, 1.1rem) !important; line-height: 1.62 !important; } .page-editorial.page-cabinet .cabinet-quick-actions { gap: 10px !important; margin-bottom: 18px !important; } .page-editorial.page-cabinet .cabinet-quick-actions a { min-height: 42px !important; border: 1px solid rgba(255, 249, 238, 0.22) !important; border-radius: 999px !important; background: rgba(255, 249, 238, 0.1) !important; color: rgba(255, 249, 238, 0.88) !important; backdrop-filter: blur(12px) !important; } .page-editorial.page-cabinet .cabinet-quick-actions a:hover, .page-editorial.page-cabinet .cabinet-quick-actions a:focus-visible { border-color: rgba(255, 249, 238, 0.5) !important; background: rgba(255, 249, 238, 0.18) !important; color: #fff !important; } .page-editorial.page-cabinet .cabinet-hero__privacy { color: rgba(255, 249, 238, 0.55) !important; } .page-editorial.page-cabinet .daily-quote-card { min-height: 100% !important; padding: clamp(24px, 4vw, 34px) !important; border: 1px solid rgba(255, 249, 238, 0.2) !important; border-left: 1px solid rgba(255, 249, 238, 0.2) !important; border-radius: 24px !important; background: rgba(255, 249, 238, 0.1) !important; color: #fff9ee !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; backdrop-filter: blur(16px) !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { color: #fff9ee !important; font-size: clamp(1.5rem, 2.45vw, 2.2rem) !important; line-height: 1.18 !important; } .page-editorial.page-cabinet .daily-quote-card__rule { background: rgba(255, 249, 238, 0.22) !important; } .page-editorial.page-cabinet .daily-quote-card p:last-child { color: rgba(255, 249, 238, 0.58) !important; } .page-editorial.page-cabinet .cabinet-layout { grid-template-columns: minmax(0, 1fr) minmax(286px, 336px) !important; gap: clamp(24px, 4.8vw, 56px) !important; } .page-editorial.page-cabinet .cabinet-sidebar { top: 88px !important; } .page-editorial.page-cabinet .cabinet-main > section, .page-editorial.page-cabinet .cabinet-main > details, .page-editorial.page-cabinet .cabinet-main > div, .page-editorial.page-cabinet .cabinet-sidebar > section { margin-bottom: clamp(18px, 3.2vw, 34px) !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practice, .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .cabinet-empty, .page-editorial.page-cabinet .collection-preview__list a, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { border: 1px solid var(--cab-line) !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.08)), var(--cab-panel) !important; box-shadow: var(--cab-shadow-soft) !important; } .page-editorial.page-cabinet .continue-practice-card { padding: clamp(24px, 4vw, 38px) !important; } .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card { padding: clamp(20px, 3vw, 28px) !important; border-radius: 24px !important; background: rgba(255, 252, 245, 0.46) !important; border: 1px solid rgba(90, 78, 60, 0.1) !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .continue-practice-card h2 a, .page-editorial.page-cabinet .cabinet-section-head h2, .page-editorial.page-cabinet .journal-preview h2, .page-editorial.page-cabinet .collection-preview h2, .page-editorial.page-cabinet .account-security-card h2, .page-editorial.page-cabinet .cabinet-side-card h2 { color: var(--cab-ink) !important; font-size: clamp(1.8rem, 3vw, 2.45rem) !important; font-style: italic !important; line-height: 1.05 !important; } .page-editorial.page-cabinet .continue-practice-card p:not(.cabinet-kicker), .page-editorial.page-cabinet .cabinet-section-head p:not(.cabinet-kicker), .page-editorial.page-cabinet .journal-preview p, .page-editorial.page-cabinet .collection-preview p, .page-editorial.page-cabinet .cabinet-side-card p, .page-editorial.page-cabinet .recommended-practice p, .page-editorial.page-cabinet .cabinet-empty p { color: var(--cab-soft) !important; } .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .recommended-practice a, .page-editorial.page-cabinet .account-security-card__links a { border-radius: 999px !important; cursor: pointer !important; } .page-editorial.page-cabinet .cabinet-btn--dark, .page-editorial.page-cabinet .cabinet-btn--light { background: var(--cab-accent) !important; border-color: var(--cab-accent) !important; color: #fff9ee !important; box-shadow: 0 12px 26px rgba(63, 86, 71, 0.18) !important; } .page-editorial.page-cabinet .cabinet-btn--dark:hover, .page-editorial.page-cabinet .cabinet-btn--light:hover, .page-editorial.page-cabinet .cabinet-btn--dark:focus-visible, .page-editorial.page-cabinet .cabinet-btn--light:focus-visible { background: #2f4438 !important; color: #fff !important; transform: translateY(-1px) !important; } .page-editorial.page-cabinet .cabinet-section-head { align-items: end !important; margin-bottom: 18px !important; } .page-editorial.page-cabinet .cabinet-soft-pill, .page-editorial.page-cabinet .recommended-practice span, .page-editorial.page-cabinet .collection-preview__list span { border-radius: 999px !important; background: var(--cab-warm) !important; color: #7a5f36 !important; } .page-editorial.page-cabinet .mood-checkin__choices button, .page-editorial.page-cabinet .inv-filter-btn { border-radius: 999px !important; background: rgba(255, 252, 245, 0.72) !important; cursor: pointer !important; } .page-editorial.page-cabinet .mood-checkin__choices button:hover, .page-editorial.page-cabinet .mood-checkin__choices button.is-active, .page-editorial.page-cabinet .inv-filter-btn:hover, .page-editorial.page-cabinet .inv-filter-btn--active { background: var(--cab-accent) !important; color: #fff9ee !important; } .page-editorial.page-cabinet .mood-checkin textarea, .page-editorial.page-cabinet .cabinet-shell .form-control { border-radius: 16px !important; background: rgba(255, 252, 245, 0.86) !important; } .page-editorial.page-cabinet .recommended-practices__grid { gap: 14px !important; } .page-editorial.page-cabinet .recommended-practice { padding: 20px !important; transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important; } .page-editorial.page-cabinet .recommended-practice h3 { font-size: clamp(1.35rem, 2.2vw, 1.7rem) !important; } .page-editorial.page-cabinet .recommended-practice:hover, .page-editorial.page-cabinet .journal-preview__latest:hover, .page-editorial.page-cabinet .collection-preview__list a:hover, .page-editorial.page-cabinet .cabinet-side-card:hover { border-color: rgba(63, 86, 71, 0.26) !important; box-shadow: var(--cab-shadow) !important; } .page-editorial.page-cabinet .cabinet-side-card { padding: 22px !important; background: var(--cab-panel-strong) !important; } .page-editorial.page-cabinet .cabinet-pro-fav-empty__orb { display: none !important; } .page-editorial.page-cabinet .cabinet-toggle { padding-top: 8px !important; } .page-editorial.page-cabinet .cabinet-toggle input { accent-color: var(--cab-accent) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { position: sticky !important; bottom: 14px !important; z-index: 20 !important; display: none !important; gap: 6px !important; margin: 20px 0 0 !important; padding: 8px !important; border: 1px solid rgba(90, 78, 60, 0.16) !important; border-radius: 999px !important; background: rgba(255, 252, 245, 0.84) !important; box-shadow: 0 18px 54px rgba(42, 37, 31, 0.14) !important; backdrop-filter: blur(16px) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a { flex: 1 1 auto !important; min-height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 10px !important; border-radius: 999px !important; color: var(--cab-soft) !important; font-size: 0.74rem !important; font-weight: 700 !important; text-decoration: none !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a:hover, .page-editorial.page-cabinet .mobile-cabinet-nav a:focus-visible { background: var(--cab-accent) !important; color: #fff9ee !important; } .page-editorial.page-cabinet .cabinet-shell a:focus-visible, .page-editorial.page-cabinet .cabinet-shell button:focus-visible, .page-editorial.page-cabinet .cabinet-shell input:focus-visible, .page-editorial.page-cabinet .cabinet-shell textarea:focus-visible, .page-editorial.page-cabinet .cabinet-shell summary:focus-visible { outline: 3px solid rgba(167, 124, 69, 0.38) !important; outline-offset: 3px !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet { --cab-bg: #101610; --cab-bg-2: #171f18; --cab-panel: rgba(32, 42, 34, 0.72); --cab-panel-strong: rgba(34, 45, 37, 0.92); --cab-ink: #f4eddf; --cab-soft: #d2c6b2; --cab-muted: #a99d8b; --cab-line: rgba(244, 237, 223, 0.14); --cab-line-strong: rgba(244, 237, 223, 0.24); --cab-accent: #b9d0bd; --cab-accent-2: #d4ae72; --cab-accent-soft: rgba(185, 208, 189, 0.12); --cab-warm: rgba(212, 174, 114, 0.14); background: radial-gradient(circle at 10% 0%, rgba(212, 174, 114, 0.08), transparent 34rem), linear-gradient(180deg, var(--cab-bg) 0%, var(--cab-bg-2) 100%) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet .site-header { background: rgba(16, 22, 16, 0.78) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-hero { background: linear-gradient(140deg, rgba(9, 13, 10, 0.86), rgba(18, 28, 22, 0.92)), url("../img/arqelya-ritual-still-life.png") center/cover no-repeat !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .continue-practice-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mood-checkin, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .recommended-practices, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .journal-preview, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .collection-preview, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .account-security-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-password-details, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-side-card { background: var(--cab-panel) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-btn--dark, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-btn--light, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mood-checkin__choices button:hover, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mood-checkin__choices button.is-active { background: #d4ae72 !important; border-color: #d4ae72 !important; color: #11160f !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mood-checkin textarea, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-shell .form-control { background: rgba(16, 22, 16, 0.72) !important; color: var(--cab-ink) !important; } @media (max-width: 992px) { .page-editorial.page-cabinet .cabinet-hero, .page-editorial.page-cabinet .cabinet-layout { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 720px) { .page-editorial.page-cabinet #main.main-content { padding: 14px 12px 44px !important; } .page-editorial.page-cabinet .cabinet-hero { padding: 28px 20px !important; border-radius: 22px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(3.05rem, 17vw, 4.8rem) !important; } .page-editorial.page-cabinet .daily-quote-card { padding: 20px !important; } .page-editorial.page-cabinet .cabinet-sidebar { display: grid !important; grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-section-head { display: grid !important; align-items: start !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card { border-radius: 18px !important; padding: 18px !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { display: flex !important; overflow-x: auto !important; justify-content: flex-start !important; } } @media (prefers-reduced-motion: reduce) { .page-editorial.page-cabinet .cabinet-shell *, .page-editorial.page-cabinet .cabinet-shell *::before, .page-editorial.page-cabinet .cabinet-shell *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* --- Cabinet redo: product workspace --- */ body.page-editorial.page-cabinet { --cab-redo-bg: #f5f2ea; --cab-redo-surface: #fffdf8; --cab-redo-surface-2: #fbf7ef; --cab-redo-ink: #232018; --cab-redo-muted: #786f60; --cab-redo-line: rgba(72, 62, 45, 0.14); --cab-redo-line-strong: rgba(72, 62, 45, 0.24); --cab-redo-action: #4f684f; --cab-redo-action-ink: #fffaf0; --cab-redo-warm: #a8743e; --cab-redo-focus: rgba(79, 104, 79, 0.28); background: linear-gradient(90deg, rgba(72, 62, 45, 0.035) 1px, transparent 1px), linear-gradient(180deg, #f7f4ed 0%, var(--cab-redo-bg) 100%) !important; background-size: 28px 28px, auto !important; color: var(--cab-redo-ink) !important; } .page-editorial.page-cabinet #main.main-content { max-width: 1190px !important; padding: 24px 20px 78px !important; } .page-editorial.page-cabinet .cabinet-shell { display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; color: var(--cab-redo-ink) !important; } .page-editorial.page-cabinet .cabinet-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important; gap: 18px !important; min-height: 0 !important; margin: 0 0 18px !important; padding: 22px !important; overflow: hidden !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 10px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.64), rgba(255, 253, 248, 0.94)), var(--cab-redo-surface) !important; box-shadow: 0 16px 42px rgba(55, 44, 26, 0.08) !important; isolation: isolate !important; } .page-editorial.page-cabinet .cabinet-hero::before, .page-editorial.page-cabinet .cabinet-hero::after, .page-editorial.page-cabinet .daily-quote-card::before, .page-editorial.page-cabinet .daily-quote-card::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .cabinet-hero__content { display: grid !important; align-content: start !important; gap: 12px !important; max-width: 720px !important; padding: 0 !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker, .page-editorial.page-cabinet .daily-quote-card__label, .page-editorial.page-cabinet .cabinet-kicker { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 0 !important; color: var(--cab-redo-muted) !important; font-family: Manrope, system-ui, sans-serif !important; font-size: 0.72rem !important; font-weight: 800 !important; letter-spacing: 0.08em !important; line-height: 1.35 !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .cabinet-hero .cabinet-kicker time::after { content: "" !important; display: inline-block !important; width: 4px !important; height: 4px !important; margin-left: 8px !important; border-radius: 999px !important; background: rgba(79, 104, 79, 0.48) !important; vertical-align: middle !important; } .page-editorial.page-cabinet .cabinet-hero h1 { max-width: 620px !important; margin: 0 !important; color: var(--cab-redo-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: clamp(2.15rem, 4.3vw, 3.65rem) !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 0.98 !important; text-wrap: balance !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 640px !important; margin: 0 !important; color: var(--cab-redo-muted) !important; font-size: 1rem !important; line-height: 1.65 !important; } .page-editorial.page-cabinet .cabinet-quick-actions, .page-editorial.page-cabinet .cabinet-actions, .page-editorial.page-cabinet .account-security-card__links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .account-security-card__links a, .page-editorial.page-cabinet .cabinet-link { min-height: 40px !important; border-radius: 8px !important; font-family: Manrope, system-ui, sans-serif !important; font-size: 0.9rem !important; font-weight: 800 !important; letter-spacing: 0 !important; text-decoration: none !important; transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease !important; } .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .cabinet-btn--light, .page-editorial.page-cabinet .account-security-card__links a, .page-editorial.page-cabinet .cabinet-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 13px !important; border: 1px solid var(--cab-redo-line) !important; background: rgba(255, 255, 255, 0.66) !important; color: var(--cab-redo-ink) !important; } .page-editorial.page-cabinet .cabinet-btn--dark, .page-editorial.page-cabinet .continue-practice-card .cabinet-btn--dark, .page-editorial.page-cabinet .mood-checkin .cabinet-btn--dark { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 15px !important; border: 1px solid var(--cab-redo-action) !important; background: var(--cab-redo-action) !important; color: var(--cab-redo-action-ink) !important; box-shadow: 0 10px 18px rgba(79, 104, 79, 0.16) !important; } .page-editorial.page-cabinet .cabinet-quick-actions a:hover, .page-editorial.page-cabinet .cabinet-btn:hover, .page-editorial.page-cabinet .cabinet-link:hover, .page-editorial.page-cabinet .account-security-card__links a:hover, .page-editorial.page-cabinet .mood-checkin__choices button:hover { transform: translateY(-1px) !important; } .page-editorial.page-cabinet .cabinet-hero__privacy { display: inline-flex !important; width: fit-content !important; margin: 0 !important; padding: 8px 10px !important; border: 1px solid rgba(79, 104, 79, 0.16) !important; border-radius: 8px !important; background: rgba(79, 104, 79, 0.08) !important; color: #4c614c !important; font-size: 0.88rem !important; line-height: 1.35 !important; } .page-editorial.page-cabinet .daily-quote-card { align-self: stretch !important; display: grid !important; align-content: start !important; gap: 12px !important; min-height: 0 !important; margin: 0 !important; padding: 18px !important; transform: none !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 10px !important; background: var(--cab-redo-surface-2) !important; box-shadow: none !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { margin: 0 !important; color: var(--cab-redo-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: clamp(1.15rem, 2vw, 1.55rem) !important; font-weight: 500 !important; line-height: 1.18 !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .daily-quote-card__rule { width: 100% !important; height: 1px !important; margin: 0 !important; background: var(--cab-redo-line) !important; } .page-editorial.page-cabinet .daily-quote-card p:last-child { margin: 0 !important; color: var(--cab-redo-muted) !important; font-size: 0.9rem !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 304px !important; gap: 18px !important; align-items: start !important; } .page-editorial.page-cabinet .cabinet-main, .page-editorial.page-cabinet .cabinet-sidebar { display: grid !important; gap: 14px !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: sticky !important; top: 86px !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { overflow: hidden !important; padding: 18px !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 10px !important; background: rgba(255, 253, 248, 0.9) !important; box-shadow: 0 12px 30px rgba(55, 44, 26, 0.06) !important; } .page-editorial.page-cabinet .continue-practice-card { display: grid !important; gap: 12px !important; background: linear-gradient(135deg, rgba(79, 104, 79, 0.12), rgba(255, 253, 248, 0.94) 46%), var(--cab-redo-surface) !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .mood-checkin h2, .page-editorial.page-cabinet .recommended-practices h2, .page-editorial.page-cabinet .journal-preview h2, .page-editorial.page-cabinet .collection-preview h2, .page-editorial.page-cabinet .account-security-card h2, .page-editorial.page-cabinet .cabinet-side-card h2 { margin: 0 !important; color: var(--cab-redo-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important; font-weight: 600 !important; line-height: 1.12 !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .continue-practice-card p, .page-editorial.page-cabinet .mood-checkin p, .page-editorial.page-cabinet .recommended-practices p, .page-editorial.page-cabinet .journal-preview p, .page-editorial.page-cabinet .collection-preview p, .page-editorial.page-cabinet .cabinet-side-card p, .page-editorial.page-cabinet .cabinet-empty p { color: var(--cab-redo-muted) !important; font-size: 0.96rem !important; line-height: 1.58 !important; } .page-editorial.page-cabinet .cabinet-section-head { display: flex !important; gap: 14px !important; align-items: flex-start !important; justify-content: space-between !important; margin: 0 0 14px !important; } .page-editorial.page-cabinet .cabinet-soft-pill { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 0 10px !important; border: 1px solid rgba(79, 104, 79, 0.18) !important; border-radius: 8px !important; background: rgba(79, 104, 79, 0.08) !important; color: #4f684f !important; font-size: 0.8rem !important; font-weight: 800 !important; white-space: nowrap !important; } .page-editorial.page-cabinet .continue-practice-card__progress { height: 8px !important; overflow: hidden !important; border-radius: 999px !important; background: rgba(79, 104, 79, 0.12) !important; } .page-editorial.page-cabinet .continue-practice-card__progress span { display: block !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #4f684f, #a8743e) !important; } .page-editorial.page-cabinet .mood-checkin__choices { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 14px !important; } .page-editorial.page-cabinet .mood-checkin__choices button { min-height: 38px !important; padding: 0 10px !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.7) !important; color: var(--cab-redo-ink) !important; font-size: 0.88rem !important; font-weight: 800 !important; transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 160ms ease, border-color 160ms ease !important; } .page-editorial.page-cabinet .mood-checkin__choices button.is-active, .page-editorial.page-cabinet .mood-checkin__choices button[aria-pressed="true"] { border-color: rgba(79, 104, 79, 0.56) !important; background: rgba(79, 104, 79, 0.12) !important; color: #334a34 !important; } .page-editorial.page-cabinet .mood-checkin__label, .page-editorial.page-cabinet .cabinet-password-form label { display: block !important; margin: 0 0 7px !important; color: var(--cab-redo-muted) !important; font-size: 0.82rem !important; font-weight: 800 !important; } .page-editorial.page-cabinet .mood-checkin textarea, .page-editorial.page-cabinet .cabinet-shell .form-control { width: 100% !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.78) !important; color: var(--cab-redo-ink) !important; box-shadow: none !important; } .page-editorial.page-cabinet .recommended-practices__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .page-editorial.page-cabinet .recommended-practice, .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .collection-preview__list li, .page-editorial.page-cabinet .cabinet-empty { padding: 14px !important; border: 1px solid rgba(72, 62, 45, 0.12) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.58) !important; } .page-editorial.page-cabinet .recommended-practice { display: grid !important; gap: 9px !important; min-height: 170px !important; } .page-editorial.page-cabinet .recommended-practice span, .page-editorial.page-cabinet .recommended-practice small, .page-editorial.page-cabinet .journal-preview__latest span, .page-editorial.page-cabinet .journal-preview__latest em, .page-editorial.page-cabinet .collection-preview__list span { color: var(--cab-redo-muted) !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important; } .page-editorial.page-cabinet .recommended-practice h3 { margin: 0 !important; color: var(--cab-redo-ink) !important; font-size: 1.06rem !important; line-height: 1.25 !important; } .page-editorial.page-cabinet .recommended-practice > div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-top: auto !important; } .page-editorial.page-cabinet .recommended-practice a { color: var(--cab-redo-action) !important; font-weight: 900 !important; } .page-editorial.page-cabinet .collection-preview__list { display: grid !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .page-editorial.page-cabinet .collection-preview__list a, .page-editorial.page-cabinet .journal-preview__latest { display: grid !important; gap: 6px !important; color: inherit !important; text-decoration: none !important; } .page-editorial.page-cabinet .cabinet-side-card { padding: 16px !important; } .page-editorial.page-cabinet .cabinet-side-card .cabinet-btn { width: 100% !important; } .page-editorial.page-cabinet .cabinet-toggle { display: flex !important; gap: 10px !important; align-items: center !important; color: var(--cab-redo-ink) !important; cursor: pointer !important; } .page-editorial.page-cabinet .cabinet-toggle span { width: 40px !important; height: 22px !important; border: 1px solid var(--cab-redo-line-strong) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.82) !important; position: relative !important; } .page-editorial.page-cabinet .cabinet-toggle span::after { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 14px !important; height: 14px !important; border-radius: 999px !important; background: var(--cab-redo-muted) !important; transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 160ms ease !important; } .page-editorial.page-cabinet .cabinet-toggle input:checked + span { background: rgba(79, 104, 79, 0.16) !important; } .page-editorial.page-cabinet .cabinet-toggle input:checked + span::after { transform: translateX(18px) !important; background: var(--cab-redo-action) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { display: none !important; } body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-columns: minmax(0, 1fr) !important; grid-auto-flow: row !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; } body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar > .cabinet-side-card, body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar > .SubscriptionCard, body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar > .QuietReminderCard, body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar > .PromoCodeCard, body.page-editorial.page-cabinet .cabinet-shell .cabinet-layout > .cabinet-sidebar > section { grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } .page-editorial.page-cabinet .cabinet-shell a:focus-visible, .page-editorial.page-cabinet .cabinet-shell button:focus-visible, .page-editorial.page-cabinet .cabinet-shell input:focus-visible, .page-editorial.page-cabinet .cabinet-shell textarea:focus-visible, .page-editorial.page-cabinet .cabinet-shell summary:focus-visible { outline: 3px solid var(--cab-redo-focus) !important; outline-offset: 3px !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet { --cab-redo-bg: #121711; --cab-redo-surface: #1d241c; --cab-redo-surface-2: #20291f; --cab-redo-ink: #f5eddf; --cab-redo-muted: #c8bdaa; --cab-redo-line: rgba(245, 237, 223, 0.14); --cab-redo-line-strong: rgba(245, 237, 223, 0.24); --cab-redo-action: #c9b27e; --cab-redo-action-ink: #16160f; --cab-redo-warm: #c9a26e; background: linear-gradient(90deg, rgba(245, 237, 223, 0.035) 1px, transparent 1px), linear-gradient(180deg, #10150f 0%, var(--cab-redo-bg) 100%) !important; background-size: 28px 28px, auto !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-hero, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .continue-practice-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mood-checkin, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .recommended-practices, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .journal-preview, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .collection-preview, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .account-security-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-password-details, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-side-card { background: rgba(29, 36, 28, 0.92) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .daily-quote-card, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .recommended-practice, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .journal-preview__latest, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .collection-preview__list li, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-empty { background: rgba(255, 255, 255, 0.04) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-btn--dark { color: var(--cab-redo-action-ink) !important; } @media (max-width: 980px) { .page-editorial.page-cabinet .cabinet-layout { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 721px) and (max-width: 980px) { .page-editorial.page-cabinet .cabinet-hero { grid-template-columns: minmax(0, 1fr) minmax(230px, 280px) !important; gap: 14px !important; padding: 18px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(2rem, 5vw, 2.85rem) !important; } .page-editorial.page-cabinet .cabinet-hero__lead { font-size: 0.94rem !important; line-height: 1.52 !important; } .page-editorial.page-cabinet .daily-quote-card { padding: 16px !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { font-size: 1.18rem !important; } } @media (max-width: 720px) { .page-editorial.page-cabinet #main.main-content { padding: 12px 12px 88px !important; } .page-editorial.page-cabinet .cabinet-hero { gap: 14px !important; padding: 16px !important; border-radius: 10px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(2rem, 11vw, 2.85rem) !important; line-height: 1 !important; } .page-editorial.page-cabinet .cabinet-hero__lead { font-size: 0.94rem !important; } .page-editorial.page-cabinet .daily-quote-card, .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card { padding: 14px !important; border-radius: 10px !important; } .page-editorial.page-cabinet .cabinet-sidebar, .page-editorial.page-cabinet .recommended-practices__grid, .page-editorial.page-cabinet .mood-checkin__choices { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-section-head { display: grid !important; gap: 10px !important; } .page-editorial.page-cabinet .cabinet-soft-pill { width: fit-content !important; white-space: normal !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { position: fixed !important; left: 10px !important; right: 10px !important; bottom: 10px !important; z-index: 60 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px !important; padding: 6px !important; border: 1px solid var(--cab-redo-line) !important; border-radius: 12px !important; background: rgba(255, 253, 248, 0.94) !important; box-shadow: 0 14px 34px rgba(35, 32, 24, 0.16) !important; backdrop-filter: blur(14px) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 38px !important; padding: 0 6px !important; border-radius: 8px !important; color: var(--cab-redo-muted) !important; font-size: clamp(0.66rem, 2.6vw, 0.78rem) !important; font-weight: 900 !important; line-height: 1.05 !important; text-align: center !important; text-decoration: none !important; } } @media (prefers-reduced-motion: reduce) { .page-editorial.page-cabinet .cabinet-shell *, .page-editorial.page-cabinet .cabinet-shell *::before, .page-editorial.page-cabinet .cabinet-shell *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } /* --- Cabinet rebuild: clean app UI from scratch --- */ body.page-editorial.page-cabinet { --app-bg: #f6f4ef; --app-panel: #ffffff; --app-panel-soft: #faf8f3; --app-ink: #20221d; --app-text: #3f4038; --app-muted: #747165; --app-line: #e0ddd3; --app-line-strong: #cbc6b9; --app-green: #435f49; --app-green-2: #6e8b6f; --app-warm: #b17743; --app-shadow: 0 10px 28px rgba(36, 32, 24, 0.08); --app-radius: 8px; background: var(--app-bg) !important; color: var(--app-ink) !important; } .page-editorial.page-cabinet #main.main-content { width: min(100% - 40px, 1180px) !important; max-width: none !important; margin: 0 auto !important; padding: 22px 0 80px !important; } .page-editorial.page-cabinet .cabinet-shell, .page-editorial.page-cabinet .cabinet-shell * { box-sizing: border-box !important; } .page-editorial.page-cabinet .cabinet-shell { width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; color: var(--app-text) !important; font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } .page-editorial.page-cabinet .cabinet-shell::before, .page-editorial.page-cabinet .cabinet-shell::after, .page-editorial.page-cabinet .cabinet-hero::before, .page-editorial.page-cabinet .cabinet-hero::after, .page-editorial.page-cabinet .daily-quote-card::before, .page-editorial.page-cabinet .daily-quote-card::after { content: none !important; display: none !important; } .page-editorial.page-cabinet .cabinet-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 18px !important; align-items: stretch !important; width: 100% !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 18px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: var(--app-panel) !important; box-shadow: var(--app-shadow) !important; overflow: hidden !important; } .page-editorial.page-cabinet .cabinet-hero__content { display: grid !important; gap: 11px !important; align-content: start !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; } .page-editorial.page-cabinet .cabinet-kicker, .page-editorial.page-cabinet .daily-quote-card__label { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 0 !important; color: var(--app-muted) !important; font: 800 0.72rem/1.35 Manrope, system-ui, sans-serif !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .cabinet-hero h1 { margin: 0 !important; color: var(--app-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: clamp(2rem, 4.2vw, 3.2rem) !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .cabinet-hero__lead { max-width: 660px !important; margin: 0 !important; color: var(--app-muted) !important; font-size: 0.96rem !important; line-height: 1.62 !important; } .page-editorial.page-cabinet .cabinet-quick-actions, .page-editorial.page-cabinet .cabinet-actions, .page-editorial.page-cabinet .account-security-card__links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } .page-editorial.page-cabinet .cabinet-btn, .page-editorial.page-cabinet .cabinet-link, .page-editorial.page-cabinet .cabinet-quick-actions a, .page-editorial.page-cabinet .account-security-card__links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 38px !important; padding: 0 13px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: #fff !important; color: var(--app-ink) !important; font: 800 0.88rem/1 Manrope, system-ui, sans-serif !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1) !important; } .page-editorial.page-cabinet .cabinet-btn--dark, .page-editorial.page-cabinet .continue-practice-card .cabinet-btn--dark, .page-editorial.page-cabinet .mood-checkin .cabinet-btn--dark { border-color: var(--app-green) !important; background: var(--app-green) !important; color: #fff !important; } .page-editorial.page-cabinet .cabinet-btn:hover, .page-editorial.page-cabinet .cabinet-link:hover, .page-editorial.page-cabinet .cabinet-quick-actions a:hover, .page-editorial.page-cabinet .account-security-card__links a:hover, .page-editorial.page-cabinet .mood-checkin__choices button:hover { transform: translateY(-1px) !important; border-color: var(--app-line-strong) !important; } .page-editorial.page-cabinet .cabinet-hero__privacy, .page-editorial.page-cabinet .cabinet-soft-pill { display: inline-flex !important; width: fit-content !important; max-width: 100% !important; min-height: 30px !important; align-items: center !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid rgba(67, 95, 73, 0.18) !important; border-radius: var(--app-radius) !important; background: rgba(67, 95, 73, 0.08) !important; color: var(--app-green) !important; font-size: 0.82rem !important; font-weight: 800 !important; line-height: 1.3 !important; } .page-editorial.page-cabinet .daily-quote-card { display: grid !important; gap: 12px !important; align-content: start !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 16px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: var(--app-panel-soft) !important; color: var(--app-text) !important; box-shadow: none !important; transform: none !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { margin: 0 !important; color: var(--app-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: 1.28rem !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .daily-quote-card__rule { width: 100% !important; height: 1px !important; margin: 0 !important; background: var(--app-line) !important; } .page-editorial.page-cabinet .daily-quote-card p:last-child { margin: 0 !important; color: var(--app-muted) !important; font-size: 0.88rem !important; line-height: 1.45 !important; } .page-editorial.page-cabinet .cabinet-local-note { width: 100% !important; margin: 0 0 16px !important; padding: 12px 14px !important; border: 1px solid #dde4d9 !important; border-radius: var(--app-radius) !important; background: #fff !important; color: var(--app-text) !important; } .page-editorial.page-cabinet .cabinet-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 16px !important; align-items: start !important; width: 100% !important; min-width: 0 !important; } .page-editorial.page-cabinet .cabinet-main, .page-editorial.page-cabinet .cabinet-sidebar { display: grid !important; grid-template-columns: 1fr !important; grid-auto-flow: row !important; grid-auto-columns: minmax(0, 1fr) !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: sticky !important; top: 86px !important; align-self: start !important; } .page-editorial.page-cabinet .cabinet-sidebar > *, .page-editorial.page-cabinet .cabinet-main > * { grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card, .page-editorial.page-cabinet .cabinet-notice { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 18px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: var(--app-panel) !important; color: var(--app-text) !important; box-shadow: var(--app-shadow) !important; overflow: hidden !important; transform: none !important; } .page-editorial.page-cabinet .continue-practice-card { background: linear-gradient(135deg, rgba(67, 95, 73, 0.1), #fff 42%) !important; } .page-editorial.page-cabinet .continue-practice-card h2, .page-editorial.page-cabinet .mood-checkin h2, .page-editorial.page-cabinet .recommended-practices h2, .page-editorial.page-cabinet .journal-preview h2, .page-editorial.page-cabinet .collection-preview h2, .page-editorial.page-cabinet .account-security-card h2, .page-editorial.page-cabinet .cabinet-side-card h2, .page-editorial.page-cabinet .cabinet-notice h2 { margin: 5px 0 10px !important; color: var(--app-ink) !important; font-family: Raleway, Georgia, serif !important; font-size: clamp(1.22rem, 2vw, 1.62rem) !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } .page-editorial.page-cabinet .continue-practice-card p, .page-editorial.page-cabinet .mood-checkin p, .page-editorial.page-cabinet .recommended-practices p, .page-editorial.page-cabinet .journal-preview p, .page-editorial.page-cabinet .collection-preview p, .page-editorial.page-cabinet .account-security-card p, .page-editorial.page-cabinet .cabinet-side-card p, .page-editorial.page-cabinet .cabinet-notice p { max-width: 68ch !important; margin: 0 0 13px !important; color: var(--app-muted) !important; font-size: 0.94rem !important; line-height: 1.55 !important; } .page-editorial.page-cabinet .continue-practice-card__meta { display: flex !important; flex-wrap: wrap !important; gap: 18px !important; margin: 12px 0 !important; color: var(--app-muted) !important; font-size: 0.84rem !important; } .page-editorial.page-cabinet .continue-practice-card__progress { width: min(100%, 360px) !important; height: 7px !important; margin: 0 0 14px !important; overflow: hidden !important; border-radius: 999px !important; background: #e5e2d9 !important; } .page-editorial.page-cabinet .continue-practice-card__progress span { display: block !important; height: 100% !important; border-radius: inherit !important; background: var(--app-green) !important; } .page-editorial.page-cabinet .cabinet-section-head { display: flex !important; gap: 12px !important; align-items: flex-start !important; justify-content: space-between !important; margin: 0 0 12px !important; } .page-editorial.page-cabinet .mood-checkin__choices { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 14px !important; } .page-editorial.page-cabinet .mood-checkin__choices button { width: 100% !important; min-width: 0 !important; min-height: 38px !important; padding: 0 10px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: #fff !important; color: var(--app-ink) !important; font: 800 0.86rem/1.1 Manrope, system-ui, sans-serif !important; letter-spacing: 0 !important; white-space: normal !important; } .page-editorial.page-cabinet .mood-checkin__choices button.is-active, .page-editorial.page-cabinet .mood-checkin__choices button[aria-pressed="true"] { border-color: var(--app-green) !important; background: rgba(67, 95, 73, 0.1) !important; color: var(--app-green) !important; } .page-editorial.page-cabinet .mood-checkin__label, .page-editorial.page-cabinet .cabinet-password-form label { display: block !important; margin: 0 0 7px !important; color: var(--app-muted) !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .page-editorial.page-cabinet .mood-checkin textarea, .page-editorial.page-cabinet .cabinet-shell .form-control { display: block !important; width: 100% !important; min-width: 0 !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: #fff !important; color: var(--app-ink) !important; box-shadow: none !important; } .page-editorial.page-cabinet .mood-checkin textarea { min-height: 96px !important; margin: 0 0 12px !important; padding: 12px !important; resize: vertical !important; } .page-editorial.page-cabinet .recommended-practices__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .page-editorial.page-cabinet .recommended-practice, .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .collection-preview__list li, .page-editorial.page-cabinet .cabinet-empty { display: grid !important; gap: 8px !important; min-width: 0 !important; margin: 0 !important; padding: 14px !important; border: 1px solid var(--app-line) !important; border-radius: var(--app-radius) !important; background: var(--app-panel-soft) !important; color: var(--app-text) !important; } .page-editorial.page-cabinet .recommended-practice h3 { margin: 0 !important; color: var(--app-ink) !important; font-size: 1rem !important; line-height: 1.28 !important; } .page-editorial.page-cabinet .recommended-practice > div { display: flex !important; gap: 10px !important; align-items: center !important; justify-content: space-between !important; margin-top: auto !important; } .page-editorial.page-cabinet .recommended-practice span, .page-editorial.page-cabinet .recommended-practice small, .page-editorial.page-cabinet .journal-preview__latest span, .page-editorial.page-cabinet .journal-preview__latest em, .page-editorial.page-cabinet .collection-preview__list span { color: var(--app-muted) !important; font-size: 0.78rem !important; font-weight: 800 !important; text-transform: none !important; } .page-editorial.page-cabinet .recommended-practice a, .page-editorial.page-cabinet .journal-preview__latest, .page-editorial.page-cabinet .collection-preview__list a { color: var(--app-green) !important; font-weight: 900 !important; text-decoration: none !important; } .page-editorial.page-cabinet .collection-preview__list { display: grid !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .page-editorial.page-cabinet .account-security-card { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; justify-content: space-between !important; } .page-editorial.page-cabinet .cabinet-side-card details, .page-editorial.page-cabinet .cabinet-password-details details { width: 100% !important; } .page-editorial.page-cabinet .cabinet-side-card summary, .page-editorial.page-cabinet .cabinet-password-details summary { cursor: pointer !important; color: var(--app-ink) !important; font-weight: 900 !important; } .page-editorial.page-cabinet .cabinet-promo-form, .page-editorial.page-cabinet .cabinet-password-form { display: grid !important; gap: 10px !important; margin-top: 12px !important; } .page-editorial.page-cabinet .cabinet-toggle { display: flex !important; gap: 10px !important; align-items: center !important; color: var(--app-text) !important; } .page-editorial.page-cabinet .cabinet-toggle span { flex: 0 0 auto !important; width: 38px !important; height: 22px !important; border: 1px solid var(--app-line-strong) !important; border-radius: 999px !important; background: #fff !important; position: relative !important; } .page-editorial.page-cabinet .cabinet-toggle span::after { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 14px !important; height: 14px !important; border-radius: 999px !important; background: var(--app-muted) !important; transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 160ms ease !important; } .page-editorial.page-cabinet .cabinet-toggle input:checked + span::after { transform: translateX(16px) !important; background: var(--app-green) !important; } .page-editorial.page-cabinet .cabinet-pro-fav { display: grid !important; gap: 8px !important; min-width: 0 !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { display: none !important; } .page-editorial.page-cabinet .cabinet-shell a:focus-visible, .page-editorial.page-cabinet .cabinet-shell button:focus-visible, .page-editorial.page-cabinet .cabinet-shell input:focus-visible, .page-editorial.page-cabinet .cabinet-shell textarea:focus-visible, .page-editorial.page-cabinet .cabinet-shell summary:focus-visible { outline: 3px solid rgba(67, 95, 73, 0.26) !important; outline-offset: 3px !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green body.page-editorial.page-cabinet { --app-bg: #111510; --app-panel: #1b2119; --app-panel-soft: #20261d; --app-ink: #f4ecdf; --app-text: #e3dacb; --app-muted: #bdb2a1; --app-line: rgba(244, 236, 223, 0.14); --app-line-strong: rgba(244, 236, 223, 0.24); --app-green: #b9caa5; --app-shadow: none; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .cabinet-btn--dark { color: #15170f !important; } @media (max-width: 1100px) { .page-editorial.page-cabinet #main.main-content { width: min(100% - 28px, 860px) !important; } .page-editorial.page-cabinet .cabinet-layout { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-sidebar { position: static !important; } } @media (min-width: 721px) and (max-width: 1100px) { .page-editorial.page-cabinet .cabinet-hero { grid-template-columns: minmax(0, 1fr) 270px !important; gap: 14px !important; padding: 16px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(2rem, 4.6vw, 2.8rem) !important; } .page-editorial.page-cabinet .cabinet-hero__lead { font-size: 0.92rem !important; line-height: 1.52 !important; } .page-editorial.page-cabinet .daily-quote-card blockquote { font-size: 1.08rem !important; } } @media (max-width: 720px) { .page-editorial.page-cabinet #main.main-content { width: min(100% - 24px, 560px) !important; padding: 12px 0 92px !important; } .page-editorial.page-cabinet .cabinet-hero, .page-editorial.page-cabinet .continue-practice-card, .page-editorial.page-cabinet .mood-checkin, .page-editorial.page-cabinet .recommended-practices, .page-editorial.page-cabinet .journal-preview, .page-editorial.page-cabinet .collection-preview, .page-editorial.page-cabinet .account-security-card, .page-editorial.page-cabinet .cabinet-password-details, .page-editorial.page-cabinet .cabinet-side-card { padding: 14px !important; } .page-editorial.page-cabinet .cabinet-hero h1 { font-size: clamp(2rem, 10vw, 2.8rem) !important; } .page-editorial.page-cabinet .mood-checkin__choices, .page-editorial.page-cabinet .recommended-practices__grid { grid-template-columns: 1fr !important; } .page-editorial.page-cabinet .cabinet-section-head, .page-editorial.page-cabinet .account-security-card { display: grid !important; justify-content: stretch !important; } .page-editorial.page-cabinet .mobile-cabinet-nav { position: fixed !important; left: 10px !important; right: 10px !important; bottom: 10px !important; z-index: 80 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px !important; padding: 6px !important; border: 1px solid var(--app-line) !important; border-radius: 12px !important; background: rgba(255, 255, 255, 0.94) !important; box-shadow: 0 14px 34px rgba(35, 32, 24, 0.16) !important; backdrop-filter: blur(14px) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial.page-cabinet .mobile-cabinet-nav { background: rgba(27, 33, 25, 0.94) !important; } .page-editorial.page-cabinet .mobile-cabinet-nav a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 38px !important; padding: 0 4px !important; border-radius: 8px !important; color: var(--app-muted) !important; font-size: clamp(0.64rem, 2.6vw, 0.76rem) !important; font-weight: 900 !important; line-height: 1.05 !important; text-align: center !important; text-decoration: none !important; } } /* ============================================================================= * Dark theme — member auth pages (login / register / forgot / reset) * Карточка формы community-block__inner и её поля выглядели бледно-серыми * на тёмном фоне. Приводим к DNA сайта. * ============================================================================= */ html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner { background: linear-gradient( 145deg, rgba(157, 185, 168, 0.06), rgba(237, 232, 223, 0.03) ) !important; border: 1px solid rgba(237, 232, 223, 0.10) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 12px 32px rgba(0, 0, 0, 0.18) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .form-label, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner label { color: rgba(237, 232, 223, 0.7) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .form-control, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner input[type="email"], html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner input[type="password"], html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner input[type="text"] { background: rgba(15, 28, 22, 0.55) !important; color: var(--arq-ink) !important; border: 1px solid rgba(237, 232, 223, 0.12) !important; box-shadow: none !important; caret-color: var(--arq-accent) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .form-control::placeholder { color: rgba(237, 232, 223, 0.32) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .form-control:focus, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner input:focus { background: rgba(15, 28, 22, 0.75) !important; border-color: rgba(157, 185, 168, 0.55) !important; box-shadow: 0 0 0 3px rgba(157, 185, 168, 0.15) !important; outline: none !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner a { color: rgba(157, 185, 168, 0.92) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner a:hover { color: #b9d1c2 !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-outline-calm { background: transparent !important; color: var(--arq-ink) !important; border: 1px solid rgba(237, 232, 223, 0.18) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-outline-calm:hover { background: rgba(237, 232, 223, 0.06) !important; border-color: rgba(237, 232, 223, 0.40) !important; color: var(--arq-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-calm, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-primary { background: var(--arq-accent) !important; border-color: var(--arq-accent) !important; color: var(--arq-accent-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-calm:hover, html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .community-block__inner .btn-primary:hover { background: #b9d1c2 !important; border-color: #b9d1c2 !important; color: var(--arq-accent-ink) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .alert-danger { background: rgba(138, 58, 42, 0.18) !important; color: #f0b5a5 !important; border: 1px solid rgba(240, 181, 165, 0.20) !important; } html[data-theme="dark"].arq-legacy-green.arq-legacy-green .page-editorial .alert-success { background: rgba(157, 185, 168, 0.12) !important; color: #b9d1c2 !important; border: 1px solid rgba(185, 209, 194, 0.20) !important; }