:root{--header-teal:var(--color-primary)}.site-header{height:72px;min-height:72px;padding:0;background:#fff;border-bottom:1px solid #e8edf3}.site-header .header-container{width:min(1200px,calc(100% - 40px));height:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}.hp-logo{flex:none;display:inline-flex;align-items:center;gap:7px;color:#1b2c47;font-size:18px;font-weight:800;letter-spacing:-.6px;text-decoration:none;white-space:nowrap}.hp-logo img{display:block;height:68px;width:auto;max-width:212px;max-height:68px;object-fit:contain;flex:none}.hp-brand-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff}.hp-brand-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hp-nav-links{height:100%;min-width:0;display:flex;align-items:center;gap:clamp(12px,2vw,23px);flex:1;white-space:nowrap}.hp-nav-links a{height:100%;position:relative;display:flex;align-items:center;color:var(--color-heading);font-size:14px;font-weight:600;text-decoration:none;transition:color .16s}.hp-nav-links a:hover,.hp-nav-links a.is-current{color:var(--header-teal)}.hp-nav-links a.is-current::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:2px;background:var(--header-teal)}.hp-nav-actions{display:flex;align-items:center;gap:11px;white-space:nowrap}.hp-header-icon{position:relative;width:28px;height:32px;display:grid;place-items:center;color:var(--color-text);text-decoration:none}.hp-header-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hp-header-dot{position:absolute;top:4px;left:3px;right:auto;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--color-cta);box-shadow:0 0 0 0 #ef444466;animation:hp-offer-pulse 1.8s ease-out infinite}.hp-user-mark{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff;text-decoration:none}.hp-user-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hp-account-link{max-width:150px;overflow:hidden;color:var(--color-heading);font-size:11px;text-overflow:ellipsis;text-decoration:none}.hp-account-link:hover{color:var(--header-teal)}.hp-header-publish{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--color-cta);color:#fff;font-size:11px;font-weight:750;text-decoration:none;transition:background .16s,transform .16s}.hp-header-publish:hover{background:var(--color-cta-hover);transform:translateY(-1px)}.hp-header-publish svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hp-nav-links a:focus-visible,.hp-header-icon:focus-visible,.hp-user-mark:focus-visible,.hp-account-link:focus-visible,.hp-header-publish:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}@keyframes hp-offer-pulse{0%{box-shadow:0 0 0 0 #ef444477}70%{box-shadow:0 0 0 7px #ef444400}100%{box-shadow:0 0 0 0 #ef444400}}@media(max-width:1100px){.site-header .header-container{width:calc(100% - 32px)}}@media(max-width:950px){.site-header .header-container{gap:13px}.hp-nav-links{display:none}.hp-nav-actions{margin-left:auto;gap:10px}}@media(max-width:560px){.site-header,.home-page .site-header{height:54px;min-height:54px}.site-header .header-container{width:calc(100% - 24px);gap:8px}.hp-logo{width:130px;flex:0 0 130px;overflow:hidden}.hp-logo img{height:46px;width:auto;max-width:132px;max-height:46px}.hp-nav-actions{gap:7px}.hp-header-icon{display:grid;width:26px}.hp-user-mark{width:22px;height:22px}.hp-account-link{display:none}.hp-header-publish{width:36px;height:34px;gap:0;padding:0;font-size:0}.hp-header-publish svg{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.hp-header-dot{animation:none}.hp-header-publish{transition:none}}
/* ============================================================
   Глобална търсачка (hp-search-panel) — един източник на стил за
   целия сайт. Markup: includes/search-panel.php. Използва се в:
   - hero секцията на началната страница (index.php)
   - лентата .search-section на всички вътрешни страници
   Логика: GET -> categories.php (q, city, cat) + автокомплит
   подсказки от search-suggest.php за всяка инстанция.
   ============================================================ */
.search-section{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:16px 0}
.search-section .hp-search-panel{position:static;width:min(1200px,calc(100% - 40px));margin:0 auto}
.hp-search-panel{min-height:54px;padding:6px;display:grid;grid-template-columns:minmax(240px,1fr) 186px 205px 108px;align-items:stretch;gap:4px;background:var(--color-surface);border:1px solid #e7ecf3;border-radius:9px;box-shadow:var(--shadow-card)}
.hp-search-panel label{min-width:0;display:flex;align-items:center;gap:9px;padding:0 10px;color:#71829c;transition:color .16s}
.hp-search-panel label>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hp-search-panel label:focus-within{color:var(--color-primary)}
.hp-search-keyword{border-right:1px solid #e9eef4}
.hp-search-keyword .search-autocomplete-wrap{flex:1;min-width:0}
.hp-search-keyword input{width:100%;border:0;outline:0;background:transparent;color:#283a56;font-size:15px;padding:10px 0}
.hp-search-keyword input::placeholder{color:#9aa7b9}
.hp-search-select{border-right:1px solid #e9eef4}
.hp-search-select>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.hp-search-select small{font-size:12px;color:#8a98aa}
.hp-search-select select{width:100%;min-width:0;border:0;background:transparent;color:#293b56;font-size:14px;font-weight:700;outline:0;cursor:pointer}
.hp-search-select select option{padding:9px 12px}
.hp-search-submit{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s,transform .18s}
.hp-search-submit:hover{background:var(--color-primary-hover);transform:translateY(-1px)}
.hp-search-submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.hp-search-submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:1100px){.hp-search-panel{grid-template-columns:minmax(240px,1fr) 168px 186px 100px}.search-section .hp-search-panel{width:calc(100% - 32px)}}
@media(max-width:1000px){.hp-search-panel{grid-template-columns:minmax(0,1fr) 1fr 94px;min-height:0}.hp-search-keyword{grid-column:1/-1;border-right:0;border-bottom:1px solid #e9eef4}.hp-search-select{border-right:1px solid #e9eef4}.hp-search-submit{min-height:39px}}
@media(max-width:560px){.hp-search-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:7px}.search-section .hp-search-panel{width:calc(100% - 24px)}.hp-search-keyword{grid-column:1/-1;min-height:39px;border-right:0;border-bottom:1px solid #e9eef4}.hp-search-select{min-height:42px;padding:0 5px!important;gap:5px!important}.hp-search-select>svg{width:14px!important;height:14px!important}.hp-search-select small{font-size:11px!important}.hp-search-select select{font-size:13px!important}.hp-search-submit{grid-column:1/-1;min-height:38px}}
@media(prefers-reduced-motion:reduce){.hp-search-submit,.hp-search-panel label{transition:none}}
/* ============================================================
   Икона "Любими" в десктоп хедъра (преди hp-user-mark) + брояч.
   ============================================================ */
.hp-header-favorites{color:var(--color-heading);transition:color .16s}
.hp-header-favorites:hover{color:var(--color-cta)}
.hp-header-count{position:absolute;top:-4px;right:-6px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--color-cta);color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center;box-shadow:0 0 0 2px #fff}
/* ============================================================
   Мобилна долна навигация (sticky меню) — Начало / Любими / Обява /
   Съобщения / Профил. Markup: includes/header.php (.hp-tabbar).
   Показва се само на телефони (≤760px), скрита на десктоп.
   ============================================================ */
.hp-tabbar{display:none}
@media(max-width:760px){
  body.hp-has-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .hp-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e8edf3;box-shadow:0 -6px 24px rgba(2,43,102,.08)}
  .hp-tabbar-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:4px 2px 2px;border-radius:10px;color:#64748b;font-size:10px;font-weight:600;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .16s}
  .hp-tabbar-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .hp-tabbar-item.is-active{color:var(--color-primary)}
  .hp-tabbar-item.is-active::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--color-primary)}
  .hp-tabbar-badge{position:absolute;top:3px;left:calc(50% + 7px);min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--color-cta);color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff}
  .hp-tabbar-publish-btn{display:grid;place-items:center;width:50px;height:50px;margin-top:-20px;border-radius:50%;background:var(--color-cta);color:#fff;box-shadow:0 8px 20px rgba(239,68,68,.4)}
  .hp-tabbar-publish-btn svg{width:23px;height:23px;stroke-width:2.3}
  .hp-tabbar-item.hp-tabbar-publish.is-active{color:var(--color-cta)}
  .hp-tabbar-item.hp-tabbar-publish.is-active::before{background:var(--color-cta)}
  /* Иконката "Любими" в хедъра се скрива на телефон — дублира се с лентата. */
  .hp-header-favorites{display:none}
  .hp-tabbar-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){.hp-tabbar-item{transition:none}}