/* 20250830123159 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #cccccc;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #f7f7f7;
  background-color: #fcfcfc;
}

.gui-block-option-block {
  border-color: #f7f7f7;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #e8e8e8;
}

.gui ul.gui-products li {
  border-color: #efefef;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #efefef;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #efefef;
}

.gui-block-content .gui-table {
  border-color: #f7f7f7;
}

.gui-table thead tr th {
  border-color: #e8e8e8;
  background-color: #fcfcfc;
}

.gui-table tbody tr td {
  border-color: #f7f7f7;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #cccccc;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #cccccc;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #a3a3a3;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #a3a3a3;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #cccccc;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #cccccc;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
#product .sidebar .column-wrap form {
    margin-bottom: 0px;
}

.hoysem-discount-mobile {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#cartpage .totals-wrap .totals .discount a {
    top: -13px !important;
}

.extra-text-popup {
      padding: 30px;
    border: 1px solid #7ac142;
    margin-top: 30px;
}

.h2-color {
  font-size: 18px;
    color: #76c142;
}

p {
    margin: 0 0 30px 0 !important; 
}

#herbalifepopup p {
  margin: 0 !important;
}

#herbalifepopup .para-lead {
 margin: 0 0 30px 0 !important; 
}

.contact p {
  margin: 0 !important;
}

.faq-snippet-collection {
  border-top: 1px solid #ececec;
    margin-top: 25px;
    padding-top: 25px;
}

.faq-snippet-collection div {
 margin: 0 0 30px 0 !important; 
}

.faq-snippet-collection p {
  margin: 0 !important;
}

.extra-link-header-mm a {
  color: #3f701d !important;
  font-weight: normal !important;
}

.mobile-menu > .menu-wrapper > ul li.categories li a i {
    background: #f9f9f9;
}

.category {
    padding: 20px;
    border: 1px solid whitesmoke;
}

.contact {
  margin-bottom: 25px;
}

#home-block-heroimage .row > .label {
    background: #ffffffbf;
}

#home-block-text {
    padding: 50px 0 0 0;
}

.usp .list .item i {
    color: #75c141 !important;
}

.topbar .usp .list, .topbar .usp .list * {
    color: #7c7c7c !important;
}

#footer p > a {
    border-bottom: 0;
}



#mobile-menu-categories {
	padding-right: 15px !important;
}

#mobile-menu-categories p {
  margin: 0 !important;
}

#mobile-menu-categories summary {
  list-style: none;
}
#mobile-menu-categories summary::-webkit-details-marker {
  display: none
}

#mobile-menu-categories .details-content-container-category {
	display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
}

#mobile-menu-categories .mobile-menu-category {
 	border-top: 2px solid;
  border-color: #76C142;
  padding: 10px 0;
}

#mobile-menu-categories .category-without-image {
  height: 40px; 
  display:flex; 
  align-items: center; 
  padding-left: 35px;
}

#mobile-menu-categories .subcategory-content {
  grid-column: 1 / 3;
  box-sizing: border-box;
  max-width: 500px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 800ms ease-in-out;
}

#mobile-menu-categories .subcategory-summary-box {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}

#mobile-menu-categories .subcategory-details[open] + .subcategory-content {
  max-height: 800px;
  transition: max-height 800ms ease-in-out;
}

#mobile-menu-categories .subcategory-summary-box::after {
  content: ' ►';
  transition: rotate 200ms 400ms ease-out;
}

#mobile-menu-categories .subcategory-details[open] .subcategory-summary-box::after  {
  rotate: 90deg;
  transition: rotate 200ms ease-out;
}

#mobile-menu-categories .subcategory-details .subcategory-summary-box::after  {
  rotate: 0deg;
  transition: rotate 200ms ease-out;
}

#mobile-menu-categories .subsubcategory-content {
  grid-column: 1 / 3;
  box-sizing: border-box;
  max-width: 500px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 800ms ease-in-out;
}

#mobile-menu-categories .subsubcategory-summary-box {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}

#mobile-menu-categories .subsubcategory-details[open] + .subsubcategory-content {
  max-height: 800px;
  transition: max-height 800ms ease-in-out;
}

#mobile-menu-categories .subsubcategory-details[open] + .subsubcategory-content {
  max-height: 800px;
  transition: max-height 800ms ease-in-out;
}

#mobile-menu-categories .subsubcategory-summary-box::after {
  content: ' ►';
  transition: rotate 200ms 400ms ease-out;
}

#mobile-menu-categories .subsubcategory-details[open] .subsubcategory-summary-box::after  {
  rotate: 90deg;
  transition: rotate 200ms ease-out;
}