/* 2.3.183 (audit 17.10: «меню должно быть видно от ~1280 и при масштабе 125 % на 1536»): the compact header (menu behind ☰) only up to 1199px; wider — the one-row header of site-links.css + header-fit.js */
/* The same header grid on home, albums, photographs and memories. */
@media(max-width:1199px){
 body .site-header.site-header{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;padding:10px 18px;gap:8px 16px}
 .site-header .header-identity,.site-header .header-utilities{display:contents}
 body .site-header.site-header .brand{grid-column:1;grid-row:1;gap:8px;min-width:0;max-width:100%}
 body .site-header.site-header .brand strong{font-size:22px;white-space:normal;line-height:1.2}
 body .site-header.site-header .brand small{display:block;font-size:9px}
 body .site-header.site-header .candle{width:24px;height:44px;max-height:44px}
 body .site-header.site-header .photo-logo{width:28px;height:40px}
 body .site-header.site-header .header-tools{grid-column:2;grid-row:1;gap:6px}
 body .site-header.site-header :is(#menu,#language){display:block;box-sizing:border-box;width:44px;min-width:44px;height:44px;border:1px solid #cbb68b66;border-radius:50%;padding:8px;background:transparent}
 body .site-header.site-header .site-links{display:grid;grid-column:1;grid-row:2;justify-self:start;grid-template-columns:auto repeat(2,72px);margin:0;padding:0;border:0;gap:6px}
 .site-header .site-links-label{grid-column:auto}
 body .site-header.site-header .header-counters{display:flex;grid-column:2;grid-row:2;justify-self:end;gap:6px}
 body .site-header.site-header .header-counters>div{width:138px;height:36px;padding:3px 6px;min-width:0;border-radius:7px}
 body .site-header.site-header .header-counters>[hidden]{display:none}
 .site-header .header-counters :is(.visit-counter-label,.catalog-counter-label){margin:0;font-size:9px}
 body .site-header.site-header>#nav{display:none;position:absolute;inset-inline:0;top:100%;grid-column:auto;grid-row:auto;max-height:calc(100svh - 160px);overflow:auto;padding:16px 22px;gap:14px;background:#232923;border-top:1px solid #ffffff25;box-shadow:0 20px 30px #0004}
 body .site-header.site-header>#nav.open{display:flex;flex-direction:column;align-items:stretch}
 body .site-header .mobile-header-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #cbb68b40;padding-top:12px}
 body .site-header .mobile-header-actions :is(a,button){display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:8px 0;border:0;border-radius:0;background:transparent;color:#e4c48e;font:14px/1.4 Arial,sans-serif;text-align:start}
 body .site-header .mobile-header-actions [hidden]{display:none}
 body .site-header .mobile-header-actions svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
 body .site-header .mobile-action-label{display:inline}
 html{scroll-padding-top:160px}
}
@media(max-width:600px){
 body .site-header.site-header{padding:8px 12px;gap:5px 8px}
 body .site-header.site-header .brand strong{font-size:17px}
 body .site-header.site-header .brand small{font-size:8px}
 body .site-header.site-header .site-links{grid-column:1/-1;grid-row:2;justify-self:center}
 body .site-header.site-header .header-counters{grid-column:1/-1;grid-row:3;justify-self:center;max-width:100%}
 body .site-header.site-header .header-counters>div{width:136px}
 body .site-header.site-header .photo-logo{width:22px;height:30px}
 body .site-header.site-header .candle{width:21px;height:38px}
}

/* «Ещё наши сайты» (2.3.111): a readable caption above the sibling-site links on every width. */
body .site-header.site-header .site-links .site-links-label{display:block;grid-column:1/-1;flex-basis:100%;margin:0;font:600 12px/1.25 Arial,sans-serif;letter-spacing:.03em;color:#e4d7bb;text-align:start;white-space:nowrap}
@media(max-width:759px){body .site-header.site-header .site-links .site-links-label{font-size:13px;text-align:center}}
@media(max-width:600px){html{scroll-padding-top:180px}}
@media(min-width:760px) and (max-width:1199px){
 body .site-header.site-header{grid-template-columns:minmax(180px,1fr) auto auto auto;gap:8px 14px;padding:10px 16px}
 body .site-header.site-header .brand{grid-column:1;grid-row:1}
 body .site-header.site-header .brand strong{font-size:18px}
 body .site-header.site-header .site-links{grid-column:2;grid-row:1;grid-template-columns:repeat(2,64px);gap:4px}
 body .site-header.site-header .header-counters{grid-column:3;grid-row:1;gap:4px}
 body .site-header.site-header .header-counters>div{width:116px;font-size:11px}
 body .site-header.site-header .header-tools{grid-column:4;grid-row:1}
}
@media(max-width:759px){body .site-header.site-header .site-links{grid-template-columns:repeat(2,72px)}}
.hero-links>a.primary{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:44px;padding:10px 18px;border:1px solid #f1e8d780;border-radius:24px;background:#26352be6;color:#f6eedf;box-shadow:none;font:14px/1.3 Arial,sans-serif;text-decoration:none;backdrop-filter:blur(8px)}
.hero-links>a.primary:hover{background:#26352b}
.hero-links>a.primary>span[aria-hidden]{display:none}

.site-header .site-links{grid-template-columns:repeat(3,84px)}
@media(min-width:760px) and (max-width:1199px){body .site-header.site-header .site-links{grid-template-columns:repeat(3,60px)}.site-header .site-link-sign{width:60px}body .site-header.site-header .header-counters>div{width:104px}}
@media(max-width:759px){body .site-header.site-header .site-links{grid-template-columns:repeat(3,72px)}.site-header .site-link-sign{width:72px}}

/* Leave room for long photo counts and translated visitor totals. */
@media(min-width:900px) and (max-width:1199px){body .site-header.site-header .header-counters>div{width:136px}}
@media(min-width:760px) and (max-width:899px){body .site-header.site-header .header-counters>div{width:110px}.site-header .header-counters :is(.visit-counter-values,.catalog-counter-values){font-size:8.5px}.site-header .header-counters strong{font-size:11px}}

/* User-entered shortcut names share one signature treatment on every site. */
body .site-header.site-header .site-links[data-header-links]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;max-width:360px}
body .site-header.site-header .site-links[data-header-links] .site-link-sign{width:auto;max-width:100%;height:30px;min-width:0;text-decoration:none;color:#f1d8ae}
.site-links .site-link-title{position:relative;display:block;font:italic 400 18px/1.5 'Segoe Script','Brush Script MT',Georgia,serif;color:#f1d8ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:2px}
.site-links .site-link-title::after{content:'';position:absolute;inset-inline:2px;bottom:1px;height:3px;border-bottom:1px solid #bc9761;border-radius:50%;opacity:.75;transform:rotate(-2deg)}
@media(min-width:760px) and (max-width:1199px){body .site-header.site-header .site-links[data-header-links]{max-width:240px;gap:4px 8px}.site-links .site-link-title{font-size:13px}}
@media(min-width:760px) and (max-width:899px){body .site-header.site-header{column-gap:8px}body .site-header.site-header .site-links[data-header-links]{max-width:220px;gap:4px 6px}.site-links .site-link-title{font-size:12px}}
@media(max-width:759px){body .site-header.site-header .site-links[data-header-links]{max-width:100%;justify-content:center}.site-links .site-link-title{font-size:16px}}
