/* ===== Premium-эффекты со старого сайта: переливающийся градиент, золотые кольца, линии у слогана ===== */
@keyframes ph-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes ph-ring{to{transform:rotate(360deg)}}

/* 1. Логотип: HELP и .BY переливаются, слоган курсивом Cormorant */
.ph-name .b,
h1 em,h2 em,.hl,.rex-accent,.ph-copy h1 em,.ph-brand-word b,
.ph-tag{
  background:linear-gradient(100deg,#EA6410 20%,#FFB46E 45%,#EA6410 70%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  animation:ph-shimmer 5.5s ease-in-out infinite;
}
.ph-tag{
  font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:600!important;
  font-size:15.5px!important;letter-spacing:.02em;
  background-image:linear-gradient(100deg,#A9622B 20%,#E9A15A 45%,#A9622B 70%);
}
/* на тёмном фоне (футер, тёмные секции): золото как на старом сайте */
.ph-lockup.on-dark .b{background-image:linear-gradient(100deg,#E8A85A 20%,#FFF6E8 45%,#E8A85A 70%)}
.ph-lockup.on-dark .ph-tag{display:none}

/* 2. Слоган с тонкими золотыми линиями (вверху футера) */
.footer .ph-slogan{flex:0 0 100%;grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;
  margin:0 0 26px;font:italic 600 clamp(1.3rem,2.7vw,1.75rem)/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em;text-align:center}
.footer .ph-slogan span{background:linear-gradient(100deg,#E8A85A 20%,#FFF6E8 45%,#E8A85A 70%);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#E8A85A;animation:ph-shimmer 5s ease-in-out infinite}
.footer .ph-slogan::before,.footer .ph-slogan::after{content:'';height:1px;width:26px;background:#E8A85A;opacity:.4;flex:none}
@media(max-width:600px){.footer .ph-slogan::before,.footer .ph-slogan::after{width:13px}}

/* 3. Вращающееся золотое кольцо вокруг иконки телефона */
.ph-tel .ic{position:relative}
.ph-tel .ic::before{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(242,106,15,.9) 0%,rgba(255,190,120,.25) 40%,rgba(242,106,15,.9) 70%,rgba(255,190,120,.25) 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:ph-ring 7s linear infinite}

/* 4. Блик, пробегающий по кнопке при наведении */
.ph-btn:not(.ghost),.btn.primary{position:relative;overflow:hidden}
.ph-btn:not(.ghost)::after,.btn.primary::after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .8s ease;pointer-events:none}
.ph-btn:not(.ghost):hover::after,.btn.primary:hover::after{left:140%}

@media(prefers-reduced-motion:reduce){
  .ph-name .b,h1 em,h2 em,.hl,.rex-accent,.ph-brand-word b,.ph-tag,.footer .ph-slogan span,.ph-tel .ic::before{animation:none!important}
}

/* кнопка-переход под блоками на главной */
.ph-more{text-align:center;margin-top:24px}

/* ===== Слоган в футере: выразительнее, но спокойно ===== */
.footer .ph-slogan{position:relative;padding:22px 12px 24px;margin:0 0 30px;gap:22px;
  font-size:clamp(1.55rem,3.3vw,2.15rem);letter-spacing:.03em;line-height:1.25;
  background:radial-gradient(ellipse 60% 120% at 50% 50%,rgba(232,168,90,.16),transparent 70%)}
.footer .ph-slogan span{color:#F4C98A;font-weight:600;
  background-image:linear-gradient(100deg,#E9A55A 15%,#FFE9C7 45%,#E9A55A 75%);
  filter:drop-shadow(0 2px 14px rgba(232,168,90,.28))}
.footer .ph-slogan::before,.footer .ph-slogan::after{width:clamp(30px,9vw,90px);height:1px;opacity:1;
  background:linear-gradient(90deg,transparent,#E8A85A)}
.footer .ph-slogan::after{background:linear-gradient(90deg,#E8A85A,transparent)}

/* ===== v5: один телефон в шапке, насыщенный логотип, тематические иконки ===== */
/* телефон: на десктопе только «таблетка», круглая кнопка — только на узких экранах */
.ph-call-mobile{display:none!important}
@media(max-width:1000px){.ph-tel{display:none!important}.ph-call-mobile{display:grid!important}}

/* логотип: контрастнее и крупнее */
.ph-lockup .ph-paw{height:60px}
.ph-name{font-size:44px!important;letter-spacing:.1em}
.ph-name .a{color:#231108}
.ph-name .b,.ph-name .b{background-image:linear-gradient(100deg,#D4520A 15%,#F47A1C 48%,#D4520A 85%)}
.ph-name .c{font-size:.34em!important;letter-spacing:.2em;color:#A9622B!important}
.ph-lockup:not(.on-dark) .ph-tag{font-size:15.5px!important;font-weight:700!important;letter-spacing:.015em;
  background-image:linear-gradient(100deg,#8F4A17 15%,#C0732C 48%,#8F4A17 85%)}
.ph-lockup.on-dark .ph-name{font-size:40px!important}
/* акценты в заголовках: плотный оранжевый вместо бледного блика */
h1 em,h2 em,.hl,.rex-accent,.ph-copy h1 em,.ph-brand-word b{background-image:linear-gradient(100deg,#D9560A 15%,#F58A2E 48%,#D9560A 85%)}

/* иконки */
svg.ic{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
svg.ic .f{fill:currentColor!important;fill-opacity:.17!important;stroke:none!important}
svg.ic .o{fill:currentColor!important;stroke:none!important}
.ph-util-icon svg.ic{width:28px!important;height:28px!important}
.ph-top li i.ph-util-icon{width:30px!important;height:30px!important}
.ph-card i svg.ic{width:38px!important;height:38px!important}
.ph-card i{width:42px!important;height:42px!important}
.car-features-row .check{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;background:linear-gradient(145deg,#fff8ef,#ffeedd)!important}
.car-features-row .check svg.ic{width:30px!important;height:30px!important}
.ph-case-icon{width:62px!important;height:62px!important;color:#A9622B}
.ph-case-icon svg.ic{width:36px!important;height:36px!important}

/* ===== v6 ===== */
/* «Написать нам» с иконкой почты */
.ph-msg-text{display:inline-flex!important;align-items:center;gap:8px;margin-left:8px;padding:7px 15px 7px 12px;border:1px solid rgba(184,111,51,.38);border-radius:999px;color:#8F4A17!important;font-weight:700!important;text-decoration:none!important;transition:background .2s}
.ph-msg-text svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph-msg-text:hover{background:rgba(184,111,51,.1)}
/* ровный ритм вокруг кнопки «Подробнее» */
.car-section{padding-bottom:clamp(30px,3.6vw,46px)!important}
.ph-more{margin:0!important;padding:34px 0 0!important;text-align:center}
.car-features-row .feature{padding-top:20px!important;padding-bottom:20px!important}
.car-companion-note{margin-top:8px!important}
/* отзывы */
.rv-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch}
.rv-card{position:relative;display:flex;flex-direction:column;background:#fffdf9;border:1px solid rgba(184,111,51,.16);border-radius:28px;padding:30px 34px 26px;box-shadow:0 14px 40px rgba(60,34,18,.07)}
.rv-card.rv-photo{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:28px;padding:22px}
.rv-pic{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:400/504;align-self:start;box-shadow:0 8px 22px rgba(60,34,18,.14)}
.rv-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.rv-body{display:flex;flex-direction:column;padding:8px 8px 4px 0;min-width:0}
.rv-src{display:flex;align-items:center;gap:8px;font:800 12px/1 Mulish,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8F4A17;margin-bottom:14px}
.rv-src i{width:9px;height:9px;border-radius:50%;background:#B86F33}.rv-src i.g{background:#0B8F94}.rv-src i.y{background:#E8A03C}
.rv-stars{color:#C98445;letter-spacing:3px;font-size:17px;line-height:1;margin-bottom:14px}
.rv-quote{flex:1;margin:0;padding:0;border:0;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:500;font-size:clamp(18px,1.3vw,20px);line-height:1.5;color:#2f2520}
.rv-photo .rv-quote{font-size:clamp(21px,1.7vw,25px);line-height:1.46}
.rv-text::after{content:'\201D';position:absolute;right:30px;top:8px;font:600 96px/1 'Cormorant Garamond',Georgia,serif;color:rgba(184,111,51,.18);pointer-events:none}
.rv-foot{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(184,111,51,.18)}
.rv-av{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:700 18px Mulish,sans-serif;background:#B86F33}
.rv-foot b{display:block;font:800 15px/1.2 Mulish,sans-serif;color:#2a2420}.rv-foot small{display:block;color:#8a7769;font:600 12.5px/1.3 Mulish,sans-serif;margin-top:2px}
.rv-foot a{margin-left:auto;font:700 13px Mulish,sans-serif;color:#A9622B;text-decoration:none;white-space:nowrap}.rv-foot a:hover{text-decoration:underline}
.rv-more{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}
.rv-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.rv-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid rgba(184,111,51,.28);font:700 14px Mulish,sans-serif;color:#5b3f2c;text-decoration:none}
.rv-chip i{width:9px;height:9px;border-radius:50%;background:#B86F33}.rv-chip i.g{background:#0B8F94}.rv-chip i.y{background:#E8A03C}
.rv-chip:hover{border-color:#B86F33}
.rv-list{display:grid;gap:20px}
.rv-list .rv-card.rv-photo{grid-template-columns:minmax(190px,250px) 1fr}
.rv-list .rv-quote,.rv-list .rv-photo .rv-quote{font-size:clamp(21px,1.7vw,25px)}
.rv-how{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.rv-how div{background:#fff;border:1px solid rgba(184,111,51,.2);border-radius:22px;padding:24px 26px;box-shadow:0 6px 20px rgba(43,24,16,.05)}
.rv-how h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;margin:0 0 6px;color:#2B1810}.rv-how p{margin:0 0 14px;color:#4d3b30;line-height:1.6}
@media(max-width:900px){.rv-grid,.rv-how{grid-template-columns:1fr}.rv-card.rv-photo,.rv-list .rv-card.rv-photo{grid-template-columns:1fr}.rv-pic{max-width:260px}.rv-card{padding:24px 22px}.rv-card.rv-photo{padding:16px}.rv-body{padding:6px 8px 4px}.rv-foot{flex-wrap:wrap}}
/* финальный блок связи */
.ph-final{padding:clamp(26px,3.4vw,44px) 0 clamp(34px,4vw,56px)!important}
.ph-final-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px;padding:clamp(26px,3.2vw,40px) clamp(24px,4vw,52px);border-radius:32px;background:linear-gradient(120deg,#fffaf3 0%,#fbeedd 100%);border:1px solid rgba(184,111,51,.22);box-shadow:0 16px 44px rgba(60,34,18,.08)}
.ph-final-txt{max-width:640px}
.ph-final-txt .kicker{margin-bottom:10px}
.ph-final-txt h2{margin:0 0 10px;font-size:clamp(30px,3vw,44px)!important;line-height:1.08}
.ph-final-txt p{margin:0;color:#5e4a3e;line-height:1.6}
.ph-top li,.ph-msg-text,.ph-nav a{white-space:nowrap}
.ph-final-txt{flex:1 1 420px}
.ph-final-in .ph-actions{flex:0 0 auto}
@media(max-width:700px){.ph-final-in .ph-actions{width:100%;flex-direction:column;align-items:stretch}.ph-final-in .ph-btn{width:100%}.rv-quote{font-size:19px}}

/* Переменные для виджета Рэкса (rex-widget.css) — одинаковые значения на всех страницах */
:root{--cream:#f5f0e8;--warm-white:#fdfaf5;--charcoal:#2a2420;--brown:#6b4c3b;--amber:#c8853a;--amber-light:#e8a85a;--sage:#7a8c72;--rust:#b85c38;--black-lab:#1a1412;--text-soft:#5a4a40;--border:rgba(107,76,59,.15)}
.ph-rex-actions{margin:18px 0 4px}
.ph-rex-actions button.ph-btn{cursor:pointer;font-family:inherit}
/* Кнопки «закрыть» и «новый диалог» в окне Рэкса всегда над экраном согласия */
.rex-window-header{position:relative;z-index:40}
.rex-window-close,.rex-window-reset{position:relative;z-index:41}
/* ОНТ: в постере уже есть кнопка и подпись — свои показываем только если постер не загрузился */
.ph-ont-poster:not(.fb) .ph-ont-ring,.ph-ont-poster:not(.fb) .ph-ont-caption{display:none!important}
.ph-ont-poster:not(.fb) .ph-ont-play{background:transparent!important}
/* подвал: регион слева, УНП справа */
.footer .copyright{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px}
.footer .copyright .unp{margin-left:auto;text-align:right}

.ph-eyebrow{white-space:nowrap!important}
@media(max-width:420px){.ph-eyebrow{white-space:normal!important}}