/* Дизайн-система «Досье» — общий модуль (токены, шрифты, базовые компоненты).
   Источник компонентов — «материальная» версия (радиальные градиенты в плитах,
   двойные тени-«губа» на .pill/.hd__cta) из article-v11-dosie.html: это доминирующая
   версия базовых классов — 7 из 9 макетов (блог + 6 подстраниц v11) её используют,
   только у обеих версий главной (v9-material/v12) плоские .plate--navy/.pill без
   градиентов/теней — у неё будет свой page-glavnaya.css с переопределениями на шаге 9-10.
   Подключается ВСЕГДА вместе с одним из page-*.css — сам по себе не содержит уникальной вёрстки страниц. */

:root{--navy:#172A55;--navy2:#1C2A4D;--gold:#AFA08C;--gold-l:#CFBDA6;--gold-d:#9E917F;
 --paper:#F8F8F8;--warm:#F4F2ED;--ink:#1C2A4D;--body:#3D4353;--mut:#7A8090;--line:#E3E5EB;
 --r:28px;--ease:cubic-bezier(.16,1,.3,1)}

@font-face{font-family:'Unbounded';font-weight:900;font-display:swap;
 unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
 src:url('../fonts/unbounded-900-cyrillic.woff2') format('woff2')}
@font-face{font-family:'Unbounded';font-weight:900;font-display:swap;
 unicode-range:U+0000-00FF,U+2000-206F,U+20BD;
 src:url('../fonts/unbounded-900-latin.woff2') format('woff2')}

.dosie *{margin:0;padding:0;box-sizing:border-box}
.dosie{background:var(--warm);color:var(--ink);font-family:'Gilroy',system-ui,sans-serif;
 -webkit-font-smoothing:antialiased}
.dosie img{max-width:100%}
.dosie a{color:inherit}
.dosie .disp{font-family:'Unbounded','Inter',sans-serif;font-weight:900}
.dosie .mono{font-family:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace}
.dosie .wrap{max-width:1220px;margin:0 auto;padding:0 34px} /* 1220 во ВСЕХ макетах; 1420 — только плиты/бар/футер («колонна») — гоча 2026-07-17, кейсы/блог прилипали к краям */
.dosie .note{background:var(--navy);color:rgba(255,255,255,.55);text-align:center;font-size:12.5px;padding:14px 20px}

/* ---- плиты («колонна»: не до краёв экрана, единая ширина с баром/футером) ---- */
.dosie .plate{border-radius:var(--r);margin:14px;overflow:clip;position:relative;
 max-width:1420px;margin-left:auto;margin-right:auto}
.dosie .plate--navy{background:radial-gradient(90% 60% at 70% 0%,rgba(207,189,166,.10),transparent 55%),
 radial-gradient(circle at 18% 85%,rgba(255,255,255,.05),transparent 45%),var(--navy);color:#fff}
.dosie .plate--navy2{background:var(--navy2);color:#fff}
.dosie .plate--white{background:#fff}
.dosie .plate--paper{background:var(--paper);border:1px solid rgba(23,42,85,.05);box-shadow:0 18px 44px rgba(23,42,85,.07)}
.dosie .plate--warm{background:transparent}
.dosie .plate--gold{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.26),transparent 55%),var(--gold);color:var(--navy)}
.dosie .sec{padding-top:64px;padding-bottom:76px} /* НЕ шорткат: padding:64px 0 76px обнулял бока .wrap на том же элементе (.wrap.sec) — секции прилипали к краю (аудит 2026-07-17) */
.dosie .kick{display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;
 font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.dosie .kick::before{content:"";width:26px;height:2px;background:var(--gold);flex:0 0 auto}
.dosie .plate--navy .kick,.dosie .plate--navy2 .kick{color:var(--gold-l)}
.dosie .plate--white .kick,.dosie .plate--paper .kick,.dosie .plate--warm .kick{color:var(--gold-d)}
.dosie h1.disp{font-size:clamp(32px,4.4vw,58px);line-height:1.06;letter-spacing:-.01em;margin-bottom:16px;text-wrap:balance}
.dosie h1 .g{color:var(--gold-l)}
.dosie h2.disp{font-size:clamp(26px,3.2vw,42px);line-height:1.06;letter-spacing:-.01em;margin-bottom:16px;text-wrap:balance}
.dosie .sub{font-size:17.5px;line-height:1.6;color:var(--body);max-width:58ch}
.dosie .plate--navy .sub,.dosie .plate--navy2 .sub{color:rgba(255,255,255,.72)}

/* ---- шапка-капсула ---- */
.dosie .hd{position:sticky;top:14px;z-index:90;margin:14px 14px 0}
/* фон почти непрозрачный (.985, было .92): сквозь полупрозрачную шапку просвечивал
   радиальный градиент hero-плиты (светлое пятно на 70% 0%) — правая половина капсулы
   казалась светлее + виден вертикальный «шов» по центру (юзер поймал 2026-07-17).
   Плотный фон убирает просвет, блюр-стеклянность остаётся. */
.dosie .hd__in{max-width:1420px;margin:0 auto;background:rgba(23,42,85,.985);backdrop-filter:blur(12px);
 border-radius:999px;display:flex;align-items:center;gap:26px;padding:12px 14px 12px 26px;
 box-shadow:0 12px 28px rgba(11,25,59,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.dosie .hd__logo img{height:30px;display:block}
/* nav-обёртка вокруг wp_nav_menu — прижимает меню+кнопку вправо, как в макете
   (лого слева — остальное справа). margin-left:auto на самом .hd__menu не работает:
   ul лежит внутри <nav>, а flex-item капсулы — именно nav (гоча, юзер поймал 2026-07-17). */
.dosie .hd__in > nav{margin-left:auto}
.dosie .hd__menu{display:flex;gap:22px;list-style:none}
.dosie .hd__menu a{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.72);text-decoration:none;transition:color .2s}
.dosie .hd__menu a:hover{color:#fff}
.dosie .hd__menu .current-menu-item a{color:#fff}
.dosie .hd__cta{background:var(--gold-l);color:var(--navy);font-size:14px;font-weight:700;padding:12px 22px;
 border-radius:999px;text-decoration:none;white-space:nowrap;border:none;cursor:pointer;
 transition:transform .2s var(--ease);box-shadow:0 3px 0 var(--gold-d)}
.dosie .hd__cta:hover{transform:scale(.95)}
.dosie .hd__burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;
 border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;cursor:pointer;flex:0 0 auto}
.dosie .hd__burger svg{width:16px;height:16px}
@media(max-width:991px){
 .dosie .hd__menu{display:none}
 .dosie .hd__burger{display:flex}
}

/* ---- CTA-пилюля (двойная тень-«губа» — приём материальности) ---- */
.dosie .pill{display:inline-flex;align-items:center;background:var(--navy);color:#fff;font-size:16.5px;
 font-weight:700;padding:18px 38px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;
 transition:transform .2s var(--ease);box-shadow:0 5px 0 #0E1B3C,0 16px 30px rgba(14,27,60,.35)}
.dosie .pill:hover{transform:scale(.96)}
.dosie .pill:active{transform:translateY(4px) scale(.98);box-shadow:0 1px 0 #0E1B3C}

/* ---- заголовок-«обложка» подстраницы (.ph — используется в статье/юр/кейсах/обо-мне/контактах/услугах) ---- */
.dosie .ph{padding-top:64px;padding-bottom:52px} /* НЕ шорткат — бока даёт .wrap */
.dosie .ph__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:rgba(255,255,255,.65)}
.dosie .ph__meta img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.dosie .ph__tag{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
 color:var(--navy);background:var(--gold-l);border-radius:999px;padding:6px 14px}

/* ---- финальный CTA-блок (.fin — конец подстраницы) ---- */
.dosie .fin{text-align:center;padding-top:76px;padding-bottom:76px} /* НЕ шорткат — бока даёт .wrap */
.dosie .fin h2{color:var(--navy)}
.dosie .fin p{color:rgba(23,42,85,.75);font-size:16px;max-width:52ch;margin:0 auto 30px;line-height:1.6}

/* ---- prose (контент статьи/юр-текста — the_content()) ---- */
.dosie .prose{max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.75;color:var(--body)}
.dosie .prose h2{font-family:'Inter',sans-serif;font-weight:800;font-size:26px;line-height:1.25;color:var(--navy);
 letter-spacing:-.01em;margin:44px 0 16px}
.dosie .prose h3{font-family:'Inter',sans-serif;font-weight:800;font-size:19.5px;color:var(--navy);margin:32px 0 12px}
.dosie .prose p{margin:0 0 18px}
.dosie .prose ul,.dosie .prose ol{margin:0 0 20px;padding-left:24px}
.dosie .prose li{margin-bottom:8px}
.dosie .prose li::marker{color:var(--gold-d);font-weight:700}
.dosie .prose a{color:var(--navy);text-decoration-color:var(--gold)}
.dosie .prose strong,.dosie .prose b{color:var(--navy)}
/* Внутри тёмных inline-плашек контента (background тёмный + color:#fff в style)
   strong обязан наследовать белый, иначе navy-цифры невидимы на тёмном
   (юзер поймал «1 500 000 ₽ до 7 500 000 ₽» на «Обо мне», 2026-07-17). */
.dosie .prose [style*="color:#fff"] strong,.dosie .prose [style*="color: #fff"] strong,
.dosie .prose [style*="color:#fff"] b,.dosie .prose [style*="color: #fff"] b{color:inherit}
.dosie .prose img{border-radius:14px;margin:10px 0 22px;box-shadow:0 3px 0 var(--line),0 18px 36px rgba(23,42,85,.12)}
.dosie .prose figure{margin:10px 0 22px}
.dosie .prose figcaption{font-size:12.5px;color:var(--mut);margin-top:8px}
.dosie .prose blockquote{border-left:2px solid var(--gold-l);padding:2px 0 2px 22px;margin:0 0 20px;color:var(--navy);font-weight:600}
.dosie .prose table{width:100%;border-collapse:collapse;margin:6px 0 26px;font-size:14px;background:#fff;border-radius:12px;
 overflow:hidden;box-shadow:0 3px 0 var(--line),0 12px 26px rgba(23,42,85,.07)}
.dosie .prose th{background:var(--navy);color:#fff;text-align:left;padding:11px 14px;font-family:'Inter',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.03em}
.dosie .prose td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top}
.dosie .prose tr:nth-child(even) td{background:#FBFAF7}
.dosie .prose .tblwrap{position:relative;overflow-x:auto;margin:6px 0 26px;-webkit-overflow-scrolling:touch}
.dosie .prose .tblwrap>table{margin:0}
.dosie .prose .tblwrap::before,.dosie .prose .tblwrap::after{content:"";position:absolute;top:0;bottom:0;width:34px;pointer-events:none;opacity:0;transition:opacity .2s var(--ease);z-index:1}
.dosie .prose .tblwrap::before{left:0;background:linear-gradient(90deg,rgba(23,42,85,.13),rgba(23,42,85,0))}
.dosie .prose .tblwrap::after{right:0;background:linear-gradient(270deg,rgba(23,42,85,.13),rgba(23,42,85,0))}
.dosie .prose .tblwrap.is-l::before{opacity:1}
.dosie .prose .tblwrap.is-r::after{opacity:1}
.dosie .prose details{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:0 0 12px}
.dosie .prose details summary{cursor:pointer;font-weight:700;color:var(--navy)}
.dosie .prose details p{margin-top:12px;margin-bottom:0}
@media(max-width:600px){
 .dosie .prose{font-size:15.5px}
 .dosie .prose table{font-size:13px}
}

/* ---- футер-плашка ---- */
.dosie .foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:26px 40px 34px;
 font-size:12.5px;color:var(--mut)}

/* ---- пересобранный подвал (footer-dosie.php) — новые классы, не было в макетах ---- */
.dosie .ft__menu{list-style:none;display:flex;flex-direction:column;gap:10px}
.dosie .ft__menu a{font-size:14px;color:rgba(255,255,255,.72);text-decoration:none;transition:color .2s}
.dosie .ft__menu a:hover{color:#fff}
.dosie .ft__contacts a{display:block;font-size:14px;color:rgba(255,255,255,.72);text-decoration:none;margin-bottom:8px}
.dosie .ft__contacts a:hover{color:#fff}
.dosie .ft__logo img{height:26px;display:block}
.dosie .ft__social{display:flex;gap:14px}
.dosie .ft__social img{height:22px;display:block;transition:transform .2s var(--ease)}
.dosie .ft__social a:hover img{transform:scale(.9)}
.dosie .ft__legal{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 4px;display:flex;
 flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.dosie .ft__legal-menu{list-style:none;display:flex;flex-wrap:wrap;gap:18px}
.dosie .ft__legal-menu a{font-size:12px;color:rgba(255,255,255,.5);text-decoration:none}
.dosie .ft__legal-menu a:hover{color:rgba(255,255,255,.8)}
.dosie .ft__copy{font-size:12px;color:rgba(255,255,255,.5)}
@media(max-width:768px){
 footer.plate.plate--navy .sec[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:600px){
 footer.plate.plate--navy .sec[style*="grid-template-columns"]{grid-template-columns:1fr !important}
 .dosie .ft__legal{flex-direction:column;align-items:flex-start}
}

/* ---- «Станем друзьями?» (book-promo-dosie.php) — новый блок, не было в макетах ---- */
.dosie .bp__cover img{border-radius:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.5)}
@media(max-width:768px){
 section.plate.plate--navy2 .sec[style*="grid-template-columns"]{grid-template-columns:1fr !important;text-align:center}
 .dosie .bp__cover{max-width:200px;margin:0 auto}
}

/* ---- подписка на рассылку (newsletter-dosie.php) — новый блок, не было в макетах ---- */
.dosie .nl__channels{display:flex;gap:12px}
.dosie .nl__ch{width:120px;height:120px;border-radius:20px;border:1.5px solid var(--line);background:#fff;
 display:flex;align-items:center;justify-content:center;color:var(--navy);cursor:pointer;
 transition:transform .2s var(--ease),border-color .2s,color .2s}
.dosie .nl__ch svg,.dosie .nl__ch img{width:64px;height:auto}
.dosie .nl__ch:hover{transform:scale(.94)}
.dosie .nl__ch--tg:hover{border-color:#2AABEE;color:#2AABEE}
.dosie .nl__ch--vk:hover{border-color:#0077FF;color:#0077FF}
.dosie .nl__ch--max:hover{border-color:var(--gold)}
.dosie .nl__ch--mail:hover{border-color:var(--gold);color:var(--gold-d)}
@media(max-width:600px){
 section.plate.plate--paper .sec{flex-direction:column;align-items:flex-start;text-align:left}
 .dosie .nl__channels{width:100%;justify-content:space-between}
 .dosie .nl__ch{flex:1;height:88px}
 .dosie .nl__ch svg,.dosie .nl__ch img{width:44px}
}

/* ---- оверлеи попапов: сайт ВИДЕН позади (затемнение + блюр), не сплошной экран (запрос юзера 2026-07-17) ---- */
.dosie .overlay{background:rgba(23,42,85,.45) !important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}

/* ---- внутренний скролл попапов (2026-07-17): раньше плита лежала в position:fixed-обёртке
   и выпадала из потока — overflow-y-scroll на .cf-popup двигать было нечего, крутился сайт позади.
   Теперь в разметке fixed с обёртки снят (inc/*-popup.php), плита — блок в потоке .cf-popup.
   .cf-popup сам прокручивается; overscroll-behavior:contain не даёт прокрутке протечь на body;
   align-items:flex-start вместо center — иначе flex обрезает верх длинной формы (margin:auto на
   плите центрирует короткую форму сам). Body scroll-lock — в js/main.js (data-scroll-locked). */
.cf-popup,.email-subscribe-popup{overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-items:flex-start !important}
/* воздух сверху/снизу, чтобы длинная форма не упиралась в края экрана при прокрутке */
.email-subscribe-popup>[x-show]:not(.overlay){margin-top:auto;margin-bottom:auto}
body[data-scroll-locked]{position:fixed;left:0;right:0;width:100%;overflow:hidden}
/* .cf-popup несёт класс .dosie (для шрифтов/токенов ДС), но базовое правило .dosie{background:var(--warm)}
   красит весь fixed-контейнер попапа (w-full h-full) сплошным непрозрачным цветом ПОВЕРХ .overlay —
   из-за этого блюр-оверлей выше был физически невидим (баг найден 2026-07-17 при Playwright-проверке).
   Снимаем фон только с самого попап-контейнера, .overlay внутри остаётся полупрозрачным. */
.cf-popup.dosie{background:transparent}

/* ---- модалка формы заявки (inc/contact-form-popup.php) — глобальная, не привязана к одной странице ---- */
.cf-popup .cf-dosie{position:relative;max-width:640px;margin:96px auto !important;padding:44px 44px 40px;border-radius:var(--r)}
.cf-dosie__close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;
 border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;
 transition:background .2s}
.cf-dosie__close:hover{background:rgba(23,42,85,.06)}
.cf-dosie__title{font-size:clamp(22px,2.4vw,28px);color:var(--navy);margin-bottom:10px}
.cf-dosie__sub{margin-bottom:26px}
.cf-dosie__form input[type=text],.cf-dosie__form input[type=email],.cf-dosie__form input[type=tel],
.cf-dosie__form textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;
 font-family:'Gilroy',system-ui,sans-serif;font-size:15px;margin-bottom:18px;background:#fff;transition:border-color .2s}
.cf-dosie__form input:focus,.cf-dosie__form textarea:focus{outline:none;border-color:var(--gold)}
/* больше воздуха в блоке бюджета (юзер 2026-07-17): ритм 32/14/16 был слишком плотный —
   заголовок «средний бюджет», поле «50000 руб.», бегунок #budget и подписи слипались.
   Разводим поле от бегунка (18px) и бегунок от подписей диапазона (.mt-4 → 22px). */
.cf-dosie__form .budget-number{margin-bottom:22px !important}
.cf-dosie__form #budget{margin-top:6px}
.cf-dosie__form #budget + *,.cf-dosie__form .mt-4{margin-top:22px !important}
/* ГОЧА предсобранной темы (gotcha_theme_prebuilt_no_new_tailwind): классы .mb-14/.mb-8 в
   разметке формы НЕ собраны в purge-бандл → фактический margin=0 (замер в браузере: зазор
   радио-группа → заголовок «средний бюджет» = 0px, всё слиплось). Задаём отступы своим CSS
   по структуре формы, не полагаясь на Tailwind-классы (юзер 2026-07-17): */
.cf-dosie__form .radios{margin-bottom:32px}          /* радио-группа → следующий блок (бюджет) */
.cf-dosie__form .radios p.mb-8,
.cf-dosie__form .mb-14 > p.mb-8{margin-bottom:16px}  /* заголовок группы → первый вариант/поле */
.cf-dosie__form .mb-14{margin-bottom:32px}           /* блок бюджета → textarea «Ссылки» */
.cf-dosie__form .space-y-4 > .flex{margin-bottom:12px} /* воздух между вариантами радио */
.cf-dosie__form button[type=submit],.cf-dosie__form input[type=submit]{background:var(--gold-l);color:var(--navy);
 font-weight:700;border:none;border-radius:999px;padding:16px 34px;cursor:pointer;transition:transform .2s var(--ease)}
.cf-dosie__form button[type=submit]:hover,.cf-dosie__form input[type=submit]:hover{transform:scale(.96)}
@media(max-width:600px){
 .cf-popup .cf-dosie{margin:24px 16px !important;padding:32px 22px 28px;max-width:none}
}

/* ---- попап «Станем друзьями» (inc/subscribe-popup.php) — ДС-передизайн 2026-07-17 ---- */
.cf-popup .sp-dosie{position:relative;max-width:560px !important;margin:120px auto !important;padding:40px 40px 36px;border-radius:var(--r)}
/* max-width тоже под !important: .dosie .plate{max-width:1420px} (2 класса) перебивал одиночный .sp-dosie —
   попап растягивался на всю колонну и выглядел «белым экраном» (3-е срабатывание той же гочи, 2026-07-17) */
.sp-dosie__close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;
 border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.sp-dosie__close:hover{background:rgba(23,42,85,.06)}
.sp-dosie__title{font-size:clamp(22px,2.4vw,28px);color:var(--navy);margin-bottom:10px}
.sp-dosie__sub{margin-bottom:26px}
.sp-dosie .nl__channels{justify-content:center;gap:14px}
.sp-dosie .nl__ch{width:100px;height:100px}
@media(max-width:600px){
 .cf-popup .sp-dosie{margin:24px 16px !important;padding:32px 22px 28px;max-width:none}
 .sp-dosie .nl__ch{width:auto;flex:1;height:80px}
}

/* ---- reveal-анимация при скролле ---- */
.dosie .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.dosie .rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
 .dosie{scroll-behavior:auto}
 .dosie .rv{opacity:1;transform:none;transition:none}
 .dosie .pill:active{transform:none}
}

@media(max-width:600px){
 .dosie .wrap{padding:0 20px}
 .dosie .sec{padding-top:56px;padding-bottom:60px}
}

/* ---- страница поиска (search.php, ДС 2026-07-17) ---- */
.dosie .pill--gold{background:var(--gold-l);color:var(--navy);box-shadow:0 5px 0 var(--gold-d),0 16px 30px rgba(175,160,140,.35)}
.dosie .pill--gold:active{box-shadow:0 1px 0 var(--gold-d)}
/* ghost-кнопка на СВЕТЛОМ фоне пустой выдачи — тёмная (белый текст был не виден) */
.dosie .search-empty .pill--ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy);box-shadow:none}
.dosie .search-empty .pill--ghost:hover{background:var(--navy);color:#fff}
/* форма поиска в navy-hero */
.dosie .search-dosie{display:flex;gap:10px;width:100%;max-width:560px}
.dosie .search-dosie input[type=search]{flex:1;border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
 border-radius:999px;padding:14px 22px;color:#fff;font-family:'Gilroy',system-ui,sans-serif;font-size:15px;transition:border-color .2s}
.dosie .search-dosie input[type=search]::placeholder{color:rgba(255,255,255,.5)}
.dosie .search-dosie input[type=search]:focus{outline:none;border-color:var(--gold)}
.dosie .search-dosie button{background:var(--gold-l);color:var(--navy);font-weight:700;font-size:14px;border:none;
 border-radius:999px;padding:14px 26px;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease)}
.dosie .search-dosie button:hover{transform:scale(.95)}
/* пустая выдача */
.dosie .search-empty{text-align:center;padding:20px 0 8px}
.dosie .search-empty p{font-size:17px;color:var(--navy);margin-bottom:26px}
.dosie .search-empty__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* пагинация выдачи */
.dosie .pagination{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.dosie .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
 padding:0 14px;border-radius:12px;border:1.5px solid var(--line);color:var(--navy);text-decoration:none;font-weight:600;transition:.2s}
.dosie .pagination .page-numbers:hover{border-color:var(--gold)}
.dosie .pagination .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(max-width:600px){
 .dosie .search-dosie{flex-wrap:wrap}
 .dosie .search-empty__btns .pill{width:100%;justify-content:center}
}