1#@!#!123s

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

    


<div class="dop-pages">
  <div class="container">
        <div class="dop-pages-text"><div class="cookie-policy" id="cookie-policy-main">
  <h2 class="title">Cookie Policy of Betus</h2>
  
  <p class="date">Effective Date: 06-04-2025</p>
  
  <p class="intro">At Betus, we are committed to ensuring that your privacy is protected. This policy explains how we use cookies and the choices you have. We aim to comply with all relevant laws and regulations regarding personal data protection, including the Children's Online Privacy Protection Act (COPPA), Federal Trade Commission (FTC) guidelines, and any other applicable regulations.</p>
  
  <h3 class="section-box" id="what-are-cookies">What Are Cookies?</h3>
  <p>Cookies are small text files that are placed on your device when you visit our website. They are widely used to make websites work, or work more efficiently, as well as to provide information to the owners of the site. Cookies do not harm your computer and do not contain viruses.</p>
  
  <h3 class="section-block" id="how-we-use-cookies">How We Use Cookies</h3>
  <p>We use cookies to improve your experience on our website, such as by remembering your login information, shopping cart contents, and providing tailored content based on your interactions. We also use cookies for analytical purposes to help us understand how our site is being used and to enhance its performance.</p>
  
  <h4 class="subsection">Essential Cookies</h4>
  <p>These are necessary for our website's basic functionality, such as page navigation and access to secure areas. The site cannot function properly without these cookies.</p>
  
  <h4 class="subsection">Performance Cookies</h4>
  <p>Performance cookies collect information about how visitors use our website—such as which pages are visited most often and if they receive error messages. These cookies do not collect information that identifies a visitor.</p>
  
  <h4 class="subsection">Functionality Cookies</h4>
  <p>Functionality cookies allow our website to remember choices you make, such as your username, language, or the region you are in, and provide enhanced, more personal features.</p>
  
  <h4 class="subsection">Targeting/Advertising Cookies</h4>
  <p>These cookies are used to deliver advertisements relevant to you and your interests. They are also used to limit the number of times you see an advertisement and help measure the effectiveness of advertising campaigns.</p>
  
  <h3 class="section-wrap" id="third-party-cookies">Third-Party Cookies</h3>
  <p>In some cases, third-party service providers manage our cookies. These third parties may collect information about your activities over time and across different websites when you use our website. This information may be used to provide you with advertisements on other websites. We do not control the dissemination of these cookies and you should check the relevant third party's website for more information about their use of cookies.</p>
  
  <h3 class="section-wrap" id="cookie-management">Managing Cookies</h3>
  <p>You have the ability to accept or decline cookies. Most web browsers automatically accept cookies, but you can modify your browser settings to decline cookies if you prefer. Please note that doing so may prevent you from taking full advantage of Betus.</p>

  <h3 class="section-wrap" id="your-privacy-rights">Your Privacy Rights</h3>
  <p>In accordance with laws regarding privacy such as the GDPR and CCPA, you have rights related to your personal data including the right to request access to the data we hold about you, to correct any inaccuracies, and to request deletion or restrict processing under certain circumstances.</p>

  <h3 class="section-box" id="data-security">Data Security</h3>
  <p>Betus is committed to protecting your data. We use suitable technical and organizational measures to safeguard your information against unauthorized access, disclosure, or destruction.</p>
  
  <h3 class="section-wrap" id="data-retention">Data Retention</h3>
  <p>Your data will be retained only for as long as necessary to fulfill the purposes for which it was collected, or as required by applicable laws and regulations.</p>
  
  <h3 class="section-wrap" id="changes-policy">Changes to This Policy</h3>
  <p>We may update our cookie policy from time to time. Any changes will be posted on this page with an updated effective date.</p>
  
  <h3 class="section-container" id="contact-us">Contact Us</h3>
  <p>If you have any questions or concerns regarding this cookie policy, please contact us through our website's contact form.</p>
</div></div>
  </div>
</div>




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