text/x-generic credentials.php ( PHP script, ASCII text, with CRLF line terminators )

<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 282</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_set_cookie_params(): Session cookie parameters cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 294</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 304</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 314</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 315</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 316</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 317</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Session ini settings cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 375</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_set_save_handler(): Session save handler cannot be changed after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 110</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_start(): Session cannot be started after headers have already been sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 143</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/application/controllers/Cart_control.php<br />
			Line: 9<br />
			Function: __construct			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/gurugeek/public_html/Client-Xcel/Shomag/Xcel-Customer-UI/index.php<br />
			Line: 249<br />
			Function: require_once			</p>

		
	

</div><!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image" href="https://somagmall.com/assets/images/favicon.png" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="https://somagmall.com/assets/toaster/toast.style.min.css">
  <link rel="stylesheet" href="https://somagmall.com/assets/css/1e74ec3a1f5559f8e9e1a5a99e616291.css">
  <link rel="stylesheet" href="https://somagmall.com/assets/ixfonts/style.css">
  <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  <script type="text/javascript" src="https://somagmall.com/assets/toaster/toast.script.js"></script>
  <script type="text/javascript">
    function toast(type, title, message) {
      title = title[0].toUpperCase() + title.substring(1);
      $.Toast(title, message, type, {
        has_icon: true,
        has_close_btn: true,
        stack: true,
        timeout: 7000,
        sticky: false,
        position_class: 'toast-top-right',
        has_progress: true,
        rtl: false
      });
    }
  </script>
  <script type="text/javascript" src="https://somagmall.com/assets/js/shopping.js" defer></script>
    <title>Details - Xcels</title>
</head>

<body data-theme="light" tabindex="-1">
    <div class="container-fluid bg-white p-0 sticky-top" id="topbar">
  <div class="container">
    <div class="d-flex d-lg-none justify-content-between py-1">
              <h5 onclick="history.back()" class="py-2 m-0"><i class="ix ix-chevron-left" style="font-size: .8em;"></i> <span id="title" class="ps-2"></span></h5>
                    <div class="d-flex align-items-center">
          <div class="me-2">
            <div class="language-switcher">
  <div class="dropdown">
    <button class="btn btn-sm btn-outline-light dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
      <span id="current_lang_display">
        🇬🇧 English      </span>
    </button>
    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown">
          </ul>
  </div>
</div>

<script>
function switchLanguage(lang) {
  // Show loading state
  const btn = document.getElementById('languageDropdown');
  const originalHTML = btn.innerHTML;
  btn.disabled = true;
  btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Switching...';
  
  fetch('https://somagmall.com/language/switch/' + lang, {
    method: 'GET',
    headers: {
      'X-Requested-With': 'XMLHttpRequest'
    }
  })
  .then(response => response.json())
  .then(data => {
    if (data.status === 'success') {
      // Update display
      fetch('https://somagmall.com/language/list')
        .then(r => r.json())
        .then(langData => {
          if (langData.status === 'success') {
            const selectedLang = langData.languages.find(l => l.code === lang);
            if (selectedLang) {
              document.getElementById('current_lang_display').innerHTML = 
                (selectedLang.flag_icon || '🌐') + ' ' + selectedLang.native_name;
            }
          }
        });
      
      // Reload page to apply translations
      setTimeout(() => {
        window.location.reload();
      }, 500);
    } else {
      alert(data.message || 'Failed to switch language');
      btn.innerHTML = originalHTML;
      btn.disabled = false;
    }
  })
  .catch(error => {
    console.error('Error:', error);
    alert('Failed to switch language');
    btn.innerHTML = originalHTML;
    btn.disabled = false;
  });
}
</script>

<style>
.language-switcher .dropdown-item.active {
  background-color: #f0f0f0;
  font-weight: 500;
}
</style>

          </div>
          <a href="javascript:void(0)" class="btn pe-2" onclick="$('#search-sm').removeClass('d-none')">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path d="M21.4073 19.7527L16.9969 15.3422C18.0587 13.9286 18.6319 12.208 18.63 10.44C18.63 5.92406 14.9559 2.25 10.44 2.25C5.92406 2.25 2.25 5.92406 2.25 10.44C2.25 14.9559 5.92406 18.63 10.44 18.63C12.208 18.6319 13.9286 18.0587 15.3422 16.9969L19.7527 21.4073C19.9759 21.6069 20.2671 21.7135 20.5664 21.7051C20.8658 21.6967 21.1506 21.574 21.3623 21.3623C21.574 21.1506 21.6967 20.8658 21.7051 20.5664C21.7135 20.2671 21.6069 19.9759 21.4073 19.7527ZM4.59 10.44C4.59 9.28298 4.9331 8.15194 5.5759 7.18991C6.21871 6.22789 7.13235 5.47808 8.2013 5.03531C9.27025 4.59253 10.4465 4.47668 11.5813 4.70241C12.7161 4.92813 13.7584 5.48529 14.5766 6.30343C15.3947 7.12156 15.9519 8.16393 16.1776 9.29872C16.4033 10.4335 16.2875 11.6098 15.8447 12.6787C15.4019 13.7476 14.6521 14.6613 13.6901 15.3041C12.7281 15.9469 11.597 16.29 10.44 16.29C8.88906 16.2881 7.40217 15.6712 6.30548 14.5745C5.2088 13.4778 4.59186 11.9909 4.59 10.44Z" fill="currentColor" />
            </svg>
          </a>
          <a href="https://somagmall.com/shop/cart.aspx" class="btn ps-2 position-relative">
            <span class="cart-count " class="cart-count">
              </span>
            <i class="ix ix-cart-o ix-2x" style="font-size: 1.3rem; top: 4px; right: 4px"></i>
          </a>
        </div>
          </div>
    <div class="d-none d-lg-block py-3">
      <div class="row">
        <div class="col-1 d-flex align-items-center"><a href="https://somagmall.com/shop.aspx" class="py-2 ps-3 ps-lg-0"><img src="https://somagmall.com/assets/images/logo.png" height="36px"></a></div>
        <div class="col-3 col-xxl-4 ps-5 d-flex align-items-center"><form action="https://somagmall.com/shop/market" class="kForm pb-4 pb-lg-0 w-100 d-none d-lg-block" autocomplete="off">
  <div class="form-group position-relative">
    <input type="hidden" name="auth" value="false" />
    <input type="text" name="q" placeholder="Search for products.." minlength="2" class="form-control ps-5">
    <span class="d-block" style="position: absolute; top: 50%; left: 12px; transform: translateY(-50%);">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path d="M21.4073 19.7527L16.9969 15.3422C18.0587 13.9286 18.6319 12.208 18.63 10.44C18.63 5.92406 14.9559 2.25 10.44 2.25C5.92406 2.25 2.25 5.92406 2.25 10.44C2.25 14.9559 5.92406 18.63 10.44 18.63C12.208 18.6319 13.9286 18.0587 15.3422 16.9969L19.7527 21.4073C19.9759 21.6069 20.2671 21.7135 20.5664 21.7051C20.8658 21.6967 21.1506 21.574 21.3623 21.3623C21.574 21.1506 21.6967 20.8658 21.7051 20.5664C21.7135 20.2671 21.6069 19.9759 21.4073 19.7527ZM4.59 10.44C4.59 9.28298 4.9331 8.15194 5.5759 7.18991C6.21871 6.22789 7.13235 5.47808 8.2013 5.03531C9.27025 4.59253 10.4465 4.47668 11.5813 4.70241C12.7161 4.92813 13.7584 5.48529 14.5766 6.30343C15.3947 7.12156 15.9519 8.16393 16.1776 9.29872C16.4033 10.4335 16.2875 11.6098 15.8447 12.6787C15.4019 13.7476 14.6521 14.6613 13.6901 15.3041C12.7281 15.9469 11.597 16.29 10.44 16.29C8.88906 16.2881 7.40217 15.6712 6.30548 14.5745C5.2088 13.4778 4.59186 11.9909 4.59 10.44Z" fill="#979797"/>
      </svg>
    </span>
  </div>
</form>
<form action="https://somagmall.com/shop/market" class="kForm pb-4 pb-lg-0 w-100 d-block d-lg-none" autocomplete="off">
  <div class="form-group position-relative">
    <input type="text" name="q" placeholder="Search for products.." minlength="2" class="form-control ps-5">
    <span class="d-block" style="position: absolute; top: 50%; left: 14px; transform: translateY(-50%);">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path d="M21.4073 19.7527L16.9969 15.3422C18.0587 13.9286 18.6319 12.208 18.63 10.44C18.63 5.92406 14.9559 2.25 10.44 2.25C5.92406 2.25 2.25 5.92406 2.25 10.44C2.25 14.9559 5.92406 18.63 10.44 18.63C12.208 18.6319 13.9286 18.0587 15.3422 16.9969L19.7527 21.4073C19.9759 21.6069 20.2671 21.7135 20.5664 21.7051C20.8658 21.6967 21.1506 21.574 21.3623 21.3623C21.574 21.1506 21.6967 20.8658 21.7051 20.5664C21.7135 20.2671 21.6069 19.9759 21.4073 19.7527ZM4.59 10.44C4.59 9.28298 4.9331 8.15194 5.5759 7.18991C6.21871 6.22789 7.13235 5.47808 8.2013 5.03531C9.27025 4.59253 10.4465 4.47668 11.5813 4.70241C12.7161 4.92813 13.7584 5.48529 14.5766 6.30343C15.3947 7.12156 15.9519 8.16393 16.1776 9.29872C16.4033 10.4335 16.2875 11.6098 15.8447 12.6787C15.4019 13.7476 14.6521 14.6613 13.6901 15.3041C12.7281 15.9469 11.597 16.29 10.44 16.29C8.88906 16.2881 7.40217 15.6712 6.30548 14.5745C5.2088 13.4778 4.59186 11.9909 4.59 10.44Z" fill="#979797"/>
      </svg>
    </span>
  </div>
</form></div>
        <div class="col-8 col-xxl-7"><div class="navigation text-nowrap">
  <a href="https://somagmall.com/shop.aspx" class="nav-link">
    <i class="ix ix-home-o"></i><span>Home</span>
  </a>
  <a href="https://somagmall.com/shop/notifications.aspx" class="d-none d-lg-inline-flex nav-link">
    <span class="d-inline-block position-relative">
      <span class="cart-count d-none d-lg-block">
        </span>
      <i class="ix ix-bell-o"></i>
    </span>
    <span>Notifications</span>
  </a>
  <a href="https://somagmall.com/shop/categories.aspx" class="d-block d-lg-none nav-link">
    <i class="ix ix-shapes-o"></i>
    <span>Category</span>
  </a>
  <a href="https://somagmall.com/shop/categories.aspx?load_market=true" class="d-none d-lg-flex nav-link">
    <i class="ix ix-shapes-o"></i>
    <span>Category</span>
  </a>
  <a href="https://somagmall.com/shop/cart.aspx" class="nav-link">
    <span class="d-inline-block position-relative">
      <span class="cart-count cart-cart d-none d-lg-block">
        </span>
      <i class="ix ix-cart-o"></i>
    </span>
    <span>Cart</span>
  </a>
  <a href="https://somagmall.com/shop/support.aspx" class="nav-link">
    <i class="ix ix-question-o"></i><span>Support</span>
  </a>
  <a href="https://somagmall.com/account.aspx" class="nav-link">
    <span class="d-inline-block position-relative">
            <i class="ix ix-user-o"></i>
    </span>
    <span>Account</span>
  </a>
</div>
<style>
  .notification-badge {
    background-color: #d41023;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 100;
  }
  
  .account-notification {
    animation: pulse 2s infinite;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }
    70% {
      transform: scale(1.1);
      box-shadow: 0 0 0 5px rgba(220, 53, 69, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
  }
</style>
<script>
  // Check for new messages periodically on all pages
  $(document).ready(function() {
    function checkNewMessages() {
      $.ajax({
        url: 'https://somagmall.com/account/update?k=checkNewMessages',
        type: 'POST',
        dataType: 'json',
        success: function(response) {
          if (response.status === 'success') {
            updateNotificationBadge(response.unread_count);
          }
        },
        error: function() {
          console.log('Error checking for new messages');
        }
      });
    }
    
    function updateNotificationBadge(count) {
      var badge = $('.notification-badge.account-notification');
      
      if (count > 0) {
        var displayCount = count > 9 ? '9+' : count;
        if (badge.length > 0) {
          badge.text(displayCount);
        } else {
          $('a[href="https://somagmall.com/account.aspx"] span.position-relative').prepend(
            '<span class="notification-badge account-notification">' + displayCount + '</span>'
          );
        }
      } else {
        badge.remove();
      }
    }
    
    // Check for new messages every 60 seconds
    setInterval(checkNewMessages, 60000);
    
    // Also check when page becomes visible (when user returns to tab)
    document.addEventListener('visibilitychange', function() {
      if (!document.hidden) {
        checkNewMessages();
      }
    });
  });
</script>
</div>
      </div>
    </div>
  </div>
  <div class="container-fluid border-top p-0">
          <div class="container py-lg-3">
        <div class="crumbs">
          <a href="https://somagmall.com/shop" style=""><span>Home</span></a>
                      <span><i class="ix ix-chevron-right"></i> Categories</span>
                      <span><i class="ix ix-chevron-right"></i> Product Details</span>
                  </div>
      </div>
      </div>
</div>
<div class="container">
      <h5 class="pb-3 bold d-none d-lg-flex justify-content-between align-items-center" id="sub-title">
      <span>
        Product Details      </span>
    </h5>
  </div>  <div class="d-block d-lg-none px-3 mt-2 d-none" id="search-sm">
    <form action="https://somagmall.com/shop/market" class="kForm pb-4 pb-lg-0 w-100 d-none d-lg-block" autocomplete="off">
  <div class="form-group position-relative">
    <input type="hidden" name="auth" value="false" />
    <input type="text" name="q" placeholder="Search for products.." minlength="2" class="form-control ps-5">
    <span class="d-block" style="position: absolute; top: 50%; left: 12px; transform: translateY(-50%);">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path d="M21.4073 19.7527L16.9969 15.3422C18.0587 13.9286 18.6319 12.208 18.63 10.44C18.63 5.92406 14.9559 2.25 10.44 2.25C5.92406 2.25 2.25 5.92406 2.25 10.44C2.25 14.9559 5.92406 18.63 10.44 18.63C12.208 18.6319 13.9286 18.0587 15.3422 16.9969L19.7527 21.4073C19.9759 21.6069 20.2671 21.7135 20.5664 21.7051C20.8658 21.6967 21.1506 21.574 21.3623 21.3623C21.574 21.1506 21.6967 20.8658 21.7051 20.5664C21.7135 20.2671 21.6069 19.9759 21.4073 19.7527ZM4.59 10.44C4.59 9.28298 4.9331 8.15194 5.5759 7.18991C6.21871 6.22789 7.13235 5.47808 8.2013 5.03531C9.27025 4.59253 10.4465 4.47668 11.5813 4.70241C12.7161 4.92813 13.7584 5.48529 14.5766 6.30343C15.3947 7.12156 15.9519 8.16393 16.1776 9.29872C16.4033 10.4335 16.2875 11.6098 15.8447 12.6787C15.4019 13.7476 14.6521 14.6613 13.6901 15.3041C12.7281 15.9469 11.597 16.29 10.44 16.29C8.88906 16.2881 7.40217 15.6712 6.30548 14.5745C5.2088 13.4778 4.59186 11.9909 4.59 10.44Z" fill="#979797"/>
      </svg>
    </span>
  </div>
</form>
<form action="https://somagmall.com/shop/market" class="kForm pb-4 pb-lg-0 w-100 d-block d-lg-none" autocomplete="off">
  <div class="form-group position-relative">
    <input type="text" name="q" placeholder="Search for products.." minlength="2" class="form-control ps-5">
    <span class="d-block" style="position: absolute; top: 50%; left: 14px; transform: translateY(-50%);">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path d="M21.4073 19.7527L16.9969 15.3422C18.0587 13.9286 18.6319 12.208 18.63 10.44C18.63 5.92406 14.9559 2.25 10.44 2.25C5.92406 2.25 2.25 5.92406 2.25 10.44C2.25 14.9559 5.92406 18.63 10.44 18.63C12.208 18.6319 13.9286 18.0587 15.3422 16.9969L19.7527 21.4073C19.9759 21.6069 20.2671 21.7135 20.5664 21.7051C20.8658 21.6967 21.1506 21.574 21.3623 21.3623C21.574 21.1506 21.6967 20.8658 21.7051 20.5664C21.7135 20.2671 21.6069 19.9759 21.4073 19.7527ZM4.59 10.44C4.59 9.28298 4.9331 8.15194 5.5759 7.18991C6.21871 6.22789 7.13235 5.47808 8.2013 5.03531C9.27025 4.59253 10.4465 4.47668 11.5813 4.70241C12.7161 4.92813 13.7584 5.48529 14.5766 6.30343C15.3947 7.12156 15.9519 8.16393 16.1776 9.29872C16.4033 10.4335 16.2875 11.6098 15.8447 12.6787C15.4019 13.7476 14.6521 14.6613 13.6901 15.3041C12.7281 15.9469 11.597 16.29 10.44 16.29C8.88906 16.2881 7.40217 15.6712 6.30548 14.5745C5.2088 13.4778 4.59186 11.9909 4.59 10.44Z" fill="#979797"/>
      </svg>
    </span>
  </div>
</form>  </div>
  <div class="container pt-lg-0" id="page">
          <div class="row">
    <div class="col-lg-6 pe-lg-4 position-relative">
      <div class="small-min-margin">
        <img src="" class="img-fluid">
                  <!-- Out of stock overlay -->
          <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center bg-white bg-opacity-75">
            <div class="text-center p-4">
              <span class="text-danger fw-bold fs-4 px-4 py-2 rounded border border-danger">Out Of Stock</span>
            </div>
          </div>
              </div>
              <div class="alert alert-warning mt-3">
          <i class="bi bi-exclamation-triangle-fill me-2"></i>
          This product is currently unavailable. Check back later!
        </div>
          </div>
    <div class="col-lg-6 ps-lg-5">
      <div class="py-4">
        
        <!-- Display (mobile) -->
        <h6 class="d-block d-lg-none">10 Great Dotes For Nesters Empty</h6>
        <h6 class="d-block d-lg-none">
                      <span class="text-muted">
              <span class="money">1,500.00</span>            </span>
                                <span class="badge bg-danger ms-2">Out of Stock</span>
                  </h6>

        <!-- Display (desktop) -->
        <h4 class="d-none d-lg-block">10 Great Dotes For Nesters Empty</h4>
        <h4 class="d-none d-lg-block">
                      <span class="text-muted">
              <span class="money">1,500.00</span>            </span>
                                <span class="badge bg-danger ms-2 fs-6">Out of Stock</span>
                  </h4>
        
        <!-- Stock information -->
        <div class="mt-3">
                      <div class="text-danger">
              <i class="bi bi-x-circle-fill me-2"></i>
              <span class="fw-bold">Out of Stock</span>
            </div>
                  </div>
      </div>

      <div class="py-3">
        <h6><b>Description</b></h6>
        <div class="text-justify text-secondary"></div>
      </div>
      
      <div class="fixed-bottom small-fix bg-white">
                  <div class="container py-3">
                          <button class="btn btn-secondary w-100" disabled id="add-to-cart-btn">
                <i class="bi bi-slash-circle me-2"></i>Out of Stock
              </button>
                      </div>
              </div>
    </div>
  </div>
  
      <div class="pt-4 pt-lg-5 mt-lg-5">
      <h6><b>Suggestions</b></h6>
      <div class="sliding">
                  <div class="p-2 x-card position-relative "
               data-stock="1">
            <a href="https://somagmall.com/details?k=XMOzQ6eW1MuVyvdaOlwkGT_PdFQyL_LT-eXJ9MNm1NgxMjQzNTVwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">2 In1 Flag</p>
              <p class="pb-2">
                                  <span class="money">4,999.00</span>                                                </p>
            </a>
                      </div>
                  <div class="p-2 x-card position-relative "
               data-stock="2">
            <a href="https://somagmall.com/details?k=Oe5RQm-W0Hg7DStOpe8eGqwQ27EtGhh4BtBClmDSBWIxMjQzNTVwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">7Keys To 1000 Times More</p>
              <p class="pb-2">
                                  <span class="money">1,500.00</span>                                                </p>
            </a>
                      </div>
                  <div class="p-2 x-card position-relative "
               data-stock="1">
            <a href="https://somagmall.com/details?k=lIpNd8oGVpaJdhhSC_9KrhfSOKYqxlbYafsrfFFT-PkxMjQzNTVwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">A Midsummer Night Dream_Simon & Schuster</p>
              <p class="pb-2">
                                  <span class="money">2,500.00</span>                                                </p>
            </a>
                      </div>
                  <div class="p-2 x-card position-relative "
               data-stock="1">
            <a href="https://somagmall.com/details?k=JCNw77ixuDBotaLglwgJYtL9EN45iow9qcq0dmDE9swxMjQzNTVwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">A Six Penny Christmas</p>
              <p class="pb-2">
                                  <span class="money">2,500.00</span>                                                </p>
            </a>
                      </div>
                  <div class="p-2 x-card position-relative "
               data-stock="1">
            <a href="https://somagmall.com/details?k=tINDu3WrGg9wlky_H2f829ho3wCqlBc72Wl5qFQB808xMjQzNTdwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">Appointed To Preach</p>
              <p class="pb-2">
                                  <span class="money">999.00</span>                                                </p>
            </a>
                      </div>
                  <div class="p-2 x-card position-relative "
               data-stock="35">
            <a href="https://somagmall.com/details?k=mOhI4A49qFoFLqHFV5y9sTYKTAAZanl13EVRieIng8QxMjQzNTdwbQ" class="link">
              <div class="img position-relative">
                <img src="" />
                              </div>
              <p class="pt-3 pb-2">Babies & Children Books</p>
              <p class="pb-2">
                                  <span class="money">1,999.00</span>                                                </p>
            </a>
                      </div>
              </div>
    </div>
  <span id="page-title">Product Details</span>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Prevent adding out of stock products to cart
    const addToCartBtn = document.getElementById('add-to-cart-btn');
    if (addToCartBtn) {
        addToCartBtn.addEventListener('click', function(e) {
            const isOutOfStock = true;
            const productName = "10 Great Dotes For Nesters Empty";
            
            if (isOutOfStock) {
                e.preventDefault();
                e.stopPropagation();
                
                // Show error message
                if (typeof toast === 'function') {
                    toast('error', 'Out of Stock', `"${productName}" is currently out of stock.`);
                } else {
                    alert(`"${productName}" is currently out of stock and cannot be added to cart.`);
                }
                return false;
            }
            
            // If already in cart, show message
            if (this.classList.contains('disabled')) {
                e.preventDefault();
                if (typeof toast === 'function') {
                    toast('info', 'Already in Cart', `"${productName}" is already in your cart.`);
                }
                return false;
            }
        });
    }
    
    // Add stock validation to suggestion products
    document.querySelectorAll('.sliding .x-card a').forEach(link => {
        link.addEventListener('click', function(e) {
            const card = this.closest('.x-card');
            const stock = parseInt(card.getAttribute('data-stock')) || 0;
            
            // We're allowing navigation even for out of stock products
            // But you could add special handling here if needed
            if (stock <= 0) {
                // Allow navigation but maybe add a visual cue
                console.log('Navigating to out of stock product');
            }
        });
    });
    
    // Intercept all add-to-cart links on the page
    document.addEventListener('click', function(e) {
        if (e.target.closest('[href*="cart?k=add"]')) {
            const isOutOfStock = true;
            const productName = "10 Great Dotes For Nesters Empty";
            
            if (isOutOfStock) {
                e.preventDefault();
                e.stopPropagation();
                
                if (typeof toast === 'function') {
                    toast('error', 'Out of Stock', `"${productName}" is currently out of stock.`);
                } else {
                    alert(`"${productName}" is currently out of stock.`);
                }
                return false;
            }
        }
    });
});

// Override the global add to cart function if it exists
if (typeof addToCart === 'function') {
    const originalAddToCart = addToCart;
    addToCart = function(productToken, quantity, productName) {
        // Check if this is the current product
        const currentProductToken = "IcHKp8ySeRFYg5TjgAksUqhmSu88CD3DozFcLjn5UlsxMjQzNTRwbQ";
        const isCurrentProduct = productToken === currentProductToken;
        const isOutOfStock = true;
        
        if (isCurrentProduct && isOutOfStock) {
            const productName = "10 Great Dotes For Nesters Empty";
            if (typeof toast === 'function') {
                toast('error', 'Out of Stock', `"${productName}" is currently out of stock.`);
            }
            return false;
        }
        
        // Call original function
        return originalAddToCart.apply(this, arguments);
    };
}
</script>  </div>
  <style>
  .checkout-choice-modal .modal-dialog {
    max-width: 650px;
  }

  .checkout-choice-modal .modal-content {
    padding: 24px;
    background: #ffffff;
    border: 0;
    border-radius: 20px;
    box-shadow: none;
  }

  .checkout-choice-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
  }

  .checkout-choice-title-group {
    max-width: 312px;
  }

  .checkout-choice-title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #1a1a1a;
  }

  .checkout-choice-subtitle {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #666666;
  }

  .checkout-choice-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #efefef;
    border: 0;
    border-radius: 100px;
    flex-shrink: 0;
    opacity: 1;
    transition: background 0.15s ease-in-out;
  }

  .checkout-choice-close:hover {
    background: #dedede;
  }

  .checkout-choice-close:focus {
    box-shadow: none;
  }

  .checkout-choice-close svg {
    width: 16px;
    height: 16px;
  }

  .checkout-choice-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 43px;
    padding: 12px 24px;
    border: 1.5px solid #05941d;
    border-radius: 8px;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #05941d;
    text-decoration: none;
    flex: 0 0 auto;
    transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
    text-align: center;
  }

  .checkout-choice-btn:hover {
    background: #05941d;
    color: #ffffff;
    text-decoration: none;
  }

  .checkout-choice-options-row {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-bottom: 24px;
  }

  .checkout-choice-option {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-width: 0;
    align-items: stretch;
  }

  .checkout-choice-info-label {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #666666;
  }

  .checkout-choice-info-label--signin {
    max-width: 190px;
  }

  .checkout-choice-card {
    width: 100%;
    height: 100%;
    min-height: 176px;
    padding: 15px;
    background: #ECECEC;
    border-radius: 12px;
  }

  .checkout-choice-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .checkout-choice-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    /* font-weight: 600; */
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #333333;
  }

  .checkout-choice-feature-list .icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 1px;
  }

  .checkout-choice-feature-list .icon.bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000000;
    flex-shrink: 0;
    margin-top: 6px;
  }

  .checkout-choice-feature-list strong {
    font-weight: 700;
  }

  .checkout-choice-privacy {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #666666;
    text-align: center;
  }

  .checkout-choice-privacy a {
    color: #05941d;
    text-decoration: underline;
  }

  @media (max-width: 767.98px) {
    .checkout-choice-modal .modal-dialog {
      margin: 1rem;
    }

    .checkout-choice-modal .modal-content {
      padding: 20px;
    }

    .checkout-choice-options-row {
      flex-direction: column;
    }

    .checkout-choice-title-group {
      max-width: none;
    }

    .checkout-choice-title {
      line-height: 28px;
      margin-bottom: 4px;
    }

    .checkout-choice-info-label--signin {
      max-width: none;
    }
  }
</style>
<div class="modal fade checkout-choice-modal" id="guestCheckoutModal" tabindex="-1" aria-labelledby="guestCheckoutModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="checkout-choice-header">
        <div class="checkout-choice-title-group">
          <h2 class="checkout-choice-title" id="guestCheckoutModalLabel">How would you like to proceed?</h2>
          <p class="checkout-choice-subtitle">Choose an option to complete your purchase.</p>
        </div>

        <button type="button" class="checkout-choice-close" data-bs-dismiss="modal" aria-label="Close">
          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18 6L6 18M6 6l12 12" stroke="#25324B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </button>
      </div>

      <div class="checkout-choice-options-row">
        <div class="checkout-choice-option">
          <a href="https://somagmall.com/signin.aspx" class="checkout-choice-btn">Sign in / Create Account</a>
          <p class="checkout-choice-info-label checkout-choice-info-label--signin"><strong>Best for:</strong> Frequent shoppers &amp; Records</p>
          <div class="checkout-choice-card">
            <ul class="checkout-choice-feature-list">
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>In-App Tracking:</strong> Monitor your delivery status directly in the app.</span>
              </li>
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>Order History:</strong> Access all past purchases and receipts in one <br /> place.</span>
              </li>
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>Easy Returns:</strong> Start a return <br /> request with just a few clicks.</span>
              </li>
            </ul>
          </div>
        </div>

        <div class="checkout-choice-option">
          <!-- Continue as Guest: submit the cart form to checkout?k=check -->
          <button type="button" id="guestContinueBtn" class="checkout-choice-btn">Continue as Guest</button>
          <p class="checkout-choice-info-label"><strong>Best for:</strong> One-time, Speed-focused Purchases</p>
          <div class="checkout-choice-card">
            <ul class="checkout-choice-feature-list">
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>No Account Needed to checkout.</strong></span>
              </li>
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>Email Tracking:</strong> Order updates and tracking will be sent to your email.</span>
              </li>
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>Manual Returns:</strong> Return requests must be initiated via email.</span>
              </li>
              <li>
                <span class="icon bullet" aria-hidden="true"></span>
                <span><strong>Manual Support:</strong> Support history is not stored in an in-app inbox.</span>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <p class="checkout-choice-privacy">
        For more information, view our <a href="https://somagmall.com/terms.aspx">privacy policy</a>.
      </p>
    </div>
  </div>
</div>
  <!-- Cookie Consent Component - exact design provided by user -->
<style>
    /* Position the whole component fixed at the bottom center so it floats */
    #xcelCookieComponent {
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 16px;
        z-index: 9999;
        display: flex;
        justify-content: center;
        pointer-events: auto;
        padding: 8px;
        transition: opacity .22s ease, transform .22s ease;
        will-change: opacity, transform;
    }

    /* Ensure mobile modal is sized and centered within the fixed wrapper */
    #xcelCookieComponent .cookie-modal {
        margin: 0 auto;
    }

    /* Mobile icon smaller and spacing adjustments */
    .cookie-modal .cookie-icon {
        width: 34px;
        height: 34px;
        flex-shrink: 0;
    }

    .cookie-modal .modal-body-row {
        gap: 12px;
    }

    .cookie-modal {
        padding: 18px;
    }

    /* Add breathing room around the desktop bar inside wrapper */
    .cookie-bar {
        margin: 0 6px;
        padding: 14px 18px;
    }

    /* Styles copied from provided design */
    body .cookie-modal {
        width: 100%;
        max-width: 480px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
        padding: 20px 20px 20px 20px;
        position: relative;
    }

    .cookie-modal .close-btn {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #f0f0f0;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        transition: background 0.15s;
    }

    .cookie-modal .close-btn:hover {
        background: #e0e0e0;
    }

    .cookie-modal .modal-body-row {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding-right: 32px;
        margin-bottom: 18px;
    }

    .cookie-modal .modal-text h5 {
        font-size: 18px;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0 0 4px;
    }

    .cookie-modal .modal-text h5 a {
        color: #05941D;
        text-decoration: none;
        display: inline-block;
        padding: 0 0 2px 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid currentColor;
        line-height: 1;
    }

    .cookie-modal .modal-text p {
        font-size: 14px;
        color: #555;
        margin: 0;
        line-height: 1.5;
    }

    .cookie-modal .modal-actions {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .btn-accept {
        background: #05941D;
        color: #fff;
        border: none;
        border-radius: 10px;
        padding: 12px 28px;
        font-weight: 600;
        font-size: 15px;
        cursor: pointer;
        transition: background 0.15s;
        white-space: nowrap;
    }

    .btn-accept:hover {
        background: #047518;
    }

    .btn-customize {
        background: #fff;
        color: #333;
        border: 1.5px solid #ddd;
        border-radius: 10px;
        padding: 11px 22px;
        font-weight: 500;
        font-size: 15px;
        cursor: pointer;
        transition: border-color 0.15s, background 0.15s;
        white-space: nowrap;
    }

    .btn-customize:hover {
        border-color: #bbb;
        background: #fafafa;
    }

    .btn-reject {
        background: none;
        border: none;
        color: #555;
        font-weight: 500;
        font-size: 15px;
        cursor: pointer;
        padding: 11px 8px;
        white-space: nowrap;
        transition: color 0.15s;
    }

    .btn-reject:hover {
        color: #111;
    }

    .cookie-bar {
        width: 100%;
        max-width: 960px;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
        padding: 14px 20px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .xc-hide {
        opacity: 0 !important;
        transform: translateY(12px) !important;
        pointer-events: none !important;
    }

    .cookie-bar .bar-text {
        display: flex;
        align-items: center;
        gap: 14px;
        flex: 1;
        min-width: 0;
    }

    .cookie-bar .bar-text-content h6 {
        font-size: 14px;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0 0 2px;
    }

    .cookie-bar .bar-text-content h6 a {
        color: #05941D;
        text-decoration: none;
        display: inline-block;
        padding: 0 0 2px 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid currentColor;
        line-height: 1;
    }

    .cookie-bar .bar-text-content p {
        font-size: 13px;
        color: #555;
        margin: 0;
        line-height: 1.4;
    }

    .cookie-bar .bar-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    .btn-bar-accept {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #05941D;
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 10px 18px;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.15s;
        white-space: nowrap;
    }

    .btn-bar-accept:hover {
        background: #047518;
    }

    .btn-bar-customize {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #fff;
        color: #1a1a1a;
        border: 1.5px solid #1a1a1a;
        border-radius: 8px;
        padding: 9px 16px;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.15s;
        white-space: nowrap;
    }

    .btn-bar-customize:hover {
        background: #f5f5f5;
    }

    /* Make Accept + Customize sit flush together: remove inner radii and left border */
    .btn-bar-accept {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .btn-bar-accept + .btn-bar-customize {
        margin-left: -10px; /* cancel the container gap so they touch */
    }
    .btn-bar-customize {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }

    .btn-bar-reject {
        background: none;
        border: none;
        color: #333;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        padding: 10px 8px;
        white-space: nowrap;
        transition: color 0.15s;
    }

    .btn-bar-reject:hover {
        color: #000;
    }

    .btn-bar-close {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #555;
        font-size: 18px;
        font-weight: 700;
        transition: background 0.15s;
        flex-shrink: 0;
    }

    .btn-bar-close:hover {
        background: #f0f0f0;
    }

    .icon-sliders {
        display: flex;
        flex-direction: column;
        gap: 2px;
        width: 14px;
    }

    .icon-sliders span {
        display: block;
        height: 2px;
        background: currentColor;
        border-radius: 2px;
        position: relative;
    }

    /* Desktop icon SVG sizing for buttons */
    .btn-bar-customize svg, .btn-bar-accept svg { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

    .icon-sliders span::after {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: currentColor;
        top: -1.5px;
    }

    .icon-sliders span:nth-child(1)::after {
        left: 60%;
    }

    .icon-sliders span:nth-child(2)::after {
        left: 20%;
    }

    .icon-sliders span:nth-child(3)::after {
        left: 50%;
    }
</style>

<!-- Mobile / Modal -->
<div id="xcelCookieComponent">
    <div class="cookie-modal d-block d-lg-none" id="xcelCookieModal">
        <button class="close-btn" aria-label="Close">&#x2715;</button>

        <div class="modal-body-row">
            <!-- Cookie SVG icon -->
            <svg viewBox="0 0 24 24" id="cookie-left" xmlns="http://www.w3.org/2000/svg" class="icon flat-color cookie-icon">
                <g>
                    <path d="M3,11A2,2,0,0,0,4.92,9.52a.94.94,0,0,1,.52-.63,1,1,0,0,1,.82,0A2,2,0,0,0,9,7a1.92,1.92,0,0,0-.15-.74,1,1,0,0,1,0-.82.94.94,0,0,1,.63-.52A2,2,0,0,0,11,3a1,1,0,0,1,1-1A10,10,0,1,1,2,12,1,1,0,0,1,3,11Z" fill="#05941D"></path>
                    <path d="M15,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,15,8Zm-2,7a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,13,15ZM8,14a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,8,14Z" fill="#FFFFFF"></path>
                </g>
            </svg>

            <div class="modal-text">
                <h5>We Value <a href="https://somagmall.com/terms.aspx">Your Privacy.</a></h5>
                <p>We collect your data in order to improve your experience in the form of cookies.</p>
            </div>
        </div>

        <div class="modal-actions">
            <button class="btn-accept" id="cookieAcceptMobile">Accept All</button>
            <button class="btn-reject" id="cookieRejectMobile">Reject All</button>
        </div>
    </div>

    <!-- Desktop / Bar -->
    <div class="cookie-bar mx-auto d-none d-lg-flex" id="xcelCookieBar">
        <div class="bar-text">
            <svg width="36" height="36" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0">
                <g>
                    <path d="M3,11A2,2,0,0,0,4.92,9.52a.94.94,0,0,1,.52-.63,1,1,0,0,1,.82,0A2,2,0,0,0,9,7a1.92,1.92,0,0,0-.15-.74,1,1,0,0,1,0-.82.94.94,0,0,1,.63-.52A2,2,0,0,0,11,3a1,1,0,0,1,1-1A10,10,0,1,1,2,12,1,1,0,0,1,3,11Z" fill="#05941D"></path>
                    <path d="M15,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,15,8Zm-2,7a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,13,15ZM8,14a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,8,14Z" fill="#FFFFFF"></path>
                </g>
            </svg>

            <div class="bar-text-content ms-2">
                <h6>We Value <a href="https://somagmall.com/terms.aspx">Your Privacy.</a></h6>
                <p>We collect your data in order to improve your experience in the form of cookies.</p>
            </div>
        </div>

            <div class="bar-actions">
            <button class="btn-bar-accept" id="cookieAccept">Accept All
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <g>
                        <path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </g>
                </svg>
            </button>
            <button class="btn-bar-reject" id="cookieReject">Reject All</button>
            <button class="btn-bar-close" aria-label="Close" id="cookieClose">&#x2715;</button>
        </div>
    </div>
</div>

<script>
    (function() {
        function setCookie(name, value, days) {
            var expires = '';
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = '; expires=' + date.toUTCString();
            }
            document.cookie = name + '=' + (value || '') + expires + '; path=/; SameSite=Lax';
        }

        function getCookie(name) {
            var nameEQ = name + '=';
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        }

        var consent = getCookie('xcel_cookie_consent');
        var wrapper = document.getElementById('xcelCookieComponent');
        var modal = document.getElementById('xcelCookieModal');
        var bar = document.getElementById('xcelCookieBar');
        if (consent) {
            if (wrapper) wrapper.style.display = 'none';
            if (modal) modal.style.display = 'none';
            if (bar) bar.style.display = 'none';
            return;
        }

        // Attach handlers for mobile
        var acceptMobile = document.getElementById('cookieAcceptMobile');
        var rejectMobile = document.getElementById('cookieRejectMobile');
        var customizeMobile = null;
        var closeBtns = document.querySelectorAll('.cookie-modal .close-btn, .btn-bar-close');

        function hideComponent() {
            if (!wrapper) return;
            // start transition
            wrapper.classList.add('xc-hide');
            // remove from flow after transition finishes
            setTimeout(function() {
                if (wrapper) wrapper.style.display = 'none';
            }, 260);
        }

        function acceptHandler() {
            setCookie('xcel_cookie_consent', 'accepted', 365);
            hideComponent();
            window.dispatchEvent(new CustomEvent('xcel:cookie', {
                detail: {
                    consent: 'accepted'
                }
            }));
        }

        function rejectHandler() {
            setCookie('xcel_cookie_consent', 'rejected', 365);
            hideComponent();
            window.dispatchEvent(new CustomEvent('xcel:cookie', {
                detail: {
                    consent: 'rejected'
                }
            }));
        }

        function customizeHandler() {
            setCookie('xcel_cookie_consent', 'custom', 365);
            hideComponent();
            window.dispatchEvent(new CustomEvent('xcel:cookie', {
                detail: {
                    consent: 'custom'
                }
            }));
        }

        if (acceptMobile) acceptMobile.addEventListener('click', acceptHandler);
        if (rejectMobile) rejectMobile.addEventListener('click', rejectHandler);

        var accept = document.getElementById('cookieAccept');
        var reject = document.getElementById('cookieReject');
        var customize = null;
        var close = document.getElementById('cookieClose');
        if (accept) accept.addEventListener('click', acceptHandler);
        if (reject) reject.addEventListener('click', rejectHandler);
        if (close) close.addEventListener('click', function() {
            hideComponent();
        });

        // mobile close button
        document.querySelectorAll('.close-btn').forEach(function(btn) {
            btn.addEventListener('click', function() {
                var m = document.getElementById('xcelCookieModal');
                if (m) m.style.display = 'none';
                hideComponent();
            });
        });
    })();
</script>      <script type="text/javascript" src="https://somagmall.com/assets/js/cart.js?v=1776589448" defer></script>
  </body>

</html>