/* Еда+: the layer's own stylesheet (css/style.css) scoped to .layer-diet so that it lives inside the
   common frame (steps/10_layout.py; generated, do not edit by hand). */
.layer-diet {
  margin: 0;
  padding: 0;
}
.layer-diet {
  font: 13px/1.5 Arial, Helvetica, sans-serif;
  color: #3a3a2e;
}
.layer-diet a {
  color: #d4600c;
  text-decoration: none;
}
.layer-diet a:hover {
  color: #7aa312;
  text-decoration: underline;
}
.layer-diet img {
  border: 0;
  max-width: 100%;
  height: auto;
}
.layer-diet ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layer-diet p {
  margin: 0 0 10px;
}
.layer-diet h1, .layer-diet h2, .layer-diet h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  color: #4f6e05;
}
.layer-diet h1 {
  font-size: 26px;
  line-height: 1.2;
  margin: 0 0 12px;
}
.layer-diet h2 {
  font-size: 19px;
  margin: 14px 0 8px;
}
.layer-diet h3 {
  font-size: 16px;
  margin: 12px 0 6px;
}
.layer-diet .georgia {
  font-family: Georgia, "Times New Roman", serif;
}
.layer-diet .clear, .layer-diet .clrbth {
  clear: both;
}
.layer-diet .bord-rad {
  border-radius: 6px;
}
.layer-diet .fl-r {
  float: right;
}
.layer-diet .wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.layer-diet #header {
  background: #9ec41a url(/images/bar/headbg.png) repeat-x 0 0;
  height: 171px;
}
.layer-diet .header-wrap {
  height: 171px;
}
.layer-diet .logo-wrap {
  position: absolute;
  left: 20px;
  top: 26px;
}
.layer-diet .logo-wrap img {
  display: block;
}
.layer-diet .search-block {
  position: absolute;
  left: 250px;
  top: 58px;
  width: 430px;
}
.layer-diet .search {
  position: relative;
  background: #fff;
  padding: 6px 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}
.layer-diet .search .ar {
  position: absolute;
  left: -13px;
  top: 6px;
  width: 13px;
  height: 31px;
  background: url(/images/bar/search-arrow.png) no-repeat;
}
.layer-diet .search form div {
  display: flex;
  gap: 6px;
}
.layer-diet .search input[type="text"] {
  flex: 1;
  min-width: 0;
  border: 1px solid #c9d7a0;
  border-radius: 4px;
  padding: 5px 7px;
  font: 13px Arial, sans-serif;
}
.layer-diet .search .btn {
  border: 0;
  border-radius: 4px;
  background: #e8741c;
  color: #fff;
  font: bold 13px Arial, sans-serif;
  padding: 5px 14px;
  cursor: pointer;
}
.layer-diet .search .btn:hover {
  background: #cf5f0d;
}
.layer-diet .na-obed {
  position: absolute;
  right: 20px;
  top: 14px;
  text-align: center;
}
.layer-diet .na-obed img {
  display: block;
  margin: 0 auto;
}
.layer-diet #content {
  padding-bottom: 20px;
}
.layer-diet .content-wrap {
  background: #fffdf6;
  padding: 0 0 20px;
  box-shadow: 0 0 6px rgba(80, 60, 20, .15);
}
.layer-diet .main-nav {
  background: #5f8c07;
  background-image: linear-gradient(#8fc21c, #5a8606);
  height: 31px;
  padding-left: 10px;
  overflow: hidden;
}
.layer-diet .main-nav li {
  float: left;
  position: relative;
  height: 31px;
}
.layer-diet .main-nav li a {
  display: block;
  line-height: 31px;
  padding: 0 16px;
  color: #fff;
  font-weight: bold;
}
.layer-diet .main-nav li a:hover {
  background-color: #e8741c;
  text-decoration: none;
}
.layer-diet .main-nav li span {
  position: absolute;
  right: 0;
  top: 7px;
  width: 1px;
  height: 17px;
  background: rgba(255, 255, 255, .35);
}
.layer-diet .main-nav li.main_link a {
  width: 17px;
  height: 31px;
  padding: 0 12px;
  background: url(/images/bar/main-ico.png) no-repeat center;
}
.layer-diet .main-nav li.act {
  background-color: #e8741c;
}
.layer-diet .second {
  padding: 8px 12px;
  border-bottom: 1px dotted #c8b98f;
  overflow: hidden;
  background: #f7f1df;
}
.layer-diet .second li {
  float: left;
  margin: 0 12px 2px 0;
}
.layer-diet .second li a {
  color: #6b5a2f;
}
.layer-diet .second li.margin-no {
  margin-right: 0;
}
.layer-diet .sidebar {
  float: left;
  width: 200px;
  padding: 15px 0 0 15px;
}
.layer-diet .sidebar.fl-r {
  float: right;
  padding: 15px 15px 0 0;
}
.layer-diet .cont {
  float: left;
  width: 540px;
  margin: 0 0 0 15px;
  padding-top: 15px;
  min-height: 400px;
}
.layer-diet .sbmenu {
  background: #f6efdb;
  padding: 6px 0;
  margin-bottom: 15px;
}
.layer-diet .sbmenu li a {
  display: block;
  padding: 5px 12px 5px 22px;
  color: #5a4a22;
  font-weight: bold;
  position: relative;
}
.layer-diet .sbmenu li a span {
  position: absolute;
  left: 6px;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url(/images/bar/sbmenu.png) no-repeat 0 -6px;
}
.layer-diet .sbmenu li a:hover {
  background: #fbe2c7;
  text-decoration: none;
}
.layer-diet p.mineral {
  margin: 12px 0 6px;
  font-size: 16px;
}
.layer-diet p.mineral a {
  color: #4f6e05;
}
.layer-diet ul.vit {
  overflow: hidden;
  margin-bottom: 10px;
}
.layer-diet ul.vit li {
  float: left;
  margin: 0 6px 5px 0;
}
.layer-diet ul.vit li a {
  display: block;
  min-width: 22px;
  padding: 1px 5px;
  text-align: center;
  background: #eef4d9;
  border: 1px solid #d6e4a8;
  border-radius: 3px;
  color: #4f6e05;
  font-size: 12px;
}
.layer-diet .sidebar .banner1, .layer-diet .sidebar .wbanner {
  margin: 10px 0;
}
.layer-diet #carlImg {
  display: block;
  margin: 6px 0;
}
.layer-diet .br-crumbs {
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 12px;
  color: #8a7b55;
}
.layer-diet .br-crumbs li {
  float: left;
  margin-right: 5px;
}
.layer-diet .br-crumbs li.georgia {
  float: none;
  clear: both;
  padding-top: 6px;
}
.layer-diet .prod-info {
  overflow: hidden;
}
.layer-diet .prod-info .imgs {
  float: left;
  max-width: 300px;
  margin: 0 15px 10px 0;
  border: 1px solid #e3d9bd;
  padding: 3px;
  background: #fff;
}
.layer-diet .product-page .meta, .layer-diet p.meta {
  color: #8a7b55;
  font-style: italic;
}
.layer-diet .wrap-prod-wrap > div {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px dotted #d8c9a0;
}
.layer-diet .wrap-prod-wrap > div img {
  float: left;
  width: 160px;
  height: 120px;
  object-fit: cover;
  margin: 3px 14px 6px 0;
  border: 1px solid #e3d9bd;
}
.layer-diet .wrap-prod-wrap > div h2 {
  margin-top: 0;
}
.layer-diet ul.list_2 {
  float: left;
  width: 25%;
  margin-bottom: 15px;
}
.layer-diet ul.list_2 li {
  padding: 2px 0;
}
.layer-diet .with-add, .layer-diet div.h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  color: #4f6e05;
  margin: 10px 0;
}
.layer-diet .footer-main {
  padding-bottom: 0;
}
.layer-diet .f-rep-wrap {
  background: #f3ecd6;
  border-top: 1px solid #e0d4b0;
}
.layer-diet .f-rep {
  padding: 15px 0;
}
.layer-diet .big_articles {
  overflow: hidden;
}
.layer-diet .big_articles .article {
  float: left;
  width: 215px;
  margin: 0 20px 15px 0;
  font-size: 12px;
}
.layer-diet .big_articles .article .img {
  width: 215px;
  height: 133px;
  overflow: hidden;
  margin-bottom: 5px;
}
.layer-diet .wrap-toggle h2 {
  font-size: 16px;
}
.layer-diet .wrap-toggle h2 span {
  cursor: pointer;
  border-bottom: 1px dashed #4f6e05;
}
.layer-diet #layer-footer {
  background: #6d9a0a url(/images/bar/footer-bg.png) repeat-x;
  color: #eef6d8;
}
.layer-diet .f-serch {
  padding: 15px 0 5px;
}
.layer-diet .footer-search .search {
  width: 430px;
  margin: 0 auto;
}
.layer-diet .footer-wrap {
  padding: 10px 0 25px;
}
.layer-diet .footer-wrap ul {
  overflow: hidden;
  margin-bottom: 10px;
}
.layer-diet .footer-wrap ul li {
  float: left;
  margin-right: 18px;
}
.layer-diet .footer-wrap a {
  color: #fff;
}
.layer-diet .f-text {
  font-size: 11px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.layer-diet .f-text p {
  margin: 0 0 4px;
}

/* ---- inside the common frame (steps/10_layout.py) ---- */
.layer-diet { background: #fffdf6; box-shadow: 0 0 6px rgba(80, 60, 20, .15); overflow: hidden; }
.layer-diet .wrap { width: auto; margin: 0; }
.layer-diet #wrapper { margin: 0; }
.layer-diet #content { padding: 0; }
.layer-diet .content-wrap { display: grid; grid-template-columns: 200px minmax(0, 1fr) 215px; align-items: start; background: none; box-shadow: none; padding: 0 0 20px; }
.layer-diet .content-wrap > .clear { display: contents; }
.layer-diet .main-nav { grid-column: 1 / -1; grid-row: 1; }
.layer-diet .content-wrap > .sidebar { grid-column: 1; grid-row: 2; float: none; width: auto; padding: 15px 0 0 15px; }
.layer-diet .content-wrap > .cont { grid-column: 2; grid-row: 2; float: none; width: auto; margin: 0 15px; padding-top: 15px; }
.layer-diet .content-wrap > .sidebar.fl-r { grid-column: 3; grid-row: 2; float: none; padding: 15px 15px 0 0; }
.layer-diet h1 { background: none; padding: 0; line-height: 1.2; }
/* the layer's own strip: logo and search on the green texture (the site header is the common one above) */
.layer-diet .layer-strip { position: relative; height: 84px; background: #9ec41a url(/images/bar/headbg.png) repeat-x 0 0; }
.layer-diet .layer-strip .logo-wrap { position: absolute; left: 20px; top: 10px; }
.layer-diet .layer-strip .search-block { position: absolute; left: 250px; top: 22px; width: 430px; max-width: calc(100% - 270px); }
.layer-diet .layer-strip .logo-wrap a { text-decoration: none; }
/* the pictures under "Ещё в разделе питания" and the note with the disclaimers */
.layer-diet .f-rep { padding: 15px 15px 5px; }
.layer-diet #layer-footer { background: #f7f1df; color: #6b5a2f; border-top: 1px dotted #c8b98f; }
.layer-diet #layer-footer a { color: #4f6e05; }
.layer-diet .footer-wrap { padding: 12px 15px 14px; }

@media (max-width: 760px) {
  .layer-diet .layer-strip { height: auto; padding: 8px 10px 10px; }
  .layer-diet .layer-strip .logo-wrap, .layer-diet .layer-strip .search-block { position: static; width: auto; max-width: none; }
  .layer-diet .layer-strip .search-block { margin-top: 6px; }
  .layer-diet .content-wrap { grid-template-columns: minmax(0, 1fr); }
  .layer-diet .content-wrap > .cont { grid-column: 1; grid-row: 2; margin: 0 12px; }
  .layer-diet .content-wrap > .sidebar { grid-column: 1; grid-row: 3; padding: 10px 12px 0; }
  .layer-diet .content-wrap > .sidebar.fl-r { grid-column: 1; grid-row: 4; padding: 10px 12px 0; }
  .layer-diet .prod-info .imgs { float: none; max-width: 100%; }
  .layer-diet .wrap-prod-wrap > div img { width: 110px; height: 90px; margin-right: 10px; }
  .layer-diet .big_articles .article { width: calc(50% - 10px); margin-right: 10px; }
  .layer-diet .big_articles .article .img { width: auto; height: auto; }
  .layer-diet .main-nav { height: auto; overflow: hidden; }
  .layer-diet ul.list_2 { width: 50%; }
}