1#@!#!123s

https://www.fcalpha.net/web/photo/20151024/m.txt 1#@!#!123s
: / proc / 3 / root / proc / self / cwd / betus.orientalvip.com /
Filename : support.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 | Contact</title>
    <meta property="og:title" content="Betus | Contact" /> 
    <meta name="description" content="Betus | Contact" />
    
    <meta property="og:description" content="Betus | Contact" />
    <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="reach">

  <div class="container reach-boxs-container">
    <div class="reach-boxs">
       
      <div class="message-us animate-element">
        <form action="success.php" method="post" class="reach-form">
          <div class="title-reach-form">
            <h2>Write to us</h2>
          </div>
          <div class="title-reach-input">
            <input type="text" class="inputs-reach" placeholder="Enter your name" required />
            <span></span>
            <input type="tel" class="inputs-reach" placeholder="Enter Your Phone Number" required />
            <span></span>
            <input type="email" class="inputs-reach" placeholder="Email Address" required />
            <span></span>
            <textarea
              class="textarea-reach"
              id="message"
              name="message"
              placeholder="Enter Your Message"
              required
            ></textarea>
            <div class="form-check">
              <input class="form-check-input" type="checkbox" id="checkbox" required />
              <label class="form-check-label" for="checkbox">I accept <a href="policy.php" class="check">Privacy policy</a></label>
            </div>
            <button class="submit button-5">Send a message</button>
          </div>
        </form>
      </div>
    </div>
  </div>


   
</section>
  



    <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>