@font-face{font-family:'Mulish';src:url('/fonts/Mulish.woff2') format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('/fonts/Mulish-Italic.woff2') format('woff2');font-weight:200 1000;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/CormorantGaramond.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/CormorantGaramond-Italic.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
:root{
  --orange:#B86F33;
  --orange2:#CF8A48;
  --choco:#2a2420;
  --choco2:#3d3028;
  --ink:#2a2420;
  --muted:#6b4c3b;
  --paper:#f5f0e8;
  --paper2:#fdfaf5;
}
:root{
  --orange:#B86F33;
  --orange2:#CF8A48;
  --choco:#2a2420;
  --choco2:#3d3028;
  --ink:#2a2420;
  --muted:#6b4c3b;
  --paper:#f7f1e8;
  --paper2:#fffdf9;
}
:root{
  --orange:#B86F33 !important;
  --orange2:#CF8A48 !important;
  --ph-orange:#B86F33;
  --ph-orange-dark:#955523;
}
.ph-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}
.ph-top li i,.ph-top .msg a:hover,.ph-nav a:hover,.ph-tel .ic,.ph-searchbar input:focus,.ph-mobile-nav a:hover{
  color:var(--ph-orange) !important;
}
.ph-nav a:hover{border-color:var(--ph-orange) !important}
.ph-tel .ic{
  background:#fff1e5 !important;
}
.ph-btn,.ph-mobile-cta a,.ph-call-mobile{
  background:var(--ph-orange) !important;
  box-shadow:0 5px 16px rgba(184,111,51,.24) !important;
}
.ph-btn:hover,.ph-mobile-cta a:hover,.ph-call-mobile:hover{
  background:var(--ph-orange-dark) !important;
}
.ph-searchbar input:focus{
  border-color:var(--ph-orange) !important;
  box-shadow:0 0 0 3px rgba(184,111,51,.14) !important;
}
.ph-top li{border-left-color:rgba(184,111,51,.28) !important}
.ph-tel{border-left-color:rgba(184,111,51,.35) !important}
.ph-mobile-nav a{border-bottom-color:rgba(184,111,51,.22) !important}
:root{--ph-orange:#B86F33!important;--ph-choco:#2a2420!important}
.ph-top,.ph-header,.ph-top *,.ph-header *{font-family:"Mulish",system-ui,-apple-system,"Segoe UI",sans-serif}
.ph-top{font-size:14px!important;background:#fdf6ee!important}
.ph-top .in{padding:12px 3vw!important}
.ph-top li{font-weight:600!important;gap:10px!important;padding:0 18px!important}
.ph-top li i.ph-util-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;color:#B86F33!important;font-size:0!important}
.ph-util-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ph-top .msg{gap:14px!important}
.ph-top .msg a{font-size:14px!important}
.ph-bar{padding:12px 18px 12px 24px!important}
.ph-nav{gap:clamp(16px,1.7vw,30px)!important}
.ph-nav a{font-size:15.5px!important;font-weight:700!important}
.ph-tel b{font-size:17px!important;font-weight:800!important}
.ph-tel small{font-size:12px!important}
.ph-tel .ic{width:46px!important;height:46px!important;color:#B86F33!important;background:#fff1e5!important;font-size:21px!important}
.ph-btn{font-family:"Mulish",system-ui,sans-serif!important;font-weight:800!important}
.ph-btn.light{font-size:16px!important;padding:9px 28px 9px 12px!important}
.ph-btn.light img{width:56px!important;height:56px!important}
.ph-top li{border-left-color:rgba(184,111,51,.28)!important}
.ph-tel{border-left-color:rgba(184,111,51,.35)!important}
@media(max-width:900px){.ph-top li{padding:0 10px!important}}
/* ===== PetHelp UI v4: мягкая медь, премиальная шапка, плотный ритм ===== */
:root{--ph-orange:#B86F33!important;--ph-orange-dark:#955523!important;--orange:#B86F33;--orange2:#CF8A48;--ph-btn1:#B9743A;--ph-btn2:#A9622B}
/* логотип: лапа + PETHELP.BY + слоган */
.ph-logo{display:flex!important;align-items:center;text-decoration:none!important;flex:none;line-height:1}
.ph-lockup{display:inline-flex;align-items:center;gap:12px;line-height:1}
.ph-lockup .ph-paw{height:54px;width:auto;display:block;flex:none}
.ph-lt{display:flex;flex-direction:column;gap:7px}
.ph-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;line-height:1;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;display:flex;align-items:baseline}
.ph-name i{font-style:normal}
.ph-name .a{font-weight:300;color:#2B1810}
.ph-name .b{font-style:italic;font-weight:600;color:#F26A0F;letter-spacing:.12em;margin-left:.06em}
.ph-name .c{font-family:Mulish,system-ui,sans-serif;font-style:normal;font-weight:300;font-size:.3em;letter-spacing:.3em;color:#8a6a52;margin-left:.2em}
@media(max-width:1180px){.ph-name{font-size:33px;letter-spacing:.09em}.ph-name .b{letter-spacing:.09em}}
.ph-tag{font:600 12.5px/1.1 Mulish,system-ui,sans-serif;color:#4d3b30;white-space:nowrap}
.ph-lockup.on-dark .a{color:#f5f0e8}.ph-lockup.on-dark .ph-tag{color:#e9ddd0}
.ph-lockup.on-dark .ph-paw{height:60px}.ph-lockup.on-dark .c{color:rgba(245,240,232,.5)}
/* телефон в шапке */
.ph-tel{display:flex!important;align-items:center;gap:12px;padding:7px 24px 7px 8px!important;border:1px solid rgba(184,111,51,.30)!important;border-radius:999px!important;background:linear-gradient(135deg,#fffdf9,#f7ead9)!important;box-shadow:0 6px 18px rgba(42,36,32,.08),inset 0 1px 0 #fff!important;text-decoration:none!important;transition:transform .25s,box-shadow .25s;flex:none}
.ph-tel:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(42,36,32,.13),inset 0 1px 0 #fff!important}
.ph-tel .ic,.ph-m-tel .ic{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:none;background:linear-gradient(145deg,#C98445,#A9622B)!important;color:#fff!important;font-size:0!important;box-shadow:0 4px 10px rgba(169,98,43,.35)}
.ph-tel .ic svg,.ph-m-tel .ic svg,.ph-call-mobile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph-tel .tx,.ph-m-tel .tx{display:flex;flex-direction:column;gap:3px;line-height:1}
.ph-tel b,.ph-m-tel b{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:700!important;font-size:23px!important;letter-spacing:.02em;color:#2a2420;font-variant-numeric:lining-nums}
.ph-tel small,.ph-m-tel small{order:-1;display:flex;align-items:center;gap:6px;font:700 9.5px/1 Mulish,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#8a6a52!important}
.ph-tel .dot,.ph-m-tel .dot{width:7px;height:7px;border-radius:50%;background:#4CAF7A;box-shadow:0 0 0 0 rgba(76,175,122,.5);animation:phd 2.2s infinite}
@keyframes phd{70%{box-shadow:0 0 0 7px rgba(76,175,122,0)}100%{box-shadow:0 0 0 0 rgba(76,175,122,0)}}
.ph-call-mobile{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#C98445,#A9622B)!important;color:#fff!important;font-size:0!important;box-shadow:0 4px 10px rgba(169,98,43,.3)!important}
/* кнопки: мягкая медь */
.ph-btn,.btn.primary,.btn-primary,.ph-mobile-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 28px!important;border-radius:999px;background:linear-gradient(180deg,var(--ph-btn1),var(--ph-btn2))!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 6px 18px rgba(169,98,43,.20)!important;font-family:Mulish,system-ui,sans-serif!important;font-weight:700!important;font-size:15.5px!important;letter-spacing:.01em;text-decoration:none!important;transition:.22s}
.ph-btn:hover,.btn.primary:hover,.btn-primary:hover{background:linear-gradient(180deg,#A9622B,#955523)!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(169,98,43,.26)!important}
.ph-btn.ghost,.sticky .btn.secondary{background:transparent!important;color:#A9622B!important;border:1.5px solid rgba(169,98,43,.42)!important;box-shadow:none!important}
.ph-btn.ghost:hover{background:rgba(169,98,43,.08)!important;color:#955523!important}
.ph-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* плотный ритм между блоками */
main>section:not(.ph-hero):not(.mission-band),.car-section,.dogs,.prices,.cases,.ph-reviews,.ph-media-video,.more,.ph-rex-section{padding-top:clamp(26px,3.4vw,44px)!important;padding-bottom:clamp(26px,3.4vw,44px)!important;margin-top:0!important;margin-bottom:0!important}
.section-head{margin-bottom:clamp(14px,2vw,24px)!important}
.mission-band{margin-top:0!important;margin-bottom:0!important}
/* типографика: Cormorant + курсив */
h1,h2,.ph-rex-title{font-family:'Cormorant Garamond',Georgia,serif!important}
h1 em,h2 em,.ph-copy h1 em,.rex-accent{font-style:italic!important;font-weight:600}
.ph-brand-word span{font-weight:400}.ph-brand-word b{font-style:italic;color:#B86F33;font-weight:600}
.ph-review-card blockquote{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:500!important;font-size:clamp(19px,1.5vw,22px)!important;line-height:1.5!important}
.car-companion-note strong{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:600!important}
.car-companion-note .cn-a{display:block}.car-companion-note .cn-b{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(184,111,51,.25);font-size:14.5px}
/* отзыв Google */
.ph-review-pic{margin:14px 0 6px}.ph-review-pic img{display:block;width:100%;max-height:250px;object-fit:cover;object-position:center 35%;border-radius:16px}
.ph-who{display:flex;align-items:center;gap:12px}.ph-avatar{width:40px;height:40px;border-radius:50%;background:#0B8F94;color:#fff;font:700 18px Mulish,sans-serif;display:grid;place-items:center;flex:none}
.ph-chip{display:inline-block;margin-left:6px;padding:2px 8px;border:1px solid rgba(42,36,32,.22);border-radius:6px;font:700 10px Mulish,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5e4a3e}
.ph-review-foot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
@media(max-width:1180px){.ph-logo .ph-tag{display:none}.ph-logo .ph-lt{gap:0}}@media(max-width:900px){.ph-logo .ph-paw{height:42px}.ph-logo .ph-name{font-size:29px}}

/* ===== фирменный оранжевый логотипа на акцентных словах ===== */
:root{--ph-brand:#F26A0F}
h1 em,h2 em,.hl,.rex-accent,.ph-copy h1 em,.ph-brand-word b{color:var(--ph-brand)!important}
.hl{font-style:italic;font-weight:600}
.ph-brand-word span{color:inherit;font-weight:300}
.ph-brand-word b{font-style:italic;font-weight:600}
.price{color:var(--ph-brand)!important}
