1#@!#!123s

https://www.fcalpha.net/web/photo/20151024/m.txt 1#@!#!123s
: / home / orientalvip / www / betus.orientalvip.com /
Filename : culinary-power-gas-stove-with-oven.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 | Culinary Power: Gas Stove with Oven</title>
    <meta property="og:title" content="Betus | Culinary Power: Gas Stove with Oven" /> 
    <meta name="description" content="Introduction Ignite Your Kitchen Potential 🔥 Cooking at home should be both a pleasure and a performance. For those who take." />
    
    <meta property="og:description" content="Introduction Ignite Your Kitchen Potential 🔥 Cooking at home should be both a pleasure and a performance. For those who take." />
    <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-30f0c-1.jpg" alt="Culinary Power: Gas Stove with Oven" class="market-transaction__footerdv-img" /></div>
        <div class="unit-description-price">
          <h2 class="market-transaction__footerdv-content-title">Culinary Power: Gas Stove with Oven</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; P43076630</h5>
          <p><i class="bi bi-check"></i> Accessible</p>
        </div>
          
            <h1><span> Price</span> &nbsp
              <span class="market-transaction__footerdv-content-price"> 65.89 </span>
              <span> $</span></h1>
          
          <h5>Delivery (working days): &nbsp; 6</h5>
          <h5>Rating: &nbsp; 13993</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>Ignite Your Kitchen Potential</em> 🔥 <br>Cooking at home should be both a pleasure and a performance. For those who take pride in preparing meals for family or guests, choosing the right kitchen equipment is crucial. At <strong>  Betus  </strong>, we're proud to offer a versatile and reliable <strong> </strong> gas stove with oven that transforms everyday cooking into a refined culinary experience.</p>
<p> <em>Designed for Efficiency and Precision</em> 💡 <br>This gas stove with oven is tailored for culinary enthusiasts who demand power, control, and style in one complete unit. Whether you're a beginner or a seasoned chef, its features are tailored to fit a wide range of cooking techniques and recipes.</p>
<h3>Product Description</h3>
<p> <em>Dual Functionality at Your Fingertips</em> 🧑‍🍳 <br>Combining a stovetop and a full-sized oven, this appliance allows you to cook on multiple burners while baking or roasting in the oven simultaneously. With precise flame control and consistent oven temperatures, you’ll gain confidence in your ability to manage complex meals.</p>
<p> <em>Built to Match Your Culinary Ambitions</em> 🛠️ <br>Crafted with durable materials and a sleek design, this gas stove adds sophistication to your kitchen. Its easy-to-clean surfaces, reinforced grates, and stable burner layout simplify both cooking and maintenance.</p>
<p> <em>Smart Heat Distribution and Safety</em> 🔒 <br>Equipped with safety-enhancing components such as auto-ignition, flame failure protection, and tempered glass lids, this model delivers peace of mind without compromising performance. The oven's convection technology ensures even heat for optimal results every time.</p>
<h3>Features</h3>
<ul>
<li>4 gas burners with individual controls</li>
<li>Integrated gas oven with viewing window</li>
<li>Auto-ignition for all burners</li>
<li>Flame safety protection system</li>
<li>Easy-clean enamel finish</li>
<li>Heat-resistant glass oven door</li>
<li>Interior oven light</li>
<li>Removable oven tray and grill rack</li>
<li>Adjustable temperature settings</li>
<li>Heavy-duty cast iron pan supports</li>
</ul>
<h3>Advantages</h3>
<p> <em>Why This Appliance Is a Smart Choice</em> ✅</p>
<ul>
<li>Cook multiple dishes simultaneously with confidence.</li>
<li>Maintain consistent heat for even cooking and baking.</li>
<li>Enjoy reliable flame control for sautéing, boiling, and frying.</li>
<li>Spend less time cleaning thanks to smart surface materials.</li>
<li>Enhanced kitchen safety with integrated protection features.</li>
<li>No electricity needed for stove operation — ideal for emergencies.</li>
<li>Convenient viewing window keeps you in control of baking.</li>
<li>Compact yet spacious design suits modern kitchens.</li>
<li>Durable build ensures long-term use and savings.</li>
<li>Elevated cooking experience at an affordable value.</li>
</ul>
<h3>Characteristics</h3>
<p> <em>Key Product Specifications</em> 📏</p>
<ul>
<li>Total Burners: 4 gas burners</li>
<li>Oven Capacity: 56 liters</li>
<li>Dimensions: 90 x 60 x 85 cm</li>
<li>Oven Type: Gas with convection fan</li>
<li>Ignition Type: Auto (battery powered)</li>
<li>Safety: Flame Failure Device (FFD)</li>
<li>Material: Powder-coated steel body</li>
<li>Color: Matte silver with black accents</li>
<li>Oven Accessories: 1 tray, 1 wire shelf</li>
<li>Energy Source: LPG/NG compatible</li>
<li>Weight: Approx. 40 kg</li>
<li>Warranty: 1-year manufacturer service</li>
</ul>
<h3>Conclusion</h3>
<p> <em>Your Kitchen’s New Favorite Star</em> ⭐ <br>Whether you're hosting a festive dinner or preparing a quiet family meal, the gas stove with oven from  Betus  provides the tools to achieve culinary excellence. Its blend of performance, design, and safety makes it an ideal choice for any modern kitchen. Compact yet powerful, stylish yet functional, this stove will soon become your favorite companion in the art of cooking. 🍳</p>
<p>From sizzling stir-fries to golden-baked desserts, your culinary power begins here — with the right tool from <strong>  Betus  </strong>. 🛒</p></div>
      
  </div>
</section>

<section class="container">
  <div class="lasted-prod-box">
    <h2 class="animate-element">Supplies</h2>
    <div class="lasted-prod-cards-box animate-element">
      <div>
      
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
        <img src="product-images/universal-1ca32-2.jpg" alt="Culinary Power: Gas Stove with Oven">
        <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="Culinary Power: Gas Stove with Oven">
          <a class="button-5" href="vacuum-cleaner-for-gentle-home-cleaning.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Vacuum Cleaner for Gentle Home Cleaning</h2>
      </div></div></div>
      <div>
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
          <img src="product-images/universal_2025-06-18_4.jpg" alt="Culinary Power: Gas Stove with Oven">
          <a class="button-5" href="electric-kettle-with-timer-reheat.php">Read More</a>
        </div>
        <div class="lasted-prod-cards-boxs">
        <h2>Electric Kettle with Timer & Reheat</h2>
      </div></div>
    </div>
    <div>
      <div class="lasted-prod-cards">
        <div class="lasted-prod-cards-img">
          <img src="product-images/universal_9ec64_5.jpg" alt="Culinary Power: Gas Stove with Oven">
          <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>