/* Публикации, альбомы, формы, поиск, уведомление о cookie (временная тема; финальный дизайн — отдельный этап). */
.narrow{max-width:760px}
/* шапка: поиск */
.head-search{display:flex;align-items:center;margin-left:auto;margin-right:16px}
.head-search input{width:176px;font:400 14px var(--font);padding:7px 34px 7px 12px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:width .2s,border-color .2s}
.head-search input:focus{width:240px;outline:none;border-color:var(--brand)}
.head-search button{width:30px;height:30px;margin-left:-32px;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235b6478' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='M13 13l4 4'/%3E%3C/svg%3E") center/16px no-repeat;cursor:pointer}
/* карточки публикаций и альбомов */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-bottom:30px}
.post-card{display:flex;flex-direction:column;background:#f0f1f4;border-radius:8px;overflow:hidden;color:var(--ink);text-decoration:none;transition:background-color .2s,box-shadow .2s}
.post-card:hover,.post-card:focus-visible{background:#e8ebf5;box-shadow:0 10px 24px rgba(26,34,51,.12)}
.po-img{position:relative;display:flex;align-items:center;justify-content:center;height:180px;background:#fff;overflow:hidden}
.po-img img{width:100%;height:100%;object-fit:cover}
.po-img .pc-ph{width:60%;height:55%}
.po-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(26,34,51,.72)}
.po-play::after{content:"";position:absolute;left:21px;top:16px;border:11px solid transparent;border-left:17px solid #fff;border-right:0}
.po-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.po-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.po-type{background:var(--brand);color:#fff;border-radius:4px;padding:1px 8px;font-size:12px;font-weight:600}
.po-title{font-size:17px;line-height:1.3}
.po-sum{font-size:14px;color:#3a4459}
/* страница записи */
.post{max-width:820px;margin:8px 0 34px}
.post h1{font-size:34px;line-height:1.15;margin:8px 0 14px}
.post-cover{margin:0 0 22px}
.post-cover img{max-width:100%;height:auto;border-radius:8px}
.video-frame{position:relative;aspect-ratio:16/9;margin:0 0 22px;background:#000;border-radius:8px;overflow:hidden}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* альбом */
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0 0 34px}
.photo-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#eceef2}
.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.photo-grid a:hover img,.photo-grid a:focus-visible img{transform:scale(1.05)}
.lb{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(10,14,24,.92)}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.lb img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:4px}
.lb figcaption{color:#dfe3ee;font-size:14px;text-align:center;min-height:1.4em}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;font:400 26px/1 var(--font);width:46px;height:46px;border-radius:50%;cursor:pointer}
.lb button:hover,.lb button:focus-visible{background:rgba(255,255,255,.28)}
.lb .lb-close{top:16px;right:16px}
.lb .lb-count{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#c3cadb;font:500 13px var(--font);pointer-events:none}
.lb button[hidden]{display:none}
html.lb-open{overflow:hidden}
.lb .lb-prev{left:16px;top:50%;margin-top:-23px}
.lb .lb-next{right:16px;top:50%;margin-top:-23px}
/* формы */
.req-form{display:flex;flex-direction:column;gap:16px;margin:8px 0 34px}
.req-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.req-form input[type=text],.req-form input[type=email],.req-form input[type=tel],.req-form textarea{font:400 16px var(--font);padding:11px 13px;border:1px solid #c9cedb;border-radius:5px;background:#fff;color:var(--ink)}
.req-form input:focus,.req-form textarea:focus{outline:2px solid var(--brand);outline-offset:1px}
.req-form [aria-invalid=true]{border-color:#c0392b}
.rf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.rf-err{color:#c0392b;font-size:13px;font-style:normal;font-weight:400}
.rf-alert{background:#fdecea;border:1px solid #f3b8b1;color:#8f2a1f;padding:10px 14px;border-radius:5px}
.rf-product{margin:0;padding:10px 14px;background:#f0f1f4;border-radius:5px}
label.rf-consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13px;color:var(--muted)}
.rf-consent input{margin-top:3px}
.rf-consent a{color:var(--brand)}
.req-form label b{color:#c0392b;font-weight:600}
.req-form .btn{align-self:flex-start;border:0;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* поиск */
.sr-sec{margin:0 0 30px}
.sr-sec h2{font-size:22px;text-transform:uppercase}
.sr-list{list-style:none;margin:0;padding:0}
.sr-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.sr-list a{color:var(--brand);text-decoration:none}
.sr-list p{margin:4px 0 0;color:#3a4459;font-size:14px}
/* уведомление о cookie */
.cookie-note{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto;background:#1a2233;color:#e6e9f3;padding:14px 18px;border-radius:8px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cookie-note[hidden]{display:none}
.cookie-note p{margin:0}
.cookie-note a{color:#aab8f0}
.cookie-note .btn{padding:9px 18px;border:0;cursor:pointer;flex:none}
@media(max-width:820px){.post h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.photo-grid img,.head-search input{transition:none}}
.rf-captcha{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.rf-cap-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.rf-cap-row img{border:1px solid #c9cedb;border-radius:5px;background:#f4f6fa;max-width:100%;height:auto}
.req-form .rf-cap-row input[type=text]{width:9em;text-transform:uppercase;letter-spacing:.14em}
.rf-cap-reload{font:400 13px var(--font);color:var(--brand);background:none;border:0;padding:4px;cursor:pointer;text-decoration:underline}
.rf-hint{font-size:13px;font-weight:400;color:var(--muted)}