/* ===== PetHelp header — улучшенная версия (десктоп + мобилка) ===== */
.ph-top,.ph-top *,.ph-header,.ph-header *,.ph-hero,.ph-hero *{box-sizing:border-box}

/* --- Top utility bar --- */
.ph-top{
  background:#fdf6ee;
  font:500 13.5px/1.2 system-ui,-apple-system,sans-serif;
  color:#2a2420;
}
.ph-top .in{
  max-width:1800px;
  margin:0 auto;
  padding:10px 3vw;
  display:flex;
  align-items:center;
  gap:16px;
}
.ph-top ul{
  display:flex;
  list-style:none;
  margin:0;
  padding:0;
  flex:1;
  min-width:0;
  gap:0;
}
.ph-top li{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  padding:0 16px;
  border-left:1px solid #e3d3c3;
  font-weight:500;
}
.ph-top li:first-child{padding-left:0;border:0}
.ph-top li i{
  color:#c8853a;
  font-style:normal;
  font-size:15px;
  line-height:1;
  opacity:.95;
}
.ph-top .msg{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  flex-shrink:0;
}
.ph-top .msg a{color:inherit;text-decoration:none;font-weight:600;font-size:13px}
.ph-top .msg a:hover{color:#c8853a}
.ph-dot{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff!important;
  font-weight:700;
  font-size:11px;
  text-decoration:none;
  transition:transform .15s,opacity .15s;
}
.ph-dot:hover{transform:scale(1.08);opacity:.92}

/* --- Main sticky header --- */
.ph-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:8px 2vw 10px;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  height:auto!important;
}
.ph-bar{
  max-width:1800px;
  margin:0 auto;
  background:#2a2420;
  border-radius:22px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 16px 10px 18px;
  box-shadow:0 8px 28px rgba(59,26,11,.28);
  transition:padding .2s,border-radius .2s;
}
.ph-header.is-scrolled .ph-bar{
  padding:7px 14px 7px 16px;
  border-radius:18px;
}

.ph-logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#fff;
  flex:none;
}
.ph-logo img{height:52px;width:auto;display:block}
.ph-logo b{
  font:800 26px/1 system-ui,-apple-system,sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
}
.ph-logo b em{color:#c8853a;font-style:normal}
.ph-logo small{
  display:block;
  margin-top:3px;
  font:400 12px/1.2 system-ui;
  color:#f3e3d3;
  white-space:nowrap;
  opacity:.9;
}

.ph-nav{
  display:flex;
  gap:clamp(12px,1.5vw,28px);
  margin:0 auto;
}
.ph-nav a{
  color:#fff;
  text-decoration:none;
  font:600 14.5px system-ui;
  padding:8px 2px;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.ph-nav a:hover{
  color:#e8a85a;
  border-color:#c8853a;
}

.ph-search{
  background:none;
  border:0;
  color:rgba(255,255,255,.75);
  font-size:20px;
  cursor:pointer;
  flex:none;
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
  transition:background .15s,color .15s;
}
.ph-search:hover{background:rgba(255,255,255,.08);color:#fff}

.ph-tel{
  display:flex;
  align-items:center;
  gap:11px;
  color:#fff;
  text-decoration:none;
  border-left:1px solid #6b4a36;
  padding-left:16px;
  flex:none;
  transition:opacity .15s;
}
.ph-tel:hover{opacity:.88}
.ph-tel .ic{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#5c3420;
  display:grid;
  place-items:center;
  font-size:18px;
  flex-shrink:0;
}
.ph-tel b{
  font:700 16px system-ui;
  display:block;
  white-space:nowrap;
}
.ph-tel small{
  font:400 11.5px system-ui;
  color:#f3e3d3;
  white-space:nowrap;
  opacity:.85;
}

.ph-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#c8853a;
  color:#fff!important;
  text-decoration:none;
  font:700 15.5px system-ui;
  padding:14px 22px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 5px 16px rgba(200,133,58,.35);
  transition:background .15s,transform .15s;
  flex:none;
}
.ph-btn:hover{background:#b85c38;transform:translateY(-1px)}

/* Кнопка звонка только на мобилке в баре */
.ph-call-mobile{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#c8853a;
  color:#fff!important;
  text-decoration:none;
  font-size:18px;
  flex:none;
  box-shadow:0 3px 10px rgba(200,133,58,.3);
}

.ph-burger{
  display:none;
  background:rgba(255,255,255,.06);
  border:1px solid #6b4a36;
  border-radius:12px;
  color:#fff;
  font-size:20px;
  width:42px;
  height:42px;
  cursor:pointer;
  margin-left:0;
  transition:background .15s;
}
.ph-burger:hover{background:rgba(255,255,255,.12)}
.ph-burger[aria-expanded="true"]{background:rgba(255,255,255,.14)}

.ph-searchbar{
  display:none;
  max-width:1800px;
  margin:8px auto 0;
  padding:0 2vw;
}
.ph-searchbar.on{display:block}
.ph-searchbar input{
  width:100%;
  padding:14px 20px;
  border-radius:999px;
  border:1px solid #e3d3c3;
  font:16px system-ui;
  background:#fff;
  outline:none;
}
.ph-searchbar input:focus{border-color:#c8853a;box-shadow:0 0 0 3px rgba(200,133,58,.15)}

/* --- Mobile menu --- */
.ph-mobile{
  display:none;
  margin:8px auto 0;
  max-width:1800px;
  background:#2a2420;
  border-radius:20px;
  padding:0;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(59,26,11,.35);
}
.ph-mobile.on{display:block}

.ph-mobile-head{
  padding:16px 18px 14px;
  border-bottom:1px solid #5a3a28;
  background:linear-gradient(180deg,#452010,#2a2420);
}
.ph-mobile-head .ph-m-tel{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#fff;
  margin-bottom:12px;
}
.ph-mobile-head .ph-m-tel .ic{
  width:44px;height:44px;border-radius:50%;
  background:#5c3420;display:grid;place-items:center;font-size:18px;
}
.ph-mobile-head .ph-m-tel b{display:block;font:700 17px system-ui}
.ph-mobile-head .ph-m-tel small{display:block;font:400 12px system-ui;color:#f3e3d3;opacity:.9}
.ph-mobile-head .ph-m-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.ph-mobile-head .ph-m-meta span{
  font:600 12px system-ui;
  color:#f3e3d3;
  background:rgba(255,255,255,.06);
  padding:5px 10px;
  border-radius:999px;
}
.ph-mobile-head .ph-m-msg{
  display:flex;
  gap:10px;
}
.ph-mobile-head .ph-m-msg a{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px;
  border-radius:12px;
  text-decoration:none;
  color:#fff;
  font:700 13px system-ui;
  border:0;
}
.ph-mobile-head .ph-m-msg a.vb{background:#7360f2}
.ph-mobile-head .ph-m-msg a.wa{background:#25d366}

.ph-mobile-nav{padding:4px 18px 8px}
.ph-mobile-nav a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:13px 0;
  border-bottom:1px solid #5a3a28;
  font:600 16px system-ui;
  transition:color .15s;
}
.ph-mobile-nav a:hover{color:#e8a85a}
.ph-mobile-nav a:last-child{border-bottom:0}

.ph-mobile-cta{
  padding:12px 18px 18px;
}
.ph-mobile-cta a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#c8853a;
  color:#fff!important;
  text-decoration:none;
  font:700 16px system-ui;
  padding:15px;
  border-radius:14px;
  box-shadow:0 4px 14px rgba(200,133,58,.35);
}

/* --- Hero (как было у тебя) --- */
.ph-hero{position:relative;background:#fdf6ee;margin-top:-90px;padding-top:90px;overflow:hidden}
.ph-wrap{position:relative;max-width:1800px;margin:0 auto;min-height:27.2vw}
.ph-photo{
  position:absolute;right:0;top:0;width:68%;aspect-ratio:1352/538;container-type:inline-size;
  background:url(hero-photo.jpg) center/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%);
}
.ph-card{
  position:absolute;left:24.1%;width:74.6%;top:68.8%;height:24.2%;
  background:#fffaf4;border-radius:2.4cqw;display:flex;align-items:center;
  padding:0 1.6cqw;box-shadow:0 .8cqw 2.4cqw rgba(59,26,11,.15);
  font:400 1.05cqw/1.3 system-ui;color:#5a4a40;
}
.ph-card div{flex:1;display:flex;gap:.9cqw;align-items:center;padding:0 1.2cqw;border-left:1px solid #e3d3c3}
.ph-card div:first-child{border:0;padding-left:0}
.ph-card i{color:#c8853a;font-style:normal;font-size:2.6cqw}
.ph-card b{display:block;color:#2a2420;font-size:1.3cqw}
.ph-copy{position:relative;z-index:2;width:37%;padding:2.6vw 0 2.4vw 4vw}
.ph-eyebrow{color:#d9540a;font:800 clamp(11px,.85vw,15px) system-ui;letter-spacing:.18em;text-transform:uppercase}
.ph-copy h1{font:800 clamp(34px,3.4vw,66px)/1.04 Georgia,"Times New Roman",serif;color:#2a2420;margin:.4em 0 .5em}
.ph-copy h1 em{color:#c8853a;font-style:normal}
.ph-copy .lead{font:400 clamp(15px,1vw,19px)/1.5 system-ui;color:#4a3a30;margin:0 0 1.4em;max-width:34em}
.ph-actions{display:flex;gap:16px;flex-wrap:wrap}
.ph-btn.light{background:#fff;color:#2a2420!important;padding:10px 28px 10px 12px;box-shadow:0 4px 14px rgba(59,26,11,.12)}
.ph-btn.light img{width:52px;height:52px;border-radius:50%;object-fit:cover}

/* --- Breakpoints --- */
@media(max-width:1800px){.ph-tel small{display:none}}
@media(max-width:1500px){.ph-logo small{display:none}}
@media(max-width:1350px){
  .ph-tel{display:none}
  .ph-top li:nth-child(5){display:none}
}
@media(max-width:1100px){
  .ph-nav,.ph-bar>.ph-btn,.ph-search{display:none}
  .ph-burger{display:grid;place-items:center}
  .ph-call-mobile{display:grid}
  .ph-top li:nth-child(n+3){display:none}
}
@media(max-width:900px){
  .ph-top{display:none}
  .ph-header{padding:10px 12px 8px}
  .ph-bar{padding:8px 12px;border-radius:18px;gap:10px}
  .ph-logo img{height:42px}
  .ph-logo b{font-size:20px}
  .ph-hero{margin-top:-80px;padding-top:80px}
  .ph-wrap{min-height:0;display:flex;flex-direction:column}
  .ph-copy{width:100%;padding:28px 20px 10px}
  .ph-photo{
    position:relative;width:100%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);
    mask-image:linear-gradient(180deg,transparent 0,#000 12%);
  }
  .ph-card{display:none}
  .ph-btn{font-size:16px;padding:14px 22px}
  .ph-mobile{margin:8px 12px 0;border-radius:18px}
}

/* Real Viber / WhatsApp icons */
.ph-icon-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .15s,opacity .15s;flex-shrink:0}
.ph-icon-btn:hover{transform:scale(1.08);opacity:.92}
.ph-icon-btn svg{display:block;width:18px;height:18px}
.ph-viber{background:#7360f2;color:#fff!important}
.ph-whatsapp{background:#25d366;color:#fff!important}
.ph-msg-text{color:inherit;text-decoration:none;font-weight:600;font-size:13px}
.ph-msg-text:hover{color:#c8853a}
.ph-m-msg a{display:flex;align-items:center;justify-content:center;gap:8px}
.ph-m-msg a svg{width:18px;height:18px;flex-shrink:0}

.ph-mobile{position:relative}
.ph-mobile-close{
  position:absolute;top:10px;right:12px;width:40px;height:40px;
  border:0;border-radius:12px;background:rgba(255,255,255,.12);
  color:#fff;font-size:28px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;z-index:2;
}
.ph-mobile-close:hover{background:rgba(255,255,255,.22)}
.ph-mobile-head{position:relative;padding-right:52px}


/* ===== PetHelp V3 — light premium header ===== */
.ph-header{
  background:transparent!important;
  padding:10px 2vw 12px!important;
}
.ph-bar{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(42,36,32,.07)!important;
  border-radius:22px!important;
  box-shadow:0 10px 30px rgba(42,36,32,.10)!important;
  padding:10px 18px!important;
}
.ph-header.is-scrolled .ph-bar{
  background:rgba(255,255,255,.98)!important;
  padding:8px 16px!important;
  border-radius:18px!important;
}
.ph-logo-img{
  display:block;
  width:230px;
  height:auto;
  max-height:66px;
  object-fit:contain;
}
.ph-logo{display:flex;align-items:center;flex:none}
.ph-logo b,.ph-logo small{display:none!important}
.ph-nav a{
  color:#2a2420!important;
}
.ph-nav a:hover{
  color:#ff6a00!important;
  border-color:#ff6a00!important;
}
.ph-tel{
  color:#2a2420!important;
  border-left-color:#e3d3c3!important;
}
.ph-tel .ic{
  background:#fff1e5!important;
  color:#ff6a00!important;
}
.ph-tel small{color:#6b4c3b!important}
.ph-search,.ph-searchbar,.ph-bar>.ph-btn{display:none!important}
.ph-burger{
  background:#f7f1e8!important;
  border-color:#e3d3c3!important;
  color:#2a2420!important;
}
.ph-call-mobile{background:#ff6a00!important}
.ph-mobile{
  background:#fff!important;
  border:1px solid rgba(42,36,32,.08);
}
.ph-mobile-head{
  background:#fdf6ee!important;
  border-bottom-color:#eadaca!important;
}
.ph-mobile-head .ph-m-tel{color:#2a2420!important}
.ph-mobile-head .ph-m-tel .ic{background:#fff1e5!important;color:#ff6a00!important}
.ph-mobile-head .ph-m-tel small{color:#6b4c3b!important}
.ph-mobile-head .ph-m-meta span{color:#5a4a40!important;background:#f7f1e8!important}
.ph-mobile-nav a{color:#2a2420!important;border-bottom-color:#eadaca!important}
.ph-mobile-cta{display:none!important}
@media(max-width:1500px){.ph-logo-img{width:205px}}
@media(max-width:900px){
  .ph-logo-img{width:170px;max-height:48px}
}

/* ===== Header logo — enlarged to match the established PetHelp proportion ===== */
.ph-logo-img{
  width:400px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
}
@media (max-width:1500px){
  .ph-logo-img{width:320px!important}
}
@media (max-width:1200px){
  .ph-logo-img{width:270px!important}
}
@media (max-width:900px){
  .ph-logo-img{width:225px!important;max-width:58vw}
}