/* 20250414191721 - 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: #8d8d8d;
}

.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: #ededed;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

.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 */
header #main_menu.mobile { display: none !important; }
header.open #main_menu.mobile { display: block !important; }
header.open #main_menu > ul { float: none; padding: 20px; }
header.open .nav-mobile .item { float: none; display: block; }
header.open .nav-mobile .item .itemLink { color: #000 !important; }
header.open .nav-mobile .item.hover .itemLink { color: #F44336 !important; }
button {
border: 0px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.zoombox.disable-zoom .images a{cursor: pointer !important;}

@media (max-width: 767px) {
  .tabsPages .page { 
    max-height: unset !important;
  }
}
/* Hide the full description by default */
.product-description {
    max-height: 100px; /* Show only first 100px of text */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
}

/* Hide the checkbox */
.read-more-checkbox {
    display: none;
}

/* Read More button styling */
.read-more-label {
    display: block;
    background: #0073e6;
    color: white;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 5px;
    width: 120px;
}

/* Change appearance on hover */
.read-more-label:hover {
    background: #005bb5;
}

/* When the checkbox is checked, expand the description */
.read-more-checkbox:checked + .product-description {
    max-height: none;
}

/* Change button text when expanded */
.read-more-checkbox:checked + .product-description + .read-more-label::after {
    content: " Read Less";
}
.read-more-label::after {
    content: " Read More";
}
.product-description::after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}