/* -------------- CALANDA -------------- */
/* -------------- OPEN SANS -------------- */
.m-market .title-product {
  margin-bottom: 56px; }
  .m-market .title-product h2 {
    margin: 0;
    font-size: cal-rem(24px); }

.m-market .dyProduct {
  border: solid 1px var(--gray-100);
  padding: 27px;
  margin-bottom: 24px; }
  .m-market .dyProduct .dyProduct-title {
    font-family: var(--calanda-bold);
    font-size: 1.125rem;
    line-height: 2.375rem;
    padding-bottom: 6px; }
  .m-market .dyProduct .dyProduct-subtitle,
  .m-market .dyProduct .dyProduct-type {
    font-family: var(--calanda-regular);
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--gray-500);
    padding-bottom: 11px; }
  .m-market .dyProduct .dyProduct-type {
    color: var(--light-green);
    padding-bottom: 40px; }
  .m-market .dyProduct a {
    font-family: var(--open-sans-bold); }
  .m-market .dyProduct:hover {
    border: solid 2px var(--light-green); }
  .m-market .dyProduct.pClassChemical:hover {
    border: solid 2px var(--red); }
  .m-market .dyProduct.pClassChemical .dyProduct-type {
    color: var(--red); }
  .m-market .dyProduct.pClassSolution:hover {
    border: solid 2px var(--secondary-blue); }
  .m-market .dyProduct.pClassSolution .dyProduct-type {
    color: var(--secondary-blue); }
  .m-market .dyProduct.pClassEmulsion:hover {
    border: solid 2px var(--light-green); }
  .m-market .dyProduct.pClassEmulsion .dyProduct-type {
    color: var(--light-green); }

@media (min-width: 768px) {
  .m-market #marketProductsBlock {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .m-market #marketProductsBlock .dyProduct {
      width: 30%;
      margin: 0 1% 30px;
      padding: 57px; } }

.m-market .list-product {
  border-bottom: solid 1px var(--gray-100);
  margin-bottom: 1.875rem; }
  .m-market .list-product .list-product-radio {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    width: auto;
    white-space: nowrap; }
    .m-market .list-product .list-product-radio label {
      font-size: 0.875rem; }
    .m-market .list-product .list-product-radio label:before {
      display: none; }
    .m-market .list-product .list-product-radio input[type="radio"]:checked + label {
      margin-bottom: 0;
      padding: 0 0.875rem 0.875rem;
      border-bottom: solid 2px var(--primary-blue);
      font-family: var(--open-sans-bold); }
    .m-market .list-product .list-product-radio:-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: var(--gray-300); }
    .m-market .list-product .list-product-radio::-webkit-scrollbar {
      height: 0.25rem;
      background-color: var(--white); }
    .m-market .list-product .list-product-radio::-webkit-scrollbar-thumb {
      background-color: var(--primary-blue);
      height: 0.25rem; }

.m-market .header-product {
  padding: 2rem 0;
  text-align: center; }
  .m-market .header-product img {
    max-width: 6.75rem;
    margin-bottom: 1.875rem; }
  .m-market .header-product .header-product-title {
    text-align: left; }
    .m-market .header-product .header-product-title h2 {
      font-family: var(--calanda-bold);
      font-size: cal-rem(24px); }
    .m-market .header-product .header-product-title p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .m-market .header-product .header-product-title button {
      display: none; }

@media (min-width: 768px) {
  .m-market .list-product .list-product-radio {
    justify-content: center; }
  .m-market .header-product {
    padding: 3.125rem 0 5rem; }
    .m-market .header-product .header-product-title {
      position: relative; }
      .m-market .header-product .header-product-title h2 {
        width: 50%;
        font-size: cal-rem(30px); }
      .m-market .header-product .header-product-title p {
        width: 50%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
      .m-market .header-product .header-product-title img {
        position: absolute;
        right: 15%;
        top: 0;
        min-width: 185px; } }

#wrapper .m-market label {
  margin-bottom: 0; }