@charset "utf-8";
*, ::before, ::after {box-sizing: border-box;}
html {overflow-x: hidden;}
body {margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;}

/* content grid */
.grid-container {display: grid;grid-template-columns:9fr 3fr;gap:24px;}
.grid-container > * {min-width:0;}
@media (max-width: 768px) {.grid-container {grid-template-columns:1fr;gap:0;}}

/* Header */
.header {background: linear-gradient(to bottom, #fff6b5 0%, #ffffff 100%);padding:10px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;color:#c30;font-size:90%;line-height:1.5em;}
.hd1{width: 565px;padding:10px;flex:1 1 auto;max-width:100%;min-width:0;}
#logo{width:100%;max-width:565px;height:auto;}
.hd2{padding:5px;margin-top:20px;font-weight:bolder;text-align:right;}
.hphone{font-family: Arial, Helvetica, sans-serif;font-size:150%;text-decoration:none;line-height:1.5em;}
@media (max-width: 480px) {
  .header{justify-content:center;text-align:center;}
  .hd1,.hd2 {width:100%;}
  .hd2{margin-top:0;text-align:center;}
  #logo{width:100%;max-width: 565px;height: auto;}
}

/* Общие стили */
a:link {color: #c00;}
a:visited {color:#963;}
a:hover {color:#f30;}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin:1.5em auto;text-align:center;color:#c30;width:100%;max-width:100%;display:block;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;padding:0 8px}
h1{font-size:clamp(1.5rem,7vw,2.2rem);font-weight:600}
h2{font-size:clamp(1.3rem,6vw,1.8rem);font-weight:600}
@media (max-width:767px){h1,h2,h3{margin:1em 0;font-size:clamp(1.3rem,6vw,1.6rem)}}

/* horizontal menu */
#nav,#nav ul{list-style:none;margin:0;padding:0}
#nav{font-family:Arial,Helvetica,sans-serif;width:100%;background-color:#FFCF88;position:relative;display:block;border-bottom:2px solid #FFAC2F}
#nav::after{content:"";display:table;clear:both}
#nav ul.subs{background-color:#fffef9;box-shadow:1px 1px 5px rgba(0,0,0,.2);color:#c00;display:none;left:0;position:absolute;top:54px;width:96%;min-width:600px;z-index:1000}
@media (min-width:769px){#nav li:hover ul.subs,#nav li:focus-within ul.subs{display:block}}
#nav>li{border-bottom:5px solid transparent;float:left;margin-bottom:-5px;text-align:left;transition:all .3s ease-in-out;font-size:17px;font-weight:600;position:relative}
#nav>li>a,#nav>li>label{display:block;line-height:49px;padding:0 15px;color:#9F0028;text-decoration:none;transition:color .45s,background-color .45s}
#nav>li:hover>a,#nav>li:hover>label,#nav>li>a:hover,#nav>li>label:hover{background-color:#C00;color:#fff}
#nav li.active>a{color:#fff;background:#d46a00}
#nav ul.subs>li{display:inline-block;float:none;padding:6px 10px;vertical-align:top;width:45%;text-align:left;color:#f60;font-weight:600;font-size:13px}
#nav ul.subs a{display:block;color:#c00;background:#fdedb5;font-size:14px;line-height:1.35em;font-weight:500;text-align:left;margin:5px 0;padding:10px 10px;text-decoration:none;border-radius:5px}
#nav ul.subs a:hover{color:#f30;background:#fdf4e0}
#nav ul.subs>li li{float:none;padding-left:8px;transition:padding .15s ease-out}
#nav ul.subs>li li:hover{padding-left:24px}
.submenu-toggle{position:absolute;opacity:0;z-index:2}
.toggle-plus,.toggle-minus{margin-left:6px;font-weight:bold}
.toggle-minus{display:none}
@media (max-width:768px){
  #nav>li{float:none;width:100%;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:0;font-size:18px}
  #nav ul.subs{position:relative;top:0;width:100%;min-width:auto;box-shadow:none;border-top:1px solid #e67a00;display:none}
  .submenu-toggle:checked~ul.subs{display:block!important}
  #nav ul.subs>li{display:block;width:auto;text-align:left;padding:10px 15px 15px;font-size:14px}
  .submenu-toggle:checked+label .toggle-plus{display:none!important}
  .submenu-toggle:checked+label .toggle-minus{display:inline!important}
}

/* scroll to top */
#scroll {position:fixed;right:16px;bottom:16px;width:40px;height:40px;background-color:#fc6;border-radius:50%;display:none;cursor:pointer;z-index:10000;touch-action:manipulation;text-decoration:none;color:transparent;overflow:hidden;}
#scroll span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #fff;}
#scroll:hover {background-color:#999;}

/* breadCrumb */
.breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;width:90%;margin:6px auto;padding:6px 12px;font-size:15px;line-height:1.6;color:#666; border-bottom: 1px solid #f8f3d3;}
.breadcrumb li {display:flex;align-items:center;}
.breadcrumb li:not(:last-child)::after {content: "›";margin-left:6px;color:#666;}
.breadcrumb a {color:#933;text-decoration:none;}
.breadcrumb a:hover {text-decoration: underline;color:#f30;}
.breadcrumb span {font-size: inherit;color:inherit;font-weight: inherit;}
@media (max-width: 767px) {.breadcrumb {font-size:16px;line-height:1.8;width: 95%;}}

.main {contain: layout paint;}
.main {font: 17px Arial, Helvetica, sans-serif;color:#666;padding:40px;width:100%;max-width: 100%;box-sizing: border-box;}
@media screen and (max-width: 767px) { .main {padding:20px 15px;margin:0;} }
@media (max-width: 480px) {.main {width:100%;} }
.main p{padding:7px; line-height:1.5em;}
.main ul{line-height:1.5em; margin:10px;}
@media screen and (max-width: 600px) {.main p{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;}}
.main ol{line-height:1.5em; margin:10px;}
.main strong{color: #930; font-weight:400;}

/* H1 */
.main h1 { font: 700 clamp(1.8rem, 5vw, 2.5rem)/1.2 sans-serif; color: #c30; text-align: center; margin: 0 0 30px; }
/* Grid */
.listing { list-style: none; margin: 20px 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .listing { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
/* Cards */
.listing li { background: #fff; border: 1px solid #ffe066; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; transition: .3s ease; box-shadow: 0 2px 8px rgba(120,100,91,.08); }
.listing li:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(120,100,91,.15); border-color: #ffa12f; }
/* Header */
.listing h3 { margin: 0; padding: 16px 18px; background: linear-gradient(180deg, #fff6b5 0%, #fff 100%); font: 700 19px/1.35 Arial, Helvetica, sans-serif; text-align: center; border-bottom: 2px solid #ffe066; overflow-wrap: break-word; }
/* Links */
.listing h3 a { color: #c30; text-decoration: none; display: block; transition: color .3s ease; }
.listing h3 a:visited { color: #963; }
.listing h3 a:hover { color: #900; }
.listing h3 a:focus { outline: 2px solid #ffa12f; outline-offset: 2px; border-radius: 4px; }
/* Body */
.listing .announcebody { padding: 18px; flex-grow: 1; font-size: 16px; color: #555; line-height: 1.65; }
.listing .announcebody p { margin: 0 0 12px; padding: 0; }
.listing .announcebody p:last-child { margin-bottom: 0; }
.listing .announcebody strong { color: #900; font-weight: 600; }
/* CTA & Button */
.listing .cta { margin-top: auto; padding: 16px 18px; background: #fefced; border-top: 1px solid #ffe066; text-align: center; }
.listing .alsoButton { display: inline-block; padding: 11px 30px; background: linear-gradient(180deg, #fae844 0%, #ffa12f 100%); color: #900; text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 8px; border: 1px solid #ffaa22; transition: .3s ease; box-shadow: 0 2px 6px rgba(255,161,47,.3); box-sizing: border-box; max-width: 100%; }
.listing .alsoButton:visited { color: #900; }
.listing .alsoButton:hover { background: linear-gradient(0deg, #fae844 0%, #ffa12f 100%); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255,161,47,.4); }
.listing .alsoButton:active { transform: translateY(0); }
/* Mobile */
@media (max-width: 480px) {
  .listing { gap: 16px; margin: 15px 0; }
  .listing h3 { font-size: 17px; padding: 14px; }
  .listing .announcebody { padding: 16px 14px; font-size: 15px; line-height: 1.6; }
  .listing .cta { padding: 14px 12px; }
  .listing .alsoButton { display: block; width: 100%; padding: 13px 16px; font-size: 15px; }
}
/* Layout */
.main { overflow-x: hidden; max-width: 100%; }

/** Footer **/
.footer {background:linear-gradient(to bottom, #fff6b5 0%, #ffffff 100%);font-size:14px;font-family: Arial, Helvetica, sans-serif;color:#630;border-top:1px solid #fdffac;border-bottom:1px solid #fdffac;padding:30px 20px 15px 20px;line-height:1.5;}
.footer-container {display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;justify-content:space-between;gap:30px;}
.f1 {flex:1;min-width:200px;}
.f2 {flex:1.5;min-width:300px;}
.f-title {font-weight:bold;text-transform:uppercase;margin-bottom:15px;border-bottom:1px solid rgba(102, 51, 0, 0.2);display:inline-block;padding-bottom:5px;}
.f-menu {list-style:none;padding:0;margin:0;}
.f-menu li {margin-bottom:8px;}
.f-menu a {color:#C60;text-decoration:none;transition:0.3s;}
.f-menu a:hover {text-decoration:underline;}
address {font-style:normal;margin-bottom:10px;}
.map-link {color:#C60;text-decoration:none;font-size:13px;border-bottom:1px dashed #C60;}
.map-link:hover {border-bottom-style:solid;}
.footer-phones {margin:15px 0;}
.footer-phones p {margin:5px 0;font-weight:bold;}
.footer-phones a {color: #630;text-decoration:none;}
.footer-phones a:hover {color:#C60;}
.contact-row {display:flex;gap:15px;align-items:center;margin:15px 0;}
.contact-row a {display:flex;align-items:center;gap:5px;color:#630;text-decoration:none;background:rgba(255, 255, 255, 0.5);padding:5px 10px;border-radius:5px;transition: background 0.3s;}
.contact-row a:hover {background:#fff;}
.header-icon {width:32px;height:32px;fill:#630;}
.f-revisites small {display:block;line-height:1.4;opacity:0.8;margin-top:15px;font-size: 12px;}
.footer-bottom {margin-top:30px;padding-top:15px;border-top:1px solid rgba(102, 51, 0, 0.1);display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;gap:10px;}
.footer-bottom a {color:#630;text-decoration:none;}
.bottom-links a {margin-left:15px;opacity:0.7;}
.bottom-links a:hover {opacity:1;text-decoration:underline;}
@media (max-width: 768px) {
  .footer-container {flex-direction:column;gap:40px;}
  .footer-bottom {flex-direction:column;text-align:center;}
  .bottom-links {display:flex; flex-direction:column;gap:10px;}
  .bottom-links a {margin-left:0;}
}

.visually-hidden {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
@media (max-width: 768px) { section[id] {scroll-margin-top: 24px;} }