/* Сгенерировано tools/build_modern.py из tools/modern.src.css. Не править вручную. */
/* Новый вид сайта («modern»). Исходник: tools/modern.src.css, собирается python3 tools/build_modern.py в web/assets/modern.css.
   «html[data-ui="modern"]» в начале селектора заменяется на html[data-ui="modern"]; цвета фона, паттерны и тёмные темы берутся из выбора человека (theme.js). */

/* общее для обоих видов */
.ei{display:inline}
.ec{display:none}
.eis{display:inline-block;vertical-align:-.2em;flex:none}
.cve .eis,.te .eis,.sticker .e .eis{width:1em;height:1em}
.cve,.sticker .e{color:#B8286A}
.sticker .e .eis{stroke-width:2}
html[data-ui="modern"] .te{color:var(--m-acc-text)}
a.sticker{text-decoration:none;color:var(--ink);cursor:pointer}
.tabbar .tl{display:none}
.chev{display:none}
.homesearch{display:none}
.uiswitch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.uiswitch .uil{font-weight:800;font-size:13px;color:var(--ink-soft)}

/* ---------- краски нового вида ---------- */
html[data-ui="modern"]{
  --r-lg:22px;--r-md:16px;--r-sm:12px;
  --font-d:"Plus Jakarta Sans","Noto Sans Armenian",system-ui,sans-serif;
  --font-b:"Plus Jakarta Sans","Noto Sans Armenian",system-ui,sans-serif;
  --m-card:#fff;--m-bd:rgba(40,28,80,.09);--m-sh:0 10px 28px -20px rgba(70,40,130,.55);
  --m-chip:#F3EEFF;--m-field:#F6F2FF;--m-field2:#EDE6FF;
  --m-acc:#FF7FAA;--m-acc2:#FFB6D0;--m-acc-ink:#2A1740;--m-acc-text:#D93A74;--m-acc-bg:rgba(255,92,138,.12);
  --m-nav:rgba(255,255,255,.88);--m-dim:rgba(40,28,80,.05);
  --line:var(--m-bd);--shadow:var(--m-sh);--shadow-lift:0 16px 34px -20px rgba(70,40,130,.6);
}
html[data-ui="modern"][data-dark]{
  --m-card:#2A2438;--m-card:color-mix(in srgb,var(--bgc,#1E1A2B) 86%,#fff 14%);
  --card:var(--m-card);
  --m-bd:rgba(255,255,255,.10);--m-sh:0 14px 34px -24px rgba(0,0,0,.8);
  --m-chip:rgba(255,255,255,.09);--m-field:rgba(255,255,255,.07);--m-field2:rgba(255,255,255,.12);
  --m-acc-text:#FF9CC0;--m-acc-bg:rgba(255,127,170,.16);
  --m-nav:rgba(30,26,43,.9);--m-nav:color-mix(in srgb,var(--bgc,#1E1A2B) 90%,transparent);
  --m-dim:rgba(255,255,255,.06);--lilac:rgba(255,255,255,.1);--paper:var(--bgc,#1E1A2B);
}

html[data-ui="modern"] h1,html[data-ui="modern"] h2,html[data-ui="modern"] h3,html[data-ui="modern"] h4,html[data-ui="modern"] .d{font-weight:700;letter-spacing:-.01em}
html[data-ui="modern"] h1{font-size:clamp(28px,5vw,46px);line-height:1.08}

/* ---------- шапка ---------- */
html[data-ui="modern"] .topbar{background:var(--m-nav);border-bottom:1px solid var(--m-bd);backdrop-filter:blur(16px)}
html[data-ui="modern"][data-dark] .topbar{background:var(--m-nav)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .brand .paw{border-radius:14px;background:linear-gradient(140deg,#FF6FA0,#FFB05C);box-shadow:0 8px 18px -10px rgba(255,92,138,.9)}
html[data-ui="modern"] .brand b{font-size:0;line-height:0}
html[data-ui="modern"] .brand b::after{content:"petty.am";font-size:21px;line-height:1;font-weight:800;letter-spacing:-.02em}
html[data-ui="modern"] .nav a{font-weight:700;color:var(--ink-soft);padding:8px 10px;font-size:13.5px}
html[data-ui="modern"] .nav a:hover{background:var(--m-chip);color:var(--ink)}
html[data-ui="modern"] .nav a.on{background:var(--m-acc-bg);color:var(--m-acc-text)}
html[data-ui="modern"][data-dark] .nav a.on{background:var(--m-acc-bg)!important;color:var(--m-acc-text)!important}
html[data-ui="modern"] .langs,html[data-ui="modern"] .me,html[data-ui="modern"] .burger,html[data-ui="modern"] .bellbtn{background:var(--m-card);border:1px solid var(--m-bd);box-shadow:none}
html[data-ui="modern"][data-dark] .langs,html[data-ui="modern"][data-dark] .me,html[data-ui="modern"][data-dark] .burger,html[data-ui="modern"][data-dark] .bellbtn{background:var(--m-card)!important;border:1px solid var(--m-bd)!important;color:var(--ink)!important}
html[data-ui="modern"] .langs button.on{background:var(--m-acc);color:var(--m-acc-ink)}
html[data-ui="modern"][data-dark] .langs button.on{background:var(--m-acc)!important;color:var(--m-acc-ink)!important}
html[data-ui="modern"] .burger,html[data-ui="modern"] .bellbtn{border-radius:14px}
html[data-ui="modern"] .instpill{border-radius:14px}

/* ---------- кнопки ---------- */
html[data-ui="modern"]{--m-solid:var(--m-card);--m-edge:linear-gradient(135deg,#FF5C9A,#FFA24C);--m-edge-cool:linear-gradient(135deg,#3FD7A8,#6FC3FF);--m-edge-blue:linear-gradient(135deg,#6FC3FF,#9B7BFF)}
/* кнопка: заливка спокойная, градиент только по краю (два слоя фона: заливка внутри, градиент под рамкой) */
html[data-ui="modern"] .btn{--fill:var(--m-solid);--edge:var(--m-edge);background:linear-gradient(var(--fill),var(--fill)) padding-box,var(--edge) border-box;border:1.5px solid transparent;color:var(--ink);box-shadow:none;font-weight:800}
html[data-ui="modern"] .btn:hover{box-shadow:0 8px 20px -14px rgba(255,92,138,.9)}
html[data-ui="modern"][data-dark]{--m-solid:#3A3350}
@supports (color:color-mix(in srgb,red,blue)){
  html[data-ui="modern"][data-dark]{--m-solid:color-mix(in srgb,var(--m-card) 78%,#fff 22%)}
}
html[data-ui="modern"][data-dark] .btn:not(.ghost){--fill:var(--m-solid);background:linear-gradient(var(--fill),var(--fill)) padding-box,var(--edge) border-box!important;color:var(--ink)!important;border:1.5px solid transparent!important}
/* ключевые кнопки: рамка толще, мягкое свечение по контуру */
html[data-ui="modern"] .btn.cta{border-width:2.5px;box-shadow:0 0 0 4px var(--m-acc-bg),0 10px 22px -14px rgba(255,92,138,.9)}
html[data-ui="modern"] .btn.cta:hover{box-shadow:0 0 0 6px var(--m-acc-bg),0 12px 26px -14px rgba(255,92,138,1)}
html[data-ui="modern"][data-dark] .btn.cta{border-width:2.5px!important;box-shadow:0 0 0 4px var(--m-acc-bg),0 10px 22px -14px rgba(255,127,170,.8)!important}
html[data-ui="modern"] .btn.ghost{background:var(--m-card);color:var(--ink);border:1px solid var(--m-bd);box-shadow:none}
html[data-ui="modern"][data-dark] .btn.ghost{background:var(--m-field)!important;color:var(--ink)!important;border:1px solid var(--m-bd)!important}
html[data-ui="modern"] .btn.mint{--edge:var(--m-edge-cool)}
html[data-ui="modern"] .btn.sky{--edge:var(--m-edge-blue)}

/* ---------- карточки, чипы, поля ---------- */
html[data-ui="modern"] .card{background:var(--m-card);border:1px solid var(--m-bd);border-radius:var(--r-lg);box-shadow:var(--m-sh)}
html[data-ui="modern"][data-dark] .card,html[data-ui="modern"][data-dark] .stat,html[data-ui="modern"][data-dark] .thread,html[data-ui="modern"][data-dark] .empty{background:var(--m-card)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .chip{background:var(--m-chip);color:var(--ink-soft);font-weight:700;border:0}
html[data-ui="modern"][data-dark] .chip:not(.mint):not(.sky):not(.pink):not(.sun){background:var(--m-chip)!important;color:#D7CDF5!important;border:0!important}
html[data-ui="modern"] .chip.pink{background:var(--m-acc-bg);color:var(--m-acc-text)}
html[data-ui="modern"] .chip.mint{background:rgba(47,203,155,.16);color:#0E8C66}
html[data-ui="modern"] .chip.sky{background:rgba(99,189,255,.18);color:#1B6AA3}
html[data-ui="modern"] .chip.sun{background:rgba(255,201,60,.2);color:#8A6100}
html[data-ui="modern"][data-dark] .chip.pink{color:var(--m-acc-text)}html[data-ui="modern"][data-dark] .chip.mint{color:#7CE8C4}html[data-ui="modern"][data-dark] .chip.sky{color:#9AD8FF}html[data-ui="modern"][data-dark] .chip.sun{color:#FFD97A}
html[data-ui="modern"] input[type=text],html[data-ui="modern"] input[type=email],html[data-ui="modern"] input[type=password],html[data-ui="modern"] input[type=number],html[data-ui="modern"] input[type=search],html[data-ui="modern"] input[type=tel],html[data-ui="modern"] input[type=date],html[data-ui="modern"] input[type=datetime-local],html[data-ui="modern"] select,html[data-ui="modern"] textarea{
  background-color:var(--m-field);border:1px solid var(--m-bd);border-radius:var(--r-md)}
html[data-ui="modern"][data-dark] input,html[data-ui="modern"][data-dark] select,html[data-ui="modern"][data-dark] textarea{background-color:var(--m-field)!important;border:1px solid var(--m-bd)!important;color:var(--ink)!important}
html[data-ui="modern"] input:focus,html[data-ui="modern"] select:focus,html[data-ui="modern"] textarea:focus{border-color:var(--m-acc)!important;box-shadow:0 0 0 3px var(--m-acc-bg)}
html[data-ui="modern"] .file{border:1px dashed var(--m-bd);background:var(--m-field)}
html[data-ui="modern"] .pill-tabs button{background:var(--m-card);border:1px solid var(--m-bd);color:var(--ink-soft);font-weight:700}
html[data-ui="modern"] .pill-tabs button.on{background:linear-gradient(var(--m-acc-bg),var(--m-acc-bg)) padding-box,linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box;color:var(--m-acc-text);border:1.5px solid transparent}
html[data-ui="modern"][data-dark] .pill-tabs button{background:var(--m-field)!important;color:var(--ink-soft)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"][data-dark] .pill-tabs button.on{background:linear-gradient(var(--m-acc-bg),var(--m-acc-bg)) padding-box,linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box!important;color:var(--m-acc-text)!important;border:1.5px solid transparent!important}
html[data-ui="modern"] .act{background:var(--m-field);border:1px solid var(--m-bd);font-weight:700}
html[data-ui="modern"][data-dark] .act{background:var(--m-field)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .act.liked{background:var(--m-acc-bg);border-color:transparent;color:var(--m-acc-text)}
html[data-ui="modern"] .seg{background:var(--m-field);border:1px solid var(--m-bd)}
html[data-ui="modern"] .seg button.on{background:linear-gradient(var(--m-card),var(--m-card)) padding-box,var(--m-edge) border-box;color:var(--ink);border:1.5px solid transparent}
html[data-ui="modern"][data-dark] .seg button.on{background:linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box!important;color:var(--ink)!important;border:1.5px solid transparent!important}
html[data-ui="modern"] .stars{color:#FFB547}
html[data-ui="modern"] .stat span{font-size:9px;word-break:keep-all;overflow-wrap:normal}
html[data-ui="modern"] .stat{background:var(--m-field);border:1px solid var(--m-bd);border-radius:18px}
html[data-ui="modern"][data-dark] .stat{background:var(--m-field)!important}

/* ---------- главная ---------- */
html[data-ui="modern"] .hero .chip.pink{padding:7px 14px;font-weight:800}
html[data-ui="modern"] .hero h1{letter-spacing:-.02em}
html[data-ui="modern"] .homesearch{display:block;margin-top:18px;max-width:520px}
html[data-ui="modern"] .homesearch input{padding:14px 18px 14px 46px;border-radius:999px;background:var(--m-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23998FB8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E") no-repeat 16px center}
html[data-ui="modern"][data-dark] .homesearch input{background-color:var(--m-field)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23B8AED8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:16px center!important}
html[data-ui="modern"] .sticker{background:var(--m-card);border:1px solid var(--m-bd);border-radius:20px;box-shadow:var(--m-sh)}
html[data-ui="modern"][data-dark] .sticker{background:var(--m-card)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .sticker .e{border-radius:14px}
@media(max-width:860px){html[data-ui="modern"] .sticker{padding:10px;gap:8px;font-size:13px}html[data-ui="modern"] .sticker .e{width:40px;height:40px;font-size:22px}html[data-ui="modern"] .sticker span:last-child{overflow-wrap:break-word}}
html[data-ui="modern"] .cat:not(.pcard){align-items:center;text-align:center;border-radius:20px;padding:14px 8px;gap:8px;background:var(--m-card);box-shadow:none}
html[data-ui="modern"] .cat:not(.pcard) .e{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:var(--m-field)}
html[data-ui="modern"] .cat:not(.pcard):hover{transform:translateY(-2px);border-color:var(--m-acc)}
html[data-ui="modern"] .cat b{font-weight:700;font-size:14.5px}
html[data-ui="modern"][data-dark] .cat{background:var(--m-card)!important}

/* ---------- список исполнителей ---------- */
html[data-ui="modern"] .pcard{padding:14px;border-radius:20px;text-align:left;align-items:stretch}
html[data-ui="modern"] .pcard:hover{transform:translateY(-2px) rotate(0);border-color:var(--m-acc)}
html[data-ui="modern"] .pcard .chev{display:block;font-size:26px;line-height:1;color:var(--ink-soft);opacity:.7;padding-left:4px}
html[data-ui="modern"] .pcard [class^="gr"]{border-radius:16px!important;width:56px!important;height:56px!important}

/* ---------- лента, питомцы, галереи ---------- */
html[data-ui="modern"] .media{border-radius:var(--r-md)}
html[data-ui="modern"] .gallery figure,html[data-ui="modern"] .thumb{border-radius:16px}
html[data-ui="modern"] .rec{border-color:var(--m-bd)}
html[data-ui="modern"] .cmt{background:var(--m-field);border-radius:16px}
html[data-ui="modern"][data-dark] .cmt{background:var(--m-field)!important}
html[data-ui="modern"] .who .av{background:var(--m-field2)}
html[data-ui="modern"] .jobrow{background:var(--m-card);border-radius:20px;border-color:var(--m-bd)}
html[data-ui="modern"][data-dark] .jobrow{background:var(--m-card)!important}
html[data-ui="modern"] #map,html[data-ui="modern"] .mapbox{border-radius:22px;border:1px solid var(--m-bd);box-shadow:var(--m-sh)}

/* ---------- чат ---------- */
html[data-ui="modern"] .chatlist,html[data-ui="modern"] .chatroom{background:var(--m-card);border:1px solid var(--m-bd);border-radius:var(--r-lg);box-shadow:var(--m-sh)}
html[data-ui="modern"][data-dark] .chatlist,html[data-ui="modern"][data-dark] .chatroom{background:var(--m-card)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .cthread:hover,html[data-ui="modern"] .cthread.on{background:var(--m-acc-bg)}
html[data-ui="modern"][data-dark] .cthread:hover,html[data-ui="modern"][data-dark] .cthread.on{background:var(--m-acc-bg)!important}
html[data-ui="modern"] .crh{background:var(--m-card);border-color:var(--m-bd)}
html[data-ui="modern"][data-dark] .crh{background:var(--m-card)!important}
html[data-ui="modern"] .mb{border-radius:20px;border-bottom-left-radius:6px;background:var(--m-field);border-color:transparent}
html[data-ui="modern"][data-dark] .mb:not(.mine){background:var(--m-field2)!important}
html[data-ui="modern"] .mb.mine{background:linear-gradient(135deg,var(--m-acc),var(--m-acc2));color:var(--m-acc-ink);border-bottom-left-radius:20px;border-bottom-right-radius:6px}
html[data-ui="modern"] .cbar{background:var(--m-card);border-color:var(--m-bd)}
html[data-ui="modern"][data-dark] .cbar{background:var(--m-card)!important}
html[data-ui="modern"] .cbar input{background:var(--m-field)}
html[data-ui="modern"] .cbar .send{background:linear-gradient(var(--m-card),var(--m-card)) padding-box,var(--m-edge) border-box;color:var(--m-acc-text);border:2px solid transparent}
html[data-ui="modern"][data-dark] .cbar .send{background:linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box!important;color:var(--m-acc-text)!important}
html[data-ui="modern"] .chatroom .msgs{background:transparent}
html[data-ui="modern"][data-dark] .chatroom .msgs{background:transparent!important}

/* ---------- меню, окна, подвал ---------- */
html[data-ui="modern"] .dpanel{background:var(--m-card);border-left:1px solid var(--m-bd)}
html[data-ui="modern"][data-dark] .dpanel{background:var(--m-card)!important}
html[data-ui="modern"] .dback{backdrop-filter:blur(3px)}
html[data-ui="modern"] .dme{background:var(--m-field);border-radius:18px}
html[data-ui="modern"][data-dark] .dme{background:var(--m-field)!important}
html[data-ui="modern"] .ditem{border-radius:16px;font-weight:700}
html[data-ui="modern"] .ditem span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--m-field);font-size:18px}
html[data-ui="modern"] .ditem:hover{background:var(--m-acc-bg)}
html[data-ui="modern"][data-dark] .ditem:hover{background:var(--m-acc-bg)!important}
html[data-ui="modern"] .modal{background:rgba(14,10,28,.55);backdrop-filter:blur(4px)}
html[data-ui="modern"] .modal .card{border-radius:26px}
html[data-ui="modern"][data-dark] .modal .card{background:var(--m-card)!important}
html[data-ui="modern"] .toast{border-radius:16px}
html[data-ui="modern"] footer.foot{border-color:var(--m-bd)}
html[data-ui="modern"] .contacts a{font-weight:700}

/* ---------- нижняя панель на телефоне: значок и подпись ---------- */
@media(max-width:860px){
  html[data-ui="modern"] .tabbar{left:8px;right:8px;border-radius:26px;padding:6px 4px;background:var(--m-nav);border:1px solid var(--m-bd);backdrop-filter:blur(16px);box-shadow:0 18px 40px -22px rgba(30,10,70,.7)}
  html[data-ui="modern"][data-dark] .tabbar{background:var(--m-nav)!important;border-color:var(--m-bd)!important}
  html[data-ui="modern"] .tabbar a{flex-direction:column;gap:3px;min-height:48px;padding:10px 0;font-size:10px;border-radius:18px;color:var(--ink-soft)}
  html[data-ui="modern"] .tabbar .tl{display:none}
  html[data-ui="modern"] .tabbar a .ico{width:26px;height:26px}
  html[data-ui="modern"] .tabbar a.on{background:var(--m-acc-bg);color:var(--m-acc-text)}
  html[data-ui="modern"][data-dark] .tabbar a{color:var(--ink-soft)!important}
  html[data-ui="modern"][data-dark] .tabbar a.on{background:var(--m-acc-bg)!important;color:var(--m-acc-text)!important}
  html[data-ui="modern"] .tabbar .badge{top:3px;right:calc(50% - 20px)}
}

/* ======== v11: структура как в макете (обложки, баннер, плитки, карточки с фото) ======== */
.cv{position:relative;overflow:hidden;display:grid;place-items:center}
.cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cve{font-size:34px;line-height:1}
html[data-ui="modern"] .vchk{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#3B9BFF;color:#fff;font-size:11px;font-weight:800;vertical-align:middle;line-height:1}
html[data-ui="modern"] .btn.dark{--edge:var(--m-edge-blue)}


/* карточка исполнителя: фото слева, текст, шеврон */
html[data-ui="modern"] .mcard{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px;text-align:left}
html[data-ui="modern"] .mc-cv{width:92px;height:92px;border-radius:18px;flex:none}
html[data-ui="modern"] .mc-cv .cve{font-size:40px}
html[data-ui="modern"] .mc-body{flex:1;min-width:0;display:grid;gap:3px}
html[data-ui="modern"] .mc-t{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
html[data-ui="modern"] .mc-r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="modern"] .mc-m{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
html[data-ui="modern"] .mc-p{margin-left:auto;color:var(--m-acc-text)}
html[data-ui="modern"] .mc-c{gap:6px;flex-wrap:nowrap;overflow:hidden;margin-top:4px}
html[data-ui="modern"] .mc-c .chip{font-size:11.5px;padding:4px 9px;white-space:nowrap}
html[data-ui="modern"] .mcard .chev{align-self:center}

/* страница исполнителя: баннер и карточка поверх него */
html[data-ui="modern"] .pbanner{position:relative;height:240px;border-radius:26px;overflow:hidden;display:grid;place-items:center;box-shadow:var(--m-sh)}
html[data-ui="modern"] .pbanner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-ui="modern"] .pb-e{font-size:104px;line-height:1}
html[data-ui="modern"] .pb-btn{position:absolute;top:12px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:#2A1740;display:grid;place-items:center;font-size:28px;line-height:1;text-decoration:none;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
html[data-ui="modern"] .pb-back{left:12px}
html[data-ui="modern"] .ptitle{margin:-48px 14px 0;position:relative;padding:18px;border-radius:24px}
html[data-ui="modern"] .ptitle h1{font-size:25px;line-height:1.15;overflow-wrap:anywhere}
html[data-ui="modern"] .itiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
html[data-ui="modern"] .itile{background:var(--m-field);border-radius:18px;padding:12px 6px;text-align:center;display:grid;gap:2px;justify-items:center;align-content:start}
html[data-ui="modern"] .itile span{font-size:22px;line-height:1.1}
html[data-ui="modern"] .itile b{font-size:12.5px;line-height:1.25;overflow-wrap:anywhere}
html[data-ui="modern"] .itile small{font-size:11px;color:var(--ink-soft)}
html[data-ui="modern"][data-dark] .itile{background:var(--m-field)!important}

/* услуги: плитки категорий */
html[data-ui="modern"] .pill-tabs.cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;overflow:visible;flex-wrap:wrap}
html[data-ui="modern"] .cattiles button{display:grid;justify-items:center;align-content:center;gap:7px;padding:12px 4px;border-radius:20px;white-space:normal;line-height:1.15;font-size:12.5px;min-height:96px}
html[data-ui="modern"] .cattiles .te{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:var(--m-field2)}
html[data-ui="modern"] .cattiles button.on .te{background:rgba(255,255,255,.55)}
html[data-ui="modern"] .cattiles .tn{overflow-wrap:anywhere}

/* главная: категории как цветные карточки, ряд свайпом на телефоне */
html[data-ui="modern"] #cats .cat{position:relative;min-height:150px;justify-content:flex-end;align-items:flex-start;text-align:left;padding:14px;border:0;overflow:hidden;color:#2A1740;background:linear-gradient(140deg,#FFD3E2,#FFE9C7)}
html[data-ui="modern"] #cats .cat .e{position:absolute;top:8px;right:10px;width:auto;height:auto;background:none;font-size:62px;line-height:1}
html[data-ui="modern"] #cats .cat b{font-size:16px;color:#2A1740;position:relative}
html[data-ui="modern"] #cats .cat .small{color:rgba(42,23,64,.68);position:relative}
html[data-ui="modern"] #cats .cat:nth-child(5n+2){background:linear-gradient(140deg,#D6F2FF,#E7E0FF)}
html[data-ui="modern"] #cats .cat:nth-child(5n+3){background:linear-gradient(140deg,#FFE7B8,#FFD0DC)}
html[data-ui="modern"] #cats .cat:nth-child(5n+4){background:linear-gradient(140deg,#DDF8E2,#C9ECFF)}
html[data-ui="modern"] #cats .cat:nth-child(5n+5){background:linear-gradient(140deg,#E9E0FF,#FFD9EC)}
html[data-ui="modern"][data-dark] #cats .cat{background:linear-gradient(140deg,rgba(255,127,170,.30),rgba(255,176,92,.16))!important;color:var(--ink)!important}
html[data-ui="modern"][data-dark] #cats .cat:nth-child(5n+2){background:linear-gradient(140deg,rgba(99,189,255,.28),rgba(150,120,255,.2))!important}
html[data-ui="modern"][data-dark] #cats .cat:nth-child(5n+3){background:linear-gradient(140deg,rgba(255,201,60,.24),rgba(255,127,170,.2))!important}
html[data-ui="modern"][data-dark] #cats .cat:nth-child(5n+4){background:linear-gradient(140deg,rgba(63,215,168,.24),rgba(99,189,255,.2))!important}
html[data-ui="modern"][data-dark] #cats .cat:nth-child(5n+5){background:linear-gradient(140deg,rgba(150,120,255,.28),rgba(255,127,170,.2))!important}
html[data-ui="modern"][data-dark] #cats .cat b{color:var(--ink)}
html[data-ui="modern"][data-dark] #cats .cat .small{color:var(--ink-soft)}
html[data-ui="modern"] .hscroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 2px 12px;scrollbar-width:none}
html[data-ui="modern"] .hscroll::-webkit-scrollbar{display:none}
html[data-ui="modern"] .fcard{flex:0 0 190px;scroll-snap-align:start;display:grid;gap:3px;align-content:start;text-decoration:none;color:inherit;background:var(--m-card);border:1px solid var(--m-bd);border-radius:22px;padding:10px;box-shadow:var(--m-sh)}
html[data-ui="modern"][data-dark] .fcard{background:var(--m-card)!important;border-color:var(--m-bd)!important}
html[data-ui="modern"] .fc-cv{height:130px;border-radius:16px;margin-bottom:6px}
html[data-ui="modern"] .fc-cv .cve{font-size:54px}
html[data-ui="modern"] .fc-t{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
@media(max-width:860px){
  html[data-ui="modern"] #cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 10px;scrollbar-width:none}
  html[data-ui="modern"] #cats::-webkit-scrollbar{display:none}
  html[data-ui="modern"] #cats .cat{flex:0 0 150px;scroll-snap-align:start}
}

/* питомцы: горизонтальные карточки */
html[data-ui="modern"] [data-pet]{padding:12px}
html[data-ui="modern"] [data-pet]>a{display:grid!important;grid-template-columns:92px minmax(0,1fr);column-gap:14px;align-items:start}
html[data-ui="modern"] [data-pet]>a .media{grid-row:1/4;width:92px;height:92px;min-height:0;aspect-ratio:auto;border-radius:20px;font-size:40px}
html[data-ui="modern"] [data-pet]>a .between{margin-top:0!important;align-items:flex-start}
html[data-ui="modern"] [data-pet]>a p{display:none}
@media(max-width:860px){
  html[data-ui="modern"] .pill-tabs.cattiles{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:96px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}
  html[data-ui="modern"] .pill-tabs.cattiles::-webkit-scrollbar{display:none}
  html[data-ui="modern"] .cattiles button{min-height:88px;scroll-snap-align:start}
}
/* главная: баннер над заголовком, быстрые категории одним рядом */
html[data-ui="modern"] .hero .g2>div:first-child::before{content:"";display:block;height:132px;border-radius:26px;margin-bottom:16px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 84 28%22 fill=%22none%22 stroke=%22%23C2306F%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate%282 2%29%22%3E%3Cpath d=%22M8.5 5h7A3.5 3.5 0 0 1 19 8.5V13a7 7 0 0 1-14 0V8.5A3.5 3.5 0 0 1 8.5 5z%22/%3E%3Cpath d=%22M5 9c-2 .5-2.7 4-1.7 6.5M19 9c2 .5 2.7 4 1.7 6.5%22/%3E%3Ccircle cx=%229.5%22 cy=%2211%22 r=%22.7%22/%3E%3Ccircle cx=%2214.5%22 cy=%2211%22 r=%22.7%22/%3E%3Cellipse cx=%2212%22 cy=%2214.2%22 rx=%221.6%22 ry=%221.1%22/%3E%3C/g%3E%3Cg transform=%22translate%2830 2%29%22%3E%3Cpath d=%22M5 4l4.5 3.5h5L19 4v9a7 7 0 0 1-14 0z%22/%3E%3Ccircle cx=%229.5%22 cy=%2212%22 r=%22.8%22/%3E%3Ccircle cx=%2214.5%22 cy=%2212%22 r=%22.8%22/%3E%3Cpath d=%22M10.5 15.5l1.5 1 1.5-1M3 13l3 .6M21 13l-3 .6%22/%3E%3C/g%3E%3Cg transform=%22translate%2858 2%29%22%3E%3Ccircle cx=%226.5%22 cy=%2210%22 r=%221.9%22/%3E%3Ccircle cx=%2210.5%22 cy=%225.8%22 r=%221.9%22/%3E%3Ccircle cx=%2215.5%22 cy=%225.8%22 r=%221.9%22/%3E%3Ccircle cx=%2219%22 cy=%2210%22 r=%221.9%22/%3E%3Cpath d=%22M12.8 11c-2.9 0-5.6 3.2-5.6 5.6 0 1.7 1.3 2.5 2.7 2.5 1.2 0 1.8-.5 2.9-.5s1.7.5 2.9.5c1.4 0 2.7-.8 2.7-2.5 0-2.4-2.7-5.6-5.6-5.6z%22/%3E%3C/g%3E%3C/svg%3E") center/min(78%,300px) auto no-repeat,linear-gradient(135deg,#FFB6D0,#FFD9A8 55%,#BFE6FF);box-shadow:var(--m-sh)}
html[data-ui="modern"][data-dark] .hero .g2>div:first-child::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 84 28%22 fill=%22none%22 stroke=%22%23FFD3E4%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate%282 2%29%22%3E%3Cpath d=%22M8.5 5h7A3.5 3.5 0 0 1 19 8.5V13a7 7 0 0 1-14 0V8.5A3.5 3.5 0 0 1 8.5 5z%22/%3E%3Cpath d=%22M5 9c-2 .5-2.7 4-1.7 6.5M19 9c2 .5 2.7 4 1.7 6.5%22/%3E%3Ccircle cx=%229.5%22 cy=%2211%22 r=%22.7%22/%3E%3Ccircle cx=%2214.5%22 cy=%2211%22 r=%22.7%22/%3E%3Cellipse cx=%2212%22 cy=%2214.2%22 rx=%221.6%22 ry=%221.1%22/%3E%3C/g%3E%3Cg transform=%22translate%2830 2%29%22%3E%3Cpath d=%22M5 4l4.5 3.5h5L19 4v9a7 7 0 0 1-14 0z%22/%3E%3Ccircle cx=%229.5%22 cy=%2212%22 r=%22.8%22/%3E%3Ccircle cx=%2214.5%22 cy=%2212%22 r=%22.8%22/%3E%3Cpath d=%22M10.5 15.5l1.5 1 1.5-1M3 13l3 .6M21 13l-3 .6%22/%3E%3C/g%3E%3Cg transform=%22translate%2858 2%29%22%3E%3Ccircle cx=%226.5%22 cy=%2210%22 r=%221.9%22/%3E%3Ccircle cx=%2210.5%22 cy=%225.8%22 r=%221.9%22/%3E%3Ccircle cx=%2215.5%22 cy=%225.8%22 r=%221.9%22/%3E%3Ccircle cx=%2219%22 cy=%2210%22 r=%221.9%22/%3E%3Cpath d=%22M12.8 11c-2.9 0-5.6 3.2-5.6 5.6 0 1.7 1.3 2.5 2.7 2.5 1.2 0 1.8-.5 2.9-.5s1.7.5 2.9.5c1.4 0 2.7-.8 2.7-2.5 0-2.4-2.7-5.6-5.6-5.6z%22/%3E%3C/g%3E%3C/svg%3E") center/min(78%,300px) auto no-repeat,linear-gradient(135deg,rgba(255,127,170,.55),rgba(255,176,92,.3) 55%,rgba(99,189,255,.35))}
@media(max-width:860px){
  html[data-ui="modern"] .hero .stickers{flex-wrap:nowrap;overflow-x:auto;margin-top:18px;padding-bottom:6px;scrollbar-width:none}
  html[data-ui="modern"] .hero .stickers::-webkit-scrollbar{display:none}
  html[data-ui="modern"] .hero .stickers .sticker{flex:0 0 auto}
}
html[data-ui="modern"] [data-pet]>a .media img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* v13: выбранная плитка категории, кнопка установки: тоже только градиентный край */
html[data-ui="modern"] .cattiles button.on{background:linear-gradient(var(--m-acc-bg),var(--m-acc-bg)) padding-box,linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box;border:2px solid transparent;color:var(--m-acc-text)}
html[data-ui="modern"][data-dark] .cattiles button.on{background:linear-gradient(var(--m-acc-bg),var(--m-acc-bg)) padding-box,linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box!important;border:2px solid transparent!important;color:var(--m-acc-text)!important}
html[data-ui="modern"] .cattiles button.on .te{background:var(--m-acc-bg)}
html[data-ui="modern"] .instpill{background:linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box;border:2px solid transparent;color:var(--ink);animation:none;box-shadow:0 0 0 4px var(--m-acc-bg)}
html[data-ui="modern"][data-dark] .instpill{background:linear-gradient(var(--m-solid),var(--m-solid)) padding-box,var(--m-edge) border-box!important;border:2px solid transparent!important;color:var(--ink)!important}

/* ======== v14: меньше линий и зазоров между частями страницы ======== */
html[data-ui="modern"] .card{border-color:transparent;padding:14px}
html[data-ui="modern"][data-dark] .card{border-color:transparent!important}
html[data-ui="modern"] .grid{gap:8px}
html[data-ui="modern"] .sect{padding-top:20px;padding-bottom:24px}
html[data-ui="modern"] .sect h1{margin-bottom:2px}
html[data-ui="modern"] main .grid[style*="margin-top"],html[data-ui="modern"] main .card[style*="margin-top"],html[data-ui="modern"] main .pill-tabs[style*="margin-top"],html[data-ui="modern"] main .seg[style*="margin-top"],html[data-ui="modern"] main section.card[style*="margin-top"]{margin-top:8px!important}
html[data-ui="modern"] main h2[style*="margin"]{margin-top:14px!important;margin-bottom:6px!important}
html[data-ui="modern"] main .lead{margin:2px 0 0}
html[data-ui="modern"] .post{gap:8px}
html[data-ui="modern"] .comments{border-top:0;padding-top:4px}
html[data-ui="modern"] .rec{border-bottom:0;padding:6px 0}
html[data-ui="modern"] .admrow{border-bottom:0}
html[data-ui="modern"] .topbar{border-bottom-color:transparent}
html[data-ui="modern"][data-dark] .topbar{border-bottom-color:transparent!important}
html[data-ui="modern"] footer.foot{border-top-color:transparent;margin-top:20px}
html[data-ui="modern"] .cbar{border-top-color:transparent}
html[data-ui="modern"] .between + .grid,html[data-ui="modern"] .between + .row{margin-top:8px}
html[data-ui="modern"] .fbar{margin-top:8px}
html[data-ui="modern"] main .card[style*="margin-bottom"],html[data-ui="modern"] #composer{margin-bottom:8px!important}
html[data-ui="modern"] #posts{gap:8px}
html[data-ui="modern"] #posts > *,html[data-ui="modern"] #list > *{margin-top:0;margin-bottom:0}
html[data-ui="modern"] #composer{padding:12px}
html[data-ui="modern"] .findf .ffield{margin-top:8px}
@media(max-width:860px){
  html[data-ui="modern"] .wrap{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  html[data-ui="modern"] .sect{padding-top:14px;padding-bottom:18px}
}