:root {
  --bg-color: #F4F4F5;
  --text-dark: #09090B;
  --white: #FFFFFF;
  --border-thick: 3px solid #09090B;

  /* НОВІ ПРЕМІАЛЬНІ КОЛЬОРИ (замість зеленого та червоного) */
  --action-blue: #1D4ED8; /* Глибокий синій для кнопок і дій */
  --alert-orange: #C2410C; /* Темний теракотовий для уваги/попереджень */
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-color); color: var(--text-dark); line-height: 1.6; padding: 20px; }
.container { max-width: 1000px; margin: 0 auto; }
a { color: var(--text-dark); text-decoration: underline; transition: 0.2s; }
a:hover { color: var(--action-blue); }

/* Header */
.header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: var(--border-thick); margin-bottom: 40px; }
.header-logo { font-weight: 900; font-size: clamp(18px, 3vw, 24px); letter-spacing: -0.5px; text-transform: uppercase; }
.header-status { font-family: 'Space Grotesk', sans-serif; font-size: 14px; background: var(--text-dark); color: var(--white); padding: 6px 14px; border-radius: 4px; font-weight: 700; margin-top: 10px; }

/* Hero */
.hero-title { font-size: clamp(32px, 6vw, 64px); font-weight: 900; line-height: 1; text-transform: uppercase; margin-bottom: 20px; letter-spacing: -1px; }
.hero-subtitle { font-size: 18px; font-weight: 500; max-width: 700px; margin-bottom: 40px; }
.highlight { color: var(--action-blue); }

/* Grid */
.grid-main { display: grid; gap: 40px; }
@media (min-width: 800px) { .grid-main { grid-template-columns: 1.5fr 1fr; } }
@media (min-width: 600px) { .header-status { margin-top: 0; } }

/* Cards */
.card { background: var(--white); border: var(--border-thick); padding: 30px; box-shadow: 8px 8px 0px var(--text-dark); margin-bottom: 30px; }
.card h2, .card h3 { font-weight: 900; text-transform: uppercase; margin-bottom: 20px; border-bottom: 2px solid #E4E4E7; padding-bottom: 10px; }

/* Payment Core */
.action-station { background: var(--text-dark); color: var(--white); border-color: var(--text-dark); }
.action-station h2 { color: var(--white); border-bottom-color: rgba(255,255,255,0.2); }

.data-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 12px 0; flex-wrap: wrap; gap: 10px;}
.data-label { opacity: 0.8; font-weight: 500; font-size: 14px; text-transform: uppercase;}
.data-value-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; flex: 1; }
.data-value { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 18px; text-align: right; }

/* Small Copy Buttons */
.btn-copy-sm { background: transparent; color: #93C5FD; border: 2px solid #93C5FD; padding: 4px 8px; font-size: 12px; font-weight: 800; font-family: 'Space Grotesk', sans-serif; cursor: pointer; transition: 0.2s; border-radius: 4px; }
.btn-copy-sm:hover { background: #93C5FD; color: var(--text-dark); }
.btn-copy-sm.success { background: #93C5FD; color: var(--text-dark); border-color: #93C5FD; }

.qr-payment-flex { display: flex; gap: 20px; align-items: center; margin-top: 20px; background: rgba(255,255,255,0.05); padding: 15px; border-radius: 8px; flex-wrap: wrap;}
.qr-payment-flex img { border: 2px solid var(--white); border-radius: 8px; max-width: 120px; height: auto; background: #fff; }

.iban-box { background: var(--white); color: var(--text-dark); padding: 20px; margin-top: 20px; border-radius: 8px; }
.iban-text { font-family: 'Space Grotesk', sans-serif; font-size: clamp(18px, 4vw, 24px); font-weight: 800; word-break: break-all; margin-bottom: 15px; display: block; color: var(--action-blue); }

.btn-tactical { display: inline-block; width: 100%; text-align: center; background: var(--action-blue); color: var(--white); border: var(--border-thick); padding: 15px 20px; font-size: 16px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.2s; box-shadow: 4px 4px 0px var(--text-dark); }
.btn-tactical:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0px var(--text-dark); }

.alert-box { background: var(--alert-orange); color: var(--white); padding: 15px; border: var(--border-thick); margin-top: 20px; }

/* Accordion */
details { background: var(--bg-color); border: 2px solid var(--text-dark); margin-bottom: 10px; }
summary { padding: 15px; font-weight: 800; cursor: pointer; user-select: none; display: flex; justify-content: space-between; }
summary::-webkit-details-marker { display: none; }
details[open] summary { border-bottom: 2px solid var(--text-dark); background: #E4E4E7; }
details p, details ul { padding: 15px; font-size: 14px; font-weight: 500; }
ul.check-list { list-style: none; padding-left: 15px; }
ul.check-list li { margin-bottom: 8px; }
ul.check-list li::before { content: '→ '; font-weight: bold; color: var(--alert-orange); }

/* Contacts Sidebar */
.contact-list { list-style: none; }
.contact-list li { padding: 12px 0; border-bottom: 1px solid #E4E4E7; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.contact-list strong { font-family: 'Space Grotesk', sans-serif; }
.pill { display: inline-block; border: 2px solid var(--text-dark); padding: 8px 16px; font-weight: 700; text-decoration: none; margin-top: 10px; transition: 0.2s; font-size: 14px; }
.pill:hover { background: var(--text-dark); color: var(--white); }

footer { text-align: center; margin-top: 60px; padding-top: 20px; border-top: 2px solid #E4E4E7; font-weight: 500; font-size: 14px; }


/* ==========================================================================
   Доповнення теми debt-pv (усе вище — стилі статичної сторінки без змін).
   Меню в шапці, внутрішні сторінки, статті, стрічка, 404.
   ========================================================================== */

.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Шапка: посилання на головну з внутрішніх сторінок і меню (якщо призначене) */
.header-logo a { text-decoration: none; }
.header-nav { flex-basis: 100%; margin-top: 15px; }
.header-nav ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.header-nav a { font-size: 14px; font-weight: 800; text-transform: uppercase; text-decoration: none; }
.header-nav .current-menu-item > a { color: var(--action-blue); }

/* Довгий текст: вужча колонка, відступи, які глобальний скид * { margin: 0 } прибрав */
.entry, .entry-list > .entry-title, .pagination { max-width: 800px; margin-left: auto; margin-right: auto; }
.entry-title { font-size: clamp(26px, 4.5vw, 44px); font-weight: 900; line-height: 1.1; text-transform: uppercase; letter-spacing: -0.5px; margin-bottom: 20px; overflow-wrap: break-word; }
.entry-meta { font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 20px; }
.entry-thumb { margin-bottom: 20px; }
.entry-thumb img, .entry-content img { max-width: 100%; height: auto; }
.entry-content { font-size: 17px; font-weight: 500; overflow-wrap: break-word; }
.entry-content p, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content table, .entry-content figure { margin-bottom: 1.2em; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content li { margin-bottom: 0.4em; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 1.6em; line-height: 1.2; }
.entry-content blockquote { border-left: 6px solid var(--action-blue); background: var(--bg-color); padding: 12px 20px; }
.entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.entry-content th, .entry-content td { border: 2px solid var(--text-dark); padding: 8px 10px; text-align: left; }
.entry-content > :last-child { margin-bottom: 0; }

/* Стрічка статей */
.entry h2 a { text-decoration: none; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 10px; font-family: 'Space Grotesk', sans-serif; font-weight: 700; }
.pagination .page-numbers { border: 2px solid var(--text-dark); padding: 6px 12px; text-decoration: none; }
.pagination .page-numbers.current { background: var(--text-dark); color: var(--white); }

/* Responsive refinement, shared with the public CRM form. */
:root { --bg-color:#f3f6fa; --text-dark:#15243a; --border-thick:1px solid #dce3ed; }
body { padding:24px; }
.container { max-width:1120px; }
.header { gap:16px; padding:16px 0 26px; margin-bottom:48px; }
.header-logo { font-size:clamp(17px,2vw,21px); line-height:1.5; }
.header-status { margin:0; padding:8px 14px; border-radius:8px; }
.hero-title { font-size:clamp(32px,5.2vw,62px); line-height:1.1; letter-spacing:-1.5px; max-width:1050px; text-wrap:balance; }
.hero-subtitle { color:#43536a; line-height:1.8; max-width:780px; margin-bottom:36px; }
.grid-main { gap:24px; align-items:start; }
.grid-main > * { min-width:0; }
.card { padding:28px; border-radius:16px; box-shadow:0 8px 28px rgba(21,36,58,.05); margin-bottom:24px; }
.card h2,.card h3 { font-size:19px; line-height:1.45; font-weight:800; text-transform:none; padding-bottom:16px; margin-bottom:16px; }
.action-station { background:#15243a; border-color:#15243a; }
.data-row { gap:8px 16px; padding:14px 0; }
.data-value-group { min-width:0; }
.data-value { font-size:16px; overflow-wrap:anywhere; }
.data-label { font-size:12px; letter-spacing:.035em; }
.btn-copy-sm { min-height:44px; padding:8px 12px; border-width:1px; border-radius:7px; }
.qr-payment-flex { flex-wrap:nowrap; gap:18px; padding:18px; border-radius:10px; }
.qr-payment-flex img { flex:0 0 auto; }
.qr-payment-flex > div { min-width:0; }
.iban-box { padding:20px; border-radius:10px; }
.iban-text { font-size:clamp(17px,2.1vw,23px); letter-spacing:.02em; }
.btn-tactical { border:0; border-radius:8px; box-shadow:none; min-height:48px; font-size:14px; }
.btn-tactical:hover { transform:none; background:#173eac; box-shadow:none; }
.alert-box { border:0; border-radius:10px; padding:18px; }
details { border:1px solid #dce3ed; border-radius:9px; overflow:hidden; background:#f8fafc; }
summary { gap:12px; align-items:center; font-size:14px; min-height:56px; }
summary span { flex-shrink:0; transition:transform .15s; }
details[open] summary { border-bottom:1px solid #dce3ed; background:#edf2f8; }
details[open] summary span { transform:rotate(45deg); }
.contact-list li { padding:14px 0; gap:6px 16px; }
.contact-list strong { overflow-wrap:anywhere; font-size:15px; }
.contact-list a { text-underline-offset:4px; }
.pill { min-height:44px; padding:10px 18px; border-radius:8px; border-width:1px; }
.pill:hover { background:#eeeafa; }
#contact-form { margin-top:12px !important; }
#contact-form > p { color:#43536a; max-width:760px; margin-bottom:24px; }
#contact-form .pvc-form-public { max-width:none; padding:0; border:0; margin:0; border-radius:0; }
#contact-form .pvc-form-public__title { display:none; }
#contact-form input,#contact-form select,#contact-form textarea { border-color:#bcc8d8; border-radius:8px; padding:12px; min-height:48px; font:inherit; font-size:16px; }
#contact-form input[type=checkbox] { min-height:20px; min-width:20px; padding:0; }
#contact-form .pvc-form-public__submit { min-height:48px; padding:12px 24px; border-radius:8px; }
.container > footer { color:#536176; line-height:1.8; margin-top:36px; padding:24px 0 72px; }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #2563eb; outline-offset:4px; }
.action-station :focus-visible { outline-color:#bfdbfe; }
.pvc-chat { font-family:'Montserrat',sans-serif; }
.pvc-chat__panel { max-height:calc(100dvh - 100px); visibility:hidden; }
.pvc-chat.is-open .pvc-chat__panel { visibility:visible; }
.pvc-chat .pvc-chat__close { min-width:44px; min-height:44px; }
@media (min-width:900px) { .grid-main { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); } }
@media (max-width:899px) { .grid-main { grid-template-columns:minmax(0,1fr); } }
@media (max-width:599px) {
 body { padding:16px; }
 .header { padding:8px 0 20px; margin-bottom:30px; gap:12px; }
 .header-status { font-size:12px; }
 .hero-title { letter-spacing:-1px; }
 .hero-subtitle { font-size:16px; margin-bottom:28px; }
 .card { padding:20px; border-radius:12px; margin-bottom:20px; }
 .card h2,.card h3 { font-size:18px; }
 .grid-main { gap:0; }
 .data-row { align-items:flex-start; }
 .data-value-group { flex-basis:100%; justify-content:space-between; }
 .data-value { text-align:left; }
 .qr-payment-flex { padding:12px; gap:12px; flex-wrap:wrap; }
 .iban-box { padding:14px; }
 .btn-tactical { padding:14px 10px; font-size:12px; }
 #contact-form { margin-top:0 !important; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }