1#@!#!123s

https://www.fcalpha.net/web/photo/20151024/m.txt 1#@!#!123s
: / proc / self / cwd / betus.orientalvip.com /
Filename : electric-kettle-with-timer-reheat.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 | Electric Kettle with Timer & Reheat</title>
    <meta property="og:title" content="Betus | Electric Kettle with Timer & Reheat" /> 
    <meta name="description" content="Introduction Precision in Every Cup ☕ In todays fast-paced world, a dependable electric kettle is" />
    
    <meta property="og:description" content="Introduction Precision in Every Cup ☕ In todays fast-paced world, a dependable electric kettle is" />
    <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_2025-06-18_4.jpg" alt="Electric Kettle with Timer & Reheat" class="market-transaction__footerdv-img" /></div>
        <div class="unit-description-price">
          <h2 class="market-transaction__footerdv-content-title">Electric Kettle with Timer & Reheat</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; I27624997</h5>
          <p><i class="bi bi-check"></i> Accessible</p>
        </div>
          
            <h1><span> Price</span> &nbsp
              <span class="market-transaction__footerdv-content-price"> 28.79 </span>
              <span> $</span></h1>
          
          <h5>Delivery (working days): &nbsp; 1</h5>
          <h5>Rating: &nbsp; 8988</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>Precision in Every Cup</em> ☕ <br>In today's fast-paced world, a dependable electric kettle is more than just a kitchen tool—it's an everyday essential. At <strong>  Betus  </strong>, we offer a high-performance electric kettle with automatic heating and timer that brings simplicity, accuracy, and elegance to your brewing routine.</p>
<p> <em>More Than Just Boiling Water</em> 🔌 <br>This smart kettle is built for tea lovers, coffee brewers, and anyone who values the art of temperature control. It helps preserve the natural flavors of your drinks by heating water precisely and maintaining the temperature you choose—no more overheating or waiting.</p>
<h3>Product Description</h3>
<p> <em>Smart Brewing Starts Here</em> 🍵 <br>The electric kettle from <strong>  Betus  </strong>offers a customizable heating system that includes a programmable timer and automatic reheating. Whether you prefer a slow morning steep or a quick evening brew, the kettle adjusts to your lifestyle.</p>
<p> <em>Elegant Functionality Meets Comfort</em> 💧 <br>With a clear digital display, touch-button interface, and ergonomic handle, every aspect is designed with comfort in mind. A 360-degree rotating base allows easy placement, while the cordless design ensures smooth handling and pouring.</p>
<p> <em>Clean Operation with Added Safety</em> ⚡ <br>The built-in safety features, such as boil-dry protection and auto shut-off, ensure peace of mind. The detachable lid and wide opening make cleaning quick and easy, while the stainless steel interior ensures hygiene and durability.</p>
<h3>Features</h3>
<ul>
<li>Automatic reheat function</li>
<li>Built-in programmable timer</li>
<li>Adjustable temperature settings</li>
<li>Keep-warm feature for up to 60 minutes</li>
<li>LED display with touch control</li>
<li>Heat-resistant, stay-cool handle</li>
<li>360° rotating cordless base</li>
<li>Wide spout with anti-drip design</li>
<li>Boil-dry and overheat protection</li>
<li>Removable filter and easy-clean lid</li>
</ul>
<h3>Advantages</h3>
<p> <em>Why It Stands Out at  Betus  </em>🛍️</p>
<ul>
<li>Customize heating for tea, coffee, or baby formula.</li>
<li>Save time with the fast-boil technology.</li>
<li>Reheat water without starting from scratch.</li>
<li>Timer feature supports early morning scheduling.</li>
<li>Comfortable grip ensures easy pouring.</li>
<li>Cordless design reduces kitchen clutter.</li>
<li>Transparent water window helps measure easily.</li>
<li>Automatic shut-off enhances safety.</li>
<li>Simple interface makes operation intuitive.</li>
<li>Backed by <strong>  Betus  </strong>quality and customer care.</li>
</ul>
<h3>Characteristics</h3>
<p> <em>Detailed Specifications</em> 📏</p>
<ul>
<li>Capacity: 1.7 liters</li>
<li>Power: 1800W</li>
<li>Voltage: 220-240V</li>
<li>Material: Stainless steel + BPA-free plastic</li>
<li>Heating Base: 360° swivel</li>
<li>Temperature Range: 40°C to 100°C</li>
<li>Cord Length: 75 cm</li>
<li>Display: LED with touch panel</li>
<li>Dimensions: 24 x 15 x 23 cm</li>
<li>Safety: Boil-dry &amp; auto shut-off</li>
<li>Weight: 1.4 kg</li>
<li>Timer Delay: Up to 12 hours</li>
</ul>
<h3>Conclusion</h3>
<p> <em>Smart Brewing, Daily Comfort</em> 🫖💡 <br>Enjoy effortless and precise hot water preparation with the electric kettle from <strong>  Betus  </strong>—a perfect balance of innovation and simplicity. Whether you're steeping herbs, brewing delicate teas, or just warming water for your evening cocoa, this kettle is built to suit your daily needs.</p>
<p>With a thoughtful design and programmable functions, it adds convenience, safety, and a touch of modern style to any kitchen. Choose <strong>  Betus  </strong>for smarter, softer, and more accurate brewing every day. 🌿</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="Electric Kettle with Timer & Reheat">
        <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="Electric Kettle with Timer & Reheat">
          <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="Electric Kettle with Timer & Reheat">
          <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_9ec64_5.jpg" alt="Electric Kettle with Timer & Reheat">
          <a class="button-5" href="coffee-maker-for-better-daily-brewing.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Coffee Maker for Better Daily Brewing</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>