/* Блог и служебные шаблоны: лента и архивы (home.php, archive.php, index.php), запись (single.php), поиск по сайту
   (search.php), 404 (404.php). Части — inc/blog.php. Токены, кнопки, .phero, .prose, .pgrid/.pcard, .empty, .pager — home.css и site.css.
   Фото записей — в «паспарту»: картинка целиком на кремовом поле с тонкой золотой рамкой. Сначала телефон. */

/* ---------- Первый экран ---------- */
.phero--blog .phero-meta > span::before,
.phero--search .phero-meta > span::before{content:"✦";color:var(--gold);font-size:11px}
.phero--post .phero-text{max-width:1060px}
.phero--post .h{overflow-wrap:break-word}
.phero--search .h{overflow-wrap:anywhere}

/* ---------- Фото записи в паспарту ---------- */
.bmedia{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--cream);isolation:isolate}
.bmedia::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(85% 65% at 50% 38%,rgba(255,255,255,.9),rgba(255,255,255,0) 72%)}
.bmedia::after{content:"";position:absolute;inset:10px;border:1px solid var(--line-gold);pointer-events:none;transition:border-color .4s,inset .4s}
.bmedia-img{position:absolute;left:9%;top:9%;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(17,17,17,.14));transition:transform .9s cubic-bezier(.2,.65,.2,1)}
.section--cream .bmedia{background:#fff}
.section--cream .bmedia::before{display:none}
.bph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:20px;text-align:center}
.bph-star{font-size:13px;line-height:1;color:var(--gold)}
.bph-name{font-family:var(--serif);font-style:italic;font-weight:400;font-size:46px;line-height:1;color:var(--gold-text)}
.bph-line{width:44px;height:1px;background:var(--gold)}
.bph-date{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* ---------- Карточка записи ---------- */
.bcard{position:relative;display:grid;gap:18px;align-content:start}
.bcard-body{display:grid;gap:10px;justify-items:start;align-content:start}
.bcard-date{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text)}
.bcard-title{font-family:var(--serif);font-size:24px;line-height:1.15;font-weight:500;overflow-wrap:break-word;max-width:100%}
.bcard-title a{text-decoration:none;color:var(--ink);background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .5s cubic-bezier(.2,.65,.2,1),color .2s}
.bcard-title a::after{content:"";position:absolute;inset:0;z-index:2} /* вся карточка — ссылка на запись */
.bcard-text{font-size:15px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard-more{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding-bottom:6px;border-bottom:1px solid var(--gold);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);transition:color .2s}
.bcard-more .ico{width:16px;height:16px;transition:transform .3s}
@media (hover:hover){
  .bcard:hover .bmedia-img{transform:scale(1.035)}
  .bcard:hover .bmedia::after{border-color:var(--gold);inset:14px}
  .bcard:hover .bcard-title a{background-size:100% 1px}
  .bcard:hover .bcard-more{color:var(--gold-text)}
  .bcard:hover .bcard-more .ico{transform:translateX(4px)}
}

/* Лента: на телефоне — одна колонка, с 600 — две, с 1024 — три; первая запись страницы — крупно */
.bgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
.bcard--lead .bcard-title{font-size:28px}
.bcard--lead .bcard-text{-webkit-line-clamp:5}
@media (min-width:600px){
  .bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--gap)}
  .bcard--lead{grid-column:1/-1}
}
@media (min-width:768px){
  .bcard--lead{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding-bottom:48px;border-bottom:1px solid var(--line)}
  .bcard--lead .bcard-body{gap:14px}
  .bcard--lead .bcard-title{font-size:36px;line-height:1.1}
  .bcard--lead .bcard-text{font-size:16.5px}
}
@media (min-width:1024px){
  .bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:60px var(--gap)}
  .bcard--lead{gap:64px;padding-bottom:60px}
  .bcard--lead .bcard-title{font-size:44px}
}
/* длинные заголовки (объявления целиком в заголовке) — на ступень мельче */
.bcard-title.is-long{font-size:21px}
@media (min-width:768px){.bcard--lead .bcard-title.is-long{font-size:30px}}
@media (min-width:1024px){.bcard--lead .bcard-title.is-long{font-size:34px}}

/* «Ещё в блоге»: на телефоне — строки (фото слева), с 768 — три карточки */
.bgrid--more .bcard-text{-webkit-line-clamp:2}
@media (max-width:767px){
  .bgrid--more{gap:0;border-top:1px solid var(--line-gold)}
  .bgrid--more .bcard{grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-gold)}
  .bgrid--more .bmedia::after{inset:5px}
  .bgrid--more .bph-name{font-size:24px}
  .bgrid--more .bph-date,.bgrid--more .bph-line,.bgrid--more .bcard-text,.bgrid--more .bcard-more{display:none}
  .bgrid--more .bcard-title{font-size:20px}
  .bgrid--more .bcard-body{gap:6px}
}
@media (min-width:768px){.bgrid--more{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--gap)}.bgrid--more .bcard-title{font-size:22px}}

/* ---------- Номера страниц (как в каталоге) ---------- */
.bpager{display:grid;justify-content:stretch;justify-items:center;gap:12px;margin-top:56px}
.bpager ul{gap:4px}
.bpager a,.bpager span.page-numbers{min-width:42px;height:46px;padding:0 8px}
.bpager-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%}
.bpager a.prev,.bpager a.next{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 16px}
.bpager .ico{width:16px;height:16px;color:var(--gold-text)}
.bpager a:hover .ico{color:var(--ink)}
@media (min-width:768px){
  .bpager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:72px}
  .bpager ul{gap:6px}
  .bpager a,.bpager span.page-numbers{min-width:48px;height:48px;padding:0 12px}
  .bpager-nav{display:contents}
  .bpager a.prev{order:-1;margin-right:10px;height:48px;padding:0 20px}
  .bpager a.next{order:1;margin-left:10px;height:48px;padding:0 20px}
}

/* ---------- Запись ---------- */
.bpost-grid{display:grid;gap:40px}
.bpost-main{min-width:0;display:grid;gap:34px;align-content:start}
.bpost-figure{position:relative;margin:0;display:grid;place-items:center;padding:clamp(18px,4vw,34px);background:var(--cream);isolation:isolate}
.bpost-figure::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 50% 40%,rgba(255,255,255,.85),rgba(255,255,255,0) 72%)}
.bpost-figure::after{content:"";position:absolute;inset:10px;border:1px solid var(--line-gold);pointer-events:none}
.bpost-img{width:auto;max-width:100%;height:auto;max-height:min(76vh,860px);object-fit:contain;box-shadow:var(--shadow)}
.bpost-text{max-width:780px;min-width:0}
.bpost-text a{overflow-wrap:anywhere} /* длинные адреса ссылок в старых записях — переносятся */
.bpost-text p:empty{display:none}
/* старые записи, вставленные из Word: строка — отдельный <div>, пустой <div> — абзац */
.bpost-text > div + div{margin-top:0}
.bpost-text > div:empty{height:1em}
.bpost-text img{width:auto;max-width:100%;max-height:88vh;margin-inline:auto}
.bpost-text a > img{display:block}
.bpost-text .wp-block-image,.bpost-text .wp-block-post-featured-image{text-align:center}
.bpost-text .wp-block-gallery > figure:only-child{grid-column:1/-1}
.bpost-text .wp-block-gallery > figure:only-child img{width:auto;height:auto;max-height:88vh;margin-inline:auto;object-fit:contain}
.bpost-text .wp-block-embed iframe,.bpost-text iframe[src*="youtube"],.bpost-text iframe[src*="vk.com"],.bpost-text iframe[src*="rutube"]{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.bpost-text video{display:block;width:100%;height:auto}
.bpost-pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.bpost-foot{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;max-width:780px;padding-top:26px;border-top:1px solid var(--line)}
.bpost-foot .ico{width:16px;height:16px}

/* Карточка салона рядом с текстом — только на компьютере (на телефоне то же — в блоке «Примерка» ниже) */
.bside{display:none}
.bside-box{position:relative;display:grid;gap:16px;padding:30px 28px 28px;background:var(--cream);border:1px solid var(--line)}
.bside-box::before{content:"";position:absolute;inset:8px;border:1px solid var(--line-gold);pointer-events:none}
.bside-box > *{position:relative}
.bside-title{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:500}
.bside-title em{font-style:normal;font-weight:400;color:var(--gold-text)}
.bside-list{display:grid;gap:12px;font-size:15px;line-height:1.45}
.bside-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}
.bside-list .ico{width:18px;height:18px;margin-top:2px;color:var(--gold-text)}
.bside-list a{font-weight:400;text-decoration:none;color:var(--ink);transition:color .2s}
.bside-list a:hover{color:var(--gold-text)}
.bside .btn{width:100%;padding:0 14px;font-size:12.5px;white-space:normal;text-align:center}
.bside-note{font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (min-width:1024px){
  .bpost-grid{grid-template-columns:minmax(0,1fr) 330px;gap:64px;align-items:start}
  .bside{display:block;position:sticky;top:112px}
  .admin-bar .bside{top:144px}
}
@media (min-width:1200px){.bpost-grid{grid-template-columns:minmax(0,1fr) 350px;gap:80px}}

/* ---------- Поиск по сайту ---------- */
.ssearch{position:relative;display:grid;gap:12px;padding:22px 20px 20px;background:rgba(255,255,255,.72);border:1px solid var(--line)}
.ssearch::before{content:"";position:absolute;inset:7px;border:1px solid var(--line-gold);pointer-events:none}
.ssearch > *{position:relative}
.ssearch-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ssearch-note{font-size:14px;line-height:1.5;color:var(--muted)}
.ssearch-note a{color:var(--gold-text);text-underline-offset:3px}
@media (min-width:900px){.phero--search .phero-grid,.phero--404 .phero-grid{align-items:end}.ssearch{padding:28px 28px 26px}}

.srows{display:grid;border-top:1px solid var(--line-gold)}
.srow{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line-gold)}
.srow .bmedia::after{inset:4px}
.srow .bmedia-img{left:7%;top:7%;width:86%;height:86%;filter:none}
.srow .bmedia--mini .bph-star{font-size:16px}
.srow-body{display:grid;gap:6px;min-width:0}
.srow-body > *{min-width:0}
.srow-kind{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text)}
.srow-title{font-family:var(--serif);font-size:23px;line-height:1.15;font-weight:500;overflow-wrap:break-word}
.srow-title a{text-decoration:none;color:var(--ink);transition:color .2s}
.srow-title a::after{content:"";position:absolute;inset:0;z-index:2}
.srow-text{font-size:15px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.srow-go{display:none}
.srow mark,.sprod mark{background:rgba(207,179,135,.38);color:inherit;padding:0 .06em}
@media (hover:hover){.srow:hover .srow-title a{color:var(--gold-text)}.srow:hover .bmedia::after{border-color:var(--gold)}}
@media (min-width:768px){
  .srow{grid-template-columns:104px minmax(0,1fr) 24px;gap:28px;padding:26px 0}
  .srow-title{font-size:27px}
  .srow-go{display:block;align-self:center;width:22px;height:22px;color:var(--gold-text);transition:transform .3s}
  .srow:hover .srow-go{transform:translateX(6px)}
}
.slist .bpager{margin-top:48px}
.sempty-form{width:100%;max-width:620px}
.sempty-actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:599px){.sempty-actions{display:grid;width:100%}.sempty-actions .btn{white-space:normal;text-align:center;line-height:1.3;padding:12px 16px}}

/* ---------- 404 ---------- */
.e404{position:relative;display:grid;padding-top:44px}
.e404-num{position:absolute;right:-4px;top:-18px;z-index:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(120px,30vw,250px);line-height:.9;color:rgba(207,179,135,.24);pointer-events:none;user-select:none}
.e404-box{position:relative;z-index:1;display:grid;gap:14px;padding:24px 20px 22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.e404-box::before{content:"";position:absolute;inset:7px;border:1px solid var(--line-gold);pointer-events:none}
.e404-box > *{position:relative}
.e404-actions{display:grid;gap:10px;margin-top:4px}
@media (min-width:600px){.e404-actions{grid-template-columns:1fr 1fr}.e404-box{padding:30px 28px 28px}}
@media (min-width:900px){.e404{padding-top:104px}.e404-num{top:-14px;right:-6px;font-size:230px}}
.e404-cats{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--gap);border-top:1px solid var(--line-gold)}
.e404-cats a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 4px;border-bottom:1px solid var(--line-gold);font-family:var(--serif);font-size:23px;line-height:1.15;font-weight:500;text-decoration:none;color:var(--ink);transition:color .2s,padding .3s}
.e404-cats .ico{flex:none;width:18px;height:18px;color:var(--gold-text);transition:transform .3s}
.e404-cats a:hover{color:var(--gold-text);padding-left:12px}
.e404-cats a:hover .ico{transform:translateX(4px)}
@media (min-width:600px){.e404-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.e404-cats li:nth-child(-n+2){border-top:0}}
@media (min-width:1024px){.e404-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.e404-cats a{font-size:25px}}
.e404-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:40px}
.e404-links-label{flex:0 0 100%;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
@media (min-width:768px){.e404-links-label{flex:none;margin-right:6px}}