.wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item,
.wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider {
  height: 450px;
}

/* Mobile First подход - от меньшего к большему */
@media (min-width: 1461px) and (max-width: 1900px) {
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item,
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider {
    height: 560px;
  }
}

@media (min-width: 1901px) {
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item,
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider {
    height: 631px;
  }
}

@media (max-width: 767px) {
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider__item,
  .wrapper1.long_banner .top_big_one_banner .top_slider_wrapp .main-slider {
    height: 250px !important;
  }
}

.logo_and_menu-row .logo-row {
  padding: 12px 0;
}

.breadcrumbs {
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  text-wrap-mode: nowrap;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE и Edge */
}

.breadcrumbs::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

.logo-row .logo {
  height: 120px;
  line-height: 110px;
}

.logo_and_menu-row .inner-table-block,
.logo_and_menu-row .wrap_icon {
  height: 120px;
}

.top_slider_wrapp .main-slider .banner_title .head-title {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  #mobileheader .logo,
  #mobileheader .logo svg {
    max-height: 100%;
  }
}

/* .only_banner .top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item {
  background-position: top center;
  background-size: contain;
}

@media (min-width: 992px) {
  .top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider,
  .top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider__item,
  .top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider__item td {
    height: 500px;
  }
} */

.sections_wrapper .list .item:not(.section_item) .img {
  width: 100%;
  height: auto;
  line-height: 1;
}

.dtk-info {
  display: inline-block;
  margin: 7px 0 0;
  text-decoration: none;
  color: #969ba5;
  font-weight: 300;
  opacity: 0.75;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  line-height: 20px;
}

.dtk-info img {
  position: relative;
  top: -1px;
  max-height: 20px;
  vertical-align: middle;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.dtk-info:hover,
.dtk-info:focus {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}

.dtk-info:hover img,
.dtk-info:focus img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

@media (max-width: 600px) {
  .sections_wrapper .owl-carousel .owl-item {
    flex-shrink: 0;
    width: 190px !important;
    -ms-flex-negative: 0;
  }
}

/* @media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
  body .top_slider_wrapp .main-slider__item .text .banner_title .section,
  body .top_slider_wrapp .main-slider__item td.img:not(.with_video) {
    display: block;
  }
} */

/* @media (min-width: 1179px) {
  .sections_wrapper .list .item:not(.section_item) .img {
    width: 450px;
    height: 450px;
    line-height: 450px;
  }
} */

body .item-stock.js-show-stores {
  pointer-events: none !important;
  cursor: default !important;
}

body .item-stock.js-show-stores .value {
  border-bottom-color: transparent;
}

/* @media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
  body .top_slider_wrapp .main-slider__item td.img:not(.with_video) {
    display: block;
  }
} */

.sites__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 14px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
}

.mobileheader-v1 .sites__name {
  padding: 0;
}

.sites__icon {
  width: 17px;
  height: 17px;
}

.mobileheader-v1 .sites__icon {
  width: 17px;
  height: 17px;
}

.sites__title {
  margin-left: 7px;
  margin-right: 7px;
}

.sites:hover .sites__drop,
.sites:focus .sites__drop {
  display: block;
}

.sites__drop.dropdown-menu {
  min-width: auto;
  margin: 0;
  border: 0;
  padding: 6px 11px;
  -webkit-box-shadow: 0 5px 20px rgb(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px rgb(0, 0, 0, 0.15);
}

.sites__item {
  padding: 4px 6px;
}

.sites__item a {
  display: block;
}

.sites__item a:hover,
.sites__item a:focus {
  color: #004285;
}

.wrap_icon .sites__drop * {
  line-height: 1.6;
}

@media (min-width: 992px) {
  .sites {
    margin-right: 50px;
  }
}

@media (max-width: 420px) {
  .sites__title,
  .sites .caret {
    display: none;
  }

  .mobileheader-v1 .sites__name {
    padding: 21px 0;
  }

  /* #mobileheader .wrap_icon {
    padding-right: 7px;
    padding-left: 7px;
  } */
}

#vk_community_messages {
  right: 14px !important;
  bottom: 150px !important;
}

@media (min-width: 768px) {
  #vk_community_messages {
    right: 30px !important;
  }
}

@media (max-width: 360px) {
  #vk_community_messages .wcm_button_right .wcm_button_tooltip {
    right: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  #modalHeaderPhone .modal-dialog {
    width: 365px;
  }
}

.modal__header-write .modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.modal__header-write .modal-content {
  width: 100%;
}

.modalHeaderPhone__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  text-align: center;
  margin-bottom: 24px;
}

.modalHeaderPhone__wrapper h4 {
  margin-bottom: 12px;
  font-weight: 700;
}

.modalHeaderPhone__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.modalHeaderPhone__wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
}

.modalHeaderPhone__wrapper svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  color: #404e5e;
  font-size: 32px;
  margin-right: 12px;
}

.btn-ssm,
.logo_and_menu-row .btn-ssm,
.logo_and_menu-row .callback-block.btn-ssm {
  min-width: 125px;
  padding: 8px 14px 6px;
  font-size: 8px;
  line-height: 0.85em;
}

.btn.btn-darkdefault {
  background-color: #4b7e22;
  border-color: #4b7e22;
  color: #ffffff;
}

.logo_and_menu-row .phone-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  gap: 12px;
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu ul.menu-wrapper {
  padding: 37px 17px 10px;
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu ul.menu-wrapper > li.has_img {
  min-height: 40px;
  padding-left: 20px;
}

.menu-row
  .mega-menu
  table
  td.wide_menu
  > .wrap
  > .dropdown-menu
  ul.menu-wrapper
  > li.has_img
  .menu_img {
  display: none;
}

.col-md-12.header-top {
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.logo_and_menu-row.logo_and_menu-row--restyle .menu-row {
  padding-top: 0px;
}

body .header-wrapper .logo_and_menu-row.longs .logo-row .logo {
  line-height: 50px;
}

/*dtk custom - вместо space-between - center*/
.menu-row .menu-only.menu-only--restyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 52px;
  -ms-flex-negative: 0;
  background-color: #76b729;
}

body .menu-row .mega-menu table td:first-child,
body .has-secion-banner .menu-row .menu-item:first-of-type {
  border-radius: 26px 0 0 26px;
}

.menu-right-icons .pull-right:last-child {
  overflow: hidden;
  border-radius: 0 26px 26px 0;
}

.menu-row .menu-only .menu-right-icons.right-icons > .pull-right:first-child .wrap_icon,
.menu-row .menu-only .menu-right-icons.right-icons > .pull-right:last-child .wrap_icon {
  padding-right: 2rem;
}

.menu-right-icons .inline-search-show {
  height: 100%;
  border: none;
  padding: 0;
  background: none;
}

.menu-right-icons .inline-search-show .title {
  display: none;
}

.menu-right-icons .wrap_icon .svg,
.basket-link .svg {
  opacity: 0.5;
}

.menu-right-icons .inline-search-show .svg {
  top: -3px;
}

.menu-row .menu-right-icons .wrap_icon .svg {
  /* top: 3px; */
}

.menu-row .menu-only .menu-right-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-row .menu-only .menu-right-icons.right-icons > .pull-right {
  float: none !important;
  padding-right: 0;
  padding-left: 0;
}

.menu-row .menu-only .menu-right-icons.right-icons > .pull-right .wrap_icon {
  padding-right: 1rem;
  padding-left: 1rem;
}

.fill_bg_n .menu-row.bgcolored,
.fill_bg_y .menu-row.bgcolored > .maxwidth-theme {
  background-color: transparent;
}

@media (min-width: 992px) {
  .wrapper1 .header_wrap .wrapper_inner,
  .wrapper1 .header_wrap .maxwidth-theme,
  .wrapper1 .top-block > .maxwidth-theme > .wrapp_block {
    background: none;
  }
}

.stickers [class*="sticker_"] {
  border-radius: 99em;
}

.catalog_block .catalog_item img,
.product_slider .catalog_item img,
.list-products-video {
  border-radius: 16px;
}

.catalog_block .counter_wrapp > .counter_block {
  border: 0;
  background-color: transparent;
}

.front_news .item.rounded3 {
  border-radius: 24px;
}

.front_news .item-views.news2 .rounded3 .image {
  border-radius: 24px 24px 0px 0px;
}

.reviews.item-views.more-item .item {
  border-radius: 4px;
}

.gallery-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.gallery-list > a {
  width: calc((100% - 64px) / 5);
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 0.15);
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.15);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

@media (max-width: 767px) {
  .gallery-list > a {
    width: calc((100% - 32px) / 3);
  }
}

@media (max-width: 520px) {
  .gallery-list > a {
    width: calc((100% - 16px) / 2);
  }
}

.logo_and_menu-row.logo_and_menu-row--restyle .personal-link {
  margin-top: 0;
}

.logo_and_menu-row.logo_and_menu-row--restyle .logo-row .menu-row .mega-menu,
.longs.logo_and_menu-row--restyle .logo-row .wrap_icon,
.logo_and_menu-row--restyle .mega-menu table td .wrap > a {
  height: 52px;
}

.logo_and_menu-row--restyle .mega-menu table td .wrap > a {
  padding: 16px 7px 15px;
}

.logo_and_menu-row--restyle .mega-menu table td.active .wrap > a,
.logo_and_menu-row--restyle .mega-menu table td:not(.search-item):hover .wrap > a {
  color: #fff;
}

.logo_and_menu-row--restyle .menu-right-icons .wrap_icon:hover .svg,
.logo_and_menu-row--restyle .basket-link:hover .svg {
  opacity: 1;
}

.logo_and_menu-row .menu-only .mega-menu table td .wrap > a {
  color: #fff;
}

.logo_and_menu-row--restyle .mega-menu table td.active .wrap > a,
.logo_and_menu-row--restyle .mega-menu table td:not(.search-item):hover .wrap > a {
  opacity: 0.8;
}

.logo_and_menu-row.logo_and_menu-row--restyle
  .logo-row
  .svg:not(.svg-inline-search2):not(.light-ignore):not(.iconset_icon)
  svg
  * {
  fill: #fff !important;
}

.mega-menu table .dropdown-menu {
  border-radius: 0 0 24px 24px;
}

.mega-menu table td.wide_menu > .wrap > .dropdown-menu {
  border-radius: 42px;
}

.mega-menu table td:not(.wide_menu) .dropdown-menu li > a .name {
  font-size: 0.867em;
  text-transform: uppercase;
}

.wrapper1
  .menu-row
  .mega-menu
  table
  td.wide_menu
  > .wrap
  > .dropdown-menu
  ul.menu-wrapper
  > li:nth-child(1) {
  width: 50%;
}

.wrapper1
  .menu-row
  .mega-menu
  table
  td.wide_menu
  > .wrap
  > .dropdown-menu
  ul.menu-wrapper
  > li:nth-child(1)
  .dropdown-menu {
  display: block;
  width: 100%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.hot-wrapper-items .items.mobile-overflow .item .image-wrapper img,
.hot-wrapper-items .item .image-wrapper img {
  border-radius: 24px;
}

.btn-exlg {
  padding: 15px 30px 13px;
}

.counter_block.big,
.counter_block.big input[type="text"] {
  height: 44px;
}

.counter_block.big .plus,
.counter_block.big .minus {
  width: 44px;
}

@media (min-width: 992px) {
  .logo_and_menu-row.logo_and_menu-row--restyle .menu-only .mega-menu table td .wrap > a:hover {
    opacity: 0.5;
  }

  .logo_and_menu-row.logo_and_menu-row--restyle
    .menu-row
    .mega-menu
    table
    td
    .wrap
    > .more-items
    > span:before {
    background-position: -124px -51px;
  }
}

@media (max-width: 767px) {
  .counter_block.big {
    height: 40px;
  }

  .counter_block.big input[type="text"] {
    height: 40px;
  }

  .compact-catalog .ajax_load .counter_wrapp .button_block .btn {
    padding-top: 9px;
    padding-bottom: 7px;
  }
}

@media (max-width: 600px) {
  .wrapper1.front_page .compact-catalog-slider .catalog_block.items .item-parent {
    width: 192px;
    min-width: auto;
  }

  .compact-catalog .ajax_load .item .catalog_item > div {
    height: 100%;
    padding: 10px;
  }

  .hot-wrapper-items .items.mobile-overflow .item .image-wrapper {
    padding: 16px;
  }

  .hot-wrapper-items .items.mobile-overflow .item .main_item_wrapper {
    border: 0;
  }

  .topic__heading #pagetitle {
    font-size: 20px;
  }
}

@media (max-width: 460px) {
  .main-catalog-wrapper .catalog_block.catalog_block--front {
    gap: 7px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog_block.catalog_block--front.row.margin0 > div[class*="col-"] {
    width: 100%;
    min-width: 100%;
  }

  .compact-catalog .ajax_load .item .catalog_item > div {
    border-radius: 8px;
  }

  .catalog_block .counter_wrapp {
    white-space: normal;
  }

  .catalog_block .counter_wrapp > div {
    width: 100%;
    float: none;
    display: block;
  }
}

@media (max-width: 400px) {
  .compact-catalog .ajax_load .item .catalog_item > div {
    padding-bottom: 10px;
  }

  .compact-catalog .catalog_block .catalog_item > div .item_info {
    padding-bottom: 8px;
  }
}

article .faq-section {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin: 30px 0;
}

article .faq-item {
  margin-bottom: 20px;
}

article .faq-question {
  font-weight: bold;
  color: #414141;
  margin-bottom: 5px;
}

article .conclusion {
  background: #e8f4f8;
  padding: 15px;
  border-left: 4px solid #76b729;
  margin: 20px 0;
}

article .benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  margin: 20px 0;
}

article .benefit-card {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0article 0.1);
}

article .benefit-title {
  font-weight: bold;
  color: #313131;
  margin-bottom: 8px;
}

article .health-benefits {
  background: #f0f8f0;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
}

article .benefit-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
  margin-top: 10px;
}

article .benefit-item {
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
}

article .composition-section {
  background: #dfe6e9;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
}

article .composition-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
  margin-top: 15px;
}

article .composition-category {
  background: white;
  padding: 15px;
  border-radius: 6px;
}

article .category-title {
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 10px;
  border-bottom: 2px solid #76b729;
  padding-bottom: 5px;
}

article .action-mechanism {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
}

article .mechanism-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .mechanism-card {
  background: white;
  padding: 15px;
  border-radius: 6px;
  border-top: 4px solid #1abc27;
}

article .component-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .component-card {
  background: white;
  padding: 15px;
  border-radius: 8px;
}

article .component-name {
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 10px;
  font-size: 1article 0.1em;
}

article .mineral-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .mineral-card {
  background: white;
  padding: 15px;
  border-radius: 8px;
}

article .mineral-name {
  font-weight: bold;
  color: #464646;
  margin-bottom: 10px;
  font-size: 1article 0.1em;
}

article .types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .type-card {
  background: white;
  padding: 15px;
  border-radius: 6px;
  border-top: 4px solid #1abc1a;
}

article .comparison-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .comparison-card {
  background: white;
  padding: 15px;
  border-radius: 6px;
  border-top: 4px solid #1abc1a;
}

article .gender-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 15px;
}

article .gender-card {
  background: white;
  padding: 15px;
  border-radius: 6px;
  border-top: 4px solid #76b729;
}

article .acids-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
  margin-top: 15px;
}

article .acid-card {
  background: white;
  padding: 15px;
  border-radius: 6px;
}

article .recommendation-list {
  columns: 2;
  gap: 20px;
}

article .recommendation-list li {
  margin-bottom: 10px;
  break-inside: avoid;
}

article .benefits-list {
  columns: 2;
  gap: 20px;
}

article .benefits-list li {
  margin-bottom: 10px;
  break-inside: avoid;
}

/* Special feature blocks with different colors */
article .kids-feature {
  background: #76b729;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .selenium-feature {
  background: #fffaf0;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .marine-feature {
  background: #f2f2f2;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .collagen-feature {
  background: #ffeaa7;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .aminomix-feature {
  background: #fffaf0;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .kelp-features {
  background: #f2f2f2;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #1abc1a;
}

article .gaba-feature {
  background: #f4ecf7;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .omega-feature {
  background: #f2f2f2;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .vmk-feature {
  background: #ffeaa7;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

/* Additional colored feature blocks */
article .vitamin-complex-feature,
article .magnesium-feature,
article .tryptophan-feature,
article .taurine-feature,
article .glutamine-feature,
article .indole-feature,
article .proline-feature,
article .coq10-features,
article .copper-feature,
article .pau-darco-feature,
article .walnut-feature,
article .carnosine-feature {
  background: #fffaf0;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .omega-complex-feature,
article .inositol-feature,
article .methylfolate-feature {
  background: #f4ecf7;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .selenomethionine-benefits,
article .amino-composition,
article .vitamin-composition,
article .chelated-benefits,
article .unique-properties,
article .synergy-section,
article .cruciferous-benefits,
article .citrate-benefits,
article .natural-origin,
article .composition-section {
  background: #f0f8ff;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .zma-benefits,
article .mineral-benefits,
article .recommendation-section,
article .neuro-benefits,
article .gender-benefits,
article .acids-composition {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
}

article .symptoms-list {
  background: #fff9e6;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .vitamin-synergy {
  background: #fff8e1;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .advantage-highlight {
  background: #e8f5e8;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #27ae2e;
}

article .chelated-feature {
  background: #f0e6ff;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #76b729;
}

article .highlight {
  background: linear-gradient(120deg, #a8e6cf 0%, #dcedc1 100%);
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #70af4c;
}

article .flavor-highlight {
  background: linear-gradient(135deg, #76b729, #518116);
  color: white;
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0article 0.1);
}

article .powder-feature {
  background: #f2f2f2;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  text-align: center;
  border: 2px dashed #1abc1a;
}

article .features-list {
  background: #a29bfe;
  color: white;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
}

article .comparison-section {
  background: #f0f8ff;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
}

/* Color variants for benefit cards */
article .benefit-card[style*="border-left: 4px solid #ff6b6b"],
article .benefit-card[style*="border-left: 4px solid #e74c3c"] {
  border-left: 4px solid #76b729 !important;
}

article .benefit-card[style*="border-left: 4px solid #e67e22"] {
  border-left: 4px solid #76b729 !important;
}

article .benefit-card[style*="border-left: 4px solid #2980b9"],
article .benefit-card[style*="border-left: 4px solid #76b729"] {
  border-left: 4px solid #76b729 !important;
}

article .benefit-card[style*="border-left: 4px solid #27ae60"],
article .benefit-card[style*="border-left: 4px solid #16a085"],
article .benefit-card[style*="border-left: 4px solid #1abc1a"] {
  border-left: 4px solid #76b729 !important;
}

article .benefit-card[style*="border-left: 4px solid #9b59b6"],
article .benefit-card[style*="border-left: 4px solid #76b729"] {
  border-left: 4px solid #76b729 !important;
}

/* Responsive design */
@media (max-width: 768px) {
  article .recommendation-list,
  article .benefits-list {
    columns: 1;
  }

  article .benefits-grid {
    grid-template-columns: 1fr;
  }

  article .mechanism-grid,
  article .component-grid,
  article .mineral-grid,
  article .types-grid,
  article .comparison-grid,
  article .gender-grid,
  article .acids-grid {
    grid-template-columns: 1fr;
  }
}

.product-info-headnote--bordered {
  border-bottom: 0;
  margin-bottom: 0;
}

.social-icons li.zen a,
.soc-avt a i.zen {
  background-position: -470px -329px;
}

footer .social-icons ul li.max a,
.social-icons ul li.max a,
.soc-avt a i.max {
  background-image: url(../images/svg/social2.svg);
}

footer .social-icons ul li.max a:hover {
  background-position: -611px -234px;
}

.social-icons li.max a,
.soc-avt a i.max {
  background-position: -611px -234px;
}

footer .social-icons ul li.max a {
  background-position: -612px -424px;
}