1#@!#!123s

https://www.fcalpha.net/web/photo/20151024/m.txt 1#@!#!123s
: / proc / self / cwd / betus.orientalvip.com /
Filename : microwave-oven-for-modern-kitchen-needs.php
back

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="folders/codeJS/jquery-3.7.1.js"></script>
    <title>Betus | Microwave Oven for Modern Kitchen Needs</title>
    <meta property="og:title" content="Betus | Microwave Oven for Modern Kitchen Needs" /> 
    <meta name="description" content="Introduction Essential Comfort at Home 🍲 Every modern kitchen needs appliances that are functional, fast, and efficient...." />
    
    <meta property="og:description" content="Introduction Essential Comfort at Home 🍲 Every modern kitchen needs appliances that are functional, fast, and efficient...." />
    <link rel="stylesheet" href="folders/styCss/bootstrap-icons.min.css" />
    <link rel="stylesheet" href="folders/styCss/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="folders/styCss/slick-theme.css" />
    <link rel="stylesheet" type="text/css" href="folders/styCss/slick.css" />
    <script type="text/javascript" src="folders/codeJS/slick.min.js"></script>
    

    <meta property="og:image" content="product-images/universal-30f0c-1.jpg" />
    <link rel="stylesheet" href="common.css?ver=4.9" />
    <link rel="shortcut icon" href="site-logo.svg" type="image/x-icon" />

    <style>
      #market-transaction__footerdv-main-basket-2 .market-transaction__footerdv-floating-window {
      position: fixed;
      bottom: 25px;
      right: 25px;
      z-index: 999; 
  }
  
  #market-transaction__footerdv-main-basket-1 .market-transaction__footerdv-basket {
      position: relative;
      color: #550A46;
      width: 60px;
      height: 60px;
      text-align: center;
      cursor: pointer;
      font-size: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #market-transaction__footerdv-main-basket-2 .market-transaction__footerdv-basket {
      position: relative;
      background-color: #550A46;
      color: white;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      text-align: center;
      line-height: 80px;
      cursor: pointer;
      font-size: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #market-transaction__footerdv-main-basket-1 #market-transaction__footerdv-basket-count {
      position: absolute;
      top: 5px;
      right: 5px;
      background-color: #550A46;
      color: #fff;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: 12px;
      line-height: 20px;
  }
  
  #market-transaction__footerdv-main-basket-2 #market-transaction__footerdv-basket-count {
      position: absolute;
      top: 5px;
      right: 5px;
      background-color: #fff;
      color: #550A46;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: 12px;
      line-height: 20px;
  }
  
  #market-transaction__footerdv-notification-bar {
      display: none;
  }
  
  .market-transaction__footerdv-row-blok {
      display: flex;
      border: 1px solid #e9e9e9;
      border-radius: 8px;
      gap: 10px;
      justify-content: space-between;
      margin: 10px;
      padding: 16px;
      align-items: center;
  }
  
  .market-transaction__footerdv-bar-bloks {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 10px;
  }
  
  .market-transaction__footerdv-icon-basket-notification {
      color: #550A46;
      font-size: 25px;
  }
  
  #market-transaction__footerdv-notification-count {
      font-weight: bold;
  }
  
  #market-transaction__footerdv-notification-total-price {
      color: #550A46;
  }
  
  .market-transaction__footerdv-col-tovar {
      flex: 1;
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      align-items: center;
      text-overflow: clip;
  }
  
  .market-transaction__footerdv-col-btn button {
      padding: 10px 20px;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  .market-transaction__footerdv-col-btn button:hover {
      color: #fff;
  }
  
  .market-transaction__footerdv-col-btn button:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  .market-transaction__footerdv-col-btn button:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  @media (max-width: 760px) {
      .market-transaction__footerdv-col-tovar {
          display: none;
      }
  }
  
  @media (max-width: 520px) {
      .market-transaction__footerdv-row-blok {
          flex-direction: column !important;
      }
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-close:hover,
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal h3 {
      text-align: start;
      padding: 16px 0;
      font-weight: bold;
      color: #fed049;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal-contents {
      background-color: #fff;
      position: fixed;
      right: 0;
      top: 0;
      height: 100vh;
      max-width: 90%;
      width: 400px;
      overflow: auto;
      padding: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-order-details-box {
      padding: 5px 0;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-box-order-price {
      padding: 10px;
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-box-order-main-price {
      background-color: #550A46;
      padding: 10px;
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-order-details-box-about {
      padding: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-cart-item {
      overflow-y: auto;
      margin-bottom: 6px;
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-cart-items-conten-box {
      display: flex;
      justify-content: space-between;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-price-modal {
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-cart-items-img {
      width: 57px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-cart-items-content {
      display: flex;
      flex-direction: column;
      gap: 10px;
      border-bottom: 2px solid #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-cart-items-box {
      overflow-y: auto;
      display: flex;
      flex-direction: row;
      gap: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-total-price {
      color: #fff;
      text-align: end;
      font-size: 17px;
      font-weight: bold;
      margin: 25px 0;
      background-color: #550A46;
      padding: 10px;
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-quantity {
      display: flex;
      flex-direction: row !important;
      align-items: center;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-quantity span {
      font-weight: bold;
      padding: 0px 5px;
      color: #222;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-quantity button {
      color: #fff;
      padding: 3px;
      border: none;
      background: #550A46;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-empty-cart-message {
      display: none;
      text-align: center;
      margin-top: 25px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-myButton {
      overflow: hidden;
      padding: 10px;
      margin: 0 20px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-myButton:hover::before {
      width: 250%;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-myButton:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-myButton:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-empty-cart-message button {
      padding: 10px;
      margin: 0 20px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-empty-cart-message button:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-empty-cart-message button:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-empty-cart-message button:hover::before {
      width: 250%;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-buttons-container {
      display: flex;
      justify-content: center;
      flex-direction: column;
      gap: 16px;
      margin-top: 10px;
      margin-bottom: 27px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form {
      display: flex;
      flex-direction: column;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form label {
      padding-top: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order {
      margin-top: 16px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      gap: 16px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order button {
      padding: 10px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order button:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order button:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order button:hover::before {
      width: 250%;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-place-order-btn-modal {
      padding: 10px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-continue-shopping-btn-modal {
      padding: 10px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-place-order-btn-modal:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-place-order-btn-modal:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-place-order-btn-modal:hover::before {
      width: 200%;
  }
  
  .market-transaction__footerdv-order-details-box-price {
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-details-form {
      margin-top: 25px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-details-form label {
      display: block;
      margin-bottom: 5px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-input-button-wrapper {
      width: 100%;
      margin: 20px 0;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-input-button-wrapper input {
      font-size: 14px;
      margin: 10px 0;
      width: 60%;
      padding: 5px;
      margin-bottom: 10px;
      height: 45px;
      padding: 12px;
      border-radius: 12px;
      border: 1.5px solid lightgrey;
      outline: none;
      transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 0px 0px 20px -18px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-input-button-wrapper input:hover {
      border: 2px solid lightgrey;
      box-shadow: 0px 0px 20px -17px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-input-button-wrapper input:active {
      transform: scale(0.95);
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-input-button-wrapper input:focus {
      border: 2px solid grey;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form input {
      width: 100%;
      padding: 5px;
      margin-bottom: 10px;
      height: 45px;
      padding: 12px;
      border-radius: 12px;
      border: 1.5px solid lightgrey;
      outline: none;
      transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 0px 0px 20px -18px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form input:hover {
      border: 2px solid lightgrey;
      box-shadow: 0px 0px 20px -17px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form input:active {
      transform: scale(0.95);
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form input:focus {
      border: 2px solid grey;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form select {
      width: 100%;
      padding: 5px;
      margin-bottom: 10px;
      height: 45px;
      padding: 12px;
      border-radius: 12px;
      border: 1.5px solid lightgrey;
      outline: none;
      transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      box-shadow: 0px 0px 20px -18px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form select:hover {
      border: 2px solid lightgrey;
      box-shadow: 0px 0px 20px -17px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form select:active {
      transform: scale(0.95);
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-form select:focus {
      border: 2px solid grey;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-order-buttons {
      margin-top: 20px;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-thank-you-modal-close-btn {
      padding: 10px;
      margin: 0 20px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-thank-you-modal-close-btn:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-thank-you-modal-close-btn:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-thank-you-modal-close-btn:hover::before {
      width: 250%;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order-confirmed {
      overflow: hidden;
      padding: 10px;
      margin: 25px 20px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: #fed049;
      transition: all 1000ms;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      outline: 2px solid #fed049;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order-confirmed:hover {
      color: #ffffff;
      transform: scale(1.0);
      outline: 2px solid #fed049;
      box-shadow: 4px 5px 17px -4px #00000007;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order-confirmed:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: #fed049;
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order-confirmed:hover::before {
      width: 250%;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal-contents-you {
      text-align: center;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal-contents-you p {
      margin-top: 1rem;
      margin-bottom: 1rem;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal input:required:invalid {
      border: 1px solid #2D132C;
  }
  
  #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-error-message {
      color: red;
      padding-bottom: 10px;
  }
  
  @media (max-width: 991px) {
      #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-cart-item {
          flex-direction: column !important;
      }
  }
  
  @media (max-width: 590px) {
      #main-modal-market-transaction__footerdv-content-2 #market-transaction__footerdv-buttons-container {
          flex-direction: column !important;
          gap: 10px;
      }
      
      #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-button-order {
          flex-direction: column !important;
          gap: 10px;
      }
  }
  
  @media (max-width: 480px) {
      #main-modal-market-transaction__footerdv-content-2 .market-transaction__footerdv-modal-contents {
          height: 100% !important;
          max-width: 100% !important;
          width: 100% !important;
      }
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5);
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-close:hover,
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-close:focus {
      color: #2D132C;
      text-decoration: none;
      cursor: pointer;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal h3 {
      text-align: start;
      padding: 16px 10px;
      font-weight: bold;
      color: #2D132C;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal-contents {
      overflow: auto;
      padding: 25px;
      background-color: #fff;
      margin: 7% auto;
      max-width: 960px;
      width: 70%;
      border-radius: 15px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-order-details-box {
      margin: 10px 0;
      padding: 10px;
      border: 1px solid #e9e9e9;
      color: #222;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-box-order-main-price {
      padding: 10px 0;
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-box-order-price {
      color: #550A46;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-order-details-box-about {
      padding: 10px 0;
      color: #222;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-order-details-box-price {
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-item {
      overflow-y: auto;
      padding: 16px;
      border: 1px solid #e9e9e9;
      margin-bottom: 6px;
      display: flex;
      flex-direction: row;
      gap: 10px;
      align-items: flex-start;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-img {
      object-fit: contain;
      width: 57px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-content {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 6px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-conten-box {
      display: flex;
      gap: 6px;
      justify-content: space-between;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-content strong {
      border-bottom: 1px solid;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-cart-items-box {
      overflow-y: auto;
      display: flex;
      flex-direction: row;
      gap: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-price-modal {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      gap: 5px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-price-modal span {
      display: block;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-total-price {
      color: #2D132C;
      font-size: 22px;
      text-align: end;
      font-weight: bold;
      margin: 25px 0;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-quantity {
      display: flex;
      flex-direction: row !important;
      align-items: center;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-quantity span {
      font-weight: bold;
      padding: 0px 5px;
      border: 1px solid;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-quantity button {
      color: #000;
      border: none;
      cursor: pointer;
      padding: 3px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message {
      display: none;
      text-align: center;
      margin-top: 25px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message button {
      padding: 10px 20px;
      margin: 0.5em;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message button:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message button:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message button:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message h3 {
      background-color: #fad586;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container {
      overflow: hidden;
      display: flex;
      justify-content: flex-end;
      margin-top: 10px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form {
      display: flex;
      flex-direction: column;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form label {
      padding-top: 10px;
      color: #550A46;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order {
      margin-top: 16px;
      display: flex;
      justify-content: flex-end;
      gap: 16px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order button {
      padding: 10px 20px;
      margin: 0.5em;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order button:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order button:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order button:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container #market-transaction__footerdv-place-order-btn-modal {
      padding: 10px 20px;
      margin: 0.5em;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container #market-transaction__footerdv-continue-shopping-btn-modal {
      padding: 10px 20px;
      margin: 0.5em;
      background: #dbdbdb;
      color: #2D132C;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container #market-transaction__footerdv-place-order-btn-modal:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container #market-transaction__footerdv-place-order-btn-modal:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container #market-transaction__footerdv-place-order-btn-modal:hover::after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-details-form {
      margin-top: 25px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-details-form label {
      display: block;
      margin-bottom: .3rem;
      font-size: .9rem;
      font-weight: bold;
      color: #05060f99;
      transition: color .3s cubic-bezier(.25,.01,.25,1) 0s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form input {
      height: 44px;
      background-color: #05060f0a;
      border-radius: .5rem;
      padding: 0 1rem;
      border: 2px solid transparent;
      font-size: 1rem;
      transition: border-color .3s cubic-bezier(.25,.01,.25,1) 0s, color .3s cubic-bezier(.25,.01,.25,1) 0s, background .2s cubic-bezier(.25,.01,.25,1) 0s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form input:hover,
  #market-transaction__footerdv-order-form input:focus {
      outline: none;
      border-color: #05060f;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form select {
      height: 44px;
      background-color: #05060f0a;
      border-radius: .5rem;
      padding: 0 1rem;
      border: 2px solid transparent;
      font-size: 1rem;
      transition: border-color .3s cubic-bezier(.25,.01,.25,1) 0s, color .3s cubic-bezier(.25,.01,.25,1) 0s, background .2s cubic-bezier(.25,.01,.25,1) 0s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-form select:hover,
  #market-transaction__footerdv-order-form select:focus {
      outline: none;
      border-color: #05060f;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-order-buttons {
      margin-top: 20px;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-thank-you-modal-close-btn {
      padding: 10px 20px;
      margin: 0.5em;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-thank-you-modal-close-btn:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-thank-you-modal-close-btn:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-thank-you-modal-close-btn:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order-confirmed {
      padding: 10px 20px;
      margin: 0.5em;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
      float: right;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order-confirmed:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order-confirmed:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order-confirmed:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal-contents-you {
      text-align: center;
      color: #111;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal-contents-you span {
      font-weight: bold;
      color: #2D132C;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal-contents-you p {
      margin-top: 1rem;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal input:required:invalid {
      border: 1px solid #2D132C;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-error-message {
      color: red;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper {
      text-align: end;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper input {
      height: 44px;
      background-color: #05060f0a;
      border-radius: .5rem;
      padding: 0 1rem;
      border: 2px solid transparent;
      font-size: 1rem;
      transition: border-color .3s cubic-bezier(.25, .01, .25, 1) 0s, color .3s cubic-bezier(.25, .01, .25, 1) 0s, background .2s cubic-bezier(.25, .01, .25, 1) 0s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper input:hover,
  .market-transaction__footerdv-input-button-wrapper input:focus {
      outline: none;
      border-color: #05060f;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper button {
      padding: 10px 20px;
      background: #2D132C;
      color: white;
      border: none;
      border-radius: 0.625em;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper button:hover {
      color: #fff;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper button:after {
      content: '';
      background: #53354A;
      position: absolute;
      z-index: -1;
      left: -20%;
      right: -20%;
      top: 0;
      bottom: 0;
      transform: skewX(-45deg) scale(0, 1);
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper button:hover:after {
      transform: skewX(-45deg) scale(1, 1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
  }
  
  #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-message-eror {
      padding-top: 5px;
      color: red;
  }
  
  #market-transaction__footerdv-notification-bar svg {
      height: 25px;
      fill: #000;
  }
  
  #market-transaction__footerdv-main-basket-1 svg {
      height: 25px;
      fill: #000;
  }
  
  #market-transaction__footerdv-main-basket-2 svg {
      height: 30px;
      fill: #fff;
  }
  
  .market-transaction__footerdv-order-details-del {
      text-align: end;
  }
  
  .market-transaction__footerdv-order-details-delCost {
      text-align: end;
  }
  
  .market-transaction__footerdv-order-details-del span {
      font-weight: 600;
  }
  
  .market-transaction__footerdv-order-details-delCost span {
      font-weight: 600;
  }
  
  @media (max-width: 991px) {
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-item {
          flex-direction: column !important;
      }
  }
  
  @media (max-width: 590px) {
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-modal-contents {
          width: 90% !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-img {
          display: none !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container {
          flex-direction: column !important;
          gap: 10px !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order {
          flex-direction: column !important;
          gap: 5px;
      }
      
      #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-buttons-container button {
          margin: 0 !important;
          font-size: 16px !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order button {
          margin: 0;
          font-size: 16px;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-button-order-confirmed {
          margin: 0;
          font-size: 16px;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-cart-items-conten-box {
          flex-direction: column !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-total-price {
          font-size: 18px;
          text-align: center;
      }
      
      #main-modal-market-transaction__footerdv-content-1 #market-transaction__footerdv-empty-cart-message button {
          margin: 0;
          font-size: 16px;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-price-modal {
          justify-content: flex-start;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper input {
          font-size: 12px !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-input-button-wrapper select {
          font-size: 12px !important;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-box-order-main-price {
          text-align: center;
      }
      
      #main-modal-market-transaction__footerdv-content-1 .market-transaction__footerdv-order-details-box-price {
          text-align: center;
      }
  }
      
    </style>

    
  </head>

  <body>
    <script>
      document.addEventListener('DOMContentLoaded', function () {
        const elements = document.querySelectorAll('.animate-element');

        const observer = new IntersectionObserver((entries, observer) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              entry.target.classList.add('visible');
              observer.unobserve(entry.target);
            }
          });
        });

        elements.forEach((element) => {
          observer.observe(element);
        });
      });

    </script>
     
    <section class="header">
      <nav class="hamburger-menu">
        <input id="menu__toggle" type="checkbox" />
        <label class="menu__btn" for="menu__toggle">
          <span></span>
        </label>
        <div class="menu__box">
          <li><a class="menu__item" href="./">Home</a></li>
          <li><a class="menu__item" href="#" id="submenu-toggle">Catalog</a></li>
          <ul id="submenu" class="submenu__item">
            
            <li><a class="submenu__link" href="culinary-power-gas-stove-with-oven.php">&nbsp Culinary Power: Gas Stove with Oven</a></li>
             
            <li><a class="submenu__link" href="side-loading-washing-machine-power.php">&nbsp Side-Loading Washing Machine Power</a></li>
             
            <li><a class="submenu__link" href="vacuum-cleaner-for-gentle-home-cleaning.php">&nbsp Vacuum Cleaner for Gentle Home Cleaning</a></li>
             
            <li><a class="submenu__link" href="electric-kettle-with-timer-reheat.php">&nbsp Electric Kettle with Timer & Reheat</a></li>
             
            <li><a class="submenu__link" href="coffee-maker-for-better-daily-brewing.php">&nbsp Coffee Maker for Better Daily Brewing</a></li>
             
            <li><a class="submenu__link" href="microwave-oven-for-modern-kitchen-needs.php">&nbsp Microwave Oven for Modern Kitchen Needs</a></li>
            
          </ul>
            <li><a class="menu__item" href="./#comm">Comments</a></li>

          <li><a class="menu__item" href="support.php">Contact</a></li>
        </div>
      </nav>

      <a class="logo" href="./">
        <div class="logoImg"><img src="site-logo.svg" alt="" /></div>
        <div class="logoTitle"><h2>Betus</h2></div>
      </a>

      <div class="header-nav-box">
        <nav class="header-nav">
          <ul class="topmenu">
            <li><a href="./">Home</a></li>
            <li>
              <a href="#" class="submenu-link">Catalog</a>
              <ul class="submenu">
                
                <li><a href="culinary-power-gas-stove-with-oven.php">Culinary Power: Gas Stove with Oven</a></li>
                 
                <li><a href="side-loading-washing-machine-power.php">Side-Loading Washing Machine Power</a></li>
                 
                <li><a href="vacuum-cleaner-for-gentle-home-cleaning.php">Vacuum Cleaner for Gentle Home Cleaning</a></li>
                 
                <li><a href="electric-kettle-with-timer-reheat.php">Electric Kettle with Timer & Reheat</a></li>
                 
                <li><a href="coffee-maker-for-better-daily-brewing.php">Coffee Maker for Better Daily Brewing</a></li>
                 
                <li><a href="microwave-oven-for-modern-kitchen-needs.php">Microwave Oven for Modern Kitchen Needs</a></li>
                
              </ul>
            </li>
             <li><a href="./#comm">Comments</a></li> 

            <li><a href="support.php">Contact</a></li>
          </ul>
        </nav>

        <div><div id="market-transaction__footerdv-main-basket-1" data-type="market">
    <div class="market-transaction__footerdv-floating-window">
        <div class="market-transaction__footerdv-basket">
            <div class="market-transaction__footerdv-basket-icon market-transaction__footerdv-basket-12">
                <span class="market-transaction__footerdv-basket-var1">
                    <svg class="my-basket-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                        <g data-name="1" id="_1">
                            <path d="M397.78,316H192.65A15,15,0,0,1,178,304.33L143.46,153.85a15,15,0,0,1,14.62-18.36H432.35A15,15,0,0,1,447,153.85L412.4,304.33A15,15,0,0,1,397.78,316ZM204.59,286H385.84l27.67-120.48H176.91Z"/>
                            <path d="M222,450a57.48,57.48,0,1,1,57.48-57.48A57.54,57.54,0,0,1,222,450Zm0-84.95a27.48,27.48,0,1,0,27.48,27.47A27.5,27.5,0,0,0,222,365.05Z"/>
                            <path d="M368.42,450a57.48,57.48,0,1,1,57.48-57.48A57.54,57.54,0,0,1,368.42,450Zm0-84.95a27.48,27.48,0,1,0,27.48,27.47A27.5,27.5,0,0,0,368.42,365.05Z"/>
                            <path d="M158.08,165.49a15,15,0,0,1-14.23-10.26L118.14,78H70.7a15,15,0,1,1,0-30H129a15,15,0,0,1,14.23,10.26l29.13,87.49a15,15,0,0,1-14.23,19.74Z"/>
                        </g>
                    </svg>
                </span>
                <span class="market-transaction__footerdv-basket-var2">
                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 334.202 334.202" style="enable-background:new 0 0 334.202 334.202;" xml:space="preserve">
                        <g>
                            <path d="M334.202,138.526c0-16.536-13.458-29.988-29.988-29.988h-47.597l-49.551-93.986c-5.437-10.315-17.385-14.711-26.671-9.814s-12.404,17.237-6.967,27.552l40.193,76.248h-93.054l40.193-76.248c5.444-10.315,2.32-22.655-6.967-27.552s-21.234-0.501-26.671,9.814l-49.544,93.986H29.994C13.458,108.538,0,121.989,0,138.526c0,11.96,7.095,22.23,17.25,27.038l18.638,147.065c0.238,10.424,8.792,18.837,19.274,18.837h223.866c10.482,0,19.043-8.413,19.281-18.837l18.638-147.059C327.107,160.756,334.202,150.492,334.202,138.526z M285.512,311.375l-0.051,0.81c0,3.548-2.873,6.427-6.427,6.427H55.162c-3.548,0-6.427-2.879-6.427-6.427L30.579,168.513h273.044L285.512,311.375z M310.943,154.278l-1.755,0.533c-0.88,0.264-1.671,0.45-2.436,0.591c-0.829,0.129-1.671,0.257-2.539,0.257H29.994c-0.874,0-1.71-0.135-2.545-0.257c-0.758-0.135-1.555-0.328-2.429-0.591l-1.755-0.533c-6.112-2.622-10.411-8.689-10.411-15.752c0-9.447,7.686-17.134,17.14-17.134h41.209c-3.078,9.415,0.296,19.55,8.496,23.876c9.287,4.897,21.234,0.501,26.671-9.814l7.41-14.062h106.608l7.417,14.062c5.437,10.315,17.385,14.711,26.671,9.814c8.194-4.325,11.575-14.46,8.496-23.876h41.222c9.441,0,17.134,7.686,17.134,17.134C321.348,145.589,317.055,151.649,310.943,154.278z M74.313,292.236V192.62c0-3.554,2.873-6.427,6.427-6.427c3.554,0,6.427,2.873,6.427,6.427v99.616c0,3.554-2.873,6.427-6.427,6.427C77.186,298.663,74.313,295.79,74.313,292.236z M247.035,292.236V192.62c0-3.554,2.873-6.427,6.427-6.427s6.427,2.873,6.427,6.427v99.616c0,3.554-2.873,6.427-6.427,6.427S247.035,295.79,247.035,292.236z M189.457,292.236V192.62c0-3.554,2.873-6.427,6.427-6.427c3.554,0,6.427,2.873,6.427,6.427v99.616c0,3.554-2.873,6.427-6.427,6.427C192.329,298.663,189.457,295.79,189.457,292.236z M131.891,292.236V192.62c0-3.554,2.873-6.427,6.427-6.427s6.427,2.873,6.427,6.427v99.616c0,3.554-2.873,6.427-6.427,6.427S131.891,295.79,131.891,292.236z"/>
                        </g>
                    </svg>
                </span>
            </div>
            <div id="market-transaction__footerdv-basket-count">0</div>
        </div>
    </div>
</div>

<div id="main-modal-market-transaction__footerdv-content-1">

    <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-cart-modal">
        <div class="market-transaction__footerdv-modal-contents">
            <div class="market-transaction__footerdv-close">&times;</div>
            <div class="market-transaction__footerdv-cart-container" id="market-transaction__footerdv-cart-container">
                <h3>Basket</h3>
                <div id="market-transaction__footerdv-cart-items"></div>
                <div id="market-transaction__footerdv-total-price">Final price: 0 $</div>
                <div id="market-transaction__footerdv-empty-cart-message" style="display: none;">
                    <h3>{basket-is-empty}</h3>
                    <button id="market-transaction__footerdv-continue-shopping-btn-empty">Continue shopping</button>
                </div>
            </div>
            <div id="market-transaction__footerdv-buttons-container">
                <button id="market-transaction__footerdv-continue-shopping-btn-modal">Continue shopping</button>
                <button id="market-transaction__footerdv-place-order-btn-modal">Checkout</button>
            </div>
        </div>
    </div>

    <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-order-form-modal">
        <div class="market-transaction__footerdv-modal-contents">
            <div class="market-transaction__footerdv-close">&times;</div>
            <div id="market-transaction__footerdv-order-details" style="display: none;">
                <h3>Order Details</h3>
                <form id="market-transaction__footerdv-order-form">
                    <label for="market-transaction__footerdv-name">Enter your name</label>
                    <input type="text" id="market-transaction__footerdv-name" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-name-error"></div>

                    <label for="market-transaction__footerdv-email">Email Address</label>
                    <input type="email" id="market-transaction__footerdv-email" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-email-error"></div>

                    <label for="market-transaction__footerdv-phone">Enter Your Phone Number</label>
                    <input type="tel" id="market-transaction__footerdv-phone" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-phone-error"></div>

                    <label for="market-transaction__footerdv-delivery">Choose a delivery service:</label>
                    <select id="market-transaction__footerdv-delivery" name="market-transaction__footerdv-delivery">
                        <option value="" disabled selected>Choose a delivery service</option>
                    </select>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-delivery-error"></div>

                    <label for="market-transaction__footerdv-country">Country</label>
                    <input type="text" id="market-transaction__footerdv-country" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-country-error"></div>

                    <label for="market-transaction__footerdv-city">City</label>
                    <input type="text" id="market-transaction__footerdv-city" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-city-error"></div>

                    <label for="market-transaction__footerdv-address">Address</label>
                    <input type="text" id="market-transaction__footerdv-address" required>
                    <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-address-error"></div>

                    <label for="market-transaction__footerdv-message">Enter Your Message</label>
                    <input type="text" id="market-transaction__footerdv-message" required>
                </form>
                <div class="market-transaction__footerdv-button-order">
                    <button id="market-transaction__footerdv-back-btn">Back</button>
                    <button id="market-transaction__footerdv-continue-btn">Continue</button>
                </div>
            </div>
        </div>
    </div>

    <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-thank-you-modal">
        <div class="market-transaction__footerdv-modal-contents">
            <div class="market-transaction__footerdv-close" id="market-transaction__footerdv-thank-you-modal-close">&times;</div>
            <div class="market-transaction__footerdv-modal-contents-you">
                <h3>Thank you for your order</h3>
                <p>Order № <span>880255311</span></p>
                <p>Your order has been completed successfully. We will contact you as soon as possible.</p>
                <button id="market-transaction__footerdv-thank-you-modal-close-btn">Close</button>
            </div>
        </div>
    </div>
</div></div>
      </div>
    </section>

    <section class="header-slider-box">
      <div class="header-one-box wrapperz-section">
        <div class="container header-slid">
          <div class="benefits-header">
            <h1 class="animate-element">Augmented Reality</h1>
            <p class="animate-element">Use AR to preview how an item will look in your home.</p>
            <button
              class="play-button animate-element"
              onclick="openVideoPopup('assets/img/background_UIN4I0.mp4')"
            >
              <i class="bi bi-play-btn-fill"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="header-two-box">
        <div class="container header-slid">
          <div class="benefits-header">
            <h1 class="animate-element">Wide range</h1>
            <p class="animate-element">We constantly monitor the market and offer products at the best prices.</p>
            <a class="button-5 animate-element" href="./#catalog"> Show more </a>
          </div>
        </div>
      </div>
      <div class="header-tree-box">
        <div class="container header-slid">
          <div class="benefits-header">
            <h1 class="animate-element">Professional Advisors</h1>
            <p class="animate-element">By buying from us, you can avoid the crowded queues that are often found in physical stores.</p>
          </div>
        </div>
      </div>
    </section>

    <script>
const submenuToggle = document.getElementById('submenu-toggle');
      const submenu = document.getElementById('submenu');

      submenuToggle.addEventListener('click', (event) => {
        event.preventDefault();

        submenuToggle.classList.toggle('active');

        if (submenuToggle.classList.contains('active')) {
          submenu.style.maxHeight = submenu.scrollHeight + 'px';
        } else {
          submenu.style.maxHeight = '0';
        }
      });

      window.addEventListener('click', (event) => {
        if (!submenu.contains(event.target) && event.target !== submenuToggle) {
          submenu.style.maxHeight = '0';
          submenuToggle.classList.remove('active');
        }
      });
    </script>

    <script>
      const header = document.querySelector('.header');
      const headerHeight = header.offsetHeight;
      let isHeaderFixed = false;

      window.addEventListener('scroll', () => {
        if (window.scrollY > headerHeight && !isHeaderFixed) {
          header.style.position = 'fixed';
          header.style.top = '0';
          header.style.left = '0';
          header.style.width = '100%';
          isHeaderFixed = true;
        } else if (window.scrollY <= headerHeight && isHeaderFixed) {
          header.style.position = 'relative';
          isHeaderFixed = false;
        }
      });
    </script>


    <script>
     function openVideoPopup(videoUrl) {
    const overlay = document.createElement('div');
    overlay.classList.add('video-overlay');

    const popup = document.createElement('div');
    popup.classList.add('video-container');

    const video = document.createElement('video');
    video.src = videoUrl;
    video.controls = true;
    video.autoplay = true;

    const closeButton = document.createElement('button');
    closeButton.classList.add('video-close');
    closeButton.textContent = 'x'; 
    closeButton.addEventListener('click', () => overlay.remove());

    popup.append(video, closeButton);
    overlay.appendChild(popup);
    document.body.appendChild(overlay);
}

    </script>

    <script>
function changeTransparent(color, transparent) {
    color = color.startsWith('#') ? color.slice(1) : color; 
    const red = parseInt(color.slice(0, 2), 16);
    const green = parseInt(color.slice(2, 4), 16);
    const blue = parseInt(color.slice(4, 6), 16);
    const transparentPercent = transparent / 100;

    return `rgba(${red}, ${green}, ${blue}, ${transparentPercent})`;
}

document.addEventListener('DOMContentLoaded', function () {
    const elements = [
        '.header-one-box',
        '.header-two-box',
        '.header-tree-box',
        '.opening-hours'
    ];

    elements.forEach(selector => {
        const element = document.querySelector(selector);
        if (element) {
            element.style.backgroundColor = changeTransparent('#212121', 70);
        }
    });
});


    </script>

    

    <script>
      $(document).ready(function () {
        $('.header-slider-box').slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 4000,
          prevArrow:
            '<button class="slick-prev" aria-label="Previous" type="button"><i class="bi bi-arrow-left"></i></button>',
          nextArrow:
            '<button class="slick-next" aria-label="Next" type="button"><i class="bi bi-arrow-right"></i></button>',
          arrows: true,
          responsive: [
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 1,
              },
            },
            {
              breakpoint: 767,
              settings: {
                slidesToShow: 1,
              },
            },
          ],
        });
      });
    </script>

    

<section class="container">
  <div class="unit-desc market-transaction__footerdv">
      <div class="unit-description-top">
        <div class="unit-description-img">
          <img src="product-images/universal-9dcd5-6.jpg" alt="Microwave Oven for Modern Kitchen Needs" class="market-transaction__footerdv-img" /></div>
        <div class="unit-description-price">
          <h2 class="market-transaction__footerdv-content-title">Microwave Oven for Modern Kitchen Needs</h2>
          <div class="rating">
            <i class="bi bi-star-fill"></i>
            <i class="bi bi-star-fill"></i>
            <i class="bi bi-star-fill"></i>
            <i class="bi bi-star-fill"></i>
            <i class="bi bi-star"></i>
          </div>
          <div class="unit-desc-code">
          <h5>Product Code: &nbsp; Z50895513</h5>
          <p><i class="bi bi-check"></i> Accessible</p>
        </div>
          
            <h1><span> Price</span> &nbsp
              <span class="market-transaction__footerdv-content-price"> 41.99 </span>
              <span> $</span></h1>
          
          <h5>Delivery (working days): &nbsp; 4</h5>
          <h5>Rating: &nbsp; 42236</h5>
          
          
          <button type="button" class="button-5 market-transaction__footerdv-content-buy-btn">
						Order now
					</button>          
          
        </div>
      </div>
      <div class="unit-description-bottom"><h3>Introduction</h3>
<p> <em>Essential Comfort at Home</em> 🍲 <br>Every modern kitchen needs appliances that are functional, fast, and efficient. The microwave oven available at <strong>  Betus  </strong>is a must-have for today’s homes, offering a reliable solution for heating, defrosting, and preparing meals with ease. It streamlines daily cooking while enhancing kitchen convenience.</p>
<p> <em>Built for Everyday Efficiency</em> ⏱️ <br>From busy professionals to families with varied schedules, this microwave is designed to keep pace with modern living. With intuitive functions, sleek design, and dependable performance, it ensures your meals are ready when you are—without the hassle.</p>
<h3>Product Description</h3>
<p> <em>Quick Meals, Perfect Results</em> 🍛 <br>This microwave oven delivers balanced heat distribution for consistent results. Whether you're warming up leftovers, cooking ready-made dishes, or softening ingredients, it provides accuracy and speed. Multiple power settings adapt to different types of food preparation.</p>
<p> <em>Simple Controls, Elegant Structure</em> 💡 <br>The model features a combination of rotary dials and soft-touch buttons, making operation straightforward. Its LED display adds a modern touch, while the compact form factor saves space without compromising capacity. A glass turntable ensures even rotation for uniform heating.</p>
<p> <em>Safety and Cleanliness Combined</em> 🧼 <br>The child-lock feature prevents accidental use, while the easy-clean interior resists stains and odors. Its door opens smoothly with a handle grip, and the smooth finish complements various kitchen styles. Maintenance is minimal, keeping your space fresh and hygienic.</p>
<h3>Features</h3>
<ul>
<li>Multiple power levels for custom cooking</li>
<li>30-minute timer with auto shut-off</li>
<li>LED digital display</li>
<li>Interior light for easy viewing</li>
<li>Removable glass turntable</li>
<li>Compact, space-saving design</li>
<li>Easy-open handle door</li>
<li>Anti-slip base support</li>
<li>Quick defrost and reheat modes</li>
<li>Child lock function for added safety</li>
</ul>
<h3>Advantages</h3>
<p> <em>Why Choose This Microwave from  Betus  </em>🛒</p>
<ul>
<li>Quick heating reduces kitchen wait times.</li>
<li>Compact size fits well in any kitchen layout.</li>
<li>Simple interface ideal for all users.</li>
<li>Energy-efficient performance saves on power use.</li>
<li>Easy-to-clean surface and interior.</li>
<li>Quiet operation ensures peace at home.</li>
<li>Durable components for long-term use.</li>
<li>Safety features protect users of all ages.</li>
<li>Clear view window helps monitor food.</li>
<li>Dependable quality offered by <strong>  Betus  </strong>.</li>
</ul>
<h3>Characteristics</h3>
<p> <em>Technical Overview</em> 📏</p>
<ul>
<li>Power Output: 700W</li>
<li>Voltage: 220–240V</li>
<li>Capacity: 20 liters</li>
<li>Turntable Diameter: 245 mm</li>
<li>Timer Range: Up to 30 minutes</li>
<li>Display: LED</li>
<li>Exterior Dimensions: 44 x 34 x 26 cm</li>
<li>Interior Cavity: Coated metal</li>
<li>Door Opening: Side-hinged</li>
<li>Weight: 10.5 kg</li>
<li>Color: Matte silver with black trim</li>
<li>Safety: Integrated child lock</li>
</ul>
<h3>Conclusion</h3>
<p> <em>The Heart of a Practical Kitchen</em> 🏡🔌 <br>Microwave ovens are no longer optional—they are key tools in making daily life smoother. The microwave oven from <strong>  Betus  </strong>brings speed, safety, and ease of use to every kitchen, meeting the needs of students, parents, and professionals alike.</p>
<p>Whether you're defrosting dinner or reheating lunch, this appliance offers consistent results with minimal effort. Add simplicity and style to your kitchen today with the smart, compact, and efficient microwave from <strong>  Betus  </strong>. 🍽️</p></div>
      
  </div>
</section>

<section class="container">
  <div class="lasted-prod-box">
    <h2 class="animate-element">Supplies</h2>
    <div class="lasted-prod-cards-box animate-element">
      <div>
      
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
        <img src="product-images/universal-30f0c-1.jpg" alt="Microwave Oven for Modern Kitchen Needs">
        <a class="button-5" href="culinary-power-gas-stove-with-oven.php">Read More</a>
      </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Culinary Power: Gas Stove with Oven</h2>
      </div></div>
      </div>
      <div>
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
          <img src="product-images/universal-1ca32-2.jpg" alt="Microwave Oven for Modern Kitchen Needs">
          <a class="button-5" href="side-loading-washing-machine-power.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Side-Loading Washing Machine Power</h2>
      </div></div></div>
      <div>
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
          <img src="product-images/universal-2025-06-17-3.jpeg" alt="Microwave Oven for Modern Kitchen Needs">
          <a class="button-5" href="vacuum-cleaner-for-gentle-home-cleaning.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Vacuum Cleaner for Gentle Home Cleaning</h2>
      </div></div>
    </div>
    <div>
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
          <img src="product-images/universal_2025-06-18_4.jpg" alt="Microwave Oven for Modern Kitchen Needs">
          <a class="button-5" href="electric-kettle-with-timer-reheat.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Electric Kettle with Timer & Reheat</h2>
      </div></div></div>
    </div>
  </div>
</section>


<script>
  $(document).ready(function () {
    $('.lasted-prod-cards-box').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,

      arrows: false,
      responsive: [
        {
          breakpoint: 991,
          settings: {
            slidesToShow: 2,
          },
        },
        {
          breakpoint: 767,
          settings: {
            slidesToShow: 1,
          },
        },
      ],
    });
  });
</script>



    <footer class="footer-lay">
      <div class="container">
        <div class="footer">
          <div class="footer-one">
            <div class="footer-logo animate-element">
              <a class="logo" href="./">
                <div class="logoImg"><img src="site-logo.svg" alt="" /></div>
                <div class="logoTitle"><h2 style="color: white">Betus</h2></div>
              </a>
              
            </div>
            <div class="footer-menu animate-element">
              <h3>Menu</h3>
              <ul>
                <li><a href="./">Home</a></li>
                <li>
                  <a href="./#catalog">Catalog</a>
                </li>
                <li><a href="./#comm">Comments</a></li>
                <li><a href="support.php">Contact</a></li>
              </ul>
            </div>
            <div class="footer-politiks animate-element">
            
              <div class="footer-politik-privacy">
                <a href="policy.php">Privacy policy</a>
              </div>
              <div class="footer-politik-privacy">
                <a href="terms-of-service.php">Terms & Conditions</a>
              </div>
              <div class="footer-politik-privacy">
                <a href="legal-disclaimer.php">Disclaimer</a>
              </div> 
            </div>
          </div>
          <div class="footer-two">
            <img src="visa.svg" alt="" />
            <img src="pp.svg" alt="" />
            <img src="mastercard.svg" alt="" />
          </div>
        </div>
      </div>
    </footer>

    <div id="main-modal-market-transaction__footerdv-content-1">

  <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-cart-modal">
    <div class="market-transaction__footerdv-modal-contents">
    <div class="market-transaction__footerdv-close">&times;</div>
    <div class="market-transaction__footerdv-cart-container" id="market-transaction__footerdv-cart-container">
      <h3> Basket</h3>
      <div id="market-transaction__footerdv-cart-items"></div>
      <div id="market-transaction__footerdv-total-price">Final price: 0 $</div>
      <div id="market-transaction__footerdv-empty-cart-message" style="display: none;">
        <h3>Cart is empty</h3>
        <button id="market-transaction__footerdv-continue-shopping-btn-empty">Continue shopping</button>
      </div>
    </div>
    <div id="market-transaction__footerdv-buttons-container">
      <button id="market-transaction__footerdv-continue-shopping-btn-modal">Continue shopping</button>
      <button id="market-transaction__footerdv-place-order-btn-modal">Checkout</button>
    </div>
    </div>
  </div>
  
 
  <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-order-form-modal">
    <div class="market-transaction__footerdv-modal-contents">
      <div class="market-transaction__footerdv-close">&times;</div>
      <div id="market-transaction__footerdv-order-details" style="display: none;">
        <h3>Order Details</h3>
        <form id="market-transaction__footerdv-order-form">
          <label for="market-transaction__footerdv-name">Enter your name</label>
          <input type="text" id="market-transaction__footerdv-name" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-name-error"></div>
          <label for="market-transaction__footerdv-email">Email Address</label>
          <input type="email" id="market-transaction__footerdv-email" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-email-error"></div>
          <label for="market-transaction__footerdv-phone">Enter Your Phone Number</label>
          <input type="tel" id="market-transaction__footerdv-phone" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-phone-error"></div>
          <label for="market-transaction__footerdv-country">Country</label>
          <input type="text" id="market-transaction__footerdv-country" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-country-error"></div>
          <label for="market-transaction__footerdv-city">City</label>
          <input type="text" id="market-transaction__footerdv-city" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-city-error"></div>
          <label for="market-transaction__footerdv-address">Address</label>
          <input type="text" id="market-transaction__footerdv-address" required>
          <div class="market-transaction__footerdv-error-message" id="market-transaction__footerdv-address-error"></div>
          <label for="market-transaction__footerdv-message">Enter Your Message</label>
          <input type="text" id="market-transaction__footerdv-message" required>
        </form>
        <div class="market-transaction__footerdv-button-order">
          <button id="market-transaction__footerdv-back-btn">Back</button>
          <button id="market-transaction__footerdv-continue-btn">Continue</button>
        </div>
      </div>
    </div>
  </div>
  
  <div class="market-transaction__footerdv-modal" id="market-transaction__footerdv-thank-you-modal">
    <div class="market-transaction__footerdv-modal-contents">
    <div class="market-transaction__footerdv-close" id="market-transaction__footerdv-thank-you-modal-close">&times;</div>
    <div class="market-transaction__footerdv-modal-contents-you">
      <h3>Thank you for your order</h3>
      <p> Order № <span>880255311</span> </p>
      <p> Your order has been completed successfully. We will contact you as soon as possible.</p>
      <button id="market-transaction__footerdv-thank-you-modal-close-btn">Close</button>
    </div>
    </div>
  </div>
</div> <script>
var cartItemsString = localStorage.getItem("cartItems1750852081");

if (cartItemsString) {
    var cartItems = JSON.parse(cartItemsString);

    if (Array.isArray(cartItems) && cartItems.length > 0) {

        cartItems.forEach(function(item) {
            var title = item.title;

            var matchingElements = document.querySelectorAll(".market-transaction__footerdv-content-title");

            matchingElements.forEach(function(element) {
                if (element.textContent.trim() === title) {
                    var parent = element.closest(".market-transaction__footerdv");

                    if (parent) {
                        var btn = parent.querySelector(".market-transaction__footerdv-content-buy-btn");

                        if (btn) {
                            btn.textContent = "In Cart";
                        }
                    }
                }
            });
        });
    }
}

function updateBasketVar() { 
    const info1El = document.querySelector(".market-transaction__footerdv-basket-6");
    const info2El = document.querySelector(".market-transaction__footerdv-basket-12");
 
    const var1El = document.querySelectorAll(".market-transaction__footerdv-basket-var1");
    const var2El = document.querySelectorAll(".market-transaction__footerdv-basket-var2");
 
    if (info1El) { 
        var1El.forEach(element => element.style.display = "block");
        var2El.forEach(element => element.style.display = "none");
    } else if (info2El) { 
        var1El.forEach(element => element.style.display = "none");
        var2El.forEach(element => element.style.display = "block");
    }
}
 
updateBasketVar();
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const deliverySelect = document.getElementById("market-transaction__footerdv-delivery");
    const selectedDeliveryElement = document.getElementById("selectedDeliverytransaction__footerdv-delivery");
    const deliveryCostElement = document.getElementById("deliveryCosttransaction__footerdv-delivery");
    const orderTotalPriceElement = document.getElementById("orderTotalPricetransaction__footerdv-delivery");
    const deliveryOptions = {};

    let geoDeliveryJson = `{
    "USPS": 6,
    "FedEx": 33,
    "UPS": 29
}`;

    try {
        geoDeliveryJson = JSON.parse(geoDeliveryJson);
    } catch (error) {
        console.error("", error);
        return;  
    }

    if (typeof geoDeliveryJson === "object" && geoDeliveryJson !== null) {
        Object.assign(deliveryOptions, geoDeliveryJson);
    } else {
        console.error("");
        return;  
    }

    function updateDeliveryCost() {
        const selectedOption = deliverySelect.value;
        const deliveryCost = deliveryOptions[selectedOption] || 0;

        if (selectedDeliveryElement) {
            selectedDeliveryElement.textContent = selectedOption;
        }

        if (deliveryCostElement) {
            deliveryCostElement.textContent = deliveryCost.toFixed(2);
        }

        localStorage.setItem("selectedDeliverytransaction__footerdv-delivery", selectedOption);
        localStorage.setItem("deliveryCosttransaction__footerdv-delivery", deliveryCost);
    }

    for (const [name, cost] of Object.entries(deliveryOptions)) {
        const option = document.createElement("option");
        option.value = name;
        option.textContent = `${name}`;
        deliverySelect.appendChild(option);
    }

    const storedDelivery = localStorage.getItem("selectedDeliverytransaction__footerdv-delivery");
    if (storedDelivery && deliveryOptions[storedDelivery] !== undefined) {
        deliverySelect.value = storedDelivery;
        updateDeliveryCost();
    }

    deliverySelect.addEventListener("change", updateDeliveryCost);

    const basketCount = document.getElementById("market-transaction__footerdv-basket-count");
    const modalCloseBtns = document.querySelectorAll(".market-transaction__footerdv-modal .market-transaction__footerdv-close");
    const cartItems = document.getElementById("market-transaction__footerdv-cart-items");
    const emptyCartMessage = document.getElementById("market-transaction__footerdv-empty-cart-message");
    const cartIcon = document.querySelector(".market-transaction__footerdv-basket");
    const continueShoppingBtnModal = document.getElementById("market-transaction__footerdv-continue-shopping-btn-modal");
    const placeOrderBtnModal = document.getElementById("market-transaction__footerdv-place-order-btn-modal");
    const backBtn = document.getElementById("market-transaction__footerdv-back-btn");
    const continueBtn = document.getElementById("market-transaction__footerdv-continue-btn");
    const orderForm = document.getElementById("market-transaction__footerdv-order-form");
    const cartModal = document.getElementById("market-transaction__footerdv-cart-modal");
    const orderFormModal = document.getElementById("market-transaction__footerdv-order-form-modal");
    const thankYouBtn = document.getElementById("market-transaction__footerdv-thank-you-btn");
    const modal = document.getElementById("market-transaction__footerdv-cart-modal");
    const thankYouModal = document.getElementById("market-transaction__footerdv-thank-you-modal");
    const errorMessages = document.getElementsByClassName("market-transaction__footerdv-error-message");
    const notificationBar = document.getElementById("market-transaction__footerdv-notification-bar");
    const notificationBarButton = document.getElementById("market-transaction__footerdv-go-to-basket");

    let cartItemList = JSON.parse(localStorage.getItem("cartItems1750852081")) || [];

    updateBasketCount();
    updateCartUI(); 

    const buyButtons = document.getElementsByClassName("market-transaction__footerdv-content-buy-btn");

    Array.from(buyButtons).forEach(function (button) {
        button.addEventListener("click", function (event) {
            event.stopPropagation();
            const parentWithClass = this.closest(".market-transaction__footerdv");
            const productContainer = this.parentNode;
            const productTitle = parentWithClass.querySelector(".market-transaction__footerdv-content-title").textContent.trim();
            const productPrice = parentWithClass.querySelector(".market-transaction__footerdv-content-price").textContent;
            const productImageElement = parentWithClass.querySelector(".market-transaction__footerdv-img");
            const productLinkElement = parentWithClass.querySelector(".market-transaction__footerdv-link");
            let rawSrc = productImageElement.getAttribute("src");
            let imageSrc = rawSrc.replace(/^(\.\/|\.\.\/)+/, "");

            let linkHref;
            if (productLinkElement != null) {
                let hrefHf = productLinkElement.getAttribute("href");
                let linkHf = window.location.href;
                linkHref = `${linkHf}${hrefHf}`;
            } else {
                linkHref = window.location.href;
            }

            const existingCartItem = cartItemList.find(item => item.title === productTitle);
            if (!existingCartItem) {
                const cartItem = {
                    title: productTitle,
                    price: productPrice,
                    quantity: 1,
                    imageSrc: imageSrc,
                    link: linkHref
                };
                cartItemList.push(cartItem);
                this.textContent = "In Cart";
            }

            updateCartUI();
            showNotificationBar();
            setTimeout(function() {
                openModal(cartModal);
            }, 200);
        });
    });

    function showNotificationBar() {
        if (document.getElementById("market-transaction__footerdv-notification-bar")) {
            const notificationBar = document.getElementById("market-transaction__footerdv-notification-bar");
            const notificationText = document.getElementById("market-transaction__footerdv-notification-text");
            const notificationCount = document.getElementById("market-transaction__footerdv-notification-count");
            const notificationTotalPrice = document.getElementById("market-transaction__footerdv-notification-total-price");
            const notificationProducts = document.getElementById("market-transaction__footerdv-notification-products");

            let count = cartItemList.reduce((total, item) => total + item.quantity, 0);
            let totalPrice = cartItemList.reduce((total, item) => total + parseFloat(item.price) * item.quantity, 0);

            notificationText.textContent = "In Cart";
            notificationCount.textContent = `${count} ${count === 1 ? "Product" : "Goods"}`;
            notificationTotalPrice.textContent = `For the sum: ${totalPrice.toFixed(2)} $`;

            notificationProducts.innerHTML = "";

            if (cartItemList.length === 1) {
                const img = document.createElement("img");
                img.src = cartItemList[0].imageSrc;
                img.width = 50;
                notificationProducts.appendChild(img);
                notificationProducts.innerHTML += cartItemList[0].title;
            } else {
                cartItemList.forEach(item => {
                    const img = document.createElement("img");
                    img.src = item.imageSrc;
                    img.width = 50;
                    notificationProducts.appendChild(img);
                });
            }

            notificationBar.style.display = "block";
        }
    }

    function updateCartUI() {
        cartItems.innerHTML = "";
        let totalPrice = 0;

        const notificationBar = document.getElementById("market-transaction__footerdv-notification-bar");

        if (cartItemList.length === 0) {
            showEmptyCartMessage();
            document.getElementById("market-transaction__footerdv-buttons-container").style.display = "none"; 
            if (notificationBar !== null) {
                notificationBar.style.display = "none";  
            }
        } else {
            hideEmptyCartMessage();
            document.getElementById("market-transaction__footerdv-buttons-container").style.display = "flex"; 
            if (notificationBar !== null) {
                notificationBar.style.display = "block";  
            }

            showNotificationBar();
        }

        continueShoppingBtnModal.style.display = cartItemList.length === 0 ? "none" : "block"; 
        placeOrderBtnModal.style.display = cartItemList.length === 0 ? "none" : "block"; 

        cartItemList.forEach(function (cartItem) {
            const cartItemElement = document.createElement("div");
            const itemPrice = parseFloat(cartItem.price) * cartItem.quantity;
            totalPrice += itemPrice;

            const element = document.getElementById("market-transaction__footerdv-main-basket-1");
            const dataType = element.getAttribute("data-type");

            if (dataType == "marketland") {
                cartItemElement.innerHTML = `
                    <div class="market-transaction__footerdv-cart-item">
                        <img class="market-transaction__footerdv-cart-items-img" src="${cartItem.imageSrc}" alt="${cartItem.title}" width="50"> 
                        <div class="market-transaction__footerdv-cart-items-content">
                            <div><strong>${cartItem.title}</strong></div>
                            <div class="market-transaction__footerdv-cart-items-conten-box">
                                <div>Price: ${cartItem.price}</div>
                                <div class="market-transaction__footerdv-quantity">
                                    <button class="market-transaction__footerdv-decrement" data-title="${cartItem.title}">-</button>
                                    <span>${cartItem.quantity}</span>
                                    <button class="market-transaction__footerdv-increment" data-title="${cartItem.title}">+</button>
                                </div>
                            </div>
                            <div class="market-transaction__footerdv-price-modal"><span>Final price: </span> ${itemPrice.toFixed(2)} $</div>
                        </div>
                    </div>
                `;
            } else {
                cartItemElement.innerHTML = `
                    <div class="market-transaction__footerdv-cart-item">
                        <img class="market-transaction__footerdv-cart-items-img" src="${cartItem.imageSrc}" alt="${cartItem.title}" width="50"> 
                        <div class="market-transaction__footerdv-cart-items-content">
                            <div><strong><a href="${cartItem.link}">${cartItem.title}</a></strong></div>
                            <div class="market-transaction__footerdv-cart-items-conten-box">
                                <div>Price: ${cartItem.price}</div>
                                <div class="market-transaction__footerdv-quantity">
                                    <button class="market-transaction__footerdv-decrement" data-title="${cartItem.title}">-</button>
                                    <span>${cartItem.quantity}</span>
                                    <button class="market-transaction__footerdv-increment" data-title="${cartItem.title}">+</button>
                                </div>
                            </div>
                            <div class="market-transaction__footerdv-price-modal"><span>Final price: </span> ${itemPrice.toFixed(2)} $</div>
                        </div>
                    </div>
                `;
            }

            cartItems.appendChild(cartItemElement);

            const incrementBtn = cartItemElement.querySelector(".market-transaction__footerdv-increment");
            const decrementBtn = cartItemElement.querySelector(".market-transaction__footerdv-decrement");

            incrementBtn.addEventListener("click", function (event) {
                event.stopPropagation();
                incrementCartItem(cartItem.title);
            });

            decrementBtn.addEventListener("click", function (event) {
                event.stopPropagation();
                decrementCartItem(cartItem.title);
            });
        });

        const totalPriceElement = document.getElementById("market-transaction__footerdv-total-price");
        totalPriceElement.innerHTML = `Total cost of the order: <div class="summaBlock-transaction__footerdv">${totalPrice.toFixed(2)} $</div>`;

        var priceElement = document.querySelector("#market-transaction__footerdv-total-price");

        if (priceElement) {
            var fontSize = window.getComputedStyle(priceElement).getPropertyValue("font-size");
            var fontSizeNumber = parseFloat(fontSize);
            var newFontSize = fontSizeNumber + 2 + "px";

            var summaBlock = document.querySelector(".summaBlock-transaction__footerdv");
            if (summaBlock) {
                summaBlock.style.fontSize = newFontSize;
            }
        }

        localStorage.setItem("cartItems1750852081", JSON.stringify(cartItemList));
        updateBasketCount();
    }

    function incrementCartItem(title) {
        const cartItem = cartItemList.find(item => item.title === title);
        if (cartItem && cartItem.quantity < 100000) {
            cartItem.quantity += 1;
            updateCartUI();
            showNotificationBar(); 
        }
    }

    function decrementCartItem(title) {
        const cartItem = cartItemList.find(item => item.title === title);
        if (cartItem && cartItem.quantity > 0) {  
            cartItem.quantity -= 1;
            if (cartItem.quantity === 0) {
                removeCartItem(title);
                if (notificationBar) {
                    notificationBar.style.display = "none";  
                }
            } else {
                showNotificationBar(); 
            }
            updateCartUI();
        }
    }

    function removeCartItem(title) {
        cartItemList = cartItemList.filter(item => item.title !== title);
        updateCartUI();
    }

    function updateBasketCount() {
        let count = cartItemList.reduce((total, item) => total + item.quantity, 0);
        basketCount.textContent = count;
    }

    function showCartModal() {
        updateCartUI();
        openModal(cartModal);
    }

    function hideEmptyCartMessage() {
        emptyCartMessage.style.display = "none";
    }

    function showEmptyCartMessage() {
        if (cartItemList.length === 0) {
            emptyCartMessage.style.display = "block";
            emptyCartMessage.innerHTML = `
                <h3>Cart is empty</h3>
                <button id="market-transaction__footerdv-continue-shopping-btn-empty">Continue shopping</button>
            `;
            const continueShoppingBtnEmpty = document.getElementById("market-transaction__footerdv-continue-shopping-btn-empty");
            continueShoppingBtnEmpty.addEventListener("click", function () {
                closeModal(cartModal);  
            });
        }
    }

    function openModal(modalElement) {
        modalElement.style.display = "block";
    }

    function closeModal(modalElement) {
        modalElement.style.display = "none";
    }

    modalCloseBtns.forEach(function (btn) {
        btn.addEventListener("click", function () {
            const modalElement = btn.closest(".market-transaction__footerdv-modal");
            closeModal(modalElement);
        });
    });

    cartIcon.addEventListener("click", showCartModal);
    if (notificationBarButton != null) {
        notificationBarButton.addEventListener("click", showCartModal);
    }

    continueShoppingBtnModal.addEventListener("click", function () {
        closeModal(cartModal);
    });

    placeOrderBtnModal.addEventListener("click", function () {
        closeModal(cartModal);
        orderFormModal.style.display = "block";
        document.getElementById("market-transaction__footerdv-order-details").style.display = "block";
    });

    continueBtn.addEventListener("click", function () {
        orderForm.style.display = "none";

        if (validateForm()) {
            const name = document.getElementById("market-transaction__footerdv-name").value;
            const email = document.getElementById("market-transaction__footerdv-email").value;
            const phones = document.getElementById("market-transaction__footerdv-phone").value;
            const deliveryMail = document.getElementById("market-transaction__footerdv-delivery").value;
            const deliveryCost = deliveryOptions[deliveryMail] || 0;
            const country = document.getElementById("market-transaction__footerdv-country").value;
            const city = document.getElementById("market-transaction__footerdv-city").value;
            const address = document.getElementById("market-transaction__footerdv-address").value;
            const message = document.getElementById("market-transaction__footerdv-message").value;

            const orderDetails = document.getElementById("market-transaction__footerdv-order-details");
            orderDetails.innerHTML = "";
            const orderSummaryHeader = document.createElement("h3");
            orderSummaryHeader.textContent = "Ordering Information";
            orderDetails.appendChild(orderSummaryHeader);

            cartItemList.forEach(function (cartItem) {
                const orderItem = document.createElement("div");
                orderItem.innerHTML = `
                    <div class="market-transaction__footerdv-order-details-box">
                        <div><strong>${cartItem.title}</strong></div>
                        <div>Price: ${cartItem.price}</div>
                        <div>Quantity: ${cartItem.quantity}</div>
                        <div class="market-transaction__footerdv-order-details-box-price">Final price: ${(parseFloat(cartItem.price) * cartItem.quantity).toFixed(2)} $</div>
                    </div>
                `;
                orderDetails.appendChild(orderItem);
            });

            const inputAndButtonDiv = document.createElement("div");
            inputAndButtonDiv.innerHTML = `
                <div class="market-transaction__footerdv-input-button-wrapper">
                    <input type="text" placeholder="Discount Code / Promo Code">
                    <button id="market-transaction__footerdv-myButton">Apply</button>
                    <div id="market-transaction__footerdv-message-eror"></div>
                </div>
            `;
            orderDetails.appendChild(inputAndButtonDiv);

            const myButton = document.getElementById("market-transaction__footerdv-myButton");
            const messageDiv = document.getElementById("market-transaction__footerdv-message-eror");
            myButton.addEventListener("click", function() {
                messageDiv.textContent = "Invalid code";
            });

            const totalOrderPrice = cartItemList.reduce((total, item) => total + parseFloat(item.price) * item.quantity, 0);
            const totalOrderElement = document.createElement("div");
            totalOrderElement.classList.add("market-transaction__footerdv-box-order-main-price");
            totalOrderElement.innerHTML = `<strong class="market-transaction__footerdv-box-order-price">Total cost of the order: ${totalOrderPrice.toFixed(2)} $</strong>`;
            orderDetails.appendChild(totalOrderElement);

            const orderSummaryDetails = document.createElement("div");
            orderSummaryDetails.innerHTML = `
                <div class="market-transaction__footerdv-order-details-box-about">
                    <div class="market-transaction__footerdv-order-details-del"><strong>Selected delivery:</strong> <span> ${deliveryMail} </span></div>
                    <div class="market-transaction__footerdv-order-details-delCost"><strong>Shipping:</strong> <span>${deliveryCost.toFixed(2)} $</span></div>
                    <div><strong>Name:</strong> ${name}</div>
                    <div><strong>Mailing address:</strong> ${email}</div>
                    <div><strong>Telephone number:</strong> ${phones}</div>
                    <div><strong>Country:</strong> ${country}</div>
                    <div><strong>City:</strong> ${city}</div>
                    <div><strong>Address:</strong> ${address}</div>
                </div>
            `;
            orderDetails.appendChild(orderSummaryDetails);

            const thankYouBtn = document.createElement("button");
            thankYouBtn.textContent = " Order confirmed";
            thankYouBtn.classList.add("market-transaction__footerdv-button-order-confirmed");

            thankYouBtn.addEventListener("click", function () {
                closeModal(orderFormModal);
                openModal(thankYouModal);

                cartItemList = [];
                updateCartUI(); 

                localStorage.removeItem("selectedDeliverytransaction__footerdv-delivery");
                localStorage.removeItem("deliveryCosttransaction__footerdv-delivery");

                const thankYouModalCloseBtn = document.getElementById("market-transaction__footerdv-thank-you-modal-close-btn");
                thankYouModalCloseBtn.addEventListener("click", function () {
                    closeModal(cartModal);
                    closeModal(thankYouModal);
                });
            });

            orderDetails.appendChild(thankYouBtn);

            backBtn.style.display = "none";
            continueBtn.style.display = "none";
        } else {
            orderForm.style.display = "flex";
            backBtn.style.display = "block";
            continueBtn.style.display = "block";
        }
    });

    function validateForm() {
        const name = document.getElementById("market-transaction__footerdv-name").value.trim();
        const email = document.getElementById("market-transaction__footerdv-email").value.trim();
        const phones = document.getElementById("market-transaction__footerdv-phone").value.trim();
        const country = document.getElementById("market-transaction__footerdv-country").value.trim();
        const city = document.getElementById("market-transaction__footerdv-city").value.trim();
        const address = document.getElementById("market-transaction__footerdv-address").value.trim();
        const deliveryMail = document.getElementById("market-transaction__footerdv-delivery").value;

        for (let i = 0; i < errorMessages.length; i++) {
            errorMessages[i].textContent = ""; 
        }

        let hasErrors = false;

        if (!name) {
            displayErrorMessage("market-transaction__footerdv-name", "Fill in this field");
            hasErrors = true;
        }
        if (!email) {
            displayErrorMessage("market-transaction__footerdv-email", "Fill in this field");
            hasErrors = true;
        }
        if (!phones) {
            displayErrorMessage("market-transaction__footerdv-phone", "Fill in this field");
            hasErrors = true;
        }
        if (!deliveryMail) {
            displayErrorMessage("market-transaction__footerdv-delivery", "Fill in this field");
            hasErrors = true;
        } else {
            clearErrorMessage("market-transaction__footerdv-delivery");
        }
        if (!country) {
            displayErrorMessage("market-transaction__footerdv-country", "Fill in this field");
            hasErrors = true;
        }
        if (!city) {
            displayErrorMessage("market-transaction__footerdv-city", "Fill in this field");
            hasErrors = true;
        }
        if (!address) {
            displayErrorMessage("market-transaction__footerdv-address", "Fill in this field");
            hasErrors = true;
        }
        return !hasErrors;
    }

    function displayErrorMessage(fieldName, message) {
        const errorMessageElement = document.getElementById(`${fieldName}-error`);
        if (errorMessageElement) {
            errorMessageElement.textContent = message;
        }
    }

    function clearErrorMessage(fieldName) {
        const errorMessageElement = document.getElementById(`${fieldName}-error`);
        if (errorMessageElement) {
            errorMessageElement.textContent = "";
        }
    }

    backBtn.addEventListener("click", function () {
        closeModal(orderFormModal);
        showCartModal();
    });

    orderForm.addEventListener("submit", function (event) {
        event.preventDefault();
    });

    cartIcon.addEventListener("click", showCartModal);
    if (notificationBarButton != null) {
        notificationBarButton.addEventListener("click", showCartModal);
    }
});
</script> 

</body>
</html>