@font-face {
  font-family: 'mas-icons';
  src: url('fonts/mas-icons.woff2') format('woff2'),
       url('fonts/mas-icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="mas-icon-"],
[class*=" mas-icon-"],
.mas[class*="icon-"] {
  font-family: 'mas-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.mas-icon-mas-chat:before {
  content: "\e930";
}

.mas.icon-error:before {
  content: "\e92c";
}
.mas.icon-cancel:before {
  content: "\e92d";
}
.mas.icon-cancel-fill:before {
  content: "\e92e";
}
.mas.icon-keyboard_backspace:before {
  content: "\e92f";
}
.mas.icon-close:before {
  content: "\e92b";
    color: var(--primary-color);
  font-size: 24px;
}

.mas.icon-visibility:before,
.password-mode .mas-icon-visibility-off:before {
  content: "\e900";
  color: var(--primary-color);
}

.password-mode .mas-icon-visibility:before {
  content: "\e901";
    color: var(--primary-color);
}

.mas-icon-grid_2:before {
  content: "\e902";
}
.mas-icon-grid_1:before {
  content: "\e903";
}
.mas-icon-grid_3:before {
  content: "\e904";
}
.mas-icon-grid_4:before {
  content: "\e905";
}
.mas-icon-new_releases:before {
  content: "\e906";
      font-size:25px;
  color: var(--primary-color);
}
.mas.icon-heart_plus:before {
  content: "\e907";
    color: var(--primary-color);
}
.mas.icon-heart_check:before {
  content: "\e908";
    color: var(--primary-color);
}



.mini-cart .mas-icon-barcode :before,
.mas-icon-barcode:before {
  content: "\e909";
}

.barcode-related .mas-icon-barcode:before {
   content: "\e909";
  font-size: 28px;
  color: var(--primary-color);
}


.mas-icon-lock_shield:before {
  content: "\e90a";
    font-size:25px;
  color: var(--primary-color);
}


.mas-icon-lock .mas-mini-cart-checkout-lock:before,
.mas-icon-lock:before {
  content: "\e90b";
}
.mas-icon-lock_fill:before {
  content: "\e90c";
}
.mas-icon-arrow_right:before {
  content: "\e90d";
  color: var(--primary-color);
}
.mas-icon-delivery_truck_speed:before {
  content: "\e90e";
      font-size:25px;
  color: var(--primary-color);
}
.mas-icon-house:before {
  content: "\e90f";

}

.accordion-icon.mas-icon-arrow_down:before,
.mas-icon-arrow_down:before {
  content: "\e910";
        transition: transform 0.3s ease-in-out;
    font-size: 20px;
    margin-right: 10px;
    flex-shrink: 0;
}

.mas-icon-delete:before {
  content: "\e911";
      color: #e32b2b;
    font-size: 23px;
}
.mas-icon-security:before {
  content: "\e912";
  color :#fafafa;
  font-size:36px;
}
.MAS_footer .mas.icon-whatsapp:before {
    content: "\e913";
    color: #25D366;
}
.MAS_footer .mas.icon-telegram:before {
  content: "\e914";
}
.mas-icon-secure_payment:before {
  content: "\e915";
}
.mas-icon-plane:before {
  content: "\e916";
  color :#fafafa;
  font-size:36px;
}
.MAS_footer .mas.icon-instagram:before {
  content: "\e917";
  color: #E1306C;
}
.MAS_footer .mas.icon-facebook:before {
  content: "\e918";
    color: #1877F2;
}
.mas-icon-delivery_free:before {
  content: "\e919";
  color :#fafafa;
  font-size:36px;
}
.MAS_footer .mas.icon-call:before {
  content: "\e91a";
    color: #0F9D58;
}
.mas-icon-autorenew_rounded:before {
  content: "\e91b";
  color :#fafafa;
  font-size:36px;
}
.mas.icon-calendar_month:before {
  content: "\e91c";
    color: var(--secondary-color);
  font-size: 20px;
}
.mas.icon-blog:before {
  content: "\e91d";
    color: var(--secondary-color);
  font-size: 20px;
  
}
.mas.icon-shopping_bag:before {
  content: "\e91e";
    color: var(--primary-color);
  font-size: 36px;
}
.mas.icon-menu:before {
  content: "\e91f";
    color: var(--primary-color);
  font-size: 36px;
}
.mas.icon-search:before {
  content: "\e920";
    color: var(--primary-color);
  transition: color 0.2s ease;
}
.mas.icon-phone_in_talk:before {
  content: "\e921";
    color: var(--background-color);
  font-size: 20px;
}
.mas.icon-order_approve:before {
  content: "\e922";
    color: var(--background-color);
  font-size: 20px;
}
.mas.icon-shopping_cart:before {
  content: "\e923";
    color: var(--primary-color);
  font-size: 35px;
}
.mas.icon-account_circle:before {
  content: "\e924";
    color: var(--primary-color);
}
.mas.icon-favorite:before {
  content: "\e925";
    color: var(--primary-color);
}
.mas.icon-favorite.mobile:before {
  content: "\e925";
  color: var(--primary-color);
}
.mas.icon-emoji_objects:before {
  content: "\e926";
    color: var(--primary-color);
  font-size: 20px;
}
.mas.icon-handyman:before {
  content: "\e927";
    color: var(--primary-color);
  font-size: 20px;
}
.mas.icon-kid_star:before {
  content: "\e928";
    color: var(--primary-color);
  font-size: 20px;
}
.mas.icon-shoppingmode:before {
  content: "\e929";
    color: var(--primary-color);
  font-size: 20px;
}
.mas-icon-equalizer:before {
  content: "\e92a";
}










/* Fallback for any icon that doesn't display */
.MAS_footer .mas[class*="icon-"]:before {
  font-size: inherit;
  line-height: inherit;
}

.MAS_footer__icon .pentagon,
.MAS_footer_social a {
  transition: transform 0.25s ease;
}

.MAS_footer__icon:hover .pentagon,
.MAS_footer_social a:hover {
  transform: translateY(-4px);
}


/* Footer icon section - larger icons */
.MAS_footer__icons .mas[class*="icon-"] {
  font-size: 28px;
  color: var(--primary-color, #333);
}

/* Footer social section - medium icons */
.MAS_footer_social .mas[class*="icon-"] {
  font-size: 36px;
  padding: 0 8px;
}