/* Generated: site-wide CSS extracted from inline <style> blocks */
/* Source of header/footer: /index.html */

/* from: contacts/index.html */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#111;background:#fff}
a{color:#0b57d0;text-decoration:none} a:hover{text-decoration:underline}
header,main,footer{max-width:1120px;margin:0 auto;padding:16px}
.hr{border-top:1px solid #e5e7eb;margin:16px 0}
.card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
label{display:block;font-size:13px;color:#333;margin:10px 0 6px}
input,textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font:inherit}
textarea{min-height:120px;resize:vertical}
button{border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
button.primary{background:#0060CD;color:#ccc;padding:6px}
small{color:#555}
.bad{color:#b91c1c}
.ok{color:#065f46}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px}
.icon{width:18px;height:18px;display:inline-block}
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-6xl{max-width:72rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-semibold{font-weight:600}
.tracking-tight{letter-spacing:-.01em}
.hover\:underline:hover{text-decoration:underline}

/* from: gallery/alushta/detskaya-ploshchadka/detskaya-ploshchadka-v-alushta-foto-1.html */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#111;background:#fff}
header,main,footer{max-width:1120px;margin:0 auto;padding:16px}
a{color:#0b57d0;text-decoration:none} a:hover{text-decoration:underline}
/* единый верхний отступ + меню */
.topnav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}
.topnav a{color:#111;font-weight:600}
/* breadcrumbs */
.breadcrumbs{font-size:13px;color:#555;margin:10px 0 0 0}
.breadcrumbs a{color:#0b57d0}
/* grid cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
/* FIX: одинаковый размер превью */
.thumb{width:100%;height:190px;object-fit:cover;display:block;aspect-ratio:4/3}
.card figcaption{padding:10px;font-size:14px;line-height:1.35}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.badge{font-size:12px;background:#f3f4f6;border-radius:999px;padding:6px 10px}
small{color:#555}
<style>

/* --- util classes (subset) to make header look like on home --- */
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-6xl{max-width:72rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-semibold{font-weight:600}
.tracking-tight{letter-spacing:-.01em}
.hover\:underline:hover{text-decoration:underline}

/* from: gallery/index.html */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#111;background:#fff}
header,main,footer{max-width:1120px;margin:0 auto;padding:16px}
a{color:#0b57d0;text-decoration:none} a:hover{text-decoration:underline}
/* единый верхний отступ + меню */
.topnav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}
.topnav a{color:#111;font-weight:600}
/* breadcrumbs */
.breadcrumbs{font-size:13px;color:#555;margin:10px 0 0 0}
.breadcrumbs a{color:#0b57d0}
/* grid cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
/* FIX: одинаковый размер превью */
.thumb{width:100%;height:190px;object-fit:cover;display:block;aspect-ratio:4/3}
.card figcaption{padding:10px;font-size:14px;line-height:1.35}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.badge{font-size:12px;background:#f3f4f6;border-radius:999px;padding:6px 10px}
small{color:#555}
.blocks{padding:0 6%;}

/* --- util classes (subset) to make header look like on home --- */
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-6xl{max-width:72rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-semibold{font-weight:600}
.tracking-tight{letter-spacing:-.01em}
.hover\:underline:hover{text-decoration:underline}
/* cs-menu-nav-v1: scoped header menu (no global ul/li breakage) */
.cs-menu {
 background-color: #38444d;
}


.cs-menu__wrap {
 max-width: 72rem;
 margin: 0 auto;
 padding: 0 16px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
}

*|html[xmlns*=""] .cs-menu__wrap {
 max-width: 77rem;
 margin: 0 auto;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
html:first-child .cs-menu__wrap {
 max-width: 77rem;
 margin: 0 auto;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

opera:-o-prefocus .cs-menu__wrap {
 max-width: 77rem;
 margin: 0 auto;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.cs-menu__brand {
 color: #fff;
 font-weight: 600;
 text-decoration: none;
 white-space: nowrap;
}
.cs-menu__list {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
.cs-menu__list > li {
 position: relative;
}
.cs-menu__list > li > a,
.cs-menu .dropbtn {
 display: block;
 color: #fff;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 white-space: nowrap;
}
.cs-menu__list > li > a:hover,
.cs-menu li.dropdown:hover .dropbtn,
.cs-menu li.dropdown:focus-within .dropbtn {
 background-color: red;
}
.cs-menu .dropdown-content {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 background-color: #f9f9f9;
 min-width: 180px;
 box-shadow: 0 8px 16px rgba(0,0,0,0.2);
 z-index: 1000;
}
.cs-menu .dropdown-content a {
 color: #000;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 text-align: left;
}
.cs-menu .dropdown-content a:hover {
 background-color: #f1f1f1;
}
.cs-menu li.dropdown:hover .dropdown-content,
.cs-menu li.dropdown:focus-within .dropdown-content {
 display: block;
}

/* mobile: перенос строк, чтобы не ломалось */
@media (max-width: 640px) {
 .cs-menu__wrap { flex-wrap: wrap; padding: 10px 16px; }
 .cs-menu__list > li > a, .cs-menu .dropbtn { padding: 10px 12px; }
}


/* cs-mobile-header-fix-v1 */
/* Safety net */
html, body { overflow-x: hidden; }

/* Header brand should never force horizontal scroll */
.cs-menu__brand { max-width: 100%; min-width: 0; }
.cs-menu__brand img.cs-logo-img {
 width: clamp(110px, 32vw, 160px);
 max-width: 160px;
 height: auto;
}

@media (max-width: 420px) {
 .cs-menu__brand .pill { display:none; }
 .cs-menu__wrap { padding-left: 12px; padding-right: 12px; }
}


/* cs-colors-v1: breadcrumbs + footer colors */

/* breadcrumbs */
#cs-breadcrumbs, #cs-breadcrumbs * {
 color: #CBCDD2 !important;
}

/* footer block */
footer.cs-footer {
 background: #38444D !important;
 border-top-color: rgba(203, 205, 210, 0.25) !important;
}
footer.cs-footer, footer.cs-footer a {
 color: #CBCDD2;
}
footer.cs-footer a:hover {
 color: #FFFFFF;
}
div.foot {color: #CED0D4;}
</style>
<style>
/* cs-logo-size-v1: header logo sizing (beats tailwind with !important) */
.cs-logo-img { height: 112px !important; width: auto !important; }
@media (max-width: 640px) { .cs-logo-img { height: 88px !important; } }